@acorex/components 7.0.41 → 7.1.1

package/fesm2022/acorex-components-range-slider.mjs

@@ -0,0 +1,143 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, HostBinding, NgModule } from '@angular/core';
+import { AXValuableComponent } from '@acorex/components/common';
+import { AXBaseValueComponentMixin } from '@acorex/components/mixin';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+
+class AXRangeSliderComponent extends AXBaseValueComponentMixin {
+    _zone;
+    constructor(elementRef, cdr, _zone) {
+        super(elementRef, cdr);
+        this._zone = _zone;
+    }
+    _minValue = 0;
+    /**
+     *  Specifies the smallest value that is valid
+     */
+    get minValue() {
+        return this._minValue ?? 0;
+    }
+    set minValue(v) {
+        this._setOption({
+            name: 'minValue',
+            value: v != null ? Number(v) : 0,
+        });
+    }
+    _maxValue = 100;
+    /**
+     *  Specifies the greatest value that is valid
+     */
+    get maxValue() {
+        return this._maxValue ?? 100;
+    }
+    set maxValue(v) {
+        this._setOption({
+            name: 'maxValue',
+            value: v != null ? Number(v) : 100,
+        });
+    }
+    _step = 1;
+    /**
+     *  Specifies the greatest value that is valid
+     */
+    get step() {
+        return this._step ?? 100;
+    }
+    set step(v) {
+        this._setOption({
+            name: 'step',
+            value: v != null ? Number(v) : 1,
+        });
+    }
+    colorChange = new EventEmitter();
+    _color = 'primary';
+    /**
+     *  Predefined color schemes
+     */
+    get color() {
+        return this._color;
+    }
+    set color(value) {
+        this._setOption({
+            name: 'color',
+            value,
+            afterCallback: () => {
+                this._cdr.markForCheck();
+            },
+        });
+    }
+    oriantaion = 'horizontal';
+    onViewInit() {
+        this._calcVars();
+        this.value = this.value ?? (this.maxValue - this.minValue) / 2;
+    }
+    _onValueChanged(oldValue, newValue) {
+        this._calcVars();
+    }
+    _onOptionChanged(e) {
+        this._calcVars();
+    }
+    _calcVars() {
+        this._zone.runOutsideAngular(() => {
+            const per = (((this.value ?? 0) - this.minValue) /
+                (this.maxValue - this.minValue)) *
+                100 -
+                0.1;
+            this._getHostElement().style.setProperty('--ax-current-value', `${per}%`);
+        });
+    }
+    get __hostClass() {
+        return `ax-${this.color}-default ax-${this.oriantaion}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXRangeSliderComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXRangeSliderComponent, selector: "ax-range-slider", inputs: { readonly: "readonly", allowNull: "allowNull", value: "value", name: "name", checked: "checked", minValue: "minValue", maxValue: "maxValue", step: "step", color: "color", oriantaion: "oriantaion" }, outputs: { valueChange: "valueChange", onValueChanged: "onValueChanged", colorChange: "colorChange" }, host: { properties: { "class": "this.__hostClass" }, classAttribute: "ax-range-slider" }, providers: [
+            { provide: AXValuableComponent, useExisting: AXRangeSliderComponent },
+        ], usesInheritance: true, ngImport: i0, template: "<input type=\"range\" [min]=\"minValue\" [max]=\"maxValue\" [(ngModel)]=\"value\" [step]=\"step\">", styles: [".ax-range-slider{width:100%;--ax-current-value: 0%}.ax-range-slider input{-webkit-appearance:none;appearance:none;width:100%;height:.5rem;background:rgba(var(--ax-color-surface),.05);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:99rem}.ax-range-slider input::-webkit-slider-thumb{width:1.5rem;height:1.5rem;background:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));cursor:pointer;border-radius:99rem;appearance:none;-webkit-appearance:none;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.ax-range-slider input::-moz-range-thumb{width:1.25rem;height:1.25rem;background:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));cursor:pointer;border-radius:99rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.ax-range-slider.ax-vertical{display:block;transform:rotate(90deg)}.ax-range-slider.ax-vertical input[type=range]{-webkit-appearance:slider-vertical}.ax-range-slider.ax-primary-default input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500)) 0%,rgba(var(--ax-color-primary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-range-slider.ax-secondary-default input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500)) 0%,rgba(var(--ax-color-secondary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-range-slider.ax-success-default input{background:linear-gradient(to right,rgba(var(--ax-color-success-500)) 0%,rgba(var(--ax-color-success-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-range-slider.ax-warning-default input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500)) 0%,rgba(var(--ax-color-warning-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-range-slider.ax-danger-default input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500)) 0%,rgba(var(--ax-color-danger-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-range-slider.ax-info-default input{background:linear-gradient(to right,rgba(var(--ax-color-info-500)) 0%,rgba(var(--ax-color-info-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}\n"], dependencies: [{ kind: "directive", type: i1.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: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXRangeSliderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-range-slider', changeDetection: ChangeDetectionStrategy.OnPush, inputs: ['readonly', 'allowNull', 'value', 'name', 'checked'], outputs: ['valueChange', 'onValueChanged'], host: { class: 'ax-range-slider' }, encapsulation: ViewEncapsulation.None, providers: [
+                        { provide: AXValuableComponent, useExisting: AXRangeSliderComponent },
+                    ], template: "<input type=\"range\" [min]=\"minValue\" [max]=\"maxValue\" [(ngModel)]=\"value\" [step]=\"step\">", styles: [".ax-range-slider{width:100%;--ax-current-value: 0%}.ax-range-slider input{-webkit-appearance:none;appearance:none;width:100%;height:.5rem;background:rgba(var(--ax-color-surface),.05);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:99rem}.ax-range-slider input::-webkit-slider-thumb{width:1.5rem;height:1.5rem;background:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));cursor:pointer;border-radius:99rem;appearance:none;-webkit-appearance:none;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.ax-range-slider input::-moz-range-thumb{width:1.25rem;height:1.25rem;background:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));cursor:pointer;border-radius:99rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.ax-range-slider.ax-vertical{display:block;transform:rotate(90deg)}.ax-range-slider.ax-vertical input[type=range]{-webkit-appearance:slider-vertical}.ax-range-slider.ax-primary-default input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500)) 0%,rgba(var(--ax-color-primary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-range-slider.ax-secondary-default input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500)) 0%,rgba(var(--ax-color-secondary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-range-slider.ax-success-default input{background:linear-gradient(to right,rgba(var(--ax-color-success-500)) 0%,rgba(var(--ax-color-success-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-range-slider.ax-warning-default input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500)) 0%,rgba(var(--ax-color-warning-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-range-slider.ax-danger-default input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500)) 0%,rgba(var(--ax-color-danger-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-range-slider.ax-info-default input{background:linear-gradient(to right,rgba(var(--ax-color-info-500)) 0%,rgba(var(--ax-color-info-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; }, propDecorators: { minValue: [{
+                type: Input
+            }], maxValue: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }], colorChange: [{
+                type: Output
+            }], color: [{
+                type: Input
+            }], oriantaion: [{
+                type: Input
+            }], __hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+const COMPONENT = [AXRangeSliderComponent];
+const MODULES = [CommonModule, FormsModule];
+class AXRangeSliderModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXRangeSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXRangeSliderModule, declarations: [AXRangeSliderComponent], imports: [CommonModule, FormsModule], exports: [AXRangeSliderComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXRangeSliderModule, imports: [MODULES] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXRangeSliderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXRangeSliderComponent, AXRangeSliderModule };
+//# sourceMappingURL=acorex-components-range-slider.mjs.map

package/fesm2022/acorex-components-range-slider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-range-slider.mjs","sources":["../../../../projects/acorex/components/range-slider/src/range-slider.component.ts","../../../../projects/acorex/components/range-slider/src/range-slider.component.html","../../../../projects/acorex/components/range-slider/src/range-slider.module.ts","../../../../projects/acorex/components/range-slider/acorex-components-range-slider.ts"],"sourcesContent":["import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  Input,\r\n  EventEmitter,\r\n  HostBinding,\r\n  Output,\r\n  NgZone,\r\n} from '@angular/core';\r\n\r\nimport {\r\n  AXStyleColorType,\r\n  AXValuableComponent,\r\n} from '@acorex/components/common';\r\nimport {\r\n  AXBaseValueComponentMixin,\r\n  AXComponentOptionChanged,\r\n} from '@acorex/components/mixin';\r\n\r\n@Component({\r\n  selector: 'ax-range-slider',\r\n  templateUrl: './range-slider.component.html',\r\n  styleUrls: ['./range-slider.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  inputs: ['readonly', 'allowNull', 'value', 'name', 'checked'],\r\n  outputs: ['valueChange', 'onValueChanged'],\r\n  host: { class: 'ax-range-slider' },\r\n  encapsulation: ViewEncapsulation.None,\r\n  providers: [\r\n    { provide: AXValuableComponent, useExisting: AXRangeSliderComponent },\r\n  ],\r\n})\r\nexport class AXRangeSliderComponent extends AXBaseValueComponentMixin {\r\n  constructor(\r\n    elementRef: ElementRef,\r\n    cdr: ChangeDetectorRef,\r\n    private _zone: NgZone\r\n  ) {\r\n    super(elementRef, cdr);\r\n  }\r\n\r\n  private _minValue: number = 0;\r\n  /**\r\n   *  Specifies the smallest value that is valid\r\n   */\r\n  @Input()\r\n  public get minValue(): number {\r\n    return this._minValue ?? 0;\r\n  }\r\n  public set minValue(v: number) {\r\n    this._setOption({\r\n      name: 'minValue',\r\n      value: v != null ? Number(v) : 0,\r\n    });\r\n  }\r\n\r\n  private _maxValue: number = 100;\r\n  /**\r\n   *  Specifies the greatest value that is valid\r\n   */\r\n  @Input()\r\n  public get maxValue(): number {\r\n    return this._maxValue ?? 100;\r\n  }\r\n  public set maxValue(v: number) {\r\n    this._setOption({\r\n      name: 'maxValue',\r\n      value: v != null ? Number(v) : 100,\r\n    });\r\n  }\r\n\r\n  private _step: number = 1;\r\n  /**\r\n   *  Specifies the greatest value that is valid\r\n   */\r\n  @Input()\r\n  public get step(): number {\r\n    return this._step ?? 100;\r\n  }\r\n  public set step(v: number) {\r\n    this._setOption({\r\n      name: 'step',\r\n      value: v != null ? Number(v) : 1,\r\n    });\r\n  }\r\n\r\n  @Output()\r\n  colorChange: EventEmitter<AXStyleColorType> = new EventEmitter();\r\n  _color: AXStyleColorType = 'primary';\r\n  /**\r\n   *  Predefined color schemes\r\n   */\r\n  @Input()\r\n  get color(): AXStyleColorType {\r\n    return this._color;\r\n  }\r\n  set color(value: AXStyleColorType) {\r\n    this._setOption({\r\n      name: 'color',\r\n      value,\r\n      afterCallback: () => {\r\n        this._cdr.markForCheck();\r\n      },\r\n    });\r\n  }\r\n\r\n  @Input() oriantaion: 'vertical' | 'horizontal' = 'horizontal';\r\n\r\n  onViewInit() {\r\n    this._calcVars();\r\n    this.value = this.value ?? (this.maxValue - this.minValue) / 2;\r\n  }\r\n\r\n  _onValueChanged(oldValue: number, newValue: number) {\r\n    this._calcVars();\r\n  }\r\n\r\n  _onOptionChanged(e: AXComponentOptionChanged) {\r\n    this._calcVars();\r\n  }\r\n\r\n  private _calcVars() {\r\n    this._zone.runOutsideAngular(() => {\r\n      const per =\r\n        (((this.value ?? 0) - this.minValue) /\r\n          (this.maxValue - this.minValue)) *\r\n          100 -\r\n        0.1;\r\n      this._getHostElement().style.setProperty('--ax-current-value', `${per}%`);\r\n    });\r\n  }\r\n\r\n  @HostBinding('class')\r\n  private get __hostClass(): string {\r\n    return `ax-${this.color}-default ax-${this.oriantaion}`;\r\n  }\r\n}\r\n","<input type=\"range\" [min]=\"minValue\" [max]=\"maxValue\" [(ngModel)]=\"value\" [step]=\"step\">","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXRangeSliderComponent } from './range-slider.component';\r\nimport { FormsModule } from '@angular/forms';\r\n\r\nconst COMPONENT = [AXRangeSliderComponent];\r\nconst MODULES = [CommonModule,FormsModule];\r\n\r\n@NgModule({\r\n    declarations: [...COMPONENT],\r\n    imports: [...MODULES],\r\n    exports: [...COMPONENT],\r\n    providers: [],\r\n})\r\nexport class AXRangeSliderModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-rating.mjs

@@ -0,0 +1,64 @@
+import * as i0 from '@angular/core';
+import { Component, ViewChild, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+class AXRatingComponent {
+    stars;
+    items = [
+        { index: 0, selected: false },
+        { index: 1, selected: false },
+        { index: 2, selected: false },
+        { index: 3, selected: false },
+        { index: 4, selected: false },
+    ];
+    /**
+     *  @ignore
+     */
+    constructor() { }
+    ngAfterViewInit() {
+    }
+    handleStarClick(item) {
+        var a = this.items.slice(0, ++item.index);
+        console.log(a);
+    }
+    handleMouseEnter() {
+    }
+    handleMouseLeave() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXRatingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXRatingComponent, selector: "ax-rating", host: { classAttribute: "ax-rating" }, viewQueries: [{ propertyName: "stars", first: true, predicate: ["stars"], descendants: true }], ngImport: i0, template: "<div class=\"ax-rating-container\" #stars>\r\n    <ng-container *ngFor=\"let item of items\">\r\n        <span class=\"ax-icon ax-icon-star\" (click)=\"handleStarClick(item)\"></span>\r\n    </ng-container>\r\n</div>", styles: ["ax-rating:hover:before{content:\"\\e91f\"!important}ax-rating.ax-state-selected:before{content:\"\\e91e\"!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXRatingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-rating', host: { class: 'ax-rating' }, template: "<div class=\"ax-rating-container\" #stars>\r\n    <ng-container *ngFor=\"let item of items\">\r\n        <span class=\"ax-icon ax-icon-star\" (click)=\"handleStarClick(item)\"></span>\r\n    </ng-container>\r\n</div>", styles: ["ax-rating:hover:before{content:\"\\e91f\"!important}ax-rating.ax-state-selected:before{content:\"\\e91e\"!important}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { stars: [{
+                type: ViewChild,
+                args: ['stars']
+            }] } });
+
+class AXRatingModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXRatingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXRatingModule, declarations: [AXRatingComponent], imports: [CommonModule], exports: [AXRatingComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXRatingModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXRatingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AXRatingComponent],
+                    imports: [CommonModule],
+                    exports: [AXRatingComponent],
+                    providers: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXRatingComponent, AXRatingModule };
+//# sourceMappingURL=acorex-components-rating.mjs.map

package/fesm2022/acorex-components-rating.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-rating.mjs","sources":["../../../../projects/acorex/components/rating/src/rating.component.ts","../../../../projects/acorex/components/rating/src/rating.component.html","../../../../projects/acorex/components/rating/src/rating.component.module.ts","../../../../projects/acorex/components/rating/acorex-components-rating.ts"],"sourcesContent":["import { AfterViewInit, Component, ElementRef, ViewChild } from '@angular/core';\r\n/**\r\n * The Button is a component which detects user interaction and triggers a corresponding event\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n    selector: 'ax-rating',\r\n    templateUrl: './rating.component.html',\r\n    styleUrls: ['./rating.component.scss'],\r\n    host: { class: 'ax-rating' }\r\n})\r\nexport class AXRatingComponent implements AfterViewInit {\r\n\r\n    @ViewChild('stars') stars: ElementRef<HTMLDivElement>\r\n\r\n    items: any[] = [\r\n        { index: 0, selected: false },\r\n        { index: 1, selected: false },\r\n        { index: 2, selected: false },\r\n        { index: 3, selected: false },\r\n        { index: 4, selected: false },\r\n    ]\r\n    /**\r\n     *  @ignore\r\n     */\r\n    constructor() { }\r\n\r\n    ngAfterViewInit(): void {\r\n\r\n    }\r\n\r\n\r\n    handleStarClick(item) {\r\n        var a = this.items.slice(0,++item.index)\r\n        console.log(a);\r\n        \r\n    }\r\n\r\n    handleMouseEnter() {\r\n\r\n    }\r\n    handleMouseLeave() { }\r\n}\r\n","<div class=\"ax-rating-container\" #stars>\r\n    <ng-container *ngFor=\"let item of items\">\r\n        <span class=\"ax-icon ax-icon-star\" (click)=\"handleStarClick(item)\"></span>\r\n    </ng-container>\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXRatingComponent } from './rating.component';\r\n\r\n@NgModule({\r\n    declarations: [AXRatingComponent],\r\n    imports: [ CommonModule ],\r\n    exports: [AXRatingComponent],\r\n    providers: [],\r\n})\r\nexport class AXRatingModule {}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}