ngwr 1.3.0 → 2.0.0

package/LICENSE

@@ -1,8 +1,8 @@
 MIT License
 
-Copyright (c) 2022 Roman Khegay
-Copyright (c) 2022 Garuna, LLP
-Copyright (c) 2022 Stingray Technologies, LLP
+Copyright (c) 2022-2024 Roman Khegay
+Copyright (c) 2022-2024 Garuna, LLP
+Copyright (c) 2022-2024 Stingray Technologies, LLP
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/_grid.scss

@@ -0,0 +1,2 @@
+@forward './styles/maps';
+@forward './styles/grid' show media-up, media-down;

package/_index.scss

@@ -7,7 +7,7 @@
  * https://github.com/thekhegay/ngwr
  */
 
-@forward 'styles/maps';
+@forward './styles/maps';
 
 @forward './styles/root';
 @forward './styles/reset';

package/button/{button.d.ts → button.component.d.ts}

@@ -26,9 +26,14 @@ export declare class WrButton extends WrAbstractBase implements OnInit, OnDestro
     set rounded(value: BooleanInput);
     private _rounded;
     /** Set fullwidth state of `wr-btn`; */
+    get fullWidth(): boolean;
+    set fullWidth(value: BooleanInput);
+    /**
+     * @deprecated use fullWidth instead
+     */
     get fullwidth(): boolean;
     set fullwidth(value: BooleanInput);
-    private _fullwidth;
+    private _fullWidth;
     /** Set loading state of `wr-btn`; */
     get loading(): boolean;
     set loading(value: BooleanInput);
@@ -54,5 +59,5 @@ export declare class WrButton extends WrAbstractBase implements OnInit, OnDestro
     ngOnDestroy(): void;
     private preventEventsWhenDisabled;
     static ɵfac: i0.ɵɵFactoryDeclaration<WrButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WrButton, "wr-btn, button[wr-btn], a[wr-btn]", ["wrBtn"], { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fullwidth": { "alias": "fullwidth"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WrButton, "wr-btn, button[wr-btn], a[wr-btn]", ["wrBtn"], { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "fullwidth": { "alias": "fullwidth"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/button/button.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./button.component";
+export declare class WrButtonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrButtonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<WrButtonModule, never, [typeof i1.WrButton], [typeof i1.WrButton]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<WrButtonModule>;
+}

package/button/button.scss

@@ -1,14 +1,30 @@
 @use '../styles/maps' as maps;
 
 .wr-btn {
+  --wr-btn-bg: var(--wr-color-primary);
+  --wr-btn-bg-rgb: var(--wr-color-primary-rgb);
+  --wr-btn-text-color: var(--wr-color-primary-contrast);
+  --wr-btn-shade: var(--wr-color-primary-shade);
+
+  --wr-btn-font-size: var(--wr-btn-font-size-base);
+  --wr-btn-line-height: var(--wr-btn-line-height-base);
+
+  --wr-btn-border-radius: var(--wr-btn-border-radius-base);
+
+  --wr-btn-padding-y: var(--wr-btn-padding-y-base);
+  --wr-btn-padding-x: var(--wr-btn-padding-x-base);
+
+  --wr-btn-icon-size: var(--wr-btn-icon-size-base);
+  --wr-btn-icon-margin: var(--wr-btn-icon-margin-base);
+
   display: inline-block;
 
-  padding: var(--wr-btn-padding-y-base) var(--wr-btn-padding-x-base);
+  padding: var(--wr-btn-padding-y) var(--wr-btn-padding-x);
 
   font-family: var(--wr-btn-font-family-base);
-  font-size: var(--wr-btn-font-size-base);
+  font-size: var(--wr-btn-font-size);
   font-weight: var(--wr-btn-font-weight-base);
-  line-height: var(--wr-btn-line-height-base);
+  line-height: var(--wr-btn-line-height);
 
   text-align: center;
   text-decoration: none;
@@ -18,20 +34,50 @@
   user-select: none;
 
   border: none;
-  border-radius: var(--wr-btn-border-radius-base);
+  border-radius: var(--wr-btn-border-radius);
 
   transition: var(--wr-transition-short);
 
   position: relative;
 
+  color: var(--wr-btn-text-color);
+  background-color: var(--wr-btn-bg);
+
   &:hover {
     text-decoration: none;
+    background-color: var(--wr-btn-shade);
+  }
+
+  &--outlined {
+    color: var(--wr-btn-bg);
+    background-color: transparent;
+    box-shadow: inset 0 0 0 var(--wr-btn-border-width) rgba(var(--wr-btn-bg-rgb), 0.375);
+
+    &:hover {
+      color: var(--wr-btn-text-color);
+      background-color: var(--wr-btn-bg);
+      box-shadow: none;
+    }
+  }
+
+  &--rounded {
+    --wr-btn-border-radius: var(--wr-btn-rounded-border-radius);
+    --wr-btn-padding-x: var(--wr-btn-rounded-padding-x);
+    --wr-btn-padding-y: var(--wr-btn-rounded-padding-y);
+  }
+
+  &--size {
+    &-small {
+      --wr-btn-font-size: var(--wr-btn-font-size-small);
+      --wr-btn-padding-x: var(--wr-btn-padding-x-small);
+      --wr-btn-padding-y: var(--wr-btn-padding-y-small);
+      --wr-btn-icon-size: var(--wr-btn-font-size-small);
+    }
   }
 
   &[disabled],
   &:disabled,
-  &.disabled,
-  fieldset:disabled & {
+  &.disabled {
     color: var(--wr-color-medium) !important;
     background-color: var(--wr-color-light) !important;
     background-image: none;
@@ -51,7 +97,7 @@
     font-size: inherit;
     font-weight: inherit;
     line-height: inherit;
-    word-break: break-all;
+    word-break: break-word;
     padding: 0;
     transition: var(--wr-transition-base);
   }
@@ -61,28 +107,30 @@
     z-index: 3;
     left: 50%;
     top: 50%;
-    transform: translate(-50%,-50%);
+    transform: translate(-50%, -50%);
   }
 
   &__icon {
-    width: 1rem !important;
-    height: 1rem !important;
-    min-width: 1rem !important;
-    min-height: 1rem !important;
-    transition: var(--wr-transition-base);
+    width: var(--wr-btn-icon-size) !important;
+    height: var(--wr-btn-icon-size) !important;
+    min-width: var(--wr-btn-icon-size) !important;
+    min-height: var(--wr-btn-icon-size) !important;
+    transition: var(--wr-transition-base) !important;
   }
 
-  &--icon-start {
-    padding-left: calc(var(--wr-btn-padding-x-base) - 0.0825rem);
+  &--icon {
+    &-start {
+      padding-left: calc(var(--wr-btn-padding-x) - 0.0825rem);
 
-    .wr-btn__icon {
-      margin-right: 0.375rem;
+      .wr-btn__icon {
+        margin-right: var(--wr-btn-icon-margin);
+      }
     }
-  }
 
-  &--icon-end {
-    .wr-btn__icon {
-      margin-left: 0.25rem;
+    &-end {
+      .wr-btn__icon {
+        margin-left: var(--wr-btn-icon-margin);
+      }
     }
   }
 
@@ -95,66 +143,18 @@
     }
   }
 
-  &--rounded {
-    border-radius: var(--wr-btn-rounded-border-radius);
-    padding: var(--wr-btn-rounded-padding-y) var(--wr-btn-rounded-padding-x);
-  }
-
-  &--small {
-    padding: var(--wr-btn-padding-y-small) var(--wr-btn-padding-x-small);
-    border-radius: var(--wr-btn-border-radius-small);
-    font-size: var(--wr-btn-font-size-small);
-    line-height: var(--wr-btn-line-height-small);
-
-    .wr-btn {
-      &__icon,
-      &__spin {
-        height: var(--wr-btn-font-size-small) !important;
-        width: var(--wr-btn-font-size-small) !important;;
-        min-height: var(--wr-btn-font-size-small) !important;;
-        min-width: var(--wr-btn-font-size-small) !important;;
-      }
-
-      &--icon-start {
-        .wr-btn__icon {
-          margin-right: 0.2rem !important;
-        }
-      }
 
-      &--icon-end {
-        .wr-btn__icon {
-          margin-left: 0.2rem !important;
-        }
-      }
-    }
-  }
-
-  &--full {
+  &--full-width {
     display: block;
     width: 100%;
   }
 }
 
 @each $color in maps.$theme-colors-map {
-  .wr-btn--#{$color} {
-    color: var(--wr-color-#{$color}-contrast);
-    background-color: var(--wr-color-#{$color});
-
-    &:hover {
-      color: var(--wr-color-#{$color}-contrast);
-      background-color: var(--wr-color-#{$color}-shade);
-    }
-
-    &.wr-btn--outlined {
-      color: var(--wr-color-#{$color});
-      background-color: transparent;
-      box-shadow: inset 0 0 0 1.25px rgba(var(--wr-color-#{$color}-rgb), 0.375);
-
-      &:hover {
-        color: var(--wr-color-#{$color}-contrast);
-        background-color: var(--wr-color-#{$color});
-        box-shadow: none;
-      }
-    }
+  .wr-btn--color-#{$color} {
+    --wr-btn-bg: var(--wr-color-#{$color});
+    --wr-btn-bg-rgb: var(--wr-color-#{$color}-rgb);
+    --wr-btn-text-color: var(--wr-color-#{$color}-contrast);
+    --wr-btn-shade: var(--wr-color-#{$color}-shade);
   }
 }

package/button/index.d.ts

@@ -1,2 +1,2 @@
-export { WrButton } from './button';
-export { WrButtonModule } from './button-module';
+export { WrButton } from './button.component';
+export { WrButtonModule } from './button.module';

package/checkbox/{checkbox.d.ts → checkbox.component.d.ts}

@@ -29,7 +29,7 @@ export declare class WrCheckbox extends WrAbstractBase implements ControlValueAc
     private onTouched;
     /** Set element classes */
     get elClasses(): SafeAny;
-    constructor(cdr: ChangeDetectorRef, elRef: ElementRef<HTMLElement>, focusMonitor: FocusMonitor, ngZone: NgZone);
+    constructor(cdr: ChangeDetectorRef, elRef: ElementRef<HTMLElement | HTMLInputElement>, focusMonitor: FocusMonitor, ngZone: NgZone);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -45,5 +45,5 @@ export declare class WrCheckbox extends WrAbstractBase implements ControlValueAc
      */
     private preventEventsWhenDisabled;
     static ɵfac: i0.ɵɵFactoryDeclaration<WrCheckbox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WrCheckbox, "wr-checkbox", ["wrCheckbox"], { "autofocus": { "alias": "autofocus"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WrCheckbox, "wr-checkbox", ["wrCheckbox"], { "autofocus": { "alias": "autofocus"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/checkbox/checkbox.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./checkbox.component";
+export declare class WrCheckboxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrCheckboxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<WrCheckboxModule, never, [typeof i1.WrCheckbox], [typeof i1.WrCheckbox]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<WrCheckboxModule>;
+}

package/checkbox/index.d.ts

@@ -1,2 +1,2 @@
-export { WrCheckbox } from './checkbox';
-export { WrCheckboxModule } from './checkbox-module';
+export { WrCheckbox } from './checkbox.component';
+export { WrCheckboxModule } from './checkbox.module';

package/divider/{divider.d.ts → divider.component.d.ts}

@@ -23,7 +23,7 @@ export declare class WrDivider {
     /**
      * Set width of `wr-divider`
      *
-     * @default 1px;
+     * @default var(--wr-divider-width-base): 1px;
      */
     get width(): string;
     set width(value: string);
@@ -36,5 +36,5 @@ export declare class WrDivider {
     role: string;
     constructor(cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<WrDivider, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WrDivider, "wr-divider", ["wrDivider"], { "color": { "alias": "color"; "required": false; }; "type": { "alias": "type"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WrDivider, "wr-divider", ["wrDivider"], { "color": { "alias": "color"; "required": false; }; "type": { "alias": "type"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, true, never>;
 }

package/divider/{divider-module.d.ts → divider.module.d.ts}

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./divider";
+import * as i1 from "./divider.component";
 export declare class WrDividerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<WrDividerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<WrDividerModule, [typeof i1.WrDivider], never, [typeof i1.WrDivider]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<WrDividerModule, never, [typeof i1.WrDivider], [typeof i1.WrDivider]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<WrDividerModule>;
 }

package/divider/divider.scss

@@ -1,15 +1,19 @@
 @use '../styles/maps' as maps;
 
 .wr-divider {
-  --wr-divider-width: 1px;
+  --wr-divider-width: var(--wr-divider-width-base);
+  --wr-divider-color: var(--wr-divider-color-base);
+  --wr-divider-margin-top: var(--wr-divider-margin-top-base);
+  --wr-divider-margin-bottom: var(--wr-divider-margin-bottom-base);
 
   display: block;
 
   width: 100%;
   border-bottom-width: var(--wr-divider-width);
+  border-bottom-color: var(--wr-divider-color);
 
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
+  margin-top: var(--wr-divider-margin-top);
+  margin-bottom: var(--wr-divider-margin-bottom);
 
   user-select: none;
   pointer-events: none;
@@ -29,6 +33,6 @@
 
 @each $color, $value in maps.$theme-colors-map {
   .wr-divider--#{$color} {
-    border-bottom-color: var(--wr-color-#{$color});
+    --wr-divider-color: var(--wr-color-#{$color});
   }
 }

package/divider/index.d.ts

@@ -1,2 +1,2 @@
-export { WrDivider } from './divider';
-export { WrDividerModule } from './divider-module';
+export { WrDivider } from './divider.component';
+export { WrDividerModule } from './divider.module';

package/esm2022/button/button.component.mjs

@@ -0,0 +1,202 @@
+import { __decorate } from "tslib";
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation, } from '@angular/core';
+import { WrAbstractBase } from 'ngwr/core/abstract';
+import { isThemeColor } from 'ngwr/core/color';
+import { InputBoolean } from 'ngwr/core/decorators';
+import { WrIconModule } from 'ngwr/icon';
+import { WrSpinnerModule } from 'ngwr/spinner';
+import * as i0 from "@angular/core";
+import * as i1 from "ngwr/icon";
+import * as i2 from "ngwr/spinner";
+export class WrButton extends WrAbstractBase {
+    /** Set color of `wr-btn`; */
+    get color() {
+        return this._color;
+    }
+    set color(value) {
+        this._color = isThemeColor(value) ? value : 'primary';
+        this.cdr.markForCheck();
+    }
+    /** Set size of `wr-btn`; */
+    get size() {
+        return this._size;
+    }
+    set size(value) {
+        this._size = value;
+        this.cdr.markForCheck();
+    }
+    /** Set outlined state of `wr-btn`; */
+    get outlined() {
+        return this._outlined;
+    }
+    set outlined(value) {
+        this._outlined = coerceBooleanProperty(value);
+        this.cdr.markForCheck();
+    }
+    /** Set rounded state of `wr-btn`; */
+    get rounded() {
+        return this._rounded;
+    }
+    set rounded(value) {
+        this._rounded = coerceBooleanProperty(value);
+        this.cdr.markForCheck();
+    }
+    /** Set fullwidth state of `wr-btn`; */
+    get fullWidth() {
+        return this._fullWidth;
+    }
+    set fullWidth(value) {
+        this._fullWidth = coerceBooleanProperty(value);
+        this.cdr.markForCheck();
+    }
+    /**
+     * @deprecated use fullWidth instead
+     */
+    get fullwidth() {
+        return this._fullWidth;
+    }
+    set fullwidth(value) {
+        this._fullWidth = coerceBooleanProperty(value);
+        this.cdr.markForCheck();
+    }
+    /** Set loading state of `wr-btn`; */
+    get loading() {
+        return this._loading;
+    }
+    set loading(value) {
+        this._loading = 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();
+    }
+    /** Set icon of `wr-btn`; */
+    get icon() {
+        return this._icon;
+    }
+    set icon(value) {
+        this._icon = value;
+        this.cdr.markForCheck();
+    }
+    /** Set icon position of `wr-btn`; */
+    get iconPosition() {
+        return this._iconPosition;
+    }
+    set iconPosition(value) {
+        this._iconPosition = value;
+        this.cdr.markForCheck();
+    }
+    /** Set element disabled attribute */
+    get nativeDisabled() {
+        return this._disabled ? '' : null;
+    }
+    /** Set element classes */
+    get elClasses() {
+        return {
+            'wr-btn': true,
+            'wr-btn--color-primary': this.color === 'primary',
+            'wr-btn--color-secondary': this.color === 'secondary',
+            'wr-btn--color-success': this.color === 'success',
+            'wr-btn--color-warning': this.color === 'warning',
+            'wr-btn--color-danger': this.color === 'danger',
+            'wr-btn--color-light': this.color === 'light',
+            'wr-btn--color-medium': this.color === 'medium',
+            'wr-btn--color-dark': this.color === 'dark',
+            'wr-btn--size-small': this.size === 'small',
+            'wr-btn--rounded': this.rounded,
+            'wr-btn--icon-start': this.icon && this.iconPosition === 'start',
+            'wr-btn--icon-end': this.icon && this.iconPosition === 'end',
+            'wr-btn--outlined': this.outlined,
+            'wr-btn--loading': this.loading,
+            'wr-btn--full-width': this.fullWidth,
+        };
+    }
+    constructor(cdr, elRef, ngZone) {
+        super();
+        this.cdr = cdr;
+        this.elRef = elRef;
+        this.ngZone = ngZone;
+        this._color = 'primary';
+        this._size = 'default';
+        this._outlined = false;
+        this._rounded = false;
+        this._fullWidth = false;
+        this._loading = false;
+        this._disabled = false;
+        this._icon = null;
+        this._iconPosition = 'start';
+        /* A disabled button shouldn't apply any actions */
+        this.preventEventsWhenDisabled = (event) => {
+            if (this.disabled) {
+                event.preventDefault();
+                event.stopImmediatePropagation();
+            }
+        };
+    }
+    ngOnInit() {
+        this.ngZone.runOutsideAngular(() => {
+            this.elRef.nativeElement.addEventListener('click', this.preventEventsWhenDisabled);
+        });
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this.elRef.nativeElement.removeEventListener('click', this.preventEventsWhenDisabled);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: WrButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.9", type: WrButton, isStandalone: true, selector: "wr-btn, button[wr-btn], a[wr-btn]", inputs: { color: "color", size: "size", outlined: "outlined", rounded: "rounded", fullWidth: "fullWidth", fullwidth: "fullwidth", loading: "loading", disabled: "disabled", icon: "icon", iconPosition: "iconPosition" }, host: { properties: { "attr.disabled": "this.nativeDisabled", "class": "this.elClasses" } }, exportAs: ["wrBtn"], usesInheritance: true, ngImport: i0, template: "@if (loading) {\n  <wr-spin class=\"wr-btn__spin\"></wr-spin>\n}\n@if (icon && iconPosition === 'start') {\n  <wr-icon class=\"wr-btn__icon\" [name]=\"icon\"></wr-icon>\n}\n<span class=\"wr-btn__text\"><ng-content></ng-content></span>\n@if (icon && iconPosition === 'end') {\n  <wr-icon class=\"wr-btn__icon\" [name]=\"icon\"></wr-icon>\n}\n", dependencies: [{ kind: "ngmodule", type: WrIconModule }, { kind: "directive", type: i1.WrIcon, selector: "wr-icon[name]", inputs: ["name"], exportAs: ["wrIcon"] }, { kind: "ngmodule", type: WrSpinnerModule }, { kind: "component", type: i2.WrSpinner, selector: "wr-spin", exportAs: ["wrSpin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+__decorate([
+    InputBoolean()
+], WrButton.prototype, "outlined", null);
+__decorate([
+    InputBoolean()
+], WrButton.prototype, "rounded", null);
+__decorate([
+    InputBoolean()
+], WrButton.prototype, "fullWidth", null);
+__decorate([
+    InputBoolean()
+], WrButton.prototype, "fullwidth", null);
+__decorate([
+    InputBoolean()
+], WrButton.prototype, "loading", null);
+__decorate([
+    InputBoolean()
+], WrButton.prototype, "disabled", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: WrButton, decorators: [{
+            type: Component,
+            args: [{ selector: 'wr-btn, button[wr-btn], a[wr-btn]', exportAs: 'wrBtn', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [WrIconModule, WrSpinnerModule], template: "@if (loading) {\n  <wr-spin class=\"wr-btn__spin\"></wr-spin>\n}\n@if (icon && iconPosition === 'start') {\n  <wr-icon class=\"wr-btn__icon\" [name]=\"icon\"></wr-icon>\n}\n<span class=\"wr-btn__text\"><ng-content></ng-content></span>\n@if (icon && iconPosition === 'end') {\n  <wr-icon class=\"wr-btn__icon\" [name]=\"icon\"></wr-icon>\n}\n" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { color: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], outlined: [{
+                type: Input
+            }], rounded: [{
+                type: Input
+            }], fullWidth: [{
+                type: Input
+            }], fullwidth: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconPosition: [{
+                type: Input
+            }], nativeDisabled: [{
+                type: HostBinding,
+                args: ['attr.disabled']
+            }], elClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2xpYi9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3Byb2plY3RzL2xpYi9idXR0b24vYnV0dG9uLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBZ0IscUJBQXFCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1RSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsRUFFVCxXQUFXLEVBQ1gsS0FBSyxFQUlMLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDcEQsT0FBTyxFQUFFLFlBQVksRUFBZ0IsTUFBTSxpQkFBaUIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFFcEQsT0FBTyxFQUFFLFlBQVksRUFBYyxNQUFNLFdBQVcsQ0FBQztBQUNyRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sY0FBYyxDQUFDOzs7O0FBVy9DLE1BQU0sT0FBTyxRQUFTLFNBQVEsY0FBYztJQUMxQyw2QkFBNkI7SUFDN0IsSUFDSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3JCLENBQUM7SUFDRCxJQUFJLEtBQUssQ0FBQyxLQUFtQjtRQUMzQixJQUFJLENBQUMsTUFBTSxHQUFHLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7UUFDdEQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBR0QsNEJBQTRCO0lBQzVCLElBQ0ksSUFBSTtRQUNOLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDO0lBQ0QsSUFBSSxJ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QVE7a0JBVHBCLFNBQVM7K0JBQ0UsbUNBQW1DLFlBQ25DLE9BQU8sbUJBRUEsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxjQUN6QixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsZUFBZSxDQUFDO29JQUtwQyxLQUFLO3NCQURSLEtBQUs7Z0JBWUYsSUFBSTtzQkFEUCxLQUFLO2dCQWFGLFFBQVE7c0JBRlgsS0FBSztnQkFjRixPQUFPO3NCQUZWLEtBQUs7Z0JBY0YsU0FBUztzQkFGWixLQUFLO2dCQWVGLFNBQVM7c0JBRlosS0FBSztnQkFlRixPQUFPO3NCQUZWLEtBQUs7Z0JBY0YsUUFBUTtzQkFGWCxLQUFLO2dCQWFGLElBQUk7c0JBRFAsS0FBSztnQkFZRixZQUFZO3NCQURmLEtBQUs7Z0JBWUYsY0FBYztzQkFEakIsV0FBVzt1QkFBQyxlQUFlO2dCQU94QixTQUFTO3NCQURaLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJvb2xlYW5JbnB1dCwgY29lcmNlQm9vbGVhblByb3BlcnR5IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIE5nWm9uZSxcbiAgT25EZXN0cm95LFxuICBPbkluaXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgV3JBYnN0cmFjdEJhc2UgfSBmcm9tICduZ3dyL2NvcmUvYWJzdHJhY3QnO1xuaW1wb3J0IHsgaXNUaGVtZUNvbG9yLCBXclRoZW1lQ29sb3IgfSBmcm9tICduZ3dyL2NvcmUvY29sb3InO1xuaW1wb3J0IHsgSW5wdXRCb29sZWFuIH0gZnJvbSAnbmd3ci9jb3JlL2RlY29yYXRvcnMnO1xuaW1wb3J0IHsgU2FmZUFueSB9IGZyb20gJ25nd3IvY29yZS90eXBlcyc7XG5pbXBvcnQgeyBXckljb25Nb2R1bGUsIHdySWNvbk5hbWUgfSBmcm9tICduZ3dyL2ljb24nO1xuaW1wb3J0IHsgV3JTcGlubmVyTW9kdWxlIH0gZnJvbSAnbmd3ci9zcGlubmVyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd3ItYnRuLCBidXR0b25bd3ItYnRuXSwgYVt3ci1idG5dJyxcbiAgZXhwb3J0QXM6ICd3ckJ0bicsXG4gIHRlbXBsYXRlVXJsOiAnYnV0dG9uLnRlbXBsYXRlLmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1dySWNvbk1vZHVsZSwgV3JTcGlubmVyTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgV3JCdXR0b24gZXh0ZW5kcyBXckFic3RyYWN0QmFzZSBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgLyoqIFNldCBjb2xvciBvZiBgd3ItYnRuYDsgKi9cbiAgQElucHV0KClcbiAgZ2V0IGNvbG9yKCk6IFdyVGhlbWVDb2xvciB7XG4gICAgcmV0dXJuIHRoaXMuX2NvbG9yO1xuICB9XG4gIHNldCBjb2xvcih2YWx1ZTogV3JUaGVtZUNvbG9yKSB7XG4gICAgdGhpcy5fY29sb3IgPSBpc1RoZW1lQ29sb3IodmFsdWUpID8gdmFsdWUgOiAncHJpbWFyeSc7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cbiAgcHJpdmF0ZSBfY29sb3I6IFdyVGhlbWVDb2xvciA9ICdwcmltYXJ5JztcblxuICAvKiogU2V0IHNpemUgb2YgYHdyLWJ0bmA7ICovXG4gIEBJbnB1dCgpXG4gIGdldCBzaXplKCk6ICdkZWZhdWx0JyB8ICdzbWFsbCcge1xuICAgIHJldHVybiB0aGlzLl9zaXplO1xuICB9XG4gIHNldCBzaXplKHZhbHVlOiAnZGVmYXVsdCcgfCAnc21hbGwnKSB7XG4gICAgdGhpcy5fc2l6ZSA9IHZhbHVlO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG4gIHByaXZhdGUgX3NpemU6ICdkZWZhdWx0JyB8ICdzbWFsbCcgPSAnZGVmYXVsdCc7XG5cbiAgLyoqIFNldCBvdXRsaW5lZCBzdGF0ZSBvZiBgd3ItYnRuYDsgKi9cbiAgQElucHV0KClcbiAgQElucHV0Qm9vbGVhbigpXG4gIGdldCBvdXRsaW5lZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fb3V0bGluZWQ7XG4gIH1cbiAgc2V0IG91dGxpbmVkKHZhbHVlOiBCb29sZWFuSW5wdXQpIHtcbiAgICB0aGlzLl9vdXRsaW5lZCA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cbiAgcHJpdmF0ZSBfb3V0bGluZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKiogU2V0IHJvdW5kZWQgc3RhdGUgb2YgYHdyLWJ0bmA7ICovXG4gIEBJbnB1dCgpXG4gIEBJbnB1dEJvb2xlYW4oKVxuICBnZXQgcm91bmRlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fcm91bmRlZDtcbiAgfVxuICBzZXQgcm91bmRlZCh2YWx1ZTogQm9vbGVhbklucHV0KSB7XG4gICAgdGhpcy5fcm91bmRlZCA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cbiAgcHJpdmF0ZSBfcm91bmRlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKiBTZXQgZnVsbHdpZHRoIHN0YXRlIG9mIGB3ci1idG5gOyAqL1xuICBASW5wdXQoKVxuICBASW5wdXRCb29sZWFuKClcbiAgZ2V0IGZ1bGxXaWR0aCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fZnVsbFdpZHRoO1xuICB9XG4gIHNldCBmdWxsV2lkdGgodmFsdWU6IEJvb2xlYW5JbnB1dCkge1xuICAgIHRoaXMuX2Z1bGxXaWR0aCA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICAvKipcbiAgICogQGRlcHJlY2F0ZWQgdXNlIGZ1bGxXaWR0aCBpbnN0ZWFkXG4gICAqL1xuICBASW5wdXQoKVxuICBASW5wdXRCb29sZWFuKClcbiAgZ2V0IGZ1bGx3aWR0aCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fZnVsbFdpZHRoO1xuICB9XG4gIHNldCBmdWxsd2lkdGgodmFsdWU6IEJvb2xlYW5JbnB1dCkge1xuICAgIHRoaXMuX2Z1bGxXaWR0aCA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBwcml2YXRlIF9mdWxsV2lkdGg6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKiogU2V0IGxvYWRpbmcgc3RhdGUgb2YgYHdyLWJ0bmA7ICovXG4gIEBJbnB1dCgpXG4gIEBJbnB1dEJvb2xlYW4oKVxuICBnZXQgbG9hZGluZygpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fbG9hZGluZztcbiAgfVxuICBzZXQgbG9hZGluZyh2YWx1ZTogQm9vbGVhbklucHV0KSB7XG4gICAgdGhpcy5fbG9hZGluZyA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cbiAgcHJpdmF0ZSBfbG9hZGluZzogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKiBTZXQgZGlzYWJsZWQgc3RhdGUgb2YgYHdyLWJ0bmA7ICovXG4gIEBJbnB1dCgpXG4gIEBJbnB1dEJvb2xlYW4oKVxuICBnZXQgZGlzYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX2Rpc2FibGVkO1xuICB9XG4gIHNldCBkaXNhYmxlZCh2YWx1ZTogQm9vbGVhbklucHV0KSB7XG4gICAgdGhpcy5fZGlzYWJsZWQgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG4gIHByaXZhdGUgX2Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqIFNldCBpY29uIG9mIGB3ci1idG5gOyAqL1xuICBASW5wdXQoKVxuICBnZXQgaWNvbigpOiB3ckljb25OYW1lIHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMuX2ljb247XG4gIH1cbiAgc2V0IGljb24odmFsdWU6IHdySWNvbk5hbWUgfCBudWxsKSB7XG4gICAgdGhpcy5faWNvbiA9IHZhbHVlO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG4gIHByaXZhdGUgX2ljb246IHdySWNvbk5hbWUgfCBudWxsID0gbnVsbDtcblxuICAvKiogU2V0IGljb24gcG9zaXRpb24gb2YgYHdyLWJ0bmA7ICovXG4gIEBJbnB1dCgpXG4gIGdldCBpY29uUG9zaXRpb24oKTogJ3N0YXJ0JyB8ICdlbmQnIHtcbiAgICByZXR1cm4gdGhpcy5faWNvblBvc2l0aW9uO1xuICB9XG4gIHNldCBpY29uUG9zaXRpb24odmFsdWU6ICdzdGFydCcgfCAnZW5kJykge1xuICAgIHRoaXMuX2ljb25Qb3NpdGlvbiA9IHZhbHVlO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG4gIHByaXZhdGUgX2ljb25Qb3NpdGlvbjogJ3N0YXJ0JyB8ICdlbmQnID0gJ3N0YXJ0JztcblxuICAvKiogU2V0IGVsZW1lbnQgZGlzYWJsZWQgYXR0cmlidXRlICovXG4gIEBIb3N0QmluZGluZygnYXR0ci5kaXNhYmxlZCcpXG4gIGdldCBuYXRpdmVEaXNhYmxlZCgpOiAnJyB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLl9kaXNhYmxlZCA/ICcnIDogbnVsbDtcbiAgfVxuXG4gIC8qKiBTZXQgZWxlbWVudCBjbGFzc2VzICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBnZXQgZWxDbGFzc2VzKCk6IFNhZmVBbnkge1xuICAgIHJldHVybiB7XG4gICAgICAnd3ItYnRuJzogdHJ1ZSxcbiAgICAgICd3ci1idG4tLWNvbG9yLXByaW1hcnknOiB0aGlzLmNvbG9yID09PSAncHJpbWFyeScsXG4gICAgICAnd3ItYnRuLS1jb2xvci1zZWNvbmRhcnknOiB0aGlzLmNvbG9yID09PSAnc2Vjb25kYXJ5JyxcbiAgICAgICd3ci1idG4tLWNvbG9yLXN1Y2Nlc3MnOiB0aGlzLmNvbG9yID09PSAnc3VjY2VzcycsXG4gICAgICAnd3ItYnRuLS1jb2xvci13YXJuaW5nJzogdGhpcy5jb2xvciA9PT0gJ3dhcm5pbmcnLFxuICAgICAgJ3dyLWJ0bi0tY29sb3ItZGFuZ2VyJzogdGhpcy5jb2xvciA9PT0gJ2RhbmdlcicsXG4gICAgICAnd3ItYnRuLS1jb2xvci1saWdodCc6IHRoaXMuY29sb3IgPT09ICdsaWdodCcsXG4gICAgICAnd3ItYnRuLS1jb2xvci1tZWRpdW0nOiB0aGlzLmNvbG9yID09PSAnbWVkaXVtJyxcbiAgICAgICd3ci1idG4tLWNvbG9yLWRhcmsnOiB0aGlzLmNvbG9yID09PSAnZGFyaycsXG4gICAgICAnd3ItYnRuLS1zaXplLXNtYWxsJzogdGhpcy5zaXplID09PSAnc21hbGwnLFxuICAgICAgJ3dyLWJ0bi0tcm91bmRlZCc6IHRoaXMucm91bmRlZCxcbiAgICAgICd3ci1idG4tLWljb24tc3RhcnQnOiB0aGlzLmljb24gJiYgdGhpcy5pY29uUG9zaXRpb24gPT09ICdzdGFydCcsXG4gICAgICAnd3ItYnRuLS1pY29uLWVuZCc6IHRoaXMuaWNvbiAmJiB0aGlzLmljb25Qb3NpdGlvbiA9PT0gJ2VuZCcsXG4gICAgICAnd3ItYnRuLS1vdXRsaW5lZCc6IHRoaXMub3V0bGluZWQsXG4gICAgICAnd3ItYnRuLS1sb2FkaW5nJzogdGhpcy5sb2FkaW5nLFxuICAgICAgJ3dyLWJ0bi0tZnVsbC13aWR0aCc6IHRoaXMuZnVsbFdpZHRoLFxuICAgIH07XG4gIH1cblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHJlYWRvbmx5IGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgcHJpdmF0ZSByZWFkb25seSBlbFJlZjogRWxlbWVudFJlZjxIVE1MQnV0dG9uRWxlbWVudCB8IEhUTUxMaW5rRWxlbWVudCB8IEhUTUxBbmNob3JFbGVtZW50IHwgSFRNTEVsZW1lbnQ+LFxuICAgIHByaXZhdGUgcmVhZG9ubHkgbmdab25lOiBOZ1pvbmVcbiAgKSB7XG4gICAgc3VwZXIoKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMubmdab25lLnJ1bk91dHNpZGVBbmd1bGFyKCgpID0+IHtcbiAgICAgIHRoaXMuZWxSZWYubmF0aXZlRWxlbWVudC5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsIHRoaXMucHJldmVudEV2ZW50c1doZW5EaXNhYmxlZCk7XG4gICAgfSk7XG4gIH1cblxuICBvdmVycmlkZSBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICBzdXBlci5uZ09uRGVzdHJveSgpO1xuICAgIHRoaXMuZWxSZWYubmF0aXZlRWxlbWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdjbGljaycsIHRoaXMucHJldmVudEV2ZW50c1doZW5EaXNhYmxlZCk7XG4gIH1cblxuICAvKiBBIGRpc2FibGVkIGJ1dHRvbiBzaG91bGRuJ3QgYXBwbHkgYW55IGFjdGlvbnMgKi9cbiAgcHJpdmF0ZSBwcmV2ZW50RXZlbnRzV2hlbkRpc2FibGVkID0gKGV2ZW50OiBFdmVudCk6IHZvaWQgPT4ge1xuICAgIGlmICh0aGlzLmRpc2FibGVkKSB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgZXZlbnQuc3RvcEltbWVkaWF0ZVByb3BhZ2F0aW9uKCk7XG4gICAgfVxuICB9O1xufVxuIiwiQGlmIChsb2FkaW5nKSB7XG4gIDx3ci1zcGluIGNsYXNzPVwid3ItYnRuX19zcGluXCI+PC93ci1zcGluPlxufVxuQGlmIChpY29uICYmIGljb25Qb3NpdGlvbiA9PT0gJ3N0YXJ0Jykge1xuICA8d3ItaWNvbiBjbGFzcz1cIndyLWJ0bl9faWNvblwiIFtuYW1lXT1cImljb25cIj48L3dyLWljb24+XG59XG48c3BhbiBjbGFzcz1cIndyLWJ0bl9fdGV4dFwiPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L3NwYW4+XG5AaWYgKGljb24gJiYgaWNvblBvc2l0aW9uID09PSAnZW5kJykge1xuICA8d3ItaWNvbiBjbGFzcz1cIndyLWJ0bl9faWNvblwiIFtuYW1lXT1cImljb25cIj48L3dyLWljb24+XG59XG4iXX0=

package/esm2022/button/button.module.mjs

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { WrButton } from './button.component';
+import * as i0 from "@angular/core";
+export class WrButtonModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: WrButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.9", ngImport: i0, type: WrButtonModule, imports: [WrButton], exports: [WrButton] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: WrButtonModule, imports: [WrButton] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: WrButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [WrButton],
+                    exports: [WrButton],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2xpYi9idXR0b24vYnV0dG9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7QUFNOUMsTUFBTSxPQUFPLGNBQWM7OEdBQWQsY0FBYzsrR0FBZCxjQUFjLFlBSGYsUUFBUSxhQUNSLFFBQVE7K0dBRVAsY0FBYyxZQUhmLFFBQVE7OzJGQUdQLGNBQWM7a0JBSjFCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFDO29CQUNuQixPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUM7aUJBQ3BCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgV3JCdXR0b24gfSBmcm9tICcuL2J1dHRvbi5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbV3JCdXR0b25dLFxuICBleHBvcnRzOiBbV3JCdXR0b25dLFxufSlcbmV4cG9ydCBjbGFzcyBXckJ1dHRvbk1vZHVsZSB7fVxuIl19

package/esm2022/button/index.mjs

@@ -1,3 +1,3 @@
-export { WrButton } from './button';
-export { WrButtonModule } from './button-module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9saWIvYnV0dG9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDcEMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGlCQUFpQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgV3JCdXR0b24gfSBmcm9tICcuL2J1dHRvbic7XG5leHBvcnQgeyBXckJ1dHRvbk1vZHVsZSB9IGZyb20gJy4vYnV0dG9uLW1vZHVsZSc7XG4iXX0=
+export { WrButton } from './button.component';
+export { WrButtonModule } from './button.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9saWIvYnV0dG9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUM5QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0saUJBQWlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBXckJ1dHRvbiB9IGZyb20gJy4vYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgeyBXckJ1dHRvbk1vZHVsZSB9IGZyb20gJy4vYnV0dG9uLm1vZHVsZSc7XG4iXX0=