@hashicorp/design-system-components 4.15.0 → 4.17.0

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

@@ -0,0 +1,135 @@
+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={{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>");
+
+/**
+ * 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);
+    if (args.value) {
+      this._value = args.value;
+    }
+  }
+  get ariaLabelledBy() {
+    if (this.args.ariaLabel !== undefined) {
+      return;
+    }
+    return this.args.ariaLabelledBy ?? this._titleId;
+  }
+  get ariaDescribedBy() {
+    return this.args.ariaDescribedBy ?? this._descriptionId;
+  }
+  get hasActions() {
+    return (this.args.hasCopyButton || this.args.hasFullScreenButton) ?? false;
+  }
+  get isStandalone() {
+    return this.args.isStandalone ?? true;
+  }
+  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.
+    const classes = ['hds-code-editor', 'hds-code-editor--theme-dark'];
+    if (this._isFullScreen) {
+      classes.push('hds-code-editor--is-full-screen');
+    }
+    if (this.isStandalone) {
+      classes.push('hds-code-editor--is-standalone');
+    }
+    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);
+  }
+  static {
+    n(this.prototype, "onSetup", [action]);
+  }
+}
+setComponentTemplate(TEMPLATE, HdsCodeEditor);
+
+export { HdsCodeEditor as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/code-editor/index.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { modifier } from 'ember-modifier';\nimport { guidFor } from '@ember/object/internals';\n\nimport type Owner from '@ember/owner';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsCodeEditorSignature as HdsCodeEditorModifierSignature } from '../../../modifiers/hds-code-editor.ts';\nimport type { HdsCodeEditorDescriptionSignature } from './description';\nimport type { HdsCodeEditorTitleSignature } from './title';\nimport type { HdsCodeEditorGenericSignature } from './generic';\nimport type { EditorView } from '@codemirror/view';\nimport type { HdsCopyButtonSignature } from '../copy/button/index.ts';\n\nexport interface HdsCodeEditorSignature {\n  Args: {\n    hasCopyButton?: boolean;\n    hasFullScreenButton?: boolean;\n    isStandalone?: boolean;\n    copyButtonText?: HdsCopyButtonSignature['Args']['text'];\n  } & HdsCodeEditorModifierSignature['Args']['Named'];\n  Blocks: {\n    default: [\n      {\n        Title?: ComponentLike<HdsCodeEditorTitleSignature>;\n        Description?: ComponentLike<HdsCodeEditorDescriptionSignature>;\n        Generic?: ComponentLike<HdsCodeEditorGenericSignature>;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsCodeEditor extends Component<HdsCodeEditorSignature> {\n  @tracked private _isFullScreen = false;\n  @tracked private _isSetupComplete = false;\n  @tracked private _value;\n  @tracked private _titleId: string | undefined;\n  @tracked private _descriptionId: string | undefined;\n\n  private _id = guidFor(this);\n\n  private _handleEscape = modifier(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape' || !this._isFullScreen) {\n        return;\n      }\n\n      this.toggleFullScreen();\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n    };\n  });\n\n  constructor(owner: Owner, args: HdsCodeEditorSignature['Args']) {\n    super(owner, args);\n\n    if (args.value) {\n      this._value = args.value;\n    }\n  }\n\n  get ariaLabelledBy(): string | undefined {\n    if (this.args.ariaLabel !== undefined) {\n      return;\n    }\n\n    return this.args.ariaLabelledBy ?? this._titleId;\n  }\n\n  get ariaDescribedBy(): string | undefined {\n    return this.args.ariaDescribedBy ?? this._descriptionId;\n  }\n\n  get hasActions(): boolean {\n    return (this.args.hasCopyButton || this.args.hasFullScreenButton) ?? false;\n  }\n\n  get isStandalone(): boolean {\n    return this.args.isStandalone ?? true;\n  }\n\n  get classNames(): string {\n    // Currently there is only one theme so the class name is hard-coded.\n    // In the future, additional themes such as a \"light\" theme could be added.\n    const classes = ['hds-code-editor', 'hds-code-editor--theme-dark'];\n\n    if (this._isFullScreen) {\n      classes.push('hds-code-editor--is-full-screen');\n    }\n\n    if (this.isStandalone) {\n      classes.push('hds-code-editor--is-standalone');\n    }\n\n    return classes.join(' ');\n  }\n\n  get copyButtonText(): HdsCopyButtonSignature['Args']['text'] {\n    return this.args.copyButtonText ? this.args.copyButtonText : 'Copy';\n  }\n\n  @action\n  registerTitleElement(element: HdsCodeEditorTitleSignature['Element']): void {\n    this._titleId = element.id;\n  }\n\n  @action\n  registerDescriptionElement(\n    element: HdsCodeEditorDescriptionSignature['Element']\n  ): void {\n    this._descriptionId = element.id;\n  }\n\n  @action\n  toggleFullScreen(): void {\n    this._isFullScreen = !this._isFullScreen;\n  }\n\n  @action\n  onInput(newValue: string): void {\n    this._value = newValue;\n    this.args.onInput?.(newValue);\n  }\n\n  @action\n  onKeyDown(event: KeyboardEvent): void {\n    if (event.key === 'Escape' && this._isFullScreen) {\n      this.toggleFullScreen();\n    }\n  }\n\n  @action\n  onSetup(editorView: EditorView): void {\n    this._isSetupComplete = true;\n    this.args.onSetup?.(editorView);\n  }\n}\n"],"names":["HdsCodeEditor","Component","g","prototype","tracked","i","void 0","_id","guidFor","_handleEscape","modifier","handleKeyDown","event","key","_isFullScreen","toggleFullScreen","document","addEventListener","removeEventListener","constructor","owner","args","value","_value","ariaLabelledBy","ariaLabel","undefined","_titleId","ariaDescribedBy","_descriptionId","hasActions","hasCopyButton","hasFullScreenButton","isStandalone","classNames","classes","push","join","copyButtonText","registerTitleElement","element","id","n","action","registerDescriptionElement","onInput","newValue","onKeyDown","onSetup","editorView","_isSetupComplete","setComponentTemplate","TEMPLATE"],"mappings":"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"}

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

@@ -0,0 +1,21 @@
+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__title\"\n  @tag={{this.tag}}\n  @size=\"200\"\n  @weight=\"semibold\"\n  {{did-insert @onInsert}}\n  ...attributes\n>\n  {{yield}}\n</Hds::Text::Body>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsCodeEditorTitle extends Component {
+  _id = `${this.args.editorId}-title`;
+  get tag() {
+    return this.args.tag ?? 'h2';
+  }
+}
+setComponentTemplate(TEMPLATE, HdsCodeEditorTitle);
+
+export { HdsCodeEditorTitle as default };
+//# sourceMappingURL=title.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"title.js","sources":["../../../../src/components/hds/code-editor/title.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 HdsCodeEditorTitleElement = HdsTextBodySignature['Element'];\n\nexport interface HdsCodeEditorTitleSignature {\n  Args: {\n    editorId: string;\n    tag?: HdsTextBodySignature['Args']['tag'];\n    onInsert: (element: HdsCodeEditorTitleElement) => void;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsCodeEditorTitleElement;\n}\n\nexport default class HdsCodeEditorTitle extends Component<HdsCodeEditorTitleSignature> {\n  private _id = `${this.args.editorId}-title`;\n\n  get tag(): HdsTextBodySignature['Args']['tag'] {\n    return this.args.tag ?? 'h2';\n  }\n}\n"],"names":["HdsCodeEditorTitle","Component","_id","args","editorId","tag","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAoBe,MAAMA,kBAAkB,SAASC,SAAS,CAA8B;AAC7EC,EAAAA,GAAG,GAAG,CAAG,EAAA,IAAI,CAACC,IAAI,CAACC,QAAQ,CAAQ,MAAA,CAAA;EAE3C,IAAIC,GAAGA,GAAwC;AAC7C,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,GAAG,IAAI,IAAI;AAC9B;AACF;AAACC,oBAAA,CAAAC,QAAA,EANoBP,kBAAkB,CAAA;;;;"}

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

@@ -1,27 +1,36 @@
-import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty } from '../../../../_rollupPluginBabelHelpers-81503waH.js';
 import Component from '@glimmer/component';
 import { assert } from '@ember/debug';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
 import { HdsCopyButtonSizeValues } from './types.js';
 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<Hds::Button\n  class={{this.classNames}}\n  @size={{this.size}}\n  @isFullWidth={{@isFullWidth}}\n  @text={{@text}}\n  @icon={{this.icon}}\n  @isIconOnly={{@isIconOnly}}\n  @color=\"secondary\"\n  @iconPosition=\"trailing\"\n  {{hds-clipboard text=@textToCopy target=@targetToCopy onSuccess=this.onSuccess onError=this.onError}}\n  ...attributes\n/>");
 
-var _class, _descriptor, _descriptor2;
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
 const DEFAULT_SIZE = HdsCopyButtonSizeValues.Medium;
 const SIZES = Object.values(HdsCopyButtonSizeValues);
 const DEFAULT_ICON = 'clipboard-copy';
 const SUCCESS_ICON = 'clipboard-checked';
 const ERROR_ICON = 'clipboard-x';
 const DEFAULT_STATUS = 'idle';
-let HdsCopyButton = (_class = class HdsCopyButton extends Component {
-  constructor(...args) {
-    super(...args);
-    _initializerDefineProperty(this, "_status", _descriptor, this);
-    _initializerDefineProperty(this, "_timer", _descriptor2, this);
+class HdsCopyButton extends Component {
+  static {
+    g(this.prototype, "_status", [tracked], function () {
+      return DEFAULT_STATUS;
+    });
+  }
+  #_status = (i(this, "_status"), undefined);
+  static {
+    g(this.prototype, "_timer", [tracked]);
   }
+  #_timer = (i(this, "_timer"), undefined);
   /**
    * @param icon
    * @type {string}
@@ -74,6 +83,9 @@ let HdsCopyButton = (_class = class HdsCopyButton extends Component {
       onSuccess(args);
     }
   }
+  static {
+    n(this.prototype, "onSuccess", [action]);
+  }
   onError(args) {
     this._status = 'error';
     this.resetStatusDelayed();
@@ -84,6 +96,9 @@ let HdsCopyButton = (_class = class HdsCopyButton extends Component {
       onError(args);
     }
   }
+  static {
+    n(this.prototype, "onError", [action]);
+  }
   resetStatusDelayed() {
     clearTimeout(this._timer);
     // make it fade back to the default state
@@ -91,19 +106,7 @@ let HdsCopyButton = (_class = class HdsCopyButton extends Component {
       this._status = DEFAULT_STATUS;
     }, 1500);
   }
-}, _descriptor = _applyDecoratedDescriptor(_class.prototype, "_status", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return DEFAULT_STATUS;
-  }
-}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "_timer", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _applyDecoratedDescriptor(_class.prototype, "onSuccess", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onSuccess"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onError", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onError"), _class.prototype), _class);
+}
 setComponentTemplate(TEMPLATE, HdsCopyButton);
 
 export { DEFAULT_ICON, DEFAULT_SIZE, DEFAULT_STATUS, ERROR_ICON, SIZES, SUCCESS_ICON, HdsCopyButton as default };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/copy/button/index.hbs","../../../../../src/components/hds/copy/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::Button\\n  class={{this.classNames}}\\n  @size={{this.size}}\\n  @isFullWidth={{@isFullWidth}}\\n  @text={{@text}}\\n  @icon={{this.icon}}\\n  @isIconOnly={{@isIconOnly}}\\n  @color=\\\"secondary\\\"\\n  @iconPosition=\\\"trailing\\\"\\n  {{hds-clipboard text=@textToCopy target=@targetToCopy onSuccess=this.onSuccess onError=this.onError}}\\n  ...attributes\\n/>\")","/**\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 { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { HdsCopyButtonSizeValues } from './types.ts';\nimport type { HdsCopyButtonSizes } from './types.ts';\nimport type { HdsButtonSignature } from '../../button/';\nimport type { HdsClipboardModifierSignature } from '../../../../modifiers/hds-clipboard.ts';\nimport type { HdsIconSignature } from '../../icon';\n\nexport const DEFAULT_SIZE = HdsCopyButtonSizeValues.Medium;\nexport const SIZES: string[] = Object.values(HdsCopyButtonSizeValues);\nexport const DEFAULT_ICON = 'clipboard-copy';\nexport const SUCCESS_ICON = 'clipboard-checked';\nexport const ERROR_ICON = 'clipboard-x';\nexport const DEFAULT_STATUS = 'idle';\n\nexport interface HdsCopyButtonSignature {\n  Args: HdsButtonSignature['Args'] & {\n    size?: HdsCopyButtonSizes;\n    textToCopy?: HdsClipboardModifierSignature['Args']['Named']['text'];\n    targetToCopy?: HdsClipboardModifierSignature['Args']['Named']['target'];\n    onSuccess?: HdsClipboardModifierSignature['Args']['Named']['onSuccess'];\n    onError?: HdsClipboardModifierSignature['Args']['Named']['onError'];\n  };\n  Element: HdsButtonSignature['Element'];\n}\n\nexport default class HdsCopyButton extends Component<HdsCopyButtonSignature> {\n  @tracked private _status = DEFAULT_STATUS;\n  @tracked private _timer: ReturnType<typeof setTimeout> | undefined;\n\n  /**\n   * @param icon\n   * @type {string}\n   * @description The icon to be displayed for each status; automatically calculated based on the tracked property `status`.\n   */\n  get icon(): HdsIconSignature['Args']['name'] {\n    let icon: HdsIconSignature['Args']['name'] = DEFAULT_ICON;\n    if (this._status === 'success') {\n      icon = SUCCESS_ICON;\n    } else if (this._status === 'error') {\n      icon = ERROR_ICON;\n    }\n    return icon;\n  }\n\n  /**\n   * @param size\n   * @type {string}\n   * @default medium\n   * @description The size of the copy/button; acceptable values are `small` and `medium`\n   */\n  get size(): HdsCopyButtonSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Copy::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   * Get the class names to apply to the component.\n   * @method CopyButton#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-copy-button'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-button--size-${this.size}`);\n\n    classes.push(`hds-copy-button--status-${this._status}`);\n\n    return classes.join(' ');\n  }\n\n  @action\n  onSuccess(\n    args: HdsClipboardModifierSignature['Args']['Named']['onSuccess']\n  ): void {\n    this._status = 'success';\n    this.resetStatusDelayed();\n\n    const { onSuccess } = this.args;\n\n    if (typeof onSuccess === 'function') {\n      onSuccess(args);\n    }\n  }\n\n  @action\n  onError(\n    args: HdsClipboardModifierSignature['Args']['Named']['onError']\n  ): void {\n    this._status = 'error';\n    this.resetStatusDelayed();\n\n    const { onError } = this.args;\n\n    if (typeof onError === 'function') {\n      onError(args);\n    }\n  }\n\n  resetStatusDelayed(): void {\n    clearTimeout(this._timer);\n    // make it fade back to the default state\n    this._timer = setTimeout((): void => {\n      this._status = DEFAULT_STATUS;\n    }, 1500);\n  }\n}\n"],"names":["DEFAULT_SIZE","HdsCopyButtonSizeValues","Medium","SIZES","Object","values","DEFAULT_ICON","SUCCESS_ICON","ERROR_ICON","DEFAULT_STATUS","HdsCopyButton","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","_descriptor2","icon","_status","size","assert","join","includes","classNames","classes","push","onSuccess","resetStatusDelayed","onError","clearTimeout","_timer","setTimeout","_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/copy/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';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { HdsCopyButtonSizeValues } from './types.ts';\nimport type { HdsCopyButtonSizes } from './types.ts';\nimport type { HdsButtonSignature } from '../../button/';\nimport type { HdsClipboardModifierSignature } from '../../../../modifiers/hds-clipboard.ts';\nimport type { HdsIconSignature } from '../../icon';\n\nexport const DEFAULT_SIZE = HdsCopyButtonSizeValues.Medium;\nexport const SIZES: string[] = Object.values(HdsCopyButtonSizeValues);\nexport const DEFAULT_ICON = 'clipboard-copy';\nexport const SUCCESS_ICON = 'clipboard-checked';\nexport const ERROR_ICON = 'clipboard-x';\nexport const DEFAULT_STATUS = 'idle';\n\nexport interface HdsCopyButtonSignature {\n  Args: HdsButtonSignature['Args'] & {\n    size?: HdsCopyButtonSizes;\n    textToCopy?: HdsClipboardModifierSignature['Args']['Named']['text'];\n    targetToCopy?: HdsClipboardModifierSignature['Args']['Named']['target'];\n    onSuccess?: HdsClipboardModifierSignature['Args']['Named']['onSuccess'];\n    onError?: HdsClipboardModifierSignature['Args']['Named']['onError'];\n  };\n  Element: HdsButtonSignature['Element'];\n}\n\nexport default class HdsCopyButton extends Component<HdsCopyButtonSignature> {\n  @tracked private _status = DEFAULT_STATUS;\n  @tracked private _timer: ReturnType<typeof setTimeout> | undefined;\n\n  /**\n   * @param icon\n   * @type {string}\n   * @description The icon to be displayed for each status; automatically calculated based on the tracked property `status`.\n   */\n  get icon(): HdsIconSignature['Args']['name'] {\n    let icon: HdsIconSignature['Args']['name'] = DEFAULT_ICON;\n    if (this._status === 'success') {\n      icon = SUCCESS_ICON;\n    } else if (this._status === 'error') {\n      icon = ERROR_ICON;\n    }\n    return icon;\n  }\n\n  /**\n   * @param size\n   * @type {string}\n   * @default medium\n   * @description The size of the copy/button; acceptable values are `small` and `medium`\n   */\n  get size(): HdsCopyButtonSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Copy::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   * Get the class names to apply to the component.\n   * @method CopyButton#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-copy-button'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-button--size-${this.size}`);\n\n    classes.push(`hds-copy-button--status-${this._status}`);\n\n    return classes.join(' ');\n  }\n\n  @action\n  onSuccess(\n    args: HdsClipboardModifierSignature['Args']['Named']['onSuccess']\n  ): void {\n    this._status = 'success';\n    this.resetStatusDelayed();\n\n    const { onSuccess } = this.args;\n\n    if (typeof onSuccess === 'function') {\n      onSuccess(args);\n    }\n  }\n\n  @action\n  onError(\n    args: HdsClipboardModifierSignature['Args']['Named']['onError']\n  ): void {\n    this._status = 'error';\n    this.resetStatusDelayed();\n\n    const { onError } = this.args;\n\n    if (typeof onError === 'function') {\n      onError(args);\n    }\n  }\n\n  resetStatusDelayed(): void {\n    clearTimeout(this._timer);\n    // make it fade back to the default state\n    this._timer = setTimeout((): void => {\n      this._status = DEFAULT_STATUS;\n    }, 1500);\n  }\n}\n"],"names":["DEFAULT_SIZE","HdsCopyButtonSizeValues","Medium","SIZES","Object","values","DEFAULT_ICON","SUCCESS_ICON","ERROR_ICON","DEFAULT_STATUS","HdsCopyButton","Component","g","prototype","tracked","i","void 0","icon","_status","size","args","assert","join","includes","classNames","classes","push","onSuccess","resetStatusDelayed","n","action","onError","clearTimeout","_timer","setTimeout","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;;AAYaA,MAAAA,YAAY,GAAGC,uBAAuB,CAACC;AAC7C,MAAMC,KAAe,GAAGC,MAAM,CAACC,MAAM,CAACJ,uBAAuB;AAC7D,MAAMK,YAAY,GAAG;AACrB,MAAMC,YAAY,GAAG;AACrB,MAAMC,UAAU,GAAG;AACnB,MAAMC,cAAc,GAAG;AAaf,MAAMC,aAAa,SAASC,SAAS,CAAyB;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAC1EC,OAAO,CAAA,EAAA,YAAA;AAAA,MAAA,OAAmBL,cAAc;AAAA,KAAA,CAAA;AAAA;AAAA,EAAA,QAAA,IAAAM,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAAC,SAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,QAAA,EAAA,CACxCC,OAAO,CAAA,CAAA;AAAA;AAAA,EAAA,OAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,QAAA,CAAA,EAAAC,SAAA;AAER;AACF;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAqC;IAC3C,IAAIA,IAAsC,GAAGX,YAAY;AACzD,IAAA,IAAI,IAAI,CAACY,OAAO,KAAK,SAAS,EAAE;AAC9BD,MAAAA,IAAI,GAAGV,YAAY;AACrB,KAAC,MAAM,IAAI,IAAI,CAACW,OAAO,KAAK,OAAO,EAAE;AACnCD,MAAAA,IAAI,GAAGT,UAAU;AACnB;AACA,IAAA,OAAOS,IAAI;AACb;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIE,IAAIA,GAAuB;IAC7B,MAAM;AAAEA,MAAAA,IAAI,GAAGnB;KAAc,GAAG,IAAI,CAACoB,IAAI;AAEzCC,IAAAA,MAAM,CACJ,CAA+DlB,4DAAAA,EAAAA,KAAK,CAACmB,IAAI,CACvE,IACF,CAAC,CAAA,YAAA,EAAeH,IAAI,CAAA,CAAE,EACtBhB,KAAK,CAACoB,QAAQ,CAACJ,IAAI,CACrB,CAAC;AAED,IAAA,OAAOA,IAAI;AACb;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIK,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,iBAAiB,CAAC;;AAEnC;IACAA,OAAO,CAACC,IAAI,CAAC,CAAA,iBAAA,EAAoB,IAAI,CAACP,IAAI,EAAE,CAAC;IAE7CM,OAAO,CAACC,IAAI,CAAC,CAAA,wBAAA,EAA2B,IAAI,CAACR,OAAO,EAAE,CAAC;AAEvD,IAAA,OAAOO,OAAO,CAACH,IAAI,CAAC,GAAG,CAAC;AAC1B;EAGAK,SAASA,CACPP,IAAiE,EAC3D;IACN,IAAI,CAACF,OAAO,GAAG,SAAS;IACxB,IAAI,CAACU,kBAAkB,EAAE;IAEzB,MAAM;AAAED,MAAAA;KAAW,GAAG,IAAI,CAACP,IAAI;AAE/B,IAAA,IAAI,OAAOO,SAAS,KAAK,UAAU,EAAE;MACnCA,SAAS,CAACP,IAAI,CAAC;AACjB;AACF;AAAC,EAAA;IAAAS,CAAA,CAAA,IAAA,CAAAhB,SAAA,EAAA,WAAA,EAAA,CAZAiB,MAAM,CAAA,CAAA;AAAA;EAePC,OAAOA,CACLX,IAA+D,EACzD;IACN,IAAI,CAACF,OAAO,GAAG,OAAO;IACtB,IAAI,CAACU,kBAAkB,EAAE;IAEzB,MAAM;AAAEG,MAAAA;KAAS,GAAG,IAAI,CAACX,IAAI;AAE7B,IAAA,IAAI,OAAOW,OAAO,KAAK,UAAU,EAAE;MACjCA,OAAO,CAACX,IAAI,CAAC;AACf;AACF;AAAC,EAAA;IAAAS,CAAA,CAAA,IAAA,CAAAhB,SAAA,EAAA,SAAA,EAAA,CAZAiB,MAAM,CAAA,CAAA;AAAA;AAcPF,EAAAA,kBAAkBA,GAAS;AACzBI,IAAAA,YAAY,CAAC,IAAI,CAACC,MAAM,CAAC;AACzB;AACA,IAAA,IAAI,CAACA,MAAM,GAAGC,UAAU,CAAC,MAAY;MACnC,IAAI,CAAChB,OAAO,GAAGT,cAAc;KAC9B,EAAE,IAAI,CAAC;AACV;AACF;AAAC0B,oBAAA,CAAAC,QAAA,EAzFoB1B,aAAa,CAAA;;;;"}

package/dist/components/hds/copy/snippet/index.js

@@ -1,27 +1,36 @@
-import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty } from '../../../../_rollupPluginBabelHelpers-81503waH.js';
 import Component from '@glimmer/component';
 import { assert } from '@ember/debug';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
 import { HdsCopySnippetColorValues } from './types.js';
 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<button\n  type=\"button\"\n  class={{this.classNames}}\n  {{hds-clipboard text=@textToCopy onSuccess=this.onSuccess onError=this.onError}}\n  aria-label={{concat \"copy \" @textToCopy}}\n  ...attributes\n>\n  <Hds::Text::Code class=\"hds-copy-snippet__text\" @tag=\"span\" @size=\"100\">\n    {{this.textToShow}}\n  </Hds::Text::Code>\n  <Hds::Icon @name={{this.icon}} class=\"hds-copy-snippet__icon\" />\n</button>");
 
-var _class, _descriptor, _descriptor2;
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
 const DEFAULT_COLOR = HdsCopySnippetColorValues.Primary;
 const COLORS = Object.values(HdsCopySnippetColorValues);
 const DEFAULT_ICON = 'clipboard-copy';
 const SUCCESS_ICON = 'clipboard-checked';
 const ERROR_ICON = 'clipboard-x';
 const DEFAULT_STATUS = 'idle';
-let HdsCopySnippet = (_class = class HdsCopySnippet extends Component {
-  constructor(...args) {
-    super(...args);
-    _initializerDefineProperty(this, "_status", _descriptor, this);
-    _initializerDefineProperty(this, "_timer", _descriptor2, this);
+class HdsCopySnippet extends Component {
+  static {
+    g(this.prototype, "_status", [tracked], function () {
+      return DEFAULT_STATUS;
+    });
+  }
+  #_status = (i(this, "_status"), undefined);
+  static {
+    g(this.prototype, "_timer", [tracked]);
   }
+  #_timer = (i(this, "_timer"), undefined);
   /**
    * @method textToShow
    * @return {string}
@@ -122,6 +131,9 @@ let HdsCopySnippet = (_class = class HdsCopySnippet extends Component {
       onSuccess(args);
     }
   }
+  static {
+    n(this.prototype, "onSuccess", [action]);
+  }
   onError(args) {
     this._status = 'error';
     this.resetStatusDelayed();
@@ -132,6 +144,9 @@ let HdsCopySnippet = (_class = class HdsCopySnippet extends Component {
       onError(args);
     }
   }
+  static {
+    n(this.prototype, "onError", [action]);
+  }
   resetStatusDelayed() {
     clearTimeout(this._timer);
     // make it fade back to the default state
@@ -139,19 +154,7 @@ let HdsCopySnippet = (_class = class HdsCopySnippet extends Component {
       this._status = DEFAULT_STATUS;
     }, 1500);
   }
-}, _descriptor = _applyDecoratedDescriptor(_class.prototype, "_status", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return DEFAULT_STATUS;
-  }
-}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "_timer", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _applyDecoratedDescriptor(_class.prototype, "onSuccess", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onSuccess"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onError", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onError"), _class.prototype), _class);
+}
 setComponentTemplate(TEMPLATE, HdsCopySnippet);
 
 export { COLORS, DEFAULT_COLOR, DEFAULT_ICON, DEFAULT_STATUS, ERROR_ICON, SUCCESS_ICON, HdsCopySnippet as default };

package/dist/components/hds/copy/snippet/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/copy/snippet/index.hbs","../../../../../src/components/hds/copy/snippet/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<button\\n  type=\\\"button\\\"\\n  class={{this.classNames}}\\n  {{hds-clipboard text=@textToCopy onSuccess=this.onSuccess onError=this.onError}}\\n  aria-label={{concat \\\"copy \\\" @textToCopy}}\\n  ...attributes\\n>\\n  <Hds::Text::Code class=\\\"hds-copy-snippet__text\\\" @tag=\\\"span\\\" @size=\\\"100\\\">\\n    {{this.textToShow}}\\n  </Hds::Text::Code>\\n  <Hds::Icon @name={{this.icon}} class=\\\"hds-copy-snippet__icon\\\" />\\n</button>\")","/**\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 { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { HdsCopySnippetColorValues } from './types.ts';\nimport type { HdsCopySnippetColors } from './types.ts';\nimport type { HdsClipboardModifierSignature } from '../../../../modifiers/hds-clipboard.ts';\nimport type { HdsIconSignature } from '../../icon';\n\nexport const DEFAULT_COLOR = HdsCopySnippetColorValues.Primary;\nexport const COLORS: string[] = Object.values(HdsCopySnippetColorValues);\n\nexport const DEFAULT_ICON = 'clipboard-copy';\nexport const SUCCESS_ICON = 'clipboard-checked';\nexport const ERROR_ICON = 'clipboard-x';\nexport const DEFAULT_STATUS = 'idle';\n\nexport interface HdsCopySnippetSignature {\n  Args: {\n    color?: HdsCopySnippetColors;\n    isFullWidth?: boolean;\n    textToCopy: HdsClipboardModifierSignature['Args']['Named']['text'];\n    isTruncated?: boolean;\n    onSuccess?: HdsClipboardModifierSignature['Args']['Named']['onSuccess'];\n    onError?: HdsClipboardModifierSignature['Args']['Named']['onError'];\n  };\n  Element: HTMLButtonElement;\n}\n\nexport default class HdsCopySnippet extends Component<HdsCopySnippetSignature> {\n  @tracked private _status = DEFAULT_STATUS;\n  @tracked private _timer: ReturnType<typeof setTimeout> | undefined;\n\n  /**\n   * @method textToShow\n   * @return {string}\n   */\n  get textToShow(): string {\n    const { textToCopy = '' } = this.args;\n\n    if (typeof textToCopy === 'string') {\n      return textToCopy;\n    } else {\n      return textToCopy.toString();\n    }\n  }\n\n  /**\n   * @param icon\n   * @type {string}\n   * @default clipboard-copy\n   * @description Determines the icon to be used, based on the success state. Note that this is auto-tracked because it depends on a tracked property (status).\n   */\n  get icon(): HdsIconSignature['Args']['name'] {\n    let icon: HdsIconSignature['Args']['name'] = DEFAULT_ICON;\n    if (this._status === 'success') {\n      icon = SUCCESS_ICON;\n    } else if (this._status === 'error') {\n      icon = ERROR_ICON;\n    }\n    return icon;\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` and `secondary`\n   */\n  get color(): HdsCopySnippetColors {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Copy::Snippet\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  /**\n   * @param isFullWidth\n   * @type {boolean}\n   * @default false\n   * @description Indicates that the component should take up the full width of the parent container.\n   */\n  get isFullWidth(): boolean {\n    return this.args.isFullWidth ?? false;\n  }\n\n  /**\n   * @param isTruncated\n   * @type {boolean}\n   * @default false\n   * @description Indicates that the component should be truncated instead of wrapping text and using multiple lines.\n   */\n  get isTruncated(): boolean {\n    return this.args.isTruncated ?? false;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method CopySnippet#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-copy-snippet'];\n\n    // add a class based on the @color argument\n    classes.push(`hds-copy-snippet--color-${this.color}`);\n\n    // add a class based on the tracked status (idle/success/error)\n    classes.push(`hds-copy-snippet--status-${this._status}`);\n\n    // add a class based on the @isTruncated argument\n    if (this.isTruncated) {\n      classes.push('hds-copy-snippet--is-truncated');\n    }\n\n    // add a class based on the @isFullWidth argument\n    if (this.isFullWidth) {\n      classes.push('hds-copy-snippet--width-full');\n    }\n\n    return classes.join(' ');\n  }\n\n  @action\n  onSuccess(\n    args: HdsClipboardModifierSignature['Args']['Named']['onSuccess']\n  ): void {\n    this._status = 'success';\n    this.resetStatusDelayed();\n\n    const { onSuccess } = this.args;\n\n    if (typeof onSuccess === 'function') {\n      onSuccess(args);\n    }\n  }\n\n  @action\n  onError(\n    args: HdsClipboardModifierSignature['Args']['Named']['onError']\n  ): void {\n    this._status = 'error';\n    this.resetStatusDelayed();\n\n    const { onError } = this.args;\n\n    if (typeof onError === 'function') {\n      onError(args);\n    }\n  }\n\n  resetStatusDelayed(): void {\n    clearTimeout(this._timer);\n    // make it fade back to the default state\n    this._timer = setTimeout((): void => {\n      this._status = DEFAULT_STATUS;\n    }, 1500);\n  }\n}\n"],"names":["DEFAULT_COLOR","HdsCopySnippetColorValues","Primary","COLORS","Object","values","DEFAULT_ICON","SUCCESS_ICON","ERROR_ICON","DEFAULT_STATUS","HdsCopySnippet","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","_descriptor2","textToShow","textToCopy","toString","icon","_status","color","assert","join","includes","isFullWidth","isTruncated","classNames","classes","push","onSuccess","resetStatusDelayed","onError","clearTimeout","_timer","setTimeout","_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/copy/snippet/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';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { HdsCopySnippetColorValues } from './types.ts';\nimport type { HdsCopySnippetColors } from './types.ts';\nimport type { HdsClipboardModifierSignature } from '../../../../modifiers/hds-clipboard.ts';\nimport type { HdsIconSignature } from '../../icon';\n\nexport const DEFAULT_COLOR = HdsCopySnippetColorValues.Primary;\nexport const COLORS: string[] = Object.values(HdsCopySnippetColorValues);\n\nexport const DEFAULT_ICON = 'clipboard-copy';\nexport const SUCCESS_ICON = 'clipboard-checked';\nexport const ERROR_ICON = 'clipboard-x';\nexport const DEFAULT_STATUS = 'idle';\n\nexport interface HdsCopySnippetSignature {\n  Args: {\n    color?: HdsCopySnippetColors;\n    isFullWidth?: boolean;\n    textToCopy: HdsClipboardModifierSignature['Args']['Named']['text'];\n    isTruncated?: boolean;\n    onSuccess?: HdsClipboardModifierSignature['Args']['Named']['onSuccess'];\n    onError?: HdsClipboardModifierSignature['Args']['Named']['onError'];\n  };\n  Element: HTMLButtonElement;\n}\n\nexport default class HdsCopySnippet extends Component<HdsCopySnippetSignature> {\n  @tracked private _status = DEFAULT_STATUS;\n  @tracked private _timer: ReturnType<typeof setTimeout> | undefined;\n\n  /**\n   * @method textToShow\n   * @return {string}\n   */\n  get textToShow(): string {\n    const { textToCopy = '' } = this.args;\n\n    if (typeof textToCopy === 'string') {\n      return textToCopy;\n    } else {\n      return textToCopy.toString();\n    }\n  }\n\n  /**\n   * @param icon\n   * @type {string}\n   * @default clipboard-copy\n   * @description Determines the icon to be used, based on the success state. Note that this is auto-tracked because it depends on a tracked property (status).\n   */\n  get icon(): HdsIconSignature['Args']['name'] {\n    let icon: HdsIconSignature['Args']['name'] = DEFAULT_ICON;\n    if (this._status === 'success') {\n      icon = SUCCESS_ICON;\n    } else if (this._status === 'error') {\n      icon = ERROR_ICON;\n    }\n    return icon;\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` and `secondary`\n   */\n  get color(): HdsCopySnippetColors {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Copy::Snippet\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  /**\n   * @param isFullWidth\n   * @type {boolean}\n   * @default false\n   * @description Indicates that the component should take up the full width of the parent container.\n   */\n  get isFullWidth(): boolean {\n    return this.args.isFullWidth ?? false;\n  }\n\n  /**\n   * @param isTruncated\n   * @type {boolean}\n   * @default false\n   * @description Indicates that the component should be truncated instead of wrapping text and using multiple lines.\n   */\n  get isTruncated(): boolean {\n    return this.args.isTruncated ?? false;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method CopySnippet#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-copy-snippet'];\n\n    // add a class based on the @color argument\n    classes.push(`hds-copy-snippet--color-${this.color}`);\n\n    // add a class based on the tracked status (idle/success/error)\n    classes.push(`hds-copy-snippet--status-${this._status}`);\n\n    // add a class based on the @isTruncated argument\n    if (this.isTruncated) {\n      classes.push('hds-copy-snippet--is-truncated');\n    }\n\n    // add a class based on the @isFullWidth argument\n    if (this.isFullWidth) {\n      classes.push('hds-copy-snippet--width-full');\n    }\n\n    return classes.join(' ');\n  }\n\n  @action\n  onSuccess(\n    args: HdsClipboardModifierSignature['Args']['Named']['onSuccess']\n  ): void {\n    this._status = 'success';\n    this.resetStatusDelayed();\n\n    const { onSuccess } = this.args;\n\n    if (typeof onSuccess === 'function') {\n      onSuccess(args);\n    }\n  }\n\n  @action\n  onError(\n    args: HdsClipboardModifierSignature['Args']['Named']['onError']\n  ): void {\n    this._status = 'error';\n    this.resetStatusDelayed();\n\n    const { onError } = this.args;\n\n    if (typeof onError === 'function') {\n      onError(args);\n    }\n  }\n\n  resetStatusDelayed(): void {\n    clearTimeout(this._timer);\n    // make it fade back to the default state\n    this._timer = setTimeout((): void => {\n      this._status = DEFAULT_STATUS;\n    }, 1500);\n  }\n}\n"],"names":["DEFAULT_COLOR","HdsCopySnippetColorValues","Primary","COLORS","Object","values","DEFAULT_ICON","SUCCESS_ICON","ERROR_ICON","DEFAULT_STATUS","HdsCopySnippet","Component","g","prototype","tracked","i","void 0","textToShow","textToCopy","args","toString","icon","_status","color","assert","join","includes","isFullWidth","isTruncated","classNames","classes","push","onSuccess","resetStatusDelayed","n","action","onError","clearTimeout","_timer","setTimeout","setComponentTemplate","TEMPLATE"],"mappings":"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"}

package/dist/components/hds/dialog-primitive/body.js.map

@@ -1 +1 @@
-{"version":3,"file":"body.js","sources":["../../../../src/components/hds/dialog-primitive/body.hbs","../../../../src/components/hds/dialog-primitive/body.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-dialog-primitive__body {{@contextualClass}}\\\" tabindex=\\\"0\\\" ...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 HdsDialogPrimitiveBodySignature {\n  Args: {\n    contextualClass?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsDialogPrimitiveBody =\n  templateOnlyComponent<HdsDialogPrimitiveBodySignature>();\n\nexport default HdsDialogPrimitiveBody;\n"],"names":["HdsDialogPrimitiveBody","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,iMAAiM;;ACDnO;AACA;AACA;AACA;;AAcA,MAAMA,sBAAsB,GAC1BC,qBAAqB,EAAmC;AAE1D,WAAAC,oBAAA,CAAAC,QAAA,EAAeH,sBAAsB,CAAA;;;;"}
+{"version":3,"file":"body.js","sources":["../../../../src/components/hds/dialog-primitive/body.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 HdsDialogPrimitiveBodySignature {\n  Args: {\n    contextualClass?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsDialogPrimitiveBody =\n  templateOnlyComponent<HdsDialogPrimitiveBodySignature>();\n\nexport default HdsDialogPrimitiveBody;\n"],"names":["HdsDialogPrimitiveBody","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAcA,MAAMA,sBAAsB,GAC1BC,qBAAqB,EAAmC;AAE1D,WAAAC,oBAAA,CAAAC,QAAA,EAAeH,sBAAsB,CAAA;;;;"}

package/dist/components/hds/dialog-primitive/description.js.map

@@ -1 +1 @@
-{"version":3,"file":"description.js","sources":["../../../../src/components/hds/dialog-primitive/description.hbs","../../../../src/components/hds/dialog-primitive/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<div\\n  class=\\\"hds-dialog-primitive__description hds-typography-body-200 hds-foreground-primary {{@contextualClass}}\\\"\\n  ...attributes\\n>\\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 HdsDialogPrimitiveDescriptionSignature {\n  Args: {\n    contextualClass?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsDialogPrimitiveDescription =\n  templateOnlyComponent<HdsDialogPrimitiveDescriptionSignature>();\n\nexport default HdsDialogPrimitiveDescription;\n"],"names":["HdsDialogPrimitiveDescription","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,gPAAgP;;ACDlR;AACA;AACA;AACA;;AAcA,MAAMA,6BAA6B,GACjCC,qBAAqB,EAA0C;AAEjE,kBAAAC,oBAAA,CAAAC,QAAA,EAAeH,6BAA6B,CAAA;;;;"}
+{"version":3,"file":"description.js","sources":["../../../../src/components/hds/dialog-primitive/description.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 HdsDialogPrimitiveDescriptionSignature {\n  Args: {\n    contextualClass?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsDialogPrimitiveDescription =\n  templateOnlyComponent<HdsDialogPrimitiveDescriptionSignature>();\n\nexport default HdsDialogPrimitiveDescription;\n"],"names":["HdsDialogPrimitiveDescription","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAcA,MAAMA,6BAA6B,GACjCC,qBAAqB,EAA0C;AAEjE,kBAAAC,oBAAA,CAAAC,QAAA,EAAeH,6BAA6B,CAAA;;;;"}

package/dist/components/hds/dialog-primitive/footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.js","sources":["../../../../src/components/hds/dialog-primitive/footer.hbs","../../../../src/components/hds/dialog-primitive/footer.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class=\\\"hds-dialog-primitive__footer {{@contextualClass}}\\\" ...attributes>\\n  {{yield (hash close=this.onDismiss)}}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport interface HdsDialogPrimitiveFooterSignature {\n  Args: {\n    contextualClass?: string;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onDismiss?: (event: MouseEvent, ...args: any[]) => void;\n  };\n  Blocks: {\n    default: [\n      {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        close: (event: MouseEvent, ...args: any[]) => void;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nconst NOOP = (): void => {};\n\nexport default class HdsDialogPrimitiveFooter extends Component<HdsDialogPrimitiveFooterSignature> {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  get onDismiss(): (event: MouseEvent, ...args: any[]) => void {\n    const { onDismiss } = this.args;\n\n    // notice: this is to make sure the function is always defined when consumers add `{{on 'click' F.close}}` to a button in the DialogFooter.\n    // in reality it's always used inside the main components as a yielded component, so the onDismiss handler is always defined\n    if (typeof onDismiss === 'function') {\n      return onDismiss;\n    } else {\n      return NOOP;\n    }\n  }\n}\n"],"names":["NOOP","HdsDialogPrimitiveFooter","Component","onDismiss","args","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,gNAAgN;;ACDlP;AACA;AACA;AACA;;AAqBA,MAAMA,IAAI,GAAGA,MAAY,EAAE;AAEZ,MAAMC,wBAAwB,SAASC,SAAS,CAAoC;AACjG;EACA,IAAIC,SAASA,GAAgD;IAC3D,MAAM;AAAEA,MAAAA;KAAW,GAAG,IAAI,CAACC,IAAI;;AAE/B;AACA;AACA,IAAA,IAAI,OAAOD,SAAS,KAAK,UAAU,EAAE;AACnC,MAAA,OAAOA,SAAS;AAClB,KAAC,MAAM;AACL,MAAA,OAAOH,IAAI;AACb;AACF;AACF;AAACK,oBAAA,CAAAC,QAAA,EAboBL,wBAAwB,CAAA;;;;"}
+{"version":3,"file":"footer.js","sources":["../../../../src/components/hds/dialog-primitive/footer.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport interface HdsDialogPrimitiveFooterSignature {\n  Args: {\n    contextualClass?: string;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onDismiss?: (event: MouseEvent, ...args: any[]) => void;\n  };\n  Blocks: {\n    default: [\n      {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        close: (event: MouseEvent, ...args: any[]) => void;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nconst NOOP = (): void => {};\n\nexport default class HdsDialogPrimitiveFooter extends Component<HdsDialogPrimitiveFooterSignature> {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  get onDismiss(): (event: MouseEvent, ...args: any[]) => void {\n    const { onDismiss } = this.args;\n\n    // notice: this is to make sure the function is always defined when consumers add `{{on 'click' F.close}}` to a button in the DialogFooter.\n    // in reality it's always used inside the main components as a yielded component, so the onDismiss handler is always defined\n    if (typeof onDismiss === 'function') {\n      return onDismiss;\n    } else {\n      return NOOP;\n    }\n  }\n}\n"],"names":["NOOP","HdsDialogPrimitiveFooter","Component","onDismiss","args","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAqBA,MAAMA,IAAI,GAAGA,MAAY,EAAE;AAEZ,MAAMC,wBAAwB,SAASC,SAAS,CAAoC;AACjG;EACA,IAAIC,SAASA,GAAgD;IAC3D,MAAM;AAAEA,MAAAA;KAAW,GAAG,IAAI,CAACC,IAAI;;AAE/B;AACA;AACA,IAAA,IAAI,OAAOD,SAAS,KAAK,UAAU,EAAE;AACnC,MAAA,OAAOA,SAAS;AAClB,KAAC,MAAM;AACL,MAAA,OAAOH,IAAI;AACb;AACF;AACF;AAACK,oBAAA,CAAAC,QAAA,EAboBL,wBAAwB,CAAA;;;;"}

package/dist/components/hds/dialog-primitive/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sources":["../../../../src/components/hds/dialog-primitive/header.hbs","../../../../src/components/hds/dialog-primitive/header.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div\\n  class=\\\"hds-dialog-primitive__header {{if @contextualClassPrefix (concat @contextualClassPrefix \\'__header\\')}}\\\"\\n  ...attributes\\n>\\n  {{#if @icon}}\\n    <Hds::Icon\\n      class=\\\"hds-dialog-primitive__icon {{if @contextualClassPrefix (concat @contextualClassPrefix \\'__icon\\')}}\\\"\\n      @name={{@icon}}\\n      @size=\\\"24\\\"\\n    />\\n  {{/if}}\\n\\n  {{#let (element this.titleTag) as |Tag|}}<Tag\\n      class=\\\"hds-dialog-primitive__title {{if @contextualClassPrefix (concat @contextualClassPrefix \\'__title\\')}}\\\"\\n      id={{@id}}\\n    >\\n      {{#if @tagline}}\\n        <Hds::Text::Body\\n          class=\\\"hds-dialog-primitive__tagline\\n            {{if @contextualClassPrefix (concat @contextualClassPrefix \\'__tagline\\')}}\\\"\\n          @tag=\\\"div\\\"\\n          @size=\\\"100\\\"\\n        >\\n          {{@tagline}}\\n        </Hds::Text::Body>\\n      {{/if}}\\n\\n      <Hds::Text::Display @tag=\\\"div\\\" @size=\\\"300\\\" @weight=\\\"semibold\\\">\\n        {{yield}}\\n      </Hds::Text::Display>\\n    </Tag>\\n  {{/let}}\\n\\n  <Hds::DismissButton\\n    class=\\\"hds-dialog-primitive__dismiss {{if @contextualClassPrefix (concat @contextualClassPrefix \\'__dismiss\\')}}\\\"\\n    {{on \\\"click\\\" this.onDismiss}}\\n  />\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport type { HdsIconSignature } from '../icon';\nimport type { HdsDialogPrimitiveHeaderTitleTags } from './types';\nimport { HdsDialogPrimitiveHeaderTitleTagValues } from './types.ts';\n\nexport interface HdsDialogPrimitiveHeaderSignature {\n  Args: {\n    contextualClassPrefix?: string;\n    id?: string;\n    icon?: HdsIconSignature['Args']['name'];\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onDismiss?: (event: MouseEvent, ...args: any[]) => void;\n    titleTag?: HdsDialogPrimitiveHeaderTitleTags;\n    tagline?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nconst NOOP = (): void => {};\n\nexport default class HdsDialogPrimitiveHeader extends Component<HdsDialogPrimitiveHeaderSignature> {\n  get titleTag(): HdsDialogPrimitiveHeaderTitleTags {\n    return this.args.titleTag ?? HdsDialogPrimitiveHeaderTitleTagValues.Div;\n  }\n\n  /**\n   * @param onDismiss\n   * @type {function}\n   * @default () => {}\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  get onDismiss(): (event: MouseEvent, ...args: any[]) => void {\n    const { onDismiss } = this.args;\n\n    // notice: this is a guard used in case the button is used as standalone element (eg. in the showcase)\n    // in reality it's always used inside the main components as a yielded component, so the onDismiss handler is always defined\n    if (typeof onDismiss === 'function') {\n      return onDismiss;\n    } else {\n      return NOOP;\n    }\n  }\n}\n"],"names":["NOOP","HdsDialogPrimitiveHeader","Component","titleTag","args","HdsDialogPrimitiveHeaderTitleTagValues","Div","onDismiss","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,4wCAA4wC;;ACD9yC;AACA;AACA;AACA;;AAuBA,MAAMA,IAAI,GAAGA,MAAY,EAAE;AAEZ,MAAMC,wBAAwB,SAASC,SAAS,CAAoC;EACjG,IAAIC,QAAQA,GAAsC;IAChD,OAAO,IAAI,CAACC,IAAI,CAACD,QAAQ,IAAIE,sCAAsC,CAACC,GAAG;AACzE;;AAEA;AACF;AACA;AACA;AACA;AACE;EACA,IAAIC,SAASA,GAAgD;IAC3D,MAAM;AAAEA,MAAAA;KAAW,GAAG,IAAI,CAACH,IAAI;;AAE/B;AACA;AACA,IAAA,IAAI,OAAOG,SAAS,KAAK,UAAU,EAAE;AACnC,MAAA,OAAOA,SAAS;AAClB,KAAC,MAAM;AACL,MAAA,OAAOP,IAAI;AACb;AACF;AACF;AAACQ,oBAAA,CAAAC,QAAA,EAtBoBR,wBAAwB,CAAA;;;;"}
+{"version":3,"file":"header.js","sources":["../../../../src/components/hds/dialog-primitive/header.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport type { HdsIconSignature } from '../icon';\nimport type { HdsDialogPrimitiveHeaderTitleTags } from './types';\nimport { HdsDialogPrimitiveHeaderTitleTagValues } from './types.ts';\n\nexport interface HdsDialogPrimitiveHeaderSignature {\n  Args: {\n    contextualClassPrefix?: string;\n    id?: string;\n    icon?: HdsIconSignature['Args']['name'];\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onDismiss?: (event: MouseEvent, ...args: any[]) => void;\n    titleTag?: HdsDialogPrimitiveHeaderTitleTags;\n    tagline?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nconst NOOP = (): void => {};\n\nexport default class HdsDialogPrimitiveHeader extends Component<HdsDialogPrimitiveHeaderSignature> {\n  get titleTag(): HdsDialogPrimitiveHeaderTitleTags {\n    return this.args.titleTag ?? HdsDialogPrimitiveHeaderTitleTagValues.Div;\n  }\n\n  /**\n   * @param onDismiss\n   * @type {function}\n   * @default () => {}\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  get onDismiss(): (event: MouseEvent, ...args: any[]) => void {\n    const { onDismiss } = this.args;\n\n    // notice: this is a guard used in case the button is used as standalone element (eg. in the showcase)\n    // in reality it's always used inside the main components as a yielded component, so the onDismiss handler is always defined\n    if (typeof onDismiss === 'function') {\n      return onDismiss;\n    } else {\n      return NOOP;\n    }\n  }\n}\n"],"names":["NOOP","HdsDialogPrimitiveHeader","Component","titleTag","args","HdsDialogPrimitiveHeaderTitleTagValues","Div","onDismiss","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;;AAuBA,MAAMA,IAAI,GAAGA,MAAY,EAAE;AAEZ,MAAMC,wBAAwB,SAASC,SAAS,CAAoC;EACjG,IAAIC,QAAQA,GAAsC;IAChD,OAAO,IAAI,CAACC,IAAI,CAACD,QAAQ,IAAIE,sCAAsC,CAACC,GAAG;AACzE;;AAEA;AACF;AACA;AACA;AACA;AACE;EACA,IAAIC,SAASA,GAAgD;IAC3D,MAAM;AAAEA,MAAAA;KAAW,GAAG,IAAI,CAACH,IAAI;;AAE/B;AACA;AACA,IAAA,IAAI,OAAOG,SAAS,KAAK,UAAU,EAAE;AACnC,MAAA,OAAOA,SAAS;AAClB,KAAC,MAAM;AACL,MAAA,OAAOP,IAAI;AACb;AACF;AACF;AAACQ,oBAAA,CAAAC,QAAA,EAtBoBR,wBAAwB,CAAA;;;;"}

package/dist/components/hds/dialog-primitive/overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.js","sources":["../../../../src/components/hds/dialog-primitive/overlay.hbs","../../../../src/components/hds/dialog-primitive/overlay.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-dialog-primitive__overlay {{@contextualClass}}\\\"></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 HdsDialogPrimitiveOverlaySignature {\n  Args: {\n    contextualClass?: string;\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsDialogPrimitiveOverlay =\n  templateOnlyComponent<HdsDialogPrimitiveOverlaySignature>();\n\nexport default HdsDialogPrimitiveOverlay;\n"],"names":["HdsDialogPrimitiveOverlay","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,wJAAwJ;;ACD1L;AACA;AACA;AACA;;AAWA,MAAMA,yBAAyB,GAC7BC,qBAAqB,EAAsC;AAE7D,cAAAC,oBAAA,CAAAC,QAAA,EAAeH,yBAAyB,CAAA;;;;"}
+{"version":3,"file":"overlay.js","sources":["../../../../src/components/hds/dialog-primitive/overlay.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 HdsDialogPrimitiveOverlaySignature {\n  Args: {\n    contextualClass?: string;\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsDialogPrimitiveOverlay =\n  templateOnlyComponent<HdsDialogPrimitiveOverlaySignature>();\n\nexport default HdsDialogPrimitiveOverlay;\n"],"names":["HdsDialogPrimitiveOverlay","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAWA,MAAMA,yBAAyB,GAC7BC,qBAAqB,EAAsC;AAE7D,cAAAC,oBAAA,CAAAC,QAAA,EAAeH,yBAAyB,CAAA;;;;"}

package/dist/components/hds/dialog-primitive/wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"wrapper.js","sources":["../../../../src/components/hds/dialog-primitive/wrapper.hbs","../../../../src/components/hds/dialog-primitive/wrapper.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<dialog class=\\\"hds-dialog-primitive__wrapper\\\" ...attributes>\\n  <div class=\\\"hds-dialog-primitive__wrapper-header\\\">\\n    {{yield to=\\\"header\\\"}}\\n  </div>\\n  <div class=\\\"hds-dialog-primitive__wrapper-body\\\">\\n    {{yield to=\\\"body\\\"}}\\n  </div>\\n  <div class=\\\"hds-dialog-primitive__wrapper-footer\\\">\\n    {{yield to=\\\"footer\\\"}}\\n  </div>\\n</dialog>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsDialogPrimitiveWrapperSignature {\n  Blocks: {\n    header?: [];\n    body?: [];\n    footer?: [];\n  };\n  Element: HTMLDialogElement;\n}\n\nconst HdsDialogPrimitiveWrapper =\n  templateOnlyComponent<HdsDialogPrimitiveWrapperSignature>();\n\nexport default HdsDialogPrimitiveWrapper;\n"],"names":["HdsDialogPrimitiveWrapper","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,kbAAkb;;ACDpd;AACA;AACA;AACA;;AAaA,MAAMA,yBAAyB,GAC7BC,qBAAqB,EAAsC;AAE7D,cAAAC,oBAAA,CAAAC,QAAA,EAAeH,yBAAyB,CAAA;;;;"}
+{"version":3,"file":"wrapper.js","sources":["../../../../src/components/hds/dialog-primitive/wrapper.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 HdsDialogPrimitiveWrapperSignature {\n  Blocks: {\n    header?: [];\n    body?: [];\n    footer?: [];\n  };\n  Element: HTMLDialogElement;\n}\n\nconst HdsDialogPrimitiveWrapper =\n  templateOnlyComponent<HdsDialogPrimitiveWrapperSignature>();\n\nexport default HdsDialogPrimitiveWrapper;\n"],"names":["HdsDialogPrimitiveWrapper","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAaA,MAAMA,yBAAyB,GAC7BC,qBAAqB,EAAsC;AAE7D,cAAAC,oBAAA,CAAAC,QAAA,EAAeH,yBAAyB,CAAA;;;;"}

package/dist/components/hds/disclosure-primitive/index.js

@@ -1,20 +1,31 @@
-import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty } from '../../../_rollupPluginBabelHelpers-81503waH.js';
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
 import { schedule } from '@ember/runloop';
 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<div class=\"hds-disclosure-primitive\" {{did-update this.onStateChange @isOpen}} ...attributes>\n  <div class=\"hds-disclosure-primitive__toggle\">\n    {{yield (hash onClickToggle=this.onClickToggle isOpen=this.isOpen) to=\"toggle\"}}\n  </div>\n  {{#if this.isOpen}}\n    <div class=\"hds-disclosure-primitive__content\">\n      {{yield (hash close=this.close) to=\"content\"}}\n    </div>\n  {{/if}}\n</div>");
 
-var _class, _descriptor, _descriptor2;
-let HdsDisclosurePrimitive = (_class = class HdsDisclosurePrimitive extends Component {
-  constructor(...args) {
-    super(...args);
-    _initializerDefineProperty(this, "_isOpen", _descriptor, this);
-    _initializerDefineProperty(this, "_isControlled", _descriptor2, this);
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsDisclosurePrimitive extends Component {
+  static {
+    g(this.prototype, "_isOpen", [tracked], function () {
+      return false;
+    });
+  }
+  #_isOpen = (i(this, "_isOpen"), undefined);
+  static {
+    g(this.prototype, "_isControlled", [tracked], function () {
+      return this.args.isOpen !== undefined;
+    });
   }
+  #_isControlled = (i(this, "_isControlled"), undefined);
   get isOpen() {
     if (this._isControlled) {
       // if the state is controlled from outside, the argument overrides the internal state
@@ -35,12 +46,18 @@ let HdsDisclosurePrimitive = (_class = class HdsDisclosurePrimitive extends Comp
       this.args.onClickToggle(this.isOpen);
     }
   }
+  static {
+    n(this.prototype, "onClickToggle", [action]);
+  }
   onStateChange() {
     if (this.args.isOpen !== undefined) {
       this.isOpen = this.args.isOpen;
     }
     this._isControlled = true;
   }
+  static {
+    n(this.prototype, "onStateChange", [action]);
+  }
   close() {
     // we schedule this afterRender to avoid an error in tests caused by updating `isOpen` multiple times in the same computation
     // eslint-disable-next-line ember/no-runloop
@@ -52,21 +69,10 @@ let HdsDisclosurePrimitive = (_class = class HdsDisclosurePrimitive extends Comp
       }
     });
   }
-}, _descriptor = _applyDecoratedDescriptor(_class.prototype, "_isOpen", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return false;
-  }
-}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "_isControlled", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return this.args.isOpen !== undefined;
+  static {
+    n(this.prototype, "close", [action]);
   }
-}), _applyDecoratedDescriptor(_class.prototype, "onClickToggle", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onClickToggle"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onStateChange", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onStateChange"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "close", [action], Object.getOwnPropertyDescriptor(_class.prototype, "close"), _class.prototype), _class);
+}
 setComponentTemplate(TEMPLATE, HdsDisclosurePrimitive);
 
 export { HdsDisclosurePrimitive as default };