@eui/ecl 19.0.0-next.1 → 19.0.0-next.3

package/fesm2022/eui-ecl-components-ecl-select.mjs

@@ -0,0 +1,183 @@
+import * as i0 from '@angular/core';
+import { booleanAttribute, Component, Input, HostBinding, Directive, Optional, Self, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@eui/ecl/components/ecl-icon';
+import { EclIconComponentModule } from '@eui/ecl/components/ecl-icon';
+import * as i3 from '@eui/ecl/components/ecl-button';
+import { EclButtonComponentModule } from '@eui/ecl/components/ecl-button';
+import * as i1 from '@eui/ecl/core';
+import { ECLBaseDirective } from '@eui/ecl/core';
+import * as i4 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i1$1 from '@angular/forms';
+
+class EclSelectContainerComponent extends ECLBaseDirective {
+    get cssClasses() {
+        return [
+            super.getCssClasses('ecl-select__container'),
+            this.eclSize ? `ecl-select__container--${this.eclSize}` : '',
+            this.disabled ? 'ecl-select__container--disabled' : '',
+            this.isInvalid ? 'ecl-select__container--invalid' : '',
+        ]
+            .join(' ')
+            .trim();
+    }
+    constructor(eclThemeService) {
+        super();
+        this.eclThemeService = eclThemeService;
+        this.eclSize = 'm';
+        this.toggleLabel = undefined;
+        this.ICON_SIZE_EC = 'xs';
+        this.ICON_SIZE_EU = 's';
+    }
+    get iconSize() {
+        if (this.eclThemeService.isECTheme()) {
+            return this.ICON_SIZE_EC;
+        }
+        else {
+            return this.ICON_SIZE_EU;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclSelectContainerComponent, deps: [{ token: i1.EclThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.0-rc.1", type: EclSelectContainerComponent, isStandalone: false, selector: "ecl-select-container", inputs: { eclSize: "eclSize", disabled: ["disabled", "disabled", booleanAttribute], isInvalid: ["isInvalid", "isInvalid", booleanAttribute], toggleLabel: "toggleLabel" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-select__icon\">\n    <button eclButton variant=\"ghost\" isIconOnly>\n        <span eclButtonLabel>{{ toggleLabel || 'ecl.multiselect.TOGGLE.DROPDOWN' | translate }}</span>\n        <ecl-icon icon=\"corner-arrow\" [size]=\"iconSize\" transform=\"rotate-180\"></ecl-icon>\n    </button>\n</div>\n", dependencies: [{ kind: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "component", type: i3.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "directive", type: i3.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclSelectContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ecl-select-container', standalone: false, template: "<div class=\"ecl-select__icon\">\n    <button eclButton variant=\"ghost\" isIconOnly>\n        <span eclButtonLabel>{{ toggleLabel || 'ecl.multiselect.TOGGLE.DROPDOWN' | translate }}</span>\n        <ecl-icon icon=\"corner-arrow\" [size]=\"iconSize\" transform=\"rotate-180\"></ecl-icon>\n    </button>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1.EclThemeService }], propDecorators: { eclSize: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], isInvalid: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], toggleLabel: [{
+                type: Input
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class EclSelectDirective extends ECLBaseDirective {
+    get cssClasses() {
+        return [super.getCssClasses('ecl-select')].join(' ').trim();
+    }
+    get isDisabled() {
+        if (this.ngControl) {
+            return this.ngControl.disabled || null;
+        }
+        else {
+            return this.disabled || null;
+        }
+    }
+    get isInvalidState() {
+        if (this.ngControl) {
+            return this.ngControl.status === 'INVALID' && this.ngControl.touched;
+        }
+        else {
+            return this.isInvalid;
+        }
+    }
+    constructor(ngControl, el, viewContainerRef, renderer) {
+        super();
+        this.ngControl = ngControl;
+        this.el = el;
+        this.viewContainerRef = viewContainerRef;
+        this.renderer = renderer;
+        this.disabled = false;
+        this.isInvalid = false;
+        this.toggleLabel = undefined;
+        this.eclSize = 'm';
+        this.OPTGROUP_TAG_NAME = 'OPTGROUP';
+    }
+    ngOnInit() {
+        const containerComponentRef = this.viewContainerRef.createComponent(EclSelectContainerComponent);
+        this.containerComponent = containerComponentRef.instance;
+        this.containerComponent.eclSize = this.eclSize;
+        this.containerComponent.disabled = this.isDisabled;
+        this.containerComponent.toggleLabel = this.toggleLabel;
+        this.containerComponent.isInvalid = this.isInvalidState;
+        containerComponentRef.location.nativeElement.prepend(this.el.nativeElement);
+    }
+    ngAfterContentInit() {
+        const childrenElements = Array.from(this.el.nativeElement.children);
+        this.handleOptgroup(childrenElements);
+    }
+    ngDoCheck() {
+        this.containerComponent.eclSize = this.eclSize;
+        this.containerComponent.disabled = this.isDisabled;
+        this.containerComponent.isInvalid = this.isInvalidState;
+    }
+    handleOptgroup(childrenElements) {
+        childrenElements.filter(item => {
+            return item.tagName === this.OPTGROUP_TAG_NAME && item.getAttribute('label') !== null;
+        }).forEach(optGroup => {
+            const optGroupLabel = optGroup.getAttribute('label');
+            this.renderer.setAttribute(optGroup, 'aria-label', optGroupLabel);
+            Array.from(optGroup.children).forEach(option => {
+                const optionLabel = option.getAttribute('label') || option.textContent;
+                if (optionLabel) {
+                    this.renderer.setAttribute(option, 'aria-label', `${optionLabel} - ${optGroupLabel}`);
+                }
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclSelectDirective, deps: [{ token: i1$1.NgControl, optional: true, self: true }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.0.0-rc.1", type: EclSelectDirective, isStandalone: false, selector: "select[eclSelect]", inputs: { disabled: ["disabled", "disabled", booleanAttribute], isInvalid: ["isInvalid", "isInvalid", booleanAttribute], toggleLabel: "toggleLabel", eclSize: "eclSize" }, host: { properties: { "attr.disabled": "this.isDisabled", "class": "this.cssClasses", "class.ecl-select--invalid": "this.isInvalidState" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclSelectDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'select[eclSelect]',
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [{ type: i1$1.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.Renderer2 }], propDecorators: { disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }, {
+                type: HostBinding,
+                args: ['attr.disabled']
+            }], isInvalid: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], toggleLabel: [{
+                type: Input
+            }], eclSize: [{
+                type: Input
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], isDisabled: [{
+                type: HostBinding,
+                args: ['attr.disabled']
+            }], isInvalidState: [{
+                type: HostBinding,
+                args: ['class.ecl-select--invalid']
+            }] } });
+
+const COMPONENTS = [EclSelectDirective, EclSelectContainerComponent];
+class EclSelectDirectiveModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclSelectDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclSelectDirectiveModule, declarations: [EclSelectDirective, EclSelectContainerComponent], imports: [CommonModule, EclIconComponentModule, TranslateModule, EclButtonComponentModule], exports: [EclSelectDirective, EclSelectContainerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclSelectDirectiveModule, imports: [CommonModule, EclIconComponentModule, TranslateModule, EclButtonComponentModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclSelectDirectiveModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, EclIconComponentModule, TranslateModule, EclButtonComponentModule],
+                    exports: [...COMPONENTS],
+                    declarations: [...COMPONENTS],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EclSelectContainerComponent, EclSelectDirective, EclSelectDirectiveModule };
+//# sourceMappingURL=eui-ecl-components-ecl-select.mjs.map

package/fesm2022/eui-ecl-components-ecl-select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-ecl-components-ecl-select.mjs","sources":["../../components/ecl-select/ecl-select-container.component.ts","../../components/ecl-select/ecl-select-container.component.html","../../components/ecl-select/ecl-select.directive.ts","../../components/ecl-select/ecl-select.module.ts","../../components/ecl-select/eui-ecl-components-ecl-select.ts"],"sourcesContent":["import { Component, HostBinding, Input, booleanAttribute } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclThemeService } from '@eui/ecl/core';\n\n@Component({\n    selector: 'ecl-select-container',\n    templateUrl: './ecl-select-container.component.html',\n    standalone: false,\n})\nexport class EclSelectContainerComponent extends ECLBaseDirective {\n    @Input() eclSize = 'm';\n    @Input({ transform: booleanAttribute }) disabled: boolean;\n    @Input({ transform: booleanAttribute }) isInvalid: boolean;\n    @Input() toggleLabel: string | undefined = undefined;\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            super.getCssClasses('ecl-select__container'),\n            this.eclSize ? `ecl-select__container--${this.eclSize}` : '',\n            this.disabled ? 'ecl-select__container--disabled' : '',\n            this.isInvalid ? 'ecl-select__container--invalid' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    private ICON_SIZE_EC = 'xs';\n    private ICON_SIZE_EU = 's'\n\n    constructor(private eclThemeService: EclThemeService) {\n        super();\n    }\n\n    get iconSize(): string {\n        if (this.eclThemeService.isECTheme()) {\n            return this.ICON_SIZE_EC;\n        } else {\n            return this.ICON_SIZE_EU;\n        }\n    }\n}\n","<div class=\"ecl-select__icon\">\n    <button eclButton variant=\"ghost\" isIconOnly>\n        <span eclButtonLabel>{{ toggleLabel || 'ecl.multiselect.TOGGLE.DROPDOWN' | translate }}</span>\n        <ecl-icon icon=\"corner-arrow\" [size]=\"iconSize\" transform=\"rotate-180\"></ecl-icon>\n    </button>\n</div>\n","import {\n    AfterContentInit,\n    Directive, DoCheck, ElementRef, HostBinding, Input, OnInit, Optional,\n    Renderer2, Self, ViewContainerRef, booleanAttribute } from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclSelectContainerComponent } from './ecl-select-container.component';\n\n@Directive({\n    selector: 'select[eclSelect]',\n    standalone: false,\n})\nexport class EclSelectDirective extends ECLBaseDirective implements OnInit, DoCheck,  AfterContentInit{\n    @Input({ transform: booleanAttribute }) @HostBinding('attr.disabled') disabled = false;\n    @Input({ transform: booleanAttribute }) isInvalid = false;\n    @Input() toggleLabel: string | undefined = undefined;\n    @Input() eclSize = 'm';\n\n    private containerComponent: EclSelectContainerComponent;\n    private readonly OPTGROUP_TAG_NAME = 'OPTGROUP';\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-select')].join(' ').trim();\n    }\n\n    @HostBinding('attr.disabled')\n    get isDisabled(): boolean {\n        if (this.ngControl) {\n            return this.ngControl.disabled || null;\n        } else {\n            return this.disabled || null;\n        }\n    }\n\n    @HostBinding('class.ecl-select--invalid')\n    get isInvalidState(): boolean {\n        if (this.ngControl) {\n            return this.ngControl.status === 'INVALID' && this.ngControl.touched;\n        } else {\n            return this.isInvalid;\n        }\n    }\n\n    constructor(\n        @Optional() @Self() private ngControl: NgControl,\n        private el: ElementRef,\n        private viewContainerRef: ViewContainerRef,\n        private renderer: Renderer2,\n    ) {\n        super();\n    }\n\n    ngOnInit(): void {\n        const containerComponentRef = this.viewContainerRef.createComponent(EclSelectContainerComponent);\n\n        this.containerComponent = containerComponentRef.instance;\n        this.containerComponent.eclSize = this.eclSize;\n        this.containerComponent.disabled = this.isDisabled;\n        this.containerComponent.toggleLabel = this.toggleLabel;\n        this.containerComponent.isInvalid = this.isInvalidState;\n\n        containerComponentRef.location.nativeElement.prepend(this.el.nativeElement);\n    }\n\n    ngAfterContentInit(): void {\n        const childrenElements: Element[] = Array.from(this.el.nativeElement.children);\n        this.handleOptgroup(childrenElements);\n    }\n\n    ngDoCheck(): void {\n        this.containerComponent.eclSize = this.eclSize;\n        this.containerComponent.disabled = this.isDisabled;\n        this.containerComponent.isInvalid = this.isInvalidState;\n    }\n\n    private handleOptgroup(childrenElements: Element[]): void {\n        childrenElements.filter(item => {\n            return item.tagName === this.OPTGROUP_TAG_NAME && item.getAttribute('label') !== null;\n        }).forEach(optGroup => {\n            const optGroupLabel = optGroup.getAttribute('label');\n            this.renderer.setAttribute(optGroup, 'aria-label', optGroupLabel);\n            Array.from(optGroup.children).forEach(option => {\n               const optionLabel = option.getAttribute('label') || option.textContent;\n               if (optionLabel) {\n                  this.renderer.setAttribute(option, 'aria-label',`${optionLabel} - ${optGroupLabel}`);\n               }\n            });\n        });\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EclIconComponentModule } from '@eui/ecl/components/ecl-icon';\nimport { EclButtonComponentModule } from '@eui/ecl/components/ecl-button';\nimport { EclSelectDirective } from './ecl-select.directive';\nimport { EclSelectContainerComponent } from './ecl-select-container.component';\nimport { TranslateModule } from '@ngx-translate/core';\n\nconst COMPONENTS = [EclSelectDirective, EclSelectContainerComponent];\n\n@NgModule({\n    imports: [CommonModule, EclIconComponentModule, TranslateModule, EclButtonComponentModule],\n    exports: [...COMPONENTS],\n    declarations: [...COMPONENTS],\n})\nexport class EclSelectDirectiveModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

package/fesm2022/eui-ecl-components-ecl-separator.mjs

@@ -0,0 +1,44 @@
+import * as i0 from '@angular/core';
+import { Directive, HostBinding, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ECLBaseDirective } from '@eui/ecl/core';
+
+class EclSeparatorDirective extends ECLBaseDirective {
+    constructor() {
+        super(...arguments);
+        this.hasClass = true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclSeparatorDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-rc.1", type: EclSeparatorDirective, isStandalone: false, selector: "hr[eclSeparator]", host: { properties: { "class.ecl-separator": "this.hasClass" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclSeparatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'hr[eclSeparator]',
+                    standalone: false,
+                }]
+        }], propDecorators: { hasClass: [{
+                type: HostBinding,
+                args: ['class.ecl-separator']
+            }] } });
+
+class EclSeparatorModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclSeparatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclSeparatorModule, declarations: [EclSeparatorDirective], imports: [CommonModule], exports: [EclSeparatorDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclSeparatorModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclSeparatorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    exports: [EclSeparatorDirective],
+                    declarations: [EclSeparatorDirective],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EclSeparatorDirective, EclSeparatorModule };
+//# sourceMappingURL=eui-ecl-components-ecl-separator.mjs.map

package/fesm2022/eui-ecl-components-ecl-separator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-ecl-components-ecl-separator.mjs","sources":["../../components/ecl-separator/ecl-separator.directive.ts","../../components/ecl-separator/ecl-separator.module.ts","../../components/ecl-separator/eui-ecl-components-ecl-separator.ts"],"sourcesContent":["import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n@Directive({\n    selector: 'hr[eclSeparator]',\n    standalone: false,\n})\nexport class EclSeparatorDirective extends ECLBaseDirective {\n    @HostBinding('class.ecl-separator') hasClass = true;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EclSeparatorDirective } from './ecl-separator.directive';\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [EclSeparatorDirective],\n    declarations: [EclSeparatorDirective],\n})\nexport class EclSeparatorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAOM,MAAO,qBAAsB,SAAQ,gBAAgB,CAAA;AAJ3D,IAAA,WAAA,GAAA;;QAKwC,IAAQ,CAAA,QAAA,GAAG,IAAI;AACtD;mHAFY,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;uGAArB,qBAAqB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,eAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;gGAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAJjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,UAAU,EAAE,KAAK;AACpB,iBAAA;8BAEuC,QAAQ,EAAA,CAAA;sBAA3C,WAAW;uBAAC,qBAAqB;;;MCCzB,kBAAkB,CAAA;mHAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,aAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,EAFZ,YAAA,EAAA,CAAA,qBAAqB,CAF1B,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,qBAAqB,CAAA,EAAA,CAAA,CAAA;AAGtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,aAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAJjB,YAAY,CAAA,EAAA,CAAA,CAAA;;gGAIb,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,qBAAqB,CAAC;oBAChC,YAAY,EAAE,CAAC,qBAAqB,CAAC;AACxC,iBAAA;;;ACRD;;AAEG;;;;"}