ngwr 3.0.0 → 4.0.0

package/fesm2022/ngwr-input.mjs

@@ -1,263 +1,152 @@
-import { __decorate } from 'tslib';
-import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
-import { forwardRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, ViewChild, HostBinding, NgModule } from '@angular/core';
-import * as i3 from '@angular/forms';
-import { NG_VALUE_ACCESSOR, NG_VALIDATORS, FormsModule } from '@angular/forms';
-import { fromEvent } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import { WrAbstractBase } from 'ngwr/core/abstract';
-import { InputBoolean } from 'ngwr/core/decorators';
-import * as i1 from '@angular/cdk/a11y';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i4 from 'ngwr/icon';
-import { WrIconModule } from 'ngwr/icon';
+import { signal, booleanAttribute, forwardRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding, NgModule } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormControl, NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { noop, debounceTime, tap, takeUntil } from 'rxjs';
+import { WrAbstractBase } from 'ngwr/cdk';
+import { provideWrIcons, eye, eyeOff, WrIconComponent } from 'ngwr/icon';
 
-class WrInput extends WrAbstractBase {
-    get type() {
-        return this._type;
-    }
-    set type(type) {
-        this._type = type;
-    }
-    get inputmode() {
-        return this._mode;
-    }
-    set inputmode(mode) {
-        this._mode = mode;
-    }
-    get disabled() {
-        return this._disabled;
-    }
-    set disabled(disabled) {
-        this._disabled = coerceBooleanProperty(disabled);
-        this.cdr.markForCheck();
-    }
-    get readonly() {
-        return this._readonly;
-    }
-    set readonly(readonly) {
-        this._readonly = coerceBooleanProperty(readonly);
-    }
-    get required() {
-        return this._required;
-    }
-    set required(required) {
-        this._required = coerceBooleanProperty(required);
-    }
-    get autofocus() {
-        return this._autofocus;
-    }
-    set autofocus(autofocus) {
-        this._autofocus = coerceBooleanProperty(autofocus);
-    }
-    get autocomplete() {
-        return this._autocomplete;
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/**
+ * NGWR input component.
+ *
+ * {@tutorial} [How to use wr-alert]{@link http://ngwr.dev/docs/components/input}
+ */
+class WrInputComponent extends WrAbstractBase {
+    constructor() {
+        super(...arguments);
+        this.formControl = new FormControl();
+        this.eyeOn = signal(true);
+        this.isFocused = signal(false);
+        this.onChange = noop;
+        this.onTouch = noop;
+        this.placeholder = '';
+        this.prefix = null;
+        this.suffix = null;
+        this.rounded = false;
+        this.passwordIcons = false;
+        this.readonly = false;
+        this.type = 'text';
     }
-    set autocomplete(autofocus) {
-        this._autocomplete = autofocus;
+    registerOnChange(fn) {
+        this.onChange = fn;
     }
-    get value() {
-        return this.type === 'number' ? this.valueAsNumber : this._value;
+    registerOnTouched(fn) {
+        this.onTouch = fn;
     }
-    set value(val) {
-        if (val !== this._value) {
-            this._value = val;
-            this.onChangeCallback(this.value);
+    setDisabledState(isDisabled) {
+        if (isDisabled) {
+            return this.formControl.disable();
         }
+        return this.formControl.enable();
     }
-    get valueAsString() {
-        if (this._value == null || typeof this._value === 'undefined')
-            return '';
-        return String(this._value);
-    }
-    get valueAsNumber() {
-        return coerceNumberProperty(this._value);
+    writeValue(value) {
+        this.formControl.setValue(value, { emitEvent: false });
     }
-    get isBadInput() {
-        const validity = this.inputElement?.nativeElement?.validity;
-        return validity && validity.badInput;
+    ngOnInit() {
+        this.formControl.valueChanges
+            .pipe(debounceTime(200), tap(value => this.onChange(value)), takeUntil(this.destroyed$))
+            .subscribe();
     }
     get elClasses() {
         return {
             'wr-input': true,
+            'wr-input--rounded': this.rounded,
             'wr-input--has-prefix': this.prefix,
             'wr-input--has-suffix': this.suffix,
             'wr-input--password': this.passwordIcons,
-            'wr-input--disabled': this.disabled,
+            'wr-input--disabled': this.formControl.disabled,
+            'wr-input--focused': this.isFocused(),
         };
     }
-    constructor(cdr, elRef, focusMonitor, ngZone) {
-        super();
-        this.cdr = cdr;
-        this.elRef = elRef;
-        this.focusMonitor = focusMonitor;
-        this.ngZone = ngZone;
-        this.placeholder = '';
-        this.prefix = null;
-        this.suffix = null;
-        this.passwordIcons = false;
-        this.eyeOn = true;
-        this._value = '';
-        this._disabled = false;
-        this._readonly = false;
-        this._required = false;
-        this._autofocus = false;
-        this._focused = false;
-        this._autocomplete = 'off';
-        this._type = 'text';
-        this._mode = 'text';
-        this.onChangeCallback = () => { };
-        this.onTouchedCallback = () => { };
-    }
-    ngOnInit() {
-        this.ngZone.runOutsideAngular(() => {
-            fromEvent(this.elRef.nativeElement, 'click')
-                .pipe(takeUntil(this.destroyed$))
-                .subscribe(event => {
-                event.preventDefault();
-                this.onFocus();
-                if (this.disabled) {
-                    event.stopImmediatePropagation();
-                    return;
-                }
-            });
-            fromEvent(this.inputElement.nativeElement, 'click')
-                .pipe(takeUntil(this.destroyed$))
-                .subscribe(event => event.stopPropagation());
-        });
-    }
-    ngAfterViewInit() {
-        if (this.autofocus) {
-            this.onFocus();
-            this.cdr.markForCheck();
-        }
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this.focusMonitor.stopMonitoring(this.elRef);
-    }
-    onFocus(event) {
-        if (event) {
-            event.stopPropagation();
-        }
-        this._focused = true;
-        this.focusMonitor.focusVia(this.inputElement, 'keyboard');
-    }
-    onBlur(event) {
-        if (event) {
-            event.stopPropagation();
+    onPasswordVisibilityChange() {
+        if (this.type === 'password') {
+            this.type = 'text';
+            this.eyeOn.set(false);
         }
-        this._focused = false;
-        // this.inputElement.nativeElement.blur();
-        this.onTouchedCallback();
-    }
-    validate(control) {
-        return {
-            ...(this.isBadInput ? { badInput: true } : null),
-        };
-    }
-    writeValue(value) {
-        if (value !== this._value) {
-            this._value = value;
+        else {
+            this.type = 'password';
+            this.eyeOn.set(true);
         }
-        this.cdr.markForCheck();
-    }
-    registerOnChange(fn) {
-        this.onChangeCallback = fn;
     }
-    registerOnTouched(fn) {
-        this.onTouchedCallback = fn;
-    }
-    onPasswordVisibilityChange() {
-        this.type === 'password' ? (this.type = 'text') : (this.type = 'password');
-        this.eyeOn = !this.eyeOn;
-        this.onFocus();
-    }
-    setDisabledState(isDisabled) {
-        this.disabled = coerceBooleanProperty(isDisabled);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WrInput, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.FocusMonitor }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: WrInput, selector: "wr-input", inputs: { placeholder: "placeholder", prefix: "prefix", suffix: "suffix", passwordIcons: "passwordIcons", type: "type", inputmode: "inputmode", disabled: "disabled", readonly: "readonly", required: "required", autofocus: "autofocus", autocomplete: "autocomplete", value: "value" }, host: { properties: { "class": "this.elClasses" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.4", type: WrInputComponent, isStandalone: true, selector: "wr-input", inputs: { placeholder: "placeholder", prefix: "prefix", suffix: "suffix", rounded: ["rounded", "rounded", booleanAttribute], passwordIcons: ["passwordIcons", "passwordIcons", booleanAttribute], readonly: ["readonly", "readonly", booleanAttribute], type: "type" }, host: { properties: { "class": "this.elClasses" } }, providers: [
+            provideWrIcons([eye, eyeOff]),
             {
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => WrInput),
-                multi: true,
-            },
-            {
-                provide: NG_VALIDATORS,
-                useExisting: forwardRef(() => WrInput),
+                // eslint-disable-next-line @angular-eslint/no-forward-ref
+                useExisting: forwardRef(() => WrInputComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, static: true }], exportAs: ["wrInput"], usesInheritance: true, ngImport: i0, template: "<div class=\"wr-input-prefix\" *ngIf=\"prefix\">\n  <span class=\"wr-input-prefix__text\">{{ prefix }}</span>\n</div>\n<div class=\"wr-input-el\">\n  <div *ngIf=\"passwordIcons\" class=\"wr-input-el-icon\" (click)=\"onPasswordVisibilityChange()\">\n    <wr-icon class=\"wr-input-el-icon__icon\" [name]=\"eyeOn ? 'eye' : 'eye-off'\"></wr-icon>\n  </div>\n  <input\n    #inputElement\n    class=\"wr-input-el__native\"\n    [ngModel]=\"valueAsString\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [type]=\"type\"\n    [attr.autocomplete]=\"autocomplete\"\n    [attr.inputmode]=\"inputmode\"\n    (focus)=\"onFocus($event)\"\n    (blur)=\"onBlur($event)\"\n    (ngModelChange)=\"value = $event\"\n  />\n</div>\n<div class=\"wr-input-suffix\" *ngIf=\"suffix\">\n  <span class=\"wr-input-suffix__text\">{{ suffix }}</span>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.WrIcon, selector: "wr-icon[name]", inputs: ["name"], exportAs: ["wrIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "@if (prefix) {\n  <div class=\"wr-input-prefix\">\n    <span class=\"wr-input-prefix__text\">{{ prefix }}</span>\n  </div>\n}\n\n<input\n  class=\"wr-input__native\"\n  [type]=\"type\"\n  [placeholder]=\"placeholder\"\n  [readonly]=\"readonly\"\n  [formControl]=\"formControl\"\n  (focus)=\"isFocused.set(true)\"\n  (blur)=\"isFocused.set(false)\"\n/>\n\n@if (passwordIcons) {\n  <div class=\"wr-input-icon\" [class.wr-input-icon--disabled]=\"formControl.disabled\" (click)=\"onPasswordVisibilityChange()\">\n    <wr-icon class=\"wr-input-icon__icon\" [name]=\"eyeOn() ? 'eye' : 'eye-off'\" />\n  </div>\n}\n\n@if (suffix) {\n  <div class=\"wr-input-suffix\">\n    <span class=\"wr-input-suffix__text\">{{ suffix }}</span>\n  </div>\n}\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: WrIconComponent, selector: "wr-icon", inputs: ["name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-__decorate([
-    InputBoolean()
-], WrInput.prototype, "passwordIcons", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WrInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'wr-input', exportAs: 'wrInput', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+            args: [{ standalone: true, selector: 'wr-input', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [FormsModule, ReactiveFormsModule, WrIconComponent], providers: [
+                        provideWrIcons([eye, eyeOff]),
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => WrInput),
+                            // eslint-disable-next-line @angular-eslint/no-forward-ref
+                            useExisting: forwardRef(() => WrInputComponent),
                             multi: true,
                         },
-                        {
-                            provide: NG_VALIDATORS,
-                            useExisting: forwardRef(() => WrInput),
-                            multi: true,
-                        },
-                    ], template: "<div class=\"wr-input-prefix\" *ngIf=\"prefix\">\n  <span class=\"wr-input-prefix__text\">{{ prefix }}</span>\n</div>\n<div class=\"wr-input-el\">\n  <div *ngIf=\"passwordIcons\" class=\"wr-input-el-icon\" (click)=\"onPasswordVisibilityChange()\">\n    <wr-icon class=\"wr-input-el-icon__icon\" [name]=\"eyeOn ? 'eye' : 'eye-off'\"></wr-icon>\n  </div>\n  <input\n    #inputElement\n    class=\"wr-input-el__native\"\n    [ngModel]=\"valueAsString\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [type]=\"type\"\n    [attr.autocomplete]=\"autocomplete\"\n    [attr.inputmode]=\"inputmode\"\n    (focus)=\"onFocus($event)\"\n    (blur)=\"onBlur($event)\"\n    (ngModelChange)=\"value = $event\"\n  />\n</div>\n<div class=\"wr-input-suffix\" *ngIf=\"suffix\">\n  <span class=\"wr-input-suffix__text\">{{ suffix }}</span>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.FocusMonitor }, { type: i0.NgZone }], propDecorators: { placeholder: [{
+                    ], template: "@if (prefix) {\n  <div class=\"wr-input-prefix\">\n    <span class=\"wr-input-prefix__text\">{{ prefix }}</span>\n  </div>\n}\n\n<input\n  class=\"wr-input__native\"\n  [type]=\"type\"\n  [placeholder]=\"placeholder\"\n  [readonly]=\"readonly\"\n  [formControl]=\"formControl\"\n  (focus)=\"isFocused.set(true)\"\n  (blur)=\"isFocused.set(false)\"\n/>\n\n@if (passwordIcons) {\n  <div class=\"wr-input-icon\" [class.wr-input-icon--disabled]=\"formControl.disabled\" (click)=\"onPasswordVisibilityChange()\">\n    <wr-icon class=\"wr-input-icon__icon\" [name]=\"eyeOn() ? 'eye' : 'eye-off'\" />\n  </div>\n}\n\n@if (suffix) {\n  <div class=\"wr-input-suffix\">\n    <span class=\"wr-input-suffix__text\">{{ suffix }}</span>\n  </div>\n}\n" }]
+        }], propDecorators: { placeholder: [{
                 type: Input
             }], prefix: [{
                 type: Input
             }], suffix: [{
                 type: Input
+            }], rounded: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], passwordIcons: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], inputmode: [{
-                type: Input
-            }], disabled: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], readonly: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], type: [{
                 type: Input
-            }], required: [{
-                type: Input
-            }], autofocus: [{
-                type: Input
-            }], autocomplete: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], inputElement: [{
-                type: ViewChild,
-                args: ['inputElement', { static: true }]
             }], elClasses: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
 
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
 class WrInputModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WrInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: WrInputModule, declarations: [WrInput], imports: [CommonModule, FormsModule, WrIconModule], exports: [WrInput] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WrInputModule, imports: [CommonModule, FormsModule, WrIconModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: WrInputModule, imports: [WrInputComponent], exports: [WrInputComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrInputModule, imports: [WrInputComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WrInputModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrInputModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, FormsModule, WrIconModule],
-                    declarations: [WrInput],
-                    exports: [WrInput],
+                    imports: [WrInputComponent],
+                    exports: [WrInputComponent],
                 }]
         }] });
 
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { WrInput, WrInputModule };
+export { WrInputComponent, WrInputModule };
 //# sourceMappingURL=ngwr-input.mjs.map

package/fesm2022/ngwr-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-input.mjs","sources":["../../../projects/lib/input/input.ts","../../../projects/lib/input/input.html","../../../projects/lib/input/input-module.ts","../../../projects/lib/input/ngwr-input.ts"],"sourcesContent":["import { FocusMonitor } from '@angular/cdk/a11y';\nimport { BooleanInput, coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  forwardRef,\n  HostBinding,\n  Input,\n  NgZone,\n  OnDestroy,\n  OnInit,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport {\n  AbstractControl,\n  ControlValueAccessor,\n  NG_VALIDATORS,\n  NG_VALUE_ACCESSOR,\n  ValidationErrors,\n  Validator,\n} from '@angular/forms';\nimport { fromEvent } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { WrAbstractBase } from 'ngwr/core/abstract';\nimport { InputBoolean } from 'ngwr/core/decorators';\nimport { OnChangeType, OnTouchedType, SafeAny } from 'ngwr/core/types';\n\nimport { WrInputAutocomplete, WrInputModeType, WrInputType } from './input-types';\n\n@Component({\n  selector: 'wr-input',\n  exportAs: 'wrInput',\n  templateUrl: './input.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => WrInput),\n      multi: true,\n    },\n    {\n      provide: NG_VALIDATORS,\n      useExisting: forwardRef(() => WrInput),\n      multi: true,\n    },\n  ],\n})\nexport class WrInput\n  extends WrAbstractBase\n  implements ControlValueAccessor, AfterViewInit, OnInit, OnDestroy, Validator\n{\n  @Input() placeholder: string = '';\n  @Input() prefix: string | null = null;\n  @Input() suffix: string | null = null;\n  @Input() @InputBoolean() passwordIcons: BooleanInput = false;\n\n  @Input()\n  get type(): WrInputType {\n    return this._type;\n  }\n  set type(type: WrInputType) {\n    this._type = type;\n  }\n  @Input()\n  get inputmode(): WrInputModeType {\n    return this._mode;\n  }\n  set inputmode(mode: WrInputModeType) {\n    this._mode = mode;\n  }\n  @Input()\n  get disabled(): boolean {\n    return this._disabled;\n  }\n  set disabled(disabled: BooleanInput) {\n    this._disabled = coerceBooleanProperty(disabled);\n    this.cdr.markForCheck();\n  }\n  @Input()\n  get readonly(): boolean {\n    return this._readonly;\n  }\n  set readonly(readonly: BooleanInput) {\n    this._readonly = coerceBooleanProperty(readonly);\n  }\n  @Input()\n  get required(): boolean {\n    return this._required;\n  }\n  set required(required: BooleanInput) {\n    this._required = coerceBooleanProperty(required);\n  }\n  @Input()\n  get autofocus(): boolean {\n    return this._autofocus;\n  }\n  set autofocus(autofocus: BooleanInput) {\n    this._autofocus = coerceBooleanProperty(autofocus);\n  }\n  @Input()\n  get autocomplete(): WrInputAutocomplete {\n    return this._autocomplete;\n  }\n  set autocomplete(autofocus: WrInputAutocomplete) {\n    this._autocomplete = autofocus;\n  }\n  @Input()\n  get value(): string | number {\n    return this.type === 'number' ? this.valueAsNumber : this._value;\n  }\n  set value(val: string | number) {\n    if (val !== this._value) {\n      this._value = val;\n      this.onChangeCallback(this.value);\n    }\n  }\n  get valueAsString(): string {\n    if (this._value == null || typeof this._value === 'undefined') return '';\n    return String(this._value);\n  }\n  get valueAsNumber(): number {\n    return coerceNumberProperty(this._value);\n  }\n\n  get isBadInput(): boolean {\n    const validity = this.inputElement?.nativeElement?.validity;\n    return validity && validity.badInput;\n  }\n\n  @ViewChild('inputElement', { static: true }) inputElement!: ElementRef<HTMLInputElement>;\n  @HostBinding('class')\n  get elClasses(): SafeAny {\n    return {\n      'wr-input': true,\n      'wr-input--has-prefix': this.prefix,\n      'wr-input--has-suffix': this.suffix,\n      'wr-input--password': this.passwordIcons,\n      'wr-input--disabled': this.disabled,\n    };\n  }\n\n  eyeOn = true;\n  private _value: string | number = '';\n  private _disabled: boolean = false;\n  private _readonly: boolean = false;\n  private _required: boolean = false;\n  private _autofocus: boolean = false;\n  private _focused: boolean = false;\n  private _autocomplete: WrInputAutocomplete = 'off';\n  private _type: WrInputType = 'text';\n  private _mode: WrInputModeType = 'text';\n  private onChangeCallback: OnChangeType = () => {};\n  private onTouchedCallback: OnTouchedType = () => {};\n\n  constructor(\n    private readonly cdr: ChangeDetectorRef,\n    private readonly elRef: ElementRef<HTMLInputElement>,\n    private readonly focusMonitor: FocusMonitor,\n    private readonly ngZone: NgZone\n  ) {\n    super();\n  }\n\n  ngOnInit(): void {\n    this.ngZone.runOutsideAngular(() => {\n      fromEvent<MouseEvent>(this.elRef.nativeElement, 'click')\n        .pipe(takeUntil(this.destroyed$))\n        .subscribe(event => {\n          event.preventDefault();\n          this.onFocus();\n          if (this.disabled) {\n            event.stopImmediatePropagation();\n            return;\n          }\n        });\n      fromEvent(this.inputElement.nativeElement, 'click')\n        .pipe(takeUntil(this.destroyed$))\n        .subscribe(event => event.stopPropagation());\n    });\n  }\n\n  ngAfterViewInit(): void {\n    if (this.autofocus) {\n      this.onFocus();\n      this.cdr.markForCheck();\n    }\n  }\n\n  override ngOnDestroy(): void {\n    super.ngOnDestroy();\n    this.focusMonitor.stopMonitoring(this.elRef);\n  }\n\n  onFocus(event?: FocusEvent): void {\n    if (event) {\n      event.stopPropagation();\n    }\n    this._focused = true;\n    this.focusMonitor.focusVia(this.inputElement, 'keyboard');\n  }\n\n  onBlur(event?: Event): void {\n    if (event) {\n      event.stopPropagation();\n    }\n    this._focused = false;\n    // this.inputElement.nativeElement.blur();\n    this.onTouchedCallback();\n  }\n\n  validate(control: AbstractControl): ValidationErrors | null {\n    return {\n      ...(this.isBadInput ? { badInput: true } : null),\n    };\n  }\n\n  writeValue(value: string): void {\n    if (value !== this._value) {\n      this._value = value;\n    }\n    this.cdr.markForCheck();\n  }\n\n  registerOnChange(fn: OnChangeType): void {\n    this.onChangeCallback = fn;\n  }\n\n  registerOnTouched(fn: OnTouchedType): void {\n    this.onTouchedCallback = fn;\n  }\n\n  onPasswordVisibilityChange(): void {\n    this.type === 'password' ? (this.type = 'text') : (this.type = 'password');\n    this.eyeOn = !this.eyeOn;\n    this.onFocus();\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = coerceBooleanProperty(isDisabled);\n  }\n}\n","<div class=\"wr-input-prefix\" *ngIf=\"prefix\">\n  <span class=\"wr-input-prefix__text\">{{ prefix }}</span>\n</div>\n<div class=\"wr-input-el\">\n  <div *ngIf=\"passwordIcons\" class=\"wr-input-el-icon\" (click)=\"onPasswordVisibilityChange()\">\n    <wr-icon class=\"wr-input-el-icon__icon\" [name]=\"eyeOn ? 'eye' : 'eye-off'\"></wr-icon>\n  </div>\n  <input\n    #inputElement\n    class=\"wr-input-el__native\"\n    [ngModel]=\"valueAsString\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [type]=\"type\"\n    [attr.autocomplete]=\"autocomplete\"\n    [attr.inputmode]=\"inputmode\"\n    (focus)=\"onFocus($event)\"\n    (blur)=\"onBlur($event)\"\n    (ngModelChange)=\"value = $event\"\n  />\n</div>\n<div class=\"wr-input-suffix\" *ngIf=\"suffix\">\n  <span class=\"wr-input-suffix__text\">{{ suffix }}</span>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { WrIconModule } from 'ngwr/icon';\n\nimport { WrInput } from './input';\n\n@NgModule({\n  imports: [CommonModule, FormsModule, WrIconModule],\n  declarations: [WrInput],\n  exports: [WrInput],\n})\nexport class WrInputModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngwr-input.mjs","sources":["../../../projects/lib/input/input.component.ts","../../../projects/lib/input/input.component.html","../../../projects/lib/input/input.module.ts","../../../projects/lib/input/public-api.ts","../../../projects/lib/input/ngwr-input.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  forwardRef,\n  HostBinding,\n  Input,\n  OnInit,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { ControlValueAccessor, FormControl, FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';\n\nimport { debounceTime, noop, takeUntil, tap } from 'rxjs';\n\nimport { WrAbstractBase } from 'ngwr/cdk';\nimport { SafeAny } from 'ngwr/cdk/types';\nimport { provideWrIcons, WrIconComponent, eye, eyeOff } from 'ngwr/icon';\n\nimport { WrInputType } from './input-types';\n\n/**\n * NGWR input component.\n *\n * {@tutorial} [How to use wr-alert]{@link http://ngwr.dev/docs/components/input}\n */\n@Component({\n  standalone: true,\n  selector: 'wr-input',\n  templateUrl: './input.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [FormsModule, ReactiveFormsModule, WrIconComponent],\n  providers: [\n    provideWrIcons([eye, eyeOff]),\n    {\n      provide: NG_VALUE_ACCESSOR,\n      // eslint-disable-next-line @angular-eslint/no-forward-ref\n      useExisting: forwardRef(() => WrInputComponent),\n      multi: true,\n    },\n  ],\n})\nexport class WrInputComponent extends WrAbstractBase implements ControlValueAccessor, OnInit {\n  formControl: FormControl = new FormControl();\n  protected readonly eyeOn = signal(true);\n  protected readonly isFocused = signal(false);\n\n  onChange: (value: string) => void = noop;\n  onTouch: () => void = noop;\n\n  registerOnChange(fn: (value: string) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouch = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    if (isDisabled) {\n      return this.formControl.disable();\n    }\n    return this.formControl.enable();\n  }\n\n  writeValue(value: string): void {\n    this.formControl.setValue(value, { emitEvent: false });\n  }\n\n  ngOnInit(): void {\n    this.formControl.valueChanges\n      .pipe(\n        debounceTime(200),\n        tap(value => this.onChange(value)),\n        takeUntil(this.destroyed$)\n      )\n      .subscribe();\n  }\n\n  @Input() placeholder = '';\n  @Input() prefix: string | null = null;\n  @Input() suffix: string | null = null;\n  @Input({ transform: booleanAttribute }) rounded = false;\n  @Input({ transform: booleanAttribute }) passwordIcons = false;\n  @Input({ transform: booleanAttribute }) readonly = false;\n  @Input() type: WrInputType = 'text';\n\n  @HostBinding('class')\n  get elClasses(): SafeAny {\n    return {\n      'wr-input': true,\n      'wr-input--rounded': this.rounded,\n      'wr-input--has-prefix': this.prefix,\n      'wr-input--has-suffix': this.suffix,\n      'wr-input--password': this.passwordIcons,\n      'wr-input--disabled': this.formControl.disabled,\n      'wr-input--focused': this.isFocused(),\n    };\n  }\n\n  onPasswordVisibilityChange(): void {\n    if (this.type === 'password') {\n      this.type = 'text';\n      this.eyeOn.set(false);\n    } else {\n      this.type = 'password';\n      this.eyeOn.set(true);\n    }\n  }\n}\n","@if (prefix) {\n  <div class=\"wr-input-prefix\">\n    <span class=\"wr-input-prefix__text\">{{ prefix }}</span>\n  </div>\n}\n\n<input\n  class=\"wr-input__native\"\n  [type]=\"type\"\n  [placeholder]=\"placeholder\"\n  [readonly]=\"readonly\"\n  [formControl]=\"formControl\"\n  (focus)=\"isFocused.set(true)\"\n  (blur)=\"isFocused.set(false)\"\n/>\n\n@if (passwordIcons) {\n  <div class=\"wr-input-icon\" [class.wr-input-icon--disabled]=\"formControl.disabled\" (click)=\"onPasswordVisibilityChange()\">\n    <wr-icon class=\"wr-input-icon__icon\" [name]=\"eyeOn() ? 'eye' : 'eye-off'\" />\n  </div>\n}\n\n@if (suffix) {\n  <div class=\"wr-input-suffix\">\n    <span class=\"wr-input-suffix__text\">{{ suffix }}</span>\n  </div>\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\nimport { NgModule } from '@angular/core';\n\nimport { WrInputComponent } from './input.component';\n\n@NgModule({\n  imports: [WrInputComponent],\n  exports: [WrInputComponent],\n})\nexport class WrInputModule {}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nexport * from './input-types';\nexport * from './input.component';\nexport * from './input.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngwr-pipes.mjs

@@ -0,0 +1,56 @@
+import * as i0 from '@angular/core';
+import { Pipe, NgModule } from '@angular/core';
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+class NewArrayPipe {
+    transform(arrayLength) {
+        return new Array(arrayLength);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: NewArrayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: NewArrayPipe, isStandalone: true, name: "newArray" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: NewArrayPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'newArray',
+                }]
+        }] });
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+class WrPipesModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: WrPipesModule, imports: [NewArrayPipe], exports: [NewArrayPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrPipesModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrPipesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [NewArrayPipe],
+                    exports: [NewArrayPipe],
+                }]
+        }] });
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NewArrayPipe, WrPipesModule };
+//# sourceMappingURL=ngwr-pipes.mjs.map

package/fesm2022/ngwr-pipes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-pipes.mjs","sources":["../../../projects/lib/pipes/new-array.pipe.ts","../../../projects/lib/pipes/pipes.module.ts","../../../projects/lib/pipes/public-api.ts","../../../projects/lib/pipes/ngwr-pipes.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n  standalone: true,\n  name: 'newArray',\n})\nexport class NewArrayPipe implements PipeTransform {\n  transform(arrayLength: number): number[] {\n    return new Array(arrayLength);\n  }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { NgModule } from '@angular/core';\n\nimport { NewArrayPipe } from './new-array.pipe';\n\n@NgModule({\n  imports: [NewArrayPipe],\n  exports: [NewArrayPipe],\n})\nexport class WrPipesModule {}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nexport * from './new-array.pipe';\nexport * from './pipes.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAAA;;;;;AAKG;MAQU,YAAY,CAAA;AACvB,IAAA,SAAS,CAAC,WAAmB,EAAA;AAC3B,QAAA,OAAO,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC;KAC/B;8GAHU,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;4GAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,UAAA,EAAA,CAAA,CAAA,EAAA;;2FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBAJxB,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE,UAAU;AACjB,iBAAA,CAAA;;;ACZD;;;;;AAKG;MAUU,aAAa,CAAA;8GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAb,aAAa,EAAA,OAAA,EAAA,CAHd,YAAY,CAAA,EAAA,OAAA,EAAA,CACZ,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;+GAEX,aAAa,EAAA,CAAA,CAAA,EAAA;;2FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBAJzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA,CAAA;;;ACdD;;;;;AAKG;;ACLH;;AAEG;;;;"}

package/fesm2022/ngwr-progress.mjs

@@ -0,0 +1,75 @@
+import * as i0 from '@angular/core';
+import { numberAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding, NgModule } from '@angular/core';
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+class WrProgressComponent {
+    constructor() {
+        this.color = null;
+        this.percent = 0;
+    }
+    get elClasses() {
+        return {
+            'wr-progress': true,
+            'wr-progress--color-primary': this.color === 'primary',
+            'wr-progress--color-secondary': this.color === 'secondary',
+            'wr-progress--color-success': this.color === 'success',
+            'wr-progress--color-warning': this.color === 'warning',
+            'wr-progress--color-danger': this.color === 'danger',
+            'wr-progress--color-light': this.color === 'light',
+            'wr-progress--color-medium': this.color === 'medium',
+            'wr-progress--color-dark': this.color === 'dark',
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.4", type: WrProgressComponent, isStandalone: true, selector: "wr-progress", inputs: { color: "color", percent: ["percent", "percent", numberAttribute] }, host: { properties: { "class": "this.elClasses" } }, ngImport: i0, template: "<div class=\"wr-progress__bg\" [style.width.%]=\"percent\"></div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrProgressComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'wr-progress', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"wr-progress__bg\" [style.width.%]=\"percent\"></div>\n" }]
+        }], propDecorators: { color: [{
+                type: Input
+            }], percent: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], elClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+class WrProgressModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrProgressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: WrProgressModule, imports: [WrProgressComponent], exports: [WrProgressComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrProgressModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrProgressModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [WrProgressComponent],
+                    exports: [WrProgressComponent],
+                }]
+        }] });
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrProgressComponent, WrProgressModule };
+//# sourceMappingURL=ngwr-progress.mjs.map

package/fesm2022/ngwr-progress.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-progress.mjs","sources":["../../../projects/lib/progress/progress.component.ts","../../../projects/lib/progress/progress.component.html","../../../projects/lib/progress/progress.module.ts","../../../projects/lib/progress/public-api.ts","../../../projects/lib/progress/ngwr-progress.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { ChangeDetectionStrategy, Component, HostBinding, Input, numberAttribute, ViewEncapsulation } from '@angular/core';\n\nimport { SafeAny, WrThemeColor } from 'ngwr/cdk/types';\n\n@Component({\n  standalone: true,\n  selector: 'wr-progress',\n  templateUrl: './progress.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class WrProgressComponent {\n  @Input() color: WrThemeColor | null = null;\n  @Input({ transform: numberAttribute }) percent: number = 0;\n\n  @HostBinding('class')\n  get elClasses(): SafeAny {\n    return {\n      'wr-progress': true,\n      'wr-progress--color-primary': this.color === 'primary',\n      'wr-progress--color-secondary': this.color === 'secondary',\n      'wr-progress--color-success': this.color === 'success',\n      'wr-progress--color-warning': this.color === 'warning',\n      'wr-progress--color-danger': this.color === 'danger',\n      'wr-progress--color-light': this.color === 'light',\n      'wr-progress--color-medium': this.color === 'medium',\n      'wr-progress--color-dark': this.color === 'dark',\n    };\n  }\n}\n","<div class=\"wr-progress__bg\" [style.width.%]=\"percent\"></div>\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { NgModule } from '@angular/core';\n\nimport { WrProgressComponent } from './progress.component';\n\n@NgModule({\n  imports: [WrProgressComponent],\n  exports: [WrProgressComponent],\n})\nexport class WrProgressModule {}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nexport * from './progress.component';\nexport * from './progress.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAAA;;;;;AAKG;MAaU,mBAAmB,CAAA;AAPhC,IAAA,WAAA,GAAA;QAQW,IAAK,CAAA,KAAA,GAAwB,IAAI,CAAC;QACJ,IAAO,CAAA,OAAA,GAAW,CAAC,CAAC;AAgB5D,KAAA;AAdC,IAAA,IACI,SAAS,GAAA;QACX,OAAO;AACL,YAAA,aAAa,EAAE,IAAI;AACnB,YAAA,4BAA4B,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;AACtD,YAAA,8BAA8B,EAAE,IAAI,CAAC,KAAK,KAAK,WAAW;AAC1D,YAAA,4BAA4B,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;AACtD,YAAA,4BAA4B,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;AACtD,YAAA,2BAA2B,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;AACpD,YAAA,0BAA0B,EAAE,IAAI,CAAC,KAAK,KAAK,OAAO;AAClD,YAAA,2BAA2B,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;AACpD,YAAA,yBAAyB,EAAE,IAAI,CAAC,KAAK,KAAK,MAAM;SACjD,CAAC;KACH;8GAjBU,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAEV,eAAe,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpBrC,qEACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FDiBa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,aAAa,EAEN,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,qEAAA,EAAA,CAAA;8BAG5B,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACiC,OAAO,EAAA,CAAA;sBAA7C,KAAK;uBAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAA;gBAGjC,SAAS,EAAA,CAAA;sBADZ,WAAW;uBAAC,OAAO,CAAA;;;AEtBtB;;;;;AAKG;MAUU,gBAAgB,CAAA;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAhB,gBAAgB,EAAA,OAAA,EAAA,CAHjB,mBAAmB,CAAA,EAAA,OAAA,EAAA,CACnB,mBAAmB,CAAA,EAAA,CAAA,CAAA,EAAA;+GAElB,gBAAgB,EAAA,CAAA,CAAA,EAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,mBAAmB,CAAC;oBAC9B,OAAO,EAAE,CAAC,mBAAmB,CAAC;AAC/B,iBAAA,CAAA;;;ACdD;;;;;AAKG;;ACLH;;AAEG;;;;"}