ngwr 0.0.3 → 0.0.4

package/fesm2015/ngwr.mjs

@@ -0,0 +1,1102 @@
+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 { PlatformModule } from '@angular/cdk/platform';
+import * as i1 from '@angular/forms';
+
+class WalrusSpinnerComponent {
+    constructor() {
+        this.class = 'wr-spin';
+    }
+}
+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]
+                }]
+        }] });
+
+function toBoolean(value) {
+    return coerceBooleanProperty(value);
+}
+function propDecoratorFactory(name, fallback) {
+    function propDecorator(target, propName, originalDescriptor) {
+        const privatePropName = `$$__walrusPropDecorator__${propName}`;
+        if (Object.prototype.hasOwnProperty.call(target, privatePropName)) {
+            console.warn(`The prop "${privatePropName}" is already exist, it will be overrided by ${name} decorator.`);
+        }
+        Object.defineProperty(target, privatePropName, {
+            configurable: true,
+            writable: true
+        });
+        return {
+            get() {
+                return originalDescriptor && originalDescriptor.get
+                    ? originalDescriptor.get.bind(this)()
+                    : this[privatePropName];
+            },
+            set(value) {
+                if (originalDescriptor && originalDescriptor.set) {
+                    originalDescriptor.set.bind(this)(fallback(value));
+                }
+                this[privatePropName] = fallback(value);
+            }
+        };
+    }
+    return propDecorator;
+}
+/**
+ * Input decorator that handle a prop to do get/set automatically with toBoolean
+ *
+ * Why not using @InputBoolean alone without @Input? AOT needs @Input to be visible
+ *
+ * @howToUse
+ * ```
+ * @Input() @InputBoolean() visible: boolean = false;
+ *
+ * // Act as below:
+ * // @Input()
+ * // get visible() { return this.__visible; }
+ * // set visible(value) { this.__visible = value; }
+ * // __visible = false;
+ * ```
+ */
+function InputBoolean() {
+    return propDecoratorFactory('InputBoolean', toBoolean);
+}
+
+class WalrusButtonComponent {
+    constructor(cdr, elRef, ngZone, r2) {
+        this.cdr = cdr;
+        this.elRef = elRef;
+        this.ngZone = ngZone;
+        this.r2 = r2;
+        this.color = 'primary';
+        this.size = 'default';
+        this.disabled = false;
+        this.outlined = false;
+        this.rounded = false;
+        this.loading = false;
+        this.block = false;
+        this.baseClass = 'wr-btn';
+        this.destroy$ = new Subject();
+    }
+    ngOnInit() {
+        this.setClasses();
+        this.ngZone.runOutsideAngular(() => {
+            /**
+             * Caretaker note: this event listener could've been added through `host.click` or `HostListener`.
+             * The compiler generates the `ɵɵlistener` instruction which wraps the actual listener internally into the
+             * function, which runs `markDirty()` before running the actual listener (the decorated class method).
+             * Since we're preventing the default behavior and stopping event propagation
+             * this doesn't require Angular to run the change detection.
+             */
+            fromEvent(this.elRef.nativeElement, 'click')
+                .pipe(takeUntil(this.destroy$))
+                .subscribe(event => {
+                var _a;
+                if (this.disabled && ((_a = event.target) === null || _a === void 0 ? void 0 : _a.tagName) === 'A') {
+                    event.preventDefault();
+                    event.stopImmediatePropagation();
+                }
+            });
+        });
+    }
+    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)) {
+            this.r2.removeClass(this.elRef.nativeElement, `${this.baseClass}--disabled`);
+        }
+        if (!((_b = changes['disabled']) === null || _b === void 0 ? void 0 : _b.currentValue)) {
+            this.r2.removeClass(this.elRef.nativeElement, `${this.baseClass}--loading`);
+        }
+        this.setClasses();
+        this.cdr.detectChanges();
+    }
+    insertSpan(nodes, renderer) {
+        nodes.forEach(node => {
+            if (node.nodeName === '#text') {
+                const span = renderer.createElement('span');
+                renderer.addClass(span, 'wr-btn__text');
+                const parent = renderer.parentNode(node);
+                renderer.insertBefore(parent, span, node);
+                renderer.appendChild(span, node);
+            }
+        });
+    }
+    setClasses() {
+        const el = this.elRef.nativeElement;
+        const add = (klass) => this.r2.addClass(el, `${this.baseClass}-${klass}`);
+        this.r2.addClass(el, this.baseClass);
+        add(this.color);
+        if (this.rounded) {
+            add(`-rounded`);
+        }
+        if (this.loading) {
+            add(`-loading`);
+        }
+        if (this.block) {
+            add(`-block`);
+        }
+        add(`-${this.size}`);
+        if (this.outlined) {
+            add(`-outlined`);
+        }
+        if (this.disabled) {
+            add('-disabled');
+        }
+    }
+}
+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 });
+__decorate([
+    InputBoolean()
+], WalrusButtonComponent.prototype, "disabled", void 0);
+__decorate([
+    InputBoolean()
+], WalrusButtonComponent.prototype, "outlined", void 0);
+__decorate([
+    InputBoolean()
+], WalrusButtonComponent.prototype, "rounded", void 0);
+__decorate([
+    InputBoolean()
+], WalrusButtonComponent.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: [{
+            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>`
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Renderer2 }]; }, propDecorators: { color: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], outlined: [{
+                type: Input
+            }], rounded: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], block: [{
+                type: Input
+            }] } });
+
+class WalrusButtonModule {
+}
+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: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, WalrusSpinnerModule],
+                    declarations: [WalrusButtonComponent],
+                    exports: [WalrusButtonComponent],
+                }]
+        }] });
+
+class WalrusDividerComponent {
+    constructor() {
+        this.classes = `wr-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: [{
+            type: Component,
+            args: [{
+                    selector: 'wr-divider',
+                    exportAs: 'wrDivider',
+                    preserveWhitespaces: false,
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], propDecorators: { classes: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class WalrusDividerModule {
+}
+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: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [WalrusDividerComponent],
+                    exports: [WalrusDividerComponent]
+                }]
+        }] });
+
+class WalrusInputDirective {
+    constructor(ngControl) {
+        this.ngControl = ngControl;
+        this.class = 'wr-input';
+        this._disabled = false;
+        this.disabled$ = new Subject();
+        this.destroy$ = new Subject();
+    }
+    get disabled() {
+        if (this.ngControl && this.ngControl.disabled !== null) {
+            return this.ngControl.disabled;
+        }
+        return this._disabled;
+    }
+    set disabled(value) {
+        this._disabled = value != null && `${value}` !== 'false';
+    }
+    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);
+            });
+        }
+    }
+    ngOnChanges(changes) {
+        const { disabled } = changes;
+        if (disabled) {
+            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: [{
+            type: Directive,
+            args: [{
+                    selector: 'wr-input, input[wr-input], textarea[wr-input]',
+                    exportAs: 'wrInput',
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i1.NgControl, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Self
+                    }] }];
+    }, propDecorators: { class: [{
+                type: HostBinding
+            }], disabled: [{
+                type: HostBinding,
+                args: ['class.wr-input--disabled']
+            }, {
+                type: HostBinding,
+                args: ['disabled']
+            }, {
+                type: Input
+            }] } });
+
+class WalrusInputModule {
+}
+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: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, PlatformModule],
+                    declarations: [
+                        WalrusInputDirective,
+                    ],
+                    exports: [
+                        WalrusInputDirective,
+                    ]
+                }]
+        }] });
+
+class WalrusExtendedInputComponent {
+    constructor(ngControl, elRef, r2) {
+        this.ngControl = ngControl;
+        this.elRef = elRef;
+        this.r2 = r2;
+        this.class = 'wr-extended-input';
+        this.disabled = false;
+        this.value = undefined;
+        this.touched = false;
+        this.onChange = (value) => { };
+        this.onTouched = () => { };
+        if (ngControl !== null) {
+            ngControl.valueAccessor = this;
+        }
+    }
+    ngOnInit() {
+        const el = this.elRef.nativeElement;
+        const add = (klass) => this.r2.addClass(el, `${this.class}-${klass}`);
+        if (this.suffix) {
+            add('-has-suffix');
+        }
+        if (this.prefix) {
+            add('-has-prefix');
+        }
+    }
+    onInput($event) {
+        this.value = $event.currentTarget.value;
+        this.touched = true;
+        this.onChange(this.value);
+    }
+    onFocusOut() {
+        this.touched = true;
+        this.onTouched();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    writeValue(obj) {
+        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: [{
+            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 () {
+        return [{ type: i1.NgControl, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Self
+                    }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }];
+    }, propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }], suffix: [{
+                type: Input
+            }], prefix: [{
+                type: Input
+            }] } });
+
+class WalrusExtendedInputModule {
+}
+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,
+        PlatformModule,
+        WalrusInputModule], exports: [WalrusExtendedInputComponent] });
+WalrusExtendedInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusExtendedInputModule, imports: [CommonModule,
+        PlatformModule,
+        WalrusInputModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusExtendedInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        PlatformModule,
+                        WalrusInputModule,
+                    ],
+                    declarations: [WalrusExtendedInputComponent],
+                    exports: [WalrusExtendedInputComponent]
+                }]
+        }] });
+
+class WalrusFormItemComponent {
+    constructor(cdr, el, r2) {
+        this.cdr = cdr;
+        this.el = el;
+        this.r2 = r2;
+        this.hasError = false;
+        this.destroy$ = new Subject();
+    }
+    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.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);
+        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 });
+__decorate([
+    InputBoolean()
+], WalrusFormItemComponent.prototype, "hasError", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusFormItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'wr-form-item',
+                    exportAs: 'wrFormItem',
+                    preserveWhitespaces: false,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    template: `<ng-content></ng-content>`
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { hasError: [{
+                type: Input
+            }] } });
+
+class WalrusFormErrorComponent {
+    constructor() {
+        this.class = 'wr-form-error';
+        this.destroy$ = new Subject();
+    }
+    ngOnDestroy() {
+        this.destroy$.next(null);
+        this.destroy$.complete();
+    }
+}
+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: [{
+            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
+            }] } });
+
+class WalrusFormModule {
+}
+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: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [
+                        WalrusFormItemComponent,
+                        WalrusFormErrorComponent
+                    ],
+                    exports: [
+                        WalrusFormItemComponent,
+                        WalrusFormErrorComponent
+                    ]
+                }]
+        }] });
+
+/* 🤖 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>`
+};
+const wrIconBug = {
+    name: 'bug',
+    data: `<svg viewBox="0 0 10 11" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.01526 3.1543H9.7129V4.34893H8.45024C8.48045 4.54605 8.50462 4.74316 8.50462 4.94625V5.54356H9.7129V6.73819H8.50462V7.33551C8.50462 7.5386 8.48045 7.73571 8.45024 7.93283H9.7129V9.12746H8.01526C7.38695 10.1967 6.22096 10.9194 4.87977 10.9194C3.53857 10.9194 2.37258 10.1967 1.74427 9.12746H0.0466309V7.93283H1.30929C1.27908 7.73571 1.25491 7.5386 1.25491 7.33551V6.73819H0.0466309V5.54356H1.25491V4.94625C1.25491 4.74316 1.27908 4.54605 1.30929 4.34893H0.0466309V3.1543H1.74427C2.01613 2.6884 2.3907 2.28819 2.83777 1.98356L1.85906 1.00994L2.7109 0.167725L4.02793 1.4639C4.29979 1.39819 4.58374 1.36236 4.87977 1.36236C5.1758 1.36236 5.45974 1.39819 5.73765 1.4639L7.04864 0.167725L7.90048 1.00994L6.91572 1.98356C7.36883 2.28819 7.7434 2.6884 8.01526 3.1543ZM7.29383 7.33687V5.54493V4.94761C7.29383 4.8162 7.2757 4.66687 7.25154 4.53546L7.19112 4.14721L6.96155 3.75895C6.78031 3.44238 6.53261 3.17956 6.23054 2.97647L5.86201 2.7256L5.4512 2.63003C5.25787 2.58224 5.07059 2.55835 4.87726 2.55835C4.68998 2.55835 4.49665 2.58224 4.30937 2.63003L3.8623 2.73754L3.51794 2.9705C3.22191 3.17358 2.96817 3.44238 2.78693 3.75298L2.5634 4.14124L2.50298 4.52949C2.47882 4.6609 2.46069 4.81023 2.46069 4.94761V7.33687C2.46069 7.47426 2.47882 7.62358 2.50298 7.76097L2.5634 8.14922L2.78693 8.5315C3.22191 9.2662 4.01938 9.72614 4.87726 9.72614C5.73514 9.72614 6.53261 9.27217 6.96759 8.5315L7.19112 8.14325L7.25154 7.75499C7.2757 7.61761 7.29383 7.46828 7.29383 7.33687ZM3.67153 6.73801H6.08809V7.93264H3.67153V6.73801ZM6.0882 4.34741H3.67163V5.54204H6.0882V4.34741Z"/></svg>`
+};
+const wrIconCaretBack = {
+    name: 'caret-back',
+    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M321.94 98L158.82 237.78a24 24 0 000 36.44L321.94 414c15.57 13.34 39.62 2.28 39.62-18.22v-279.6c0-20.5-24.05-31.56-39.62-18.18z"/></svg>`
+};
+const wrIconCaretForward = {
+    name: 'caret-forward',
+    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M190.06 414l163.12-139.78a24 24 0 000-36.44L190.06 98c-15.57-13.34-39.62-2.28-39.62 18.22v279.6c0 20.5 24.05 31.56 39.62 18.18z"/></svg>`
+};
+const wrIconCheckmarkCircle = {
+    name: 'checkmark-circle',
+    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 48zm108.25 138.29l-134.4 160a16 16 0 01-12 5.71h-.27a16 16 0 01-11.89-5.3l-57.6-64a16 16 0 1123.78-21.4l45.29 50.32 122.59-145.91a16 16 0 0124.5 20.58z"/></svg>`
+};
+const wrIconChevronDown = {
+    name: 'chevron-down',
+    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="48" d="M112 184l144 144 144-144"/></svg>`
+};
+const wrIconChevronUp = {
+    name: 'chevron-up',
+    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="48" d="M112 328l144-144 144 144"/></svg>`
+};
+const wrIconClock = {
+    name: 'clock',
+    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"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>`
+};
+const wrIconCloseCircle = {
+    name: 'close-circle',
+    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 48zm75.31 260.69a16 16 0 11-22.62 22.62L256 278.63l-52.69 52.68a16 16 0 01-22.62-22.62L233.37 256l-52.68-52.69a16 16 0 0122.62-22.62L256 233.37l52.69-52.68a16 16 0 0122.62 22.62L278.63 256z"/></svg>`
+};
+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 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>`
+};
+const wrIconDotsHorizontal = {
+    name: 'dots-horizontal',
+    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><circle cx="256" cy="256" r="48"/><circle cx="416" cy="256" r="48"/><circle cx="96" cy="256" r="48"/></svg>`
+};
+const wrIconDotsVertical = {
+    name: 'dots-vertical',
+    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><circle cx="256" cy="256" r="48"/><circle cx="256" cy="416" r="48"/><circle cx="256" cy="96" r="48"/></svg>`
+};
+const wrIconDownload = {
+    name: 'download',
+    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M376 160H272v153.37l52.69-52.68a16 16 0 0122.62 22.62l-80 80a16 16 0 01-22.62 0l-80-80a16 16 0 0122.62-22.62L240 313.37V160H136a56.06 56.06 0 00-56 56v208a56.06 56.06 0 0056 56h240a56.06 56.06 0 0056-56V216a56.06 56.06 0 00-56-56zM272 48a16 16 0 00-32 0v112h32z"/></svg>`
+};
+const wrIconEyeOff = {
+    name: 'eye-off',
+    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="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"/><line x1="1" y1="1" x2="23" y2="23"/></svg>`
+};
+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 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>`
+};
+const wrIconFolder = {
+    name: 'folder',
+    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M440 432H72a40 40 0 01-40-40V120a40 40 0 0140-40h75.89a40 40 0 0122.19 6.72l27.84 18.56a40 40 0 0022.19 6.72H440a40 40 0 0140 40v240a40 40 0 01-40 40zM32 192h448" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/></svg>`
+};
+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 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>`
+};
+const wrIconLogoApple = {
+    name: 'logo-apple',
+    data: `<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><title>Logo Apple</title><path d="M349.13 136.86c-40.32 0-57.36 19.24-85.44 19.24-28.79 0-50.75-19.1-85.69-19.1-34.2 0-70.67 20.88-93.83 56.45-32.52 50.16-27 144.63 25.67 225.11 18.84 28.81 44 61.12 77 61.47h.6c28.68 0 37.2-18.78 76.67-19h.6c38.88 0 46.68 18.89 75.24 18.89h.6c33-.35 59.51-36.15 78.35-64.85 13.56-20.64 18.6-31 29-54.35-76.19-28.92-88.43-136.93-13.08-178.34-23-28.8-55.32-45.48-85.79-45.48z"/><path d="M340.25 32c-24 1.63-52 16.91-68.4 36.86-14.88 18.08-27.12 44.9-22.32 70.91h1.92c25.56 0 51.72-15.39 67-35.11 14.72-18.77 25.88-45.37 21.8-72.66z"/></svg>`
+};
+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 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>`
+};
+const wrIconLogoStingray = {
+    name: 'logo-stingray',
+    data: `<svg class="header-logo-mark" xmlns="http://www.w3.org/2000/svg" width="933.333" height="933.333" viewBox="0 0 700 700"><path d="M335.5 10c-39.2 33-81.9 74.8-113.6 111-4.5 5.2-8.5 9.7-8.8 10-.4.3-4.1 4.7-8.4 9.8l-7.8 9.4 4.3 4.6c6 6.5 16.4 20 23.5 30.7 34.8 51.9 62 119.5 82.9 205.5 1 4.3 7.5 32.8 7.8 34.5.2 1.1.7 3.1 1 4.5.3 1.4.8 3.7 1.1 5.2.3 1.6.7 4 1 5.5.8 3.7 4.6 24.3 5 26.8 1.3 7.2 3.5 20.6 4 24 .4 2.2.8 4.7 1 5.5.2.8.7 3.7 1 6.5.4 2.7.8 5.7 1 6.5.2.8.7 4 1 7 .3 3 .8 6.6 1 8 .2 1.4.7 4.5 1 7 .3 2.5 1 7.6 1.5 11.5 1 7.3 1.7 13.9 2.5 21.5.2 2.5.7 6.7 1 9.5.5 5.1 1.2 11.6 2 19.5.3 2.5.7 6.5.9 9 .3 2.5.8 8.5 1.1 13.5.3 4.9.8 11.2 1 14 1.2 14.8 2.2 32.6 3 53 .6 13.4 1.3 16.5 4 16.5s3.3-3.1 4-19.5c1-25.5 2.3-46.6 4-65 .3-2.8.7-8.2 1-12 .5-7.6 1.3-16 2-21.5.2-1.9.7-6.2 1-9.5.8-8.1 1.5-14.3 2-18.5.3-1.9.7-5.8 1-8.5.3-2.8.8-6.1 1-7.5.2-1.4.6-4.5 1-7 .5-4.5 1.3-10.3 2-15 .2-1.4 1.1-7.5 2-13.5.9-6.1 2.2-14.6 3-19 .8-4.4 1.7-10 2-12.5.4-2.4.8-4.7 1-5 .2-.3.6-2.3.9-4.5.4-2.2 1.6-9 2.7-15 1.2-6.1 2.3-11.9 2.5-13 .4-2.3 1.2-6.1 1.9-9 1.2-5.3 3.5-15.5 3.9-17.6 1.1-6.1 9.2-37.7 13.7-53.7 7.8-27.4 22.3-70.2 25.9-76.4.5-1 1-2.2 1-2.8 0-.5 1.1-3.3 2.4-6.2 1.3-2.9 3.6-8.2 5.1-11.8 14.7-34.3 38.3-73.4 58.8-97.3l7.6-8.8-2.3-2.7c-1.3-1.5-5.6-6.5-9.6-11.2-8.4-9.8-17.6-20.1-27.5-30.9C454.3 94 414 54 402.5 43.5c-5.4-5-10.3-9.5-10.9-10-2.4-2.2-26.4-23.3-31.8-27.8-9.2-7.8-10.1-7.6-24.3 4.3z"/><path d="M165.7 189.6c-24.7 33.2-43.2 60.6-61.2 90.4-8.6 14.1-18.9 32-24 41.5-2.7 4.9-5.7 10.6-6.8 12.5-10.5 18.9-31.6 63.8-43.7 93-12.1 29.2-26.5 69-25 69 .8 0 18.7-5.1 33.5-9.5 4.4-1.3 14.8-4.4 23-6.8 8.3-2.4 18.4-5.4 22.5-6.6 4.1-1.3 14.9-4.4 24-7.1 9.1-2.7 23.5-6.9 32-9.4 8.5-2.6 20.9-6.2 27.5-8.1 6.6-1.9 13.4-3.9 15-4.5 1.7-.5 11.6-3.4 22-6.5 20.6-6 24.1-7.1 47.5-14.1 8.5-2.5 17.1-5.1 19.1-5.6 3.6-1 3.6-1.1 2.8-4.6-.4-2.1-1.1-5.3-1.4-7.2-.3-1.9-1.1-5.5-1.6-8-.6-2.5-1.3-5.6-1.5-7-1.7-8.8-9.5-37.1-14.1-51-3.4-10.4-9.2-27.1-10.3-29.5-.4-1.1-3.9-9.2-7.6-18-8.8-21-22.5-48.5-30.1-60.7-1.3-2.1-2.3-3.9-2.3-4.1 0-1.5-30.5-48.9-31.3-48.7-.1.1-3.7 4.8-8 10.6zM517.8 191.7c-32.4 48.8-54.7 94.5-72.4 147.9-8.7 26.4-20.1 71.6-19.2 76.1.2 1.1 3.9 2.6 12.3 5 6.6 1.9 14 4.1 16.5 4.8 2.5.8 8.3 2.5 13 3.8 4.7 1.4 16.8 5 27 8s19.4 5.7 20.5 6c1.1.3 8.8 2.5 17 5 8.3 2.5 20.4 6.1 27 8.1 6.6 1.9 30.5 8.9 53 15.6 22.6 6.7 42.4 12.5 44 13 5.8 1.5 34.5 10 37 11 1.4.5 2.5.8 2.5.7 0-2.5-22.1-61.2-27.5-73.2-.8-1.7-2.6-5.9-4-9.5-10.5-25.5-43.8-92.8-52.5-106-.6-.8-1.3-2.2-1.7-3-.4-.8-2.2-3.8-4-6.7-1.8-2.9-3.3-5.4-3.3-5.7 0-.8-15-25.1-25.1-40.6-12.7-19.6-25.1-37.3-39.2-56.3l-12.4-16.8-8.5 12.8z"/></svg>`
+};
+const wrIconModules = {
+    name: 'modules',
+    data: `<svg viewBox="0 0 12 15" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.78123 0.973999H1.53153C0.86697 0.973999 0.323242 1.51158 0.323242 2.16863V10.531H1.53153V2.16863H8.78123V0.973999ZM10.5911 3.36377H3.94559C3.28103 3.36377 2.7373 3.90135 2.7373 4.5584V12.9208C2.7373 13.5779 3.28103 14.1154 3.94559 14.1154H10.5911C11.2557 14.1154 11.7994 13.5779 11.7994 12.9208V4.5584C11.7994 3.90135 11.2557 3.36377 10.5911 3.36377ZM3.94434 12.9224H10.5899V4.55994H3.94434V12.9224Z"/></svg>`
+};
+const wrIconPlayBack = {
+    name: 'play-back',
+    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M30.71 229.47l188.87-113a30.54 30.54 0 0131.09-.39 33.74 33.74 0 0116.76 29.47v79.05l180.72-108.16a30.54 30.54 0 0131.09-.39A33.74 33.74 0 01496 145.52v221A33.73 33.73 0 01479.24 396a30.54 30.54 0 01-31.09-.39L267.43 287.4v79.08A33.73 33.73 0 01250.67 396a30.54 30.54 0 01-31.09-.39l-188.87-113a31.27 31.27 0 010-53z"/></svg>`
+};
+const wrIconPlayCircle = {
+    name: 'play-circle',
+    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 48zm74.77 217.3l-114.45 69.14a10.78 10.78 0 01-16.32-9.31V186.87a10.78 10.78 0 0116.32-9.31l114.45 69.14a10.89 10.89 0 010 18.6z"/></svg>`
+};
+const wrIconPlayForward = {
+    name: 'play-forward',
+    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M481.29 229.47l-188.87-113a30.54 30.54 0 00-31.09-.39 33.74 33.74 0 00-16.76 29.47v79.05L63.85 116.44a30.54 30.54 0 00-31.09-.39A33.74 33.74 0 0016 145.52v221A33.74 33.74 0 0032.76 396a30.54 30.54 0 0031.09-.39L244.57 287.4v79.08A33.74 33.74 0 00261.33 396a30.54 30.54 0 0031.09-.39l188.87-113a31.27 31.27 0 000-53z"/></svg>`
+};
+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 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>`
+};
+const wrIconRepeat = {
+    name: 'repeat',
+    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"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>`
+};
+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>`
+};
+const wrIconStopCircle = {
+    name: 'stop-circle',
+    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 48zm80 262.4a25.62 25.62 0 01-25.6 25.6H201.6a25.62 25.62 0 01-25.6-25.6V201.6a25.62 25.62 0 0125.6-25.6h108.8a25.62 25.62 0 0125.6 25.6z"/></svg>`
+};
+const wrIconStop = {
+    name: 'stop',
+    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M392 432H120a40 40 0 01-40-40V120a40 40 0 0140-40h272a40 40 0 0140 40v272a40 40 0 01-40 40z"/></svg>`
+};
+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 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>`
+};
+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,
+    wrIconCaretForward,
+    wrIconCheckmarkCircle,
+    wrIconChevronDown,
+    wrIconChevronUp,
+    wrIconClock,
+    wrIconCloseCircle,
+    wrIconCopy,
+    wrIconDocument,
+    wrIconDotsHorizontal,
+    wrIconDotsVertical,
+    wrIconDownload,
+    wrIconEyeOff,
+    wrIconEye,
+    wrIconFlash,
+    wrIconFolder,
+    wrIconHelp,
+    wrIconInfoCircleOutline,
+    wrIconIpa,
+    wrIconLogoAndroid,
+    wrIconLogoApple,
+    wrIconLogoAppscreener,
+    wrIconLogoOversecured,
+    wrIconLogoStingray,
+    wrIconModules,
+    wrIconPlayBack,
+    wrIconPlayCircle,
+    wrIconPlayForward,
+    wrIconPlay,
+    wrIconReader,
+    wrIconRepeat,
+    wrIconSearch,
+    wrIconStopCircle,
+    wrIconStop,
+    wrIconTrash,
+    wrIconUser,
+    wrIconWarning,
+    wrIconZip
+];
+
+class WrIconService {
+    /**
+     * Access icons registry
+     */
+    get registry() {
+        return WrIconService.registry;
+    }
+    /**
+     * Register all icons
+     */
+    static registerIcons() {
+        wrIconSet.forEach((icon) => WrIconService.registry.set(icon.name, icon.data));
+    }
+}
+/**
+ * Icons registry
+ */
+WrIconService.registry = new Map();
+WrIconService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrIconService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+WrIconService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrIconService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrIconService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class WrIconComponent {
+    constructor(elRef, iconService, doc) {
+        this.elRef = elRef;
+        this.iconService = iconService;
+        this.doc = doc;
+        this.class = 'wr-icon';
+    }
+    set name(name) {
+        if (!this.iconService.registry.has(name)) {
+            console.warn(`Icon ${name} was not found`);
+            return;
+        }
+        if (this.svgIcon) {
+            this.elRef.nativeElement.removeChild(this.svgIcon);
+        }
+        const svgData = this.iconService.registry.get(name) || '';
+        this.svgIcon = this.svgElementFromString(svgData);
+        this.elRef.nativeElement.appendChild(this.svgIcon);
+    }
+    svgElementFromString(svgContent) {
+        const div = this.doc.createElement('div');
+        div.innerHTML = svgContent;
+        return div.querySelector('svg') || this.doc.createElementNS('http://www.w3.org/2000/svg', 'path');
+    }
+}
+WrIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrIconComponent, deps: [{ token: i0.ElementRef }, { token: WrIconService }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+WrIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: WrIconComponent, selector: "wr-icon[name]", inputs: { name: "name" }, 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: WrIconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'wr-icon[name]',
+                    template: '',
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ElementRef }, { type: WrIconService }, { type: undefined, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }];
+    }, propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }], name: [{
+                type: Input
+            }] } });
+
+class WrIconModule {
+    static forRoot() {
+        WrIconService.registerIcons();
+        return { ngModule: WrIconModule };
+    }
+}
+WrIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WrIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WrIconModule, declarations: [WrIconComponent], exports: [WrIconComponent] });
+WrIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrIconModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrIconModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [WrIconComponent],
+                    exports: [WrIconComponent]
+                }]
+        }] });
+
+class WalrusPasswordInputComponent {
+    constructor(ngControl) {
+        this.ngControl = ngControl;
+        this.class = 'wr-password-input';
+        this.type = 'password';
+        this.disabled = false;
+        this.value = null;
+        this.touched = false;
+        this.onChange = (value) => { };
+        this.onTouched = () => { };
+        if (ngControl !== null) {
+            ngControl.valueAccessor = this;
+        }
+    }
+    onVisibilityClick($event) {
+        $event.stopPropagation();
+        this.type === 'password' ? this.type = 'input' : this.type = 'password';
+    }
+    onInput($event) {
+        this.value = $event.currentTarget.value;
+        this.touched = true;
+        this.onChange(this.value);
+    }
+    onFocusOut() {
+        this.touched = true;
+        this.onTouched();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    writeValue(obj) {
+        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: [{
+            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 () {
+        return [{ type: i1.NgControl, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Self
+                    }] }];
+    }, propDecorators: { class: [{
+                type: HostBinding
+            }] } });
+
+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,
+        PlatformModule,
+        WalrusInputModule,
+        WrIconModule], exports: [WalrusPasswordInputComponent] });
+WalrusPasswordInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusPasswordInputModule, imports: [CommonModule,
+        PlatformModule,
+        WalrusInputModule,
+        WrIconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusPasswordInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        PlatformModule,
+                        WalrusInputModule,
+                        WrIconModule
+                    ],
+                    declarations: [
+                        WalrusPasswordInputComponent,
+                    ],
+                    exports: [
+                        WalrusPasswordInputComponent,
+                    ]
+                }]
+        }] });
+
+class WalrusSkeletonComponent {
+    constructor(el) {
+        this.el = el;
+        this.color = 'dark';
+        this.classes = `wr-skeleton`;
+        this.destroy$ = new Subject();
+    }
+    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();
+    }
+}
+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: [{
+            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: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+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] });
+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]
+                }]
+        }] });
+
+class WalrusTagComponent {
+    constructor(elementRef, r2) {
+        this.elementRef = elementRef;
+        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.hoverable = false;
+        this.destroy$ = new Subject();
+    }
+    ngOnInit() {
+        this.setClasses();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    ngOnChanges(changes) {
+        if (changes) {
+            this.setClasses();
+        }
+    }
+    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);
+        add(this.color);
+        if (this.round) {
+            add(`-round`);
+        }
+        if (this.transparent) {
+            add(`-transparent`);
+        }
+        if (this.hoverable) {
+            add(`-hoverable`);
+        }
+        if (this.outline) {
+            add(`-outline`);
+        }
+    }
+}
+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 });
+__decorate([
+    InputBoolean()
+], WalrusTagComponent.prototype, "transparent", void 0);
+__decorate([
+    InputBoolean()
+], WalrusTagComponent.prototype, "loading", void 0);
+__decorate([
+    InputBoolean()
+], WalrusTagComponent.prototype, "outline", void 0);
+__decorate([
+    InputBoolean()
+], WalrusTagComponent.prototype, "round", void 0);
+__decorate([
+    InputBoolean()
+], WalrusTagComponent.prototype, "hoverable", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusTagComponent, 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: [{
+                type: Input
+            }], transparent: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], outline: [{
+                type: Input
+            }], round: [{
+                type: Input
+            }], hoverable: [{
+                type: Input
+            }] } });
+
+class WalrusTagModule {
+}
+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: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, WalrusSpinnerModule],
+                    declarations: [WalrusTagComponent],
+                    exports: [WalrusTagComponent]
+                }]
+        }] });
+
+/**
+ * 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 };
+//# sourceMappingURL=ngwr.mjs.map