@carbon/web-components 2.62.0 → 2.63.0

package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.js

@@ -0,0 +1,120 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import "../../../globals/settings.js";
+import { carbonElement } from "../../../globals/decorators/carbon-element.js";
+import __decorate from "../../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import HostListenerMixin from "../../../globals/mixins/host-listener.js";
+import "../../button/button.js";
+import coachmark_beacon_default$1 from "./coachmark-beacon.scss.js";
+import "./defs.js";
+import { LitElement, html } from "lit";
+import { property } from "lit/decorators.js";
+//#region src/components/coachmark/coachmark-beacon/coachmark-beacon.ts
+/**
+* Copyright IBM Corp. 2025, 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const blockClass = `cds-custom--coachmark-beacon`;
+/**
+* CoachmarkBeacon.
+*
+* @element cds-custom-coachmark-beacon
+* @fires cds-custom-coachmark-beacon-clicked Custom event fired when beacon is clicked
+* */
+let CDSCoachmarkBeacon = class CDSCoachmarkBeacon extends HostListenerMixin(LitElement) {
+	constructor(..._args) {
+		super(..._args);
+		this.kind = "default";
+		this.label = "Show information";
+		this.id = crypto.randomUUID();
+		this.expanded = false;
+		this.handleOutsideClick = (event) => {
+			if (!this.contains(event.target)) {
+				this.expanded = false;
+				document.removeEventListener("click", this.handleOutsideClick);
+			}
+		};
+	}
+	firstUpdated() {
+		this.classList.add(blockClass);
+		if (this.kind) this.classList.add(`${blockClass}-${this.kind}`);
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		if (this.expanded) document.addEventListener("click", this.handleOutsideClick);
+	}
+	_handleClick() {
+		this.expanded = !this.expanded;
+		if (this.expanded) document.addEventListener("click", this.handleOutsideClick);
+		else document.removeEventListener("click", this.handleOutsideClick);
+		this.dispatchEvent(new CustomEvent(this.constructor.beaconClicked, {
+			detail: { expanded: this.expanded },
+			bubbles: true,
+			composed: true
+		}));
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		document.removeEventListener("click", this.handleOutsideClick);
+	}
+	render() {
+		return html`
+      <cds-custom-button
+        class="${blockClass}__target"
+        type="button"
+        id=${this.id}
+        aria-expanded="${String(this.expanded)}"
+        @click=${this._handleClick}>
+        <slot name="icon">
+          <svg
+            class="${blockClass}__center"
+            aria-label=${this.label}
+            width="76"
+            height="76"
+            viewBox="0 0 76 76">
+            <title>${this.label}</title>
+            <circle r="1" cx="36" cy="36"></circle>
+          </svg>
+        </slot>
+      </cds-custom-button>
+    `;
+	}
+	static {
+		this.shadowRootOptions = {
+			...LitElement.shadowRootOptions,
+			delegatesFocus: true
+		};
+	}
+	static get beaconClicked() {
+		return `cds-custom-coachmark-beacon-clicked`;
+	}
+	static {
+		this.styles = coachmark_beacon_default$1;
+	}
+};
+__decorate([property({ reflect: true })], CDSCoachmarkBeacon.prototype, "kind", void 0);
+__decorate([property({
+	type: String,
+	reflect: true
+})], CDSCoachmarkBeacon.prototype, "label", void 0);
+__decorate([property({
+	type: String,
+	reflect: true
+})], CDSCoachmarkBeacon.prototype, "id", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], CDSCoachmarkBeacon.prototype, "expanded", void 0);
+CDSCoachmarkBeacon = __decorate([carbonElement(`cds-custom-coachmark-beacon`)], CDSCoachmarkBeacon);
+var coachmark_beacon_default = CDSCoachmarkBeacon;
+//#endregion
+export { coachmark_beacon_default as default };
+
+//# sourceMappingURL=coachmark-beacon.js.map

package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coachmark-beacon.js","names":["styles","customElement"],"sources":["../../../../src/components/coachmark/coachmark-beacon/coachmark-beacon.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../../globals/settings';\nimport HostListenerMixin from '../../../globals/mixins/host-listener';\nimport { carbonElement as customElement } from '../../../globals/decorators/carbon-element';\nimport styles from './coachmark-beacon.scss?lit';\nimport '../../button/button';\nimport { BEACON_KIND } from './defs';\n\nconst blockClass = `${prefix}--coachmark-beacon`;\n\n/**\n * CoachmarkBeacon.\n *\n * @element cds-custom-coachmark-beacon\n * @fires cds-custom-coachmark-beacon-clicked Custom event fired when beacon is clicked\n * */\n@customElement(`${prefix}-coachmark-beacon`)\nclass CDSCoachmarkBeacon extends HostListenerMixin(LitElement) {\n  /**\n   * What style of beacon.\n   * BEACON_KIND is an enum from the Coachmark and can be used for this value.\n   * @see {@Link BEACON_KIND}\n   */\n  @property({ reflect: true })\n  kind?: BEACON_KIND = BEACON_KIND.DEFAULT;\n\n  /**\n   * The aria label.\n   */\n  @property({ type: String, reflect: true })\n  label = 'Show information';\n  /**\n   * id for the coachmark beacon\n   */\n  @property({ type: String, reflect: true })\n  id: string = crypto.randomUUID();\n  /**\n   * specify aria-expanded of beacon\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded: boolean = false;\n\n  firstUpdated() {\n    this.classList.add(blockClass);\n    if (this.kind) {\n      this.classList.add(`${blockClass}-${this.kind}`);\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (this.expanded) {\n      document.addEventListener('click', this.handleOutsideClick);\n    }\n  }\n\n  private _handleClick() {\n    this.expanded = !this.expanded;\n\n    if (this.expanded) {\n      document.addEventListener('click', this.handleOutsideClick);\n    } else {\n      document.removeEventListener('click', this.handleOutsideClick);\n    }\n\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof CDSCoachmarkBeacon).beaconClicked,\n        {\n          detail: { expanded: this.expanded },\n          bubbles: true,\n          composed: true,\n        }\n      )\n    );\n  }\n\n  private handleOutsideClick = (event: Event) => {\n    if (!this.contains(event.target as Node)) {\n      this.expanded = false;\n      document.removeEventListener('click', this.handleOutsideClick);\n    }\n  };\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    document.removeEventListener('click', this.handleOutsideClick);\n  }\n\n  render() {\n    return html`\n      <cds-custom-button\n        class=\"${blockClass}__target\"\n        type=\"button\"\n        id=${this.id}\n        aria-expanded=\"${String(this.expanded)}\"\n        @click=${this._handleClick}>\n        <slot name=\"icon\">\n          <svg\n            class=\"${blockClass}__center\"\n            aria-label=${this.label}\n            width=\"76\"\n            height=\"76\"\n            viewBox=\"0 0 76 76\">\n            <title>${this.label}</title>\n            <circle r=\"1\" cx=\"36\" cy=\"36\"></circle>\n          </svg>\n        </slot>\n      </cds-custom-button>\n    `;\n  }\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  static get beaconClicked() {\n    return `${prefix}-coachmark-beacon-clicked`;\n  }\n\n  static styles = styles;\n}\nexport default CDSCoachmarkBeacon;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,aAAa;;;;;;;AAQnB,IAAA,qBAAA,MACM,2BAA2B,kBAAkB,UAAU,CAAC,CAAC;;;;eAarD;YAKK,OAAO,WAAW;kBAKX;6BAqCU,UAAiB;GAC7C,IAAI,CAAC,KAAK,SAAS,MAAM,MAAc,GAAG;IACxC,KAAK,WAAW;IAChB,SAAS,oBAAoB,SAAS,KAAK,kBAAkB;GAC/D;EACF;;CAxCA,eAAe;EACb,KAAK,UAAU,IAAI,UAAU;EAC7B,IAAI,KAAK,MACP,KAAK,UAAU,IAAI,GAAG,WAAW,GAAG,KAAK,MAAM;CAEnD;CAEA,oBAAoB;EAClB,MAAM,kBAAkB;EACxB,IAAI,KAAK,UACP,SAAS,iBAAiB,SAAS,KAAK,kBAAkB;CAE9D;CAEA,eAAuB;EACrB,KAAK,WAAW,CAAC,KAAK;EAEtB,IAAI,KAAK,UACP,SAAS,iBAAiB,SAAS,KAAK,kBAAkB;OAE1D,SAAS,oBAAoB,SAAS,KAAK,kBAAkB;EAG/D,KAAK,cACH,IAAI,YACD,KAAK,YAA0C,eAChD;GACE,QAAQ,EAAE,UAAU,KAAK,SAAS;GAClC,SAAS;GACT,UAAU;EACZ,CACF,CACF;CACF;CASA,uBAAuB;EACrB,MAAM,qBAAqB;EAC3B,SAAS,oBAAoB,SAAS,KAAK,kBAAkB;CAC/D;CAEA,SAAS;EACP,OAAO,IAAI;;iBAEE,WAAW;;aAEf,KAAK,GAAG;yBACI,OAAO,KAAK,QAAQ,EAAE;iBAC9B,KAAK,aAAa;;;qBAGd,WAAW;yBACP,KAAK,MAAM;;;;qBAIf,KAAK,MAAM;;;;;;CAM9B;;2BAC2B;GACzB,GAAG,WAAW;GACd,gBAAgB;EAClB;;CAEA,WAAW,gBAAgB;EACzB,OAAO;CACT;;gBAEgBA;;AAClB;YAlGG,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,mBAAA,WAAA,QAAA,KAAA,CAAA;YAM1B,SAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,mBAAA,WAAA,SAAA,KAAA,CAAA;YAKxC,SAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,mBAAA,WAAA,MAAA,KAAA,CAAA;YAKxC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,mBAAA,WAAA,YAAA,KAAA,CAAA;iCAvB3CC,cAAc,sBAA4B,CAAA,GAAA,kBAAA;AA0G3C,IAAA,2BAAe"}

package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.scss.js

@@ -0,0 +1,14 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { css } from "lit";
+//#region src/components/coachmark/coachmark-beacon/coachmark-beacon.scss?lit
+var coachmark_beacon_default = css([".cds-custom--coachmark-beacon{position:relative}.cds-custom--coachmark-beacon-default .cds-custom--coachmark-beacon__target:before{display:none}.cds-custom--coachmark-beacon-default .cds-custom--coachmark-beacon__target:after{position:absolute;border-radius:50%;background-color:#4589ff;block-size:.75rem;content:\"\";inline-size:.75rem;inset-block-start:.625rem;inset-inline-start:.625rem}.cds-custom--coachmark-beacon-default .cds-custom--coachmark-beacon__target:focus{outline:transparent}.cds-custom--coachmark-beacon-default .cds-custom--coachmark-beacon__target:focus:before{position:absolute;display:block;border-radius:100%;block-size:18px;content:\"\";inline-size:18px;inset-block-start:7px;inset-inline-start:7px;outline:.125rem var(--cds-focus,#0f62fe) solid}.cds-custom--coachmark-beacon .cds-custom--coachmark-beacon__target{display:flex;padding:0;border:none;border-radius:50%;background-color:transparent;block-size:2rem;cursor:pointer;inline-size:2rem}.cds-custom--coachmark-beacon .cds-custom--coachmark-beacon__target[aria-expanded=true] circle{animation:none}.cds-custom--coachmark-beacon__center{position:absolute;z-index:6900;block-size:5rem;inline-size:5rem;inset-block-start:-1.375rem;inset-inline-start:-1.375rem;pointer-events:none}.cds-custom--coachmark-beacon__center circle{animation:ripple 2s infinite;fill:var(--cds-support-info,#0043ce);fill-opacity:0;-webkit-mask-image:none;mask-image:none;stroke:var(--cds-support-info,#0043ce);stroke-opacity:0;stroke-width:1px;transition-timing-function:cubic-bezier(.2,0,1,.9)}@media (prefers-reduced-motion){.cds-custom--coachmark-beacon__center circle{animation:none}}@keyframes ripple{0%{fill-opacity:0;r:1px;stroke-opacity:0;transition-timing-function:cubic-bezier(0,0,.38,.9)}31%{fill-opacity:.2;stroke-opacity:1}62%{fill-opacity:0;r:32px;stroke-opacity:0}to{fill-opacity:0;r:32px;stroke-opacity:0}}@keyframes ring-ripple{0%{fill-opacity:0;r:12px;stroke-opacity:0;transition-timing-function:cubic-bezier(0,0,.38,.9)}31%{fill-opacity:.2;stroke-opacity:1}62%{fill-opacity:0;r:32px;stroke-opacity:0}to{fill-opacity:0;r:32px;stroke-opacity:0}}:host(cds-custom-coachmark-beacon){position:relative}:host(.cds-custom--coachmark-beacon-default) .cds-custom--coachmark-beacon__target:before{display:none}:host(.cds-custom--coachmark-beacon-default) .cds-custom--coachmark-beacon__target:after{position:absolute;border-radius:50%;background-color:#4589ff;block-size:.75rem;content:\"\";inline-size:.75rem;inset-block-start:.625rem;inset-inline-start:.625rem}:host(.cds-custom--coachmark-beacon-default) .cds-custom--coachmark-beacon__target:focus{outline:transparent}:host(.cds-custom--coachmark-beacon-default) .cds-custom--coachmark-beacon__target:focus:before{position:absolute;display:block;border-radius:100%;block-size:18px;content:\"\";inline-size:18px;inset-block-start:7px;inset-inline-start:7px;outline:.125rem var(--cds-focus,#0f62fe) solid}:host(.cds-custom--coachmark-beacon-default) .cds-custom--coachmark-beacon__target{display:flex;padding:0;border:none;border-radius:50%;background-color:transparent;block-size:2rem;box-shadow:none;cursor:pointer;inline-size:2rem}:host(.cds-custom--coachmark-beacon-default) .cds-custom--coachmark-beacon__target[aria-expanded=true] circle{animation:none}:host(.cds-custom--coachmark-beacon-default) .cds-custom--coachmark-beacon__target::part(button){background-color:transparent;box-shadow:none;max-block-size:0;min-block-size:0;padding-inline:0}:host(.cds-custom--coachmark-beacon-default) .cds-custom--coachmark-beacon__target::part(button):focus{border-color:transparent;box-shadow:none}"]);
+//#endregion
+export { coachmark_beacon_default as default };
+
+//# sourceMappingURL=coachmark-beacon.scss.js.map

package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coachmark-beacon.scss.js","names":[],"sources":["../../../../src/components/coachmark/coachmark-beacon/coachmark-beacon.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2025, 2026\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/colors' as *;\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/components/coachmark/coachmark-beacon' as\n  coachmark-beacon-styles;\n\n@include coachmark-beacon-styles.coachmark-beacon;\n\n$block-class: #{$prefix}--coachmark-beacon;\n\n:host(#{$prefix}-coachmark-beacon) {\n  position: relative;\n}\n\n:host(.#{$prefix}--coachmark-beacon-default) {\n  .#{$block-class}__target {\n    &::before {\n      display: none;\n    }\n    // the blue dot\n    &::after {\n      position: absolute;\n      border-radius: 50%;\n      background-color: $blue-50;\n      block-size: $spacing-04;\n      content: '';\n      inline-size: $spacing-04;\n      inset-block-start: calc($spacing-01 + $spacing-03);\n      inset-inline-start: calc($spacing-01 + $spacing-03);\n    }\n\n    &:focus {\n      outline: transparent;\n\n      &::before {\n        position: absolute;\n        display: block;\n        border-radius: 100%;\n        block-size: 18px;\n        content: '';\n        inline-size: 18px;\n        inset-block-start: 7px;\n        inset-inline-start: 7px;\n        outline: $spacing-01 $focus solid;\n      }\n    }\n  }\n\n  .#{$block-class}__target {\n    display: flex;\n    padding: 0;\n    border: none;\n    border-radius: 50%;\n    background-color: transparent;\n    block-size: $spacing-07;\n    box-shadow: none;\n    cursor: pointer;\n    inline-size: $spacing-07;\n\n    &[aria-expanded='true'] {\n      circle {\n        animation: none;\n      }\n    }\n  }\n\n  .#{$block-class}__target::part(button) {\n    background-color: transparent;\n    box-shadow: none;\n    max-block-size: 0;\n    min-block-size: 0;\n    padding-inline: 0;\n\n    &:focus {\n      border-color: transparent;\n      box-shadow: none;\n    }\n  }\n}\n"],"mappings":""}

package/es-custom/components/coachmark/coachmark-beacon/defs.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Copyright IBM Corp. 2023, 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Reserved for future expansion, i.e. "RING".
+ */
+export declare enum BEACON_KIND {
+    DEFAULT = "default"
+}
+//# sourceMappingURL=defs.d.ts.map

package/es-custom/components/coachmark/coachmark-beacon/defs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../../src/components/coachmark/coachmark-beacon/defs.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH;;GAEG;AACH,oBAAY,WAAW;IACrB,OAAO,YAAY;CACpB"}

package/es-custom/components/coachmark/coachmark-beacon/defs.js

@@ -0,0 +1,25 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+//#region src/components/coachmark/coachmark-beacon/defs.ts
+/**
+* Copyright IBM Corp. 2023, 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/**
+* Reserved for future expansion, i.e. "RING".
+*/
+let BEACON_KIND = /* @__PURE__ */ function(BEACON_KIND) {
+	BEACON_KIND["DEFAULT"] = "default";
+	return BEACON_KIND;
+}({});
+//#endregion
+export { BEACON_KIND };
+
+//# sourceMappingURL=defs.js.map

package/es-custom/components/coachmark/coachmark-beacon/defs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.js","names":[],"sources":["../../../../src/components/coachmark/coachmark-beacon/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2023, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Reserved for future expansion, i.e. \"RING\".\n */\nexport enum BEACON_KIND {\n  DEFAULT = 'default',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AASA,IAAY,cAAL,yBAAA,aAAA;CACL,YAAA,aAAA;;AACF,EAAA,CAAA,CAAA"}

package/es-custom/components/coachmark/coachmark-beacon/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright IBM Corp. 2025, 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import './coachmark-beacon';
+//# sourceMappingURL=index.d.ts.map

package/es-custom/components/coachmark/coachmark-beacon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/coachmark/coachmark-beacon/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,oBAAoB,CAAC"}

package/es-custom/components/coachmark/coachmark-beacon/index.js

@@ -0,0 +1,8 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import "./coachmark-beacon.js";

package/es-custom/components/coachmark/coachmark-body.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Copyright IBM Corp. 2025, 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+declare const CDSCoachmarkBody_base: {
+    new (...args: any[]): {
+        _handles: Set<import("../../globals/internal/handle").default>;
+        connectedCallback(): void;
+        disconnectedCallback(): void;
+    };
+    _hostListeners: {
+        [listenerName: string]: {
+            [type: string]: {
+                options?: boolean | AddEventListenerOptions;
+            };
+        };
+    };
+} & typeof LitElement & (new (...args: any[]) => import("@lit-labs/signals").SignalWatcherApi);
+/**
+ * coachmark-body for content body
+ * @element cds-custom-coachmark-body
+ */
+declare class CDSCoachmarkBody extends CDSCoachmarkBody_base {
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+export default CDSCoachmarkBody;
+//# sourceMappingURL=coachmark-body.d.ts.map

package/es-custom/components/coachmark/coachmark-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"coachmark-body.d.ts","sourceRoot":"","sources":["../../../src/components/coachmark/coachmark-body.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;;;;;;;;;;uBAqB6B,CAAC;;;;;AAbrE;;;GAGG;AACH,cACM,gBAAiB,SAAQ,qBAA4C;IACzE,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AACD,eAAe,gBAAgB,CAAC"}

package/es-custom/components/coachmark/coachmark-body.js

@@ -0,0 +1,39 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import "../../globals/settings.js";
+import { carbonElement } from "../../globals/decorators/carbon-element.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import HostListenerMixin from "../../globals/mixins/host-listener.js";
+import coachmark_body_default$1 from "./coachmark-body.scss.js";
+import { LitElement, html } from "lit";
+import { SignalWatcher } from "@lit-labs/signals";
+//#region src/components/coachmark/coachmark-body.ts
+/**
+* Copyright IBM Corp. 2025, 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/**
+* coachmark-body for content body
+* @element cds-custom-coachmark-body
+*/
+let CDSCoachmarkBody = class CDSCoachmarkBody extends SignalWatcher(HostListenerMixin(LitElement)) {
+	render() {
+		return html` <slot></slot> `;
+	}
+	static {
+		this.styles = coachmark_body_default$1;
+	}
+};
+CDSCoachmarkBody = __decorate([carbonElement(`cds-custom-coachmark-body`)], CDSCoachmarkBody);
+var coachmark_body_default = CDSCoachmarkBody;
+//#endregion
+export { coachmark_body_default as default };
+
+//# sourceMappingURL=coachmark-body.js.map

package/es-custom/components/coachmark/coachmark-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coachmark-body.js","names":["styles","customElement"],"sources":["../../../src/components/coachmark/coachmark-body.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, LitElement } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nimport styles from './coachmark-body.scss?lit';\nimport { SignalWatcher } from '@lit-labs/signals';\n\n/**\n * coachmark-body for content body\n * @element cds-custom-coachmark-body\n */\n@customElement(`${prefix}-coachmark-body`)\nclass CDSCoachmarkBody extends SignalWatcher(HostListenerMixin(LitElement)) {\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\nexport default CDSCoachmarkBody;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAA,mBAAA,MACM,yBAAyB,cAAc,kBAAkB,UAAU,CAAC,CAAC,CAAC;CAC1E,SAAS;EACP,OAAO,IAAI;CACb;;gBAEgBA;;AAClB;+BAPCC,cAAc,oBAA0B,CAAA,GAAA,gBAAA;AAQzC,IAAA,yBAAe"}

package/es-custom/components/coachmark/coachmark-body.scss.js

@@ -0,0 +1,14 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { css } from "lit";
+//#region src/components/coachmark/coachmark-body.scss?lit
+var coachmark_body_default = css([":host(cds-custom-coachmark-body){display:block;padding:0 1rem 1rem}"]);
+//#endregion
+export { coachmark_body_default as default };
+
+//# sourceMappingURL=coachmark-body.scss.js.map

package/es-custom/components/coachmark/coachmark-body.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coachmark-body.scss.js","names":[],"sources":["../../../src/components/coachmark/coachmark-body.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2025, 2026\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/config' as *;\n\n:host(#{$prefix}-coachmark-body) {\n  display: block;\n  padding: 0 $spacing-05 $spacing-05;\n}\n"],"mappings":""}

package/es-custom/components/coachmark/coachmark-context.d.ts

@@ -0,0 +1,12 @@
+interface CoachmarkDetailsType {
+    open?: boolean;
+    floating?: boolean;
+}
+export declare const coachmarkDetailsSignal: import("signal-polyfill").Signal.State<CoachmarkDetailsType>;
+export declare const resetCoachmarkDetailsSignal: () => void;
+export declare const updateCoachmarkDetailsSignal: ({ name, detail }: {
+    name: any;
+    detail: any;
+}) => void;
+export {};
+//# sourceMappingURL=coachmark-context.d.ts.map

package/es-custom/components/coachmark/coachmark-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"coachmark-context.d.ts","sourceRoot":"","sources":["../../../src/components/coachmark/coachmark-context.ts"],"names":[],"mappings":"AAQA,UAAU,oBAAoB;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,sBAAsB,8DAGjC,CAAC;AAEH,eAAO,MAAM,2BAA2B,YAKvC,CAAC;AACF,eAAO,MAAM,4BAA4B,GAAI;;;CAAgB,SAQ5D,CAAC"}

package/es-custom/components/coachmark/coachmark-context.js

@@ -0,0 +1,39 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { signal } from "@lit-labs/signals";
+//#region src/components/coachmark/coachmark-context.ts
+/**
+* Copyright IBM Corp. 2025, 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const coachmarkDetailsSignal = signal({
+	open: false,
+	floating: false
+});
+const resetCoachmarkDetailsSignal = () => {
+	coachmarkDetailsSignal.set({
+		open: false,
+		floating: false
+	});
+};
+const updateCoachmarkDetailsSignal = ({ name, detail }) => {
+	const currentValue = coachmarkDetailsSignal.get();
+	if (currentValue[name] !== detail) {
+		const newValue = {
+			...currentValue,
+			[name]: detail
+		};
+		coachmarkDetailsSignal.set(newValue);
+	}
+};
+//#endregion
+export { coachmarkDetailsSignal, resetCoachmarkDetailsSignal, updateCoachmarkDetailsSignal };
+
+//# sourceMappingURL=coachmark-context.js.map

package/es-custom/components/coachmark/coachmark-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coachmark-context.js","names":[],"sources":["../../../src/components/coachmark/coachmark-context.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { signal } from '@lit-labs/signals';\n\ninterface CoachmarkDetailsType {\n  open?: boolean;\n  floating?: boolean;\n}\n\nexport const coachmarkDetailsSignal = signal<CoachmarkDetailsType>({\n  open: false,\n  floating: false,\n});\n\nexport const resetCoachmarkDetailsSignal = () => {\n  coachmarkDetailsSignal.set({\n    open: false,\n    floating: false,\n  });\n};\nexport const updateCoachmarkDetailsSignal = ({ name, detail }) => {\n  // Fetch current value once\n  const currentValue = coachmarkDetailsSignal.get();\n  // Only set if value really changes\n  if (currentValue[name] !== detail) {\n    const newValue = { ...currentValue, [name]: detail };\n    coachmarkDetailsSignal.set(newValue);\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;;AAaA,MAAa,yBAAyB,OAA6B;CACjE,MAAM;CACN,UAAU;AACZ,CAAC;AAED,MAAa,oCAAoC;CAC/C,uBAAuB,IAAI;EACzB,MAAM;EACN,UAAU;CACZ,CAAC;AACH;AACA,MAAa,gCAAgC,EAAE,MAAM,aAAa;CAEhE,MAAM,eAAe,uBAAuB,IAAI;CAEhD,IAAI,aAAa,UAAU,QAAQ;EACjC,MAAM,WAAW;GAAE,GAAG;IAAe,OAAO;EAAO;EACnD,uBAAuB,IAAI,QAAQ;CACrC;AACF"}

package/es-custom/components/coachmark/coachmark-header.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Copyright IBM Corp. 2025, 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+import '../button/index';
+declare const CDSCoachmarkHeader_base: {
+    new (...args: any[]): {
+        _handles: Set<import("../../globals/internal/handle").default>;
+        connectedCallback(): void;
+        disconnectedCallback(): void;
+    };
+    _hostListeners: {
+        [listenerName: string]: {
+            [type: string]: {
+                options?: boolean | AddEventListenerOptions;
+            };
+        };
+    };
+} & typeof LitElement & (new (...args: any[]) => import("@lit-labs/signals").SignalWatcherApi);
+/**
+ * coachmark-header for content header section
+ * @element cds-custom-coachmark-header
+ */
+declare class CDSCoachmarkHeader extends CDSCoachmarkHeader_base {
+    /**
+     * Tooltip text and aria label for the Close button icon.
+     */
+    closeIconDescription?: string;
+    /**
+     * Tooltip text and aria label for the Drag button icon.
+     */
+    dragIconDescription?: string;
+    private _handleClick;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+export default CDSCoachmarkHeader;
+//# sourceMappingURL=coachmark-header.d.ts.map

package/es-custom/components/coachmark/coachmark-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"coachmark-header.d.ts","sourceRoot":"","sources":["../../../src/components/coachmark/coachmark-header.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAGhD,OAAO,iBAAiB,CAAC;;;;;;;;;;uBAcE,CAAC;;;;;AAD5B;;;GAGG;AACH,cACM,kBAAmB,SAAQ,uBAA4C;IAC3E;;OAEG;IAEH,oBAAoB,CAAC,EAAE,MAAM,CAAM;IAEnC;;OAEG;IAEH,mBAAmB,CAAC,EAAE,MAAM,CAAM;IAElC,OAAO,CAAC,YAAY,CAqBlB;IAEF,MAAM;IA+BN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,kBAAkB,CAAC"}

package/es-custom/components/coachmark/coachmark-header.js

@@ -0,0 +1,95 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import "../../globals/settings.js";
+import { carbonElement } from "../../globals/decorators/carbon-element.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import iconLoader from "../../globals/internal/icon-loader.js";
+import HostListenerMixin from "../../globals/mixins/host-listener.js";
+import "../button/index.js";
+import { coachmarkDetailsSignal, updateCoachmarkDetailsSignal } from "./coachmark-context.js";
+import coachmark_header_default$1 from "./coachmark-header.scss.js";
+import { LitElement, html, nothing } from "lit";
+import { property } from "lit/decorators.js";
+import { SignalWatcher } from "@lit-labs/signals";
+import Close from "@carbon/icons/es/close/16";
+import Draggable from "@carbon/icons/es/draggable/16";
+//#region src/components/coachmark/coachmark-header.ts
+/**
+* Copyright IBM Corp. 2025, 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/**
+* coachmark-header for content header section
+* @element cds-custom-coachmark-header
+*/
+let CDSCoachmarkHeader = class CDSCoachmarkHeader extends SignalWatcher(HostListenerMixin(LitElement)) {
+	constructor(..._args) {
+		super(..._args);
+		this.closeIconDescription = "";
+		this.dragIconDescription = "";
+		this._handleClick = (event) => {
+			event.stopPropagation();
+			const coachmark = this.closest(`cds-custom-coachmark`);
+			if (coachmark) {
+				coachmark.dispatchEvent(new CustomEvent(`cds-custom-coachmark-request-close`, {
+					bubbles: true,
+					composed: true,
+					cancelable: true,
+					detail: { source: "header-close-button" }
+				}));
+				coachmark.open = false;
+			}
+			updateCoachmarkDetailsSignal({
+				name: "open",
+				detail: false
+			});
+		};
+	}
+	render() {
+		const { floating } = coachmarkDetailsSignal.get();
+		return html`
+      ${floating ? html`
+            <cds-custom-button
+              kind="ghost"
+              size="sm"
+              class="${"cds-custom"}--coachmark-header-drag-handle"
+              tooltip-text="${this.dragIconDescription}">
+              ${iconLoader(Draggable, {
+			slot: "icon",
+			class: `cds-custom--coachmark-header-drag-icon`
+		})}
+            </cds-custom-button>
+          ` : nothing}
+      <slot name="header"></slot>
+      <cds-custom-button
+        kind="ghost"
+        size="sm"
+        class="${"cds-custom"}--coachmark-header-close-button"
+        tooltip-text="${this.closeIconDescription}"
+        @click=${this._handleClick}>
+        ${iconLoader(Close, {
+			slot: "icon",
+			class: `cds-custom--coachmark-header-close-icon`
+		})}
+      </cds-custom-button>
+    `;
+	}
+	static {
+		this.styles = coachmark_header_default$1;
+	}
+};
+__decorate([property({ reflect: true })], CDSCoachmarkHeader.prototype, "closeIconDescription", void 0);
+__decorate([property({ reflect: true })], CDSCoachmarkHeader.prototype, "dragIconDescription", void 0);
+CDSCoachmarkHeader = __decorate([carbonElement(`cds-custom-coachmark-header`)], CDSCoachmarkHeader);
+var coachmark_header_default = CDSCoachmarkHeader;
+//#endregion
+export { coachmark_header_default as default };
+
+//# sourceMappingURL=coachmark-header.js.map

package/es-custom/components/coachmark/coachmark-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coachmark-header.js","names":["styles","customElement"],"sources":["../../../src/components/coachmark/coachmark-header.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { LitElement, html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport '../button/index';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './coachmark-header.scss?lit';\nimport Close from '@carbon/icons/es/close/16';\nimport Draggable from '@carbon/icons/es/draggable/16';\nimport { SignalWatcher } from '@lit-labs/signals';\nimport {\n  coachmarkDetailsSignal,\n  updateCoachmarkDetailsSignal,\n} from './coachmark-context';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\n/**\n * coachmark-header for content header section\n * @element cds-custom-coachmark-header\n */\n@customElement(`${prefix}-coachmark-header`)\nclass CDSCoachmarkHeader extends SignalWatcher(HostListenerMixin(LitElement)) {\n  /**\n   * Tooltip text and aria label for the Close button icon.\n   */\n  @property({ reflect: true })\n  closeIconDescription?: string = '';\n\n  /**\n   * Tooltip text and aria label for the Drag button icon.\n   */\n  @property({ reflect: true })\n  dragIconDescription?: string = '';\n\n  private _handleClick = (event: Event) => {\n    event.stopPropagation();\n\n    const coachmark = this.closest(`${prefix}-coachmark`) as HTMLElement | null;\n    if (coachmark) {\n      coachmark.dispatchEvent(\n        new CustomEvent(`${prefix}-coachmark-request-close`, {\n          bubbles: true,\n          composed: true,\n          cancelable: true,\n          detail: { source: 'header-close-button' },\n        })\n      );\n\n      (coachmark as HTMLElement & { open: boolean }).open = false;\n    }\n\n    updateCoachmarkDetailsSignal({\n      name: 'open',\n      detail: false,\n    });\n  };\n\n  render() {\n    const { floating } = coachmarkDetailsSignal.get();\n    return html`\n      ${floating\n        ? html`\n            <cds-custom-button\n              kind=\"ghost\"\n              size=\"sm\"\n              class=\"${prefix}--coachmark-header-drag-handle\"\n              tooltip-text=\"${this.dragIconDescription}\">\n              ${iconLoader(Draggable, {\n                slot: 'icon',\n                class: `${prefix}--coachmark-header-drag-icon`,\n              })}\n            </cds-custom-button>\n          `\n        : nothing}\n      <slot name=\"header\"></slot>\n      <cds-custom-button\n        kind=\"ghost\"\n        size=\"sm\"\n        class=\"${prefix}--coachmark-header-close-button\"\n        tooltip-text=\"${this.closeIconDescription}\"\n        @click=${this._handleClick}>\n        ${iconLoader(Close, {\n          slot: 'icon',\n          class: `${prefix}--coachmark-header-close-icon`,\n        })}\n      </cds-custom-button>\n    `;\n  }\n  static styles = styles;\n}\n\nexport default CDSCoachmarkHeader;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,IAAA,qBAAA,MACM,2BAA2B,cAAc,kBAAkB,UAAU,CAAC,CAAC,CAAC;;;8BAK5C;6BAMD;uBAEP,UAAiB;GACvC,MAAM,gBAAgB;GAEtB,MAAM,YAAY,KAAK,QAAQ,eAAqB;GACpD,IAAI,WAAW;IACb,UAAU,cACR,IAAI,YAAY,+BAAqC;KACnD,SAAS;KACT,UAAU;KACV,YAAY;KACZ,QAAQ,EAAE,QAAQ,sBAAsB;IAC1C,CAAC,CACH;IAEA,UAA+C,OAAO;GACxD;GAEA,6BAA6B;IAC3B,MAAM;IACN,QAAQ;GACV,CAAC;EACH;;CAEA,SAAS;EACP,MAAM,EAAE,aAAa,uBAAuB,IAAI;EAChD,OAAO,IAAI;QACP,WACE,IAAI;;;;6BAIgB;8BACA,KAAK,oBAAoB;gBACvC,WAAW,WAAW;GACtB,MAAM;GACN,OAAO;EACT,CAAC,EAAE;;cAGP,QAAQ;;;;;uBAKM;wBACA,KAAK,qBAAqB;iBACjC,KAAK,aAAa;UACzB,WAAW,OAAO;GAClB,MAAM;GACN,OAAO;EACT,CAAC,EAAE;;;CAGT;;gBACgBA;;AAClB;YAhEG,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,mBAAA,WAAA,wBAAA,KAAA,CAAA;YAM1B,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,mBAAA,WAAA,uBAAA,KAAA,CAAA;iCAX5BC,cAAc,sBAA4B,CAAA,GAAA,kBAAA;AAuE3C,IAAA,2BAAe"}

package/es-custom/components/coachmark/coachmark-header.scss.js

@@ -0,0 +1,14 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { css } from "lit";
+//#region src/components/coachmark/coachmark-header.scss?lit
+var coachmark_header_default = css([":host(cds-custom-coachmark-header){display:flex;justify-content:flex-end}:host(cds-custom-coachmark-header) .cds-custom--coachmark-header-drag-handle{margin-inline-end:auto}:host(cds-custom-coachmark-header) .cds-custom--coachmark-header-drag-icon{fill:var(--cds-background,#fff)}:host(cds-custom-coachmark-header) .cds-custom--coachmark-header-close-icon{fill:var(--cds-background,#fff)}"]);
+//#endregion
+export { coachmark_header_default as default };
+
+//# sourceMappingURL=coachmark-header.scss.js.map

package/es-custom/components/coachmark/coachmark-header.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coachmark-header.scss.js","names":[],"sources":["../../../src/components/coachmark/coachmark-header.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2025, 2026\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/config' as *;\n\n:host(#{$prefix}-coachmark-header) {\n  display: flex;\n  justify-content: flex-end;\n\n  .#{$prefix}--coachmark-header-drag-handle {\n    margin-inline-end: auto;\n  }\n\n  .#{$prefix}--coachmark-header-drag-icon {\n    fill: $background;\n  }\n\n  .#{$prefix}--coachmark-header-close-icon {\n    fill: $background;\n  }\n}\n"],"mappings":""}

package/es-custom/components/coachmark/coachmark-helpers.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright IBM Corp. 2026, 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export declare const handleClick: () => void;
+export declare const handleDone: () => void;
+export declare const handleCoachmarkOpened: () => void;
+//# sourceMappingURL=coachmark-helpers.d.ts.map

package/es-custom/components/coachmark/coachmark-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"coachmark-helpers.d.ts","sourceRoot":"","sources":["../../../src/components/coachmark/coachmark-helpers.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,eAAO,MAAM,WAAW,YAGvB,CAAC;AAEF,eAAO,MAAM,UAAU,YAGtB,CAAC;AAEF,eAAO,MAAM,qBAAqB,YAmBjC,CAAC"}

package/es-custom/components/coachmark/coachmark-helpers.js

@@ -0,0 +1,33 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import "../../globals/settings.js";
+import { coachmarkDetailsSignal } from "./coachmark-context.js";
+//#region src/components/coachmark/coachmark-helpers.ts
+/**
+* Copyright IBM Corp. 2026, 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const handleClick = () => {
+	document.querySelector(`cds-custom-coachmark`)?.toggleAttribute("open");
+};
+const handleDone = () => {
+	document.querySelector(`cds-custom-coachmark`)?.removeAttribute("open");
+};
+const handleCoachmarkOpened = () => {
+	const details = coachmarkDetailsSignal.get();
+	setTimeout(() => {
+		if (details.floating) (document.querySelector(`cds-custom-coachmark-header`)?.shadowRoot?.querySelector(`.cds-custom--coachmark-header-drag-handle`))?.focus();
+		else document.querySelector(".coachmark-body cds-custom-button")?.focus();
+	}, 100);
+};
+//#endregion
+export { handleClick, handleCoachmarkOpened, handleDone };
+
+//# sourceMappingURL=coachmark-helpers.js.map

package/es-custom/components/coachmark/coachmark-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coachmark-helpers.js","names":[],"sources":["../../../src/components/coachmark/coachmark-helpers.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { prefix } from '../../globals/settings';\nimport { coachmarkDetailsSignal } from './coachmark-context';\n\nexport const handleClick = () => {\n  const coachmark = document.querySelector(`${prefix}-coachmark`);\n  coachmark?.toggleAttribute('open');\n};\n\nexport const handleDone = () => {\n  const coachmark = document.querySelector(`${prefix}-coachmark`);\n  coachmark?.removeAttribute('open');\n};\n\nexport const handleCoachmarkOpened = () => {\n  const details = coachmarkDetailsSignal.get();\n\n  setTimeout(() => {\n    if (details.floating) {\n      // Focus on drag handle for floating coachmark\n      const header = document.querySelector(`${prefix}-coachmark-header`);\n      const dragHandle = header?.shadowRoot?.querySelector(\n        `.${prefix}--coachmark-header-drag-handle`\n      ) as HTMLElement;\n      dragHandle?.focus();\n    } else {\n      // Focus on done button for non-floating coachmark\n      const doneButton = document.querySelector(\n        '.coachmark-body cds-custom-button'\n      ) as HTMLElement;\n      doneButton?.focus();\n    }\n  }, 100);\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAUA,MAAa,oBAAoB;CAE/B,SAD2B,cAAc,eACjC,CAAC,EAAE,gBAAgB,MAAM;AACnC;AAEA,MAAa,mBAAmB;CAE9B,SAD2B,cAAc,eACjC,CAAC,EAAE,gBAAgB,MAAM;AACnC;AAEA,MAAa,8BAA8B;CACzC,MAAM,UAAU,uBAAuB,IAAI;CAE3C,iBAAiB;EACf,IAAI,QAAQ,UAMV,CAJe,SAAS,cAAc,sBACd,CAAC,EAAE,YAAY,cACrC,oCACF,EAAA,EACY,MAAM;OAMlB,SAH4B,cAC1B,4BAEO,CAAC,EAAE,MAAM;CAEtB,GAAG,GAAG;AACR"}