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

package/es/components/tearsheet-preview/tearsheet.d.ts

@@ -12,356 +12,6 @@ declare const CDSTearsheet_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]: {
@@ -423,6 +73,10 @@ declare class CDSTearsheet extends CDSTearsheet_base {
      * Unique ID for this tearsheet instance
      */
     private uniqueId;
+    /**
+     * Internal flag to track if stacking is enabled (via wrapper)
+     */
+    private _stackingEnabled;
     /**
      * Internal state for tracking if the tearsheet is in small screen mode
      */
@@ -462,6 +116,18 @@ declare class CDSTearsheet extends CDSTearsheet_base {
      * Handles both slot changes and screen size changes
      */
     private updateInfluencerVisibility;
+    /**
+     * Check if this tearsheet is wrapped in a stack provider
+     */
+    private _checkForStackWrapper;
+    /**
+     * Handle stack wrapper connected event
+     */
+    private handleStackConnected;
+    /**
+     * Handle stack step size changed event
+     */
+    private handleStackStepSizeChanged;
     /**
      * Handle influencer slot change
      */

package/es/components/tearsheet-preview/tearsheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tearsheet.d.ts","sourceRoot":"","sources":["../../../src/components/tearsheet-preview/tearsheet.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"tearsheet.d.ts","sourceRoot":"","sources":["../../../src/components/tearsheet-preview/tearsheet.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAQ,MAAM,KAAK,CAAC;;;;;;;;;;uBAOnB,CAAC;;;;;AAOrC;;;;;;;;;;GAUG;AACH,cACM,YAAa,SAAQ,iBAA4C;IACrE;;OAEG;IAEH,IAAI,EAAE,OAAO,CAAS;IAEtB;;OAEG;IAEH,kBAAkB,EAAE,MAAM,CAAM;IAEhC;;OAEG;IAEH,eAAe,EAAE,MAAM,CAAM;IAE7B;;OAEG;IAEH,mBAAmB,EAAE,MAAM,CAAM;IAEjC;;OAEG;IAEH,WAAW,EAAE,MAAM,CAAM;IAEzB;;OAEG;IAEH,OAAO,EAAE,MAAM,GAAG,QAAQ,CAAU;IAEpC;;OAEG;IAEH,sBAAsB,EAAE,MAAM,CAAM;IAEpC;;OAEG;IAEH,oBAAoB,EAAE,MAAM,CAAM;IAElC;;OAEG;IAEH,0BAA0B,EAAE,OAAO,CAAS;IAE5C;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAkE;IAElF;;OAEG;IACH,OAAO,CAAC,gBAAgB,CAAkB;IAE1C;;OAEG;IAEH,OAAO,CAAC,IAAI,CAAkB;IAE9B;;OAEG;IAEH,OAAO,CAAC,gBAAgB,CAAC,CAAc;IAEvC,OAAO,CAAC,YAAY,CAA0C;IAC9D,OAAO,CAAC,aAAa,CAInB;IACF;;OAEG;IACH,OAAO,KAAK,YAAY,GAOvB;IAED;;OAEG;IACH,OAAO,KAAK,UAAU,GAWrB;IAED,iBAAiB,IAAI,IAAI;IA+BzB,SAAS,CAAC,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAYhE,SAAS,CAAC,OAAO,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAgB3D,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,wBAAwB;IAoBhC,OAAO,CAAC,2BAA2B;IAanC,OAAO,CAAC,6BAA6B;IAYrC;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAoB7B,oBAAoB;IAsCpB;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAqBjC;;;OAGG;IACH,OAAO,CAAC,0BAA0B;IA6BlC;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAa7B;;OAEG;IACH,OAAO,CAAC,oBAAoB,CAG1B;IAEF;;OAEG;IACH,OAAO,CAAC,0BAA0B,CAOhC;IAEF;;OAEG;IACH,OAAO,CAAC,0BAA0B,CAGhC;IAEF;;;;OAIG;IACH,OAAO,CAAC,cAAc;IA0CtB;;;OAGG;IACH,OAAO,CAAC,4BAA4B,CAIlC;IAEF;;OAEG;IACH,OAAO,CAAC,WAAW,CAEjB;IAEF;;OAEG;IACH,OAAO,CAAC,wBAAwB;IAgBhC,MAAM;IAwCN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC"}

package/es/components/tearsheet-preview/tearsheet.js

@@ -53,9 +53,18 @@ let CDSTearsheet = class CDSTearsheet extends SignalWatcher(HostListenerMixin(Li
 		this.selectorPrimaryFocus = "";
 		this.preventCloseOnClickOutside = false;
 		this.uniqueId = `tearsheet-${Math.random().toString(36).substr(2, 9)}`;
+		this._stackingEnabled = false;
 		this.isSm = false;
 		this.smMediaQuery = `(max-width: ${breakpoints.md.width})`;
 		this.isSmallDevice = new MatchMediaController(this, this.smMediaQuery, false);
+		this.handleStackConnected = (event) => {
+			event.stopPropagation();
+			this._stackingEnabled = true;
+		};
+		this.handleStackStepSizeChanged = (event) => {
+			event.stopPropagation();
+			if (this._stackingEnabled && this.open) this.updateStackProperties();
+		};
 		this.handleInfluencerSlotChange = (e) => {
 			const slot = e.target;
 			this.updateInfluencerVisibility(slot);
@@ -89,6 +98,9 @@ let CDSTearsheet = class CDSTearsheet extends SignalWatcher(HostListenerMixin(Li
 	}
 	connectedCallback() {
 		super.connectedCallback();
+		this.addEventListener(`${prefix}-tearsheet-stack-connected`, this.handleStackConnected);
+		this.addEventListener(`${prefix}-tearsheet-stack-step-size-changed`, this.handleStackStepSizeChanged);
+		this._checkForStackWrapper();
 		if (this.open) this.classList.add("is-visible");
 		else this.classList.remove("is-visible");
 		this.addEventListener(`${prefix}-tearsheet-header-close-button-clicked`, this.handleHeaderCloseButtonClick);
@@ -119,14 +131,15 @@ let CDSTearsheet = class CDSTearsheet extends SignalWatcher(HostListenerMixin(Li
 	handleOpenPropertyChange(_changedProperties) {
 		if (!_changedProperties.has("open")) return;
 		updateTearsheetSignals({ open: this.open });
-		if (this.modalBodyElement) stackManager.notifyStack(this.uniqueId, this.open, this.modalBodyElement);
+		if (this._stackingEnabled && this.modalBodyElement) stackManager.notifyStack(this.uniqueId, this.open, this.modalBodyElement);
 		this.classList.toggle("is-visible", this.open);
-		this.updateStackProperties();
+		if (this._stackingEnabled) this.updateStackProperties();
 	}
 	updateCSSPropertiesIfNeeded(_changedProperties) {
 		if (_changedProperties.has("influencerWidth") || _changedProperties.has("summaryContentWidth") || _changedProperties.has("verticalGap")) this.updateCSSCustomProperties();
 	}
 	updateStackPropertiesIfNeeded() {
+		if (!this._stackingEnabled) return;
 		if (stackManager.state.stack.length > 0) this.updateStackProperties();
 	}
 	/**
@@ -148,7 +161,9 @@ let CDSTearsheet = class CDSTearsheet extends SignalWatcher(HostListenerMixin(Li
 	disconnectedCallback() {
 		super.disconnectedCallback();
 		this.removeEventListener(`${prefix}-tearsheet-header-close-button-clicked`, this.handleHeaderCloseButtonClick);
-		stackManager.notifyStack(this.uniqueId, false, null);
+		this.removeEventListener(`${prefix}-tearsheet-stack-connected`, this.handleStackConnected);
+		this.removeEventListener(`${prefix}-tearsheet-stack-step-size-changed`, this.handleStackStepSizeChanged);
+		if (this._stackingEnabled) stackManager.notifyStack(this.uniqueId, false, null);
 		if (this.influencerWidth) document.documentElement.style.removeProperty("--tearsheet-influencer-width");
 		if (this.summaryContentWidth) document.documentElement.style.removeProperty("--tearsheet-summary-content-width");
 		if (this.verticalGap) document.documentElement.style.removeProperty("--tearsheet-vertical-gap");
@@ -173,6 +188,20 @@ let CDSTearsheet = class CDSTearsheet extends SignalWatcher(HostListenerMixin(Li
 		else this.modalBodyElement.classList.remove(`${blockClass}__body-layout--has-influencer`);
 	}
 	/**
+	* Check if this tearsheet is wrapped in a stack provider
+	*/
+	_checkForStackWrapper() {
+		let parent = this.parentElement;
+		while (parent) {
+			if (parent.tagName.toLowerCase() === `${prefix}-tearsheet-stack`) {
+				this._stackingEnabled = true;
+				return;
+			}
+			parent = parent.parentElement;
+		}
+		this._stackingEnabled = false;
+	}
+	/**
 	* Common method to handle tearsheet close with proper event dispatching
 	* @param originalEvent - The original event that triggered the close (optional)
 	* @param useAsync - Whether to dispatch closed event asynchronously

package/es/components/tearsheet-preview/tearsheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"tearsheet.js","names":["styles","customElement"],"sources":["../../../src/components/tearsheet-preview/tearsheet.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 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, PropertyValues, html } from 'lit';\nimport { property, state, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './tearsheet.scss?lit';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { MatchMediaController } from '../../globals/js/utils/match-media-controller';\nimport { breakpoints } from '@carbon/layout';\nimport { blockClass, updateTearsheetSignals } from './tearsheet-signal';\nimport { SignalWatcher } from '@lit-labs/signals';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { stackManager } from './stack-signal';\n\n/**\n * Tearsheet component - A slide-out panel for displaying detailed content.\n *\n * @element c4p-preview-tearsheet\n * @slot header - The header content of the tearsheet\n * @slot influencer - Optional left sidebar content (wide variant only)\n * @slot body - Main body content\n * @slot footer - Footer content with actions\n * @fires c4p-preview-tearsheet-beingclosed - Fired when the tearsheet is about to close\n * @fires c4p-preview-tearsheet-closed - Fired after the tearsheet has closed\n */\n@customElement(`${prefix}-preview-tearsheet`)\nclass CDSTearsheet extends SignalWatcher(HostListenerMixin(LitElement)) {\n  /**\n   * Specifies whether the tearsheet is currently open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open: boolean = false;\n\n  /**\n   * User can pass any class names that will be added to the modal container\n   */\n  @property({ attribute: 'container-class-name' })\n  containerClassName: string = '';\n\n  /**\n   * Default influencer takes 256px, this allows override eg: 300px, 20rem\n   */\n  @property({ attribute: 'influencer-width' })\n  influencerWidth: string = '';\n\n  /**\n   * Default summary content takes 256px, this allows override eg: 300px, 20rem\n   */\n  @property({ attribute: 'summary-content-width' })\n  summaryContentWidth: string = '';\n\n  /**\n   * Defines the gap from top of the viewport. Defaulted to 3rem\n   */\n  @property({ attribute: 'vertical-gap' })\n  verticalGap: string = '';\n\n  /**\n   * Default to wide variant. Pass in narrow for narrow tearsheet\n   */\n  @property({ reflect: true })\n  variant: 'wide' | 'narrow' = 'wide';\n\n  /**\n   * Specify the CSS selectors that match the floating menus (comma-separated)\n   */\n  @property({ attribute: 'selectors-floating-menus' })\n  selectorsFloatingMenus: string = '';\n\n  /**\n   * Specify a CSS selector that matches the DOM element that should be focused when the Modal opens\n   */\n  @property({ attribute: 'selector-primary-focus' })\n  selectorPrimaryFocus: string = '';\n\n  /**\n   * Prevents the modal from closing when clicking outside\n   */\n  @property({ type: Boolean, attribute: 'prevent-close-on-click-outside' })\n  preventCloseOnClickOutside: boolean = false;\n\n  /**\n   * Unique ID for this tearsheet instance\n   */\n  private uniqueId: string = `tearsheet-${Math.random().toString(36).substr(2, 9)}`;\n\n  /**\n   * Internal state for tracking if the tearsheet is in small screen mode\n   */\n  @state()\n  private isSm: boolean = false;\n\n  /**\n   * Query the modal body element\n   */\n  @query('cds-modal-body')\n  private modalBodyElement?: HTMLElement;\n\n  private smMediaQuery = `(max-width: ${breakpoints.md.width})`;\n  private isSmallDevice = new MatchMediaController(\n    this,\n    this.smMediaQuery,\n    false\n  );\n  /**\n   * Checks if the tearsheet has a decorator (AI label or other)\n   */\n  private get hasDecorator(): boolean {\n    const headerElement = this.querySelector(`${prefix}-tearsheet-header`);\n    if (!headerElement) {\n      return false;\n    }\n    const decorator = headerElement.querySelector('[slot=\"decorator\"]');\n    return !!decorator;\n  }\n\n  /**\n   * Checks if the tearsheet has an AI label decorator\n   */\n  private get hasAILabel(): boolean {\n    const headerElement = this.querySelector(`${prefix}-tearsheet-header`);\n    if (!headerElement) {\n      return false;\n    }\n    const decorator = headerElement.querySelector('[slot=\"decorator\"]');\n    if (!decorator) {\n      return false;\n    }\n    const tagName = decorator.tagName.toLowerCase();\n    return tagName === 'cds-ai-label' || tagName === `${prefix}-ai-label`;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n\n    // Set visibility class\n    if (this.open) {\n      this.classList.add('is-visible');\n    } else {\n      this.classList.remove('is-visible');\n    }\n\n    // Listen for close button click from header\n    this.addEventListener(\n      `${prefix}-tearsheet-header-close-button-clicked`,\n      this.handleHeaderCloseButtonClick as EventListener\n    );\n  }\n\n  protected firstUpdated(_changedProperties: PropertyValues): void {\n    this.updateCSSCustomProperties();\n    this.isSm = this.isSmallDevice?.matches || this.variant === 'narrow';\n    // Initialize all signals on first update\n    updateTearsheetSignals({\n      variant: this.variant,\n      isSm: this.isSm,\n      open: this.open,\n      hasAILabel: this.hasAILabel,\n    });\n  }\n\n  protected updated(_changedProperties: PropertyValues): void {\n    this.updateIsSmState(_changedProperties);\n    this.handleOpenPropertyChange(_changedProperties);\n    this.updateCSSPropertiesIfNeeded(_changedProperties);\n\n    if (_changedProperties.has('variant')) {\n      updateTearsheetSignals({ variant: this.variant });\n    }\n\n    if (_changedProperties.has('isSm')) {\n      this.updateInfluencerVisibility();\n    }\n\n    this.updateStackPropertiesIfNeeded();\n  }\n\n  private updateIsSmState(_changedProperties: PropertyValues): void {\n    const previousIsSm = this.isSm;\n    this.isSm = this.isSmallDevice?.matches || this.variant === 'narrow';\n\n    if (this.isSm !== previousIsSm) {\n      updateTearsheetSignals({ isSm: this.isSm });\n    }\n  }\n\n  private handleOpenPropertyChange(_changedProperties: PropertyValues): void {\n    if (!_changedProperties.has('open')) {\n      return;\n    }\n\n    updateTearsheetSignals({ open: this.open });\n\n    if (this.modalBodyElement) {\n      stackManager.notifyStack(this.uniqueId, this.open, this.modalBodyElement);\n    }\n\n    this.classList.toggle('is-visible', this.open);\n    this.updateStackProperties();\n  }\n\n  private updateCSSPropertiesIfNeeded(\n    _changedProperties: PropertyValues\n  ): void {\n    const hasRelevantChanges =\n      _changedProperties.has('influencerWidth') ||\n      _changedProperties.has('summaryContentWidth') ||\n      _changedProperties.has('verticalGap');\n\n    if (hasRelevantChanges) {\n      this.updateCSSCustomProperties();\n    }\n  }\n\n  private updateStackPropertiesIfNeeded(): void {\n    const stackState = stackManager.state;\n    if (stackState.stack.length > 0) {\n      this.updateStackProperties();\n    }\n  }\n\n  /**\n   * Update CSS custom properties for stacking\n   */\n  private updateStackProperties(): void {\n    const stackState = stackManager.state;\n    const depth = stackManager.getDepth(this.uniqueId);\n    const scaleFactor = stackManager.getScaleFactor(this.uniqueId);\n    const blockSizeChange = stackManager.getBlockSizeChange(this.uniqueId);\n\n    // Manage --stack-activated class on host element\n    if (stackState.stack.length > 1) {\n      this.classList.add(`${blockClass}--stack-activated`);\n    } else {\n      this.classList.remove(`${blockClass}--stack-activated`);\n    }\n\n    if (depth !== -1) {\n      this.style.setProperty('--stack-depth', depth.toString());\n      this.style.setProperty('--scale-factor', scaleFactor.toString());\n      this.style.setProperty('--block-size-change', blockSizeChange);\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n\n    // Remove event listener\n    this.removeEventListener(\n      `${prefix}-tearsheet-header-close-button-clicked`,\n      this.handleHeaderCloseButtonClick as EventListener\n    );\n\n    // Notify stack manager that this tearsheet is closing\n    stackManager.notifyStack(this.uniqueId, false, null);\n\n    // Clean up CSS custom properties\n    if (this.influencerWidth) {\n      document.documentElement.style.removeProperty(\n        '--tearsheet-influencer-width'\n      );\n    }\n    if (this.summaryContentWidth) {\n      document.documentElement.style.removeProperty(\n        '--tearsheet-summary-content-width'\n      );\n    }\n    if (this.verticalGap) {\n      document.documentElement.style.removeProperty('--tearsheet-vertical-gap');\n    }\n  }\n\n  /**\n   * Update CSS custom properties for dynamic styling\n   */\n  private updateCSSCustomProperties(): void {\n    if (this.influencerWidth) {\n      document.documentElement.style.setProperty(\n        '--tearsheet-influencer-width',\n        this.influencerWidth\n      );\n    }\n    if (this.summaryContentWidth) {\n      document.documentElement.style.setProperty(\n        '--tearsheet-summary-content-width',\n        this.summaryContentWidth\n      );\n    }\n    if (this.verticalGap) {\n      document.documentElement.style.setProperty(\n        '--tearsheet-vertical-gap',\n        this.verticalGap\n      );\n    }\n  }\n\n  /**\n   * Update influencer visibility based on slot content and screen size\n   * Handles both slot changes and screen size changes\n   */\n  private updateInfluencerVisibility(slot?: HTMLSlotElement): void {\n    const influencerSlot =\n      slot ||\n      (this.shadowRoot?.querySelector(\n        'slot[name=\"influencer\"]'\n      ) as HTMLSlotElement);\n\n    if (!influencerSlot) {\n      return;\n    }\n\n    const hasContent =\n      influencerSlot.assignedNodes({ flatten: true }).length > 0;\n    const shouldShow = hasContent && !this.isSm;\n\n    // Update CSS class on modal body\n    if (this.modalBodyElement) {\n      if (shouldShow) {\n        this.modalBodyElement.classList.add(\n          `${blockClass}__body-layout--has-influencer`\n        );\n      } else {\n        this.modalBodyElement.classList.remove(\n          `${blockClass}__body-layout--has-influencer`\n        );\n      }\n    }\n  }\n\n  /**\n   * Handle influencer slot change\n   */\n  private handleInfluencerSlotChange = (e: Event) => {\n    const slot = e.target as HTMLSlotElement;\n    this.updateInfluencerVisibility(slot);\n  };\n\n  /**\n   * Common method to handle tearsheet close with proper event dispatching\n   * @param originalEvent - The original event that triggered the close (optional)\n   * @param useAsync - Whether to dispatch closed event asynchronously\n   */\n  private closeTearsheet(originalEvent?: Event, useAsync: boolean = false) {\n    // Dispatch the beingclosed event (cancelable)\n    const beforeCloseEvent = new CustomEvent(\n      `${prefix}-preview-tearsheet-beingclosed`,\n      {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {},\n      }\n    );\n\n    if (!this.dispatchEvent(beforeCloseEvent)) {\n      // If event was cancelled, prevent closing\n      if (originalEvent) {\n        originalEvent.preventDefault();\n      }\n      return;\n    }\n\n    // Close the tearsheet\n    this.open = false;\n\n    // Dispatch closed event\n    const dispatchClosedEvent = () => {\n      this.dispatchEvent(\n        new CustomEvent(`${prefix}-preview-tearsheet-closed`, {\n          bubbles: true,\n          composed: true,\n          detail: {},\n        })\n      );\n    };\n\n    if (useAsync) {\n      // Use microtask for async scenarios (e.g., click outside)\n      Promise.resolve().then(dispatchClosedEvent);\n    } else {\n      dispatchClosedEvent();\n    }\n  }\n\n  /**\n   * Handle close button click from the header\n   * This is an internal event that triggers the tearsheet to close\n   */\n  private handleHeaderCloseButtonClick = (event: Event) => {\n    // Stop the internal event from propagating\n    event.stopPropagation();\n    this.closeTearsheet();\n  };\n\n  /**\n   * Handle close event from the modal (ESC key, click outside, etc.)\n   */\n  private handleClose = (event: Event) => {\n    this.closeTearsheet(event, true);\n  };\n\n  /**\n   * Parse floating menu selectors from comma-separated string\n   */\n  private getFloatingMenuSelectors(): string {\n    const defaultSelectors = [\n      `.${prefix}--overflow-menu-options`,\n      `.${prefix}--tooltip`,\n      '.flatpickr-calendar',\n      `.${blockClass}__container`,\n      `.${prefix}--menu`,\n    ];\n\n    const customSelectors = this.selectorsFloatingMenus\n      ? this.selectorsFloatingMenus.split(',').map((s) => s.trim())\n      : [];\n\n    return [...defaultSelectors, ...customSelectors].join(',');\n  }\n\n  render() {\n    const classes = classMap({\n      [blockClass]: true,\n      [`${blockClass}--wide`]: this.variant === 'wide',\n      [`${blockClass}--narrow`]: this.variant === 'narrow',\n      [`${blockClass}--has-ai-label`]: this.hasAILabel,\n      [`${blockClass}--has-decorator`]: this.hasDecorator && !this.hasAILabel,\n    });\n\n    const containerClasses = `${blockClass}__container ${this.containerClassName}`;\n\n    return html`<cds-modal\n      class=${classes}\n      size=${this.variant === 'narrow' ? 'sm' : 'lg'}\n      ?open=\"${this.open}\"\n      container-class=\"${containerClasses}\"\n      ?prevent-close-on-click-outside=\"${this.preventCloseOnClickOutside}\"\n      aria-label=\"${ifDefined(this.ariaLabel || undefined)}\"\n      selector-primary-focus=\"${ifDefined(\n        this.selectorPrimaryFocus || undefined\n      )}\"\n      selectors-floating-menus=\"${this.getFloatingMenuSelectors()}\"\n      @cds-modal-beingclosed=\"${this.handleClose}\"\n      @cds-modal-closed=\"${this.handleClose}\"\n      ?full-width=\"${true}\"\n      ai-label=\"${ifDefined(this.hasAILabel || undefined)}\"\n    >\n      <slot name=\"decorator\"></slot>\n      <slot name=\"header\"></slot>\n      <cds-modal-body class=\"${blockClass}__body-layout\">\n        <slot\n          name=\"influencer\"\n          @slotchange=${this.handleInfluencerSlotChange}\n        ></slot>\n        <slot name=\"body\"></slot>\n        <slot name=\"footer\"></slot>\n      </cds-modal-body>\n    </cds-modal>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTearsheet;\n"],"mappings":"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"}
+{"version":3,"file":"tearsheet.js","names":["styles","customElement"],"sources":["../../../src/components/tearsheet-preview/tearsheet.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 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, PropertyValues, html } from 'lit';\nimport { property, state, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './tearsheet.scss?lit';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { MatchMediaController } from '../../globals/js/utils/match-media-controller';\nimport { breakpoints } from '@carbon/layout';\nimport { blockClass, updateTearsheetSignals } from './tearsheet-signal';\nimport { SignalWatcher } from '@lit-labs/signals';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { stackManager } from './stack-signal';\n\n/**\n * Tearsheet component - A slide-out panel for displaying detailed content.\n *\n * @element c4p-preview-tearsheet\n * @slot header - The header content of the tearsheet\n * @slot influencer - Optional left sidebar content (wide variant only)\n * @slot body - Main body content\n * @slot footer - Footer content with actions\n * @fires c4p-preview-tearsheet-beingclosed - Fired when the tearsheet is about to close\n * @fires c4p-preview-tearsheet-closed - Fired after the tearsheet has closed\n */\n@customElement(`${prefix}-preview-tearsheet`)\nclass CDSTearsheet extends SignalWatcher(HostListenerMixin(LitElement)) {\n  /**\n   * Specifies whether the tearsheet is currently open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open: boolean = false;\n\n  /**\n   * User can pass any class names that will be added to the modal container\n   */\n  @property({ attribute: 'container-class-name' })\n  containerClassName: string = '';\n\n  /**\n   * Default influencer takes 256px, this allows override eg: 300px, 20rem\n   */\n  @property({ attribute: 'influencer-width' })\n  influencerWidth: string = '';\n\n  /**\n   * Default summary content takes 256px, this allows override eg: 300px, 20rem\n   */\n  @property({ attribute: 'summary-content-width' })\n  summaryContentWidth: string = '';\n\n  /**\n   * Defines the gap from top of the viewport. Defaulted to 3rem\n   */\n  @property({ attribute: 'vertical-gap' })\n  verticalGap: string = '';\n\n  /**\n   * Default to wide variant. Pass in narrow for narrow tearsheet\n   */\n  @property({ reflect: true })\n  variant: 'wide' | 'narrow' = 'wide';\n\n  /**\n   * Specify the CSS selectors that match the floating menus (comma-separated)\n   */\n  @property({ attribute: 'selectors-floating-menus' })\n  selectorsFloatingMenus: string = '';\n\n  /**\n   * Specify a CSS selector that matches the DOM element that should be focused when the Modal opens\n   */\n  @property({ attribute: 'selector-primary-focus' })\n  selectorPrimaryFocus: string = '';\n\n  /**\n   * Prevents the modal from closing when clicking outside\n   */\n  @property({ type: Boolean, attribute: 'prevent-close-on-click-outside' })\n  preventCloseOnClickOutside: boolean = false;\n\n  /**\n   * Unique ID for this tearsheet instance\n   */\n  private uniqueId: string = `tearsheet-${Math.random().toString(36).substr(2, 9)}`;\n\n  /**\n   * Internal flag to track if stacking is enabled (via wrapper)\n   */\n  private _stackingEnabled: boolean = false;\n\n  /**\n   * Internal state for tracking if the tearsheet is in small screen mode\n   */\n  @state()\n  private isSm: boolean = false;\n\n  /**\n   * Query the modal body element\n   */\n  @query('cds-modal-body')\n  private modalBodyElement?: HTMLElement;\n\n  private smMediaQuery = `(max-width: ${breakpoints.md.width})`;\n  private isSmallDevice = new MatchMediaController(\n    this,\n    this.smMediaQuery,\n    false\n  );\n  /**\n   * Checks if the tearsheet has a decorator (AI label or other)\n   */\n  private get hasDecorator(): boolean {\n    const headerElement = this.querySelector(`${prefix}-tearsheet-header`);\n    if (!headerElement) {\n      return false;\n    }\n    const decorator = headerElement.querySelector('[slot=\"decorator\"]');\n    return !!decorator;\n  }\n\n  /**\n   * Checks if the tearsheet has an AI label decorator\n   */\n  private get hasAILabel(): boolean {\n    const headerElement = this.querySelector(`${prefix}-tearsheet-header`);\n    if (!headerElement) {\n      return false;\n    }\n    const decorator = headerElement.querySelector('[slot=\"decorator\"]');\n    if (!decorator) {\n      return false;\n    }\n    const tagName = decorator.tagName.toLowerCase();\n    return tagName === 'cds-ai-label' || tagName === `${prefix}-ai-label`;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n\n    // Listen for stack wrapper events first\n    this.addEventListener(\n      `${prefix}-tearsheet-stack-connected`,\n      this.handleStackConnected as EventListener\n    );\n    this.addEventListener(\n      `${prefix}-tearsheet-stack-step-size-changed`,\n      this.handleStackStepSizeChanged as EventListener\n    );\n\n    // Check if this tearsheet is wrapped in a stack provider\n    // This handles the case where the stack wrapper connected before this tearsheet\n    this._checkForStackWrapper();\n\n    // Set visibility class\n    if (this.open) {\n      this.classList.add('is-visible');\n    } else {\n      this.classList.remove('is-visible');\n    }\n\n    // Listen for close button click from header\n    this.addEventListener(\n      `${prefix}-tearsheet-header-close-button-clicked`,\n      this.handleHeaderCloseButtonClick as EventListener\n    );\n  }\n\n  protected firstUpdated(_changedProperties: PropertyValues): void {\n    this.updateCSSCustomProperties();\n    this.isSm = this.isSmallDevice?.matches || this.variant === 'narrow';\n    // Initialize all signals on first update\n    updateTearsheetSignals({\n      variant: this.variant,\n      isSm: this.isSm,\n      open: this.open,\n      hasAILabel: this.hasAILabel,\n    });\n  }\n\n  protected updated(_changedProperties: PropertyValues): void {\n    this.updateIsSmState(_changedProperties);\n    this.handleOpenPropertyChange(_changedProperties);\n    this.updateCSSPropertiesIfNeeded(_changedProperties);\n\n    if (_changedProperties.has('variant')) {\n      updateTearsheetSignals({ variant: this.variant });\n    }\n\n    if (_changedProperties.has('isSm')) {\n      this.updateInfluencerVisibility();\n    }\n\n    this.updateStackPropertiesIfNeeded();\n  }\n\n  private updateIsSmState(_changedProperties: PropertyValues): void {\n    const previousIsSm = this.isSm;\n    this.isSm = this.isSmallDevice?.matches || this.variant === 'narrow';\n\n    if (this.isSm !== previousIsSm) {\n      updateTearsheetSignals({ isSm: this.isSm });\n    }\n  }\n\n  private handleOpenPropertyChange(_changedProperties: PropertyValues): void {\n    if (!_changedProperties.has('open')) {\n      return;\n    }\n\n    updateTearsheetSignals({ open: this.open });\n\n    // Only register with stack manager if stacking is enabled\n    if (this._stackingEnabled && this.modalBodyElement) {\n      stackManager.notifyStack(this.uniqueId, this.open, this.modalBodyElement);\n    }\n\n    this.classList.toggle('is-visible', this.open);\n\n    // Only update stack properties if stacking is enabled\n    if (this._stackingEnabled) {\n      this.updateStackProperties();\n    }\n  }\n\n  private updateCSSPropertiesIfNeeded(\n    _changedProperties: PropertyValues\n  ): void {\n    const hasRelevantChanges =\n      _changedProperties.has('influencerWidth') ||\n      _changedProperties.has('summaryContentWidth') ||\n      _changedProperties.has('verticalGap');\n\n    if (hasRelevantChanges) {\n      this.updateCSSCustomProperties();\n    }\n  }\n\n  private updateStackPropertiesIfNeeded(): void {\n    // Only update if stacking is enabled\n    if (!this._stackingEnabled) {\n      return;\n    }\n\n    const stackState = stackManager.state;\n    if (stackState.stack.length > 0) {\n      this.updateStackProperties();\n    }\n  }\n\n  /**\n   * Update CSS custom properties for stacking\n   */\n  private updateStackProperties(): void {\n    const stackState = stackManager.state;\n    const depth = stackManager.getDepth(this.uniqueId);\n    const scaleFactor = stackManager.getScaleFactor(this.uniqueId);\n    const blockSizeChange = stackManager.getBlockSizeChange(this.uniqueId);\n\n    // Manage --stack-activated class on host element\n    if (stackState.stack.length > 1) {\n      this.classList.add(`${blockClass}--stack-activated`);\n    } else {\n      this.classList.remove(`${blockClass}--stack-activated`);\n    }\n\n    if (depth !== -1) {\n      this.style.setProperty('--stack-depth', depth.toString());\n      this.style.setProperty('--scale-factor', scaleFactor.toString());\n      this.style.setProperty('--block-size-change', blockSizeChange);\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n\n    // Remove event listeners\n    this.removeEventListener(\n      `${prefix}-tearsheet-header-close-button-clicked`,\n      this.handleHeaderCloseButtonClick as EventListener\n    );\n    this.removeEventListener(\n      `${prefix}-tearsheet-stack-connected`,\n      this.handleStackConnected as EventListener\n    );\n    this.removeEventListener(\n      `${prefix}-tearsheet-stack-step-size-changed`,\n      this.handleStackStepSizeChanged as EventListener\n    );\n\n    // Notify stack manager that this tearsheet is closing (only if stacking was enabled)\n    if (this._stackingEnabled) {\n      stackManager.notifyStack(this.uniqueId, false, null);\n    }\n\n    // Clean up CSS custom properties\n    if (this.influencerWidth) {\n      document.documentElement.style.removeProperty(\n        '--tearsheet-influencer-width'\n      );\n    }\n    if (this.summaryContentWidth) {\n      document.documentElement.style.removeProperty(\n        '--tearsheet-summary-content-width'\n      );\n    }\n    if (this.verticalGap) {\n      document.documentElement.style.removeProperty('--tearsheet-vertical-gap');\n    }\n  }\n\n  /**\n   * Update CSS custom properties for dynamic styling\n   */\n  private updateCSSCustomProperties(): void {\n    if (this.influencerWidth) {\n      document.documentElement.style.setProperty(\n        '--tearsheet-influencer-width',\n        this.influencerWidth\n      );\n    }\n    if (this.summaryContentWidth) {\n      document.documentElement.style.setProperty(\n        '--tearsheet-summary-content-width',\n        this.summaryContentWidth\n      );\n    }\n    if (this.verticalGap) {\n      document.documentElement.style.setProperty(\n        '--tearsheet-vertical-gap',\n        this.verticalGap\n      );\n    }\n  }\n\n  /**\n   * Update influencer visibility based on slot content and screen size\n   * Handles both slot changes and screen size changes\n   */\n  private updateInfluencerVisibility(slot?: HTMLSlotElement): void {\n    const influencerSlot =\n      slot ||\n      (this.shadowRoot?.querySelector(\n        'slot[name=\"influencer\"]'\n      ) as HTMLSlotElement);\n\n    if (!influencerSlot) {\n      return;\n    }\n\n    const hasContent =\n      influencerSlot.assignedNodes({ flatten: true }).length > 0;\n    const shouldShow = hasContent && !this.isSm;\n\n    // Update CSS class on modal body\n    if (this.modalBodyElement) {\n      if (shouldShow) {\n        this.modalBodyElement.classList.add(\n          `${blockClass}__body-layout--has-influencer`\n        );\n      } else {\n        this.modalBodyElement.classList.remove(\n          `${blockClass}__body-layout--has-influencer`\n        );\n      }\n    }\n  }\n\n  /**\n   * Check if this tearsheet is wrapped in a stack provider\n   */\n  private _checkForStackWrapper(): void {\n    // Check if there's a c4p-tearsheet-stack ancestor\n    let parent = this.parentElement;\n    while (parent) {\n      if (parent.tagName.toLowerCase() === `${prefix}-tearsheet-stack`) {\n        this._stackingEnabled = true;\n        return;\n      }\n      parent = parent.parentElement;\n    }\n    this._stackingEnabled = false;\n  }\n\n  /**\n   * Handle stack wrapper connected event\n   */\n  private handleStackConnected = (event: Event) => {\n    event.stopPropagation();\n    this._stackingEnabled = true;\n  };\n\n  /**\n   * Handle stack step size changed event\n   */\n  private handleStackStepSizeChanged = (event: Event) => {\n    event.stopPropagation();\n    // Stack manager is already updated by the wrapper\n    // Just trigger a re-render of stack properties if needed\n    if (this._stackingEnabled && this.open) {\n      this.updateStackProperties();\n    }\n  };\n\n  /**\n   * Handle influencer slot change\n   */\n  private handleInfluencerSlotChange = (e: Event) => {\n    const slot = e.target as HTMLSlotElement;\n    this.updateInfluencerVisibility(slot);\n  };\n\n  /**\n   * Common method to handle tearsheet close with proper event dispatching\n   * @param originalEvent - The original event that triggered the close (optional)\n   * @param useAsync - Whether to dispatch closed event asynchronously\n   */\n  private closeTearsheet(originalEvent?: Event, useAsync: boolean = false) {\n    // Dispatch the beingclosed event (cancelable)\n    const beforeCloseEvent = new CustomEvent(\n      `${prefix}-preview-tearsheet-beingclosed`,\n      {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {},\n      }\n    );\n\n    if (!this.dispatchEvent(beforeCloseEvent)) {\n      // If event was cancelled, prevent closing\n      if (originalEvent) {\n        originalEvent.preventDefault();\n      }\n      return;\n    }\n\n    // Close the tearsheet\n    this.open = false;\n\n    // Dispatch closed event\n    const dispatchClosedEvent = () => {\n      this.dispatchEvent(\n        new CustomEvent(`${prefix}-preview-tearsheet-closed`, {\n          bubbles: true,\n          composed: true,\n          detail: {},\n        })\n      );\n    };\n\n    if (useAsync) {\n      // Use microtask for async scenarios (e.g., click outside)\n      Promise.resolve().then(dispatchClosedEvent);\n    } else {\n      dispatchClosedEvent();\n    }\n  }\n\n  /**\n   * Handle close button click from the header\n   * This is an internal event that triggers the tearsheet to close\n   */\n  private handleHeaderCloseButtonClick = (event: Event) => {\n    // Stop the internal event from propagating\n    event.stopPropagation();\n    this.closeTearsheet();\n  };\n\n  /**\n   * Handle close event from the modal (ESC key, click outside, etc.)\n   */\n  private handleClose = (event: Event) => {\n    this.closeTearsheet(event, true);\n  };\n\n  /**\n   * Parse floating menu selectors from comma-separated string\n   */\n  private getFloatingMenuSelectors(): string {\n    const defaultSelectors = [\n      `.${prefix}--overflow-menu-options`,\n      `.${prefix}--tooltip`,\n      '.flatpickr-calendar',\n      `.${blockClass}__container`,\n      `.${prefix}--menu`,\n    ];\n\n    const customSelectors = this.selectorsFloatingMenus\n      ? this.selectorsFloatingMenus.split(',').map((s) => s.trim())\n      : [];\n\n    return [...defaultSelectors, ...customSelectors].join(',');\n  }\n\n  render() {\n    const classes = classMap({\n      [blockClass]: true,\n      [`${blockClass}--wide`]: this.variant === 'wide',\n      [`${blockClass}--narrow`]: this.variant === 'narrow',\n      [`${blockClass}--has-ai-label`]: this.hasAILabel,\n      [`${blockClass}--has-decorator`]: this.hasDecorator && !this.hasAILabel,\n    });\n\n    const containerClasses = `${blockClass}__container ${this.containerClassName}`;\n\n    return html`<cds-modal\n      class=${classes}\n      size=${this.variant === 'narrow' ? 'sm' : 'lg'}\n      ?open=\"${this.open}\"\n      container-class=\"${containerClasses}\"\n      ?prevent-close-on-click-outside=\"${this.preventCloseOnClickOutside}\"\n      aria-label=\"${ifDefined(this.ariaLabel || undefined)}\"\n      selector-primary-focus=\"${ifDefined(\n        this.selectorPrimaryFocus || undefined\n      )}\"\n      selectors-floating-menus=\"${this.getFloatingMenuSelectors()}\"\n      @cds-modal-beingclosed=\"${this.handleClose}\"\n      @cds-modal-closed=\"${this.handleClose}\"\n      ?full-width=\"${true}\"\n      ai-label=\"${ifDefined(this.hasAILabel || undefined)}\"\n    >\n      <slot name=\"decorator\"></slot>\n      <slot name=\"header\"></slot>\n      <cds-modal-body class=\"${blockClass}__body-layout\">\n        <slot\n          name=\"influencer\"\n          @slotchange=${this.handleInfluencerSlotChange}\n        ></slot>\n        <slot name=\"body\"></slot>\n        <slot name=\"footer\"></slot>\n      </cds-modal-body>\n    </cds-modal>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTearsheet;\n"],"mappings":"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"}