ngwr 0.1.3 → 0.2.0

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.
Files changed (230) hide show
  1. package/LICENSE +3 -1
  2. package/README.md +35 -22
  3. package/_index.scss +27 -0
  4. package/button/{button.module.d.ts → button-module.d.ts} +4 -4
  5. package/button/button.d.ts +58 -0
  6. package/button/button.scss +160 -0
  7. package/button/index.d.ts +2 -2
  8. package/checkbox/{checkbox.module.d.ts → checkbox-module.d.ts} +2 -2
  9. package/checkbox/checkbox.d.ts +49 -0
  10. package/checkbox/checkbox.scss +103 -0
  11. package/checkbox/index.d.ts +2 -2
  12. package/core/abstract/base.d.ts +9 -0
  13. package/core/abstract/index.d.ts +1 -0
  14. package/core/color/color.d.ts +2 -0
  15. package/core/color/index.d.ts +2 -0
  16. package/core/color/is-theme-color.d.ts +2 -0
  17. package/core/decorators/index.d.ts +1 -0
  18. package/core/decorators/input-boolean.d.ts +1 -0
  19. package/core/types/index.d.ts +3 -0
  20. package/{_core → core}/types/on-change-type.d.ts +0 -0
  21. package/{_core → core}/types/on-touched-type.d.ts +0 -0
  22. package/{_core → core}/types/safe-any.d.ts +0 -0
  23. package/divider/{divider.module.d.ts → divider-module.d.ts} +2 -2
  24. package/divider/divider.d.ts +40 -0
  25. package/divider/divider.scss +34 -0
  26. package/divider/index.d.ts +2 -2
  27. package/esm2020/button/button-module.mjs +20 -0
  28. package/esm2020/button/button.mjs +187 -0
  29. package/esm2020/button/index.mjs +3 -3
  30. package/esm2020/button/ngwr-button.mjs +5 -0
  31. package/esm2020/checkbox/checkbox-module.mjs +20 -0
  32. package/esm2020/checkbox/checkbox.mjs +154 -0
  33. package/esm2020/checkbox/index.mjs +3 -3
  34. package/esm2020/checkbox/ngwr-checkbox.mjs +5 -0
  35. package/esm2020/core/abstract/base.mjs +18 -0
  36. package/esm2020/core/abstract/index.mjs +2 -0
  37. package/esm2020/core/abstract/ngwr-core-abstract.mjs +5 -0
  38. package/esm2020/core/color/color.mjs +11 -0
  39. package/esm2020/core/color/index.mjs +3 -0
  40. package/esm2020/core/color/is-theme-color.mjs +9 -0
  41. package/esm2020/core/color/ngwr-core-color.mjs +5 -0
  42. package/esm2020/core/decorators/index.mjs +2 -0
  43. package/esm2020/core/decorators/input-boolean.mjs +15 -0
  44. package/esm2020/core/decorators/ngwr-core-decorators.mjs +5 -0
  45. package/esm2020/core/types/index.mjs +4 -0
  46. package/esm2020/core/types/ngwr-core-types.mjs +5 -0
  47. package/esm2020/core/types/on-change-type.mjs +2 -0
  48. package/esm2020/core/types/on-touched-type.mjs +2 -0
  49. package/esm2020/core/types/safe-any.mjs +2 -0
  50. package/esm2020/divider/divider-module.mjs +16 -0
  51. package/esm2020/divider/divider.mjs +100 -0
  52. package/esm2020/divider/index.mjs +3 -3
  53. package/esm2020/divider/ngwr-divider.mjs +5 -0
  54. package/esm2020/form/form-error.mjs +23 -0
  55. package/esm2020/form/form-item.mjs +46 -0
  56. package/esm2020/form/form-module.mjs +19 -0
  57. package/esm2020/form/index.mjs +4 -4
  58. package/esm2020/form/ngwr-form.mjs +5 -0
  59. package/esm2020/icon/icon-module.mjs +21 -0
  60. package/esm2020/icon/icon-service.mjs +21 -0
  61. package/esm2020/icon/icon.mjs +60 -0
  62. package/esm2020/icon/icons.mjs +424 -0
  63. package/esm2020/icon/index.mjs +5 -5
  64. package/esm2020/icon/ngwr-icon.mjs +5 -0
  65. package/esm2020/index.mjs +3 -0
  66. package/esm2020/input/index.mjs +3 -3
  67. package/esm2020/input/input-module.mjs +20 -0
  68. package/esm2020/input/input-types.mjs +2 -0
  69. package/esm2020/input/input.mjs +240 -0
  70. package/esm2020/input/ngwr-input.mjs +5 -0
  71. package/esm2020/ngwr.mjs +2 -2
  72. package/esm2020/skeleton/index.mjs +3 -3
  73. package/esm2020/skeleton/ngwr-skeleton.mjs +5 -0
  74. package/esm2020/skeleton/skeleton-module.mjs +18 -0
  75. package/esm2020/skeleton/skeleton.mjs +44 -0
  76. package/esm2020/spinner/index.mjs +3 -3
  77. package/esm2020/spinner/ngwr-spinner.mjs +5 -0
  78. package/esm2020/spinner/spinner-module.mjs +16 -0
  79. package/esm2020/spinner/spinner.mjs +23 -0
  80. package/esm2020/tag/index.mjs +3 -3
  81. package/esm2020/tag/ngwr-tag.mjs +5 -0
  82. package/esm2020/tag/tag-module.mjs +20 -0
  83. package/esm2020/tag/tag.mjs +80 -0
  84. package/fesm2015/ngwr-button.mjs +211 -0
  85. package/fesm2015/ngwr-button.mjs.map +1 -0
  86. package/fesm2015/ngwr-checkbox.mjs +177 -0
  87. package/fesm2015/ngwr-checkbox.mjs.map +1 -0
  88. package/fesm2015/ngwr-core-abstract.mjs +25 -0
  89. package/fesm2015/ngwr-core-abstract.mjs.map +1 -0
  90. package/fesm2015/ngwr-core-color.mjs +25 -0
  91. package/fesm2015/ngwr-core-color.mjs.map +1 -0
  92. package/fesm2015/ngwr-core-decorators.mjs +22 -0
  93. package/fesm2015/ngwr-core-decorators.mjs.map +1 -0
  94. package/fesm2015/ngwr-core-types.mjs +4 -0
  95. package/fesm2015/ngwr-core-types.mjs.map +1 -0
  96. package/fesm2015/ngwr-divider.mjs +120 -0
  97. package/fesm2015/ngwr-divider.mjs.map +1 -0
  98. package/fesm2015/ngwr-form.mjs +89 -0
  99. package/fesm2015/ngwr-form.mjs.map +1 -0
  100. package/fesm2015/ngwr-icon.mjs +527 -0
  101. package/fesm2015/ngwr-icon.mjs.map +1 -0
  102. package/fesm2015/ngwr-input.mjs +262 -0
  103. package/fesm2015/ngwr-input.mjs.map +1 -0
  104. package/fesm2015/ngwr-skeleton.mjs +66 -0
  105. package/fesm2015/ngwr-skeleton.mjs.map +1 -0
  106. package/fesm2015/ngwr-spinner.mjs +43 -0
  107. package/fesm2015/ngwr-spinner.mjs.map +1 -0
  108. package/fesm2015/ngwr-tag.mjs +104 -0
  109. package/fesm2015/ngwr-tag.mjs.map +1 -0
  110. package/fesm2015/ngwr.mjs +2 -1404
  111. package/fesm2015/ngwr.mjs.map +1 -1
  112. package/fesm2020/ngwr-button.mjs +211 -0
  113. package/fesm2020/ngwr-button.mjs.map +1 -0
  114. package/fesm2020/ngwr-checkbox.mjs +177 -0
  115. package/fesm2020/ngwr-checkbox.mjs.map +1 -0
  116. package/fesm2020/ngwr-core-abstract.mjs +25 -0
  117. package/fesm2020/ngwr-core-abstract.mjs.map +1 -0
  118. package/fesm2020/ngwr-core-color.mjs +25 -0
  119. package/fesm2020/ngwr-core-color.mjs.map +1 -0
  120. package/fesm2020/ngwr-core-decorators.mjs +22 -0
  121. package/fesm2020/ngwr-core-decorators.mjs.map +1 -0
  122. package/fesm2020/ngwr-core-types.mjs +4 -0
  123. package/fesm2020/ngwr-core-types.mjs.map +1 -0
  124. package/fesm2020/ngwr-divider.mjs +120 -0
  125. package/fesm2020/ngwr-divider.mjs.map +1 -0
  126. package/fesm2020/ngwr-form.mjs +89 -0
  127. package/fesm2020/ngwr-form.mjs.map +1 -0
  128. package/fesm2020/ngwr-icon.mjs +525 -0
  129. package/fesm2020/ngwr-icon.mjs.map +1 -0
  130. package/fesm2020/ngwr-input.mjs +263 -0
  131. package/fesm2020/ngwr-input.mjs.map +1 -0
  132. package/fesm2020/ngwr-skeleton.mjs +66 -0
  133. package/fesm2020/ngwr-skeleton.mjs.map +1 -0
  134. package/fesm2020/ngwr-spinner.mjs +43 -0
  135. package/fesm2020/ngwr-spinner.mjs.map +1 -0
  136. package/fesm2020/ngwr-tag.mjs +104 -0
  137. package/fesm2020/ngwr-tag.mjs.map +1 -0
  138. package/fesm2020/ngwr.mjs +2 -1402
  139. package/fesm2020/ngwr.mjs.map +1 -1
  140. package/form/form-error.d.ts +6 -0
  141. package/form/form-item.d.ts +15 -0
  142. package/form/{form.module.d.ts → form-module.d.ts} +3 -3
  143. package/form/form.scss +52 -0
  144. package/form/index.d.ts +3 -3
  145. package/icon/{wr-icon.module.d.ts → icon-module.d.ts} +2 -2
  146. package/icon/{wr-icon.service.d.ts → icon-service.d.ts} +0 -9
  147. package/icon/icon.d.ts +20 -0
  148. package/icon/icon.scss +27 -0
  149. package/icon/{wr-icons.d.ts → icons.d.ts} +59 -3
  150. package/icon/index.d.ts +4 -4
  151. package/index.d.ts +2 -5
  152. package/input/index.d.ts +2 -2
  153. package/input/{input.module.d.ts → input-module.d.ts} +3 -3
  154. package/{_core/types/input-autocomplete-type.d.ts → input/input-types.d.ts} +2 -0
  155. package/input/{input.component.d.ts → input.d.ts} +7 -4
  156. package/input/input.scss +163 -0
  157. package/logo.svg +6 -1
  158. package/package.json +124 -19
  159. package/skeleton/index.d.ts +2 -2
  160. package/skeleton/{skeleton.module.d.ts → skeleton-module.d.ts} +2 -2
  161. package/skeleton/skeleton.d.ts +11 -0
  162. package/skeleton/skeleton.scss +54 -0
  163. package/spinner/index.d.ts +2 -2
  164. package/spinner/{spinner.module.d.ts → spinner-module.d.ts} +2 -2
  165. package/spinner/spinner.d.ts +6 -0
  166. package/spinner/spinner.scss +33 -0
  167. package/styles/animations.scss +14 -0
  168. package/styles/grid.scss +164 -0
  169. package/styles/reset.scss +106 -0
  170. package/styles/root.scss +152 -0
  171. package/styles/vars.scss +2 -0
  172. package/tag/index.d.ts +2 -2
  173. package/tag/{tag.module.d.ts → tag-module.d.ts} +4 -4
  174. package/tag/tag.d.ts +18 -0
  175. package/tag/tag.scss +106 -0
  176. package/_core/components/base.component.d.ts +0 -9
  177. package/_core/constants/style-prefix.d.ts +0 -1
  178. package/_core/index.d.ts +0 -4
  179. package/_core/types/boolean-input.d.ts +0 -1
  180. package/_core/types/color.d.ts +0 -1
  181. package/_core/types/index.d.ts +0 -8
  182. package/_core/types/input-mode-type.d.ts +0 -1
  183. package/_core/types/input-type.d.ts +0 -1
  184. package/_core/util/convert.d.ts +0 -19
  185. package/button/button.component.d.ts +0 -36
  186. package/checkbox/checkbox.component.d.ts +0 -32
  187. package/divider/divider.component.d.ts +0 -28
  188. package/esm2020/_core/components/base.component.mjs +0 -18
  189. package/esm2020/_core/constants/style-prefix.mjs +0 -2
  190. package/esm2020/_core/index.mjs +0 -9
  191. package/esm2020/_core/types/boolean-input.mjs +0 -2
  192. package/esm2020/_core/types/color.mjs +0 -2
  193. package/esm2020/_core/types/index.mjs +0 -2
  194. package/esm2020/_core/types/input-autocomplete-type.mjs +0 -2
  195. package/esm2020/_core/types/input-mode-type.mjs +0 -2
  196. package/esm2020/_core/types/input-type.mjs +0 -2
  197. package/esm2020/_core/types/on-change-type.mjs +0 -2
  198. package/esm2020/_core/types/on-touched-type.mjs +0 -2
  199. package/esm2020/_core/types/safe-any.mjs +0 -2
  200. package/esm2020/_core/util/convert.mjs +0 -51
  201. package/esm2020/button/button.component.mjs +0 -137
  202. package/esm2020/button/button.module.mjs +0 -20
  203. package/esm2020/checkbox/checkbox.component.mjs +0 -128
  204. package/esm2020/checkbox/checkbox.module.mjs +0 -20
  205. package/esm2020/divider/divider.component.mjs +0 -72
  206. package/esm2020/divider/divider.module.mjs +0 -16
  207. package/esm2020/form/form-error.component.mjs +0 -23
  208. package/esm2020/form/form-item.component.mjs +0 -35
  209. package/esm2020/form/form.module.mjs +0 -19
  210. package/esm2020/icon/wr-icon.component.mjs +0 -51
  211. package/esm2020/icon/wr-icon.module.mjs +0 -21
  212. package/esm2020/icon/wr-icon.service.mjs +0 -30
  213. package/esm2020/icon/wr-icons.mjs +0 -384
  214. package/esm2020/input/input.component.mjs +0 -239
  215. package/esm2020/input/input.module.mjs +0 -20
  216. package/esm2020/public-api.mjs +0 -11
  217. package/esm2020/skeleton/skeleton.component.mjs +0 -47
  218. package/esm2020/skeleton/skeleton.module.mjs +0 -18
  219. package/esm2020/spinner/spinner.component.mjs +0 -23
  220. package/esm2020/spinner/spinner.module.mjs +0 -16
  221. package/esm2020/tag/tag.component.mjs +0 -80
  222. package/esm2020/tag/tag.module.mjs +0 -20
  223. package/form/form-error.component.d.ts +0 -6
  224. package/form/form-item.component.d.ts +0 -8
  225. package/icon/wr-icon.component.d.ts +0 -17
  226. package/ngwr.min.css +0 -8
  227. package/public-api.d.ts +0 -10
  228. package/skeleton/skeleton.component.d.ts +0 -9
  229. package/spinner/spinner.component.d.ts +0 -6
  230. package/tag/tag.component.d.ts +0 -16
package/fesm2020/ngwr.mjs CHANGED
@@ -1,1407 +1,7 @@
1
- import { __decorate } from 'tslib';
2
- import * as i0 from '@angular/core';
3
- import { Directive, Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, Injectable, Optional, Inject, Input, NgModule, EventEmitter, forwardRef, ViewChild, Output } from '@angular/core';
4
- import { Subject, fromEvent } from 'rxjs';
5
- import { takeUntil } from 'rxjs/operators';
6
- import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
7
- import * as i1 from '@angular/common';
8
- import { DOCUMENT, CommonModule } from '@angular/common';
9
- import * as i2 from '@angular/forms';
10
- import { NG_VALUE_ACCESSOR, FormsModule, NG_VALIDATORS } from '@angular/forms';
11
- import * as i1$1 from '@angular/cdk/a11y';
12
- import { A11yModule } from '@angular/cdk/a11y';
13
-
14
- class BaseComponent {
15
- constructor() {
16
- this.ngUnsubscribe = new Subject();
17
- }
18
- ngOnDestroy() {
19
- this.ngUnsubscribe.next();
20
- this.ngUnsubscribe.complete();
21
- }
22
- }
23
- BaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
24
- BaseComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.8", type: BaseComponent, ngImport: i0 });
25
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BaseComponent, decorators: [{
26
- type: Directive
27
- }] });
28
-
29
- const stylePrefix = 'wr';
30
-
31
- function toBoolean(value) {
32
- return coerceBooleanProperty(value);
33
- }
34
- // eslint-disable
35
- function propDecoratorFactory(name, fallback) {
36
- function propDecorator(target, propName, originalDescriptor) {
37
- const privatePropName = `$$__wrPropDecorator__${propName}`;
38
- if (Object.prototype.hasOwnProperty.call(target, privatePropName)) {
39
- console.warn(`The prop "${privatePropName}" is already exist, it will be overrided by ${name} decorator.`);
40
- }
41
- Object.defineProperty(target, privatePropName, {
42
- configurable: true,
43
- writable: true
44
- });
45
- return {
46
- get() {
47
- return originalDescriptor && originalDescriptor.get
48
- ? originalDescriptor.get.bind(this)()
49
- : this[privatePropName];
50
- },
51
- set(value) {
52
- if (originalDescriptor && originalDescriptor.set) {
53
- originalDescriptor.set.bind(this)(fallback(value));
54
- }
55
- this[privatePropName] = fallback(value);
56
- }
57
- };
58
- }
59
- return propDecorator;
60
- }
61
- /**
62
- * Input decorator that handle a prop to do get/set automatically with toBoolean
63
- *
64
- * Why not using @InputBoolean alone without @Input? AOT needs @Input to be visible
65
- *
66
- * @howToUse
67
- * ```
68
- * @Input() @InputBoolean() visible: boolean = false;
69
- *
70
- * // Act as below:
71
- * // @Input()
72
- * // get visible() { return this.__visible; }
73
- * // set visible(value) { this.__visible = value; }
74
- * // __visible = false;
75
- * ```
76
- */
77
- function InputBoolean() {
78
- return propDecoratorFactory('InputBoolean', toBoolean);
79
- }
80
-
81
- // Components
82
-
83
- class WrSpinnerComponent {
84
- constructor() {
85
- this.class = 'wr-spin';
86
- }
87
- }
88
- WrSpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
89
- WrSpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: WrSpinnerComponent, selector: "wr-spin", host: { properties: { "class": "this.class" } }, exportAs: ["wrSpin"], 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 });
90
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrSpinnerComponent, decorators: [{
91
- type: Component,
92
- args: [{
93
- selector: 'wr-spin',
94
- exportAs: 'wrSpin',
95
- template: '<svg viewBox="0 0 50 50"><circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="5"></circle></svg>',
96
- encapsulation: ViewEncapsulation.None,
97
- changeDetection: ChangeDetectionStrategy.OnPush
98
- }]
99
- }], propDecorators: { class: [{
100
- type: HostBinding,
101
- args: ['class']
102
- }] } });
103
-
104
- /* 🤖 this file was generated by svg-to-ts */
105
- const wrIconAddCircleOutline = {
106
- name: 'add-circle-outline',
107
- 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"><g><path d="M64,0C28.7,0,0,28.7,0,64s28.7,64,64,64s64-28.7,64-64S99.3,0,64,0z M64,117.7c-29.6,0-53.7-24.1-53.7-53.7 S34.4,10.3,64,10.3s53.7,24.1,53.7,53.7S93.6,117.7,64,117.7z"/><path d="M92,58.9H69.2v-23c0-2.8-2.3-5.1-5.2-5.1s-5.2,2.3-5.2,5.1v23h-23c-2.8,0-5.1,2.3-5.1,5.1c0,2.8,2.3,5.2,5.1,5.2h23v22.9 c0,2.8,2.3,5.1,5.2,5.1s5.2-2.3,5.2-5.1V69.2H92c2.8,0,5.2-2.3,5.2-5.2C97.2,61.2,94.9,58.9,92,58.9z"/></g></svg>`
108
- };
109
- const wrIconAddCircle = {
110
- name: 'add-circle',
111
- 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,64s28.7,64,64,64s64-28.7,64-64S99.3,0,64,0z M92,69.2H69.2v22.9c0,2.8-2.3,5.1-5.2,5.1 s-5.2-2.3-5.2-5.1V69.2h-23c-2.8,0-5.1-2.3-5.1-5.2c0-2.8,2.3-5.1,5.1-5.1h23v-23c0-2.8,2.3-5.1,5.2-5.1s5.2,2.3,5.2,5.1v23H92 c2.8,0,5.2,2.3,5.2,5.1C97.2,66.9,94.9,69.2,92,69.2z"/></svg>`
112
- };
113
- const wrIconAdd = {
114
- name: 'add',
115
- 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="M98.8,57.7H70.4V29.2c0-3.5-2.9-6.4-6.4-6.4s-6.4,2.9-6.4,6.4v28.5H29.1c-3.5,0-6.4,2.9-6.4,6.4s2.9,6.4,6.4,6.4h28.5v28.4 c0,3.5,2.9,6.4,6.4,6.4s6.4-2.9,6.4-6.4V70.5h28.4c3.5,0,6.4-2.9,6.4-6.4S102.3,57.7,98.8,57.7z"/></svg>`
116
- };
117
- const wrIconAlertCircleOutline = {
118
- name: 'alert-circle-outline',
119
- 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"><g><path d="M64,0C28.7,0,0,28.7,0,64s28.7,64,64,64s64-28.7,64-64S99.3,0,64,0z M64,117.7c-29.6,0-53.7-24.1-53.7-53.7 S34.4,10.3,64,10.3s53.7,24.1,53.7,53.7S93.6,117.7,64,117.7z"/><circle cx="64" cy="88" r="7.1"/><path d="M64,75.4c3,0,5.5-2.4,5.6-5.4l0.8-30.5c0.1-3.6-2.8-6.6-6.4-6.6s-6.5,3-6.5,6.6L58.4,70C58.5,73,61,75.4,64,75.4z"/></g></svg>`
120
- };
121
- const wrIconAlertCircle = {
122
- name: 'alert-circle',
123
- 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,64c35.3,0,64-28.7,64-64C128,28.7,99.3,0,64,0z M64,32.9c3.6,0,6.5,3,6.4,6.6 L69.6,70c-0.1,3-2.6,5.4-5.6,5.4c-3,0-5.5-2.4-5.6-5.4l-0.9-30.5C57.5,35.9,60.4,32.9,64,32.9z M64,95.1c-3.9,0-7.1-3.2-7.1-7.1 c0-3.9,3.2-7.1,7.1-7.1c3.9,0,7.1,3.2,7.1,7.1C71.1,91.9,67.9,95.1,64,95.1z"/></svg>`
124
- };
125
- const wrIconAlertSquircle = {
126
- name: 'alert-squircle',
127
- 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="M117.8,10.2C107.6,0,92,0,64,0S20.4,0,10.2,10.2S0,36,0,64s0,43.6,10.2,53.8S36,128,64,128s43.6,0,53.8-10.2S128,92,128,64 S128,20.4,117.8,10.2z M64,32.9c3.6,0,6.5,3,6.4,6.6L69.6,70c-0.1,3-2.6,5.4-5.6,5.4c-3,0-5.5-2.4-5.6-5.4l-0.9-30.5 C57.5,35.9,60.4,32.9,64,32.9z M64,95.1c-3.9,0-7.1-3.2-7.1-7.1c0-3.9,3.2-7.1,7.1-7.1s7.1,3.2,7.1,7.1C71.1,91.9,67.9,95.1,64,95.1 z"/></svg>`
128
- };
129
- const wrIconAlert = {
130
- name: 'alert',
131
- 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"><g><path d="M77.2,13.6l-1.7,62.8c-0.2,6.2-5.3,11.2-11.5,11.2h0c-6.2,0-11.3-4.9-11.5-11.2l-1.8-62.8C50.6,6.1,56.5,0,64,0h0 C71.4,0,77.4,6.1,77.2,13.6z"/><circle cx="64" cy="113.4" r="14.6"/></g></svg>`
132
- };
133
- const wrIconArrowBackCircle = {
134
- name: 'arrow-back-circle',
135
- 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,64s28.7,64,64,64s64-28.7,64-64S99.3,0,64,0z M92.1,69.2H48.3L60,80.9c2.1,2.1,2,5.4-0.1,7.4 c-2,1.9-5.3,1.8-7.3-0.2L32.4,67.9c-2.2-2.2-2.2-5.6,0-7.8l20.3-20.2c2.1-2.1,5.4-2,7.4,0.1c1.9,2,1.8,5.3-0.2,7.3L48.3,58.9h43.5 c2.8,0,5.3,2.2,5.4,5C97.3,66.8,95,69.2,92.1,69.2z"/></svg>`
136
- };
137
- const wrIconArrowBack = {
138
- name: 'arrow-back',
139
- 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="M99.2,57.6l-54,0l14.4-14.4c2.5-2.5,2.7-6.6,0.3-9.1c-2.5-2.6-6.6-2.7-9.2-0.1L25.5,59.1c-2.7,2.7-2.7,7,0,9.7l25,25 c2.5,2.5,6.6,2.7,9.1,0.3c2.6-2.5,2.7-6.6,0.1-9.2L45.2,70.4h54.3c3.6,0,6.5-3,6.4-6.6C105.8,60.3,102.7,57.6,99.2,57.6z"/></svg>`
140
- };
141
- const wrIconArrowBottomCircle = {
142
- name: 'arrow-bottom-circle',
143
- 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="M0,64c0,35.3,28.7,64,64,64s64-28.7,64-64S99.3,0,64,0S0,28.7,0,64z M69.2,35.9v43.8L80.9,68c2.1-2.1,5.4-2,7.4,0.1 c1.9,2,1.8,5.3-0.2,7.3L67.9,95.6c-2.2,2.2-5.6,2.2-7.8,0L39.9,75.3c-2.1-2.1-2-5.4,0.1-7.4c2-1.9,5.3-1.8,7.3,0.2l11.6,11.6V36.2 c0-2.8,2.2-5.3,5-5.4C66.8,30.7,69.2,33,69.2,35.9z"/></svg>`
144
- };
145
- const wrIconArrowBottom = {
146
- name: 'arrow-bottom',
147
- 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="M58.3,29.5l0,54L44,69.1c-2.5-2.5-6.6-2.7-9.1-0.3c-2.6,2.5-2.7,6.6-0.1,9.2l25.2,25.2c2.7,2.7,7,2.7,9.7,0l25-25 c2.5-2.5,2.7-6.6,0.3-9.1c-2.5-2.6-6.6-2.7-9.2-0.1L71.2,83.5V29.2c0-3.6-3-6.5-6.6-6.4C61,22.9,58.3,26,58.3,29.5z"/></svg>`
148
- };
149
- const wrIconArrowForwardCircle = {
150
- name: 'arrow-forward-circle',
151
- 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,128c35.3,0,64-28.7,64-64S99.3,0,64,0S0,28.7,0,64S28.7,128,64,128z M35.9,58.8h43.8L68,47.1c-2.1-2.1-2-5.4,0.1-7.4 c2-1.9,5.3-1.8,7.3,0.2l20.1,20.1c2.2,2.2,2.2,5.6,0,7.8L75.3,88.1c-2.1,2.1-5.4,2-7.4-0.1c-1.9-2-1.8-5.3,0.2-7.3l11.6-11.6H36.2 c-2.8,0-5.3-2.2-5.4-5C30.7,61.2,33,58.8,35.9,58.8z"/></svg>`
152
- };
153
- const wrIconArrowForward = {
154
- name: 'arrow-forward',
155
- 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="M30.2,70.3h54L69.8,84.7c-2.5,2.5-2.7,6.6-0.3,9.1c2.5,2.6,6.6,2.7,9.2,0.1l25.2-25.2c2.7-2.7,2.7-7,0-9.7l-25-25 c-2.5-2.5-6.6-2.7-9.1-0.3c-2.6,2.5-2.7,6.6-0.1,9.2l14.6,14.6H29.9c-3.6,0-6.5,3-6.4,6.6C23.6,67.6,26.7,70.3,30.2,70.3z"/></svg>`
156
- };
157
- const wrIconArrowTopCircle = {
158
- name: 'arrow-top-circle',
159
- 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="M128,64c0-35.3-28.7-64-64-64S0,28.7,0,64s28.7,64,64,64S128,99.3,128,64z M58.8,92.1V48.3L47.1,60c-2.1,2.1-5.4,2-7.4-0.1 c-1.9-2-1.8-5.3,0.2-7.3l20.1-20.1c2.2-2.2,5.6-2.2,7.8,0l20.2,20.3c2.1,2.1,2,5.4-0.1,7.4c-2,1.9-5.3,1.8-7.3-0.2L69.1,48.3v43.5 c0,2.8-2.2,5.3-5,5.4C61.2,97.3,58.8,95,58.8,92.1z"/></svg>`
160
- };
161
- const wrIconArrowTop = {
162
- name: 'arrow-top',
163
- 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="M71.1,98.5l0-54l14.4,14.4c2.5,2.5,6.6,2.7,9.1,0.3c2.6-2.5,2.7-6.6,0.1-9.2L69.5,24.8c-2.7-2.7-7-2.7-9.7,0l-25,25 c-2.5,2.5-2.7,6.6-0.3,9.1c2.5,2.6,6.6,2.7,9.2,0.1l14.6-14.6v54.3c0,3.6,3,6.5,6.6,6.4C68.4,105,71.1,102,71.1,98.5z"/></svg>`
164
- };
165
- const wrIconBugOutline = {
166
- name: 'bug-outline',
167
- 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="M108.9,75.5h7.3c3.7,0,6.7-3,6.7-6.7s-3-6.7-6.7-6.7h-7.3v-7.6c0-2-0.1-4-0.4-5.9h7.7c3.7,0,6.7-3,6.7-6.7s-3-6.7-6.7-6.7 h-11.7c-3.5-7.4-9-13.7-15.8-18.2l5.7-5.7C97,8.8,97,4.6,94.4,2c-2.6-2.6-6.8-2.6-9.4,0l-9.2,9.2c-3.8-1-7.7-1.6-11.8-1.6h0 c-4.1,0-8,0.6-11.8,1.6L43,2c-2.6-2.6-6.8-2.6-9.4,0c-2.6,2.6-2.6,6.8,0,9.4l5.7,5.7c-6.8,4.5-12.3,10.8-15.8,18.2H11.8 c-3.7,0-6.7,3-6.7,6.7s3,6.7,6.7,6.7h7.7c-0.3,1.9-0.4,3.9-0.4,5.9v7.6h-7.3c-3.7,0-6.7,3-6.7,6.7s3,6.7,6.7,6.7h7.3v7.6 c0,2,0.1,4,0.4,5.9h-7.7c-3.7,0-6.7,3-6.7,6.7s3,6.7,6.7,6.7h11.7C30.6,117.5,46.1,128,64,128h0c17.9,0,33.4-10.5,40.6-25.7h11.7 c3.7,0,6.7-3,6.7-6.7s-3-6.7-6.7-6.7h-7.7c0.3-1.9,0.4-3.9,0.4-5.9V75.5z M64,114.6c-17.4,0-31.5-14.1-31.5-31.5V54.5 C32.5,37.1,46.6,23,64,23s31.5,14.1,31.5,31.5v28.6C95.5,100.5,81.4,114.6,64,114.6z M82.6,52.8c0,3.7-3,6.7-6.7,6.7H52 c-3.7,0-6.7-3-6.7-6.7c0-3.7,3-6.7,6.7-6.7H76C79.6,46.1,82.6,49.1,82.6,52.8z M82.6,84.8c0,3.7-3,6.7-6.7,6.7H52 c-3.7,0-6.7-3-6.7-6.7s3-6.7,6.7-6.7l23.9,0C79.6,78.2,82.6,81.1,82.6,84.8z"/></svg>`
168
- };
169
- const wrIconBug = {
170
- name: 'bug',
171
- 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="M108.9,75.5h7.3c3.7,0,6.7-3,6.7-6.7c0-3.7-3-6.7-6.7-6.7h-7.3v-7.6c0-2-0.1-4-0.4-5.9h7.7c3.7,0,6.7-3,6.7-6.7 c0-3.7-3-6.7-6.7-6.7h-11.7c-3.5-7.4-9-13.7-15.8-18.2l5.7-5.7C97,8.8,97,4.6,94.4,2c-2.6-2.6-6.8-2.6-9.4,0l-9.2,9.2 c-3.8-1-7.7-1.6-11.8-1.6h0c-4.1,0-8,0.6-11.8,1.6L43,2c-2.6-2.6-6.8-2.6-9.4,0c-2.6,2.6-2.6,6.8,0,9.4l5.7,5.7 c-6.8,4.5-12.3,10.8-15.8,18.2H11.8c-3.7,0-6.7,3-6.7,6.7c0,3.7,3,6.7,6.7,6.7h7.7c-0.3,1.9-0.4,3.9-0.4,5.9v7.6h-7.3 c-3.7,0-6.7,3-6.7,6.7c0,3.7,3,6.7,6.7,6.7h7.3v7.6c0,2,0.1,4,0.4,5.9h-7.7c-3.7,0-6.7,3-6.7,6.7c0,3.7,3,6.7,6.7,6.7h11.7 C30.6,117.5,46.1,128,64,128h0c17.9,0,33.4-10.5,40.6-25.7h11.7c3.7,0,6.7-3,6.7-6.7c0-3.7-3-6.7-6.7-6.7h-7.7 c0.3-1.9,0.4-3.9,0.4-5.9V75.5z M76,91.5H52c-3.7,0-6.7-3-6.7-6.7s3-6.7,6.7-6.7H76c3.7,0,6.7,3,6.7,6.7S79.6,91.5,76,91.5z M76,59.4H52c-3.7,0-6.7-3-6.7-6.7c0-3.7,3-6.7,6.7-6.7H76c3.7,0,6.7,3,6.7,6.7C82.6,56.5,79.6,59.4,76,59.4z"/></svg>`
172
- };
173
- const wrIconCaretBack = {
174
- name: 'caret-back',
175
- 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>`
176
- };
177
- const wrIconCaretForward = {
178
- name: 'caret-forward',
179
- 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>`
180
- };
181
- const wrIconCheckmarkCircleOutline = {
182
- name: 'checkmark-circle-outline',
183
- 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="M96.3,46.4c2.8,2.8,2.8,7.3,0,10L69,83.7l-10,10l-10-10L32.5,67.3c-2.8-2.8-2.8-7.3,0-10s7.3-2.8,10,0L59,73.6l27.3-27.3 C89.1,43.6,93.6,43.6,96.3,46.4z M128,64c0,35.3-28.7,64-64,64S0,99.3,0,64S28.7,0,64,0S128,28.7,128,64z M117.7,64 c0-29.6-24.1-53.7-53.7-53.7S10.3,34.4,10.3,64c0,29.6,24.1,53.7,53.7,53.7S117.7,93.6,117.7,64z"/></svg>`
184
- };
185
- const wrIconCheckmarkCircle = {
186
- name: 'checkmark-circle',
187
- 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,64s28.7,64,64,64s64-28.7,64-64S99.3,0,64,0z M96.3,56.4L69,83.7l-10,10l-10-10L32.5,67.3 c-2.8-2.8-2.8-7.3,0-10s7.3-2.8,10,0L59,73.6l27.3-27.3c2.8-2.8,7.3-2.8,10,0S99.1,53.6,96.3,56.4z"/></svg>`
188
- };
189
- const wrIconCheckmark = {
190
- name: 'checkmark',
191
- 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="M124.1,21.3c5.2,5.2,5.2,13.7,0,18.9L72.7,91.7l-18.9,18.9L34.8,91.7L3.9,60.7c-5.2-5.2-5.2-13.7,0-18.9s13.7-5.2,18.9,0 l30.9,30.9l51.4-51.4C110.4,16.1,118.9,16.1,124.1,21.3z"/></svg>`
192
- };
193
- const wrIconChevronDown = {
194
- name: 'chevron-down',
195
- 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>`
196
- };
197
- const wrIconChevronUp = {
198
- name: 'chevron-up',
199
- 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>`
200
- };
201
- const wrIconClock = {
202
- name: 'clock',
203
- 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>`
204
- };
205
- const wrIconCloseCircle = {
206
- name: 'close-circle',
207
- 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>`
208
- };
209
- const wrIconCog = {
210
- name: 'cog',
211
- 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,64.7L123.5,64.7c-13.2-4.2-17.6-20.7-8.3-31l0,0c2.4-2.7,2.3-6.7-0.2-9.3l-11.4-11.4c-2.5-2.5-6.6-2.6-9.3-0.2l0,0 c-10.3,9.3-26.8,4.9-31-8.3v0c-1.1-3.4-4.7-5.4-8.1-4.4L39.7,4.3c-3.5,0.9-5.6,4.4-4.8,7.9v0c3,13.6-9.1,25.6-22.7,22.7h0 c-3.5-0.8-7,1.4-7.9,4.8L0.1,55.2c-0.9,3.5,1,7,4.4,8.1c13.2,4.2,17.6,20.7,8.3,31l0,0c-2.4,2.7-2.3,6.7,0.2,9.3l11.4,11.4 c2.5,2.5,6.6,2.6,9.3,0.2l0,0c10.3-9.3,26.8-4.9,31,8.3c1.1,3.4,4.7,5.4,8.1,4.4l15.5-4.2c3.5-0.9,5.6-4.4,4.8-7.9v0 c-3-13.6,9.1-25.6,22.7-22.7h0c3.5,0.8,7-1.4,7.9-4.8l4.2-15.5C128.8,69.3,126.9,65.8,123.5,64.7z M64,93.8 c-16.4,0-29.8-13.3-29.8-29.8S47.6,34.2,64,34.2S93.8,47.6,93.8,64S80.4,93.8,64,93.8z"/></svg>`
212
- };
213
- const wrIconCopyOutline = {
214
- name: 'copy-outline',
215
- 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="M120.1,36.6c-7.9-7.9-20-7.9-41.7-7.9s-33.8,0-41.7,7.9s-7.9,20-7.9,41.7s0,33.8,7.9,41.7c7.9,7.9,20,7.9,41.7,7.9 s33.8,0,41.7-7.9c7.9-7.9,7.9-20,7.9-41.7S128,44.5,120.1,36.6z M111.4,111.4c-6.3,6.3-15.9,6.3-33.1,6.3c-17.2,0-26.8,0-33.1-6.3 S39,95.6,39,78.4c0-17.2,0-26.8,6.3-33.1S61.1,39,78.4,39c17.2,0,26.8,0,33.1,6.3s6.3,15.9,6.3,33.1 C117.7,95.6,117.7,105.2,111.4,111.4z"/><path d="M20.6,88.9c0-1.9-1-3.6-2.5-4.8c-0.6-0.4-1.1-0.9-1.6-1.4c-6.3-6.3-6.3-15.9-6.3-33.1c0-17.2,0-26.8,6.3-33.1 s15.9-6.3,33.1-6.3c17.2,0,26.8,0,33.1,6.3c0.5,0.5,1,1,1.4,1.6c1.2,1.5,2.9,2.4,4.8,2.5l0.1,0c4.8,0,7.7-5.3,5.1-9.4 c-0.8-1.2-1.7-2.3-2.7-3.3C83.5,0,71.4,0,49.6,0S15.8,0,7.9,7.9S0,27.9,0,49.6s0,33.8,7.9,41.7c1,1,2.1,1.9,3.3,2.7 c4,2.6,9.4-0.2,9.4-5.1C20.6,89,20.6,89,20.6,88.9z"/></svg>`
216
- };
217
- const wrIconCopy = {
218
- name: 'copy',
219
- 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="M120.1,36.6c-7.9-7.9-20-7.9-41.7-7.9s-33.8,0-41.7,7.9s-7.9,20-7.9,41.7s0,33.8,7.9,41.7s20,7.9,41.7,7.9s33.8,0,41.7-7.9 s7.9-20,7.9-41.7S128,44.5,120.1,36.6z"/><path d="M20.6,78.4c0-25.3,0-39.4,9.2-48.6c9.2-9.2,23.3-9.2,48.6-9.2c7.4,0,13.8,0,19.5,0.2c-1.1-5.4-3-9.5-6.4-12.9 C83.5,0,71.4,0,49.6,0S15.8,0,7.9,7.9C0,15.8,0,27.9,0,49.6s0,33.8,7.9,41.7c3.4,3.4,7.6,5.3,12.9,6.4 C20.6,92.2,20.6,85.7,20.6,78.4z"/></svg>`
220
- };
221
- const wrIconDiscover = {
222
- name: 'discover',
223
- 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>`
224
- };
225
- const wrIconDocument = {
226
- name: 'document',
227
- 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>`
228
- };
229
- const wrIconDotsHorizontal = {
230
- name: 'dots-horizontal',
231
- 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>`
232
- };
233
- const wrIconDotsVertical = {
234
- name: 'dots-vertical',
235
- 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>`
236
- };
237
- const wrIconDownload = {
238
- name: 'download',
239
- 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>`
240
- };
241
- const wrIconEyeOff = {
242
- name: 'eye-off',
243
- 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>`
244
- };
245
- const wrIconEye = {
246
- name: 'eye',
247
- 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>`
248
- };
249
- const wrIconFileAab = {
250
- name: 'file-aab',
251
- 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>`
252
- };
253
- const wrIconFileApk = {
254
- name: 'file-apk',
255
- 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>`
256
- };
257
- const wrIconFileIpa = {
258
- name: 'file-ipa',
259
- 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>`
260
- };
261
- const wrIconFileZip = {
262
- name: 'file-zip',
263
- 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>`
264
- };
265
- const wrIconFilterOutline = {
266
- name: 'filter-outline',
267
- 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="M113.5,10.3c2.3,0,4.2,1.9,4.2,4.2c0,1.1-0.5,2.2-1.3,3l-39,38c-2,1.9-3.1,4.6-3.1,7.4v53.3l-20.6-10V62.9 c0-2.8-1.1-5.4-3.1-7.4l-39-38c-0.8-0.8-1.3-1.9-1.3-3c0-2.3,1.9-4.2,4.2-4.2H113.5 M113.5,0h-99C6.5,0,0,6.5,0,14.5 c0,3.9,1.6,7.7,4.4,10.4l39,38v44.9c0,2.9,1.7,5.6,4.3,6.9l25.8,12.5c1.1,0.5,2.2,0.8,3.4,0.8c4,0,7.7-3.2,7.7-7.7V62.9l39-38 c2.8-2.7,4.4-6.5,4.4-10.4C128,6.5,121.5,0,113.5,0L113.5,0z"/></svg>`
268
- };
269
- const wrIconFilter = {
270
- name: 'filter',
271
- 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="M128,14.5c0-8-6.5-14.5-14.5-14.5h-99C6.5,0,0,6.5,0,14.5c0,3.9,1.6,7.7,4.4,10.4l39,38v44.9c0,2.9,1.7,5.6,4.3,6.9 l25.8,12.5c5.1,2.5,11-1.2,11-6.9V62.9l39-38C126.4,22.1,128,18.4,128,14.5z"/></svg>`
272
- };
273
- const wrIconFlash = {
274
- name: 'flash',
275
- 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>`
276
- };
277
- const wrIconFolder = {
278
- name: 'folder',
279
- 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>`
280
- };
281
- const wrIconHelp = {
282
- name: 'help',
283
- 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>`
284
- };
285
- const wrIconHome = {
286
- name: 'home',
287
- 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>`
288
- };
289
- const wrIconInfoCircleOutline = {
290
- name: 'info-circle-outline',
291
- 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>`
292
- };
293
- const wrIconLockOpened = {
294
- name: 'lock-opened',
295
- 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="M102.5,50.1c-6.7-6.7-17.1-6.7-35.6-6.7c-1.3,0-6.2,0-7.5,0c-3.9,0-7.5,0-10.7,0.1V25.6c0-8.7,7.3-15.7,16-15.3 C73,10.7,79.3,17.8,79.3,26v2.2c0,2.8,2.3,5.1,5.1,5.1h0c2.8,0,5.1-2.3,5.1-5.1v-2C89.6,11.8,77.9-0.3,63.5,0 C49.6,0.3,38.4,11.6,38.4,25.6V44c-6.3,0.8-11,2.5-14.6,6.1c-6.7,6.7-6.7,17.1-6.7,35.6c0,18.5,0,28.8,6.7,35.6 c6.7,6.7,17.1,6.7,35.6,6.7c1.3,0,6.2,0,7.5,0c18.5,0,28.8,0,35.6-6.7c6.7-6.7,6.7-17.1,6.7-35.6C109.3,67.1,109.3,56.8,102.5,50.1z"/></svg>`
296
- };
297
- const wrIconLock = {
298
- name: 'lock',
299
- 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="M102.5,50.1c-3.3-3.3-7.4-5-12.9-5.8V25.6C89.6,11.5,78.1,0,64,0S38.4,11.5,38.4,25.6V44c-6.3,0.8-11,2.5-14.6,6.1 c-6.7,6.7-6.7,17.1-6.7,35.6c0,18.5,0,28.8,6.7,35.6c6.7,6.7,17.1,6.7,35.6,6.7c1.3,0,6.2,0,7.5,0c18.5,0,28.8,0,35.6-6.7 c6.7-6.7,6.7-17.1,6.7-35.6C109.3,67.1,109.3,56.8,102.5,50.1z M59.4,43.3c-3.9,0-7.5,0-10.7,0.1V25.6c0-8.4,6.9-15.3,15.3-15.3 s15.3,6.9,15.3,15.3v17.8c-3.7-0.1-7.8-0.1-12.4-0.1C65.6,43.3,60.7,43.3,59.4,43.3z"/></svg>`
300
- };
301
- const wrIconLogoAndroid = {
302
- name: 'logo-android',
303
- 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>`
304
- };
305
- const wrIconLogoApple = {
306
- name: 'logo-apple',
307
- 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>`
308
- };
309
- const wrIconLogoAppscreener = {
310
- name: 'logo-appscreener',
311
- 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>`
312
- };
313
- const wrIconLogoGithub = {
314
- name: 'logo-github',
315
- 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>`
316
- };
317
- const wrIconLogoOversecured = {
318
- name: 'logo-oversecured',
319
- 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>`
320
- };
321
- const wrIconLogoStingray = {
322
- name: 'logo-stingray',
323
- 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>`
324
- };
325
- const wrIconModules = {
326
- name: 'modules',
327
- 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>`
328
- };
329
- const wrIconPlayBack = {
330
- name: 'play-back',
331
- 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>`
332
- };
333
- const wrIconPlayCircle = {
334
- name: 'play-circle',
335
- 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>`
336
- };
337
- const wrIconPlayForward = {
338
- name: 'play-forward',
339
- 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>`
340
- };
341
- const wrIconPlay = {
342
- name: 'play',
343
- 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>`
344
- };
345
- const wrIconPlusCircle = {
346
- name: 'plus-circle',
347
- 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>`
348
- };
349
- const wrIconReader = {
350
- name: 'reader',
351
- 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>`
352
- };
353
- const wrIconRepeat = {
354
- name: 'repeat',
355
- 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>`
356
- };
357
- const wrIconSearch = {
358
- name: 'search',
359
- 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>`
360
- };
361
- const wrIconShieldCheckmarkOutline = {
362
- name: 'shield-checkmark-outline',
363
- 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="M91.5,44.5c2.4,2.4,2.4,6.3,0,8.6L68,76.6l-8.6,8.6l-8.6-8.6L36.5,62.5c-2.4-2.4-2.4-6.3,0-8.6c2.4-2.4,6.3-2.4,8.6,0 L59.3,68l23.5-23.5C85.2,42.1,89.1,42.1,91.5,44.5z"/><path d="M63.8,10.7c0.2,0,0.5,0.1,0.6,0.1L112,30.7c0.9,0.4,1.1,1,1.1,1.2c0,30.8-11.9,51.9-21.9,64.2c-12.2,15-24.4,20.7-27.5,21.1 c-3.1-0.5-15.2-6.3-27.2-21C26.7,84,14.8,62.9,14.8,31.9c0-0.5,0.3-1,0.8-1.2l0,0l0,0l47.5-19.9C63.3,10.8,63.6,10.8,63.8,10.7 M63.8,0c-1.3,0-3.4,0.4-4.6,0.9l-47.7,20c-4.5,1.8-7.4,6.2-7.4,11c0,64.4,47.1,96.1,59.7,96.1c13.5,0,60.1-32.6,60.1-96.1 c0-4.6-2.9-9-7.6-11.1l-47.9-20C67.2,0.4,65.1,0,63.8,0L63.8,0z"/></svg>`
364
- };
365
- const wrIconShieldCheckmark = {
366
- name: 'shield-checkmark',
367
- 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="M116.3,20.8l-47.9-20C67.2,0.4,65.1,0,63.8,0s-3.4,0.4-4.6,0.9l-47.7,20c-4.5,1.8-7.4,6.2-7.4,11 c0,64.4,47.1,96.1,59.7,96.1c13.5,0,60.1-32.6,60.1-96.1C123.9,27.3,121,22.9,116.3,20.8z M91.5,53.1L68,76.6l-8.6,8.6l-8.6-8.6 L36.5,62.5c-2.4-2.4-2.4-6.3,0-8.6c2.4-2.4,6.3-2.4,8.6,0L59.3,68l23.5-23.5c2.4-2.4,6.3-2.4,8.6,0C93.8,46.9,93.8,50.8,91.5,53.1z"/></svg>`
368
- };
369
- const wrIconShieldOutline = {
370
- name: 'shield-outline',
371
- 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.8,10.7c0.2,0,0.5,0.1,0.6,0.1L112,30.7c0.9,0.4,1.1,1,1.1,1.2c0,30.8-11.9,51.9-21.9,64.2c-12.2,15-24.4,20.7-27.5,21.1 c-3.1-0.5-15.2-6.3-27.2-21C26.7,84,14.8,62.9,14.8,31.9c0-0.5,0.3-1,0.8-1.2l0,0l0,0l47.5-19.9C63.3,10.8,63.6,10.8,63.8,10.7 M63.8,0c-1.3,0-3.4,0.4-4.6,0.9l-47.7,20C7,22.7,4.1,27.1,4.1,31.9c0,64.4,47.1,96.1,59.7,96.1c13.5,0,60.1-32.6,60.1-96.1 c0-4.6-2.9-9-7.6-11.1l-47.9-20C67.2,0.4,65.1,0,63.8,0L63.8,0z"/></svg>`
372
- };
373
- const wrIconShield = {
374
- name: 'shield',
375
- 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.9,31.9c0,63.4-46.6,96.1-60.1,96.1C51.2,128,4.1,96.4,4.1,31.9c0-4.8,2.9-9.2,7.4-11.1l47.7-20C60.4,0.4,62.5,0,63.8,0 c1.3,0,3.4,0.4,4.6,0.9l47.9,20C121,23,123.9,27.3,123.9,31.9z"/></svg>`
376
- };
377
- const wrIconStopCircle = {
378
- name: 'stop-circle',
379
- 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>`
380
- };
381
- const wrIconStop = {
382
- name: 'stop',
383
- 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>`
384
- };
385
- const wrIconTrash = {
386
- name: 'trash',
387
- 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>`
388
- };
389
- const wrIconUserAdd = {
390
- name: 'user-add',
391
- 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"><g><ellipse transform="matrix(0.3827 -0.9239 0.9239 0.3827 17.9306 83.4351)" cx="71.4" cy="28.3" rx="28.3" ry="28.3"/><path d="M71.4,68.5c-46.7,0-56.6,14.8-56.6,29.7c0,14.9,17.9,29.8,56.6,29.8c38.7,0,56.6-14.8,56.6-29.7 C128,83.4,118.1,68.5,71.4,68.5z"/><path d="M17.2,66.9c0,2.7,2.2,4.9,4.9,4.9s4.9-2.2,4.9-4.9V56.5h10.5c2.7,0,4.9-2.2,4.9-4.9c0-2.7-2.2-4.9-4.9-4.9H26.9V36.3 c0-2.7-2.2-4.9-4.9-4.9s-4.9,2.2-4.9,4.9v10.5H6.7c-2.7,0-4.9,2.2-4.9,4.9c0,2.7,2.2,4.9,4.9,4.9h10.5V66.9z"/></g></svg>`
392
- };
393
- const wrIconUserCircle = {
394
- name: 'user-circle',
395
- 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>`
396
- };
397
- const wrIconUserRemove = {
398
- name: 'user-remove',
399
- 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="M71.4,0c15.5,0,28.3,12.8,28.3,28.3S86.9,56.6,71.4,56.6S43.1,43.8,43.1,28.3S55.9,0,71.4,0z M71.4,128 c-38.7,0-56.6-14.9-56.6-29.8s9.9-29.7,56.6-29.7S128,83.4,128,98.3S110.1,128,71.4,128z"/><path d="M1.9,56.5L1.9,56.5c0-2.7,2.2-4.9,4.9-4.9h30.6c2.7,0,4.9,2.2,4.9,4.9v0c0,2.7-2.2,4.9-4.9,4.9H6.7 C4,61.3,1.9,59.2,1.9,56.5z"/></svg>`
400
- };
401
- const wrIconUser = {
402
- name: 'user',
403
- 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>`
404
- };
405
- const wrIconWarning = {
406
- name: 'warning',
407
- 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>`
408
- };
409
- const wrIconSet = [
410
- wrIconAddCircleOutline,
411
- wrIconAddCircle,
412
- wrIconAdd,
413
- wrIconAlertCircleOutline,
414
- wrIconAlertCircle,
415
- wrIconAlertSquircle,
416
- wrIconAlert,
417
- wrIconArrowBackCircle,
418
- wrIconArrowBack,
419
- wrIconArrowBottomCircle,
420
- wrIconArrowBottom,
421
- wrIconArrowForwardCircle,
422
- wrIconArrowForward,
423
- wrIconArrowTopCircle,
424
- wrIconArrowTop,
425
- wrIconBugOutline,
426
- wrIconBug,
427
- wrIconCaretBack,
428
- wrIconCaretForward,
429
- wrIconCheckmarkCircleOutline,
430
- wrIconCheckmarkCircle,
431
- wrIconCheckmark,
432
- wrIconChevronDown,
433
- wrIconChevronUp,
434
- wrIconClock,
435
- wrIconCloseCircle,
436
- wrIconCog,
437
- wrIconCopyOutline,
438
- wrIconCopy,
439
- wrIconDiscover,
440
- wrIconDocument,
441
- wrIconDotsHorizontal,
442
- wrIconDotsVertical,
443
- wrIconDownload,
444
- wrIconEyeOff,
445
- wrIconEye,
446
- wrIconFileAab,
447
- wrIconFileApk,
448
- wrIconFileIpa,
449
- wrIconFileZip,
450
- wrIconFilterOutline,
451
- wrIconFilter,
452
- wrIconFlash,
453
- wrIconFolder,
454
- wrIconHelp,
455
- wrIconHome,
456
- wrIconInfoCircleOutline,
457
- wrIconLockOpened,
458
- wrIconLock,
459
- wrIconLogoAndroid,
460
- wrIconLogoApple,
461
- wrIconLogoAppscreener,
462
- wrIconLogoGithub,
463
- wrIconLogoOversecured,
464
- wrIconLogoStingray,
465
- wrIconModules,
466
- wrIconPlayBack,
467
- wrIconPlayCircle,
468
- wrIconPlayForward,
469
- wrIconPlay,
470
- wrIconPlusCircle,
471
- wrIconReader,
472
- wrIconRepeat,
473
- wrIconSearch,
474
- wrIconShieldCheckmarkOutline,
475
- wrIconShieldCheckmark,
476
- wrIconShieldOutline,
477
- wrIconShield,
478
- wrIconStopCircle,
479
- wrIconStop,
480
- wrIconTrash,
481
- wrIconUserAdd,
482
- wrIconUserCircle,
483
- wrIconUserRemove,
484
- wrIconUser,
485
- wrIconWarning
486
- ];
487
-
488
- class WrIconService {
489
- /**
490
- * Access icons registry
491
- */
492
- get registry() {
493
- return WrIconService.registry;
494
- }
495
- /**
496
- * Register all icons
497
- */
498
- static registerIcons() {
499
- wrIconSet.forEach((icon) => WrIconService.registry.set(icon.name, icon.data));
500
- }
501
- }
502
- /**
503
- * Icons registry
504
- */
505
- WrIconService.registry = new Map();
506
- WrIconService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrIconService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
507
- WrIconService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrIconService, providedIn: 'root' });
508
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrIconService, decorators: [{
509
- type: Injectable,
510
- args: [{
511
- providedIn: 'root'
512
- }]
513
- }] });
514
-
515
- class WrIconComponent {
516
- constructor(elRef, iconService, doc) {
517
- this.elRef = elRef;
518
- this.iconService = iconService;
519
- this.doc = doc;
520
- this.class = 'wr-icon';
521
- }
522
- set name(name) {
523
- if (!this.iconService.registry.has(name)) {
524
- console.warn(`Icon ${name} was not found`);
525
- return;
526
- }
527
- if (this.svgIcon) {
528
- this.elRef.nativeElement.removeChild(this.svgIcon);
529
- }
530
- const svgData = this.iconService.registry.get(name) || '';
531
- this.svgIcon = this.svgElementFromString(svgData);
532
- this.elRef.nativeElement.appendChild(this.svgIcon);
533
- }
534
- svgElementFromString(svgContent) {
535
- const div = this.doc.createElement('div');
536
- div.innerHTML = svgContent;
537
- return div.querySelector('svg') || this.doc.createElementNS('http://www.w3.org/2000/svg', 'path');
538
- }
539
- }
540
- WrIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrIconComponent, deps: [{ token: i0.ElementRef }, { token: WrIconService }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
541
- WrIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", 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 });
542
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrIconComponent, decorators: [{
543
- type: Component,
544
- args: [{
545
- selector: 'wr-icon[name]',
546
- template: '',
547
- encapsulation: ViewEncapsulation.None,
548
- changeDetection: ChangeDetectionStrategy.OnPush
549
- }]
550
- }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: WrIconService }, { type: undefined, decorators: [{
551
- type: Optional
552
- }, {
553
- type: Inject,
554
- args: [DOCUMENT]
555
- }] }]; }, propDecorators: { class: [{
556
- type: HostBinding,
557
- args: ['class']
558
- }], name: [{
559
- type: Input
560
- }] } });
561
-
562
- class WrButtonComponent extends BaseComponent {
563
- constructor(cdr, elRef, ngZone, r2) {
564
- super();
565
- this.cdr = cdr;
566
- this.elRef = elRef;
567
- this.ngZone = ngZone;
568
- this.r2 = r2;
569
- this.color = 'primary';
570
- this.size = 'default';
571
- this.icon = null;
572
- this.iconPosition = 'start';
573
- this.outlined = false;
574
- this.rounded = false;
575
- this.loading = false;
576
- this.fullwidth = false;
577
- this._disabled = false;
578
- }
579
- get disabled() {
580
- return this._disabled;
581
- }
582
- set disabled(disabled) {
583
- this._disabled = coerceBooleanProperty(disabled);
584
- this.cdr.markForCheck();
585
- }
586
- get elClasses() {
587
- return {
588
- 'wr-btn': true,
589
- 'wr-btn--primary': this.color === 'primary',
590
- 'wr-btn--secondary': this.color === 'secondary',
591
- 'wr-btn--success': this.color === 'success',
592
- 'wr-btn--warning': this.color === 'warning',
593
- 'wr-btn--danger': this.color === 'danger',
594
- 'wr-btn--light': this.color === 'light',
595
- 'wr-btn--medium': this.color === 'medium',
596
- 'wr-btn--dark': this.color === 'dark',
597
- 'wr-btn--default': this.size === 'default',
598
- 'wr-btn--small': this.size === 'small',
599
- 'wr-btn--icon-start': this.icon && this.iconPosition === 'start',
600
- 'wr-btn--icon-end': this.icon && this.iconPosition === 'end',
601
- 'wr-btn--outlined': this.outlined,
602
- 'wr-btn--rounded': this.rounded,
603
- 'wr-btn--loading': this.loading,
604
- 'wr-btn--full': this.fullwidth
605
- };
606
- }
607
- ngOnInit() {
608
- /**
609
- * Event listener added to prevent default behavior, so we don't need to call change detection
610
- * By default, compiler wraps HostListener to `ɵɵlistener`, which call `markDirty()` before running actual listener.
611
- */
612
- this.ngZone.runOutsideAngular(() => {
613
- fromEvent(this.elRef.nativeElement, 'click')
614
- .pipe(takeUntil(this.ngUnsubscribe))
615
- .subscribe(event => {
616
- if (this.disabled && event.target?.tagName === 'A') {
617
- event.preventDefault();
618
- event.stopImmediatePropagation();
619
- }
620
- });
621
- });
622
- }
623
- ngAfterViewInit() {
624
- this.insertSpan(this.elRef.nativeElement.childNodes, this.r2);
625
- }
626
- /**
627
- * Sanitizing `<ng-content></ng-content>` from other content except #text
628
- *
629
- * {@link https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeName}
630
- *
631
- * @param {NodeList} nodes List of nodes from `nativeElement.childNodes`
632
- * @param {Renderer2} r2 Renderer2 from `@angular/core`
633
- */
634
- insertSpan(nodes, r2) {
635
- nodes.forEach(node => {
636
- if (node.nodeName === '#text') {
637
- const span = r2.createElement('span');
638
- r2.addClass(span, `wr-btn__text`);
639
- const parent = r2.parentNode(node);
640
- r2.insertBefore(parent, span, node);
641
- r2.appendChild(span, node);
642
- }
643
- });
644
- }
645
- }
646
- WrButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrButtonComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
647
- WrButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: WrButtonComponent, selector: "wr-btn, button[wr-btn], a[wr-btn]", inputs: { color: "color", size: "size", icon: "icon", iconPosition: "iconPosition", disabled: "disabled", outlined: "outlined", rounded: "rounded", loading: "loading", fullwidth: "fullwidth" }, host: { properties: { "class": "this.elClasses", "disabled": "this._disabled" } }, exportAs: ["wrBtn"], usesInheritance: true, ngImport: i0, template: "<wr-spin class=\"wr-btn__spin\" *ngIf=\"loading\"></wr-spin>\n<wr-icon class=\"wr-btn__icon\" *ngIf=\"icon && iconPosition === 'start'\" [name]=\"icon\"></wr-icon>\n<ng-content></ng-content>\n<wr-icon class=\"wr-btn__icon\" *ngIf=\"icon && iconPosition === 'end'\" [name]=\"icon\"></wr-icon>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: WrSpinnerComponent, selector: "wr-spin", exportAs: ["wrSpin"] }, { kind: "component", type: WrIconComponent, selector: "wr-icon[name]", inputs: ["name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
648
- __decorate([
649
- InputBoolean()
650
- ], WrButtonComponent.prototype, "outlined", void 0);
651
- __decorate([
652
- InputBoolean()
653
- ], WrButtonComponent.prototype, "rounded", void 0);
654
- __decorate([
655
- InputBoolean()
656
- ], WrButtonComponent.prototype, "loading", void 0);
657
- __decorate([
658
- InputBoolean()
659
- ], WrButtonComponent.prototype, "fullwidth", void 0);
660
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrButtonComponent, decorators: [{
661
- type: Component,
662
- args: [{ selector: 'wr-btn, button[wr-btn], a[wr-btn]', exportAs: 'wrBtn', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<wr-spin class=\"wr-btn__spin\" *ngIf=\"loading\"></wr-spin>\n<wr-icon class=\"wr-btn__icon\" *ngIf=\"icon && iconPosition === 'start'\" [name]=\"icon\"></wr-icon>\n<ng-content></ng-content>\n<wr-icon class=\"wr-btn__icon\" *ngIf=\"icon && iconPosition === 'end'\" [name]=\"icon\"></wr-icon>\n" }]
663
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Renderer2 }]; }, propDecorators: { color: [{
664
- type: Input
665
- }], size: [{
666
- type: Input
667
- }], icon: [{
668
- type: Input
669
- }], iconPosition: [{
670
- type: Input
671
- }], disabled: [{
672
- type: Input
673
- }], outlined: [{
674
- type: Input
675
- }], rounded: [{
676
- type: Input
677
- }], loading: [{
678
- type: Input
679
- }], fullwidth: [{
680
- type: Input
681
- }], elClasses: [{
682
- type: HostBinding,
683
- args: ['class']
684
- }], _disabled: [{
685
- type: HostBinding,
686
- args: ['disabled']
687
- }] } });
688
-
689
- class WrIconModule {
690
- static forRoot() {
691
- WrIconService.registerIcons();
692
- return { ngModule: WrIconModule };
693
- }
694
- }
695
- WrIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
696
- WrIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: WrIconModule, declarations: [WrIconComponent], exports: [WrIconComponent] });
697
- WrIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrIconModule });
698
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrIconModule, decorators: [{
699
- type: NgModule,
700
- args: [{
701
- declarations: [WrIconComponent],
702
- exports: [WrIconComponent]
703
- }]
704
- }] });
705
-
706
- class WrSpinnerModule {
707
- }
708
- WrSpinnerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
709
- WrSpinnerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: WrSpinnerModule, declarations: [WrSpinnerComponent], exports: [WrSpinnerComponent] });
710
- WrSpinnerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrSpinnerModule });
711
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrSpinnerModule, decorators: [{
712
- type: NgModule,
713
- args: [{
714
- declarations: [WrSpinnerComponent],
715
- exports: [WrSpinnerComponent]
716
- }]
717
- }] });
718
-
719
- class WrButtonModule {
720
- }
721
- WrButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
722
- WrButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: WrButtonModule, declarations: [WrButtonComponent], imports: [CommonModule, WrSpinnerModule, WrIconModule], exports: [WrButtonComponent] });
723
- WrButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrButtonModule, imports: [CommonModule, WrSpinnerModule, WrIconModule] });
724
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrButtonModule, decorators: [{
725
- type: NgModule,
726
- args: [{
727
- imports: [CommonModule, WrSpinnerModule, WrIconModule],
728
- declarations: [WrButtonComponent],
729
- exports: [WrButtonComponent]
730
- }]
731
- }] });
732
-
733
- class WrCheckboxComponent extends BaseComponent {
734
- constructor(cdr, elRef, focusMonitor, ngZone) {
735
- super();
736
- this.cdr = cdr;
737
- this.elRef = elRef;
738
- this.focusMonitor = focusMonitor;
739
- this.ngZone = ngZone;
740
- this.onChange = () => { };
741
- this.onTouch = () => { };
742
- this.checked = false;
743
- this.disabled = false;
744
- this.autoFocus = false;
745
- this.valueChange = new EventEmitter();
746
- }
747
- get elClasses() {
748
- return {
749
- 'wr-checkbox': true
750
- };
751
- }
752
- ngOnInit() {
753
- this.ngZone.runOutsideAngular(() => {
754
- fromEvent(this.elRef.nativeElement, 'click')
755
- .pipe(takeUntil(this.ngUnsubscribe))
756
- .subscribe(event => {
757
- event.preventDefault();
758
- this.focus();
759
- if (this.disabled) {
760
- event.stopImmediatePropagation();
761
- return;
762
- }
763
- this.ngZone.run(() => {
764
- this.onModelChange(!this.checked);
765
- this.cdr.markForCheck();
766
- });
767
- });
768
- fromEvent(this.inputElement.nativeElement, 'click')
769
- .pipe(takeUntil(this.ngUnsubscribe))
770
- .subscribe(event => event.stopPropagation());
771
- });
772
- }
773
- ngAfterViewInit() {
774
- if (this.autoFocus) {
775
- this.focus();
776
- }
777
- }
778
- ngOnDestroy() {
779
- super.ngOnDestroy();
780
- this.focusMonitor.stopMonitoring(this.elRef);
781
- }
782
- writeValue(value) {
783
- this.checked = value;
784
- this.cdr.markForCheck();
785
- }
786
- registerOnChange(fn) {
787
- this.onChange = fn;
788
- }
789
- registerOnTouched(fn) {
790
- this.onTouch = fn;
791
- }
792
- setDisabledState(isDisabled) {
793
- this.disabled = isDisabled;
794
- this.cdr.markForCheck();
795
- }
796
- focus() {
797
- this.focusMonitor.focusVia(this.inputElement, 'keyboard');
798
- }
799
- blur() {
800
- this.inputElement.nativeElement.blur();
801
- }
802
- onModelChange(checked) {
803
- if (!this.disabled) {
804
- this.checked = checked;
805
- this.onChange(this.checked);
806
- this.valueChange.emit(this.checked);
807
- }
808
- }
809
- }
810
- WrCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrCheckboxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1$1.FocusMonitor }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
811
- WrCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: WrCheckboxComponent, selector: "wr-checkbox", inputs: { checked: "checked", disabled: "disabled", autoFocus: "autoFocus" }, outputs: { valueChange: "valueChange" }, host: { properties: { "class": "this.elClasses" } }, providers: [
812
- {
813
- provide: NG_VALUE_ACCESSOR,
814
- useExisting: forwardRef(() => WrCheckboxComponent),
815
- multi: true
816
- }
817
- ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<label\n class=\"wr-checkbox-container\"\n [class.wr-checkbox-container--checked]=\"this.checked\"\n [class.wr-checkbox-container--disabled]=\"this.disabled\"\n>\n <input\n #inputElement\n type=\"checkbox\"\n class=\"wr-checkbox-container__input\"\n [attr.autofocus]=\"autoFocus ? 'autofocus' : null\"\n [checked]=\"checked\"\n [ngModel]=\"checked\"\n [disabled]=\"!!disabled\"\n (ngModelChange)=\"onModelChange($event)\"\n />\n <div class=\"wr-checkbox-container-inner\">\n <div class=\"wr-checkbox-container-inner__mark\"></div>\n </div>\n <ng-content></ng-content>\n</label>\n", dependencies: [{ kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
818
- __decorate([
819
- InputBoolean()
820
- ], WrCheckboxComponent.prototype, "checked", void 0);
821
- __decorate([
822
- InputBoolean()
823
- ], WrCheckboxComponent.prototype, "disabled", void 0);
824
- __decorate([
825
- InputBoolean()
826
- ], WrCheckboxComponent.prototype, "autoFocus", void 0);
827
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrCheckboxComponent, decorators: [{
828
- type: Component,
829
- args: [{ selector: 'wr-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
830
- {
831
- provide: NG_VALUE_ACCESSOR,
832
- useExisting: forwardRef(() => WrCheckboxComponent),
833
- multi: true
834
- }
835
- ], template: "<label\n class=\"wr-checkbox-container\"\n [class.wr-checkbox-container--checked]=\"this.checked\"\n [class.wr-checkbox-container--disabled]=\"this.disabled\"\n>\n <input\n #inputElement\n type=\"checkbox\"\n class=\"wr-checkbox-container__input\"\n [attr.autofocus]=\"autoFocus ? 'autofocus' : null\"\n [checked]=\"checked\"\n [ngModel]=\"checked\"\n [disabled]=\"!!disabled\"\n (ngModelChange)=\"onModelChange($event)\"\n />\n <div class=\"wr-checkbox-container-inner\">\n <div class=\"wr-checkbox-container-inner__mark\"></div>\n </div>\n <ng-content></ng-content>\n</label>\n" }]
836
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1$1.FocusMonitor }, { type: i0.NgZone }]; }, propDecorators: { inputElement: [{
837
- type: ViewChild,
838
- args: ['inputElement', { static: true }]
839
- }], checked: [{
840
- type: Input
841
- }], disabled: [{
842
- type: Input
843
- }], autoFocus: [{
844
- type: Input
845
- }], valueChange: [{
846
- type: Output
847
- }], elClasses: [{
848
- type: HostBinding,
849
- args: ['class']
850
- }] } });
851
-
852
- class WrCheckboxModule {
853
- }
854
- WrCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
855
- WrCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: WrCheckboxModule, declarations: [WrCheckboxComponent], imports: [CommonModule, FormsModule, A11yModule], exports: [WrCheckboxComponent] });
856
- WrCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrCheckboxModule, imports: [CommonModule, FormsModule, A11yModule] });
857
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrCheckboxModule, decorators: [{
858
- type: NgModule,
859
- args: [{
860
- imports: [CommonModule, FormsModule, A11yModule],
861
- declarations: [WrCheckboxComponent],
862
- exports: [WrCheckboxComponent]
863
- }]
864
- }] });
865
-
866
- class WrDividerComponent {
867
- constructor() {
868
- /**
869
- * Divider color
870
- *
871
- * @default 'light';
872
- */
873
- this.color = 'light';
874
- /**
875
- * Divider style
876
- *
877
- * @default 'solid';
878
- */
879
- this.type = 'solid';
880
- /**
881
- * Divider width
882
- *
883
- * @default 1px;
884
- */
885
- this.width = '1px';
886
- }
887
- /** Set element classes **/
888
- get elClasses() {
889
- return {
890
- 'wr-divider': true,
891
- 'wr-divider--primary': this.color === 'primary',
892
- 'wr-divider--secondary': this.color === 'secondary',
893
- 'wr-divider--success': this.color === 'success',
894
- 'wr-divider--warning': this.color === 'warning',
895
- 'wr-divider--danger': this.color === 'danger',
896
- 'wr-divider--light': this.color === 'light',
897
- 'wr-divider--medium': this.color === 'medium',
898
- 'wr-divider--dark': this.color === 'dark',
899
- 'wr-divider--solid': this.type === 'solid',
900
- 'wr-divider--dashed': this.type === 'dashed',
901
- 'wr-divider--dotted': this.type === 'dotted'
902
- };
903
- }
904
- /** Set element style **/
905
- get elStyles() {
906
- return {
907
- '--wr-divider-width': this.width
908
- };
909
- }
910
- }
911
- WrDividerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
912
- WrDividerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: WrDividerComponent, selector: "wr-divider", inputs: { color: "color", type: "type", width: "width" }, host: { properties: { "class": "this.elClasses", "style": "this.elStyles" } }, exportAs: ["wrDivider"], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
913
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrDividerComponent, decorators: [{
914
- type: Component,
915
- args: [{
916
- selector: 'wr-divider',
917
- exportAs: 'wrDivider',
918
- template: '',
919
- changeDetection: ChangeDetectionStrategy.OnPush,
920
- encapsulation: ViewEncapsulation.None
921
- }]
922
- }], propDecorators: { color: [{
923
- type: Input
924
- }], type: [{
925
- type: Input
926
- }], width: [{
927
- type: Input
928
- }], elClasses: [{
929
- type: HostBinding,
930
- args: ['class']
931
- }], elStyles: [{
932
- type: HostBinding,
933
- args: ['style']
934
- }] } });
935
-
936
- class WrDividerModule {
937
- }
938
- WrDividerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
939
- WrDividerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: WrDividerModule, declarations: [WrDividerComponent], exports: [WrDividerComponent] });
940
- WrDividerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrDividerModule });
941
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrDividerModule, decorators: [{
942
- type: NgModule,
943
- args: [{
944
- declarations: [WrDividerComponent],
945
- exports: [WrDividerComponent]
946
- }]
947
- }] });
948
-
949
- class WrFormItemComponent {
950
- constructor() {
951
- this.hasError = false;
952
- }
953
- get elClasses() {
954
- return {
955
- 'wr-form-item': true,
956
- 'wr-form-item--has-error': this.hasError
957
- };
958
- }
959
- }
960
- WrFormItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrFormItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
961
- WrFormItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: WrFormItemComponent, selector: "wr-form-item", inputs: { hasError: "hasError" }, host: { properties: { "class": "this.elClasses" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
962
- __decorate([
963
- InputBoolean()
964
- ], WrFormItemComponent.prototype, "hasError", void 0);
965
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrFormItemComponent, decorators: [{
966
- type: Component,
967
- args: [{
968
- selector: 'wr-form-item',
969
- changeDetection: ChangeDetectionStrategy.OnPush,
970
- encapsulation: ViewEncapsulation.None,
971
- template: `<ng-content></ng-content>`
972
- }]
973
- }], propDecorators: { hasError: [{
974
- type: Input
975
- }], elClasses: [{
976
- type: HostBinding,
977
- args: ['class']
978
- }] } });
979
-
980
- class WrFormErrorComponent {
981
- constructor() {
982
- this.class = 'wr-form-error';
983
- }
984
- }
985
- WrFormErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrFormErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
986
- WrFormErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: WrFormErrorComponent, selector: "wr-form-error", host: { properties: { "class": "this.class" } }, exportAs: ["wrFormError"], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
987
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrFormErrorComponent, decorators: [{
988
- type: Component,
989
- args: [{
990
- selector: 'wr-form-error',
991
- exportAs: 'wrFormError',
992
- template: `<ng-content></ng-content>`,
993
- changeDetection: ChangeDetectionStrategy.OnPush,
994
- encapsulation: ViewEncapsulation.None,
995
- }]
996
- }], propDecorators: { class: [{
997
- type: HostBinding,
998
- args: ['class']
999
- }] } });
1000
-
1001
- class WrFormModule {
1002
- }
1003
- WrFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1004
- WrFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: WrFormModule, declarations: [WrFormItemComponent, WrFormErrorComponent], imports: [CommonModule], exports: [WrFormItemComponent, WrFormErrorComponent] });
1005
- WrFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrFormModule, imports: [CommonModule] });
1006
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrFormModule, decorators: [{
1007
- type: NgModule,
1008
- args: [{
1009
- imports: [CommonModule],
1010
- declarations: [WrFormItemComponent, WrFormErrorComponent],
1011
- exports: [WrFormItemComponent, WrFormErrorComponent]
1012
- }]
1013
- }] });
1014
-
1015
- class WrInputComponent extends BaseComponent {
1016
- constructor(cdr, elRef, focusMonitor, ngZone) {
1017
- super();
1018
- this.cdr = cdr;
1019
- this.elRef = elRef;
1020
- this.focusMonitor = focusMonitor;
1021
- this.ngZone = ngZone;
1022
- this.placeholder = '';
1023
- this.prefix = null;
1024
- this.suffix = null;
1025
- this.passwordIcons = false;
1026
- this.eyeOn = true;
1027
- this._value = '';
1028
- this._disabled = false;
1029
- this._readonly = false;
1030
- this._required = false;
1031
- this._autofocus = false;
1032
- this._focused = false;
1033
- this._autocomplete = 'off';
1034
- this._type = 'text';
1035
- this._mode = 'text';
1036
- this.onChangeCallback = () => { };
1037
- this.onTouchedCallback = () => { };
1038
- }
1039
- get type() {
1040
- return this._type;
1041
- }
1042
- set type(type) {
1043
- this._type = type;
1044
- }
1045
- get inputmode() {
1046
- return this._mode;
1047
- }
1048
- set inputmode(mode) {
1049
- this._mode = mode;
1050
- }
1051
- get disabled() {
1052
- return this._disabled;
1053
- }
1054
- set disabled(disabled) {
1055
- this._disabled = coerceBooleanProperty(disabled);
1056
- this.cdr.markForCheck();
1057
- }
1058
- get readonly() {
1059
- return this._readonly;
1060
- }
1061
- set readonly(readonly) {
1062
- this._readonly = coerceBooleanProperty(readonly);
1063
- }
1064
- get required() {
1065
- return this._required;
1066
- }
1067
- set required(required) {
1068
- this._required = coerceBooleanProperty(required);
1069
- }
1070
- get autofocus() {
1071
- return this._autofocus;
1072
- }
1073
- set autofocus(autofocus) {
1074
- this._autofocus = coerceBooleanProperty(autofocus);
1075
- }
1076
- get autocomplete() {
1077
- return this._autocomplete;
1078
- }
1079
- set autocomplete(autofocus) {
1080
- this._autocomplete = autofocus;
1081
- }
1082
- get value() {
1083
- return this.type === 'number' ? this.valueAsNumber : this._value;
1084
- }
1085
- set value(val) {
1086
- if (val !== this._value) {
1087
- this._value = val;
1088
- this.onChangeCallback(this.value);
1089
- }
1090
- }
1091
- get valueAsString() {
1092
- if (this._value == null || typeof this._value === 'undefined')
1093
- return '';
1094
- return String(this._value);
1095
- }
1096
- get valueAsNumber() {
1097
- return coerceNumberProperty(this._value);
1098
- }
1099
- get isBadInput() {
1100
- const validity = this.inputElement?.nativeElement?.validity;
1101
- return validity && validity.badInput;
1102
- }
1103
- get elClasses() {
1104
- return {
1105
- 'wr-input': true,
1106
- 'wr-input--has-prefix': this.prefix,
1107
- 'wr-input--has-suffix': this.suffix,
1108
- 'wr-input--password': this.passwordIcons,
1109
- 'wr-input--disabled': this.disabled
1110
- };
1111
- }
1112
- ngOnInit() {
1113
- this.ngZone.runOutsideAngular(() => {
1114
- fromEvent(this.elRef.nativeElement, 'click')
1115
- .pipe(takeUntil(this.ngUnsubscribe))
1116
- .subscribe(event => {
1117
- event.preventDefault();
1118
- this.onFocus();
1119
- if (this.disabled) {
1120
- event.stopImmediatePropagation();
1121
- return;
1122
- }
1123
- });
1124
- fromEvent(this.inputElement.nativeElement, 'click')
1125
- .pipe(takeUntil(this.ngUnsubscribe))
1126
- .subscribe(event => event.stopPropagation());
1127
- });
1128
- }
1129
- ngAfterViewInit() {
1130
- if (this.autofocus) {
1131
- this.onFocus();
1132
- this.cdr.markForCheck();
1133
- }
1134
- }
1135
- ngOnDestroy() {
1136
- super.ngOnDestroy();
1137
- this.focusMonitor.stopMonitoring(this.elRef);
1138
- }
1139
- onFocus(event) {
1140
- if (event) {
1141
- event.stopPropagation();
1142
- }
1143
- this._focused = true;
1144
- this.focusMonitor.focusVia(this.inputElement, 'keyboard');
1145
- }
1146
- onBlur(event) {
1147
- if (event) {
1148
- event.stopPropagation();
1149
- }
1150
- this._focused = false;
1151
- // this.inputElement.nativeElement.blur();
1152
- this.onTouchedCallback();
1153
- }
1154
- validate(control) {
1155
- return {
1156
- ...(this.isBadInput ? { badInput: true } : null)
1157
- };
1158
- }
1159
- writeValue(value) {
1160
- if (value !== this._value) {
1161
- this._value = value;
1162
- }
1163
- this.cdr.markForCheck();
1164
- }
1165
- registerOnChange(fn) {
1166
- this.onChangeCallback = fn;
1167
- }
1168
- registerOnTouched(fn) {
1169
- this.onTouchedCallback = fn;
1170
- }
1171
- onPasswordVisibilityChange() {
1172
- this.type === 'password' ? (this.type = 'text') : (this.type = 'password');
1173
- this.eyeOn = !this.eyeOn;
1174
- this.onFocus();
1175
- }
1176
- setDisabledState(isDisabled) {
1177
- this.disabled = coerceBooleanProperty(isDisabled);
1178
- }
1179
- }
1180
- WrInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1$1.FocusMonitor }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
1181
- WrInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: WrInputComponent, selector: "wr-input", inputs: { placeholder: "placeholder", prefix: "prefix", suffix: "suffix", passwordIcons: "passwordIcons", type: "type", inputmode: "inputmode", disabled: "disabled", readonly: "readonly", required: "required", autofocus: "autofocus", autocomplete: "autocomplete", value: "value" }, host: { properties: { "class": "this.elClasses" } }, providers: [
1182
- {
1183
- provide: NG_VALUE_ACCESSOR,
1184
- useExisting: forwardRef(() => WrInputComponent),
1185
- multi: true
1186
- },
1187
- {
1188
- provide: NG_VALIDATORS,
1189
- useExisting: forwardRef(() => WrInputComponent),
1190
- multi: true
1191
- }
1192
- ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, static: true }], exportAs: ["wrInput"], usesInheritance: true, ngImport: i0, template: "<div class=\"wr-input-prefix\" *ngIf=\"prefix\">\n <span class=\"wr-input-prefix__text\">{{ prefix }}</span>\n</div>\n<div class=\"wr-input-el\">\n <div *ngIf=\"passwordIcons\" class=\"wr-input-el-icon\" (click)=\"onPasswordVisibilityChange()\">\n <wr-icon class=\"wr-input-el-icon__icon\" [name]=\"eyeOn ? 'eye' : 'eye-off'\"></wr-icon>\n </div>\n <input\n #inputElement\n class=\"wr-input-el__native\"\n [ngModel]=\"valueAsString\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [type]=\"type\"\n [attr.autocomplete]=\"autocomplete\"\n [attr.inputmode]=\"inputmode\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n (ngModelChange)=\"value = $event\"\n />\n</div>\n<div class=\"wr-input-suffix\" *ngIf=\"suffix\">\n <span class=\"wr-input-suffix__text\">{{ suffix }}</span>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: WrIconComponent, selector: "wr-icon[name]", inputs: ["name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1193
- __decorate([
1194
- InputBoolean()
1195
- ], WrInputComponent.prototype, "passwordIcons", void 0);
1196
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrInputComponent, decorators: [{
1197
- type: Component,
1198
- args: [{ selector: 'wr-input', exportAs: 'wrInput', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
1199
- {
1200
- provide: NG_VALUE_ACCESSOR,
1201
- useExisting: forwardRef(() => WrInputComponent),
1202
- multi: true
1203
- },
1204
- {
1205
- provide: NG_VALIDATORS,
1206
- useExisting: forwardRef(() => WrInputComponent),
1207
- multi: true
1208
- }
1209
- ], template: "<div class=\"wr-input-prefix\" *ngIf=\"prefix\">\n <span class=\"wr-input-prefix__text\">{{ prefix }}</span>\n</div>\n<div class=\"wr-input-el\">\n <div *ngIf=\"passwordIcons\" class=\"wr-input-el-icon\" (click)=\"onPasswordVisibilityChange()\">\n <wr-icon class=\"wr-input-el-icon__icon\" [name]=\"eyeOn ? 'eye' : 'eye-off'\"></wr-icon>\n </div>\n <input\n #inputElement\n class=\"wr-input-el__native\"\n [ngModel]=\"valueAsString\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [type]=\"type\"\n [attr.autocomplete]=\"autocomplete\"\n [attr.inputmode]=\"inputmode\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n (ngModelChange)=\"value = $event\"\n />\n</div>\n<div class=\"wr-input-suffix\" *ngIf=\"suffix\">\n <span class=\"wr-input-suffix__text\">{{ suffix }}</span>\n</div>\n" }]
1210
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1$1.FocusMonitor }, { type: i0.NgZone }]; }, propDecorators: { placeholder: [{
1211
- type: Input
1212
- }], prefix: [{
1213
- type: Input
1214
- }], suffix: [{
1215
- type: Input
1216
- }], passwordIcons: [{
1217
- type: Input
1218
- }], type: [{
1219
- type: Input
1220
- }], inputmode: [{
1221
- type: Input
1222
- }], disabled: [{
1223
- type: Input
1224
- }], readonly: [{
1225
- type: Input
1226
- }], required: [{
1227
- type: Input
1228
- }], autofocus: [{
1229
- type: Input
1230
- }], autocomplete: [{
1231
- type: Input
1232
- }], value: [{
1233
- type: Input
1234
- }], inputElement: [{
1235
- type: ViewChild,
1236
- args: ['inputElement', { static: true }]
1237
- }], elClasses: [{
1238
- type: HostBinding,
1239
- args: ['class']
1240
- }] } });
1241
-
1242
- class WrInputModule {
1243
- }
1244
- WrInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1245
- WrInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: WrInputModule, declarations: [WrInputComponent], imports: [CommonModule, FormsModule, WrIconModule], exports: [WrInputComponent] });
1246
- WrInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrInputModule, imports: [CommonModule, FormsModule, WrIconModule] });
1247
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrInputModule, decorators: [{
1248
- type: NgModule,
1249
- args: [{
1250
- imports: [CommonModule, FormsModule, WrIconModule],
1251
- declarations: [WrInputComponent],
1252
- exports: [WrInputComponent]
1253
- }]
1254
- }] });
1255
-
1256
- class WrSkeletonComponent {
1257
- constructor() {
1258
- this.color = 'dark';
1259
- this.animated = true;
1260
- }
1261
- get elClasses() {
1262
- return {
1263
- 'wr-skeleton': true,
1264
- 'wr-skeleton--animated': this.animated,
1265
- 'wr-skeleton--primary': this.color === 'primary',
1266
- 'wr-skeleton--secondary': this.color === 'secondary',
1267
- 'wr-skeleton--success': this.color === 'success',
1268
- 'wr-skeleton--warning': this.color === 'warning',
1269
- 'wr-skeleton--danger': this.color === 'danger',
1270
- 'wr-skeleton--light': this.color === 'light',
1271
- 'wr-skeleton--medium': this.color === 'medium',
1272
- 'wr-skeleton--dark': this.color === 'dark'
1273
- };
1274
- }
1275
- }
1276
- WrSkeletonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1277
- WrSkeletonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: WrSkeletonComponent, selector: "wr-skeleton", inputs: { color: "color", animated: "animated" }, host: { properties: { "class": "this.elClasses" } }, exportAs: ["wrSkeleton"], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1278
- __decorate([
1279
- InputBoolean()
1280
- ], WrSkeletonComponent.prototype, "animated", void 0);
1281
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrSkeletonComponent, decorators: [{
1282
- type: Component,
1283
- args: [{
1284
- selector: 'wr-skeleton',
1285
- exportAs: 'wrSkeleton',
1286
- template: '',
1287
- changeDetection: ChangeDetectionStrategy.OnPush,
1288
- encapsulation: ViewEncapsulation.None
1289
- }]
1290
- }], propDecorators: { color: [{
1291
- type: Input
1292
- }], animated: [{
1293
- type: Input
1294
- }], elClasses: [{
1295
- type: HostBinding,
1296
- args: ['class']
1297
- }] } });
1298
-
1299
- class WrSkeletonModule {
1300
- }
1301
- WrSkeletonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1302
- WrSkeletonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: WrSkeletonModule, declarations: [WrSkeletonComponent], imports: [CommonModule], exports: [WrSkeletonComponent] });
1303
- WrSkeletonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrSkeletonModule, imports: [CommonModule] });
1304
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrSkeletonModule, decorators: [{
1305
- type: NgModule,
1306
- args: [{
1307
- imports: [CommonModule],
1308
- declarations: [WrSkeletonComponent],
1309
- exports: [WrSkeletonComponent]
1310
- }]
1311
- }] });
1312
-
1313
- class WrTagComponent {
1314
- constructor() {
1315
- this.color = 'primary';
1316
- this.icon = null;
1317
- this.iconPosition = 'start';
1318
- this.outlined = false;
1319
- this.rounded = false;
1320
- this.transparent = false;
1321
- this.hoverable = false;
1322
- this.loading = false;
1323
- }
1324
- get elClasses() {
1325
- return {
1326
- 'wr-tag': true,
1327
- 'wr-tag--primary': this.color === 'primary',
1328
- 'wr-tag--secondary': this.color === 'secondary',
1329
- 'wr-tag--success': this.color === 'success',
1330
- 'wr-tag--warning': this.color === 'warning',
1331
- 'wr-tag--danger': this.color === 'danger',
1332
- 'wr-tag--light': this.color === 'light',
1333
- 'wr-tag--medium': this.color === 'medium',
1334
- 'wr-tag--dark': this.color === 'dark',
1335
- 'wr-tag--icon-start': (this.icon || this.loading) && this.iconPosition === 'start',
1336
- 'wr-tag--icon-end': (this.icon || this.loading) && this.iconPosition === 'end',
1337
- 'wr-tag--loading': this.loading,
1338
- 'wr-tag--rounded': this.rounded,
1339
- 'wr-tag--outlined': this.outlined,
1340
- 'wr-tag--transparent': this.transparent,
1341
- 'wr-tag--hoverable': this.hoverable
1342
- };
1343
- }
1344
- }
1345
- WrTagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1346
- WrTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: WrTagComponent, selector: "wr-tag", inputs: { color: "color", icon: "icon", iconPosition: "iconPosition", outlined: "outlined", rounded: "rounded", transparent: "transparent", hoverable: "hoverable", loading: "loading" }, host: { properties: { "class": "this.elClasses" } }, exportAs: ["wrTag"], ngImport: i0, template: "<wr-spin class=\"wr-tag__spin\" *ngIf=\"loading && iconPosition === 'start'\"></wr-spin>\n<wr-icon class=\"wr-tag__icon\" *ngIf=\"icon && !loading && iconPosition === 'start'\" [name]=\"icon\"></wr-icon>\n<ng-content></ng-content>\n<wr-spin class=\"wr-tag__spin\" *ngIf=\"loading && iconPosition === 'end'\"></wr-spin>\n<wr-icon class=\"wr-tag__icon\" *ngIf=\"icon && !loading && iconPosition === 'end'\" [name]=\"icon\"></wr-icon>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: WrIconComponent, selector: "wr-icon[name]", inputs: ["name"] }, { kind: "component", type: WrSpinnerComponent, selector: "wr-spin", exportAs: ["wrSpin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1347
- __decorate([
1348
- InputBoolean()
1349
- ], WrTagComponent.prototype, "outlined", void 0);
1350
- __decorate([
1351
- InputBoolean()
1352
- ], WrTagComponent.prototype, "rounded", void 0);
1353
- __decorate([
1354
- InputBoolean()
1355
- ], WrTagComponent.prototype, "transparent", void 0);
1356
- __decorate([
1357
- InputBoolean()
1358
- ], WrTagComponent.prototype, "hoverable", void 0);
1359
- __decorate([
1360
- InputBoolean()
1361
- ], WrTagComponent.prototype, "loading", void 0);
1362
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrTagComponent, decorators: [{
1363
- type: Component,
1364
- args: [{ selector: 'wr-tag', exportAs: 'wrTag', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<wr-spin class=\"wr-tag__spin\" *ngIf=\"loading && iconPosition === 'start'\"></wr-spin>\n<wr-icon class=\"wr-tag__icon\" *ngIf=\"icon && !loading && iconPosition === 'start'\" [name]=\"icon\"></wr-icon>\n<ng-content></ng-content>\n<wr-spin class=\"wr-tag__spin\" *ngIf=\"loading && iconPosition === 'end'\"></wr-spin>\n<wr-icon class=\"wr-tag__icon\" *ngIf=\"icon && !loading && iconPosition === 'end'\" [name]=\"icon\"></wr-icon>\n" }]
1365
- }], propDecorators: { color: [{
1366
- type: Input
1367
- }], icon: [{
1368
- type: Input
1369
- }], iconPosition: [{
1370
- type: Input
1371
- }], outlined: [{
1372
- type: Input
1373
- }], rounded: [{
1374
- type: Input
1375
- }], transparent: [{
1376
- type: Input
1377
- }], hoverable: [{
1378
- type: Input
1379
- }], loading: [{
1380
- type: Input
1381
- }], elClasses: [{
1382
- type: HostBinding,
1383
- args: ['class']
1384
- }] } });
1385
-
1386
- class WrTagModule {
1387
- }
1388
- WrTagModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1389
- WrTagModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: WrTagModule, declarations: [WrTagComponent], imports: [CommonModule, WrIconModule, WrSpinnerModule], exports: [WrTagComponent] });
1390
- WrTagModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrTagModule, imports: [CommonModule, WrIconModule, WrSpinnerModule] });
1391
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WrTagModule, decorators: [{
1392
- type: NgModule,
1393
- args: [{
1394
- imports: [CommonModule, WrIconModule, WrSpinnerModule],
1395
- declarations: [WrTagComponent],
1396
- exports: [WrTagComponent]
1397
- }]
1398
- }] });
1399
-
1400
- // Components
1
+ /* https://github.com/ng-packagr/ng-packagr/issues/1655 */
2
+ var index = void 0;
1401
3
 
1402
4
  /**
1403
5
  * Generated bundle index. Do not edit.
1404
6
  */
1405
-
1406
- export { WrButtonComponent, WrButtonModule, WrCheckboxComponent, WrCheckboxModule, WrDividerComponent, WrDividerModule, WrFormErrorComponent, WrFormItemComponent, WrFormModule, WrIconComponent, WrIconModule, WrIconService, WrInputComponent, WrInputModule, WrSkeletonComponent, WrSkeletonModule, WrSpinnerComponent, WrSpinnerModule, WrTagComponent, WrTagModule, wrIconSet };
1407
7
  //# sourceMappingURL=ngwr.mjs.map