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
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { Directive, HostListener, Input, } from '@angular/core';
|
|
2
|
+
import { WrTooltipComponent } from './tooltip-component';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class WrTooltipDirective {
|
|
5
|
+
onClick(event) {
|
|
6
|
+
if (this.trigger === 'click') {
|
|
7
|
+
event.preventDefault();
|
|
8
|
+
this.onTooltipShow();
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
onMouseEnter() {
|
|
12
|
+
if (this.trigger === 'hover') {
|
|
13
|
+
this.onTooltipShow();
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
onMouseLeave() {
|
|
17
|
+
if (this.trigger === 'hover') {
|
|
18
|
+
let overlayElement;
|
|
19
|
+
this.leaveDelay(true, false, 0.1);
|
|
20
|
+
if (this.componentRef.instance?.overlay.overlayRef && !overlayElement) {
|
|
21
|
+
overlayElement = this.componentRef.instance.overlay.overlayRef.overlayElement;
|
|
22
|
+
this.r2.listen(overlayElement, 'mouseenter', () => {
|
|
23
|
+
this.leaveDelay(false, true, 0.1);
|
|
24
|
+
});
|
|
25
|
+
this.r2.listen(overlayElement, 'mouseleave', () => {
|
|
26
|
+
this.leaveDelay(false, false, -1);
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
constructor(elRef, r2, vcr) {
|
|
32
|
+
this.elRef = elRef;
|
|
33
|
+
this.r2 = r2;
|
|
34
|
+
this.vcr = vcr;
|
|
35
|
+
this.message = null;
|
|
36
|
+
this.trigger = 'hover';
|
|
37
|
+
this.componentRef = this.vcr.createComponent(WrTooltipComponent);
|
|
38
|
+
}
|
|
39
|
+
ngAfterViewInit() {
|
|
40
|
+
this.componentRef.instance.origin = this.elRef;
|
|
41
|
+
this.componentRef.instance.message = this.message;
|
|
42
|
+
this.componentRef.instance.trigger = this.trigger;
|
|
43
|
+
}
|
|
44
|
+
onTooltipShow() {
|
|
45
|
+
this.componentRef?.instance?.show();
|
|
46
|
+
}
|
|
47
|
+
onTooltipHide() {
|
|
48
|
+
this.componentRef?.instance?.hide();
|
|
49
|
+
}
|
|
50
|
+
leaveDelay(isOrigin, isEnter, delay = -1) {
|
|
51
|
+
if (delay > 0) {
|
|
52
|
+
this.delayTimer = setTimeout(() => {
|
|
53
|
+
this.delayTimer = undefined;
|
|
54
|
+
isEnter ? this.onTooltipShow() : this.onTooltipHide();
|
|
55
|
+
}, delay * 1000);
|
|
56
|
+
}
|
|
57
|
+
else {
|
|
58
|
+
isEnter && isOrigin ? this.onTooltipShow() : this.onTooltipHide();
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: WrTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
62
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.3", type: WrTooltipDirective, selector: "[wrTooltip]", inputs: { message: ["wrTooltip", "message"], trigger: "trigger" }, host: { listeners: { "click": "onClick($event)", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, exportAs: ["wrTooltip"], ngImport: i0 }); }
|
|
63
|
+
}
|
|
64
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: WrTooltipDirective, decorators: [{
|
|
65
|
+
type: Directive,
|
|
66
|
+
args: [{
|
|
67
|
+
selector: '[wrTooltip]',
|
|
68
|
+
exportAs: 'wrTooltip',
|
|
69
|
+
}]
|
|
70
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }]; }, propDecorators: { message: [{
|
|
71
|
+
type: Input,
|
|
72
|
+
args: ['wrTooltip']
|
|
73
|
+
}], trigger: [{
|
|
74
|
+
type: Input
|
|
75
|
+
}], onClick: [{
|
|
76
|
+
type: HostListener,
|
|
77
|
+
args: ['click', ['$event']]
|
|
78
|
+
}], onMouseEnter: [{
|
|
79
|
+
type: HostListener,
|
|
80
|
+
args: ['mouseenter']
|
|
81
|
+
}], onMouseLeave: [{
|
|
82
|
+
type: HostListener,
|
|
83
|
+
args: ['mouseleave']
|
|
84
|
+
}] } });
|
|
85
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC1kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9saWIvdG9vbHRpcC90b29sdGlwLWRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBR0wsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEdBR04sTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBT3pELE1BQU0sT0FBTyxrQkFBa0I7SUFNN0IsT0FBTyxDQUFDLEtBQWlCO1FBQ3ZCLElBQUksSUFBSSxDQUFDLE9BQU8sS0FBSyxPQUFPLEVBQUU7WUFDNUIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3ZCLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztTQUN0QjtJQUNILENBQUM7SUFHRCxZQUFZO1FBQ1YsSUFBSSxJQUFJLENBQUMsT0FBTyxLQUFLLE9BQU8sRUFBRTtZQUM1QixJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7U0FDdEI7SUFDSCxDQUFDO0lBR0QsWUFBWTtRQUNWLElBQUksSUFBSSxDQUFDLE9BQU8sS0FBSyxPQUFPLEVBQUU7WUFDNUIsSUFBSSxjQUF1QyxDQUFDO1lBRTVDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxHQUFHLENBQUMsQ0FBQztZQUVsQyxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLE9BQU8sQ0FBQyxVQUFVLElBQUksQ0FBQyxjQUFjLEVBQUU7Z0JBQ3JFLGNBQWMsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDLGNBQWMsQ0FBQztnQkFFOUUsSUFBSSxDQUFDLEVBQUUsQ0FBQyxNQUFNLENBQUMsY0FBYyxFQUFFLFlBQVksRUFBRSxHQUFHLEVBQUU7b0JBQ2hELElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxHQUFHLENBQUMsQ0FBQztnQkFDcEMsQ0FBQyxDQUFDLENBQUM7Z0JBQ0gsSUFBSSxDQUFDLEVBQUUsQ0FBQyxNQUFNLENBQUMsY0FBYyxFQUFFLFlBQVksRUFBRSxHQUFHLEVBQUU7b0JBQ2hELElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUNwQyxDQUFDLENBQUMsQ0FBQzthQUNKO1NBQ0Y7SUFDSCxDQUFDO0lBS0QsWUFDbUIsS0FBaUIsRUFDakIsRUFBYSxFQUNiLEdBQXFCO1FBRnJCLFVBQUssR0FBTCxLQUFLLENBQVk7UUFDakIsT0FBRSxHQUFGLEVBQUUsQ0FBVztRQUNiLFFBQUcsR0FBSCxHQUFHLENBQWtCO1FBN0NwQixZQUFPLEdBQWtCLElBQUksQ0FBQztRQUV6QyxZQUFPLEdBQXFCLE9BQU8sQ0FBQztRQXFDNUIsaUJBQVksR0FBcUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQU81RyxDQUFDO0lBRUosZUFBZTtRQUNiLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQy9DLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDO1FBQ2xELElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQ3BELENBQUM7SUFFTyxhQUFhO1FBQ25CLElBQUksQ0FBQyxZQUFZLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDO0lBQ3RDLENBQUM7SUFFTyxhQUFhO1FBQ25CLElBQUksQ0FBQyxZQUFZLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDO0lBQ3RDLENBQUM7SUFFTyxVQUFVLENBQUMsUUFBaUIsRUFBRSxPQUFnQixFQUFFLFFBQWdCLENBQUMsQ0FBQztRQUN4RSxJQUFJLEtBQUssR0FBRyxDQUFDLEVBQUU7WUFDYixJQUFJLENBQUMsVUFBVSxHQUFHLFVBQVUsQ0FBQyxHQUFHLEVBQUU7Z0JBQ2hDLElBQUksQ0FBQyxVQUFVLEdBQUcsU0FBUyxDQUFDO2dCQUM1QixPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ3hELENBQUMsRUFBRSxLQUFLLEdBQUcsSUFBSSxDQUFDLENBQUM7U0FDbEI7YUFBTTtZQUNMLE9BQU8sSUFBSSxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1NBQ25FO0lBQ0gsQ0FBQzs4R0F4RVUsa0JBQWtCO2tHQUFsQixrQkFBa0I7OzJGQUFsQixrQkFBa0I7a0JBSjlCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGFBQWE7b0JBQ3ZCLFFBQVEsRUFBRSxXQUFXO2lCQUN0Qjt3SkFFcUIsT0FBTztzQkFBMUIsS0FBSzt1QkFBQyxXQUFXO2dCQUVULE9BQU87c0JBQWYsS0FBSztnQkFHTixPQUFPO3NCQUROLFlBQVk7dUJBQUMsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFDO2dCQVNqQyxZQUFZO3NCQURYLFlBQVk7dUJBQUMsWUFBWTtnQkFRMUIsWUFBWTtzQkFEWCxZQUFZO3VCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDb21wb25lbnRSZWYsXG4gIERpcmVjdGl2ZSxcbiAgRWxlbWVudFJlZixcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCxcbiAgUmVuZGVyZXIyLFxuICBWaWV3Q29udGFpbmVyUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgV3JUb29sdGlwQ29tcG9uZW50IH0gZnJvbSAnLi90b29sdGlwLWNvbXBvbmVudCc7XG5pbXBvcnQgeyBXclRvb2x0aXBUcmlnZ2VyIH0gZnJvbSAnLi90b29sdGlwLXRyaWdnZXInO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbd3JUb29sdGlwXScsXG4gIGV4cG9ydEFzOiAnd3JUb29sdGlwJyxcbn0pXG5leHBvcnQgY2xhc3MgV3JUb29sdGlwRGlyZWN0aXZlIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIEBJbnB1dCgnd3JUb29sdGlwJykgbWVzc2FnZTogc3RyaW5nIHwgbnVsbCA9IG51bGw7XG5cbiAgQElucHV0KCkgdHJpZ2dlcjogV3JUb29sdGlwVHJpZ2dlciA9ICdob3Zlcic7XG5cbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snLCBbJyRldmVudCddKVxuICBvbkNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgaWYgKHRoaXMudHJpZ2dlciA9PT0gJ2NsaWNrJykge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIHRoaXMub25Ub29sdGlwU2hvdygpO1xuICAgIH1cbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ21vdXNlZW50ZXInKVxuICBvbk1vdXNlRW50ZXIoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMudHJpZ2dlciA9PT0gJ2hvdmVyJykge1xuICAgICAgdGhpcy5vblRvb2x0aXBTaG93KCk7XG4gICAgfVxuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignbW91c2VsZWF2ZScpXG4gIG9uTW91c2VMZWF2ZSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy50cmlnZ2VyID09PSAnaG92ZXInKSB7XG4gICAgICBsZXQgb3ZlcmxheUVsZW1lbnQ6IEhUTUxFbGVtZW50IHwgdW5kZWZpbmVkO1xuXG4gICAgICB0aGlzLmxlYXZlRGVsYXkodHJ1ZSwgZmFsc2UsIDAuMSk7XG5cbiAgICAgIGlmICh0aGlzLmNvbXBvbmVudFJlZi5pbnN0YW5jZT8ub3ZlcmxheS5vdmVybGF5UmVmICYmICFvdmVybGF5RWxlbWVudCkge1xuICAgICAgICBvdmVybGF5RWxlbWVudCA9IHRoaXMuY29tcG9uZW50UmVmLmluc3RhbmNlLm92ZXJsYXkub3ZlcmxheVJlZi5vdmVybGF5RWxlbWVudDtcblxuICAgICAgICB0aGlzLnIyLmxpc3RlbihvdmVybGF5RWxlbWVudCwgJ21vdXNlZW50ZXInLCAoKSA9PiB7XG4gICAgICAgICAgdGhpcy5sZWF2ZURlbGF5KGZhbHNlLCB0cnVlLCAwLjEpO1xuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5yMi5saXN0ZW4ob3ZlcmxheUVsZW1lbnQsICdtb3VzZWxlYXZlJywgKCkgPT4ge1xuICAgICAgICAgIHRoaXMubGVhdmVEZWxheShmYWxzZSwgZmFsc2UsIC0xKTtcbiAgICAgICAgfSk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSByZWFkb25seSBjb21wb25lbnRSZWY6IENvbXBvbmVudFJlZjxXclRvb2x0aXBDb21wb25lbnQ+ID0gdGhpcy52Y3IuY3JlYXRlQ29tcG9uZW50KFdyVG9vbHRpcENvbXBvbmVudCk7XG4gIHByaXZhdGUgZGVsYXlUaW1lcjogUmV0dXJuVHlwZTx0eXBlb2Ygc2V0VGltZW91dD4gfCB1bmRlZmluZWQ7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByZWFkb25seSBlbFJlZjogRWxlbWVudFJlZixcbiAgICBwcml2YXRlIHJlYWRvbmx5IHIyOiBSZW5kZXJlcjIsXG4gICAgcHJpdmF0ZSByZWFkb25seSB2Y3I6IFZpZXdDb250YWluZXJSZWZcbiAgKSB7fVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmNvbXBvbmVudFJlZi5pbnN0YW5jZS5vcmlnaW4gPSB0aGlzLmVsUmVmO1xuICAgIHRoaXMuY29tcG9uZW50UmVmLmluc3RhbmNlLm1lc3NhZ2UgPSB0aGlzLm1lc3NhZ2U7XG4gICAgdGhpcy5jb21wb25lbnRSZWYuaW5zdGFuY2UudHJpZ2dlciA9IHRoaXMudHJpZ2dlcjtcbiAgfVxuXG4gIHByaXZhdGUgb25Ub29sdGlwU2hvdygpOiB2b2lkIHtcbiAgICB0aGlzLmNvbXBvbmVudFJlZj8uaW5zdGFuY2U/LnNob3coKTtcbiAgfVxuXG4gIHByaXZhdGUgb25Ub29sdGlwSGlkZSgpOiB2b2lkIHtcbiAgICB0aGlzLmNvbXBvbmVudFJlZj8uaW5zdGFuY2U/LmhpZGUoKTtcbiAgfVxuXG4gIHByaXZhdGUgbGVhdmVEZWxheShpc09yaWdpbjogYm9vbGVhbiwgaXNFbnRlcjogYm9vbGVhbiwgZGVsYXk6IG51bWJlciA9IC0xKTogdm9pZCB7XG4gICAgaWYgKGRlbGF5ID4gMCkge1xuICAgICAgdGhpcy5kZWxheVRpbWVyID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIHRoaXMuZGVsYXlUaW1lciA9IHVuZGVmaW5lZDtcbiAgICAgICAgaXNFbnRlciA/IHRoaXMub25Ub29sdGlwU2hvdygpIDogdGhpcy5vblRvb2x0aXBIaWRlKCk7XG4gICAgICB9LCBkZWxheSAqIDEwMDApO1xuICAgIH0gZWxzZSB7XG4gICAgICBpc0VudGVyICYmIGlzT3JpZ2luID8gdGhpcy5vblRvb2x0aXBTaG93KCkgOiB0aGlzLm9uVG9vbHRpcEhpZGUoKTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==
|
|
@@ -6,11 +6,11 @@ import { WrTooltipComponent } from './tooltip-component';
|
|
|
6
6
|
import { WrTooltipDirective } from './tooltip-directive';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export class WrTooltipModule {
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: WrTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.3", ngImport: i0, type: WrTooltipModule, declarations: [WrTooltipComponent, WrTooltipDirective], imports: [CommonModule, OverlayModule, WrOverlayModule], exports: [WrTooltipComponent, WrTooltipDirective] }); }
|
|
11
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: WrTooltipModule, imports: [CommonModule, OverlayModule, WrOverlayModule] }); }
|
|
9
12
|
}
|
|
10
|
-
|
|
11
|
-
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] });
|
|
12
|
-
WrTooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrTooltipModule, imports: [CommonModule, OverlayModule, WrOverlayModule] });
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrTooltipModule, decorators: [{
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: WrTooltipModule, decorators: [{
|
|
14
14
|
type: NgModule,
|
|
15
15
|
args: [{
|
|
16
16
|
imports: [CommonModule, OverlayModule, WrOverlayModule],
|
|
@@ -18,4 +18,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
18
18
|
exports: [WrTooltipComponent, WrTooltipDirective],
|
|
19
19
|
}]
|
|
20
20
|
}] });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC1tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9saWIvdG9vbHRpcC90b29sdGlwLW1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDckQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRXBELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDOztBQU96RCxNQUFNLE9BQU8sZUFBZTs4R0FBZixlQUFlOytHQUFmLGVBQWUsaUJBSFgsa0JBQWtCLEVBQUUsa0JBQWtCLGFBRDNDLFlBQVksRUFBRSxhQUFhLEVBQUUsZUFBZSxhQUU1QyxrQkFBa0IsRUFBRSxrQkFBa0I7K0dBRXJDLGVBQWUsWUFKaEIsWUFBWSxFQUFFLGFBQWEsRUFBRSxlQUFlOzsyRkFJM0MsZUFBZTtrQkFMM0IsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsYUFBYSxFQUFFLGVBQWUsQ0FBQztvQkFDdkQsWUFBWSxFQUFFLENBQUMsa0JBQWtCLEVBQUUsa0JBQWtCLENBQUM7b0JBQ3RELE9BQU8sRUFBRSxDQUFDLGtCQUFrQixFQUFFLGtCQUFrQixDQUFDO2lCQUNsRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE92ZXJsYXlNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgV3JPdmVybGF5TW9kdWxlIH0gZnJvbSAnbmd3ci9jb3JlL292ZXJsYXknO1xuXG5pbXBvcnQgeyBXclRvb2x0aXBDb21wb25lbnQgfSBmcm9tICcuL3Rvb2x0aXAtY29tcG9uZW50JztcbmltcG9ydCB7IFdyVG9vbHRpcERpcmVjdGl2ZSB9IGZyb20gJy4vdG9vbHRpcC1kaXJlY3RpdmUnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBPdmVybGF5TW9kdWxlLCBXck92ZXJsYXlNb2R1bGVdLFxuICBkZWNsYXJhdGlvbnM6IFtXclRvb2x0aXBDb21wb25lbnQsIFdyVG9vbHRpcERpcmVjdGl2ZV0sXG4gIGV4cG9ydHM6IFtXclRvb2x0aXBDb21wb25lbnQsIFdyVG9vbHRpcERpcmVjdGl2ZV0sXG59KVxuZXhwb3J0IGNsYXNzIFdyVG9vbHRpcE1vZHVsZSB7fVxuIl19
|
|
@@ -13,28 +13,6 @@ import * as i3 from 'ngwr/icon';
|
|
|
13
13
|
import { WrIconModule } from 'ngwr/icon';
|
|
14
14
|
|
|
15
15
|
class WrButton extends WrAbstractBase {
|
|
16
|
-
constructor(cdr, elRef, ngZone) {
|
|
17
|
-
super();
|
|
18
|
-
this.cdr = cdr;
|
|
19
|
-
this.elRef = elRef;
|
|
20
|
-
this.ngZone = ngZone;
|
|
21
|
-
this._color = 'primary';
|
|
22
|
-
this._size = 'default';
|
|
23
|
-
this._outlined = false;
|
|
24
|
-
this._rounded = false;
|
|
25
|
-
this._fullwidth = false;
|
|
26
|
-
this._loading = false;
|
|
27
|
-
this._disabled = false;
|
|
28
|
-
this._icon = null;
|
|
29
|
-
this._iconPosition = 'start';
|
|
30
|
-
/* A disabled button shouldn't apply any actions */
|
|
31
|
-
this.preventEventsWhenDisabled = (event) => {
|
|
32
|
-
if (this.disabled) {
|
|
33
|
-
event.preventDefault();
|
|
34
|
-
event.stopImmediatePropagation();
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
}
|
|
38
16
|
/** Set color of `wr-btn`; */
|
|
39
17
|
get color() {
|
|
40
18
|
return this._color;
|
|
@@ -133,6 +111,28 @@ class WrButton extends WrAbstractBase {
|
|
|
133
111
|
'wr-btn--full': this.fullwidth,
|
|
134
112
|
};
|
|
135
113
|
}
|
|
114
|
+
constructor(cdr, elRef, ngZone) {
|
|
115
|
+
super();
|
|
116
|
+
this.cdr = cdr;
|
|
117
|
+
this.elRef = elRef;
|
|
118
|
+
this.ngZone = ngZone;
|
|
119
|
+
this._color = 'primary';
|
|
120
|
+
this._size = 'default';
|
|
121
|
+
this._outlined = false;
|
|
122
|
+
this._rounded = false;
|
|
123
|
+
this._fullwidth = false;
|
|
124
|
+
this._loading = false;
|
|
125
|
+
this._disabled = false;
|
|
126
|
+
this._icon = null;
|
|
127
|
+
this._iconPosition = 'start';
|
|
128
|
+
/* A disabled button shouldn't apply any actions */
|
|
129
|
+
this.preventEventsWhenDisabled = (event) => {
|
|
130
|
+
if (this.disabled) {
|
|
131
|
+
event.preventDefault();
|
|
132
|
+
event.stopImmediatePropagation();
|
|
133
|
+
}
|
|
134
|
+
};
|
|
135
|
+
}
|
|
136
136
|
ngOnInit() {
|
|
137
137
|
this.ngZone.runOutsideAngular(() => {
|
|
138
138
|
this.elRef.nativeElement.addEventListener('click', this.preventEventsWhenDisabled);
|
|
@@ -142,9 +142,9 @@ class WrButton extends WrAbstractBase {
|
|
|
142
142
|
super.ngOnDestroy();
|
|
143
143
|
this.elRef.nativeElement.removeEventListener('click', this.preventEventsWhenDisabled);
|
|
144
144
|
}
|
|
145
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: WrButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
146
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: WrButton, selector: "wr-btn, button[wr-btn], a[wr-btn]", inputs: { color: "color", size: "size", outlined: "outlined", rounded: "rounded", fullwidth: "fullwidth", loading: "loading", disabled: "disabled", icon: "icon", iconPosition: "iconPosition" }, host: { properties: { "attr.disabled": "this.nativeDisabled", "class": "this.elClasses" } }, exportAs: ["wrBtn"], usesInheritance: true, ngImport: i0, template: "<wr-spin *ngIf=\"loading\" class=\"wr-btn__spin\"></wr-spin>\n<wr-icon *ngIf=\"icon && iconPosition === 'start'\" class=\"wr-btn__icon\" [name]=\"icon\"></wr-icon>\n<span class=\"wr-btn__text\"><ng-content></ng-content></span>\n<wr-icon *ngIf=\"icon && iconPosition === 'end'\" class=\"wr-btn__icon\" [name]=\"icon\"></wr-icon>\n", styles: [".wr-btn{display:inline-block;padding:var(--wr-btn-padding-y-base) var(--wr-btn-padding-x-base);font-family:var(--wr-btn-font-family-base);font-size:var(--wr-btn-font-size-base);font-weight:var(--wr-btn-font-weight-base);line-height:var(--wr-btn-line-height-base);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:var(--wr-btn-border-radius-base);transition:var(--wr-transition-short);position:relative}.wr-btn:hover{text-decoration:none}.wr-btn[disabled],.wr-btn:disabled,.wr-btn.disabled,fieldset:disabled .wr-btn{color:var(--wr-color-medium)!important;background-color:var(--wr-color-light)!important;background-image:none;border:none;box-shadow:none!important;pointer-events:none}.wr-btn[disabled] .wr-btn__icon,.wr-btn[disabled] .wr-btn__spin,.wr-btn:disabled .wr-btn__icon,.wr-btn:disabled .wr-btn__spin,.wr-btn.disabled .wr-btn__icon,.wr-btn.disabled .wr-btn__spin,fieldset:disabled .wr-btn .wr-btn__icon,fieldset:disabled .wr-btn .wr-btn__spin{color:var(--wr-color-medium)}.wr-btn__text{display:inline-block;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;word-break:break-all;padding:0;transition:var(--wr-transition-base)}.wr-btn__spin{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%)}.wr-btn__icon{width:1rem!important;height:1rem!important;min-width:1rem!important;min-height:1rem!important;transition:var(--wr-transition-base)}.wr-btn--icon-start{padding-left:calc(var(--wr-btn-padding-x-base) - .0825rem)}.wr-btn--icon-start .wr-btn__icon{margin-right:.375rem}.wr-btn--icon-end .wr-btn__icon{margin-left:.25rem}.wr-btn--loading{pointer-events:none}.wr-btn--loading .wr-btn__text,.wr-btn--loading .wr-btn__icon{opacity:0}.wr-btn--rounded{border-radius:var(--wr-btn-rounded-border-radius);padding:var(--wr-btn-rounded-padding-y) var(--wr-btn-rounded-padding-x)}.wr-btn--small{padding:var(--wr-btn-padding-y-small) var(--wr-btn-padding-x-small);border-radius:var(--wr-btn-border-radius-small);font-size:var(--wr-btn-font-size-small);line-height:var(--wr-btn-line-height-small)}.wr-btn--small .wr-btn__icon,.wr-btn--small .wr-btn__spin{height:var(--wr-btn-font-size-small)!important;width:var(--wr-btn-font-size-small)!important;min-height:var(--wr-btn-font-size-small)!important;min-width:var(--wr-btn-font-size-small)!important}.wr-btn--small .wr-btn--icon-start .wr-btn__icon{margin-right:.2rem!important}.wr-btn--small .wr-btn--icon-end .wr-btn__icon{margin-left:.2rem!important}.wr-btn--full{display:block;width:100%}.wr-btn--primary{color:var(--wr-color-primary-contrast);background-color:var(--wr-color-primary)}.wr-btn--primary:hover{color:var(--wr-color-primary-contrast);background-color:var(--wr-color-primary-shade)}.wr-btn--primary.wr-btn--outlined{color:var(--wr-color-primary);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-primary-rgb),.375)}.wr-btn--primary.wr-btn--outlined:hover{color:var(--wr-color-primary-contrast);background-color:var(--wr-color-primary);box-shadow:none}.wr-btn--secondary{color:var(--wr-color-secondary-contrast);background-color:var(--wr-color-secondary)}.wr-btn--secondary:hover{color:var(--wr-color-secondary-contrast);background-color:var(--wr-color-secondary-shade)}.wr-btn--secondary.wr-btn--outlined{color:var(--wr-color-secondary);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-secondary-rgb),.375)}.wr-btn--secondary.wr-btn--outlined:hover{color:var(--wr-color-secondary-contrast);background-color:var(--wr-color-secondary);box-shadow:none}.wr-btn--light{color:var(--wr-color-light-contrast);background-color:var(--wr-color-light)}.wr-btn--light:hover{color:var(--wr-color-light-contrast);background-color:var(--wr-color-light-shade)}.wr-btn--light.wr-btn--outlined{color:var(--wr-color-light);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-light-rgb),.375)}.wr-btn--light.wr-btn--outlined:hover{color:var(--wr-color-light-contrast);background-color:var(--wr-color-light);box-shadow:none}.wr-btn--medium{color:var(--wr-color-medium-contrast);background-color:var(--wr-color-medium)}.wr-btn--medium:hover{color:var(--wr-color-medium-contrast);background-color:var(--wr-color-medium-shade)}.wr-btn--medium.wr-btn--outlined{color:var(--wr-color-medium);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-medium-rgb),.375)}.wr-btn--medium.wr-btn--outlined:hover{color:var(--wr-color-medium-contrast);background-color:var(--wr-color-medium);box-shadow:none}.wr-btn--dark{color:var(--wr-color-dark-contrast);background-color:var(--wr-color-dark)}.wr-btn--dark:hover{color:var(--wr-color-dark-contrast);background-color:var(--wr-color-dark-shade)}.wr-btn--dark.wr-btn--outlined{color:var(--wr-color-dark);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-dark-rgb),.375)}.wr-btn--dark.wr-btn--outlined:hover{color:var(--wr-color-dark-contrast);background-color:var(--wr-color-dark);box-shadow:none}.wr-btn--success{color:var(--wr-color-success-contrast);background-color:var(--wr-color-success)}.wr-btn--success:hover{color:var(--wr-color-success-contrast);background-color:var(--wr-color-success-shade)}.wr-btn--success.wr-btn--outlined{color:var(--wr-color-success);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-success-rgb),.375)}.wr-btn--success.wr-btn--outlined:hover{color:var(--wr-color-success-contrast);background-color:var(--wr-color-success);box-shadow:none}.wr-btn--warning{color:var(--wr-color-warning-contrast);background-color:var(--wr-color-warning)}.wr-btn--warning:hover{color:var(--wr-color-warning-contrast);background-color:var(--wr-color-warning-shade)}.wr-btn--warning.wr-btn--outlined{color:var(--wr-color-warning);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-warning-rgb),.375)}.wr-btn--warning.wr-btn--outlined:hover{color:var(--wr-color-warning-contrast);background-color:var(--wr-color-warning);box-shadow:none}.wr-btn--danger{color:var(--wr-color-danger-contrast);background-color:var(--wr-color-danger)}.wr-btn--danger:hover{color:var(--wr-color-danger-contrast);background-color:var(--wr-color-danger-shade)}.wr-btn--danger.wr-btn--outlined{color:var(--wr-color-danger);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-danger-rgb),.375)}.wr-btn--danger.wr-btn--outlined:hover{color:var(--wr-color-danger-contrast);background-color:var(--wr-color-danger);box-shadow:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.WrSpinner, selector: "wr-spin", exportAs: ["wrSpin"] }, { kind: "directive", type: i3.WrIcon, selector: "wr-icon[name]", inputs: ["name"], exportAs: ["wrIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
145
147
|
}
|
|
146
|
-
WrButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
147
|
-
WrButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: WrButton, selector: "wr-btn, button[wr-btn], a[wr-btn]", inputs: { color: "color", size: "size", outlined: "outlined", rounded: "rounded", fullwidth: "fullwidth", loading: "loading", disabled: "disabled", icon: "icon", iconPosition: "iconPosition" }, host: { properties: { "attr.disabled": "this.nativeDisabled", "class": "this.elClasses" } }, exportAs: ["wrBtn"], usesInheritance: true, ngImport: i0, template: "<wr-spin *ngIf=\"loading\" class=\"wr-btn__spin\"></wr-spin>\n<wr-icon *ngIf=\"icon && iconPosition === 'start'\" class=\"wr-btn__icon\" [name]=\"icon\"></wr-icon>\n<span class=\"wr-btn__text\"><ng-content></ng-content></span>\n<wr-icon *ngIf=\"icon && iconPosition === 'end'\" class=\"wr-btn__icon\" [name]=\"icon\"></wr-icon>\n", styles: [".wr-btn{display:inline-block;padding:var(--wr-btn-padding-y-base) var(--wr-btn-padding-x-base);font-family:var(--wr-btn-font-family-base);font-size:var(--wr-btn-font-size-base);font-weight:var(--wr-btn-font-weight-base);line-height:var(--wr-btn-line-height-base);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:var(--wr-btn-border-radius-base);transition:var(--wr-transition-short);position:relative}.wr-btn:hover{text-decoration:none}.wr-btn[disabled],.wr-btn:disabled,.wr-btn.disabled,fieldset:disabled .wr-btn{color:var(--wr-color-medium)!important;background-color:var(--wr-color-light)!important;background-image:none;border:none;box-shadow:none!important;pointer-events:none}.wr-btn[disabled] .wr-btn__icon,.wr-btn[disabled] .wr-btn__spin,.wr-btn:disabled .wr-btn__icon,.wr-btn:disabled .wr-btn__spin,.wr-btn.disabled .wr-btn__icon,.wr-btn.disabled .wr-btn__spin,fieldset:disabled .wr-btn .wr-btn__icon,fieldset:disabled .wr-btn .wr-btn__spin{color:var(--wr-color-medium)}.wr-btn__text{display:inline-block;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;word-break:break-all;padding:0;transition:var(--wr-transition-base)}.wr-btn__spin{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%)}.wr-btn__icon{width:1rem!important;height:1rem!important;min-width:1rem!important;min-height:1rem!important;transition:var(--wr-transition-base)}.wr-btn--icon-start{padding-left:calc(var(--wr-btn-padding-x-base) - .0825rem)}.wr-btn--icon-start .wr-btn__icon{margin-right:.375rem}.wr-btn--icon-end .wr-btn__icon{margin-left:.25rem}.wr-btn--loading{pointer-events:none}.wr-btn--loading .wr-btn__text,.wr-btn--loading .wr-btn__icon{opacity:0}.wr-btn--rounded{border-radius:var(--wr-btn-rounded-border-radius);padding:var(--wr-btn-rounded-padding-y) var(--wr-btn-rounded-padding-x)}.wr-btn--small{padding:var(--wr-btn-padding-y-small) var(--wr-btn-padding-x-small);border-radius:var(--wr-btn-border-radius-small);font-size:var(--wr-btn-font-size-small);line-height:var(--wr-btn-line-height-small)}.wr-btn--small .wr-btn__icon,.wr-btn--small .wr-btn__spin{height:var(--wr-btn-font-size-small)!important;width:var(--wr-btn-font-size-small)!important;min-height:var(--wr-btn-font-size-small)!important;min-width:var(--wr-btn-font-size-small)!important}.wr-btn--small .wr-btn--icon-start .wr-btn__icon{margin-right:.2rem!important}.wr-btn--small .wr-btn--icon-end .wr-btn__icon{margin-left:.2rem!important}.wr-btn--full{display:block;width:100%}.wr-btn--primary{color:var(--wr-color-primary-contrast);background-color:var(--wr-color-primary)}.wr-btn--primary:hover{color:var(--wr-color-primary-contrast);background-color:var(--wr-color-primary-shade)}.wr-btn--primary.wr-btn--outlined{color:var(--wr-color-primary);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-primary-rgb),.375)}.wr-btn--primary.wr-btn--outlined:hover{color:var(--wr-color-primary-contrast);background-color:var(--wr-color-primary);box-shadow:none}.wr-btn--secondary{color:var(--wr-color-secondary-contrast);background-color:var(--wr-color-secondary)}.wr-btn--secondary:hover{color:var(--wr-color-secondary-contrast);background-color:var(--wr-color-secondary-shade)}.wr-btn--secondary.wr-btn--outlined{color:var(--wr-color-secondary);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-secondary-rgb),.375)}.wr-btn--secondary.wr-btn--outlined:hover{color:var(--wr-color-secondary-contrast);background-color:var(--wr-color-secondary);box-shadow:none}.wr-btn--light{color:var(--wr-color-light-contrast);background-color:var(--wr-color-light)}.wr-btn--light:hover{color:var(--wr-color-light-contrast);background-color:var(--wr-color-light-shade)}.wr-btn--light.wr-btn--outlined{color:var(--wr-color-light);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-light-rgb),.375)}.wr-btn--light.wr-btn--outlined:hover{color:var(--wr-color-light-contrast);background-color:var(--wr-color-light);box-shadow:none}.wr-btn--medium{color:var(--wr-color-medium-contrast);background-color:var(--wr-color-medium)}.wr-btn--medium:hover{color:var(--wr-color-medium-contrast);background-color:var(--wr-color-medium-shade)}.wr-btn--medium.wr-btn--outlined{color:var(--wr-color-medium);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-medium-rgb),.375)}.wr-btn--medium.wr-btn--outlined:hover{color:var(--wr-color-medium-contrast);background-color:var(--wr-color-medium);box-shadow:none}.wr-btn--dark{color:var(--wr-color-dark-contrast);background-color:var(--wr-color-dark)}.wr-btn--dark:hover{color:var(--wr-color-dark-contrast);background-color:var(--wr-color-dark-shade)}.wr-btn--dark.wr-btn--outlined{color:var(--wr-color-dark);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-dark-rgb),.375)}.wr-btn--dark.wr-btn--outlined:hover{color:var(--wr-color-dark-contrast);background-color:var(--wr-color-dark);box-shadow:none}.wr-btn--success{color:var(--wr-color-success-contrast);background-color:var(--wr-color-success)}.wr-btn--success:hover{color:var(--wr-color-success-contrast);background-color:var(--wr-color-success-shade)}.wr-btn--success.wr-btn--outlined{color:var(--wr-color-success);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-success-rgb),.375)}.wr-btn--success.wr-btn--outlined:hover{color:var(--wr-color-success-contrast);background-color:var(--wr-color-success);box-shadow:none}.wr-btn--warning{color:var(--wr-color-warning-contrast);background-color:var(--wr-color-warning)}.wr-btn--warning:hover{color:var(--wr-color-warning-contrast);background-color:var(--wr-color-warning-shade)}.wr-btn--warning.wr-btn--outlined{color:var(--wr-color-warning);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-warning-rgb),.375)}.wr-btn--warning.wr-btn--outlined:hover{color:var(--wr-color-warning-contrast);background-color:var(--wr-color-warning);box-shadow:none}.wr-btn--danger{color:var(--wr-color-danger-contrast);background-color:var(--wr-color-danger)}.wr-btn--danger:hover{color:var(--wr-color-danger-contrast);background-color:var(--wr-color-danger-shade)}.wr-btn--danger.wr-btn--outlined{color:var(--wr-color-danger);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-danger-rgb),.375)}.wr-btn--danger.wr-btn--outlined:hover{color:var(--wr-color-danger-contrast);background-color:var(--wr-color-danger);box-shadow:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.WrSpinner, selector: "wr-spin", exportAs: ["wrSpin"] }, { kind: "directive", type: i3.WrIcon, selector: "wr-icon[name]", inputs: ["name"], exportAs: ["wrIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
148
148
|
__decorate([
|
|
149
149
|
InputBoolean()
|
|
150
150
|
], WrButton.prototype, "outlined", null);
|
|
@@ -160,7 +160,7 @@ __decorate([
|
|
|
160
160
|
__decorate([
|
|
161
161
|
InputBoolean()
|
|
162
162
|
], WrButton.prototype, "disabled", null);
|
|
163
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
163
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: WrButton, decorators: [{
|
|
164
164
|
type: Component,
|
|
165
165
|
args: [{ selector: 'wr-btn, button[wr-btn], a[wr-btn]', exportAs: 'wrBtn', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<wr-spin *ngIf=\"loading\" class=\"wr-btn__spin\"></wr-spin>\n<wr-icon *ngIf=\"icon && iconPosition === 'start'\" class=\"wr-btn__icon\" [name]=\"icon\"></wr-icon>\n<span class=\"wr-btn__text\"><ng-content></ng-content></span>\n<wr-icon *ngIf=\"icon && iconPosition === 'end'\" class=\"wr-btn__icon\" [name]=\"icon\"></wr-icon>\n", styles: [".wr-btn{display:inline-block;padding:var(--wr-btn-padding-y-base) var(--wr-btn-padding-x-base);font-family:var(--wr-btn-font-family-base);font-size:var(--wr-btn-font-size-base);font-weight:var(--wr-btn-font-weight-base);line-height:var(--wr-btn-line-height-base);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:var(--wr-btn-border-radius-base);transition:var(--wr-transition-short);position:relative}.wr-btn:hover{text-decoration:none}.wr-btn[disabled],.wr-btn:disabled,.wr-btn.disabled,fieldset:disabled .wr-btn{color:var(--wr-color-medium)!important;background-color:var(--wr-color-light)!important;background-image:none;border:none;box-shadow:none!important;pointer-events:none}.wr-btn[disabled] .wr-btn__icon,.wr-btn[disabled] .wr-btn__spin,.wr-btn:disabled .wr-btn__icon,.wr-btn:disabled .wr-btn__spin,.wr-btn.disabled .wr-btn__icon,.wr-btn.disabled .wr-btn__spin,fieldset:disabled .wr-btn .wr-btn__icon,fieldset:disabled .wr-btn .wr-btn__spin{color:var(--wr-color-medium)}.wr-btn__text{display:inline-block;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;word-break:break-all;padding:0;transition:var(--wr-transition-base)}.wr-btn__spin{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%)}.wr-btn__icon{width:1rem!important;height:1rem!important;min-width:1rem!important;min-height:1rem!important;transition:var(--wr-transition-base)}.wr-btn--icon-start{padding-left:calc(var(--wr-btn-padding-x-base) - .0825rem)}.wr-btn--icon-start .wr-btn__icon{margin-right:.375rem}.wr-btn--icon-end .wr-btn__icon{margin-left:.25rem}.wr-btn--loading{pointer-events:none}.wr-btn--loading .wr-btn__text,.wr-btn--loading .wr-btn__icon{opacity:0}.wr-btn--rounded{border-radius:var(--wr-btn-rounded-border-radius);padding:var(--wr-btn-rounded-padding-y) var(--wr-btn-rounded-padding-x)}.wr-btn--small{padding:var(--wr-btn-padding-y-small) var(--wr-btn-padding-x-small);border-radius:var(--wr-btn-border-radius-small);font-size:var(--wr-btn-font-size-small);line-height:var(--wr-btn-line-height-small)}.wr-btn--small .wr-btn__icon,.wr-btn--small .wr-btn__spin{height:var(--wr-btn-font-size-small)!important;width:var(--wr-btn-font-size-small)!important;min-height:var(--wr-btn-font-size-small)!important;min-width:var(--wr-btn-font-size-small)!important}.wr-btn--small .wr-btn--icon-start .wr-btn__icon{margin-right:.2rem!important}.wr-btn--small .wr-btn--icon-end .wr-btn__icon{margin-left:.2rem!important}.wr-btn--full{display:block;width:100%}.wr-btn--primary{color:var(--wr-color-primary-contrast);background-color:var(--wr-color-primary)}.wr-btn--primary:hover{color:var(--wr-color-primary-contrast);background-color:var(--wr-color-primary-shade)}.wr-btn--primary.wr-btn--outlined{color:var(--wr-color-primary);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-primary-rgb),.375)}.wr-btn--primary.wr-btn--outlined:hover{color:var(--wr-color-primary-contrast);background-color:var(--wr-color-primary);box-shadow:none}.wr-btn--secondary{color:var(--wr-color-secondary-contrast);background-color:var(--wr-color-secondary)}.wr-btn--secondary:hover{color:var(--wr-color-secondary-contrast);background-color:var(--wr-color-secondary-shade)}.wr-btn--secondary.wr-btn--outlined{color:var(--wr-color-secondary);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-secondary-rgb),.375)}.wr-btn--secondary.wr-btn--outlined:hover{color:var(--wr-color-secondary-contrast);background-color:var(--wr-color-secondary);box-shadow:none}.wr-btn--light{color:var(--wr-color-light-contrast);background-color:var(--wr-color-light)}.wr-btn--light:hover{color:var(--wr-color-light-contrast);background-color:var(--wr-color-light-shade)}.wr-btn--light.wr-btn--outlined{color:var(--wr-color-light);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-light-rgb),.375)}.wr-btn--light.wr-btn--outlined:hover{color:var(--wr-color-light-contrast);background-color:var(--wr-color-light);box-shadow:none}.wr-btn--medium{color:var(--wr-color-medium-contrast);background-color:var(--wr-color-medium)}.wr-btn--medium:hover{color:var(--wr-color-medium-contrast);background-color:var(--wr-color-medium-shade)}.wr-btn--medium.wr-btn--outlined{color:var(--wr-color-medium);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-medium-rgb),.375)}.wr-btn--medium.wr-btn--outlined:hover{color:var(--wr-color-medium-contrast);background-color:var(--wr-color-medium);box-shadow:none}.wr-btn--dark{color:var(--wr-color-dark-contrast);background-color:var(--wr-color-dark)}.wr-btn--dark:hover{color:var(--wr-color-dark-contrast);background-color:var(--wr-color-dark-shade)}.wr-btn--dark.wr-btn--outlined{color:var(--wr-color-dark);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-dark-rgb),.375)}.wr-btn--dark.wr-btn--outlined:hover{color:var(--wr-color-dark-contrast);background-color:var(--wr-color-dark);box-shadow:none}.wr-btn--success{color:var(--wr-color-success-contrast);background-color:var(--wr-color-success)}.wr-btn--success:hover{color:var(--wr-color-success-contrast);background-color:var(--wr-color-success-shade)}.wr-btn--success.wr-btn--outlined{color:var(--wr-color-success);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-success-rgb),.375)}.wr-btn--success.wr-btn--outlined:hover{color:var(--wr-color-success-contrast);background-color:var(--wr-color-success);box-shadow:none}.wr-btn--warning{color:var(--wr-color-warning-contrast);background-color:var(--wr-color-warning)}.wr-btn--warning:hover{color:var(--wr-color-warning-contrast);background-color:var(--wr-color-warning-shade)}.wr-btn--warning.wr-btn--outlined{color:var(--wr-color-warning);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-warning-rgb),.375)}.wr-btn--warning.wr-btn--outlined:hover{color:var(--wr-color-warning-contrast);background-color:var(--wr-color-warning);box-shadow:none}.wr-btn--danger{color:var(--wr-color-danger-contrast);background-color:var(--wr-color-danger)}.wr-btn--danger:hover{color:var(--wr-color-danger-contrast);background-color:var(--wr-color-danger-shade)}.wr-btn--danger.wr-btn--outlined{color:var(--wr-color-danger);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-danger-rgb),.375)}.wr-btn--danger.wr-btn--outlined:hover{color:var(--wr-color-danger-contrast);background-color:var(--wr-color-danger);box-shadow:none}\n"] }]
|
|
166
166
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { color: [{
|
|
@@ -190,11 +190,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
190
190
|
}] } });
|
|
191
191
|
|
|
192
192
|
class WrButtonModule {
|
|
193
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: WrButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
194
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.3", ngImport: i0, type: WrButtonModule, declarations: [WrButton], imports: [CommonModule, WrSpinnerModule, WrIconModule], exports: [WrButton] }); }
|
|
195
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: WrButtonModule, imports: [CommonModule, WrSpinnerModule, WrIconModule] }); }
|
|
193
196
|
}
|
|
194
|
-
|
|
195
|
-
WrButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: WrButtonModule, declarations: [WrButton], imports: [CommonModule, WrSpinnerModule, WrIconModule], exports: [WrButton] });
|
|
196
|
-
WrButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrButtonModule, imports: [CommonModule, WrSpinnerModule, WrIconModule] });
|
|
197
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrButtonModule, decorators: [{
|
|
197
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: WrButtonModule, decorators: [{
|
|
198
198
|
type: NgModule,
|
|
199
199
|
args: [{
|
|
200
200
|
imports: [CommonModule, WrSpinnerModule, WrIconModule],
|
|
@@ -209,4 +209,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
209
209
|
|
|
210
210
|
export { WrButton, WrButtonModule };
|
|
211
211
|
//# sourceMappingURL=ngwr-button.mjs.map
|
|
212
|
-
//# sourceMappingURL=ngwr-button.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngwr-button.mjs","sources":["../../../projects/lib/button/button.ts","../../../projects/lib/button/button.html","../../../projects/lib/button/button-module.ts","../../../projects/lib/button/ngwr-button.ts"],"sourcesContent":["import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n ChangeDetectionStrategy, ChangeDetectorRef,\n Component,\n ElementRef,\n HostBinding,\n Input,\n NgZone,\n OnDestroy,\n OnInit,\n ViewEncapsulation,\n} from '@angular/core';\n\nimport { WrAbstractBase } from 'ngwr/core/abstract';\nimport { isThemeColor, 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-btn, button[wr-btn], a[wr-btn]',\n exportAs: 'wrBtn',\n templateUrl: './button.html',\n styleUrls: ['./button.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class WrButton extends WrAbstractBase implements OnInit, OnDestroy {\n /** Set color of `wr-btn`; */\n @Input()\n get color(): WrThemeColor {\n return this._color;\n }\n set color(value: WrThemeColor) {\n this._color = isThemeColor(value) ? value : 'primary';\n this.cdr.markForCheck();\n }\n private _color: WrThemeColor = 'primary';\n\n /** Set size of `wr-btn`; */\n @Input()\n get size(): 'default' | 'small' {\n return this._size;\n }\n set size(value: 'default' | 'small') {\n this._size = value;\n this.cdr.markForCheck();\n }\n private _size: 'default' | 'small' = 'default';\n\n /** Set outlined state of `wr-btn`; */\n @Input()\n @InputBoolean()\n get outlined(): boolean {\n return this._outlined;\n }\n set outlined(value: BooleanInput) {\n this._outlined = coerceBooleanProperty(value);\n this.cdr.markForCheck();\n }\n private _outlined: boolean = false;\n\n /** Set rounded state of `wr-btn`; */\n @Input()\n @InputBoolean()\n get rounded(): boolean {\n return this._rounded;\n }\n set rounded(value: BooleanInput) {\n this._rounded = coerceBooleanProperty(value);\n this.cdr.markForCheck();\n }\n private _rounded: boolean = false;\n\n /** Set fullwidth state of `wr-btn`; */\n @Input()\n @InputBoolean()\n get fullwidth(): boolean {\n return this._fullwidth;\n }\n set fullwidth(value: BooleanInput) {\n this._fullwidth = coerceBooleanProperty(value);\n this.cdr.markForCheck();\n }\n private _fullwidth: boolean = false;\n\n /** Set loading state of `wr-btn`; */\n @Input()\n @InputBoolean()\n get loading(): boolean {\n return this._loading;\n }\n set loading(value: BooleanInput) {\n this._loading = coerceBooleanProperty(value);\n this.cdr.markForCheck();\n }\n private _loading: boolean = false;\n\n /** Set disabled state of `wr-btn`; */\n @Input()\n @InputBoolean()\n get disabled(): boolean {\n return this._disabled;\n }\n set disabled(value: BooleanInput) {\n this._disabled = coerceBooleanProperty(value);\n this.cdr.markForCheck();\n }\n private _disabled: boolean = false;\n\n /** Set icon of `wr-btn`; */\n @Input()\n get icon(): wrIconName | null {\n return this._icon;\n }\n set icon(value: wrIconName | null) {\n this._icon = value;\n this.cdr.markForCheck();\n }\n private _icon: wrIconName | null = null;\n\n /** Set icon position of `wr-btn`; */\n @Input()\n get iconPosition(): 'start' | 'end' {\n return this._iconPosition;\n }\n set iconPosition(value: 'start' | 'end') {\n this._iconPosition = value;\n this.cdr.markForCheck();\n }\n private _iconPosition: 'start' | 'end' = 'start';\n\n /** Set element disabled attribute */\n @HostBinding('attr.disabled')\n get nativeDisabled(): '' | null {\n return this._disabled ? '' : null;\n }\n\n /** Set element classes */\n @HostBinding('class')\n get elClasses(): SafeAny {\n return {\n 'wr-btn': true,\n 'wr-btn--primary': this.color === 'primary',\n 'wr-btn--secondary': this.color === 'secondary',\n 'wr-btn--success': this.color === 'success',\n 'wr-btn--warning': this.color === 'warning',\n 'wr-btn--danger': this.color === 'danger',\n 'wr-btn--light': this.color === 'light',\n 'wr-btn--medium': this.color === 'medium',\n 'wr-btn--dark': this.color === 'dark',\n 'wr-btn--default': this.size === 'default',\n 'wr-btn--small': this.size === 'small',\n 'wr-btn--icon-start': this.icon && this.iconPosition === 'start',\n 'wr-btn--icon-end': this.icon && this.iconPosition === 'end',\n 'wr-btn--outlined': this.outlined,\n 'wr-btn--rounded': this.rounded,\n 'wr-btn--loading': this.loading,\n 'wr-btn--full': this.fullwidth,\n };\n }\n\n constructor(\n private readonly cdr: ChangeDetectorRef,\n private readonly elRef: ElementRef<HTMLButtonElement | HTMLLinkElement | HTMLAnchorElement | HTMLElement>,\n private readonly ngZone: NgZone\n ) {\n super();\n }\n\n ngOnInit(): void {\n this.ngZone.runOutsideAngular(() => {\n this.elRef.nativeElement.addEventListener('click', this.preventEventsWhenDisabled);\n });\n }\n\n override ngOnDestroy(): void {\n super.ngOnDestroy();\n this.elRef.nativeElement.removeEventListener('click', this.preventEventsWhenDisabled);\n }\n\n /* A disabled button shouldn't apply any actions */\n private preventEventsWhenDisabled = (event: Event): void => {\n if (this.disabled) {\n event.preventDefault();\n event.stopImmediatePropagation();\n }\n };\n}\n","<wr-spin *ngIf=\"loading\" class=\"wr-btn__spin\"></wr-spin>\n<wr-icon *ngIf=\"icon && iconPosition === 'start'\" class=\"wr-btn__icon\" [name]=\"icon\"></wr-icon>\n<span class=\"wr-btn__text\"><ng-content></ng-content></span>\n<wr-icon *ngIf=\"icon && iconPosition === 'end'\" class=\"wr-btn__icon\" [name]=\"icon\"></wr-icon>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { WrIconModule } from 'ngwr/icon';\nimport { WrSpinnerModule } from 'ngwr/spinner';\n\nimport { WrButton } from './button';\n\n@NgModule({\n imports: [CommonModule, WrSpinnerModule, WrIconModule],\n declarations: [WrButton],\n exports: [WrButton],\n})\nexport class WrButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ngwr-button.mjs","sources":["../../../projects/lib/button/button.ts","../../../projects/lib/button/button.html","../../../projects/lib/button/button-module.ts","../../../projects/lib/button/ngwr-button.ts"],"sourcesContent":["import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n ChangeDetectionStrategy, ChangeDetectorRef,\n Component,\n ElementRef,\n HostBinding,\n Input,\n NgZone,\n OnDestroy,\n OnInit,\n ViewEncapsulation,\n} from '@angular/core';\n\nimport { WrAbstractBase } from 'ngwr/core/abstract';\nimport { isThemeColor, 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-btn, button[wr-btn], a[wr-btn]',\n exportAs: 'wrBtn',\n templateUrl: './button.html',\n styleUrls: ['./button.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class WrButton extends WrAbstractBase implements OnInit, OnDestroy {\n /** Set color of `wr-btn`; */\n @Input()\n get color(): WrThemeColor {\n return this._color;\n }\n set color(value: WrThemeColor) {\n this._color = isThemeColor(value) ? value : 'primary';\n this.cdr.markForCheck();\n }\n private _color: WrThemeColor = 'primary';\n\n /** Set size of `wr-btn`; */\n @Input()\n get size(): 'default' | 'small' {\n return this._size;\n }\n set size(value: 'default' | 'small') {\n this._size = value;\n this.cdr.markForCheck();\n }\n private _size: 'default' | 'small' = 'default';\n\n /** Set outlined state of `wr-btn`; */\n @Input()\n @InputBoolean()\n get outlined(): boolean {\n return this._outlined;\n }\n set outlined(value: BooleanInput) {\n this._outlined = coerceBooleanProperty(value);\n this.cdr.markForCheck();\n }\n private _outlined: boolean = false;\n\n /** Set rounded state of `wr-btn`; */\n @Input()\n @InputBoolean()\n get rounded(): boolean {\n return this._rounded;\n }\n set rounded(value: BooleanInput) {\n this._rounded = coerceBooleanProperty(value);\n this.cdr.markForCheck();\n }\n private _rounded: boolean = false;\n\n /** Set fullwidth state of `wr-btn`; */\n @Input()\n @InputBoolean()\n get fullwidth(): boolean {\n return this._fullwidth;\n }\n set fullwidth(value: BooleanInput) {\n this._fullwidth = coerceBooleanProperty(value);\n this.cdr.markForCheck();\n }\n private _fullwidth: boolean = false;\n\n /** Set loading state of `wr-btn`; */\n @Input()\n @InputBoolean()\n get loading(): boolean {\n return this._loading;\n }\n set loading(value: BooleanInput) {\n this._loading = coerceBooleanProperty(value);\n this.cdr.markForCheck();\n }\n private _loading: boolean = false;\n\n /** Set disabled state of `wr-btn`; */\n @Input()\n @InputBoolean()\n get disabled(): boolean {\n return this._disabled;\n }\n set disabled(value: BooleanInput) {\n this._disabled = coerceBooleanProperty(value);\n this.cdr.markForCheck();\n }\n private _disabled: boolean = false;\n\n /** Set icon of `wr-btn`; */\n @Input()\n get icon(): wrIconName | null {\n return this._icon;\n }\n set icon(value: wrIconName | null) {\n this._icon = value;\n this.cdr.markForCheck();\n }\n private _icon: wrIconName | null = null;\n\n /** Set icon position of `wr-btn`; */\n @Input()\n get iconPosition(): 'start' | 'end' {\n return this._iconPosition;\n }\n set iconPosition(value: 'start' | 'end') {\n this._iconPosition = value;\n this.cdr.markForCheck();\n }\n private _iconPosition: 'start' | 'end' = 'start';\n\n /** Set element disabled attribute */\n @HostBinding('attr.disabled')\n get nativeDisabled(): '' | null {\n return this._disabled ? '' : null;\n }\n\n /** Set element classes */\n @HostBinding('class')\n get elClasses(): SafeAny {\n return {\n 'wr-btn': true,\n 'wr-btn--primary': this.color === 'primary',\n 'wr-btn--secondary': this.color === 'secondary',\n 'wr-btn--success': this.color === 'success',\n 'wr-btn--warning': this.color === 'warning',\n 'wr-btn--danger': this.color === 'danger',\n 'wr-btn--light': this.color === 'light',\n 'wr-btn--medium': this.color === 'medium',\n 'wr-btn--dark': this.color === 'dark',\n 'wr-btn--default': this.size === 'default',\n 'wr-btn--small': this.size === 'small',\n 'wr-btn--icon-start': this.icon && this.iconPosition === 'start',\n 'wr-btn--icon-end': this.icon && this.iconPosition === 'end',\n 'wr-btn--outlined': this.outlined,\n 'wr-btn--rounded': this.rounded,\n 'wr-btn--loading': this.loading,\n 'wr-btn--full': this.fullwidth,\n };\n }\n\n constructor(\n private readonly cdr: ChangeDetectorRef,\n private readonly elRef: ElementRef<HTMLButtonElement | HTMLLinkElement | HTMLAnchorElement | HTMLElement>,\n private readonly ngZone: NgZone\n ) {\n super();\n }\n\n ngOnInit(): void {\n this.ngZone.runOutsideAngular(() => {\n this.elRef.nativeElement.addEventListener('click', this.preventEventsWhenDisabled);\n });\n }\n\n override ngOnDestroy(): void {\n super.ngOnDestroy();\n this.elRef.nativeElement.removeEventListener('click', this.preventEventsWhenDisabled);\n }\n\n /* A disabled button shouldn't apply any actions */\n private preventEventsWhenDisabled = (event: Event): void => {\n if (this.disabled) {\n event.preventDefault();\n event.stopImmediatePropagation();\n }\n };\n}\n","<wr-spin *ngIf=\"loading\" class=\"wr-btn__spin\"></wr-spin>\n<wr-icon *ngIf=\"icon && iconPosition === 'start'\" class=\"wr-btn__icon\" [name]=\"icon\"></wr-icon>\n<span class=\"wr-btn__text\"><ng-content></ng-content></span>\n<wr-icon *ngIf=\"icon && iconPosition === 'end'\" class=\"wr-btn__icon\" [name]=\"icon\"></wr-icon>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { WrIconModule } from 'ngwr/icon';\nimport { WrSpinnerModule } from 'ngwr/spinner';\n\nimport { WrButton } from './button';\n\n@NgModule({\n imports: [CommonModule, WrSpinnerModule, WrIconModule],\n declarations: [WrButton],\n exports: [WrButton],\n})\nexport class WrButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -11,32 +11,6 @@ import { A11yModule } from '@angular/cdk/a11y';
|
|
|
11
11
|
import { CommonModule } from '@angular/common';
|
|
12
12
|
|
|
13
13
|
class WrCheckbox extends WrAbstractBase {
|
|
14
|
-
constructor(cdr, elRef, focusMonitor, ngZone) {
|
|
15
|
-
super();
|
|
16
|
-
this.cdr = cdr;
|
|
17
|
-
this.elRef = elRef;
|
|
18
|
-
this.focusMonitor = focusMonitor;
|
|
19
|
-
this.ngZone = ngZone;
|
|
20
|
-
this._checked = false;
|
|
21
|
-
this._autofocus = false;
|
|
22
|
-
this._disabled = false;
|
|
23
|
-
this._focused = false;
|
|
24
|
-
// @ts-ignore
|
|
25
|
-
this.onChange = () => { };
|
|
26
|
-
// @ts-ignore
|
|
27
|
-
this.onTouched = () => { };
|
|
28
|
-
/**
|
|
29
|
-
* A disabled checkbox shouldn't apply any actions
|
|
30
|
-
*
|
|
31
|
-
* @param event
|
|
32
|
-
*/
|
|
33
|
-
this.preventEventsWhenDisabled = (event) => {
|
|
34
|
-
if (this.disabled) {
|
|
35
|
-
event.preventDefault();
|
|
36
|
-
event.stopImmediatePropagation();
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
}
|
|
40
14
|
get checked() {
|
|
41
15
|
return this._checked;
|
|
42
16
|
}
|
|
@@ -80,6 +54,32 @@ class WrCheckbox extends WrAbstractBase {
|
|
|
80
54
|
'wr-checkbox--focused': this.focused,
|
|
81
55
|
};
|
|
82
56
|
}
|
|
57
|
+
constructor(cdr, elRef, focusMonitor, ngZone) {
|
|
58
|
+
super();
|
|
59
|
+
this.cdr = cdr;
|
|
60
|
+
this.elRef = elRef;
|
|
61
|
+
this.focusMonitor = focusMonitor;
|
|
62
|
+
this.ngZone = ngZone;
|
|
63
|
+
this._checked = false;
|
|
64
|
+
this._autofocus = false;
|
|
65
|
+
this._disabled = false;
|
|
66
|
+
this._focused = false;
|
|
67
|
+
// @ts-ignore
|
|
68
|
+
this.onChange = () => { };
|
|
69
|
+
// @ts-ignore
|
|
70
|
+
this.onTouched = () => { };
|
|
71
|
+
/**
|
|
72
|
+
* A disabled checkbox shouldn't apply any actions
|
|
73
|
+
*
|
|
74
|
+
* @param event
|
|
75
|
+
*/
|
|
76
|
+
this.preventEventsWhenDisabled = (event) => {
|
|
77
|
+
if (this.disabled) {
|
|
78
|
+
event.preventDefault();
|
|
79
|
+
event.stopImmediatePropagation();
|
|
80
|
+
}
|
|
81
|
+
};
|
|
82
|
+
}
|
|
83
83
|
ngOnInit() {
|
|
84
84
|
this.ngZone.runOutsideAngular(() => {
|
|
85
85
|
this.elRef.nativeElement.addEventListener('click', this.preventEventsWhenDisabled);
|
|
@@ -119,22 +119,22 @@ class WrCheckbox extends WrAbstractBase {
|
|
|
119
119
|
setDisabledState(isDisabled) {
|
|
120
120
|
this.disabled = isDisabled;
|
|
121
121
|
}
|
|
122
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: WrCheckbox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.FocusMonitor }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
123
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: WrCheckbox, selector: "wr-checkbox", inputs: { autofocus: "autofocus", disabled: "disabled" }, host: { properties: { "class": "this.elClasses" } }, providers: [
|
|
124
|
+
{
|
|
125
|
+
provide: NG_VALUE_ACCESSOR,
|
|
126
|
+
useExisting: forwardRef(() => WrCheckbox),
|
|
127
|
+
multi: true,
|
|
128
|
+
},
|
|
129
|
+
], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, static: true }], exportAs: ["wrCheckbox"], usesInheritance: true, ngImport: i0, template: "<label class=\"wr-checkbox__container\">\n <input\n #inputElement\n class=\"wr-checkbox__input\"\n type=\"checkbox\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [ngModel]=\"checked\"\n (ngModelChange)=\"writeValue($event)\"\n />\n <div class=\"wr-checkbox-inner\">\n <div class=\"wr-checkbox-inner__mark\"></div>\n </div>\n <ng-content></ng-content>\n</label>\n", dependencies: [{ kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
122
130
|
}
|
|
123
|
-
WrCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrCheckbox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.FocusMonitor }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
124
|
-
WrCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: WrCheckbox, selector: "wr-checkbox", inputs: { autofocus: "autofocus", disabled: "disabled" }, host: { properties: { "class": "this.elClasses" } }, providers: [
|
|
125
|
-
{
|
|
126
|
-
provide: NG_VALUE_ACCESSOR,
|
|
127
|
-
useExisting: forwardRef(() => WrCheckbox),
|
|
128
|
-
multi: true,
|
|
129
|
-
},
|
|
130
|
-
], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, static: true }], exportAs: ["wrCheckbox"], usesInheritance: true, ngImport: i0, template: "<label class=\"wr-checkbox__container\">\n <input\n #inputElement\n class=\"wr-checkbox__input\"\n type=\"checkbox\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [ngModel]=\"checked\"\n (ngModelChange)=\"writeValue($event)\"\n />\n <div class=\"wr-checkbox-inner\">\n <div class=\"wr-checkbox-inner__mark\"></div>\n </div>\n <ng-content></ng-content>\n</label>\n", dependencies: [{ kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
131
131
|
__decorate([
|
|
132
132
|
InputBoolean()
|
|
133
133
|
], WrCheckbox.prototype, "autofocus", null);
|
|
134
134
|
__decorate([
|
|
135
135
|
InputBoolean()
|
|
136
136
|
], WrCheckbox.prototype, "disabled", null);
|
|
137
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
137
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: WrCheckbox, decorators: [{
|
|
138
138
|
type: Component,
|
|
139
139
|
args: [{ selector: 'wr-checkbox', exportAs: 'wrCheckbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
|
|
140
140
|
{
|
|
@@ -156,11 +156,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
156
156
|
}] } });
|
|
157
157
|
|
|
158
158
|
class WrCheckboxModule {
|
|
159
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: WrCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
160
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.3", ngImport: i0, type: WrCheckboxModule, declarations: [WrCheckbox], imports: [CommonModule, FormsModule, A11yModule], exports: [WrCheckbox] }); }
|
|
161
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: WrCheckboxModule, imports: [CommonModule, FormsModule, A11yModule] }); }
|
|
159
162
|
}
|
|
160
|
-
|
|
161
|
-
WrCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: WrCheckboxModule, declarations: [WrCheckbox], imports: [CommonModule, FormsModule, A11yModule], exports: [WrCheckbox] });
|
|
162
|
-
WrCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrCheckboxModule, imports: [CommonModule, FormsModule, A11yModule] });
|
|
163
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrCheckboxModule, decorators: [{
|
|
163
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: WrCheckboxModule, decorators: [{
|
|
164
164
|
type: NgModule,
|
|
165
165
|
args: [{
|
|
166
166
|
imports: [CommonModule, FormsModule, A11yModule],
|
|
@@ -175,4 +175,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
175
175
|
|
|
176
176
|
export { WrCheckbox, WrCheckboxModule };
|
|
177
177
|
//# sourceMappingURL=ngwr-checkbox.mjs.map
|
|
178
|
-
//# sourceMappingURL=ngwr-checkbox.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ngwr-checkbox.mjs","sources":["../../../projects/lib/checkbox/checkbox.ts","../../../projects/lib/checkbox/checkbox.html","../../../projects/lib/checkbox/checkbox-module.ts","../../../projects/lib/checkbox/ngwr-checkbox.ts"],"sourcesContent":["import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n forwardRef,\n HostBinding,\n Input,\n NgZone,\n OnDestroy,\n OnInit,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { WrAbstractBase } from 'ngwr/core/abstract';\nimport { InputBoolean } from 'ngwr/core/decorators';\nimport { OnChangeType, OnTouchedType, SafeAny } from 'ngwr/core/types';\n\n@Component({\n selector: 'wr-checkbox',\n exportAs: 'wrCheckbox',\n templateUrl: './checkbox.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => WrCheckbox),\n multi: true,\n },\n ],\n})\nexport class WrCheckbox extends WrAbstractBase implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {\n @ViewChild('inputElement', { static: true }) inputElement!: HTMLInputElement;\n\n get checked(): boolean {\n return this._checked;\n }\n set checked(value: BooleanInput) {\n const checked = coerceBooleanProperty(value);\n\n if (checked != this.checked) {\n this._checked = checked;\n this.onChange(checked);\n this.onTouched();\n this.cdr.markForCheck();\n }\n }\n private _checked: boolean = false;\n\n /** Set autofocus for checkbox; */\n @Input()\n @InputBoolean()\n get autofocus(): boolean {\n return this._autofocus;\n }\n set autofocus(value: BooleanInput) {\n this._autofocus = coerceBooleanProperty(value);\n this.cdr.markForCheck();\n }\n private _autofocus: boolean = false;\n\n /** Set disabled state of `wr-btn`; */\n @Input()\n @InputBoolean()\n get disabled(): boolean {\n return this._disabled;\n }\n set disabled(value: BooleanInput) {\n this._disabled = coerceBooleanProperty(value);\n this.cdr.markForCheck();\n }\n private _disabled: boolean = false;\n\n get focused(): boolean {\n return this._focused;\n }\n set focused(value: BooleanInput) {\n this._focused = coerceBooleanProperty(value);\n this.cdr.markForCheck();\n }\n private _focused: boolean = false;\n\n // @ts-ignore\n private onChange: OnChangeType = () => {};\n // @ts-ignore\n private onTouched: OnTouchedType = () => {};\n\n /** Set element classes */\n @HostBinding('class')\n get elClasses(): SafeAny {\n return {\n 'wr-checkbox': true,\n 'wr-checkbox--checked': this.checked,\n 'wr-checkbox--focused': this.focused,\n };\n }\n\n constructor(\n private readonly cdr: ChangeDetectorRef,\n private readonly elRef: ElementRef<HTMLElement>,\n private readonly focusMonitor: FocusMonitor,\n private readonly ngZone: NgZone\n ) {\n super();\n }\n\n ngOnInit(): void {\n this.ngZone.runOutsideAngular(() => {\n this.elRef.nativeElement.addEventListener('click', this.preventEventsWhenDisabled);\n });\n }\n\n ngAfterViewInit(): void {\n this.focusMonitor.monitor(this.inputElement, true).subscribe(origin => {\n this.ngZone.run(() => (this.focused = origin !== null));\n });\n\n if (this.autofocus) {\n this.focus();\n this.cdr.markForCheck();\n }\n }\n\n override ngOnDestroy(): void {\n super.ngOnDestroy();\n this.elRef.nativeElement.removeEventListener('click', this.preventEventsWhenDisabled);\n this.focusMonitor.stopMonitoring(this.inputElement);\n }\n\n focus(origin: FocusOrigin = 'program', options?: FocusOptions): void {\n if (origin) {\n this.focusMonitor.focusVia(this.inputElement, origin, options);\n } else {\n this.inputElement.focus(options);\n }\n }\n\n writeValue(value: BooleanInput): void {\n this.checked = value;\n }\n\n registerOnChange(fn: OnChangeType): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: OnTouchedType): void {\n this.onTouched = fn;\n }\n\n setDisabledState(isDisabled: boolean): void {\n this.disabled = isDisabled;\n }\n\n /**\n * A disabled checkbox shouldn't apply any actions\n *\n * @param event\n */\n private preventEventsWhenDisabled = (event: Event): void => {\n if (this.disabled) {\n event.preventDefault();\n event.stopImmediatePropagation();\n }\n };\n}\n","<label class=\"wr-checkbox__container\">\n <input\n #inputElement\n class=\"wr-checkbox__input\"\n type=\"checkbox\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [ngModel]=\"checked\"\n (ngModelChange)=\"writeValue($event)\"\n />\n <div class=\"wr-checkbox-inner\">\n <div class=\"wr-checkbox-inner__mark\"></div>\n </div>\n <ng-content></ng-content>\n</label>\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { WrCheckbox } from './checkbox';\n\n@NgModule({\n imports: [CommonModule, FormsModule, A11yModule],\n declarations: [WrCheckbox],\n exports: [WrCheckbox],\n})\nexport class WrCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -10,10 +10,10 @@ class WrAbstractBase {
|
|
|
10
10
|
this.destroyed$.next();
|
|
11
11
|
this.destroyed$.complete();
|
|
12
12
|
}
|
|
13
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: WrAbstractBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
14
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.3", type: WrAbstractBase, ngImport: i0 }); }
|
|
13
15
|
}
|
|
14
|
-
|
|
15
|
-
WrAbstractBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: WrAbstractBase, ngImport: i0 });
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrAbstractBase, decorators: [{
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: WrAbstractBase, decorators: [{
|
|
17
17
|
type: Directive
|
|
18
18
|
}] });
|
|
19
19
|
|
|
@@ -23,4 +23,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
23
23
|
|
|
24
24
|
export { WrAbstractBase };
|
|
25
25
|
//# sourceMappingURL=ngwr-core-abstract.mjs.map
|
|
26
|
-
//# sourceMappingURL=ngwr-core-abstract.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngwr-core-abstract.mjs","sources":["../../../projects/lib/core/abstract/base.ts","../../../projects/lib/core/abstract/ngwr-core-abstract.ts"],"sourcesContent":["import { Directive, OnDestroy } from '@angular/core';\nimport { Subject } from 'rxjs';\n\n@Directive()\nexport abstract class WrAbstractBase implements OnDestroy {\n protected readonly destroyed$: Subject<void> = new Subject<void>();\n\n ngOnDestroy(): void {\n this.destroyed$.next();\n this.destroyed$.complete();\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAIsB,cAAc,CAAA;AADpC,IAAA,WAAA,GAAA;AAEqB,QAAA,IAAA,CAAA,UAAU,GAAkB,IAAI,OAAO,EAAQ,CAAC;AAMpE,KAAA;IAJC,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;AACvB,QAAA,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC;KAC5B
|
|
1
|
+
{"version":3,"file":"ngwr-core-abstract.mjs","sources":["../../../projects/lib/core/abstract/base.ts","../../../projects/lib/core/abstract/ngwr-core-abstract.ts"],"sourcesContent":["import { Directive, OnDestroy } from '@angular/core';\nimport { Subject } from 'rxjs';\n\n@Directive()\nexport abstract class WrAbstractBase implements OnDestroy {\n protected readonly destroyed$: Subject<void> = new Subject<void>();\n\n ngOnDestroy(): void {\n this.destroyed$.next();\n this.destroyed$.complete();\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAIsB,cAAc,CAAA;AADpC,IAAA,WAAA,GAAA;AAEqB,QAAA,IAAA,CAAA,UAAU,GAAkB,IAAI,OAAO,EAAQ,CAAC;AAMpE,KAAA;IAJC,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;AACvB,QAAA,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC;KAC5B;8GANmB,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAd,cAAc,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBADnC,SAAS;;;ACHV;;AAEG;;;;"}
|
|
@@ -38,6 +38,12 @@ function getPlacementName(position) {
|
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
class WrConnectedOverlayDirective extends WrAbstractBase {
|
|
41
|
+
get wrArrowPointAtCenter() {
|
|
42
|
+
return this._arrowPointAtCenter;
|
|
43
|
+
}
|
|
44
|
+
set wrArrowPointAtCenter(value) {
|
|
45
|
+
this._arrowPointAtCenter = coerceBooleanProperty(value);
|
|
46
|
+
}
|
|
41
47
|
constructor(cdkConnectedOverlay) {
|
|
42
48
|
super();
|
|
43
49
|
this.cdkConnectedOverlay = cdkConnectedOverlay;
|
|
@@ -51,12 +57,6 @@ class WrConnectedOverlayDirective extends WrAbstractBase {
|
|
|
51
57
|
}
|
|
52
58
|
});
|
|
53
59
|
}
|
|
54
|
-
get wrArrowPointAtCenter() {
|
|
55
|
-
return this._arrowPointAtCenter;
|
|
56
|
-
}
|
|
57
|
-
set wrArrowPointAtCenter(value) {
|
|
58
|
-
this._arrowPointAtCenter = coerceBooleanProperty(value);
|
|
59
|
-
}
|
|
60
60
|
updateArrowPosition(position) {
|
|
61
61
|
const originRect = this.getOriginRect();
|
|
62
62
|
const placement = getPlacementName(position);
|
|
@@ -109,13 +109,13 @@ class WrConnectedOverlayDirective extends WrAbstractBase {
|
|
|
109
109
|
width,
|
|
110
110
|
};
|
|
111
111
|
}
|
|
112
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: WrConnectedOverlayDirective, deps: [{ token: i1.CdkConnectedOverlay }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
113
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.3", type: WrConnectedOverlayDirective, selector: "[cdkConnectedOverlay][wrConnectedOverlay]", inputs: { wrArrowPointAtCenter: "wrArrowPointAtCenter" }, exportAs: ["wrConnectedOverlay"], usesInheritance: true, ngImport: i0 }); }
|
|
112
114
|
}
|
|
113
|
-
WrConnectedOverlayDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrConnectedOverlayDirective, deps: [{ token: i1.CdkConnectedOverlay }], target: i0.ɵɵFactoryTarget.Directive });
|
|
114
|
-
WrConnectedOverlayDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: WrConnectedOverlayDirective, selector: "[cdkConnectedOverlay][wrConnectedOverlay]", inputs: { wrArrowPointAtCenter: "wrArrowPointAtCenter" }, exportAs: ["wrConnectedOverlay"], usesInheritance: true, ngImport: i0 });
|
|
115
115
|
__decorate([
|
|
116
116
|
InputBoolean()
|
|
117
117
|
], WrConnectedOverlayDirective.prototype, "wrArrowPointAtCenter", null);
|
|
118
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
118
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: WrConnectedOverlayDirective, decorators: [{
|
|
119
119
|
type: Directive,
|
|
120
120
|
args: [{
|
|
121
121
|
selector: '[cdkConnectedOverlay][wrConnectedOverlay]',
|
|
@@ -126,11 +126,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
126
126
|
}] } });
|
|
127
127
|
|
|
128
128
|
class WrOverlayModule {
|
|
129
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: WrOverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
130
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.3", ngImport: i0, type: WrOverlayModule, declarations: [WrConnectedOverlayDirective], exports: [WrConnectedOverlayDirective] }); }
|
|
131
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: WrOverlayModule }); }
|
|
129
132
|
}
|
|
130
|
-
|
|
131
|
-
WrOverlayModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: WrOverlayModule, declarations: [WrConnectedOverlayDirective], exports: [WrConnectedOverlayDirective] });
|
|
132
|
-
WrOverlayModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrOverlayModule });
|
|
133
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrOverlayModule, decorators: [{
|
|
133
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: WrOverlayModule, decorators: [{
|
|
134
134
|
type: NgModule,
|
|
135
135
|
args: [{
|
|
136
136
|
declarations: [WrConnectedOverlayDirective],
|
|
@@ -144,4 +144,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
144
144
|
|
|
145
145
|
export { WR_POSITION_MAP, WrConnectedOverlayDirective, WrOverlayModule, getPlacementName };
|
|
146
146
|
//# sourceMappingURL=ngwr-core-overlay.mjs.map
|
|
147
|
-
//# sourceMappingURL=ngwr-core-overlay.mjs.map
|