ngwr 0.0.1 → 0.0.4

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 (114) hide show
  1. package/button/button.component.d.ts +28 -0
  2. package/button/button.module.d.ts +9 -0
  3. package/button/{index.ts → index.d.ts} +0 -0
  4. package/core/util/convert.d.ts +18 -0
  5. package/core/util/{index.ts → index.d.ts} +0 -0
  6. package/divider/divider.component.d.ts +6 -0
  7. package/divider/divider.module.d.ts +8 -0
  8. package/divider/{index.ts → index.d.ts} +0 -0
  9. package/esm2020/button/button.component.mjs +138 -0
  10. package/esm2020/button/button.module.mjs +19 -0
  11. package/esm2020/button/index.mjs +3 -0
  12. package/esm2020/core/util/convert.mjs +50 -0
  13. package/esm2020/core/util/index.mjs +2 -0
  14. package/esm2020/divider/divider.component.mjs +24 -0
  15. package/esm2020/divider/divider.module.mjs +18 -0
  16. package/esm2020/divider/index.mjs +3 -0
  17. package/esm2020/extended-input/extended-input.component.mjs +67 -0
  18. package/esm2020/extended-input/extended-input.module.mjs +28 -0
  19. package/esm2020/extended-input/index.mjs +3 -0
  20. package/esm2020/form/form-error.component.mjs +29 -0
  21. package/esm2020/form/form-item.component.mjs +57 -0
  22. package/esm2020/form/form.module.mjs +27 -0
  23. package/esm2020/form/index.mjs +4 -0
  24. package/esm2020/icon/index.mjs +5 -0
  25. package/esm2020/icon/wr-icon.component.mjs +51 -0
  26. package/esm2020/icon/wr-icon.module.mjs +21 -0
  27. package/esm2020/icon/wr-icon.service.mjs +30 -0
  28. package/esm2020/icon/wr-icons.mjs +224 -0
  29. package/esm2020/input/index.mjs +3 -0
  30. package/esm2020/input/input.directive.mjs +66 -0
  31. package/esm2020/input/input.module.mjs +23 -0
  32. package/esm2020/ngwr.mjs +5 -0
  33. package/esm2020/password-input/index.mjs +3 -0
  34. package/esm2020/password-input/password-input.component.mjs +56 -0
  35. package/esm2020/password-input/password-input.module.mjs +36 -0
  36. package/esm2020/public-api.mjs +11 -0
  37. package/esm2020/skeleton/index.mjs +3 -0
  38. package/esm2020/skeleton/skeleton.component.mjs +38 -0
  39. package/esm2020/skeleton/skeleton.module.mjs +19 -0
  40. package/esm2020/spinner/index.mjs +3 -0
  41. package/esm2020/spinner/spinner.component.mjs +22 -0
  42. package/esm2020/spinner/spinner.module.mjs +18 -0
  43. package/esm2020/tag/index.mjs +3 -0
  44. package/esm2020/tag/tag.component.mjs +99 -0
  45. package/esm2020/tag/tag.module.mjs +19 -0
  46. package/extended-input/extended-input.component.d.ts +25 -0
  47. package/extended-input/extended-input.module.d.ts +10 -0
  48. package/extended-input/{index.ts → index.d.ts} +0 -0
  49. package/fesm2015/ngwr.mjs +1102 -0
  50. package/fesm2015/ngwr.mjs.map +1 -0
  51. package/fesm2020/ngwr.mjs +1092 -0
  52. package/fesm2020/ngwr.mjs.map +1 -0
  53. package/form/form-error.component.d.ts +9 -0
  54. package/form/form-item.component.d.ts +16 -0
  55. package/form/form.module.d.ts +9 -0
  56. package/form/{index.ts → index.d.ts} +0 -0
  57. package/icon/index.d.ts +4 -0
  58. package/icon/wr-icon.component.d.ts +16 -0
  59. package/icon/wr-icon.module.d.ts +9 -0
  60. package/icon/wr-icon.service.d.ts +17 -0
  61. package/icon/wr-icons.d.ts +315 -0
  62. package/index.d.ts +5 -0
  63. package/input/{index.ts → index.d.ts} +0 -0
  64. package/input/input.directive.d.ts +19 -0
  65. package/input/input.module.d.ts +9 -0
  66. package/package.json +23 -3
  67. package/password-input/{index.ts → index.d.ts} +0 -0
  68. package/password-input/password-input.component.d.ts +21 -0
  69. package/password-input/password-input.module.d.ts +11 -0
  70. package/{public-api.ts → public-api.d.ts} +0 -0
  71. package/skeleton/{index.ts → index.d.ts} +0 -0
  72. package/skeleton/skeleton.component.d.ts +13 -0
  73. package/skeleton/skeleton.module.d.ts +9 -0
  74. package/spinner/{index.ts → index.d.ts} +0 -0
  75. package/spinner/spinner.component.d.ts +6 -0
  76. package/spinner/spinner.module.d.ts +8 -0
  77. package/tag/{index.ts → index.d.ts} +0 -0
  78. package/tag/tag.component.d.ts +21 -0
  79. package/tag/tag.module.d.ts +9 -0
  80. package/button/button.component.ts +0 -132
  81. package/button/button.module.ts +0 -11
  82. package/core/types/convert-input.ts +0 -2
  83. package/core/types/index.ts +0 -3
  84. package/core/types/indexable.ts +0 -3
  85. package/core/types/ng-class.ts +0 -11
  86. package/core/util/convert.ts +0 -63
  87. package/divider/divider.component.ts +0 -13
  88. package/divider/divider.module.ts +0 -10
  89. package/extended-input/extended-input.component.html +0 -13
  90. package/extended-input/extended-input.component.ts +0 -77
  91. package/extended-input/extended-input.module.ts +0 -17
  92. package/form/form-error.component.ts +0 -20
  93. package/form/form-item.component.ts +0 -60
  94. package/form/form.module.ts +0 -17
  95. package/icon/icon.component.ts +0 -45
  96. package/icon/icons.ts +0 -229
  97. package/icon/index.ts +0 -3
  98. package/icon/walrus-icons-registry.service.ts +0 -20
  99. package/icon/walrus-icons.module.ts +0 -8
  100. package/index.ts +0 -1
  101. package/input/input.directive.ts +0 -65
  102. package/input/input.module.ts +0 -16
  103. package/ng-package.json +0 -11
  104. package/password-input/password-input.component.html +0 -10
  105. package/password-input/password-input.component.ts +0 -56
  106. package/password-input/password-input.module.ts +0 -28
  107. package/skeleton/skeleton.component.ts +0 -38
  108. package/skeleton/skeleton.module.ts +0 -11
  109. package/spinner/spinner.component.ts +0 -11
  110. package/spinner/spinner.module.ts +0 -10
  111. package/tag/tag.component.ts +0 -92
  112. package/tag/tag.module.ts +0 -11
  113. package/tsconfig.lib.json +0 -15
  114. package/tsconfig.lib.prod.json +0 -10
@@ -1,45 +0,0 @@
1
- import {
2
- ChangeDetectionStrategy,
3
- Component,
4
- ElementRef, HostBinding,
5
- Inject,
6
- Input,
7
- Optional,
8
- ViewEncapsulation
9
- } from '@angular/core';
10
- import { WalrusIconsRegistry } from './walrus-icons-registry.service';
11
- import { DOCUMENT } from '@angular/common';
12
- import { walrusIcon } from './icons';
13
-
14
- @Component({
15
- selector: 'wr-icon[name]',
16
- template: '<ng-content></ng-content>',
17
- encapsulation: ViewEncapsulation.None,
18
- changeDetection: ChangeDetectionStrategy.OnPush
19
- })
20
- export class WalrusIconComponent {
21
- @HostBinding('class') class = 'wr-icon';
22
- private svgIcon: SVGElement | undefined;
23
-
24
- @Input()
25
- set name(iconName: walrusIcon) {
26
- if (this.svgIcon) {
27
- this.elRef.nativeElement.removeChild(this.svgIcon);
28
- }
29
- const svgData = this.r.getIcon(iconName) || '';
30
- this.svgIcon = this.svgElementFromString(svgData);
31
- this.elRef.nativeElement.appendChild(this.svgIcon);
32
- }
33
-
34
- constructor(
35
- private readonly elRef: ElementRef,
36
- private readonly r: WalrusIconsRegistry,
37
- @Optional() @Inject(DOCUMENT) private readonly doc: any
38
- ) {}
39
-
40
- private svgElementFromString(svgContent: string): SVGElement {
41
- const div = this.doc.createElement('div');
42
- div.innerHTML = svgContent;
43
- return div.querySelector('svg') || this.doc.createElementNS('http://www.w3.org/2000/svg', 'path');
44
- }
45
- }
package/icon/icons.ts DELETED
@@ -1,229 +0,0 @@
1
- // eslint-disable-next-line
2
- export type walrusIcon = 'folder' | 'play-forward' | 'play-back' | 'caret-forward' | 'caret-back' | 'reader' | 'document' | 'eye' | 'eye-off' | 'arrow-back' | 'stop' | 'ipa' | 'zip' | 'aab' | 'download' | 'checkmark-circle' | 'close-circle' | 'help' | 'alert' | 'dots-vertical' | 'repeat' | 'clock' | 'copy' | 'user' | 'add' | 'bug' | 'chevron-down' | 'chevron-up' | 'logo-android' | 'logo-apple' | 'logo-oversecured' | 'logo-appscreener' | 'logo-stingray' | 'play' | 'modules' | 'warning' | 'search' | 'apk' | 'trash' | 'dots-horizontal' | 'stop-circle' | 'flash' | 'play-circle' | 'info-circle-outline';
3
-
4
- export interface WalrusIcon {
5
- name: walrusIcon;
6
- data: string;
7
- }
8
-
9
- export const InfoCircleOutline: WalrusIcon = {
10
- name: 'info-circle-outline',
11
- 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>'
12
- }
13
-
14
- export const PlayCircle: WalrusIcon = {
15
- name: 'play-circle',
16
- 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>'
17
- }
18
-
19
- export const Flash: WalrusIcon = {
20
- name: 'flash',
21
- 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>'
22
- }
23
-
24
- export const StopCircle: WalrusIcon = {
25
- name: 'stop-circle',
26
- 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>'
27
- };
28
-
29
- export const DotsHorizontal: WalrusIcon = {
30
- name: 'dots-horizontal',
31
- 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>'
32
- };
33
-
34
- export const Folder: WalrusIcon = {
35
- name: 'folder',
36
- 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>'
37
- }
38
-
39
- export const PlayForward: WalrusIcon = {
40
- name: 'play-forward',
41
- 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>'
42
- }
43
-
44
- export const PlayBack: WalrusIcon = {
45
- name: 'play-back',
46
- 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>'
47
- }
48
-
49
- export const CaretForward: WalrusIcon = {
50
- name: 'caret-forward',
51
- 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>'
52
- }
53
-
54
- export const CaretBack: WalrusIcon = {
55
- name: 'caret-back',
56
- 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>'
57
- }
58
-
59
- export const Reader: WalrusIcon = {
60
- name: 'reader',
61
- 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>'
62
- }
63
-
64
- export const Document: WalrusIcon = {
65
- name: 'document',
66
- 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>'
67
- }
68
-
69
- export const Eye: WalrusIcon = {
70
- name: 'eye',
71
- 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>'
72
- }
73
-
74
- export const EyeOff: WalrusIcon = {
75
- name: 'eye-off',
76
- 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>'
77
- }
78
-
79
- export const ArrowBack: WalrusIcon = {
80
- name: 'arrow-back',
81
- data: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M244 400L100 256l144-144M120 256h292"/></svg>'
82
- }
83
-
84
- export const Stop: WalrusIcon = {
85
- name: 'stop',
86
- 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>'
87
- }
88
-
89
- export const Download: WalrusIcon = {
90
- name: 'download',
91
- 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>'
92
- }
93
-
94
- export const CheckmarkCircle: WalrusIcon = {
95
- name: 'checkmark-circle',
96
- data: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm108.25 138.29l-134.4 160a16 16 0 01-12 5.71h-.27a16 16 0 01-11.89-5.3l-57.6-64a16 16 0 1123.78-21.4l45.29 50.32 122.59-145.91a16 16 0 0124.5 20.58z"/></svg>'
97
- }
98
-
99
- export const CloseCircle: WalrusIcon = {
100
- name: 'close-circle',
101
- 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>'
102
- }
103
-
104
- export const LogoStingray: WalrusIcon = {
105
- name: 'logo-stingray',
106
- 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>'
107
- }
108
-
109
- export const Help: WalrusIcon = {
110
- name: 'help',
111
- 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>'
112
- }
113
-
114
- export const Trash: WalrusIcon = {
115
- name: 'trash',
116
- 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>'
117
- }
118
-
119
- export const Ipa: WalrusIcon = {
120
- name: 'ipa',
121
- data: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 608 608"><path d="M301.5 273.3c-8.3 0-15.3 2.9-20.9 8.6-5.6 5.8-8.4 13.5-8.4 23.1 0 9.7 2.8 17.4 8.4 23.1 5.6 5.8 12.5 8.6 20.9 8.6 8.3 0 15.3-2.9 20.9-8.6 5.6-5.8 8.4-13.5 8.4-23.1 0-9.7-2.8-17.4-8.4-23.1-5.7-5.7-12.6-8.6-20.9-8.6zM413.2 317.2c-3 1.4-5 3.2-6 5.2s-1.5 4.3-1.5 6.9c0 3.2 1.4 6.1 4.3 8.8 2.9 2.6 6.5 3.9 10.9 3.9 7.6 0 13.8-2.2 18.4-6.7 4.7-4.5 7-10.3 7-17.4v-5.1c-8.6 0-15.6.4-20.9 1.1-5.1.7-9.2 1.9-12.2 3.3z"/><path d="M559.6 48.4C511.3 0 437.2 0 304 0S96.7 0 48.4 48.4C0 96.7 0 170.8 0 304s0 207.3 48.4 255.6C96.7 608 170.8 608 304 608s207.3 0 255.6-48.4C608 511.3 608 437.2 608 304s0-207.3-48.4-255.6zM160.4 359.9c-3.3 3.3-7.2 5-11.6 5-4.4 0-8.3-1.7-11.6-5s-5-7.2-5-11.6c0-4.4 1.7-8.3 5-11.6s7.2-5 11.6-5c4.4 0 8.3 1.7 11.6 5s5 7.2 5 11.6c0 4.5-1.7 8.3-5 11.6zm57.1 3.7h-29.3v-117h29.3v117zm-2.4-137.2c-3.3 3.3-7.2 5-11.6 5-4.4 0-8.3-1.7-11.6-5s-5-7.2-5-11.6c0-4.4 1.7-8.3 5-11.6s7.2-5 11.6-5c4.4 0 8.3 1.7 11.6 5s5 7.2 5 11.6c0 4.4-1.7 8.3-5 11.6zM355.5 329c-3 7.3-7 13.6-12 19-5 5.3-10.8 9.5-17.4 12.5-6.6 3-13.6 4.5-20.9 4.5-4.9 0-9.2-.6-12.8-1.8-3.6-1.2-6.8-2.5-9.5-3.8-3.1-1.7-5.8-3.6-8.1-5.8v50.9h-29.3V246.6h21.6l5.1 11.4c2.5-2.4 5.5-4.5 8.9-6.4 2.9-1.5 6.4-3 10.4-4.3 4.1-1.4 8.6-2 13.7-2 7.3 0 14.2 1.5 20.9 4.5 6.6 3 12.4 7.1 17.4 12.5 5 5.3 9 11.7 12 18.9 3 7.3 4.5 15.3 4.5 23.9 0 8.7-1.5 16.6-4.5 23.9zm120.2 34.6h-21.6l-5.1-11.4c-2.7 2.4-5.7 4.5-8.9 6.4-2.9 1.7-6.4 3.2-10.4 4.5-4.1 1.3-8.6 1.9-13.7 1.9-12.7 0-22.5-3.1-29.2-9.3-6.8-6.2-10.2-14.1-10.2-23.8 0-5.8 1.1-11.1 3.4-15.9 2.3-4.8 6.1-9 11.6-12.5 5.4-3.5 12.6-6.2 21.5-8.1 8.9-1.9 20.1-2.9 33.4-2.9 0-6.4-1.7-11.4-5.2-15-3.5-3.6-8.1-5.3-13.9-5.3-3.9 0-7 .7-9.3 2-2.3 1.4-4.1 2.8-5.5 4.3-1.5 1.9-2.5 4-3.1 6.4h-29.3c.7-5.4 2.2-10.5 4.7-15.3 2.5-4.7 5.8-8.9 10-12.5 4.2-3.6 9.3-6.4 15.1-8.5 5.9-2.1 12.4-3.2 19.7-3.2 6.6 0 12.7 1.1 18.3 3.4 5.6 2.3 10.4 5.5 14.5 9.5s7.2 8.9 9.5 14.5 3.4 11.7 3.4 18.3v72.5z"/></svg>'
122
- }
123
-
124
- export const Apk: WalrusIcon = {
125
- name: 'apk',
126
- data: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 608 608"><path d="M183.7 317.4c-3 1.4-5 3.2-6 5.2s-1.5 4.3-1.5 6.9c0 3.2 1.4 6.2 4.3 8.8 2.9 2.6 6.5 3.9 10.9 3.9 7.6 0 13.8-2.2 18.4-6.7 4.7-4.5 7-10.3 7-17.4V313c-8.6 0-15.6.4-20.9 1.1-5.2.7-9.3 1.8-12.2 3.3zM328.8 273.5c-8.3 0-15.3 2.9-20.9 8.7-5.6 5.8-8.4 13.5-8.4 23.2s2.8 17.4 8.4 23.2c5.6 5.8 12.6 8.7 20.9 8.7 8.3 0 15.3-2.9 20.9-8.7 5.6-5.8 8.4-13.5 8.4-23.2s-2.8-17.4-8.4-23.2c-5.6-5.8-12.6-8.7-20.9-8.7z"/><path d="M559.6 48.4C511.3 0 437.2 0 304 0S96.7 0 48.4 48.4C0 96.7 0 170.8 0 304s0 207.3 48.4 255.6C96.7 608 170.8 608 304 608s207.3 0 255.6-48.4C608 511.3 608 437.2 608 304s0-207.3-48.4-255.6zM124.1 360.1c-3.3 3.3-7.2 5-11.6 5-4.4 0-8.3-1.7-11.6-5-3.3-3.3-5-7.2-5-11.6 0-4.4 1.7-8.3 5-11.6 3.3-3.3 7.2-5 11.6-5 4.4 0 8.3 1.7 11.6 5 3.3 3.3 5 7.2 5 11.6 0 4.4-1.7 8.3-5 11.6zm122 3.7h-21.6l-5.1-11.4c-2.7 2.4-5.7 4.5-8.9 6.4-2.9 1.7-6.4 3.2-10.4 4.5-4.1 1.3-8.7 1.9-13.7 1.9-12.7 0-22.5-3.1-29.3-9.3-6.8-6.2-10.2-14.1-10.2-23.8 0-5.8 1.1-11.1 3.4-15.9 2.3-4.8 6.1-9 11.6-12.5 5.4-3.5 12.6-6.2 21.5-8.1 8.9-1.9 20.1-2.9 33.5-2.9 0-6.4-1.7-11.4-5.2-15-3.5-3.6-8.1-5.3-13.9-5.3-3.9 0-7 .7-9.3 2-2.3 1.4-4.1 2.8-5.5 4.3-1.5 1.9-2.5 4-3.1 6.4h-29.3c.7-5.4 2.2-10.5 4.7-15.3 2.5-4.7 5.8-8.9 10.1-12.5 4.2-3.6 9.3-6.4 15.1-8.5 5.9-2.1 12.4-3.2 19.7-3.2 6.6 0 12.7 1.1 18.3 3.4 5.6 2.3 10.4 5.5 14.5 9.5 4.1 4.1 7.3 8.9 9.5 14.5 2.3 5.6 3.4 11.7 3.4 18.3v72.5zm136.8-34.6c-3 7.3-7 13.6-12 19-5 5.3-10.8 9.5-17.4 12.5-6.6 3-13.6 4.5-20.9 4.5-4.9 0-9.2-.6-12.8-1.8-3.7-1.2-6.8-2.5-9.5-3.8-3.1-1.7-5.8-3.6-8.1-5.9v50.9h-29.3V246.8h21.6l5.1 11.4c2.5-2.4 5.5-4.5 8.9-6.4 2.9-1.5 6.4-3 10.4-4.3 4.1-1.4 8.7-2 13.7-2 7.3 0 14.2 1.5 20.9 4.5 6.6 3 12.4 7.1 17.4 12.5 5 5.3 9 11.7 12 19 3 7.3 4.5 15.3 4.5 23.9-.1 8.5-1.6 16.5-4.5 23.8zm96 34.6-40.7-53.4v53.4H409V203.5h29.3v91.6l35.6-48.3H507l-42 56 47.1 61.1h-33.2z"/></svg>'
127
- };
128
-
129
- export const Zip: WalrusIcon = {
130
- name: 'zip',
131
- data: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 608 608"><path d="M411.1 272.6c-8.5 0-15.5 2.9-21.2 8.8-5.7 5.9-8.5 13.7-8.5 23.5s2.8 17.7 8.5 23.5c5.7 5.9 12.8 8.8 21.2 8.8 8.4 0 15.5-2.9 21.2-8.8 5.7-5.9 8.5-13.7 8.5-23.5s-2.8-17.7-8.5-23.5c-5.7-5.8-12.8-8.8-21.2-8.8z"/><path d="M559.6 48.4C511.3 0 437.2 0 304 0S96.7 0 48.4 48.4C0 96.7 0 170.8 0 304s0 207.3 48.4 255.6C96.7 608 170.8 608 304 608s207.3 0 255.6-48.4C608 511.3 608 437.2 608 304s0-207.3-48.4-255.6zM166 360.7c-3.4 3.4-7.3 5-11.8 5-4.5 0-8.4-1.7-11.8-5-3.4-3.4-5-7.3-5-11.8 0-4.5 1.7-8.4 5-11.8s7.3-5 11.8-5c4.5 0 8.4 1.7 11.8 5s5 7.3 5 11.8c0 4.5-1.6 8.5-5 11.8zm114.6 3.8h-91.9v-24.6l51.7-66h-51.7v-28.5H278V270l-51.7 66h54.3v28.5zm48.6 0h-29.8v-119h29.8v119zm-2.5-139.6c-3.4 3.4-7.3 5-11.8 5-4.5 0-8.4-1.7-11.8-5s-5-7.3-5-11.8c0-4.5 1.7-8.4 5-11.8s7.3-5 11.8-5c4.5 0 8.4 1.7 11.8 5s5 7.3 5 11.8c.1 4.5-1.6 8.4-5 11.8zm139.4 104.4c-3 7.4-7.1 13.8-12.2 19.3-5.1 5.4-11 9.7-17.7 12.7-6.7 3-13.8 4.5-21.2 4.5-5 0-9.4-.6-13.1-1.8-3.7-1.2-6.9-2.5-9.7-3.9-3.1-1.7-5.9-3.7-8.3-6v51.7h-29.8V245.4h22l5.2 11.6c2.6-2.4 5.6-4.6 9.1-6.5 2.9-1.6 6.5-3 10.6-4.4 4.1-1.4 8.8-2.1 14-2.1 7.4 0 14.5 1.5 21.2 4.5 6.7 3 12.6 7.2 17.7 12.7 5.1 5.4 9.1 11.9 12.2 19.3 3 7.4 4.5 15.5 4.5 24.3 0 9-1.5 17.1-4.5 24.5z"/></svg>'
132
- };
133
-
134
- export const Aab: WalrusIcon = {
135
- name: 'aab',
136
- data: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 608 608"><path d="M449.5 272.6c-8.5 0-15.5 2.9-21.2 8.8-5.7 5.9-8.5 13.7-8.5 23.5s2.8 17.7 8.5 23.5c5.7 5.9 12.8 8.8 21.2 8.8 8.5 0 15.5-2.9 21.2-8.8 5.7-5.9 8.5-13.7 8.5-23.5s-2.8-17.7-8.5-23.5c-5.6-5.8-12.7-8.8-21.2-8.8zM186.1 317.3c-3 1.5-5 3.2-6.1 5.3-1 2.1-1.6 4.4-1.6 7 0 3.3 1.5 6.3 4.4 8.9 2.9 2.7 6.6 4 11.1 4 7.8 0 14-2.3 18.8-6.9 4.7-4.6 7.1-10.5 7.1-17.7v-5.2c-8.8 0-15.9.4-21.2 1.2-5.3.8-9.4 1.9-12.5 3.4zM305 317.3c-3 1.5-5 3.2-6.1 5.3-1 2.1-1.6 4.4-1.6 7 0 3.3 1.5 6.3 4.4 8.9 2.9 2.7 6.6 4 11.1 4 7.8 0 14-2.3 18.8-6.9 4.7-4.6 7.1-10.5 7.1-17.7v-5.2c-8.8 0-15.9.4-21.2 1.2-5.3.8-9.4 1.9-12.5 3.4z"/><path d="M559.6 48.4C511.3 0 437.2 0 304 0S96.7 0 48.4 48.4C0 96.7 0 170.8 0 304s0 207.3 48.4 255.6C96.7 608 170.8 608 304 608s207.3 0 255.6-48.4C608 511.3 608 437.2 608 304s0-207.3-48.4-255.6zM127.5 360.7c-3.4 3.4-7.3 5-11.8 5-4.5 0-8.4-1.7-11.8-5-3.4-3.4-5-7.3-5-11.8 0-4.5 1.7-8.4 5-11.8s7.3-5 11.8-5c4.5 0 8.4 1.7 11.8 5s5 7.3 5 11.8c.1 4.5-1.6 8.5-5 11.8zm122.2 3.8h-22l-5.2-11.6c-2.8 2.4-5.8 4.6-9.1 6.5-2.9 1.7-6.5 3.2-10.6 4.5-4.1 1.3-8.8 1.9-14 1.9-12.9 0-22.9-3.1-29.8-9.4-6.9-6.3-10.4-14.4-10.4-24.2 0-5.9 1.2-11.3 3.5-16.2s6.3-9.1 11.8-12.7c5.5-3.5 12.8-6.3 21.9-8.3 9.1-2 20.4-3 34-3 0-6.6-1.8-11.6-5.3-15.3-3.5-3.6-8.2-5.4-14.1-5.4-4 0-7.1.7-9.4 2.1-2.3 1.4-4.2 2.8-5.6 4.4-1.6 1.9-2.6 4.1-3.1 6.5h-29.8c.7-5.5 2.3-10.7 4.8-15.5 2.5-4.8 5.9-9.1 10.2-12.7 4.3-3.6 9.4-6.5 15.4-8.7 6-2.2 12.6-3.2 20.1-3.2 6.7 0 12.9 1.2 18.6 3.5 5.7 2.3 10.6 5.6 14.7 9.7s7.4 9.1 9.7 14.7 3.5 11.9 3.5 18.6v73.8zm118.9 0h-22l-5.2-11.6c-2.8 2.4-5.8 4.6-9.1 6.5-2.9 1.7-6.5 3.2-10.6 4.5-4.1 1.3-8.8 1.9-14 1.9-12.9 0-22.9-3.1-29.8-9.4-6.9-6.3-10.4-14.4-10.4-24.2 0-5.9 1.2-11.3 3.5-16.2s6.3-9.1 11.8-12.7c5.5-3.5 12.8-6.3 21.9-8.3 9.1-2 20.4-3 34-3 0-6.6-1.8-11.6-5.3-15.3-3.5-3.6-8.2-5.4-14.1-5.4-4 0-7.1.7-9.4 2.1-2.3 1.4-4.2 2.8-5.6 4.4-1.6 1.9-2.6 4.1-3.1 6.5h-29.8c.7-5.5 2.3-10.7 4.8-15.5 2.5-4.8 5.9-9.1 10.2-12.7 4.3-3.6 9.4-6.5 15.4-8.7 6-2.2 12.6-3.2 20.1-3.2 6.7 0 12.9 1.2 18.6 3.5 5.7 2.3 10.6 5.6 14.7 9.7s7.4 9.1 9.7 14.7 3.5 11.9 3.5 18.6v73.8zm135.9-35.2c-3 7.4-7.1 13.8-12.2 19.3-5.1 5.4-11 9.7-17.7 12.7-6.7 3-13.8 4.5-21.2 4.5-5.2 0-9.8-.6-14-1.9-4.1-1.3-7.7-2.8-10.6-4.5-3.5-1.9-6.5-4.1-9.1-6.5l-5.2 11.6h-22v-163h29.8v54.3c2.4-2.1 5.2-4 8.3-5.7 2.8-1.4 6-2.7 9.7-4 3.7-1.3 8.1-1.9 13.1-1.9 7.4 0 14.5 1.5 21.2 4.5 6.7 3 12.6 7.2 17.7 12.7 5.1 5.4 9.1 11.9 12.2 19.3 3 7.4 4.5 15.5 4.5 24.3.1 8.8-1.5 16.9-4.5 24.3z"/></svg>'
137
- }
138
-
139
- export const Search: WalrusIcon = {
140
- name: 'search',
141
- data: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M456.69 421.39L362.6 327.3a173.81 173.81 0 0034.84-104.58C397.44 126.38 319.06 48 222.72 48S48 126.38 48 222.72s78.38 174.72 174.72 174.72A173.81 173.81 0 00327.3 362.6l94.09 94.09a25 25 0 0035.3-35.3zM97.92 222.72a124.8 124.8 0 11124.8 124.8 124.95 124.95 0 01-124.8-124.8z"/></svg>'
142
- }
143
-
144
- export const DotsVertical: WalrusIcon = {
145
- name: 'dots-vertical',
146
- 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>'
147
- }
148
-
149
- export const Alert: WalrusIcon = {
150
- name: 'alert',
151
- data: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm0 319.91a20 20 0 1120-20 20 20 0 01-20 20zm21.72-201.15l-5.74 122a16 16 0 01-32 0l-5.74-121.94v-.05a21.74 21.74 0 1143.44 0z"/></svg>'
152
- }
153
-
154
- export const Warning: WalrusIcon = {
155
- name: 'warning',
156
- 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>'
157
- }
158
-
159
- export const Clock: WalrusIcon = {
160
- name: 'clock',
161
- 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"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>'
162
- };
163
-
164
- export const Repeat: WalrusIcon = {
165
- name: 'repeat',
166
- 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"></polyline><path d="M3 11V9a4 4 0 0 1 4-4h14"></path><polyline points="7 23 3 19 7 15"></polyline><path d="M21 13v2a4 4 0 0 1-4 4H3"></path></svg>'
167
- }
168
-
169
- export const OversecuredLogo: WalrusIcon = {
170
- name: 'logo-oversecured',
171
- 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>'
172
- }
173
-
174
- export const AppscreenerLogo: WalrusIcon = {
175
- name: 'logo-appscreener',
176
- 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>'
177
- }
178
-
179
- export const Copy: WalrusIcon = {
180
- name: 'copy',
181
- data: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>'
182
- }
183
-
184
- export const play: WalrusIcon = {
185
- name: 'play',
186
- 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>'
187
- }
188
-
189
- export const Modules: WalrusIcon = {
190
- name: 'modules',
191
- 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>'
192
- }
193
-
194
- export const walrusIconsUser: WalrusIcon = {
195
- name: 'user',
196
- data: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>'
197
- }
198
-
199
- export const Bug: WalrusIcon = {
200
- name: 'bug',
201
- data: '<svg viewBox="0 0 10 11" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.01526 3.1543H9.7129V4.34893H8.45024C8.48045 4.54605 8.50462 4.74316 8.50462 4.94625V5.54356H9.7129V6.73819H8.50462V7.33551C8.50462 7.5386 8.48045 7.73571 8.45024 7.93283H9.7129V9.12746H8.01526C7.38695 10.1967 6.22096 10.9194 4.87977 10.9194C3.53857 10.9194 2.37258 10.1967 1.74427 9.12746H0.0466309V7.93283H1.30929C1.27908 7.73571 1.25491 7.5386 1.25491 7.33551V6.73819H0.0466309V5.54356H1.25491V4.94625C1.25491 4.74316 1.27908 4.54605 1.30929 4.34893H0.0466309V3.1543H1.74427C2.01613 2.6884 2.3907 2.28819 2.83777 1.98356L1.85906 1.00994L2.7109 0.167725L4.02793 1.4639C4.29979 1.39819 4.58374 1.36236 4.87977 1.36236C5.1758 1.36236 5.45974 1.39819 5.73765 1.4639L7.04864 0.167725L7.90048 1.00994L6.91572 1.98356C7.36883 2.28819 7.7434 2.6884 8.01526 3.1543ZM7.29383 7.33687V5.54493V4.94761C7.29383 4.8162 7.2757 4.66687 7.25154 4.53546L7.19112 4.14721L6.96155 3.75895C6.78031 3.44238 6.53261 3.17956 6.23054 2.97647L5.86201 2.7256L5.4512 2.63003C5.25787 2.58224 5.07059 2.55835 4.87726 2.55835C4.68998 2.55835 4.49665 2.58224 4.30937 2.63003L3.8623 2.73754L3.51794 2.9705C3.22191 3.17358 2.96817 3.44238 2.78693 3.75298L2.5634 4.14124L2.50298 4.52949C2.47882 4.6609 2.46069 4.81023 2.46069 4.94761V7.33687C2.46069 7.47426 2.47882 7.62358 2.50298 7.76097L2.5634 8.14922L2.78693 8.5315C3.22191 9.2662 4.01938 9.72614 4.87726 9.72614C5.73514 9.72614 6.53261 9.27217 6.96759 8.5315L7.19112 8.14325L7.25154 7.75499C7.2757 7.61761 7.29383 7.46828 7.29383 7.33687ZM3.67153 6.73801H6.08809V7.93264H3.67153V6.73801ZM6.0882 4.34741H3.67163V5.54204H6.0882V4.34741Z" /></svg>'
202
- }
203
-
204
- export const walrusIconsLogoAndroid: WalrusIcon = {
205
- name: 'logo-android',
206
- data: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><title>Logo Android</title><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>'
207
- }
208
-
209
- export const walrusIconsLogoApple: WalrusIcon = {
210
- name: 'logo-apple',
211
- 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>'
212
- }
213
-
214
- export const ChevronDown: WalrusIcon = {
215
- name: 'chevron-down',
216
- 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>'
217
- }
218
-
219
- export const ChevronUp: WalrusIcon = {
220
- name: 'chevron-up',
221
- 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>'
222
- }
223
-
224
- export const walrusIconsAdd: WalrusIcon = {
225
- name: 'add',
226
- data: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus-circle"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></line></svg>'
227
- }
228
-
229
- export const allIcons: WalrusIcon[] = [Apk, Ipa, Zip, Aab, Alert, Copy, DotsVertical, Repeat, Clock, Bug, play, Warning, Modules, OversecuredLogo, LogoStingray, CloseCircle, Download, Stop, Eye, Document, Reader, CaretBack, CaretForward, PlayBack, PlayForward, Folder, DotsHorizontal, StopCircle, Flash, PlayCircle, InfoCircleOutline, EyeOff, ArrowBack, CheckmarkCircle, ChevronUp, ChevronDown, AppscreenerLogo, walrusIconsAdd, walrusIconsUser, walrusIconsLogoAndroid, walrusIconsLogoApple, Search, Trash, Help];
package/icon/index.ts DELETED
@@ -1,3 +0,0 @@
1
- export * from './walrus-icons-registry.service';
2
- export * from './walrus-icons.module';
3
- export * from './icon.component';
@@ -1,20 +0,0 @@
1
- import { Injectable } from '@angular/core';
2
- import { allIcons, WalrusIcon } from './icons';
3
-
4
- @Injectable({
5
- providedIn: 'root'
6
- })
7
- export class WalrusIconsRegistry {
8
- private registry = new Map<string, string>();
9
-
10
- public registerIcons(): void {
11
- allIcons.forEach((icon: WalrusIcon) => this.registry.set(icon.name, icon.data));
12
- }
13
-
14
- public getIcon(iconName: string): string | undefined {
15
- if (!this.registry.has(iconName)) {
16
- console.warn(`We could not find the Walrus Icon with the name ${iconName}, did you add it to the Icon registry?`);
17
- }
18
- return this.registry.get(iconName);
19
- }
20
- }
@@ -1,8 +0,0 @@
1
- import { NgModule } from '@angular/core';
2
- import { WalrusIconComponent } from './icon.component';
3
-
4
- @NgModule({
5
- declarations: [WalrusIconComponent],
6
- exports: [WalrusIconComponent]
7
- })
8
- export class WalrusIconsModule {}
package/index.ts DELETED
@@ -1 +0,0 @@
1
- export * from './public-api'
@@ -1,65 +0,0 @@
1
- import {
2
- Directive,
3
- HostBinding,
4
- Input,
5
- OnChanges,
6
- OnDestroy,
7
- OnInit,
8
- Optional,
9
- Self,
10
- SimpleChanges
11
- } from '@angular/core';
12
- import { NgControl } from '@angular/forms';
13
- import { Subject } from 'rxjs';
14
- import { filter, takeUntil } from 'rxjs/operators';
15
-
16
- @Directive({
17
- selector: 'wr-input, input[wr-input], textarea[wr-input]',
18
- exportAs: 'wrInput',
19
- })
20
- export class WalrusInputDirective implements OnChanges, OnInit, OnDestroy {
21
- @HostBinding() class = 'wr-input';
22
-
23
- @HostBinding('class.wr-input--disabled')
24
- @HostBinding('disabled')
25
- @Input()
26
- get disabled(): boolean {
27
- if (this.ngControl && this.ngControl.disabled !== null) {
28
- return this.ngControl.disabled;
29
- }
30
- return this._disabled;
31
- }
32
- set disabled(value: boolean) {
33
- this._disabled = value != null && `${value}` !== 'false';
34
- }
35
- _disabled = false;
36
- disabled$ = new Subject<boolean>();
37
- private destroy$ = new Subject<void>();
38
-
39
- constructor(@Optional() @Self() public ngControl: NgControl) {}
40
-
41
- ngOnInit(): void {
42
- if (this.ngControl) {
43
- this.ngControl.statusChanges
44
- ?.pipe(
45
- filter(() => this.ngControl.disabled !== null),
46
- takeUntil(this.destroy$)
47
- )
48
- .subscribe(() => {
49
- this.disabled$.next(this.ngControl.disabled!);
50
- });
51
- }
52
- }
53
-
54
- ngOnChanges(changes: SimpleChanges): void {
55
- const { disabled } = changes;
56
- if (disabled) {
57
- this.disabled$.next(this.disabled);
58
- }
59
- }
60
-
61
- ngOnDestroy(): void {
62
- this.destroy$.next();
63
- this.destroy$.complete();
64
- }
65
- }
@@ -1,16 +0,0 @@
1
- import { PlatformModule } from '@angular/cdk/platform';
2
- import { CommonModule } from '@angular/common';
3
- import { NgModule } from '@angular/core';
4
-
5
- import { WalrusInputDirective } from './input.directive';
6
-
7
- @NgModule({
8
- imports: [CommonModule, PlatformModule],
9
- declarations: [
10
- WalrusInputDirective,
11
- ],
12
- exports: [
13
- WalrusInputDirective,
14
- ]
15
- })
16
- export class WalrusInputModule {}
package/ng-package.json DELETED
@@ -1,11 +0,0 @@
1
- {
2
- "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
3
- "dest": "../../dist",
4
- "deleteDestPath": true,
5
- "assets": [
6
- "./styles/**/**/*.scss"
7
- ],
8
- "lib": {
9
- "entryFile": "public-api.ts"
10
- }
11
- }
@@ -1,10 +0,0 @@
1
- <input
2
- wr-input
3
- [disabled]="disabled"
4
- [type]="type"
5
- [value]="value"
6
- (focusout)="onFocusOut()"
7
- (input)="onInput($event)"
8
- >
9
- <wr-icon class="wr-password-input-icon" *ngIf="type === 'input'" name="eye" (click)="onVisibilityClick($event)"></wr-icon>
10
- <wr-icon class="wr-password-input-icon" *ngIf="type === 'password'" name="eye-off" (click)="onVisibilityClick($event)"></wr-icon>
@@ -1,56 +0,0 @@
1
- import { Component, HostBinding, Optional, Self, ViewEncapsulation } from '@angular/core';
2
- import { ControlValueAccessor, NgControl } from '@angular/forms';
3
-
4
- @Component({
5
- selector: 'wr-password-input',
6
- templateUrl: './password-input.component.html',
7
- encapsulation: ViewEncapsulation.None
8
- })
9
- export class WalrusPasswordInputComponent implements ControlValueAccessor {
10
- @HostBinding() class = 'wr-password-input';
11
-
12
- public type: 'input' | 'password' = 'password';
13
- public disabled: boolean = false;
14
- public value: string | null = null;
15
- public touched = false;
16
-
17
- constructor(
18
- @Optional() @Self() public ngControl: NgControl
19
- ) {
20
- if (ngControl !== null) {
21
- ngControl.valueAccessor = this;
22
- }
23
- }
24
-
25
- onVisibilityClick($event: any): void {
26
- $event.stopPropagation();
27
- this.type === 'password' ? this.type = 'input' : this.type = 'password';
28
- }
29
-
30
- onInput($event: any): void {
31
- this.value = $event.currentTarget.value;
32
- this.touched = true;
33
- this.onChange(this.value);
34
- }
35
-
36
- onChange = (value: any) => { };
37
-
38
- onTouched = () => {};
39
-
40
- onFocusOut(): void {
41
- this.touched = true;
42
- this.onTouched();
43
- }
44
-
45
- registerOnChange(fn: any) {
46
- this.onChange = fn;
47
- }
48
-
49
- registerOnTouched(fn: any) {
50
- this.onTouched = fn;
51
- }
52
-
53
- writeValue(obj: any): void {
54
- this.value = obj;
55
- }
56
- }
@@ -1,28 +0,0 @@
1
- import { PlatformModule } from '@angular/cdk/platform';
2
- import { CommonModule } from '@angular/common';
3
- import { NgModule } from '@angular/core';
4
-
5
- import { WalrusPasswordInputComponent } from './password-input.component';
6
- import { WalrusInputModule } from '../input';
7
- import { WalrusIconsRegistry } from '../icon/walrus-icons-registry.service';
8
- import { WalrusIconsModule } from '../icon/walrus-icons.module';
9
-
10
- @NgModule({
11
- imports: [
12
- CommonModule,
13
- PlatformModule,
14
- WalrusInputModule,
15
- WalrusIconsModule
16
- ],
17
- declarations: [
18
- WalrusPasswordInputComponent,
19
- ],
20
- exports: [
21
- WalrusPasswordInputComponent,
22
- ]
23
- })
24
- export class WalrusPasswordInputModule {
25
- constructor(wrIconReg: WalrusIconsRegistry) {
26
- wrIconReg.registerIcons()
27
- }
28
- }
@@ -1,38 +0,0 @@
1
- import {
2
- AfterViewInit,
3
- ChangeDetectionStrategy,
4
- Component,
5
- ElementRef,
6
- HostBinding,
7
- Input,
8
- OnDestroy,
9
- ViewEncapsulation
10
- } from '@angular/core';
11
- import { Subject } from 'rxjs';
12
-
13
- @Component({
14
- selector: 'wr-skeleton',
15
- exportAs: 'wrSkeleton',
16
- preserveWhitespaces: false,
17
- template: '<span>&nbsp;</span>',
18
- changeDetection: ChangeDetectionStrategy.OnPush,
19
- encapsulation: ViewEncapsulation.None
20
- })
21
- export class WalrusSkeletonComponent implements AfterViewInit, OnDestroy {
22
- @Input() color: 'light' | 'dark' = 'dark';
23
- @HostBinding('class') classes = `wr-skeleton`;
24
-
25
- private destroy$ = new Subject<void>();
26
-
27
- constructor(private readonly el: ElementRef) {}
28
-
29
- ngAfterViewInit() {
30
- const style = this.color === 'light' ? 'var(--color-white-rgb)' : 'var(--color-dark-rgb)';
31
- this.el.nativeElement.style.setProperty('--skeleton-style', style);
32
- }
33
-
34
- ngOnDestroy(): void {
35
- this.destroy$.next();
36
- this.destroy$.complete();
37
- }
38
- }
@@ -1,11 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { NgModule } from '@angular/core';
3
- import { WalrusSkeletonComponent } from './skeleton.component';
4
- import { WalrusSpinnerModule } from '../spinner';
5
-
6
- @NgModule({
7
- imports: [CommonModule, WalrusSpinnerModule],
8
- declarations: [WalrusSkeletonComponent],
9
- exports: [WalrusSkeletonComponent]
10
- })
11
- export class WalrusSkeletonModule {}
@@ -1,11 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';
2
-
3
- @Component({
4
- selector: 'wr-spin',
5
- template: '<svg viewBox="0 0 50 50"><circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="5"></circle></svg>',
6
- encapsulation: ViewEncapsulation.None,
7
- changeDetection: ChangeDetectionStrategy.OnPush
8
- })
9
- export class WalrusSpinnerComponent {
10
- @HostBinding('class') class = 'wr-spin';
11
- }
@@ -1,10 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { NgModule } from '@angular/core';
3
- import { WalrusSpinnerComponent } from './spinner.component';
4
-
5
- @NgModule({
6
- imports: [CommonModule],
7
- declarations: [WalrusSpinnerComponent],
8
- exports: [WalrusSpinnerComponent]
9
- })
10
- export class WalrusSpinnerModule {}