@hashicorp/design-system-components 4.16.0 → 4.17.1

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

@@ -4,7 +4,7 @@ import { assert } from '@ember/debug';
 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-breadcrumb__item\" style={{this.itemStyle}} ...attributes>\n  {{#if @current}}\n    <div class=\"hds-breadcrumb__current\">\n      {{#if @icon}}\n        <div class=\"hds-breadcrumb__icon\">\n          <Hds::Icon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n        </div>\n      {{/if}}\n      <span class=\"hds-breadcrumb__text\">{{@text}}</span>\n    </div>\n  {{else}}\n    {{#if @isRouteExternal}}\n      <LinkToExternal\n        class=\"hds-breadcrumb__link\"\n        @current-when={{@current-when}}\n        @models={{hds-link-to-models @model @models}}\n        @query={{hds-link-to-query @query}}\n        @replace={{@replace}}\n        @route={{@route}}\n      >\n        {{#if @icon}}\n          <div class=\"hds-breadcrumb__icon\">\n            <Hds::Icon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n          </div>\n        {{/if}}\n        <span class=\"hds-breadcrumb__text\">{{@text}}</span>\n      </LinkToExternal>\n    {{else}}\n      <LinkTo\n        class=\"hds-breadcrumb__link\"\n        @current-when={{@current-when}}\n        @models={{hds-link-to-models @model @models}}\n        @query={{hds-link-to-query @query}}\n        @replace={{@replace}}\n        @route={{@route}}\n      >\n        {{#if @icon}}\n          <div class=\"hds-breadcrumb__icon\">\n            <Hds::Icon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n          </div>\n        {{/if}}\n        <span class=\"hds-breadcrumb__text\">{{@text}}</span>\n      </LinkTo>\n    {{/if}}\n  {{/if}}\n</li>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<li class=\"hds-breadcrumb__item\" style={{this.itemStyle}} ...attributes>\n  {{#if @current}}\n    <div class=\"hds-breadcrumb__current\">\n      {{#if @icon}}\n        <div class=\"hds-breadcrumb__icon\">\n          <Hds::Icon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n        </div>\n      {{/if}}\n      <span class=\"hds-breadcrumb__text\">{{@text}}</span>\n    </div>\n  {{else}}\n    {{#if @isRouteExternal}}\n      {{! @glint-expect-error: FIXME: pnpm migration }}\n      <LinkToExternal\n        class=\"hds-breadcrumb__link\"\n        @current-when={{@current-when}}\n        @models={{hds-link-to-models @model @models}}\n        @query={{hds-link-to-query @query}}\n        @replace={{@replace}}\n        @route={{@route}}\n      >\n        {{#if @icon}}\n          <div class=\"hds-breadcrumb__icon\">\n            <Hds::Icon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n          </div>\n        {{/if}}\n        <span class=\"hds-breadcrumb__text\">{{@text}}</span>\n      </LinkToExternal>\n    {{else}}\n      <LinkTo\n        class=\"hds-breadcrumb__link\"\n        @current-when={{@current-when}}\n        @models={{hds-link-to-models @model @models}}\n        @query={{hds-link-to-query @query}}\n        @replace={{@replace}}\n        @route={{@route}}\n      >\n        {{#if @icon}}\n          <div class=\"hds-breadcrumb__icon\">\n            <Hds::Icon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n          </div>\n        {{/if}}\n        <span class=\"hds-breadcrumb__text\">{{@text}}</span>\n      </LinkTo>\n    {{/if}}\n  {{/if}}\n</li>");
 
 /**
  * Copyright (c) HashiCorp, Inc.

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

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../../src/components/hds/breadcrumb/item.hbs","../../../../src/components/hds/breadcrumb/item.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<li class=\\\"hds-breadcrumb__item\\\" style={{this.itemStyle}} ...attributes>\\n  {{#if @current}}\\n    <div class=\\\"hds-breadcrumb__current\\\">\\n      {{#if @icon}}\\n        <div class=\\\"hds-breadcrumb__icon\\\">\\n          <Hds::Icon @name={{@icon}} @size=\\\"16\\\" @stretched={{true}} />\\n        </div>\\n      {{/if}}\\n      <span class=\\\"hds-breadcrumb__text\\\">{{@text}}</span>\\n    </div>\\n  {{else}}\\n    {{#if @isRouteExternal}}\\n      <LinkToExternal\\n        class=\\\"hds-breadcrumb__link\\\"\\n        @current-when={{@current-when}}\\n        @models={{hds-link-to-models @model @models}}\\n        @query={{hds-link-to-query @query}}\\n        @replace={{@replace}}\\n        @route={{@route}}\\n      >\\n        {{#if @icon}}\\n          <div class=\\\"hds-breadcrumb__icon\\\">\\n            <Hds::Icon @name={{@icon}} @size=\\\"16\\\" @stretched={{true}} />\\n          </div>\\n        {{/if}}\\n        <span class=\\\"hds-breadcrumb__text\\\">{{@text}}</span>\\n      </LinkToExternal>\\n    {{else}}\\n      <LinkTo\\n        class=\\\"hds-breadcrumb__link\\\"\\n        @current-when={{@current-when}}\\n        @models={{hds-link-to-models @model @models}}\\n        @query={{hds-link-to-query @query}}\\n        @replace={{@replace}}\\n        @route={{@route}}\\n      >\\n        {{#if @icon}}\\n          <div class=\\\"hds-breadcrumb__icon\\\">\\n            <Hds::Icon @name={{@icon}} @size=\\\"16\\\" @stretched={{true}} />\\n          </div>\\n        {{/if}}\\n        <span class=\\\"hds-breadcrumb__text\\\">{{@text}}</span>\\n      </LinkTo>\\n    {{/if}}\\n  {{/if}}\\n</li>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { htmlSafe } from '@ember/template';\nimport { assert } from '@ember/debug';\nimport type { SafeString } from '@ember/template/-private/handlebars';\nimport type { HdsIconSignature } from '../icon';\n\nexport interface HdsBreadcrumbItemSignature {\n  Args: {\n    current?: boolean;\n    maxWidth?: string;\n    text: string;\n    isRouteExternal?: boolean;\n    icon?: HdsIconSignature['Args']['name'];\n    route?: string;\n    models?: Array<string | number>;\n    model?: string | number;\n    query?: Record<string, string>;\n    'current-when'?: string;\n    replace?: boolean;\n  };\n  Element: HTMLLIElement;\n}\n\nexport default class HdsBreadcrumbItem extends Component<HdsBreadcrumbItemSignature> {\n  /**\n   * @param maxWidth\n   * @type {string}\n   * @default undefined\n   * @description A parameter that can be applied to an \"item\" to limit its max-width\n   */\n  get maxWidth(): string | undefined {\n    const { maxWidth } = this.args;\n\n    if (maxWidth) {\n      assert(\n        `@maxWidth for \"Hds::Breadcrumb::Item\" must be a size as number in 'px' or in 'em' (eg. '200px' or '24em'); received: ${maxWidth}`,\n        maxWidth.match(/^\\d+(px|em)$/)\n      );\n\n      return maxWidth;\n    } else {\n      return undefined;\n    }\n  }\n\n  /**\n   * Get the inline style to apply to the item.\n   * @method BreadcrumbItem#itemStyle\n   * @return {string} The \"style\" attribute to apply to the item.\n   */\n  get itemStyle(): SafeString | undefined {\n    if (this.maxWidth) {\n      return htmlSafe(`max-width: ${this.maxWidth}`);\n    } else {\n      return undefined;\n    }\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method BreadcrumbItem#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-breadcrumb__item'];\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsBreadcrumbItem","Component","maxWidth","args","assert","match","undefined","itemStyle","htmlSafe","classNames","classes","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,ilDAAilD;;ACDnnD;AACA;AACA;AACA;;AAyBe,MAAMA,iBAAiB,SAASC,SAAS,CAA6B;AACnF;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,QAAQA,GAAuB;IACjC,MAAM;AAAEA,MAAAA;KAAU,GAAG,IAAI,CAACC,IAAI;AAE9B,IAAA,IAAID,QAAQ,EAAE;MACZE,MAAM,CACJ,CAAwHF,qHAAAA,EAAAA,QAAQ,CAAE,CAAA,EAClIA,QAAQ,CAACG,KAAK,CAAC,cAAc,CAC/B,CAAC;AAED,MAAA,OAAOH,QAAQ;AACjB,KAAC,MAAM;AACL,MAAA,OAAOI,SAAS;AAClB;AACF;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAA2B;IACtC,IAAI,IAAI,CAACL,QAAQ,EAAE;AACjB,MAAA,OAAOM,QAAQ,CAAC,CAAA,WAAA,EAAc,IAAI,CAACN,QAAQ,EAAE,CAAC;AAChD,KAAC,MAAM;AACL,MAAA,OAAOI,SAAS;AAClB;AACF;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIG,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,sBAAsB,CAAC;AAExC,IAAA,OAAOA,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC;AAC1B;AACF;AAACC,oBAAA,CAAAC,QAAA,EA7CoBb,iBAAiB,CAAA;;;;"}
+{"version":3,"file":"item.js","sources":["../../../../src/components/hds/breadcrumb/item.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { htmlSafe } from '@ember/template';\nimport { assert } from '@ember/debug';\nimport type { SafeString } from '@ember/template';\nimport type { HdsIconSignature } from '../icon';\n\nexport interface HdsBreadcrumbItemSignature {\n  Args: {\n    current?: boolean;\n    maxWidth?: string;\n    text: string;\n    isRouteExternal?: boolean;\n    icon?: HdsIconSignature['Args']['name'];\n    route?: string;\n    models?: Array<string | number>;\n    model?: string | number;\n    query?: Record<string, string>;\n    'current-when'?: string;\n    replace?: boolean;\n  };\n  Element: HTMLLIElement;\n}\n\nexport default class HdsBreadcrumbItem extends Component<HdsBreadcrumbItemSignature> {\n  /**\n   * @param maxWidth\n   * @type {string}\n   * @default undefined\n   * @description A parameter that can be applied to an \"item\" to limit its max-width\n   */\n  get maxWidth(): string | undefined {\n    const { maxWidth } = this.args;\n\n    if (maxWidth) {\n      assert(\n        `@maxWidth for \"Hds::Breadcrumb::Item\" must be a size as number in 'px' or in 'em' (eg. '200px' or '24em'); received: ${maxWidth}`,\n        maxWidth.match(/^\\d+(px|em)$/)\n      );\n\n      return maxWidth;\n    } else {\n      return undefined;\n    }\n  }\n\n  /**\n   * Get the inline style to apply to the item.\n   * @method BreadcrumbItem#itemStyle\n   * @return {string} The \"style\" attribute to apply to the item.\n   */\n  get itemStyle(): SafeString | undefined {\n    if (this.maxWidth) {\n      return htmlSafe(`max-width: ${this.maxWidth}`);\n    } else {\n      return undefined;\n    }\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method BreadcrumbItem#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-breadcrumb__item'];\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsBreadcrumbItem","Component","maxWidth","args","assert","match","undefined","itemStyle","htmlSafe","classNames","classes","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;;AAyBe,MAAMA,iBAAiB,SAASC,SAAS,CAA6B;AACnF;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,QAAQA,GAAuB;IACjC,MAAM;AAAEA,MAAAA;KAAU,GAAG,IAAI,CAACC,IAAI;AAE9B,IAAA,IAAID,QAAQ,EAAE;MACZE,MAAM,CACJ,CAAwHF,qHAAAA,EAAAA,QAAQ,CAAE,CAAA,EAClIA,QAAQ,CAACG,KAAK,CAAC,cAAc,CAC/B,CAAC;AAED,MAAA,OAAOH,QAAQ;AACjB,KAAC,MAAM;AACL,MAAA,OAAOI,SAAS;AAClB;AACF;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAA2B;IACtC,IAAI,IAAI,CAACL,QAAQ,EAAE;AACjB,MAAA,OAAOM,QAAQ,CAAC,CAAA,WAAA,EAAc,IAAI,CAACN,QAAQ,EAAE,CAAC;AAChD,KAAC,MAAM;AACL,MAAA,OAAOI,SAAS;AAClB;AACF;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIG,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,sBAAsB,CAAC;AAExC,IAAA,OAAOA,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC;AAC1B;AACF;AAACC,oBAAA,CAAAC,QAAA,EA7CoBb,iBAAiB,CAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"truncation.js","sources":["../../../../src/components/hds/breadcrumb/truncation.hbs","../../../../src/components/hds/breadcrumb/truncation.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<li class=\\\"hds-breadcrumb__item hds-breadcrumb__item--is-truncation\\\" ...attributes>\\n  <Hds::PopoverPrimitive @enableClickEvents={{true}} as |PP|>\\n    <div {{PP.setupPrimitiveContainer}}>\\n      <button\\n        type=\\\"button\\\"\\n        class=\\\"hds-breadcrumb__truncation-toggle\\\"\\n        aria-label={{this.ariaLabel}}\\n        aria-expanded={{if PP.isOpen \\\"true\\\" \\\"false\\\"}}\\n        {{PP.setupPrimitiveToggle}}\\n      >\\n        <Hds::Icon @name=\\\"more-horizontal\\\" @size=\\\"16\\\" />\\n      </button>\\n      <div\\n        class=\\\"hds-breadcrumb__truncation-content\\\"\\n        {{PP.setupPrimitivePopover anchoredPositionOptions=(hash placement=\\\"bottom-start\\\" offsetOptions=4)}}\\n      >\\n        <ol class=\\\"hds-breadcrumb__sublist\\\">\\n          {{yield}}\\n        </ol>\\n      </div>\\n    </div>\\n  </Hds::PopoverPrimitive>\\n</li>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport interface HdsBreadcrumbTruncationSignature {\n  Args: {\n    ariaLabel?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLLIElement;\n}\n\nexport default class HdsBreadcrumbTruncation extends Component<HdsBreadcrumbTruncationSignature> {\n  /**\n   * @param ariaLabel\n   * @type {string}\n   * @default 'show more'\n   */\n  get ariaLabel(): string {\n    return this.args.ariaLabel ?? 'show more';\n  }\n}\n"],"names":["HdsBreadcrumbTruncation","Component","ariaLabel","args","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,s5BAAs5B;;ACDx7B;AACA;AACA;AACA;;AAce,MAAMA,uBAAuB,SAASC,SAAS,CAAmC;AAC/F;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAW;AACtB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,WAAW;AAC3C;AACF;AAACE,oBAAA,CAAAC,QAAA,EAToBL,uBAAuB,CAAA;;;;"}
+{"version":3,"file":"truncation.js","sources":["../../../../src/components/hds/breadcrumb/truncation.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport interface HdsBreadcrumbTruncationSignature {\n  Args: {\n    ariaLabel?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLLIElement;\n}\n\nexport default class HdsBreadcrumbTruncation extends Component<HdsBreadcrumbTruncationSignature> {\n  /**\n   * @param ariaLabel\n   * @type {string}\n   * @default 'show more'\n   */\n  get ariaLabel(): string {\n    return this.args.ariaLabel ?? 'show more';\n  }\n}\n"],"names":["HdsBreadcrumbTruncation","Component","ariaLabel","args","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAce,MAAMA,uBAAuB,SAASC,SAAS,CAAmC;AAC/F;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAW;AACtB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,WAAW;AAC3C;AACF;AAACE,oBAAA,CAAAC,QAAA,EAToBL,uBAAuB,CAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/button/index.hbs","../../../../src/components/hds/button/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Interactive\\n  class={{this.classNames}}\\n  @current-when={{@current-when}}\\n  @models={{hds-link-to-models @model @models}}\\n  @query={{hds-link-to-query @query}}\\n  @replace={{@replace}}\\n  @route={{@route}}\\n  @isRouteExternal={{@isRouteExternal}}\\n  @href={{@href}}\\n  @isHrefExternal={{@isHrefExternal}}\\n  ...attributes\\n  aria-label={{if this.isIconOnly this.text null}}\\n>\\n  {{#if this.isIconOnly}}\\n    {{#if this.icon}}\\n      <span class=\\\"hds-button__icon\\\">\\n        <Hds::Icon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\\n      </span>\\n    {{/if}}\\n  {{else}}\\n    {{#if this.icon}}\\n      {{#if (eq this.iconPosition \\\"leading\\\")}}\\n        <span class=\\\"hds-button__icon\\\">\\n          <Hds::Icon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\\n        </span>\\n        <span class=\\\"hds-button__text\\\">\\n          {{this.text}}\\n        </span>\\n      {{else}}\\n        <span class=\\\"hds-button__text\\\">\\n          {{this.text}}\\n        </span>\\n        <span class=\\\"hds-button__icon\\\">\\n          <Hds::Icon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\\n        </span>\\n      {{/if}}\\n    {{else}}\\n      <span class=\\\"hds-button__text\\\">\\n        {{this.text}}\\n      </span>\\n    {{/if}}\\n  {{/if}}\\n</Hds::Interactive>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nimport {\n  HdsButtonSizeValues,\n  HdsButtonColorValues,\n  HdsButtonIconPositionValues,\n} from './types.ts';\n\nimport type {\n  HdsButtonSizes,\n  HdsButtonColors,\n  HdsButtonIconPositions,\n} from './types.ts';\nimport type { HdsInteractiveSignature } from '../interactive/';\nimport type { HdsIconSignature } from '../icon';\n\nexport const SIZES: string[] = Object.values(HdsButtonSizeValues);\nexport const COLORS: string[] = Object.values(HdsButtonColorValues);\nexport const ICONPOSITIONS: string[] = Object.values(\n  HdsButtonIconPositionValues\n);\nexport const DEFAULT_SIZE = HdsButtonSizeValues.Medium;\nexport const DEFAULT_COLOR = HdsButtonColorValues.Primary;\nexport const DEFAULT_ICONPOSITION = HdsButtonIconPositionValues.Leading;\n\nexport interface HdsButtonSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    size?: HdsButtonSizes;\n    color?: HdsButtonColors;\n    text: string;\n    icon?: HdsIconSignature['Args']['name'];\n    iconPosition?: HdsButtonIconPositions;\n    isIconOnly?: boolean;\n    isFullWidth?: boolean;\n    isInline?: boolean;\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nexport default class HdsButton extends Component<HdsButtonSignature> {\n  /**\n   * @param text\n   * @type {string}\n   * @description The text of the button or value of `aria-label` if `isIconOnly` is set to `true`. If no text value is defined an error will be thrown.\n   */\n  get text(): string {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Button\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  /**\n   * @param size\n   * @type {string}\n   * @default medium\n   * @description The size of the button; acceptable values are `small`, `medium`, and `large`\n   */\n  get size(): HdsButtonSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Button\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  /**\n   * @param color\n   * @type {string}\n   * @default primary\n   * @description Determines the color of button to be used; acceptable values are `primary`, `secondary`, and `critical`\n   */\n  get color(): HdsButtonColors {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Button\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  get icon(): HdsIconSignature['Args']['name'] | undefined {\n    assert(\n      `when the \"Hds::Button\" @color is \"tertiary\" an @icon is required`,\n      !(this.color === 'tertiary' && !this.args.icon)\n    );\n\n    return this.args.icon ?? undefined;\n  }\n\n  /**\n   * @param isIconOnly\n   * @type {boolean}\n   * @default false\n   * @description Indicates if the button will only contain an icon; component will also ensure that accessible text is still applied to the component.\n   */\n  get isIconOnly(): boolean {\n    if (this.icon) {\n      return this.args.isIconOnly ?? false;\n    }\n    return false;\n  }\n\n  /**\n   * @param iconPosition\n   * @type {string}\n   * @default leading\n   * @description Positions the icon before or after the text; allowed values are `leading` or `trailing`\n   */\n  get iconPosition(): HdsButtonIconPositions {\n    const { iconPosition = DEFAULT_ICONPOSITION } = this.args;\n\n    assert(\n      `@iconPosition for \"Hds::Button\" must be one of the following: ${ICONPOSITIONS.join(\n        ', '\n      )}; received: ${iconPosition}`,\n      ICONPOSITIONS.includes(iconPosition)\n    );\n\n    return iconPosition;\n  }\n\n  /**\n   * @param iconSize\n   * @type {string}\n   * @default 16\n   * @description ensures that the correct icon size is used. Automatically calculated.\n   */\n  get iconSize(): HdsIconSignature['Args']['size'] {\n    if (this.args.size === 'large') {\n      return '24';\n    } else {\n      return '16';\n    }\n  }\n\n  /**\n   * @param isFullWidth\n   * @type {boolean}\n   * @default false\n   * @description Indicates that a button should take up the full width of the parent container. The default is false.\n   */\n  get isFullWidth(): boolean {\n    return this.args.isFullWidth ?? false;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method Button#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-button'];\n\n    // add a class based on the @color argument\n    classes.push(`hds-button--color-${this.color}`);\n\n    // add a class based on the @isFullWidth argument\n    if (this.isFullWidth) {\n      classes.push('hds-button--width-full');\n    }\n\n    // add a class based on isIconOnly argument\n    if (this.isIconOnly) {\n      classes.push('hds-button--is-icon-only');\n    }\n\n    // add a class based on the @isInline argument\n    if (this.args.isInline) {\n      classes.push('hds-button--is-inline');\n    }\n\n    // add a class based on the @size argument\n    classes.push(`hds-button--size-${this.size}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["SIZES","Object","values","HdsButtonSizeValues","COLORS","HdsButtonColorValues","ICONPOSITIONS","HdsButtonIconPositionValues","DEFAULT_SIZE","Medium","DEFAULT_COLOR","Primary","DEFAULT_ICONPOSITION","Leading","HdsButton","Component","text","args","assert","undefined","size","join","includes","color","icon","isIconOnly","iconPosition","iconSize","isFullWidth","classNames","classes","push","isInline","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,k3CAAk3C;;ACDp5C;AACA;AACA;AACA;;AAmBO,MAAMA,KAAe,GAAGC,MAAM,CAACC,MAAM,CAACC,mBAAmB;AACzD,MAAMC,MAAgB,GAAGH,MAAM,CAACC,MAAM,CAACG,oBAAoB;AAC3D,MAAMC,aAAuB,GAAGL,MAAM,CAACC,MAAM,CAClDK,2BACF;AACaC,MAAAA,YAAY,GAAGL,mBAAmB,CAACM;AACnCC,MAAAA,aAAa,GAAGL,oBAAoB,CAACM;AACrCC,MAAAA,oBAAoB,GAAGL,2BAA2B,CAACM;AAgBjD,MAAMC,SAAS,SAASC,SAAS,CAAqB;AACnE;AACF;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAW;IACjB,MAAM;AAAEA,MAAAA;KAAM,GAAG,IAAI,CAACC,IAAI;AAE1BC,IAAAA,MAAM,CACJ,iDAAiD,EACjDF,IAAI,KAAKG,SACX,CAAC;AAED,IAAA,OAAOH,IAAI;AACb;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAII,IAAIA,GAAmB;IACzB,MAAM;AAAEA,MAAAA,IAAI,GAAGZ;KAAc,GAAG,IAAI,CAACS,IAAI;AAEzCC,IAAAA,MAAM,CACJ,CAAyDlB,sDAAAA,EAAAA,KAAK,CAACqB,IAAI,CACjE,IACF,CAAC,CAAA,YAAA,EAAeD,IAAI,CAAA,CAAE,EACtBpB,KAAK,CAACsB,QAAQ,CAACF,IAAI,CACrB,CAAC;AAED,IAAA,OAAOA,IAAI;AACb;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIG,KAAKA,GAAoB;IAC3B,MAAM;AAAEA,MAAAA,KAAK,GAAGb;KAAe,GAAG,IAAI,CAACO,IAAI;AAE3CC,IAAAA,MAAM,CACJ,CAA0Dd,uDAAAA,EAAAA,MAAM,CAACiB,IAAI,CACnE,IACF,CAAC,CAAA,YAAA,EAAeE,KAAK,CAAA,CAAE,EACvBnB,MAAM,CAACkB,QAAQ,CAACC,KAAK,CACvB,CAAC;AAED,IAAA,OAAOA,KAAK;AACd;EAEA,IAAIC,IAAIA,GAAiD;AACvDN,IAAAA,MAAM,CACJ,CAAkE,gEAAA,CAAA,EAClE,EAAE,IAAI,CAACK,KAAK,KAAK,UAAU,IAAI,CAAC,IAAI,CAACN,IAAI,CAACO,IAAI,CAChD,CAAC;AAED,IAAA,OAAO,IAAI,CAACP,IAAI,CAACO,IAAI,IAAIL,SAAS;AACpC;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIM,UAAUA,GAAY;IACxB,IAAI,IAAI,CAACD,IAAI,EAAE;AACb,MAAA,OAAO,IAAI,CAACP,IAAI,CAACQ,UAAU,IAAI,KAAK;AACtC;AACA,IAAA,OAAO,KAAK;AACd;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,YAAYA,GAA2B;IACzC,MAAM;AAAEA,MAAAA,YAAY,GAAGd;KAAsB,GAAG,IAAI,CAACK,IAAI;AAEzDC,IAAAA,MAAM,CACJ,CAAiEZ,8DAAAA,EAAAA,aAAa,CAACe,IAAI,CACjF,IACF,CAAC,CAAA,YAAA,EAAeK,YAAY,CAAA,CAAE,EAC9BpB,aAAa,CAACgB,QAAQ,CAACI,YAAY,CACrC,CAAC;AAED,IAAA,OAAOA,YAAY;AACrB;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,QAAQA,GAAqC;AAC/C,IAAA,IAAI,IAAI,CAACV,IAAI,CAACG,IAAI,KAAK,OAAO,EAAE;AAC9B,MAAA,OAAO,IAAI;AACb,KAAC,MAAM;AACL,MAAA,OAAO,IAAI;AACb;AACF;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIQ,WAAWA,GAAY;AACzB,IAAA,OAAO,IAAI,CAACX,IAAI,CAACW,WAAW,IAAI,KAAK;AACvC;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,YAAY,CAAC;;AAE9B;IACAA,OAAO,CAACC,IAAI,CAAC,CAAA,kBAAA,EAAqB,IAAI,CAACR,KAAK,EAAE,CAAC;;AAE/C;IACA,IAAI,IAAI,CAACK,WAAW,EAAE;AACpBE,MAAAA,OAAO,CAACC,IAAI,CAAC,wBAAwB,CAAC;AACxC;;AAEA;IACA,IAAI,IAAI,CAACN,UAAU,EAAE;AACnBK,MAAAA,OAAO,CAACC,IAAI,CAAC,0BAA0B,CAAC;AAC1C;;AAEA;AACA,IAAA,IAAI,IAAI,CAACd,IAAI,CAACe,QAAQ,EAAE;AACtBF,MAAAA,OAAO,CAACC,IAAI,CAAC,uBAAuB,CAAC;AACvC;;AAEA;IACAD,OAAO,CAACC,IAAI,CAAC,CAAA,iBAAA,EAAoB,IAAI,CAACX,IAAI,EAAE,CAAC;AAE7C,IAAA,OAAOU,OAAO,CAACT,IAAI,CAAC,GAAG,CAAC;AAC1B;AACF;AAACY,oBAAA,CAAAC,QAAA,EAvJoBpB,SAAS,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/button/index.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 {\n  HdsButtonSizeValues,\n  HdsButtonColorValues,\n  HdsButtonIconPositionValues,\n} from './types.ts';\n\nimport type {\n  HdsButtonSizes,\n  HdsButtonColors,\n  HdsButtonIconPositions,\n} from './types.ts';\nimport type { HdsInteractiveSignature } from '../interactive/';\nimport type { HdsIconSignature } from '../icon';\n\nexport const SIZES: string[] = Object.values(HdsButtonSizeValues);\nexport const COLORS: string[] = Object.values(HdsButtonColorValues);\nexport const ICONPOSITIONS: string[] = Object.values(\n  HdsButtonIconPositionValues\n);\nexport const DEFAULT_SIZE = HdsButtonSizeValues.Medium;\nexport const DEFAULT_COLOR = HdsButtonColorValues.Primary;\nexport const DEFAULT_ICONPOSITION = HdsButtonIconPositionValues.Leading;\n\nexport interface HdsButtonSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    size?: HdsButtonSizes;\n    color?: HdsButtonColors;\n    text: string;\n    icon?: HdsIconSignature['Args']['name'];\n    iconPosition?: HdsButtonIconPositions;\n    isIconOnly?: boolean;\n    isFullWidth?: boolean;\n    isInline?: boolean;\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nexport default class HdsButton extends Component<HdsButtonSignature> {\n  /**\n   * @param text\n   * @type {string}\n   * @description The text of the button or value of `aria-label` if `isIconOnly` is set to `true`. If no text value is defined an error will be thrown.\n   */\n  get text(): string {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Button\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  /**\n   * @param size\n   * @type {string}\n   * @default medium\n   * @description The size of the button; acceptable values are `small`, `medium`, and `large`\n   */\n  get size(): HdsButtonSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Button\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  /**\n   * @param color\n   * @type {string}\n   * @default primary\n   * @description Determines the color of button to be used; acceptable values are `primary`, `secondary`, and `critical`\n   */\n  get color(): HdsButtonColors {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Button\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  get icon(): HdsIconSignature['Args']['name'] | undefined {\n    assert(\n      `when the \"Hds::Button\" @color is \"tertiary\" an @icon is required`,\n      !(this.color === 'tertiary' && !this.args.icon)\n    );\n\n    return this.args.icon ?? undefined;\n  }\n\n  /**\n   * @param isIconOnly\n   * @type {boolean}\n   * @default false\n   * @description Indicates if the button will only contain an icon; component will also ensure that accessible text is still applied to the component.\n   */\n  get isIconOnly(): boolean {\n    if (this.icon) {\n      return this.args.isIconOnly ?? false;\n    }\n    return false;\n  }\n\n  /**\n   * @param iconPosition\n   * @type {string}\n   * @default leading\n   * @description Positions the icon before or after the text; allowed values are `leading` or `trailing`\n   */\n  get iconPosition(): HdsButtonIconPositions {\n    const { iconPosition = DEFAULT_ICONPOSITION } = this.args;\n\n    assert(\n      `@iconPosition for \"Hds::Button\" must be one of the following: ${ICONPOSITIONS.join(\n        ', '\n      )}; received: ${iconPosition}`,\n      ICONPOSITIONS.includes(iconPosition)\n    );\n\n    return iconPosition;\n  }\n\n  /**\n   * @param iconSize\n   * @type {string}\n   * @default 16\n   * @description ensures that the correct icon size is used. Automatically calculated.\n   */\n  get iconSize(): HdsIconSignature['Args']['size'] {\n    if (this.args.size === 'large') {\n      return '24';\n    } else {\n      return '16';\n    }\n  }\n\n  /**\n   * @param isFullWidth\n   * @type {boolean}\n   * @default false\n   * @description Indicates that a button should take up the full width of the parent container. The default is false.\n   */\n  get isFullWidth(): boolean {\n    return this.args.isFullWidth ?? false;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method Button#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-button'];\n\n    // add a class based on the @color argument\n    classes.push(`hds-button--color-${this.color}`);\n\n    // add a class based on the @isFullWidth argument\n    if (this.isFullWidth) {\n      classes.push('hds-button--width-full');\n    }\n\n    // add a class based on isIconOnly argument\n    if (this.isIconOnly) {\n      classes.push('hds-button--is-icon-only');\n    }\n\n    // add a class based on the @isInline argument\n    if (this.args.isInline) {\n      classes.push('hds-button--is-inline');\n    }\n\n    // add a class based on the @size argument\n    classes.push(`hds-button--size-${this.size}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["SIZES","Object","values","HdsButtonSizeValues","COLORS","HdsButtonColorValues","ICONPOSITIONS","HdsButtonIconPositionValues","DEFAULT_SIZE","Medium","DEFAULT_COLOR","Primary","DEFAULT_ICONPOSITION","Leading","HdsButton","Component","text","args","assert","undefined","size","join","includes","color","icon","isIconOnly","iconPosition","iconSize","isFullWidth","classNames","classes","push","isInline","setComponentTemplate","TEMPLATE"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/button-set/index.hbs","../../../../src/components/hds/button-set/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class=\\\"hds-button-set\\\" ...attributes>\\n  {{yield}}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\nexport interface HdsButtonSetSignature {\n  Blocks: { default: [] };\n  Element: HTMLDivElement;\n}\nconst HdsButtonSet = TemplateOnlyComponent<HdsButtonSetSignature>();\n\nexport default HdsButtonSet;\n"],"names":["HdsButtonSet","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,iJAAiJ;;ACDnL;AACA;AACA;AACA;;AAOA,MAAMA,YAAY,GAAGC,qBAAqB,EAAyB;AAEnE,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,YAAY,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/button-set/index.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\nexport interface HdsButtonSetSignature {\n  Blocks: { default: [] };\n  Element: HTMLDivElement;\n}\nconst HdsButtonSet = TemplateOnlyComponent<HdsButtonSetSignature>();\n\nexport default HdsButtonSet;\n"],"names":["HdsButtonSet","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAOA,MAAMA,YAAY,GAAGC,qBAAqB,EAAyB;AAEnE,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,YAAY,CAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"container.js","sources":["../../../../src/components/hds/card/container.hbs","../../../../src/components/hds/card/container.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class={{this.classNames}} ...attributes>\\n  {{yield}}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport {\n  HdsCardBackgroundValues,\n  HdsCardLevelValues,\n  HdsCardOverflowValues,\n} from './types.ts';\nimport type {\n  HdsCardBackground,\n  HdsCardLevel,\n  HdsCardOverflow,\n} from './types.ts';\n\nexport const DEFAULT_LEVEL = HdsCardLevelValues.Base;\nexport const DEFAULT_BACKGROUND = HdsCardBackgroundValues.NeutralPrimary;\nexport const DEFAULT_OVERFLOW = HdsCardOverflowValues.Visible;\nexport const AVAILABLE_LEVELS: string[] = Object.values(HdsCardLevelValues);\nexport const AVAILABLE_BACKGROUNDS: string[] = Object.values(\n  HdsCardBackgroundValues\n);\nexport const AVAILABLE_OVERFLOWS: string[] = Object.values(\n  HdsCardOverflowValues\n);\n\nexport interface HdsCardContainerSignature {\n  Args: {\n    level?: HdsCardLevel;\n    levelActive?: HdsCardLevel;\n    levelHover?: HdsCardLevel;\n    background?: HdsCardBackground;\n    hasBorder?: boolean;\n    overflow?: HdsCardOverflow;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsCardContainer extends Component<HdsCardContainerSignature> {\n  /**\n   * Sets the \"elevation\" level for the component\n   * Accepted values: base, mid, high\n   *\n   * @param level\n   * @type {HdsCardLevel}\n   * @default 'base'\n   */\n  get level(): HdsCardLevel {\n    const { level = DEFAULT_LEVEL } = this.args;\n\n    assert(\n      `@level for \"Hds::Card::Container\" must be one of the following: ${AVAILABLE_LEVELS.join(\n        ', '\n      )}; received: ${level}`,\n      AVAILABLE_LEVELS.includes(level)\n    );\n\n    return level;\n  }\n\n  /**\n   * Sets the \"elevation\" level for the component on \":hover\" state\n   * Accepted values: base, mid, high\n   *\n   * @param levelHover\n   * @type {HdsCardLevel}\n   */\n  get levelHover(): HdsCardLevel | undefined {\n    const { levelHover } = this.args;\n\n    if (levelHover) {\n      assert(\n        `@levelHover for \"Hds::Card::Container\" must be one of the following: ${AVAILABLE_LEVELS.join(\n          ', '\n        )}; received: ${levelHover}`,\n        AVAILABLE_LEVELS.includes(levelHover)\n      );\n    }\n\n    return levelHover;\n  }\n\n  /**\n   * Sets the \"elevation\" level for the component on \":active\" state\n   * Accepted values: base, mid, high\n   *\n   * @param levelActive\n   * @type {HdsCardLevel}\n   */\n  get levelActive(): HdsCardLevel | undefined {\n    const { levelActive } = this.args;\n\n    if (levelActive) {\n      assert(\n        `@levelActive for \"Hds::Card::Container\" must be one of the following: ${AVAILABLE_LEVELS.join(\n          ', '\n        )}; received: ${levelActive}`,\n        AVAILABLE_LEVELS.includes(levelActive)\n      );\n    }\n\n    return levelActive;\n  }\n\n  /**\n   * Sets the background for the component\n   * Accepted values: neutral-primary, neutral-secondary\n   *\n   * @param background\n   * @type {HdsCardBackground}\n   * @default 'base'\n   */\n  get background(): HdsCardBackground {\n    const { background = DEFAULT_BACKGROUND } = this.args;\n\n    assert(\n      `@background for \"Hds::Card::Container\" must be one of the following: ${AVAILABLE_BACKGROUNDS.join(\n        ', '\n      )}; received: ${background}`,\n      AVAILABLE_BACKGROUNDS.includes(background)\n    );\n\n    return background;\n  }\n\n  /**\n   * Sets the level for the card\n   * Accepted values: visible, hidden\n   *\n   * @param overflow\n   * @type {HdsCardOverflow}\n   * @default 'visible'\n   */\n  get overflow(): HdsCardOverflow {\n    const { overflow = DEFAULT_OVERFLOW } = this.args;\n\n    assert(\n      `@overflow for \"Hds::Card::Container\" must be one of the following: ${AVAILABLE_OVERFLOWS.join(\n        ', '\n      )}; received: ${overflow}`,\n      AVAILABLE_OVERFLOWS.includes(overflow)\n    );\n\n    return overflow;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method Card#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-card__container'];\n\n    // add \"elevation\" classes based on the @level and @hasBorder arguments\n    classes.push(\n      `hds-card__container--level-${\n        this.args.hasBorder ? 'surface' : 'elevation'\n      }-${this.level}`\n    );\n    if (this.levelHover) {\n      classes.push(\n        `hds-card__container--hover-level-${\n          this.args.hasBorder ? 'surface' : 'elevation'\n        }-${this.levelHover}`\n      );\n    }\n    if (this.levelActive) {\n      classes.push(\n        `hds-card__container--active-level-${\n          this.args.hasBorder ? 'surface' : 'elevation'\n        }-${this.levelActive}`\n      );\n    }\n\n    // add a class based on the @background argument\n    classes.push(`hds-card__container--background-${this.background}`);\n\n    // add a class based on the @overflow argument\n    classes.push(`hds-card__container--overflow-${this.overflow}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_LEVEL","HdsCardLevelValues","Base","DEFAULT_BACKGROUND","HdsCardBackgroundValues","NeutralPrimary","DEFAULT_OVERFLOW","HdsCardOverflowValues","Visible","AVAILABLE_LEVELS","Object","values","AVAILABLE_BACKGROUNDS","AVAILABLE_OVERFLOWS","HdsCardContainer","Component","level","args","assert","join","includes","levelHover","levelActive","background","overflow","classNames","classes","push","hasBorder","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"container.js","sources":["../../../../src/components/hds/card/container.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';\nimport {\n  HdsCardBackgroundValues,\n  HdsCardLevelValues,\n  HdsCardOverflowValues,\n} from './types.ts';\nimport type {\n  HdsCardBackground,\n  HdsCardLevel,\n  HdsCardOverflow,\n} from './types.ts';\n\nexport const DEFAULT_LEVEL = HdsCardLevelValues.Base;\nexport const DEFAULT_BACKGROUND = HdsCardBackgroundValues.NeutralPrimary;\nexport const DEFAULT_OVERFLOW = HdsCardOverflowValues.Visible;\nexport const AVAILABLE_LEVELS: string[] = Object.values(HdsCardLevelValues);\nexport const AVAILABLE_BACKGROUNDS: string[] = Object.values(\n  HdsCardBackgroundValues\n);\nexport const AVAILABLE_OVERFLOWS: string[] = Object.values(\n  HdsCardOverflowValues\n);\n\nexport interface HdsCardContainerSignature {\n  Args: {\n    level?: HdsCardLevel;\n    levelActive?: HdsCardLevel;\n    levelHover?: HdsCardLevel;\n    background?: HdsCardBackground;\n    hasBorder?: boolean;\n    overflow?: HdsCardOverflow;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsCardContainer extends Component<HdsCardContainerSignature> {\n  /**\n   * Sets the \"elevation\" level for the component\n   * Accepted values: base, mid, high\n   *\n   * @param level\n   * @type {HdsCardLevel}\n   * @default 'base'\n   */\n  get level(): HdsCardLevel {\n    const { level = DEFAULT_LEVEL } = this.args;\n\n    assert(\n      `@level for \"Hds::Card::Container\" must be one of the following: ${AVAILABLE_LEVELS.join(\n        ', '\n      )}; received: ${level}`,\n      AVAILABLE_LEVELS.includes(level)\n    );\n\n    return level;\n  }\n\n  /**\n   * Sets the \"elevation\" level for the component on \":hover\" state\n   * Accepted values: base, mid, high\n   *\n   * @param levelHover\n   * @type {HdsCardLevel}\n   */\n  get levelHover(): HdsCardLevel | undefined {\n    const { levelHover } = this.args;\n\n    if (levelHover) {\n      assert(\n        `@levelHover for \"Hds::Card::Container\" must be one of the following: ${AVAILABLE_LEVELS.join(\n          ', '\n        )}; received: ${levelHover}`,\n        AVAILABLE_LEVELS.includes(levelHover)\n      );\n    }\n\n    return levelHover;\n  }\n\n  /**\n   * Sets the \"elevation\" level for the component on \":active\" state\n   * Accepted values: base, mid, high\n   *\n   * @param levelActive\n   * @type {HdsCardLevel}\n   */\n  get levelActive(): HdsCardLevel | undefined {\n    const { levelActive } = this.args;\n\n    if (levelActive) {\n      assert(\n        `@levelActive for \"Hds::Card::Container\" must be one of the following: ${AVAILABLE_LEVELS.join(\n          ', '\n        )}; received: ${levelActive}`,\n        AVAILABLE_LEVELS.includes(levelActive)\n      );\n    }\n\n    return levelActive;\n  }\n\n  /**\n   * Sets the background for the component\n   * Accepted values: neutral-primary, neutral-secondary\n   *\n   * @param background\n   * @type {HdsCardBackground}\n   * @default 'base'\n   */\n  get background(): HdsCardBackground {\n    const { background = DEFAULT_BACKGROUND } = this.args;\n\n    assert(\n      `@background for \"Hds::Card::Container\" must be one of the following: ${AVAILABLE_BACKGROUNDS.join(\n        ', '\n      )}; received: ${background}`,\n      AVAILABLE_BACKGROUNDS.includes(background)\n    );\n\n    return background;\n  }\n\n  /**\n   * Sets the level for the card\n   * Accepted values: visible, hidden\n   *\n   * @param overflow\n   * @type {HdsCardOverflow}\n   * @default 'visible'\n   */\n  get overflow(): HdsCardOverflow {\n    const { overflow = DEFAULT_OVERFLOW } = this.args;\n\n    assert(\n      `@overflow for \"Hds::Card::Container\" must be one of the following: ${AVAILABLE_OVERFLOWS.join(\n        ', '\n      )}; received: ${overflow}`,\n      AVAILABLE_OVERFLOWS.includes(overflow)\n    );\n\n    return overflow;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method Card#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-card__container'];\n\n    // add \"elevation\" classes based on the @level and @hasBorder arguments\n    classes.push(\n      `hds-card__container--level-${\n        this.args.hasBorder ? 'surface' : 'elevation'\n      }-${this.level}`\n    );\n    if (this.levelHover) {\n      classes.push(\n        `hds-card__container--hover-level-${\n          this.args.hasBorder ? 'surface' : 'elevation'\n        }-${this.levelHover}`\n      );\n    }\n    if (this.levelActive) {\n      classes.push(\n        `hds-card__container--active-level-${\n          this.args.hasBorder ? 'surface' : 'elevation'\n        }-${this.levelActive}`\n      );\n    }\n\n    // add a class based on the @background argument\n    classes.push(`hds-card__container--background-${this.background}`);\n\n    // add a class based on the @overflow argument\n    classes.push(`hds-card__container--overflow-${this.overflow}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_LEVEL","HdsCardLevelValues","Base","DEFAULT_BACKGROUND","HdsCardBackgroundValues","NeutralPrimary","DEFAULT_OVERFLOW","HdsCardOverflowValues","Visible","AVAILABLE_LEVELS","Object","values","AVAILABLE_BACKGROUNDS","AVAILABLE_OVERFLOWS","HdsCardContainer","Component","level","args","assert","join","includes","levelHover","levelActive","background","overflow","classNames","classes","push","hasBorder","setComponentTemplate","TEMPLATE"],"mappings":"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"}

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

@@ -1,16 +1,20 @@
-import TemplateOnlyComponent from '@ember/component/template-only';
+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::Copy::Button\n  class=\"hds-code-block__copy-button\"\n  @text=\"Copy\"\n  @isIconOnly={{true}}\n  @size=\"small\"\n  @targetToCopy={{@targetToCopy}}\n  ...attributes\n/>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<Hds::Copy::Button\n  class=\"hds-code-block__copy-button\"\n  @text={{this.text}}\n  @isIconOnly={{true}}\n  @size=\"small\"\n  @targetToCopy={{@targetToCopy}}\n  ...attributes\n/>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsCodeBlockCopyButton = TemplateOnlyComponent();
-var copyButton = setComponentTemplate(TEMPLATE, HdsCodeBlockCopyButton);
+class HdsCodeBlockCopyButton extends Component {
+  get text() {
+    return this.args.text ? this.args.text : 'Copy';
+  }
+}
+setComponentTemplate(TEMPLATE, HdsCodeBlockCopyButton);
 
-export { copyButton as default };
+export { HdsCodeBlockCopyButton as default };
 //# sourceMappingURL=copy-button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"copy-button.js","sources":["../../../../src/components/hds/code-block/copy-button.hbs","../../../../src/components/hds/code-block/copy-button.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<Hds::Copy::Button\\n  class=\\\"hds-code-block__copy-button\\\"\\n  @text=\\\"Copy\\\"\\n  @isIconOnly={{true}}\\n  @size=\\\"small\\\"\\n  @targetToCopy={{@targetToCopy}}\\n  ...attributes\\n/>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { HdsCopyButtonSignature } from '../copy/button';\n\nexport interface HdsCodeBlockCopyButtonSignature {\n  Args: {\n    targetToCopy?: HdsCopyButtonSignature['Args']['targetToCopy'];\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsCopyButtonSignature['Element'];\n}\n\nconst HdsCodeBlockCopyButton =\n  templateOnlyComponent<HdsCodeBlockCopyButtonSignature>();\n\nexport default HdsCodeBlockCopyButton;\n"],"names":["HdsCodeBlockCopyButton","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,kQAAkQ;;ACDpS;AACA;AACA;AACA;;AAeA,MAAMA,sBAAsB,GAC1BC,qBAAqB,EAAmC;AAE1D,iBAAAC,oBAAA,CAAAC,QAAA,EAAeH,sBAAsB,CAAA;;;;"}
+{"version":3,"file":"copy-button.js","sources":["../../../../src/components/hds/code-block/copy-button.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport type { HdsCopyButtonSignature } from '../copy/button';\n\nexport interface HdsCodeBlockCopyButtonSignature {\n  Args: {\n    targetToCopy?: HdsCopyButtonSignature['Args']['targetToCopy'];\n    text?: HdsCopyButtonSignature['Args']['text'];\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsCopyButtonSignature['Element'];\n}\n\nexport default class HdsCodeBlockCopyButton extends Component<HdsCodeBlockCopyButtonSignature> {\n  get text(): HdsCopyButtonSignature['Args']['text'] {\n    return this.args.text ? this.args.text : 'Copy';\n  }\n}\n"],"names":["HdsCodeBlockCopyButton","Component","text","args","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAiBe,MAAMA,sBAAsB,SAASC,SAAS,CAAkC;EAC7F,IAAIC,IAAIA,GAA2C;AACjD,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,IAAI,GAAG,IAAI,CAACC,IAAI,CAACD,IAAI,GAAG,MAAM;AACjD;AACF;AAACE,oBAAA,CAAAC,QAAA,EAJoBL,sBAAsB,CAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"description.js","sources":["../../../../src/components/hds/code-block/description.hbs","../../../../src/components/hds/code-block/description.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<Hds::Text::Body @tag=\\\"p\\\" @size=\\\"100\\\" class=\\\"hds-code-block__description\\\" ...attributes>\\n  {{yield}}\\n</Hds::Text::Body>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { HdsTextBodySignature } from '../text/body';\n\nexport interface HdsCodeBlockDescriptionSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HdsTextBodySignature['Element'];\n}\n\nconst HdsCodeBlockDescription =\n  templateOnlyComponent<HdsCodeBlockDescriptionSignature>();\n\nexport default HdsCodeBlockDescription;\n"],"names":["HdsCodeBlockDescription","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,iNAAiN;;ACDnP;AACA;AACA;AACA;;AAYA,MAAMA,uBAAuB,GAC3BC,qBAAqB,EAAoC;AAE3D,kBAAAC,oBAAA,CAAAC,QAAA,EAAeH,uBAAuB,CAAA;;;;"}
+{"version":3,"file":"description.js","sources":["../../../../src/components/hds/code-block/description.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 { HdsTextBodySignature } from '../text/body';\n\nexport interface HdsCodeBlockDescriptionSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HdsTextBodySignature['Element'];\n}\n\nconst HdsCodeBlockDescription =\n  templateOnlyComponent<HdsCodeBlockDescriptionSignature>();\n\nexport default HdsCodeBlockDescription;\n"],"names":["HdsCodeBlockDescription","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAYA,MAAMA,uBAAuB,GAC3BC,qBAAqB,EAAoC;AAE3D,kBAAAC,oBAAA,CAAAC,QAAA,EAAeH,uBAAuB,CAAA;;;;"}

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

@@ -1,4 +1,3 @@
-import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty, a as _defineProperty } from '../../../_rollupPluginBabelHelpers-C_TsMG3M.js';
 import Component from '@glimmer/component';
 import { action } from '@ember/object';
 import { tracked } from '@glimmer/tracking';
@@ -21,23 +20,31 @@ import 'prismjs/components/prism-yaml';
 import 'prismjs/components/prism-markup-templating';
 import 'prismjs/components/prism-handlebars';
 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\n<div class={{this.classNames}} ...attributes>\n  <div class=\"hds-code-block__header\">\n    {{~yield (hash Title=(component \"hds/code-block/title\"))~}}\n    {{~yield (hash Description=(component \"hds/code-block/description\"))~}}\n  </div>\n  <div class=\"hds-code-block__body\">\n    {{! content within pre tag is whitespace-sensitive; do not add new lines! }}\n    <pre\n      class=\"hds-code-block__code\"\n      {{style maxHeight=@maxHeight}}\n      data-line={{@highlightLines}}\n      data-start={{@lineNumberStart}}\n      id={{this._preCodeId}}\n      tabindex=\"0\"\n    ><code {{did-insert this.setPrismCode}} {{did-update this.setPrismCode this.code @language}}>\n        {{~this._prismCode~}}\n      </code></pre>\n\n    {{#if @hasCopyButton}}\n      <Hds::CodeBlock::CopyButton @targetToCopy=\"#{{this._preCodeId}}\" aria-describedby={{this._preCodeId}} />\n    {{/if}}\n  </div>\n</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<div class={{this.classNames}} ...attributes>\n  <div class=\"hds-code-block__header\">\n    {{~yield (hash Title=(component \"hds/code-block/title\"))~}}\n    {{~yield (hash Description=(component \"hds/code-block/description\"))~}}\n  </div>\n  <div class=\"hds-code-block__body\">\n    {{! content within pre tag is whitespace-sensitive; do not add new lines! }}\n    <pre\n      class=\"hds-code-block__code\"\n      {{style maxHeight=@maxHeight}}\n      data-line={{@highlightLines}}\n      data-start={{@lineNumberStart}}\n      id={{this._preCodeId}}\n      tabindex=\"0\"\n    ><code {{did-insert this.setPrismCode}} {{did-update this.setPrismCode this.code @language}}>\n        {{~this._prismCode~}}\n      </code></pre>\n\n    {{#if @hasCopyButton}}\n      <Hds::CodeBlock::CopyButton\n        @targetToCopy=\"#{{this._preCodeId}}\"\n        aria-describedby={{this._preCodeId}}\n        @text={{this.copyButtonText}}\n      />\n    {{/if}}\n  </div>\n</div>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
 
-var _class, _descriptor;
 const LANGUAGES = Object.values(HdsCodeBlockLanguageValues);
-let HdsCodeBlock = (_class = class HdsCodeBlock extends Component {
-  constructor(...args) {
-    super(...args);
-    _initializerDefineProperty(this, "_prismCode", _descriptor, this);
-    /**
-     * Generates a unique ID for the code content
-     *
-     * @param _preCodeId
-     */
-    _defineProperty(this, "_preCodeId", 'pre-code-' + guidFor(this));
+class HdsCodeBlock extends Component {
+  static {
+    g(this.prototype, "_prismCode", [tracked], function () {
+      return htmlSafe('');
+    });
   }
+  #_prismCode = (i(this, "_prismCode"), undefined);
+  /**
+   * Generates a unique ID for the code content
+   *
+   * @param _preCodeId
+   */
+  _preCodeId = 'pre-code-' + guidFor(this);
+
   /**
    * @param code
    * @type {string}
@@ -91,6 +98,9 @@ let HdsCodeBlock = (_class = class HdsCodeBlock extends Component {
   get hasLineWrapping() {
     return this.args.hasLineWrapping ?? false;
   }
+  get copyButtonText() {
+    return this.args.copyButtonText ? this.args.copyButtonText : 'Copy';
+  }
   setPrismCode(element) {
     const code = this.code;
     const language = this.language;
@@ -130,6 +140,9 @@ let HdsCodeBlock = (_class = class HdsCodeBlock extends Component {
    * @method classNames
    * @return {string} The "class" attribute to apply to the component.
    */
+  static {
+    n(this.prototype, "setPrismCode", [action]);
+  }
   get classNames() {
     // Currently there is only one theme so the class name is hard-coded.
     // In the future, additional themes such as a "light" theme could be added.
@@ -150,14 +163,7 @@ let HdsCodeBlock = (_class = class HdsCodeBlock extends Component {
     }
     return classes.join(' ');
   }
-}, _descriptor = _applyDecoratedDescriptor(_class.prototype, "_prismCode", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return htmlSafe('');
-  }
-}), _applyDecoratedDescriptor(_class.prototype, "setPrismCode", [action], Object.getOwnPropertyDescriptor(_class.prototype, "setPrismCode"), _class.prototype), _class);
+}
 setComponentTemplate(TEMPLATE, HdsCodeBlock);
 
 export { LANGUAGES, HdsCodeBlock as default };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/code-block/index.hbs","../../../../src/components/hds/code-block/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<div class={{this.classNames}} ...attributes>\\n  <div class=\\\"hds-code-block__header\\\">\\n    {{~yield (hash Title=(component \\\"hds/code-block/title\\\"))~}}\\n    {{~yield (hash Description=(component \\\"hds/code-block/description\\\"))~}}\\n  </div>\\n  <div class=\\\"hds-code-block__body\\\">\\n    {{! content within pre tag is whitespace-sensitive; do not add new lines! }}\\n    <pre\\n      class=\\\"hds-code-block__code\\\"\\n      {{style maxHeight=@maxHeight}}\\n      data-line={{@highlightLines}}\\n      data-start={{@lineNumberStart}}\\n      id={{this._preCodeId}}\\n      tabindex=\\\"0\\\"\\n    ><code {{did-insert this.setPrismCode}} {{did-update this.setPrismCode this.code @language}}>\\n        {{~this._prismCode~}}\\n      </code></pre>\\n\\n    {{#if @hasCopyButton}}\\n      <Hds::CodeBlock::CopyButton @targetToCopy=\\\"#{{this._preCodeId}}\\\" aria-describedby={{this._preCodeId}} />\\n    {{/if}}\\n  </div>\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\nimport { tracked } from '@glimmer/tracking';\nimport { assert } from '@ember/debug';\nimport { next, schedule } from '@ember/runloop';\nimport { htmlSafe } from '@ember/template';\nimport { guidFor } from '@ember/object/internals';\n\nimport Prism from 'prismjs';\n\nimport type { SafeString } from '@ember/template/-private/handlebars';\nimport type { ComponentLike } from '@glint/template';\n\nimport type { HdsCodeBlockTitleSignature } from './title';\nimport type { HdsCodeBlockDescriptionSignature } from './description';\nimport { HdsCodeBlockLanguageValues } from './types.ts';\nimport type { HdsCodeBlockLanguages } from './types.ts';\n\nimport 'prismjs/plugins/line-numbers/prism-line-numbers';\nimport 'prismjs/plugins/line-highlight/prism-line-highlight';\n\nimport 'prismjs/components/prism-bash';\nimport 'prismjs/components/prism-go';\nimport 'prismjs/components/prism-hcl';\nimport 'prismjs/components/prism-json';\nimport 'prismjs/components/prism-log';\nimport 'prismjs/components/prism-ruby';\nimport 'prismjs/components/prism-shell-session';\nimport 'prismjs/components/prism-yaml';\n\n// These imports are required to overcome a global variable clash in Helios website\n// where language import are overriden by the Prism instance in `CodeBlock`\n// Note that `prism-handlebars` is dependant on `prism-markup-templating`\nimport 'prismjs/components/prism-markup-templating';\nimport 'prismjs/components/prism-handlebars';\n\nexport const LANGUAGES: string[] = Object.values(HdsCodeBlockLanguageValues);\n\nexport interface HdsCodeBlockSignature {\n  Args: {\n    hasCopyButton?: boolean;\n    hasLineNumbers?: boolean;\n    hasLineWrapping?: boolean;\n    highlightLines?: string;\n    lineNumberStart?: number;\n    isStandalone?: boolean;\n    language?: HdsCodeBlockLanguages;\n    maxHeight?: string;\n    value: string;\n  };\n  Blocks: {\n    default: [\n      {\n        Title?: ComponentLike<HdsCodeBlockTitleSignature>;\n        Description?: ComponentLike<HdsCodeBlockDescriptionSignature>;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsCodeBlock extends Component<HdsCodeBlockSignature> {\n  @tracked private _prismCode: SafeString = htmlSafe('');\n\n  /**\n   * Generates a unique ID for the code content\n   *\n   * @param _preCodeId\n   */\n  private _preCodeId = 'pre-code-' + guidFor(this);\n\n  /**\n   * @param code\n   * @type {string}\n   * @description code text content for the CodeBlock\n   */\n  get code(): string {\n    const code = this.args.value;\n\n    assert(\n      '@code for \"Hds::CodeBlock\" must have a valid value',\n      code !== undefined\n    );\n\n    if (Prism?.plugins?.['NormalizeWhitespace']) {\n      return Prism.plugins['NormalizeWhitespace'].normalize(code);\n    }\n\n    return code;\n  }\n\n  /**\n   * @param language\n   * @type {string}\n   * @default undefined\n   * @description name of coding language used within CodeBlock for syntax highlighting\n   */\n  get language(): HdsCodeBlockLanguages | undefined {\n    return this.args.language ?? undefined;\n  }\n\n  /**\n   * @param hasLineNumbers\n   * @type {boolean}\n   * @default true\n   * @description Displays line numbers if true\n   */\n  get hasLineNumbers(): boolean {\n    return this.args.hasLineNumbers ?? true;\n  }\n\n  /**\n   * @param isStandalone\n   * @type {boolean}\n   * @default true\n   * @description Make CodeBlock container corners appear rounded\n   */\n  get isStandalone(): boolean {\n    return this.args.isStandalone ?? true;\n  }\n\n  /**\n   * @param hasLineWrapping\n   * @type {boolean}\n   * @default false\n   * @description Make text content wrap on multiple lines\n   */\n  get hasLineWrapping(): boolean {\n    return this.args.hasLineWrapping ?? false;\n  }\n\n  @action\n  setPrismCode(element: HTMLElement): void {\n    const code = this.code;\n    const language = this.language;\n    const grammar = language ? Prism.languages[language] : undefined;\n\n    if (code) {\n      // eslint-disable-next-line ember/no-runloop\n      next(() => {\n        if (language && grammar) {\n          this._prismCode = htmlSafe(Prism.highlight(code, grammar, language));\n        } else {\n          this._prismCode = htmlSafe(Prism.util.encode(code).toString());\n        }\n\n        // Force prism-line-numbers plugin initialization, required for Prism.highlight usage\n        // See https://github.com/PrismJS/prism/issues/1234\n        Prism.hooks.run('complete', {\n          code,\n          element,\n        });\n\n        // Force prism-line-highlight plugin initialization\n        // Context: https://github.com/hashicorp/design-system/pull/1749#discussion_r1374288785\n        if (this.args.highlightLines) {\n          // we need to delay re-evaluating the context for prism-line-highlight for as much as possible, and `afterRender` is the 'latest' we can use in the component lifecycle\n          // eslint-disable-next-line ember/no-runloop\n          schedule('afterRender', () => {\n            // we piggy-back on the plugin's `resize` event listener to trigger a new call of the `highlightLines` function: https://github.com/PrismJS/prism/blob/master/plugins/line-highlight/prism-line-highlight.js#L337\n            if (window) window.dispatchEvent(new Event('resize'));\n          });\n        }\n      });\n    }\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    // Currently there is only one theme so the class name is hard-coded.\n    // In the future, additional themes such as a \"light\" theme could be added.\n    const classes = ['hds-code-block', 'hds-code-block--theme-dark'];\n\n    if (this.language) {\n      classes.push(`language-${this.language}`);\n    }\n\n    if (this.isStandalone === true) {\n      classes.push('hds-code-block--is-standalone');\n    }\n\n    if (this.hasLineWrapping === true) {\n      classes.push('hds-code-block--has-line-wrapping');\n    }\n\n    // Note: Prism.js is using the specific class name \"line-numbers\" to determine implementation of line numbers in the UI\n    if (this.hasLineNumbers) {\n      classes.push('line-numbers');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["LANGUAGES","Object","values","HdsCodeBlockLanguageValues","HdsCodeBlock","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","_defineProperty","guidFor","code","value","assert","undefined","Prism","plugins","normalize","language","hasLineNumbers","isStandalone","hasLineWrapping","setPrismCode","element","grammar","languages","next","_prismCode","htmlSafe","highlight","util","encode","toString","hooks","run","highlightLines","schedule","window","dispatchEvent","Event","classNames","classes","push","join","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/code-block/index.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\nimport { tracked } from '@glimmer/tracking';\nimport { assert } from '@ember/debug';\nimport { next, schedule } from '@ember/runloop';\nimport { htmlSafe } from '@ember/template';\nimport { guidFor } from '@ember/object/internals';\n\nimport Prism from 'prismjs';\n\nimport type { SafeString } from '@ember/template';\nimport type { ComponentLike } from '@glint/template';\n\nimport type { HdsCodeBlockTitleSignature } from './title';\nimport type { HdsCodeBlockDescriptionSignature } from './description';\nimport { HdsCodeBlockLanguageValues } from './types.ts';\nimport type { HdsCodeBlockLanguages } from './types.ts';\nimport type { HdsCopyButtonSignature } from '../copy/button/index.ts';\n\nimport 'prismjs/plugins/line-numbers/prism-line-numbers';\nimport 'prismjs/plugins/line-highlight/prism-line-highlight';\n\nimport 'prismjs/components/prism-bash';\nimport 'prismjs/components/prism-go';\nimport 'prismjs/components/prism-hcl';\nimport 'prismjs/components/prism-json';\nimport 'prismjs/components/prism-log';\nimport 'prismjs/components/prism-ruby';\nimport 'prismjs/components/prism-shell-session';\nimport 'prismjs/components/prism-yaml';\n\n// These imports are required to overcome a global variable clash in Helios website\n// where language import are overriden by the Prism instance in `CodeBlock`\n// Note that `prism-handlebars` is dependant on `prism-markup-templating`\nimport 'prismjs/components/prism-markup-templating';\nimport 'prismjs/components/prism-handlebars';\n\nexport const LANGUAGES: string[] = Object.values(HdsCodeBlockLanguageValues);\n\nexport interface HdsCodeBlockSignature {\n  Args: {\n    hasCopyButton?: boolean;\n    hasLineNumbers?: boolean;\n    hasLineWrapping?: boolean;\n    highlightLines?: string;\n    lineNumberStart?: number;\n    isStandalone?: boolean;\n    language?: HdsCodeBlockLanguages;\n    maxHeight?: string;\n    value: string;\n    copyButtonText?: HdsCopyButtonSignature['Args']['text'];\n  };\n  Blocks: {\n    default: [\n      {\n        Title?: ComponentLike<HdsCodeBlockTitleSignature>;\n        Description?: ComponentLike<HdsCodeBlockDescriptionSignature>;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsCodeBlock extends Component<HdsCodeBlockSignature> {\n  @tracked private _prismCode: SafeString = htmlSafe('');\n\n  /**\n   * Generates a unique ID for the code content\n   *\n   * @param _preCodeId\n   */\n  private _preCodeId = 'pre-code-' + guidFor(this);\n\n  /**\n   * @param code\n   * @type {string}\n   * @description code text content for the CodeBlock\n   */\n  get code(): string {\n    const code = this.args.value;\n\n    assert(\n      '@code for \"Hds::CodeBlock\" must have a valid value',\n      code !== undefined\n    );\n\n    if (Prism?.plugins?.['NormalizeWhitespace']) {\n      return Prism.plugins['NormalizeWhitespace'].normalize(code);\n    }\n\n    return code;\n  }\n\n  /**\n   * @param language\n   * @type {string}\n   * @default undefined\n   * @description name of coding language used within CodeBlock for syntax highlighting\n   */\n  get language(): HdsCodeBlockLanguages | undefined {\n    return this.args.language ?? undefined;\n  }\n\n  /**\n   * @param hasLineNumbers\n   * @type {boolean}\n   * @default true\n   * @description Displays line numbers if true\n   */\n  get hasLineNumbers(): boolean {\n    return this.args.hasLineNumbers ?? true;\n  }\n\n  /**\n   * @param isStandalone\n   * @type {boolean}\n   * @default true\n   * @description Make CodeBlock container corners appear rounded\n   */\n  get isStandalone(): boolean {\n    return this.args.isStandalone ?? true;\n  }\n\n  /**\n   * @param hasLineWrapping\n   * @type {boolean}\n   * @default false\n   * @description Make text content wrap on multiple lines\n   */\n  get hasLineWrapping(): boolean {\n    return this.args.hasLineWrapping ?? false;\n  }\n\n  get copyButtonText(): HdsCopyButtonSignature['Args']['text'] {\n    return this.args.copyButtonText ? this.args.copyButtonText : 'Copy';\n  }\n\n  @action\n  setPrismCode(element: HTMLElement): void {\n    const code = this.code;\n    const language = this.language;\n    const grammar = language ? Prism.languages[language] : undefined;\n\n    if (code) {\n      // eslint-disable-next-line ember/no-runloop\n      next(() => {\n        if (language && grammar) {\n          this._prismCode = htmlSafe(Prism.highlight(code, grammar, language));\n        } else {\n          this._prismCode = htmlSafe(Prism.util.encode(code).toString());\n        }\n\n        // Force prism-line-numbers plugin initialization, required for Prism.highlight usage\n        // See https://github.com/PrismJS/prism/issues/1234\n        Prism.hooks.run('complete', {\n          code,\n          element,\n        });\n\n        // Force prism-line-highlight plugin initialization\n        // Context: https://github.com/hashicorp/design-system/pull/1749#discussion_r1374288785\n        if (this.args.highlightLines) {\n          // we need to delay re-evaluating the context for prism-line-highlight for as much as possible, and `afterRender` is the 'latest' we can use in the component lifecycle\n          // eslint-disable-next-line ember/no-runloop\n          schedule('afterRender', () => {\n            // we piggy-back on the plugin's `resize` event listener to trigger a new call of the `highlightLines` function: https://github.com/PrismJS/prism/blob/master/plugins/line-highlight/prism-line-highlight.js#L337\n            if (window) window.dispatchEvent(new Event('resize'));\n          });\n        }\n      });\n    }\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    // Currently there is only one theme so the class name is hard-coded.\n    // In the future, additional themes such as a \"light\" theme could be added.\n    const classes = ['hds-code-block', 'hds-code-block--theme-dark'];\n\n    if (this.language) {\n      classes.push(`language-${this.language}`);\n    }\n\n    if (this.isStandalone === true) {\n      classes.push('hds-code-block--is-standalone');\n    }\n\n    if (this.hasLineWrapping === true) {\n      classes.push('hds-code-block--has-line-wrapping');\n    }\n\n    // Note: Prism.js is using the specific class name \"line-numbers\" to determine implementation of line numbers in the UI\n    if (this.hasLineNumbers) {\n      classes.push('line-numbers');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["LANGUAGES","Object","values","HdsCodeBlockLanguageValues","HdsCodeBlock","Component","g","prototype","tracked","htmlSafe","i","void 0","_preCodeId","guidFor","code","args","value","assert","undefined","Prism","plugins","normalize","language","hasLineNumbers","isStandalone","hasLineWrapping","copyButtonText","setPrismCode","element","grammar","languages","next","_prismCode","highlight","util","encode","toString","hooks","run","highlightLines","schedule","window","dispatchEvent","Event","n","action","classNames","classes","push","join","setComponentTemplate","TEMPLATE"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"title.js","sources":["../../../../src/components/hds/code-block/title.hbs","../../../../src/components/hds/code-block/title.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<Hds::Text::Body @size=\\\"200\\\" @tag={{this.componentTag}} @weight=\\\"semibold\\\" class=\\\"hds-code-block__title\\\" ...attributes>\\n  {{yield}}\\n</Hds::Text::Body>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\nimport Component from '@glimmer/component';\nimport { HdsCodeBlockTitleTagValues } from './types.ts';\nimport type { HdsCodeBlockTitleTags } from './types';\nimport type { HdsTextBodySignature } from '../text/body';\n\nexport interface HdsCodeBlockTitleSignature {\n  Args: {\n    tag?: HdsCodeBlockTitleTags;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsTextBodySignature['Element'];\n}\n\nexport default class HdsCodeBlockTitle extends Component<HdsCodeBlockTitleSignature> {\n  get componentTag(): HdsCodeBlockTitleTags {\n    return this.args.tag ?? HdsCodeBlockTitleTagValues.P;\n  }\n}\n"],"names":["HdsCodeBlockTitle","Component","componentTag","args","tag","HdsCodeBlockTitleTagValues","P","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,gPAAgP;;ACDlR;AACA;AACA;AACA;AAgBe,MAAMA,iBAAiB,SAASC,SAAS,CAA6B;EACnF,IAAIC,YAAYA,GAA0B;IACxC,OAAO,IAAI,CAACC,IAAI,CAACC,GAAG,IAAIC,0BAA0B,CAACC,CAAC;AACtD;AACF;AAACC,oBAAA,CAAAC,QAAA,EAJoBR,iBAAiB,CAAA;;;;"}
+{"version":3,"file":"title.js","sources":["../../../../src/components/hds/code-block/title.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\nimport Component from '@glimmer/component';\nimport { HdsCodeBlockTitleTagValues } from './types.ts';\nimport type { HdsCodeBlockTitleTags } from './types';\nimport type { HdsTextBodySignature } from '../text/body';\n\nexport interface HdsCodeBlockTitleSignature {\n  Args: {\n    tag?: HdsCodeBlockTitleTags;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsTextBodySignature['Element'];\n}\n\nexport default class HdsCodeBlockTitle extends Component<HdsCodeBlockTitleSignature> {\n  get componentTag(): HdsCodeBlockTitleTags {\n    return this.args.tag ?? HdsCodeBlockTitleTagValues.P;\n  }\n}\n"],"names":["HdsCodeBlockTitle","Component","componentTag","args","tag","HdsCodeBlockTitleTagValues","P","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAgBe,MAAMA,iBAAiB,SAASC,SAAS,CAA6B;EACnF,IAAIC,YAAYA,GAA0B;IACxC,OAAO,IAAI,CAACC,IAAI,CAACC,GAAG,IAAIC,0BAA0B,CAACC,CAAC;AACtD;AACF;AAACC,oBAAA,CAAAC,QAAA,EAJoBR,iBAAiB,CAAA;;;;"}

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

@@ -1,15 +1,16 @@
-import { a as _defineProperty } from '../../../_rollupPluginBabelHelpers-C_TsMG3M.js';
 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::Text::Body\n  id={{this._id}}\n  class=\"hds-code-editor__description\"\n  @tag=\"p\"\n  @size=\"100\"\n  {{did-insert @onInsert}}\n  ...attributes\n>\n  {{yield}}\n</Hds::Text::Body>");
 
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
 class HdsCodeEditorDescription extends Component {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "_id", `${this.args.editorId}-description`);
-  }
+  _id = `${this.args.editorId}-description`;
 }
 setComponentTemplate(TEMPLATE, HdsCodeEditorDescription);
 

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

@@ -1 +1 @@
-{"version":3,"file":"description.js","sources":["../../../../src/components/hds/code-editor/description.hbs","../../../../src/components/hds/code-editor/description.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<Hds::Text::Body\\n  id={{this._id}}\\n  class=\\\"hds-code-editor__description\\\"\\n  @tag=\\\"p\\\"\\n  @size=\\\"100\\\"\\n  {{did-insert @onInsert}}\\n  ...attributes\\n>\\n  {{yield}}\\n</Hds::Text::Body>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport type { HdsTextBodySignature } from '../text/body';\n\ntype HdsCodeEditorDescriptionElement = HdsTextBodySignature['Element'];\nexport interface HdsCodeEditorDescriptionSignature {\n  Args: {\n    editorId: string;\n    onInsert: (element: HdsCodeEditorDescriptionElement) => void;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsCodeEditorDescriptionElement;\n}\n\nexport default class HdsCodeEditorDescription extends Component<HdsCodeEditorDescriptionSignature> {\n  private _id = `${this.args.editorId}-description`;\n}\n"],"names":["HdsCodeEditorDescription","Component","constructor","args","_defineProperty","editorId","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,+QAA+Q;;ACoBlS,MAAMA,wBAAwB,SAASC,SAAS,CAAoC;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA;AAAAC,IAAAA,eAAA,cACnF,CAAG,EAAA,IAAI,CAACD,IAAI,CAACE,QAAQ,CAAc,YAAA,CAAA,CAAA;AAAA;AACnD;AAACC,oBAAA,CAAAC,QAAA,EAFoBP,wBAAwB,CAAA;;;;"}
+{"version":3,"file":"description.js","sources":["../../../../src/components/hds/code-editor/description.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport type { HdsTextBodySignature } from '../text/body';\n\ntype HdsCodeEditorDescriptionElement = HdsTextBodySignature['Element'];\nexport interface HdsCodeEditorDescriptionSignature {\n  Args: {\n    editorId: string;\n    onInsert: (element: HdsCodeEditorDescriptionElement) => void;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsCodeEditorDescriptionElement;\n}\n\nexport default class HdsCodeEditorDescription extends Component<HdsCodeEditorDescriptionSignature> {\n  private _id = `${this.args.editorId}-description`;\n}\n"],"names":["HdsCodeEditorDescription","Component","_id","args","editorId","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAkBe,MAAMA,wBAAwB,SAASC,SAAS,CAAoC;AACzFC,EAAAA,GAAG,GAAG,CAAG,EAAA,IAAI,CAACC,IAAI,CAACC,QAAQ,CAAc,YAAA,CAAA;AACnD;AAACC,oBAAA,CAAAC,QAAA,EAFoBN,wBAAwB,CAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"full-screen-button.js","sources":["../../../../src/components/hds/code-editor/full-screen-button.hbs","../../../../src/components/hds/code-editor/full-screen-button.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<Hds::Button\\n  class={{this.className}}\\n  aria-pressed={{@isFullScreen}}\\n  @isIconOnly={{true}}\\n  @color=\\\"secondary\\\"\\n  @size=\\\"small\\\"\\n  @icon={{this.state}}\\n  @text=\\\"Toggle full screen view\\\"\\n  {{on \\\"click\\\" @onToggleFullScreen}}\\n  ...attributes\\n/>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport type { HdsButtonSignature } from '../button';\n\nexport interface HdsCodeEditorFullScreenButtonSignature {\n  Args: {\n    isFullScreen: boolean;\n    onToggleFullScreen: () => void;\n  };\n  Element: HdsButtonSignature['Element'];\n}\n\nexport default class HdsCodeEditorFullScreenButton extends Component<HdsCodeEditorFullScreenButtonSignature> {\n  get state(): 'minimize' | 'maximize' {\n    return this.args.isFullScreen ? 'minimize' : 'maximize';\n  }\n\n  get className(): string {\n    const classes = [\n      'hds-code-editor__full-screen-button',\n      'hds-code-editor__button',\n    ];\n\n    const stateClass = `hds-code-editor__full-screen-button--${this.state}`;\n\n    classes.push(stateClass);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsCodeEditorFullScreenButton","Component","state","args","isFullScreen","className","classes","stateClass","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,yVAAyV;;ACD3X;AACA;AACA;AACA;;AAce,MAAMA,6BAA6B,SAASC,SAAS,CAAyC;EAC3G,IAAIC,KAAKA,GAA4B;IACnC,OAAO,IAAI,CAACC,IAAI,CAACC,YAAY,GAAG,UAAU,GAAG,UAAU;AACzD;EAEA,IAAIC,SAASA,GAAW;AACtB,IAAA,MAAMC,OAAO,GAAG,CACd,qCAAqC,EACrC,yBAAyB,CAC1B;AAED,IAAA,MAAMC,UAAU,GAAG,CAAA,qCAAA,EAAwC,IAAI,CAACL,KAAK,CAAE,CAAA;AAEvEI,IAAAA,OAAO,CAACE,IAAI,CAACD,UAAU,CAAC;AAExB,IAAA,OAAOD,OAAO,CAACG,IAAI,CAAC,GAAG,CAAC;AAC1B;AACF;AAACC,oBAAA,CAAAC,QAAA,EAjBoBX,6BAA6B,CAAA;;;;"}
+{"version":3,"file":"full-screen-button.js","sources":["../../../../src/components/hds/code-editor/full-screen-button.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport type { HdsButtonSignature } from '../button';\n\nexport interface HdsCodeEditorFullScreenButtonSignature {\n  Args: {\n    isFullScreen: boolean;\n    onToggleFullScreen: () => void;\n  };\n  Element: HdsButtonSignature['Element'];\n}\n\nexport default class HdsCodeEditorFullScreenButton extends Component<HdsCodeEditorFullScreenButtonSignature> {\n  get state(): 'minimize' | 'maximize' {\n    return this.args.isFullScreen ? 'minimize' : 'maximize';\n  }\n\n  get className(): string {\n    const classes = [\n      'hds-code-editor__full-screen-button',\n      'hds-code-editor__button',\n    ];\n\n    const stateClass = `hds-code-editor__full-screen-button--${this.state}`;\n\n    classes.push(stateClass);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsCodeEditorFullScreenButton","Component","state","args","isFullScreen","className","classes","stateClass","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAce,MAAMA,6BAA6B,SAASC,SAAS,CAAyC;EAC3G,IAAIC,KAAKA,GAA4B;IACnC,OAAO,IAAI,CAACC,IAAI,CAACC,YAAY,GAAG,UAAU,GAAG,UAAU;AACzD;EAEA,IAAIC,SAASA,GAAW;AACtB,IAAA,MAAMC,OAAO,GAAG,CACd,qCAAqC,EACrC,yBAAyB,CAC1B;AAED,IAAA,MAAMC,UAAU,GAAG,CAAA,qCAAA,EAAwC,IAAI,CAACL,KAAK,CAAE,CAAA;AAEvEI,IAAAA,OAAO,CAACE,IAAI,CAACD,UAAU,CAAC;AAExB,IAAA,OAAOD,OAAO,CAACG,IAAI,CAAC,GAAG,CAAC;AAC1B;AACF;AAACC,oBAAA,CAAAC,QAAA,EAjBoBX,6BAA6B,CAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"generic.js","sources":["../../../../src/components/hds/code-editor/generic.hbs","../../../../src/components/hds/code-editor/generic.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class=\\\"hds-code-editor__header-generic\\\" ...attributes>\\n  {{yield}}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsCodeEditorGenericSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsCodeEditorGeneric =\n  TemplateOnlyComponent<HdsCodeEditorGenericSignature>();\n\nexport default HdsCodeEditorGeneric;\n"],"names":["HdsCodeEditorGeneric","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,kKAAkK;;ACDpM;AACA;AACA;AACA;;AAWA,MAAMA,oBAAoB,GACxBC,qBAAqB,EAAiC;AAExD,cAAAC,oBAAA,CAAAC,QAAA,EAAeH,oBAAoB,CAAA;;;;"}
+{"version":3,"file":"generic.js","sources":["../../../../src/components/hds/code-editor/generic.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 HdsCodeEditorGenericSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsCodeEditorGeneric =\n  TemplateOnlyComponent<HdsCodeEditorGenericSignature>();\n\nexport default HdsCodeEditorGeneric;\n"],"names":["HdsCodeEditorGeneric","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAWA,MAAMA,oBAAoB,GACxBC,qBAAqB,EAAiC;AAExD,cAAAC,oBAAA,CAAAC,QAAA,EAAeH,oBAAoB,CAAA;;;;"}

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

@@ -1,36 +1,59 @@
-import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty, a as _defineProperty } from '../../../_rollupPluginBabelHelpers-C_TsMG3M.js';
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
 import { modifier } from 'ember-modifier';
 import { guidFor } from '@ember/object/internals';
 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\n<div\n  id={{this._id}}\n  class={{this.classNames}}\n  {{! @glint-expect-error - https://github.com/josemarluedke/ember-focus-trap/issues/86 }}\n  {{focus-trap isActive=this._isFullScreen}}\n  {{this._handleEscape}}\n  ...attributes\n>\n  {{! header }}\n  {{#if (or this.hasActions (has-block))}}\n    <div class=\"hds-code-editor__header\">\n      <div class=\"hds-code-editor__header-content\">\n        {{yield\n          (hash\n            Title=(component \"hds/code-editor/title\" editorId=this._id onInsert=this.registerTitleElement)\n            Description=(component\n              \"hds/code-editor/description\" editorId=this._id onInsert=this.registerDescriptionElement\n            )\n            Generic=(component \"hds/code-editor/generic\")\n          )\n        }}\n      </div>\n\n      {{#if this.hasActions}}\n        <div class=\"hds-code-editor__header-actions\">\n          {{#if @hasCopyButton}}\n            <Hds::Copy::Button\n              class=\"hds-code-editor__button hds-code-editor__copy-button\"\n              @isIconOnly={{true}}\n              @size=\"small\"\n              @text=\"Copy\"\n              @textToCopy={{this._value}}\n            />\n          {{/if}}\n          {{#if @hasFullScreenButton}}\n            <Hds::CodeEditor::FullScreenButton\n              @isFullScreen={{this._isFullScreen}}\n              @onToggleFullScreen={{this.toggleFullScreen}}\n            />\n          {{/if}}\n        </div>\n      {{/if}}\n    </div>\n  {{/if}}\n\n  {{! editor }}\n  <div\n    class=\"hds-code-editor__editor\"\n    {{hds-code-editor\n      ariaDescribedBy=this.ariaDescribedBy\n      ariaLabel=@ariaLabel\n      ariaLabelledBy=this.ariaLabelledBy\n      value=@value\n      language=@language\n      onBlur=@onBlur\n      onInput=this.onInput\n      onSetup=this.onSetup\n    }}\n  />\n\n  {{! loader }}\n  {{#unless this._isSetupComplete}}\n    <div class=\"hds-code-editor__loader\" aria-live=\"polite\" role=\"status\">\n      <Hds::Icon @name=\"loading\" @size=\"24\" />\n      <span class=\"sr-only\">Loading</span>\n    </div>\n  {{/unless}}\n</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<div\n  id={{this._id}}\n  class={{this.classNames}}\n  {{! @glint-expect-error - https://github.com/josemarluedke/ember-focus-trap/issues/86 }}\n  {{focus-trap isActive=this._isFullScreen}}\n  {{this._handleEscape}}\n  ...attributes\n>\n  {{! header }}\n  {{#if (or this.hasActions (has-block))}}\n    <div class=\"hds-code-editor__header\">\n      <div class=\"hds-code-editor__header-content\">\n        {{yield\n          (hash\n            Title=(component \"hds/code-editor/title\" editorId=this._id onInsert=this.registerTitleElement)\n            Description=(component\n              \"hds/code-editor/description\" editorId=this._id onInsert=this.registerDescriptionElement\n            )\n            Generic=(component \"hds/code-editor/generic\")\n          )\n        }}\n      </div>\n\n      {{#if this.hasActions}}\n        <div class=\"hds-code-editor__header-actions\">\n          {{#if @hasCopyButton}}\n            <Hds::Copy::Button\n              class=\"hds-code-editor__button hds-code-editor__copy-button\"\n              @isIconOnly={{true}}\n              @size=\"small\"\n              @text={{this.copyButtonText}}\n              @textToCopy={{this._value}}\n            />\n          {{/if}}\n          {{#if @hasFullScreenButton}}\n            <Hds::CodeEditor::FullScreenButton\n              @isFullScreen={{this._isFullScreen}}\n              @onToggleFullScreen={{this.toggleFullScreen}}\n            />\n          {{/if}}\n        </div>\n      {{/if}}\n    </div>\n  {{/if}}\n\n  {{! editor }}\n  <div\n    class=\"hds-code-editor__editor\"\n    {{hds-code-editor\n      ariaDescribedBy=this.ariaDescribedBy\n      ariaLabel=@ariaLabel\n      ariaLabelledBy=this.ariaLabelledBy\n      hasLineWrapping=@hasLineWrapping\n      language=@language\n      value=@value\n      onBlur=@onBlur\n      onInput=this.onInput\n      onSetup=this.onSetup\n    }}\n  />\n\n  {{! loader }}\n  {{#unless this._isSetupComplete}}\n    <div class=\"hds-code-editor__loader\" aria-live=\"polite\" role=\"status\">\n      <Hds::Icon @name=\"loading\" @size=\"24\" />\n      <span class=\"sr-only\">Loading</span>\n    </div>\n  {{/unless}}\n</div>");
 
-var _class, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5;
-let HdsCodeEditor = (_class = class HdsCodeEditor extends Component {
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsCodeEditor extends Component {
+  static {
+    g(this.prototype, "_isFullScreen", [tracked], function () {
+      return false;
+    });
+  }
+  #_isFullScreen = (i(this, "_isFullScreen"), undefined);
+  static {
+    g(this.prototype, "_isSetupComplete", [tracked], function () {
+      return false;
+    });
+  }
+  #_isSetupComplete = (i(this, "_isSetupComplete"), undefined);
+  static {
+    g(this.prototype, "_value", [tracked]);
+  }
+  #_value = (i(this, "_value"), undefined);
+  static {
+    g(this.prototype, "_titleId", [tracked]);
+  }
+  #_titleId = (i(this, "_titleId"), undefined);
+  static {
+    g(this.prototype, "_descriptionId", [tracked]);
+  }
+  #_descriptionId = (i(this, "_descriptionId"), undefined);
+  _id = guidFor(this);
+  _handleEscape = modifier(() => {
+    const handleKeyDown = event => {
+      if (event.key !== 'Escape' || !this._isFullScreen) {
+        return;
+      }
+      this.toggleFullScreen();
+    };
+    document.addEventListener('keydown', handleKeyDown);
+    return () => {
+      document.removeEventListener('keydown', handleKeyDown);
+    };
+  });
   constructor(owner, args) {
     super(owner, args);
-    _initializerDefineProperty(this, "_isFullScreen", _descriptor, this);
-    _initializerDefineProperty(this, "_isSetupComplete", _descriptor2, this);
-    _initializerDefineProperty(this, "_value", _descriptor3, this);
-    _initializerDefineProperty(this, "_titleId", _descriptor4, this);
-    _initializerDefineProperty(this, "_descriptionId", _descriptor5, this);
-    _defineProperty(this, "_id", guidFor(this));
-    _defineProperty(this, "_handleEscape", modifier(() => {
-      const handleKeyDown = event => {
-        if (event.key !== 'Escape' || !this._isFullScreen) {
-          return;
-        }
-        this.toggleFullScreen();
-      };
-      document.addEventListener('keydown', handleKeyDown);
-      return () => {
-        document.removeEventListener('keydown', handleKeyDown);
-      };
-    }));
     if (args.value) {
       this._value = args.value;
     }
@@ -62,58 +85,50 @@ let HdsCodeEditor = (_class = class HdsCodeEditor extends Component {
     }
     return classes.join(' ');
   }
+  get copyButtonText() {
+    return this.args.copyButtonText ? this.args.copyButtonText : 'Copy';
+  }
   registerTitleElement(element) {
     this._titleId = element.id;
   }
+  static {
+    n(this.prototype, "registerTitleElement", [action]);
+  }
   registerDescriptionElement(element) {
     this._descriptionId = element.id;
   }
+  static {
+    n(this.prototype, "registerDescriptionElement", [action]);
+  }
   toggleFullScreen() {
     this._isFullScreen = !this._isFullScreen;
   }
+  static {
+    n(this.prototype, "toggleFullScreen", [action]);
+  }
   onInput(newValue) {
     this._value = newValue;
     this.args.onInput?.(newValue);
   }
+  static {
+    n(this.prototype, "onInput", [action]);
+  }
   onKeyDown(event) {
     if (event.key === 'Escape' && this._isFullScreen) {
       this.toggleFullScreen();
     }
   }
+  static {
+    n(this.prototype, "onKeyDown", [action]);
+  }
   onSetup(editorView) {
     this._isSetupComplete = true;
     this.args.onSetup?.(editorView);
   }
-}, _descriptor = _applyDecoratedDescriptor(_class.prototype, "_isFullScreen", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return false;
-  }
-}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "_isSetupComplete", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return false;
-  }
-}), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, "_value", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor4 = _applyDecoratedDescriptor(_class.prototype, "_titleId", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor5 = _applyDecoratedDescriptor(_class.prototype, "_descriptionId", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _applyDecoratedDescriptor(_class.prototype, "registerTitleElement", [action], Object.getOwnPropertyDescriptor(_class.prototype, "registerTitleElement"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "registerDescriptionElement", [action], Object.getOwnPropertyDescriptor(_class.prototype, "registerDescriptionElement"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "toggleFullScreen", [action], Object.getOwnPropertyDescriptor(_class.prototype, "toggleFullScreen"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onInput", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onInput"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onKeyDown", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onKeyDown"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onSetup", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onSetup"), _class.prototype), _class);
+  static {
+    n(this.prototype, "onSetup", [action]);
+  }
+}
 setComponentTemplate(TEMPLATE, HdsCodeEditor);
 
 export { HdsCodeEditor as default };