ngwr 0.0.3 → 0.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +35 -0
- package/_core/components/base.component.d.ts +11 -0
- package/_core/constants/style-prefix.d.ts +1 -0
- package/_core/index.d.ts +5 -0
- package/_core/types/boolean-input.d.ts +1 -0
- package/_core/types/safe-any.d.ts +1 -0
- package/_core/util/convert.d.ts +19 -0
- package/button/button.component.d.ts +27 -0
- package/button/button.module.d.ts +9 -0
- package/button/{index.ts → index.d.ts} +0 -0
- package/divider/divider.component.d.ts +6 -0
- package/divider/divider.module.d.ts +7 -0
- package/divider/{index.ts → index.d.ts} +0 -0
- package/esm2020/_core/components/base.component.mjs +23 -0
- package/esm2020/_core/constants/style-prefix.mjs +2 -0
- package/esm2020/_core/index.mjs +10 -0
- package/esm2020/_core/types/boolean-input.mjs +2 -0
- package/esm2020/_core/types/safe-any.mjs +2 -0
- package/esm2020/_core/util/convert.mjs +51 -0
- package/esm2020/button/button.component.mjs +132 -0
- package/esm2020/button/button.module.mjs +19 -0
- package/esm2020/button/index.mjs +3 -0
- package/esm2020/divider/divider.component.mjs +23 -0
- package/esm2020/divider/divider.module.mjs +16 -0
- package/esm2020/divider/index.mjs +3 -0
- package/esm2020/extended-input/extended-input.component.mjs +68 -0
- package/esm2020/extended-input/extended-input.module.mjs +20 -0
- package/esm2020/extended-input/index.mjs +3 -0
- package/esm2020/form/form-error.component.mjs +23 -0
- package/esm2020/form/form-item.component.mjs +48 -0
- package/esm2020/form/form.module.mjs +19 -0
- package/esm2020/form/index.mjs +4 -0
- package/esm2020/icon/index.mjs +5 -0
- package/esm2020/icon/wr-icon.component.mjs +51 -0
- package/esm2020/icon/wr-icon.module.mjs +21 -0
- package/esm2020/icon/wr-icon.service.mjs +30 -0
- package/esm2020/icon/wr-icons.mjs +244 -0
- package/esm2020/input/index.mjs +3 -0
- package/esm2020/input/input.directive.mjs +61 -0
- package/esm2020/input/input.module.mjs +19 -0
- package/esm2020/ngwr.mjs +5 -0
- package/esm2020/password-input/index.mjs +3 -0
- package/esm2020/password-input/password-input.component.mjs +58 -0
- package/esm2020/password-input/password-input.module.mjs +21 -0
- package/esm2020/public-api.mjs +11 -0
- package/esm2020/skeleton/index.mjs +3 -0
- package/esm2020/skeleton/skeleton.component.mjs +31 -0
- package/esm2020/skeleton/skeleton.module.mjs +19 -0
- package/esm2020/spinner/index.mjs +3 -0
- package/esm2020/spinner/spinner.component.mjs +23 -0
- package/esm2020/spinner/spinner.module.mjs +16 -0
- package/esm2020/tag/index.mjs +3 -0
- package/esm2020/tag/tag.component.mjs +84 -0
- package/esm2020/tag/tag.module.mjs +19 -0
- package/extended-input/extended-input.component.d.ts +26 -0
- package/extended-input/extended-input.module.d.ts +10 -0
- package/extended-input/{index.ts → index.d.ts} +0 -0
- package/fesm2015/ngwr.mjs +1062 -0
- package/fesm2015/ngwr.mjs.map +1 -0
- package/fesm2020/ngwr.mjs +1052 -0
- package/fesm2020/ngwr.mjs.map +1 -0
- package/form/form-error.component.d.ts +6 -0
- package/form/form-item.component.d.ts +16 -0
- package/form/form.module.d.ts +9 -0
- package/form/{index.ts → index.d.ts} +0 -0
- package/icon/{index.ts → index.d.ts} +0 -0
- package/icon/wr-icon.component.d.ts +17 -0
- package/icon/wr-icon.module.d.ts +9 -0
- package/icon/wr-icon.service.d.ts +17 -0
- package/icon/wr-icons.d.ts +343 -0
- package/index.d.ts +5 -0
- package/input/{index.ts → index.d.ts} +0 -0
- package/input/input.directive.d.ts +18 -0
- package/input/input.module.d.ts +9 -0
- package/logo.svg +1 -0
- package/ngwr.min.css +8 -0
- package/package.json +34 -11
- package/password-input/{index.ts → index.d.ts} +0 -0
- package/password-input/password-input.component.d.ts +22 -0
- package/password-input/password-input.module.d.ts +11 -0
- package/{public-api.ts → public-api.d.ts} +0 -0
- package/skeleton/{index.ts → index.d.ts} +0 -0
- package/skeleton/skeleton.component.d.ts +11 -0
- package/skeleton/skeleton.module.d.ts +9 -0
- package/spinner/{index.ts → index.d.ts} +0 -0
- package/spinner/spinner.component.d.ts +6 -0
- package/spinner/spinner.module.d.ts +7 -0
- package/tag/{index.ts → index.d.ts} +0 -0
- package/tag/tag.component.d.ts +22 -0
- package/tag/tag.module.d.ts +9 -0
- package/button/button.component.ts +0 -132
- package/button/button.module.ts +0 -11
- package/core/types/convert-input.ts +0 -2
- package/core/types/index.ts +0 -3
- package/core/types/indexable.ts +0 -3
- package/core/types/ng-class.ts +0 -11
- package/core/util/convert.ts +0 -63
- package/core/util/index.ts +0 -1
- package/divider/divider.component.ts +0 -13
- package/divider/divider.module.ts +0 -10
- package/extended-input/extended-input.component.html +0 -13
- package/extended-input/extended-input.component.ts +0 -77
- package/extended-input/extended-input.module.ts +0 -17
- package/form/form-error.component.ts +0 -20
- package/form/form-item.component.ts +0 -60
- package/form/form.module.ts +0 -17
- package/icon/svg/aab.svg +0 -1
- package/icon/svg/add.svg +0 -1
- package/icon/svg/alert.svg +0 -1
- package/icon/svg/apk.svg +0 -1
- package/icon/svg/arrow-back.svg +0 -1
- package/icon/svg/bug.svg +0 -1
- package/icon/svg/caret-back.svg +0 -1
- package/icon/svg/caret-forward.svg +0 -1
- package/icon/svg/checkmark-circle.svg +0 -1
- package/icon/svg/chevron-down.svg +0 -1
- package/icon/svg/chevron-up.svg +0 -1
- package/icon/svg/clock.svg +0 -1
- package/icon/svg/close-circle.svg +0 -1
- package/icon/svg/copy.svg +0 -1
- package/icon/svg/document.svg +0 -1
- package/icon/svg/dots-horizontal.svg +0 -1
- package/icon/svg/dots-vertical.svg +0 -1
- package/icon/svg/download.svg +0 -1
- package/icon/svg/eye-off.svg +0 -1
- package/icon/svg/eye.svg +0 -1
- package/icon/svg/flash.svg +0 -1
- package/icon/svg/folder.svg +0 -1
- package/icon/svg/help.svg +0 -1
- package/icon/svg/info-circle-outline.svg +0 -1
- package/icon/svg/ipa.svg +0 -1
- package/icon/svg/logo-android.svg +0 -1
- package/icon/svg/logo-apple.svg +0 -1
- package/icon/svg/logo-appscreener.svg +0 -1
- package/icon/svg/logo-oversecured.svg +0 -1
- package/icon/svg/logo-stingray.svg +0 -1
- package/icon/svg/modules.svg +0 -1
- package/icon/svg/play-back.svg +0 -1
- package/icon/svg/play-circle.svg +0 -1
- package/icon/svg/play-forward.svg +0 -1
- package/icon/svg/play.svg +0 -1
- package/icon/svg/reader.svg +0 -1
- package/icon/svg/repeat.svg +0 -1
- package/icon/svg/search.svg +0 -1
- package/icon/svg/stop-circle.svg +0 -1
- package/icon/svg/stop.svg +0 -1
- package/icon/svg/trash.svg +0 -1
- package/icon/svg/user.svg +0 -1
- package/icon/svg/warning.svg +0 -1
- package/icon/svg/zip.svg +0 -1
- package/icon/wr-icon.component.ts +0 -52
- package/icon/wr-icon.module.ts +0 -14
- package/icon/wr-icon.service.ts +0 -28
- package/icon/wr-icons.ts +0 -405
- package/index.ts +0 -1
- package/input/input.directive.ts +0 -65
- package/input/input.module.ts +0 -16
- package/ng-package.json +0 -11
- package/password-input/password-input.component.html +0 -10
- package/password-input/password-input.component.ts +0 -56
- package/password-input/password-input.module.ts +0 -23
- package/skeleton/skeleton.component.ts +0 -38
- package/skeleton/skeleton.module.ts +0 -11
- package/spinner/spinner.component.ts +0 -11
- package/spinner/spinner.module.ts +0 -10
- package/styles/components/_index.scss +0 -15
- package/styles/components/alert.scss +0 -28
- package/styles/components/button.scss +0 -115
- package/styles/components/card.scss +0 -41
- package/styles/components/divider.scss +0 -19
- package/styles/components/dropdown.scss +0 -128
- package/styles/components/extended-input.scss +0 -64
- package/styles/components/form.scss +0 -85
- package/styles/components/heading.scss +0 -25
- package/styles/components/icon.scss +0 -32
- package/styles/components/input.scss +0 -43
- package/styles/components/password-input.scss +0 -31
- package/styles/components/skeleton.scss +0 -58
- package/styles/components/spinner.scss +0 -44
- package/styles/components/tag.scss +0 -70
- package/styles/components/tooltip.scss +0 -60
- package/styles/functions.scss +0 -184
- package/styles/grid.scss +0 -177
- package/styles/index.scss +0 -165
- package/styles/mixins/_index.scss +0 -22
- package/styles/mixins/alert.scss +0 -7
- package/styles/mixins/button.scss +0 -56
- package/styles/mixins/reset-component.scss +0 -13
- package/styles/mixins/tag.scss +0 -68
- package/styles/reset.scss +0 -104
- package/styles/root.scss +0 -31
- package/styles/vars.scss +0 -1075
- package/tag/tag.component.ts +0 -92
- package/tag/tag.module.ts +0 -11
- package/tsconfig.lib.json +0 -15
- package/tsconfig.lib.prod.json +0 -10
|
@@ -0,0 +1,1062 @@
|
|
|
1
|
+
import * as i2 from '@angular/common';
|
|
2
|
+
import { CommonModule, DOCUMENT } from '@angular/common';
|
|
3
|
+
import * as i0 from '@angular/core';
|
|
4
|
+
import { Directive, Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, NgModule, Input, Optional, Self, Injectable, Inject } from '@angular/core';
|
|
5
|
+
import { Subject, fromEvent } from 'rxjs';
|
|
6
|
+
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
7
|
+
import { __decorate } from 'tslib';
|
|
8
|
+
import { takeUntil, filter } from 'rxjs/operators';
|
|
9
|
+
import { PlatformModule } from '@angular/cdk/platform';
|
|
10
|
+
import * as i1 from '@angular/forms';
|
|
11
|
+
|
|
12
|
+
class BaseComponent {
|
|
13
|
+
constructor() {
|
|
14
|
+
this.ngUnsubscribe = new Subject();
|
|
15
|
+
this._isDestroyed = false;
|
|
16
|
+
}
|
|
17
|
+
get isDestroyed() {
|
|
18
|
+
return this._isDestroyed;
|
|
19
|
+
}
|
|
20
|
+
ngOnDestroy() {
|
|
21
|
+
this._isDestroyed = true;
|
|
22
|
+
this.ngUnsubscribe.next(undefined);
|
|
23
|
+
this.ngUnsubscribe.complete();
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
BaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: BaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
27
|
+
BaseComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.3", type: BaseComponent, ngImport: i0 });
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: BaseComponent, decorators: [{
|
|
29
|
+
type: Directive
|
|
30
|
+
}] });
|
|
31
|
+
|
|
32
|
+
const stylePrefix = 'wr';
|
|
33
|
+
|
|
34
|
+
function toBoolean(value) {
|
|
35
|
+
return coerceBooleanProperty(value);
|
|
36
|
+
}
|
|
37
|
+
// eslint-disable
|
|
38
|
+
function propDecoratorFactory(name, fallback) {
|
|
39
|
+
function propDecorator(target, propName, originalDescriptor) {
|
|
40
|
+
const privatePropName = `$$__wrPropDecorator__${propName}`;
|
|
41
|
+
if (Object.prototype.hasOwnProperty.call(target, privatePropName)) {
|
|
42
|
+
console.warn(`The prop "${privatePropName}" is already exist, it will be overrided by ${name} decorator.`);
|
|
43
|
+
}
|
|
44
|
+
Object.defineProperty(target, privatePropName, {
|
|
45
|
+
configurable: true,
|
|
46
|
+
writable: true
|
|
47
|
+
});
|
|
48
|
+
return {
|
|
49
|
+
get() {
|
|
50
|
+
return originalDescriptor && originalDescriptor.get
|
|
51
|
+
? originalDescriptor.get.bind(this)()
|
|
52
|
+
: this[privatePropName];
|
|
53
|
+
},
|
|
54
|
+
set(value) {
|
|
55
|
+
if (originalDescriptor && originalDescriptor.set) {
|
|
56
|
+
originalDescriptor.set.bind(this)(fallback(value));
|
|
57
|
+
}
|
|
58
|
+
this[privatePropName] = fallback(value);
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
}
|
|
62
|
+
return propDecorator;
|
|
63
|
+
}
|
|
64
|
+
/**
|
|
65
|
+
* Input decorator that handle a prop to do get/set automatically with toBoolean
|
|
66
|
+
*
|
|
67
|
+
* Why not using @InputBoolean alone without @Input? AOT needs @Input to be visible
|
|
68
|
+
*
|
|
69
|
+
* @howToUse
|
|
70
|
+
* ```
|
|
71
|
+
* @Input() @InputBoolean() visible: boolean = false;
|
|
72
|
+
*
|
|
73
|
+
* // Act as below:
|
|
74
|
+
* // @Input()
|
|
75
|
+
* // get visible() { return this.__visible; }
|
|
76
|
+
* // set visible(value) { this.__visible = value; }
|
|
77
|
+
* // __visible = false;
|
|
78
|
+
* ```
|
|
79
|
+
*/
|
|
80
|
+
function InputBoolean() {
|
|
81
|
+
return propDecoratorFactory('InputBoolean', toBoolean);
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
// Components
|
|
85
|
+
|
|
86
|
+
class WrSpinnerComponent {
|
|
87
|
+
constructor() {
|
|
88
|
+
this.class = `${stylePrefix}-spin`;
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
WrSpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
92
|
+
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 });
|
|
93
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrSpinnerComponent, decorators: [{
|
|
94
|
+
type: Component,
|
|
95
|
+
args: [{
|
|
96
|
+
selector: 'wr-spin',
|
|
97
|
+
template: '<svg viewBox="0 0 50 50"><circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="5"></circle></svg>',
|
|
98
|
+
encapsulation: ViewEncapsulation.None,
|
|
99
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
|
100
|
+
}]
|
|
101
|
+
}], propDecorators: { class: [{
|
|
102
|
+
type: HostBinding,
|
|
103
|
+
args: ['class']
|
|
104
|
+
}] } });
|
|
105
|
+
|
|
106
|
+
class WrSpinnerModule {
|
|
107
|
+
}
|
|
108
|
+
WrSpinnerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
109
|
+
WrSpinnerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WrSpinnerModule, declarations: [WrSpinnerComponent], exports: [WrSpinnerComponent] });
|
|
110
|
+
WrSpinnerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrSpinnerModule });
|
|
111
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrSpinnerModule, decorators: [{
|
|
112
|
+
type: NgModule,
|
|
113
|
+
args: [{
|
|
114
|
+
declarations: [WrSpinnerComponent],
|
|
115
|
+
exports: [WrSpinnerComponent]
|
|
116
|
+
}]
|
|
117
|
+
}] });
|
|
118
|
+
|
|
119
|
+
class WrButtonComponent extends BaseComponent {
|
|
120
|
+
constructor(cdr, elRef, ngZone, r2) {
|
|
121
|
+
super();
|
|
122
|
+
this.cdr = cdr;
|
|
123
|
+
this.elRef = elRef;
|
|
124
|
+
this.ngZone = ngZone;
|
|
125
|
+
this.r2 = r2;
|
|
126
|
+
this.color = 'primary';
|
|
127
|
+
this.size = 'default';
|
|
128
|
+
this.disabled = false;
|
|
129
|
+
this.outlined = false;
|
|
130
|
+
this.rounded = false;
|
|
131
|
+
this.loading = false;
|
|
132
|
+
this.block = false;
|
|
133
|
+
this.baseClass = `${stylePrefix}-btn`;
|
|
134
|
+
}
|
|
135
|
+
ngOnInit() {
|
|
136
|
+
this.setClasses();
|
|
137
|
+
this.ngZone.runOutsideAngular(() => {
|
|
138
|
+
/**
|
|
139
|
+
* Caretaker note: this event listener could've been added through `host.click` or `HostListener`.
|
|
140
|
+
* The compiler generates the `ɵɵlistener` instruction which wraps the actual listener internally into the
|
|
141
|
+
* function, which runs `markDirty()` before running the actual listener (the decorated class method).
|
|
142
|
+
* Since we're preventing the default behavior and stopping event propagation
|
|
143
|
+
* this doesn't require Angular to run the change detection.
|
|
144
|
+
*/
|
|
145
|
+
fromEvent(this.elRef.nativeElement, 'click')
|
|
146
|
+
.pipe(takeUntil(this.ngUnsubscribe))
|
|
147
|
+
.subscribe(event => {
|
|
148
|
+
var _a;
|
|
149
|
+
if (this.disabled && ((_a = event.target) === null || _a === void 0 ? void 0 : _a.tagName) === 'A') {
|
|
150
|
+
event.preventDefault();
|
|
151
|
+
event.stopImmediatePropagation();
|
|
152
|
+
}
|
|
153
|
+
});
|
|
154
|
+
});
|
|
155
|
+
}
|
|
156
|
+
ngAfterViewInit() {
|
|
157
|
+
this.insertSpan(this.elRef.nativeElement.childNodes, this.r2);
|
|
158
|
+
}
|
|
159
|
+
ngOnChanges(changes) {
|
|
160
|
+
var _a, _b;
|
|
161
|
+
if (!((_a = changes['disabled']) === null || _a === void 0 ? void 0 : _a.currentValue)) {
|
|
162
|
+
this.r2.removeClass(this.elRef.nativeElement, `${this.baseClass}--disabled`);
|
|
163
|
+
}
|
|
164
|
+
if (!((_b = changes['disabled']) === null || _b === void 0 ? void 0 : _b.currentValue)) {
|
|
165
|
+
this.r2.removeClass(this.elRef.nativeElement, `${this.baseClass}--loading`);
|
|
166
|
+
}
|
|
167
|
+
this.setClasses();
|
|
168
|
+
this.cdr.detectChanges();
|
|
169
|
+
}
|
|
170
|
+
insertSpan(nodes, renderer) {
|
|
171
|
+
nodes.forEach(node => {
|
|
172
|
+
if (node.nodeName === '#text') {
|
|
173
|
+
const span = renderer.createElement('span');
|
|
174
|
+
renderer.addClass(span, `${this.baseClass}__text`);
|
|
175
|
+
const parent = renderer.parentNode(node);
|
|
176
|
+
renderer.insertBefore(parent, span, node);
|
|
177
|
+
renderer.appendChild(span, node);
|
|
178
|
+
}
|
|
179
|
+
});
|
|
180
|
+
}
|
|
181
|
+
setClasses() {
|
|
182
|
+
const el = this.elRef.nativeElement;
|
|
183
|
+
const add = (klass) => this.r2.addClass(el, `${this.baseClass}-${klass}`);
|
|
184
|
+
this.r2.addClass(el, this.baseClass);
|
|
185
|
+
add(this.color);
|
|
186
|
+
if (this.rounded) {
|
|
187
|
+
add(`-rounded`);
|
|
188
|
+
}
|
|
189
|
+
if (this.loading) {
|
|
190
|
+
add(`-loading`);
|
|
191
|
+
}
|
|
192
|
+
if (this.block) {
|
|
193
|
+
add(`-block`);
|
|
194
|
+
}
|
|
195
|
+
add(`-${this.size}`);
|
|
196
|
+
if (this.outlined) {
|
|
197
|
+
add(`-outlined`);
|
|
198
|
+
}
|
|
199
|
+
if (this.disabled) {
|
|
200
|
+
add('-disabled');
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
}
|
|
204
|
+
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 });
|
|
205
|
+
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 });
|
|
206
|
+
__decorate([
|
|
207
|
+
InputBoolean()
|
|
208
|
+
], WrButtonComponent.prototype, "disabled", void 0);
|
|
209
|
+
__decorate([
|
|
210
|
+
InputBoolean()
|
|
211
|
+
], WrButtonComponent.prototype, "outlined", void 0);
|
|
212
|
+
__decorate([
|
|
213
|
+
InputBoolean()
|
|
214
|
+
], WrButtonComponent.prototype, "rounded", void 0);
|
|
215
|
+
__decorate([
|
|
216
|
+
InputBoolean()
|
|
217
|
+
], WrButtonComponent.prototype, "loading", void 0);
|
|
218
|
+
__decorate([
|
|
219
|
+
InputBoolean()
|
|
220
|
+
], WrButtonComponent.prototype, "block", void 0);
|
|
221
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrButtonComponent, decorators: [{
|
|
222
|
+
type: Component,
|
|
223
|
+
args: [{
|
|
224
|
+
selector: 'wr-btn, [wr-btn]',
|
|
225
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
226
|
+
encapsulation: ViewEncapsulation.None,
|
|
227
|
+
template: `<ng-content></ng-content><wr-spin *ngIf="loading"></wr-spin>`
|
|
228
|
+
}]
|
|
229
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Renderer2 }]; }, propDecorators: { color: [{
|
|
230
|
+
type: Input
|
|
231
|
+
}], size: [{
|
|
232
|
+
type: Input
|
|
233
|
+
}], disabled: [{
|
|
234
|
+
type: Input
|
|
235
|
+
}], outlined: [{
|
|
236
|
+
type: Input
|
|
237
|
+
}], rounded: [{
|
|
238
|
+
type: Input
|
|
239
|
+
}], loading: [{
|
|
240
|
+
type: Input
|
|
241
|
+
}], block: [{
|
|
242
|
+
type: Input
|
|
243
|
+
}] } });
|
|
244
|
+
|
|
245
|
+
class WrButtonModule {
|
|
246
|
+
}
|
|
247
|
+
WrButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
248
|
+
WrButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WrButtonModule, declarations: [WrButtonComponent], imports: [CommonModule, WrSpinnerModule], exports: [WrButtonComponent] });
|
|
249
|
+
WrButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrButtonModule, imports: [CommonModule, WrSpinnerModule] });
|
|
250
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrButtonModule, decorators: [{
|
|
251
|
+
type: NgModule,
|
|
252
|
+
args: [{
|
|
253
|
+
imports: [CommonModule, WrSpinnerModule],
|
|
254
|
+
declarations: [WrButtonComponent],
|
|
255
|
+
exports: [WrButtonComponent]
|
|
256
|
+
}]
|
|
257
|
+
}] });
|
|
258
|
+
|
|
259
|
+
class WrDividerComponent {
|
|
260
|
+
constructor() {
|
|
261
|
+
this.class = `${stylePrefix}-divider`;
|
|
262
|
+
}
|
|
263
|
+
}
|
|
264
|
+
WrDividerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
265
|
+
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 });
|
|
266
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrDividerComponent, decorators: [{
|
|
267
|
+
type: Component,
|
|
268
|
+
args: [{
|
|
269
|
+
selector: 'wr-divider',
|
|
270
|
+
template: '',
|
|
271
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
272
|
+
encapsulation: ViewEncapsulation.None
|
|
273
|
+
}]
|
|
274
|
+
}], propDecorators: { class: [{
|
|
275
|
+
type: HostBinding,
|
|
276
|
+
args: ['class']
|
|
277
|
+
}] } });
|
|
278
|
+
|
|
279
|
+
class WrDividerModule {
|
|
280
|
+
}
|
|
281
|
+
WrDividerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
282
|
+
WrDividerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WrDividerModule, declarations: [WrDividerComponent], exports: [WrDividerComponent] });
|
|
283
|
+
WrDividerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrDividerModule });
|
|
284
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrDividerModule, decorators: [{
|
|
285
|
+
type: NgModule,
|
|
286
|
+
args: [{
|
|
287
|
+
declarations: [WrDividerComponent],
|
|
288
|
+
exports: [WrDividerComponent]
|
|
289
|
+
}]
|
|
290
|
+
}] });
|
|
291
|
+
|
|
292
|
+
class WrInputDirective extends BaseComponent {
|
|
293
|
+
constructor(ngControl) {
|
|
294
|
+
super();
|
|
295
|
+
this.ngControl = ngControl;
|
|
296
|
+
this.class = `${stylePrefix}-input`;
|
|
297
|
+
this._disabled = false;
|
|
298
|
+
this.disabled$ = new Subject();
|
|
299
|
+
}
|
|
300
|
+
get disabled() {
|
|
301
|
+
if (this.ngControl && this.ngControl.disabled !== null) {
|
|
302
|
+
return this.ngControl.disabled;
|
|
303
|
+
}
|
|
304
|
+
return this._disabled;
|
|
305
|
+
}
|
|
306
|
+
set disabled(value) {
|
|
307
|
+
this._disabled = value != null && `${value}` !== 'false';
|
|
308
|
+
}
|
|
309
|
+
ngOnInit() {
|
|
310
|
+
var _a;
|
|
311
|
+
if (this.ngControl) {
|
|
312
|
+
(_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));
|
|
313
|
+
}
|
|
314
|
+
}
|
|
315
|
+
ngOnChanges(changes) {
|
|
316
|
+
const { disabled } = changes;
|
|
317
|
+
if (disabled) {
|
|
318
|
+
this.disabled$.next(this.disabled);
|
|
319
|
+
}
|
|
320
|
+
}
|
|
321
|
+
}
|
|
322
|
+
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 });
|
|
323
|
+
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 });
|
|
324
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrInputDirective, decorators: [{
|
|
325
|
+
type: Directive,
|
|
326
|
+
args: [{
|
|
327
|
+
selector: 'wr-input, input[wr-input], textarea[wr-input]'
|
|
328
|
+
}]
|
|
329
|
+
}], ctorParameters: function () {
|
|
330
|
+
return [{ type: i1.NgControl, decorators: [{
|
|
331
|
+
type: Optional
|
|
332
|
+
}, {
|
|
333
|
+
type: Self
|
|
334
|
+
}] }];
|
|
335
|
+
}, propDecorators: { class: [{
|
|
336
|
+
type: HostBinding,
|
|
337
|
+
args: ['class']
|
|
338
|
+
}], disabled: [{
|
|
339
|
+
type: HostBinding,
|
|
340
|
+
args: [`class.${stylePrefix}-input--disabled`]
|
|
341
|
+
}, {
|
|
342
|
+
type: HostBinding,
|
|
343
|
+
args: ['disabled']
|
|
344
|
+
}, {
|
|
345
|
+
type: Input
|
|
346
|
+
}] } });
|
|
347
|
+
|
|
348
|
+
class WrInputModule {
|
|
349
|
+
}
|
|
350
|
+
WrInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
351
|
+
WrInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WrInputModule, declarations: [WrInputDirective], imports: [CommonModule, PlatformModule], exports: [WrInputDirective] });
|
|
352
|
+
WrInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrInputModule, imports: [CommonModule, PlatformModule] });
|
|
353
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrInputModule, decorators: [{
|
|
354
|
+
type: NgModule,
|
|
355
|
+
args: [{
|
|
356
|
+
imports: [CommonModule, PlatformModule],
|
|
357
|
+
declarations: [WrInputDirective],
|
|
358
|
+
exports: [WrInputDirective]
|
|
359
|
+
}]
|
|
360
|
+
}] });
|
|
361
|
+
|
|
362
|
+
class WrExtendedInputComponent {
|
|
363
|
+
constructor(ngControl, elRef, r2) {
|
|
364
|
+
this.ngControl = ngControl;
|
|
365
|
+
this.elRef = elRef;
|
|
366
|
+
this.r2 = r2;
|
|
367
|
+
this.class = `${stylePrefix}-extended-input`;
|
|
368
|
+
this.disabled = false;
|
|
369
|
+
this.value = undefined;
|
|
370
|
+
this.touched = false;
|
|
371
|
+
this.onChange = (value) => { };
|
|
372
|
+
this.onTouched = () => { };
|
|
373
|
+
if (ngControl !== null) {
|
|
374
|
+
ngControl.valueAccessor = this;
|
|
375
|
+
}
|
|
376
|
+
}
|
|
377
|
+
ngOnInit() {
|
|
378
|
+
const el = this.elRef.nativeElement;
|
|
379
|
+
const add = (klass) => this.r2.addClass(el, `${this.class}-${klass}`);
|
|
380
|
+
if (this.suffix) {
|
|
381
|
+
add('-has-suffix');
|
|
382
|
+
}
|
|
383
|
+
if (this.prefix) {
|
|
384
|
+
add('-has-prefix');
|
|
385
|
+
}
|
|
386
|
+
}
|
|
387
|
+
onInput($event) {
|
|
388
|
+
this.value = $event.currentTarget.value;
|
|
389
|
+
this.touched = true;
|
|
390
|
+
this.onChange(this.value);
|
|
391
|
+
}
|
|
392
|
+
onFocusOut() {
|
|
393
|
+
this.touched = true;
|
|
394
|
+
this.onTouched();
|
|
395
|
+
}
|
|
396
|
+
registerOnChange(fn) {
|
|
397
|
+
this.onChange = fn;
|
|
398
|
+
}
|
|
399
|
+
registerOnTouched(fn) {
|
|
400
|
+
this.onTouched = fn;
|
|
401
|
+
}
|
|
402
|
+
writeValue(obj) {
|
|
403
|
+
this.value = obj;
|
|
404
|
+
}
|
|
405
|
+
}
|
|
406
|
+
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 });
|
|
407
|
+
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 wr-input [disabled]=\"disabled\" [value]=\"value\" (focusout)=\"onFocusOut()\" (input)=\"onInput($event)\" />\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 });
|
|
408
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrExtendedInputComponent, decorators: [{
|
|
409
|
+
type: Component,
|
|
410
|
+
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 wr-input [disabled]=\"disabled\" [value]=\"value\" (focusout)=\"onFocusOut()\" (input)=\"onInput($event)\" />\n<div class=\"wr-extended-input-suffix\" *ngIf=\"suffix\">\n <span class=\"wr-extended-input-suffix__text\">{{ suffix }}</span>\n</div>\n" }]
|
|
411
|
+
}], ctorParameters: function () {
|
|
412
|
+
return [{ type: i1.NgControl, decorators: [{
|
|
413
|
+
type: Optional
|
|
414
|
+
}, {
|
|
415
|
+
type: Self
|
|
416
|
+
}] }, { type: i0.ElementRef }, { type: i0.Renderer2 }];
|
|
417
|
+
}, propDecorators: { class: [{
|
|
418
|
+
type: HostBinding,
|
|
419
|
+
args: ['class']
|
|
420
|
+
}], suffix: [{
|
|
421
|
+
type: Input
|
|
422
|
+
}], prefix: [{
|
|
423
|
+
type: Input
|
|
424
|
+
}] } });
|
|
425
|
+
|
|
426
|
+
class WrExtendedInputModule {
|
|
427
|
+
}
|
|
428
|
+
WrExtendedInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrExtendedInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
429
|
+
WrExtendedInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WrExtendedInputModule, declarations: [WrExtendedInputComponent], imports: [CommonModule, PlatformModule, WrInputModule], exports: [WrExtendedInputComponent] });
|
|
430
|
+
WrExtendedInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrExtendedInputModule, imports: [CommonModule, PlatformModule, WrInputModule] });
|
|
431
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrExtendedInputModule, decorators: [{
|
|
432
|
+
type: NgModule,
|
|
433
|
+
args: [{
|
|
434
|
+
imports: [CommonModule, PlatformModule, WrInputModule],
|
|
435
|
+
declarations: [WrExtendedInputComponent],
|
|
436
|
+
exports: [WrExtendedInputComponent]
|
|
437
|
+
}]
|
|
438
|
+
}] });
|
|
439
|
+
|
|
440
|
+
class WrFormErrorComponent {
|
|
441
|
+
constructor() {
|
|
442
|
+
this.class = `${stylePrefix}-form-error`;
|
|
443
|
+
}
|
|
444
|
+
}
|
|
445
|
+
WrFormErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrFormErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
446
|
+
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 });
|
|
447
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrFormErrorComponent, decorators: [{
|
|
448
|
+
type: Component,
|
|
449
|
+
args: [{
|
|
450
|
+
selector: 'wr-form-error',
|
|
451
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
452
|
+
encapsulation: ViewEncapsulation.None,
|
|
453
|
+
template: `<ng-content></ng-content>`
|
|
454
|
+
}]
|
|
455
|
+
}], propDecorators: { class: [{
|
|
456
|
+
type: HostBinding,
|
|
457
|
+
args: ['class']
|
|
458
|
+
}] } });
|
|
459
|
+
|
|
460
|
+
class WrFormItemComponent {
|
|
461
|
+
constructor(cdr, elRef, r2) {
|
|
462
|
+
this.cdr = cdr;
|
|
463
|
+
this.elRef = elRef;
|
|
464
|
+
this.r2 = r2;
|
|
465
|
+
this.hasError = false;
|
|
466
|
+
this.baseClass = `${stylePrefix}-form-item`;
|
|
467
|
+
}
|
|
468
|
+
ngOnInit() {
|
|
469
|
+
this.setClasses();
|
|
470
|
+
}
|
|
471
|
+
ngOnChanges(changes) {
|
|
472
|
+
var _a;
|
|
473
|
+
if (!((_a = changes['hasError']) === null || _a === void 0 ? void 0 : _a.currentValue)) {
|
|
474
|
+
this.r2.removeClass(this.elRef.nativeElement, `${this.baseClass}--has-error`);
|
|
475
|
+
}
|
|
476
|
+
this.setClasses();
|
|
477
|
+
this.cdr.detectChanges();
|
|
478
|
+
}
|
|
479
|
+
setClasses() {
|
|
480
|
+
const el = this.elRef.nativeElement;
|
|
481
|
+
const add = (klass) => this.r2.addClass(el, `${this.baseClass}-${klass}`);
|
|
482
|
+
this.r2.addClass(el, this.baseClass);
|
|
483
|
+
if (this.hasError) {
|
|
484
|
+
add('-has-error');
|
|
485
|
+
}
|
|
486
|
+
}
|
|
487
|
+
}
|
|
488
|
+
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 });
|
|
489
|
+
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 });
|
|
490
|
+
__decorate([
|
|
491
|
+
InputBoolean()
|
|
492
|
+
], WrFormItemComponent.prototype, "hasError", void 0);
|
|
493
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrFormItemComponent, decorators: [{
|
|
494
|
+
type: Component,
|
|
495
|
+
args: [{
|
|
496
|
+
selector: 'wr-form-item',
|
|
497
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
498
|
+
encapsulation: ViewEncapsulation.None,
|
|
499
|
+
template: `<ng-content></ng-content>`
|
|
500
|
+
}]
|
|
501
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { hasError: [{
|
|
502
|
+
type: Input
|
|
503
|
+
}] } });
|
|
504
|
+
|
|
505
|
+
class WrFormModule {
|
|
506
|
+
}
|
|
507
|
+
WrFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
508
|
+
WrFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WrFormModule, declarations: [WrFormItemComponent, WrFormErrorComponent], imports: [CommonModule], exports: [WrFormItemComponent, WrFormErrorComponent] });
|
|
509
|
+
WrFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrFormModule, imports: [CommonModule] });
|
|
510
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrFormModule, decorators: [{
|
|
511
|
+
type: NgModule,
|
|
512
|
+
args: [{
|
|
513
|
+
imports: [CommonModule],
|
|
514
|
+
declarations: [WrFormItemComponent, WrFormErrorComponent],
|
|
515
|
+
exports: [WrFormItemComponent, WrFormErrorComponent]
|
|
516
|
+
}]
|
|
517
|
+
}] });
|
|
518
|
+
|
|
519
|
+
/* 🤖 this file was generated by svg-to-ts */
|
|
520
|
+
const wrIconAlert = {
|
|
521
|
+
name: 'alert',
|
|
522
|
+
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>`
|
|
523
|
+
};
|
|
524
|
+
const wrIconArrowBack = {
|
|
525
|
+
name: 'arrow-back',
|
|
526
|
+
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>`
|
|
527
|
+
};
|
|
528
|
+
const wrIconBug = {
|
|
529
|
+
name: 'bug',
|
|
530
|
+
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>`
|
|
531
|
+
};
|
|
532
|
+
const wrIconCaretBack = {
|
|
533
|
+
name: 'caret-back',
|
|
534
|
+
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>`
|
|
535
|
+
};
|
|
536
|
+
const wrIconCaretForward = {
|
|
537
|
+
name: 'caret-forward',
|
|
538
|
+
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>`
|
|
539
|
+
};
|
|
540
|
+
const wrIconCheckmarkCircle = {
|
|
541
|
+
name: 'checkmark-circle',
|
|
542
|
+
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>`
|
|
543
|
+
};
|
|
544
|
+
const wrIconChevronDown = {
|
|
545
|
+
name: 'chevron-down',
|
|
546
|
+
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>`
|
|
547
|
+
};
|
|
548
|
+
const wrIconChevronUp = {
|
|
549
|
+
name: 'chevron-up',
|
|
550
|
+
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>`
|
|
551
|
+
};
|
|
552
|
+
const wrIconClock = {
|
|
553
|
+
name: 'clock',
|
|
554
|
+
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>`
|
|
555
|
+
};
|
|
556
|
+
const wrIconCloseCircle = {
|
|
557
|
+
name: 'close-circle',
|
|
558
|
+
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>`
|
|
559
|
+
};
|
|
560
|
+
const wrIconCopy = {
|
|
561
|
+
name: 'copy',
|
|
562
|
+
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>`
|
|
563
|
+
};
|
|
564
|
+
const wrIconDiscover = {
|
|
565
|
+
name: 'discover',
|
|
566
|
+
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>`
|
|
567
|
+
};
|
|
568
|
+
const wrIconDocument = {
|
|
569
|
+
name: 'document',
|
|
570
|
+
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>`
|
|
571
|
+
};
|
|
572
|
+
const wrIconDotsHorizontal = {
|
|
573
|
+
name: 'dots-horizontal',
|
|
574
|
+
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>`
|
|
575
|
+
};
|
|
576
|
+
const wrIconDotsVertical = {
|
|
577
|
+
name: 'dots-vertical',
|
|
578
|
+
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>`
|
|
579
|
+
};
|
|
580
|
+
const wrIconDownload = {
|
|
581
|
+
name: 'download',
|
|
582
|
+
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>`
|
|
583
|
+
};
|
|
584
|
+
const wrIconEyeOff = {
|
|
585
|
+
name: 'eye-off',
|
|
586
|
+
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>`
|
|
587
|
+
};
|
|
588
|
+
const wrIconEye = {
|
|
589
|
+
name: 'eye',
|
|
590
|
+
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>`
|
|
591
|
+
};
|
|
592
|
+
const wrIconFileAab = {
|
|
593
|
+
name: 'file-aab',
|
|
594
|
+
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>`
|
|
595
|
+
};
|
|
596
|
+
const wrIconFileApk = {
|
|
597
|
+
name: 'file-apk',
|
|
598
|
+
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>`
|
|
599
|
+
};
|
|
600
|
+
const wrIconFileIpa = {
|
|
601
|
+
name: 'file-ipa',
|
|
602
|
+
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>`
|
|
603
|
+
};
|
|
604
|
+
const wrIconFileZip = {
|
|
605
|
+
name: 'file-zip',
|
|
606
|
+
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>`
|
|
607
|
+
};
|
|
608
|
+
const wrIconFlash = {
|
|
609
|
+
name: 'flash',
|
|
610
|
+
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>`
|
|
611
|
+
};
|
|
612
|
+
const wrIconFolder = {
|
|
613
|
+
name: 'folder',
|
|
614
|
+
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>`
|
|
615
|
+
};
|
|
616
|
+
const wrIconHelp = {
|
|
617
|
+
name: 'help',
|
|
618
|
+
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>`
|
|
619
|
+
};
|
|
620
|
+
const wrIconHome = {
|
|
621
|
+
name: 'home',
|
|
622
|
+
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>`
|
|
623
|
+
};
|
|
624
|
+
const wrIconInfoCircleOutline = {
|
|
625
|
+
name: 'info-circle-outline',
|
|
626
|
+
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>`
|
|
627
|
+
};
|
|
628
|
+
const wrIconLogoAndroid = {
|
|
629
|
+
name: 'logo-android',
|
|
630
|
+
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>`
|
|
631
|
+
};
|
|
632
|
+
const wrIconLogoApple = {
|
|
633
|
+
name: 'logo-apple',
|
|
634
|
+
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>`
|
|
635
|
+
};
|
|
636
|
+
const wrIconLogoAppscreener = {
|
|
637
|
+
name: 'logo-appscreener',
|
|
638
|
+
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>`
|
|
639
|
+
};
|
|
640
|
+
const wrIconLogoGithub = {
|
|
641
|
+
name: 'logo-github',
|
|
642
|
+
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>`
|
|
643
|
+
};
|
|
644
|
+
const wrIconLogoOversecured = {
|
|
645
|
+
name: 'logo-oversecured',
|
|
646
|
+
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>`
|
|
647
|
+
};
|
|
648
|
+
const wrIconLogoStingray = {
|
|
649
|
+
name: 'logo-stingray',
|
|
650
|
+
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>`
|
|
651
|
+
};
|
|
652
|
+
const wrIconModules = {
|
|
653
|
+
name: 'modules',
|
|
654
|
+
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>`
|
|
655
|
+
};
|
|
656
|
+
const wrIconPlayBack = {
|
|
657
|
+
name: 'play-back',
|
|
658
|
+
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>`
|
|
659
|
+
};
|
|
660
|
+
const wrIconPlayCircle = {
|
|
661
|
+
name: 'play-circle',
|
|
662
|
+
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>`
|
|
663
|
+
};
|
|
664
|
+
const wrIconPlayForward = {
|
|
665
|
+
name: 'play-forward',
|
|
666
|
+
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>`
|
|
667
|
+
};
|
|
668
|
+
const wrIconPlay = {
|
|
669
|
+
name: 'play',
|
|
670
|
+
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>`
|
|
671
|
+
};
|
|
672
|
+
const wrIconPlusCircle = {
|
|
673
|
+
name: 'plus-circle',
|
|
674
|
+
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>`
|
|
675
|
+
};
|
|
676
|
+
const wrIconReader = {
|
|
677
|
+
name: 'reader',
|
|
678
|
+
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>`
|
|
679
|
+
};
|
|
680
|
+
const wrIconRepeat = {
|
|
681
|
+
name: 'repeat',
|
|
682
|
+
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>`
|
|
683
|
+
};
|
|
684
|
+
const wrIconSearch = {
|
|
685
|
+
name: 'search',
|
|
686
|
+
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>`
|
|
687
|
+
};
|
|
688
|
+
const wrIconStopCircle = {
|
|
689
|
+
name: 'stop-circle',
|
|
690
|
+
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>`
|
|
691
|
+
};
|
|
692
|
+
const wrIconStop = {
|
|
693
|
+
name: 'stop',
|
|
694
|
+
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>`
|
|
695
|
+
};
|
|
696
|
+
const wrIconTrash = {
|
|
697
|
+
name: 'trash',
|
|
698
|
+
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>`
|
|
699
|
+
};
|
|
700
|
+
const wrIconUserCircle = {
|
|
701
|
+
name: 'user-circle',
|
|
702
|
+
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>`
|
|
703
|
+
};
|
|
704
|
+
const wrIconUser = {
|
|
705
|
+
name: 'user',
|
|
706
|
+
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>`
|
|
707
|
+
};
|
|
708
|
+
const wrIconWarning = {
|
|
709
|
+
name: 'warning',
|
|
710
|
+
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>`
|
|
711
|
+
};
|
|
712
|
+
const wrIconSet = [
|
|
713
|
+
wrIconAlert,
|
|
714
|
+
wrIconArrowBack,
|
|
715
|
+
wrIconBug,
|
|
716
|
+
wrIconCaretBack,
|
|
717
|
+
wrIconCaretForward,
|
|
718
|
+
wrIconCheckmarkCircle,
|
|
719
|
+
wrIconChevronDown,
|
|
720
|
+
wrIconChevronUp,
|
|
721
|
+
wrIconClock,
|
|
722
|
+
wrIconCloseCircle,
|
|
723
|
+
wrIconCopy,
|
|
724
|
+
wrIconDiscover,
|
|
725
|
+
wrIconDocument,
|
|
726
|
+
wrIconDotsHorizontal,
|
|
727
|
+
wrIconDotsVertical,
|
|
728
|
+
wrIconDownload,
|
|
729
|
+
wrIconEyeOff,
|
|
730
|
+
wrIconEye,
|
|
731
|
+
wrIconFileAab,
|
|
732
|
+
wrIconFileApk,
|
|
733
|
+
wrIconFileIpa,
|
|
734
|
+
wrIconFileZip,
|
|
735
|
+
wrIconFlash,
|
|
736
|
+
wrIconFolder,
|
|
737
|
+
wrIconHelp,
|
|
738
|
+
wrIconHome,
|
|
739
|
+
wrIconInfoCircleOutline,
|
|
740
|
+
wrIconLogoAndroid,
|
|
741
|
+
wrIconLogoApple,
|
|
742
|
+
wrIconLogoAppscreener,
|
|
743
|
+
wrIconLogoGithub,
|
|
744
|
+
wrIconLogoOversecured,
|
|
745
|
+
wrIconLogoStingray,
|
|
746
|
+
wrIconModules,
|
|
747
|
+
wrIconPlayBack,
|
|
748
|
+
wrIconPlayCircle,
|
|
749
|
+
wrIconPlayForward,
|
|
750
|
+
wrIconPlay,
|
|
751
|
+
wrIconPlusCircle,
|
|
752
|
+
wrIconReader,
|
|
753
|
+
wrIconRepeat,
|
|
754
|
+
wrIconSearch,
|
|
755
|
+
wrIconStopCircle,
|
|
756
|
+
wrIconStop,
|
|
757
|
+
wrIconTrash,
|
|
758
|
+
wrIconUserCircle,
|
|
759
|
+
wrIconUser,
|
|
760
|
+
wrIconWarning
|
|
761
|
+
];
|
|
762
|
+
|
|
763
|
+
class WrIconService {
|
|
764
|
+
/**
|
|
765
|
+
* Access icons registry
|
|
766
|
+
*/
|
|
767
|
+
get registry() {
|
|
768
|
+
return WrIconService.registry;
|
|
769
|
+
}
|
|
770
|
+
/**
|
|
771
|
+
* Register all icons
|
|
772
|
+
*/
|
|
773
|
+
static registerIcons() {
|
|
774
|
+
wrIconSet.forEach((icon) => WrIconService.registry.set(icon.name, icon.data));
|
|
775
|
+
}
|
|
776
|
+
}
|
|
777
|
+
/**
|
|
778
|
+
* Icons registry
|
|
779
|
+
*/
|
|
780
|
+
WrIconService.registry = new Map();
|
|
781
|
+
WrIconService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrIconService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
782
|
+
WrIconService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrIconService, providedIn: 'root' });
|
|
783
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrIconService, decorators: [{
|
|
784
|
+
type: Injectable,
|
|
785
|
+
args: [{
|
|
786
|
+
providedIn: 'root'
|
|
787
|
+
}]
|
|
788
|
+
}] });
|
|
789
|
+
|
|
790
|
+
class WrIconComponent {
|
|
791
|
+
constructor(elRef, iconService, doc) {
|
|
792
|
+
this.elRef = elRef;
|
|
793
|
+
this.iconService = iconService;
|
|
794
|
+
this.doc = doc;
|
|
795
|
+
this.class = 'wr-icon';
|
|
796
|
+
}
|
|
797
|
+
set name(name) {
|
|
798
|
+
if (!this.iconService.registry.has(name)) {
|
|
799
|
+
console.warn(`Icon ${name} was not found`);
|
|
800
|
+
return;
|
|
801
|
+
}
|
|
802
|
+
if (this.svgIcon) {
|
|
803
|
+
this.elRef.nativeElement.removeChild(this.svgIcon);
|
|
804
|
+
}
|
|
805
|
+
const svgData = this.iconService.registry.get(name) || '';
|
|
806
|
+
this.svgIcon = this.svgElementFromString(svgData);
|
|
807
|
+
this.elRef.nativeElement.appendChild(this.svgIcon);
|
|
808
|
+
}
|
|
809
|
+
svgElementFromString(svgContent) {
|
|
810
|
+
const div = this.doc.createElement('div');
|
|
811
|
+
div.innerHTML = svgContent;
|
|
812
|
+
return div.querySelector('svg') || this.doc.createElementNS('http://www.w3.org/2000/svg', 'path');
|
|
813
|
+
}
|
|
814
|
+
}
|
|
815
|
+
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 });
|
|
816
|
+
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 });
|
|
817
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrIconComponent, decorators: [{
|
|
818
|
+
type: Component,
|
|
819
|
+
args: [{
|
|
820
|
+
selector: 'wr-icon[name]',
|
|
821
|
+
template: '',
|
|
822
|
+
encapsulation: ViewEncapsulation.None,
|
|
823
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
|
824
|
+
}]
|
|
825
|
+
}], ctorParameters: function () {
|
|
826
|
+
return [{ type: i0.ElementRef }, { type: WrIconService }, { type: undefined, decorators: [{
|
|
827
|
+
type: Optional
|
|
828
|
+
}, {
|
|
829
|
+
type: Inject,
|
|
830
|
+
args: [DOCUMENT]
|
|
831
|
+
}] }];
|
|
832
|
+
}, propDecorators: { class: [{
|
|
833
|
+
type: HostBinding,
|
|
834
|
+
args: ['class']
|
|
835
|
+
}], name: [{
|
|
836
|
+
type: Input
|
|
837
|
+
}] } });
|
|
838
|
+
|
|
839
|
+
class WrIconModule {
|
|
840
|
+
static forRoot() {
|
|
841
|
+
WrIconService.registerIcons();
|
|
842
|
+
return { ngModule: WrIconModule };
|
|
843
|
+
}
|
|
844
|
+
}
|
|
845
|
+
WrIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
846
|
+
WrIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WrIconModule, declarations: [WrIconComponent], exports: [WrIconComponent] });
|
|
847
|
+
WrIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrIconModule });
|
|
848
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrIconModule, decorators: [{
|
|
849
|
+
type: NgModule,
|
|
850
|
+
args: [{
|
|
851
|
+
declarations: [WrIconComponent],
|
|
852
|
+
exports: [WrIconComponent]
|
|
853
|
+
}]
|
|
854
|
+
}] });
|
|
855
|
+
|
|
856
|
+
class WrPasswordInputComponent {
|
|
857
|
+
constructor(ngControl) {
|
|
858
|
+
this.ngControl = ngControl;
|
|
859
|
+
this.class = `${stylePrefix}-password-input`;
|
|
860
|
+
this.type = 'password';
|
|
861
|
+
this.disabled = false;
|
|
862
|
+
this.value = null;
|
|
863
|
+
this.touched = false;
|
|
864
|
+
this.onChange = (value) => { };
|
|
865
|
+
this.onTouched = () => { };
|
|
866
|
+
if (ngControl !== null) {
|
|
867
|
+
ngControl.valueAccessor = this;
|
|
868
|
+
}
|
|
869
|
+
}
|
|
870
|
+
onVisibilityClick($event) {
|
|
871
|
+
$event.stopPropagation();
|
|
872
|
+
this.type === 'password' ? (this.type = 'input') : (this.type = 'password');
|
|
873
|
+
}
|
|
874
|
+
onInput($event) {
|
|
875
|
+
this.value = $event.currentTarget.value;
|
|
876
|
+
this.touched = true;
|
|
877
|
+
this.onChange(this.value);
|
|
878
|
+
}
|
|
879
|
+
onFocusOut() {
|
|
880
|
+
this.touched = true;
|
|
881
|
+
this.onTouched();
|
|
882
|
+
}
|
|
883
|
+
registerOnChange(fn) {
|
|
884
|
+
this.onChange = fn;
|
|
885
|
+
}
|
|
886
|
+
registerOnTouched(fn) {
|
|
887
|
+
this.onTouched = fn;
|
|
888
|
+
}
|
|
889
|
+
writeValue(obj) {
|
|
890
|
+
this.value = obj;
|
|
891
|
+
}
|
|
892
|
+
}
|
|
893
|
+
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 });
|
|
894
|
+
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\n class=\"wr-password-input-icon\"\n *ngIf=\"type === 'input'\"\n name=\"eye\"\n (click)=\"onVisibilityClick($event)\"\n></wr-icon>\n<wr-icon\n class=\"wr-password-input-icon\"\n *ngIf=\"type === 'password'\"\n name=\"eye-off\"\n (click)=\"onVisibilityClick($event)\"\n></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 });
|
|
895
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrPasswordInputComponent, decorators: [{
|
|
896
|
+
type: Component,
|
|
897
|
+
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\n class=\"wr-password-input-icon\"\n *ngIf=\"type === 'input'\"\n name=\"eye\"\n (click)=\"onVisibilityClick($event)\"\n></wr-icon>\n<wr-icon\n class=\"wr-password-input-icon\"\n *ngIf=\"type === 'password'\"\n name=\"eye-off\"\n (click)=\"onVisibilityClick($event)\"\n></wr-icon>\n" }]
|
|
898
|
+
}], ctorParameters: function () {
|
|
899
|
+
return [{ type: i1.NgControl, decorators: [{
|
|
900
|
+
type: Optional
|
|
901
|
+
}, {
|
|
902
|
+
type: Self
|
|
903
|
+
}] }];
|
|
904
|
+
}, propDecorators: { class: [{
|
|
905
|
+
type: HostBinding,
|
|
906
|
+
args: ['class']
|
|
907
|
+
}] } });
|
|
908
|
+
|
|
909
|
+
class WrPasswordInputModule {
|
|
910
|
+
}
|
|
911
|
+
WrPasswordInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrPasswordInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
912
|
+
WrPasswordInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WrPasswordInputModule, declarations: [WrPasswordInputComponent], imports: [CommonModule, PlatformModule, WrInputModule, WrIconModule], exports: [WrPasswordInputComponent] });
|
|
913
|
+
WrPasswordInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrPasswordInputModule, imports: [CommonModule, PlatformModule, WrInputModule, WrIconModule] });
|
|
914
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrPasswordInputModule, decorators: [{
|
|
915
|
+
type: NgModule,
|
|
916
|
+
args: [{
|
|
917
|
+
imports: [CommonModule, PlatformModule, WrInputModule, WrIconModule],
|
|
918
|
+
declarations: [WrPasswordInputComponent],
|
|
919
|
+
exports: [WrPasswordInputComponent]
|
|
920
|
+
}]
|
|
921
|
+
}] });
|
|
922
|
+
|
|
923
|
+
class WrSkeletonComponent {
|
|
924
|
+
constructor(elRef) {
|
|
925
|
+
this.elRef = elRef;
|
|
926
|
+
this.color = 'dark';
|
|
927
|
+
this.class = `${stylePrefix}-skeleton`;
|
|
928
|
+
}
|
|
929
|
+
ngAfterViewInit() {
|
|
930
|
+
const style = this.color === 'light' ? `var(--${stylePrefix}-color-white-rgb)` : `var(--${stylePrefix}-color-dark-rgb)`;
|
|
931
|
+
this.elRef.nativeElement.style.setProperty('--skeleton-style', style);
|
|
932
|
+
}
|
|
933
|
+
}
|
|
934
|
+
WrSkeletonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrSkeletonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
935
|
+
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> </span>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
936
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrSkeletonComponent, decorators: [{
|
|
937
|
+
type: Component,
|
|
938
|
+
args: [{
|
|
939
|
+
selector: 'wr-skeleton',
|
|
940
|
+
template: '<span> </span>',
|
|
941
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
942
|
+
encapsulation: ViewEncapsulation.None
|
|
943
|
+
}]
|
|
944
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { color: [{
|
|
945
|
+
type: Input
|
|
946
|
+
}], class: [{
|
|
947
|
+
type: HostBinding,
|
|
948
|
+
args: ['class']
|
|
949
|
+
}] } });
|
|
950
|
+
|
|
951
|
+
class WrSkeletonModule {
|
|
952
|
+
}
|
|
953
|
+
WrSkeletonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
954
|
+
WrSkeletonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WrSkeletonModule, declarations: [WrSkeletonComponent], imports: [CommonModule, WrSpinnerModule], exports: [WrSkeletonComponent] });
|
|
955
|
+
WrSkeletonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrSkeletonModule, imports: [CommonModule, WrSpinnerModule] });
|
|
956
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrSkeletonModule, decorators: [{
|
|
957
|
+
type: NgModule,
|
|
958
|
+
args: [{
|
|
959
|
+
imports: [CommonModule, WrSpinnerModule],
|
|
960
|
+
declarations: [WrSkeletonComponent],
|
|
961
|
+
exports: [WrSkeletonComponent]
|
|
962
|
+
}]
|
|
963
|
+
}] });
|
|
964
|
+
|
|
965
|
+
class WrTagComponent {
|
|
966
|
+
constructor(cdr, elRef, r2) {
|
|
967
|
+
this.cdr = cdr;
|
|
968
|
+
this.elRef = elRef;
|
|
969
|
+
this.r2 = r2;
|
|
970
|
+
this.color = 'primary';
|
|
971
|
+
this.transparent = false;
|
|
972
|
+
this.loading = false;
|
|
973
|
+
this.outlined = false;
|
|
974
|
+
this.rounded = false;
|
|
975
|
+
this.hoverable = false;
|
|
976
|
+
this.baseClass = `${stylePrefix}-tag`;
|
|
977
|
+
}
|
|
978
|
+
ngOnInit() {
|
|
979
|
+
this.setClasses();
|
|
980
|
+
}
|
|
981
|
+
ngOnChanges(changes) {
|
|
982
|
+
this.setClasses();
|
|
983
|
+
this.cdr.detectChanges();
|
|
984
|
+
}
|
|
985
|
+
setClasses() {
|
|
986
|
+
const el = this.elRef.nativeElement;
|
|
987
|
+
const add = (klass) => this.r2.addClass(el, `${this.baseClass}-${klass}`);
|
|
988
|
+
this.r2.addClass(el, this.baseClass);
|
|
989
|
+
add(this.color);
|
|
990
|
+
if (this.rounded) {
|
|
991
|
+
add(`-rounded`);
|
|
992
|
+
}
|
|
993
|
+
if (this.transparent) {
|
|
994
|
+
add(`-transparent`);
|
|
995
|
+
}
|
|
996
|
+
if (this.hoverable) {
|
|
997
|
+
add(`-hoverable`);
|
|
998
|
+
}
|
|
999
|
+
if (this.outlined) {
|
|
1000
|
+
add(`-outlined`);
|
|
1001
|
+
}
|
|
1002
|
+
}
|
|
1003
|
+
}
|
|
1004
|
+
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 });
|
|
1005
|
+
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 });
|
|
1006
|
+
__decorate([
|
|
1007
|
+
InputBoolean()
|
|
1008
|
+
], WrTagComponent.prototype, "transparent", void 0);
|
|
1009
|
+
__decorate([
|
|
1010
|
+
InputBoolean()
|
|
1011
|
+
], WrTagComponent.prototype, "loading", void 0);
|
|
1012
|
+
__decorate([
|
|
1013
|
+
InputBoolean()
|
|
1014
|
+
], WrTagComponent.prototype, "outlined", void 0);
|
|
1015
|
+
__decorate([
|
|
1016
|
+
InputBoolean()
|
|
1017
|
+
], WrTagComponent.prototype, "rounded", void 0);
|
|
1018
|
+
__decorate([
|
|
1019
|
+
InputBoolean()
|
|
1020
|
+
], WrTagComponent.prototype, "hoverable", void 0);
|
|
1021
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrTagComponent, decorators: [{
|
|
1022
|
+
type: Component,
|
|
1023
|
+
args: [{
|
|
1024
|
+
selector: 'wr-tag',
|
|
1025
|
+
template: '<wr-spin *ngIf="loading"></wr-spin><ng-content></ng-content>',
|
|
1026
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1027
|
+
encapsulation: ViewEncapsulation.None
|
|
1028
|
+
}]
|
|
1029
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { color: [{
|
|
1030
|
+
type: Input
|
|
1031
|
+
}], transparent: [{
|
|
1032
|
+
type: Input
|
|
1033
|
+
}], loading: [{
|
|
1034
|
+
type: Input
|
|
1035
|
+
}], outlined: [{
|
|
1036
|
+
type: Input
|
|
1037
|
+
}], rounded: [{
|
|
1038
|
+
type: Input
|
|
1039
|
+
}], hoverable: [{
|
|
1040
|
+
type: Input
|
|
1041
|
+
}] } });
|
|
1042
|
+
|
|
1043
|
+
class WrTagModule {
|
|
1044
|
+
}
|
|
1045
|
+
WrTagModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1046
|
+
WrTagModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WrTagModule, declarations: [WrTagComponent], imports: [CommonModule, WrSpinnerModule], exports: [WrTagComponent] });
|
|
1047
|
+
WrTagModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrTagModule, imports: [CommonModule, WrSpinnerModule] });
|
|
1048
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrTagModule, decorators: [{
|
|
1049
|
+
type: NgModule,
|
|
1050
|
+
args: [{
|
|
1051
|
+
imports: [CommonModule, WrSpinnerModule],
|
|
1052
|
+
declarations: [WrTagComponent],
|
|
1053
|
+
exports: [WrTagComponent]
|
|
1054
|
+
}]
|
|
1055
|
+
}] });
|
|
1056
|
+
|
|
1057
|
+
/**
|
|
1058
|
+
* Generated bundle index. Do not edit.
|
|
1059
|
+
*/
|
|
1060
|
+
|
|
1061
|
+
export { WrButtonComponent, WrButtonModule, WrDividerComponent, WrDividerModule, WrExtendedInputComponent, WrExtendedInputModule, WrFormErrorComponent, WrFormItemComponent, WrFormModule, WrIconComponent, WrIconModule, WrIconService, WrInputDirective, WrInputModule, WrPasswordInputComponent, WrPasswordInputModule, WrSkeletonComponent, WrSkeletonModule, 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 };
|
|
1062
|
+
//# sourceMappingURL=ngwr.mjs.map
|