ngwr 5.0.3 → 6.1.1

package/fesm2022/ngwr-input.mjs

@@ -1,12 +1,11 @@
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
-import { signal, inject, ChangeDetectorRef, booleanAttribute, forwardRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding, NgModule } from '@angular/core';
+import { signal, inject, ChangeDetectorRef, booleanAttribute, forwardRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import { noop } from 'rxjs';
 import { WrAbstractBase } from 'ngwr/cdk';
-import * as i2 from 'ngwr/icon';
-import { provideWrIcons, eye, eyeOff, WrIconModule } from 'ngwr/icon';
+import { provideWrIcons, eye, eyeOff, WrIconComponent } from 'ngwr/icon';
 
 /**
  * @license
@@ -29,11 +28,11 @@ class WrInputComponent extends WrAbstractBase {
         this.passwordIcons = false;
         this.readonly = false;
         this.type = 'text';
-        this.inputValue = signal(null);
+        this.inputValue = signal(null, ...(ngDevMode ? [{ debugName: "inputValue" }] : []));
         this.cdr = inject(ChangeDetectorRef);
-        this.eyeOn = signal(true);
-        this.isFocused = signal(false);
-        this.isDisabled = signal(false);
+        this.eyeOn = signal(true, ...(ngDevMode ? [{ debugName: "eyeOn" }] : []));
+        this.isFocused = signal(false, ...(ngDevMode ? [{ debugName: "isFocused" }] : []));
+        this.isDisabled = signal(false, ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
         this.onChange = noop;
         this.onTouch = noop;
     }
@@ -73,8 +72,8 @@ class WrInputComponent extends WrAbstractBase {
             this.eyeOn.set(true);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.3", 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: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", 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,
@@ -82,11 +81,11 @@ class WrInputComponent extends WrAbstractBase {
                 useExisting: forwardRef(() => WrInputComponent),
                 multi: true,
             },
-        ], 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  [disabled]=\"isDisabled()\"\n  [ngModel]=\"inputValue()\"\n  (ngModelChange)=\"writeValue($event)\"\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]=\"isDisabled()\" (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: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: WrIconModule }, { kind: "component", type: i2.WrIconComponent, selector: "wr-icon", inputs: ["name"] }], 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  [disabled]=\"isDisabled()\"\n  [ngModel]=\"inputValue()\"\n  (ngModelChange)=\"writeValue($event)\"\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]=\"isDisabled()\" (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: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: WrIconComponent, selector: "wr-icon", inputs: ["name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'wr-input', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [FormsModule, WrIconModule], providers: [
+            args: [{ selector: 'wr-input', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [FormsModule, WrIconComponent], providers: [
                         provideWrIcons([eye, eyeOff]),
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -117,25 +116,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImpor
                 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: "19.1.3", ngImport: i0, type: WrInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.3", ngImport: i0, type: WrInputModule, imports: [WrInputComponent], exports: [WrInputComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrInputModule, imports: [WrInputComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrInputModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [WrInputComponent],
-                    exports: [WrInputComponent],
-                }]
-        }] });
-
 /**
  * @license
  *
@@ -147,5 +127,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { WrInputComponent, WrInputModule };
+export { WrInputComponent };
 //# sourceMappingURL=ngwr-input.mjs.map

package/fesm2022/ngwr-input.mjs.map

@@ -1 +1 @@
-{"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 { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  forwardRef,\n  HostBinding,\n  inject,\n  Input,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { noop } from 'rxjs';\n\nimport { WrAbstractBase } from 'ngwr/cdk';\nimport { SafeAny } from 'ngwr/cdk/types';\nimport { provideWrIcons, eye, eyeOff, WrIconModule } 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  selector: 'wr-input',\n  templateUrl: './input.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [FormsModule, WrIconModule],\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 {\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.isDisabled(),\n      'wr-input--focused': this.isFocused(),\n    };\n  }\n\n  protected readonly inputValue = signal<string | null>(null);\n\n  protected value?: string;\n\n  private readonly cdr = inject(ChangeDetectorRef);\n  protected readonly eyeOn = signal(true);\n  protected readonly isFocused = signal(false);\n  protected readonly isDisabled = 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    this.isDisabled.set(coerceBooleanProperty(isDisabled));\n  }\n\n  writeValue(value: string): void {\n    this.value = value;\n    this.onChange(value);\n    this.inputValue.set(value);\n    this.cdr.markForCheck();\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  [disabled]=\"isDisabled()\"\n  [ngModel]=\"inputValue()\"\n  (ngModelChange)=\"writeValue($event)\"\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]=\"isDisabled()\" (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":";;;;;;;;;;AAAA;;;;;AAKG;AAyBH;;;;AAIG;AAiBG,MAAO,gBAAiB,SAAQ,cAAc,CAAA;AAhBpD,IAAA,WAAA,GAAA;;QAiBW,IAAW,CAAA,WAAA,GAAG,EAAE;QAChB,IAAM,CAAA,MAAA,GAAkB,IAAI;QAC5B,IAAM,CAAA,MAAA,GAAkB,IAAI;QACG,IAAO,CAAA,OAAA,GAAG,KAAK;QACf,IAAa,CAAA,aAAA,GAAG,KAAK;QACrB,IAAQ,CAAA,QAAA,GAAG,KAAK;QAC/C,IAAI,CAAA,IAAA,GAAgB,MAAM;AAehB,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAgB,IAAI,CAAC;AAI1C,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAC7B,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC;AACpB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC;AACzB,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC;QAE7C,IAAQ,CAAA,QAAA,GAA4B,IAAI;QACxC,IAAO,CAAA,OAAA,GAAe,IAAI;AA8B3B;AArDC,IAAA,IACI,SAAS,GAAA;QACX,OAAO;AACL,YAAA,UAAU,EAAE,IAAI;YAChB,mBAAmB,EAAE,IAAI,CAAC,OAAO;YACjC,sBAAsB,EAAE,IAAI,CAAC,MAAM;YACnC,sBAAsB,EAAE,IAAI,CAAC,MAAM;YACnC,oBAAoB,EAAE,IAAI,CAAC,aAAa;AACxC,YAAA,oBAAoB,EAAE,IAAI,CAAC,UAAU,EAAE;AACvC,YAAA,mBAAmB,EAAE,IAAI,CAAC,SAAS,EAAE;SACtC;;AAeH,IAAA,gBAAgB,CAAC,EAA2B,EAAA;AAC1C,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;;AAGpB,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC9B,QAAA,IAAI,CAAC,OAAO,GAAG,EAAE;;AAGnB,IAAA,gBAAgB,CAAC,UAAmB,EAAA;QAClC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,qBAAqB,CAAC,UAAU,CAAC,CAAC;;AAGxD,IAAA,UAAU,CAAC,KAAa,EAAA;AACtB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;AAClB,QAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;AACpB,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;AAC1B,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;;IAGzB,0BAA0B,GAAA;AACxB,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE;AAC5B,YAAA,IAAI,CAAC,IAAI,GAAG,MAAM;AAClB,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC;;aAChB;AACL,YAAA,IAAI,CAAC,IAAI,GAAG,UAAU;AACtB,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;;;8GA3Db,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,sJAIP,gBAAgB,CAAA,EAAA,aAAA,EAAA,CAAA,eAAA,EAAA,eAAA,EAChB,gBAAgB,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAChB,gBAAgB,CAhBzB,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACT,YAAA,cAAc,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;AAC7B,YAAA;AACE,gBAAA,OAAO,EAAE,iBAAiB;;AAE1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,gBAAgB,CAAC;AAC/C,gBAAA,KAAK,EAAE,IAAI;AACZ,aAAA;AACF,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjDH,iyBA6BA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDWY,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAWxB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAhB5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EAEH,eAAA,EAAA,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,CAAC,WAAW,EAAE,YAAY,CAAC,EACzB,SAAA,EAAA;AACT,wBAAA,cAAc,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;AAC7B,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;;AAE1B,4BAAA,WAAW,EAAE,UAAU,CAAC,sBAAsB,CAAC;AAC/C,4BAAA,KAAK,EAAE,IAAI;AACZ,yBAAA;AACF,qBAAA,EAAA,QAAA,EAAA,iyBAAA,EAAA;8BAGQ,WAAW,EAAA,CAAA;sBAAnB;gBACQ,MAAM,EAAA,CAAA;sBAAd;gBACQ,MAAM,EAAA,CAAA;sBAAd;gBACuC,OAAO,EAAA,CAAA;sBAA9C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,aAAa,EAAA,CAAA;sBAApD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,QAAQ,EAAA,CAAA;sBAA/C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAC7B,IAAI,EAAA,CAAA;sBAAZ;gBAGG,SAAS,EAAA,CAAA;sBADZ,WAAW;uBAAC,OAAO;;;AE5DtB;;;;;AAKG;MASU,aAAa,CAAA;8GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAb,aAAa,EAAA,OAAA,EAAA,CAHd,gBAAgB,CAAA,EAAA,OAAA,EAAA,CAChB,gBAAgB,CAAA,EAAA,CAAA,CAAA;AAEf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAHd,gBAAgB,CAAA,EAAA,CAAA,CAAA;;2FAGf,aAAa,EAAA,UAAA,EAAA,CAAA;kBAJzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,gBAAgB,CAAC;oBAC3B,OAAO,EAAE,CAAC,gBAAgB,CAAC;AAC5B,iBAAA;;;ACbD;;;;;AAKG;;ACLH;;AAEG;;;;"}
+{"version":3,"file":"ngwr-input.mjs","sources":["../../../projects/lib/input/input.component.ts","../../../projects/lib/input/input.component.html","../../../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 { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  forwardRef,\n  HostBinding,\n  inject,\n  Input,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { noop } from 'rxjs';\n\nimport { WrAbstractBase } from 'ngwr/cdk';\nimport { SafeAny } from 'ngwr/cdk/types';\nimport { provideWrIcons, eye, eyeOff, WrIconComponent } 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  selector: 'wr-input',\n  templateUrl: './input.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [FormsModule, 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 {\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.isDisabled(),\n      'wr-input--focused': this.isFocused(),\n    };\n  }\n\n  protected readonly inputValue = signal<string | null>(null);\n\n  protected value?: string;\n\n  private readonly cdr = inject(ChangeDetectorRef);\n  protected readonly eyeOn = signal(true);\n  protected readonly isFocused = signal(false);\n  protected readonly isDisabled = 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    this.isDisabled.set(coerceBooleanProperty(isDisabled));\n  }\n\n  writeValue(value: string): void {\n    this.value = value;\n    this.onChange(value);\n    this.inputValue.set(value);\n    this.cdr.markForCheck();\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  [disabled]=\"isDisabled()\"\n  [ngModel]=\"inputValue()\"\n  (ngModelChange)=\"writeValue($event)\"\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]=\"isDisabled()\" (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 */\n\nexport * from './input-types';\nexport * from './input.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngwr-pagination.mjs

@@ -0,0 +1,125 @@
+import * as i0 from '@angular/core';
+import { model, input, numberAttribute, booleanAttribute, computed, Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { WrButtonComponent } from 'ngwr/button';
+import { provideWrIcons, arrowBack, arrowForward } from 'ngwr/icon';
+import { WrSelectComponent, WrOptionComponent } from 'ngwr/select';
+
+/**
+ * @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
+ */
+
+/**
+ * @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 WrPaginationComponent {
+    constructor() {
+        this.currentPage = model(1, ...(ngDevMode ? [{ debugName: "currentPage" }] : []));
+        this.total = input(0, ...(ngDevMode ? [{ debugName: "total", transform: numberAttribute }] : [{ transform: numberAttribute }]));
+        this.pageSize = model(10, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
+        this.pageSizeOptions = input([10, 20, 50, 100], ...(ngDevMode ? [{ debugName: "pageSizeOptions" }] : []));
+        this.showSizeChanger = input(false, ...(ngDevMode ? [{ debugName: "showSizeChanger", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+        this.showTotal = input(false, ...(ngDevMode ? [{ debugName: "showTotal", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+        this.position = input('start', ...(ngDevMode ? [{ debugName: "position" }] : []));
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+        this.ofLabel = input('of', ...(ngDevMode ? [{ debugName: "ofLabel" }] : []));
+        this.String = String;
+        this.totalPages = computed(() => Math.ceil(this.total() / this.pageSize()), ...(ngDevMode ? [{ debugName: "totalPages" }] : []));
+        this.currentRange = computed(() => {
+            const start = (this.currentPage() - 1) * this.pageSize() + 1;
+            const end = Math.min(this.currentPage() * this.pageSize(), this.total());
+            return `${start}-${end} ${this.ofLabel()} ${this.total()}`;
+        }, ...(ngDevMode ? [{ debugName: "currentRange" }] : []));
+        this.pages = computed(() => {
+            const total = this.totalPages();
+            const current = this.currentPage();
+            const items = [];
+            if (total <= 7) {
+                return Array.from({ length: total }, (_, i) => i + 1);
+            }
+            items.push(1);
+            if (current > 4) {
+                items.push('...');
+            }
+            let start;
+            let end;
+            if (current <= 4) {
+                start = 2;
+                end = 5;
+            }
+            else if (current >= total - 3) {
+                start = total - 4;
+                end = total - 1;
+            }
+            else {
+                start = current - 2;
+                end = current + 2;
+            }
+            for (let i = start; i <= end; i++) {
+                items.push(i);
+            }
+            if (current < total - 3) {
+                items.push('...');
+            }
+            if (end !== total) {
+                items.push(total);
+            }
+            return items;
+        }, ...(ngDevMode ? [{ debugName: "pages" }] : []));
+    }
+    get hostClasses() {
+        return {
+            'wr-pagination': true,
+            'wr-pagination--disabled': this.disabled(),
+        };
+    }
+    isCurrentPage(page) {
+        return this.currentPage() === page;
+    }
+    onPageChange(page) {
+        if (this.disabled() || page === this.currentPage() || page < 1 || page > this.totalPages()) {
+            return;
+        }
+        this.currentPage.set(page);
+    }
+    onPageSizeChange(size) {
+        if (this.disabled() || size === this.pageSize()) {
+            return;
+        }
+        this.pageSize.set(size);
+        const newTotalPages = Math.ceil(this.total() / size);
+        if (this.currentPage() > newTotalPages) {
+            this.onPageChange(newTotalPages);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: WrPaginationComponent, isStandalone: true, selector: "wr-pagination", inputs: { currentPage: { classPropertyName: "currentPage", publicName: "currentPage", isSignal: true, isRequired: false, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, showSizeChanger: { classPropertyName: "showSizeChanger", publicName: "showSizeChanger", isSignal: true, isRequired: false, transformFunction: null }, showTotal: { classPropertyName: "showTotal", publicName: "showTotal", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ofLabel: { classPropertyName: "ofLabel", publicName: "ofLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { currentPage: "currentPageChange", pageSize: "pageSizeChange" }, host: { properties: { "class": "this.hostClasses" } }, providers: [provideWrIcons([arrowBack, arrowForward])], ngImport: i0, template: "<div class=\"wr-pagination-container\" [class]=\"'wr-pagination--' + position()\">\n  @if (showTotal()) {\n    <span class=\"wr-pagination-total\">\n      {{ currentRange() }}\n    </span>\n  }\n\n  <div class=\"wr-pagination-items\">\n    <wr-btn\n      outlined\n      [disabled]=\"disabled() || currentPage() === 1\"\n      (click)=\"onPageChange(currentPage() - 1)\"\n      icon=\"arrow-back\"\n    ></wr-btn>\n\n    @for (page of pages(); track page) {\n      @if (page === '...') {\n        <span class=\"wr-pagination-ellipsis\">...</span>\n      } @else {\n        <wr-btn\n          [outlined]=\"!isCurrentPage(page)\"\n          [color]=\"isCurrentPage(page) ? 'primary' : 'medium'\"\n          [disabled]=\"disabled()\"\n          (click)=\"onPageChange(page)\"\n        >\n          {{ page }}\n        </wr-btn>\n      }\n    }\n\n    <wr-btn\n      outlined\n      [disabled]=\"disabled() || currentPage() === totalPages()\"\n      (click)=\"onPageChange(currentPage() + 1)\"\n      icon=\"arrow-forward\"\n    ></wr-btn>\n  </div>\n\n  @if (showSizeChanger()) {\n    <wr-select [disabled]=\"disabled()\" [ngModel]=\"pageSize()\" (ngModelChange)=\"onPageSizeChange($event)\">\n      @for (option of pageSizeOptions(); track option) {\n        <wr-option [value]=\"option\" [label]=\"String(option)\"></wr-option>\n      }\n    </wr-select>\n  }\n</div>\n", dependencies: [{ kind: "component", type: WrButtonComponent, selector: "wr-btn, button[wr-btn], a[wr-btn]", inputs: ["color", "size", "icon", "iconPosition", "disabled", "outlined", "rounded", "block", "loading", "isDisabledWhenLoading"] }, { kind: "component", type: WrSelectComponent, selector: "wr-select", inputs: ["placeholder", "noItemsLabel", "multiple", "searchable", "clearable", "maxMultipleCount", "disabled"] }, { kind: "component", type: WrOptionComponent, selector: "wr-option", inputs: ["value", "label", "disabled"] }, { kind: "ngmodule", type: FormsModule }, { 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: "20.3.10", ngImport: i0, type: WrPaginationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wr-pagination', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [WrButtonComponent, WrSelectComponent, WrOptionComponent, FormsModule], providers: [provideWrIcons([arrowBack, arrowForward])], template: "<div class=\"wr-pagination-container\" [class]=\"'wr-pagination--' + position()\">\n  @if (showTotal()) {\n    <span class=\"wr-pagination-total\">\n      {{ currentRange() }}\n    </span>\n  }\n\n  <div class=\"wr-pagination-items\">\n    <wr-btn\n      outlined\n      [disabled]=\"disabled() || currentPage() === 1\"\n      (click)=\"onPageChange(currentPage() - 1)\"\n      icon=\"arrow-back\"\n    ></wr-btn>\n\n    @for (page of pages(); track page) {\n      @if (page === '...') {\n        <span class=\"wr-pagination-ellipsis\">...</span>\n      } @else {\n        <wr-btn\n          [outlined]=\"!isCurrentPage(page)\"\n          [color]=\"isCurrentPage(page) ? 'primary' : 'medium'\"\n          [disabled]=\"disabled()\"\n          (click)=\"onPageChange(page)\"\n        >\n          {{ page }}\n        </wr-btn>\n      }\n    }\n\n    <wr-btn\n      outlined\n      [disabled]=\"disabled() || currentPage() === totalPages()\"\n      (click)=\"onPageChange(currentPage() + 1)\"\n      icon=\"arrow-forward\"\n    ></wr-btn>\n  </div>\n\n  @if (showSizeChanger()) {\n    <wr-select [disabled]=\"disabled()\" [ngModel]=\"pageSize()\" (ngModelChange)=\"onPageSizeChange($event)\">\n      @for (option of pageSizeOptions(); track option) {\n        <wr-option [value]=\"option\" [label]=\"String(option)\"></wr-option>\n      }\n    </wr-select>\n  }\n</div>\n" }]
+        }], propDecorators: { currentPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentPage", required: false }] }, { type: i0.Output, args: ["currentPageChange"] }], total: [{ type: i0.Input, args: [{ isSignal: true, alias: "total", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }, { type: i0.Output, args: ["pageSizeChange"] }], pageSizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeOptions", required: false }] }], showSizeChanger: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSizeChanger", required: false }] }], showTotal: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTotal", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], ofLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ofLabel", required: false }] }], hostClasses: [{
+                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
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrPaginationComponent };
+//# sourceMappingURL=ngwr-pagination.mjs.map

package/fesm2022/ngwr-pagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-pagination.mjs","sources":["../../../projects/lib/pagination/pagination.types.ts","../../../projects/lib/pagination/pagination.component.ts","../../../projects/lib/pagination/pagination.component.html","../../../projects/lib/pagination/public-api.ts","../../../projects/lib/pagination/ngwr-pagination.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\nexport type WrPaginationPosition = 'start' | 'center' | 'end';\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 {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  booleanAttribute,\n  computed,\n  input,\n  model,\n  numberAttribute,\n  HostBinding,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { WrButtonComponent } from 'ngwr/button';\nimport { provideWrIcons, arrowBack, arrowForward } from 'ngwr/icon';\nimport { WrOptionComponent, WrSelectComponent } from 'ngwr/select';\n\nimport { WrPaginationPosition } from './pagination.types';\n\n@Component({\n  selector: 'wr-pagination',\n  templateUrl: './pagination.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [WrButtonComponent, WrSelectComponent, WrOptionComponent, FormsModule],\n  providers: [provideWrIcons([arrowBack, arrowForward])],\n})\nexport class WrPaginationComponent {\n  currentPage = model<number>(1);\n  total = input<number, unknown>(0, { transform: numberAttribute });\n  pageSize = model<number>(10);\n  pageSizeOptions = input<number[]>([10, 20, 50, 100]);\n  showSizeChanger = input<boolean, unknown>(false, { transform: booleanAttribute });\n  showTotal = input<boolean, unknown>(false, { transform: booleanAttribute });\n  position = input<WrPaginationPosition>('start');\n  disabled = input<boolean, unknown>(false, { transform: booleanAttribute });\n  ofLabel = input<string>('of');\n\n  @HostBinding('class')\n  get hostClasses(): Record<string, boolean> {\n    return {\n      'wr-pagination': true,\n      'wr-pagination--disabled': this.disabled(),\n    };\n  }\n\n  protected readonly String = String;\n\n  protected readonly totalPages = computed(() => Math.ceil(this.total() / this.pageSize()));\n\n  protected readonly currentRange = computed(() => {\n    const start = (this.currentPage() - 1) * this.pageSize() + 1;\n    const end = Math.min(this.currentPage() * this.pageSize(), this.total());\n    return `${start}-${end} ${this.ofLabel()} ${this.total()}`;\n  });\n\n  protected readonly pages = computed(() => {\n    const total = this.totalPages();\n    const current = this.currentPage();\n    const items: (number | '...')[] = [];\n\n    if (total <= 7) {\n      return Array.from({ length: total }, (_, i) => i + 1);\n    }\n\n    items.push(1);\n\n    if (current > 4) {\n      items.push('...');\n    }\n\n    let start: number;\n    let end: number;\n\n    if (current <= 4) {\n      start = 2;\n      end = 5;\n    } else if (current >= total - 3) {\n      start = total - 4;\n      end = total - 1;\n    } else {\n      start = current - 2;\n      end = current + 2;\n    }\n\n    for (let i = start; i <= end; i++) {\n      items.push(i);\n    }\n\n    if (current < total - 3) {\n      items.push('...');\n    }\n\n    if (end !== total) {\n      items.push(total);\n    }\n\n    return items;\n  });\n\n  protected isCurrentPage(page: number): boolean {\n    return this.currentPage() === page;\n  }\n\n  protected onPageChange(page: number): void {\n    if (this.disabled() || page === this.currentPage() || page < 1 || page > this.totalPages()) {\n      return;\n    }\n\n    this.currentPage.set(page);\n  }\n\n  protected onPageSizeChange(size: number): void {\n    if (this.disabled() || size === this.pageSize()) {\n      return;\n    }\n\n    this.pageSize.set(size);\n\n    const newTotalPages = Math.ceil(this.total() / size);\n    if (this.currentPage() > newTotalPages) {\n      this.onPageChange(newTotalPages);\n    }\n  }\n}\n","<div class=\"wr-pagination-container\" [class]=\"'wr-pagination--' + position()\">\n  @if (showTotal()) {\n    <span class=\"wr-pagination-total\">\n      {{ currentRange() }}\n    </span>\n  }\n\n  <div class=\"wr-pagination-items\">\n    <wr-btn\n      outlined\n      [disabled]=\"disabled() || currentPage() === 1\"\n      (click)=\"onPageChange(currentPage() - 1)\"\n      icon=\"arrow-back\"\n    ></wr-btn>\n\n    @for (page of pages(); track page) {\n      @if (page === '...') {\n        <span class=\"wr-pagination-ellipsis\">...</span>\n      } @else {\n        <wr-btn\n          [outlined]=\"!isCurrentPage(page)\"\n          [color]=\"isCurrentPage(page) ? 'primary' : 'medium'\"\n          [disabled]=\"disabled()\"\n          (click)=\"onPageChange(page)\"\n        >\n          {{ page }}\n        </wr-btn>\n      }\n    }\n\n    <wr-btn\n      outlined\n      [disabled]=\"disabled() || currentPage() === totalPages()\"\n      (click)=\"onPageChange(currentPage() + 1)\"\n      icon=\"arrow-forward\"\n    ></wr-btn>\n  </div>\n\n  @if (showSizeChanger()) {\n    <wr-select [disabled]=\"disabled()\" [ngModel]=\"pageSize()\" (ngModelChange)=\"onPageSizeChange($event)\">\n      @for (option of pageSizeOptions(); track option) {\n        <wr-option [value]=\"option\" [label]=\"String(option)\"></wr-option>\n      }\n    </wr-select>\n  }\n</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\nexport * from './pagination.types';\nexport * from './pagination.component';\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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Pipe, NgModule } from '@angular/core';
+import { Pipe } from '@angular/core';
 
 /**
  * @license
@@ -11,36 +11,16 @@ class NewArrayPipe {
     transform(arrayLength) {
         return new Array(arrayLength);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: NewArrayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.3", ngImport: i0, type: NewArrayPipe, isStandalone: true, name: "newArray" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NewArrayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: NewArrayPipe, isStandalone: true, name: "newArray" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: NewArrayPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", 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: "19.1.3", ngImport: i0, type: WrPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.3", ngImport: i0, type: WrPipesModule, imports: [NewArrayPipe], exports: [NewArrayPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrPipesModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrPipesModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [NewArrayPipe],
-                    exports: [NewArrayPipe],
-                }]
-        }] });
-
 /**
  * @license
  *
@@ -52,5 +32,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { NewArrayPipe, WrPipesModule };
+export { NewArrayPipe };
 //# sourceMappingURL=ngwr-pipes.mjs.map

package/fesm2022/ngwr-pipes.mjs.map

@@ -1 +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;;8GAFpB,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4GAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,UAAA,EAAA,CAAA,CAAA;;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;;;ACZD;;;;;AAKG;MAUU,aAAa,CAAA;8GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAb,aAAa,EAAA,OAAA,EAAA,CAHd,YAAY,CAAA,EAAA,OAAA,EAAA,CACZ,YAAY,CAAA,EAAA,CAAA,CAAA;+GAEX,aAAa,EAAA,CAAA,CAAA;;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;;;ACdD;;;;;AAKG;;ACLH;;AAEG;;;;"}
+{"version":3,"file":"ngwr-pipes.mjs","sources":["../../../projects/lib/pipes/new-array.pipe.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  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\nexport * from './new-array.pipe';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAAA;;;;;AAKG;MAOU,YAAY,CAAA;AACvB,IAAA,SAAS,CAAC,WAAmB,EAAA;AAC3B,QAAA,OAAO,IAAI,KAAK,CAAC,WAAW,CAAC;;+GAFpB,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;6GAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,UAAA,EAAA,CAAA,CAAA;;4FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBAHxB,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,UAAU;AACjB,iBAAA;;;ACXD;;;;;AAKG;;ACLH;;AAEG;;;;"}

package/fesm2022/ngwr-progress.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { numberAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding, NgModule } from '@angular/core';
+import { numberAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding } from '@angular/core';
 
 /**
  * @license
@@ -25,12 +25,12 @@ class WrProgressComponent {
             'wr-progress--color-dark': this.color === 'dark',
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.1.3", 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.10", 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: "19.1.3", ngImport: i0, type: WrProgressComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", 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" }]
+            args: [{ 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: [{
@@ -41,25 +41,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImpor
                 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: "19.1.3", ngImport: i0, type: WrProgressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.3", ngImport: i0, type: WrProgressModule, imports: [WrProgressComponent], exports: [WrProgressComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrProgressModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrProgressModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [WrProgressComponent],
-                    exports: [WrProgressComponent],
-                }]
-        }] });
-
 /**
  * @license
  *
@@ -71,5 +52,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { WrProgressComponent, WrProgressModule };
+export { WrProgressComponent };
 //# sourceMappingURL=ngwr-progress.mjs.map

package/fesm2022/ngwr-progress.mjs.map

@@ -1 +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 {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Input,\n  numberAttribute,\n  ViewEncapsulation,\n} 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 = 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;MAoBU,mBAAmB,CAAA;AAPhC,IAAA,WAAA,GAAA;QAQW,IAAK,CAAA,KAAA,GAAwB,IAAI;QACH,IAAO,CAAA,OAAA,GAAG,CAAC;AAgBnD;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;;8GAhBQ,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;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,EC3BrC,qEACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDwBa,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;8BAG5B,KAAK,EAAA,CAAA;sBAAb;gBACsC,OAAO,EAAA,CAAA;sBAA7C,KAAK;uBAAC,EAAE,SAAS,EAAE,eAAe,EAAE;gBAGjC,SAAS,EAAA,CAAA;sBADZ,WAAW;uBAAC,OAAO;;;AE7BtB;;;;;AAKG;MAUU,gBAAgB,CAAA;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAhB,gBAAgB,EAAA,OAAA,EAAA,CAHjB,mBAAmB,CAAA,EAAA,OAAA,EAAA,CACnB,mBAAmB,CAAA,EAAA,CAAA,CAAA;+GAElB,gBAAgB,EAAA,CAAA,CAAA;;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;;;ACdD;;;;;AAKG;;ACLH;;AAEG;;;;"}
+{"version":3,"file":"ngwr-progress.mjs","sources":["../../../projects/lib/progress/progress.component.ts","../../../projects/lib/progress/progress.component.html","../../../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 {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Input,\n  numberAttribute,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { SafeAny, WrThemeColor } from 'ngwr/cdk/types';\n\n@Component({\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 = 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\nexport * from './progress.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAAA;;;;;AAKG;MAmBU,mBAAmB,CAAA;AANhC,IAAA,WAAA,GAAA;QAOW,IAAK,CAAA,KAAA,GAAwB,IAAI;QACH,IAAO,CAAA,OAAA,GAAG,CAAC;AAgBnD;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;;+GAhBQ,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAnB,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,EC1BrC,qEACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FDuBa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,mBAEN,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,qEAAA,EAAA;;sBAGpC;;sBACA,KAAK;uBAAC,EAAE,SAAS,EAAE,eAAe,EAAE;;sBAEpC,WAAW;uBAAC,OAAO;;;AE5BtB;;;;;AAKG;;ACLH;;AAEG;;;;"}

package/fesm2022/ngwr-qr.mjs

@@ -1,6 +1,6 @@
 import { isPlatformBrowser } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, PLATFORM_ID, ElementRef, signal, numberAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, ViewChild, Input, NgModule } from '@angular/core';
+import { inject, PLATFORM_ID, ElementRef, signal, numberAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, ViewChild, Input } from '@angular/core';
 import { WrAbstractBase } from 'ngwr/cdk';
 import { WrIconService } from 'ngwr/icon';
 
@@ -819,11 +819,11 @@ var qrcodegen;
 })(qrcodegen || (qrcodegen = {}));
 /*---- Public helper enumeration ----*/
 (function (qrcodegen) {
-    var QrCode;
+    /*
+     * The error correction level in a QR Code symbol. Immutable.
+     */
+    let QrCode;
     (function (QrCode) {
-        /*
-         * The error correction level in a QR Code symbol. Immutable.
-         */
         class Ecc {
             /*-- Constants --*/
             static { this.LOW = new Ecc(0, 1); } // The QR Code can tolerate about  7% erroneous codewords
@@ -842,14 +842,11 @@ var qrcodegen;
         }
         QrCode.Ecc = Ecc;
     })(QrCode = qrcodegen.QrCode || (qrcodegen.QrCode = {}));
-})(qrcodegen || (qrcodegen = {}));
-/*---- Public helper enumeration ----*/
-(function (qrcodegen) {
-    var QrSegment;
+    /*
+     * Describes how a segment's data bits are interpreted. Immutable.
+     */
+    let QrSegment;
     (function (QrSegment) {
-        /*
-         * Describes how a segment's data bits are interpreted. Immutable.
-         */
         class Mode {
             /*-- Constants --*/
             static { this.NUMERIC = new Mode(0x1, [10, 12, 14]); }
@@ -981,7 +978,7 @@ class WrQrComponent extends WrAbstractBase {
         this.pid = inject(PLATFORM_ID);
         this.elRef = inject(ElementRef);
         this.wrIconService = inject(WrIconService);
-        this.isBrowser = signal(true);
+        this.isBrowser = signal(true, ...(ngDevMode ? [{ debugName: "isBrowser" }] : []));
     }
     ngOnChanges(changes) {
         const { value, level, padding, color, bgColor, size, icon, iconSize } = changes;
@@ -1012,12 +1009,12 @@ class WrQrComponent extends WrAbstractBase {
             drawCanvas(this.canvas.nativeElement, plotQRCodeData(this.value, this.level), this.size, 10, this.padding, this.color, this.bgColor, this.iconSize, icon);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrQrComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.3", type: WrQrComponent, isStandalone: true, selector: "wr-qr", inputs: { value: "value", level: "level", padding: ["padding", "padding", numberAttribute], color: "color", bgColor: "bgColor", size: ["size", "size", numberAttribute], icon: "icon", iconSize: ["iconSize", "iconSize", numberAttribute] }, host: { properties: { "class": "this.class" } }, viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (isBrowser()) {\n  <canvas #canvas></canvas>\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrQrComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: WrQrComponent, isStandalone: true, selector: "wr-qr", inputs: { value: "value", level: "level", padding: ["padding", "padding", numberAttribute], color: "color", bgColor: "bgColor", size: ["size", "size", numberAttribute], icon: "icon", iconSize: ["iconSize", "iconSize", numberAttribute] }, host: { properties: { "class": "this.class" } }, viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (isBrowser()) {\n  <canvas #canvas></canvas>\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrQrComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrQrComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'wr-qr', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@if (isBrowser()) {\n  <canvas #canvas></canvas>\n}\n" }]
+            args: [{ selector: 'wr-qr', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@if (isBrowser()) {\n  <canvas #canvas></canvas>\n}\n" }]
         }], propDecorators: { class: [{
                 type: HostBinding
             }], canvas: [{
@@ -1045,25 +1042,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImpor
                 args: [{ transform: numberAttribute }]
             }] } });
 
-/**
- * @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 WrQrModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrQrModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.3", ngImport: i0, type: WrQrModule, imports: [WrQrComponent], exports: [WrQrComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrQrModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrQrModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [WrQrComponent],
-                    exports: [WrQrComponent],
-                }]
-        }] });
-
 /**
  * @license
  *
@@ -1075,5 +1053,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { WrQrComponent, WrQrModule };
+export { WrQrComponent };
 //# sourceMappingURL=ngwr-qr.mjs.map