ngwr 0.6.0 → 1.0.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 (192) hide show
  1. package/button/button.d.ts +1 -1
  2. package/checkbox/checkbox.d.ts +1 -1
  3. package/core/color/color.d.ts +1 -1
  4. package/core/overlay/connected-overlay-directive.d.ts +1 -1
  5. package/core/overlay/position-type.d.ts +1 -1
  6. package/core/types/on-change-type.d.ts +1 -1
  7. package/core/types/on-touched-type.d.ts +1 -1
  8. package/core/types/safe-any.d.ts +1 -1
  9. package/dialog/dialog-content-directives.d.ts +1 -1
  10. package/divider/divider.d.ts +1 -1
  11. package/{esm2020 → esm2022}/button/button-module.mjs +5 -5
  12. package/esm2022/button/button.mjs +187 -0
  13. package/{esm2020 → esm2022}/checkbox/checkbox-module.mjs +5 -5
  14. package/esm2022/checkbox/checkbox.mjs +154 -0
  15. package/{esm2020 → esm2022}/core/abstract/base.mjs +4 -4
  16. package/esm2022/core/overlay/connected-overlay-directive.mjs +98 -0
  17. package/{esm2020 → esm2022}/core/overlay/overlay-module.mjs +5 -5
  18. package/{esm2020 → esm2022}/dialog/dialog-base.mjs +4 -4
  19. package/esm2022/dialog/dialog-container.mjs +58 -0
  20. package/esm2022/dialog/dialog-content-directives.mjs +98 -0
  21. package/{esm2020 → esm2022}/dialog/dialog-module.mjs +5 -5
  22. package/{esm2020 → esm2022}/dialog/dialog-service.mjs +11 -11
  23. package/{esm2020 → esm2022}/divider/divider-module.mjs +5 -5
  24. package/esm2022/divider/divider.mjs +100 -0
  25. package/{esm2020 → esm2022}/form/form-error.mjs +4 -4
  26. package/esm2022/form/form-item.mjs +46 -0
  27. package/{esm2020 → esm2022}/form/form-module.mjs +5 -5
  28. package/{esm2020 → esm2022}/icon/icon-module.mjs +5 -5
  29. package/esm2022/icon/icon-service.mjs +21 -0
  30. package/esm2022/icon/icon.mjs +60 -0
  31. package/{esm2020 → esm2022}/input/input-module.mjs +5 -5
  32. package/esm2022/input/input.mjs +240 -0
  33. package/{esm2020 → esm2022}/skeleton/skeleton-module.mjs +5 -5
  34. package/{esm2020 → esm2022}/skeleton/skeleton.mjs +4 -4
  35. package/{esm2020 → esm2022}/spinner/spinner-module.mjs +5 -5
  36. package/{esm2020 → esm2022}/spinner/spinner.mjs +4 -4
  37. package/{esm2020 → esm2022}/tag/tag-module.mjs +5 -5
  38. package/{esm2020 → esm2022}/tag/tag.mjs +4 -4
  39. package/esm2022/tooltip/tooltip-component.mjs +93 -0
  40. package/esm2022/tooltip/tooltip-directive.mjs +85 -0
  41. package/{esm2020 → esm2022}/tooltip/tooltip-module.mjs +5 -5
  42. package/{fesm2015 → fesm2022}/ngwr-button.mjs +29 -30
  43. package/{fesm2020 → fesm2022}/ngwr-button.mjs.map +1 -1
  44. package/{fesm2015 → fesm2022}/ngwr-checkbox.mjs +39 -40
  45. package/fesm2022/ngwr-checkbox.mjs.map +1 -0
  46. package/{fesm2015 → fesm2022}/ngwr-core-abstract.mjs +3 -4
  47. package/{fesm2020 → fesm2022}/ngwr-core-abstract.mjs.map +1 -1
  48. package/{fesm2020 → fesm2022}/ngwr-core-color.mjs +0 -1
  49. package/{fesm2020 → fesm2022}/ngwr-core-decorators.mjs +0 -1
  50. package/{fesm2015 → fesm2022}/ngwr-core-overlay.mjs +13 -14
  51. package/{fesm2015 → fesm2022}/ngwr-core-overlay.mjs.map +1 -1
  52. package/{fesm2015 → fesm2022}/ngwr-core-types.mjs +0 -1
  53. package/{fesm2020 → fesm2022}/ngwr-dialog.mjs +44 -45
  54. package/{fesm2020 → fesm2022}/ngwr-dialog.mjs.map +1 -1
  55. package/{fesm2015 → fesm2022}/ngwr-divider.mjs +15 -16
  56. package/{fesm2015 → fesm2022}/ngwr-divider.mjs.map +1 -1
  57. package/{fesm2020 → fesm2022}/ngwr-form.mjs +14 -15
  58. package/fesm2022/ngwr-form.mjs.map +1 -0
  59. package/{fesm2020 → fesm2022}/ngwr-icon.mjs +16 -16
  60. package/{fesm2015 → fesm2022}/ngwr-icon.mjs.map +1 -1
  61. package/{fesm2020 → fesm2022}/ngwr-input.mjs +41 -42
  62. package/fesm2022/ngwr-input.mjs.map +1 -0
  63. package/{fesm2015 → fesm2022}/ngwr-skeleton.mjs +7 -8
  64. package/{fesm2020 → fesm2022}/ngwr-skeleton.mjs.map +1 -1
  65. package/fesm2022/ngwr-spinner.mjs +43 -0
  66. package/fesm2022/ngwr-spinner.mjs.map +1 -0
  67. package/{fesm2015 → fesm2022}/ngwr-tag.mjs +7 -8
  68. package/{fesm2020 → fesm2022}/ngwr-tag.mjs.map +1 -1
  69. package/{fesm2020 → fesm2022}/ngwr-tooltip.mjs +26 -27
  70. package/{fesm2015 → fesm2022}/ngwr-tooltip.mjs.map +1 -1
  71. package/{fesm2020 → fesm2022}/ngwr.mjs +0 -1
  72. package/form/form-item.d.ts +1 -1
  73. package/icon/icon.d.ts +1 -1
  74. package/icon/icons.d.ts +2 -2
  75. package/input/input-types.d.ts +3 -3
  76. package/input/input.d.ts +1 -1
  77. package/package.json +76 -114
  78. package/skeleton/skeleton.d.ts +1 -1
  79. package/styles/grid.scss +97 -34
  80. package/styles/root.scss +3 -3
  81. package/tag/tag.d.ts +1 -1
  82. package/tooltip/tooltip-component.d.ts +1 -1
  83. package/tooltip/tooltip-directive.d.ts +1 -1
  84. package/tooltip/tooltip-trigger.d.ts +1 -1
  85. package/esm2020/button/button.mjs +0 -187
  86. package/esm2020/checkbox/checkbox.mjs +0 -154
  87. package/esm2020/core/overlay/connected-overlay-directive.mjs +0 -98
  88. package/esm2020/dialog/dialog-container.mjs +0 -58
  89. package/esm2020/dialog/dialog-content-directives.mjs +0 -98
  90. package/esm2020/divider/divider.mjs +0 -100
  91. package/esm2020/form/form-item.mjs +0 -46
  92. package/esm2020/icon/icon-service.mjs +0 -21
  93. package/esm2020/icon/icon.mjs +0 -60
  94. package/esm2020/input/input.mjs +0 -240
  95. package/esm2020/tooltip/tooltip-component.mjs +0 -93
  96. package/esm2020/tooltip/tooltip-directive.mjs +0 -85
  97. package/fesm2015/ngwr-button.mjs.map +0 -1
  98. package/fesm2015/ngwr-checkbox.mjs.map +0 -1
  99. package/fesm2015/ngwr-core-abstract.mjs.map +0 -1
  100. package/fesm2015/ngwr-core-color.mjs +0 -26
  101. package/fesm2015/ngwr-core-decorators.mjs +0 -23
  102. package/fesm2015/ngwr-dialog.mjs +0 -454
  103. package/fesm2015/ngwr-dialog.mjs.map +0 -1
  104. package/fesm2015/ngwr-form.mjs +0 -90
  105. package/fesm2015/ngwr-form.mjs.map +0 -1
  106. package/fesm2015/ngwr-icon.mjs +0 -567
  107. package/fesm2015/ngwr-input.mjs +0 -263
  108. package/fesm2015/ngwr-input.mjs.map +0 -1
  109. package/fesm2015/ngwr-skeleton.mjs.map +0 -1
  110. package/fesm2015/ngwr-spinner.mjs +0 -44
  111. package/fesm2015/ngwr-spinner.mjs.map +0 -1
  112. package/fesm2015/ngwr-tag.mjs.map +0 -1
  113. package/fesm2015/ngwr-tooltip.mjs +0 -208
  114. package/fesm2015/ngwr.mjs +0 -8
  115. package/fesm2020/ngwr-button.mjs +0 -212
  116. package/fesm2020/ngwr-checkbox.mjs +0 -178
  117. package/fesm2020/ngwr-checkbox.mjs.map +0 -1
  118. package/fesm2020/ngwr-core-abstract.mjs +0 -26
  119. package/fesm2020/ngwr-core-color.mjs.map +0 -1
  120. package/fesm2020/ngwr-core-decorators.mjs.map +0 -1
  121. package/fesm2020/ngwr-core-overlay.mjs +0 -147
  122. package/fesm2020/ngwr-core-overlay.mjs.map +0 -1
  123. package/fesm2020/ngwr-core-types.mjs +0 -5
  124. package/fesm2020/ngwr-core-types.mjs.map +0 -1
  125. package/fesm2020/ngwr-divider.mjs +0 -121
  126. package/fesm2020/ngwr-divider.mjs.map +0 -1
  127. package/fesm2020/ngwr-form.mjs.map +0 -1
  128. package/fesm2020/ngwr-icon.mjs.map +0 -1
  129. package/fesm2020/ngwr-input.mjs.map +0 -1
  130. package/fesm2020/ngwr-skeleton.mjs +0 -67
  131. package/fesm2020/ngwr-spinner.mjs +0 -44
  132. package/fesm2020/ngwr-spinner.mjs.map +0 -1
  133. package/fesm2020/ngwr-tag.mjs +0 -105
  134. package/fesm2020/ngwr-tooltip.mjs.map +0 -1
  135. package/fesm2020/ngwr.mjs.map +0 -1
  136. /package/{esm2020 → esm2022}/button/index.mjs +0 -0
  137. /package/{esm2020 → esm2022}/button/ngwr-button.mjs +0 -0
  138. /package/{esm2020 → esm2022}/checkbox/index.mjs +0 -0
  139. /package/{esm2020 → esm2022}/checkbox/ngwr-checkbox.mjs +0 -0
  140. /package/{esm2020 → esm2022}/core/abstract/index.mjs +0 -0
  141. /package/{esm2020 → esm2022}/core/abstract/ngwr-core-abstract.mjs +0 -0
  142. /package/{esm2020 → esm2022}/core/color/color.mjs +0 -0
  143. /package/{esm2020 → esm2022}/core/color/index.mjs +0 -0
  144. /package/{esm2020 → esm2022}/core/color/is-theme-color.mjs +0 -0
  145. /package/{esm2020 → esm2022}/core/color/ngwr-core-color.mjs +0 -0
  146. /package/{esm2020 → esm2022}/core/decorators/index.mjs +0 -0
  147. /package/{esm2020 → esm2022}/core/decorators/input-boolean.mjs +0 -0
  148. /package/{esm2020 → esm2022}/core/decorators/ngwr-core-decorators.mjs +0 -0
  149. /package/{esm2020 → esm2022}/core/overlay/get-placement-name.mjs +0 -0
  150. /package/{esm2020 → esm2022}/core/overlay/index.mjs +0 -0
  151. /package/{esm2020 → esm2022}/core/overlay/ngwr-core-overlay.mjs +0 -0
  152. /package/{esm2020 → esm2022}/core/overlay/position-map.mjs +0 -0
  153. /package/{esm2020 → esm2022}/core/overlay/position-type.mjs +0 -0
  154. /package/{esm2020 → esm2022}/core/types/index.mjs +0 -0
  155. /package/{esm2020 → esm2022}/core/types/ng-style-interface.mjs +0 -0
  156. /package/{esm2020 → esm2022}/core/types/ngwr-core-types.mjs +0 -0
  157. /package/{esm2020 → esm2022}/core/types/on-change-type.mjs +0 -0
  158. /package/{esm2020 → esm2022}/core/types/on-touched-type.mjs +0 -0
  159. /package/{esm2020 → esm2022}/core/types/property-mapping.mjs +0 -0
  160. /package/{esm2020 → esm2022}/core/types/safe-any.mjs +0 -0
  161. /package/{esm2020 → esm2022}/dialog/dialog-animations.mjs +0 -0
  162. /package/{esm2020 → esm2022}/dialog/dialog-config.mjs +0 -0
  163. /package/{esm2020 → esm2022}/dialog/dialog-ref.mjs +0 -0
  164. /package/{esm2020 → esm2022}/dialog/dialog-tokens.mjs +0 -0
  165. /package/{esm2020 → esm2022}/dialog/index.mjs +0 -0
  166. /package/{esm2020 → esm2022}/dialog/ngwr-dialog.mjs +0 -0
  167. /package/{esm2020 → esm2022}/divider/index.mjs +0 -0
  168. /package/{esm2020 → esm2022}/divider/ngwr-divider.mjs +0 -0
  169. /package/{esm2020 → esm2022}/form/index.mjs +0 -0
  170. /package/{esm2020 → esm2022}/form/ngwr-form.mjs +0 -0
  171. /package/{esm2020 → esm2022}/icon/icons.mjs +0 -0
  172. /package/{esm2020 → esm2022}/icon/index.mjs +0 -0
  173. /package/{esm2020 → esm2022}/icon/ngwr-icon.mjs +0 -0
  174. /package/{esm2020 → esm2022}/index.mjs +0 -0
  175. /package/{esm2020 → esm2022}/input/index.mjs +0 -0
  176. /package/{esm2020 → esm2022}/input/input-types.mjs +0 -0
  177. /package/{esm2020 → esm2022}/input/ngwr-input.mjs +0 -0
  178. /package/{esm2020 → esm2022}/ngwr.mjs +0 -0
  179. /package/{esm2020 → esm2022}/skeleton/index.mjs +0 -0
  180. /package/{esm2020 → esm2022}/skeleton/ngwr-skeleton.mjs +0 -0
  181. /package/{esm2020 → esm2022}/spinner/index.mjs +0 -0
  182. /package/{esm2020 → esm2022}/spinner/ngwr-spinner.mjs +0 -0
  183. /package/{esm2020 → esm2022}/tag/index.mjs +0 -0
  184. /package/{esm2020 → esm2022}/tag/ngwr-tag.mjs +0 -0
  185. /package/{esm2020 → esm2022}/tooltip/index.mjs +0 -0
  186. /package/{esm2020 → esm2022}/tooltip/ngwr-tooltip.mjs +0 -0
  187. /package/{esm2020 → esm2022}/tooltip/tooltip-default-positions.mjs +0 -0
  188. /package/{esm2020 → esm2022}/tooltip/tooltip-trigger.mjs +0 -0
  189. /package/{fesm2015 → fesm2022}/ngwr-core-color.mjs.map +0 -0
  190. /package/{fesm2015 → fesm2022}/ngwr-core-decorators.mjs.map +0 -0
  191. /package/{fesm2015 → fesm2022}/ngwr-core-types.mjs.map +0 -0
  192. /package/{fesm2015 → fesm2022}/ngwr.mjs.map +0 -0
@@ -1,212 +0,0 @@
1
- import { __decorate } from 'tslib';
2
- import { coerceBooleanProperty } from '@angular/cdk/coercion';
3
- import * as i0 from '@angular/core';
4
- import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding, NgModule } from '@angular/core';
5
- import { WrAbstractBase } from 'ngwr/core/abstract';
6
- import { isThemeColor } from 'ngwr/core/color';
7
- import { InputBoolean } from 'ngwr/core/decorators';
8
- import * as i1 from '@angular/common';
9
- import { CommonModule } from '@angular/common';
10
- import * as i2 from 'ngwr/spinner';
11
- import { WrSpinnerModule } from 'ngwr/spinner';
12
- import * as i3 from 'ngwr/icon';
13
- import { WrIconModule } from 'ngwr/icon';
14
-
15
- class WrButton extends WrAbstractBase {
16
- constructor(cdr, elRef, ngZone) {
17
- super();
18
- this.cdr = cdr;
19
- this.elRef = elRef;
20
- this.ngZone = ngZone;
21
- this._color = 'primary';
22
- this._size = 'default';
23
- this._outlined = false;
24
- this._rounded = false;
25
- this._fullwidth = false;
26
- this._loading = false;
27
- this._disabled = false;
28
- this._icon = null;
29
- this._iconPosition = 'start';
30
- /* A disabled button shouldn't apply any actions */
31
- this.preventEventsWhenDisabled = (event) => {
32
- if (this.disabled) {
33
- event.preventDefault();
34
- event.stopImmediatePropagation();
35
- }
36
- };
37
- }
38
- /** Set color of `wr-btn`; */
39
- get color() {
40
- return this._color;
41
- }
42
- set color(value) {
43
- this._color = isThemeColor(value) ? value : 'primary';
44
- this.cdr.markForCheck();
45
- }
46
- /** Set size of `wr-btn`; */
47
- get size() {
48
- return this._size;
49
- }
50
- set size(value) {
51
- this._size = value;
52
- this.cdr.markForCheck();
53
- }
54
- /** Set outlined state of `wr-btn`; */
55
- get outlined() {
56
- return this._outlined;
57
- }
58
- set outlined(value) {
59
- this._outlined = coerceBooleanProperty(value);
60
- this.cdr.markForCheck();
61
- }
62
- /** Set rounded state of `wr-btn`; */
63
- get rounded() {
64
- return this._rounded;
65
- }
66
- set rounded(value) {
67
- this._rounded = coerceBooleanProperty(value);
68
- this.cdr.markForCheck();
69
- }
70
- /** Set fullwidth state of `wr-btn`; */
71
- get fullwidth() {
72
- return this._fullwidth;
73
- }
74
- set fullwidth(value) {
75
- this._fullwidth = coerceBooleanProperty(value);
76
- this.cdr.markForCheck();
77
- }
78
- /** Set loading state of `wr-btn`; */
79
- get loading() {
80
- return this._loading;
81
- }
82
- set loading(value) {
83
- this._loading = coerceBooleanProperty(value);
84
- this.cdr.markForCheck();
85
- }
86
- /** Set disabled state of `wr-btn`; */
87
- get disabled() {
88
- return this._disabled;
89
- }
90
- set disabled(value) {
91
- this._disabled = coerceBooleanProperty(value);
92
- this.cdr.markForCheck();
93
- }
94
- /** Set icon of `wr-btn`; */
95
- get icon() {
96
- return this._icon;
97
- }
98
- set icon(value) {
99
- this._icon = value;
100
- this.cdr.markForCheck();
101
- }
102
- /** Set icon position of `wr-btn`; */
103
- get iconPosition() {
104
- return this._iconPosition;
105
- }
106
- set iconPosition(value) {
107
- this._iconPosition = value;
108
- this.cdr.markForCheck();
109
- }
110
- /** Set element disabled attribute */
111
- get nativeDisabled() {
112
- return this._disabled ? '' : null;
113
- }
114
- /** Set element classes */
115
- get elClasses() {
116
- return {
117
- 'wr-btn': true,
118
- 'wr-btn--primary': this.color === 'primary',
119
- 'wr-btn--secondary': this.color === 'secondary',
120
- 'wr-btn--success': this.color === 'success',
121
- 'wr-btn--warning': this.color === 'warning',
122
- 'wr-btn--danger': this.color === 'danger',
123
- 'wr-btn--light': this.color === 'light',
124
- 'wr-btn--medium': this.color === 'medium',
125
- 'wr-btn--dark': this.color === 'dark',
126
- 'wr-btn--default': this.size === 'default',
127
- 'wr-btn--small': this.size === 'small',
128
- 'wr-btn--icon-start': this.icon && this.iconPosition === 'start',
129
- 'wr-btn--icon-end': this.icon && this.iconPosition === 'end',
130
- 'wr-btn--outlined': this.outlined,
131
- 'wr-btn--rounded': this.rounded,
132
- 'wr-btn--loading': this.loading,
133
- 'wr-btn--full': this.fullwidth,
134
- };
135
- }
136
- ngOnInit() {
137
- this.ngZone.runOutsideAngular(() => {
138
- this.elRef.nativeElement.addEventListener('click', this.preventEventsWhenDisabled);
139
- });
140
- }
141
- ngOnDestroy() {
142
- super.ngOnDestroy();
143
- this.elRef.nativeElement.removeEventListener('click', this.preventEventsWhenDisabled);
144
- }
145
- }
146
- WrButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
147
- WrButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: WrButton, selector: "wr-btn, button[wr-btn], a[wr-btn]", inputs: { color: "color", size: "size", outlined: "outlined", rounded: "rounded", fullwidth: "fullwidth", loading: "loading", disabled: "disabled", icon: "icon", iconPosition: "iconPosition" }, host: { properties: { "attr.disabled": "this.nativeDisabled", "class": "this.elClasses" } }, exportAs: ["wrBtn"], usesInheritance: true, ngImport: i0, template: "<wr-spin *ngIf=\"loading\" class=\"wr-btn__spin\"></wr-spin>\n<wr-icon *ngIf=\"icon && iconPosition === 'start'\" class=\"wr-btn__icon\" [name]=\"icon\"></wr-icon>\n<span class=\"wr-btn__text\"><ng-content></ng-content></span>\n<wr-icon *ngIf=\"icon && iconPosition === 'end'\" class=\"wr-btn__icon\" [name]=\"icon\"></wr-icon>\n", styles: [".wr-btn{display:inline-block;padding:var(--wr-btn-padding-y-base) var(--wr-btn-padding-x-base);font-family:var(--wr-btn-font-family-base);font-size:var(--wr-btn-font-size-base);font-weight:var(--wr-btn-font-weight-base);line-height:var(--wr-btn-line-height-base);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:var(--wr-btn-border-radius-base);transition:var(--wr-transition-short);position:relative}.wr-btn:hover{text-decoration:none}.wr-btn[disabled],.wr-btn:disabled,.wr-btn.disabled,fieldset:disabled .wr-btn{color:var(--wr-color-medium)!important;background-color:var(--wr-color-light)!important;background-image:none;border:none;box-shadow:none!important;pointer-events:none}.wr-btn[disabled] .wr-btn__icon,.wr-btn[disabled] .wr-btn__spin,.wr-btn:disabled .wr-btn__icon,.wr-btn:disabled .wr-btn__spin,.wr-btn.disabled .wr-btn__icon,.wr-btn.disabled .wr-btn__spin,fieldset:disabled .wr-btn .wr-btn__icon,fieldset:disabled .wr-btn .wr-btn__spin{color:var(--wr-color-medium)}.wr-btn__text{display:inline-block;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;word-break:break-all;padding:0;transition:var(--wr-transition-base)}.wr-btn__spin{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%)}.wr-btn__icon{width:1rem!important;height:1rem!important;min-width:1rem!important;min-height:1rem!important;transition:var(--wr-transition-base)}.wr-btn--icon-start{padding-left:calc(var(--wr-btn-padding-x-base) - .0825rem)}.wr-btn--icon-start .wr-btn__icon{margin-right:.375rem}.wr-btn--icon-end .wr-btn__icon{margin-left:.25rem}.wr-btn--loading{pointer-events:none}.wr-btn--loading .wr-btn__text,.wr-btn--loading .wr-btn__icon{opacity:0}.wr-btn--rounded{border-radius:var(--wr-btn-rounded-border-radius);padding:var(--wr-btn-rounded-padding-y) var(--wr-btn-rounded-padding-x)}.wr-btn--small{padding:var(--wr-btn-padding-y-small) var(--wr-btn-padding-x-small);border-radius:var(--wr-btn-border-radius-small);font-size:var(--wr-btn-font-size-small);line-height:var(--wr-btn-line-height-small)}.wr-btn--small .wr-btn__icon,.wr-btn--small .wr-btn__spin{height:var(--wr-btn-font-size-small)!important;width:var(--wr-btn-font-size-small)!important;min-height:var(--wr-btn-font-size-small)!important;min-width:var(--wr-btn-font-size-small)!important}.wr-btn--small .wr-btn--icon-start .wr-btn__icon{margin-right:.2rem!important}.wr-btn--small .wr-btn--icon-end .wr-btn__icon{margin-left:.2rem!important}.wr-btn--full{display:block;width:100%}.wr-btn--primary{color:var(--wr-color-primary-contrast);background-color:var(--wr-color-primary)}.wr-btn--primary:hover{color:var(--wr-color-primary-contrast);background-color:var(--wr-color-primary-shade)}.wr-btn--primary.wr-btn--outlined{color:var(--wr-color-primary);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-primary-rgb),.375)}.wr-btn--primary.wr-btn--outlined:hover{color:var(--wr-color-primary-contrast);background-color:var(--wr-color-primary);box-shadow:none}.wr-btn--secondary{color:var(--wr-color-secondary-contrast);background-color:var(--wr-color-secondary)}.wr-btn--secondary:hover{color:var(--wr-color-secondary-contrast);background-color:var(--wr-color-secondary-shade)}.wr-btn--secondary.wr-btn--outlined{color:var(--wr-color-secondary);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-secondary-rgb),.375)}.wr-btn--secondary.wr-btn--outlined:hover{color:var(--wr-color-secondary-contrast);background-color:var(--wr-color-secondary);box-shadow:none}.wr-btn--light{color:var(--wr-color-light-contrast);background-color:var(--wr-color-light)}.wr-btn--light:hover{color:var(--wr-color-light-contrast);background-color:var(--wr-color-light-shade)}.wr-btn--light.wr-btn--outlined{color:var(--wr-color-light);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-light-rgb),.375)}.wr-btn--light.wr-btn--outlined:hover{color:var(--wr-color-light-contrast);background-color:var(--wr-color-light);box-shadow:none}.wr-btn--medium{color:var(--wr-color-medium-contrast);background-color:var(--wr-color-medium)}.wr-btn--medium:hover{color:var(--wr-color-medium-contrast);background-color:var(--wr-color-medium-shade)}.wr-btn--medium.wr-btn--outlined{color:var(--wr-color-medium);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-medium-rgb),.375)}.wr-btn--medium.wr-btn--outlined:hover{color:var(--wr-color-medium-contrast);background-color:var(--wr-color-medium);box-shadow:none}.wr-btn--dark{color:var(--wr-color-dark-contrast);background-color:var(--wr-color-dark)}.wr-btn--dark:hover{color:var(--wr-color-dark-contrast);background-color:var(--wr-color-dark-shade)}.wr-btn--dark.wr-btn--outlined{color:var(--wr-color-dark);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-dark-rgb),.375)}.wr-btn--dark.wr-btn--outlined:hover{color:var(--wr-color-dark-contrast);background-color:var(--wr-color-dark);box-shadow:none}.wr-btn--success{color:var(--wr-color-success-contrast);background-color:var(--wr-color-success)}.wr-btn--success:hover{color:var(--wr-color-success-contrast);background-color:var(--wr-color-success-shade)}.wr-btn--success.wr-btn--outlined{color:var(--wr-color-success);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-success-rgb),.375)}.wr-btn--success.wr-btn--outlined:hover{color:var(--wr-color-success-contrast);background-color:var(--wr-color-success);box-shadow:none}.wr-btn--warning{color:var(--wr-color-warning-contrast);background-color:var(--wr-color-warning)}.wr-btn--warning:hover{color:var(--wr-color-warning-contrast);background-color:var(--wr-color-warning-shade)}.wr-btn--warning.wr-btn--outlined{color:var(--wr-color-warning);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-warning-rgb),.375)}.wr-btn--warning.wr-btn--outlined:hover{color:var(--wr-color-warning-contrast);background-color:var(--wr-color-warning);box-shadow:none}.wr-btn--danger{color:var(--wr-color-danger-contrast);background-color:var(--wr-color-danger)}.wr-btn--danger:hover{color:var(--wr-color-danger-contrast);background-color:var(--wr-color-danger-shade)}.wr-btn--danger.wr-btn--outlined{color:var(--wr-color-danger);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-danger-rgb),.375)}.wr-btn--danger.wr-btn--outlined:hover{color:var(--wr-color-danger-contrast);background-color:var(--wr-color-danger);box-shadow:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.WrSpinner, selector: "wr-spin", exportAs: ["wrSpin"] }, { kind: "directive", type: i3.WrIcon, selector: "wr-icon[name]", inputs: ["name"], exportAs: ["wrIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
148
- __decorate([
149
- InputBoolean()
150
- ], WrButton.prototype, "outlined", null);
151
- __decorate([
152
- InputBoolean()
153
- ], WrButton.prototype, "rounded", null);
154
- __decorate([
155
- InputBoolean()
156
- ], WrButton.prototype, "fullwidth", null);
157
- __decorate([
158
- InputBoolean()
159
- ], WrButton.prototype, "loading", null);
160
- __decorate([
161
- InputBoolean()
162
- ], WrButton.prototype, "disabled", null);
163
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrButton, decorators: [{
164
- type: Component,
165
- args: [{ selector: 'wr-btn, button[wr-btn], a[wr-btn]', exportAs: 'wrBtn', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<wr-spin *ngIf=\"loading\" class=\"wr-btn__spin\"></wr-spin>\n<wr-icon *ngIf=\"icon && iconPosition === 'start'\" class=\"wr-btn__icon\" [name]=\"icon\"></wr-icon>\n<span class=\"wr-btn__text\"><ng-content></ng-content></span>\n<wr-icon *ngIf=\"icon && iconPosition === 'end'\" class=\"wr-btn__icon\" [name]=\"icon\"></wr-icon>\n", styles: [".wr-btn{display:inline-block;padding:var(--wr-btn-padding-y-base) var(--wr-btn-padding-x-base);font-family:var(--wr-btn-font-family-base);font-size:var(--wr-btn-font-size-base);font-weight:var(--wr-btn-font-weight-base);line-height:var(--wr-btn-line-height-base);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:var(--wr-btn-border-radius-base);transition:var(--wr-transition-short);position:relative}.wr-btn:hover{text-decoration:none}.wr-btn[disabled],.wr-btn:disabled,.wr-btn.disabled,fieldset:disabled .wr-btn{color:var(--wr-color-medium)!important;background-color:var(--wr-color-light)!important;background-image:none;border:none;box-shadow:none!important;pointer-events:none}.wr-btn[disabled] .wr-btn__icon,.wr-btn[disabled] .wr-btn__spin,.wr-btn:disabled .wr-btn__icon,.wr-btn:disabled .wr-btn__spin,.wr-btn.disabled .wr-btn__icon,.wr-btn.disabled .wr-btn__spin,fieldset:disabled .wr-btn .wr-btn__icon,fieldset:disabled .wr-btn .wr-btn__spin{color:var(--wr-color-medium)}.wr-btn__text{display:inline-block;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;word-break:break-all;padding:0;transition:var(--wr-transition-base)}.wr-btn__spin{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%)}.wr-btn__icon{width:1rem!important;height:1rem!important;min-width:1rem!important;min-height:1rem!important;transition:var(--wr-transition-base)}.wr-btn--icon-start{padding-left:calc(var(--wr-btn-padding-x-base) - .0825rem)}.wr-btn--icon-start .wr-btn__icon{margin-right:.375rem}.wr-btn--icon-end .wr-btn__icon{margin-left:.25rem}.wr-btn--loading{pointer-events:none}.wr-btn--loading .wr-btn__text,.wr-btn--loading .wr-btn__icon{opacity:0}.wr-btn--rounded{border-radius:var(--wr-btn-rounded-border-radius);padding:var(--wr-btn-rounded-padding-y) var(--wr-btn-rounded-padding-x)}.wr-btn--small{padding:var(--wr-btn-padding-y-small) var(--wr-btn-padding-x-small);border-radius:var(--wr-btn-border-radius-small);font-size:var(--wr-btn-font-size-small);line-height:var(--wr-btn-line-height-small)}.wr-btn--small .wr-btn__icon,.wr-btn--small .wr-btn__spin{height:var(--wr-btn-font-size-small)!important;width:var(--wr-btn-font-size-small)!important;min-height:var(--wr-btn-font-size-small)!important;min-width:var(--wr-btn-font-size-small)!important}.wr-btn--small .wr-btn--icon-start .wr-btn__icon{margin-right:.2rem!important}.wr-btn--small .wr-btn--icon-end .wr-btn__icon{margin-left:.2rem!important}.wr-btn--full{display:block;width:100%}.wr-btn--primary{color:var(--wr-color-primary-contrast);background-color:var(--wr-color-primary)}.wr-btn--primary:hover{color:var(--wr-color-primary-contrast);background-color:var(--wr-color-primary-shade)}.wr-btn--primary.wr-btn--outlined{color:var(--wr-color-primary);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-primary-rgb),.375)}.wr-btn--primary.wr-btn--outlined:hover{color:var(--wr-color-primary-contrast);background-color:var(--wr-color-primary);box-shadow:none}.wr-btn--secondary{color:var(--wr-color-secondary-contrast);background-color:var(--wr-color-secondary)}.wr-btn--secondary:hover{color:var(--wr-color-secondary-contrast);background-color:var(--wr-color-secondary-shade)}.wr-btn--secondary.wr-btn--outlined{color:var(--wr-color-secondary);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-secondary-rgb),.375)}.wr-btn--secondary.wr-btn--outlined:hover{color:var(--wr-color-secondary-contrast);background-color:var(--wr-color-secondary);box-shadow:none}.wr-btn--light{color:var(--wr-color-light-contrast);background-color:var(--wr-color-light)}.wr-btn--light:hover{color:var(--wr-color-light-contrast);background-color:var(--wr-color-light-shade)}.wr-btn--light.wr-btn--outlined{color:var(--wr-color-light);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-light-rgb),.375)}.wr-btn--light.wr-btn--outlined:hover{color:var(--wr-color-light-contrast);background-color:var(--wr-color-light);box-shadow:none}.wr-btn--medium{color:var(--wr-color-medium-contrast);background-color:var(--wr-color-medium)}.wr-btn--medium:hover{color:var(--wr-color-medium-contrast);background-color:var(--wr-color-medium-shade)}.wr-btn--medium.wr-btn--outlined{color:var(--wr-color-medium);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-medium-rgb),.375)}.wr-btn--medium.wr-btn--outlined:hover{color:var(--wr-color-medium-contrast);background-color:var(--wr-color-medium);box-shadow:none}.wr-btn--dark{color:var(--wr-color-dark-contrast);background-color:var(--wr-color-dark)}.wr-btn--dark:hover{color:var(--wr-color-dark-contrast);background-color:var(--wr-color-dark-shade)}.wr-btn--dark.wr-btn--outlined{color:var(--wr-color-dark);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-dark-rgb),.375)}.wr-btn--dark.wr-btn--outlined:hover{color:var(--wr-color-dark-contrast);background-color:var(--wr-color-dark);box-shadow:none}.wr-btn--success{color:var(--wr-color-success-contrast);background-color:var(--wr-color-success)}.wr-btn--success:hover{color:var(--wr-color-success-contrast);background-color:var(--wr-color-success-shade)}.wr-btn--success.wr-btn--outlined{color:var(--wr-color-success);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-success-rgb),.375)}.wr-btn--success.wr-btn--outlined:hover{color:var(--wr-color-success-contrast);background-color:var(--wr-color-success);box-shadow:none}.wr-btn--warning{color:var(--wr-color-warning-contrast);background-color:var(--wr-color-warning)}.wr-btn--warning:hover{color:var(--wr-color-warning-contrast);background-color:var(--wr-color-warning-shade)}.wr-btn--warning.wr-btn--outlined{color:var(--wr-color-warning);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-warning-rgb),.375)}.wr-btn--warning.wr-btn--outlined:hover{color:var(--wr-color-warning-contrast);background-color:var(--wr-color-warning);box-shadow:none}.wr-btn--danger{color:var(--wr-color-danger-contrast);background-color:var(--wr-color-danger)}.wr-btn--danger:hover{color:var(--wr-color-danger-contrast);background-color:var(--wr-color-danger-shade)}.wr-btn--danger.wr-btn--outlined{color:var(--wr-color-danger);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-danger-rgb),.375)}.wr-btn--danger.wr-btn--outlined:hover{color:var(--wr-color-danger-contrast);background-color:var(--wr-color-danger);box-shadow:none}\n"] }]
166
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { color: [{
167
- type: Input
168
- }], size: [{
169
- type: Input
170
- }], outlined: [{
171
- type: Input
172
- }], rounded: [{
173
- type: Input
174
- }], fullwidth: [{
175
- type: Input
176
- }], loading: [{
177
- type: Input
178
- }], disabled: [{
179
- type: Input
180
- }], icon: [{
181
- type: Input
182
- }], iconPosition: [{
183
- type: Input
184
- }], nativeDisabled: [{
185
- type: HostBinding,
186
- args: ['attr.disabled']
187
- }], elClasses: [{
188
- type: HostBinding,
189
- args: ['class']
190
- }] } });
191
-
192
- class WrButtonModule {
193
- }
194
- WrButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
195
- WrButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: WrButtonModule, declarations: [WrButton], imports: [CommonModule, WrSpinnerModule, WrIconModule], exports: [WrButton] });
196
- WrButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrButtonModule, imports: [CommonModule, WrSpinnerModule, WrIconModule] });
197
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrButtonModule, decorators: [{
198
- type: NgModule,
199
- args: [{
200
- imports: [CommonModule, WrSpinnerModule, WrIconModule],
201
- declarations: [WrButton],
202
- exports: [WrButton],
203
- }]
204
- }] });
205
-
206
- /**
207
- * Generated bundle index. Do not edit.
208
- */
209
-
210
- export { WrButton, WrButtonModule };
211
- //# sourceMappingURL=ngwr-button.mjs.map
212
- //# sourceMappingURL=ngwr-button.mjs.map
@@ -1,178 +0,0 @@
1
- import { __decorate } from 'tslib';
2
- import { coerceBooleanProperty } from '@angular/cdk/coercion';
3
- import * as i0 from '@angular/core';
4
- import { forwardRef, Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, Input, HostBinding, NgModule } from '@angular/core';
5
- import * as i2 from '@angular/forms';
6
- import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
7
- import { WrAbstractBase } from 'ngwr/core/abstract';
8
- import { InputBoolean } from 'ngwr/core/decorators';
9
- import * as i1 from '@angular/cdk/a11y';
10
- import { A11yModule } from '@angular/cdk/a11y';
11
- import { CommonModule } from '@angular/common';
12
-
13
- class WrCheckbox extends WrAbstractBase {
14
- constructor(cdr, elRef, focusMonitor, ngZone) {
15
- super();
16
- this.cdr = cdr;
17
- this.elRef = elRef;
18
- this.focusMonitor = focusMonitor;
19
- this.ngZone = ngZone;
20
- this._checked = false;
21
- this._autofocus = false;
22
- this._disabled = false;
23
- this._focused = false;
24
- // @ts-ignore
25
- this.onChange = () => { };
26
- // @ts-ignore
27
- this.onTouched = () => { };
28
- /**
29
- * A disabled checkbox shouldn't apply any actions
30
- *
31
- * @param event
32
- */
33
- this.preventEventsWhenDisabled = (event) => {
34
- if (this.disabled) {
35
- event.preventDefault();
36
- event.stopImmediatePropagation();
37
- }
38
- };
39
- }
40
- get checked() {
41
- return this._checked;
42
- }
43
- set checked(value) {
44
- const checked = coerceBooleanProperty(value);
45
- if (checked != this.checked) {
46
- this._checked = checked;
47
- this.onChange(checked);
48
- this.onTouched();
49
- this.cdr.markForCheck();
50
- }
51
- }
52
- /** Set autofocus for checkbox; */
53
- get autofocus() {
54
- return this._autofocus;
55
- }
56
- set autofocus(value) {
57
- this._autofocus = coerceBooleanProperty(value);
58
- this.cdr.markForCheck();
59
- }
60
- /** Set disabled state of `wr-btn`; */
61
- get disabled() {
62
- return this._disabled;
63
- }
64
- set disabled(value) {
65
- this._disabled = coerceBooleanProperty(value);
66
- this.cdr.markForCheck();
67
- }
68
- get focused() {
69
- return this._focused;
70
- }
71
- set focused(value) {
72
- this._focused = coerceBooleanProperty(value);
73
- this.cdr.markForCheck();
74
- }
75
- /** Set element classes */
76
- get elClasses() {
77
- return {
78
- 'wr-checkbox': true,
79
- 'wr-checkbox--checked': this.checked,
80
- 'wr-checkbox--focused': this.focused,
81
- };
82
- }
83
- ngOnInit() {
84
- this.ngZone.runOutsideAngular(() => {
85
- this.elRef.nativeElement.addEventListener('click', this.preventEventsWhenDisabled);
86
- });
87
- }
88
- ngAfterViewInit() {
89
- this.focusMonitor.monitor(this.inputElement, true).subscribe(origin => {
90
- this.ngZone.run(() => (this.focused = origin !== null));
91
- });
92
- if (this.autofocus) {
93
- this.focus();
94
- this.cdr.markForCheck();
95
- }
96
- }
97
- ngOnDestroy() {
98
- super.ngOnDestroy();
99
- this.elRef.nativeElement.removeEventListener('click', this.preventEventsWhenDisabled);
100
- this.focusMonitor.stopMonitoring(this.inputElement);
101
- }
102
- focus(origin = 'program', options) {
103
- if (origin) {
104
- this.focusMonitor.focusVia(this.inputElement, origin, options);
105
- }
106
- else {
107
- this.inputElement.focus(options);
108
- }
109
- }
110
- writeValue(value) {
111
- this.checked = value;
112
- }
113
- registerOnChange(fn) {
114
- this.onChange = fn;
115
- }
116
- registerOnTouched(fn) {
117
- this.onTouched = fn;
118
- }
119
- setDisabledState(isDisabled) {
120
- this.disabled = isDisabled;
121
- }
122
- }
123
- WrCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrCheckbox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.FocusMonitor }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
124
- WrCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: WrCheckbox, selector: "wr-checkbox", inputs: { autofocus: "autofocus", disabled: "disabled" }, host: { properties: { "class": "this.elClasses" } }, providers: [
125
- {
126
- provide: NG_VALUE_ACCESSOR,
127
- useExisting: forwardRef(() => WrCheckbox),
128
- multi: true,
129
- },
130
- ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, static: true }], exportAs: ["wrCheckbox"], usesInheritance: true, ngImport: i0, template: "<label class=\"wr-checkbox__container\">\n <input\n #inputElement\n class=\"wr-checkbox__input\"\n type=\"checkbox\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [ngModel]=\"checked\"\n (ngModelChange)=\"writeValue($event)\"\n />\n <div class=\"wr-checkbox-inner\">\n <div class=\"wr-checkbox-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 });
131
- __decorate([
132
- InputBoolean()
133
- ], WrCheckbox.prototype, "autofocus", null);
134
- __decorate([
135
- InputBoolean()
136
- ], WrCheckbox.prototype, "disabled", null);
137
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrCheckbox, decorators: [{
138
- type: Component,
139
- args: [{ selector: 'wr-checkbox', exportAs: 'wrCheckbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
140
- {
141
- provide: NG_VALUE_ACCESSOR,
142
- useExisting: forwardRef(() => WrCheckbox),
143
- multi: true,
144
- },
145
- ], template: "<label class=\"wr-checkbox__container\">\n <input\n #inputElement\n class=\"wr-checkbox__input\"\n type=\"checkbox\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [ngModel]=\"checked\"\n (ngModelChange)=\"writeValue($event)\"\n />\n <div class=\"wr-checkbox-inner\">\n <div class=\"wr-checkbox-inner__mark\"></div>\n </div>\n <ng-content></ng-content>\n</label>\n" }]
146
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.FocusMonitor }, { type: i0.NgZone }]; }, propDecorators: { inputElement: [{
147
- type: ViewChild,
148
- args: ['inputElement', { static: true }]
149
- }], autofocus: [{
150
- type: Input
151
- }], disabled: [{
152
- type: Input
153
- }], elClasses: [{
154
- type: HostBinding,
155
- args: ['class']
156
- }] } });
157
-
158
- class WrCheckboxModule {
159
- }
160
- WrCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
161
- WrCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: WrCheckboxModule, declarations: [WrCheckbox], imports: [CommonModule, FormsModule, A11yModule], exports: [WrCheckbox] });
162
- WrCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrCheckboxModule, imports: [CommonModule, FormsModule, A11yModule] });
163
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrCheckboxModule, decorators: [{
164
- type: NgModule,
165
- args: [{
166
- imports: [CommonModule, FormsModule, A11yModule],
167
- declarations: [WrCheckbox],
168
- exports: [WrCheckbox],
169
- }]
170
- }] });
171
-
172
- /**
173
- * Generated bundle index. Do not edit.
174
- */
175
-
176
- export { WrCheckbox, WrCheckboxModule };
177
- //# sourceMappingURL=ngwr-checkbox.mjs.map
178
- //# sourceMappingURL=ngwr-checkbox.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ngwr-checkbox.mjs","sources":["../../../projects/lib/checkbox/checkbox.ts","../../../projects/lib/checkbox/checkbox.html","../../../projects/lib/checkbox/checkbox-module.ts","../../../projects/lib/checkbox/ngwr-checkbox.ts"],"sourcesContent":["import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n forwardRef,\n HostBinding,\n Input,\n NgZone,\n OnDestroy,\n OnInit,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { WrAbstractBase } from 'ngwr/core/abstract';\nimport { InputBoolean } from 'ngwr/core/decorators';\nimport { OnChangeType, OnTouchedType, SafeAny } from 'ngwr/core/types';\n\n@Component({\n selector: 'wr-checkbox',\n exportAs: 'wrCheckbox',\n templateUrl: './checkbox.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => WrCheckbox),\n multi: true,\n },\n ],\n})\nexport class WrCheckbox extends WrAbstractBase implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {\n @ViewChild('inputElement', { static: true }) inputElement!: HTMLInputElement;\n\n get checked(): boolean {\n return this._checked;\n }\n set checked(value: BooleanInput) {\n const checked = coerceBooleanProperty(value);\n\n if (checked != this.checked) {\n this._checked = checked;\n this.onChange(checked);\n this.onTouched();\n this.cdr.markForCheck();\n }\n }\n private _checked: boolean = false;\n\n /** Set autofocus for checkbox; */\n @Input()\n @InputBoolean()\n get autofocus(): boolean {\n return this._autofocus;\n }\n set autofocus(value: BooleanInput) {\n this._autofocus = coerceBooleanProperty(value);\n this.cdr.markForCheck();\n }\n private _autofocus: boolean = false;\n\n /** Set disabled state of `wr-btn`; */\n @Input()\n @InputBoolean()\n get disabled(): boolean {\n return this._disabled;\n }\n set disabled(value: BooleanInput) {\n this._disabled = coerceBooleanProperty(value);\n this.cdr.markForCheck();\n }\n private _disabled: boolean = false;\n\n get focused(): boolean {\n return this._focused;\n }\n set focused(value: BooleanInput) {\n this._focused = coerceBooleanProperty(value);\n this.cdr.markForCheck();\n }\n private _focused: boolean = false;\n\n // @ts-ignore\n private onChange: OnChangeType = () => {};\n // @ts-ignore\n private onTouched: OnTouchedType = () => {};\n\n /** Set element classes */\n @HostBinding('class')\n get elClasses(): SafeAny {\n return {\n 'wr-checkbox': true,\n 'wr-checkbox--checked': this.checked,\n 'wr-checkbox--focused': this.focused,\n };\n }\n\n constructor(\n private readonly cdr: ChangeDetectorRef,\n private readonly elRef: ElementRef<HTMLElement>,\n private readonly focusMonitor: FocusMonitor,\n private readonly ngZone: NgZone\n ) {\n super();\n }\n\n ngOnInit(): void {\n this.ngZone.runOutsideAngular(() => {\n this.elRef.nativeElement.addEventListener('click', this.preventEventsWhenDisabled);\n });\n }\n\n ngAfterViewInit(): void {\n this.focusMonitor.monitor(this.inputElement, true).subscribe(origin => {\n this.ngZone.run(() => (this.focused = origin !== null));\n });\n\n if (this.autofocus) {\n this.focus();\n this.cdr.markForCheck();\n }\n }\n\n override ngOnDestroy(): void {\n super.ngOnDestroy();\n this.elRef.nativeElement.removeEventListener('click', this.preventEventsWhenDisabled);\n this.focusMonitor.stopMonitoring(this.inputElement);\n }\n\n focus(origin: FocusOrigin = 'program', options?: FocusOptions): void {\n if (origin) {\n this.focusMonitor.focusVia(this.inputElement, origin, options);\n } else {\n this.inputElement.focus(options);\n }\n }\n\n writeValue(value: BooleanInput): void {\n this.checked = value;\n }\n\n registerOnChange(fn: OnChangeType): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: OnTouchedType): void {\n this.onTouched = fn;\n }\n\n setDisabledState(isDisabled: boolean): void {\n this.disabled = isDisabled;\n }\n\n /**\n * A disabled checkbox shouldn't apply any actions\n *\n * @param event\n */\n private preventEventsWhenDisabled = (event: Event): void => {\n if (this.disabled) {\n event.preventDefault();\n event.stopImmediatePropagation();\n }\n };\n}\n","<label class=\"wr-checkbox__container\">\n <input\n #inputElement\n class=\"wr-checkbox__input\"\n type=\"checkbox\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [ngModel]=\"checked\"\n (ngModelChange)=\"writeValue($event)\"\n />\n <div class=\"wr-checkbox-inner\">\n <div class=\"wr-checkbox-inner__mark\"></div>\n </div>\n <ng-content></ng-content>\n</label>\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { WrCheckbox } from './checkbox';\n\n@NgModule({\n imports: [CommonModule, FormsModule, A11yModule],\n declarations: [WrCheckbox],\n exports: [WrCheckbox],\n})\nexport class WrCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -1,26 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { Directive } from '@angular/core';
3
- import { Subject } from 'rxjs';
4
-
5
- class WrAbstractBase {
6
- constructor() {
7
- this.destroyed$ = new Subject();
8
- }
9
- ngOnDestroy() {
10
- this.destroyed$.next();
11
- this.destroyed$.complete();
12
- }
13
- }
14
- WrAbstractBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrAbstractBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
15
- WrAbstractBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: WrAbstractBase, ngImport: i0 });
16
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrAbstractBase, decorators: [{
17
- type: Directive
18
- }] });
19
-
20
- /**
21
- * Generated bundle index. Do not edit.
22
- */
23
-
24
- export { WrAbstractBase };
25
- //# sourceMappingURL=ngwr-core-abstract.mjs.map
26
- //# sourceMappingURL=ngwr-core-abstract.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ngwr-core-color.mjs","sources":["../../../projects/lib/core/color/color.ts","../../../projects/lib/core/color/is-theme-color.ts","../../../projects/lib/core/color/ngwr-core-color.ts"],"sourcesContent":["export const wrThemeColors = [\n 'primary',\n 'secondary',\n 'success',\n 'warning',\n 'danger',\n 'light',\n 'medium',\n 'dark',\n] as const;\n\nexport type WrThemeColor = typeof wrThemeColors[number];\n","import { SafeAny } from 'ngwr/core/types';\n\nimport { wrThemeColors, WrThemeColor } from './color';\n\nexport function isThemeColor(color: string): color is WrThemeColor {\n const is: boolean = wrThemeColors.indexOf(color as SafeAny) !== -1;\n\n if (!is) {\n console.warn(`${color} is not NGWR theme color`);\n }\n\n return is;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAa,MAAA,aAAa,GAAG;IAC3B,SAAS;IACT,WAAW;IACX,SAAS;IACT,SAAS;IACT,QAAQ;IACR,OAAO;IACP,QAAQ;IACR,MAAM;;;ACJF,SAAU,YAAY,CAAC,KAAa,EAAA;IACxC,MAAM,EAAE,GAAY,aAAa,CAAC,OAAO,CAAC,KAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;IAEnE,IAAI,CAAC,EAAE,EAAE;AACP,QAAA,OAAO,CAAC,IAAI,CAAC,GAAG,KAAK,CAAA,wBAAA,CAA0B,CAAC,CAAC;AAClD,KAAA;AAED,IAAA,OAAO,EAAE,CAAC;AACZ;;ACZA;;AAEG;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ngwr-core-decorators.mjs","sources":["../../../projects/lib/core/decorators/input-boolean.ts","../../../projects/lib/core/decorators/ngwr-core-decorators.ts"],"sourcesContent":["import { coerceBooleanProperty } from '@angular/cdk/coercion';\n\nimport { SafeAny } from 'ngwr/core/types';\n\nexport function InputBoolean(): PropertyDecorator {\n return (target: SafeAny, propertyKey: string | symbol): void => {\n const coercedBooleanKey = `$$__wr__${String(propertyKey)}`;\n\n Object.defineProperty(target, propertyKey, {\n get: function (): boolean {\n return this[coercedBooleanKey] || false;\n },\n set: function (value: boolean | unknown): void {\n this[coercedBooleanKey] = coerceBooleanProperty(value);\n },\n });\n };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;SAIgB,YAAY,GAAA;AAC1B,IAAA,OAAO,CAAC,MAAe,EAAE,WAA4B,KAAU;QAC7D,MAAM,iBAAiB,GAAG,CAAW,QAAA,EAAA,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC;AAE3D,QAAA,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,WAAW,EAAE;AACzC,YAAA,GAAG,EAAE,YAAA;AACH,gBAAA,OAAO,IAAI,CAAC,iBAAiB,CAAC,IAAI,KAAK,CAAC;aACzC;YACD,GAAG,EAAE,UAAU,KAAwB,EAAA;gBACrC,IAAI,CAAC,iBAAiB,CAAC,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;aACxD;AACF,SAAA,CAAC,CAAC;AACL,KAAC,CAAC;AACJ;;ACjBA;;AAEG;;;;"}
@@ -1,147 +0,0 @@
1
- import { __decorate } from 'tslib';
2
- import { coerceBooleanProperty } from '@angular/cdk/coercion';
3
- import * as i1 from '@angular/cdk/overlay';
4
- import { ConnectionPositionPair, CdkOverlayOrigin } from '@angular/cdk/overlay';
5
- import * as i0 from '@angular/core';
6
- import { ElementRef, Directive, Input, NgModule } from '@angular/core';
7
- import { takeUntil } from 'rxjs';
8
- import { WrAbstractBase } from 'ngwr/core/abstract';
9
- import { InputBoolean } from 'ngwr/core/decorators';
10
-
11
- const WR_POSITION_MAP = {
12
- top: new ConnectionPositionPair({ originX: 'center', originY: 'top' }, { overlayX: 'center', overlayY: 'bottom' }),
13
- topCenter: new ConnectionPositionPair({ originX: 'center', originY: 'top' }, { overlayX: 'center', overlayY: 'bottom' }),
14
- topLeft: new ConnectionPositionPair({ originX: 'start', originY: 'top' }, { overlayX: 'start', overlayY: 'bottom' }),
15
- topRight: new ConnectionPositionPair({ originX: 'end', originY: 'top' }, { overlayX: 'end', overlayY: 'bottom' }),
16
- right: new ConnectionPositionPair({ originX: 'end', originY: 'center' }, { overlayX: 'start', overlayY: 'center' }),
17
- rightTop: new ConnectionPositionPair({ originX: 'end', originY: 'top' }, { overlayX: 'start', overlayY: 'top' }),
18
- rightBottom: new ConnectionPositionPair({ originX: 'end', originY: 'bottom' }, { overlayX: 'start', overlayY: 'bottom' }),
19
- bottom: new ConnectionPositionPair({ originX: 'center', originY: 'bottom' }, { overlayX: 'center', overlayY: 'top' }),
20
- bottomCenter: new ConnectionPositionPair({ originX: 'center', originY: 'bottom' }, { overlayX: 'center', overlayY: 'top' }),
21
- bottomLeft: new ConnectionPositionPair({ originX: 'start', originY: 'bottom' }, { overlayX: 'start', overlayY: 'top' }),
22
- bottomRight: new ConnectionPositionPair({ originX: 'end', originY: 'bottom' }, { overlayX: 'end', overlayY: 'top' }),
23
- left: new ConnectionPositionPair({ originX: 'start', originY: 'center' }, { overlayX: 'end', overlayY: 'center' }),
24
- leftTop: new ConnectionPositionPair({ originX: 'start', originY: 'top' }, { overlayX: 'end', overlayY: 'top' }),
25
- leftBottom: new ConnectionPositionPair({ originX: 'start', originY: 'bottom' }, { overlayX: 'end', overlayY: 'bottom' }),
26
- };
27
-
28
- function getPlacementName(position) {
29
- for (const placement in WR_POSITION_MAP) {
30
- if (position.connectionPair.originX === WR_POSITION_MAP[placement].originX &&
31
- position.connectionPair.originY === WR_POSITION_MAP[placement].originY &&
32
- position.connectionPair.overlayX === WR_POSITION_MAP[placement].overlayX &&
33
- position.connectionPair.overlayY === WR_POSITION_MAP[placement].overlayY) {
34
- return placement;
35
- }
36
- }
37
- return undefined;
38
- }
39
-
40
- class WrConnectedOverlayDirective extends WrAbstractBase {
41
- constructor(cdkConnectedOverlay) {
42
- super();
43
- this.cdkConnectedOverlay = cdkConnectedOverlay;
44
- this._arrowPointAtCenter = false;
45
- this.cdkConnectedOverlay.backdropClass = 'wr-overlay__backdrop--transparent';
46
- this.cdkConnectedOverlay.positionChange
47
- .pipe(takeUntil(this.destroyed$))
48
- .subscribe((position) => {
49
- if (this.wrArrowPointAtCenter) {
50
- this.updateArrowPosition(position);
51
- }
52
- });
53
- }
54
- get wrArrowPointAtCenter() {
55
- return this._arrowPointAtCenter;
56
- }
57
- set wrArrowPointAtCenter(value) {
58
- this._arrowPointAtCenter = coerceBooleanProperty(value);
59
- }
60
- updateArrowPosition(position) {
61
- const originRect = this.getOriginRect();
62
- const placement = getPlacementName(position);
63
- let offsetX = 0;
64
- let offsetY = 0;
65
- if (placement === 'topLeft' || placement === 'bottomLeft') {
66
- offsetX = originRect.width / 2 - 14;
67
- }
68
- else if (placement === 'topRight' || placement === 'bottomRight') {
69
- offsetX = -(originRect.width / 2 - 14);
70
- }
71
- else if (placement === 'leftTop' || placement === 'rightTop') {
72
- offsetY = originRect.height / 2 - 10;
73
- }
74
- else if (placement === 'leftBottom' || placement === 'rightBottom') {
75
- offsetY = -(originRect.height / 2 - 10);
76
- }
77
- if (this.cdkConnectedOverlay.offsetX !== offsetX || this.cdkConnectedOverlay.offsetY !== offsetY) {
78
- this.cdkConnectedOverlay.offsetY = offsetY;
79
- this.cdkConnectedOverlay.offsetX = offsetX;
80
- this.cdkConnectedOverlay.overlayRef.updatePosition();
81
- }
82
- }
83
- getFlexibleConnectedPositionStrategyOrigin() {
84
- if (this.cdkConnectedOverlay.origin instanceof CdkOverlayOrigin) {
85
- return this.cdkConnectedOverlay.origin.elementRef;
86
- }
87
- else {
88
- return this.cdkConnectedOverlay.origin;
89
- }
90
- }
91
- getOriginRect() {
92
- const origin = this.getFlexibleConnectedPositionStrategyOrigin();
93
- if (origin instanceof ElementRef) {
94
- return origin.nativeElement.getBoundingClientRect();
95
- }
96
- // Check for Element so SVG elements are also supported.
97
- if (origin instanceof Element) {
98
- return origin.getBoundingClientRect();
99
- }
100
- const width = origin.width || 0;
101
- const height = origin.height || 0;
102
- // If the origin is a point, return a dom rect as if it was a 0x0 element at the point.
103
- return {
104
- top: origin.y,
105
- bottom: origin.y + height,
106
- left: origin.x,
107
- right: origin.x + width,
108
- height,
109
- width,
110
- };
111
- }
112
- }
113
- WrConnectedOverlayDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrConnectedOverlayDirective, deps: [{ token: i1.CdkConnectedOverlay }], target: i0.ɵɵFactoryTarget.Directive });
114
- WrConnectedOverlayDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: WrConnectedOverlayDirective, selector: "[cdkConnectedOverlay][wrConnectedOverlay]", inputs: { wrArrowPointAtCenter: "wrArrowPointAtCenter" }, exportAs: ["wrConnectedOverlay"], usesInheritance: true, ngImport: i0 });
115
- __decorate([
116
- InputBoolean()
117
- ], WrConnectedOverlayDirective.prototype, "wrArrowPointAtCenter", null);
118
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrConnectedOverlayDirective, decorators: [{
119
- type: Directive,
120
- args: [{
121
- selector: '[cdkConnectedOverlay][wrConnectedOverlay]',
122
- exportAs: 'wrConnectedOverlay',
123
- }]
124
- }], ctorParameters: function () { return [{ type: i1.CdkConnectedOverlay }]; }, propDecorators: { wrArrowPointAtCenter: [{
125
- type: Input
126
- }] } });
127
-
128
- class WrOverlayModule {
129
- }
130
- WrOverlayModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrOverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
131
- WrOverlayModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: WrOverlayModule, declarations: [WrConnectedOverlayDirective], exports: [WrConnectedOverlayDirective] });
132
- WrOverlayModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrOverlayModule });
133
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrOverlayModule, decorators: [{
134
- type: NgModule,
135
- args: [{
136
- declarations: [WrConnectedOverlayDirective],
137
- exports: [WrConnectedOverlayDirective],
138
- }]
139
- }] });
140
-
141
- /**
142
- * Generated bundle index. Do not edit.
143
- */
144
-
145
- export { WR_POSITION_MAP, WrConnectedOverlayDirective, WrOverlayModule, getPlacementName };
146
- //# sourceMappingURL=ngwr-core-overlay.mjs.map
147
- //# sourceMappingURL=ngwr-core-overlay.mjs.map