@carbon/ibm-products-web-components 0.27.0-rc.0 → 0.28.0-rc.0

package/README.md

@@ -1,5 +1,90 @@
 # @carbon/ibm-products-web-components
 
+> Carbon for IBM Products web components
+
+## Getting started
+
+If you’re just getting started and looking to browse our web components, take a
+look at
+[our Storybook](https://ibm-products-web-components.carbondesignsystem.com/).
+
+### 📦 Installing Carbon for IBM Products web components
+
+To use Carbon for IBM Products web components, all you need to do is install the
+`@carbon/ibm-products-web-components` package.
+
+```shell
+$ yarn add @carbon/ibm-products-web-components
+
+# or
+
+$ npm install @carbon/ibm-products-web-components
+```
+
+Then you can import the component styles in your `index.js`.
+
+```js
+import '@carbon/ibm-products/css/index.min.css';
+```
+
+### Usage
+
+To use a component, you can import it directly from the package:
+
+```javascript
+import '@carbon/ibm-products-web-components/es/components/about-modal.js';
+```
+
+Once you've imported the component modules, you can use the components in the
+same manner as native HTML tags:
+
+```html
+<c4p-about-modal
+  closeIconDescription="Close"
+  copyrightText="Copyright © IBM Corp. 2025"
+  .title="IBM Product Name"
+  .version="0.0.0"
+></c4p-about-modal>
+```
+
+## 📖 API Documentation
+
+If you're looking for `@carbon/ibm-products-web-components` API documentation,
+check out:
+
+- [Storybook](https://ibm-products-web-components.carbondesignsystem.com/)
+
+### Building and running Storybook locally
+
+To get started, run the following commands and Storybook will be built and then
+served on port `3000` on your local machine.
+
+If this is your first time running web components in Storybook, run the
+following commands:
+
+```shell
+yarn
+yarn build
+```
+
+Then run Storybook:
+
+```shell
+yarn storybook-wc
+```
+
+## 🙌 Contributing
+
+We're always looking for contributors to help us fix bugs, build new features,
+or help us improve the project documentation. If you're interested, definitely
+check out our
+[Contributing Guide](https://github.com/carbon-design-system/ibm-products/blob/main/.github/CONTRIBUTING.md)!
+👀
+
+## 📝 License
+
+Licensed under the [Apache 2.0 License](/LICENSE).
+
 ## <picture><source height="20" width="20" media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-dark.svg"><source height="20" width="20" media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"><img height="20" width="20" alt="IBM Telemetry" src="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"></picture> IBM Telemetry
 
 This package uses IBM Telemetry to collect de-identified and anonymized metrics

package/custom-elements.json

@@ -146,6 +146,11 @@
         {
           "name": "set-of-users",
           "type": "SetOfUsers"
+        },
+        {
+          "name": "length",
+          "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
+          "type": "number"
         }
       ],
       "events": [
@@ -522,6 +527,11 @@
         {
           "name": "set-of-users",
           "type": "SetOfUsers"
+        },
+        {
+          "name": "length",
+          "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
+          "type": "number"
         }
       ],
       "events": [
@@ -726,6 +736,11 @@
         {
           "name": "set-of-users",
           "type": "SetOfUsers"
+        },
+        {
+          "name": "length",
+          "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
+          "type": "number"
         }
       ]
     },
@@ -801,6 +816,11 @@
         {
           "name": "set-of-users",
           "type": "SetOfUsers"
+        },
+        {
+          "name": "length",
+          "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
+          "type": "number"
         }
       ],
       "events": [
@@ -997,6 +1017,11 @@
           "name": "set-of-users",
           "type": "SetOfUsers"
         },
+        {
+          "name": "length",
+          "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
+          "type": "number"
+        },
         {
           "name": "hasThreeButtons",
           "description": "`true` if this modal footer has more than two buttons.",
@@ -1195,6 +1220,11 @@
         {
           "name": "set-of-users",
           "type": "SetOfUsers"
+        },
+        {
+          "name": "length",
+          "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
+          "type": "number"
         }
       ]
     },
@@ -1341,6 +1371,11 @@
         {
           "name": "set-of-users",
           "type": "SetOfUsers"
+        },
+        {
+          "name": "length",
+          "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
+          "type": "number"
         }
       ],
       "events": [
@@ -1427,6 +1462,11 @@
         {
           "name": "set-of-users",
           "type": "SetOfUsers"
+        },
+        {
+          "name": "length",
+          "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
+          "type": "number"
         }
       ],
       "events": [
@@ -1585,6 +1625,11 @@
         {
           "name": "set-of-users",
           "type": "SetOfUsers"
+        },
+        {
+          "name": "length",
+          "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
+          "type": "number"
         }
       ],
       "events": [
@@ -1703,6 +1748,11 @@
         {
           "name": "set-of-users",
           "type": "SetOfUsers"
+        },
+        {
+          "name": "length",
+          "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
+          "type": "number"
         }
       ],
       "events": [
@@ -1826,6 +1876,11 @@
         {
           "name": "set-of-users",
           "type": "SetOfUsers"
+        },
+        {
+          "name": "length",
+          "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
+          "type": "number"
         }
       ],
       "events": [
@@ -2285,7 +2340,7 @@
         },
         {
           "name": "shadowRootOptions",
-          "type": "{ delegatesFocus: boolean; mode: ShadowRootMode; serializable?: boolean | undefined; slotAssignment?: SlotAssignmentMode | undefined; }"
+          "type": "{ delegatesFocus: boolean; clonable?: boolean | undefined; customElementRegistry?: CustomElementRegistry | undefined; mode: ShadowRootMode; serializable?: boolean | undefined; slotAssignment?: SlotAssignmentMode | undefined; }"
         },
         {
           "name": "styles"
@@ -2302,6 +2357,10 @@
           "name": "autocapitalize",
           "type": "string"
         },
+        {
+          "name": "autocorrect",
+          "type": "boolean"
+        },
         {
           "name": "dir",
           "type": "string"
@@ -2470,6 +2529,10 @@
           "name": "tagName",
           "type": "string"
         },
+        {
+          "name": "textContent",
+          "type": "string"
+        },
         {
           "name": "baseURI",
           "type": "string"
@@ -2518,10 +2581,6 @@
           "name": "previousSibling",
           "type": "ChildNode | null"
         },
-        {
-          "name": "textContent",
-          "type": "string | null"
-        },
         {
           "name": "ELEMENT_NODE",
           "type": "1"
@@ -2594,6 +2653,10 @@
           "name": "DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC",
           "type": "32"
         },
+        {
+          "name": "ariaActiveDescendantElement",
+          "type": "Element | null"
+        },
         {
           "name": "ariaAtomic",
           "type": "string | null"
@@ -2634,22 +2697,42 @@
           "name": "ariaColSpan",
           "type": "string | null"
         },
+        {
+          "name": "ariaControlsElements",
+          "type": "readonly Element[] | null"
+        },
         {
           "name": "ariaCurrent",
           "type": "string | null"
         },
+        {
+          "name": "ariaDescribedByElements",
+          "type": "readonly Element[] | null"
+        },
         {
           "name": "ariaDescription",
           "type": "string | null"
         },
+        {
+          "name": "ariaDetailsElements",
+          "type": "readonly Element[] | null"
+        },
         {
           "name": "ariaDisabled",
           "type": "string | null"
         },
+        {
+          "name": "ariaErrorMessageElements",
+          "type": "readonly Element[] | null"
+        },
         {
           "name": "ariaExpanded",
           "type": "string | null"
         },
+        {
+          "name": "ariaFlowToElements",
+          "type": "readonly Element[] | null"
+        },
         {
           "name": "ariaHasPopup",
           "type": "string | null"
@@ -2670,6 +2753,10 @@
           "name": "ariaLabel",
           "type": "string | null"
         },
+        {
+          "name": "ariaLabelledByElements",
+          "type": "readonly Element[] | null"
+        },
         {
           "name": "ariaLevel",
           "type": "string | null"
@@ -2694,6 +2781,10 @@
           "name": "ariaOrientation",
           "type": "string | null"
         },
+        {
+          "name": "ariaOwnsElements",
+          "type": "readonly Element[] | null"
+        },
         {
           "name": "ariaPlaceholder",
           "type": "string | null"
@@ -2710,6 +2801,10 @@
           "name": "ariaReadOnly",
           "type": "string | null"
         },
+        {
+          "name": "ariaRelevant",
+          "type": "string | null"
+        },
         {
           "name": "ariaRequired",
           "type": "string | null"
@@ -2840,16 +2935,20 @@
         },
         {
           "name": "onauxclick",
-          "type": "((this: GlobalEventHandlers, ev: MouseEvent) => any) | null"
+          "type": "((this: GlobalEventHandlers, ev: PointerEvent) => any) | null"
         },
         {
           "name": "onbeforeinput",
           "type": "((this: GlobalEventHandlers, ev: InputEvent) => any) | null"
         },
         {
-          "name": "onbeforetoggle",
+          "name": "onbeforematch",
           "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
         },
+        {
+          "name": "onbeforetoggle",
+          "type": "((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null"
+        },
         {
           "name": "onblur",
           "type": "((this: GlobalEventHandlers, ev: FocusEvent) => any) | null"
@@ -2872,7 +2971,7 @@
         },
         {
           "name": "onclick",
-          "type": "((this: GlobalEventHandlers, ev: MouseEvent) => any) | null"
+          "type": "((this: GlobalEventHandlers, ev: PointerEvent) => any) | null"
         },
         {
           "name": "onclose",
@@ -2884,7 +2983,7 @@
         },
         {
           "name": "oncontextmenu",
-          "type": "((this: GlobalEventHandlers, ev: MouseEvent) => any) | null"
+          "type": "((this: GlobalEventHandlers, ev: PointerEvent) => any) | null"
         },
         {
           "name": "oncontextrestored",
@@ -3074,6 +3173,10 @@
           "name": "onpointerover",
           "type": "((this: GlobalEventHandlers, ev: PointerEvent) => any) | null"
         },
+        {
+          "name": "onpointerrawupdate",
+          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+        },
         {
           "name": "onpointerup",
           "type": "((this: GlobalEventHandlers, ev: PointerEvent) => any) | null"
@@ -3148,7 +3251,7 @@
         },
         {
           "name": "ontoggle",
-          "type": "((this: GlobalEventHandlers, ev: Event) => any) | null"
+          "type": "((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null"
         },
         {
           "name": "ontouchcancel",
@@ -3528,6 +3631,11 @@
         {
           "name": "set-of-users",
           "type": "SetOfUsers"
+        },
+        {
+          "name": "length",
+          "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
+          "type": "number"
         }
       ],
       "events": [
@@ -3789,6 +3897,11 @@
         {
           "name": "set-of-users",
           "type": "SetOfUsers"
+        },
+        {
+          "name": "length",
+          "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
+          "type": "number"
         }
       ],
       "events": [
@@ -4173,6 +4286,11 @@
         {
           "name": "set-of-users",
           "type": "SetOfUsers"
+        },
+        {
+          "name": "length",
+          "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
+          "type": "number"
         }
       ]
     }

package/es/components/about-modal/about-modal.d.ts

@@ -17,6 +17,7 @@ declare const CDSAboutModal_base: {
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
+        autocorrect: boolean;
         dir: string;
         draggable: boolean;
         hidden: boolean;
@@ -38,17 +39,14 @@ declare const CDSAboutModal_base: {
         click(): void;
         hidePopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean): boolean;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options
-        /**
-         * Determines if About Modal is open or not.
-         */
-        ?: boolean | AddEventListenerOptions): 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;
-        readonly classList: DOMTokenList;
+        get classList(): DOMTokenList;
+        set classList(value: string): any;
         className: string;
         readonly clientHeight: number;
         readonly clientLeft: number;
@@ -63,7 +61,8 @@ declare const CDSAboutModal_base: {
         onfullscreenerror: ((this: Element, ev: Event) => any) | null;
         outerHTML: string;
         readonly ownerDocument: Document;
-        readonly part: DOMTokenList;
+        get part(): DOMTokenList;
+        set part(value: string): any;
         readonly prefix: string | null;
         readonly scrollHeight: number;
         scrollLeft: number;
@@ -126,6 +125,8 @@ declare const CDSAboutModal_base: {
         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;
@@ -138,9 +139,8 @@ declare const CDSAboutModal_base: {
         readonly parentElement: HTMLElement | null;
         readonly parentNode: ParentNode | null;
         readonly previousSibling: ChildNode | null;
-        textContent: string | null;
         appendChild<T_1 extends Node>(node: T_1): T_1;
-        cloneNode(deep?: boolean): Node;
+        cloneNode(subtree?: boolean): Node;
         compareDocumentPosition(other: Node): number;
         contains(other: Node | null): boolean;
         getRootNode(options?: GetRootNodeOptions): Node;
@@ -173,6 +173,7 @@ declare const CDSAboutModal_base: {
         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;
@@ -183,25 +184,33 @@ declare const CDSAboutModal_base: {
         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;
@@ -243,7 +252,8 @@ declare const CDSAboutModal_base: {
         replaceChildren(...nodes: (Node | string)[]): void;
         readonly assignedSlot: HTMLSlotElement | null;
         readonly attributeStyleMap: StylePropertyMap;
-        readonly style: CSSStyleDeclaration;
+        get style(): CSSStyleDeclaration;
+        set style(cssText: string): any;
         contentEditable: string;
         enterKeyHint: string;
         inputMode: string;
@@ -253,18 +263,19 @@ declare const CDSAboutModal_base: {
         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: MouseEvent) => any) | null;
+        onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
-        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => 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: MouseEvent) => 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: MouseEvent) => 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;
@@ -312,6 +323,7 @@ declare const CDSAboutModal_base: {
         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;
@@ -330,7 +342,7 @@ declare const CDSAboutModal_base: {
         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: 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;

package/es/components/about-modal/about-modal.figma.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright IBM Corp. 2025, 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export {};

package/es/components/about-modal/about-modal.figma.js

@@ -0,0 +1,52 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import figma, { html } from '@figma/code-connect/html';
+
+/**
+ * Copyright IBM Corp. 2025, 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+figma.connect('https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=9478%3A404998', {
+    props: {
+        aboutModalContentProps: figma.nestedProps('_About modal content', {
+            title: figma.string('Title text'),
+            version: figma.string('Version'),
+            content: figma.boolean('Content', {
+                true: figma.string('Content text'),
+                false: undefined,
+            }),
+            copyrightText: figma.string('Copyright text'),
+            links: figma.children(['Link group']),
+        }),
+        footerBaseProps: figma.boolean('Powered by logos', {
+            true: figma.nestedProps('_About modal footer base', {
+                additionalInfo: figma.children('Slot'),
+            }),
+            false: {
+                additionalInfo: undefined,
+            },
+        }),
+    },
+    example: (props) => html `<c4p-about-modal
+        closeIconDescription="close"
+        copyrightText=${props.aboutModalContentProps.copyrightText}
+        .logo=${props.aboutModalContentProps.logo}
+        .title=${props.aboutModalContentProps.title}
+        .version=${props.aboutModalContentProps.version}
+        .additionalInfo=${props.aboutModalContentProps.additionalInfo}
+        .content=${props.aboutModalContentProps.content}
+        .links=${props.aboutModalContentProps.links}
+        aria-label=""
+      ></c4p-about-modal>`,
+    imports: [
+        "import '@carbon/ibm-products-web-components/es/components/about-modal/index.js'",
+    ],
+});
+//# sourceMappingURL=about-modal.figma.js.map

package/es/components/about-modal/about-modal.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"about-modal.figma.js","sources":["../../../src/components/about-modal/about-modal.figma.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAAA;;;;;AAKG;AAIH,KAAK,CAAC,OAAO,CACX,6HAA6H,EAC7H;AACE,IAAA,KAAK,EAAE;AACL,QAAA,sBAAsB,EAAE,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE;AAChE,YAAA,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;AACjC,YAAA,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;AAChC,YAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE;AAChC,gBAAA,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC;AAClC,gBAAA,KAAK,EAAE,SAAS;aACjB,CAAC;AACF,YAAA,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC;YAC7C,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,YAAY,CAAC,CAAC;SACtC,CAAC;AAEF,QAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,kBAAkB,EAAE;AACjD,YAAA,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC,0BAA0B,EAAE;AAClD,gBAAA,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC;aACvC,CAAC;AACF,YAAA,KAAK,EAAE;AACL,gBAAA,cAAc,EAAE,SAAS;AAC1B,aAAA;SACF,CAAC;AACH,KAAA;AACD,IAAA,OAAO,EAAE,CAAC,KAAK,KACb,IAAI,CAAA,CAAA;;wBAEc,KAAK,CAAC,sBAAsB,CAAC,aAAa;gBAClD,KAAK,CAAC,sBAAsB,CAAC,IAAI;iBAChC,KAAK,CAAC,sBAAsB,CAAC,KAAK;mBAChC,KAAK,CAAC,sBAAsB,CAAC,OAAO;0BAC7B,KAAK,CAAC,sBAAsB,CAAC,cAAc;mBAClD,KAAK,CAAC,sBAAsB,CAAC,OAAO;iBACtC,KAAK,CAAC,sBAAsB,CAAC,KAAK;;AAEzB,yBAAA,CAAA;AACtB,IAAA,OAAO,EAAE;QACP,iFAAiF;AAClF,KAAA;AACF,CAAA,CACF"}