ngwr 0.1.2 → 0.2.0

package/fesm2020/ngwr-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-button.mjs","sources":["../../../projects/lib/button/button.ts","../../../projects/lib/button/button.html","../../../projects/lib/button/button-module.ts","../../../projects/lib/button/ngwr-button.ts"],"sourcesContent":["import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n  ChangeDetectionStrategy, ChangeDetectorRef,\n  Component,\n  ElementRef,\n  HostBinding,\n  Input,\n  NgZone,\n  OnDestroy,\n  OnInit,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { WrAbstractBase } from 'ngwr/core/abstract';\nimport { isThemeColor, WrThemeColor } from 'ngwr/core/color';\nimport { InputBoolean } from 'ngwr/core/decorators';\nimport { SafeAny } from 'ngwr/core/types';\nimport { wrIconName } from 'ngwr/icon';\n\n@Component({\n  selector: 'wr-btn, button[wr-btn], a[wr-btn]',\n  exportAs: 'wrBtn',\n  templateUrl: './button.html',\n  styleUrls: ['./button.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class WrButton extends WrAbstractBase implements OnInit, OnDestroy {\n  /** Set color of `wr-btn`; */\n  @Input()\n  get color(): WrThemeColor {\n    return this._color;\n  }\n  set color(value: WrThemeColor) {\n    this._color = isThemeColor(value) ? value : 'primary';\n    this.cdr.markForCheck();\n  }\n  private _color: WrThemeColor = 'primary';\n\n  /** Set size of `wr-btn`; */\n  @Input()\n  get size(): 'default' | 'small' {\n    return this._size;\n  }\n  set size(value: 'default' | 'small') {\n    this._size = value;\n    this.cdr.markForCheck();\n  }\n  private _size: 'default' | 'small' = 'default';\n\n  /** Set outlined state of `wr-btn`; */\n  @Input()\n  @InputBoolean()\n  get outlined(): boolean {\n    return this._outlined;\n  }\n  set outlined(value: BooleanInput) {\n    this._outlined = coerceBooleanProperty(value);\n    this.cdr.markForCheck();\n  }\n  private _outlined: boolean = false;\n\n  /** Set rounded state of `wr-btn`; */\n  @Input()\n  @InputBoolean()\n  get rounded(): boolean {\n    return this._rounded;\n  }\n  set rounded(value: BooleanInput) {\n    this._rounded = coerceBooleanProperty(value);\n    this.cdr.markForCheck();\n  }\n  private _rounded: boolean = false;\n\n  /** Set fullwidth state of `wr-btn`; */\n  @Input()\n  @InputBoolean()\n  get fullwidth(): boolean {\n    return this._fullwidth;\n  }\n  set fullwidth(value: BooleanInput) {\n    this._fullwidth = coerceBooleanProperty(value);\n    this.cdr.markForCheck();\n  }\n  private _fullwidth: boolean = false;\n\n  /** Set loading state of `wr-btn`; */\n  @Input()\n  @InputBoolean()\n  get loading(): boolean {\n    return this._loading;\n  }\n  set loading(value: BooleanInput) {\n    this._loading = coerceBooleanProperty(value);\n    this.cdr.markForCheck();\n  }\n  private _loading: boolean = false;\n\n  /** Set disabled state of `wr-btn`; */\n  @Input()\n  @InputBoolean()\n  get disabled(): boolean {\n    return this._disabled;\n  }\n  set disabled(value: BooleanInput) {\n    this._disabled = coerceBooleanProperty(value);\n    this.cdr.markForCheck();\n  }\n  private _disabled: boolean = false;\n\n  /** Set icon of `wr-btn`; */\n  @Input()\n  get icon(): wrIconName | null {\n    return this._icon;\n  }\n  set icon(value: wrIconName | null) {\n    this._icon = value;\n    this.cdr.markForCheck();\n  }\n  private _icon: wrIconName | null = null;\n\n  /** Set icon position of `wr-btn`; */\n  @Input()\n  get iconPosition(): 'start' | 'end' {\n    return this._iconPosition;\n  }\n  set iconPosition(value: 'start' | 'end') {\n    this._iconPosition = value;\n    this.cdr.markForCheck();\n  }\n  private _iconPosition: 'start' | 'end' = 'start';\n\n  /** Set element disabled attribute */\n  @HostBinding('attr.disabled')\n  get nativeDisabled(): '' | null {\n    return this._disabled ? '' : null;\n  }\n\n  /** Set element classes */\n  @HostBinding('class')\n  get elClasses(): SafeAny {\n    return {\n      'wr-btn': true,\n      'wr-btn--primary': this.color === 'primary',\n      'wr-btn--secondary': this.color === 'secondary',\n      'wr-btn--success': this.color === 'success',\n      'wr-btn--warning': this.color === 'warning',\n      'wr-btn--danger': this.color === 'danger',\n      'wr-btn--light': this.color === 'light',\n      'wr-btn--medium': this.color === 'medium',\n      'wr-btn--dark': this.color === 'dark',\n      'wr-btn--default': this.size === 'default',\n      'wr-btn--small': this.size === 'small',\n      'wr-btn--icon-start': this.icon && this.iconPosition === 'start',\n      'wr-btn--icon-end': this.icon && this.iconPosition === 'end',\n      'wr-btn--outlined': this.outlined,\n      'wr-btn--rounded': this.rounded,\n      'wr-btn--loading': this.loading,\n      'wr-btn--full': this.fullwidth,\n    };\n  }\n\n  constructor(\n    private readonly cdr: ChangeDetectorRef,\n    private readonly elRef: ElementRef<HTMLButtonElement | HTMLLinkElement | HTMLAnchorElement | HTMLElement>,\n    private readonly ngZone: NgZone\n  ) {\n    super();\n  }\n\n  ngOnInit(): void {\n    this.ngZone.runOutsideAngular(() => {\n      this.elRef.nativeElement.addEventListener('click', this.preventEventsWhenDisabled);\n    });\n  }\n\n  override ngOnDestroy(): void {\n    super.ngOnDestroy();\n    this.elRef.nativeElement.removeEventListener('click', this.preventEventsWhenDisabled);\n  }\n\n  /* A disabled button shouldn't apply any actions */\n  private preventEventsWhenDisabled = (event: Event): void => {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n    }\n  };\n}\n","<wr-spin *ngIf=\"loading\" class=\"wr-btn__spin\"></wr-spin>\n<wr-icon *ngIf=\"icon && iconPosition === 'start'\" class=\"wr-btn__icon\" [name]=\"icon\"></wr-icon>\n<span class=\"wr-btn__text\"><ng-content></ng-content></span>\n<wr-icon *ngIf=\"icon && iconPosition === 'end'\" class=\"wr-btn__icon\" [name]=\"icon\"></wr-icon>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { WrIconModule } from 'ngwr/icon';\nimport { WrSpinnerModule } from 'ngwr/spinner';\n\nimport { WrButton } from './button';\n\n@NgModule({\n  imports: [CommonModule, WrSpinnerModule, WrIconModule],\n  declarations: [WrButton],\n  exports: [WrButton],\n})\nexport class WrButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/ngwr-checkbox.mjs

@@ -0,0 +1,177 @@
+import { __decorate } from 'tslib';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { forwardRef, Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, Input, HostBinding, NgModule } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
+import { WrAbstractBase } from 'ngwr/core/abstract';
+import { InputBoolean } from 'ngwr/core/decorators';
+import * as i1 from '@angular/cdk/a11y';
+import { A11yModule } from '@angular/cdk/a11y';
+import { CommonModule } from '@angular/common';
+
+class WrCheckbox extends WrAbstractBase {
+    constructor(cdr, elRef, focusMonitor, ngZone) {
+        super();
+        this.cdr = cdr;
+        this.elRef = elRef;
+        this.focusMonitor = focusMonitor;
+        this.ngZone = ngZone;
+        this._checked = false;
+        this._autofocus = false;
+        this._disabled = false;
+        this._focused = false;
+        // @ts-ignore
+        this.onChange = () => { };
+        // @ts-ignore
+        this.onTouched = () => { };
+        /**
+         * A disabled checkbox shouldn't apply any actions
+         *
+         * @param event
+         */
+        this.preventEventsWhenDisabled = (event) => {
+            if (this.disabled) {
+                event.preventDefault();
+                event.stopImmediatePropagation();
+            }
+        };
+    }
+    get checked() {
+        return this._checked;
+    }
+    set checked(value) {
+        const checked = coerceBooleanProperty(value);
+        if (checked != this.checked) {
+            this._checked = checked;
+            this.onChange(checked);
+            this.onTouched();
+            this.cdr.markForCheck();
+        }
+    }
+    /** Set autofocus for checkbox; */
+    get autofocus() {
+        return this._autofocus;
+    }
+    set autofocus(value) {
+        this._autofocus = coerceBooleanProperty(value);
+        this.cdr.markForCheck();
+    }
+    /** Set disabled state of `wr-btn`; */
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(value) {
+        this._disabled = coerceBooleanProperty(value);
+        this.cdr.markForCheck();
+    }
+    get focused() {
+        return this._focused;
+    }
+    set focused(value) {
+        this._focused = coerceBooleanProperty(value);
+        this.cdr.markForCheck();
+    }
+    /** Set element classes */
+    get elClasses() {
+        return {
+            'wr-checkbox': true,
+            'wr-checkbox--checked': this.checked,
+            'wr-checkbox--focused': this.focused,
+        };
+    }
+    ngOnInit() {
+        this.ngZone.runOutsideAngular(() => {
+            this.elRef.nativeElement.addEventListener('click', this.preventEventsWhenDisabled);
+        });
+    }
+    ngAfterViewInit() {
+        this.focusMonitor.monitor(this.inputElement, true).subscribe(origin => {
+            this.ngZone.run(() => (this.focused = origin !== null));
+        });
+        if (this.autofocus) {
+            this.focus();
+            this.cdr.markForCheck();
+        }
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this.elRef.nativeElement.removeEventListener('click', this.preventEventsWhenDisabled);
+        this.focusMonitor.stopMonitoring(this.inputElement);
+    }
+    focus(origin = 'program', options) {
+        if (origin) {
+            this.focusMonitor.focusVia(this.inputElement, origin, options);
+        }
+        else {
+            this.inputElement.focus(options);
+        }
+    }
+    writeValue(value) {
+        this.checked = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+}
+WrCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrCheckbox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.FocusMonitor }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+WrCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: WrCheckbox, selector: "wr-checkbox", inputs: { autofocus: "autofocus", disabled: "disabled" }, host: { properties: { "class": "this.elClasses" } }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => WrCheckbox),
+            multi: true,
+        },
+    ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, static: true }], exportAs: ["wrCheckbox"], usesInheritance: true, ngImport: i0, template: "<label class=\"wr-checkbox__container\">\n  <input\n    #inputElement\n    class=\"wr-checkbox__input\"\n    type=\"checkbox\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    [ngModel]=\"checked\"\n    (ngModelChange)=\"writeValue($event)\"\n  />\n  <div class=\"wr-checkbox-inner\">\n    <div class=\"wr-checkbox-inner__mark\"></div>\n  </div>\n  <ng-content></ng-content>\n</label>\n", dependencies: [{ kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+__decorate([
+    InputBoolean()
+], WrCheckbox.prototype, "autofocus", null);
+__decorate([
+    InputBoolean()
+], WrCheckbox.prototype, "disabled", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrCheckbox, decorators: [{
+            type: Component,
+            args: [{ selector: 'wr-checkbox', exportAs: 'wrCheckbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => WrCheckbox),
+                            multi: true,
+                        },
+                    ], template: "<label class=\"wr-checkbox__container\">\n  <input\n    #inputElement\n    class=\"wr-checkbox__input\"\n    type=\"checkbox\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    [ngModel]=\"checked\"\n    (ngModelChange)=\"writeValue($event)\"\n  />\n  <div class=\"wr-checkbox-inner\">\n    <div class=\"wr-checkbox-inner__mark\"></div>\n  </div>\n  <ng-content></ng-content>\n</label>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.FocusMonitor }, { type: i0.NgZone }]; }, propDecorators: { inputElement: [{
+                type: ViewChild,
+                args: ['inputElement', { static: true }]
+            }], autofocus: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], elClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class WrCheckboxModule {
+}
+WrCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WrCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.10", ngImport: i0, type: WrCheckboxModule, declarations: [WrCheckbox], imports: [CommonModule, FormsModule, A11yModule], exports: [WrCheckbox] });
+WrCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrCheckboxModule, imports: [CommonModule, FormsModule, A11yModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrCheckboxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, FormsModule, A11yModule],
+                    declarations: [WrCheckbox],
+                    exports: [WrCheckbox],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrCheckbox, WrCheckboxModule };
+//# sourceMappingURL=ngwr-checkbox.mjs.map

package/fesm2020/ngwr-checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-checkbox.mjs","sources":["../../../projects/lib/checkbox/checkbox.ts","../../../projects/lib/checkbox/checkbox.html","../../../projects/lib/checkbox/checkbox-module.ts","../../../projects/lib/checkbox/ngwr-checkbox.ts"],"sourcesContent":["import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';\nimport { BooleanInput, coerceBooleanProperty } 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 { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { WrAbstractBase } from 'ngwr/core/abstract';\nimport { InputBoolean } from 'ngwr/core/decorators';\nimport { OnChangeType, OnTouchedType, SafeAny } from 'ngwr/core/types';\n\n@Component({\n  selector: 'wr-checkbox',\n  exportAs: 'wrCheckbox',\n  templateUrl: './checkbox.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => WrCheckbox),\n      multi: true,\n    },\n  ],\n})\nexport class WrCheckbox extends WrAbstractBase implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {\n  @ViewChild('inputElement', { static: true }) inputElement!: HTMLInputElement;\n\n  get checked(): boolean {\n    return this._checked;\n  }\n  set checked(value: BooleanInput) {\n    const checked = coerceBooleanProperty(value);\n\n    if (checked != this.checked) {\n      this._checked = checked;\n      this.onChange(checked);\n      this.onTouched();\n      this.cdr.markForCheck();\n    }\n  }\n  private _checked: boolean = false;\n\n  /** Set autofocus for checkbox; */\n  @Input()\n  @InputBoolean()\n  get autofocus(): boolean {\n    return this._autofocus;\n  }\n  set autofocus(value: BooleanInput) {\n    this._autofocus = coerceBooleanProperty(value);\n    this.cdr.markForCheck();\n  }\n  private _autofocus: boolean = false;\n\n  /** Set disabled state of `wr-btn`; */\n  @Input()\n  @InputBoolean()\n  get disabled(): boolean {\n    return this._disabled;\n  }\n  set disabled(value: BooleanInput) {\n    this._disabled = coerceBooleanProperty(value);\n    this.cdr.markForCheck();\n  }\n  private _disabled: boolean = false;\n\n  get focused(): boolean {\n    return this._focused;\n  }\n  set focused(value: BooleanInput) {\n    this._focused = coerceBooleanProperty(value);\n    this.cdr.markForCheck();\n  }\n  private _focused: boolean = false;\n\n  // @ts-ignore\n  private onChange: OnChangeType = () => {};\n  // @ts-ignore\n  private onTouched: OnTouchedType = () => {};\n\n  /** Set element classes */\n  @HostBinding('class')\n  get elClasses(): SafeAny {\n    return {\n      'wr-checkbox': true,\n      'wr-checkbox--checked': this.checked,\n      'wr-checkbox--focused': this.focused,\n    };\n  }\n\n  constructor(\n    private readonly cdr: ChangeDetectorRef,\n    private readonly elRef: ElementRef<HTMLElement>,\n    private readonly focusMonitor: FocusMonitor,\n    private readonly ngZone: NgZone\n  ) {\n    super();\n  }\n\n  ngOnInit(): void {\n    this.ngZone.runOutsideAngular(() => {\n      this.elRef.nativeElement.addEventListener('click', this.preventEventsWhenDisabled);\n    });\n  }\n\n  ngAfterViewInit(): void {\n    this.focusMonitor.monitor(this.inputElement, true).subscribe(origin => {\n      this.ngZone.run(() => (this.focused = origin !== null));\n    });\n\n    if (this.autofocus) {\n      this.focus();\n      this.cdr.markForCheck();\n    }\n  }\n\n  override ngOnDestroy(): void {\n    super.ngOnDestroy();\n    this.elRef.nativeElement.removeEventListener('click', this.preventEventsWhenDisabled);\n    this.focusMonitor.stopMonitoring(this.inputElement);\n  }\n\n  focus(origin: FocusOrigin = 'program', options?: FocusOptions): void {\n    if (origin) {\n      this.focusMonitor.focusVia(this.inputElement, origin, options);\n    } else {\n      this.inputElement.focus(options);\n    }\n  }\n\n  writeValue(value: BooleanInput): void {\n    this.checked = value;\n  }\n\n  registerOnChange(fn: OnChangeType): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: OnTouchedType): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n  }\n\n  /**\n   * A disabled checkbox shouldn't apply any actions\n   *\n   * @param event\n   */\n  private preventEventsWhenDisabled = (event: Event): void => {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n    }\n  };\n}\n","<label class=\"wr-checkbox__container\">\n  <input\n    #inputElement\n    class=\"wr-checkbox__input\"\n    type=\"checkbox\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    [ngModel]=\"checked\"\n    (ngModelChange)=\"writeValue($event)\"\n  />\n  <div class=\"wr-checkbox-inner\">\n    <div class=\"wr-checkbox-inner__mark\"></div>\n  </div>\n  <ng-content></ng-content>\n</label>\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { WrCheckbox } from './checkbox';\n\n@NgModule({\n  imports: [CommonModule, FormsModule, A11yModule],\n  declarations: [WrCheckbox],\n  exports: [WrCheckbox],\n})\nexport class WrCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/ngwr-core-abstract.mjs

@@ -0,0 +1,25 @@
+import * as i0 from '@angular/core';
+import { Directive } from '@angular/core';
+import { Subject } from 'rxjs';
+
+class WrAbstractBase {
+    constructor() {
+        this.destroyed$ = new Subject();
+    }
+    ngOnDestroy() {
+        this.destroyed$.next();
+        this.destroyed$.complete();
+    }
+}
+WrAbstractBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrAbstractBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+WrAbstractBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.10", type: WrAbstractBase, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrAbstractBase, decorators: [{
+            type: Directive
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrAbstractBase };
+//# sourceMappingURL=ngwr-core-abstract.mjs.map

package/fesm2020/ngwr-core-abstract.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-core-abstract.mjs","sources":["../../../projects/lib/core/abstract/base.ts","../../../projects/lib/core/abstract/ngwr-core-abstract.ts"],"sourcesContent":["import { Directive, OnDestroy } from '@angular/core';\nimport { Subject } from 'rxjs';\n\n@Directive()\nexport abstract class WrAbstractBase implements OnDestroy {\n  protected readonly destroyed$: Subject<void> = new Subject<void>();\n\n  ngOnDestroy(): void {\n    this.destroyed$.next();\n    this.destroyed$.complete();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAIsB,cAAc,CAAA;AADpC,IAAA,WAAA,GAAA;AAEqB,QAAA,IAAA,CAAA,UAAU,GAAkB,IAAI,OAAO,EAAQ,CAAC;AAMpE,KAAA;IAJC,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;AACvB,QAAA,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC;KAC5B;;4GANmB,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;gGAAd,cAAc,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;4FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBADnC,SAAS;;;ACHV;;AAEG;;;;"}

package/fesm2020/ngwr-core-color.mjs

@@ -0,0 +1,25 @@
+const wrThemeColors = [
+    'primary',
+    'secondary',
+    'success',
+    'warning',
+    'danger',
+    'light',
+    'medium',
+    'dark',
+];
+
+function isThemeColor(color) {
+    const is = wrThemeColors.indexOf(color) !== -1;
+    if (!is) {
+        console.warn(`${color} is not NGWR theme color`);
+    }
+    return is;
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { isThemeColor, wrThemeColors };
+//# sourceMappingURL=ngwr-core-color.mjs.map

package/fesm2020/ngwr-core-color.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-core-color.mjs","sources":["../../../projects/lib/core/color/color.ts","../../../projects/lib/core/color/is-theme-color.ts","../../../projects/lib/core/color/ngwr-core-color.ts"],"sourcesContent":["export const wrThemeColors = [\n  'primary',\n  'secondary',\n  'success',\n  'warning',\n  'danger',\n  'light',\n  'medium',\n  'dark',\n] as const;\n\nexport type WrThemeColor = typeof wrThemeColors[number];\n","import { SafeAny } from 'ngwr/core/types';\n\nimport { wrThemeColors, WrThemeColor } from './color';\n\nexport function isThemeColor(color: string): color is WrThemeColor {\n  const is: boolean = wrThemeColors.indexOf(color as SafeAny) !== -1;\n\n  if (!is) {\n    console.warn(`${color} is not NGWR theme color`);\n  }\n\n  return is;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAa,MAAA,aAAa,GAAG;IAC3B,SAAS;IACT,WAAW;IACX,SAAS;IACT,SAAS;IACT,QAAQ;IACR,OAAO;IACP,QAAQ;IACR,MAAM;;;ACJF,SAAU,YAAY,CAAC,KAAa,EAAA;IACxC,MAAM,EAAE,GAAY,aAAa,CAAC,OAAO,CAAC,KAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;IAEnE,IAAI,CAAC,EAAE,EAAE;AACP,QAAA,OAAO,CAAC,IAAI,CAAC,GAAG,KAAK,CAAA,wBAAA,CAA0B,CAAC,CAAC;AAClD,KAAA;AAED,IAAA,OAAO,EAAE,CAAC;AACZ;;ACZA;;AAEG;;;;"}

package/fesm2020/ngwr-core-decorators.mjs

@@ -0,0 +1,22 @@
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+
+function InputBoolean() {
+    return (target, propertyKey) => {
+        const coercedBooleanKey = `$$__wr__${String(propertyKey)}`;
+        Object.defineProperty(target, propertyKey, {
+            get: function () {
+                return this[coercedBooleanKey] || false;
+            },
+            set: function (value) {
+                this[coercedBooleanKey] = coerceBooleanProperty(value);
+            },
+        });
+    };
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InputBoolean };
+//# sourceMappingURL=ngwr-core-decorators.mjs.map

package/fesm2020/ngwr-core-decorators.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-core-decorators.mjs","sources":["../../../projects/lib/core/decorators/input-boolean.ts","../../../projects/lib/core/decorators/ngwr-core-decorators.ts"],"sourcesContent":["import { coerceBooleanProperty } from '@angular/cdk/coercion';\n\nimport { SafeAny } from 'ngwr/core/types';\n\nexport function InputBoolean(): PropertyDecorator {\n  return (target: SafeAny, propertyKey: string | symbol): void => {\n    const coercedBooleanKey = `$$__wr__${String(propertyKey)}`;\n\n    Object.defineProperty(target, propertyKey, {\n      get: function (): boolean {\n        return this[coercedBooleanKey] || false;\n      },\n      set: function (value: boolean | unknown): void {\n        this[coercedBooleanKey] = coerceBooleanProperty(value);\n      },\n    });\n  };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;SAIgB,YAAY,GAAA;AAC1B,IAAA,OAAO,CAAC,MAAe,EAAE,WAA4B,KAAU;QAC7D,MAAM,iBAAiB,GAAG,CAAW,QAAA,EAAA,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC;AAE3D,QAAA,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,WAAW,EAAE;AACzC,YAAA,GAAG,EAAE,YAAA;AACH,gBAAA,OAAO,IAAI,CAAC,iBAAiB,CAAC,IAAI,KAAK,CAAC;aACzC;YACD,GAAG,EAAE,UAAU,KAAwB,EAAA;gBACrC,IAAI,CAAC,iBAAiB,CAAC,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;aACxD;AACF,SAAA,CAAC,CAAC;AACL,KAAC,CAAC;AACJ;;ACjBA;;AAEG;;;;"}

package/fesm2020/ngwr-core-types.mjs

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=ngwr-core-types.mjs.map

package/fesm2020/ngwr-core-types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-core-types.mjs","sources":["../../../projects/lib/core/types/ngwr-core-types.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;;AAEG"}

package/fesm2020/ngwr-divider.mjs

@@ -0,0 +1,120 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding, NgModule } from '@angular/core';
+import { isThemeColor } from 'ngwr/core/color';
+
+class WrDivider {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this._color = 'light';
+        this._type = 'solid';
+        this._width = '1px';
+        /** Set element role **/
+        this.role = 'separator';
+    }
+    /**
+     * Set color of `wr-divider`
+     *
+     * @default 'light';
+     */
+    get color() {
+        return this._color;
+    }
+    set color(value) {
+        this._color = isThemeColor(value) ? value : 'primary';
+        this.cdr.markForCheck();
+    }
+    /**
+     * Set style of `wr-divider`
+     *
+     * @default `solid`;
+     */
+    get type() {
+        return this._type;
+    }
+    set type(value) {
+        this._type = value;
+        this.cdr.markForCheck();
+    }
+    /**
+     * Set width of `wr-divider`
+     *
+     * @default 1px;
+     */
+    get width() {
+        return this._width;
+    }
+    set width(value) {
+        this._width = value;
+        this.cdr.markForCheck();
+    }
+    /** Set element classes */
+    get elClasses() {
+        return {
+            'wr-divider': true,
+            'wr-divider--primary': this.color === 'primary',
+            'wr-divider--secondary': this.color === 'secondary',
+            'wr-divider--success': this.color === 'success',
+            'wr-divider--warning': this.color === 'warning',
+            'wr-divider--danger': this.color === 'danger',
+            'wr-divider--light': this.color === 'light',
+            'wr-divider--medium': this.color === 'medium',
+            'wr-divider--dark': this.color === 'dark',
+            'wr-divider--solid': this.type === 'solid',
+            'wr-divider--dashed': this.type === 'dashed',
+            'wr-divider--dotted': this.type === 'dotted',
+        };
+    }
+    /** Set element style **/
+    get elStyles() {
+        return {
+            '--wr-divider-width': this.width,
+        };
+    }
+}
+WrDivider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrDivider, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+WrDivider.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: WrDivider, selector: "wr-divider", inputs: { color: "color", type: "type", width: "width" }, host: { properties: { "class": "this.elClasses", "style": "this.elStyles", "role": "this.role" } }, exportAs: ["wrDivider"], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrDivider, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'wr-divider',
+                    exportAs: 'wrDivider',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { color: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], elClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], elStyles: [{
+                type: HostBinding,
+                args: ['style']
+            }], role: [{
+                type: HostBinding,
+                args: ['role']
+            }] } });
+
+class WrDividerModule {
+}
+WrDividerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WrDividerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.10", ngImport: i0, type: WrDividerModule, declarations: [WrDivider], exports: [WrDivider] });
+WrDividerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrDividerModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrDividerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [WrDivider],
+                    exports: [WrDivider],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrDivider, WrDividerModule };
+//# sourceMappingURL=ngwr-divider.mjs.map

package/fesm2020/ngwr-divider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-divider.mjs","sources":["../../../projects/lib/divider/divider.ts","../../../projects/lib/divider/divider-module.ts","../../../projects/lib/divider/ngwr-divider.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  HostBinding,\n  Input,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { isThemeColor, WrThemeColor } from 'ngwr/core/color';\nimport { SafeAny } from 'ngwr/core/types';\n\n@Component({\n  selector: 'wr-divider',\n  exportAs: 'wrDivider',\n  template: '',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class WrDivider {\n  /**\n   * Set color of `wr-divider`\n   *\n   * @default 'light';\n   */\n  @Input()\n  get color(): WrThemeColor {\n    return this._color;\n  }\n  set color(value: WrThemeColor) {\n    this._color = isThemeColor(value) ? value : 'primary';\n    this.cdr.markForCheck();\n  }\n  private _color: WrThemeColor = 'light';\n  /**\n   * Set style of `wr-divider`\n   *\n   * @default `solid`;\n   */\n  @Input()\n  get type(): 'solid' | 'dashed' | 'dotted' {\n    return this._type;\n  }\n  set type(value: 'solid' | 'dashed' | 'dotted') {\n    this._type = value;\n    this.cdr.markForCheck();\n  }\n  private _type: 'solid' | 'dashed' | 'dotted' = 'solid';\n  /**\n   * Set width of `wr-divider`\n   *\n   * @default 1px;\n   */\n  @Input()\n  get width(): string {\n    return this._width;\n  }\n  set width(value: string) {\n    this._width = value;\n    this.cdr.markForCheck();\n  }\n  private _width: string = '1px';\n\n  /** Set element classes */\n  @HostBinding('class')\n  get elClasses(): SafeAny {\n    return {\n      'wr-divider': true,\n      'wr-divider--primary': this.color === 'primary',\n      'wr-divider--secondary': this.color === 'secondary',\n      'wr-divider--success': this.color === 'success',\n      'wr-divider--warning': this.color === 'warning',\n      'wr-divider--danger': this.color === 'danger',\n      'wr-divider--light': this.color === 'light',\n      'wr-divider--medium': this.color === 'medium',\n      'wr-divider--dark': this.color === 'dark',\n      'wr-divider--solid': this.type === 'solid',\n      'wr-divider--dashed': this.type === 'dashed',\n      'wr-divider--dotted': this.type === 'dotted',\n    };\n  }\n\n  /** Set element style **/\n  @HostBinding('style')\n  get elStyles(): SafeAny {\n    return {\n      '--wr-divider-width': this.width,\n    };\n  }\n\n  /** Set element role **/\n  @HostBinding('role') role = 'separator';\n\n  constructor(private readonly cdr: ChangeDetectorRef) {}\n}\n","import { NgModule } from '@angular/core';\n\nimport { WrDivider } from './divider';\n\n@NgModule({\n  declarations: [WrDivider],\n  exports: [WrDivider],\n})\nexport class WrDividerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/ngwr-form.mjs

@@ -0,0 +1,89 @@
+import { __decorate } from 'tslib';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding, NgModule } from '@angular/core';
+import { InputBoolean } from 'ngwr/core/decorators';
+import { CommonModule } from '@angular/common';
+
+class WrFormItem {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this._hasError = false;
+    }
+    get hasError() {
+        return this._hasError;
+    }
+    set hasError(value) {
+        this._hasError = coerceBooleanProperty(value);
+        this.cdr.markForCheck();
+    }
+    /** Set element classes */
+    get elClasses() {
+        return {
+            'wr-form-item': true,
+            'wr-form-item--has-error': this.hasError,
+        };
+    }
+}
+WrFormItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrFormItem, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+WrFormItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: WrFormItem, selector: "wr-form-item", inputs: { hasError: "hasError" }, host: { properties: { "class": "this.elClasses" } }, exportAs: ["wrFormItem"], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+__decorate([
+    InputBoolean()
+], WrFormItem.prototype, "hasError", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrFormItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'wr-form-item',
+                    exportAs: 'wrFormItem',
+                    template: `<ng-content></ng-content>`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { hasError: [{
+                type: Input
+            }], elClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class WrFormError {
+    constructor() {
+        this.class = 'wr-form-error';
+    }
+}
+WrFormError.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrFormError, deps: [], target: i0.ɵɵFactoryTarget.Component });
+WrFormError.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: WrFormError, selector: "wr-form-error", host: { properties: { "class": "this.class" } }, exportAs: ["wrFormError"], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrFormError, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'wr-form-error',
+                    exportAs: 'wrFormError',
+                    template: `<ng-content></ng-content>`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class WrFormModule {
+}
+WrFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WrFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.10", ngImport: i0, type: WrFormModule, declarations: [WrFormItem, WrFormError], imports: [CommonModule], exports: [WrFormItem, WrFormError] });
+WrFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrFormModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrFormModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [WrFormItem, WrFormError],
+                    exports: [WrFormItem, WrFormError],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrFormError, WrFormItem, WrFormModule };
+//# sourceMappingURL=ngwr-form.mjs.map

package/fesm2020/ngwr-form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-form.mjs","sources":["../../../projects/lib/form/form-item.ts","../../../projects/lib/form/form-error.ts","../../../projects/lib/form/form-module.ts","../../../projects/lib/form/ngwr-form.ts"],"sourcesContent":["import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  HostBinding,\n  Input,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { InputBoolean } from 'ngwr/core/decorators';\nimport { SafeAny } from 'ngwr/core/types';\n\n@Component({\n  selector: 'wr-form-item',\n  exportAs: 'wrFormItem',\n  template: `<ng-content></ng-content>`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class WrFormItem {\n  @Input()\n  @InputBoolean()\n  get hasError(): boolean {\n    return this._hasError;\n  }\n  set hasError(value: BooleanInput) {\n    this._hasError = coerceBooleanProperty(value);\n    this.cdr.markForCheck();\n  }\n  private _hasError: boolean = false;\n\n  /** Set element classes */\n  @HostBinding('class')\n  get elClasses(): SafeAny {\n    return {\n      'wr-form-item': true,\n      'wr-form-item--has-error': this.hasError,\n    };\n  }\n\n  constructor(private readonly cdr: ChangeDetectorRef) {}\n}\n","import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'wr-form-error',\n  exportAs: 'wrFormError',\n  template: `<ng-content></ng-content>`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class WrFormError {\n  @HostBinding('class') class = 'wr-form-error';\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { WrFormError } from './form-error';\nimport { WrFormItem } from './form-item';\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: [WrFormItem, WrFormError],\n  exports: [WrFormItem, WrFormError],\n})\nexport class WrFormModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}