@eui/ecl 19.0.0-next.2 → 19.0.0-next.4

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

@@ -0,0 +1,233 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, Input, HostBinding, EventEmitter, booleanAttribute, Directive, Optional, Self, Output, HostListener, NgModule } from '@angular/core';
+import * as i1 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i1$1 from '@eui/ecl/core';
+import { ECLBaseDirective, EclBaseEvent } from '@eui/ecl/core';
+import { Subject, takeUntil, distinctUntilChanged, fromEvent } from 'rxjs';
+import * as i2 from '@angular/forms';
+
+class EclRangeValueComponent extends ECLBaseDirective {
+    get cssClasses() {
+        return [super.getCssClasses('ecl-range__value')].join(' ').trim();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclRangeValueComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0-rc.1", type: EclRangeValueComponent, isStandalone: false, selector: "ecl-range-value", inputs: { value: "value", id: "id" }, host: { properties: { "attr.id": "this.id", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "{{ 'ecl.common.VALUE' | translate }}: <span class=\"ecl-range__value-current\"> {{ value }} </span>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "pipe", type: i1.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclRangeValueComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ecl-range-value', standalone: false, template: "{{ 'ecl.common.VALUE' | translate }}: <span class=\"ecl-range__value-current\"> {{ value }} </span>\n", styles: [":host{display:block}\n"] }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.id']
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class EclRangeBubbleComponent extends ECLBaseDirective {
+    get cssClasses() {
+        return [super.getCssClasses('ecl-range__bubble'),
+            this.isVisible ? 'ecl-range__bubble--visible' : '',
+        ].join(' ').trim();
+    }
+    constructor(el) {
+        super();
+        this.el = el;
+        this.isVisible = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclRangeBubbleComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0-rc.1", type: EclRangeBubbleComponent, isStandalone: false, selector: "ecl-range-bubble", inputs: { value: "value" }, host: { properties: { "class": "this.cssClasses", "style.left.px": "this.left" } }, usesInheritance: true, ngImport: i0, template: "<span class=\"ecl-range__value-bubble\">{{value}}</span>" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclRangeBubbleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ecl-range-bubble', standalone: false, template: "<span class=\"ecl-range__value-bubble\">{{value}}</span>" }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { value: [{
+                type: Input
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], left: [{
+                type: HostBinding,
+                args: ['style.left.px']
+            }] } });
+
+class EclRangeEvent extends EclBaseEvent {
+    constructor(value) {
+        super();
+        this.value = value;
+    }
+}
+
+class EclRangeDirective extends ECLBaseDirective {
+    constructor(viewContainerRef, el, eclRtlService, cd, ngControl) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        this.el = el;
+        this.eclRtlService = eclRtlService;
+        this.cd = cd;
+        this.ngControl = ngControl;
+        this.eclSize = 'm';
+        this.isInvalid = false;
+        this.hasValueLabel = true;
+        this.rangeChange = new EventEmitter();
+        this.isRtl = false;
+        this.destroy$ = new Subject();
+    }
+    get cssClasses() {
+        return [super.getCssClasses('ecl-range'), this.eclSize ? `ecl-range--${this.eclSize}` : ''].join(' ').trim();
+    }
+    get invalidState() {
+        if (this.ngControl) {
+            return this.ngControl.status === 'INVALID' && this.ngControl.touched;
+        }
+        else {
+            return this.isInvalid;
+        }
+    }
+    onInput(evt) {
+        if (!this.ngControl) {
+            const target = evt.target;
+            this.updateRangeValue(target.value);
+        }
+    }
+    ngOnInit() {
+        this.createRangeValueComponent();
+        this.initializeRangeValueComponent();
+        this.initializeEventListeners();
+        this.observeReactiveFormValueChanges();
+        this.handleRtlChangeState();
+    }
+    ngOnDestroy() {
+        this.destroy$.next(true);
+        this.destroy$.unsubscribe();
+    }
+    handleRtlChangeState() {
+        this.eclRtlService.currentRtlState$.pipe(takeUntil(this.destroy$)).subscribe((rtlState) => {
+            this.isRtl = rtlState;
+        });
+    }
+    createRangeValueComponent() {
+        const componentRangeBubbleRef = this.viewContainerRef.createComponent(EclRangeBubbleComponent);
+        const componentRangeValueRef = this.viewContainerRef.createComponent(EclRangeValueComponent);
+        this.rangeBubbleComponent = componentRangeBubbleRef.instance;
+        this.rangeValueComponent = componentRangeValueRef.instance;
+        if (this.rangeValueId) {
+            this.rangeValueComponent.id = this.rangeValueId;
+        }
+    }
+    initializeRangeValueComponent() {
+        const initialValue = this.ngControl ? this.ngControl.value : this.value;
+        this.updateRangeValue(initialValue);
+    }
+    observeReactiveFormValueChanges() {
+        this.ngControl?.valueChanges.pipe(distinctUntilChanged()).subscribe((value) => {
+            this.updateRangeValue(value);
+        });
+    }
+    updateRangeValue(value) {
+        const numberValue = parseInt(value, 10);
+        this.rangeBubbleComponent.value = numberValue;
+        this.rangeValueComponent.value = numberValue;
+        this.rangeChange.next(new EclRangeEvent(numberValue));
+    }
+    initializeEventListeners() {
+        const rangeElement = this.el.nativeElement;
+        const mouseEnter$ = fromEvent(rangeElement, 'mouseenter');
+        const mouseLeave$ = fromEvent(rangeElement, 'mouseleave');
+        const rangeValueChange$ = fromEvent(rangeElement, 'input');
+        mouseEnter$.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.rangeBubbleComponent.isVisible = true;
+            this.cd.detectChanges();
+            this.recalculateBubblePosition();
+        });
+        rangeValueChange$.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.recalculateBubblePosition();
+        });
+        mouseLeave$.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.rangeBubbleComponent.isVisible = false;
+        });
+    }
+    recalculateBubblePosition() {
+        const halfThumbWidth = 8;
+        const halfLabelWidth = this.rangeBubbleComponent.el.nativeElement.offsetWidth / 2;
+        const rect = this.el.nativeElement.getBoundingClientRect();
+        const center = rect.width / 2;
+        const min = this.el.nativeElement.min ? this.el.nativeElement.min : 0;
+        const max = this.el.nativeElement.max;
+        const percentOfRange = (this.el.nativeElement.value - min) / (max - min);
+        const valuePxPosition = percentOfRange * rect.width;
+        const distFromCenter = valuePxPosition - center;
+        const percentDistFromCenter = distFromCenter / center;
+        const offset = percentDistFromCenter * halfThumbWidth;
+        if (this.isRtl) {
+            this.rangeBubbleComponent.left = this.el.nativeElement.offsetLeft + rect.width - valuePxPosition - halfLabelWidth + offset;
+        }
+        else {
+            this.rangeBubbleComponent.left = valuePxPosition - halfLabelWidth - offset + this.el.nativeElement.offsetLeft;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclRangeDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i1$1.EclRtlService }, { token: i0.ChangeDetectorRef }, { token: i2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.0.0-rc.1", type: EclRangeDirective, isStandalone: false, selector: "input[eclRange]", inputs: { eclSize: "eclSize", value: "value", rangeValueId: "rangeValueId", isInvalid: ["isInvalid", "isInvalid", booleanAttribute], hasValueLabel: ["hasValueLabel", "hasValueLabel", booleanAttribute] }, outputs: { rangeChange: "rangeChange" }, host: { listeners: { "input": "onInput($event)" }, properties: { "class": "this.cssClasses", "class.ecl-range--invalid": "this.invalidState" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclRangeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[eclRange]',
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: i1$1.EclRtlService }, { type: i0.ChangeDetectorRef }, { type: i2.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }], propDecorators: { eclSize: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], rangeValueId: [{
+                type: Input
+            }], isInvalid: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], hasValueLabel: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], rangeChange: [{
+                type: Output
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], invalidState: [{
+                type: HostBinding,
+                args: ['class.ecl-range--invalid']
+            }], onInput: [{
+                type: HostListener,
+                args: ['input', ['$event']]
+            }] } });
+
+const COMPONENTS = [EclRangeDirective, EclRangeValueComponent, EclRangeBubbleComponent];
+class EclRangeDirectiveModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclRangeDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclRangeDirectiveModule, declarations: [EclRangeDirective, EclRangeValueComponent, EclRangeBubbleComponent], imports: [CommonModule, TranslateModule], exports: [EclRangeDirective, EclRangeValueComponent, EclRangeBubbleComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclRangeDirectiveModule, imports: [CommonModule, TranslateModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclRangeDirectiveModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, TranslateModule],
+                    exports: [...COMPONENTS],
+                    declarations: [...COMPONENTS],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EclRangeBubbleComponent, EclRangeDirective, EclRangeDirectiveModule, EclRangeEvent, EclRangeValueComponent };
+//# sourceMappingURL=eui-ecl-components-ecl-range.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-ecl-components-ecl-range.mjs","sources":["../../components/ecl-range/ecl-range-value.component.ts","../../components/ecl-range/ecl-range-value.component.html","../../components/ecl-range/ecl-range-bubble.component.ts","../../components/ecl-range/ecl-range-bubble.component.html","../../components/ecl-range/events/ecl-range.event.ts","../../components/ecl-range/ecl-range.directive.ts","../../components/ecl-range/ecl-range.module.ts","../../components/ecl-range/eui-ecl-components-ecl-range.ts"],"sourcesContent":["import { Component, HostBinding, Input } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n@Component({\n    selector: 'ecl-range-value',\n    templateUrl: './ecl-range-value.component.html',\n    standalone: false,\n    styles: [\n        `\n            :host {\n                display: block;\n            }\n        `,\n    ],\n})\nexport class EclRangeValueComponent extends ECLBaseDirective {\n    @Input() value: number;\n    @Input() @HostBinding('attr.id') id: string;\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-range__value')].join(' ').trim();\n    }\n}\n","{{ 'ecl.common.VALUE' | translate }}: <span class=\"ecl-range__value-current\"> {{ value }} </span>\n","import { Component, ElementRef, HostBinding, Input } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n@Component({\n\tselector: 'ecl-range-bubble',\n\ttemplateUrl: './ecl-range-bubble.component.html',\n    standalone: false,\n})\nexport class EclRangeBubbleComponent extends ECLBaseDirective {\n\t@Input() value: number;\n\n\t@HostBinding('class')\n\tget cssClasses(): string {\n\t\treturn [super.getCssClasses('ecl-range__bubble'),\n\t\tthis.isVisible ? 'ecl-range__bubble--visible': '',\n\t\t].join(' ').trim();\n\t}\n\n\t@HostBinding('style.left.px') left: number;\n\n\tisVisible = false;\n\n\tconstructor(public el: ElementRef) {\n\t\tsuper();\n\t}\n}\n","<span class=\"ecl-range__value-bubble\">{{value}}</span>","import { EclBaseEvent } from '@eui/ecl/core';\n\nexport class EclRangeEvent extends EclBaseEvent {\n    constructor(public value: number) {\n        super();\n    }\n}","import { Directive,\n    ElementRef, EventEmitter, HostBinding, HostListener, Input, OnDestroy, OnInit, Optional, Output,\n    Self, ViewContainerRef, booleanAttribute,ChangeDetectorRef } from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { Subject, distinctUntilChanged, fromEvent, takeUntil } from 'rxjs';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclRtlService } from '@eui/ecl/core';\nimport { EclRangeValueComponent } from './ecl-range-value.component';\nimport { EclRangeBubbleComponent } from './ecl-range-bubble.component';\nimport { EclRangeEvent } from './events/ecl-range.event';\n\n@Directive({\n    selector: 'input[eclRange]',\n    standalone: false,\n})\nexport class EclRangeDirective extends ECLBaseDirective implements OnInit, OnDestroy {\n    @Input() eclSize = 'm';\n    @Input() value: string;\n    @Input() rangeValueId: string;\n    @Input({ transform: booleanAttribute }) isInvalid  = false;\n    @Input({ transform: booleanAttribute }) hasValueLabel = true;\n\n    @Output() rangeChange = new EventEmitter<EclRangeEvent>();\n\n    private rangeValueComponent: EclRangeValueComponent;\n    private rangeBubbleComponent: EclRangeBubbleComponent;\n    private isRtl = false;\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n\n    constructor(\n        private viewContainerRef: ViewContainerRef,\n        private el: ElementRef,\n        private eclRtlService: EclRtlService,\n        private cd: ChangeDetectorRef,\n        @Optional() @Self() protected ngControl: NgControl,\n    ) {\n        super();\n    }\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-range'), this.eclSize ? `ecl-range--${this.eclSize}` : ''].join(' ').trim();\n    }\n\n    @HostBinding('class.ecl-range--invalid')\n    get invalidState(): boolean {\n        if (this.ngControl) {\n            return this.ngControl.status === 'INVALID' && this.ngControl.touched;\n        } else {\n            return this.isInvalid;\n        }\n    }\n\n    @HostListener('input', ['$event'])\n    onInput(evt: InputEvent): void {\n        if (!this.ngControl) {\n            const target = evt.target as HTMLInputElement;\n            this.updateRangeValue(target.value);\n        }\n    }\n\n    ngOnInit(): void {\n        this.createRangeValueComponent();\n        this.initializeRangeValueComponent();\n        this.initializeEventListeners();\n        this.observeReactiveFormValueChanges();\n        this.handleRtlChangeState();\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    private handleRtlChangeState(): void {\n        this.eclRtlService.currentRtlState$.pipe(takeUntil(this.destroy$)).subscribe((rtlState) => {\n            this.isRtl = rtlState;\n        });\n    }\n\n    private createRangeValueComponent(): void {\n        const componentRangeBubbleRef = this.viewContainerRef.createComponent(EclRangeBubbleComponent);\n        const componentRangeValueRef = this.viewContainerRef.createComponent(EclRangeValueComponent);\n        this.rangeBubbleComponent = componentRangeBubbleRef.instance;\n        this.rangeValueComponent = componentRangeValueRef.instance;\n        if (this.rangeValueId) {\n            this.rangeValueComponent.id = this.rangeValueId;\n        }\n    }\n\n    private initializeRangeValueComponent(): void {\n        const initialValue = this.ngControl ? this.ngControl.value : this.value;\n        this.updateRangeValue(initialValue);\n    }\n\n    private observeReactiveFormValueChanges(): void {\n        this.ngControl?.valueChanges.pipe(distinctUntilChanged()).subscribe((value: string) => {\n            this.updateRangeValue(value);\n        });\n    }\n\n    private updateRangeValue(value: string): void {\n        const numberValue = parseInt(value, 10);\n\n        this.rangeBubbleComponent.value = numberValue;\n        this.rangeValueComponent.value = numberValue;\n\n        this.rangeChange.next(new EclRangeEvent(numberValue));\n    }\n\n    private initializeEventListeners(): void {\n        const rangeElement = this.el.nativeElement;\n\n        const mouseEnter$ = fromEvent(rangeElement, 'mouseenter');\n        const mouseLeave$ = fromEvent(rangeElement, 'mouseleave');\n        const rangeValueChange$ = fromEvent(rangeElement, 'input');\n\n          mouseEnter$.pipe(takeUntil(this.destroy$)).subscribe(() => {\n              this.rangeBubbleComponent.isVisible = true;\n              this.cd.detectChanges();\n              this.recalculateBubblePosition();\n          });\n\n          rangeValueChange$.pipe(takeUntil(this.destroy$)).subscribe(() => {\n              this.recalculateBubblePosition();\n              });\n\n          mouseLeave$.pipe(takeUntil(this.destroy$)).subscribe(() => {\n              this.rangeBubbleComponent.isVisible = false;\n          });\n    }\n\n    private recalculateBubblePosition(): void {\n\n        const halfThumbWidth = 8;\n        const halfLabelWidth = this.rangeBubbleComponent.el.nativeElement.offsetWidth / 2;\n\n        const rect = this.el.nativeElement.getBoundingClientRect();\n        const center = rect.width / 2;\n\n        const min = this.el.nativeElement.min ? this.el.nativeElement.min : 0;\n        const max = this.el.nativeElement.max;\n        const percentOfRange =\n          (this.el.nativeElement.value - min) / (max - min);\n\n        const valuePxPosition = percentOfRange * rect.width;\n        const distFromCenter = valuePxPosition - center;\n        const percentDistFromCenter = distFromCenter / center;\n\n        const offset = percentDistFromCenter * halfThumbWidth;\n        if (this.isRtl) {\n            this.rangeBubbleComponent.left = this.el.nativeElement.offsetLeft + rect.width - valuePxPosition - halfLabelWidth + offset;\n        }  else {\n            this.rangeBubbleComponent.left = valuePxPosition - halfLabelWidth - offset + this.el.nativeElement.offsetLeft;\n        }\n    }\n\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EclRangeValueComponent } from './ecl-range-value.component';\nimport { EclRangeDirective } from './ecl-range.directive';\nimport { EclRangeBubbleComponent } from './ecl-range-bubble.component';\n\nconst COMPONENTS = [EclRangeDirective, EclRangeValueComponent, EclRangeBubbleComponent];\n\n@NgModule({\n    imports: [CommonModule, TranslateModule],\n    exports: [...COMPONENTS],\n    declarations: [...COMPONENTS],\n})\nexport class EclRangeDirectiveModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":";;;;;;;;;;AAeM,MAAO,sBAAuB,SAAQ,gBAAgB,CAAA;AAIxD,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;;mHAN5D,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,aAAA,EAAA,IAAA,EAAA,sBAAsB,qNCfnC,uGACA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;gGDca,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAZlC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,cAEf,KAAK,EAAA,QAAA,EAAA,uGAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA;8BAUR,KAAK,EAAA,CAAA;sBAAb;gBACgC,EAAE,EAAA,CAAA;sBAAlC;;sBAAS,WAAW;uBAAC,SAAS;gBAG3B,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO;;;AEXlB,MAAO,uBAAwB,SAAQ,gBAAgB,CAAA;AAG5D,IAAA,IACI,UAAU,GAAA;AACb,QAAA,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC;YAChD,IAAI,CAAC,SAAS,GAAG,4BAA4B,GAAE,EAAE;AAChD,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;;AAOnB,IAAA,WAAA,CAAmB,EAAc,EAAA;AAChC,QAAA,KAAK,EAAE;QADW,IAAE,CAAA,EAAA,GAAF,EAAE;QAFrB,IAAS,CAAA,SAAA,GAAG,KAAK;;mHAZL,uBAAuB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,aAAA,EAAA,IAAA,EAAA,uBAAuB,oNCRpC,0DAAsD,EAAA,CAAA,CAAA;;gGDQzC,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,cAEb,KAAK,EAAA,QAAA,EAAA,0DAAA,EAAA;+EAGX,KAAK,EAAA,CAAA;sBAAb;gBAGG,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO;gBAOU,IAAI,EAAA,CAAA;sBAAjC,WAAW;uBAAC,eAAe;;;AEhBvB,MAAO,aAAc,SAAQ,YAAY,CAAA;AAC3C,IAAA,WAAA,CAAmB,KAAa,EAAA;AAC5B,QAAA,KAAK,EAAE;QADQ,IAAK,CAAA,KAAA,GAAL,KAAK;;AAG3B;;ACSK,MAAO,iBAAkB,SAAQ,gBAAgB,CAAA;IAcnD,WACY,CAAA,gBAAkC,EAClC,EAAc,EACd,aAA4B,EAC5B,EAAqB,EACC,SAAoB,EAAA;AAElD,QAAA,KAAK,EAAE;QANC,IAAgB,CAAA,gBAAA,GAAhB,gBAAgB;QAChB,IAAE,CAAA,EAAA,GAAF,EAAE;QACF,IAAa,CAAA,aAAA,GAAb,aAAa;QACb,IAAE,CAAA,EAAA,GAAF,EAAE;QACoB,IAAS,CAAA,SAAA,GAAT,SAAS;QAlBlC,IAAO,CAAA,OAAA,GAAG,GAAG;QAGkB,IAAS,CAAA,SAAA,GAAI,KAAK;QAClB,IAAa,CAAA,aAAA,GAAG,IAAI;AAElD,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAiB;QAIjD,IAAK,CAAA,KAAA,GAAG,KAAK;AACb,QAAA,IAAA,CAAA,QAAQ,GAAqB,IAAI,OAAO,EAAW;;AAY3D,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC,OAAO,GAAG,CAAc,WAAA,EAAA,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;;AAGhH,IAAA,IACI,YAAY,GAAA;AACZ,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAChB,YAAA,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO;;aACjE;YACH,OAAO,IAAI,CAAC,SAAS;;;AAK7B,IAAA,OAAO,CAAC,GAAe,EAAA;AACnB,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;AACjB,YAAA,MAAM,MAAM,GAAG,GAAG,CAAC,MAA0B;AAC7C,YAAA,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC;;;IAI3C,QAAQ,GAAA;QACJ,IAAI,CAAC,yBAAyB,EAAE;QAChC,IAAI,CAAC,6BAA6B,EAAE;QACpC,IAAI,CAAC,wBAAwB,EAAE;QAC/B,IAAI,CAAC,+BAA+B,EAAE;QACtC,IAAI,CAAC,oBAAoB,EAAE;;IAG/B,WAAW,GAAA;AACP,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;AACxB,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE;;IAGvB,oBAAoB,GAAA;QACxB,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,QAAQ,KAAI;AACtF,YAAA,IAAI,CAAC,KAAK,GAAG,QAAQ;AACzB,SAAC,CAAC;;IAGE,yBAAyB,GAAA;QAC7B,MAAM,uBAAuB,GAAG,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,uBAAuB,CAAC;QAC9F,MAAM,sBAAsB,GAAG,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,sBAAsB,CAAC;AAC5F,QAAA,IAAI,CAAC,oBAAoB,GAAG,uBAAuB,CAAC,QAAQ;AAC5D,QAAA,IAAI,CAAC,mBAAmB,GAAG,sBAAsB,CAAC,QAAQ;AAC1D,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;YACnB,IAAI,CAAC,mBAAmB,CAAC,EAAE,GAAG,IAAI,CAAC,YAAY;;;IAI/C,6BAA6B,GAAA;AACjC,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK;AACvE,QAAA,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC;;IAG/B,+BAA+B,GAAA;AACnC,QAAA,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,KAAa,KAAI;AAClF,YAAA,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC;AAChC,SAAC,CAAC;;AAGE,IAAA,gBAAgB,CAAC,KAAa,EAAA;QAClC,MAAM,WAAW,GAAG,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC;AAEvC,QAAA,IAAI,CAAC,oBAAoB,CAAC,KAAK,GAAG,WAAW;AAC7C,QAAA,IAAI,CAAC,mBAAmB,CAAC,KAAK,GAAG,WAAW;QAE5C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,aAAa,CAAC,WAAW,CAAC,CAAC;;IAGjD,wBAAwB,GAAA;AAC5B,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa;QAE1C,MAAM,WAAW,GAAG,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC;QACzD,MAAM,WAAW,GAAG,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC;QACzD,MAAM,iBAAiB,GAAG,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC;AAExD,QAAA,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,MAAK;AACtD,YAAA,IAAI,CAAC,oBAAoB,CAAC,SAAS,GAAG,IAAI;AAC1C,YAAA,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE;YACvB,IAAI,CAAC,yBAAyB,EAAE;AACpC,SAAC,CAAC;AAEF,QAAA,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,MAAK;YAC5D,IAAI,CAAC,yBAAyB,EAAE;AAChC,SAAC,CAAC;AAEN,QAAA,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,MAAK;AACtD,YAAA,IAAI,CAAC,oBAAoB,CAAC,SAAS,GAAG,KAAK;AAC/C,SAAC,CAAC;;IAGA,yBAAyB,GAAA;QAE7B,MAAM,cAAc,GAAG,CAAC;AACxB,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,oBAAoB,CAAC,EAAE,CAAC,aAAa,CAAC,WAAW,GAAG,CAAC;QAEjF,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,qBAAqB,EAAE;AAC1D,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC;QAE7B,MAAM,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,GAAG,CAAC;QACrE,MAAM,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG;AACrC,QAAA,MAAM,cAAc,GAClB,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,CAAC;AAEnD,QAAA,MAAM,eAAe,GAAG,cAAc,GAAG,IAAI,CAAC,KAAK;AACnD,QAAA,MAAM,cAAc,GAAG,eAAe,GAAG,MAAM;AAC/C,QAAA,MAAM,qBAAqB,GAAG,cAAc,GAAG,MAAM;AAErD,QAAA,MAAM,MAAM,GAAG,qBAAqB,GAAG,cAAc;AACrD,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;YACZ,IAAI,CAAC,oBAAoB,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,GAAG,eAAe,GAAG,cAAc,GAAG,MAAM;;aACtH;AACJ,YAAA,IAAI,CAAC,oBAAoB,CAAC,IAAI,GAAG,eAAe,GAAG,cAAc,GAAG,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,UAAU;;;mHA1I5G,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAAA,IAAA,CAAA,aAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;uGAAjB,iBAAiB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,YAAA,EAAA,cAAA,EAAA,SAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EAIN,gBAAgB,CAAA,EAAA,aAAA,EAAA,CAAA,eAAA,EAAA,eAAA,EAChB,gBAAgB,CAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,0BAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;gGAL3B,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,UAAU,EAAE,KAAK;AACpB,iBAAA;;0BAoBQ;;0BAAY;yCAlBR,OAAO,EAAA,CAAA;sBAAf;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,YAAY,EAAA,CAAA;sBAApB;gBACuC,SAAS,EAAA,CAAA;sBAAhD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,aAAa,EAAA,CAAA;sBAApD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAE5B,WAAW,EAAA,CAAA;sBAApB;gBAkBG,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO;gBAMhB,YAAY,EAAA,CAAA;sBADf,WAAW;uBAAC,0BAA0B;gBAUvC,OAAO,EAAA,CAAA;sBADN,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC;;;AC9CrC,MAAM,UAAU,GAAG,CAAC,iBAAiB,EAAE,sBAAsB,EAAE,uBAAuB,CAAC;MAO1E,uBAAuB,CAAA;mHAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAvB,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,uBAAuB,EAPhB,YAAA,EAAA,CAAA,iBAAiB,EAAE,sBAAsB,EAAE,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAGxE,YAAY,EAAE,eAAe,CAHvB,EAAA,OAAA,EAAA,CAAA,iBAAiB,EAAE,sBAAsB,EAAE,uBAAuB,CAAA,EAAA,CAAA,CAAA;oHAOzE,uBAAuB,EAAA,OAAA,EAAA,CAJtB,YAAY,EAAE,eAAe,CAAA,EAAA,CAAA,CAAA;;gGAI9B,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC;AACxC,oBAAA,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;AACxB,oBAAA,YAAY,EAAE,CAAC,GAAG,UAAU,CAAC;AAChC,iBAAA;;;ACbD;;AAEG;;;;"}

package/fesm2022/eui-ecl-components-ecl-rating-field.mjs

@@ -0,0 +1,111 @@
+import * as i0 from '@angular/core';
+import { forwardRef, EventEmitter, numberAttribute, booleanAttribute, Component, Input, HostBinding, Output, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { EclBaseEvent, ECLBaseDirective } from '@eui/ecl/core';
+import * as i1 from '@eui/ecl/components/ecl-icon';
+import { EclIconComponentModule } from '@eui/ecl/components/ecl-icon';
+
+class EclRatingChangeEvent extends EclBaseEvent {
+    constructor(value) {
+        super();
+        this.value = value;
+    }
+}
+
+const ECL_RATINGFIELD_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => EclRatingFieldComponent),
+    multi: true,
+};
+const noop = () => {
+    /** empty */
+};
+class EclRatingFieldComponent extends ECLBaseDirective {
+    constructor() {
+        super();
+        this.name = 'rating';
+        this.numberOfStars = 5;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.ratingChange = new EventEmitter();
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.onChange = noop;
+        this.onTouched = noop;
+    }
+    get numbers() {
+        return Array(this.numberOfStars)
+            .fill(0)
+            .map((_, i) => this.numberOfStars - i);
+    }
+    get cssClasses() {
+        return [super.getCssClasses('ecl-rating-field'), this.disabled ? 'ecl-rating-field--disabled' : ''].join(' ').trim();
+    }
+    onRadioClick(rating) {
+        this.rating = rating;
+        this.onTouched();
+        this.onChange(this.rating);
+        const evt = new EclRatingChangeEvent(rating);
+        this.ratingChange.next(evt);
+    }
+    writeValue(value) {
+        this.rating = value;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled || null;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclRatingFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0-rc.1", type: EclRatingFieldComponent, isStandalone: false, selector: "ecl-rating-field", inputs: { name: "name", numberOfStars: ["numberOfStars", "numberOfStars", numberAttribute], rating: ["rating", "rating", numberAttribute], disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { ratingChange: "ratingChange" }, host: { properties: { "attr.disabled": "this.disabled", "class": "this.cssClasses" } }, providers: [ECL_RATINGFIELD_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0, template: "@for(n of numbers;track n) {\n    <input\n        type=\"radio\"\n        id=\"{{ name }}-{{ n }}\"\n        [name]=\"name\"\n        class=\"ecl-rating-field__input\"\n        [value]=\"n\"\n        required=\"\"\n        [attr.checked]=\"rating === n ? true : undefined\"\n        [attr.disabled]=\"disabled ? true : undefined\"\n        (click)=\"onRadioClick(n)\" />\n    <label class=\"ecl-rating-field__label\" for=\"{{ name }}-{{ n }}\">\n        <span class=\"ecl-u-sr-only\">{{ n }} stars</span>\n        <ecl-icon icon=\"star-filled\" class=\"ecl-rating-field__icon-filled\" size=\"l\"> </ecl-icon>\n        <ecl-icon icon=\"star-outline\" class=\"ecl-rating-field__icon-outline\" size=\"l\"> </ecl-icon>\n    </label>\n}\n", dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclRatingFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ecl-rating-field', standalone: false, providers: [ECL_RATINGFIELD_VALUE_ACCESSOR], template: "@for(n of numbers;track n) {\n    <input\n        type=\"radio\"\n        id=\"{{ name }}-{{ n }}\"\n        [name]=\"name\"\n        class=\"ecl-rating-field__input\"\n        [value]=\"n\"\n        required=\"\"\n        [attr.checked]=\"rating === n ? true : undefined\"\n        [attr.disabled]=\"disabled ? true : undefined\"\n        (click)=\"onRadioClick(n)\" />\n    <label class=\"ecl-rating-field__label\" for=\"{{ name }}-{{ n }}\">\n        <span class=\"ecl-u-sr-only\">{{ n }} stars</span>\n        <ecl-icon icon=\"star-filled\" class=\"ecl-rating-field__icon-filled\" size=\"l\"> </ecl-icon>\n        <ecl-icon icon=\"star-outline\" class=\"ecl-rating-field__icon-outline\" size=\"l\"> </ecl-icon>\n    </label>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { name: [{
+                type: Input
+            }], numberOfStars: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], rating: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }, {
+                type: HostBinding,
+                args: ['attr.disabled']
+            }], ratingChange: [{
+                type: Output
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+const COMPONENTS = [EclRatingFieldComponent];
+class EclRatingFieldComponentModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclRatingFieldComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclRatingFieldComponentModule, declarations: [EclRatingFieldComponent], imports: [CommonModule, EclIconComponentModule], exports: [EclRatingFieldComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclRatingFieldComponentModule, imports: [CommonModule, EclIconComponentModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclRatingFieldComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, EclIconComponentModule],
+                    exports: [...COMPONENTS],
+                    declarations: [...COMPONENTS],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ECL_RATINGFIELD_VALUE_ACCESSOR, EclRatingChangeEvent, EclRatingFieldComponent, EclRatingFieldComponentModule };
+//# sourceMappingURL=eui-ecl-components-ecl-rating-field.mjs.map

package/fesm2022/eui-ecl-components-ecl-rating-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-ecl-components-ecl-rating-field.mjs","sources":["../../components/ecl-rating-field/events/ecl-rating-change.event.ts","../../components/ecl-rating-field/ecl-rating-field.component.ts","../../components/ecl-rating-field/ecl-rating-field.component.html","../../components/ecl-rating-field/ecl-rating-field.module.ts","../../components/ecl-rating-field/eui-ecl-components-ecl-rating-field.ts"],"sourcesContent":["import { EclBaseEvent } from '@eui/ecl/core';\n\nexport class EclRatingChangeEvent extends EclBaseEvent {\n    constructor(public readonly value: number) {\n        super();\n    }\n}","import { booleanAttribute, Component, EventEmitter, forwardRef, HostBinding, Input, numberAttribute, Output, Provider } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclRatingChangeEvent } from './events/ecl-rating-change.event';\n\nexport const ECL_RATINGFIELD_VALUE_ACCESSOR: Provider = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => EclRatingFieldComponent),\n    multi: true,\n};\n\nconst noop = (): void => {\n    /** empty */\n};\n\n@Component({\n    selector: 'ecl-rating-field',\n    templateUrl: './ecl-rating-field.component.html',\n    standalone: false,\n    providers: [ECL_RATINGFIELD_VALUE_ACCESSOR],\n})\nexport class EclRatingFieldComponent extends ECLBaseDirective implements ControlValueAccessor {\n    @Input() name = 'rating';\n    @Input({ transform: numberAttribute }) numberOfStars = 5;\n    @Input({ transform: numberAttribute }) rating: number;\n\n    @Input({ transform: booleanAttribute })\n    @HostBinding('attr.disabled')\n    disabled: boolean;\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Output() ratingChange = new EventEmitter<any>();\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private onChange: (_: any) => void = noop;\n    private onTouched: () => void = noop;\n\n    constructor() {\n        super();\n    }\n\n    get numbers(): Array<number> {\n        return Array(this.numberOfStars)\n            .fill(0)\n            .map((_, i) => this.numberOfStars - i);\n    }\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-rating-field'), this.disabled ? 'ecl-rating-field--disabled' : ''].join(' ').trim();\n    }\n\n    onRadioClick(rating: number): void {\n        this.rating = rating;\n        this.onTouched();\n        this.onChange(this.rating);\n\n        const evt = new EclRatingChangeEvent(rating);\n        this.ratingChange.next(evt);\n    }\n\n    writeValue(value: number): void {\n        this.rating = value;\n    }\n\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled || null;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnChange(fn: any): void {\n        this.onChange = fn;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnTouched(fn: any): void {\n        this.onTouched = fn;\n    }\n}\n","@for(n of numbers;track n) {\n    <input\n        type=\"radio\"\n        id=\"{{ name }}-{{ n }}\"\n        [name]=\"name\"\n        class=\"ecl-rating-field__input\"\n        [value]=\"n\"\n        required=\"\"\n        [attr.checked]=\"rating === n ? true : undefined\"\n        [attr.disabled]=\"disabled ? true : undefined\"\n        (click)=\"onRadioClick(n)\" />\n    <label class=\"ecl-rating-field__label\" for=\"{{ name }}-{{ n }}\">\n        <span class=\"ecl-u-sr-only\">{{ n }} stars</span>\n        <ecl-icon icon=\"star-filled\" class=\"ecl-rating-field__icon-filled\" size=\"l\"> </ecl-icon>\n        <ecl-icon icon=\"star-outline\" class=\"ecl-rating-field__icon-outline\" size=\"l\"> </ecl-icon>\n    </label>\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EclRatingFieldComponent } from './ecl-rating-field.component';\nimport { EclIconComponentModule } from '@eui/ecl/components/ecl-icon';\n\nconst COMPONENTS = [EclRatingFieldComponent];\n\n@NgModule({\n    imports: [CommonModule, EclIconComponentModule],\n    exports: [...COMPONENTS],\n    declarations: [...COMPONENTS],\n})\nexport class EclRatingFieldComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-ecl-components-ecl-search-form.mjs

@@ -0,0 +1,152 @@
+import * as i0 from '@angular/core';
+import { forwardRef, EventEmitter, Component, Input, HostBinding, Output, HostListener, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@eui/ecl/components/ecl-button';
+import { EclButtonComponentModule } from '@eui/ecl/components/ecl-button';
+import * as i5 from '@eui/ecl/components/ecl-form-group';
+import { EclFormGroupComponentModule } from '@eui/ecl/components/ecl-form-group';
+import * as i2 from '@angular/forms';
+import { NG_VALUE_ACCESSOR, ReactiveFormsModule, FormsModule } from '@angular/forms';
+import * as i6 from '@eui/ecl/components/ecl-text-input';
+import { EclTextInputDirectiveModule } from '@eui/ecl/components/ecl-text-input';
+import * as i4 from '@eui/ecl/components/ecl-icon';
+import { EclIconComponentModule } from '@eui/ecl/components/ecl-icon';
+import * as i7 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i1 from '@eui/ecl/core';
+import { EclBaseEvent, ECLBaseDirective } from '@eui/ecl/core';
+import { EclFormLabelComponentModule } from '@eui/ecl/components/ecl-form-label';
+
+class EclSearchFormEvent extends EclBaseEvent {
+    constructor(keyword) {
+        super();
+        this.keyword = keyword;
+    }
+}
+
+const ECL_SEARCH_FORM_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => EclSearchFormComponent),
+    multi: true,
+};
+const noop = () => {
+    /** empty*/
+};
+class EclSearchFormComponent extends ECLBaseDirective {
+    get cssClasses() {
+        return [super.getCssClasses('ecl-search-form')].join(' ').trim();
+    }
+    constructor(eclThemeService) {
+        super();
+        this.eclThemeService = eclThemeService;
+        this.searchButtonIcon = 'search';
+        this.buttonExtraClassses = '';
+        this.inputExtraClassses = '';
+        this.role = 'search';
+        this.search = new EventEmitter();
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.onChange = noop;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.onTouched = noop;
+    }
+    onSearchClick(evt) {
+        this.search.next(new EclSearchFormEvent(this.searchInputText));
+        evt.preventDefault();
+    }
+    onEnterKeyDown(evt) {
+        this.search.next(new EclSearchFormEvent(this.searchInputText));
+        evt.preventDefault();
+    }
+    onModelChange(newValue) {
+        this.searchInputText = newValue;
+        this.onChange(newValue);
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    writeValue(value) {
+        this.searchInputText = value;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclSearchFormComponent, deps: [{ token: i1.EclThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0-rc.1", type: EclSearchFormComponent, isStandalone: false, selector: "ecl-search-form", inputs: { searchInputText: "searchInputText", placeholder: "placeholder", searchButtonLabel: "searchButtonLabel", searchButtonIcon: "searchButtonIcon", buttonExtraClassses: "buttonExtraClassses", inputExtraClassses: "inputExtraClassses" }, outputs: { search: "search" }, host: { listeners: { "keydown.enter": "onEnterKeyDown($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, providers: [ECL_SEARCH_FORM_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0, template: "<ecl-form-group>\n    <input\n        eclTextInput\n        [(ngModel)]=\"searchInputText\"\n        (ngModelChange)=\"onModelChange($event)\"\n        type=\"search\"\n        name=\"search-input\"\n        placeholder=\"{{ placeholder || 'ecl.common.SEARCH' | translate }}\"\n        class=\"ecl-search-form__text-input {{inputExtraClassses}}\" />\n</ecl-form-group>\n<button eclButton type=\"submit\" [variant]=\"eclThemeService.isECTheme() ? 'ghost': 'primary'\" (click)=\"onSearchClick($event)\"\n    class=\"ecl-search-form__button {{buttonExtraClassses}}\">\n    <ecl-icon [icon]=\"searchButtonIcon\" size=\"xs\"></ecl-icon>\n    <span eclButtonLabel>\n        {{ searchButtonLabel || 'ecl.common.SEARCH' | translate }}\n    </span>\n</button>\n", dependencies: [{ kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { 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: "component", type: i4.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "component", type: i5.EclFormGroupComponent, selector: "[eclFormGroup], ecl-form-group" }, { kind: "directive", type: i6.EclTextInputDirective, selector: "input[eclTextInput]", inputs: ["type", "eclSize", "isInvalid"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclSearchFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ecl-search-form', standalone: false, providers: [ECL_SEARCH_FORM_VALUE_ACCESSOR], template: "<ecl-form-group>\n    <input\n        eclTextInput\n        [(ngModel)]=\"searchInputText\"\n        (ngModelChange)=\"onModelChange($event)\"\n        type=\"search\"\n        name=\"search-input\"\n        placeholder=\"{{ placeholder || 'ecl.common.SEARCH' | translate }}\"\n        class=\"ecl-search-form__text-input {{inputExtraClassses}}\" />\n</ecl-form-group>\n<button eclButton type=\"submit\" [variant]=\"eclThemeService.isECTheme() ? 'ghost': 'primary'\" (click)=\"onSearchClick($event)\"\n    class=\"ecl-search-form__button {{buttonExtraClassses}}\">\n    <ecl-icon [icon]=\"searchButtonIcon\" size=\"xs\"></ecl-icon>\n    <span eclButtonLabel>\n        {{ searchButtonLabel || 'ecl.common.SEARCH' | translate }}\n    </span>\n</button>\n" }]
+        }], ctorParameters: () => [{ type: i1.EclThemeService }], propDecorators: { searchInputText: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], searchButtonLabel: [{
+                type: Input
+            }], searchButtonIcon: [{
+                type: Input
+            }], buttonExtraClassses: [{
+                type: Input
+            }], inputExtraClassses: [{
+                type: Input
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], search: [{
+                type: Output
+            }], onEnterKeyDown: [{
+                type: HostListener,
+                args: ['keydown.enter', ['$event']]
+            }] } });
+
+class EclSearchFormComponentModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclSearchFormComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclSearchFormComponentModule, declarations: [EclSearchFormComponent], imports: [CommonModule,
+            ReactiveFormsModule,
+            TranslateModule,
+            EclButtonComponentModule,
+            EclIconComponentModule,
+            EclFormGroupComponentModule,
+            EclFormLabelComponentModule,
+            EclTextInputDirectiveModule,
+            FormsModule], exports: [EclSearchFormComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclSearchFormComponentModule, imports: [CommonModule,
+            ReactiveFormsModule,
+            TranslateModule,
+            EclButtonComponentModule,
+            EclIconComponentModule,
+            EclFormGroupComponentModule,
+            EclFormLabelComponentModule,
+            EclTextInputDirectiveModule,
+            FormsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclSearchFormComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        TranslateModule,
+                        EclButtonComponentModule,
+                        EclIconComponentModule,
+                        EclFormGroupComponentModule,
+                        EclFormLabelComponentModule,
+                        EclTextInputDirectiveModule,
+                        FormsModule,
+                    ],
+                    exports: [EclSearchFormComponent],
+                    declarations: [EclSearchFormComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ECL_SEARCH_FORM_VALUE_ACCESSOR, EclSearchFormComponent, EclSearchFormComponentModule, EclSearchFormEvent };
+//# sourceMappingURL=eui-ecl-components-ecl-search-form.mjs.map

package/fesm2022/eui-ecl-components-ecl-search-form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-ecl-components-ecl-search-form.mjs","sources":["../../components/ecl-search-form/events/ecl-search-form.event.ts","../../components/ecl-search-form/ecl-search-form.component.ts","../../components/ecl-search-form/ecl-search-form.component.html","../../components/ecl-search-form/ecl-search-form.module.ts","../../components/ecl-search-form/eui-ecl-components-ecl-search-form.ts"],"sourcesContent":["import { EclBaseEvent } from '@eui/ecl/core';\n\nexport class EclSearchFormEvent extends EclBaseEvent {\n\tconstructor(public keyword: string) {\n\t\tsuper();\n\t}\n}\n","import {\n    Component,\n    EventEmitter,\n    forwardRef,\n    HostBinding,\n    HostListener,\n    Input,\n    Output,\n    Provider,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclThemeService } from '@eui/ecl/core';\nimport { EclSearchFormEvent } from './events/ecl-search-form.event';\n\nexport const ECL_SEARCH_FORM_VALUE_ACCESSOR: Provider = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => EclSearchFormComponent),\n    multi: true,\n};\n\nconst noop = (): void => {\n    /** empty*/\n};\n\n@Component({\n    selector: 'ecl-search-form',\n    templateUrl: 'ecl-search-form.component.html',\n    standalone: false,\n    providers: [ECL_SEARCH_FORM_VALUE_ACCESSOR],\n})\nexport class EclSearchFormComponent extends ECLBaseDirective implements ControlValueAccessor {\n    @Input() searchInputText: string;\n    @Input() placeholder: string;\n    @Input() searchButtonLabel: string;\n    @Input() searchButtonIcon = 'search';\n    @Input() buttonExtraClassses = '';\n    @Input() inputExtraClassses = '';\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-search-form')].join(' ').trim();\n    }\n\n    @HostBinding('attr.role') role = 'search';\n\n    @Output() search = new EventEmitter<EclSearchFormEvent>();\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private onChange: (_: any) => void = noop;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private onTouched: (_: any) => void = noop;\n\n    constructor(protected eclThemeService: EclThemeService) {\n        super();\n    }\n\n    onSearchClick(evt: Event): void {\n        this.search.next(new EclSearchFormEvent(this.searchInputText));\n        evt.preventDefault();\n    }\n\n    @HostListener('keydown.enter', ['$event'])\n    onEnterKeyDown(evt: Event): void {\n        this.search.next(new EclSearchFormEvent(this.searchInputText));\n        evt.preventDefault();\n    }\n\n    onModelChange(newValue: string): void {\n        this.searchInputText = newValue;\n        this.onChange(newValue);\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    writeValue(value: any): void {\n        this.searchInputText = value;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnChange(fn: (_: any) => void): void {\n        this.onChange = fn;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnTouched(fn: (_: any) => void): void {\n        this.onTouched = fn;\n    }\n}\n","<ecl-form-group>\n    <input\n        eclTextInput\n        [(ngModel)]=\"searchInputText\"\n        (ngModelChange)=\"onModelChange($event)\"\n        type=\"search\"\n        name=\"search-input\"\n        placeholder=\"{{ placeholder || 'ecl.common.SEARCH' | translate }}\"\n        class=\"ecl-search-form__text-input {{inputExtraClassses}}\" />\n</ecl-form-group>\n<button eclButton type=\"submit\" [variant]=\"eclThemeService.isECTheme() ? 'ghost': 'primary'\" (click)=\"onSearchClick($event)\"\n    class=\"ecl-search-form__button {{buttonExtraClassses}}\">\n    <ecl-icon [icon]=\"searchButtonIcon\" size=\"xs\"></ecl-icon>\n    <span eclButtonLabel>\n        {{ searchButtonLabel || 'ecl.common.SEARCH' | translate }}\n    </span>\n</button>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EclButtonComponentModule } from '@eui/ecl/components/ecl-button';\nimport { EclFormGroupComponentModule } from '@eui/ecl/components/ecl-form-group';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { EclTextInputDirectiveModule } from '@eui/ecl/components/ecl-text-input';\nimport { EclIconComponentModule } from '@eui/ecl/components/ecl-icon';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EclSearchFormComponent } from './ecl-search-form.component';\nimport { EclFormLabelComponentModule } from '@eui/ecl/components/ecl-form-label';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        ReactiveFormsModule,\n        TranslateModule,\n        EclButtonComponentModule,\n        EclIconComponentModule,\n        EclFormGroupComponentModule,\n        EclFormLabelComponentModule,\n        EclTextInputDirectiveModule,\n        FormsModule,\n    ],\n    exports: [EclSearchFormComponent],\n    declarations: [EclSearchFormComponent],\n})\nexport class EclSearchFormComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}