ngwr 0.0.14 → 0.1.0

package/esm2020/tag/tag.component.mjs

@@ -1,84 +1,80 @@
 import { __decorate } from "tslib";
-import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
-import { InputBoolean, stylePrefix } from '../_core';
+import { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';
+import { InputBoolean } from '../_core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "../spinner/spinner.component";
+import * as i2 from "../icon/wr-icon.component";
+import * as i3 from "../spinner/spinner.component";
 export class WrTagComponent {
-    constructor(cdr, elRef, r2) {
-        this.cdr = cdr;
-        this.elRef = elRef;
-        this.r2 = r2;
+    constructor() {
         this.color = 'primary';
-        this.transparent = false;
-        this.loading = false;
+        this.icon = null;
+        this.iconPosition = 'start';
         this.outlined = false;
         this.rounded = false;
+        this.transparent = false;
         this.hoverable = false;
-        this.baseClass = `${stylePrefix}-tag`;
-    }
-    ngOnInit() {
-        this.setClasses();
-    }
-    ngOnChanges(changes) {
-        this.setClasses();
-        this.cdr.detectChanges();
+        this.loading = false;
     }
-    setClasses() {
-        const el = this.elRef.nativeElement;
-        const add = (klass) => this.r2.addClass(el, `${this.baseClass}-${klass}`);
-        this.r2.addClass(el, this.baseClass);
-        add(this.color);
-        if (this.rounded) {
-            add(`-rounded`);
-        }
-        if (this.transparent) {
-            add(`-transparent`);
-        }
-        if (this.hoverable) {
-            add(`-hoverable`);
-        }
-        if (this.outlined) {
-            add(`-outlined`);
-        }
+    get elClasses() {
+        return {
+            'wr-tag': true,
+            'wr-tag--primary': this.color === 'primary',
+            'wr-tag--secondary': this.color === 'secondary',
+            'wr-tag--success': this.color === 'success',
+            'wr-tag--warning': this.color === 'warning',
+            'wr-tag--danger': this.color === 'danger',
+            'wr-tag--light': this.color === 'light',
+            'wr-tag--medium': this.color === 'medium',
+            'wr-tag--dark': this.color === 'dark',
+            'wr-tag--icon-start': (this.icon || this.loading) && this.iconPosition === 'start',
+            'wr-tag--icon-end': (this.icon || this.loading) && this.iconPosition === 'end',
+            'wr-tag--loading': this.loading,
+            'wr-tag--rounded': this.rounded,
+            'wr-tag--outlined': this.outlined,
+            'wr-tag--transparent': this.transparent,
+            'wr-tag--hoverable': this.hoverable
+        };
     }
 }
-WrTagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrTagComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-WrTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: WrTagComponent, selector: "wr-tag", inputs: { color: "color", transparent: "transparent", loading: "loading", outlined: "outlined", rounded: "rounded", hoverable: "hoverable" }, usesOnChanges: true, ngImport: i0, template: '<wr-spin *ngIf="loading"></wr-spin><ng-content></ng-content>', isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.WrSpinnerComponent, selector: "wr-spin" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+WrTagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+WrTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: WrTagComponent, selector: "wr-tag", inputs: { color: "color", icon: "icon", iconPosition: "iconPosition", outlined: "outlined", rounded: "rounded", transparent: "transparent", hoverable: "hoverable", loading: "loading" }, host: { properties: { "class": "this.elClasses" } }, exportAs: ["wrTag"], ngImport: i0, template: "<wr-spin class=\"wr-tag__spin\" *ngIf=\"loading && iconPosition === 'start'\"></wr-spin>\n<wr-icon class=\"wr-tag__icon\" *ngIf=\"icon && !loading && iconPosition === 'start'\" [name]=\"icon\"></wr-icon>\n<ng-content></ng-content>\n<wr-spin class=\"wr-tag__spin\" *ngIf=\"loading && iconPosition === 'end'\"></wr-spin>\n<wr-icon class=\"wr-tag__icon\" *ngIf=\"icon && !loading && iconPosition === 'end'\" [name]=\"icon\"></wr-icon>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.WrIconComponent, selector: "wr-icon[name]", inputs: ["name"] }, { kind: "component", type: i3.WrSpinnerComponent, selector: "wr-spin", exportAs: ["wrSpin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     InputBoolean()
-], WrTagComponent.prototype, "transparent", void 0);
+], WrTagComponent.prototype, "outlined", void 0);
 __decorate([
     InputBoolean()
-], WrTagComponent.prototype, "loading", void 0);
+], WrTagComponent.prototype, "rounded", void 0);
 __decorate([
     InputBoolean()
-], WrTagComponent.prototype, "outlined", void 0);
+], WrTagComponent.prototype, "transparent", void 0);
 __decorate([
     InputBoolean()
-], WrTagComponent.prototype, "rounded", void 0);
+], WrTagComponent.prototype, "hoverable", void 0);
 __decorate([
     InputBoolean()
-], WrTagComponent.prototype, "hoverable", void 0);
+], WrTagComponent.prototype, "loading", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrTagComponent, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'wr-tag',
-                    template: '<wr-spin *ngIf="loading"></wr-spin><ng-content></ng-content>',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { color: [{
+            args: [{ selector: 'wr-tag', exportAs: 'wrTag', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<wr-spin class=\"wr-tag__spin\" *ngIf=\"loading && iconPosition === 'start'\"></wr-spin>\n<wr-icon class=\"wr-tag__icon\" *ngIf=\"icon && !loading && iconPosition === 'start'\" [name]=\"icon\"></wr-icon>\n<ng-content></ng-content>\n<wr-spin class=\"wr-tag__spin\" *ngIf=\"loading && iconPosition === 'end'\"></wr-spin>\n<wr-icon class=\"wr-tag__icon\" *ngIf=\"icon && !loading && iconPosition === 'end'\" [name]=\"icon\"></wr-icon>\n" }]
+        }], propDecorators: { color: [{
                 type: Input
-            }], transparent: [{
+            }], icon: [{
                 type: Input
-            }], loading: [{
+            }], iconPosition: [{
                 type: Input
             }], outlined: [{
                 type: Input
             }], rounded: [{
                 type: Input
+            }], transparent: [{
+                type: Input
             }], hoverable: [{
                 type: Input
+            }], loading: [{
+                type: Input
+            }], elClasses: [{
+                type: HostBinding,
+                args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2xpYi90YWcvdGFnLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUV2QixTQUFTLEVBRVQsS0FBSyxFQUtMLGlCQUFpQixFQUNsQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQWdCLFlBQVksRUFBRSxXQUFXLEVBQUUsTUFBTSxVQUFVLENBQUM7Ozs7QUFVbkUsTUFBTSxPQUFPLGNBQWM7SUFXekIsWUFDbUIsR0FBc0IsRUFDdEIsS0FBaUIsRUFDakIsRUFBYTtRQUZiLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBQ3RCLFVBQUssR0FBTCxLQUFLLENBQVk7UUFDakIsT0FBRSxHQUFGLEVBQUUsQ0FBVztRQWJ2QixVQUFLLEdBQXdCLFNBQVMsQ0FBQztRQUV2QixnQkFBVyxHQUFpQixLQUFLLENBQUM7UUFDbEMsWUFBTyxHQUFpQixLQUFLLENBQUM7UUFDOUIsYUFBUSxHQUFpQixLQUFLLENBQUM7UUFDL0IsWUFBTyxHQUFpQixLQUFLLENBQUM7UUFDOUIsY0FBUyxHQUFpQixLQUFLLENBQUM7UUFFeEMsY0FBUyxHQUFXLEdBQUcsV0FBVyxNQUFNLENBQUM7SUFNdkQsQ0FBQztJQUVKLFFBQVE7UUFDTixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDbEIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRU8sVUFBVTtRQUNoQixNQUFNLEVBQUUsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQztRQUNwQyxNQUFNLEdBQUcsR0FBRyxDQUFDLEtBQWEsRUFBUSxFQUFFLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxFQUFFLEdBQUcsSUFBSSxDQUFDLFNBQVMsSUFBSSxLQUFLLEVBQUUsQ0FBQyxDQUFDO1FBRXhGLElBQUksQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQUUsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDckMsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUVoQixJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDaEIsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1NBQ2pCO1FBRUQsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3BCLEdBQUcsQ0FBQyxjQUFjLENBQUMsQ0FBQztTQUNyQjtRQUVELElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNsQixHQUFHLENBQUMsWUFBWSxDQUFDLENBQUM7U0FDbkI7UUFFRCxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDakIsR0FBRyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1NBQ2xCO0lBQ0gsQ0FBQzs7MkdBaERVLGNBQWM7K0ZBQWQsY0FBYyxpTkFKZiw4REFBOEQ7O0lBTzlELFlBQVksRUFBRTttREFBbUM7O0lBQ2pELFlBQVksRUFBRTsrQ0FBK0I7O0lBQzdDLFlBQVksRUFBRTtnREFBZ0M7O0lBQzlDLFlBQVksRUFBRTsrQ0FBK0I7O0lBQzdDLFlBQVksRUFBRTtpREFBaUM7MkZBUDlDLGNBQWM7a0JBTjFCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFFBQVE7b0JBQ2xCLFFBQVEsRUFBRSw4REFBOEQ7b0JBQ3hFLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtpQkFDdEM7eUpBRVUsS0FBSztzQkFBYixLQUFLO2dCQUVtQixXQUFXO3NCQUFuQyxLQUFLO2dCQUNtQixPQUFPO3NCQUEvQixLQUFLO2dCQUNtQixRQUFRO3NCQUFoQyxLQUFLO2dCQUNtQixPQUFPO3NCQUEvQixLQUFLO2dCQUNtQixTQUFTO3NCQUFqQyxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9uSW5pdCxcbiAgUmVuZGVyZXIyLFxuICBTaW1wbGVDaGFuZ2VzLFxuICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQm9vbGVhbklucHV0LCBJbnB1dEJvb2xlYW4sIHN0eWxlUHJlZml4IH0gZnJvbSAnLi4vX2NvcmUnO1xuXG5leHBvcnQgdHlwZSBXclRhZ0NvbG9yID0gJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnc3VjY2VzcycgfCAnd2FybmluZycgfCAnZGFuZ2VyJyB8ICdsaWdodCcgfCAnbWVkaXVtJyB8ICdkYXJrJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd3ItdGFnJyxcbiAgdGVtcGxhdGU6ICc8d3Itc3BpbiAqbmdJZj1cImxvYWRpbmdcIj48L3dyLXNwaW4+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIFdyVGFnQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICBASW5wdXQoKSBjb2xvcjogV3JUYWdDb2xvciB8IHN0cmluZyA9ICdwcmltYXJ5JztcblxuICBASW5wdXQoKSBASW5wdXRCb29sZWFuKCkgdHJhbnNwYXJlbnQ6IEJvb2xlYW5JbnB1dCA9IGZhbHNlO1xuICBASW5wdXQoKSBASW5wdXRCb29sZWFuKCkgbG9hZGluZzogQm9vbGVhbklucHV0ID0gZmFsc2U7XG4gIEBJbnB1dCgpIEBJbnB1dEJvb2xlYW4oKSBvdXRsaW5lZDogQm9vbGVhbklucHV0ID0gZmFsc2U7XG4gIEBJbnB1dCgpIEBJbnB1dEJvb2xlYW4oKSByb3VuZGVkOiBCb29sZWFuSW5wdXQgPSBmYWxzZTtcbiAgQElucHV0KCkgQElucHV0Qm9vbGVhbigpIGhvdmVyYWJsZTogQm9vbGVhbklucHV0ID0gZmFsc2U7XG5cbiAgcHJpdmF0ZSByZWFkb25seSBiYXNlQ2xhc3M6IHN0cmluZyA9IGAke3N0eWxlUHJlZml4fS10YWdgO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcmVhZG9ubHkgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBwcml2YXRlIHJlYWRvbmx5IGVsUmVmOiBFbGVtZW50UmVmLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgcjI6IFJlbmRlcmVyMlxuICApIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5zZXRDbGFzc2VzKCk7XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgdGhpcy5zZXRDbGFzc2VzKCk7XG4gICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICB9XG5cbiAgcHJpdmF0ZSBzZXRDbGFzc2VzKCk6IHZvaWQge1xuICAgIGNvbnN0IGVsID0gdGhpcy5lbFJlZi5uYXRpdmVFbGVtZW50O1xuICAgIGNvbnN0IGFkZCA9IChrbGFzczogc3RyaW5nKTogdm9pZCA9PiB0aGlzLnIyLmFkZENsYXNzKGVsLCBgJHt0aGlzLmJhc2VDbGFzc30tJHtrbGFzc31gKTtcblxuICAgIHRoaXMucjIuYWRkQ2xhc3MoZWwsIHRoaXMuYmFzZUNsYXNzKTtcbiAgICBhZGQodGhpcy5jb2xvcik7XG5cbiAgICBpZiAodGhpcy5yb3VuZGVkKSB7XG4gICAgICBhZGQoYC1yb3VuZGVkYCk7XG4gICAgfVxuXG4gICAgaWYgKHRoaXMudHJhbnNwYXJlbnQpIHtcbiAgICAgIGFkZChgLXRyYW5zcGFyZW50YCk7XG4gICAgfVxuXG4gICAgaWYgKHRoaXMuaG92ZXJhYmxlKSB7XG4gICAgICBhZGQoYC1ob3ZlcmFibGVgKTtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5vdXRsaW5lZCkge1xuICAgICAgYWRkKGAtb3V0bGluZWRgKTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2xpYi90YWcvdGFnLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL2xpYi90YWcvdGFnLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFMUcsT0FBTyxFQUFnQixZQUFZLEVBQXlCLE1BQU0sVUFBVSxDQUFDOzs7OztBQVU3RSxNQUFNLE9BQU8sY0FBYztJQVAzQjtRQVFXLFVBQUssR0FBMEIsU0FBUyxDQUFDO1FBQ3pDLFNBQUksR0FBc0IsSUFBSSxDQUFDO1FBQy9CLGlCQUFZLEdBQW9CLE9BQU8sQ0FBQztRQUN4QixhQUFRLEdBQWlCLEtBQUssQ0FBQztRQUMvQixZQUFPLEdBQWlCLEtBQUssQ0FBQztRQUM5QixnQkFBVyxHQUFpQixLQUFLLENBQUM7UUFDbEMsY0FBUyxHQUFpQixLQUFLLENBQUM7UUFDaEMsWUFBTyxHQUFpQixLQUFLLENBQUM7S0F1QnhEO0lBckJDLElBQ0ksU0FBUztRQUNYLE9BQU87WUFDTCxRQUFRLEVBQUUsSUFBSTtZQUNkLGlCQUFpQixFQUFFLElBQUksQ0FBQyxLQUFLLEtBQUssU0FBUztZQUMzQyxtQkFBbUIsRUFBRSxJQUFJLENBQUMsS0FBSyxLQUFLLFdBQVc7WUFDL0MsaUJBQWlCLEVBQUUsSUFBSSxDQUFDLEtBQUssS0FBSyxTQUFTO1lBQzNDLGlCQUFpQixFQUFFLElBQUksQ0FBQyxLQUFLLEtBQUssU0FBUztZQUMzQyxnQkFBZ0IsRUFBRSxJQUFJLENBQUMsS0FBSyxLQUFLLFFBQVE7WUFDekMsZUFBZSxFQUFFLElBQUksQ0FBQyxLQUFLLEtBQUssT0FBTztZQUN2QyxnQkFBZ0IsRUFBRSxJQUFJLENBQUMsS0FBSyxLQUFLLFFBQVE7WUFDekMsY0FBYyxFQUFFLElBQUksQ0FBQyxLQUFLLEtBQUssTUFBTTtZQUNyQyxvQkFBb0IsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLElBQUksQ0FBQyxZQUFZLEtBQUssT0FBTztZQUNsRixrQkFBa0IsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLElBQUksQ0FBQyxZQUFZLEtBQUssS0FBSztZQUM5RSxpQkFBaUIsRUFBRSxJQUFJLENBQUMsT0FBTztZQUMvQixpQkFBaUIsRUFBRSxJQUFJLENBQUMsT0FBTztZQUMvQixrQkFBa0IsRUFBRSxJQUFJLENBQUMsUUFBUTtZQUNqQyxxQkFBcUIsRUFBRSxJQUFJLENBQUMsV0FBVztZQUN2QyxtQkFBbUIsRUFBRSxJQUFJLENBQUMsU0FBUztTQUNwQyxDQUFDO0lBQ0osQ0FBQzs7MkdBOUJVLGNBQWM7K0ZBQWQsY0FBYyxrVENaM0IsbWJBS0E7O0lEV1ksWUFBWSxFQUFFO2dEQUFnQzs7SUFDOUMsWUFBWSxFQUFFOytDQUErQjs7SUFDN0MsWUFBWSxFQUFFO21EQUFtQzs7SUFDakQsWUFBWSxFQUFFO2lEQUFpQzs7SUFDL0MsWUFBWSxFQUFFOytDQUErQjsyRkFSNUMsY0FBYztrQkFQMUIsU0FBUzsrQkFDRSxRQUFRLFlBQ1IsT0FBTyxtQkFFQSx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJOzhCQUc1QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ21CLFFBQVE7c0JBQWhDLEtBQUs7Z0JBQ21CLE9BQU87c0JBQS9CLEtBQUs7Z0JBQ21CLFdBQVc7c0JBQW5DLEtBQUs7Z0JBQ21CLFNBQVM7c0JBQWpDLEtBQUs7Z0JBQ21CLE9BQU87c0JBQS9CLEtBQUs7Z0JBR0YsU0FBUztzQkFEWixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEJvb2xlYW5JbnB1dCwgSW5wdXRCb29sZWFuLCBTYWZlQW55LCBXclRoZW1lQ29sb3IgfSBmcm9tICcuLi9fY29yZSc7XG5pbXBvcnQgeyB3ckljb25OYW1lIH0gZnJvbSAnLi4vaWNvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dyLXRhZycsXG4gIGV4cG9ydEFzOiAnd3JUYWcnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGFnLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgV3JUYWdDb21wb25lbnQge1xuICBASW5wdXQoKSBjb2xvcjogV3JUaGVtZUNvbG9yIHwgc3RyaW5nID0gJ3ByaW1hcnknO1xuICBASW5wdXQoKSBpY29uOiB3ckljb25OYW1lIHwgbnVsbCA9IG51bGw7XG4gIEBJbnB1dCgpIGljb25Qb3NpdGlvbjogJ3N0YXJ0JyB8ICdlbmQnID0gJ3N0YXJ0JztcbiAgQElucHV0KCkgQElucHV0Qm9vbGVhbigpIG91dGxpbmVkOiBCb29sZWFuSW5wdXQgPSBmYWxzZTtcbiAgQElucHV0KCkgQElucHV0Qm9vbGVhbigpIHJvdW5kZWQ6IEJvb2xlYW5JbnB1dCA9IGZhbHNlO1xuICBASW5wdXQoKSBASW5wdXRCb29sZWFuKCkgdHJhbnNwYXJlbnQ6IEJvb2xlYW5JbnB1dCA9IGZhbHNlO1xuICBASW5wdXQoKSBASW5wdXRCb29sZWFuKCkgaG92ZXJhYmxlOiBCb29sZWFuSW5wdXQgPSBmYWxzZTtcbiAgQElucHV0KCkgQElucHV0Qm9vbGVhbigpIGxvYWRpbmc6IEJvb2xlYW5JbnB1dCA9IGZhbHNlO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBnZXQgZWxDbGFzc2VzKCk6IFNhZmVBbnkge1xuICAgIHJldHVybiB7XG4gICAgICAnd3ItdGFnJzogdHJ1ZSxcbiAgICAgICd3ci10YWctLXByaW1hcnknOiB0aGlzLmNvbG9yID09PSAncHJpbWFyeScsXG4gICAgICAnd3ItdGFnLS1zZWNvbmRhcnknOiB0aGlzLmNvbG9yID09PSAnc2Vjb25kYXJ5JyxcbiAgICAgICd3ci10YWctLXN1Y2Nlc3MnOiB0aGlzLmNvbG9yID09PSAnc3VjY2VzcycsXG4gICAgICAnd3ItdGFnLS13YXJuaW5nJzogdGhpcy5jb2xvciA9PT0gJ3dhcm5pbmcnLFxuICAgICAgJ3dyLXRhZy0tZGFuZ2VyJzogdGhpcy5jb2xvciA9PT0gJ2RhbmdlcicsXG4gICAgICAnd3ItdGFnLS1saWdodCc6IHRoaXMuY29sb3IgPT09ICdsaWdodCcsXG4gICAgICAnd3ItdGFnLS1tZWRpdW0nOiB0aGlzLmNvbG9yID09PSAnbWVkaXVtJyxcbiAgICAgICd3ci10YWctLWRhcmsnOiB0aGlzLmNvbG9yID09PSAnZGFyaycsXG4gICAgICAnd3ItdGFnLS1pY29uLXN0YXJ0JzogKHRoaXMuaWNvbiB8fCB0aGlzLmxvYWRpbmcpICYmIHRoaXMuaWNvblBvc2l0aW9uID09PSAnc3RhcnQnLFxuICAgICAgJ3dyLXRhZy0taWNvbi1lbmQnOiAodGhpcy5pY29uIHx8IHRoaXMubG9hZGluZykgJiYgdGhpcy5pY29uUG9zaXRpb24gPT09ICdlbmQnLFxuICAgICAgJ3dyLXRhZy0tbG9hZGluZyc6IHRoaXMubG9hZGluZyxcbiAgICAgICd3ci10YWctLXJvdW5kZWQnOiB0aGlzLnJvdW5kZWQsXG4gICAgICAnd3ItdGFnLS1vdXRsaW5lZCc6IHRoaXMub3V0bGluZWQsXG4gICAgICAnd3ItdGFnLS10cmFuc3BhcmVudCc6IHRoaXMudHJhbnNwYXJlbnQsXG4gICAgICAnd3ItdGFnLS1ob3ZlcmFibGUnOiB0aGlzLmhvdmVyYWJsZVxuICAgIH07XG4gIH1cbn1cbiIsIjx3ci1zcGluIGNsYXNzPVwid3ItdGFnX19zcGluXCIgKm5nSWY9XCJsb2FkaW5nICYmIGljb25Qb3NpdGlvbiA9PT0gJ3N0YXJ0J1wiPjwvd3Itc3Bpbj5cbjx3ci1pY29uIGNsYXNzPVwid3ItdGFnX19pY29uXCIgKm5nSWY9XCJpY29uICYmICFsb2FkaW5nICYmIGljb25Qb3NpdGlvbiA9PT0gJ3N0YXJ0J1wiIFtuYW1lXT1cImljb25cIj48L3dyLWljb24+XG48bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48d3Itc3BpbiBjbGFzcz1cIndyLXRhZ19fc3BpblwiICpuZ0lmPVwibG9hZGluZyAmJiBpY29uUG9zaXRpb24gPT09ICdlbmQnXCI+PC93ci1zcGluPlxuPHdyLWljb24gY2xhc3M9XCJ3ci10YWdfX2ljb25cIiAqbmdJZj1cImljb24gJiYgIWxvYWRpbmcgJiYgaWNvblBvc2l0aW9uID09PSAnZW5kJ1wiIFtuYW1lXT1cImljb25cIj48L3dyLWljb24+XG4iXX0=

package/esm2020/tag/tag.module.mjs

@@ -1,19 +1,20 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
+import { WrIconModule } from '../icon';
 import { WrSpinnerModule } from '../spinner';
 import { WrTagComponent } from './tag.component';
 import * as i0 from "@angular/core";
 export class WrTagModule {
 }
 WrTagModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-WrTagModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: WrTagModule, declarations: [WrTagComponent], imports: [CommonModule, WrSpinnerModule], exports: [WrTagComponent] });
-WrTagModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrTagModule, imports: [CommonModule, WrSpinnerModule] });
+WrTagModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: WrTagModule, declarations: [WrTagComponent], imports: [CommonModule, WrIconModule, WrSpinnerModule], exports: [WrTagComponent] });
+WrTagModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrTagModule, imports: [CommonModule, WrIconModule, WrSpinnerModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrTagModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, WrSpinnerModule],
+                    imports: [CommonModule, WrIconModule, WrSpinnerModule],
                     declarations: [WrTagComponent],
                     exports: [WrTagComponent]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2xpYi90YWcvdGFnLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQzdDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFPakQsTUFBTSxPQUFPLFdBQVc7O3dHQUFYLFdBQVc7eUdBQVgsV0FBVyxpQkFIUCxjQUFjLGFBRG5CLFlBQVksRUFBRSxlQUFlLGFBRTdCLGNBQWM7eUdBRWIsV0FBVyxZQUpaLFlBQVksRUFBRSxlQUFlOzJGQUk1QixXQUFXO2tCQUx2QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxlQUFlLENBQUM7b0JBQ3hDLFlBQVksRUFBRSxDQUFDLGNBQWMsQ0FBQztvQkFDOUIsT0FBTyxFQUFFLENBQUMsY0FBYyxDQUFDO2lCQUMxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBXclNwaW5uZXJNb2R1bGUgfSBmcm9tICcuLi9zcGlubmVyJztcbmltcG9ydCB7IFdyVGFnQ29tcG9uZW50IH0gZnJvbSAnLi90YWcuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgV3JTcGlubmVyTW9kdWxlXSxcbiAgZGVjbGFyYXRpb25zOiBbV3JUYWdDb21wb25lbnRdLFxuICBleHBvcnRzOiBbV3JUYWdDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIFdyVGFnTW9kdWxlIHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2xpYi90YWcvdGFnLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sU0FBUyxDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDN0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQU9qRCxNQUFNLE9BQU8sV0FBVzs7d0dBQVgsV0FBVzt5R0FBWCxXQUFXLGlCQUhQLGNBQWMsYUFEbkIsWUFBWSxFQUFFLFlBQVksRUFBRSxlQUFlLGFBRTNDLGNBQWM7eUdBRWIsV0FBVyxZQUpaLFlBQVksRUFBRSxZQUFZLEVBQUUsZUFBZTsyRkFJMUMsV0FBVztrQkFMdkIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsWUFBWSxFQUFFLGVBQWUsQ0FBQztvQkFDdEQsWUFBWSxFQUFFLENBQUMsY0FBYyxDQUFDO29CQUM5QixPQUFPLEVBQUUsQ0FBQyxjQUFjLENBQUM7aUJBQzFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFdySWNvbk1vZHVsZSB9IGZyb20gJy4uL2ljb24nO1xuaW1wb3J0IHsgV3JTcGlubmVyTW9kdWxlIH0gZnJvbSAnLi4vc3Bpbm5lcic7XG5pbXBvcnQgeyBXclRhZ0NvbXBvbmVudCB9IGZyb20gJy4vdGFnLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFdySWNvbk1vZHVsZSwgV3JTcGlubmVyTW9kdWxlXSxcbiAgZGVjbGFyYXRpb25zOiBbV3JUYWdDb21wb25lbnRdLFxuICBleHBvcnRzOiBbV3JUYWdDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIFdyVGFnTW9kdWxlIHt9XG4iXX0=