ngwr 0.0.4 → 0.0.6

package/fesm2015/ngwr.mjs

@@ -1,48 +1,36 @@
+import * as i0 from '@angular/core';
+import { Directive, Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, NgModule, Input, Optional, Self, Injectable, Inject } from '@angular/core';
 import * as i2 from '@angular/common';
 import { CommonModule, DOCUMENT } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, NgModule, Input, Directive, Optional, Self, Injectable, Inject } from '@angular/core';
-import { __decorate } from 'tslib';
 import { Subject, fromEvent } from 'rxjs';
-import { takeUntil, filter } from 'rxjs/operators';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { __decorate } from 'tslib';
+import { takeUntil, filter } from 'rxjs/operators';
 import { PlatformModule } from '@angular/cdk/platform';
 import * as i1 from '@angular/forms';
 
-class WalrusSpinnerComponent {
+class BaseComponent {
     constructor() {
-        this.class = 'wr-spin';
+        this.ngUnsubscribe = new Subject();
+        this._isDestroyed = false;
+    }
+    get isDestroyed() {
+        return this._isDestroyed;
+    }
+    ngOnDestroy() {
+        this._isDestroyed = true;
+        this.ngUnsubscribe.next(undefined);
+        this.ngUnsubscribe.complete();
     }
 }
-WalrusSpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-WalrusSpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: WalrusSpinnerComponent, selector: "wr-spin", host: { properties: { "class": "this.class" } }, ngImport: i0, template: '<svg viewBox="0 0 50 50"><circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="5"></circle></svg>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusSpinnerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'wr-spin',
-                    template: '<svg viewBox="0 0 50 50"><circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="5"></circle></svg>',
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }], propDecorators: { class: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-class WalrusSpinnerModule {
-}
-WalrusSpinnerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-WalrusSpinnerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WalrusSpinnerModule, declarations: [WalrusSpinnerComponent], imports: [CommonModule], exports: [WalrusSpinnerComponent] });
-WalrusSpinnerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusSpinnerModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusSpinnerModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule],
-                    declarations: [WalrusSpinnerComponent],
-                    exports: [WalrusSpinnerComponent]
-                }]
+BaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: BaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+BaseComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.3", type: BaseComponent, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: BaseComponent, decorators: [{
+            type: Directive
         }] });
 
+const stylePrefix = 'wr';
+
 function toBoolean(value) {
     return coerceBooleanProperty(value);
 }
@@ -92,8 +80,44 @@ function InputBoolean() {
     return propDecoratorFactory('InputBoolean', toBoolean);
 }
 
-class WalrusButtonComponent {
+// Components
+
+class WrSpinnerComponent {
+    constructor() {
+        this.class = `${stylePrefix}-spin`;
+    }
+}
+WrSpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+WrSpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: WrSpinnerComponent, selector: "wr-spin", host: { properties: { "class": "this.class" } }, ngImport: i0, template: '<svg viewBox="0 0 50 50"><circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="5"></circle></svg>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrSpinnerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'wr-spin',
+                    template: '<svg viewBox="0 0 50 50"><circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="5"></circle></svg>',
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class WrSpinnerModule {
+}
+WrSpinnerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WrSpinnerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WrSpinnerModule, declarations: [WrSpinnerComponent], exports: [WrSpinnerComponent] });
+WrSpinnerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrSpinnerModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrSpinnerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [WrSpinnerComponent],
+                    exports: [WrSpinnerComponent]
+                }]
+        }] });
+
+class WrButtonComponent extends BaseComponent {
     constructor(cdr, elRef, ngZone, r2) {
+        super();
         this.cdr = cdr;
         this.elRef = elRef;
         this.ngZone = ngZone;
@@ -105,8 +129,7 @@ class WalrusButtonComponent {
         this.rounded = false;
         this.loading = false;
         this.block = false;
-        this.baseClass = 'wr-btn';
-        this.destroy$ = new Subject();
+        this.baseClass = `${stylePrefix}-btn`;
     }
     ngOnInit() {
         this.setClasses();
@@ -119,7 +142,7 @@ class WalrusButtonComponent {
              * this doesn't require Angular to run the change detection.
              */
             fromEvent(this.elRef.nativeElement, 'click')
-                .pipe(takeUntil(this.destroy$))
+                .pipe(takeUntil(this.ngUnsubscribe))
                 .subscribe(event => {
                 var _a;
                 if (this.disabled && ((_a = event.target) === null || _a === void 0 ? void 0 : _a.tagName) === 'A') {
@@ -132,10 +155,6 @@ class WalrusButtonComponent {
     ngAfterViewInit() {
         this.insertSpan(this.elRef.nativeElement.childNodes, this.r2);
     }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
     ngOnChanges(changes) {
         var _a, _b;
         if (!((_a = changes['disabled']) === null || _a === void 0 ? void 0 : _a.currentValue)) {
@@ -151,7 +170,7 @@ class WalrusButtonComponent {
         nodes.forEach(node => {
             if (node.nodeName === '#text') {
                 const span = renderer.createElement('span');
-                renderer.addClass(span, 'wr-btn__text');
+                renderer.addClass(span, `${this.baseClass}__text`);
                 const parent = renderer.parentNode(node);
                 renderer.insertBefore(parent, span, node);
                 renderer.appendChild(span, node);
@@ -181,29 +200,27 @@ class WalrusButtonComponent {
         }
     }
 }
-WalrusButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusButtonComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-WalrusButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: WalrusButtonComponent, selector: "wr-btn, [wr-btn]", inputs: { color: "color", size: "size", disabled: "disabled", outlined: "outlined", rounded: "rounded", loading: "loading", block: "block" }, exportAs: ["wrButton"], usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content><wr-spin *ngIf="loading"></wr-spin>`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: WalrusSpinnerComponent, selector: "wr-spin" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+WrButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrButtonComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+WrButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: WrButtonComponent, selector: "wr-btn, [wr-btn]", inputs: { color: "color", size: "size", disabled: "disabled", outlined: "outlined", rounded: "rounded", loading: "loading", block: "block" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content><wr-spin *ngIf="loading"></wr-spin>`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: WrSpinnerComponent, selector: "wr-spin" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     InputBoolean()
-], WalrusButtonComponent.prototype, "disabled", void 0);
+], WrButtonComponent.prototype, "disabled", void 0);
 __decorate([
     InputBoolean()
-], WalrusButtonComponent.prototype, "outlined", void 0);
+], WrButtonComponent.prototype, "outlined", void 0);
 __decorate([
     InputBoolean()
-], WalrusButtonComponent.prototype, "rounded", void 0);
+], WrButtonComponent.prototype, "rounded", void 0);
 __decorate([
     InputBoolean()
-], WalrusButtonComponent.prototype, "loading", void 0);
+], WrButtonComponent.prototype, "loading", void 0);
 __decorate([
     InputBoolean()
-], WalrusButtonComponent.prototype, "block", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusButtonComponent, decorators: [{
+], WrButtonComponent.prototype, "block", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'wr-btn, [wr-btn]',
-                    exportAs: 'wrButton',
-                    preserveWhitespaces: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
                     template: `<ng-content></ng-content><wr-spin *ngIf="loading"></wr-spin>`
@@ -224,63 +241,60 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
                 type: Input
             }] } });
 
-class WalrusButtonModule {
+class WrButtonModule {
 }
-WalrusButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-WalrusButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WalrusButtonModule, declarations: [WalrusButtonComponent], imports: [CommonModule, WalrusSpinnerModule], exports: [WalrusButtonComponent] });
-WalrusButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusButtonModule, imports: [CommonModule, WalrusSpinnerModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusButtonModule, decorators: [{
+WrButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WrButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WrButtonModule, declarations: [WrButtonComponent], imports: [CommonModule, WrSpinnerModule], exports: [WrButtonComponent] });
+WrButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrButtonModule, imports: [CommonModule, WrSpinnerModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrButtonModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, WalrusSpinnerModule],
-                    declarations: [WalrusButtonComponent],
-                    exports: [WalrusButtonComponent],
+                    imports: [CommonModule, WrSpinnerModule],
+                    declarations: [WrButtonComponent],
+                    exports: [WrButtonComponent],
                 }]
         }] });
 
-class WalrusDividerComponent {
+class WrDividerComponent {
     constructor() {
-        this.classes = `wr-divider`;
+        this.class = `${stylePrefix}-divider`;
     }
 }
-WalrusDividerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-WalrusDividerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: WalrusDividerComponent, selector: "wr-divider", host: { properties: { "class": "this.classes" } }, exportAs: ["wrDivider"], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusDividerComponent, decorators: [{
+WrDividerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+WrDividerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: WrDividerComponent, selector: "wr-divider", host: { properties: { "class": "this.class" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrDividerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'wr-divider',
-                    exportAs: 'wrDivider',
-                    preserveWhitespaces: false,
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None
                 }]
-        }], propDecorators: { classes: [{
+        }], propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
 
-class WalrusDividerModule {
+class WrDividerModule {
 }
-WalrusDividerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-WalrusDividerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WalrusDividerModule, declarations: [WalrusDividerComponent], imports: [CommonModule], exports: [WalrusDividerComponent] });
-WalrusDividerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusDividerModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusDividerModule, decorators: [{
+WrDividerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WrDividerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WrDividerModule, declarations: [WrDividerComponent], exports: [WrDividerComponent] });
+WrDividerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrDividerModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrDividerModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule],
-                    declarations: [WalrusDividerComponent],
-                    exports: [WalrusDividerComponent]
+                    declarations: [WrDividerComponent],
+                    exports: [WrDividerComponent]
                 }]
         }] });
 
-class WalrusInputDirective {
+class WrInputDirective extends BaseComponent {
     constructor(ngControl) {
+        super();
         this.ngControl = ngControl;
-        this.class = 'wr-input';
+        this.class = `${stylePrefix}-input`;
         this._disabled = false;
         this.disabled$ = new Subject();
-        this.destroy$ = new Subject();
     }
     get disabled() {
         if (this.ngControl && this.ngControl.disabled !== null) {
@@ -294,9 +308,7 @@ class WalrusInputDirective {
     ngOnInit() {
         var _a;
         if (this.ngControl) {
-            (_a = this.ngControl.statusChanges) === null || _a === void 0 ? void 0 : _a.pipe(filter(() => this.ngControl.disabled !== null), takeUntil(this.destroy$)).subscribe(() => {
-                this.disabled$.next(this.ngControl.disabled);
-            });
+            (_a = this.ngControl.statusChanges) === null || _a === void 0 ? void 0 : _a.pipe(filter(() => this.ngControl.disabled !== null), takeUntil(this.ngUnsubscribe)).subscribe(() => this.disabled$.next(this.ngControl.disabled));
         }
     }
     ngOnChanges(changes) {
@@ -305,18 +317,13 @@ class WalrusInputDirective {
             this.disabled$.next(this.disabled);
         }
     }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
 }
-WalrusInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusInputDirective, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive });
-WalrusInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.3", type: WalrusInputDirective, selector: "wr-input, input[wr-input], textarea[wr-input]", inputs: { disabled: "disabled" }, host: { properties: { "class": "this.class", "class.wr-input--disabled": "this.disabled", "disabled": "this.disabled" } }, exportAs: ["wrInput"], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusInputDirective, decorators: [{
+WrInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrInputDirective, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive });
+WrInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.3", type: WrInputDirective, selector: "wr-input, input[wr-input], textarea[wr-input]", inputs: { disabled: "disabled" }, host: { properties: { "class": "this.class", "class.wr-input--disabled": "this.disabled", "disabled": "this.disabled" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'wr-input, input[wr-input], textarea[wr-input]',
-                    exportAs: 'wrInput',
                 }]
         }], ctorParameters: function () {
         return [{ type: i1.NgControl, decorators: [{
@@ -325,10 +332,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
                         type: Self
                     }] }];
     }, propDecorators: { class: [{
-                type: HostBinding
+                type: HostBinding,
+                args: ['class']
             }], disabled: [{
                 type: HostBinding,
-                args: ['class.wr-input--disabled']
+                args: [`class.${stylePrefix}-input--disabled`]
             }, {
                 type: HostBinding,
                 args: ['disabled']
@@ -336,30 +344,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
                 type: Input
             }] } });
 
-class WalrusInputModule {
+class WrInputModule {
 }
-WalrusInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-WalrusInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WalrusInputModule, declarations: [WalrusInputDirective], imports: [CommonModule, PlatformModule], exports: [WalrusInputDirective] });
-WalrusInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusInputModule, imports: [CommonModule, PlatformModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusInputModule, decorators: [{
+WrInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WrInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WrInputModule, declarations: [WrInputDirective], imports: [CommonModule, PlatformModule], exports: [WrInputDirective] });
+WrInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrInputModule, imports: [CommonModule, PlatformModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrInputModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, PlatformModule],
-                    declarations: [
-                        WalrusInputDirective,
-                    ],
-                    exports: [
-                        WalrusInputDirective,
-                    ]
+                    declarations: [WrInputDirective,],
+                    exports: [WrInputDirective,]
                 }]
         }] });
 
-class WalrusExtendedInputComponent {
+class WrExtendedInputComponent {
     constructor(ngControl, elRef, r2) {
         this.ngControl = ngControl;
         this.elRef = elRef;
         this.r2 = r2;
-        this.class = 'wr-extended-input';
+        this.class = `${stylePrefix}-extended-input`;
         this.disabled = false;
         this.value = undefined;
         this.touched = false;
@@ -398,9 +402,9 @@ class WalrusExtendedInputComponent {
         this.value = obj;
     }
 }
-WalrusExtendedInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusExtendedInputComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-WalrusExtendedInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: WalrusExtendedInputComponent, selector: "wr-extended-input", inputs: { suffix: "suffix", prefix: "prefix" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<div class=\"wr-extended-input-prefix\" *ngIf=\"prefix\">\n  <span class=\"wr-extended-input-prefix__text\" >{{ prefix }}</span>\n</div>\n<input\n  wr-input\n  [disabled]=\"disabled\"\n  [value]=\"value\"\n  (focusout)=\"onFocusOut()\"\n  (input)=\"onInput($event)\"\n>\n<div class=\"wr-extended-input-suffix\" *ngIf=\"suffix\">\n  <span class=\"wr-extended-input-suffix__text\" >{{ suffix }}</span>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: WalrusInputDirective, selector: "wr-input, input[wr-input], textarea[wr-input]", inputs: ["disabled"], exportAs: ["wrInput"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusExtendedInputComponent, decorators: [{
+WrExtendedInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrExtendedInputComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+WrExtendedInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: WrExtendedInputComponent, selector: "wr-extended-input", inputs: { suffix: "suffix", prefix: "prefix" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<div class=\"wr-extended-input-prefix\" *ngIf=\"prefix\">\n  <span class=\"wr-extended-input-prefix__text\" >{{ prefix }}</span>\n</div>\n<input\n  wr-input\n  [disabled]=\"disabled\"\n  [value]=\"value\"\n  (focusout)=\"onFocusOut()\"\n  (input)=\"onInput($event)\"\n>\n<div class=\"wr-extended-input-suffix\" *ngIf=\"suffix\">\n  <span class=\"wr-extended-input-suffix__text\" >{{ suffix }}</span>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: WrInputDirective, selector: "wr-input, input[wr-input], textarea[wr-input]", inputs: ["disabled"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrExtendedInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wr-extended-input', encapsulation: ViewEncapsulation.None, template: "<div class=\"wr-extended-input-prefix\" *ngIf=\"prefix\">\n  <span class=\"wr-extended-input-prefix__text\" >{{ prefix }}</span>\n</div>\n<input\n  wr-input\n  [disabled]=\"disabled\"\n  [value]=\"value\"\n  (focusout)=\"onFocusOut()\"\n  (input)=\"onInput($event)\"\n>\n<div class=\"wr-extended-input-suffix\" *ngIf=\"suffix\">\n  <span class=\"wr-extended-input-suffix__text\" >{{ suffix }}</span>\n</div>\n" }]
         }], ctorParameters: function () {
@@ -418,73 +422,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
                 type: Input
             }] } });
 
-class WalrusExtendedInputModule {
+class WrExtendedInputModule {
 }
-WalrusExtendedInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusExtendedInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-WalrusExtendedInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WalrusExtendedInputModule, declarations: [WalrusExtendedInputComponent], imports: [CommonModule,
+WrExtendedInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrExtendedInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WrExtendedInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WrExtendedInputModule, declarations: [WrExtendedInputComponent], imports: [CommonModule,
         PlatformModule,
-        WalrusInputModule], exports: [WalrusExtendedInputComponent] });
-WalrusExtendedInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusExtendedInputModule, imports: [CommonModule,
+        WrInputModule], exports: [WrExtendedInputComponent] });
+WrExtendedInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrExtendedInputModule, imports: [CommonModule,
         PlatformModule,
-        WalrusInputModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusExtendedInputModule, decorators: [{
+        WrInputModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrExtendedInputModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
                         CommonModule,
                         PlatformModule,
-                        WalrusInputModule,
+                        WrInputModule,
                     ],
-                    declarations: [WalrusExtendedInputComponent],
-                    exports: [WalrusExtendedInputComponent]
+                    declarations: [WrExtendedInputComponent],
+                    exports: [WrExtendedInputComponent]
                 }]
         }] });
 
-class WalrusFormItemComponent {
-    constructor(cdr, el, r2) {
+class WrFormItemComponent {
+    constructor(cdr, elRef, r2) {
         this.cdr = cdr;
-        this.el = el;
+        this.elRef = elRef;
         this.r2 = r2;
         this.hasError = false;
-        this.destroy$ = new Subject();
+        this.baseClass = `${stylePrefix}-form-item`;
     }
     ngOnInit() {
         this.setClasses();
     }
-    ngOnDestroy() {
-        this.destroy$.next(null);
-        this.destroy$.complete();
-    }
     ngOnChanges(changes) {
         var _a;
-        const baseClass = 'wr-form-item';
         if (!((_a = changes['hasError']) === null || _a === void 0 ? void 0 : _a.currentValue)) {
-            this.r2.removeClass(this.el.nativeElement, `${baseClass}--has-error`);
+            this.r2.removeClass(this.elRef.nativeElement, `${this.baseClass}--has-error`);
         }
         this.setClasses();
         this.cdr.detectChanges();
     }
     setClasses() {
-        const baseClass = 'wr-form-item';
-        const el = this.el.nativeElement;
-        const add = (klass) => this.r2.addClass(el, `${baseClass}-${klass}`);
-        this.r2.addClass(el, baseClass);
+        const el = this.elRef.nativeElement;
+        const add = (klass) => this.r2.addClass(el, `${this.baseClass}-${klass}`);
+        this.r2.addClass(el, this.baseClass);
         if (this.hasError) {
             add('-has-error');
         }
     }
 }
-WalrusFormItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusFormItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-WalrusFormItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: WalrusFormItemComponent, selector: "wr-form-item", inputs: { hasError: "hasError" }, exportAs: ["wrFormItem"], usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+WrFormItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrFormItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+WrFormItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: WrFormItemComponent, selector: "wr-form-item", inputs: { hasError: "hasError" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     InputBoolean()
-], WalrusFormItemComponent.prototype, "hasError", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusFormItemComponent, decorators: [{
+], WrFormItemComponent.prototype, "hasError", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrFormItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'wr-form-item',
-                    exportAs: 'wrFormItem',
-                    preserveWhitespaces: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
                     template: `<ng-content></ng-content>`
@@ -493,71 +489,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
                 type: Input
             }] } });
 
-class WalrusFormErrorComponent {
+class WrFormErrorComponent {
     constructor() {
-        this.class = 'wr-form-error';
-        this.destroy$ = new Subject();
-    }
-    ngOnDestroy() {
-        this.destroy$.next(null);
-        this.destroy$.complete();
+        this.class = `${stylePrefix}-form-error`;
     }
 }
-WalrusFormErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusFormErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-WalrusFormErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: WalrusFormErrorComponent, 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.1.3", ngImport: i0, type: WalrusFormErrorComponent, decorators: [{
+WrFormErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrFormErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+WrFormErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: WrFormErrorComponent, selector: "wr-form-error", host: { properties: { "class": "this.class" } }, 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.1.3", ngImport: i0, type: WrFormErrorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'wr-form-error',
-                    exportAs: 'wrFormError',
-                    preserveWhitespaces: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
                     template: `<ng-content></ng-content>`
                 }]
         }], propDecorators: { class: [{
-                type: HostBinding
+                type: HostBinding,
+                args: ['class']
             }] } });
 
-class WalrusFormModule {
+class WrFormModule {
 }
-WalrusFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-WalrusFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WalrusFormModule, declarations: [WalrusFormItemComponent,
-        WalrusFormErrorComponent], imports: [CommonModule], exports: [WalrusFormItemComponent,
-        WalrusFormErrorComponent] });
-WalrusFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusFormModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusFormModule, decorators: [{
+WrFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WrFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WrFormModule, declarations: [WrFormItemComponent,
+        WrFormErrorComponent], imports: [CommonModule], exports: [WrFormItemComponent,
+        WrFormErrorComponent] });
+WrFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrFormModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrFormModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
                     declarations: [
-                        WalrusFormItemComponent,
-                        WalrusFormErrorComponent
+                        WrFormItemComponent,
+                        WrFormErrorComponent
                     ],
                     exports: [
-                        WalrusFormItemComponent,
-                        WalrusFormErrorComponent
+                        WrFormItemComponent,
+                        WrFormErrorComponent
                     ]
                 }]
         }] });
 
 /* 🤖 this file was generated by svg-to-ts */
-const wrIconAab = {
-    name: 'aab',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 608 608"><path d="M449.5 272.6c-8.5 0-15.5 2.9-21.2 8.8-5.7 5.9-8.5 13.7-8.5 23.5s2.8 17.7 8.5 23.5c5.7 5.9 12.8 8.8 21.2 8.8 8.5 0 15.5-2.9 21.2-8.8 5.7-5.9 8.5-13.7 8.5-23.5s-2.8-17.7-8.5-23.5c-5.6-5.8-12.7-8.8-21.2-8.8zM186.1 317.3c-3 1.5-5 3.2-6.1 5.3-1 2.1-1.6 4.4-1.6 7 0 3.3 1.5 6.3 4.4 8.9 2.9 2.7 6.6 4 11.1 4 7.8 0 14-2.3 18.8-6.9 4.7-4.6 7.1-10.5 7.1-17.7v-5.2c-8.8 0-15.9.4-21.2 1.2-5.3.8-9.4 1.9-12.5 3.4zM305 317.3c-3 1.5-5 3.2-6.1 5.3-1 2.1-1.6 4.4-1.6 7 0 3.3 1.5 6.3 4.4 8.9 2.9 2.7 6.6 4 11.1 4 7.8 0 14-2.3 18.8-6.9 4.7-4.6 7.1-10.5 7.1-17.7v-5.2c-8.8 0-15.9.4-21.2 1.2-5.3.8-9.4 1.9-12.5 3.4z"/><path d="M559.6 48.4C511.3 0 437.2 0 304 0S96.7 0 48.4 48.4C0 96.7 0 170.8 0 304s0 207.3 48.4 255.6C96.7 608 170.8 608 304 608s207.3 0 255.6-48.4C608 511.3 608 437.2 608 304s0-207.3-48.4-255.6zM127.5 360.7c-3.4 3.4-7.3 5-11.8 5-4.5 0-8.4-1.7-11.8-5-3.4-3.4-5-7.3-5-11.8 0-4.5 1.7-8.4 5-11.8s7.3-5 11.8-5c4.5 0 8.4 1.7 11.8 5s5 7.3 5 11.8c.1 4.5-1.6 8.5-5 11.8zm122.2 3.8h-22l-5.2-11.6c-2.8 2.4-5.8 4.6-9.1 6.5-2.9 1.7-6.5 3.2-10.6 4.5-4.1 1.3-8.8 1.9-14 1.9-12.9 0-22.9-3.1-29.8-9.4-6.9-6.3-10.4-14.4-10.4-24.2 0-5.9 1.2-11.3 3.5-16.2s6.3-9.1 11.8-12.7c5.5-3.5 12.8-6.3 21.9-8.3 9.1-2 20.4-3 34-3 0-6.6-1.8-11.6-5.3-15.3-3.5-3.6-8.2-5.4-14.1-5.4-4 0-7.1.7-9.4 2.1-2.3 1.4-4.2 2.8-5.6 4.4-1.6 1.9-2.6 4.1-3.1 6.5h-29.8c.7-5.5 2.3-10.7 4.8-15.5 2.5-4.8 5.9-9.1 10.2-12.7 4.3-3.6 9.4-6.5 15.4-8.7 6-2.2 12.6-3.2 20.1-3.2 6.7 0 12.9 1.2 18.6 3.5 5.7 2.3 10.6 5.6 14.7 9.7s7.4 9.1 9.7 14.7 3.5 11.9 3.5 18.6v73.8zm118.9 0h-22l-5.2-11.6c-2.8 2.4-5.8 4.6-9.1 6.5-2.9 1.7-6.5 3.2-10.6 4.5-4.1 1.3-8.8 1.9-14 1.9-12.9 0-22.9-3.1-29.8-9.4-6.9-6.3-10.4-14.4-10.4-24.2 0-5.9 1.2-11.3 3.5-16.2s6.3-9.1 11.8-12.7c5.5-3.5 12.8-6.3 21.9-8.3 9.1-2 20.4-3 34-3 0-6.6-1.8-11.6-5.3-15.3-3.5-3.6-8.2-5.4-14.1-5.4-4 0-7.1.7-9.4 2.1-2.3 1.4-4.2 2.8-5.6 4.4-1.6 1.9-2.6 4.1-3.1 6.5h-29.8c.7-5.5 2.3-10.7 4.8-15.5 2.5-4.8 5.9-9.1 10.2-12.7 4.3-3.6 9.4-6.5 15.4-8.7 6-2.2 12.6-3.2 20.1-3.2 6.7 0 12.9 1.2 18.6 3.5 5.7 2.3 10.6 5.6 14.7 9.7s7.4 9.1 9.7 14.7 3.5 11.9 3.5 18.6v73.8zm135.9-35.2c-3 7.4-7.1 13.8-12.2 19.3-5.1 5.4-11 9.7-17.7 12.7-6.7 3-13.8 4.5-21.2 4.5-5.2 0-9.8-.6-14-1.9-4.1-1.3-7.7-2.8-10.6-4.5-3.5-1.9-6.5-4.1-9.1-6.5l-5.2 11.6h-22v-163h29.8v54.3c2.4-2.1 5.2-4 8.3-5.7 2.8-1.4 6-2.7 9.7-4 3.7-1.3 8.1-1.9 13.1-1.9 7.4 0 14.5 1.5 21.2 4.5 6.7 3 12.6 7.2 17.7 12.7 5.1 5.4 9.1 11.9 12.2 19.3 3 7.4 4.5 15.5 4.5 24.3.1 8.8-1.5 16.9-4.5 24.3z"/></svg>`
-};
-const wrIconAdd = {
-    name: 'add',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus-circle"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="16"/><line x1="8" y1="12" x2="16" y2="12"/></svg>`
-};
 const wrIconAlert = {
     name: 'alert',
     data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm0 319.91a20 20 0 1120-20 20 20 0 01-20 20zm21.72-201.15l-5.74 122a16 16 0 01-32 0l-5.74-121.94v-.05a21.74 21.74 0 1143.44 0z"/></svg>`
 };
-const wrIconApk = {
-    name: 'apk',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 608 608"><path d="M183.7 317.4c-3 1.4-5 3.2-6 5.2s-1.5 4.3-1.5 6.9c0 3.2 1.4 6.2 4.3 8.8 2.9 2.6 6.5 3.9 10.9 3.9 7.6 0 13.8-2.2 18.4-6.7 4.7-4.5 7-10.3 7-17.4V313c-8.6 0-15.6.4-20.9 1.1-5.2.7-9.3 1.8-12.2 3.3zM328.8 273.5c-8.3 0-15.3 2.9-20.9 8.7-5.6 5.8-8.4 13.5-8.4 23.2s2.8 17.4 8.4 23.2c5.6 5.8 12.6 8.7 20.9 8.7 8.3 0 15.3-2.9 20.9-8.7 5.6-5.8 8.4-13.5 8.4-23.2s-2.8-17.4-8.4-23.2c-5.6-5.8-12.6-8.7-20.9-8.7z"/><path d="M559.6 48.4C511.3 0 437.2 0 304 0S96.7 0 48.4 48.4C0 96.7 0 170.8 0 304s0 207.3 48.4 255.6C96.7 608 170.8 608 304 608s207.3 0 255.6-48.4C608 511.3 608 437.2 608 304s0-207.3-48.4-255.6zM124.1 360.1c-3.3 3.3-7.2 5-11.6 5-4.4 0-8.3-1.7-11.6-5-3.3-3.3-5-7.2-5-11.6 0-4.4 1.7-8.3 5-11.6 3.3-3.3 7.2-5 11.6-5 4.4 0 8.3 1.7 11.6 5 3.3 3.3 5 7.2 5 11.6 0 4.4-1.7 8.3-5 11.6zm122 3.7h-21.6l-5.1-11.4c-2.7 2.4-5.7 4.5-8.9 6.4-2.9 1.7-6.4 3.2-10.4 4.5-4.1 1.3-8.7 1.9-13.7 1.9-12.7 0-22.5-3.1-29.3-9.3-6.8-6.2-10.2-14.1-10.2-23.8 0-5.8 1.1-11.1 3.4-15.9 2.3-4.8 6.1-9 11.6-12.5 5.4-3.5 12.6-6.2 21.5-8.1 8.9-1.9 20.1-2.9 33.5-2.9 0-6.4-1.7-11.4-5.2-15-3.5-3.6-8.1-5.3-13.9-5.3-3.9 0-7 .7-9.3 2-2.3 1.4-4.1 2.8-5.5 4.3-1.5 1.9-2.5 4-3.1 6.4h-29.3c.7-5.4 2.2-10.5 4.7-15.3 2.5-4.7 5.8-8.9 10.1-12.5 4.2-3.6 9.3-6.4 15.1-8.5 5.9-2.1 12.4-3.2 19.7-3.2 6.6 0 12.7 1.1 18.3 3.4 5.6 2.3 10.4 5.5 14.5 9.5 4.1 4.1 7.3 8.9 9.5 14.5 2.3 5.6 3.4 11.7 3.4 18.3v72.5zm136.8-34.6c-3 7.3-7 13.6-12 19-5 5.3-10.8 9.5-17.4 12.5-6.6 3-13.6 4.5-20.9 4.5-4.9 0-9.2-.6-12.8-1.8-3.7-1.2-6.8-2.5-9.5-3.8-3.1-1.7-5.8-3.6-8.1-5.9v50.9h-29.3V246.8h21.6l5.1 11.4c2.5-2.4 5.5-4.5 8.9-6.4 2.9-1.5 6.4-3 10.4-4.3 4.1-1.4 8.7-2 13.7-2 7.3 0 14.2 1.5 20.9 4.5 6.6 3 12.4 7.1 17.4 12.5 5 5.3 9 11.7 12 19 3 7.3 4.5 15.3 4.5 23.9-.1 8.5-1.6 16.5-4.5 23.8zm96 34.6-40.7-53.4v53.4H409V203.5h29.3v91.6l35.6-48.3H507l-42 56 47.1 61.1h-33.2z"/></svg>`
-};
 const wrIconArrowBack = {
     name: 'arrow-back',
     data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M244 400L100 256l144-144M120 256h292"/></svg>`
@@ -598,6 +576,10 @@ const wrIconCopy = {
     name: 'copy',
     data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>`
 };
+const wrIconDiscover = {
+    name: 'discover',
+    data: `<?xml version="1.0" encoding="utf-8"?><!--Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)--><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 128 128" style="enable-background:new 0 0 128 128" xml:space="preserve"><path d="M119.4,57.3l-33-33.2c-2.2-2.4-5.4-3.6-8.6-3.6s-6.2,1.2-8.6,3.6l-4,4c-0.4,0.4-1,0.4-1.2,0.4s-0.8,0-1.2-0.6l-4-4 c-2.4-2.2-5.4-3.4-8.6-3.4s-6.2,1.2-8.6,3.6l-33,33.2C3.2,62.7,0,70.1,0,78.1c0,16.2,13.2,29.4,29.4,29.4c11.4,0,21.4-6.6,26.2-16.2 c2.4,1.6,5.2,2.4,8.4,2.4c3,0,6-0.8,8.4-2.4c4.8,9.6,14.8,16.2,26.2,16.2c16.2,0,29.4-13.2,29.4-29.4 C128,70.1,124.8,62.7,119.4,57.3z M29.4,92.3c-7.8,0-14.2-6.4-14.2-14.2s6.4-14.2,14.2-14.2s14.2,6.4,14.2,14.2S37.2,92.3,29.4,92.3 z M64,85.1c-3.8,0-7-3-7-7c0-3.8,3-7,7-7s7,3,7,7C71,81.9,67.8,85.1,64,85.1z M98.6,92.3c-7.8,0-14.2-6.4-14.2-14.2 s6.4-14.2,14.2-14.2s14.2,6.4,14.2,14.2S106.4,92.3,98.6,92.3z"/></svg>`
+};
 const wrIconDocument = {
     name: 'document',
     data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M416 221.25V416a48 48 0 01-48 48H144a48 48 0 01-48-48V96a48 48 0 0148-48h98.75a32 32 0 0122.62 9.37l141.26 141.26a32 32 0 019.37 22.62z" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32"/><path d="M256 56v120a32 32 0 0032 32h120M176 288h160M176 368h160" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/></svg>`
@@ -622,6 +604,22 @@ const wrIconEye = {
     name: 'eye',
     data: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>`
 };
+const wrIconFileAab = {
+    name: 'file-aab',
+    data: `<?xml version="1.0" encoding="utf-8"?><!--Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)--><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 128 128" style="enable-background:new 0 0 128 128" xml:space="preserve"><path d="M94.6,57.4c-1.8,0-3.3,0.6-4.5,1.9s-1.8,2.9-1.8,4.9c0,2.1,0.6,3.7,1.8,4.9c1.2,1.2,2.7,1.9,4.5,1.9c1.8,0,3.3-0.6,4.5-1.9 c1.2-1.2,1.8-2.9,1.8-4.9c0-2.1-0.6-3.7-1.8-4.9C97.9,58,96.4,57.4,94.6,57.4z M39.2,66.8c-0.6,0.3-1.1,0.7-1.3,1.1 c-0.2,0.4-0.3,0.9-0.3,1.5c0,0.7,0.3,1.3,0.9,1.9c0.6,0.6,1.4,0.8,2.3,0.8c1.6,0,2.9-0.5,4-1.5c1-1,1.5-2.2,1.5-3.7v-1.1 c-1.9,0-3.3,0.1-4.5,0.3C40.7,66.3,39.8,66.5,39.2,66.8L39.2,66.8z M64.2,66.8c-0.6,0.3-1.1,0.7-1.3,1.1c-0.2,0.4-0.3,0.9-0.3,1.5 c0,0.7,0.3,1.3,0.9,1.9c0.6,0.6,1.4,0.8,2.3,0.8c1.6,0,2.9-0.5,4-1.5c1-1,1.5-2.2,1.5-3.7v-1.1c-1.9,0-3.3,0.1-4.5,0.3 C65.7,66.3,64.9,66.5,64.2,66.8L64.2,66.8z M117.8,10.2C107.6,0,92,0,64,0S20.4,0,10.2,10.2C0,20.4,0,36,0,64s0,43.6,10.2,53.8 C20.4,128,36,128,64,128s43.6,0,53.8-10.2C128,107.6,128,92,128,64S128,20.4,117.8,10.2z M26.8,75.9c-0.7,0.7-1.5,1.1-2.5,1.1 c-0.9,0-1.8-0.4-2.5-1.1c-0.7-0.7-1.1-1.5-1.1-2.5s0.4-1.8,1.1-2.5c0.7-0.7,1.5-1.1,2.5-1.1c0.9,0,1.8,0.4,2.5,1.1 c0.7,0.7,1.1,1.5,1.1,2.5C27.9,74.4,27.6,75.2,26.8,75.9z M52.6,76.7h-4.6l-1.1-2.4c-0.6,0.5-1.2,1-1.9,1.4 c-0.6,0.4-1.4,0.7-2.2,0.9S40.8,77,39.7,77c-2.7,0-4.8-0.7-6.3-2c-1.5-1.3-2.2-3-2.2-5.1c0-1.2,0.3-2.4,0.7-3.4 c0.5-1,1.3-1.9,2.5-2.7c1.2-0.7,2.7-1.3,4.6-1.7c1.9-0.4,4.3-0.6,7.2-0.6c0-1.4-0.4-2.4-1.1-3.2c-0.7-0.8-1.7-1.1-3-1.1 c-0.8,0-1.5,0.1-2,0.4c-0.5,0.3-0.9,0.6-1.2,0.9c-0.3,0.4-0.5,0.9-0.7,1.4h-6.3c0.1-1.2,0.5-2.3,1-3.3c0.5-1,1.2-1.9,2.1-2.7 c0.9-0.8,2-1.4,3.2-1.8c1.3-0.5,2.7-0.7,4.2-0.7c1.4,0,2.7,0.3,3.9,0.7s2.2,1.2,3.1,2c0.9,0.9,1.6,1.9,2,3.1 c0.5,1.2,0.7,2.5,0.7,3.9L52.6,76.7L52.6,76.7z M77.6,76.7H73l-1.1-2.4c-0.6,0.5-1.2,1-1.9,1.4c-0.6,0.4-1.4,0.7-2.2,0.9 S65.9,77,64.8,77c-2.7,0-4.8-0.7-6.3-2c-1.5-1.3-2.2-3-2.2-5.1c0-1.2,0.3-2.4,0.7-3.4c0.5-1,1.3-1.9,2.5-2.7 c1.2-0.7,2.7-1.3,4.6-1.7c1.9-0.4,4.3-0.6,7.2-0.6c0-1.4-0.4-2.4-1.1-3.2c-0.7-0.8-1.7-1.1-3-1.1c-0.8,0-1.5,0.1-2,0.4 c-0.5,0.3-0.9,0.6-1.2,0.9c-0.3,0.4-0.5,0.9-0.7,1.4h-6.3c0.1-1.2,0.5-2.3,1-3.3c0.5-1,1.2-1.9,2.1-2.7c0.9-0.8,2-1.4,3.2-1.8 s2.7-0.7,4.2-0.7c1.4,0,2.7,0.3,3.9,0.7s2.2,1.2,3.1,2s1.6,1.9,2,3.1c0.5,1.2,0.7,2.5,0.7,3.9L77.6,76.7L77.6,76.7z M106.2,69.3 c-0.6,1.6-1.5,2.9-2.6,4.1c-1.1,1.1-2.3,2-3.7,2.7S97,77,95.5,77c-1.1,0-2.1-0.1-2.9-0.4c-0.9-0.3-1.6-0.6-2.2-0.9 c-0.7-0.4-1.4-0.9-1.9-1.4l-1.1,2.4h-4.6V42.4h6.3v11.4c0.5-0.4,1.1-0.8,1.7-1.2c0.6-0.3,1.3-0.6,2-0.8c0.8-0.3,1.7-0.4,2.8-0.4 c1.6,0,3.1,0.3,4.5,0.9c1.4,0.6,2.7,1.5,3.7,2.7c1.1,1.1,1.9,2.5,2.6,4.1c0.6,1.6,0.9,3.3,0.9,5.1C107.2,66.1,106.8,67.8,106.2,69.3 L106.2,69.3z"/></svg>`
+};
+const wrIconFileApk = {
+    name: 'file-apk',
+    data: `<?xml version="1.0" encoding="utf-8"?><!--Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)--><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 128 128" style="enable-background:new 0 0 128 128" xml:space="preserve"><path d="M38.7,66.8c-0.6,0.3-1.1,0.7-1.3,1.1c-0.2,0.4-0.3,0.9-0.3,1.5c0,0.7,0.3,1.3,0.9,1.9c0.6,0.5,1.4,0.8,2.3,0.8 c1.6,0,2.9-0.5,3.9-1.4c1-0.9,1.5-2.2,1.5-3.7v-1.1c-1.8,0-3.3,0.1-4.4,0.2C40.1,66.3,39.3,66.5,38.7,66.8z M69.2,57.6 c-1.7,0-3.2,0.6-4.4,1.8c-1.2,1.2-1.8,2.8-1.8,4.9c0,2,0.6,3.7,1.8,4.9c1.2,1.2,2.7,1.8,4.4,1.8c1.7,0,3.2-0.6,4.4-1.8 c1.2-1.2,1.8-2.8,1.8-4.9c0-2-0.6-3.7-1.8-4.9C72.4,58.2,71,57.6,69.2,57.6z M117.8,10.2C107.6,0,92,0,64,0S20.4,0,10.2,10.2 C0,20.4,0,36,0,64s0,43.6,10.2,53.8C20.4,128,36,128,64,128s43.6,0,53.8-10.2C128,107.6,128,92,128,64S128,20.4,117.8,10.2z M26.1,75.8c-0.7,0.7-1.5,1.1-2.4,1.1c-0.9,0-1.7-0.4-2.4-1.1c-0.7-0.7-1.1-1.5-1.1-2.4s0.4-1.7,1.1-2.4c0.7-0.7,1.5-1.1,2.4-1.1 c0.9,0,1.7,0.4,2.4,1.1s1.1,1.5,1.1,2.4S26.8,75.1,26.1,75.8z M51.8,76.6h-4.5l-1.1-2.4c-0.6,0.5-1.2,0.9-1.9,1.3 c-0.6,0.4-1.3,0.7-2.2,0.9c-0.9,0.3-1.8,0.4-2.9,0.4c-2.7,0-4.7-0.7-6.2-2c-1.4-1.3-2.1-3-2.1-5c0-1.2,0.2-2.3,0.7-3.3 c0.5-1,1.3-1.9,2.4-2.6c1.1-0.7,2.7-1.3,4.5-1.7c1.9-0.4,4.2-0.6,7.1-0.6c0-1.3-0.4-2.4-1.1-3.2c-0.7-0.8-1.7-1.1-2.9-1.1 c-0.8,0-1.5,0.1-2,0.4c-0.5,0.3-0.9,0.6-1.2,0.9c-0.3,0.4-0.5,0.8-0.7,1.3h-6.2c0.1-1.1,0.5-2.2,1-3.2c0.5-1,1.2-1.9,2.1-2.6 c0.9-0.8,2-1.3,3.2-1.8c1.2-0.4,2.6-0.7,4.1-0.7c1.4,0,2.7,0.2,3.9,0.7c1.2,0.5,2.2,1.2,3.1,2c0.9,0.9,1.5,1.9,2,3.1 c0.5,1.2,0.7,2.5,0.7,3.9L51.8,76.6L51.8,76.6z M80.6,69.3c-0.6,1.5-1.5,2.9-2.5,4c-1.1,1.1-2.3,2-3.7,2.6s-2.9,0.9-4.4,0.9 c-1,0-1.9-0.1-2.7-0.4c-0.8-0.3-1.4-0.5-2-0.8c-0.7-0.4-1.2-0.8-1.7-1.2v10.7h-6.2V52H62l1.1,2.4c0.5-0.5,1.2-0.9,1.9-1.3 c0.6-0.3,1.3-0.6,2.2-0.9c0.9-0.3,1.8-0.4,2.9-0.4c1.5,0,3,0.3,4.4,0.9c1.4,0.6,2.6,1.5,3.7,2.6c1.1,1.1,1.9,2.5,2.5,4 c0.6,1.5,0.9,3.2,0.9,5C81.5,66.1,81.2,67.8,80.6,69.3L80.6,69.3z M100.8,76.6l-8.6-11.2v11.2h-6.1V42.8h6.2v19.3L99.8,52h7 l-8.8,11.8l9.9,12.9L100.8,76.6L100.8,76.6z"/></svg>`
+};
+const wrIconFileIpa = {
+    name: 'file-ipa',
+    data: `<?xml version="1.0" encoding="utf-8"?><!--Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)--><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 128 128" style="enable-background:new 0 0 128 128" xml:space="preserve"><path d="M63.5,57.5c-1.7,0-3.2,0.6-4.4,1.8c-1.2,1.2-1.8,2.8-1.8,4.9c0,2,0.6,3.7,1.8,4.9c1.2,1.2,2.6,1.8,4.4,1.8 c1.7,0,3.2-0.6,4.4-1.8c1.2-1.2,1.8-2.8,1.8-4.9c0-2-0.6-3.7-1.8-4.9C66.7,58.1,65.2,57.5,63.5,57.5z M87,66.8 c-0.6,0.3-1.1,0.7-1.3,1.1s-0.3,0.9-0.3,1.5c0,0.7,0.3,1.3,0.9,1.9c0.6,0.5,1.4,0.8,2.3,0.8c1.6,0,2.9-0.5,3.9-1.4 c1-0.9,1.5-2.2,1.5-3.7v-1.1c-1.8,0-3.3,0.1-4.4,0.2C88.5,66.2,87.6,66.5,87,66.8L87,66.8z M117.8,10.2C107.6,0,92,0,64,0 S20.4,0,10.2,10.2C0,20.4,0,36,0,64s0,43.6,10.2,53.8C20.4,128,36,128,64,128s43.6,0,53.8-10.2C128,107.6,128,92,128,64 S128,20.4,117.8,10.2z M33.8,75.8c-0.7,0.7-1.5,1.1-2.4,1.1c-0.9,0-1.7-0.4-2.4-1.1c-0.7-0.7-1.1-1.5-1.1-2.4c0-0.9,0.4-1.7,1.1-2.4 c0.7-0.7,1.5-1.1,2.4-1.1c0.9,0,1.7,0.4,2.4,1.1c0.7,0.7,1.1,1.5,1.1,2.4C34.8,74.3,34.5,75.1,33.8,75.8z M45.8,76.5h-6.2V51.9h6.2 V76.5z M45.3,47.7c-0.7,0.7-1.5,1.1-2.4,1.1s-1.7-0.4-2.4-1.1c-0.7-0.7-1.1-1.5-1.1-2.4s0.4-1.7,1.1-2.4c0.7-0.7,1.5-1.1,2.4-1.1 c0.9,0,1.7,0.4,2.4,1.1c0.7,0.7,1.1,1.5,1.1,2.4C46.3,46.1,46,47,45.3,47.7z M74.8,69.3c-0.6,1.5-1.5,2.9-2.5,4 c-1.1,1.1-2.3,2-3.7,2.6s-2.9,0.9-4.4,0.9c-1,0-1.9-0.1-2.7-0.4c-0.8-0.3-1.4-0.5-2-0.8c-0.7-0.4-1.2-0.8-1.7-1.2v10.7h-6.2V51.9 h4.5l1.1,2.4c0.5-0.5,1.2-0.9,1.9-1.3c0.6-0.3,1.3-0.6,2.2-0.9c0.9-0.3,1.8-0.4,2.9-0.4c1.5,0,3,0.3,4.4,0.9 c1.4,0.6,2.6,1.5,3.7,2.6c1.1,1.1,1.9,2.5,2.5,4c0.6,1.5,0.9,3.2,0.9,5C75.8,66.1,75.5,67.7,74.8,69.3L74.8,69.3z M100.1,76.5h-4.5 l-1.1-2.4c-0.6,0.5-1.2,0.9-1.9,1.3c-0.6,0.4-1.3,0.7-2.2,0.9c-0.9,0.3-1.8,0.4-2.9,0.4c-2.7,0-4.7-0.7-6.1-2c-1.4-1.3-2.1-3-2.1-5 c0-1.2,0.2-2.3,0.7-3.3s1.3-1.9,2.4-2.6c1.1-0.7,2.7-1.3,4.5-1.7c1.9-0.4,4.2-0.6,7-0.6c0-1.3-0.4-2.4-1.1-3.2 c-0.7-0.8-1.7-1.1-2.9-1.1c-0.8,0-1.5,0.1-2,0.4c-0.5,0.3-0.9,0.6-1.2,0.9c-0.3,0.4-0.5,0.8-0.7,1.3H80c0.1-1.1,0.5-2.2,1-3.2 c0.5-1,1.2-1.9,2.1-2.6s2-1.3,3.2-1.8c1.2-0.4,2.6-0.7,4.1-0.7c1.4,0,2.7,0.2,3.9,0.7c1.2,0.5,2.2,1.2,3.1,2s1.5,1.9,2,3.1 c0.5,1.2,0.7,2.5,0.7,3.9L100.1,76.5L100.1,76.5z"/></svg>`
+};
+const wrIconFileZip = {
+    name: 'file-zip',
+    data: `<?xml version="1.0" encoding="utf-8"?><!--Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)--><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 128 128" style="enable-background:new 0 0 128 128" xml:space="preserve"><path d="M86.5,57.4c-1.8,0-3.3,0.6-4.5,1.9c-1.2,1.2-1.8,2.9-1.8,4.9c0,2.1,0.6,3.7,1.8,4.9c1.2,1.2,2.7,1.9,4.5,1.9 c1.8,0,3.3-0.6,4.5-1.9s1.8-2.9,1.8-4.9c0-2.1-0.6-3.7-1.8-4.9S88.3,57.4,86.5,57.4z M117.8,10.2C107.6,0,92,0,64,0 S20.4,0,10.2,10.2C0,20.4,0,36,0,64s0,43.6,10.2,53.8C20.4,128,36,128,64,128s43.6,0,53.8-10.2C128,107.6,128,92,128,64 S128,20.4,117.8,10.2z M34.9,75.9c-0.7,0.7-1.5,1.1-2.5,1.1s-1.8-0.4-2.5-1.1c-0.7-0.7-1.1-1.5-1.1-2.5s0.4-1.8,1.1-2.5 c0.7-0.7,1.5-1.1,2.5-1.1s1.8,0.4,2.5,1.1s1.1,1.5,1.1,2.5S35.7,75.2,34.9,75.9z M59.1,76.7H39.7v-5.2l10.9-13.9H39.7v-6h18.8v5.2 L47.6,70.7h11.4V76.7z M69.3,76.7H63V51.7h6.3V76.7z M68.8,47.3c-0.7,0.7-1.5,1.1-2.5,1.1c-0.9,0-1.8-0.4-2.5-1.1 c-0.7-0.7-1.1-1.5-1.1-2.5s0.4-1.8,1.1-2.5c0.7-0.7,1.5-1.1,2.5-1.1c0.9,0,1.8,0.4,2.5,1.1c0.7,0.7,1.1,1.5,1.1,2.5 C69.9,45.8,69.5,46.6,68.8,47.3z M98.1,69.3c-0.6,1.6-1.5,2.9-2.6,4.1c-1.1,1.1-2.3,2-3.7,2.7S88.9,77,87.4,77c-1.1,0-2-0.1-2.8-0.4 c-0.8-0.3-1.5-0.5-2-0.8c-0.7-0.4-1.2-0.8-1.7-1.3v10.9h-6.3V51.7h4.6l1.1,2.4c0.5-0.5,1.2-1,1.9-1.4c0.6-0.3,1.4-0.6,2.2-0.9 s1.9-0.4,2.9-0.4c1.6,0,3.1,0.3,4.5,0.9c1.4,0.6,2.7,1.5,3.7,2.7c1.1,1.1,1.9,2.5,2.6,4.1c0.6,1.6,0.9,3.3,0.9,5.1 C99.1,66.1,98.8,67.8,98.1,69.3L98.1,69.3z"/></svg>`
+};
 const wrIconFlash = {
     name: 'flash',
     data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M194.82 496a18.36 18.36 0 01-18.1-21.53v-.11L204.83 320H96a16 16 0 01-12.44-26.06L302.73 23a18.45 18.45 0 0132.8 13.71c0 .3-.08.59-.13.89L307.19 192H416a16 16 0 0112.44 26.06L209.24 489a18.45 18.45 0 01-14.42 7z"/></svg>`
@@ -634,14 +632,14 @@ const wrIconHelp = {
     name: 'help',
     data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64zm-6 304a20 20 0 1120-20 20 20 0 01-20 20zm33.44-102C267.23 276.88 265 286.85 265 296a14 14 0 01-28 0c0-21.91 10.08-39.33 30.82-53.26C287.1 229.8 298 221.6 298 203.57c0-12.26-7-21.57-21.49-28.46-3.41-1.62-11-3.2-20.34-3.09-11.72.15-20.82 2.95-27.83 8.59C215.12 191.25 214 202.83 214 203a14 14 0 11-28-1.35c.11-2.43 1.8-24.32 24.77-42.8 11.91-9.58 27.06-14.56 45-14.78 12.7-.15 24.63 2 32.72 5.82C312.7 161.34 326 180.43 326 203.57c0 33.83-22.61 49.02-42.56 62.43z"/></svg>`
 };
+const wrIconHome = {
+    name: 'home',
+    data: `<?xml version="1.0" encoding="utf-8"?><!--Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)--><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 128 128" style="enable-background:new 0 0 128 128" xml:space="preserve"><path d="M72.1,3.5c-4.6-4.6-12-4.6-16.6,0l-50,48.4c-3.6,3.6-5.4,8.6-4.8,13.6l5.6,49.2c0.8,7.6,7.2,13.2,14.8,13.2h16.4 c4.6,0,8.2-3.6,8.2-8.2v-24c0-5.2,4.2-9.6,9.6-9.6h16.8c5.2,0,9.6,4.2,9.6,9.6v24.2c0,4.6,3.6,8.2,8.2,8.2h16.4 c7.6,0,14-5.8,14.8-13.2l5.6-49.2c0.6-5-1.2-10.2-4.8-13.6L72.1,3.5z"/></svg>`
+};
 const wrIconInfoCircleOutline = {
     name: 'info-circle-outline',
     data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M248 64C146.39 64 64 146.39 64 248s82.39 184 184 184 184-82.39 184-184S349.61 64 248 64z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M220 220h32v116"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M208 340h88"/><path d="M248 130a26 26 0 1026 26 26 26 0 00-26-26z"/></svg>`
 };
-const wrIconIpa = {
-    name: 'ipa',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 608 608"><path d="M301.5 273.3c-8.3 0-15.3 2.9-20.9 8.6-5.6 5.8-8.4 13.5-8.4 23.1 0 9.7 2.8 17.4 8.4 23.1 5.6 5.8 12.5 8.6 20.9 8.6 8.3 0 15.3-2.9 20.9-8.6 5.6-5.8 8.4-13.5 8.4-23.1 0-9.7-2.8-17.4-8.4-23.1-5.7-5.7-12.6-8.6-20.9-8.6zM413.2 317.2c-3 1.4-5 3.2-6 5.2s-1.5 4.3-1.5 6.9c0 3.2 1.4 6.1 4.3 8.8 2.9 2.6 6.5 3.9 10.9 3.9 7.6 0 13.8-2.2 18.4-6.7 4.7-4.5 7-10.3 7-17.4v-5.1c-8.6 0-15.6.4-20.9 1.1-5.1.7-9.2 1.9-12.2 3.3z"/><path d="M559.6 48.4C511.3 0 437.2 0 304 0S96.7 0 48.4 48.4C0 96.7 0 170.8 0 304s0 207.3 48.4 255.6C96.7 608 170.8 608 304 608s207.3 0 255.6-48.4C608 511.3 608 437.2 608 304s0-207.3-48.4-255.6zM160.4 359.9c-3.3 3.3-7.2 5-11.6 5-4.4 0-8.3-1.7-11.6-5s-5-7.2-5-11.6c0-4.4 1.7-8.3 5-11.6s7.2-5 11.6-5c4.4 0 8.3 1.7 11.6 5s5 7.2 5 11.6c0 4.5-1.7 8.3-5 11.6zm57.1 3.7h-29.3v-117h29.3v117zm-2.4-137.2c-3.3 3.3-7.2 5-11.6 5-4.4 0-8.3-1.7-11.6-5s-5-7.2-5-11.6c0-4.4 1.7-8.3 5-11.6s7.2-5 11.6-5c4.4 0 8.3 1.7 11.6 5s5 7.2 5 11.6c0 4.4-1.7 8.3-5 11.6zM355.5 329c-3 7.3-7 13.6-12 19-5 5.3-10.8 9.5-17.4 12.5-6.6 3-13.6 4.5-20.9 4.5-4.9 0-9.2-.6-12.8-1.8-3.6-1.2-6.8-2.5-9.5-3.8-3.1-1.7-5.8-3.6-8.1-5.8v50.9h-29.3V246.6h21.6l5.1 11.4c2.5-2.4 5.5-4.5 8.9-6.4 2.9-1.5 6.4-3 10.4-4.3 4.1-1.4 8.6-2 13.7-2 7.3 0 14.2 1.5 20.9 4.5 6.6 3 12.4 7.1 17.4 12.5 5 5.3 9 11.7 12 18.9 3 7.3 4.5 15.3 4.5 23.9 0 8.7-1.5 16.6-4.5 23.9zm120.2 34.6h-21.6l-5.1-11.4c-2.7 2.4-5.7 4.5-8.9 6.4-2.9 1.7-6.4 3.2-10.4 4.5-4.1 1.3-8.6 1.9-13.7 1.9-12.7 0-22.5-3.1-29.2-9.3-6.8-6.2-10.2-14.1-10.2-23.8 0-5.8 1.1-11.1 3.4-15.9 2.3-4.8 6.1-9 11.6-12.5 5.4-3.5 12.6-6.2 21.5-8.1 8.9-1.9 20.1-2.9 33.4-2.9 0-6.4-1.7-11.4-5.2-15-3.5-3.6-8.1-5.3-13.9-5.3-3.9 0-7 .7-9.3 2-2.3 1.4-4.1 2.8-5.5 4.3-1.5 1.9-2.5 4-3.1 6.4h-29.3c.7-5.4 2.2-10.5 4.7-15.3 2.5-4.7 5.8-8.9 10-12.5 4.2-3.6 9.3-6.4 15.1-8.5 5.9-2.1 12.4-3.2 19.7-3.2 6.6 0 12.7 1.1 18.3 3.4 5.6 2.3 10.4 5.5 14.5 9.5s7.2 8.9 9.5 14.5 3.4 11.7 3.4 18.3v72.5z"/></svg>`
-};
 const wrIconLogoAndroid = {
     name: 'logo-android',
     data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M380.91 199l42.47-73.57a8.63 8.63 0 00-3.12-11.76 8.52 8.52 0 00-11.71 3.12l-43 74.52c-32.83-15-69.78-23.35-109.52-23.35s-76.69 8.36-109.52 23.35l-43-74.52a8.6 8.6 0 10-14.88 8.64L131 199C57.8 238.64 8.19 312.77 0 399.55h512c-8.19-86.78-57.8-160.91-131.09-200.55zM138.45 327.65a21.46 21.46 0 1121.46-21.46 21.47 21.47 0 01-21.46 21.46zm235 0A21.46 21.46 0 11395 306.19a21.47 21.47 0 01-21.51 21.46z"/></svg>`
@@ -654,6 +652,10 @@ const wrIconLogoAppscreener = {
     name: 'logo-appscreener',
     data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path d="M24.88 215.29c.09-.06.18-.12.24-.18-.06.06-.15.12-.24.18zM95.44 160c0-.8.09-1.59.12-2.36l-23.91-1.83c-1.06 16.47 3.39 32.53 12.1 45.87l20.52-13.11c-5.56-8.14-8.83-17.97-8.83-28.57zm11.1-31.65-32.3-31.94c-9.48 10.72-16.74 23.73-20.78 38.46-.89 3.28-1.59 6.58-2.15 9.89l44.37 10.18c1-10 4.92-19.15 10.86-26.59zm115.66-21.16 22.35-16.62c-5.28-7.59-16.92-20.96-24.44-26.57l-18.13 21.82c12.1 9.15 16.73 16.44 20.22 21.37z"/><path d="M51.19 76.63c-18.13 19.45-25.06 33.8-30.32 61.14l25.92 5.76c3.22-19.34 11.9-36.69 24.35-50.51L51.19 76.63zm-39.47 71.89c-1.86 30.52 6.26 63.11 21.99 86.73l45.84-30.44c-9.45-14.38-14.26-31.65-13.11-49.42l-54.72-6.87c0-.12 0 .09 0 0zm23.5-106.04 44.4 49.8c14.41-14.52 33.36-23.85 53.7-26.98L125.19 0C90.74 4.37 59.51 19.69 35.22 42.48zm153.09 89.42 29.85-21.17c-5.25-7.59-11.78-14.32-19.28-19.93l-24.15 27.34c5.34 3.66 9.98 8.32 13.58 13.76zm33.89-24.71 22.35-16.62c-5.28-7.59-16.92-20.96-24.44-26.57l-18.13 21.82c12.1 9.15 16.73 16.44 20.22 21.37zm-116.28 83.6L72.8 217.12c4.52 5.23 11.51 12.28 17.06 16.38l23.53-34.83a53.541 53.541 0 0 1-7.47-7.88z"/><path d="m140.93 109.58-6.61-38.44c-19.31 2.98-38.2 12.55-51.78 26.45l25.74 28.78c8.18-9.23 19.66-15.46 32.65-16.79zM69.31 219.84l-17.74 14.91c6.05 7 15.14 15.79 22.64 21.25l13.34-18.18a97.97 97.97 0 0 1-18.24-17.98zm76.96-134.76h-.32c-1.3 0-2.57.09-3.84.15l1.3 24.09c.89-.06 1.8-.03 2.72-.03 9.56 0 18.48 2.69 26.1 7.29l13.79-19.96c-11.53-7.26-25.14-11.51-39.75-11.54zm-.15-5.73c15.56 0 30.05 4.4 42.36 12.04.24.15.5.3.77.44L218 49.97c-18.95-12.31-41.3-19.96-65.51-21.11-4.22-.21-8.41-.18-12.55.03l1.77 50.6c1.49-.08 2.94-.14 4.41-.14z"/></svg>`
 };
+const wrIconLogoGithub = {
+    name: 'logo-github',
+    data: `<?xml version="1.0" encoding="utf-8"?><!--Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)--><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 128 128" style="enable-background:new 0 0 128 128" xml:space="preserve"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><path class="st0" d="M64,1.6c-35.3,0-64,28.7-64,64c0,28.3,18.3,52.3,43.8,60.7c3.2,0.6,4.4-1.4,4.4-3.1c0-1.5-0.1-5.5-0.1-10.9 c-17.8,3.9-21.6-8.6-21.6-8.6c-2.9-7.4-7.1-9.4-7.1-9.4c-5.8-4,0.4-3.9,0.4-3.9c6.4,0.5,9.8,6.6,9.8,6.6c5.7,9.8,15,7,18.6,5.3 c0.6-4.1,2.2-7,4.1-8.6c-14.2-1.6-29.2-7.1-29.2-31.6c0-7,2.5-12.7,6.6-17.2c-0.7-1.6-2.9-8.1,0.6-16.9c0,0,5.4-1.7,17.6,6.6 c5.1-1.4,10.6-2.1,16-2.2c5.4,0,10.9,0.7,16,2.2c12.2-8.3,17.6-6.6,17.6-6.6c3.5,8.8,1.3,15.3,0.6,16.9c4.1,4.5,6.6,10.2,6.6,17.2 c0,24.6-15,30-29.2,31.6c2.3,2,4.3,5.9,4.3,11.9c0,8.6-0.1,15.5-0.1,17.6c0,1.7,1.2,3.7,4.4,3.1c25.4-8.5,43.7-32.5,43.7-60.7 C128,30.2,99.3,1.6,64,1.6z"/></svg>`
+};
 const wrIconLogoOversecured = {
     name: 'logo-oversecured',
     data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path d="M114.67.34C50.24 7.01 0 61.47 0 127.66c0 70.69 57.31 128 128 128s128-57.31 128-128C256 61.47 205.76 7.01 141.33.34v27.42c49.35 6.52 87.43 48.76 87.43 99.89 0 55.65-45.11 100.77-100.77 100.77-55.65 0-100.77-45.11-100.77-100.77 0-51.13 38.08-93.37 87.43-99.89V.34z"/><path d="M61.21 182.13c25.94 32.13 72.12 41.5 109 20.2 40.81-23.56 54.8-75.75 31.23-116.57S125.7 30.97 84.88 54.53c-36.89 21.3-51.86 65.97-37 104.5l24.28-14.02c-7.54-25.09 2.81-52.98 26.49-66.64 27.65-15.96 63-6.49 78.96 21.16 15.96 27.65 6.49 63-21.16 78.97-23.67 13.67-53 8.69-70.96-10.38l-24.28 14.01z"/><path d="M113.76 87.43c-16.56 5.86-28.43 21.66-28.43 40.23 0 23.56 19.1 42.67 42.67 42.67 23.56 0 42.67-19.1 42.67-42.67 0-18.57-11.86-34.37-28.43-40.23v40.23h-.02c0 7.85-6.37 14.22-14.22 14.22-7.85 0-14.22-6.37-14.22-14.22h-.02V87.43z"/></svg>`
@@ -682,6 +684,10 @@ const wrIconPlay = {
     name: 'play',
     data: `<svg viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.2924 0.571289C2.95753 0.571289 0.250977 3.24726 0.250977 6.54444C0.250977 9.84162 2.95753 12.5176 6.2924 12.5176C9.62726 12.5176 12.3338 9.84162 12.3338 6.54444C12.3338 3.24726 9.62726 0.571289 6.2924 0.571289ZM6.29114 11.3231C3.62688 11.3231 1.45801 9.17874 1.45801 6.54458C1.45801 3.91041 3.62688 1.76605 6.29114 1.76605C8.95541 1.76605 11.1243 3.91041 11.1243 6.54458C11.1243 9.17874 8.95541 11.3231 6.29114 11.3231ZM8.70786 6.54461L5.08301 9.23253V3.85669L8.70786 6.54461Z"/></svg>`
 };
+const wrIconPlusCircle = {
+    name: 'plus-circle',
+    data: `<?xml version="1.0" encoding="utf-8"?><!--Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)--><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 128 128" style="enable-background:new 0 0 128 128" xml:space="preserve"><path d="M64,0C28.7,0,0,28.7,0,64c0,35.3,28.7,64,64,64s64-28.7,64-64C128,28.7,99.3,0,64,0z M100.5,68.3c0,1.3-1,2.3-2.3,2.3H70.5 v27.7c0,1.3-1,2.3-2.3,2.3h-8.5c-1.3,0-2.3-1-2.3-2.3V70.5H29.7c-1.3,0-2.3-1-2.3-2.3v-8.5c0-1.3,1-2.3,2.3-2.3h27.7V29.7 c0-1.3,1-2.3,2.3-2.3h8.5c1.3,0,2.3,1,2.3,2.3v27.7h27.7c1.3,0,2.3,1,2.3,2.3V68.3z"/></svg>`
+};
 const wrIconReader = {
     name: 'reader',
     data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><rect x="96" y="48" width="320" height="416" rx="48" ry="48" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M176 128h160M176 208h160M176 288h80"/></svg>`
@@ -692,7 +698,7 @@ const wrIconRepeat = {
 };
 const wrIconSearch = {
     name: 'search',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M456.69 421.39L362.6 327.3a173.81 173.81 0 0034.84-104.58C397.44 126.38 319.06 48 222.72 48S48 126.38 48 222.72s78.38 174.72 174.72 174.72A173.81 173.81 0 00327.3 362.6l94.09 94.09a25 25 0 0035.3-35.3zM97.92 222.72a124.8 124.8 0 11124.8 124.8 124.95 124.95 0 01-124.8-124.8z"/></svg>`
+    data: `<?xml version="1.0" encoding="utf-8"?><!--Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)--><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 128 128" style="enable-background:new 0 0 128 128" xml:space="preserve"><path d="M123.5,100.9l-21.1-21.1c3.8-7.7,6.4-16.6,6.4-25.5c0-30-24.3-54.3-54.3-54.3S0.2,24.3,0.2,54.3s24.3,54.3,54.3,54.3 c8.9,0,17.9-2.6,25.5-6.4l21.1,21.1c6.4,6.4,16,6.4,22.3,0C129.2,116.8,129.2,107.3,123.5,100.9L123.5,100.9z M54.5,95.8 c-23,0-41.5-18.5-41.5-41.5s18.5-41.5,41.5-41.5S96,31.3,96,54.3S77.5,95.8,54.5,95.8z"/></svg>`
 };
 const wrIconStopCircle = {
     name: 'stop-circle',
@@ -706,23 +712,20 @@ const wrIconTrash = {
     name: 'trash',
     data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M112 112l20 320c.95 18.49 14.4 32 32 32h184c17.67 0 30.87-13.51 32-32l20-320" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M80 112h352"/><path d="M192 112V72h0a23.93 23.93 0 0124-24h80a23.93 23.93 0 0124 24h0v40M256 176v224M184 176l8 224M328 176l-8 224" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/></svg>`
 };
+const wrIconUserCircle = {
+    name: 'user-circle',
+    data: `<?xml version="1.0" encoding="utf-8"?><!--Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)--><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 128 128" style="enable-background:new 0 0 128 128" xml:space="preserve"><path d="M64,0C28.6,0,0,28.6,0,64s28.6,64,64,64s64-28.6,64-64S99.4,0,64,0z M64,20c10.4,0,19,8.6,19,19s-8.6,19-19,19 s-19-8.6-19-19S53.6,20,64,20z M64,106c-26,0-38-10-38-20s6.6-20,38-20s38,10,38,20S90,106,64,106z"/></svg>`
+};
 const wrIconUser = {
     name: 'user',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>`
+    data: `<?xml version="1.0" encoding="utf-8"?><!--Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)--><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 128 128" style="enable-background:new 0 0 128 128" xml:space="preserve"><path d="M64,0c15.5,0,28.3,12.8,28.3,28.3S79.5,56.6,64,56.6S35.7,43.8,35.7,28.3S48.5,0,64,0z M64,128c-38.7,0-56.6-14.9-56.6-29.8 S17.3,68.5,64,68.5s56.6,14.9,56.6,29.8S102.7,128,64,128z"/></svg>`
 };
 const wrIconWarning = {
     name: 'warning',
     data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M449.07 399.08L278.64 82.58c-12.08-22.44-44.26-22.44-56.35 0L51.87 399.08A32 32 0 0080 446.25h340.89a32 32 0 0028.18-47.17zm-198.6-1.83a20 20 0 1120-20 20 20 0 01-20 20zm21.72-201.15l-5.74 122a16 16 0 01-32 0l-5.74-121.95a21.73 21.73 0 0121.5-22.69h.21a21.74 21.74 0 0121.73 22.7z"/></svg>`
 };
-const wrIconZip = {
-    name: 'zip',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 608 608"><path d="M411.1 272.6c-8.5 0-15.5 2.9-21.2 8.8-5.7 5.9-8.5 13.7-8.5 23.5s2.8 17.7 8.5 23.5c5.7 5.9 12.8 8.8 21.2 8.8 8.4 0 15.5-2.9 21.2-8.8 5.7-5.9 8.5-13.7 8.5-23.5s-2.8-17.7-8.5-23.5c-5.7-5.8-12.8-8.8-21.2-8.8z"/><path d="M559.6 48.4C511.3 0 437.2 0 304 0S96.7 0 48.4 48.4C0 96.7 0 170.8 0 304s0 207.3 48.4 255.6C96.7 608 170.8 608 304 608s207.3 0 255.6-48.4C608 511.3 608 437.2 608 304s0-207.3-48.4-255.6zM166 360.7c-3.4 3.4-7.3 5-11.8 5-4.5 0-8.4-1.7-11.8-5-3.4-3.4-5-7.3-5-11.8 0-4.5 1.7-8.4 5-11.8s7.3-5 11.8-5c4.5 0 8.4 1.7 11.8 5s5 7.3 5 11.8c0 4.5-1.6 8.5-5 11.8zm114.6 3.8h-91.9v-24.6l51.7-66h-51.7v-28.5H278V270l-51.7 66h54.3v28.5zm48.6 0h-29.8v-119h29.8v119zm-2.5-139.6c-3.4 3.4-7.3 5-11.8 5-4.5 0-8.4-1.7-11.8-5s-5-7.3-5-11.8c0-4.5 1.7-8.4 5-11.8s7.3-5 11.8-5c4.5 0 8.4 1.7 11.8 5s5 7.3 5 11.8c.1 4.5-1.6 8.4-5 11.8zm139.4 104.4c-3 7.4-7.1 13.8-12.2 19.3-5.1 5.4-11 9.7-17.7 12.7-6.7 3-13.8 4.5-21.2 4.5-5 0-9.4-.6-13.1-1.8-3.7-1.2-6.9-2.5-9.7-3.9-3.1-1.7-5.9-3.7-8.3-6v51.7h-29.8V245.4h22l5.2 11.6c2.6-2.4 5.6-4.6 9.1-6.5 2.9-1.6 6.5-3 10.6-4.4 4.1-1.4 8.8-2.1 14-2.1 7.4 0 14.5 1.5 21.2 4.5 6.7 3 12.6 7.2 17.7 12.7 5.1 5.4 9.1 11.9 12.2 19.3 3 7.4 4.5 15.5 4.5 24.3 0 9-1.5 17.1-4.5 24.5z"/></svg>`
-};
 const wrIconSet = [
-    wrIconAab,
-    wrIconAdd,
     wrIconAlert,
-    wrIconApk,
     wrIconArrowBack,
     wrIconBug,
     wrIconCaretBack,
@@ -733,20 +736,26 @@ const wrIconSet = [
     wrIconClock,
     wrIconCloseCircle,
     wrIconCopy,
+    wrIconDiscover,
     wrIconDocument,
     wrIconDotsHorizontal,
     wrIconDotsVertical,
     wrIconDownload,
     wrIconEyeOff,
     wrIconEye,
+    wrIconFileAab,
+    wrIconFileApk,
+    wrIconFileIpa,
+    wrIconFileZip,
     wrIconFlash,
     wrIconFolder,
     wrIconHelp,
+    wrIconHome,
     wrIconInfoCircleOutline,
-    wrIconIpa,
     wrIconLogoAndroid,
     wrIconLogoApple,
     wrIconLogoAppscreener,
+    wrIconLogoGithub,
     wrIconLogoOversecured,
     wrIconLogoStingray,
     wrIconModules,
@@ -754,15 +763,16 @@ const wrIconSet = [
     wrIconPlayCircle,
     wrIconPlayForward,
     wrIconPlay,
+    wrIconPlusCircle,
     wrIconReader,
     wrIconRepeat,
     wrIconSearch,
     wrIconStopCircle,
     wrIconStop,
     wrIconTrash,
+    wrIconUserCircle,
     wrIconUser,
-    wrIconWarning,
-    wrIconZip
+    wrIconWarning
 ];
 
 class WrIconService {
@@ -858,10 +868,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
                 }]
         }] });
 
-class WalrusPasswordInputComponent {
+class WrPasswordInputComponent {
     constructor(ngControl) {
         this.ngControl = ngControl;
-        this.class = 'wr-password-input';
+        this.class = `${stylePrefix}-password-input`;
         this.type = 'password';
         this.disabled = false;
         this.value = null;
@@ -895,9 +905,9 @@ class WalrusPasswordInputComponent {
         this.value = obj;
     }
 }
-WalrusPasswordInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusPasswordInputComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-WalrusPasswordInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: WalrusPasswordInputComponent, selector: "wr-password-input", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<input\n  wr-input\n  [disabled]=\"disabled\"\n  [type]=\"type\"\n  [value]=\"value\"\n  (focusout)=\"onFocusOut()\"\n  (input)=\"onInput($event)\"\n>\n<wr-icon class=\"wr-password-input-icon\" *ngIf=\"type === 'input'\" name=\"eye\" (click)=\"onVisibilityClick($event)\"></wr-icon>\n<wr-icon class=\"wr-password-input-icon\" *ngIf=\"type === 'password'\" name=\"eye-off\" (click)=\"onVisibilityClick($event)\"></wr-icon>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: WalrusInputDirective, selector: "wr-input, input[wr-input], textarea[wr-input]", inputs: ["disabled"], exportAs: ["wrInput"] }, { kind: "component", type: WrIconComponent, selector: "wr-icon[name]", inputs: ["name"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusPasswordInputComponent, decorators: [{
+WrPasswordInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrPasswordInputComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+WrPasswordInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: WrPasswordInputComponent, selector: "wr-password-input", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<input\n  wr-input\n  [disabled]=\"disabled\"\n  [type]=\"type\"\n  [value]=\"value\"\n  (focusout)=\"onFocusOut()\"\n  (input)=\"onInput($event)\"\n>\n<wr-icon class=\"wr-password-input-icon\" *ngIf=\"type === 'input'\" name=\"eye\" (click)=\"onVisibilityClick($event)\"></wr-icon>\n<wr-icon class=\"wr-password-input-icon\" *ngIf=\"type === 'password'\" name=\"eye-off\" (click)=\"onVisibilityClick($event)\"></wr-icon>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: WrInputDirective, selector: "wr-input, input[wr-input], textarea[wr-input]", inputs: ["disabled"] }, { kind: "component", type: WrIconComponent, selector: "wr-icon[name]", inputs: ["name"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrPasswordInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wr-password-input', encapsulation: ViewEncapsulation.None, template: "<input\n  wr-input\n  [disabled]=\"disabled\"\n  [type]=\"type\"\n  [value]=\"value\"\n  (focusout)=\"onFocusOut()\"\n  (input)=\"onInput($event)\"\n>\n<wr-icon class=\"wr-password-input-icon\" *ngIf=\"type === 'input'\" name=\"eye\" (click)=\"onVisibilityClick($event)\"></wr-icon>\n<wr-icon class=\"wr-password-input-icon\" *ngIf=\"type === 'password'\" name=\"eye-off\" (click)=\"onVisibilityClick($event)\"></wr-icon>\n" }]
         }], ctorParameters: function () {
@@ -907,19 +917,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
                         type: Self
                     }] }];
     }, propDecorators: { class: [{
-                type: HostBinding
+                type: HostBinding,
+                args: ['class']
             }] } });
 
 class WalrusPasswordInputModule {
 }
 WalrusPasswordInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusPasswordInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-WalrusPasswordInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WalrusPasswordInputModule, declarations: [WalrusPasswordInputComponent], imports: [CommonModule,
+WalrusPasswordInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WalrusPasswordInputModule, declarations: [WrPasswordInputComponent], imports: [CommonModule,
         PlatformModule,
-        WalrusInputModule,
-        WrIconModule], exports: [WalrusPasswordInputComponent] });
+        WrInputModule,
+        WrIconModule], exports: [WrPasswordInputComponent] });
 WalrusPasswordInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusPasswordInputModule, imports: [CommonModule,
         PlatformModule,
-        WalrusInputModule,
+        WrInputModule,
         WrIconModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusPasswordInputModule, decorators: [{
             type: NgModule,
@@ -927,49 +938,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
                     imports: [
                         CommonModule,
                         PlatformModule,
-                        WalrusInputModule,
+                        WrInputModule,
                         WrIconModule
                     ],
                     declarations: [
-                        WalrusPasswordInputComponent,
+                        WrPasswordInputComponent,
                     ],
                     exports: [
-                        WalrusPasswordInputComponent,
+                        WrPasswordInputComponent,
                     ]
                 }]
         }] });
 
-class WalrusSkeletonComponent {
-    constructor(el) {
-        this.el = el;
+class WrSkeletonComponent {
+    constructor(elRef) {
+        this.elRef = elRef;
         this.color = 'dark';
-        this.classes = `wr-skeleton`;
-        this.destroy$ = new Subject();
+        this.class = `${stylePrefix}-skeleton`;
     }
     ngAfterViewInit() {
         const style = this.color === 'light' ? 'var(--color-white-rgb)' : 'var(--color-dark-rgb)';
-        this.el.nativeElement.style.setProperty('--skeleton-style', style);
-    }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
+        this.elRef.nativeElement.style.setProperty('--skeleton-style', style);
     }
 }
-WalrusSkeletonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusSkeletonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-WalrusSkeletonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: WalrusSkeletonComponent, selector: "wr-skeleton", inputs: { color: "color" }, host: { properties: { "class": "this.classes" } }, exportAs: ["wrSkeleton"], ngImport: i0, template: '<span>&nbsp;</span>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusSkeletonComponent, decorators: [{
+WrSkeletonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrSkeletonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+WrSkeletonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: WrSkeletonComponent, selector: "wr-skeleton", inputs: { color: "color" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: '<span>&nbsp;</span>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrSkeletonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'wr-skeleton',
-                    exportAs: 'wrSkeleton',
-                    preserveWhitespaces: false,
                     template: '<span>&nbsp;</span>',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { color: [{
                 type: Input
-            }], classes: [{
+            }], class: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
@@ -977,56 +981,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
 class WalrusSkeletonModule {
 }
 WalrusSkeletonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-WalrusSkeletonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WalrusSkeletonModule, declarations: [WalrusSkeletonComponent], imports: [CommonModule, WalrusSpinnerModule], exports: [WalrusSkeletonComponent] });
-WalrusSkeletonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusSkeletonModule, imports: [CommonModule, WalrusSpinnerModule] });
+WalrusSkeletonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WalrusSkeletonModule, declarations: [WrSkeletonComponent], imports: [CommonModule, WrSpinnerModule], exports: [WrSkeletonComponent] });
+WalrusSkeletonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusSkeletonModule, imports: [CommonModule, WrSpinnerModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusSkeletonModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, WalrusSpinnerModule],
-                    declarations: [WalrusSkeletonComponent],
-                    exports: [WalrusSkeletonComponent]
+                    imports: [CommonModule, WrSpinnerModule],
+                    declarations: [WrSkeletonComponent],
+                    exports: [WrSkeletonComponent]
                 }]
         }] });
 
-class WalrusTagComponent {
-    constructor(elementRef, r2) {
-        this.elementRef = elementRef;
+class WrTagComponent {
+    constructor(cdr, elRef, r2) {
+        this.cdr = cdr;
+        this.elRef = elRef;
         this.r2 = r2;
-        // add color class
         this.color = 'default';
-        // Is tag transparent
         this.transparent = false;
         this.loading = false;
-        // Is tag outlined
-        this.outline = false;
-        // Is tag outlined
-        this.round = false;
-        // Is tag hoverable
+        this.outlined = false;
+        this.rounded = false;
         this.hoverable = false;
-        this.destroy$ = new Subject();
+        this.baseClass = `${stylePrefix}-tag`;
     }
     ngOnInit() {
         this.setClasses();
     }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
     ngOnChanges(changes) {
-        if (changes) {
-            this.setClasses();
-        }
+        this.setClasses();
+        this.cdr.detectChanges();
     }
     setClasses() {
-        const baseClass = 'wr-tag';
-        const el = this.elementRef.nativeElement;
-        const add = (klass) => this.r2.addClass(el, `${baseClass}-${klass}`);
-        const rm = (klass) => this.r2.removeClass(el, `${baseClass}-${klass}`);
-        el.classList = [];
-        this.r2.addClass(el, baseClass);
+        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.round) {
-            add(`-round`);
+        if (this.rounded) {
+            add(`-rounded`);
         }
         if (this.transparent) {
             add(`-transparent`);
@@ -1034,63 +1026,61 @@ class WalrusTagComponent {
         if (this.hoverable) {
             add(`-hoverable`);
         }
-        if (this.outline) {
-            add(`-outline`);
+        if (this.outlined) {
+            add(`-outlined`);
         }
     }
 }
-WalrusTagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusTagComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-WalrusTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: WalrusTagComponent, selector: "wr-tag", inputs: { color: "color", transparent: "transparent", loading: "loading", outline: "outline", round: "round", hoverable: "hoverable" }, exportAs: ["wrTag"], usesOnChanges: true, ngImport: i0, template: '<wr-spin *ngIf="loading"></wr-spin><ng-content></ng-content>', isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: WalrusSpinnerComponent, selector: "wr-spin" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+WrTagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", 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.1.3", 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: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: WrSpinnerComponent, selector: "wr-spin" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     InputBoolean()
-], WalrusTagComponent.prototype, "transparent", void 0);
+], WrTagComponent.prototype, "transparent", void 0);
 __decorate([
     InputBoolean()
-], WalrusTagComponent.prototype, "loading", void 0);
+], WrTagComponent.prototype, "loading", void 0);
 __decorate([
     InputBoolean()
-], WalrusTagComponent.prototype, "outline", void 0);
+], WrTagComponent.prototype, "outlined", void 0);
 __decorate([
     InputBoolean()
-], WalrusTagComponent.prototype, "round", void 0);
+], WrTagComponent.prototype, "rounded", void 0);
 __decorate([
     InputBoolean()
-], WalrusTagComponent.prototype, "hoverable", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusTagComponent, decorators: [{
+], WrTagComponent.prototype, "hoverable", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrTagComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'wr-tag',
-                    exportAs: 'wrTag',
-                    preserveWhitespaces: false,
                     template: '<wr-spin *ngIf="loading"></wr-spin><ng-content></ng-content>',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { color: [{
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { color: [{
                 type: Input
             }], transparent: [{
                 type: Input
             }], loading: [{
                 type: Input
-            }], outline: [{
+            }], outlined: [{
                 type: Input
-            }], round: [{
+            }], rounded: [{
                 type: Input
             }], hoverable: [{
                 type: Input
             }] } });
 
-class WalrusTagModule {
+class WrTagModule {
 }
-WalrusTagModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-WalrusTagModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WalrusTagModule, declarations: [WalrusTagComponent], imports: [CommonModule, WalrusSpinnerModule], exports: [WalrusTagComponent] });
-WalrusTagModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusTagModule, imports: [CommonModule, WalrusSpinnerModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusTagModule, decorators: [{
+WrTagModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WrTagModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WrTagModule, declarations: [WrTagComponent], imports: [CommonModule, WrSpinnerModule], exports: [WrTagComponent] });
+WrTagModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrTagModule, imports: [CommonModule, WrSpinnerModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrTagModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, WalrusSpinnerModule],
-                    declarations: [WalrusTagComponent],
-                    exports: [WalrusTagComponent]
+                    imports: [CommonModule, WrSpinnerModule],
+                    declarations: [WrTagComponent],
+                    exports: [WrTagComponent]
                 }]
         }] });
 
@@ -1098,5 +1088,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { WalrusButtonComponent, WalrusButtonModule, WalrusDividerComponent, WalrusDividerModule, WalrusExtendedInputComponent, WalrusExtendedInputModule, WalrusFormErrorComponent, WalrusFormItemComponent, WalrusFormModule, WalrusInputDirective, WalrusInputModule, WalrusPasswordInputComponent, WalrusPasswordInputModule, WalrusSkeletonComponent, WalrusSkeletonModule, WalrusSpinnerComponent, WalrusSpinnerModule, WalrusTagComponent, WalrusTagModule, WrIconComponent, WrIconModule, WrIconService, wrIconAab, wrIconAdd, wrIconAlert, wrIconApk, wrIconArrowBack, wrIconBug, wrIconCaretBack, wrIconCaretForward, wrIconCheckmarkCircle, wrIconChevronDown, wrIconChevronUp, wrIconClock, wrIconCloseCircle, wrIconCopy, wrIconDocument, wrIconDotsHorizontal, wrIconDotsVertical, wrIconDownload, wrIconEye, wrIconEyeOff, wrIconFlash, wrIconFolder, wrIconHelp, wrIconInfoCircleOutline, wrIconIpa, wrIconLogoAndroid, wrIconLogoApple, wrIconLogoAppscreener, wrIconLogoOversecured, wrIconLogoStingray, wrIconModules, wrIconPlay, wrIconPlayBack, wrIconPlayCircle, wrIconPlayForward, wrIconReader, wrIconRepeat, wrIconSearch, wrIconSet, wrIconStop, wrIconStopCircle, wrIconTrash, wrIconUser, wrIconWarning, wrIconZip };
+export { WalrusPasswordInputModule, WalrusSkeletonModule, WrButtonComponent, WrButtonModule, WrDividerComponent, WrDividerModule, WrExtendedInputComponent, WrExtendedInputModule, WrFormErrorComponent, WrFormItemComponent, WrFormModule, WrIconComponent, WrIconModule, WrIconService, WrInputDirective, WrInputModule, WrPasswordInputComponent, WrSkeletonComponent, WrSpinnerComponent, WrSpinnerModule, WrTagComponent, WrTagModule, wrIconAlert, wrIconArrowBack, wrIconBug, wrIconCaretBack, wrIconCaretForward, wrIconCheckmarkCircle, wrIconChevronDown, wrIconChevronUp, wrIconClock, wrIconCloseCircle, wrIconCopy, wrIconDiscover, wrIconDocument, wrIconDotsHorizontal, wrIconDotsVertical, wrIconDownload, wrIconEye, wrIconEyeOff, wrIconFileAab, wrIconFileApk, wrIconFileIpa, wrIconFileZip, wrIconFlash, wrIconFolder, wrIconHelp, wrIconHome, wrIconInfoCircleOutline, wrIconLogoAndroid, wrIconLogoApple, wrIconLogoAppscreener, wrIconLogoGithub, wrIconLogoOversecured, wrIconLogoStingray, wrIconModules, wrIconPlay, wrIconPlayBack, wrIconPlayCircle, wrIconPlayForward, wrIconPlusCircle, wrIconReader, wrIconRepeat, wrIconSearch, wrIconSet, wrIconStop, wrIconStopCircle, wrIconTrash, wrIconUser, wrIconUserCircle, wrIconWarning };
 //# sourceMappingURL=ngwr.mjs.map