@ng-nest/ui 15.0.6 → 15.0.8
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/core/config/config.d.ts +1 -0
- package/core/functions/date.d.ts +1 -0
- package/date-picker/date-picker.property.d.ts +129 -3
- package/date-picker/date-range-portal.component.d.ts +9 -8
- package/date-picker/date-range.component.d.ts +12 -10
- package/date-picker/picker-date.component.d.ts +15 -6
- package/esm2020/core/config/config.mjs +1 -1
- package/esm2020/core/functions/date.mjs +20 -29
- package/esm2020/date-picker/date-picker.property.mjs +23 -2
- package/esm2020/date-picker/date-range-portal.component.mjs +36 -33
- package/esm2020/date-picker/date-range.component.mjs +75 -53
- package/esm2020/date-picker/picker-date.component.mjs +133 -17
- package/esm2020/input/input.component.mjs +2 -2
- package/esm2020/loading/loading.component.mjs +13 -6
- package/esm2020/loading/loading.property.mjs +1 -1
- package/esm2020/switch/switch.component.mjs +13 -6
- package/esm2020/switch/switch.module.mjs +6 -4
- package/esm2020/switch/switch.property.mjs +39 -4
- package/esm2020/table/drag.directive.mjs +13 -5
- package/esm2020/table/table-head.component.mjs +22 -6
- package/esm2020/table/table.property.mjs +23 -2
- package/fesm2015/ng-nest-ui-anchor.mjs +1 -0
- package/fesm2015/ng-nest-ui-api.mjs +1 -0
- package/fesm2015/ng-nest-ui-auto-complete.mjs +1 -0
- package/fesm2015/ng-nest-ui-avatar.mjs +1 -0
- package/fesm2015/ng-nest-ui-back-top.mjs +1 -0
- package/fesm2015/ng-nest-ui-badge.mjs +1 -0
- package/fesm2015/ng-nest-ui-base-form.mjs +1 -0
- package/fesm2015/ng-nest-ui-border.mjs +1 -0
- package/fesm2015/ng-nest-ui-button.mjs +1 -0
- package/fesm2015/ng-nest-ui-calendar.mjs +1 -0
- package/fesm2015/ng-nest-ui-card.mjs +1 -0
- package/fesm2015/ng-nest-ui-carousel.mjs +1 -0
- package/fesm2015/ng-nest-ui-cascade.mjs +1 -0
- package/fesm2015/ng-nest-ui-checkbox.mjs +1 -0
- package/fesm2015/ng-nest-ui-collapse.mjs +1 -0
- package/fesm2015/ng-nest-ui-color-picker.mjs +1 -0
- package/fesm2015/ng-nest-ui-color.mjs +1 -0
- package/fesm2015/ng-nest-ui-comment.mjs +1 -0
- package/fesm2015/ng-nest-ui-container.mjs +1 -0
- package/fesm2015/ng-nest-ui-core.mjs +20 -29
- package/fesm2015/ng-nest-ui-core.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-date-picker.mjs +263 -99
- package/fesm2015/ng-nest-ui-date-picker.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-dialog.mjs +1 -0
- package/fesm2015/ng-nest-ui-drawer.mjs +1 -0
- package/fesm2015/ng-nest-ui-dropdown.mjs +1 -0
- package/fesm2015/ng-nest-ui-find.mjs +1 -0
- package/fesm2015/ng-nest-ui-form.mjs +1 -0
- package/fesm2015/ng-nest-ui-highlight.mjs +1 -0
- package/fesm2015/ng-nest-ui-i18n.mjs +1 -0
- package/fesm2015/ng-nest-ui-icon.mjs +1 -0
- package/fesm2015/ng-nest-ui-image.mjs +1 -0
- package/fesm2015/ng-nest-ui-inner.mjs +1 -0
- package/fesm2015/ng-nest-ui-input-number.mjs +1 -0
- package/fesm2015/ng-nest-ui-input.mjs +2 -1
- package/fesm2015/ng-nest-ui-input.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-link.mjs +1 -0
- package/fesm2015/ng-nest-ui-list.mjs +1 -0
- package/fesm2015/ng-nest-ui-loading.mjs +13 -5
- package/fesm2015/ng-nest-ui-loading.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-menu.mjs +1 -0
- package/fesm2015/ng-nest-ui-message-box.mjs +1 -0
- package/fesm2015/ng-nest-ui-message.mjs +1 -0
- package/fesm2015/ng-nest-ui-notification.mjs +1 -0
- package/fesm2015/ng-nest-ui-pagination.mjs +1 -0
- package/fesm2015/ng-nest-ui-popconfirm.mjs +1 -0
- package/fesm2015/ng-nest-ui-popover.mjs +1 -0
- package/fesm2015/ng-nest-ui-progress.mjs +1 -0
- package/fesm2015/ng-nest-ui-radio.mjs +1 -0
- package/fesm2015/ng-nest-ui-rate.mjs +1 -0
- package/fesm2015/ng-nest-ui-result.mjs +1 -0
- package/fesm2015/ng-nest-ui-select.mjs +1 -0
- package/fesm2015/ng-nest-ui-skeleton.mjs +1 -0
- package/fesm2015/ng-nest-ui-slider-select.mjs +1 -0
- package/fesm2015/ng-nest-ui-slider.mjs +1 -0
- package/fesm2015/ng-nest-ui-steps.mjs +1 -0
- package/fesm2015/ng-nest-ui-switch.mjs +54 -11
- package/fesm2015/ng-nest-ui-switch.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-table.mjs +55 -10
- package/fesm2015/ng-nest-ui-table.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-tabs.mjs +1 -0
- package/fesm2015/ng-nest-ui-tag.mjs +1 -0
- package/fesm2015/ng-nest-ui-text-retract.mjs +1 -0
- package/fesm2015/ng-nest-ui-textarea.mjs +1 -0
- package/fesm2015/ng-nest-ui-time-picker.mjs +1 -0
- package/fesm2015/ng-nest-ui-timeline.mjs +1 -0
- package/fesm2015/ng-nest-ui-tooltip.mjs +1 -0
- package/fesm2015/ng-nest-ui-transfer.mjs +1 -0
- package/fesm2015/ng-nest-ui-tree-file.mjs +1 -0
- package/fesm2015/ng-nest-ui-tree-select.mjs +1 -0
- package/fesm2015/ng-nest-ui-tree.mjs +1 -0
- package/fesm2015/ng-nest-ui-upload.mjs +1 -0
- package/fesm2020/ng-nest-ui-anchor.mjs +1 -0
- package/fesm2020/ng-nest-ui-api.mjs +1 -0
- package/fesm2020/ng-nest-ui-auto-complete.mjs +1 -0
- package/fesm2020/ng-nest-ui-avatar.mjs +1 -0
- package/fesm2020/ng-nest-ui-back-top.mjs +1 -0
- package/fesm2020/ng-nest-ui-badge.mjs +1 -0
- package/fesm2020/ng-nest-ui-base-form.mjs +1 -0
- package/fesm2020/ng-nest-ui-border.mjs +1 -0
- package/fesm2020/ng-nest-ui-button.mjs +1 -0
- package/fesm2020/ng-nest-ui-calendar.mjs +1 -0
- package/fesm2020/ng-nest-ui-card.mjs +1 -0
- package/fesm2020/ng-nest-ui-carousel.mjs +1 -0
- package/fesm2020/ng-nest-ui-cascade.mjs +1 -0
- package/fesm2020/ng-nest-ui-checkbox.mjs +1 -0
- package/fesm2020/ng-nest-ui-collapse.mjs +1 -0
- package/fesm2020/ng-nest-ui-color-picker.mjs +1 -0
- package/fesm2020/ng-nest-ui-color.mjs +1 -0
- package/fesm2020/ng-nest-ui-comment.mjs +1 -0
- package/fesm2020/ng-nest-ui-container.mjs +1 -0
- package/fesm2020/ng-nest-ui-core.mjs +20 -29
- package/fesm2020/ng-nest-ui-core.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-date-picker.mjs +262 -99
- package/fesm2020/ng-nest-ui-date-picker.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-dialog.mjs +1 -0
- package/fesm2020/ng-nest-ui-drawer.mjs +1 -0
- package/fesm2020/ng-nest-ui-dropdown.mjs +1 -0
- package/fesm2020/ng-nest-ui-find.mjs +1 -0
- package/fesm2020/ng-nest-ui-form.mjs +1 -0
- package/fesm2020/ng-nest-ui-highlight.mjs +1 -0
- package/fesm2020/ng-nest-ui-i18n.mjs +1 -0
- package/fesm2020/ng-nest-ui-icon.mjs +1 -0
- package/fesm2020/ng-nest-ui-image.mjs +1 -0
- package/fesm2020/ng-nest-ui-inner.mjs +1 -0
- package/fesm2020/ng-nest-ui-input-number.mjs +1 -0
- package/fesm2020/ng-nest-ui-input.mjs +2 -1
- package/fesm2020/ng-nest-ui-input.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-link.mjs +1 -0
- package/fesm2020/ng-nest-ui-list.mjs +1 -0
- package/fesm2020/ng-nest-ui-loading.mjs +13 -5
- package/fesm2020/ng-nest-ui-loading.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-menu.mjs +1 -0
- package/fesm2020/ng-nest-ui-message-box.mjs +1 -0
- package/fesm2020/ng-nest-ui-message.mjs +1 -0
- package/fesm2020/ng-nest-ui-notification.mjs +1 -0
- package/fesm2020/ng-nest-ui-pagination.mjs +1 -0
- package/fesm2020/ng-nest-ui-popconfirm.mjs +1 -0
- package/fesm2020/ng-nest-ui-popover.mjs +1 -0
- package/fesm2020/ng-nest-ui-progress.mjs +1 -0
- package/fesm2020/ng-nest-ui-radio.mjs +1 -0
- package/fesm2020/ng-nest-ui-rate.mjs +1 -0
- package/fesm2020/ng-nest-ui-result.mjs +1 -0
- package/fesm2020/ng-nest-ui-select.mjs +1 -0
- package/fesm2020/ng-nest-ui-skeleton.mjs +1 -0
- package/fesm2020/ng-nest-ui-slider-select.mjs +1 -0
- package/fesm2020/ng-nest-ui-slider.mjs +1 -0
- package/fesm2020/ng-nest-ui-steps.mjs +1 -0
- package/fesm2020/ng-nest-ui-switch.mjs +54 -11
- package/fesm2020/ng-nest-ui-switch.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-table.mjs +55 -10
- package/fesm2020/ng-nest-ui-table.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-tabs.mjs +1 -0
- package/fesm2020/ng-nest-ui-tag.mjs +1 -0
- package/fesm2020/ng-nest-ui-text-retract.mjs +1 -0
- package/fesm2020/ng-nest-ui-textarea.mjs +1 -0
- package/fesm2020/ng-nest-ui-time-picker.mjs +1 -0
- package/fesm2020/ng-nest-ui-timeline.mjs +1 -0
- package/fesm2020/ng-nest-ui-tooltip.mjs +1 -0
- package/fesm2020/ng-nest-ui-transfer.mjs +1 -0
- package/fesm2020/ng-nest-ui-tree-file.mjs +1 -0
- package/fesm2020/ng-nest-ui-tree-select.mjs +1 -0
- package/fesm2020/ng-nest-ui-tree.mjs +1 -0
- package/fesm2020/ng-nest-ui-upload.mjs +1 -0
- package/loading/loading.component.d.ts +1 -0
- package/loading/loading.property.d.ts +1 -1
- package/package.json +1 -1
- package/switch/switch.component.d.ts +2 -1
- package/switch/switch.module.d.ts +3 -1
- package/switch/switch.property.d.ts +47 -1
- package/table/drag.directive.d.ts +12 -2
- package/table/table-head.component.d.ts +11 -1
- package/table/table.property.d.ts +55 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, ViewChild } from '@angular/core';
|
|
2
2
|
import { XLoadingPrefix, XLoadingProperty } from './loading.property';
|
|
3
|
-
import { XIsChange, XIsEmpty } from '@ng-nest/ui/core';
|
|
3
|
+
import { XIsChange, XIsEmpty, XIsNumber, XClearClass } from '@ng-nest/ui/core';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "@ng-nest/ui/portal";
|
|
6
6
|
import * as i2 from "@ng-nest/ui/core";
|
|
@@ -24,11 +24,18 @@ export class XLoadingComponent extends XLoadingProperty {
|
|
|
24
24
|
this.setClassMap();
|
|
25
25
|
}
|
|
26
26
|
ngOnChanges(changes) {
|
|
27
|
-
const { loading } = changes;
|
|
27
|
+
const { loading, size } = changes;
|
|
28
28
|
XIsChange(loading) && this.setLoading();
|
|
29
|
+
XIsChange(size) && this.setClassMap();
|
|
29
30
|
}
|
|
30
31
|
setClassMap() {
|
|
31
|
-
this.classMap
|
|
32
|
+
XClearClass(this.classMap);
|
|
33
|
+
if (XIsNumber(this.size)) {
|
|
34
|
+
this.sizeNumber = this.size;
|
|
35
|
+
}
|
|
36
|
+
else {
|
|
37
|
+
this.classMap[`${XLoadingPrefix}-${this.size}`] = !XIsEmpty(this.size);
|
|
38
|
+
}
|
|
32
39
|
this.cdr.markForCheck();
|
|
33
40
|
}
|
|
34
41
|
setLoading() {
|
|
@@ -60,10 +67,10 @@ export class XLoadingComponent extends XLoadingProperty {
|
|
|
60
67
|
}
|
|
61
68
|
}
|
|
62
69
|
/** @nocollapse */ XLoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XLoadingComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XPortalService }, { token: i0.ViewContainerRef }, { token: i2.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
|
|
63
|
-
/** @nocollapse */ XLoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: XLoadingComponent, selector: "x-loading, [x-loading]", host: { properties: { "class.x-loading-parent": "this.getLoading" } }, viewQueries: [{ propertyName: "loadingTpl", first: true, predicate: ["loadingTpl"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\r\n\r\n<ng-container *ngIf=\"!fullScreen\">\r\n <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\r\n</ng-container>\r\n\r\n<ng-template #loadingTpl>\r\n <div #loading class=\"x-loading\" [ngClass]=\"classMap\" [style.background]=\"background\" [style.zIndex]=\"zIndex\" *ngIf=\"loading\">\r\n <div class=\"x-loading-spinner\" [style.color]=\"color\">\r\n <ng-container *ngIf=\"icon; else circularTpl\">\r\n <div class=\"x-loading-icon\">\r\n <x-icon [type]=\"icon\"></x-icon>\r\n </div>\r\n </ng-container>\r\n <div class=\"x-loading-text\">\r\n <ng-container *xOutlet=\"text\">{{ text }}</ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #circularTpl>\r\n <svg class=\"x-loading-circular\" viewBox=\"25 25 50 50\">\r\n <circle class=\"x-loading-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n </svg>\r\n</ng-template>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}.x-loading-parent{position:relative}.x-loading{padding:0;position:absolute;background-color:var(--x-background);opacity:.85;margin:0;inset:0;display:flex;justify-content:center;align-items:center}.x-loading-spinner{color:var(--x-primary);text-align:center}.x-loading-circular{animation:loading-rotate 2s linear infinite}.x-loading-icon{animation:loading-rotate 2s linear infinite;display:inline-flex}.x-loading-path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--x-primary);stroke-linecap:round}.x-loading-big .x-loading-circular{height:2.175rem;width:2.175rem}.x-loading-big .x-loading-icon{font-size:2.175rem}.x-loading-large .x-loading-circular{height:1.875rem;width:1.875rem}.x-loading-large .x-loading-icon{font-size:1.875rem}.x-loading-medium .x-loading-circular{height:1.675rem;width:1.675rem}.x-loading-medium .x-loading-icon{font-size:1.675rem}.x-loading-small .x-loading-circular{height:1.5rem;width:1.5rem}.x-loading-small .x-loading-icon{font-size:1.5rem}.x-loading-mini .x-loading-circular{height:1.375rem;width:1.375rem}.x-loading-mini .x-loading-icon{font-size:1.375rem}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.XIconComponent, selector: "x-icon" }, { kind: "directive", type: i5.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
70
|
+
/** @nocollapse */ XLoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: XLoadingComponent, selector: "x-loading, [x-loading]", host: { properties: { "class.x-loading-parent": "this.getLoading" } }, viewQueries: [{ propertyName: "loadingTpl", first: true, predicate: ["loadingTpl"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\r\n\r\n<ng-container *ngIf=\"!fullScreen\">\r\n <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\r\n</ng-container>\r\n\r\n<ng-template #loadingTpl>\r\n <div #loading class=\"x-loading\" [ngClass]=\"classMap\" [style.background]=\"background\" [style.zIndex]=\"zIndex\" *ngIf=\"loading\">\r\n <div class=\"x-loading-spinner\" [style.color]=\"color\">\r\n <ng-container *ngIf=\"icon; else circularTpl\">\r\n <div class=\"x-loading-icon\" [style.font-size.px]=\"sizeNumber\">\r\n <x-icon [type]=\"icon\"></x-icon>\r\n </div>\r\n </ng-container>\r\n <div class=\"x-loading-text\">\r\n <ng-container *xOutlet=\"text\">{{ text }}</ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #circularTpl>\r\n <svg class=\"x-loading-circular\" [style.width.px]=\"sizeNumber\" [style.height.px]=\"sizeNumber\" viewBox=\"25 25 50 50\">\r\n <circle class=\"x-loading-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n </svg>\r\n</ng-template>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}.x-loading-parent{position:relative}.x-loading{padding:0;position:absolute;background-color:var(--x-background);opacity:.85;margin:0;inset:0;display:flex;justify-content:center;align-items:center}.x-loading-spinner{color:var(--x-primary);text-align:center}.x-loading-circular{animation:loading-rotate 2s linear infinite}.x-loading-icon{animation:loading-rotate 2s linear infinite;display:inline-flex}.x-loading-path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--x-primary);stroke-linecap:round}.x-loading-big .x-loading-circular{height:2.175rem;width:2.175rem}.x-loading-big .x-loading-icon{font-size:2.175rem}.x-loading-large .x-loading-circular{height:1.875rem;width:1.875rem}.x-loading-large .x-loading-icon{font-size:1.875rem}.x-loading-medium .x-loading-circular{height:1.675rem;width:1.675rem}.x-loading-medium .x-loading-icon{font-size:1.675rem}.x-loading-small .x-loading-circular{height:1.5rem;width:1.5rem}.x-loading-small .x-loading-icon{font-size:1.5rem}.x-loading-mini .x-loading-circular{height:1.375rem;width:1.375rem}.x-loading-mini .x-loading-icon{font-size:1.375rem}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.XIconComponent, selector: "x-icon" }, { kind: "directive", type: i5.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
64
71
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XLoadingComponent, decorators: [{
|
|
65
72
|
type: Component,
|
|
66
|
-
args: [{ selector: `${XLoadingPrefix}, [${XLoadingPrefix}]`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\r\n\r\n<ng-container *ngIf=\"!fullScreen\">\r\n <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\r\n</ng-container>\r\n\r\n<ng-template #loadingTpl>\r\n <div #loading class=\"x-loading\" [ngClass]=\"classMap\" [style.background]=\"background\" [style.zIndex]=\"zIndex\" *ngIf=\"loading\">\r\n <div class=\"x-loading-spinner\" [style.color]=\"color\">\r\n <ng-container *ngIf=\"icon; else circularTpl\">\r\n <div class=\"x-loading-icon\">\r\n <x-icon [type]=\"icon\"></x-icon>\r\n </div>\r\n </ng-container>\r\n <div class=\"x-loading-text\">\r\n <ng-container *xOutlet=\"text\">{{ text }}</ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #circularTpl>\r\n <svg class=\"x-loading-circular\" viewBox=\"25 25 50 50\">\r\n <circle class=\"x-loading-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n </svg>\r\n</ng-template>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}.x-loading-parent{position:relative}.x-loading{padding:0;position:absolute;background-color:var(--x-background);opacity:.85;margin:0;inset:0;display:flex;justify-content:center;align-items:center}.x-loading-spinner{color:var(--x-primary);text-align:center}.x-loading-circular{animation:loading-rotate 2s linear infinite}.x-loading-icon{animation:loading-rotate 2s linear infinite;display:inline-flex}.x-loading-path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--x-primary);stroke-linecap:round}.x-loading-big .x-loading-circular{height:2.175rem;width:2.175rem}.x-loading-big .x-loading-icon{font-size:2.175rem}.x-loading-large .x-loading-circular{height:1.875rem;width:1.875rem}.x-loading-large .x-loading-icon{font-size:1.875rem}.x-loading-medium .x-loading-circular{height:1.675rem;width:1.675rem}.x-loading-medium .x-loading-icon{font-size:1.675rem}.x-loading-small .x-loading-circular{height:1.5rem;width:1.5rem}.x-loading-small .x-loading-icon{font-size:1.5rem}.x-loading-mini .x-loading-circular{height:1.375rem;width:1.375rem}.x-loading-mini .x-loading-icon{font-size:1.375rem}\n"] }]
|
|
73
|
+
args: [{ selector: `${XLoadingPrefix}, [${XLoadingPrefix}]`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\r\n\r\n<ng-container *ngIf=\"!fullScreen\">\r\n <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\r\n</ng-container>\r\n\r\n<ng-template #loadingTpl>\r\n <div #loading class=\"x-loading\" [ngClass]=\"classMap\" [style.background]=\"background\" [style.zIndex]=\"zIndex\" *ngIf=\"loading\">\r\n <div class=\"x-loading-spinner\" [style.color]=\"color\">\r\n <ng-container *ngIf=\"icon; else circularTpl\">\r\n <div class=\"x-loading-icon\" [style.font-size.px]=\"sizeNumber\">\r\n <x-icon [type]=\"icon\"></x-icon>\r\n </div>\r\n </ng-container>\r\n <div class=\"x-loading-text\">\r\n <ng-container *xOutlet=\"text\">{{ text }}</ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #circularTpl>\r\n <svg class=\"x-loading-circular\" [style.width.px]=\"sizeNumber\" [style.height.px]=\"sizeNumber\" viewBox=\"25 25 50 50\">\r\n <circle class=\"x-loading-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n </svg>\r\n</ng-template>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}.x-loading-parent{position:relative}.x-loading{padding:0;position:absolute;background-color:var(--x-background);opacity:.85;margin:0;inset:0;display:flex;justify-content:center;align-items:center}.x-loading-spinner{color:var(--x-primary);text-align:center}.x-loading-circular{animation:loading-rotate 2s linear infinite}.x-loading-icon{animation:loading-rotate 2s linear infinite;display:inline-flex}.x-loading-path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--x-primary);stroke-linecap:round}.x-loading-big .x-loading-circular{height:2.175rem;width:2.175rem}.x-loading-big .x-loading-icon{font-size:2.175rem}.x-loading-large .x-loading-circular{height:1.875rem;width:1.875rem}.x-loading-large .x-loading-icon{font-size:1.875rem}.x-loading-medium .x-loading-circular{height:1.675rem;width:1.675rem}.x-loading-medium .x-loading-icon{font-size:1.675rem}.x-loading-small .x-loading-circular{height:1.5rem;width:1.5rem}.x-loading-small .x-loading-icon{font-size:1.5rem}.x-loading-mini .x-loading-circular{height:1.375rem;width:1.375rem}.x-loading-mini .x-loading-icon{font-size:1.375rem}\n"] }]
|
|
67
74
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XPortalService }, { type: i0.ViewContainerRef }, { type: i2.XConfigService }]; }, propDecorators: { getLoading: [{
|
|
68
75
|
type: HostBinding,
|
|
69
76
|
args: ['class.x-loading-parent']
|
|
@@ -71,4 +78,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
71
78
|
type: ViewChild,
|
|
72
79
|
args: ['loadingTpl']
|
|
73
80
|
}] } });
|
|
74
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
81
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS9sb2FkaW5nL2xvYWRpbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvbG9hZGluZy9sb2FkaW5nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsaUJBQWlCLEVBSWpCLHVCQUF1QixFQUd2QixXQUFXLEVBQ1gsU0FBUyxFQUdWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxjQUFjLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN0RSxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBa0IsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7Ozs7O0FBVS9GLE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxnQkFBZ0I7SUFTckQsWUFDUyxRQUFtQixFQUNuQixVQUFtQyxFQUNuQyxHQUFzQixFQUN0QixNQUFzQixFQUN0QixnQkFBa0MsRUFDbEMsYUFBNkI7UUFFcEMsS0FBSyxFQUFFLENBQUM7UUFQRCxhQUFRLEdBQVIsUUFBUSxDQUFXO1FBQ25CLGVBQVUsR0FBVixVQUFVLENBQXlCO1FBQ25DLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBQ3RCLFdBQU0sR0FBTixNQUFNLENBQWdCO1FBQ3RCLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFDbEMsa0JBQWEsR0FBYixhQUFhLENBQWdCO0lBR3RDLENBQUM7SUFqQkQsSUFBMkMsVUFBVTtRQUNuRCxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQztJQWlCRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsTUFBTSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsR0FBRyxPQUFPLENBQUM7UUFDbEMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUN4QyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3hDLENBQUM7SUFFRCxXQUFXO1FBQ1QsV0FBVyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUMzQixJQUFJLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDeEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsSUFBYyxDQUFDO1NBQ3ZDO2FBQU07WUFDTCxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsY0FBYyxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUN4RTtRQUNELElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDbkIsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO2dCQUNoQixJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQzthQUN6QjtpQkFBTTtnQkFDTCxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7YUFDeEI7U0FDRjtRQUNELElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELGdCQUFnQjtRQUNkLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUM7WUFDbEMsT0FBTyxFQUFFLElBQUksQ0FBQyxVQUFVO1lBQ3hCLGdCQUFnQixFQUFFLElBQUksQ0FBQyxnQkFBZ0I7WUFDdkMsYUFBYSxFQUFFO2dCQUNiLEtBQUssRUFBRSxNQUFNO2dCQUNiLE1BQU0sRUFBRSxNQUFNO2dCQUNkLGdCQUFnQixFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsWUFBWSxFQUFFO2FBQzdDO1NBQ0YsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxFQUFFO1lBQzdDLElBQUksQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLE1BQU0sRUFBRSxDQUFDO1NBQ3BDO0lBQ0gsQ0FBQzs7aUlBbkVVLGlCQUFpQjtxSEFBakIsaUJBQWlCLDJSQzFCOUIsa2pDQTBCQTsyRkRBYSxpQkFBaUI7a0JBUDdCLFNBQVM7K0JBQ0UsR0FBRyxjQUFjLE1BQU0sY0FBYyxHQUFHLGlCQUduQyxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNO2tQQUdKLFVBQVU7c0JBQXBELFdBQVc7dUJBQUMsd0JBQXdCO2dCQUdaLFVBQVU7c0JBQWxDLFNBQVM7dUJBQUMsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIE9uSW5pdCxcclxuICBWaWV3RW5jYXBzdWxhdGlvbixcclxuICBSZW5kZXJlcjIsXHJcbiAgRWxlbWVudFJlZixcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBTaW1wbGVDaGFuZ2VzLFxyXG4gIE9uQ2hhbmdlcyxcclxuICBIb3N0QmluZGluZyxcclxuICBWaWV3Q2hpbGQsXHJcbiAgVGVtcGxhdGVSZWYsXHJcbiAgVmlld0NvbnRhaW5lclJlZlxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBYTG9hZGluZ1ByZWZpeCwgWExvYWRpbmdQcm9wZXJ0eSB9IGZyb20gJy4vbG9hZGluZy5wcm9wZXJ0eSc7XHJcbmltcG9ydCB7IFhJc0NoYW5nZSwgWElzRW1wdHksIFhDb25maWdTZXJ2aWNlLCBYSXNOdW1iZXIsIFhDbGVhckNsYXNzIH0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcbmltcG9ydCB7IFhQb3J0YWxTZXJ2aWNlLCBYUG9ydGFsT3ZlcmxheVJlZiB9IGZyb20gJ0BuZy1uZXN0L3VpL3BvcnRhbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogYCR7WExvYWRpbmdQcmVmaXh9LCBbJHtYTG9hZGluZ1ByZWZpeH1dYCxcclxuICB0ZW1wbGF0ZVVybDogJy4vbG9hZGluZy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbG9hZGluZy5jb21wb25lbnQuc2NzcyddLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIFhMb2FkaW5nQ29tcG9uZW50IGV4dGVuZHMgWExvYWRpbmdQcm9wZXJ0eSBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLngtbG9hZGluZy1wYXJlbnQnKSBnZXQgZ2V0TG9hZGluZygpIHtcclxuICAgIHJldHVybiB0aGlzLmxvYWRpbmc7XHJcbiAgfVxyXG4gIEBWaWV3Q2hpbGQoJ2xvYWRpbmdUcGwnKSBsb2FkaW5nVHBsITogVGVtcGxhdGVSZWY8dm9pZD47XHJcbiAgcG9ydGFsUmVmITogWFBvcnRhbE92ZXJsYXlSZWY8YW55PjtcclxuXHJcbiAgc2l6ZU51bWJlcj86IG51bWJlcjtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwdWJsaWMgcmVuZGVyZXI6IFJlbmRlcmVyMixcclxuICAgIHB1YmxpYyBlbGVtZW50UmVmOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PixcclxuICAgIHB1YmxpYyBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgcHVibGljIHBvcnRhbDogWFBvcnRhbFNlcnZpY2UsXHJcbiAgICBwdWJsaWMgdmlld0NvbnRhaW5lclJlZjogVmlld0NvbnRhaW5lclJlZixcclxuICAgIHB1YmxpYyBjb25maWdTZXJ2aWNlOiBYQ29uZmlnU2VydmljZVxyXG4gICkge1xyXG4gICAgc3VwZXIoKTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5zZXRDbGFzc01hcCgpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xyXG4gICAgY29uc3QgeyBsb2FkaW5nLCBzaXplIH0gPSBjaGFuZ2VzO1xyXG4gICAgWElzQ2hhbmdlKGxvYWRpbmcpICYmIHRoaXMuc2V0TG9hZGluZygpO1xyXG4gICAgWElzQ2hhbmdlKHNpemUpICYmIHRoaXMuc2V0Q2xhc3NNYXAoKTtcclxuICB9XHJcblxyXG4gIHNldENsYXNzTWFwKCkge1xyXG4gICAgWENsZWFyQ2xhc3ModGhpcy5jbGFzc01hcCk7XHJcbiAgICBpZiAoWElzTnVtYmVyKHRoaXMuc2l6ZSkpIHtcclxuICAgICAgdGhpcy5zaXplTnVtYmVyID0gdGhpcy5zaXplIGFzIG51bWJlcjtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuY2xhc3NNYXBbYCR7WExvYWRpbmdQcmVmaXh9LSR7dGhpcy5zaXplfWBdID0gIVhJc0VtcHR5KHRoaXMuc2l6ZSk7XHJcbiAgICB9XHJcbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcclxuICB9XHJcblxyXG4gIHNldExvYWRpbmcoKSB7XHJcbiAgICBpZiAodGhpcy5mdWxsU2NyZWVuKSB7XHJcbiAgICAgIGlmICh0aGlzLmxvYWRpbmcpIHtcclxuICAgICAgICB0aGlzLmNyZWF0ZUZ1bGxTY3JlZW4oKTtcclxuICAgICAgfSBlbHNlIHtcclxuICAgICAgICB0aGlzLmNsb3NlRnVsbFNjcmVlbigpO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgfVxyXG5cclxuICBjcmVhdGVGdWxsU2NyZWVuKCkge1xyXG4gICAgdGhpcy5wb3J0YWxSZWYgPSB0aGlzLnBvcnRhbC5hdHRhY2goe1xyXG4gICAgICBjb250ZW50OiB0aGlzLmxvYWRpbmdUcGwsXHJcbiAgICAgIHZpZXdDb250YWluZXJSZWY6IHRoaXMudmlld0NvbnRhaW5lclJlZixcclxuICAgICAgb3ZlcmxheUNvbmZpZzoge1xyXG4gICAgICAgIHdpZHRoOiAnMTAwJScsXHJcbiAgICAgICAgaGVpZ2h0OiAnMTAwJScsXHJcbiAgICAgICAgcG9zaXRpb25TdHJhdGVneTogdGhpcy5wb3J0YWwuc2V0UGxhY2VtZW50KClcclxuICAgICAgfVxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBjbG9zZUZ1bGxTY3JlZW4oKSB7XHJcbiAgICBpZiAodGhpcy5wb3J0YWxSZWY/Lm92ZXJsYXlSZWY/Lmhhc0F0dGFjaGVkKCkpIHtcclxuICAgICAgdGhpcy5wb3J0YWxSZWYub3ZlcmxheVJlZi5kZXRhY2goKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG5cclxuPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFmdWxsU2NyZWVuXCI+XHJcbiAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImxvYWRpbmdUcGxcIj48L25nLWNvbnRhaW5lcj5cclxuPC9uZy1jb250YWluZXI+XHJcblxyXG48bmctdGVtcGxhdGUgI2xvYWRpbmdUcGw+XHJcbiAgPGRpdiAjbG9hZGluZyBjbGFzcz1cIngtbG9hZGluZ1wiIFtuZ0NsYXNzXT1cImNsYXNzTWFwXCIgW3N0eWxlLmJhY2tncm91bmRdPVwiYmFja2dyb3VuZFwiIFtzdHlsZS56SW5kZXhdPVwiekluZGV4XCIgKm5nSWY9XCJsb2FkaW5nXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwieC1sb2FkaW5nLXNwaW5uZXJcIiBbc3R5bGUuY29sb3JdPVwiY29sb3JcIj5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImljb247IGVsc2UgY2lyY3VsYXJUcGxcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwieC1sb2FkaW5nLWljb25cIiBbc3R5bGUuZm9udC1zaXplLnB4XT1cInNpemVOdW1iZXJcIj5cclxuICAgICAgICAgIDx4LWljb24gW3R5cGVdPVwiaWNvblwiPjwveC1pY29uPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgPGRpdiBjbGFzcz1cIngtbG9hZGluZy10ZXh0XCI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqeE91dGxldD1cInRleHRcIj57eyB0ZXh0IH19PC9uZy1jb250YWluZXI+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvbmctdGVtcGxhdGU+XHJcblxyXG48bmctdGVtcGxhdGUgI2NpcmN1bGFyVHBsPlxyXG4gIDxzdmcgY2xhc3M9XCJ4LWxvYWRpbmctY2lyY3VsYXJcIiBbc3R5bGUud2lkdGgucHhdPVwic2l6ZU51bWJlclwiIFtzdHlsZS5oZWlnaHQucHhdPVwic2l6ZU51bWJlclwiIHZpZXdCb3g9XCIyNSAyNSA1MCA1MFwiPlxyXG4gICAgPGNpcmNsZSBjbGFzcz1cIngtbG9hZGluZy1wYXRoXCIgY3g9XCI1MFwiIGN5PVwiNTBcIiByPVwiMjBcIiBmaWxsPVwibm9uZVwiIC8+XHJcbiAgPC9zdmc+XHJcbjwvbmctdGVtcGxhdGU+XHJcbiJdfQ==
|
|
@@ -69,4 +69,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
69
69
|
}], background: [{
|
|
70
70
|
type: Input
|
|
71
71
|
}] } });
|
|
72
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5wcm9wZXJ0eS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9uZy1uZXN0L3VpL2xvYWRpbmcvbG9hZGluZy5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQThCLFdBQVcsRUFBVyxNQUFNLGtCQUFrQixDQUFDO0FBQzlHLE9BQU8sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUVqRDs7OztHQUlHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLFdBQVcsQ0FBQztBQUMxQyxNQUFNLGFBQWEsR0FBRyxTQUFTLENBQUM7QUFFaEM7O0dBRUc7QUFFSCxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsU0FBUztJQUQvQzs7UUFFRTs7O1dBR0c7UUFDa0MsWUFBTyxHQUFhLEtBQUssQ0FBQztLQW9DaEU7O2dJQXpDWSxnQkFBZ0I7b0hBQWhCLGdCQUFnQiwwUEFETixFQUFFO0FBTWM7SUFBaEIsYUFBYSxFQUFFO2lEQUEyQjtBQUtiO0lBQXhDLFdBQVcsQ0FBVSxhQUFhLEVBQUUsRUFBRSxDQUFDO2dEQUFrQjtBQUtiO0lBQTVDLFdBQVcsQ0FBUSxhQUFhLEVBQUUsUUFBUSxDQUFDOzhDQUF1QjtBQUs1QjtJQUF0QyxXQUFXLENBQVksYUFBYSxDQUFDOzhDQUFrQjtBQUtwQjtJQUFuQyxXQUFXLENBQVMsYUFBYSxDQUFDOzhDQUFlO0FBS2Q7SUFBbkMsV0FBVyxDQUFTLGFBQWEsQ0FBQzsrQ0FBZ0I7QUFLbEM7SUFBaEIsYUFBYSxFQUFFO29EQUF1QjtBQUtIO0lBQW5DLFdBQVcsQ0FBUyxhQUFhLENBQUM7b0RBQXFCOzJGQXhDdEQsZ0JBQWdCO2tCQUQ1QixTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRTs4QkFNWSxPQUFPO3NCQUEzQyxLQUFLO3VCQUFDLFdBQVc7Z0JBS2dDLE1BQU07c0JBQXZELEtBQUs7Z0JBS2dELElBQUk7c0JBQXpELEtBQUs7Z0JBSzBDLElBQUk7c0JBQW5ELEtBQUs7Z0JBS3VDLElBQUk7c0JBQWhELEtBQUs7Z0JBS3VDLEtBQUs7c0JBQWpELEtBQUs7Z0JBS29CLFVBQVU7c0JBQW5DLEtBQUs7Z0JBS3VDLFVBQVU7c0JBQXRELEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBYUHJvcGVydHksIFhJbnB1dEJvb2xlYW4sIFhTaXplLCBYVGVtcGxhdGUsIFhCb29sZWFuLCBYV2l0aENvbmZpZywgWE51bWJlciB9IGZyb20gJ0BuZy1uZXN0L3VpL2NvcmUnO1xyXG5pbXBvcnQgeyBJbnB1dCwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG4vKipcclxuICogTG9hZGluZ1xyXG4gKiBAc2VsZWN0b3IgeC1sb2FkaW5nXHJcbiAqIEBkZWNvcmF0b3IgY29tcG9uZW50XHJcbiAqL1xyXG5leHBvcnQgY29uc3QgWExvYWRpbmdQcmVmaXggPSAneC1sb2FkaW5nJztcclxuY29uc3QgWF9DT05GSUdfTkFNRSA9ICdsb2FkaW5nJztcclxuXHJcbi8qKlxyXG4gKiBMb2FkaW5nIFByb3BlcnR5XHJcbiAqL1xyXG5AQ29tcG9uZW50KHsgdGVtcGxhdGU6ICcnIH0pXHJcbmV4cG9ydCBjbGFzcyBYTG9hZGluZ1Byb3BlcnR5IGV4dGVuZHMgWFByb3BlcnR5IHtcclxuICAvKipcclxuICAgKiBAemhfQ04g5pi+56S6IGxvYWRpbmdcclxuICAgKiBAZW5fVVMgU2hvdyBsb2FkaW5nXHJcbiAgICovXHJcbiAgQElucHV0KCd4LWxvYWRpbmcnKSBAWElucHV0Qm9vbGVhbigpIGxvYWRpbmc6IFhCb29sZWFuID0gZmFsc2U7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWxgue6p1xyXG4gICAqIEBlbl9VUyB6LWluZGV4XHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhXaXRoQ29uZmlnPFhOdW1iZXI+KFhfQ09ORklHX05BTUUsIDEwKSB6SW5kZXg/OiBYTnVtYmVyO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlsLrlr7hcclxuICAgKiBAZW5fVVMgU2l6ZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIEBYV2l0aENvbmZpZzxYU2l6ZT4oWF9DT05GSUdfTkFNRSwgJ21lZGl1bScpIHNpemU/OiBYU2l6ZSB8IG51bWJlcjtcclxuICAvKipcclxuICAgKiBAemhfQ04g5pi+56S65paH5a2X77yM5pSv5oyB6Ieq5a6a5LmJ5qih5p2/XHJcbiAgICogQGVuX1VTIERpc3BsYXkgdGV4dCwgc3VwcG9ydCBjdXN0b20gdGVtcGxhdGVcclxuICAgKi9cclxuICBASW5wdXQoKSBAWFdpdGhDb25maWc8WFRlbXBsYXRlPihYX0NPTkZJR19OQU1FKSB0ZXh0PzogWFRlbXBsYXRlO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmmL7npLrnmoTlm77moIdcclxuICAgKiBAZW5fVVMgSWNvbiBkaXNwbGF5ZWRcclxuICAgKi9cclxuICBASW5wdXQoKSBAWFdpdGhDb25maWc8c3RyaW5nPihYX0NPTkZJR19OQU1FKSBpY29uPzogc3RyaW5nO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDpopzoibJcclxuICAgKiBAZW5fVVMgQ29sb3JcclxuICAgKi9cclxuICBASW5wdXQoKSBAWFdpdGhDb25maWc8c3RyaW5nPihYX0NPTkZJR19OQU1FKSBjb2xvcj86IHN0cmluZztcclxuICAvKipcclxuICAgKiBAemhfQ04g5YWo5bGP5pi+56S6XHJcbiAgICogQGVuX1VTIEZ1bGwtc2NyZWVuIGRpc3BsYXlcclxuICAgKi9cclxuICBASW5wdXQoKSBAWElucHV0Qm9vbGVhbigpIGZ1bGxTY3JlZW4/OiBYQm9vbGVhbjtcclxuICAvKipcclxuICAgKiBAemhfQ04g6IOM5pmv5qC35byPXHJcbiAgICogQGVuX1VTIEJhY2tncm91bmQgc3R5bGVcclxuICAgKi9cclxuICBASW5wdXQoKSBAWFdpdGhDb25maWc8c3RyaW5nPihYX0NPTkZJR19OQU1FKSBiYWNrZ3JvdW5kPzogc3RyaW5nO1xyXG59XHJcbiJdfQ==
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild } from '@angular/core';
|
|
2
2
|
import { XSwitchProperty, XSwitchPrefix } from './switch.property';
|
|
3
|
-
import { XClearClass } from '@ng-nest/ui/core';
|
|
3
|
+
import { XClearClass, XIsChange } from '@ng-nest/ui/core';
|
|
4
4
|
import { XValueAccessor } from '@ng-nest/ui/base-form';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
import * as i1 from "@ng-nest/ui/core";
|
|
7
7
|
import * as i2 from "@angular/common";
|
|
8
|
+
import * as i3 from "@ng-nest/ui/loading";
|
|
9
|
+
import * as i4 from "@ng-nest/ui/outlet";
|
|
8
10
|
export class XSwitchComponent extends XSwitchProperty {
|
|
9
11
|
constructor(renderer, cdr, configService) {
|
|
10
12
|
super();
|
|
@@ -16,16 +18,21 @@ export class XSwitchComponent extends XSwitchProperty {
|
|
|
16
18
|
this.value = value;
|
|
17
19
|
this.cdr.detectChanges();
|
|
18
20
|
}
|
|
21
|
+
ngOnChanges(changes) {
|
|
22
|
+
const { size, labelAlign } = changes;
|
|
23
|
+
XIsChange(size, labelAlign) && this.setClassMap();
|
|
24
|
+
}
|
|
19
25
|
ngOnInit() {
|
|
20
26
|
this.setFlex(this.switch.nativeElement, this.renderer, this.justify, this.align, this.direction);
|
|
21
27
|
this.setClassMap();
|
|
22
28
|
}
|
|
23
29
|
setClassMap() {
|
|
24
|
-
XClearClass(this.labelMap);
|
|
30
|
+
XClearClass(this.classMap, this.labelMap);
|
|
31
|
+
this.classMap[`${XSwitchPrefix}-${this.size}`] = this.size ? true : false;
|
|
25
32
|
this.labelMap[`x-text-align-${this.labelAlign}`] = this.labelAlign ? true : false;
|
|
26
33
|
}
|
|
27
34
|
switchClick() {
|
|
28
|
-
if (this.disabled)
|
|
35
|
+
if (this.disabled || this.loading || this.manual)
|
|
29
36
|
return;
|
|
30
37
|
this.value = !this.value;
|
|
31
38
|
if (this.onChange)
|
|
@@ -38,12 +45,12 @@ export class XSwitchComponent extends XSwitchProperty {
|
|
|
38
45
|
}
|
|
39
46
|
}
|
|
40
47
|
/** @nocollapse */ XSwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XSwitchComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
|
|
41
|
-
/** @nocollapse */ XSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: XSwitchComponent, selector: "x-switch", providers: [XValueAccessor(XSwitchComponent)], viewQueries: [{ propertyName: "switch", first: true, predicate: ["switch"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div
|
|
48
|
+
/** @nocollapse */ XSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: XSwitchComponent, selector: "x-switch", providers: [XValueAccessor(XSwitchComponent)], viewQueries: [{ propertyName: "switch", first: true, predicate: ["switch"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n #switch\r\n class=\"x-switch\"\r\n [ngClass]=\"classMap\"\r\n [class.x-switch-loading]=\"loading\"\r\n [class.x-flex]=\"justify || align || direction\"\r\n [class.x-checked]=\"value\"\r\n [class.x-disabled]=\"disabled\"\r\n>\r\n <label *ngIf=\"label\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n <div class=\"x-switch-row\">\r\n <div class=\"x-switch-slider\" (click)=\"switchClick()\">\r\n <div class=\"x-switch-handle\">\r\n <div class=\"x-switch-spinner\" [x-loading]=\"loading\" [size]=\"size\"></div>\r\n </div>\r\n <div class=\"x-switch-text\">\r\n <ng-container *ngIf=\"value; else uncheckTemplate\">\r\n <ng-container *xOutlet=\"checkedText\">{{ checkedText }}</ng-container>\r\n </ng-container>\r\n <ng-template #uncheckTemplate>\r\n <ng-container *xOutlet=\"unCheckedText\">{{ unCheckedText }}</ng-container>\r\n </ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.x-switch{margin:0;padding:0;width:100%}.x-switch.x-flex{display:flex}.x-switch.x-justify-start{justify-content:flex-start}.x-switch.x-justify-center{justify-content:center}.x-switch.x-justify-end{justify-content:flex-end}.x-switch.x-justify-space-between{justify-content:space-between}.x-switch.x-justify-space-around{justify-content:space-around}.x-switch.x-align-start{align-items:flex-start}.x-switch.x-align-center{align-items:center}.x-switch.x-align-end{align-items:flex-end}.x-switch.x-direction-column{flex-direction:column}.x-switch.x-direction-column-reverse{flex-direction:column-reverse}.x-switch.x-direction-row{flex-direction:row}.x-switch.x-direction-row-reverse{flex-direction:row-reverse}.x-switch>label{display:inline-block;white-space:nowrap;position:relative;color:var(--x-text-300);font-weight:600}.x-switch>label.x-text-align-start{text-align:start}.x-switch>label.x-text-align-center{text-align:center}.x-switch>label.x-text-align-end{text-align:end}.x-switch-row{flex:1;display:flex;align-items:center;position:relative;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem)}.x-switch-slider{display:inline-flex;align-items:center;position:relative;border:var(--x-border-width) solid var(--x-info);background-color:var(--x-info);cursor:pointer;transition:var(--x-animation-duration-slow)}.x-switch-handle{position:absolute;transition:var(--x-animation-duration-slow);left:0;display:block}.x-switch-handle:before{position:absolute;inset:0;box-shadow:0 .125rem .25rem #00230b33;background-color:var(--x-background-a100);content:\"\"}.x-switch-spinner .x-loading{background-color:transparent}.x-switch-spinner .x-loading-spinner{display:flex;align-items:center}.x-switch-text{color:var(--x-white);transition:var(--x-animation-duration-slow)}.x-switch.x-checked .x-switch-slider{background-color:var(--x-primary);border-color:var(--x-primary)}.x-switch.x-required>label{color:var(--x-danger)}.x-switch.x-disabled .x-switch-slider,.x-switch-loading .x-switch-slider{cursor:not-allowed;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-switch.x-disabled.x-checked .x-switch-slider,.x-switch-loading.x-checked .x-switch-slider{background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-switch.x-direction-row>label{padding:0 .5rem 0 0}.x-switch.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-switch.x-direction-column,.x-switch.x-direction-column-reverse{align-items:inherit}.x-switch-big>label{height:var(--x-height-big);line-height:var(--x-height-big)}.x-switch-big .x-switch-slider{height:calc(var(--x-height-big) - .25rem);min-width:calc((var(--x-height-big) - .25rem) * 2);border-radius:calc(var(--x-height-big) - .25rem);margin:.125rem 0}.x-switch-big .x-switch-handle{width:calc(var(--x-height-big) - .5rem);height:calc(var(--x-height-big) - .5rem);margin:0 .125rem}.x-switch-big .x-switch-handle:before{border-radius:calc(var(--x-height-big) - .5rem)}.x-switch-big .x-switch-text{margin-left:calc(var(--x-height-big) - .125rem);margin-right:.5rem}.x-switch-big.x-checked .x-switch-handle{left:calc(100% - (var(--x-height-big) - .5rem) - .25rem)}.x-switch-big.x-checked .x-switch-text{margin-left:.5rem;margin-right:calc(var(--x-height-big) - .25rem)}.x-switch-big .x-switch-spinner{width:calc(var(--x-height-big) - .5rem);height:calc(var(--x-height-big) - .5rem)}.x-switch-big .x-loading-big .x-loading-circular{width:calc(var(--x-height-big) - .625rem);height:calc(var(--x-height-big) - .625rem)}.x-switch-large>label{height:var(--x-height-large);line-height:var(--x-height-large)}.x-switch-large .x-switch-slider{height:calc(var(--x-height-large) - .25rem);min-width:calc((var(--x-height-large) - .25rem) * 2);border-radius:calc(var(--x-height-large) - .25rem);margin:.125rem 0}.x-switch-large .x-switch-handle{width:calc(var(--x-height-large) - .5rem);height:calc(var(--x-height-large) - .5rem);margin:0 .125rem}.x-switch-large .x-switch-handle:before{border-radius:calc(var(--x-height-large) - .5rem)}.x-switch-large .x-switch-text{margin-left:calc(var(--x-height-large) - .125rem);margin-right:.5rem}.x-switch-large.x-checked .x-switch-handle{left:calc(100% - (var(--x-height-large) - .5rem) - .25rem)}.x-switch-large.x-checked .x-switch-text{margin-left:.5rem;margin-right:calc(var(--x-height-large) - .25rem)}.x-switch-large .x-switch-spinner{width:calc(var(--x-height-large) - .5rem);height:calc(var(--x-height-large) - .5rem)}.x-switch-large .x-loading-large .x-loading-circular{width:calc(var(--x-height-large) - .625rem);height:calc(var(--x-height-large) - .625rem)}.x-switch-medium>label{height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-switch-medium .x-switch-slider{height:calc(var(--x-height-medium) - .25rem);min-width:calc((var(--x-height-medium) - .25rem) * 2);border-radius:calc(var(--x-height-medium) - .25rem);margin:.125rem 0}.x-switch-medium .x-switch-handle{width:calc(var(--x-height-medium) - .5rem);height:calc(var(--x-height-medium) - .5rem);margin:0 .125rem}.x-switch-medium .x-switch-handle:before{border-radius:calc(var(--x-height-medium) - .5rem)}.x-switch-medium .x-switch-text{margin-left:calc(var(--x-height-medium) - .125rem);margin-right:.5rem}.x-switch-medium.x-checked .x-switch-handle{left:calc(100% - (var(--x-height-medium) - .5rem) - .25rem)}.x-switch-medium.x-checked .x-switch-text{margin-left:.5rem;margin-right:calc(var(--x-height-medium) - .25rem)}.x-switch-medium .x-switch-spinner{width:calc(var(--x-height-medium) - .5rem);height:calc(var(--x-height-medium) - .5rem)}.x-switch-medium .x-loading-medium .x-loading-circular{width:calc(var(--x-height-medium) - .625rem);height:calc(var(--x-height-medium) - .625rem)}.x-switch-small>label{height:var(--x-height-small);line-height:var(--x-height-small)}.x-switch-small .x-switch-slider{height:calc(var(--x-height-small) - .25rem);min-width:calc((var(--x-height-small) - .25rem) * 2);border-radius:calc(var(--x-height-small) - .25rem);margin:.125rem 0}.x-switch-small .x-switch-handle{width:calc(var(--x-height-small) - .5rem);height:calc(var(--x-height-small) - .5rem);margin:0 .125rem}.x-switch-small .x-switch-handle:before{border-radius:calc(var(--x-height-small) - .5rem)}.x-switch-small .x-switch-text{margin-left:calc(var(--x-height-small) - .125rem);margin-right:.5rem}.x-switch-small.x-checked .x-switch-handle{left:calc(100% - (var(--x-height-small) - .5rem) - .25rem)}.x-switch-small.x-checked .x-switch-text{margin-left:.5rem;margin-right:calc(var(--x-height-small) - .25rem)}.x-switch-small .x-switch-spinner{width:calc(var(--x-height-small) - .5rem);height:calc(var(--x-height-small) - .5rem)}.x-switch-small .x-loading-small .x-loading-circular{width:calc(var(--x-height-small) - .625rem);height:calc(var(--x-height-small) - .625rem)}.x-switch-mini>label{height:var(--x-height-mini);line-height:var(--x-height-mini)}.x-switch-mini .x-switch-slider{height:calc(var(--x-height-mini) - .25rem);min-width:calc((var(--x-height-mini) - .25rem) * 2);border-radius:calc(var(--x-height-mini) - .25rem);margin:.125rem 0}.x-switch-mini .x-switch-handle{width:calc(var(--x-height-mini) - .5rem);height:calc(var(--x-height-mini) - .5rem);margin:0 .125rem}.x-switch-mini .x-switch-handle:before{border-radius:calc(var(--x-height-mini) - .5rem)}.x-switch-mini .x-switch-text{margin-left:calc(var(--x-height-mini) - .125rem);margin-right:.5rem}.x-switch-mini.x-checked .x-switch-handle{left:calc(100% - (var(--x-height-mini) - .5rem) - .25rem)}.x-switch-mini.x-checked .x-switch-text{margin-left:.5rem;margin-right:calc(var(--x-height-mini) - .25rem)}.x-switch-mini .x-switch-spinner{width:calc(var(--x-height-mini) - .5rem);height:calc(var(--x-height-mini) - .5rem)}.x-switch-mini .x-loading-mini .x-loading-circular{width:calc(var(--x-height-mini) - .625rem);height:calc(var(--x-height-mini) - .625rem)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.XLoadingComponent, selector: "x-loading, [x-loading]" }, { kind: "directive", type: i4.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
42
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XSwitchComponent, decorators: [{
|
|
43
50
|
type: Component,
|
|
44
|
-
args: [{ selector: `${XSwitchPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XSwitchComponent)], template: "<div
|
|
51
|
+
args: [{ selector: `${XSwitchPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XSwitchComponent)], template: "<div\r\n #switch\r\n class=\"x-switch\"\r\n [ngClass]=\"classMap\"\r\n [class.x-switch-loading]=\"loading\"\r\n [class.x-flex]=\"justify || align || direction\"\r\n [class.x-checked]=\"value\"\r\n [class.x-disabled]=\"disabled\"\r\n>\r\n <label *ngIf=\"label\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n <div class=\"x-switch-row\">\r\n <div class=\"x-switch-slider\" (click)=\"switchClick()\">\r\n <div class=\"x-switch-handle\">\r\n <div class=\"x-switch-spinner\" [x-loading]=\"loading\" [size]=\"size\"></div>\r\n </div>\r\n <div class=\"x-switch-text\">\r\n <ng-container *ngIf=\"value; else uncheckTemplate\">\r\n <ng-container *xOutlet=\"checkedText\">{{ checkedText }}</ng-container>\r\n </ng-container>\r\n <ng-template #uncheckTemplate>\r\n <ng-container *xOutlet=\"unCheckedText\">{{ unCheckedText }}</ng-container>\r\n </ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.x-switch{margin:0;padding:0;width:100%}.x-switch.x-flex{display:flex}.x-switch.x-justify-start{justify-content:flex-start}.x-switch.x-justify-center{justify-content:center}.x-switch.x-justify-end{justify-content:flex-end}.x-switch.x-justify-space-between{justify-content:space-between}.x-switch.x-justify-space-around{justify-content:space-around}.x-switch.x-align-start{align-items:flex-start}.x-switch.x-align-center{align-items:center}.x-switch.x-align-end{align-items:flex-end}.x-switch.x-direction-column{flex-direction:column}.x-switch.x-direction-column-reverse{flex-direction:column-reverse}.x-switch.x-direction-row{flex-direction:row}.x-switch.x-direction-row-reverse{flex-direction:row-reverse}.x-switch>label{display:inline-block;white-space:nowrap;position:relative;color:var(--x-text-300);font-weight:600}.x-switch>label.x-text-align-start{text-align:start}.x-switch>label.x-text-align-center{text-align:center}.x-switch>label.x-text-align-end{text-align:end}.x-switch-row{flex:1;display:flex;align-items:center;position:relative;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem)}.x-switch-slider{display:inline-flex;align-items:center;position:relative;border:var(--x-border-width) solid var(--x-info);background-color:var(--x-info);cursor:pointer;transition:var(--x-animation-duration-slow)}.x-switch-handle{position:absolute;transition:var(--x-animation-duration-slow);left:0;display:block}.x-switch-handle:before{position:absolute;inset:0;box-shadow:0 .125rem .25rem #00230b33;background-color:var(--x-background-a100);content:\"\"}.x-switch-spinner .x-loading{background-color:transparent}.x-switch-spinner .x-loading-spinner{display:flex;align-items:center}.x-switch-text{color:var(--x-white);transition:var(--x-animation-duration-slow)}.x-switch.x-checked .x-switch-slider{background-color:var(--x-primary);border-color:var(--x-primary)}.x-switch.x-required>label{color:var(--x-danger)}.x-switch.x-disabled .x-switch-slider,.x-switch-loading .x-switch-slider{cursor:not-allowed;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-switch.x-disabled.x-checked .x-switch-slider,.x-switch-loading.x-checked .x-switch-slider{background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-switch.x-direction-row>label{padding:0 .5rem 0 0}.x-switch.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-switch.x-direction-column,.x-switch.x-direction-column-reverse{align-items:inherit}.x-switch-big>label{height:var(--x-height-big);line-height:var(--x-height-big)}.x-switch-big .x-switch-slider{height:calc(var(--x-height-big) - .25rem);min-width:calc((var(--x-height-big) - .25rem) * 2);border-radius:calc(var(--x-height-big) - .25rem);margin:.125rem 0}.x-switch-big .x-switch-handle{width:calc(var(--x-height-big) - .5rem);height:calc(var(--x-height-big) - .5rem);margin:0 .125rem}.x-switch-big .x-switch-handle:before{border-radius:calc(var(--x-height-big) - .5rem)}.x-switch-big .x-switch-text{margin-left:calc(var(--x-height-big) - .125rem);margin-right:.5rem}.x-switch-big.x-checked .x-switch-handle{left:calc(100% - (var(--x-height-big) - .5rem) - .25rem)}.x-switch-big.x-checked .x-switch-text{margin-left:.5rem;margin-right:calc(var(--x-height-big) - .25rem)}.x-switch-big .x-switch-spinner{width:calc(var(--x-height-big) - .5rem);height:calc(var(--x-height-big) - .5rem)}.x-switch-big .x-loading-big .x-loading-circular{width:calc(var(--x-height-big) - .625rem);height:calc(var(--x-height-big) - .625rem)}.x-switch-large>label{height:var(--x-height-large);line-height:var(--x-height-large)}.x-switch-large .x-switch-slider{height:calc(var(--x-height-large) - .25rem);min-width:calc((var(--x-height-large) - .25rem) * 2);border-radius:calc(var(--x-height-large) - .25rem);margin:.125rem 0}.x-switch-large .x-switch-handle{width:calc(var(--x-height-large) - .5rem);height:calc(var(--x-height-large) - .5rem);margin:0 .125rem}.x-switch-large .x-switch-handle:before{border-radius:calc(var(--x-height-large) - .5rem)}.x-switch-large .x-switch-text{margin-left:calc(var(--x-height-large) - .125rem);margin-right:.5rem}.x-switch-large.x-checked .x-switch-handle{left:calc(100% - (var(--x-height-large) - .5rem) - .25rem)}.x-switch-large.x-checked .x-switch-text{margin-left:.5rem;margin-right:calc(var(--x-height-large) - .25rem)}.x-switch-large .x-switch-spinner{width:calc(var(--x-height-large) - .5rem);height:calc(var(--x-height-large) - .5rem)}.x-switch-large .x-loading-large .x-loading-circular{width:calc(var(--x-height-large) - .625rem);height:calc(var(--x-height-large) - .625rem)}.x-switch-medium>label{height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-switch-medium .x-switch-slider{height:calc(var(--x-height-medium) - .25rem);min-width:calc((var(--x-height-medium) - .25rem) * 2);border-radius:calc(var(--x-height-medium) - .25rem);margin:.125rem 0}.x-switch-medium .x-switch-handle{width:calc(var(--x-height-medium) - .5rem);height:calc(var(--x-height-medium) - .5rem);margin:0 .125rem}.x-switch-medium .x-switch-handle:before{border-radius:calc(var(--x-height-medium) - .5rem)}.x-switch-medium .x-switch-text{margin-left:calc(var(--x-height-medium) - .125rem);margin-right:.5rem}.x-switch-medium.x-checked .x-switch-handle{left:calc(100% - (var(--x-height-medium) - .5rem) - .25rem)}.x-switch-medium.x-checked .x-switch-text{margin-left:.5rem;margin-right:calc(var(--x-height-medium) - .25rem)}.x-switch-medium .x-switch-spinner{width:calc(var(--x-height-medium) - .5rem);height:calc(var(--x-height-medium) - .5rem)}.x-switch-medium .x-loading-medium .x-loading-circular{width:calc(var(--x-height-medium) - .625rem);height:calc(var(--x-height-medium) - .625rem)}.x-switch-small>label{height:var(--x-height-small);line-height:var(--x-height-small)}.x-switch-small .x-switch-slider{height:calc(var(--x-height-small) - .25rem);min-width:calc((var(--x-height-small) - .25rem) * 2);border-radius:calc(var(--x-height-small) - .25rem);margin:.125rem 0}.x-switch-small .x-switch-handle{width:calc(var(--x-height-small) - .5rem);height:calc(var(--x-height-small) - .5rem);margin:0 .125rem}.x-switch-small .x-switch-handle:before{border-radius:calc(var(--x-height-small) - .5rem)}.x-switch-small .x-switch-text{margin-left:calc(var(--x-height-small) - .125rem);margin-right:.5rem}.x-switch-small.x-checked .x-switch-handle{left:calc(100% - (var(--x-height-small) - .5rem) - .25rem)}.x-switch-small.x-checked .x-switch-text{margin-left:.5rem;margin-right:calc(var(--x-height-small) - .25rem)}.x-switch-small .x-switch-spinner{width:calc(var(--x-height-small) - .5rem);height:calc(var(--x-height-small) - .5rem)}.x-switch-small .x-loading-small .x-loading-circular{width:calc(var(--x-height-small) - .625rem);height:calc(var(--x-height-small) - .625rem)}.x-switch-mini>label{height:var(--x-height-mini);line-height:var(--x-height-mini)}.x-switch-mini .x-switch-slider{height:calc(var(--x-height-mini) - .25rem);min-width:calc((var(--x-height-mini) - .25rem) * 2);border-radius:calc(var(--x-height-mini) - .25rem);margin:.125rem 0}.x-switch-mini .x-switch-handle{width:calc(var(--x-height-mini) - .5rem);height:calc(var(--x-height-mini) - .5rem);margin:0 .125rem}.x-switch-mini .x-switch-handle:before{border-radius:calc(var(--x-height-mini) - .5rem)}.x-switch-mini .x-switch-text{margin-left:calc(var(--x-height-mini) - .125rem);margin-right:.5rem}.x-switch-mini.x-checked .x-switch-handle{left:calc(100% - (var(--x-height-mini) - .5rem) - .25rem)}.x-switch-mini.x-checked .x-switch-text{margin-left:.5rem;margin-right:calc(var(--x-height-mini) - .25rem)}.x-switch-mini .x-switch-spinner{width:calc(var(--x-height-mini) - .5rem);height:calc(var(--x-height-mini) - .5rem)}.x-switch-mini .x-loading-mini .x-loading-circular{width:calc(var(--x-height-mini) - .625rem);height:calc(var(--x-height-mini) - .625rem)}\n"] }]
|
|
45
52
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; }, propDecorators: { switch: [{
|
|
46
53
|
type: ViewChild,
|
|
47
54
|
args: ['switch', { static: true }]
|
|
48
55
|
}] } });
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpdGNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9uZy1uZXN0L3VpL3N3aXRjaC9zd2l0Y2guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvc3dpdGNoL3N3aXRjaC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULGlCQUFpQixFQUNqQix1QkFBdUIsRUFJdkIsU0FBUyxFQUVWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsYUFBYSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbkUsT0FBTyxFQUFFLFdBQVcsRUFBa0IsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDMUUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7Ozs7QUFVdkQsTUFBTSxPQUFPLGdCQUFpQixTQUFRLGVBQWU7SUFRbkQsWUFBbUIsUUFBbUIsRUFBa0IsR0FBc0IsRUFBUyxhQUE2QjtRQUNsSCxLQUFLLEVBQUUsQ0FBQztRQURTLGFBQVEsR0FBUixRQUFRLENBQVc7UUFBa0IsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFBUyxrQkFBYSxHQUFiLGFBQWEsQ0FBZ0I7SUFFcEgsQ0FBQztJQVBRLFVBQVUsQ0FBQyxLQUFVO1FBQzVCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ25CLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQU1ELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxNQUFNLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxHQUFHLE9BQU8sQ0FBQztRQUNyQyxTQUFTLENBQUMsSUFBSSxFQUFFLFVBQVUsQ0FBQyxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNwRCxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQ2pHLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsV0FBVztRQUNULFdBQVcsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUMxQyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsYUFBYSxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO1FBQzFFLElBQUksQ0FBQyxRQUFRLENBQUMsZ0JBQWdCLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO0lBQ3BGLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLE1BQU07WUFBRSxPQUFPO1FBQ3pELElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQ3pCLElBQUksSUFBSSxDQUFDLFFBQVE7WUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM3QyxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2hCLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDM0IsQ0FBQzs7Z0lBdENVLGdCQUFnQjtvSEFBaEIsZ0JBQWdCLG1DQUZoQixDQUFDLGNBQWMsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLHNMQ3JCL0Msdy9CQTBCQTsyRkRIYSxnQkFBZ0I7a0JBUjVCLFNBQVM7K0JBQ0UsR0FBRyxhQUFhLEVBQUUsaUJBR2IsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxhQUNwQyxDQUFDLGNBQWMsa0JBQWtCLENBQUM7NkpBR04sTUFBTTtzQkFBNUMsU0FBUzt1QkFBQyxRQUFRLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgT25Jbml0LFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIFJlbmRlcmVyMixcclxuICBFbGVtZW50UmVmLFxyXG4gIFZpZXdDaGlsZCxcclxuICBTaW1wbGVDaGFuZ2VzXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFhTd2l0Y2hQcm9wZXJ0eSwgWFN3aXRjaFByZWZpeCB9IGZyb20gJy4vc3dpdGNoLnByb3BlcnR5JztcclxuaW1wb3J0IHsgWENsZWFyQ2xhc3MsIFhDb25maWdTZXJ2aWNlLCBYSXNDaGFuZ2UgfSBmcm9tICdAbmctbmVzdC91aS9jb3JlJztcclxuaW1wb3J0IHsgWFZhbHVlQWNjZXNzb3IgfSBmcm9tICdAbmctbmVzdC91aS9iYXNlLWZvcm0nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IGAke1hTd2l0Y2hQcmVmaXh9YCxcclxuICB0ZW1wbGF0ZVVybDogJy4vc3dpdGNoLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zd2l0Y2guY29tcG9uZW50LnNjc3MnXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIHByb3ZpZGVyczogW1hWYWx1ZUFjY2Vzc29yKFhTd2l0Y2hDb21wb25lbnQpXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgWFN3aXRjaENvbXBvbmVudCBleHRlbmRzIFhTd2l0Y2hQcm9wZXJ0eSBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQFZpZXdDaGlsZCgnc3dpdGNoJywgeyBzdGF0aWM6IHRydWUgfSkgc3dpdGNoITogRWxlbWVudFJlZjxIVE1MRWxlbWVudD47XHJcblxyXG4gIG92ZXJyaWRlIHdyaXRlVmFsdWUodmFsdWU6IGFueSkge1xyXG4gICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xyXG4gICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gIH1cclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIHJlbmRlcmVyOiBSZW5kZXJlcjIsIHB1YmxpYyBvdmVycmlkZSBjZHI6IENoYW5nZURldGVjdG9yUmVmLCBwdWJsaWMgY29uZmlnU2VydmljZTogWENvbmZpZ1NlcnZpY2UpIHtcclxuICAgIHN1cGVyKCk7XHJcbiAgfVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICBjb25zdCB7IHNpemUsIGxhYmVsQWxpZ24gfSA9IGNoYW5nZXM7XHJcbiAgICBYSXNDaGFuZ2Uoc2l6ZSwgbGFiZWxBbGlnbikgJiYgdGhpcy5zZXRDbGFzc01hcCgpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLnNldEZsZXgodGhpcy5zd2l0Y2gubmF0aXZlRWxlbWVudCwgdGhpcy5yZW5kZXJlciwgdGhpcy5qdXN0aWZ5LCB0aGlzLmFsaWduLCB0aGlzLmRpcmVjdGlvbik7XHJcbiAgICB0aGlzLnNldENsYXNzTWFwKCk7XHJcbiAgfVxyXG5cclxuICBzZXRDbGFzc01hcCgpIHtcclxuICAgIFhDbGVhckNsYXNzKHRoaXMuY2xhc3NNYXAsIHRoaXMubGFiZWxNYXApO1xyXG4gICAgdGhpcy5jbGFzc01hcFtgJHtYU3dpdGNoUHJlZml4fS0ke3RoaXMuc2l6ZX1gXSA9IHRoaXMuc2l6ZSA/IHRydWUgOiBmYWxzZTtcclxuICAgIHRoaXMubGFiZWxNYXBbYHgtdGV4dC1hbGlnbi0ke3RoaXMubGFiZWxBbGlnbn1gXSA9IHRoaXMubGFiZWxBbGlnbiA/IHRydWUgOiBmYWxzZTtcclxuICB9XHJcblxyXG4gIHN3aXRjaENsaWNrKCkge1xyXG4gICAgaWYgKHRoaXMuZGlzYWJsZWQgfHwgdGhpcy5sb2FkaW5nIHx8IHRoaXMubWFudWFsKSByZXR1cm47XHJcbiAgICB0aGlzLnZhbHVlID0gIXRoaXMudmFsdWU7XHJcbiAgICBpZiAodGhpcy5vbkNoYW5nZSkgdGhpcy5vbkNoYW5nZSh0aGlzLnZhbHVlKTtcclxuICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcclxuICB9XHJcblxyXG4gIGZvcm1Db250cm9sQ2hhbmdlcygpIHtcclxuICAgIHRoaXMubmdPbkluaXQoKTtcclxuICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdlxyXG4gICNzd2l0Y2hcclxuICBjbGFzcz1cIngtc3dpdGNoXCJcclxuICBbbmdDbGFzc109XCJjbGFzc01hcFwiXHJcbiAgW2NsYXNzLngtc3dpdGNoLWxvYWRpbmddPVwibG9hZGluZ1wiXHJcbiAgW2NsYXNzLngtZmxleF09XCJqdXN0aWZ5IHx8IGFsaWduIHx8IGRpcmVjdGlvblwiXHJcbiAgW2NsYXNzLngtY2hlY2tlZF09XCJ2YWx1ZVwiXHJcbiAgW2NsYXNzLngtZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4+XHJcbiAgPGxhYmVsICpuZ0lmPVwibGFiZWxcIiBbc3R5bGUud2lkdGhdPVwibGFiZWxXaWR0aFwiIFtuZ0NsYXNzXT1cImxhYmVsTWFwXCI+e3sgbGFiZWwgfX08L2xhYmVsPlxyXG4gIDxkaXYgY2xhc3M9XCJ4LXN3aXRjaC1yb3dcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJ4LXN3aXRjaC1zbGlkZXJcIiAoY2xpY2spPVwic3dpdGNoQ2xpY2soKVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwieC1zd2l0Y2gtaGFuZGxlXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIngtc3dpdGNoLXNwaW5uZXJcIiBbeC1sb2FkaW5nXT1cImxvYWRpbmdcIiBbc2l6ZV09XCJzaXplXCI+PC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwieC1zd2l0Y2gtdGV4dFwiPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ2YWx1ZTsgZWxzZSB1bmNoZWNrVGVtcGxhdGVcIj5cclxuICAgICAgICAgIDxuZy1jb250YWluZXIgKnhPdXRsZXQ9XCJjaGVja2VkVGV4dFwiPnt7IGNoZWNrZWRUZXh0IH19PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPG5nLXRlbXBsYXRlICN1bmNoZWNrVGVtcGxhdGU+XHJcbiAgICAgICAgICA8bmctY29udGFpbmVyICp4T3V0bGV0PVwidW5DaGVja2VkVGV4dFwiPnt7IHVuQ2hlY2tlZFRleHQgfX08L25nLWNvbnRhaW5lcj5cclxuICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -4,18 +4,20 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
|
4
4
|
import { XSwitchComponent } from './switch.component';
|
|
5
5
|
import { XSwitchProperty } from './switch.property';
|
|
6
6
|
import { XBaseFormModule } from '@ng-nest/ui/base-form';
|
|
7
|
+
import { XLoadingModule } from '@ng-nest/ui/loading';
|
|
8
|
+
import { XOutletModule } from '@ng-nest/ui/outlet';
|
|
7
9
|
import * as i0 from "@angular/core";
|
|
8
10
|
export class XSwitchModule {
|
|
9
11
|
}
|
|
10
12
|
/** @nocollapse */ XSwitchModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XSwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
11
|
-
/** @nocollapse */ XSwitchModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.0", ngImport: i0, type: XSwitchModule, declarations: [XSwitchComponent, XSwitchProperty], imports: [CommonModule, FormsModule, ReactiveFormsModule, XBaseFormModule], exports: [XSwitchComponent] });
|
|
12
|
-
/** @nocollapse */ XSwitchModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XSwitchModule, imports: [CommonModule, FormsModule, ReactiveFormsModule, XBaseFormModule] });
|
|
13
|
+
/** @nocollapse */ XSwitchModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.0", ngImport: i0, type: XSwitchModule, declarations: [XSwitchComponent, XSwitchProperty], imports: [CommonModule, FormsModule, ReactiveFormsModule, XBaseFormModule, XLoadingModule, XOutletModule], exports: [XSwitchComponent] });
|
|
14
|
+
/** @nocollapse */ XSwitchModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XSwitchModule, imports: [CommonModule, FormsModule, ReactiveFormsModule, XBaseFormModule, XLoadingModule, XOutletModule] });
|
|
13
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XSwitchModule, decorators: [{
|
|
14
16
|
type: NgModule,
|
|
15
17
|
args: [{
|
|
16
18
|
declarations: [XSwitchComponent, XSwitchProperty],
|
|
17
19
|
exports: [XSwitchComponent],
|
|
18
|
-
imports: [CommonModule, FormsModule, ReactiveFormsModule, XBaseFormModule]
|
|
20
|
+
imports: [CommonModule, FormsModule, ReactiveFormsModule, XBaseFormModule, XLoadingModule, XOutletModule]
|
|
19
21
|
}]
|
|
20
22
|
}] });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpdGNoLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9uZy1uZXN0L3VpL3N3aXRjaC9zd2l0Y2gubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN0RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDcEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBT25ELE1BQU0sT0FBTyxhQUFhOzs2SEFBYixhQUFhOzhIQUFiLGFBQWEsaUJBSlQsZ0JBQWdCLEVBQUUsZUFBZSxhQUV0QyxZQUFZLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLGVBQWUsRUFBRSxjQUFjLEVBQUUsYUFBYSxhQUQ5RixnQkFBZ0I7OEhBR2YsYUFBYSxZQUZkLFlBQVksRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsZUFBZSxFQUFFLGNBQWMsRUFBRSxhQUFhOzJGQUU3RixhQUFhO2tCQUx6QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGdCQUFnQixFQUFFLGVBQWUsQ0FBQztvQkFDakQsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7b0JBQzNCLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsZUFBZSxFQUFFLGNBQWMsRUFBRSxhQUFhLENBQUM7aUJBQzFHIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IFhTd2l0Y2hDb21wb25lbnQgfSBmcm9tICcuL3N3aXRjaC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBYU3dpdGNoUHJvcGVydHkgfSBmcm9tICcuL3N3aXRjaC5wcm9wZXJ0eSc7XHJcbmltcG9ydCB7IFhCYXNlRm9ybU1vZHVsZSB9IGZyb20gJ0BuZy1uZXN0L3VpL2Jhc2UtZm9ybSc7XHJcbmltcG9ydCB7IFhMb2FkaW5nTW9kdWxlIH0gZnJvbSAnQG5nLW5lc3QvdWkvbG9hZGluZyc7XHJcbmltcG9ydCB7IFhPdXRsZXRNb2R1bGUgfSBmcm9tICdAbmctbmVzdC91aS9vdXRsZXQnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtYU3dpdGNoQ29tcG9uZW50LCBYU3dpdGNoUHJvcGVydHldLFxyXG4gIGV4cG9ydHM6IFtYU3dpdGNoQ29tcG9uZW50XSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSwgWEJhc2VGb3JtTW9kdWxlLCBYTG9hZGluZ01vZHVsZSwgWE91dGxldE1vZHVsZV1cclxufSlcclxuZXhwb3J0IGNsYXNzIFhTd2l0Y2hNb2R1bGUge31cclxuIl19
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { Component, Input } from '@angular/core';
|
|
2
3
|
import { XControlValueAccessor } from '@ng-nest/ui/base-form';
|
|
4
|
+
import { XInputBoolean, XWithConfig } from '@ng-nest/ui/core';
|
|
3
5
|
import * as i0 from "@angular/core";
|
|
4
6
|
/**
|
|
5
7
|
* Switch
|
|
@@ -7,15 +9,48 @@ import * as i0 from "@angular/core";
|
|
|
7
9
|
* @decorator component
|
|
8
10
|
*/
|
|
9
11
|
export const XSwitchPrefix = 'x-switch';
|
|
12
|
+
const X_CONFIG_NAME = 'switch';
|
|
10
13
|
/**
|
|
11
14
|
* Switch Property
|
|
12
15
|
*/
|
|
13
16
|
export class XSwitchProperty extends XControlValueAccessor {
|
|
17
|
+
constructor() {
|
|
18
|
+
super(...arguments);
|
|
19
|
+
/**
|
|
20
|
+
* @zh_CN 显示加载中
|
|
21
|
+
* @en_US Show loading
|
|
22
|
+
*/
|
|
23
|
+
this.loading = false;
|
|
24
|
+
/**
|
|
25
|
+
* @zh_CN 手动控制
|
|
26
|
+
* @en_US Manual control
|
|
27
|
+
*/
|
|
28
|
+
this.manual = false;
|
|
29
|
+
}
|
|
14
30
|
}
|
|
15
31
|
/** @nocollapse */ XSwitchProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XSwitchProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
-
/** @nocollapse */ XSwitchProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: XSwitchProperty, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
32
|
+
/** @nocollapse */ XSwitchProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: XSwitchProperty, selector: "ng-component", inputs: { loading: "loading", manual: "manual", size: "size", checkedText: "checkedText", unCheckedText: "unCheckedText" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
33
|
+
__decorate([
|
|
34
|
+
XInputBoolean()
|
|
35
|
+
], XSwitchProperty.prototype, "loading", void 0);
|
|
36
|
+
__decorate([
|
|
37
|
+
XInputBoolean()
|
|
38
|
+
], XSwitchProperty.prototype, "manual", void 0);
|
|
39
|
+
__decorate([
|
|
40
|
+
XWithConfig(X_CONFIG_NAME, 'medium')
|
|
41
|
+
], XSwitchProperty.prototype, "size", void 0);
|
|
17
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XSwitchProperty, decorators: [{
|
|
18
43
|
type: Component,
|
|
19
44
|
args: [{ template: '' }]
|
|
20
|
-
}]
|
|
21
|
-
|
|
45
|
+
}], propDecorators: { loading: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}], manual: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], size: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}], checkedText: [{
|
|
52
|
+
type: Input
|
|
53
|
+
}], unCheckedText: [{
|
|
54
|
+
type: Input
|
|
55
|
+
}] } });
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpdGNoLnByb3BlcnR5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvc3dpdGNoL3N3aXRjaC5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLHFCQUFxQixFQUFlLE1BQU0sdUJBQXVCLENBQUM7QUFDM0UsT0FBTyxFQUFZLGFBQWEsRUFBb0IsV0FBVyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7O0FBRTFGOzs7O0dBSUc7QUFDSCxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsVUFBVSxDQUFDO0FBQ3hDLE1BQU0sYUFBYSxHQUFHLFFBQVEsQ0FBQztBQUUvQjs7R0FFRztBQUVILE1BQU0sT0FBTyxlQUFnQixTQUFRLHFCQUE4QjtJQURuRTs7UUFFRTs7O1dBR0c7UUFDdUIsWUFBTyxHQUFhLEtBQUssQ0FBQztRQUNwRDs7O1dBR0c7UUFDdUIsV0FBTSxHQUFhLEtBQUssQ0FBQztLQWdCcEQ7OytIQTFCWSxlQUFlO21IQUFmLGVBQWUsdU1BREwsRUFBRTtBQU1HO0lBQWhCLGFBQWEsRUFBRTtnREFBMkI7QUFLMUI7SUFBaEIsYUFBYSxFQUFFOytDQUEwQjtBQUtHO0lBQTVDLFdBQVcsQ0FBUSxhQUFhLEVBQUUsUUFBUSxDQUFDOzZDQUF1QjsyRkFmakUsZUFBZTtrQkFEM0IsU0FBUzttQkFBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUU7OEJBTUMsT0FBTztzQkFBaEMsS0FBSztnQkFLb0IsTUFBTTtzQkFBL0IsS0FBSztnQkFLeUQsSUFBSTtzQkFBbEUsS0FBSztnQkFLRyxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLGFBQWE7c0JBQXJCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFhDb250cm9sVmFsdWVBY2Nlc3NvciwgWEZvcm1PcHRpb24gfSBmcm9tICdAbmctbmVzdC91aS9iYXNlLWZvcm0nO1xyXG5pbXBvcnQgeyBYQm9vbGVhbiwgWElucHV0Qm9vbGVhbiwgWFNpemUsIFhUZW1wbGF0ZSwgWFdpdGhDb25maWcgfSBmcm9tICdAbmctbmVzdC91aS9jb3JlJztcclxuXHJcbi8qKlxyXG4gKiBTd2l0Y2hcclxuICogQHNlbGVjdG9yIHgtc3dpdGNoXHJcbiAqIEBkZWNvcmF0b3IgY29tcG9uZW50XHJcbiAqL1xyXG5leHBvcnQgY29uc3QgWFN3aXRjaFByZWZpeCA9ICd4LXN3aXRjaCc7XHJcbmNvbnN0IFhfQ09ORklHX05BTUUgPSAnc3dpdGNoJztcclxuXHJcbi8qKlxyXG4gKiBTd2l0Y2ggUHJvcGVydHlcclxuICovXHJcbkBDb21wb25lbnQoeyB0ZW1wbGF0ZTogJycgfSlcclxuZXhwb3J0IGNsYXNzIFhTd2l0Y2hQcm9wZXJ0eSBleHRlbmRzIFhDb250cm9sVmFsdWVBY2Nlc3Nvcjxib29sZWFuPiBpbXBsZW1lbnRzIFhTd2l0Y2hPcHRpb24ge1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmmL7npLrliqDovb3kuK1cclxuICAgKiBAZW5fVVMgU2hvdyBsb2FkaW5nXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhJbnB1dEJvb2xlYW4oKSBsb2FkaW5nOiBYQm9vbGVhbiA9IGZhbHNlO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmiYvliqjmjqfliLZcclxuICAgKiBAZW5fVVMgTWFudWFsIGNvbnRyb2xcclxuICAgKi9cclxuICBASW5wdXQoKSBAWElucHV0Qm9vbGVhbigpIG1hbnVhbDogWEJvb2xlYW4gPSBmYWxzZTtcclxuICAvKipcclxuICAgKiBAemhfQ04g5bC65a+4XHJcbiAgICogQGVuX1VTIFNpemVcclxuICAgKi9cclxuICBASW5wdXQoKSBAWFdpdGhDb25maWc8WFNpemU+KFhfQ09ORklHX05BTUUsICdtZWRpdW0nKSBvdmVycmlkZSBzaXplITogWFNpemU7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOaYvuekuuaWh+Wtl+aIluiAheiHquWumuS5ieaooeeJiO+8iOW8gOWQr+eKtuaAge+8iVxyXG4gICAqIEBlbl9VUyBEaXNwbGF5IHRleHQgb3IgY3VzdG9tIHRlbXBsYXRlIChvcGVuIHN0YXRlKVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGNoZWNrZWRUZXh0PzogWFRlbXBsYXRlO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmmL7npLrmloflrZfmiJbogIXoh6rlrprkuYnmqKHniYjvvIjlhbPpl63nirbmgIHvvIlcclxuICAgKiBAZW5fVVMgRGlzcGxheSB0ZXh0IG9yIGN1c3RvbSB0ZW1wbGF0ZSAoY2xvc2VkKVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHVuQ2hlY2tlZFRleHQ/OiBYVGVtcGxhdGU7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBTd2l0Y2ggT3B0aW9uXHJcbiAqIEB1bmRvY3VtZW50IHRydWVcclxuICovXHJcbmV4cG9ydCBpbnRlcmZhY2UgWFN3aXRjaE9wdGlvbiBleHRlbmRzIFhGb3JtT3B0aW9uIHtcclxuICAvKipcclxuICAgKiBAemhfQ04g5pi+56S65Yqg6L295LitXHJcbiAgICogQGVuX1VTIFNob3cgbG9hZGluZ1xyXG4gICAqL1xyXG4gIGxvYWRpbmc/OiBYQm9vbGVhbjtcclxuICAvKipcclxuICAgKiBAemhfQ04g5omL5Yqo5o6n5Yi2XHJcbiAgICogQGVuX1VTIE1hbnVhbCBjb250cm9sXHJcbiAgICovXHJcbiAgbWFudWFsPzogWEJvb2xlYW47XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOaYvuekuuaWh+Wtl+aIluiAheiHquWumuS5ieaooeeJiO+8iOW8gOWQr+eKtuaAge+8iVxyXG4gICAqIEBlbl9VUyBEaXNwbGF5IHRleHQgb3IgY3VzdG9tIHRlbXBsYXRlIChvcGVuIHN0YXRlKVxyXG4gICAqL1xyXG4gIGNoZWNrZWRUZXh0PzogWFRlbXBsYXRlO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmmL7npLrmloflrZfmiJbogIXoh6rlrprkuYnmqKHniYjvvIjlhbPpl63nirbmgIHvvIlcclxuICAgKiBAZW5fVVMgRGlzcGxheSB0ZXh0IG9yIGN1c3RvbSB0ZW1wbGF0ZSAoY2xvc2VkKVxyXG4gICAqL1xyXG4gIHVuQ2hlY2tlZFRleHQ/OiBYVGVtcGxhdGU7XHJcbn1cclxuIl19
|
|
@@ -7,7 +7,9 @@ export class XDragDirective {
|
|
|
7
7
|
constructor(elementRef, document, renderer) {
|
|
8
8
|
this.elementRef = elementRef;
|
|
9
9
|
this.renderer = renderer;
|
|
10
|
-
this.
|
|
10
|
+
this.dragStarted = new EventEmitter();
|
|
11
|
+
this.dragMoved = new EventEmitter();
|
|
12
|
+
this.dragEnded = new EventEmitter();
|
|
11
13
|
this._unSubject = new Subject();
|
|
12
14
|
this.doc = document;
|
|
13
15
|
}
|
|
@@ -21,6 +23,7 @@ export class XDragDirective {
|
|
|
21
23
|
const _unSub = new Subject();
|
|
22
24
|
this.renderer.setStyle(this.doc.documentElement, 'cursor', 'ew-resize');
|
|
23
25
|
this.renderer.setStyle(this.doc.documentElement, 'user-select', 'none');
|
|
26
|
+
this.dragStarted.emit({ x, y });
|
|
24
27
|
fromEvent(this.doc.documentElement, 'mousemove')
|
|
25
28
|
.pipe(takeUntil(_unSub))
|
|
26
29
|
.subscribe((moveMe) => {
|
|
@@ -28,13 +31,14 @@ export class XDragDirective {
|
|
|
28
31
|
offsetY = moveMe.pageY - y;
|
|
29
32
|
x = moveMe.pageX;
|
|
30
33
|
y = moveMe.pageY;
|
|
31
|
-
this.
|
|
34
|
+
this.dragMoved.emit({ x, y, offsetX, offsetY });
|
|
32
35
|
});
|
|
33
36
|
fromEvent(this.doc.documentElement, 'mouseup')
|
|
34
37
|
.pipe(takeUntil(_unSub))
|
|
35
38
|
.subscribe(() => {
|
|
36
39
|
this.renderer.removeStyle(this.doc.documentElement, 'cursor');
|
|
37
40
|
this.renderer.removeStyle(this.doc.documentElement, 'user-select');
|
|
41
|
+
this.dragEnded.emit({ x, y });
|
|
38
42
|
_unSub.next();
|
|
39
43
|
_unSub.complete();
|
|
40
44
|
});
|
|
@@ -59,14 +63,18 @@ export class XDragDirective {
|
|
|
59
63
|
}
|
|
60
64
|
}
|
|
61
65
|
/** @nocollapse */ XDragDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDragDirective, deps: [{ token: i0.ElementRef }, { token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
62
|
-
/** @nocollapse */ XDragDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: XDragDirective, selector: "[xDrag]", outputs: {
|
|
66
|
+
/** @nocollapse */ XDragDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: XDragDirective, selector: "[xDrag]", outputs: { dragStarted: "dragStarted", dragMoved: "dragMoved", dragEnded: "dragEnded" }, ngImport: i0 });
|
|
63
67
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDragDirective, decorators: [{
|
|
64
68
|
type: Directive,
|
|
65
69
|
args: [{ selector: '[xDrag]' }]
|
|
66
70
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: undefined, decorators: [{
|
|
67
71
|
type: Inject,
|
|
68
72
|
args: [DOCUMENT]
|
|
69
|
-
}] }, { type: i0.Renderer2 }]; }, propDecorators: {
|
|
73
|
+
}] }, { type: i0.Renderer2 }]; }, propDecorators: { dragStarted: [{
|
|
74
|
+
type: Output
|
|
75
|
+
}], dragMoved: [{
|
|
76
|
+
type: Output
|
|
77
|
+
}], dragEnded: [{
|
|
70
78
|
type: Output
|
|
71
79
|
}] } });
|
|
72
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZy5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS90YWJsZS9kcmFnLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDM0MsT0FBTyxFQUFFLFNBQVMsRUFBYyxZQUFZLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUMvRixPQUFPLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMxQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBRzNDLE1BQU0sT0FBTyxjQUFjO0lBT3pCLFlBQW9CLFVBQXNCLEVBQW9CLFFBQWEsRUFBVSxRQUFtQjtRQUFwRixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQTJDLGFBQVEsR0FBUixRQUFRLENBQVc7UUFOOUYsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBNEIsQ0FBQztRQUMzRCxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQThELENBQUM7UUFDM0YsY0FBUyxHQUFHLElBQUksWUFBWSxFQUE0QixDQUFDO1FBQzNELGVBQVUsR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO1FBSXZDLElBQUksQ0FBQyxHQUFHLEdBQUcsUUFBUSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxRQUFRO1FBQ04sTUFBTSxTQUFTLEdBQUcsU0FBUyxDQUFhLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFLFdBQVcsQ0FBQyxDQUFDO1FBRXBGLFNBQVMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUFrQixFQUFFLEVBQUU7WUFDekMsSUFBSSxDQUFDLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQztZQUNyQixJQUFJLENBQUMsR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDO1lBQ3JCLElBQUksT0FBTyxHQUFHLENBQUMsQ0FBQztZQUNoQixJQUFJLE9BQU8sR0FBRyxDQUFDLENBQUM7WUFDaEIsTUFBTSxNQUFNLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztZQUNuQyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLGVBQWUsRUFBRSxRQUFRLEVBQUUsV0FBVyxDQUFDLENBQUM7WUFDeEUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxlQUFlLEVBQUUsYUFBYSxFQUFFLE1BQU0sQ0FBQyxDQUFDO1lBQ3hFLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7WUFDaEMsU0FBUyxDQUFhLElBQUksQ0FBQyxHQUFHLENBQUMsZUFBZSxFQUFFLFdBQVcsQ0FBQztpQkFDekQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsQ0FBQztpQkFDdkIsU0FBUyxDQUFDLENBQUMsTUFBa0IsRUFBRSxFQUFFO2dCQUNoQyxPQUFPLEdBQUcsTUFBTSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7Z0JBQzNCLE9BQU8sR0FBRyxNQUFNLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQztnQkFDM0IsQ0FBQyxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUM7Z0JBQ2pCLENBQUMsR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDO2dCQUNqQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxDQUFDLENBQUM7WUFDbEQsQ0FBQyxDQUFDLENBQUM7WUFDTCxTQUFTLENBQWEsSUFBSSxDQUFDLEdBQUcsQ0FBQyxlQUFlLEVBQUUsU0FBUyxDQUFDO2lCQUN2RCxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxDQUFDO2lCQUN2QixTQUFTLENBQUMsR0FBRyxFQUFFO2dCQUNkLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsZUFBZSxFQUFFLFFBQVEsQ0FBQyxDQUFDO2dCQUM5RCxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLGVBQWUsRUFBRSxhQUFhLENBQUMsQ0FBQztnQkFDbkUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztnQkFDOUIsTUFBTSxDQUFDLElBQUksRUFBRSxDQUFDO2dCQUNkLE1BQU0sQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNwQixDQUFDLENBQUMsQ0FBQztRQUNQLENBQUMsQ0FBQyxDQUFDO1FBRUgsd0RBQXdEO1FBQ3hELFdBQVc7UUFDWCxtQ0FBbUM7UUFDbkMsaUVBQWlFO1FBQ2pFLFVBQVU7UUFDVixtQkFBbUI7UUFDbkIscUVBQXFFO1FBQ3JFLFVBQVU7UUFDVixpQ0FBaUM7UUFDakMsTUFBTTtRQUNOLHdCQUF3QjtRQUN4QixzQkFBc0I7UUFDdEIsUUFBUTtJQUNWLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUN2QixJQUFJLENBQUMsVUFBVSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzdCLENBQUM7OzhIQTdEVSxjQUFjLDRDQU8yQixRQUFRO2tIQVBqRCxjQUFjOzJGQUFkLGNBQWM7a0JBRDFCLFNBQVM7bUJBQUMsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFOzswQkFRYSxNQUFNOzJCQUFDLFFBQVE7b0VBTmxELFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csU0FBUztzQkFBbEIsTUFBTTtnQkFDRyxTQUFTO3NCQUFsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRE9DVU1FTlQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5qZWN0LCBPdXRwdXQsIFJlbmRlcmVyMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBmcm9tRXZlbnQsIFN1YmplY3QgfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xyXG5cclxuQERpcmVjdGl2ZSh7IHNlbGVjdG9yOiAnW3hEcmFnXScgfSlcclxuZXhwb3J0IGNsYXNzIFhEcmFnRGlyZWN0aXZlIHtcclxuICBAT3V0cHV0KCkgZHJhZ1N0YXJ0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHsgeDogbnVtYmVyOyB5OiBudW1iZXIgfT4oKTtcclxuICBAT3V0cHV0KCkgZHJhZ01vdmVkID0gbmV3IEV2ZW50RW1pdHRlcjx7IHg6IG51bWJlcjsgeTogbnVtYmVyOyBvZmZzZXRYOiBudW1iZXI7IG9mZnNldFk6IG51bWJlciB9PigpO1xyXG4gIEBPdXRwdXQoKSBkcmFnRW5kZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHsgeDogbnVtYmVyOyB5OiBudW1iZXIgfT4oKTtcclxuICBwcml2YXRlIF91blN1YmplY3QgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xyXG4gIGRvYzogRG9jdW1lbnQ7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZiwgQEluamVjdChET0NVTUVOVCkgZG9jdW1lbnQ6IGFueSwgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyKSB7XHJcbiAgICB0aGlzLmRvYyA9IGRvY3VtZW50O1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICBjb25zdCBtb3VzZURvd24gPSBmcm9tRXZlbnQ8TW91c2VFdmVudD4odGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICdtb3VzZWRvd24nKTtcclxuXHJcbiAgICBtb3VzZURvd24uc3Vic2NyaWJlKChkb3duTWU6IE1vdXNlRXZlbnQpID0+IHtcclxuICAgICAgbGV0IHggPSBkb3duTWUucGFnZVg7XHJcbiAgICAgIGxldCB5ID0gZG93bk1lLnBhZ2VZO1xyXG4gICAgICBsZXQgb2Zmc2V0WCA9IDA7XHJcbiAgICAgIGxldCBvZmZzZXRZID0gMDtcclxuICAgICAgY29uc3QgX3VuU3ViID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcclxuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmRvYy5kb2N1bWVudEVsZW1lbnQsICdjdXJzb3InLCAnZXctcmVzaXplJyk7XHJcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5kb2MuZG9jdW1lbnRFbGVtZW50LCAndXNlci1zZWxlY3QnLCAnbm9uZScpO1xyXG4gICAgICB0aGlzLmRyYWdTdGFydGVkLmVtaXQoeyB4LCB5IH0pO1xyXG4gICAgICBmcm9tRXZlbnQ8TW91c2VFdmVudD4odGhpcy5kb2MuZG9jdW1lbnRFbGVtZW50LCAnbW91c2Vtb3ZlJylcclxuICAgICAgICAucGlwZSh0YWtlVW50aWwoX3VuU3ViKSlcclxuICAgICAgICAuc3Vic2NyaWJlKChtb3ZlTWU6IE1vdXNlRXZlbnQpID0+IHtcclxuICAgICAgICAgIG9mZnNldFggPSBtb3ZlTWUucGFnZVggLSB4O1xyXG4gICAgICAgICAgb2Zmc2V0WSA9IG1vdmVNZS5wYWdlWSAtIHk7XHJcbiAgICAgICAgICB4ID0gbW92ZU1lLnBhZ2VYO1xyXG4gICAgICAgICAgeSA9IG1vdmVNZS5wYWdlWTtcclxuICAgICAgICAgIHRoaXMuZHJhZ01vdmVkLmVtaXQoeyB4LCB5LCBvZmZzZXRYLCBvZmZzZXRZIH0pO1xyXG4gICAgICAgIH0pO1xyXG4gICAgICBmcm9tRXZlbnQ8TW91c2VFdmVudD4odGhpcy5kb2MuZG9jdW1lbnRFbGVtZW50LCAnbW91c2V1cCcpXHJcbiAgICAgICAgLnBpcGUodGFrZVVudGlsKF91blN1YikpXHJcbiAgICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XHJcbiAgICAgICAgICB0aGlzLnJlbmRlcmVyLnJlbW92ZVN0eWxlKHRoaXMuZG9jLmRvY3VtZW50RWxlbWVudCwgJ2N1cnNvcicpO1xyXG4gICAgICAgICAgdGhpcy5yZW5kZXJlci5yZW1vdmVTdHlsZSh0aGlzLmRvYy5kb2N1bWVudEVsZW1lbnQsICd1c2VyLXNlbGVjdCcpO1xyXG4gICAgICAgICAgdGhpcy5kcmFnRW5kZWQuZW1pdCh7IHgsIHkgfSk7XHJcbiAgICAgICAgICBfdW5TdWIubmV4dCgpO1xyXG4gICAgICAgICAgX3VuU3ViLmNvbXBsZXRlKCk7XHJcbiAgICAgICAgfSk7XHJcbiAgICB9KTtcclxuXHJcbiAgICAvLyBmcm9tRXZlbnQodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICdtb3VzZWRvd24nKVxyXG4gICAgLy8gICAucGlwZShcclxuICAgIC8vICAgICB0YXAoKG1vdXNlOiBNb3VzZUV2ZW50KSA9PiB7XHJcbiAgICAvLyAgICAgICByZXR1cm4geyBzdGFydFg6IG1vdXNlLmNsaWVudFgsIHN0YXJ0WTogbW91c2UuY2xpZW50WSB9O1xyXG4gICAgLy8gICAgIH0pLFxyXG4gICAgLy8gICAgIHRhcCgoeCkgPT4ge1xyXG4gICAgLy8gICAgICAgZnJvbUV2ZW50KHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAnbW91c2Vtb3ZlJykucGlwZSgpXHJcbiAgICAvLyAgICAgfSksXHJcbiAgICAvLyAgICAgdGFrZVVudGlsKHRoaXMuX3VuU3ViamVjdClcclxuICAgIC8vICAgKVxyXG4gICAgLy8gICAuc3Vic2NyaWJlKCh4KSA9PiB7XHJcbiAgICAvLyAgICAgY29uc29sZS5sb2coeCk7XHJcbiAgICAvLyAgIH0pO1xyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKSB7XHJcbiAgICB0aGlzLl91blN1YmplY3QubmV4dCgpO1xyXG4gICAgdGhpcy5fdW5TdWJqZWN0LmNvbXBsZXRlKCk7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|