@carbon/ibm-products-web-components 0.1.0 → 0.1.1-canary.3605
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.storybook/main.ts +15 -1
 - package/.storybook/preview-head.html +5 -1
 - package/.storybook/{theme.ts → theme.js} +2 -2
 - package/es/components/side-panel/side-panel.d.ts +61 -80
 - package/es/components/side-panel/side-panel.js +5 -3
 - package/es/components/side-panel/side-panel.js.map +1 -1
 - package/es/components/side-panel/side-panel.scss.js +1 -1
 - package/es/components/tearsheet/defs.d.ts +26 -0
 - package/es/components/tearsheet/defs.js +39 -0
 - package/es/components/tearsheet/defs.js.map +1 -0
 - package/es/components/tearsheet/index.d.ts +9 -0
 - package/es/components/tearsheet/index.js +9 -0
 - package/es/components/tearsheet/index.js.map +1 -0
 - package/es/components/tearsheet/tearsheet.d.ts +490 -0
 - package/es/components/tearsheet/tearsheet.js +685 -0
 - package/es/components/tearsheet/tearsheet.js.map +1 -0
 - package/es/components/tearsheet/tearsheet.scss.js +13 -0
 - package/es/components/tearsheet/tearsheet.scss.js.map +1 -0
 - package/es/components/tearsheet/tearsheet.test.d.ts +7 -0
 - package/es/components/tearsheet/tearsheet.test.js +122 -0
 - package/es/components/tearsheet/tearsheet.test.js.map +1 -0
 - package/es/index.d.ts +1 -0
 - package/es/index.js +1 -0
 - package/es/index.js.map +1 -1
 - package/lib/components/side-panel/side-panel.d.ts +61 -80
 - package/lib/components/tearsheet/defs.d.ts +26 -0
 - package/lib/components/tearsheet/defs.js +39 -0
 - package/lib/components/tearsheet/defs.js.map +1 -0
 - package/lib/components/tearsheet/index.d.ts +9 -0
 - package/lib/components/tearsheet/tearsheet.d.ts +490 -0
 - package/lib/components/tearsheet/tearsheet.test.d.ts +7 -0
 - package/lib/index.d.ts +1 -0
 - package/package.json +17 -17
 - package/scss/components/tearsheet/story-styles.scss +23 -0
 - package/scss/components/tearsheet/tearsheet.scss +318 -0
 - package/src/components/side-panel/side-panel.ts +5 -5
 - package/src/components/tearsheet/defs.ts +30 -0
 - package/src/components/tearsheet/index.ts +10 -0
 - package/src/components/tearsheet/story-styles.scss +23 -0
 - package/src/components/tearsheet/tearsheet.mdx +101 -0
 - package/src/components/tearsheet/tearsheet.scss +318 -0
 - package/src/components/tearsheet/tearsheet.stories.ts +703 -0
 - package/src/components/tearsheet/tearsheet.test.ts +118 -0
 - package/src/components/tearsheet/tearsheet.ts +792 -0
 - package/src/index.ts +1 -0
 - package/netlify.toml +0 -8
 - /package/.storybook/{Preview.ts → preview.ts} +0 -0
 
| 
         @@ -33,19 +33,15 @@ declare const CDSSidePanel_base: { 
     | 
|
| 
       33 
33 
     | 
    
         
             
                    readonly offsetTop: number;
         
     | 
| 
       34 
34 
     | 
    
         
             
                    readonly offsetWidth: number;
         
     | 
| 
       35 
35 
     | 
    
         
             
                    outerText: string;
         
     | 
| 
       36 
     | 
    
         
            -
                    popover: string | null;
         
     | 
| 
       37 
36 
     | 
    
         
             
                    spellcheck: boolean;
         
     | 
| 
       38 
37 
     | 
    
         
             
                    title: string;
         
     | 
| 
       39 
38 
     | 
    
         
             
                    translate: boolean;
         
     | 
| 
       40 
39 
     | 
    
         
             
                    attachInternals(): ElementInternals;
         
     | 
| 
       41 
40 
     | 
    
         
             
                    click(): void;
         
     | 
| 
       42 
     | 
    
         
            -
                     
     | 
| 
       43 
     | 
    
         
            -
                     
     | 
| 
       44 
     | 
    
         
            -
                     
     | 
| 
       45 
     | 
    
         
            -
                     
     | 
| 
       46 
     | 
    
         
            -
                    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
         
     | 
| 
       47 
     | 
    
         
            -
                    removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
         
     | 
| 
       48 
     | 
    
         
            -
                    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
         
     | 
| 
      
 41 
     | 
    
         
            +
                    addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         
     | 
| 
      
 42 
     | 
    
         
            +
                    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         
     | 
| 
      
 43 
     | 
    
         
            +
                    removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
         
     | 
| 
      
 44 
     | 
    
         
            +
                    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
         
     | 
| 
       49 
45 
     | 
    
         
             
                    readonly attributes: NamedNodeMap;
         
     | 
| 
       50 
46 
     | 
    
         
             
                    readonly classList: DOMTokenList;
         
     | 
| 
       51 
47 
     | 
    
         
             
                    className: string;
         
     | 
| 
         @@ -70,12 +66,9 @@ declare const CDSSidePanel_base: { 
     | 
|
| 
       70 
66 
     | 
    
         
             
                    slot: string;
         
     | 
| 
       71 
67 
     | 
    
         
             
                    readonly tagName: string;
         
     | 
| 
       72 
68 
     | 
    
         
             
                    attachShadow(init: ShadowRootInit): ShadowRoot;
         
     | 
| 
       73 
     | 
    
         
            -
                     
     | 
| 
       74 
     | 
    
         
            -
                    closest< 
     | 
| 
       75 
     | 
    
         
            -
                    closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
         
     | 
| 
       76 
     | 
    
         
            -
                    closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
         
     | 
| 
      
 69 
     | 
    
         
            +
                    closest<K_2 extends keyof HTMLElementTagNameMap>(selector: K_2): HTMLElementTagNameMap[K_2] | null;
         
     | 
| 
      
 70 
     | 
    
         
            +
                    closest<K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3] | null;
         
     | 
| 
       77 
71 
     | 
    
         
             
                    closest<E extends Element = Element>(selectors: string): E | null;
         
     | 
| 
       78 
     | 
    
         
            -
                    computedStyleMap(): StylePropertyMapReadOnly;
         
     | 
| 
       79 
72 
     | 
    
         
             
                    getAttribute(qualifiedName: string): string | null;
         
     | 
| 
       80 
73 
     | 
    
         
             
                    getAttributeNS(namespace: string | null, localName: string): string | null;
         
     | 
| 
       81 
74 
     | 
    
         
             
                    getAttributeNames(): string[];
         
     | 
| 
         @@ -84,14 +77,11 @@ declare const CDSSidePanel_base: { 
     | 
|
| 
       84 
77 
     | 
    
         
             
                    getBoundingClientRect(): DOMRect;
         
     | 
| 
       85 
78 
     | 
    
         
             
                    getClientRects(): DOMRectList;
         
     | 
| 
       86 
79 
     | 
    
         
             
                    getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
         
     | 
| 
       87 
     | 
    
         
            -
                    getElementsByTagName< 
     | 
| 
       88 
     | 
    
         
            -
                    getElementsByTagName< 
     | 
| 
       89 
     | 
    
         
            -
                    getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
         
     | 
| 
       90 
     | 
    
         
            -
                    getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
         
     | 
| 
      
 80 
     | 
    
         
            +
                    getElementsByTagName<K_4 extends keyof HTMLElementTagNameMap>(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
         
     | 
| 
      
 81 
     | 
    
         
            +
                    getElementsByTagName<K_5 extends keyof SVGElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
         
     | 
| 
       91 
82 
     | 
    
         
             
                    getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
         
     | 
| 
       92 
83 
     | 
    
         
             
                    getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
         
     | 
| 
       93 
84 
     | 
    
         
             
                    getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
         
     | 
| 
       94 
     | 
    
         
            -
                    getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
         
     | 
| 
       95 
85 
     | 
    
         
             
                    getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
         
     | 
| 
       96 
86 
     | 
    
         
             
                    hasAttribute(qualifiedName: string): boolean;
         
     | 
| 
       97 
87 
     | 
    
         
             
                    hasAttributeNS(namespace: string | null, localName: string): boolean;
         
     | 
| 
         @@ -105,22 +95,21 @@ declare const CDSSidePanel_base: { 
     | 
|
| 
       105 
95 
     | 
    
         
             
                    removeAttribute(qualifiedName: string): void;
         
     | 
| 
       106 
96 
     | 
    
         
             
                    removeAttributeNS(namespace: string | null, localName: string): void;
         
     | 
| 
       107 
97 
     | 
    
         
             
                    removeAttributeNode(attr: Attr): Attr;
         
     | 
| 
       108 
     | 
    
         
            -
                    requestFullscreen(options?: FullscreenOptions): Promise<void>;
         
     | 
| 
      
 98 
     | 
    
         
            +
                    requestFullscreen(options?: FullscreenOptions | undefined): Promise<void>;
         
     | 
| 
       109 
99 
     | 
    
         
             
                    requestPointerLock(): void;
         
     | 
| 
       110 
     | 
    
         
            -
                    scroll(options?: ScrollToOptions): void;
         
     | 
| 
      
 100 
     | 
    
         
            +
                    scroll(options?: ScrollToOptions | undefined): void;
         
     | 
| 
       111 
101 
     | 
    
         
             
                    scroll(x: number, y: number): void;
         
     | 
| 
       112 
     | 
    
         
            -
                    scrollBy(options?: ScrollToOptions): void;
         
     | 
| 
      
 102 
     | 
    
         
            +
                    scrollBy(options?: ScrollToOptions | undefined): void;
         
     | 
| 
       113 
103 
     | 
    
         
             
                    scrollBy(x: number, y: number): void;
         
     | 
| 
       114 
     | 
    
         
            -
                    scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
         
     | 
| 
       115 
     | 
    
         
            -
                    scrollTo(options?: ScrollToOptions): void;
         
     | 
| 
      
 104 
     | 
    
         
            +
                    scrollIntoView(arg?: boolean | ScrollIntoViewOptions | undefined): void;
         
     | 
| 
      
 105 
     | 
    
         
            +
                    scrollTo(options?: ScrollToOptions | undefined): void;
         
     | 
| 
       116 
106 
     | 
    
         
             
                    scrollTo(x: number, y: number): void;
         
     | 
| 
       117 
107 
     | 
    
         
             
                    setAttribute(qualifiedName: string, value: string): void;
         
     | 
| 
       118 
108 
     | 
    
         
             
                    setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
         
     | 
| 
       119 
109 
     | 
    
         
             
                    setAttributeNode(attr: Attr): Attr | null;
         
     | 
| 
       120 
110 
     | 
    
         
             
                    setAttributeNodeNS(attr: Attr): Attr | null;
         
     | 
| 
       121 
     | 
    
         
            -
                    setHTMLUnsafe(html: string): void;
         
     | 
| 
       122 
111 
     | 
    
         
             
                    setPointerCapture(pointerId: number): void;
         
     | 
| 
       123 
     | 
    
         
            -
                    toggleAttribute(qualifiedName: string, force?: boolean): boolean;
         
     | 
| 
      
 112 
     | 
    
         
            +
                    toggleAttribute(qualifiedName: string, force?: boolean | undefined): boolean;
         
     | 
| 
       124 
113 
     | 
    
         
             
                    webkitMatchesSelector(selectors: string): boolean;
         
     | 
| 
       125 
114 
     | 
    
         
             
                    readonly baseURI: string;
         
     | 
| 
       126 
115 
     | 
    
         
             
                    readonly childNodes: NodeListOf<ChildNode>;
         
     | 
| 
         @@ -136,50 +125,48 @@ declare const CDSSidePanel_base: { 
     | 
|
| 
       136 
125 
     | 
    
         
             
                    readonly previousSibling: ChildNode | null;
         
     | 
| 
       137 
126 
     | 
    
         
             
                    textContent: string | null;
         
     | 
| 
       138 
127 
     | 
    
         
             
                    appendChild<T_1 extends Node>(node: T_1): T_1;
         
     | 
| 
       139 
     | 
    
         
            -
                    cloneNode(deep?: boolean): Node;
         
     | 
| 
      
 128 
     | 
    
         
            +
                    cloneNode(deep?: boolean | undefined): Node;
         
     | 
| 
       140 
129 
     | 
    
         
             
                    compareDocumentPosition(other: Node): number;
         
     | 
| 
       141 
130 
     | 
    
         
             
                    contains(other: Node | null): boolean;
         
     | 
| 
       142 
     | 
    
         
            -
                    getRootNode(options?: GetRootNodeOptions): Node;
         
     | 
| 
      
 131 
     | 
    
         
            +
                    getRootNode(options?: GetRootNodeOptions | undefined): Node;
         
     | 
| 
       143 
132 
     | 
    
         
             
                    hasChildNodes(): boolean;
         
     | 
| 
       144 
     | 
    
         
            -
                    insertBefore< 
     | 
| 
      
 133 
     | 
    
         
            +
                    insertBefore<T_2 extends Node>(node: T_2, child: Node | null): T_2;
         
     | 
| 
       145 
134 
     | 
    
         
             
                    isDefaultNamespace(namespace: string | null): boolean;
         
     | 
| 
       146 
135 
     | 
    
         
             
                    isEqualNode(otherNode: Node | null): boolean;
         
     | 
| 
       147 
136 
     | 
    
         
             
                    isSameNode(otherNode: Node | null): boolean;
         
     | 
| 
       148 
137 
     | 
    
         
             
                    lookupNamespaceURI(prefix: string | null): string | null;
         
     | 
| 
       149 
138 
     | 
    
         
             
                    lookupPrefix(namespace: string | null): string | null;
         
     | 
| 
       150 
139 
     | 
    
         
             
                    normalize(): void;
         
     | 
| 
       151 
     | 
    
         
            -
                    removeChild< 
     | 
| 
       152 
     | 
    
         
            -
                    replaceChild< 
     | 
| 
       153 
     | 
    
         
            -
                    readonly  
     | 
| 
       154 
     | 
    
         
            -
                    readonly  
     | 
| 
       155 
     | 
    
         
            -
                    readonly  
     | 
| 
       156 
     | 
    
         
            -
                    readonly  
     | 
| 
       157 
     | 
    
         
            -
                    readonly  
     | 
| 
       158 
     | 
    
         
            -
                    readonly  
     | 
| 
       159 
     | 
    
         
            -
                    readonly  
     | 
| 
       160 
     | 
    
         
            -
                    readonly  
     | 
| 
       161 
     | 
    
         
            -
                    readonly  
     | 
| 
       162 
     | 
    
         
            -
                    readonly  
     | 
| 
       163 
     | 
    
         
            -
                    readonly  
     | 
| 
       164 
     | 
    
         
            -
                    readonly  
     | 
| 
       165 
     | 
    
         
            -
                    readonly  
     | 
| 
       166 
     | 
    
         
            -
                    readonly  
     | 
| 
       167 
     | 
    
         
            -
                    readonly  
     | 
| 
       168 
     | 
    
         
            -
                    readonly  
     | 
| 
       169 
     | 
    
         
            -
                    readonly  
     | 
| 
       170 
     | 
    
         
            -
                    readonly  
     | 
| 
      
 140 
     | 
    
         
            +
                    removeChild<T_3 extends Node>(child: T_3): T_3;
         
     | 
| 
      
 141 
     | 
    
         
            +
                    replaceChild<T_4 extends Node>(node: Node, child: T_4): T_4;
         
     | 
| 
      
 142 
     | 
    
         
            +
                    readonly ATTRIBUTE_NODE: number;
         
     | 
| 
      
 143 
     | 
    
         
            +
                    readonly CDATA_SECTION_NODE: number;
         
     | 
| 
      
 144 
     | 
    
         
            +
                    readonly COMMENT_NODE: number;
         
     | 
| 
      
 145 
     | 
    
         
            +
                    readonly DOCUMENT_FRAGMENT_NODE: number;
         
     | 
| 
      
 146 
     | 
    
         
            +
                    readonly DOCUMENT_NODE: number;
         
     | 
| 
      
 147 
     | 
    
         
            +
                    readonly DOCUMENT_POSITION_CONTAINED_BY: number;
         
     | 
| 
      
 148 
     | 
    
         
            +
                    readonly DOCUMENT_POSITION_CONTAINS: number;
         
     | 
| 
      
 149 
     | 
    
         
            +
                    readonly DOCUMENT_POSITION_DISCONNECTED: number;
         
     | 
| 
      
 150 
     | 
    
         
            +
                    readonly DOCUMENT_POSITION_FOLLOWING: number;
         
     | 
| 
      
 151 
     | 
    
         
            +
                    readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: number;
         
     | 
| 
      
 152 
     | 
    
         
            +
                    readonly DOCUMENT_POSITION_PRECEDING: number;
         
     | 
| 
      
 153 
     | 
    
         
            +
                    readonly DOCUMENT_TYPE_NODE: number;
         
     | 
| 
      
 154 
     | 
    
         
            +
                    readonly ELEMENT_NODE: number;
         
     | 
| 
      
 155 
     | 
    
         
            +
                    readonly ENTITY_NODE: number;
         
     | 
| 
      
 156 
     | 
    
         
            +
                    readonly ENTITY_REFERENCE_NODE: number;
         
     | 
| 
      
 157 
     | 
    
         
            +
                    readonly NOTATION_NODE: number;
         
     | 
| 
      
 158 
     | 
    
         
            +
                    readonly PROCESSING_INSTRUCTION_NODE: number;
         
     | 
| 
      
 159 
     | 
    
         
            +
                    readonly TEXT_NODE: number;
         
     | 
| 
       171 
160 
     | 
    
         
             
                    dispatchEvent(event: Event): boolean;
         
     | 
| 
       172 
161 
     | 
    
         
             
                    ariaAtomic: string | null;
         
     | 
| 
       173 
162 
     | 
    
         
             
                    ariaAutoComplete: string | null;
         
     | 
| 
       174 
     | 
    
         
            -
                    ariaBrailleLabel: string | null;
         
     | 
| 
       175 
     | 
    
         
            -
                    ariaBrailleRoleDescription: string | null;
         
     | 
| 
       176 
163 
     | 
    
         
             
                    ariaBusy: string | null;
         
     | 
| 
       177 
164 
     | 
    
         
             
                    ariaChecked: string | null;
         
     | 
| 
       178 
165 
     | 
    
         
             
                    ariaColCount: string | null;
         
     | 
| 
       179 
166 
     | 
    
         
             
                    ariaColIndex: string | null;
         
     | 
| 
      
 167 
     | 
    
         
            +
                    ariaColIndexText: string | null;
         
     | 
| 
       180 
168 
     | 
    
         
             
                    ariaColSpan: string | null;
         
     | 
| 
       181 
169 
     | 
    
         
             
                    ariaCurrent: string | null;
         
     | 
| 
       182 
     | 
    
         
            -
                    ariaDescription: string | null;
         
     | 
| 
       183 
170 
     | 
    
         
             
                    ariaDisabled: string | null;
         
     | 
| 
       184 
171 
     | 
    
         
             
                    ariaExpanded: string | null;
         
     | 
| 
       185 
172 
     | 
    
         
             
                    ariaHasPopup: string | null;
         
     | 
| 
         @@ -201,6 +188,7 @@ declare const CDSSidePanel_base: { 
     | 
|
| 
       201 
188 
     | 
    
         
             
                    ariaRoleDescription: string | null;
         
     | 
| 
       202 
189 
     | 
    
         
             
                    ariaRowCount: string | null;
         
     | 
| 
       203 
190 
     | 
    
         
             
                    ariaRowIndex: string | null;
         
     | 
| 
      
 191 
     | 
    
         
            +
                    ariaRowIndexText: string | null;
         
     | 
| 
       204 
192 
     | 
    
         
             
                    ariaRowSpan: string | null;
         
     | 
| 
       205 
193 
     | 
    
         
             
                    ariaSelected: string | null;
         
     | 
| 
       206 
194 
     | 
    
         
             
                    ariaSetSize: string | null;
         
     | 
| 
         @@ -210,12 +198,12 @@ declare const CDSSidePanel_base: { 
     | 
|
| 
       210 
198 
     | 
    
         
             
                    ariaValueNow: string | null;
         
     | 
| 
       211 
199 
     | 
    
         
             
                    ariaValueText: string | null;
         
     | 
| 
       212 
200 
     | 
    
         
             
                    role: string | null;
         
     | 
| 
       213 
     | 
    
         
            -
                    animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
         
     | 
| 
       214 
     | 
    
         
            -
                    getAnimations(options?: GetAnimationsOptions): Animation[];
         
     | 
| 
       215 
     | 
    
         
            -
                    after(...nodes: ( 
     | 
| 
       216 
     | 
    
         
            -
                    before(...nodes: ( 
     | 
| 
      
 201 
     | 
    
         
            +
                    animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
         
     | 
| 
      
 202 
     | 
    
         
            +
                    getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
         
     | 
| 
      
 203 
     | 
    
         
            +
                    after(...nodes: (string | Node)[]): void;
         
     | 
| 
      
 204 
     | 
    
         
            +
                    before(...nodes: (string | Node)[]): void;
         
     | 
| 
       217 
205 
     | 
    
         
             
                    remove(): void;
         
     | 
| 
       218 
     | 
    
         
            -
                    replaceWith(...nodes: ( 
     | 
| 
      
 206 
     | 
    
         
            +
                    replaceWith(...nodes: (string | Node)[]): void;
         
     | 
| 
       219 
207 
     | 
    
         
             
                    innerHTML: string;
         
     | 
| 
       220 
208 
     | 
    
         
             
                    readonly nextElementSibling: Element | null;
         
     | 
| 
       221 
209 
     | 
    
         
             
                    readonly previousElementSibling: Element | null;
         
     | 
| 
         @@ -223,21 +211,19 @@ declare const CDSSidePanel_base: { 
     | 
|
| 
       223 
211 
     | 
    
         
             
                    readonly children: HTMLCollection;
         
     | 
| 
       224 
212 
     | 
    
         
             
                    readonly firstElementChild: Element | null;
         
     | 
| 
       225 
213 
     | 
    
         
             
                    readonly lastElementChild: Element | null;
         
     | 
| 
       226 
     | 
    
         
            -
                    append(...nodes: ( 
     | 
| 
       227 
     | 
    
         
            -
                    prepend(...nodes: ( 
     | 
| 
       228 
     | 
    
         
            -
                    querySelector< 
     | 
| 
       229 
     | 
    
         
            -
                    querySelector< 
     | 
| 
       230 
     | 
    
         
            -
                    querySelector< 
     | 
| 
       231 
     | 
    
         
            -
                     
     | 
| 
       232 
     | 
    
         
            -
                     
     | 
| 
       233 
     | 
    
         
            -
                    querySelectorAll< 
     | 
| 
       234 
     | 
    
         
            -
                     
     | 
| 
       235 
     | 
    
         
            -
                    querySelectorAll<K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
         
     | 
| 
       236 
     | 
    
         
            -
                    querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
         
     | 
| 
       237 
     | 
    
         
            -
                    querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
         
     | 
| 
       238 
     | 
    
         
            -
                    replaceChildren(...nodes: (Node | string)[]): void;
         
     | 
| 
      
 214 
     | 
    
         
            +
                    append(...nodes: (string | Node)[]): void;
         
     | 
| 
      
 215 
     | 
    
         
            +
                    prepend(...nodes: (string | Node)[]): void;
         
     | 
| 
      
 216 
     | 
    
         
            +
                    querySelector<K_6 extends keyof HTMLElementTagNameMap>(selectors: K_6): HTMLElementTagNameMap[K_6] | null;
         
     | 
| 
      
 217 
     | 
    
         
            +
                    querySelector<K_7 extends keyof SVGElementTagNameMap>(selectors: K_7): SVGElementTagNameMap[K_7] | null;
         
     | 
| 
      
 218 
     | 
    
         
            +
                    querySelector<E_1 extends Element = Element>(selectors: string): E_1 | null;
         
     | 
| 
      
 219 
     | 
    
         
            +
                    querySelectorAll<K_8 extends keyof HTMLElementTagNameMap>(selectors: K_8): NodeListOf<HTMLElementTagNameMap[K_8]>;
         
     | 
| 
      
 220 
     | 
    
         
            +
                    querySelectorAll<K_9 extends keyof SVGElementTagNameMap>(selectors: K_9): NodeListOf<SVGElementTagNameMap[K_9]>;
         
     | 
| 
      
 221 
     | 
    
         
            +
                    querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
         
     | 
| 
      
 222 
     | 
    
         
            +
                    replaceChildren(...nodes: (string | Node)[]): void;
         
     | 
| 
       239 
223 
     | 
    
         
             
                    readonly assignedSlot: HTMLSlotElement | null;
         
     | 
| 
       240 
     | 
    
         
            -
                     
     | 
| 
      
 224 
     | 
    
         
            +
                    oncopy: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
         
     | 
| 
      
 225 
     | 
    
         
            +
                    oncut: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
         
     | 
| 
      
 226 
     | 
    
         
            +
                    onpaste: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
         
     | 
| 
       241 
227 
     | 
    
         
             
                    readonly style: CSSStyleDeclaration;
         
     | 
| 
       242 
228 
     | 
    
         
             
                    contentEditable: string;
         
     | 
| 
       243 
229 
     | 
    
         
             
                    enterKeyHint: string;
         
     | 
| 
         @@ -250,7 +236,6 @@ declare const CDSSidePanel_base: { 
     | 
|
| 
       250 
236 
     | 
    
         
             
                    onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         
     | 
| 
       251 
237 
     | 
    
         
             
                    onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         
     | 
| 
       252 
238 
     | 
    
         
             
                    onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
         
     | 
| 
       253 
     | 
    
         
            -
                    onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         
     | 
| 
       254 
239 
     | 
    
         
             
                    onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         
     | 
| 
       255 
240 
     | 
    
         
             
                    oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         
     | 
| 
       256 
241 
     | 
    
         
             
                    oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         
     | 
| 
         @@ -259,9 +244,7 @@ declare const CDSSidePanel_base: { 
     | 
|
| 
       259 
244 
     | 
    
         
             
                    onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         
     | 
| 
       260 
245 
     | 
    
         
             
                    onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         
     | 
| 
       261 
246 
     | 
    
         
             
                    oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         
     | 
| 
       262 
     | 
    
         
            -
                    oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
         
     | 
| 
       263 
247 
     | 
    
         
             
                    oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         
     | 
| 
       264 
     | 
    
         
            -
                    oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
         
     | 
| 
       265 
248 
     | 
    
         
             
                    ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         
     | 
| 
       266 
249 
     | 
    
         
             
                    ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
         
     | 
| 
       267 
250 
     | 
    
         
             
                    ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
         
     | 
| 
         @@ -294,7 +277,6 @@ declare const CDSSidePanel_base: { 
     | 
|
| 
       294 
277 
     | 
    
         
             
                    onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         
     | 
| 
       295 
278 
     | 
    
         
             
                    onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         
     | 
| 
       296 
279 
     | 
    
         
             
                    onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         
     | 
| 
       297 
     | 
    
         
            -
                    onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
         
     | 
| 
       298 
280 
     | 
    
         
             
                    onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         
     | 
| 
       299 
281 
     | 
    
         
             
                    onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         
     | 
| 
       300 
282 
     | 
    
         
             
                    onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         
     | 
| 
         @@ -306,12 +288,11 @@ declare const CDSSidePanel_base: { 
     | 
|
| 
       306 
288 
     | 
    
         
             
                    onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         
     | 
| 
       307 
289 
     | 
    
         
             
                    onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         
     | 
| 
       308 
290 
     | 
    
         
             
                    onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         
     | 
| 
       309 
     | 
    
         
            -
                    onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
         
     | 
| 
      
 291 
     | 
    
         
            +
                    onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => any) | null;
         
     | 
| 
       310 
292 
     | 
    
         
             
                    onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         
     | 
| 
       311 
293 
     | 
    
         
             
                    onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         
     | 
| 
       312 
294 
     | 
    
         
             
                    onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
         
     | 
| 
       313 
295 
     | 
    
         
             
                    onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         
     | 
| 
       314 
     | 
    
         
            -
                    onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         
     | 
| 
       315 
296 
     | 
    
         
             
                    onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
         
     | 
| 
       316 
297 
     | 
    
         
             
                    onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         
     | 
| 
       317 
298 
     | 
    
         
             
                    onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         
     | 
| 
         @@ -341,15 +322,15 @@ declare const CDSSidePanel_base: { 
     | 
|
| 
       341 
322 
     | 
    
         
             
                    onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
         
     | 
| 
       342 
323 
     | 
    
         
             
                    autofocus: boolean;
         
     | 
| 
       343 
324 
     | 
    
         
             
                    readonly dataset: DOMStringMap;
         
     | 
| 
       344 
     | 
    
         
            -
                    nonce?: string;
         
     | 
| 
      
 325 
     | 
    
         
            +
                    nonce?: string | undefined;
         
     | 
| 
       345 
326 
     | 
    
         
             
                    tabIndex: number;
         
     | 
| 
       346 
327 
     | 
    
         
             
                    blur(): void;
         
     | 
| 
       347 
     | 
    
         
            -
                    focus(options?: FocusOptions): void;
         
     | 
| 
      
 328 
     | 
    
         
            +
                    focus(options?: FocusOptions | undefined): void;
         
     | 
| 
       348 
329 
     | 
    
         
             
                };
         
     | 
| 
       349 
330 
     | 
    
         
             
                _hostListeners: {
         
     | 
| 
       350 
331 
     | 
    
         
             
                    [listenerName: string]: {
         
     | 
| 
       351 
332 
     | 
    
         
             
                        [type: string]: {
         
     | 
| 
       352 
     | 
    
         
            -
                            options?: boolean | AddEventListenerOptions;
         
     | 
| 
      
 333 
     | 
    
         
            +
                            options?: boolean | AddEventListenerOptions | undefined;
         
     | 
| 
       353 
334 
     | 
    
         
             
                        };
         
     | 
| 
       354 
335 
     | 
    
         
             
                    };
         
     | 
| 
       355 
336 
     | 
    
         
             
                };
         
     | 
| 
         @@ -510,7 +491,7 @@ declare class CDSSidePanel extends CDSSidePanel_base { 
     | 
|
| 
       510 
491 
     | 
    
         
             
                disconnectObservers(): void;
         
     | 
| 
       511 
492 
     | 
    
         
             
                connectedCallback(): void;
         
     | 
| 
       512 
493 
     | 
    
         
             
                disconnectedCallback(): void;
         
     | 
| 
       513 
     | 
    
         
            -
                render(): import("lit").TemplateResult<1>;
         
     | 
| 
      
 494 
     | 
    
         
            +
                render(): import("lit-html").TemplateResult<1>;
         
     | 
| 
       514 
495 
     | 
    
         
             
                updated(changedProperties: any): Promise<void>;
         
     | 
| 
       515 
496 
     | 
    
         
             
                /**
         
     | 
| 
       516 
497 
     | 
    
         
             
                 * @param ms The number of milliseconds.
         
     | 
| 
         @@ -0,0 +1,26 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            /**
         
     | 
| 
      
 2 
     | 
    
         
            +
             * @license
         
     | 
| 
      
 3 
     | 
    
         
            +
             *
         
     | 
| 
      
 4 
     | 
    
         
            +
             * Copyright IBM Corp. 2023, 2024
         
     | 
| 
      
 5 
     | 
    
         
            +
             *
         
     | 
| 
      
 6 
     | 
    
         
            +
             * This source code is licensed under the Apache-2.0 license found in the
         
     | 
| 
      
 7 
     | 
    
         
            +
             * LICENSE file in the root directory of this source tree.
         
     | 
| 
      
 8 
     | 
    
         
            +
             */
         
     | 
| 
      
 9 
     | 
    
         
            +
            export declare enum TEARSHEET_INFLUENCER_PLACEMENT {
         
     | 
| 
      
 10 
     | 
    
         
            +
                /** right / default */
         
     | 
| 
      
 11 
     | 
    
         
            +
                RIGHT = "right",
         
     | 
| 
      
 12 
     | 
    
         
            +
                /** left  */
         
     | 
| 
      
 13 
     | 
    
         
            +
                LEFT = "left"
         
     | 
| 
      
 14 
     | 
    
         
            +
            }
         
     | 
| 
      
 15 
     | 
    
         
            +
            export declare enum TEARSHEET_INFLUENCER_WIDTH {
         
     | 
| 
      
 16 
     | 
    
         
            +
                /** narrow /default */
         
     | 
| 
      
 17 
     | 
    
         
            +
                NARROW = "narrow",
         
     | 
| 
      
 18 
     | 
    
         
            +
                /** wide  */
         
     | 
| 
      
 19 
     | 
    
         
            +
                WIDE = "wide"
         
     | 
| 
      
 20 
     | 
    
         
            +
            }
         
     | 
| 
      
 21 
     | 
    
         
            +
            export declare enum TEARSHEET_WIDTH {
         
     | 
| 
      
 22 
     | 
    
         
            +
                /** narrow  */
         
     | 
| 
      
 23 
     | 
    
         
            +
                NARROW = "narrow",
         
     | 
| 
      
 24 
     | 
    
         
            +
                /** wide  */
         
     | 
| 
      
 25 
     | 
    
         
            +
                WIDE = "wide"
         
     | 
| 
      
 26 
     | 
    
         
            +
            }
         
     | 
| 
         @@ -0,0 +1,39 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            /**
         
     | 
| 
      
 2 
     | 
    
         
            +
             * Copyright IBM Corp. 2024
         
     | 
| 
      
 3 
     | 
    
         
            +
             *
         
     | 
| 
      
 4 
     | 
    
         
            +
             * This source code is licensed under the Apache-2.0 license found in the
         
     | 
| 
      
 5 
     | 
    
         
            +
             * LICENSE file in the root directory of this source tree.
         
     | 
| 
      
 6 
     | 
    
         
            +
             */
         
     | 
| 
      
 7 
     | 
    
         
            +
             
     | 
| 
      
 8 
     | 
    
         
            +
            'use strict';
         
     | 
| 
      
 9 
     | 
    
         
            +
             
     | 
| 
      
 10 
     | 
    
         
            +
            /**
         
     | 
| 
      
 11 
     | 
    
         
            +
             * @license
         
     | 
| 
      
 12 
     | 
    
         
            +
             *
         
     | 
| 
      
 13 
     | 
    
         
            +
             * Copyright IBM Corp. 2023, 2024
         
     | 
| 
      
 14 
     | 
    
         
            +
             *
         
     | 
| 
      
 15 
     | 
    
         
            +
             * This source code is licensed under the Apache-2.0 license found in the
         
     | 
| 
      
 16 
     | 
    
         
            +
             * LICENSE file in the root directory of this source tree.
         
     | 
| 
      
 17 
     | 
    
         
            +
             */
         
     | 
| 
      
 18 
     | 
    
         
            +
            exports.TEARSHEET_INFLUENCER_PLACEMENT = void 0;
         
     | 
| 
      
 19 
     | 
    
         
            +
            (function (TEARSHEET_INFLUENCER_PLACEMENT) {
         
     | 
| 
      
 20 
     | 
    
         
            +
                /** right / default */
         
     | 
| 
      
 21 
     | 
    
         
            +
                TEARSHEET_INFLUENCER_PLACEMENT["RIGHT"] = "right";
         
     | 
| 
      
 22 
     | 
    
         
            +
                /** left  */
         
     | 
| 
      
 23 
     | 
    
         
            +
                TEARSHEET_INFLUENCER_PLACEMENT["LEFT"] = "left";
         
     | 
| 
      
 24 
     | 
    
         
            +
            })(exports.TEARSHEET_INFLUENCER_PLACEMENT || (exports.TEARSHEET_INFLUENCER_PLACEMENT = {}));
         
     | 
| 
      
 25 
     | 
    
         
            +
            exports.TEARSHEET_INFLUENCER_WIDTH = void 0;
         
     | 
| 
      
 26 
     | 
    
         
            +
            (function (TEARSHEET_INFLUENCER_WIDTH) {
         
     | 
| 
      
 27 
     | 
    
         
            +
                /** narrow /default */
         
     | 
| 
      
 28 
     | 
    
         
            +
                TEARSHEET_INFLUENCER_WIDTH["NARROW"] = "narrow";
         
     | 
| 
      
 29 
     | 
    
         
            +
                /** wide  */
         
     | 
| 
      
 30 
     | 
    
         
            +
                TEARSHEET_INFLUENCER_WIDTH["WIDE"] = "wide";
         
     | 
| 
      
 31 
     | 
    
         
            +
            })(exports.TEARSHEET_INFLUENCER_WIDTH || (exports.TEARSHEET_INFLUENCER_WIDTH = {}));
         
     | 
| 
      
 32 
     | 
    
         
            +
            exports.TEARSHEET_WIDTH = void 0;
         
     | 
| 
      
 33 
     | 
    
         
            +
            (function (TEARSHEET_WIDTH) {
         
     | 
| 
      
 34 
     | 
    
         
            +
                /** narrow  */
         
     | 
| 
      
 35 
     | 
    
         
            +
                TEARSHEET_WIDTH["NARROW"] = "narrow";
         
     | 
| 
      
 36 
     | 
    
         
            +
                /** wide  */
         
     | 
| 
      
 37 
     | 
    
         
            +
                TEARSHEET_WIDTH["WIDE"] = "wide";
         
     | 
| 
      
 38 
     | 
    
         
            +
            })(exports.TEARSHEET_WIDTH || (exports.TEARSHEET_WIDTH = {}));
         
     | 
| 
      
 39 
     | 
    
         
            +
            //# sourceMappingURL=defs.js.map
         
     | 
| 
         @@ -0,0 +1 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            {"version":3,"file":"defs.js","sources":["../../../src/components/tearsheet/defs.ts"],"sourcesContent":[null],"names":["TEARSHEET_INFLUENCER_PLACEMENT","TEARSHEET_INFLUENCER_WIDTH","TEARSHEET_WIDTH"],"mappings":";;;;;;;;;AAAA;;;;;;;AAOG;AAESA,gDAMX;AAND,CAAA,UAAY,8BAA8B,EAAA;;AAExC,IAAA,8BAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;;AAGf,IAAA,8BAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACf,CAAC,EANWA,sCAA8B,KAA9BA,sCAA8B,GAMzC,EAAA,CAAA,CAAA,CAAA;AAEWC,4CAKX;AALD,CAAA,UAAY,0BAA0B,EAAA;;AAEpC,IAAA,0BAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;;AAEjB,IAAA,0BAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACf,CAAC,EALWA,kCAA0B,KAA1BA,kCAA0B,GAKrC,EAAA,CAAA,CAAA,CAAA;AAEWC,iCAKX;AALD,CAAA,UAAY,eAAe,EAAA;;AAEzB,IAAA,eAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;;AAEjB,IAAA,eAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACf,CAAC,EALWA,uBAAe,KAAfA,uBAAe,GAK1B,EAAA,CAAA,CAAA;;"}
         
     |