@carbon/ibm-products-web-components 0.37.0 → 0.38.0

package/es/components/coachmark/coachmark.d.ts

@@ -14,356 +14,6 @@ declare const CDSCoachmark_base: {
         _handles: Set<import("@carbon/web-components/es/globals/internal/handle").default>;
         connectedCallback(): void;
         disconnectedCallback(): void;
-        accessKey: string;
-        readonly accessKeyLabel: string;
-        autocapitalize: string;
-        autocorrect: boolean;
-        dir: string;
-        draggable: boolean;
-        hidden: boolean;
-        inert: boolean;
-        innerText: string;
-        lang: string;
-        readonly offsetHeight: number;
-        readonly offsetLeft: number;
-        readonly offsetParent: Element | null;
-        readonly offsetTop: number;
-        readonly offsetWidth: number;
-        outerText: string;
-        popover: string | null;
-        spellcheck: boolean;
-        title: string;
-        translate: boolean;
-        writingSuggestions: string;
-        attachInternals(): ElementInternals;
-        click(): void;
-        hidePopover(): void;
-        showPopover(): void;
-        togglePopover(options?: boolean): boolean;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-        readonly attributes: NamedNodeMap;
-        get classList(): DOMTokenList;
-        set classList(value: string): any;
-        className: string;
-        readonly clientHeight: number;
-        readonly clientLeft: number;
-        readonly clientTop: number;
-        readonly clientWidth: number;
-        readonly currentCSSZoom: number;
-        id: string;
-        innerHTML: string;
-        readonly localName: string;
-        readonly namespaceURI: string | null;
-        onfullscreenchange: ((this: Element, ev: Event) => any) | null;
-        onfullscreenerror: ((this: Element, ev: Event) => any) | null;
-        outerHTML: string;
-        readonly ownerDocument: Document;
-        get part(): DOMTokenList;
-        set part(value: string): any;
-        readonly prefix: string | null;
-        readonly scrollHeight: number;
-        scrollLeft: number;
-        scrollTop: number;
-        readonly scrollWidth: number;
-        readonly shadowRoot: ShadowRoot | null;
-        slot: string;
-        readonly tagName: string;
-        attachShadow(init: ShadowRootInit): ShadowRoot;
-        checkVisibility(options?: CheckVisibilityOptions): boolean;
-        closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
-        closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
-        closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
-        closest<E extends Element = Element>(selectors: string): E | null;
-        computedStyleMap(): StylePropertyMapReadOnly;
-        getAttribute(qualifiedName: string): string | null;
-        getAttributeNS(namespace: string | null, localName: string): string | null;
-        getAttributeNames(): string[];
-        getAttributeNode(qualifiedName: string): Attr | null;
-        getAttributeNodeNS(namespace: string | null, localName: string): Attr | null;
-        getBoundingClientRect(): DOMRect;
-        getClientRects(): DOMRectList;
-        getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
-        getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
-        getElementsByTagName<K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
-        getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
-        getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
-        getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
-        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
-        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
-        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
-        getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
-        getHTML(options?: GetHTMLOptions): string;
-        hasAttribute(qualifiedName: string): boolean;
-        hasAttributeNS(namespace: string | null, localName: string): boolean;
-        hasAttributes(): boolean;
-        hasPointerCapture(pointerId: number): boolean;
-        insertAdjacentElement(where: InsertPosition, element: Element): Element | null;
-        insertAdjacentHTML(position: InsertPosition, string: string): void;
-        insertAdjacentText(where: InsertPosition, data: string): void;
-        matches(selectors: string): boolean;
-        releasePointerCapture(pointerId: number): void;
-        removeAttribute(qualifiedName: string): void;
-        removeAttributeNS(namespace: string | null, localName: string): void;
-        removeAttributeNode(attr: Attr): Attr;
-        requestFullscreen(options?: FullscreenOptions): Promise<void>;
-        requestPointerLock(options?: PointerLockOptions): Promise<void>;
-        scroll(options?: ScrollToOptions): void;
-        scroll(x: number, y: number): void;
-        scrollBy(options?: ScrollToOptions): void;
-        scrollBy(x: number, y: number): void;
-        scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
-        scrollTo(options?: ScrollToOptions): void;
-        scrollTo(x: number, y: number): void;
-        setAttribute(qualifiedName: string, value: string): void;
-        setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
-        setAttributeNode(attr: Attr): Attr | null;
-        setAttributeNodeNS(attr: Attr): Attr | null;
-        setHTMLUnsafe(html: string): void;
-        setPointerCapture(pointerId: number): void;
-        toggleAttribute(qualifiedName: string, force?: boolean): boolean;
-        webkitMatchesSelector(selectors: string): boolean;
-        get textContent(): string;
-        set textContent(value: string | null): any;
-        readonly baseURI: string;
-        readonly childNodes: NodeListOf<ChildNode>;
-        readonly firstChild: ChildNode | null;
-        readonly isConnected: boolean;
-        readonly lastChild: ChildNode | null;
-        readonly nextSibling: ChildNode | null;
-        readonly nodeName: string;
-        readonly nodeType: number;
-        nodeValue: string | null;
-        readonly parentElement: HTMLElement | null;
-        readonly parentNode: ParentNode | null;
-        readonly previousSibling: ChildNode | null;
-        appendChild<T_1 extends Node>(node: T_1): T_1;
-        cloneNode(subtree?: boolean): Node;
-        compareDocumentPosition(other: Node): number;
-        contains(other: Node | null): boolean;
-        getRootNode(options?: GetRootNodeOptions): Node;
-        hasChildNodes(): boolean;
-        insertBefore<T_1 extends Node>(node: T_1, child: Node | null): T_1;
-        isDefaultNamespace(namespace: string | null): boolean;
-        isEqualNode(otherNode: Node | null): boolean;
-        isSameNode(otherNode: Node | null): boolean;
-        lookupNamespaceURI(prefix: string | null): string | null;
-        lookupPrefix(namespace: string | null): string | null;
-        normalize(): void;
-        removeChild<T_1 extends Node>(child: T_1): T_1;
-        replaceChild<T_1 extends Node>(node: Node, child: T_1): T_1;
-        readonly ELEMENT_NODE: 1;
-        readonly ATTRIBUTE_NODE: 2;
-        readonly TEXT_NODE: 3;
-        readonly CDATA_SECTION_NODE: 4;
-        readonly ENTITY_REFERENCE_NODE: 5;
-        readonly ENTITY_NODE: 6;
-        readonly PROCESSING_INSTRUCTION_NODE: 7;
-        readonly COMMENT_NODE: 8;
-        readonly DOCUMENT_NODE: 9;
-        readonly DOCUMENT_TYPE_NODE: 10;
-        readonly DOCUMENT_FRAGMENT_NODE: 11;
-        readonly NOTATION_NODE: 12;
-        readonly DOCUMENT_POSITION_DISCONNECTED: 1;
-        readonly DOCUMENT_POSITION_PRECEDING: 2;
-        readonly DOCUMENT_POSITION_FOLLOWING: 4;
-        readonly DOCUMENT_POSITION_CONTAINS: 8;
-        readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
-        readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
-        dispatchEvent(event: Event): boolean;
-        ariaActiveDescendantElement: Element | null;
-        ariaAtomic: string | null;
-        ariaAutoComplete: string | null;
-        ariaBrailleLabel: string | null;
-        ariaBrailleRoleDescription: string | null;
-        ariaBusy: string | null;
-        ariaChecked: string | null;
-        ariaColCount: string | null;
-        ariaColIndex: string | null;
-        ariaColIndexText: string | null;
-        ariaColSpan: string | null;
-        ariaControlsElements: ReadonlyArray<Element> | null;
-        ariaCurrent: string | null;
-        ariaDescribedByElements: ReadonlyArray<Element> | null;
-        ariaDescription: string | null;
-        ariaDetailsElements: ReadonlyArray<Element> | null;
-        ariaDisabled: string | null;
-        ariaErrorMessageElements: ReadonlyArray<Element> | null;
-        ariaExpanded: string | null;
-        ariaFlowToElements: ReadonlyArray<Element> | null;
-        ariaHasPopup: string | null;
-        ariaHidden: string | null;
-        ariaInvalid: string | null;
-        ariaKeyShortcuts: string | null;
-        ariaLabel: string | null;
-        ariaLabelledByElements: ReadonlyArray<Element> | null;
-        ariaLevel: string | null;
-        ariaLive: string | null;
-        ariaModal: string | null;
-        ariaMultiLine: string | null;
-        ariaMultiSelectable: string | null;
-        ariaOrientation: string | null;
-        ariaOwnsElements: ReadonlyArray<Element> | null;
-        ariaPlaceholder: string | null;
-        ariaPosInSet: string | null;
-        ariaPressed: string | null;
-        ariaReadOnly: string | null;
-        ariaRelevant: string | null;
-        ariaRequired: string | null;
-        ariaRoleDescription: string | null;
-        ariaRowCount: string | null;
-        ariaRowIndex: string | null;
-        ariaRowIndexText: string | null;
-        ariaRowSpan: string | null;
-        ariaSelected: string | null;
-        ariaSetSize: string | null;
-        ariaSort: string | null;
-        ariaValueMax: string | null;
-        ariaValueMin: string | null;
-        ariaValueNow: string | null;
-        ariaValueText: string | null;
-        role: string | null;
-        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
-        getAnimations(options?: GetAnimationsOptions): Animation[];
-        after(...nodes: (Node | string)[]): void;
-        before(...nodes: (Node | string)[]): void;
-        remove(): void;
-        replaceWith(...nodes: (Node | string)[]): void;
-        readonly nextElementSibling: Element | null;
-        readonly previousElementSibling: Element | null;
-        readonly childElementCount: number;
-        readonly children: HTMLCollection;
-        readonly firstElementChild: Element | null;
-        readonly lastElementChild: Element | null;
-        append(...nodes: (Node | string)[]): void;
-        prepend(...nodes: (Node | string)[]): void;
-        querySelector<K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
-        querySelector<K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
-        querySelector<K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
-        querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
-        querySelector<E extends Element = Element>(selectors: string): E | null;
-        querySelectorAll<K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
-        querySelectorAll<K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
-        querySelectorAll<K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
-        querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
-        querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
-        replaceChildren(...nodes: (Node | string)[]): void;
-        readonly assignedSlot: HTMLSlotElement | null;
-        readonly attributeStyleMap: StylePropertyMap;
-        get style(): CSSStyleDeclaration;
-        set style(cssText: string): any;
-        contentEditable: string;
-        enterKeyHint: string;
-        inputMode: string;
-        readonly isContentEditable: boolean;
-        onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
-        onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-        onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-        onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-        onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-        onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
-        onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
-        onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
-        oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
-        oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
-        ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onerror: OnErrorEventHandler;
-        onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
-        onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null;
-        ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        oninput: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
-        onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
-        onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
-        onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
-        onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
-        onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
-        onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
-        onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
-        onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
-        ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
-        ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
-        ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
-        ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
-        ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
-        ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
-        ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
-        ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
-        onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
-        autofocus: boolean;
-        readonly dataset: DOMStringMap;
-        nonce?: string;
-        tabIndex: number;
-        blur(): void;
-        focus(options?: FocusOptions): void;
     };
     _hostListeners: {
         [listenerName: string]: {
@@ -379,6 +29,9 @@ declare const CDSCoachmark_base: {
  * @fires c4p-coachmark-opened
  *   The custom event fired when the coachmark is opened.
  *   This event can be used to perform actions such as focusing elements when the coachmark becomes visible.
+ * @fires c4p-coachmark-closed
+ *   The custom event fired when the coachmark is closed.
+ *   This event can be used to perform actions such as restoring focus when the coachmark is dismissed.
  */
 declare class CDSCoachmark extends CDSCoachmark_base {
     /**
@@ -423,6 +76,10 @@ declare class CDSCoachmark extends CDSCoachmark_base {
      * The name of the custom event fired when this coachmark is opened.
      */
     static get eventOpen(): string;
+    /**
+     * The name of the custom event fired when this coachmark is closed.
+     */
+    static get eventClose(): string;
     static styles: any;
 }
 export default CDSCoachmark;

package/es/components/coachmark/coachmark.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"coachmark.d.ts","sourceRoot":"","sources":["../../../src/components/coachmark/coachmark.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC,OAAO,uDAAuD,CAAC;AAQ/D,eAAO,MAAM,UAAU,mBAAyB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BAcL,CAAC;gJAMtB,CAAC;4FAKD,CAAC;mJAOC,CAAC;+FAKb,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAmCe,CAAA;;;;;;;;;;;;;;;;;;;;;;;uBA8EjB,CAAA;;;;;;;;;;;;;iCA4B8B,CAAC;kCACJ,CAAC;sBAG9B,CAAC;;wBAMwB,CAAC;;0BAGN,CAAC;wBAMT,CAAC;;;;;;;;oDACsc,CAAC;;;;;;;;;;;;;;;;;yBAA4vB,CAAC;;;2BAAkJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gFAAiiH,CAAC;6BAA8E,CAAC;cAAoD,GAAG;eAAgD,GAAG;;oBAA6E,GAAG;;;;;;;eAA4V,GAAG;gBAAiD,GAAG;;;;;;;;;;;wBAAupC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAiiO,CAAC;kBAA6F,CAAC;mBAA8F,CAAC;oBAA+F,CAAC;;;;;;;;;;;;;;aAAulC,CAAC;;;qBAA+E,CAAC;;;;;uBAAqS,CAAC;;;;;AApMn9e;;;;;;GAMG;AACH,cACM,YAAa,SAAQ,iBAA4C;IACrE;;OAEG;IAEH,IAAI,EAAE,OAAO,CAAS;IACtB;;OAEG;IAEH,KAAK,CAAC,EAAE,MAAM,CAAyB;IACvC;;OAEG;IAEH,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpC;;OAEG;IAEH,QAAQ,CAAC,EAAE,OAAO,CAAS;IAC3B;;OAEG;IAEH,YAAY,CAAC,EAAE,OAAO,CAAS;IAC/B;;OAEG;IAEH,UAAU,CAAC,EAAE,OAAO,CAAS;IAC7B;;OAEG;IAEH,KAAK,CAAC,EAAE,OAAO,CAAS;IAExB,OAAO,CAAC,WAAW,CAA6B;IAEhD,oBAAoB;IAQpB,OAAO,CAAC,cAAc;IAqDtB,YAAY;IAWZ,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IA2B1C,OAAO,CAAC,mBAAmB,CAMzB;IAEF,MAAM;IA+BN;;OAEG;IACH,MAAM,KAAK,SAAS,WAEnB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"coachmark.d.ts","sourceRoot":"","sources":["../../../src/components/coachmark/coachmark.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC,OAAO,uDAAuD,CAAC;AAQ/D,eAAO,MAAM,UAAU,mBAAyB,CAAC;;;;;;;;;;uBAP1C,CAAC;;;;;AASR;;;;;;;;;GASG;AACH,cACM,YAAa,SAAQ,iBAA4C;IACrE;;OAEG;IAEH,IAAI,EAAE,OAAO,CAAS;IACtB;;OAEG;IAEH,KAAK,CAAC,EAAE,MAAM,CAAyB;IACvC;;OAEG;IAEH,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpC;;OAEG;IAEH,QAAQ,CAAC,EAAE,OAAO,CAAS;IAC3B;;OAEG;IAEH,YAAY,CAAC,EAAE,OAAO,CAAS;IAC/B;;OAEG;IAEH,UAAU,CAAC,EAAE,OAAO,CAAS;IAC7B;;OAEG;IAEH,KAAK,CAAC,EAAE,OAAO,CAAS;IAExB,OAAO,CAAC,WAAW,CAA6B;IAEhD,oBAAoB;IAQpB,OAAO,CAAC,cAAc;IAqDtB,YAAY;IAWZ,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAkC1C,OAAO,CAAC,mBAAmB,CAMzB;IAEF,MAAM;IA+BN;;OAEG;IACH,MAAM,KAAK,SAAS,WAEnB;IAED;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC"}

package/es/components/coachmark/coachmark.js

@@ -34,6 +34,9 @@ const blockClass = `${prefix}--coachmark`;
 * @fires c4p-coachmark-opened
 *   The custom event fired when the coachmark is opened.
 *   This event can be used to perform actions such as focusing elements when the coachmark becomes visible.
+* @fires c4p-coachmark-closed
+*   The custom event fired when the coachmark is closed.
+*   This event can be used to perform actions such as restoring focus when the coachmark is dismissed.
 */
 let CDSCoachmark = class CDSCoachmark extends SignalWatcher(HostListenerMixin(LitElement)) {
 	constructor(..._args) {
@@ -103,6 +106,7 @@ let CDSCoachmark = class CDSCoachmark extends SignalWatcher(HostListenerMixin(Li
 				detail: { open: this.open }
 			};
 			if (this.open) this.dispatchEvent(new CustomEvent(this.constructor.eventOpen, init));
+			else this.dispatchEvent(new CustomEvent(this.constructor.eventClose, init));
 		}
 	}
 	render() {
@@ -134,6 +138,12 @@ let CDSCoachmark = class CDSCoachmark extends SignalWatcher(HostListenerMixin(Li
 	static get eventOpen() {
 		return `${prefix}-coachmark-opened`;
 	}
+	/**
+	* The name of the custom event fired when this coachmark is closed.
+	*/
+	static get eventClose() {
+		return `${prefix}-coachmark-closed`;
+	}
 	static {
 		this.styles = coachmark_default$1;
 	}

package/es/components/coachmark/coachmark.js.map

@@ -1 +1 @@
-{"version":3,"file":"coachmark.js","names":["styles","customElement"],"sources":["../../../src/components/coachmark/coachmark.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2025\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 '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport styles from './coachmark.scss?lit';\nimport { SignalWatcher } from '@lit-labs/signals';\nimport '@carbon/web-components/es/components/popover/index.js';\nimport { POPOVER_ALIGNMENT } from '@carbon/web-components/es/components/popover/defs.js';\nimport { makeDraggable } from '../../utilities/makeDraggable/makeDraggable';\nimport {\n  resetCoachmarkDetailsSignal,\n  updateCoachmarkDetailsSignal,\n} from './coachmark-context';\n\nexport const blockClass = `${prefix}--coachmark`;\n\n/**\n * coachmark main component\n * @element c4p-coachmark\n * @fires c4p-coachmark-opened\n *   The custom event fired when the coachmark is opened.\n *   This event can be used to perform actions such as focusing elements when the coachmark becomes visible.\n */\n@customElement(`${prefix}-coachmark`)\nclass CDSCoachmark extends SignalWatcher(HostListenerMixin(LitElement)) {\n  /**\n   * Specifies whether the component is currently open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open: boolean = false;\n  /**\n   * Where to render the Coachmark relative to its target.\n   */\n  @property({ reflect: true, type: String })\n  align?: string = POPOVER_ALIGNMENT.TOP;\n  /**\n   * Fine tune the position of the target in pixels.\n   */\n  @property({ type: Object })\n  position?: { x: number; y: number };\n  /**\n   * Specifies whether the component is floating or not.\n   */\n  @property({ type: Boolean, reflect: true })\n  floating?: boolean = false;\n  /**\n   * Specify whether the component should be rendered on high-contrast.\n   */\n  @property({ reflect: true })\n  highContrast?: boolean = false;\n  /**\n   * Specify whether a drop shadow should be rendered on the popover.\n   */\n  @property({ reflect: true })\n  dropShadow?: boolean = false;\n  /**\n   * Specify whether a caret should be rendered on the popover. This is intended to use only for coachmark patterns.\n   */\n  @property({ reflect: true })\n  caret?: boolean = false;\n\n  private dragCleanup: (() => void) | null = null;\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    if (this.dragCleanup) {\n      this.dragCleanup();\n    }\n    resetCoachmarkDetailsSignal();\n  }\n\n  private setupDraggable() {\n    const popover = this.shadowRoot?.querySelector(\n      `.${blockClass}--popover`\n    ) as HTMLElement;\n    const popoverContent = popover.querySelector(\n      'cds-popover-content'\n    ) as HTMLElement;\n    const wrapper = popoverContent.querySelector(\n      `.${blockClass}--wrapper`\n    ) as HTMLElement;\n    const slot = wrapper.querySelector('slot');\n    const assignedElements = slot?.assignedElements({ flatten: true });\n    const header = assignedElements?.find(\n      (el) => el.tagName.toLowerCase() === `${prefix}-coachmark-header`\n    ) as HTMLElement;\n    requestAnimationFrame(() => {\n      const dragHandle = header.shadowRoot?.querySelector(\n        `.${prefix}--coachmark-header-drag-handle`\n      ) as HTMLElement;\n\n      const draggable = makeDraggable({\n        el: popoverContent,\n        dragHandle: header,\n        focusableDragHandle: dragHandle,\n      });\n\n      const onDragStart = () => {\n        popoverContent.classList.add('is-dragging');\n        popoverContent.setAttribute(\n          'aria-label',\n          'Picked up the draggable popoverContent'\n        );\n      };\n      const onDragEnd = () => {\n        popoverContent.classList.remove('is-dragging');\n        popoverContent.setAttribute(\n          'aria-label',\n          'Draggable popoverContent was dropped'\n        );\n      };\n\n      popoverContent.addEventListener('dragstart', onDragStart);\n      popoverContent.addEventListener('dragend', onDragEnd);\n\n      // store cleanup\n      this.dragCleanup = () => {\n        popoverContent.removeEventListener('dragstart', onDragStart);\n        popoverContent.removeEventListener('dragend', onDragEnd);\n        draggable.cleanup?.();\n      };\n    });\n  }\n\n  firstUpdated() {\n    if (this.floating) {\n      this.classList.add(`${blockClass}--floating`);\n      this.setupDraggable();\n      updateCoachmarkDetailsSignal({\n        name: 'floating',\n        detail: this.floating,\n      });\n    }\n  }\n\n  updated(changedProps: Map<string, unknown>) {\n    if (changedProps.has('position')) {\n      const { x = 0, y = 0 } = this.position ?? {};\n      if (x !== 0 || y !== 0) {\n        this.style.transform = `translate(${x}px, ${y}px)`;\n      }\n    }\n\n    // Dispatch custom events when coachmark opens or closes\n    if (changedProps.has('open')) {\n      const init = {\n        bubbles: true,\n        composed: true,\n        detail: { open: this.open },\n      };\n\n      if (this.open) {\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSCoachmark).eventOpen,\n            init\n          )\n        );\n      }\n    }\n  }\n\n  private handlePopoverClosed = () => {\n    // Sync coachmark's open state when popover closes\n    // This ensures the states stay in sync for outside clicks\n    if (this.open) {\n      this.open = false;\n    }\n  };\n\n  render() {\n    // Use explicit caret value if provided, otherwise derive from floating state\n    const caretValue =\n      this.caret !== undefined\n        ? this.caret\n        : this.floating === true\n          ? false\n          : true;\n\n    return html`\n      <cds-popover\n        part=\"popover\"\n        exportparts=\"popover-container\"\n        class=\"${blockClass}--popover\"\n        ?open=${this.open}\n        .caret=${caretValue}\n        ?highContrast=${this.highContrast}\n        align=${this.align}\n        ?dropShadow=${this.dropShadow}\n        @cds-popover-closed=${this.handlePopoverClosed}\n      >\n        <slot name=\"trigger\"></slot>\n        <cds-popover-content part=\"popover-content\" exportparts=\"content\">\n          <div class=\"${blockClass}--wrapper\">\n            <slot></slot>\n          </div>\n        </cds-popover-content>\n      </cds-popover>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired when this coachmark is opened.\n   */\n  static get eventOpen() {\n    return `${prefix}-coachmark-opened`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSCoachmark;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAa,aAAa,GAAG,OAAO;;;;;;;;AASpC,yBACM,qBAAqB,cAAc,kBAAkB,WAAW,CAAC,CAAC;;;cAKtD;eAKC,kBAAkB;kBAUd;sBAKI;oBAKF;eAKL;qBAEyB;mCAqGP;AAGlC,OAAI,KAAK,KACP,MAAK,OAAO;;;CAvGhB,uBAAuB;AACrB,QAAM,sBAAsB;AAC5B,MAAI,KAAK,YACP,MAAK,aAAa;AAEpB,+BAA6B;;CAG/B,AAAQ,iBAAiB;EAIvB,MAAM,kBAHU,KAAK,YAAY,cAC/B,IAAI,WAAW,WAChB,EAC8B,cAC7B,sBACD;EAMD,MAAM,UALU,eAAe,cAC7B,IAAI,WAAW,WAChB,CACoB,cAAc,OAAO,EACX,iBAAiB,EAAE,SAAS,MAAM,CAAC,GACjC,MAC9B,OAAO,GAAG,QAAQ,aAAa,KAAK,GAAG,OAAO,mBAChD;AACD,8BAA4B;GAC1B,MAAM,aAAa,OAAO,YAAY,cACpC,IAAI,OAAO,gCACZ;GAED,MAAM,YAAY,cAAc;IAC9B,IAAI;IACJ,YAAY;IACZ,qBAAqB;IACtB,CAAC;GAEF,MAAM,oBAAoB;AACxB,mBAAe,UAAU,IAAI,cAAc;AAC3C,mBAAe,aACb,cACA,yCACD;;GAEH,MAAM,kBAAkB;AACtB,mBAAe,UAAU,OAAO,cAAc;AAC9C,mBAAe,aACb,cACA,uCACD;;AAGH,kBAAe,iBAAiB,aAAa,YAAY;AACzD,kBAAe,iBAAiB,WAAW,UAAU;AAGrD,QAAK,oBAAoB;AACvB,mBAAe,oBAAoB,aAAa,YAAY;AAC5D,mBAAe,oBAAoB,WAAW,UAAU;AACxD,cAAU,WAAW;;IAEvB;;CAGJ,eAAe;AACb,MAAI,KAAK,UAAU;AACjB,QAAK,UAAU,IAAI,GAAG,WAAW,YAAY;AAC7C,QAAK,gBAAgB;AACrB,gCAA6B;IAC3B,MAAM;IACN,QAAQ,KAAK;IACd,CAAC;;;CAIN,QAAQ,cAAoC;AAC1C,MAAI,aAAa,IAAI,WAAW,EAAE;GAChC,MAAM,EAAE,IAAI,GAAG,IAAI,MAAM,KAAK,YAAY,EAAE;AAC5C,OAAI,MAAM,KAAK,MAAM,EACnB,MAAK,MAAM,YAAY,aAAa,EAAE,MAAM,EAAE;;AAKlD,MAAI,aAAa,IAAI,OAAO,EAAE;GAC5B,MAAM,OAAO;IACX,SAAS;IACT,UAAU;IACV,QAAQ,EAAE,MAAM,KAAK,MAAM;IAC5B;AAED,OAAI,KAAK,KACP,MAAK,cACH,IAAI,YACD,KAAK,YAAoC,WAC1C,KACD,CACF;;;CAaP,SAAS;EAEP,MAAM,aACJ,KAAK,UAAU,SACX,KAAK,QACL,KAAK,aAAa,OAChB,QACA;AAER,SAAO,IAAI;;;;iBAIE,WAAW;gBACZ,KAAK,KAAK;iBACT,WAAW;wBACJ,KAAK,aAAa;gBAC1B,KAAK,MAAM;sBACL,KAAK,WAAW;8BACR,KAAK,oBAAoB;;;;wBAI/B,WAAW;;;;;;;;;;CAWjC,WAAW,YAAY;AACrB,SAAO,GAAG,OAAO;;;gBAGHA;;;YApLf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAK1C,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC;YAKzC,SAAS,EAAE,MAAM,QAAQ,CAAC;YAK1B,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAK1C,SAAS,EAAE,SAAS,MAAM,CAAC;YAK3B,SAAS,EAAE,SAAS,MAAM,CAAC;YAK3B,SAAS,EAAE,SAAS,MAAM,CAAC;2BAnC7BC,cAAc,GAAG,OAAO,YAAY;AA4LrC,wBAAe"}
+{"version":3,"file":"coachmark.js","names":["styles","customElement"],"sources":["../../../src/components/coachmark/coachmark.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2025\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 '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport styles from './coachmark.scss?lit';\nimport { SignalWatcher } from '@lit-labs/signals';\nimport '@carbon/web-components/es/components/popover/index.js';\nimport { POPOVER_ALIGNMENT } from '@carbon/web-components/es/components/popover/defs.js';\nimport { makeDraggable } from '../../utilities/makeDraggable/makeDraggable';\nimport {\n  resetCoachmarkDetailsSignal,\n  updateCoachmarkDetailsSignal,\n} from './coachmark-context';\n\nexport const blockClass = `${prefix}--coachmark`;\n\n/**\n * coachmark main component\n * @element c4p-coachmark\n * @fires c4p-coachmark-opened\n *   The custom event fired when the coachmark is opened.\n *   This event can be used to perform actions such as focusing elements when the coachmark becomes visible.\n * @fires c4p-coachmark-closed\n *   The custom event fired when the coachmark is closed.\n *   This event can be used to perform actions such as restoring focus when the coachmark is dismissed.\n */\n@customElement(`${prefix}-coachmark`)\nclass CDSCoachmark extends SignalWatcher(HostListenerMixin(LitElement)) {\n  /**\n   * Specifies whether the component is currently open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open: boolean = false;\n  /**\n   * Where to render the Coachmark relative to its target.\n   */\n  @property({ reflect: true, type: String })\n  align?: string = POPOVER_ALIGNMENT.TOP;\n  /**\n   * Fine tune the position of the target in pixels.\n   */\n  @property({ type: Object })\n  position?: { x: number; y: number };\n  /**\n   * Specifies whether the component is floating or not.\n   */\n  @property({ type: Boolean, reflect: true })\n  floating?: boolean = false;\n  /**\n   * Specify whether the component should be rendered on high-contrast.\n   */\n  @property({ reflect: true })\n  highContrast?: boolean = false;\n  /**\n   * Specify whether a drop shadow should be rendered on the popover.\n   */\n  @property({ reflect: true })\n  dropShadow?: boolean = false;\n  /**\n   * Specify whether a caret should be rendered on the popover. This is intended to use only for coachmark patterns.\n   */\n  @property({ reflect: true })\n  caret?: boolean = false;\n\n  private dragCleanup: (() => void) | null = null;\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    if (this.dragCleanup) {\n      this.dragCleanup();\n    }\n    resetCoachmarkDetailsSignal();\n  }\n\n  private setupDraggable() {\n    const popover = this.shadowRoot?.querySelector(\n      `.${blockClass}--popover`\n    ) as HTMLElement;\n    const popoverContent = popover.querySelector(\n      'cds-popover-content'\n    ) as HTMLElement;\n    const wrapper = popoverContent.querySelector(\n      `.${blockClass}--wrapper`\n    ) as HTMLElement;\n    const slot = wrapper.querySelector('slot');\n    const assignedElements = slot?.assignedElements({ flatten: true });\n    const header = assignedElements?.find(\n      (el) => el.tagName.toLowerCase() === `${prefix}-coachmark-header`\n    ) as HTMLElement;\n    requestAnimationFrame(() => {\n      const dragHandle = header.shadowRoot?.querySelector(\n        `.${prefix}--coachmark-header-drag-handle`\n      ) as HTMLElement;\n\n      const draggable = makeDraggable({\n        el: popoverContent,\n        dragHandle: header,\n        focusableDragHandle: dragHandle,\n      });\n\n      const onDragStart = () => {\n        popoverContent.classList.add('is-dragging');\n        popoverContent.setAttribute(\n          'aria-label',\n          'Picked up the draggable popoverContent'\n        );\n      };\n      const onDragEnd = () => {\n        popoverContent.classList.remove('is-dragging');\n        popoverContent.setAttribute(\n          'aria-label',\n          'Draggable popoverContent was dropped'\n        );\n      };\n\n      popoverContent.addEventListener('dragstart', onDragStart);\n      popoverContent.addEventListener('dragend', onDragEnd);\n\n      // store cleanup\n      this.dragCleanup = () => {\n        popoverContent.removeEventListener('dragstart', onDragStart);\n        popoverContent.removeEventListener('dragend', onDragEnd);\n        draggable.cleanup?.();\n      };\n    });\n  }\n\n  firstUpdated() {\n    if (this.floating) {\n      this.classList.add(`${blockClass}--floating`);\n      this.setupDraggable();\n      updateCoachmarkDetailsSignal({\n        name: 'floating',\n        detail: this.floating,\n      });\n    }\n  }\n\n  updated(changedProps: Map<string, unknown>) {\n    if (changedProps.has('position')) {\n      const { x = 0, y = 0 } = this.position ?? {};\n      if (x !== 0 || y !== 0) {\n        this.style.transform = `translate(${x}px, ${y}px)`;\n      }\n    }\n\n    // Dispatch custom events when coachmark opens or closes\n    if (changedProps.has('open')) {\n      const init = {\n        bubbles: true,\n        composed: true,\n        detail: { open: this.open },\n      };\n\n      if (this.open) {\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSCoachmark).eventOpen,\n            init\n          )\n        );\n      } else {\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSCoachmark).eventClose,\n            init\n          )\n        );\n      }\n    }\n  }\n\n  private handlePopoverClosed = () => {\n    // Sync coachmark's open state when popover closes\n    // This ensures the states stay in sync for outside clicks\n    if (this.open) {\n      this.open = false;\n    }\n  };\n\n  render() {\n    // Use explicit caret value if provided, otherwise derive from floating state\n    const caretValue =\n      this.caret !== undefined\n        ? this.caret\n        : this.floating === true\n          ? false\n          : true;\n\n    return html`\n      <cds-popover\n        part=\"popover\"\n        exportparts=\"popover-container\"\n        class=\"${blockClass}--popover\"\n        ?open=${this.open}\n        .caret=${caretValue}\n        ?highContrast=${this.highContrast}\n        align=${this.align}\n        ?dropShadow=${this.dropShadow}\n        @cds-popover-closed=${this.handlePopoverClosed}\n      >\n        <slot name=\"trigger\"></slot>\n        <cds-popover-content part=\"popover-content\" exportparts=\"content\">\n          <div class=\"${blockClass}--wrapper\">\n            <slot></slot>\n          </div>\n        </cds-popover-content>\n      </cds-popover>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired when this coachmark is opened.\n   */\n  static get eventOpen() {\n    return `${prefix}-coachmark-opened`;\n  }\n\n  /**\n   * The name of the custom event fired when this coachmark is closed.\n   */\n  static get eventClose() {\n    return `${prefix}-coachmark-closed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSCoachmark;\n"],"mappings":"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"}