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.
- package/button/button.d.ts +1 -1
- package/checkbox/checkbox.d.ts +1 -1
- package/core/color/color.d.ts +1 -1
- package/core/overlay/connected-overlay-directive.d.ts +1 -1
- package/core/overlay/position-type.d.ts +1 -1
- package/core/types/on-change-type.d.ts +1 -1
- package/core/types/on-touched-type.d.ts +1 -1
- package/core/types/safe-any.d.ts +1 -1
- package/dialog/dialog-content-directives.d.ts +1 -1
- package/divider/divider.d.ts +1 -1
- package/{esm2020 → esm2022}/button/button-module.mjs +5 -5
- package/esm2022/button/button.mjs +187 -0
- package/{esm2020 → esm2022}/checkbox/checkbox-module.mjs +5 -5
- package/esm2022/checkbox/checkbox.mjs +154 -0
- package/{esm2020 → esm2022}/core/abstract/base.mjs +4 -4
- package/esm2022/core/overlay/connected-overlay-directive.mjs +98 -0
- package/{esm2020 → esm2022}/core/overlay/overlay-module.mjs +5 -5
- package/{esm2020 → esm2022}/dialog/dialog-base.mjs +4 -4
- package/esm2022/dialog/dialog-container.mjs +58 -0
- package/esm2022/dialog/dialog-content-directives.mjs +98 -0
- package/{esm2020 → esm2022}/dialog/dialog-module.mjs +5 -5
- package/{esm2020 → esm2022}/dialog/dialog-service.mjs +11 -11
- package/{esm2020 → esm2022}/divider/divider-module.mjs +5 -5
- package/esm2022/divider/divider.mjs +100 -0
- package/{esm2020 → esm2022}/form/form-error.mjs +4 -4
- package/esm2022/form/form-item.mjs +46 -0
- package/{esm2020 → esm2022}/form/form-module.mjs +5 -5
- package/{esm2020 → esm2022}/icon/icon-module.mjs +5 -5
- package/esm2022/icon/icon-service.mjs +21 -0
- package/esm2022/icon/icon.mjs +60 -0
- package/{esm2020 → esm2022}/input/input-module.mjs +5 -5
- package/esm2022/input/input.mjs +240 -0
- package/{esm2020 → esm2022}/skeleton/skeleton-module.mjs +5 -5
- package/{esm2020 → esm2022}/skeleton/skeleton.mjs +4 -4
- package/{esm2020 → esm2022}/spinner/spinner-module.mjs +5 -5
- package/{esm2020 → esm2022}/spinner/spinner.mjs +4 -4
- package/{esm2020 → esm2022}/tag/tag-module.mjs +5 -5
- package/{esm2020 → esm2022}/tag/tag.mjs +4 -4
- package/esm2022/tooltip/tooltip-component.mjs +93 -0
- package/esm2022/tooltip/tooltip-directive.mjs +85 -0
- package/{esm2020 → esm2022}/tooltip/tooltip-module.mjs +5 -5
- package/{fesm2015 → fesm2022}/ngwr-button.mjs +29 -30
- package/{fesm2020 → fesm2022}/ngwr-button.mjs.map +1 -1
- package/{fesm2015 → fesm2022}/ngwr-checkbox.mjs +39 -40
- package/fesm2022/ngwr-checkbox.mjs.map +1 -0
- package/{fesm2015 → fesm2022}/ngwr-core-abstract.mjs +3 -4
- package/{fesm2020 → fesm2022}/ngwr-core-abstract.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/ngwr-core-color.mjs +0 -1
- package/{fesm2020 → fesm2022}/ngwr-core-decorators.mjs +0 -1
- package/{fesm2015 → fesm2022}/ngwr-core-overlay.mjs +13 -14
- package/{fesm2015 → fesm2022}/ngwr-core-overlay.mjs.map +1 -1
- package/{fesm2015 → fesm2022}/ngwr-core-types.mjs +0 -1
- package/{fesm2020 → fesm2022}/ngwr-dialog.mjs +44 -45
- package/{fesm2020 → fesm2022}/ngwr-dialog.mjs.map +1 -1
- package/{fesm2015 → fesm2022}/ngwr-divider.mjs +15 -16
- package/{fesm2015 → fesm2022}/ngwr-divider.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/ngwr-form.mjs +14 -15
- package/fesm2022/ngwr-form.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ngwr-icon.mjs +16 -16
- package/{fesm2015 → fesm2022}/ngwr-icon.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/ngwr-input.mjs +41 -42
- package/fesm2022/ngwr-input.mjs.map +1 -0
- package/{fesm2015 → fesm2022}/ngwr-skeleton.mjs +7 -8
- package/{fesm2020 → fesm2022}/ngwr-skeleton.mjs.map +1 -1
- package/fesm2022/ngwr-spinner.mjs +43 -0
- package/fesm2022/ngwr-spinner.mjs.map +1 -0
- package/{fesm2015 → fesm2022}/ngwr-tag.mjs +7 -8
- package/{fesm2020 → fesm2022}/ngwr-tag.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/ngwr-tooltip.mjs +26 -27
- package/{fesm2015 → fesm2022}/ngwr-tooltip.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/ngwr.mjs +0 -1
- package/form/form-item.d.ts +1 -1
- package/icon/icon.d.ts +1 -1
- package/icon/icons.d.ts +2 -2
- package/input/input-types.d.ts +3 -3
- package/input/input.d.ts +1 -1
- package/package.json +76 -114
- package/skeleton/skeleton.d.ts +1 -1
- package/styles/grid.scss +97 -34
- package/styles/root.scss +3 -3
- package/tag/tag.d.ts +1 -1
- package/tooltip/tooltip-component.d.ts +1 -1
- package/tooltip/tooltip-directive.d.ts +1 -1
- package/tooltip/tooltip-trigger.d.ts +1 -1
- package/esm2020/button/button.mjs +0 -187
- package/esm2020/checkbox/checkbox.mjs +0 -154
- package/esm2020/core/overlay/connected-overlay-directive.mjs +0 -98
- package/esm2020/dialog/dialog-container.mjs +0 -58
- package/esm2020/dialog/dialog-content-directives.mjs +0 -98
- package/esm2020/divider/divider.mjs +0 -100
- package/esm2020/form/form-item.mjs +0 -46
- package/esm2020/icon/icon-service.mjs +0 -21
- package/esm2020/icon/icon.mjs +0 -60
- package/esm2020/input/input.mjs +0 -240
- package/esm2020/tooltip/tooltip-component.mjs +0 -93
- package/esm2020/tooltip/tooltip-directive.mjs +0 -85
- package/fesm2015/ngwr-button.mjs.map +0 -1
- package/fesm2015/ngwr-checkbox.mjs.map +0 -1
- package/fesm2015/ngwr-core-abstract.mjs.map +0 -1
- package/fesm2015/ngwr-core-color.mjs +0 -26
- package/fesm2015/ngwr-core-decorators.mjs +0 -23
- package/fesm2015/ngwr-dialog.mjs +0 -454
- package/fesm2015/ngwr-dialog.mjs.map +0 -1
- package/fesm2015/ngwr-form.mjs +0 -90
- package/fesm2015/ngwr-form.mjs.map +0 -1
- package/fesm2015/ngwr-icon.mjs +0 -567
- package/fesm2015/ngwr-input.mjs +0 -263
- package/fesm2015/ngwr-input.mjs.map +0 -1
- package/fesm2015/ngwr-skeleton.mjs.map +0 -1
- package/fesm2015/ngwr-spinner.mjs +0 -44
- package/fesm2015/ngwr-spinner.mjs.map +0 -1
- package/fesm2015/ngwr-tag.mjs.map +0 -1
- package/fesm2015/ngwr-tooltip.mjs +0 -208
- package/fesm2015/ngwr.mjs +0 -8
- package/fesm2020/ngwr-button.mjs +0 -212
- package/fesm2020/ngwr-checkbox.mjs +0 -178
- package/fesm2020/ngwr-checkbox.mjs.map +0 -1
- package/fesm2020/ngwr-core-abstract.mjs +0 -26
- package/fesm2020/ngwr-core-color.mjs.map +0 -1
- package/fesm2020/ngwr-core-decorators.mjs.map +0 -1
- package/fesm2020/ngwr-core-overlay.mjs +0 -147
- package/fesm2020/ngwr-core-overlay.mjs.map +0 -1
- package/fesm2020/ngwr-core-types.mjs +0 -5
- package/fesm2020/ngwr-core-types.mjs.map +0 -1
- package/fesm2020/ngwr-divider.mjs +0 -121
- package/fesm2020/ngwr-divider.mjs.map +0 -1
- package/fesm2020/ngwr-form.mjs.map +0 -1
- package/fesm2020/ngwr-icon.mjs.map +0 -1
- package/fesm2020/ngwr-input.mjs.map +0 -1
- package/fesm2020/ngwr-skeleton.mjs +0 -67
- package/fesm2020/ngwr-spinner.mjs +0 -44
- package/fesm2020/ngwr-spinner.mjs.map +0 -1
- package/fesm2020/ngwr-tag.mjs +0 -105
- package/fesm2020/ngwr-tooltip.mjs.map +0 -1
- package/fesm2020/ngwr.mjs.map +0 -1
- /package/{esm2020 → esm2022}/button/index.mjs +0 -0
- /package/{esm2020 → esm2022}/button/ngwr-button.mjs +0 -0
- /package/{esm2020 → esm2022}/checkbox/index.mjs +0 -0
- /package/{esm2020 → esm2022}/checkbox/ngwr-checkbox.mjs +0 -0
- /package/{esm2020 → esm2022}/core/abstract/index.mjs +0 -0
- /package/{esm2020 → esm2022}/core/abstract/ngwr-core-abstract.mjs +0 -0
- /package/{esm2020 → esm2022}/core/color/color.mjs +0 -0
- /package/{esm2020 → esm2022}/core/color/index.mjs +0 -0
- /package/{esm2020 → esm2022}/core/color/is-theme-color.mjs +0 -0
- /package/{esm2020 → esm2022}/core/color/ngwr-core-color.mjs +0 -0
- /package/{esm2020 → esm2022}/core/decorators/index.mjs +0 -0
- /package/{esm2020 → esm2022}/core/decorators/input-boolean.mjs +0 -0
- /package/{esm2020 → esm2022}/core/decorators/ngwr-core-decorators.mjs +0 -0
- /package/{esm2020 → esm2022}/core/overlay/get-placement-name.mjs +0 -0
- /package/{esm2020 → esm2022}/core/overlay/index.mjs +0 -0
- /package/{esm2020 → esm2022}/core/overlay/ngwr-core-overlay.mjs +0 -0
- /package/{esm2020 → esm2022}/core/overlay/position-map.mjs +0 -0
- /package/{esm2020 → esm2022}/core/overlay/position-type.mjs +0 -0
- /package/{esm2020 → esm2022}/core/types/index.mjs +0 -0
- /package/{esm2020 → esm2022}/core/types/ng-style-interface.mjs +0 -0
- /package/{esm2020 → esm2022}/core/types/ngwr-core-types.mjs +0 -0
- /package/{esm2020 → esm2022}/core/types/on-change-type.mjs +0 -0
- /package/{esm2020 → esm2022}/core/types/on-touched-type.mjs +0 -0
- /package/{esm2020 → esm2022}/core/types/property-mapping.mjs +0 -0
- /package/{esm2020 → esm2022}/core/types/safe-any.mjs +0 -0
- /package/{esm2020 → esm2022}/dialog/dialog-animations.mjs +0 -0
- /package/{esm2020 → esm2022}/dialog/dialog-config.mjs +0 -0
- /package/{esm2020 → esm2022}/dialog/dialog-ref.mjs +0 -0
- /package/{esm2020 → esm2022}/dialog/dialog-tokens.mjs +0 -0
- /package/{esm2020 → esm2022}/dialog/index.mjs +0 -0
- /package/{esm2020 → esm2022}/dialog/ngwr-dialog.mjs +0 -0
- /package/{esm2020 → esm2022}/divider/index.mjs +0 -0
- /package/{esm2020 → esm2022}/divider/ngwr-divider.mjs +0 -0
- /package/{esm2020 → esm2022}/form/index.mjs +0 -0
- /package/{esm2020 → esm2022}/form/ngwr-form.mjs +0 -0
- /package/{esm2020 → esm2022}/icon/icons.mjs +0 -0
- /package/{esm2020 → esm2022}/icon/index.mjs +0 -0
- /package/{esm2020 → esm2022}/icon/ngwr-icon.mjs +0 -0
- /package/{esm2020 → esm2022}/index.mjs +0 -0
- /package/{esm2020 → esm2022}/input/index.mjs +0 -0
- /package/{esm2020 → esm2022}/input/input-types.mjs +0 -0
- /package/{esm2020 → esm2022}/input/ngwr-input.mjs +0 -0
- /package/{esm2020 → esm2022}/ngwr.mjs +0 -0
- /package/{esm2020 → esm2022}/skeleton/index.mjs +0 -0
- /package/{esm2020 → esm2022}/skeleton/ngwr-skeleton.mjs +0 -0
- /package/{esm2020 → esm2022}/spinner/index.mjs +0 -0
- /package/{esm2020 → esm2022}/spinner/ngwr-spinner.mjs +0 -0
- /package/{esm2020 → esm2022}/tag/index.mjs +0 -0
- /package/{esm2020 → esm2022}/tag/ngwr-tag.mjs +0 -0
- /package/{esm2020 → esm2022}/tooltip/index.mjs +0 -0
- /package/{esm2020 → esm2022}/tooltip/ngwr-tooltip.mjs +0 -0
- /package/{esm2020 → esm2022}/tooltip/tooltip-default-positions.mjs +0 -0
- /package/{esm2020 → esm2022}/tooltip/tooltip-trigger.mjs +0 -0
- /package/{fesm2015 → fesm2022}/ngwr-core-color.mjs.map +0 -0
- /package/{fesm2015 → fesm2022}/ngwr-core-decorators.mjs.map +0 -0
- /package/{fesm2015 → fesm2022}/ngwr-core-types.mjs.map +0 -0
- /package/{fesm2015 → fesm2022}/ngwr.mjs.map +0 -0
package/fesm2015/ngwr-input.mjs
DELETED
|
@@ -1,263 +0,0 @@
|
|
|
1
|
-
import { __decorate } from 'tslib';
|
|
2
|
-
import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
|
|
3
|
-
import * as i0 from '@angular/core';
|
|
4
|
-
import { forwardRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, ViewChild, HostBinding, NgModule } from '@angular/core';
|
|
5
|
-
import * as i3 from '@angular/forms';
|
|
6
|
-
import { NG_VALUE_ACCESSOR, NG_VALIDATORS, FormsModule } from '@angular/forms';
|
|
7
|
-
import { fromEvent } from 'rxjs';
|
|
8
|
-
import { takeUntil } from 'rxjs/operators';
|
|
9
|
-
import { WrAbstractBase } from 'ngwr/core/abstract';
|
|
10
|
-
import { InputBoolean } from 'ngwr/core/decorators';
|
|
11
|
-
import * as i1 from '@angular/cdk/a11y';
|
|
12
|
-
import * as i2 from '@angular/common';
|
|
13
|
-
import { CommonModule } from '@angular/common';
|
|
14
|
-
import * as i4 from 'ngwr/icon';
|
|
15
|
-
import { WrIconModule } from 'ngwr/icon';
|
|
16
|
-
|
|
17
|
-
class WrInput extends WrAbstractBase {
|
|
18
|
-
constructor(cdr, elRef, focusMonitor, ngZone) {
|
|
19
|
-
super();
|
|
20
|
-
this.cdr = cdr;
|
|
21
|
-
this.elRef = elRef;
|
|
22
|
-
this.focusMonitor = focusMonitor;
|
|
23
|
-
this.ngZone = ngZone;
|
|
24
|
-
this.placeholder = '';
|
|
25
|
-
this.prefix = null;
|
|
26
|
-
this.suffix = null;
|
|
27
|
-
this.passwordIcons = false;
|
|
28
|
-
this.eyeOn = true;
|
|
29
|
-
this._value = '';
|
|
30
|
-
this._disabled = false;
|
|
31
|
-
this._readonly = false;
|
|
32
|
-
this._required = false;
|
|
33
|
-
this._autofocus = false;
|
|
34
|
-
this._focused = false;
|
|
35
|
-
this._autocomplete = 'off';
|
|
36
|
-
this._type = 'text';
|
|
37
|
-
this._mode = 'text';
|
|
38
|
-
this.onChangeCallback = () => { };
|
|
39
|
-
this.onTouchedCallback = () => { };
|
|
40
|
-
}
|
|
41
|
-
get type() {
|
|
42
|
-
return this._type;
|
|
43
|
-
}
|
|
44
|
-
set type(type) {
|
|
45
|
-
this._type = type;
|
|
46
|
-
}
|
|
47
|
-
get inputmode() {
|
|
48
|
-
return this._mode;
|
|
49
|
-
}
|
|
50
|
-
set inputmode(mode) {
|
|
51
|
-
this._mode = mode;
|
|
52
|
-
}
|
|
53
|
-
get disabled() {
|
|
54
|
-
return this._disabled;
|
|
55
|
-
}
|
|
56
|
-
set disabled(disabled) {
|
|
57
|
-
this._disabled = coerceBooleanProperty(disabled);
|
|
58
|
-
this.cdr.markForCheck();
|
|
59
|
-
}
|
|
60
|
-
get readonly() {
|
|
61
|
-
return this._readonly;
|
|
62
|
-
}
|
|
63
|
-
set readonly(readonly) {
|
|
64
|
-
this._readonly = coerceBooleanProperty(readonly);
|
|
65
|
-
}
|
|
66
|
-
get required() {
|
|
67
|
-
return this._required;
|
|
68
|
-
}
|
|
69
|
-
set required(required) {
|
|
70
|
-
this._required = coerceBooleanProperty(required);
|
|
71
|
-
}
|
|
72
|
-
get autofocus() {
|
|
73
|
-
return this._autofocus;
|
|
74
|
-
}
|
|
75
|
-
set autofocus(autofocus) {
|
|
76
|
-
this._autofocus = coerceBooleanProperty(autofocus);
|
|
77
|
-
}
|
|
78
|
-
get autocomplete() {
|
|
79
|
-
return this._autocomplete;
|
|
80
|
-
}
|
|
81
|
-
set autocomplete(autofocus) {
|
|
82
|
-
this._autocomplete = autofocus;
|
|
83
|
-
}
|
|
84
|
-
get value() {
|
|
85
|
-
return this.type === 'number' ? this.valueAsNumber : this._value;
|
|
86
|
-
}
|
|
87
|
-
set value(val) {
|
|
88
|
-
if (val !== this._value) {
|
|
89
|
-
this._value = val;
|
|
90
|
-
this.onChangeCallback(this.value);
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
get valueAsString() {
|
|
94
|
-
if (this._value == null || typeof this._value === 'undefined')
|
|
95
|
-
return '';
|
|
96
|
-
return String(this._value);
|
|
97
|
-
}
|
|
98
|
-
get valueAsNumber() {
|
|
99
|
-
return coerceNumberProperty(this._value);
|
|
100
|
-
}
|
|
101
|
-
get isBadInput() {
|
|
102
|
-
var _a, _b;
|
|
103
|
-
const validity = (_b = (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.validity;
|
|
104
|
-
return validity && validity.badInput;
|
|
105
|
-
}
|
|
106
|
-
get elClasses() {
|
|
107
|
-
return {
|
|
108
|
-
'wr-input': true,
|
|
109
|
-
'wr-input--has-prefix': this.prefix,
|
|
110
|
-
'wr-input--has-suffix': this.suffix,
|
|
111
|
-
'wr-input--password': this.passwordIcons,
|
|
112
|
-
'wr-input--disabled': this.disabled,
|
|
113
|
-
};
|
|
114
|
-
}
|
|
115
|
-
ngOnInit() {
|
|
116
|
-
this.ngZone.runOutsideAngular(() => {
|
|
117
|
-
fromEvent(this.elRef.nativeElement, 'click')
|
|
118
|
-
.pipe(takeUntil(this.destroyed$))
|
|
119
|
-
.subscribe(event => {
|
|
120
|
-
event.preventDefault();
|
|
121
|
-
this.onFocus();
|
|
122
|
-
if (this.disabled) {
|
|
123
|
-
event.stopImmediatePropagation();
|
|
124
|
-
return;
|
|
125
|
-
}
|
|
126
|
-
});
|
|
127
|
-
fromEvent(this.inputElement.nativeElement, 'click')
|
|
128
|
-
.pipe(takeUntil(this.destroyed$))
|
|
129
|
-
.subscribe(event => event.stopPropagation());
|
|
130
|
-
});
|
|
131
|
-
}
|
|
132
|
-
ngAfterViewInit() {
|
|
133
|
-
if (this.autofocus) {
|
|
134
|
-
this.onFocus();
|
|
135
|
-
this.cdr.markForCheck();
|
|
136
|
-
}
|
|
137
|
-
}
|
|
138
|
-
ngOnDestroy() {
|
|
139
|
-
super.ngOnDestroy();
|
|
140
|
-
this.focusMonitor.stopMonitoring(this.elRef);
|
|
141
|
-
}
|
|
142
|
-
onFocus(event) {
|
|
143
|
-
if (event) {
|
|
144
|
-
event.stopPropagation();
|
|
145
|
-
}
|
|
146
|
-
this._focused = true;
|
|
147
|
-
this.focusMonitor.focusVia(this.inputElement, 'keyboard');
|
|
148
|
-
}
|
|
149
|
-
onBlur(event) {
|
|
150
|
-
if (event) {
|
|
151
|
-
event.stopPropagation();
|
|
152
|
-
}
|
|
153
|
-
this._focused = false;
|
|
154
|
-
// this.inputElement.nativeElement.blur();
|
|
155
|
-
this.onTouchedCallback();
|
|
156
|
-
}
|
|
157
|
-
validate(control) {
|
|
158
|
-
return Object.assign({}, (this.isBadInput ? { badInput: true } : null));
|
|
159
|
-
}
|
|
160
|
-
writeValue(value) {
|
|
161
|
-
if (value !== this._value) {
|
|
162
|
-
this._value = value;
|
|
163
|
-
}
|
|
164
|
-
this.cdr.markForCheck();
|
|
165
|
-
}
|
|
166
|
-
registerOnChange(fn) {
|
|
167
|
-
this.onChangeCallback = fn;
|
|
168
|
-
}
|
|
169
|
-
registerOnTouched(fn) {
|
|
170
|
-
this.onTouchedCallback = fn;
|
|
171
|
-
}
|
|
172
|
-
onPasswordVisibilityChange() {
|
|
173
|
-
this.type === 'password' ? (this.type = 'text') : (this.type = 'password');
|
|
174
|
-
this.eyeOn = !this.eyeOn;
|
|
175
|
-
this.onFocus();
|
|
176
|
-
}
|
|
177
|
-
setDisabledState(isDisabled) {
|
|
178
|
-
this.disabled = coerceBooleanProperty(isDisabled);
|
|
179
|
-
}
|
|
180
|
-
}
|
|
181
|
-
WrInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrInput, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.FocusMonitor }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
182
|
-
WrInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: WrInput, selector: "wr-input", inputs: { placeholder: "placeholder", prefix: "prefix", suffix: "suffix", passwordIcons: "passwordIcons", type: "type", inputmode: "inputmode", disabled: "disabled", readonly: "readonly", required: "required", autofocus: "autofocus", autocomplete: "autocomplete", value: "value" }, host: { properties: { "class": "this.elClasses" } }, providers: [
|
|
183
|
-
{
|
|
184
|
-
provide: NG_VALUE_ACCESSOR,
|
|
185
|
-
useExisting: forwardRef(() => WrInput),
|
|
186
|
-
multi: true,
|
|
187
|
-
},
|
|
188
|
-
{
|
|
189
|
-
provide: NG_VALIDATORS,
|
|
190
|
-
useExisting: forwardRef(() => WrInput),
|
|
191
|
-
multi: true,
|
|
192
|
-
},
|
|
193
|
-
], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, static: true }], exportAs: ["wrInput"], usesInheritance: true, ngImport: i0, template: "<div class=\"wr-input-prefix\" *ngIf=\"prefix\">\n <span class=\"wr-input-prefix__text\">{{ prefix }}</span>\n</div>\n<div class=\"wr-input-el\">\n <div *ngIf=\"passwordIcons\" class=\"wr-input-el-icon\" (click)=\"onPasswordVisibilityChange()\">\n <wr-icon class=\"wr-input-el-icon__icon\" [name]=\"eyeOn ? 'eye' : 'eye-off'\"></wr-icon>\n </div>\n <input\n #inputElement\n class=\"wr-input-el__native\"\n [ngModel]=\"valueAsString\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [type]=\"type\"\n [attr.autocomplete]=\"autocomplete\"\n [attr.inputmode]=\"inputmode\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n (ngModelChange)=\"value = $event\"\n />\n</div>\n<div class=\"wr-input-suffix\" *ngIf=\"suffix\">\n <span class=\"wr-input-suffix__text\">{{ suffix }}</span>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.WrIcon, selector: "wr-icon[name]", inputs: ["name"], exportAs: ["wrIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
194
|
-
__decorate([
|
|
195
|
-
InputBoolean()
|
|
196
|
-
], WrInput.prototype, "passwordIcons", void 0);
|
|
197
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrInput, decorators: [{
|
|
198
|
-
type: Component,
|
|
199
|
-
args: [{ selector: 'wr-input', exportAs: 'wrInput', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
|
|
200
|
-
{
|
|
201
|
-
provide: NG_VALUE_ACCESSOR,
|
|
202
|
-
useExisting: forwardRef(() => WrInput),
|
|
203
|
-
multi: true,
|
|
204
|
-
},
|
|
205
|
-
{
|
|
206
|
-
provide: NG_VALIDATORS,
|
|
207
|
-
useExisting: forwardRef(() => WrInput),
|
|
208
|
-
multi: true,
|
|
209
|
-
},
|
|
210
|
-
], template: "<div class=\"wr-input-prefix\" *ngIf=\"prefix\">\n <span class=\"wr-input-prefix__text\">{{ prefix }}</span>\n</div>\n<div class=\"wr-input-el\">\n <div *ngIf=\"passwordIcons\" class=\"wr-input-el-icon\" (click)=\"onPasswordVisibilityChange()\">\n <wr-icon class=\"wr-input-el-icon__icon\" [name]=\"eyeOn ? 'eye' : 'eye-off'\"></wr-icon>\n </div>\n <input\n #inputElement\n class=\"wr-input-el__native\"\n [ngModel]=\"valueAsString\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [type]=\"type\"\n [attr.autocomplete]=\"autocomplete\"\n [attr.inputmode]=\"inputmode\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n (ngModelChange)=\"value = $event\"\n />\n</div>\n<div class=\"wr-input-suffix\" *ngIf=\"suffix\">\n <span class=\"wr-input-suffix__text\">{{ suffix }}</span>\n</div>\n" }]
|
|
211
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.FocusMonitor }, { type: i0.NgZone }]; }, propDecorators: { placeholder: [{
|
|
212
|
-
type: Input
|
|
213
|
-
}], prefix: [{
|
|
214
|
-
type: Input
|
|
215
|
-
}], suffix: [{
|
|
216
|
-
type: Input
|
|
217
|
-
}], passwordIcons: [{
|
|
218
|
-
type: Input
|
|
219
|
-
}], type: [{
|
|
220
|
-
type: Input
|
|
221
|
-
}], inputmode: [{
|
|
222
|
-
type: Input
|
|
223
|
-
}], disabled: [{
|
|
224
|
-
type: Input
|
|
225
|
-
}], readonly: [{
|
|
226
|
-
type: Input
|
|
227
|
-
}], required: [{
|
|
228
|
-
type: Input
|
|
229
|
-
}], autofocus: [{
|
|
230
|
-
type: Input
|
|
231
|
-
}], autocomplete: [{
|
|
232
|
-
type: Input
|
|
233
|
-
}], value: [{
|
|
234
|
-
type: Input
|
|
235
|
-
}], inputElement: [{
|
|
236
|
-
type: ViewChild,
|
|
237
|
-
args: ['inputElement', { static: true }]
|
|
238
|
-
}], elClasses: [{
|
|
239
|
-
type: HostBinding,
|
|
240
|
-
args: ['class']
|
|
241
|
-
}] } });
|
|
242
|
-
|
|
243
|
-
class WrInputModule {
|
|
244
|
-
}
|
|
245
|
-
WrInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
246
|
-
WrInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: WrInputModule, declarations: [WrInput], imports: [CommonModule, FormsModule, WrIconModule], exports: [WrInput] });
|
|
247
|
-
WrInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrInputModule, imports: [CommonModule, FormsModule, WrIconModule] });
|
|
248
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrInputModule, decorators: [{
|
|
249
|
-
type: NgModule,
|
|
250
|
-
args: [{
|
|
251
|
-
imports: [CommonModule, FormsModule, WrIconModule],
|
|
252
|
-
declarations: [WrInput],
|
|
253
|
-
exports: [WrInput],
|
|
254
|
-
}]
|
|
255
|
-
}] });
|
|
256
|
-
|
|
257
|
-
/**
|
|
258
|
-
* Generated bundle index. Do not edit.
|
|
259
|
-
*/
|
|
260
|
-
|
|
261
|
-
export { WrInput, WrInputModule };
|
|
262
|
-
//# sourceMappingURL=ngwr-input.mjs.map
|
|
263
|
-
//# sourceMappingURL=ngwr-input.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ngwr-input.mjs","sources":["../../../projects/lib/input/input.ts","../../../projects/lib/input/input.html","../../../projects/lib/input/input-module.ts","../../../projects/lib/input/ngwr-input.ts"],"sourcesContent":["import { FocusMonitor } from '@angular/cdk/a11y';\nimport { BooleanInput, coerceBooleanProperty, coerceNumberProperty } 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 {\n AbstractControl,\n ControlValueAccessor,\n NG_VALIDATORS,\n NG_VALUE_ACCESSOR,\n ValidationErrors,\n Validator,\n} from '@angular/forms';\nimport { fromEvent } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { WrAbstractBase } from 'ngwr/core/abstract';\nimport { InputBoolean } from 'ngwr/core/decorators';\nimport { OnChangeType, OnTouchedType, SafeAny } from 'ngwr/core/types';\n\nimport { WrInputAutocomplete, WrInputModeType, WrInputType } from './input-types';\n\n@Component({\n selector: 'wr-input',\n exportAs: 'wrInput',\n templateUrl: './input.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => WrInput),\n multi: true,\n },\n {\n provide: NG_VALIDATORS,\n useExisting: forwardRef(() => WrInput),\n multi: true,\n },\n ],\n})\nexport class WrInput\n extends WrAbstractBase\n implements ControlValueAccessor, AfterViewInit, OnInit, OnDestroy, Validator\n{\n @Input() placeholder: string = '';\n @Input() prefix: string | null = null;\n @Input() suffix: string | null = null;\n @Input() @InputBoolean() passwordIcons: BooleanInput = false;\n\n @Input()\n get type(): WrInputType {\n return this._type;\n }\n set type(type: WrInputType) {\n this._type = type;\n }\n @Input()\n get inputmode(): WrInputModeType {\n return this._mode;\n }\n set inputmode(mode: WrInputModeType) {\n this._mode = mode;\n }\n @Input()\n get disabled(): boolean {\n return this._disabled;\n }\n set disabled(disabled: BooleanInput) {\n this._disabled = coerceBooleanProperty(disabled);\n this.cdr.markForCheck();\n }\n @Input()\n get readonly(): boolean {\n return this._readonly;\n }\n set readonly(readonly: BooleanInput) {\n this._readonly = coerceBooleanProperty(readonly);\n }\n @Input()\n get required(): boolean {\n return this._required;\n }\n set required(required: BooleanInput) {\n this._required = coerceBooleanProperty(required);\n }\n @Input()\n get autofocus(): boolean {\n return this._autofocus;\n }\n set autofocus(autofocus: BooleanInput) {\n this._autofocus = coerceBooleanProperty(autofocus);\n }\n @Input()\n get autocomplete(): WrInputAutocomplete {\n return this._autocomplete;\n }\n set autocomplete(autofocus: WrInputAutocomplete) {\n this._autocomplete = autofocus;\n }\n @Input()\n get value(): string | number {\n return this.type === 'number' ? this.valueAsNumber : this._value;\n }\n set value(val: string | number) {\n if (val !== this._value) {\n this._value = val;\n this.onChangeCallback(this.value);\n }\n }\n get valueAsString(): string {\n if (this._value == null || typeof this._value === 'undefined') return '';\n return String(this._value);\n }\n get valueAsNumber(): number {\n return coerceNumberProperty(this._value);\n }\n\n get isBadInput(): boolean {\n const validity = this.inputElement?.nativeElement?.validity;\n return validity && validity.badInput;\n }\n\n @ViewChild('inputElement', { static: true }) inputElement!: ElementRef<HTMLInputElement>;\n @HostBinding('class')\n get elClasses(): SafeAny {\n return {\n 'wr-input': true,\n 'wr-input--has-prefix': this.prefix,\n 'wr-input--has-suffix': this.suffix,\n 'wr-input--password': this.passwordIcons,\n 'wr-input--disabled': this.disabled,\n };\n }\n\n eyeOn = true;\n private _value: string | number = '';\n private _disabled: boolean = false;\n private _readonly: boolean = false;\n private _required: boolean = false;\n private _autofocus: boolean = false;\n private _focused: boolean = false;\n private _autocomplete: WrInputAutocomplete = 'off';\n private _type: WrInputType = 'text';\n private _mode: WrInputModeType = 'text';\n private onChangeCallback: OnChangeType = () => {};\n private onTouchedCallback: OnTouchedType = () => {};\n\n constructor(\n private readonly cdr: ChangeDetectorRef,\n private readonly elRef: ElementRef<HTMLInputElement>,\n private readonly focusMonitor: FocusMonitor,\n private readonly ngZone: NgZone\n ) {\n super();\n }\n\n ngOnInit(): void {\n this.ngZone.runOutsideAngular(() => {\n fromEvent<MouseEvent>(this.elRef.nativeElement, 'click')\n .pipe(takeUntil(this.destroyed$))\n .subscribe(event => {\n event.preventDefault();\n this.onFocus();\n if (this.disabled) {\n event.stopImmediatePropagation();\n return;\n }\n });\n fromEvent(this.inputElement.nativeElement, 'click')\n .pipe(takeUntil(this.destroyed$))\n .subscribe(event => event.stopPropagation());\n });\n }\n\n ngAfterViewInit(): void {\n if (this.autofocus) {\n this.onFocus();\n this.cdr.markForCheck();\n }\n }\n\n override ngOnDestroy(): void {\n super.ngOnDestroy();\n this.focusMonitor.stopMonitoring(this.elRef);\n }\n\n onFocus(event?: FocusEvent): void {\n if (event) {\n event.stopPropagation();\n }\n this._focused = true;\n this.focusMonitor.focusVia(this.inputElement, 'keyboard');\n }\n\n onBlur(event?: Event): void {\n if (event) {\n event.stopPropagation();\n }\n this._focused = false;\n // this.inputElement.nativeElement.blur();\n this.onTouchedCallback();\n }\n\n validate(control: AbstractControl): ValidationErrors | null {\n return {\n ...(this.isBadInput ? { badInput: true } : null),\n };\n }\n\n writeValue(value: string): void {\n if (value !== this._value) {\n this._value = value;\n }\n this.cdr.markForCheck();\n }\n\n registerOnChange(fn: OnChangeType): void {\n this.onChangeCallback = fn;\n }\n\n registerOnTouched(fn: OnTouchedType): void {\n this.onTouchedCallback = fn;\n }\n\n onPasswordVisibilityChange(): void {\n this.type === 'password' ? (this.type = 'text') : (this.type = 'password');\n this.eyeOn = !this.eyeOn;\n this.onFocus();\n }\n\n setDisabledState(isDisabled: boolean): void {\n this.disabled = coerceBooleanProperty(isDisabled);\n }\n}\n","<div class=\"wr-input-prefix\" *ngIf=\"prefix\">\n <span class=\"wr-input-prefix__text\">{{ prefix }}</span>\n</div>\n<div class=\"wr-input-el\">\n <div *ngIf=\"passwordIcons\" class=\"wr-input-el-icon\" (click)=\"onPasswordVisibilityChange()\">\n <wr-icon class=\"wr-input-el-icon__icon\" [name]=\"eyeOn ? 'eye' : 'eye-off'\"></wr-icon>\n </div>\n <input\n #inputElement\n class=\"wr-input-el__native\"\n [ngModel]=\"valueAsString\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [type]=\"type\"\n [attr.autocomplete]=\"autocomplete\"\n [attr.inputmode]=\"inputmode\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n (ngModelChange)=\"value = $event\"\n />\n</div>\n<div class=\"wr-input-suffix\" *ngIf=\"suffix\">\n <span class=\"wr-input-suffix__text\">{{ suffix }}</span>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { WrIconModule } from 'ngwr/icon';\n\nimport { WrInput } from './input';\n\n@NgModule({\n imports: [CommonModule, FormsModule, WrIconModule],\n declarations: [WrInput],\n exports: [WrInput],\n})\nexport class WrInputModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ngwr-skeleton.mjs","sources":["../../../projects/lib/skeleton/skeleton.ts","../../../projects/lib/skeleton/skeleton-module.ts","../../../projects/lib/skeleton/ngwr-skeleton.ts"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport { Directive, HostBinding, Input } from '@angular/core';\n\nimport { WrThemeColor } from 'ngwr/core/color';\nimport { InputBoolean } from 'ngwr/core/decorators';\nimport { SafeAny } from 'ngwr/core/types';\n\n@Directive({\n selector: 'wr-skeleton',\n exportAs: 'wrSkeleton',\n})\nexport class WrSkeleton {\n @Input() color: WrThemeColor = 'dark';\n @Input() @InputBoolean() animated: BooleanInput = true;\n\n @HostBinding('class')\n get elClasses(): SafeAny {\n return {\n 'wr-skeleton': true,\n 'wr-skeleton--animated': this.animated,\n 'wr-skeleton--primary': this.color === 'primary',\n 'wr-skeleton--secondary': this.color === 'secondary',\n 'wr-skeleton--success': this.color === 'success',\n 'wr-skeleton--warning': this.color === 'warning',\n 'wr-skeleton--danger': this.color === 'danger',\n 'wr-skeleton--light': this.color === 'light',\n 'wr-skeleton--medium': this.color === 'medium',\n 'wr-skeleton--dark': this.color === 'dark',\n };\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { WrSkeleton } from './skeleton';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [WrSkeleton],\n exports: [WrSkeleton],\n})\nexport class WrSkeletonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAWa,UAAU,CAAA;AAJvB,IAAA,WAAA,GAAA;AAKW,QAAA,IAAK,CAAA,KAAA,GAAiB,MAAM,CAAC;AACb,QAAA,IAAQ,CAAA,QAAA,GAAiB,IAAI,CAAC;KAiBxD;AAfC,IAAA,IACI,SAAS,GAAA;QACX,OAAO;AACL,YAAA,aAAa,EAAE,IAAI;YACnB,uBAAuB,EAAE,IAAI,CAAC,QAAQ;AACtC,YAAA,sBAAsB,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;AAChD,YAAA,wBAAwB,EAAE,IAAI,CAAC,KAAK,KAAK,WAAW;AACpD,YAAA,sBAAsB,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;AAChD,YAAA,sBAAsB,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;AAChD,YAAA,qBAAqB,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;AAC9C,YAAA,oBAAoB,EAAE,IAAI,CAAC,KAAK,KAAK,OAAO;AAC5C,YAAA,qBAAqB,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;AAC9C,YAAA,mBAAmB,EAAE,IAAI,CAAC,KAAK,KAAK,MAAM;SAC3C,CAAC;KACH;;uGAlBU,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;2FAAV,UAAU,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;AAEI,UAAA,CAAA;AAAf,IAAA,YAAY,EAAE;CAA+B,EAAA,UAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;2FAF5C,UAAU,EAAA,UAAA,EAAA,CAAA;kBAJtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,QAAQ,EAAE,YAAY;iBACvB,CAAA;8BAEU,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACmB,QAAQ,EAAA,CAAA;sBAAhC,KAAK;gBAGF,SAAS,EAAA,CAAA;sBADZ,WAAW;uBAAC,OAAO,CAAA;;;MCLT,gBAAgB,CAAA;;6GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,EAHZ,YAAA,EAAA,CAAA,UAAU,CADf,EAAA,OAAA,EAAA,CAAA,YAAY,aAEZ,UAAU,CAAA,EAAA,CAAA,CAAA;AAET,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAJjB,YAAY,CAAA,EAAA,CAAA,CAAA;2FAIX,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAL5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,YAAY,EAAE,CAAC,UAAU,CAAC;oBAC1B,OAAO,EAAE,CAAC,UAAU,CAAC;iBACtB,CAAA;;;ACTD;;AAEG;;;;"}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, NgModule } from '@angular/core';
|
|
3
|
-
|
|
4
|
-
class WrSpinner {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.class = 'wr-spin';
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
WrSpinner.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrSpinner, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
WrSpinner.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: WrSpinner, selector: "wr-spin", host: { properties: { "class": "this.class" } }, exportAs: ["wrSpin"], ngImport: i0, template: '<svg viewBox="0 0 50 50"><circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="5"></circle></svg>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrSpinner, decorators: [{
|
|
12
|
-
type: Component,
|
|
13
|
-
args: [{
|
|
14
|
-
selector: 'wr-spin',
|
|
15
|
-
exportAs: 'wrSpin',
|
|
16
|
-
template: '<svg viewBox="0 0 50 50"><circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="5"></circle></svg>',
|
|
17
|
-
encapsulation: ViewEncapsulation.None,
|
|
18
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
19
|
-
}]
|
|
20
|
-
}], propDecorators: { class: [{
|
|
21
|
-
type: HostBinding,
|
|
22
|
-
args: ['class']
|
|
23
|
-
}] } });
|
|
24
|
-
|
|
25
|
-
class WrSpinnerModule {
|
|
26
|
-
}
|
|
27
|
-
WrSpinnerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
28
|
-
WrSpinnerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: WrSpinnerModule, declarations: [WrSpinner], exports: [WrSpinner] });
|
|
29
|
-
WrSpinnerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrSpinnerModule });
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrSpinnerModule, decorators: [{
|
|
31
|
-
type: NgModule,
|
|
32
|
-
args: [{
|
|
33
|
-
declarations: [WrSpinner],
|
|
34
|
-
exports: [WrSpinner],
|
|
35
|
-
}]
|
|
36
|
-
}] });
|
|
37
|
-
|
|
38
|
-
/**
|
|
39
|
-
* Generated bundle index. Do not edit.
|
|
40
|
-
*/
|
|
41
|
-
|
|
42
|
-
export { WrSpinner, WrSpinnerModule };
|
|
43
|
-
//# sourceMappingURL=ngwr-spinner.mjs.map
|
|
44
|
-
//# sourceMappingURL=ngwr-spinner.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ngwr-spinner.mjs","sources":["../../../projects/lib/spinner/spinner.ts","../../../projects/lib/spinner/spinner-module.ts","../../../projects/lib/spinner/ngwr-spinner.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'wr-spin',\n exportAs: 'wrSpin',\n template:\n '<svg viewBox=\"0 0 50 50\"><circle class=\"path\" cx=\"25\" cy=\"25\" r=\"20\" fill=\"none\" stroke-width=\"5\"></circle></svg>',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class WrSpinner {\n @HostBinding('class') class = 'wr-spin';\n}\n","import { NgModule } from '@angular/core';\n\nimport { WrSpinner } from './spinner';\n\n@NgModule({\n declarations: [WrSpinner],\n exports: [WrSpinner],\n})\nexport class WrSpinnerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAUa,SAAS,CAAA;AARtB,IAAA,WAAA,GAAA;AASwB,QAAA,IAAK,CAAA,KAAA,GAAG,SAAS,CAAC;KACzC;;sGAFY,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAT,SAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,sHAJlB,mHAAmH,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;2FAI1G,SAAS,EAAA,UAAA,EAAA,CAAA;kBARrB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,SAAS;AACnB,oBAAA,QAAQ,EAAE,QAAQ;AAClB,oBAAA,QAAQ,EACN,mHAAmH;oBACrH,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD,CAAA;8BAEuB,KAAK,EAAA,CAAA;sBAA1B,WAAW;uBAAC,OAAO,CAAA;;;MCHT,eAAe,CAAA;;4GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;6GAAf,eAAe,EAAA,YAAA,EAAA,CAHX,SAAS,CAAA,EAAA,OAAA,EAAA,CACd,SAAS,CAAA,EAAA,CAAA,CAAA;6GAER,eAAe,EAAA,CAAA,CAAA;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAJ3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,SAAS,CAAC;oBACzB,OAAO,EAAE,CAAC,SAAS,CAAC;iBACrB,CAAA;;;ACPD;;AAEG;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ngwr-tag.mjs","sources":["../../../projects/lib/tag/tag.ts","../../../projects/lib/tag/tag.html","../../../projects/lib/tag/tag-module.ts","../../../projects/lib/tag/ngwr-tag.ts"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\n\nimport { WrThemeColor } from 'ngwr/core/color';\nimport { InputBoolean } from 'ngwr/core/decorators';\nimport { SafeAny } from 'ngwr/core/types';\nimport { wrIconName } from 'ngwr/icon';\n\n@Component({\n selector: 'wr-tag',\n exportAs: 'wrTag',\n templateUrl: './tag.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class WrTag {\n @Input() color: WrThemeColor | string = 'primary';\n @Input() icon: wrIconName | null = null;\n @Input() iconPosition: 'start' | 'end' = 'start';\n @Input() @InputBoolean() outlined: BooleanInput = false;\n @Input() @InputBoolean() rounded: BooleanInput = false;\n @Input() @InputBoolean() transparent: BooleanInput = false;\n @Input() @InputBoolean() hoverable: BooleanInput = false;\n @Input() @InputBoolean() loading: BooleanInput = false;\n\n @HostBinding('class')\n get elClasses(): SafeAny {\n return {\n 'wr-tag': true,\n 'wr-tag--primary': this.color === 'primary',\n 'wr-tag--secondary': this.color === 'secondary',\n 'wr-tag--success': this.color === 'success',\n 'wr-tag--warning': this.color === 'warning',\n 'wr-tag--danger': this.color === 'danger',\n 'wr-tag--light': this.color === 'light',\n 'wr-tag--medium': this.color === 'medium',\n 'wr-tag--dark': this.color === 'dark',\n 'wr-tag--icon-start': (this.icon || this.loading) && this.iconPosition === 'start',\n 'wr-tag--icon-end': (this.icon || this.loading) && this.iconPosition === 'end',\n 'wr-tag--loading': this.loading,\n 'wr-tag--rounded': this.rounded,\n 'wr-tag--outlined': this.outlined,\n 'wr-tag--transparent': this.transparent,\n 'wr-tag--hoverable': this.hoverable,\n };\n }\n}\n","<wr-spin class=\"wr-tag__spin\" *ngIf=\"loading && iconPosition === 'start'\"></wr-spin>\n<wr-icon class=\"wr-tag__icon\" *ngIf=\"icon && !loading && iconPosition === 'start'\" [name]=\"icon\"></wr-icon>\n<ng-content></ng-content>\n<wr-spin class=\"wr-tag__spin\" *ngIf=\"loading && iconPosition === 'end'\"></wr-spin>\n<wr-icon class=\"wr-tag__icon\" *ngIf=\"icon && !loading && iconPosition === 'end'\" [name]=\"icon\"></wr-icon>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { WrIconModule } from 'ngwr/icon';\nimport { WrSpinnerModule } from 'ngwr/spinner';\n\nimport { WrTag } from './tag';\n\n@NgModule({\n imports: [CommonModule, WrIconModule, WrSpinnerModule],\n declarations: [WrTag],\n exports: [WrTag],\n})\nexport class WrTagModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,208 +0,0 @@
|
|
|
1
|
-
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
2
|
-
import * as i0 from '@angular/core';
|
|
3
|
-
import { Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, Input, Directive, HostListener, NgModule } from '@angular/core';
|
|
4
|
-
import * as i2 from 'ngwr/core/overlay';
|
|
5
|
-
import { WR_POSITION_MAP, getPlacementName, WrOverlayModule } from 'ngwr/core/overlay';
|
|
6
|
-
import * as i1 from '@angular/cdk/overlay';
|
|
7
|
-
import { OverlayModule } from '@angular/cdk/overlay';
|
|
8
|
-
import { CommonModule } from '@angular/common';
|
|
9
|
-
|
|
10
|
-
const WR_TOOLTIP_DEFAULT_POSITIONS = [
|
|
11
|
-
WR_POSITION_MAP.top,
|
|
12
|
-
WR_POSITION_MAP.bottom,
|
|
13
|
-
WR_POSITION_MAP.right,
|
|
14
|
-
WR_POSITION_MAP.left,
|
|
15
|
-
];
|
|
16
|
-
|
|
17
|
-
class WrTooltipComponent {
|
|
18
|
-
constructor(cdr) {
|
|
19
|
-
this.cdr = cdr;
|
|
20
|
-
this._message = null;
|
|
21
|
-
this._trigger = 'hover';
|
|
22
|
-
this._visible = false;
|
|
23
|
-
this._position = 'top';
|
|
24
|
-
this.positions = WR_TOOLTIP_DEFAULT_POSITIONS;
|
|
25
|
-
}
|
|
26
|
-
get message() {
|
|
27
|
-
return this._message;
|
|
28
|
-
}
|
|
29
|
-
set message(value) {
|
|
30
|
-
this._message = String(value);
|
|
31
|
-
this.cdr.markForCheck();
|
|
32
|
-
}
|
|
33
|
-
get trigger() {
|
|
34
|
-
return this._trigger;
|
|
35
|
-
}
|
|
36
|
-
set trigger(value) {
|
|
37
|
-
this._trigger = value;
|
|
38
|
-
this.cdr.markForCheck();
|
|
39
|
-
}
|
|
40
|
-
get visible() {
|
|
41
|
-
return this._visible;
|
|
42
|
-
}
|
|
43
|
-
set visible(value) {
|
|
44
|
-
const visible = coerceBooleanProperty(value);
|
|
45
|
-
if (this._visible !== visible) {
|
|
46
|
-
this._visible = visible;
|
|
47
|
-
this.cdr.markForCheck();
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
get origin() {
|
|
51
|
-
return this._origin;
|
|
52
|
-
}
|
|
53
|
-
set origin(value) {
|
|
54
|
-
this._origin = value;
|
|
55
|
-
this.cdr.markForCheck();
|
|
56
|
-
}
|
|
57
|
-
get position() {
|
|
58
|
-
return this._position;
|
|
59
|
-
}
|
|
60
|
-
set position(value) {
|
|
61
|
-
this._position = value;
|
|
62
|
-
this.cdr.markForCheck();
|
|
63
|
-
}
|
|
64
|
-
show() {
|
|
65
|
-
if (!this.visible && this.message) {
|
|
66
|
-
this.visible = true;
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
hide() {
|
|
70
|
-
if (this.visible) {
|
|
71
|
-
this.visible = false;
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
onPositionChange(position) {
|
|
75
|
-
this.position = getPlacementName(position);
|
|
76
|
-
}
|
|
77
|
-
onClickOutside(event) {
|
|
78
|
-
if (!this.origin.nativeElement.contains(event.target)) {
|
|
79
|
-
this.hide();
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
WrTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrTooltipComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
84
|
-
WrTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: WrTooltipComponent, selector: "wr-tooltip", inputs: { message: "message", trigger: "trigger", visible: "visible", origin: "origin", position: "position" }, viewQueries: [{ propertyName: "overlay", first: true, predicate: ["overlay"], descendants: true }], ngImport: i0, template: "<ng-template\n #overlay=\"cdkConnectedOverlay\"\n cdkConnectedOverlay\n wrConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"origin\"\n [cdkConnectedOverlayOpen]=\"visible\"\n [cdkConnectedOverlayPositions]=\"positions\"\n [cdkConnectedOverlayPush]=\"true\"\n [wrArrowPointAtCenter]=\"false\"\n (overlayOutsideClick)=\"onClickOutside($event)\"\n (detach)=\"hide()\"\n (positionChange)=\"onPositionChange($event)\"\n>\n <div class=\"wr-tooltip wr-tooltip--{{ position }}\">\n <div class=\"wr-tooltip__wrapper\">\n <div class=\"wr-tooltip__title\">{{ message }}</div>\n <div class=\"wr-tooltip__arrow\"></div>\n </div>\n </div>\n</ng-template>\n", styles: [".wr-tooltip{margin:.5rem;position:relative}.wr-tooltip__wrapper{display:inline-block;background:var(--wr-color-dark);padding:.5rem;border-radius:.25rem}.wr-tooltip__title{display:block;color:var(--wr-color-white);font-size:.875rem;font-weight:400;line-height:1rem;word-break:break-word}.wr-tooltip__arrow{display:block;position:absolute;z-index:2;width:.5rem;height:.5rem;background:var(--wr-color-dark);pointer-events:none;transform:rotate(45deg)}.wr-tooltip--top .wr-tooltip__arrow{bottom:-.25rem;left:0;right:0;margin:auto}.wr-tooltip--bottom .wr-tooltip__arrow{top:-.25rem;left:0;right:0;margin:auto}.wr-tooltip--left .wr-tooltip__arrow{top:0;bottom:0;right:-.25rem;margin:auto}.wr-tooltip--right .wr-tooltip__arrow{top:0;bottom:0;left:-.25rem;margin:auto}\n"], dependencies: [{ kind: "directive", type: i1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2.WrConnectedOverlayDirective, selector: "[cdkConnectedOverlay][wrConnectedOverlay]", inputs: ["wrArrowPointAtCenter"], exportAs: ["wrConnectedOverlay"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
85
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrTooltipComponent, decorators: [{
|
|
86
|
-
type: Component,
|
|
87
|
-
args: [{ selector: 'wr-tooltip', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<ng-template\n #overlay=\"cdkConnectedOverlay\"\n cdkConnectedOverlay\n wrConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"origin\"\n [cdkConnectedOverlayOpen]=\"visible\"\n [cdkConnectedOverlayPositions]=\"positions\"\n [cdkConnectedOverlayPush]=\"true\"\n [wrArrowPointAtCenter]=\"false\"\n (overlayOutsideClick)=\"onClickOutside($event)\"\n (detach)=\"hide()\"\n (positionChange)=\"onPositionChange($event)\"\n>\n <div class=\"wr-tooltip wr-tooltip--{{ position }}\">\n <div class=\"wr-tooltip__wrapper\">\n <div class=\"wr-tooltip__title\">{{ message }}</div>\n <div class=\"wr-tooltip__arrow\"></div>\n </div>\n </div>\n</ng-template>\n", styles: [".wr-tooltip{margin:.5rem;position:relative}.wr-tooltip__wrapper{display:inline-block;background:var(--wr-color-dark);padding:.5rem;border-radius:.25rem}.wr-tooltip__title{display:block;color:var(--wr-color-white);font-size:.875rem;font-weight:400;line-height:1rem;word-break:break-word}.wr-tooltip__arrow{display:block;position:absolute;z-index:2;width:.5rem;height:.5rem;background:var(--wr-color-dark);pointer-events:none;transform:rotate(45deg)}.wr-tooltip--top .wr-tooltip__arrow{bottom:-.25rem;left:0;right:0;margin:auto}.wr-tooltip--bottom .wr-tooltip__arrow{top:-.25rem;left:0;right:0;margin:auto}.wr-tooltip--left .wr-tooltip__arrow{top:0;bottom:0;right:-.25rem;margin:auto}.wr-tooltip--right .wr-tooltip__arrow{top:0;bottom:0;left:-.25rem;margin:auto}\n"] }]
|
|
88
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { overlay: [{
|
|
89
|
-
type: ViewChild,
|
|
90
|
-
args: ['overlay', { static: false }]
|
|
91
|
-
}], message: [{
|
|
92
|
-
type: Input
|
|
93
|
-
}], trigger: [{
|
|
94
|
-
type: Input
|
|
95
|
-
}], visible: [{
|
|
96
|
-
type: Input
|
|
97
|
-
}], origin: [{
|
|
98
|
-
type: Input
|
|
99
|
-
}], position: [{
|
|
100
|
-
type: Input
|
|
101
|
-
}] } });
|
|
102
|
-
|
|
103
|
-
class WrTooltipDirective {
|
|
104
|
-
constructor(elRef, r2, vcr) {
|
|
105
|
-
this.elRef = elRef;
|
|
106
|
-
this.r2 = r2;
|
|
107
|
-
this.vcr = vcr;
|
|
108
|
-
this.message = null;
|
|
109
|
-
this.trigger = 'hover';
|
|
110
|
-
this.componentRef = this.vcr.createComponent(WrTooltipComponent);
|
|
111
|
-
}
|
|
112
|
-
onClick(event) {
|
|
113
|
-
if (this.trigger === 'click') {
|
|
114
|
-
event.preventDefault();
|
|
115
|
-
this.onTooltipShow();
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
onMouseEnter() {
|
|
119
|
-
if (this.trigger === 'hover') {
|
|
120
|
-
this.onTooltipShow();
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
onMouseLeave() {
|
|
124
|
-
var _a;
|
|
125
|
-
if (this.trigger === 'hover') {
|
|
126
|
-
let overlayElement;
|
|
127
|
-
this.leaveDelay(true, false, 0.1);
|
|
128
|
-
if (((_a = this.componentRef.instance) === null || _a === void 0 ? void 0 : _a.overlay.overlayRef) && !overlayElement) {
|
|
129
|
-
overlayElement = this.componentRef.instance.overlay.overlayRef.overlayElement;
|
|
130
|
-
this.r2.listen(overlayElement, 'mouseenter', () => {
|
|
131
|
-
this.leaveDelay(false, true, 0.1);
|
|
132
|
-
});
|
|
133
|
-
this.r2.listen(overlayElement, 'mouseleave', () => {
|
|
134
|
-
this.leaveDelay(false, false, -1);
|
|
135
|
-
});
|
|
136
|
-
}
|
|
137
|
-
}
|
|
138
|
-
}
|
|
139
|
-
ngAfterViewInit() {
|
|
140
|
-
this.componentRef.instance.origin = this.elRef;
|
|
141
|
-
this.componentRef.instance.message = this.message;
|
|
142
|
-
this.componentRef.instance.trigger = this.trigger;
|
|
143
|
-
}
|
|
144
|
-
onTooltipShow() {
|
|
145
|
-
var _a, _b;
|
|
146
|
-
(_b = (_a = this.componentRef) === null || _a === void 0 ? void 0 : _a.instance) === null || _b === void 0 ? void 0 : _b.show();
|
|
147
|
-
}
|
|
148
|
-
onTooltipHide() {
|
|
149
|
-
var _a, _b;
|
|
150
|
-
(_b = (_a = this.componentRef) === null || _a === void 0 ? void 0 : _a.instance) === null || _b === void 0 ? void 0 : _b.hide();
|
|
151
|
-
}
|
|
152
|
-
leaveDelay(isOrigin, isEnter, delay = -1) {
|
|
153
|
-
if (delay > 0) {
|
|
154
|
-
this.delayTimer = setTimeout(() => {
|
|
155
|
-
this.delayTimer = undefined;
|
|
156
|
-
isEnter ? this.onTooltipShow() : this.onTooltipHide();
|
|
157
|
-
}, delay * 1000);
|
|
158
|
-
}
|
|
159
|
-
else {
|
|
160
|
-
isEnter && isOrigin ? this.onTooltipShow() : this.onTooltipHide();
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
WrTooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
165
|
-
WrTooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: WrTooltipDirective, selector: "[wrTooltip]", inputs: { message: ["wrTooltip", "message"], trigger: "trigger" }, host: { listeners: { "click": "onClick($event)", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, exportAs: ["wrTooltip"], ngImport: i0 });
|
|
166
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrTooltipDirective, decorators: [{
|
|
167
|
-
type: Directive,
|
|
168
|
-
args: [{
|
|
169
|
-
selector: '[wrTooltip]',
|
|
170
|
-
exportAs: 'wrTooltip',
|
|
171
|
-
}]
|
|
172
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }]; }, propDecorators: { message: [{
|
|
173
|
-
type: Input,
|
|
174
|
-
args: ['wrTooltip']
|
|
175
|
-
}], trigger: [{
|
|
176
|
-
type: Input
|
|
177
|
-
}], onClick: [{
|
|
178
|
-
type: HostListener,
|
|
179
|
-
args: ['click', ['$event']]
|
|
180
|
-
}], onMouseEnter: [{
|
|
181
|
-
type: HostListener,
|
|
182
|
-
args: ['mouseenter']
|
|
183
|
-
}], onMouseLeave: [{
|
|
184
|
-
type: HostListener,
|
|
185
|
-
args: ['mouseleave']
|
|
186
|
-
}] } });
|
|
187
|
-
|
|
188
|
-
class WrTooltipModule {
|
|
189
|
-
}
|
|
190
|
-
WrTooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
191
|
-
WrTooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: WrTooltipModule, declarations: [WrTooltipComponent, WrTooltipDirective], imports: [CommonModule, OverlayModule, WrOverlayModule], exports: [WrTooltipComponent, WrTooltipDirective] });
|
|
192
|
-
WrTooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrTooltipModule, imports: [CommonModule, OverlayModule, WrOverlayModule] });
|
|
193
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrTooltipModule, decorators: [{
|
|
194
|
-
type: NgModule,
|
|
195
|
-
args: [{
|
|
196
|
-
imports: [CommonModule, OverlayModule, WrOverlayModule],
|
|
197
|
-
declarations: [WrTooltipComponent, WrTooltipDirective],
|
|
198
|
-
exports: [WrTooltipComponent, WrTooltipDirective],
|
|
199
|
-
}]
|
|
200
|
-
}] });
|
|
201
|
-
|
|
202
|
-
/**
|
|
203
|
-
* Generated bundle index. Do not edit.
|
|
204
|
-
*/
|
|
205
|
-
|
|
206
|
-
export { WR_TOOLTIP_DEFAULT_POSITIONS, WrTooltipComponent, WrTooltipDirective, WrTooltipModule };
|
|
207
|
-
//# sourceMappingURL=ngwr-tooltip.mjs.map
|
|
208
|
-
//# sourceMappingURL=ngwr-tooltip.mjs.map
|