ngwr 5.0.3 → 6.1.1
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/alert/index.d.ts +30 -3
- package/avatar/index.d.ts +30 -5
- package/button/index.d.ts +43 -3
- package/cdk/index.d.ts +22 -3
- package/cdk/rxjs/index.d.ts +38 -3
- package/cdk/types/index.d.ts +25 -3
- package/cdk/utils/index.d.ts +12 -3
- package/checkbox/index.d.ts +29 -3
- package/dialog/index.d.ts +191 -3
- package/divider/index.d.ts +16 -5
- package/dropdown/index.d.ts +68 -0
- package/dropdown/styles/_index.scss +91 -0
- package/dropdown/styles/vars.scss +18 -0
- package/fesm2022/ngwr-alert.mjs +8 -28
- package/fesm2022/ngwr-alert.mjs.map +1 -1
- package/fesm2022/ngwr-avatar.mjs +8 -28
- package/fesm2022/ngwr-avatar.mjs.map +1 -1
- package/fesm2022/ngwr-button.mjs +10 -31
- package/fesm2022/ngwr-button.mjs.map +1 -1
- package/fesm2022/ngwr-cdk.mjs +9 -4
- package/fesm2022/ngwr-cdk.mjs.map +1 -1
- package/fesm2022/ngwr-checkbox.mjs +7 -26
- package/fesm2022/ngwr-checkbox.mjs.map +1 -1
- package/fesm2022/ngwr-dialog.mjs +135 -159
- package/fesm2022/ngwr-dialog.mjs.map +1 -1
- package/fesm2022/ngwr-divider.mjs +5 -19
- package/fesm2022/ngwr-divider.mjs.map +1 -1
- package/fesm2022/ngwr-dropdown.mjs +315 -0
- package/fesm2022/ngwr-dropdown.mjs.map +1 -0
- package/fesm2022/ngwr-form.mjs +8 -29
- package/fesm2022/ngwr-form.mjs.map +1 -1
- package/fesm2022/ngwr-icon.mjs +11 -32
- package/fesm2022/ngwr-icon.mjs.map +1 -1
- package/fesm2022/ngwr-input.mjs +12 -32
- package/fesm2022/ngwr-input.mjs.map +1 -1
- package/fesm2022/ngwr-pagination.mjs +125 -0
- package/fesm2022/ngwr-pagination.mjs.map +1 -0
- package/fesm2022/ngwr-pipes.mjs +5 -25
- package/fesm2022/ngwr-pipes.mjs.map +1 -1
- package/fesm2022/ngwr-progress.mjs +6 -25
- package/fesm2022/ngwr-progress.mjs.map +1 -1
- package/fesm2022/ngwr-qr.mjs +15 -37
- package/fesm2022/ngwr-qr.mjs.map +1 -1
- package/fesm2022/ngwr-select.mjs +405 -0
- package/fesm2022/ngwr-select.mjs.map +1 -0
- package/fesm2022/ngwr-skeleton.mjs +5 -19
- package/fesm2022/ngwr-skeleton.mjs.map +1 -1
- package/fesm2022/ngwr-spinner.mjs +16 -28
- package/fesm2022/ngwr-spinner.mjs.map +1 -1
- package/fesm2022/ngwr-table.mjs +258 -0
- package/fesm2022/ngwr-table.mjs.map +1 -0
- package/fesm2022/ngwr-tag.mjs +7 -21
- package/fesm2022/ngwr-tag.mjs.map +1 -1
- package/fesm2022/ngwr-textarea.mjs +8 -27
- package/fesm2022/ngwr-textarea.mjs.map +1 -1
- package/form/index.d.ts +26 -3
- package/icon/index.d.ts +828 -3
- package/index.d.ts +2 -5
- package/input/index.d.ts +41 -3
- package/package.json +35 -7
- package/pagination/index.d.ts +34 -0
- package/pagination/styles/_index.scss +60 -0
- package/pagination/styles/vars.scss +14 -0
- package/pipes/index.d.ts +15 -3
- package/progress/index.d.ts +13 -5
- package/qr/index.d.ts +127 -5
- package/select/index.d.ts +121 -0
- package/select/styles/_index.scss +237 -0
- package/select/styles/vars.scss +32 -0
- package/skeleton/index.d.ts +13 -2
- package/spinner/index.d.ts +23 -2
- package/spinner/styles/_index.scss +10 -3
- package/styles.scss +4 -0
- package/table/index.d.ts +101 -0
- package/table/styles/_index.scss +4 -0
- package/table/styles/table-filter.scss +202 -0
- package/table/styles/table-sort.scss +47 -0
- package/table/styles/table.scss +232 -0
- package/table/styles/vars.scss +21 -0
- package/tag/index.d.ts +24 -5
- package/textarea/index.d.ts +44 -4
- package/alert/alert-type.d.ts +0 -7
- package/alert/alert.component.d.ts +0 -21
- package/alert/alert.module.d.ts +0 -7
- package/alert/public-api.d.ts +0 -9
- package/avatar/avatar.component.d.ts +0 -27
- package/avatar/avatar.module.d.ts +0 -7
- package/avatar/public-api.d.ts +0 -8
- package/button/button-group.component.d.ts +0 -12
- package/button/button.component.d.ts +0 -31
- package/button/button.module.d.ts +0 -8
- package/button/public-api.d.ts +0 -9
- package/cdk/base.directive.d.ts +0 -15
- package/cdk/public-api.d.ts +0 -7
- package/cdk/rxjs/is-array.d.ts +0 -8
- package/cdk/rxjs/is-defined.d.ts +0 -8
- package/cdk/rxjs/is-not-empty-array.d.ts +0 -8
- package/cdk/rxjs/is-observable.d.ts +0 -9
- package/cdk/rxjs/public-api.d.ts +0 -10
- package/cdk/types/maybe.d.ts +0 -7
- package/cdk/types/public-api.d.ts +0 -9
- package/cdk/types/safe-any.d.ts +0 -7
- package/cdk/types/theme-color.d.ts +0 -8
- package/cdk/utils/generate-random-id.d.ts +0 -12
- package/cdk/utils/public-api.d.ts +0 -7
- package/checkbox/checkbox.component.d.ts +0 -28
- package/checkbox/checkbox.module.d.ts +0 -7
- package/checkbox/public-api.d.ts +0 -8
- package/dialog/dialog-animations.d.ts +0 -22
- package/dialog/dialog-base.directive.d.ts +0 -40
- package/dialog/dialog-close.directive.d.ts +0 -9
- package/dialog/dialog-content.directive.d.ts +0 -6
- package/dialog/dialog-data.token.d.ts +0 -8
- package/dialog/dialog-footer.directive.d.ts +0 -8
- package/dialog/dialog-options.d.ts +0 -19
- package/dialog/dialog-ref.d.ts +0 -26
- package/dialog/dialog-title.directive.d.ts +0 -6
- package/dialog/dialog.component.d.ts +0 -28
- package/dialog/dialog.module.d.ts +0 -11
- package/dialog/dialog.service.d.ts +0 -28
- package/dialog/public-api.d.ts +0 -18
- package/divider/divider.component.d.ts +0 -13
- package/divider/divider.module.d.ts +0 -7
- package/divider/public-api.d.ts +0 -8
- package/form/form-error.component.d.ts +0 -11
- package/form/form-item.component.d.ts +0 -14
- package/form/form.module.d.ts +0 -8
- package/form/public-api.d.ts +0 -9
- package/icon/icon.component.d.ts +0 -24
- package/icon/icon.module.d.ts +0 -7
- package/icon/icon.service.d.ts +0 -23
- package/icon/icons.d.ts +0 -770
- package/icon/provide-wr-icons.d.ts +0 -9
- package/icon/public-api.d.ts +0 -11
- package/input/input-types.d.ts +0 -1
- package/input/input.component.d.ts +0 -38
- package/input/input.module.d.ts +0 -7
- package/input/public-api.d.ts +0 -9
- package/pipes/new-array.pipe.d.ts +0 -13
- package/pipes/pipes.module.d.ts +0 -7
- package/pipes/public-api.d.ts +0 -8
- package/progress/progress.component.d.ts +0 -10
- package/progress/progress.module.d.ts +0 -7
- package/progress/public-api.d.ts +0 -8
- package/public-api.d.ts +0 -2
- package/qr/generator.d.ts +0 -7
- package/qr/public-api.d.ts +0 -8
- package/qr/qr.component.d.ts +0 -31
- package/qr/qr.module.d.ts +0 -7
- package/qr/qrcodegen.d.ts +0 -94
- package/skeleton/skeleton.component.d.ts +0 -10
- package/skeleton/skeleton.module.d.ts +0 -7
- package/spinner/spinner.component.d.ts +0 -11
- package/spinner/spinner.module.d.ts +0 -7
- package/tag/public-api.d.ts +0 -8
- package/tag/tag.component.d.ts +0 -21
- package/tag/tag.module.d.ts +0 -7
- package/textarea/public-api.d.ts +0 -8
- package/textarea/textarea.component.d.ts +0 -44
- package/textarea/textarea.module.d.ts +0 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngwr-divider.mjs","sources":["../../../projects/lib/divider/divider.component.ts","../../../projects/lib/divider/
|
|
1
|
+
{"version":3,"file":"ngwr-divider.mjs","sources":["../../../projects/lib/divider/divider.component.ts","../../../projects/lib/divider/public-api.ts","../../../projects/lib/divider/ngwr-divider.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n Input,\n numberAttribute,\n ViewEncapsulation,\n} from '@angular/core';\n\nimport { SafeAny, WrThemeColor } from 'ngwr/cdk/types';\n\n@Component({\n selector: 'wr-divider',\n template: '',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class WrDividerComponent {\n @Input() color: WrThemeColor | null = null;\n @Input() type: 'solid' | 'dashed' | 'dotted' = 'solid';\n @Input({ transform: numberAttribute }) width = 1;\n\n @HostBinding('class')\n get elClasses(): SafeAny {\n return {\n 'wr-divider': true,\n 'wr-divider--primary': this.color === 'primary',\n 'wr-divider--secondary': this.color === 'secondary',\n 'wr-divider--success': this.color === 'success',\n 'wr-divider--warning': this.color === 'warning',\n 'wr-divider--danger': this.color === 'danger',\n 'wr-divider--light': this.color === 'light',\n 'wr-divider--medium': this.color === 'medium',\n 'wr-divider--dark': this.color === 'dark',\n 'wr-divider--solid': this.type === 'solid',\n 'wr-divider--dashed': this.type === 'dashed',\n 'wr-divider--dotted': this.type === 'dotted',\n };\n }\n\n @HostBinding('style')\n get elStyles(): SafeAny {\n return {\n '--wr-divider-width': `${this.width}px`,\n };\n }\n\n @HostBinding('role') role = 'separator';\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nexport * from './divider.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAiBa,kBAAkB,CAAA;AAN/B,IAAA,WAAA,GAAA;QAOW,IAAK,CAAA,KAAA,GAAwB,IAAI;QACjC,IAAI,CAAA,IAAA,GAAkC,OAAO;QACf,IAAK,CAAA,KAAA,GAAG,CAAC;QA2B3B,IAAI,CAAA,IAAA,GAAG,WAAW;AACxC;AA1BC,IAAA,IACI,SAAS,GAAA;QACX,OAAO;AACL,YAAA,YAAY,EAAE,IAAI;AAClB,YAAA,qBAAqB,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;AAC/C,YAAA,uBAAuB,EAAE,IAAI,CAAC,KAAK,KAAK,WAAW;AACnD,YAAA,qBAAqB,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;AAC/C,YAAA,qBAAqB,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;AAC/C,YAAA,oBAAoB,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;AAC7C,YAAA,mBAAmB,EAAE,IAAI,CAAC,KAAK,KAAK,OAAO;AAC3C,YAAA,oBAAoB,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;AAC7C,YAAA,kBAAkB,EAAE,IAAI,CAAC,KAAK,KAAK,MAAM;AACzC,YAAA,mBAAmB,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;AAC1C,YAAA,oBAAoB,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;AAC5C,YAAA,oBAAoB,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;SAC7C;;AAGH,IAAA,IACI,QAAQ,GAAA;QACV,OAAO;AACL,YAAA,oBAAoB,EAAE,CAAA,EAAG,IAAI,CAAC,KAAK,CAAI,EAAA,CAAA;SACxC;;+GA3BQ,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAGT,eAAe,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,OAAA,EAAA,eAAA,EAAA,MAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAPzB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAID,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,QAAQ,EAAE,EAAE;oBACZ,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACtC,iBAAA;;sBAEE;;sBACA;;sBACA,KAAK;uBAAC,EAAE,SAAS,EAAE,eAAe,EAAE;;sBAEpC,WAAW;uBAAC,OAAO;;sBAkBnB,WAAW;uBAAC,OAAO;;sBAOnB,WAAW;uBAAC,MAAM;;;AC/CrB;;;;;AAKG;;ACLH;;AAEG;;;;"}
|
|
@@ -0,0 +1,315 @@
|
|
|
1
|
+
import { Overlay, ScrollStrategyOptions } from '@angular/cdk/overlay';
|
|
2
|
+
import { TemplatePortal } from '@angular/cdk/portal';
|
|
3
|
+
import * as i0 from '@angular/core';
|
|
4
|
+
import { input, signal, inject, ElementRef, ViewContainerRef, DestroyRef, effect, Directive, HostBinding, HostListener, Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, booleanAttribute } from '@angular/core';
|
|
5
|
+
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
6
|
+
import { filter, fromEvent, merge } from 'rxjs';
|
|
7
|
+
import { WrIconComponent } from 'ngwr/icon';
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* @license
|
|
11
|
+
*
|
|
12
|
+
* Use of this source code is governed by an MIT-style license that can be
|
|
13
|
+
* found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
|
|
14
|
+
*/
|
|
15
|
+
const WR_DROPDOWN_POSITIONS = {
|
|
16
|
+
top: [
|
|
17
|
+
{
|
|
18
|
+
originX: 'center',
|
|
19
|
+
originY: 'top',
|
|
20
|
+
overlayX: 'center',
|
|
21
|
+
overlayY: 'bottom',
|
|
22
|
+
},
|
|
23
|
+
],
|
|
24
|
+
topLeft: [
|
|
25
|
+
{
|
|
26
|
+
originX: 'start',
|
|
27
|
+
originY: 'top',
|
|
28
|
+
overlayX: 'start',
|
|
29
|
+
overlayY: 'bottom',
|
|
30
|
+
},
|
|
31
|
+
],
|
|
32
|
+
topRight: [
|
|
33
|
+
{
|
|
34
|
+
originX: 'end',
|
|
35
|
+
originY: 'top',
|
|
36
|
+
overlayX: 'end',
|
|
37
|
+
overlayY: 'bottom',
|
|
38
|
+
},
|
|
39
|
+
],
|
|
40
|
+
bottom: [
|
|
41
|
+
{
|
|
42
|
+
originX: 'center',
|
|
43
|
+
originY: 'bottom',
|
|
44
|
+
overlayX: 'center',
|
|
45
|
+
overlayY: 'top',
|
|
46
|
+
},
|
|
47
|
+
],
|
|
48
|
+
bottomLeft: [
|
|
49
|
+
{
|
|
50
|
+
originX: 'start',
|
|
51
|
+
originY: 'bottom',
|
|
52
|
+
overlayX: 'start',
|
|
53
|
+
overlayY: 'top',
|
|
54
|
+
},
|
|
55
|
+
],
|
|
56
|
+
bottomRight: [
|
|
57
|
+
{
|
|
58
|
+
originX: 'end',
|
|
59
|
+
originY: 'bottom',
|
|
60
|
+
overlayX: 'end',
|
|
61
|
+
overlayY: 'top',
|
|
62
|
+
},
|
|
63
|
+
],
|
|
64
|
+
left: [
|
|
65
|
+
{
|
|
66
|
+
originX: 'start',
|
|
67
|
+
originY: 'center',
|
|
68
|
+
overlayX: 'end',
|
|
69
|
+
overlayY: 'center',
|
|
70
|
+
},
|
|
71
|
+
],
|
|
72
|
+
right: [
|
|
73
|
+
{
|
|
74
|
+
originX: 'end',
|
|
75
|
+
originY: 'center',
|
|
76
|
+
overlayX: 'start',
|
|
77
|
+
overlayY: 'center',
|
|
78
|
+
},
|
|
79
|
+
],
|
|
80
|
+
};
|
|
81
|
+
|
|
82
|
+
/**
|
|
83
|
+
* @license
|
|
84
|
+
*
|
|
85
|
+
* Use of this source code is governed by an MIT-style license that can be
|
|
86
|
+
* found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
|
|
87
|
+
*/
|
|
88
|
+
class WrDropdownDirective {
|
|
89
|
+
get hostClasses() {
|
|
90
|
+
return {
|
|
91
|
+
'wr-dropdown-trigger': true,
|
|
92
|
+
};
|
|
93
|
+
}
|
|
94
|
+
constructor() {
|
|
95
|
+
this.dropdownMenu = input(...(ngDevMode ? [undefined, { debugName: "dropdownMenu" }] : []));
|
|
96
|
+
this.trigger = input('click', ...(ngDevMode ? [{ debugName: "trigger" }] : []));
|
|
97
|
+
this.position = input('bottomLeft', ...(ngDevMode ? [{ debugName: "position" }] : []));
|
|
98
|
+
this.isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
|
|
99
|
+
this.clickTimeStamp = 0;
|
|
100
|
+
this.overlay = inject(Overlay);
|
|
101
|
+
this.elementRef = inject(ElementRef);
|
|
102
|
+
this.viewContainerRef = inject(ViewContainerRef);
|
|
103
|
+
this.scrollStrategyOptions = inject(ScrollStrategyOptions);
|
|
104
|
+
this.destroyRef = inject(DestroyRef);
|
|
105
|
+
const isOpen = this.isOpen;
|
|
106
|
+
effect(() => {
|
|
107
|
+
if (isOpen()) {
|
|
108
|
+
this.open();
|
|
109
|
+
}
|
|
110
|
+
else {
|
|
111
|
+
this.close();
|
|
112
|
+
}
|
|
113
|
+
});
|
|
114
|
+
}
|
|
115
|
+
ngOnDestroy() {
|
|
116
|
+
this.destroyOverlay();
|
|
117
|
+
}
|
|
118
|
+
onClick(event) {
|
|
119
|
+
if (this.trigger() !== 'click') {
|
|
120
|
+
return;
|
|
121
|
+
}
|
|
122
|
+
event.stopPropagation();
|
|
123
|
+
if (event.timeStamp === this.clickTimeStamp) {
|
|
124
|
+
return;
|
|
125
|
+
}
|
|
126
|
+
this.isOpen.update(value => !value);
|
|
127
|
+
}
|
|
128
|
+
onMouseEnter() {
|
|
129
|
+
if (this.trigger() !== 'hover') {
|
|
130
|
+
return;
|
|
131
|
+
}
|
|
132
|
+
this.isOpen.set(true);
|
|
133
|
+
}
|
|
134
|
+
open() {
|
|
135
|
+
if (this.overlayRef || !this.dropdownMenu()) {
|
|
136
|
+
return;
|
|
137
|
+
}
|
|
138
|
+
const positionStrategy = this.overlay
|
|
139
|
+
.position()
|
|
140
|
+
.flexibleConnectedTo(this.elementRef)
|
|
141
|
+
.withPositions(WR_DROPDOWN_POSITIONS[this.position()])
|
|
142
|
+
.withPush(true);
|
|
143
|
+
this.overlayRef = this.overlay.create({
|
|
144
|
+
positionStrategy,
|
|
145
|
+
scrollStrategy: this.scrollStrategyOptions.reposition(),
|
|
146
|
+
panelClass: ['wr-dropdown-overlay', `wr-dropdown--${this.position()}`],
|
|
147
|
+
});
|
|
148
|
+
const portal = new TemplatePortal(this.dropdownMenu().contentTpl, this.viewContainerRef);
|
|
149
|
+
this.overlayRef.attach(portal);
|
|
150
|
+
if (this.trigger() === 'hover') {
|
|
151
|
+
this.setupHoverEvents();
|
|
152
|
+
}
|
|
153
|
+
else {
|
|
154
|
+
this.setupClickEvents();
|
|
155
|
+
}
|
|
156
|
+
this.overlayRef
|
|
157
|
+
.keydownEvents()
|
|
158
|
+
.pipe(takeUntilDestroyed(this.destroyRef))
|
|
159
|
+
.subscribe(event => {
|
|
160
|
+
if (event.key === 'Escape') {
|
|
161
|
+
this.clickTimeStamp = event.timeStamp;
|
|
162
|
+
this.isOpen.set(false);
|
|
163
|
+
}
|
|
164
|
+
});
|
|
165
|
+
setTimeout(() => {
|
|
166
|
+
this.overlayRef?.updatePosition();
|
|
167
|
+
});
|
|
168
|
+
}
|
|
169
|
+
setupClickEvents() {
|
|
170
|
+
this.overlayRef.outsidePointerEvents()
|
|
171
|
+
.pipe(filter(event => !this.elementRef.nativeElement.contains(event.target)), takeUntilDestroyed(this.destroyRef))
|
|
172
|
+
.subscribe(event => {
|
|
173
|
+
this.clickTimeStamp = event.timeStamp;
|
|
174
|
+
this.isOpen.set(false);
|
|
175
|
+
});
|
|
176
|
+
}
|
|
177
|
+
setupHoverEvents() {
|
|
178
|
+
const overlayElement = this.overlayRef.overlayElement;
|
|
179
|
+
const triggerElement = this.elementRef.nativeElement;
|
|
180
|
+
const triggerLeave$ = fromEvent(triggerElement, 'mouseleave').pipe(filter(event => {
|
|
181
|
+
const relatedTarget = event.relatedTarget;
|
|
182
|
+
return !overlayElement.contains(relatedTarget) && relatedTarget !== overlayElement;
|
|
183
|
+
}));
|
|
184
|
+
const overlayLeave$ = fromEvent(overlayElement, 'mouseleave').pipe(filter(event => {
|
|
185
|
+
const relatedTarget = event.relatedTarget;
|
|
186
|
+
return !triggerElement.contains(relatedTarget) && relatedTarget !== triggerElement;
|
|
187
|
+
}));
|
|
188
|
+
merge(triggerLeave$, overlayLeave$)
|
|
189
|
+
.pipe(takeUntilDestroyed(this.destroyRef))
|
|
190
|
+
.subscribe(() => {
|
|
191
|
+
if (!triggerElement.matches(':hover') && !overlayElement.matches(':hover')) {
|
|
192
|
+
this.isOpen.set(false);
|
|
193
|
+
}
|
|
194
|
+
});
|
|
195
|
+
fromEvent(overlayElement, 'mouseenter')
|
|
196
|
+
.pipe(takeUntilDestroyed(this.destroyRef))
|
|
197
|
+
.subscribe(() => {
|
|
198
|
+
this.isOpen.set(true);
|
|
199
|
+
});
|
|
200
|
+
}
|
|
201
|
+
close() {
|
|
202
|
+
if (this.overlayRef) {
|
|
203
|
+
this.overlayRef.detach();
|
|
204
|
+
this.destroyOverlay();
|
|
205
|
+
}
|
|
206
|
+
}
|
|
207
|
+
destroyOverlay() {
|
|
208
|
+
if (this.overlayRef) {
|
|
209
|
+
this.overlayRef.dispose();
|
|
210
|
+
this.overlayRef = undefined;
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrDropdownDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
214
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: WrDropdownDirective, isStandalone: true, selector: "[wrDropdown]", inputs: { dropdownMenu: { classPropertyName: "dropdownMenu", publicName: "dropdownMenu", isSignal: true, isRequired: false, transformFunction: null }, trigger: { classPropertyName: "trigger", publicName: "trigger", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)", "mouseenter": "onMouseEnter()" }, properties: { "class": "this.hostClasses" } }, ngImport: i0 }); }
|
|
215
|
+
}
|
|
216
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrDropdownDirective, decorators: [{
|
|
217
|
+
type: Directive,
|
|
218
|
+
args: [{
|
|
219
|
+
selector: '[wrDropdown]',
|
|
220
|
+
}]
|
|
221
|
+
}], ctorParameters: () => [], propDecorators: { dropdownMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownMenu", required: false }] }], trigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "trigger", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], hostClasses: [{
|
|
222
|
+
type: HostBinding,
|
|
223
|
+
args: ['class']
|
|
224
|
+
}], onClick: [{
|
|
225
|
+
type: HostListener,
|
|
226
|
+
args: ['click', ['$event']]
|
|
227
|
+
}], onMouseEnter: [{
|
|
228
|
+
type: HostListener,
|
|
229
|
+
args: ['mouseenter']
|
|
230
|
+
}] } });
|
|
231
|
+
|
|
232
|
+
/**
|
|
233
|
+
* @license
|
|
234
|
+
*
|
|
235
|
+
* Use of this source code is governed by an MIT-style license that can be
|
|
236
|
+
* found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
|
|
237
|
+
*/
|
|
238
|
+
class WrDropdownMenuComponent {
|
|
239
|
+
get hostClasses() {
|
|
240
|
+
return {
|
|
241
|
+
display: 'none',
|
|
242
|
+
};
|
|
243
|
+
}
|
|
244
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrDropdownMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
245
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: WrDropdownMenuComponent, isStandalone: true, selector: "wr-dropdown-menu", host: { properties: { "style": "this.hostClasses" } }, viewQueries: [{ propertyName: "contentTpl", first: true, predicate: ["contentTpl"], descendants: true }], exportAs: ["wrDropdownMenu"], ngImport: i0, template: "<ng-template #contentTpl>\n <div class=\"wr-dropdown-menu\">\n <ng-content />\n </div>\n</ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
246
|
+
}
|
|
247
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrDropdownMenuComponent, decorators: [{
|
|
248
|
+
type: Component,
|
|
249
|
+
args: [{ selector: 'wr-dropdown-menu', exportAs: 'wrDropdownMenu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template #contentTpl>\n <div class=\"wr-dropdown-menu\">\n <ng-content />\n </div>\n</ng-template>\n" }]
|
|
250
|
+
}], propDecorators: { hostClasses: [{
|
|
251
|
+
type: HostBinding,
|
|
252
|
+
args: ['style']
|
|
253
|
+
}], contentTpl: [{
|
|
254
|
+
type: ViewChild,
|
|
255
|
+
args: ['contentTpl']
|
|
256
|
+
}] } });
|
|
257
|
+
|
|
258
|
+
/**
|
|
259
|
+
* @license
|
|
260
|
+
*
|
|
261
|
+
* Use of this source code is governed by an MIT-style license that can be
|
|
262
|
+
* found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
|
|
263
|
+
*/
|
|
264
|
+
class WrDropdownMenuItemComponent {
|
|
265
|
+
constructor() {
|
|
266
|
+
this.icon = input(null, ...(ngDevMode ? [{ debugName: "icon" }] : []));
|
|
267
|
+
this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
268
|
+
this.attrRole = 'menuitem';
|
|
269
|
+
this.tabindex = this.disabled() ? '' : '0';
|
|
270
|
+
}
|
|
271
|
+
get hostClasses() {
|
|
272
|
+
return {
|
|
273
|
+
'wr-dropdown-item': true,
|
|
274
|
+
'wr-dropdown-item--disabled': this.disabled(),
|
|
275
|
+
};
|
|
276
|
+
}
|
|
277
|
+
onClick(event) {
|
|
278
|
+
if (this.disabled()) {
|
|
279
|
+
event.preventDefault();
|
|
280
|
+
event.stopPropagation();
|
|
281
|
+
}
|
|
282
|
+
}
|
|
283
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrDropdownMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
284
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: WrDropdownMenuItemComponent, isStandalone: true, selector: "wr-dropdown-menu-item", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "this.hostClasses", "attr.role": "this.attrRole", "attr.tabindex": "this.tabindex" } }, ngImport: i0, template: "<div class=\"wr-dropdown-item__content\">\n @if (icon()) {\n <wr-icon class=\"wr-dropdown-item__icon\" [name]=\"icon()!\" />\n }\n <span class=\"wr-dropdown-item__label\">\n <ng-content></ng-content>\n </span>\n</div>\n", dependencies: [{ kind: "component", type: WrIconComponent, selector: "wr-icon", inputs: ["name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
285
|
+
}
|
|
286
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrDropdownMenuItemComponent, decorators: [{
|
|
287
|
+
type: Component,
|
|
288
|
+
args: [{ selector: 'wr-dropdown-menu-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [WrIconComponent], template: "<div class=\"wr-dropdown-item__content\">\n @if (icon()) {\n <wr-icon class=\"wr-dropdown-item__icon\" [name]=\"icon()!\" />\n }\n <span class=\"wr-dropdown-item__label\">\n <ng-content></ng-content>\n </span>\n</div>\n" }]
|
|
289
|
+
}], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], hostClasses: [{
|
|
290
|
+
type: HostBinding,
|
|
291
|
+
args: ['class']
|
|
292
|
+
}], attrRole: [{
|
|
293
|
+
type: HostBinding,
|
|
294
|
+
args: ['attr.role']
|
|
295
|
+
}], tabindex: [{
|
|
296
|
+
type: HostBinding,
|
|
297
|
+
args: ['attr.tabindex']
|
|
298
|
+
}], onClick: [{
|
|
299
|
+
type: HostListener,
|
|
300
|
+
args: ['click', ['$event']]
|
|
301
|
+
}] } });
|
|
302
|
+
|
|
303
|
+
/**
|
|
304
|
+
* @license
|
|
305
|
+
*
|
|
306
|
+
* Use of this source code is governed by an MIT-style license that can be
|
|
307
|
+
* found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
|
|
308
|
+
*/
|
|
309
|
+
|
|
310
|
+
/**
|
|
311
|
+
* Generated bundle index. Do not edit.
|
|
312
|
+
*/
|
|
313
|
+
|
|
314
|
+
export { WR_DROPDOWN_POSITIONS, WrDropdownDirective, WrDropdownMenuComponent, WrDropdownMenuItemComponent };
|
|
315
|
+
//# sourceMappingURL=ngwr-dropdown.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ngwr-dropdown.mjs","sources":["../../../projects/lib/dropdown/dropdown.types.ts","../../../projects/lib/dropdown/dropdown.directive.ts","../../../projects/lib/dropdown/dropdown-menu.component.ts","../../../projects/lib/dropdown/dropdown-menu.component.html","../../../projects/lib/dropdown/dropdown-menu-item.component.ts","../../../projects/lib/dropdown/dropdown-menu-item.component.html","../../../projects/lib/dropdown/public-api.ts","../../../projects/lib/dropdown/ngwr-dropdown.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { ConnectedPosition } from '@angular/cdk/overlay';\n\nexport type WrDropdownTrigger = 'click' | 'hover';\n\nexport const WR_DROPDOWN_POSITIONS: Record<string, ConnectedPosition[]> = {\n top: [\n {\n originX: 'center',\n originY: 'top',\n overlayX: 'center',\n overlayY: 'bottom',\n },\n ],\n topLeft: [\n {\n originX: 'start',\n originY: 'top',\n overlayX: 'start',\n overlayY: 'bottom',\n },\n ],\n topRight: [\n {\n originX: 'end',\n originY: 'top',\n overlayX: 'end',\n overlayY: 'bottom',\n },\n ],\n bottom: [\n {\n originX: 'center',\n originY: 'bottom',\n overlayX: 'center',\n overlayY: 'top',\n },\n ],\n bottomLeft: [\n {\n originX: 'start',\n originY: 'bottom',\n overlayX: 'start',\n overlayY: 'top',\n },\n ],\n bottomRight: [\n {\n originX: 'end',\n originY: 'bottom',\n overlayX: 'end',\n overlayY: 'top',\n },\n ],\n left: [\n {\n originX: 'start',\n originY: 'center',\n overlayX: 'end',\n overlayY: 'center',\n },\n ],\n right: [\n {\n originX: 'end',\n originY: 'center',\n overlayX: 'start',\n overlayY: 'center',\n },\n ],\n};\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Overlay, OverlayRef, ScrollStrategyOptions } from '@angular/cdk/overlay';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport {\n Directive,\n ElementRef,\n inject,\n input,\n OnDestroy,\n ViewContainerRef,\n effect,\n signal,\n DestroyRef,\n HostListener,\n HostBinding,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { filter, fromEvent, merge } from 'rxjs';\n\nimport { WrDropdownMenuComponent } from './dropdown-menu.component';\nimport { WR_DROPDOWN_POSITIONS, WrDropdownTrigger } from './dropdown.types';\n\n@Directive({\n selector: '[wrDropdown]',\n})\nexport class WrDropdownDirective implements OnDestroy {\n dropdownMenu = input<WrDropdownMenuComponent>();\n trigger = input<WrDropdownTrigger>('click');\n position = input<keyof typeof WR_DROPDOWN_POSITIONS>('bottomLeft');\n\n private readonly isOpen = signal(false);\n private overlayRef?: OverlayRef;\n private clickTimeStamp = 0;\n\n private readonly overlay = inject(Overlay);\n private readonly elementRef = inject(ElementRef);\n private readonly viewContainerRef = inject(ViewContainerRef);\n private readonly scrollStrategyOptions = inject(ScrollStrategyOptions);\n private readonly destroyRef = inject(DestroyRef);\n\n @HostBinding('class')\n get hostClasses(): Record<string, boolean> {\n return {\n 'wr-dropdown-trigger': true,\n };\n }\n\n constructor() {\n const isOpen = this.isOpen;\n\n effect(() => {\n if (isOpen()) {\n this.open();\n } else {\n this.close();\n }\n });\n }\n\n ngOnDestroy(): void {\n this.destroyOverlay();\n }\n\n @HostListener('click', ['$event'])\n protected onClick(event: MouseEvent): void {\n if (this.trigger() !== 'click') {\n return;\n }\n\n event.stopPropagation();\n\n if (event.timeStamp === this.clickTimeStamp) {\n return;\n }\n\n this.isOpen.update(value => !value);\n }\n\n @HostListener('mouseenter')\n protected onMouseEnter(): void {\n if (this.trigger() !== 'hover') {\n return;\n }\n\n this.isOpen.set(true);\n }\n\n private open(): void {\n if (this.overlayRef || !this.dropdownMenu()) {\n return;\n }\n\n const positionStrategy = this.overlay\n .position()\n .flexibleConnectedTo(this.elementRef)\n .withPositions(WR_DROPDOWN_POSITIONS[this.position()])\n .withPush(true);\n\n this.overlayRef = this.overlay.create({\n positionStrategy,\n scrollStrategy: this.scrollStrategyOptions.reposition(),\n panelClass: ['wr-dropdown-overlay', `wr-dropdown--${this.position()}`],\n });\n\n const portal = new TemplatePortal(this.dropdownMenu()!.contentTpl, this.viewContainerRef);\n\n this.overlayRef.attach(portal);\n\n if (this.trigger() === 'hover') {\n this.setupHoverEvents();\n } else {\n this.setupClickEvents();\n }\n\n this.overlayRef\n .keydownEvents()\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe(event => {\n if (event.key === 'Escape') {\n this.clickTimeStamp = event.timeStamp;\n this.isOpen.set(false);\n }\n });\n\n setTimeout(() => {\n this.overlayRef?.updatePosition();\n });\n }\n\n private setupClickEvents(): void {\n this.overlayRef!.outsidePointerEvents()\n .pipe(\n filter(event => !this.elementRef.nativeElement.contains(event.target)),\n takeUntilDestroyed(this.destroyRef)\n )\n .subscribe(event => {\n this.clickTimeStamp = event.timeStamp;\n this.isOpen.set(false);\n });\n }\n\n private setupHoverEvents(): void {\n const overlayElement = this.overlayRef!.overlayElement;\n const triggerElement = this.elementRef.nativeElement;\n\n const triggerLeave$ = fromEvent<MouseEvent>(triggerElement, 'mouseleave').pipe(\n filter(event => {\n const relatedTarget = event.relatedTarget as Element;\n return !overlayElement.contains(relatedTarget) && relatedTarget !== overlayElement;\n })\n );\n\n const overlayLeave$ = fromEvent<MouseEvent>(overlayElement, 'mouseleave').pipe(\n filter(event => {\n const relatedTarget = event.relatedTarget as Element;\n return !triggerElement.contains(relatedTarget) && relatedTarget !== triggerElement;\n })\n );\n\n merge(triggerLeave$, overlayLeave$)\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe(() => {\n if (!triggerElement.matches(':hover') && !overlayElement.matches(':hover')) {\n this.isOpen.set(false);\n }\n });\n\n fromEvent(overlayElement, 'mouseenter')\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe(() => {\n this.isOpen.set(true);\n });\n }\n\n private close(): void {\n if (this.overlayRef) {\n this.overlayRef.detach();\n this.destroyOverlay();\n }\n }\n\n private destroyOverlay(): void {\n if (this.overlayRef) {\n this.overlayRef.dispose();\n this.overlayRef = undefined;\n }\n }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport {\n Component,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n ViewChild,\n TemplateRef,\n HostBinding,\n} from '@angular/core';\n\n@Component({\n selector: 'wr-dropdown-menu',\n templateUrl: './dropdown-menu.component.html',\n exportAs: 'wrDropdownMenu',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class WrDropdownMenuComponent {\n @HostBinding('style')\n get hostClasses(): Record<string, string> {\n return {\n display: 'none',\n };\n }\n\n @ViewChild('contentTpl')\n contentTpl!: TemplateRef<void>;\n}\n","<ng-template #contentTpl>\n <div class=\"wr-dropdown-menu\">\n <ng-content />\n </div>\n</ng-template>\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport {\n Component,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n input,\n HostBinding,\n HostListener,\n booleanAttribute,\n} from '@angular/core';\n\nimport { WrIconComponent, wrIconName } from 'ngwr/icon';\n\n@Component({\n selector: 'wr-dropdown-menu-item',\n templateUrl: './dropdown-menu-item.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [WrIconComponent],\n})\nexport class WrDropdownMenuItemComponent {\n icon = input<wrIconName | null>(null);\n disabled = input(false, { transform: booleanAttribute });\n\n @HostBinding('class')\n get hostClasses(): Record<string, boolean> {\n return {\n 'wr-dropdown-item': true,\n 'wr-dropdown-item--disabled': this.disabled(),\n };\n }\n\n @HostBinding('attr.role')\n attrRole = 'menuitem';\n\n @HostBinding('attr.tabindex')\n tabindex = this.disabled() ? '' : '0';\n\n @HostListener('click', ['$event'])\n protected onClick(event: MouseEvent): void {\n if (this.disabled()) {\n event.preventDefault();\n event.stopPropagation();\n }\n }\n}\n","<div class=\"wr-dropdown-item__content\">\n @if (icon()) {\n <wr-icon class=\"wr-dropdown-item__icon\" [name]=\"icon()!\" />\n }\n <span class=\"wr-dropdown-item__label\">\n <ng-content></ng-content>\n </span>\n</div>\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nexport * from './dropdown.types';\nexport * from './dropdown.directive';\nexport * from './dropdown-menu.component';\nexport * from './dropdown-menu-item.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
package/fesm2022/ngwr-form.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, booleanAttribute, Input
|
|
2
|
+
import { Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, booleanAttribute, Input } from '@angular/core';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* @license
|
|
@@ -16,13 +16,12 @@ class WrFormErrorComponent {
|
|
|
16
16
|
constructor() {
|
|
17
17
|
this.class = 'wr-form-error';
|
|
18
18
|
}
|
|
19
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
20
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
19
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrFormErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: WrFormErrorComponent, isStandalone: true, selector: "wr-form-error", host: { properties: { "class": "this.class" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
21
21
|
}
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrFormErrorComponent, decorators: [{
|
|
23
23
|
type: Component,
|
|
24
24
|
args: [{
|
|
25
|
-
standalone: true,
|
|
26
25
|
selector: 'wr-form-error',
|
|
27
26
|
template: `<ng-content />`,
|
|
28
27
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -53,13 +52,12 @@ class WrFormItemComponent {
|
|
|
53
52
|
'wr-form-item--has-error': this.hasError,
|
|
54
53
|
};
|
|
55
54
|
}
|
|
56
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
57
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "
|
|
55
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrFormItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
56
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.10", type: WrFormItemComponent, isStandalone: true, selector: "wr-form-item", inputs: { hasError: ["hasError", "hasError", booleanAttribute] }, host: { properties: { "class": "this.elClasses" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
58
57
|
}
|
|
59
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
58
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrFormItemComponent, decorators: [{
|
|
60
59
|
type: Component,
|
|
61
60
|
args: [{
|
|
62
|
-
standalone: true,
|
|
63
61
|
selector: 'wr-form-item',
|
|
64
62
|
template: `<ng-content />`,
|
|
65
63
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -73,25 +71,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImpor
|
|
|
73
71
|
args: ['class']
|
|
74
72
|
}] } });
|
|
75
73
|
|
|
76
|
-
/**
|
|
77
|
-
* @license
|
|
78
|
-
*
|
|
79
|
-
* Use of this source code is governed by an MIT-style license that can be
|
|
80
|
-
* found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
|
|
81
|
-
*/
|
|
82
|
-
class WrFormModule {
|
|
83
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
84
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.3", ngImport: i0, type: WrFormModule, imports: [WrFormItemComponent, WrFormErrorComponent], exports: [WrFormItemComponent, WrFormErrorComponent] }); }
|
|
85
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrFormModule }); }
|
|
86
|
-
}
|
|
87
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrFormModule, decorators: [{
|
|
88
|
-
type: NgModule,
|
|
89
|
-
args: [{
|
|
90
|
-
imports: [WrFormItemComponent, WrFormErrorComponent],
|
|
91
|
-
exports: [WrFormItemComponent, WrFormErrorComponent],
|
|
92
|
-
}]
|
|
93
|
-
}] });
|
|
94
|
-
|
|
95
74
|
/**
|
|
96
75
|
* @license
|
|
97
76
|
*
|
|
@@ -103,5 +82,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImpor
|
|
|
103
82
|
* Generated bundle index. Do not edit.
|
|
104
83
|
*/
|
|
105
84
|
|
|
106
|
-
export { WrFormErrorComponent, WrFormItemComponent
|
|
85
|
+
export { WrFormErrorComponent, WrFormItemComponent };
|
|
107
86
|
//# sourceMappingURL=ngwr-form.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngwr-form.mjs","sources":["../../../projects/lib/form/form-error.component.ts","../../../projects/lib/form/form-item.component.ts","../../../projects/lib/form/
|
|
1
|
+
{"version":3,"file":"ngwr-form.mjs","sources":["../../../projects/lib/form/form-error.component.ts","../../../projects/lib/form/form-item.component.ts","../../../projects/lib/form/public-api.ts","../../../projects/lib/form/ngwr-form.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n/**\n * NGWR form error component.\n *\n * {@tutorial} [How to use wr-alert]{@link http://ngwr.dev/docs/components/form}\n */\n@Component({\n selector: 'wr-form-error',\n template: `<ng-content />`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class WrFormErrorComponent {\n @HostBinding() class = 'wr-form-error';\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n Input,\n ViewEncapsulation,\n} from '@angular/core';\n\nimport { SafeAny } from 'ngwr/cdk/types';\n\n/**\n * NGWR form item component.\n *\n * {@tutorial} [How to use wr-alert]{@link http://ngwr.dev/docs/components/form}\n */\n@Component({\n selector: 'wr-form-item',\n template: `<ng-content />`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class WrFormItemComponent {\n @Input({ transform: booleanAttribute }) hasError = false;\n\n @HostBinding('class')\n get elClasses(): SafeAny {\n return {\n 'wr-form-item': true,\n 'wr-form-item--has-error': this.hasError,\n };\n }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nexport * from './form-error.component';\nexport * from './form-item.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAAA;;;;;AAKG;AAIH;;;;AAIG;MAOU,oBAAoB,CAAA;AANjC,IAAA,WAAA,GAAA;QAOiB,IAAK,CAAA,KAAA,GAAG,eAAe;AACvC;+GAFY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,0HAJrB,CAAgB,cAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAIf,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,QAAQ,EAAE,CAAgB,cAAA,CAAA;oBAC1B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACtC,iBAAA;;sBAEE;;;ACrBH;;;;;AAKG;AAaH;;;;AAIG;MAOU,mBAAmB,CAAA;AANhC,IAAA,WAAA,GAAA;QAO0C,IAAQ,CAAA,QAAA,GAAG,KAAK;AASzD;AAPC,IAAA,IACI,SAAS,GAAA;QACX,OAAO;AACL,YAAA,cAAc,EAAE,IAAI;YACpB,yBAAyB,EAAE,IAAI,CAAC,QAAQ;SACzC;;+GARQ,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EACV,gBAAgB,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAL1B,CAAgB,cAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAIf,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,QAAQ,EAAE,CAAgB,cAAA,CAAA;oBAC1B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACtC,iBAAA;;sBAEE,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;sBAErC,WAAW;uBAAC,OAAO;;;AChCtB;;;;;AAKG;;ACLH;;AAEG;;;;"}
|
package/fesm2022/ngwr-icon.mjs
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { DOCUMENT } from '@angular/common';
|
|
2
1
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { InjectionToken, Injectable, inject, Renderer2, ElementRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding
|
|
2
|
+
import { InjectionToken, Injectable, inject, Renderer2, ElementRef, DOCUMENT, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding } from '@angular/core';
|
|
4
3
|
|
|
5
4
|
/**
|
|
6
5
|
* @license
|
|
@@ -16,10 +15,10 @@ class WrIconService {
|
|
|
16
15
|
addIcon(...icons) {
|
|
17
16
|
icons.forEach(i => this.registry.set(i.name, i.data));
|
|
18
17
|
}
|
|
19
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
20
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
18
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrIconService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
19
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrIconService, providedIn: 'root' }); }
|
|
21
20
|
}
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrIconService, decorators: [{
|
|
23
22
|
type: Injectable,
|
|
24
23
|
args: [{
|
|
25
24
|
providedIn: 'root',
|
|
@@ -33,10 +32,10 @@ class WrIconPatchService {
|
|
|
33
32
|
addIcons() {
|
|
34
33
|
this.icons.forEach(icon => this.wrIconService.addIcon(icon));
|
|
35
34
|
}
|
|
36
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
37
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
35
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrIconPatchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
36
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrIconPatchService }); }
|
|
38
37
|
}
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrIconPatchService, decorators: [{
|
|
40
39
|
type: Injectable
|
|
41
40
|
}] });
|
|
42
41
|
|
|
@@ -103,13 +102,12 @@ class WrIconComponent {
|
|
|
103
102
|
this.patchService.addIcons();
|
|
104
103
|
}
|
|
105
104
|
}
|
|
106
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
107
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
105
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
106
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: WrIconComponent, isStandalone: true, selector: "wr-icon", inputs: { name: "name" }, host: { properties: { "class": "this.elClasses" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
108
107
|
}
|
|
109
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
108
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrIconComponent, decorators: [{
|
|
110
109
|
type: Component,
|
|
111
110
|
args: [{
|
|
112
|
-
standalone: true,
|
|
113
111
|
selector: 'wr-icon',
|
|
114
112
|
template: '',
|
|
115
113
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -123,25 +121,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImpor
|
|
|
123
121
|
args: ['class']
|
|
124
122
|
}] } });
|
|
125
123
|
|
|
126
|
-
/**
|
|
127
|
-
* @license
|
|
128
|
-
*
|
|
129
|
-
* Use of this source code is governed by an MIT-style license that can be
|
|
130
|
-
* found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
|
|
131
|
-
*/
|
|
132
|
-
class WrIconModule {
|
|
133
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
134
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.3", ngImport: i0, type: WrIconModule, imports: [WrIconComponent], exports: [WrIconComponent] }); }
|
|
135
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrIconModule }); }
|
|
136
|
-
}
|
|
137
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrIconModule, decorators: [{
|
|
138
|
-
type: NgModule,
|
|
139
|
-
args: [{
|
|
140
|
-
imports: [WrIconComponent],
|
|
141
|
-
exports: [WrIconComponent],
|
|
142
|
-
}]
|
|
143
|
-
}] });
|
|
144
|
-
|
|
145
124
|
/* 🤖 this file was generated by svg-to-ts */
|
|
146
125
|
const addCircleOutline = {
|
|
147
126
|
name: 'add-circle-outline',
|
|
@@ -718,5 +697,5 @@ function provideWrIcons(icons) {
|
|
|
718
697
|
* Generated bundle index. Do not edit.
|
|
719
698
|
*/
|
|
720
699
|
|
|
721
|
-
export { WR_ICONS_PATCH, WrIconComponent,
|
|
700
|
+
export { WR_ICONS_PATCH, WrIconComponent, WrIconPatchService, WrIconService, add, addCircle, addCircleOutline, alert, alertCircle, alertCircleOutline, alertSquircle, arrowBack, arrowBackCircle, arrowBottom, arrowBottomCircle, arrowForward, arrowForwardCircle, arrowTop, arrowTopCircle, bug, bugOutline, caretBack, caretBackCircle, caretForward, caretForwardCircle, checkmark, checkmarkCircle, checkmarkCircleOutline, chevronDown, chevronUp, close, closeCircle, closeCircleOutline, cog, copy, copyOutline, discover, document, dotsHorizontal, dotsVertical, download, externalOutline, eye, eyeOff, fileAab, fileApk, fileApks, fileIpa, fileZip, filter, filterOutline, flash, folder, help, home, infoCircleOutline, lock, lockOpened, logoAndroid, logoAngular, logoAppCenter, logoAppGallery, logoApple, logoAppscreener, logoAppstore, logoBankCenterCredit, logoChrome, logoDiscord, logoFirebase, logoForteBank, logoGithub, logoGitlab, logoGooglePlay, logoHalykBank, logoInstagram, logoJusanBank, logoKaspiBank, logoNpm, logoOtbasyBank, logoOversecured, logoRustore, logoStingray, logoTelegram, logoVk, logoWhatsapp, logoYandexCloud, logoYandexTracker, modules, moon, play, playBack, playCircle, playForward, plusCircle, provideWrIcons, reader, repeat, search, shield, shieldCheckmark, shieldCheckmarkOutline, shieldOutline, shuffle, stop, stopCircle, sun, terminal, time, trash, user, userAdd, userCircle, userRemove, warning, wrIconSet };
|
|
722
701
|
//# sourceMappingURL=ngwr-icon.mjs.map
|