@datarailsshared/datarailsshared 1.6.293 → 1.6.295
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/datarailsshared-datarailsshared-1.6.295.tgz +0 -0
- package/esm2022/lib/dr-inputs/dr-toggle/dr-toggle.component.mjs +12 -3
- package/fesm2022/datarailsshared-datarailsshared.mjs +11 -2
- package/fesm2022/datarailsshared-datarailsshared.mjs.map +1 -1
- package/lib/dr-inputs/dr-toggle/dr-toggle.component.d.ts +1 -0
- package/package.json +1 -1
- package/datarailsshared-datarailsshared-1.6.293.tgz +0 -0
|
Binary file
|
|
@@ -3,7 +3,9 @@ import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
5
|
function DrToggleComponent_span_0_Template(rf, ctx) { if (rf & 1) {
|
|
6
|
+
const _r3 = i0.ɵɵgetCurrentView();
|
|
6
7
|
i0.ɵɵelementStart(0, "span", 5);
|
|
8
|
+
i0.ɵɵlistener("click", function DrToggleComponent_span_0_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.handleTitleClick()); });
|
|
7
9
|
i0.ɵɵtext(1);
|
|
8
10
|
i0.ɵɵelementEnd();
|
|
9
11
|
} if (rf & 2) {
|
|
@@ -12,7 +14,9 @@ function DrToggleComponent_span_0_Template(rf, ctx) { if (rf & 1) {
|
|
|
12
14
|
i0.ɵɵtextInterpolate(ctx_r0.toggleTitle);
|
|
13
15
|
} }
|
|
14
16
|
function DrToggleComponent_span_6_Template(rf, ctx) { if (rf & 1) {
|
|
17
|
+
const _r5 = i0.ɵɵgetCurrentView();
|
|
15
18
|
i0.ɵɵelementStart(0, "span", 6);
|
|
19
|
+
i0.ɵɵlistener("click", function DrToggleComponent_span_6_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.handleTitleClick()); });
|
|
16
20
|
i0.ɵɵtext(1);
|
|
17
21
|
i0.ɵɵelementEnd();
|
|
18
22
|
} if (rf & 2) {
|
|
@@ -61,11 +65,16 @@ export class DrToggleComponent {
|
|
|
61
65
|
this.checkedChange.emit(this.checkedStatus);
|
|
62
66
|
this.onTouched();
|
|
63
67
|
}
|
|
68
|
+
handleTitleClick() {
|
|
69
|
+
if (this._disabled)
|
|
70
|
+
return;
|
|
71
|
+
this.setValue();
|
|
72
|
+
}
|
|
64
73
|
/** @nocollapse */ static { this.ɵfac = function DrToggleComponent_Factory(t) { return new (t || DrToggleComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
|
|
65
74
|
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrToggleComponent, selectors: [["dr-toggle"]], hostVars: 3, hostBindings: function DrToggleComponent_HostBindings(rf, ctx) { if (rf & 2) {
|
|
66
75
|
i0.ɵɵattribute("id", ctx.hostId);
|
|
67
76
|
i0.ɵɵclassMap(ctx.elementClass);
|
|
68
|
-
} }, inputs: { id: "id", toggleTitle: "toggleTitle", toggleTitleRight: "toggleTitleRight", successType: "successType", checkedStatus: "checkedStatus", disabled: "disabled" }, outputs: { checkedChange: "checkedChange" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: DrToggleComponent, multi: true }])], ngContentSelectors: _c0, decls: 7, vars: 10, consts: [["class", "toggle-title mr-3", 4, "ngIf"], [1, "toggle-container"], ["type", "checkbox", 3, "checked", "disabled", "click"], [1, "toggle-body"], ["class", "toggle-title ml-3", 4, "ngIf"], [1, "toggle-title", "mr-3"], [1, "toggle-title", "ml-3"]], template: function DrToggleComponent_Template(rf, ctx) { if (rf & 1) {
|
|
77
|
+
} }, inputs: { id: "id", toggleTitle: "toggleTitle", toggleTitleRight: "toggleTitleRight", successType: "successType", checkedStatus: "checkedStatus", disabled: "disabled" }, outputs: { checkedChange: "checkedChange" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: DrToggleComponent, multi: true }])], ngContentSelectors: _c0, decls: 7, vars: 10, consts: [["class", "toggle-title mr-3", 3, "click", 4, "ngIf"], [1, "toggle-container"], ["type", "checkbox", 3, "checked", "disabled", "click"], [1, "toggle-body"], ["class", "toggle-title ml-3", 3, "click", 4, "ngIf"], [1, "toggle-title", "mr-3", 3, "click"], [1, "toggle-title", "ml-3", 3, "click"]], template: function DrToggleComponent_Template(rf, ctx) { if (rf & 1) {
|
|
69
78
|
i0.ɵɵprojectionDef();
|
|
70
79
|
i0.ɵɵtemplate(0, DrToggleComponent_span_0_Template, 2, 1, "span", 0);
|
|
71
80
|
i0.ɵɵelementStart(1, "label", 1)(2, "input", 2);
|
|
@@ -90,7 +99,7 @@ export class DrToggleComponent {
|
|
|
90
99
|
}
|
|
91
100
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrToggleComponent, [{
|
|
92
101
|
type: Component,
|
|
93
|
-
args: [{ selector: 'dr-toggle', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: DrToggleComponent, multi: true }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"toggle-title mr-3\" *ngIf=\"toggleTitle && !toggleTitleRight\">{{ toggleTitle }}</span>\n<label class=\"toggle-container\" [class.success]=\"successType\" [class.disabled]=\"_disabled\">\n <input\n [attr.id]=\"id\"\n type=\"checkbox\"\n [attr.data-test]=\"checkedStatus ? 'toggle-on' : 'toggle-off'\"\n [checked]=\"checkedStatus\"\n [disabled]=\"_disabled\"\n (click)=\"setValue()\" />\n <span class=\"toggle-body\">\n <i></i>\n </span>\n <ng-content></ng-content>\n</label>\n<span class=\"toggle-title ml-3\" *ngIf=\"toggleTitle && toggleTitleRight\">{{ toggleTitle }}</span>\n", styles: [":host{display:flex;justify-content:space-between;align-items:center;font-family:Poppins,sans-serif}:host.toggle-label-alignment{justify-content:start}:host .toggle-container{display:flex;align-items:center}:host .toggle-container.disabled{pointer-events:none}:host .toggle-container.disabled .toggle-body{background-color:#8f9bb329!important}:host .toggle-container.disabled .toggle-body i{background:#8f9bb33d!important}:host .toggle-container.success input:checked+span.toggle-body{background-color:#03a678}:host .toggle-container input{display:none}:host .toggle-container input:checked+span.toggle-body>i,:host .toggle-container input:checked+span.toggle-body:active>i{margin-left:16px}:host .toggle-container input:checked+span.toggle-body{background-color:#4646ce}:host .toggle-container .toggle-body{cursor:pointer;display:block;width:30px;height:16px;margin:7px auto;border-radius:15px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;background-color:#8f929e;line-height:1}:host .toggle-container .toggle-body:active{background-color:#a6b9cb}:host .toggle-container .toggle-body-wrapper{display:flex;flex-direction:column}:host .toggle-container .toggle-body i{height:12px;width:12px;background:#fff;display:inline-block;border-radius:100px;margin-top:2px;margin-left:1.5px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;pointer-events:none}:host .toggle-title{line-height:22px}\n"] }]
|
|
102
|
+
args: [{ selector: 'dr-toggle', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: DrToggleComponent, multi: true }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"toggle-title mr-3\" *ngIf=\"toggleTitle && !toggleTitleRight\" (click)=\"handleTitleClick()\">{{ toggleTitle }}</span>\n<label class=\"toggle-container\" [class.success]=\"successType\" [class.disabled]=\"_disabled\">\n <input\n [attr.id]=\"id\"\n type=\"checkbox\"\n [attr.data-test]=\"checkedStatus ? 'toggle-on' : 'toggle-off'\"\n [checked]=\"checkedStatus\"\n [disabled]=\"_disabled\"\n (click)=\"setValue()\" />\n <span class=\"toggle-body\">\n <i></i>\n </span>\n <ng-content></ng-content>\n</label>\n<span class=\"toggle-title ml-3\" *ngIf=\"toggleTitle && toggleTitleRight\" (click)=\"handleTitleClick()\">{{ toggleTitle }}</span>\n", styles: [":host{display:flex;justify-content:space-between;align-items:center;font-family:Poppins,sans-serif}:host.toggle-label-alignment{justify-content:start}:host .toggle-container{display:flex;align-items:center}:host .toggle-container.disabled{pointer-events:none}:host .toggle-container.disabled .toggle-body{background-color:#8f9bb329!important}:host .toggle-container.disabled .toggle-body i{background:#8f9bb33d!important}:host .toggle-container.success input:checked+span.toggle-body{background-color:#03a678}:host .toggle-container input{display:none}:host .toggle-container input:checked+span.toggle-body>i,:host .toggle-container input:checked+span.toggle-body:active>i{margin-left:16px}:host .toggle-container input:checked+span.toggle-body{background-color:#4646ce}:host .toggle-container .toggle-body{cursor:pointer;display:block;width:30px;height:16px;margin:7px auto;border-radius:15px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;background-color:#8f929e;line-height:1}:host .toggle-container .toggle-body:active{background-color:#a6b9cb}:host .toggle-container .toggle-body-wrapper{display:flex;flex-direction:column}:host .toggle-container .toggle-body i{height:12px;width:12px;background:#fff;display:inline-block;border-radius:100px;margin-top:2px;margin-left:1.5px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;pointer-events:none}:host .toggle-title{line-height:22px}\n"] }]
|
|
94
103
|
}], function () { return [{ type: i0.ChangeDetectorRef }]; }, { id: [{
|
|
95
104
|
type: Input
|
|
96
105
|
}], hostId: [{
|
|
@@ -112,4 +121,4 @@ export class DrToggleComponent {
|
|
|
112
121
|
type: HostBinding,
|
|
113
122
|
args: ['class']
|
|
114
123
|
}] }); })();
|
|
115
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
124
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItdG9nZ2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWlucHV0cy9kci10b2dnbGUvZHItdG9nZ2xlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWlucHV0cy9kci10b2dnbGUvZHItdG9nZ2xlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFSCx1QkFBdUIsRUFDdkIsaUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxZQUFZLEVBQ1osV0FBVyxFQUNYLEtBQUssRUFDTCxNQUFNLEdBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7OztJQ1Z6RSwrQkFBc0c7SUFBN0IsNkpBQVMsZUFBQSx5QkFBa0IsQ0FBQSxJQUFDO0lBQUMsWUFBaUI7SUFBQSxpQkFBTzs7O0lBQXhCLGVBQWlCO0lBQWpCLHdDQUFpQjs7OztJQWN2SCwrQkFBcUc7SUFBN0IsNkpBQVMsZUFBQSx5QkFBa0IsQ0FBQSxJQUFDO0lBQUMsWUFBaUI7SUFBQSxpQkFBTzs7O0lBQXhCLGVBQWlCO0lBQWpCLHdDQUFpQjs7O0FES3RILE1BQU0sT0FBTyxpQkFBaUI7SUFrQjFCLElBQWEsUUFBUSxDQUFDLEtBQWM7UUFDaEMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFJRCxJQUEwQixZQUFZO1FBQ2xDLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDeEMsQ0FBQztJQUVELFlBQW9CLEdBQXNCO1FBQXRCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBM0IxQyxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLGtCQUFhLEdBQWEsRUFBRSxDQUFDO1FBSzdCLFdBQU0sR0FBRyxJQUFJLENBQUM7UUFlSixrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFjN0MsYUFBUSxHQUE2QixHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDOUMsY0FBUyxHQUFlLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztJQVRZLENBQUM7SUFFOUMsZUFBZTtRQUNYLElBQUksSUFBSSxDQUFDLGdCQUFnQixFQUFFO1lBQ3ZCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLHdCQUF3QixDQUFDLENBQUM7U0FDckQ7SUFDTCxDQUFDO0lBS0QsVUFBVSxDQUFDLEtBQWM7UUFDckIsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7UUFDM0IsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBTztRQUNwQixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUNyQixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsZ0JBQWdCLENBQUUsVUFBbUI7UUFDakMsSUFBSSxDQUFDLFNBQVMsR0FBRyxVQUFVLENBQUM7SUFDaEMsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQztRQUN6QyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUNsQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDNUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxnQkFBZ0I7UUFDWixJQUFJLElBQUksQ0FBQyxTQUFTO1lBQUUsT0FBTztRQUMzQixJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDcEIsQ0FBQztxR0FsRVEsaUJBQWlCO21HQUFqQixpQkFBaUI7OztxUUFIZixDQUFDLEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLENBQUM7O1lDaEI1RixvRUFBOEg7WUFDOUgsZ0NBQTJGLGVBQUE7WUFPbkYsNkZBQVMsY0FBVSxJQUFDO1lBTnhCLGlCQU0yQjtZQUMzQiwrQkFBMEI7WUFDdEIsb0JBQU87WUFDWCxpQkFBTztZQUNQLGtCQUF5QjtZQUM3QixpQkFBUTtZQUNSLG9FQUE2SDs7WUFkNUYsK0RBQXNDO1lBQ3ZDLGVBQTZCO1lBQTdCLDBDQUE2QiwyQkFBQTtZQUtyRCxlQUF5QjtZQUF6QiwyQ0FBeUIsMkJBQUE7WUFIekIsNEJBQWMsNkRBQUE7WUFXVyxlQUFxQztZQUFyQyw4REFBcUM7Ozt1RkRLekQsaUJBQWlCO2NBUDdCLFNBQVM7MkJBQ0ksV0FBVyxhQUdWLENBQUMsRUFBRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsV0FBVyxtQkFBbUIsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLENBQUMsbUJBQ3ZFLHVCQUF1QixDQUFDLE1BQU07b0VBTy9DLEVBQUU7a0JBREQsS0FBSztZQUdOLE1BQU07a0JBREwsV0FBVzttQkFBQyxTQUFTO1lBSXRCLFdBQVc7a0JBRFYsS0FBSztZQUdOLGdCQUFnQjtrQkFEZixLQUFLO1lBR04sV0FBVztrQkFEVixLQUFLO1lBR04sYUFBYTtrQkFEWixLQUFLO1lBR08sUUFBUTtrQkFBcEIsS0FBSztZQUlJLGFBQWE7a0JBQXRCLE1BQU07WUFFbUIsWUFBWTtrQkFBckMsV0FBVzttQkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBBZnRlclZpZXdJbml0LFxuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENoYW5nZURldGVjdG9yUmVmLFxuICAgIENvbXBvbmVudCxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkci10b2dnbGUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9kci10b2dnbGUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2RyLXRvZ2dsZS5jb21wb25lbnQuc2NzcyddLFxuICAgIHByb3ZpZGVyczogW3sgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsIHVzZUV4aXN0aW5nOiBEclRvZ2dsZUNvbXBvbmVudCwgbXVsdGk6IHRydWUgfV0sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERyVG9nZ2xlQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3IsIEFmdGVyVmlld0luaXQge1xuICAgIF9kaXNhYmxlZCA9IGZhbHNlO1xuICAgIF9lbGVtZW50Q2xhc3M6IHN0cmluZ1tdID0gW107XG5cbiAgICBASW5wdXQoKVxuICAgIGlkPzogc3RyaW5nO1xuICAgIEBIb3N0QmluZGluZygnYXR0ci5pZCcpXG4gICAgaG9zdElkID0gbnVsbDtcblxuICAgIEBJbnB1dCgpXG4gICAgdG9nZ2xlVGl0bGU6IGFueTtcbiAgICBASW5wdXQoKVxuICAgIHRvZ2dsZVRpdGxlUmlnaHQ6IGJvb2xlYW47XG4gICAgQElucHV0KClcbiAgICBzdWNjZXNzVHlwZTogYm9vbGVhbjtcbiAgICBASW5wdXQoKVxuICAgIGNoZWNrZWRTdGF0dXM6IGJvb2xlYW47XG5cbiAgICBASW5wdXQoKSBzZXQgZGlzYWJsZWQodmFsdWU6IGJvb2xlYW4pIHtcbiAgICAgICAgdGhpcy5zZXREaXNhYmxlZFN0YXRlKHZhbHVlKTtcbiAgICB9XG5cbiAgICBAT3V0cHV0KCkgY2hlY2tlZENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKSBnZXQgZWxlbWVudENsYXNzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLl9lbGVtZW50Q2xhc3Muam9pbignICcpO1xuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMudG9nZ2xlVGl0bGVSaWdodCkge1xuICAgICAgICAgICAgdGhpcy5fZWxlbWVudENsYXNzLnB1c2goJ3RvZ2dsZS1sYWJlbC1hbGlnbm1lbnQnKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uQ2hhbmdlOiAodmFsdWU6IGJvb2xlYW4pID0+IHZvaWQgPSAoKSA9PiB7fTtcbiAgICBvblRvdWNoZWQ6ICgpID0+IHZvaWQgPSAoKSA9PiB7fTtcblxuICAgIHdyaXRlVmFsdWUodmFsdWU6IGJvb2xlYW4pIHtcbiAgICAgICAgdGhpcy5jaGVja2VkU3RhdHVzID0gdmFsdWU7XG4gICAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cblxuICAgIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSkge1xuICAgICAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gICAgfVxuXG4gICAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSkge1xuICAgICAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICAgIH1cblxuICAgIHNldERpc2FibGVkU3RhdGU/KGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICAgIH1cblxuICAgIHNldFZhbHVlKCkge1xuICAgICAgICB0aGlzLmNoZWNrZWRTdGF0dXMgPSAhdGhpcy5jaGVja2VkU3RhdHVzO1xuICAgICAgICB0aGlzLm9uQ2hhbmdlKHRoaXMuY2hlY2tlZFN0YXR1cyk7XG4gICAgICAgIHRoaXMuY2hlY2tlZENoYW5nZS5lbWl0KHRoaXMuY2hlY2tlZFN0YXR1cyk7XG4gICAgICAgIHRoaXMub25Ub3VjaGVkKCk7XG4gICAgfVxuXG4gICAgaGFuZGxlVGl0bGVDbGljaygpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuX2Rpc2FibGVkKSByZXR1cm47XG4gICAgICAgIHRoaXMuc2V0VmFsdWUoKTtcbiAgICB9XG59XG4iLCI8c3BhbiBjbGFzcz1cInRvZ2dsZS10aXRsZSBtci0zXCIgKm5nSWY9XCJ0b2dnbGVUaXRsZSAmJiAhdG9nZ2xlVGl0bGVSaWdodFwiIChjbGljayk9XCJoYW5kbGVUaXRsZUNsaWNrKClcIj57eyB0b2dnbGVUaXRsZSB9fTwvc3Bhbj5cbjxsYWJlbCBjbGFzcz1cInRvZ2dsZS1jb250YWluZXJcIiBbY2xhc3Muc3VjY2Vzc109XCJzdWNjZXNzVHlwZVwiIFtjbGFzcy5kaXNhYmxlZF09XCJfZGlzYWJsZWRcIj5cbiAgICA8aW5wdXRcbiAgICAgICAgW2F0dHIuaWRdPVwiaWRcIlxuICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICBbYXR0ci5kYXRhLXRlc3RdPVwiY2hlY2tlZFN0YXR1cyA/ICd0b2dnbGUtb24nIDogJ3RvZ2dsZS1vZmYnXCJcbiAgICAgICAgW2NoZWNrZWRdPVwiY2hlY2tlZFN0YXR1c1wiXG4gICAgICAgIFtkaXNhYmxlZF09XCJfZGlzYWJsZWRcIlxuICAgICAgICAoY2xpY2spPVwic2V0VmFsdWUoKVwiIC8+XG4gICAgPHNwYW4gY2xhc3M9XCJ0b2dnbGUtYm9keVwiPlxuICAgICAgICA8aT48L2k+XG4gICAgPC9zcGFuPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvbGFiZWw+XG48c3BhbiBjbGFzcz1cInRvZ2dsZS10aXRsZSBtbC0zXCIgKm5nSWY9XCJ0b2dnbGVUaXRsZSAmJiB0b2dnbGVUaXRsZVJpZ2h0XCIgKGNsaWNrKT1cImhhbmRsZVRpdGxlQ2xpY2soKVwiPnt7IHRvZ2dsZVRpdGxlIH19PC9zcGFuPlxuIl19
|
|
@@ -1950,7 +1950,9 @@ class RadioGroupComponent {
|
|
|
1950
1950
|
}] }); })();
|
|
1951
1951
|
|
|
1952
1952
|
function DrToggleComponent_span_0_Template(rf, ctx) { if (rf & 1) {
|
|
1953
|
+
const _r3 = i0.ɵɵgetCurrentView();
|
|
1953
1954
|
i0.ɵɵelementStart(0, "span", 5);
|
|
1955
|
+
i0.ɵɵlistener("click", function DrToggleComponent_span_0_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.handleTitleClick()); });
|
|
1954
1956
|
i0.ɵɵtext(1);
|
|
1955
1957
|
i0.ɵɵelementEnd();
|
|
1956
1958
|
} if (rf & 2) {
|
|
@@ -1959,7 +1961,9 @@ function DrToggleComponent_span_0_Template(rf, ctx) { if (rf & 1) {
|
|
|
1959
1961
|
i0.ɵɵtextInterpolate(ctx_r0.toggleTitle);
|
|
1960
1962
|
} }
|
|
1961
1963
|
function DrToggleComponent_span_6_Template(rf, ctx) { if (rf & 1) {
|
|
1964
|
+
const _r5 = i0.ɵɵgetCurrentView();
|
|
1962
1965
|
i0.ɵɵelementStart(0, "span", 6);
|
|
1966
|
+
i0.ɵɵlistener("click", function DrToggleComponent_span_6_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.handleTitleClick()); });
|
|
1963
1967
|
i0.ɵɵtext(1);
|
|
1964
1968
|
i0.ɵɵelementEnd();
|
|
1965
1969
|
} if (rf & 2) {
|
|
@@ -2008,11 +2012,16 @@ class DrToggleComponent {
|
|
|
2008
2012
|
this.checkedChange.emit(this.checkedStatus);
|
|
2009
2013
|
this.onTouched();
|
|
2010
2014
|
}
|
|
2015
|
+
handleTitleClick() {
|
|
2016
|
+
if (this._disabled)
|
|
2017
|
+
return;
|
|
2018
|
+
this.setValue();
|
|
2019
|
+
}
|
|
2011
2020
|
/** @nocollapse */ static { this.ɵfac = function DrToggleComponent_Factory(t) { return new (t || DrToggleComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
|
|
2012
2021
|
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrToggleComponent, selectors: [["dr-toggle"]], hostVars: 3, hostBindings: function DrToggleComponent_HostBindings(rf, ctx) { if (rf & 2) {
|
|
2013
2022
|
i0.ɵɵattribute("id", ctx.hostId);
|
|
2014
2023
|
i0.ɵɵclassMap(ctx.elementClass);
|
|
2015
|
-
} }, inputs: { id: "id", toggleTitle: "toggleTitle", toggleTitleRight: "toggleTitleRight", successType: "successType", checkedStatus: "checkedStatus", disabled: "disabled" }, outputs: { checkedChange: "checkedChange" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: DrToggleComponent, multi: true }])], ngContentSelectors: _c0$V, decls: 7, vars: 10, consts: [["class", "toggle-title mr-3", 4, "ngIf"], [1, "toggle-container"], ["type", "checkbox", 3, "checked", "disabled", "click"], [1, "toggle-body"], ["class", "toggle-title ml-3", 4, "ngIf"], [1, "toggle-title", "mr-3"], [1, "toggle-title", "ml-3"]], template: function DrToggleComponent_Template(rf, ctx) { if (rf & 1) {
|
|
2024
|
+
} }, inputs: { id: "id", toggleTitle: "toggleTitle", toggleTitleRight: "toggleTitleRight", successType: "successType", checkedStatus: "checkedStatus", disabled: "disabled" }, outputs: { checkedChange: "checkedChange" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: DrToggleComponent, multi: true }])], ngContentSelectors: _c0$V, decls: 7, vars: 10, consts: [["class", "toggle-title mr-3", 3, "click", 4, "ngIf"], [1, "toggle-container"], ["type", "checkbox", 3, "checked", "disabled", "click"], [1, "toggle-body"], ["class", "toggle-title ml-3", 3, "click", 4, "ngIf"], [1, "toggle-title", "mr-3", 3, "click"], [1, "toggle-title", "ml-3", 3, "click"]], template: function DrToggleComponent_Template(rf, ctx) { if (rf & 1) {
|
|
2016
2025
|
i0.ɵɵprojectionDef();
|
|
2017
2026
|
i0.ɵɵtemplate(0, DrToggleComponent_span_0_Template, 2, 1, "span", 0);
|
|
2018
2027
|
i0.ɵɵelementStart(1, "label", 1)(2, "input", 2);
|
|
@@ -2037,7 +2046,7 @@ class DrToggleComponent {
|
|
|
2037
2046
|
}
|
|
2038
2047
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrToggleComponent, [{
|
|
2039
2048
|
type: Component,
|
|
2040
|
-
args: [{ selector: 'dr-toggle', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: DrToggleComponent, multi: true }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"toggle-title mr-3\" *ngIf=\"toggleTitle && !toggleTitleRight\">{{ toggleTitle }}</span>\n<label class=\"toggle-container\" [class.success]=\"successType\" [class.disabled]=\"_disabled\">\n <input\n [attr.id]=\"id\"\n type=\"checkbox\"\n [attr.data-test]=\"checkedStatus ? 'toggle-on' : 'toggle-off'\"\n [checked]=\"checkedStatus\"\n [disabled]=\"_disabled\"\n (click)=\"setValue()\" />\n <span class=\"toggle-body\">\n <i></i>\n </span>\n <ng-content></ng-content>\n</label>\n<span class=\"toggle-title ml-3\" *ngIf=\"toggleTitle && toggleTitleRight\">{{ toggleTitle }}</span>\n", styles: [":host{display:flex;justify-content:space-between;align-items:center;font-family:Poppins,sans-serif}:host.toggle-label-alignment{justify-content:start}:host .toggle-container{display:flex;align-items:center}:host .toggle-container.disabled{pointer-events:none}:host .toggle-container.disabled .toggle-body{background-color:#8f9bb329!important}:host .toggle-container.disabled .toggle-body i{background:#8f9bb33d!important}:host .toggle-container.success input:checked+span.toggle-body{background-color:#03a678}:host .toggle-container input{display:none}:host .toggle-container input:checked+span.toggle-body>i,:host .toggle-container input:checked+span.toggle-body:active>i{margin-left:16px}:host .toggle-container input:checked+span.toggle-body{background-color:#4646ce}:host .toggle-container .toggle-body{cursor:pointer;display:block;width:30px;height:16px;margin:7px auto;border-radius:15px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;background-color:#8f929e;line-height:1}:host .toggle-container .toggle-body:active{background-color:#a6b9cb}:host .toggle-container .toggle-body-wrapper{display:flex;flex-direction:column}:host .toggle-container .toggle-body i{height:12px;width:12px;background:#fff;display:inline-block;border-radius:100px;margin-top:2px;margin-left:1.5px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;pointer-events:none}:host .toggle-title{line-height:22px}\n"] }]
|
|
2049
|
+
args: [{ selector: 'dr-toggle', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: DrToggleComponent, multi: true }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"toggle-title mr-3\" *ngIf=\"toggleTitle && !toggleTitleRight\" (click)=\"handleTitleClick()\">{{ toggleTitle }}</span>\n<label class=\"toggle-container\" [class.success]=\"successType\" [class.disabled]=\"_disabled\">\n <input\n [attr.id]=\"id\"\n type=\"checkbox\"\n [attr.data-test]=\"checkedStatus ? 'toggle-on' : 'toggle-off'\"\n [checked]=\"checkedStatus\"\n [disabled]=\"_disabled\"\n (click)=\"setValue()\" />\n <span class=\"toggle-body\">\n <i></i>\n </span>\n <ng-content></ng-content>\n</label>\n<span class=\"toggle-title ml-3\" *ngIf=\"toggleTitle && toggleTitleRight\" (click)=\"handleTitleClick()\">{{ toggleTitle }}</span>\n", styles: [":host{display:flex;justify-content:space-between;align-items:center;font-family:Poppins,sans-serif}:host.toggle-label-alignment{justify-content:start}:host .toggle-container{display:flex;align-items:center}:host .toggle-container.disabled{pointer-events:none}:host .toggle-container.disabled .toggle-body{background-color:#8f9bb329!important}:host .toggle-container.disabled .toggle-body i{background:#8f9bb33d!important}:host .toggle-container.success input:checked+span.toggle-body{background-color:#03a678}:host .toggle-container input{display:none}:host .toggle-container input:checked+span.toggle-body>i,:host .toggle-container input:checked+span.toggle-body:active>i{margin-left:16px}:host .toggle-container input:checked+span.toggle-body{background-color:#4646ce}:host .toggle-container .toggle-body{cursor:pointer;display:block;width:30px;height:16px;margin:7px auto;border-radius:15px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;background-color:#8f929e;line-height:1}:host .toggle-container .toggle-body:active{background-color:#a6b9cb}:host .toggle-container .toggle-body-wrapper{display:flex;flex-direction:column}:host .toggle-container .toggle-body i{height:12px;width:12px;background:#fff;display:inline-block;border-radius:100px;margin-top:2px;margin-left:1.5px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;pointer-events:none}:host .toggle-title{line-height:22px}\n"] }]
|
|
2041
2050
|
}], function () { return [{ type: i0.ChangeDetectorRef }]; }, { id: [{
|
|
2042
2051
|
type: Input
|
|
2043
2052
|
}], hostId: [{
|