@datarailsshared/datarailsshared 1.5.445 → 1.5.447
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.5.447.tgz +0 -0
- package/esm2022/lib/dr-inputs/checkbox/checkbox.component.mjs +12 -5
- package/fesm2022/datarailsshared-datarailsshared.mjs +11 -4
- package/fesm2022/datarailsshared-datarailsshared.mjs.map +1 -1
- package/lib/dr-inputs/checkbox/checkbox.component.d.ts +2 -1
- package/package.json +1 -1
- package/datarailsshared-datarailsshared-1.5.445.tgz +0 -0
|
Binary file
|
|
@@ -16,6 +16,7 @@ export class CheckboxComponent {
|
|
|
16
16
|
this.cdr = cdr;
|
|
17
17
|
this.disabled = false;
|
|
18
18
|
this.icon = '';
|
|
19
|
+
this.theme = 'medium';
|
|
19
20
|
this._indeterminate = false;
|
|
20
21
|
this.checkedChange = new EventEmitter();
|
|
21
22
|
this.onChange = () => { };
|
|
@@ -54,9 +55,10 @@ export class CheckboxComponent {
|
|
|
54
55
|
} if (rf & 2) {
|
|
55
56
|
let _t;
|
|
56
57
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.checkboxContent = _t.first);
|
|
57
|
-
} }, hostVars:
|
|
58
|
+
} }, hostVars: 6, hostBindings: function CheckboxComponent_HostBindings(rf, ctx) { if (rf & 2) {
|
|
59
|
+
i0.ɵɵclassMap(ctx.theme);
|
|
58
60
|
i0.ɵɵclassProp("disabled", ctx.disabled)("text-nowrap", ctx.textNowrap);
|
|
59
|
-
} }, inputs: { checkedStatus: "checkedStatus", disabled: "disabled", icon: "icon", indeterminate: "indeterminate", textNowrap: "textNowrap" }, outputs: { checkedChange: "checkedChange" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }])], ngContentSelectors: _c1, decls: 5, vars: 8, consts: [["type", "checkbox", 3, "checked", "disabled", "change", "click"], [3, "drTooltip"], ["checkboxContent", ""]], template: function CheckboxComponent_Template(rf, ctx) { if (rf & 1) {
|
|
61
|
+
} }, inputs: { checkedStatus: "checkedStatus", disabled: "disabled", icon: "icon", theme: "theme", indeterminate: "indeterminate", textNowrap: "textNowrap" }, outputs: { checkedChange: "checkedChange" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }])], ngContentSelectors: _c1, decls: 5, vars: 8, consts: [["type", "checkbox", 3, "checked", "disabled", "change", "click"], [3, "drTooltip"], ["checkboxContent", ""]], template: function CheckboxComponent_Template(rf, ctx) { if (rf & 1) {
|
|
60
62
|
i0.ɵɵprojectionDef();
|
|
61
63
|
i0.ɵɵelementStart(0, "label")(1, "input", 0);
|
|
62
64
|
i0.ɵɵlistener("change", function CheckboxComponent_Template_input_change_1_listener($event) { return ctx.setValue($event); })("click", function CheckboxComponent_Template_input_click_1_listener($event) { return $event.stopPropagation(); });
|
|
@@ -72,11 +74,11 @@ export class CheckboxComponent {
|
|
|
72
74
|
i0.ɵɵclassMap(ctx.icon);
|
|
73
75
|
i0.ɵɵclassProp("indeterminate", ctx.indeterminate);
|
|
74
76
|
i0.ɵɵproperty("drTooltip", ctx.tooltip);
|
|
75
|
-
} }, dependencies: [i1.DrTooltipDirective], styles: ["input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]{vertical-align:middle;line-height:30px}input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%], input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before{box-sizing:content-box!important;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}input[_ngcontent-%COMP%]{visibility:hidden;position:absolute;width:0}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]{position:relative;z-index:19;display:inline-block;margin:0 5px 0 0;line-height:17px;min-height:14px;min-width:14px}.text-nowrap[_nghost-%COMP%] label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis;line-height:20px}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:hover{cursor:pointer}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before{content:\"\";font-size:14px;border-radius:0;display:inline-block;text-align:center;vertical-align:middle;padding:1px;min-height:12px;line-height:12px;min-width:12px;margin-right:5px;border:1.5px solid #8f929e;background-color:#fff;font-weight:400;margin-top:-1px}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before, label[_ngcontent-%COMP%]:hover input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before{background-color:#fff;border-color:#8f929e;color:#4646ce;border-radius:2px}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:checked + span[_ngcontent-%COMP%]:before, label[_ngcontent-%COMP%]:hover input[_ngcontent-%COMP%]:checked + span[_ngcontent-%COMP%]:before{content:url('data:image/svg+xml; utf8, <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M1 5L4.5 8.5L11 1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </svg>');background:#4646ce;border-color:#4646ce;color:#fff}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:checked + span.cross[_ngcontent-%COMP%]:before, label[_ngcontent-%COMP%]:hover input[_ngcontent-%COMP%]:checked + span.cross[_ngcontent-%COMP%]:before{content:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.91786 4.99992L9.03356 1.88386C9.11927 1.79808 9.16654 1.68365 9.16668 1.56162C9.16668 1.43952 9.1194 1.32495 9.03356 1.23931L8.7605 0.966323C8.67466 0.880342 8.56026 0.833252 8.43811 0.833252C8.31615 0.833252 8.20169 0.880342 8.11585 0.966323L5.00016 4.08218L1.88431 0.966323C1.79861 0.880342 1.68407 0.833252 1.56199 0.833252C1.44004 0.833252 1.32559 0.880342 1.23988 0.966323L0.966677 1.23931C0.788899 1.4171 0.788899 1.70628 0.966677 1.88386L4.08245 4.99992L0.966677 8.11584C0.880904 8.20175 0.833707 8.31619 0.833707 8.43822C0.833707 8.56025 0.880904 8.67468 0.966677 8.76053L1.23981 9.03351C1.32551 9.11943 1.44003 9.16658 1.56191 9.16658C1.684 9.16658 1.79853 9.11943 1.88424 9.03351L5.00008 5.91759L8.11578 9.03351C8.20162 9.11943 8.31608 9.16658 8.43803 9.16658C8.56005 9.16658 8.67459 9.11943 8.76043 9.03351L9.03349 8.76053C9.11919 8.67475 9.16646 8.56025 9.16646 8.43822C9.16646 8.31619 9.11919 8.20175 9.03349 8.11591L5.91786 4.99992Z\" fill=\"white\"/></svg>')}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span.indeterminate[_ngcontent-%COMP%]:before, label[_ngcontent-%COMP%]:hover input[_ngcontent-%COMP%] + span.indeterminate[_ngcontent-%COMP%]:before{content:url('data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 2\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25L11 0.250001C11.4142 0.250001 11.75 0.585787 11.75 1C11.75 1.41421 11.4142 1.75 11 1.75L1 1.75C0.585786 1.75 0.25 1.41421 0.25 1Z\" fill=\"white\"/></svg>');background:#4646ce;border-color:#4646ce;color:#fff}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:disabled + span[_ngcontent-%COMP%]{color:#8f929e}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:disabled + span[_ngcontent-%COMP%]:before{border-color:#dfe0e3;pointer-events:none}label[_ngcontent-%COMP%] input[disabled][_ngcontent-%COMP%]:checked + span[_ngcontent-%COMP%]:before{background:#8f929e;border-color:#8f929e;pointer-events:none}[_nghost-%COMP%]{font-family:Poppins,sans-serif;font-style:normal}[_nghost-%COMP%] label[_ngcontent-%COMP%]{position:relative}[_nghost-%COMP%] label[_ngcontent-%COMP%]:hover:after{content:\"\";width:24px;height:24px;background:#f2f2fb;border-radius:50%;position:absolute;left:-4px;top:.5px}.disabled[_nghost-%COMP%] label[_ngcontent-%COMP%]:hover:after{display:none}"], changeDetection: 0 }); }
|
|
77
|
+
} }, dependencies: [i1.DrTooltipDirective], styles: ["input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]{vertical-align:middle;line-height:30px}input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%], input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before{box-sizing:content-box!important;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}input[_ngcontent-%COMP%]{visibility:hidden;position:absolute;width:0}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]{position:relative;z-index:19;display:inline-block;margin:0 5px 0 0;line-height:17px;min-height:14px;min-width:14px}.text-nowrap[_nghost-%COMP%] label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis;line-height:20px}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:hover{cursor:pointer}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before{content:\"\";font-size:14px;border-radius:0;display:inline-block;text-align:center;vertical-align:middle;padding:1px;min-height:12px;line-height:12px;min-width:12px;margin-right:5px;border:1.5px solid #8f929e;background-color:#fff;font-weight:400;margin-top:-1px}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before, label[_ngcontent-%COMP%]:hover input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before{background-color:#fff;border-color:#8f929e;color:#4646ce;border-radius:2px}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:checked + span[_ngcontent-%COMP%]:before, label[_ngcontent-%COMP%]:hover input[_ngcontent-%COMP%]:checked + span[_ngcontent-%COMP%]:before{content:url('data:image/svg+xml; utf8, <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M1 5L4.5 8.5L11 1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </svg>');background:#4646ce;border-color:#4646ce;color:#fff}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:checked + span.cross[_ngcontent-%COMP%]:before, label[_ngcontent-%COMP%]:hover input[_ngcontent-%COMP%]:checked + span.cross[_ngcontent-%COMP%]:before{content:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.91786 4.99992L9.03356 1.88386C9.11927 1.79808 9.16654 1.68365 9.16668 1.56162C9.16668 1.43952 9.1194 1.32495 9.03356 1.23931L8.7605 0.966323C8.67466 0.880342 8.56026 0.833252 8.43811 0.833252C8.31615 0.833252 8.20169 0.880342 8.11585 0.966323L5.00016 4.08218L1.88431 0.966323C1.79861 0.880342 1.68407 0.833252 1.56199 0.833252C1.44004 0.833252 1.32559 0.880342 1.23988 0.966323L0.966677 1.23931C0.788899 1.4171 0.788899 1.70628 0.966677 1.88386L4.08245 4.99992L0.966677 8.11584C0.880904 8.20175 0.833707 8.31619 0.833707 8.43822C0.833707 8.56025 0.880904 8.67468 0.966677 8.76053L1.23981 9.03351C1.32551 9.11943 1.44003 9.16658 1.56191 9.16658C1.684 9.16658 1.79853 9.11943 1.88424 9.03351L5.00008 5.91759L8.11578 9.03351C8.20162 9.11943 8.31608 9.16658 8.43803 9.16658C8.56005 9.16658 8.67459 9.11943 8.76043 9.03351L9.03349 8.76053C9.11919 8.67475 9.16646 8.56025 9.16646 8.43822C9.16646 8.31619 9.11919 8.20175 9.03349 8.11591L5.91786 4.99992Z\" fill=\"white\"/></svg>')}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span.indeterminate[_ngcontent-%COMP%]:before, label[_ngcontent-%COMP%]:hover input[_ngcontent-%COMP%] + span.indeterminate[_ngcontent-%COMP%]:before{content:url('data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 2\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25L11 0.250001C11.4142 0.250001 11.75 0.585787 11.75 1C11.75 1.41421 11.4142 1.75 11 1.75L1 1.75C0.585786 1.75 0.25 1.41421 0.25 1Z\" fill=\"white\"/></svg>');background:#4646ce;border-color:#4646ce;color:#fff}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:disabled + span[_ngcontent-%COMP%]{color:#8f929e}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:disabled + span[_ngcontent-%COMP%]:before{border-color:#dfe0e3;pointer-events:none}label[_ngcontent-%COMP%] input[disabled][_ngcontent-%COMP%]:checked + span[_ngcontent-%COMP%]:before{background:#8f929e;border-color:#8f929e;pointer-events:none}[_nghost-%COMP%]{font-family:Poppins,sans-serif;font-style:normal}[_nghost-%COMP%] label[_ngcontent-%COMP%]{position:relative}[_nghost-%COMP%] label[_ngcontent-%COMP%]:hover:after{content:\"\";width:24px;height:24px;background:#f2f2fb;border-radius:50%;position:absolute;left:-4px;top:.5px}.small[_nghost-%COMP%]{color:#333;font-size:14px}.small[_nghost-%COMP%] label[_ngcontent-%COMP%]:after, .small[_nghost-%COMP%] label[_ngcontent-%COMP%]:hover:after{width:20px;height:20px;left:-3px;top:1.5px}.small[_nghost-%COMP%] label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%], .small[_nghost-%COMP%] label[_ngcontent-%COMP%]:hover input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]{min-height:10px;min-width:10px}.small[_nghost-%COMP%] label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before, .small[_nghost-%COMP%] label[_ngcontent-%COMP%]:hover input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before{height:10px;width:10px;min-height:10px;min-width:10px;line-height:10px;margin-right:8px}.small[_nghost-%COMP%] label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before, .small[_nghost-%COMP%] label[_ngcontent-%COMP%]:hover input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before{content:\"\";background-position:center;background-repeat:no-repeat;background-size:10px 10px}.small[_nghost-%COMP%] label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span.indeterminate[_ngcontent-%COMP%]:before, .small[_nghost-%COMP%] label[_ngcontent-%COMP%]:hover input[_ngcontent-%COMP%] + span.indeterminate[_ngcontent-%COMP%]:before{background-image:url('data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 2\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25L11 0.250001C11.4142 0.250001 11.75 0.585787 11.75 1C11.75 1.41421 11.4142 1.75 11 1.75L1 1.75C0.585786 1.75 0.25 1.41421 0.25 1Z\" fill=\"white\"/></svg>')}.small[_nghost-%COMP%] label[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:checked + span[_ngcontent-%COMP%]:before, .small[_nghost-%COMP%] label[_ngcontent-%COMP%]:hover input[_ngcontent-%COMP%]:checked + span[_ngcontent-%COMP%]:before{background-image:url('data:image/svg+xml; utf8, <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M1 5L4.5 8.5L11 1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </svg>')}.small[_nghost-%COMP%] label[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:checked + span.cross[_ngcontent-%COMP%]:before, .small[_nghost-%COMP%] label[_ngcontent-%COMP%]:hover input[_ngcontent-%COMP%]:checked + span.cross[_ngcontent-%COMP%]:before{background-image:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.91786 4.99992L9.03356 1.88386C9.11927 1.79808 9.16654 1.68365 9.16668 1.56162C9.16668 1.43952 9.1194 1.32495 9.03356 1.23931L8.7605 0.966323C8.67466 0.880342 8.56026 0.833252 8.43811 0.833252C8.31615 0.833252 8.20169 0.880342 8.11585 0.966323L5.00016 4.08218L1.88431 0.966323C1.79861 0.880342 1.68407 0.833252 1.56199 0.833252C1.44004 0.833252 1.32559 0.880342 1.23988 0.966323L0.966677 1.23931C0.788899 1.4171 0.788899 1.70628 0.966677 1.88386L4.08245 4.99992L0.966677 8.11584C0.880904 8.20175 0.833707 8.31619 0.833707 8.43822C0.833707 8.56025 0.880904 8.67468 0.966677 8.76053L1.23981 9.03351C1.32551 9.11943 1.44003 9.16658 1.56191 9.16658C1.684 9.16658 1.79853 9.11943 1.88424 9.03351L5.00008 5.91759L8.11578 9.03351C8.20162 9.11943 8.31608 9.16658 8.43803 9.16658C8.56005 9.16658 8.67459 9.11943 8.76043 9.03351L9.03349 8.76053C9.11919 8.67475 9.16646 8.56025 9.16646 8.43822C9.16646 8.31619 9.11919 8.20175 9.03349 8.11591L5.91786 4.99992Z\" fill=\"white\"/></svg>')}.disabled[_nghost-%COMP%] label[_ngcontent-%COMP%]:hover:after{display:none}"], changeDetection: 0 }); }
|
|
76
78
|
}
|
|
77
79
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CheckboxComponent, [{
|
|
78
80
|
type: Component,
|
|
79
|
-
args: [{ selector: 'dr-checkbox', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<label>\n <input\n type=\"checkbox\"\n [attr.data-test]=\"checkedStatus ? 'checked' : 'unchecked'\"\n [checked]=\"checkedStatus\"\n [disabled]=\"disabled\"\n (change)=\"setValue($event)\"\n (click)=\"$event.stopPropagation()\" />\n <span #checkboxContent [class]=\"icon\" [class.indeterminate]=\"indeterminate\" [drTooltip]=\"tooltip\">\n <ng-content></ng-content>\n </span>\n</label>\n", styles: ["input+span{vertical-align:middle;line-height:30px}input+span,input+span:before{box-sizing:content-box!important;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}input{visibility:hidden;position:absolute;width:0}label input+span{position:relative;z-index:19;display:inline-block;margin:0 5px 0 0;line-height:17px;min-height:14px;min-width:14px}:host.text-nowrap label input+span{white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis;line-height:20px}label input+span:hover{cursor:pointer}label input+span:before{content:\"\";font-size:14px;border-radius:0;display:inline-block;text-align:center;vertical-align:middle;padding:1px;min-height:12px;line-height:12px;min-width:12px;margin-right:5px;border:1.5px solid #8f929e;background-color:#fff;font-weight:400;margin-top:-1px}label input+span:before,label:hover input+span:before{background-color:#fff;border-color:#8f929e;color:#4646ce;border-radius:2px}label input:checked+span:before,label:hover input:checked+span:before{content:url('data:image/svg+xml; utf8, <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M1 5L4.5 8.5L11 1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </svg>');background:#4646ce;border-color:#4646ce;color:#fff}label input:checked+span.cross:before,label:hover input:checked+span.cross:before{content:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.91786 4.99992L9.03356 1.88386C9.11927 1.79808 9.16654 1.68365 9.16668 1.56162C9.16668 1.43952 9.1194 1.32495 9.03356 1.23931L8.7605 0.966323C8.67466 0.880342 8.56026 0.833252 8.43811 0.833252C8.31615 0.833252 8.20169 0.880342 8.11585 0.966323L5.00016 4.08218L1.88431 0.966323C1.79861 0.880342 1.68407 0.833252 1.56199 0.833252C1.44004 0.833252 1.32559 0.880342 1.23988 0.966323L0.966677 1.23931C0.788899 1.4171 0.788899 1.70628 0.966677 1.88386L4.08245 4.99992L0.966677 8.11584C0.880904 8.20175 0.833707 8.31619 0.833707 8.43822C0.833707 8.56025 0.880904 8.67468 0.966677 8.76053L1.23981 9.03351C1.32551 9.11943 1.44003 9.16658 1.56191 9.16658C1.684 9.16658 1.79853 9.11943 1.88424 9.03351L5.00008 5.91759L8.11578 9.03351C8.20162 9.11943 8.31608 9.16658 8.43803 9.16658C8.56005 9.16658 8.67459 9.11943 8.76043 9.03351L9.03349 8.76053C9.11919 8.67475 9.16646 8.56025 9.16646 8.43822C9.16646 8.31619 9.11919 8.20175 9.03349 8.11591L5.91786 4.99992Z\" fill=\"white\"/></svg>')}label input+span.indeterminate:before,label:hover input+span.indeterminate:before{content:url('data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 2\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25L11 0.250001C11.4142 0.250001 11.75 0.585787 11.75 1C11.75 1.41421 11.4142 1.75 11 1.75L1 1.75C0.585786 1.75 0.25 1.41421 0.25 1Z\" fill=\"white\"/></svg>');background:#4646ce;border-color:#4646ce;color:#fff}label input:disabled+span{color:#8f929e}label input:disabled+span:before{border-color:#dfe0e3;pointer-events:none}label input[disabled]:checked+span:before{background:#8f929e;border-color:#8f929e;pointer-events:none}:host{font-family:Poppins,sans-serif;font-style:normal}:host label{position:relative}:host label:hover:after{content:\"\";width:24px;height:24px;background:#f2f2fb;border-radius:50%;position:absolute;left:-4px;top:.5px}:host.disabled label:hover:after{display:none}\n"] }]
|
|
81
|
+
args: [{ selector: 'dr-checkbox', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<label>\n <input\n type=\"checkbox\"\n [attr.data-test]=\"checkedStatus ? 'checked' : 'unchecked'\"\n [checked]=\"checkedStatus\"\n [disabled]=\"disabled\"\n (change)=\"setValue($event)\"\n (click)=\"$event.stopPropagation()\" />\n <span #checkboxContent [class]=\"icon\" [class.indeterminate]=\"indeterminate\" [drTooltip]=\"tooltip\">\n <ng-content></ng-content>\n </span>\n</label>\n", styles: ["input+span{vertical-align:middle;line-height:30px}input+span,input+span:before{box-sizing:content-box!important;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}input{visibility:hidden;position:absolute;width:0}label input+span{position:relative;z-index:19;display:inline-block;margin:0 5px 0 0;line-height:17px;min-height:14px;min-width:14px}:host.text-nowrap label input+span{white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis;line-height:20px}label input+span:hover{cursor:pointer}label input+span:before{content:\"\";font-size:14px;border-radius:0;display:inline-block;text-align:center;vertical-align:middle;padding:1px;min-height:12px;line-height:12px;min-width:12px;margin-right:5px;border:1.5px solid #8f929e;background-color:#fff;font-weight:400;margin-top:-1px}label input+span:before,label:hover input+span:before{background-color:#fff;border-color:#8f929e;color:#4646ce;border-radius:2px}label input:checked+span:before,label:hover input:checked+span:before{content:url('data:image/svg+xml; utf8, <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M1 5L4.5 8.5L11 1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </svg>');background:#4646ce;border-color:#4646ce;color:#fff}label input:checked+span.cross:before,label:hover input:checked+span.cross:before{content:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.91786 4.99992L9.03356 1.88386C9.11927 1.79808 9.16654 1.68365 9.16668 1.56162C9.16668 1.43952 9.1194 1.32495 9.03356 1.23931L8.7605 0.966323C8.67466 0.880342 8.56026 0.833252 8.43811 0.833252C8.31615 0.833252 8.20169 0.880342 8.11585 0.966323L5.00016 4.08218L1.88431 0.966323C1.79861 0.880342 1.68407 0.833252 1.56199 0.833252C1.44004 0.833252 1.32559 0.880342 1.23988 0.966323L0.966677 1.23931C0.788899 1.4171 0.788899 1.70628 0.966677 1.88386L4.08245 4.99992L0.966677 8.11584C0.880904 8.20175 0.833707 8.31619 0.833707 8.43822C0.833707 8.56025 0.880904 8.67468 0.966677 8.76053L1.23981 9.03351C1.32551 9.11943 1.44003 9.16658 1.56191 9.16658C1.684 9.16658 1.79853 9.11943 1.88424 9.03351L5.00008 5.91759L8.11578 9.03351C8.20162 9.11943 8.31608 9.16658 8.43803 9.16658C8.56005 9.16658 8.67459 9.11943 8.76043 9.03351L9.03349 8.76053C9.11919 8.67475 9.16646 8.56025 9.16646 8.43822C9.16646 8.31619 9.11919 8.20175 9.03349 8.11591L5.91786 4.99992Z\" fill=\"white\"/></svg>')}label input+span.indeterminate:before,label:hover input+span.indeterminate:before{content:url('data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 2\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25L11 0.250001C11.4142 0.250001 11.75 0.585787 11.75 1C11.75 1.41421 11.4142 1.75 11 1.75L1 1.75C0.585786 1.75 0.25 1.41421 0.25 1Z\" fill=\"white\"/></svg>');background:#4646ce;border-color:#4646ce;color:#fff}label input:disabled+span{color:#8f929e}label input:disabled+span:before{border-color:#dfe0e3;pointer-events:none}label input[disabled]:checked+span:before{background:#8f929e;border-color:#8f929e;pointer-events:none}:host{font-family:Poppins,sans-serif;font-style:normal}:host label{position:relative}:host label:hover:after{content:\"\";width:24px;height:24px;background:#f2f2fb;border-radius:50%;position:absolute;left:-4px;top:.5px}:host.small{color:#333;font-size:14px}:host.small label:after,:host.small label:hover:after{width:20px;height:20px;left:-3px;top:1.5px}:host.small label input+span,:host.small label:hover input+span{min-height:10px;min-width:10px}:host.small label input+span:before,:host.small label:hover input+span:before{height:10px;width:10px;min-height:10px;min-width:10px;line-height:10px;margin-right:8px}:host.small label input+span:before,:host.small label:hover input+span:before{content:\"\";background-position:center;background-repeat:no-repeat;background-size:10px 10px}:host.small label input+span.indeterminate:before,:host.small label:hover input+span.indeterminate:before{background-image:url('data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 2\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25L11 0.250001C11.4142 0.250001 11.75 0.585787 11.75 1C11.75 1.41421 11.4142 1.75 11 1.75L1 1.75C0.585786 1.75 0.25 1.41421 0.25 1Z\" fill=\"white\"/></svg>')}:host.small label input:checked+span:before,:host.small label:hover input:checked+span:before{background-image:url('data:image/svg+xml; utf8, <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M1 5L4.5 8.5L11 1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </svg>')}:host.small label input:checked+span.cross:before,:host.small label:hover input:checked+span.cross:before{background-image:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.91786 4.99992L9.03356 1.88386C9.11927 1.79808 9.16654 1.68365 9.16668 1.56162C9.16668 1.43952 9.1194 1.32495 9.03356 1.23931L8.7605 0.966323C8.67466 0.880342 8.56026 0.833252 8.43811 0.833252C8.31615 0.833252 8.20169 0.880342 8.11585 0.966323L5.00016 4.08218L1.88431 0.966323C1.79861 0.880342 1.68407 0.833252 1.56199 0.833252C1.44004 0.833252 1.32559 0.880342 1.23988 0.966323L0.966677 1.23931C0.788899 1.4171 0.788899 1.70628 0.966677 1.88386L4.08245 4.99992L0.966677 8.11584C0.880904 8.20175 0.833707 8.31619 0.833707 8.43822C0.833707 8.56025 0.880904 8.67468 0.966677 8.76053L1.23981 9.03351C1.32551 9.11943 1.44003 9.16658 1.56191 9.16658C1.684 9.16658 1.79853 9.11943 1.88424 9.03351L5.00008 5.91759L8.11578 9.03351C8.20162 9.11943 8.31608 9.16658 8.43803 9.16658C8.56005 9.16658 8.67459 9.11943 8.76043 9.03351L9.03349 8.76053C9.11919 8.67475 9.16646 8.56025 9.16646 8.43822C9.16646 8.31619 9.11919 8.20175 9.03349 8.11591L5.91786 4.99992Z\" fill=\"white\"/></svg>')}:host.disabled label:hover:after{display:none}\n"] }]
|
|
80
82
|
}], function () { return [{ type: i0.ChangeDetectorRef }]; }, { checkedStatus: [{
|
|
81
83
|
type: Input
|
|
82
84
|
}], disabled: [{
|
|
@@ -86,6 +88,11 @@ export class CheckboxComponent {
|
|
|
86
88
|
args: ['class.disabled']
|
|
87
89
|
}], icon: [{
|
|
88
90
|
type: Input
|
|
91
|
+
}], theme: [{
|
|
92
|
+
type: Input
|
|
93
|
+
}, {
|
|
94
|
+
type: HostBinding,
|
|
95
|
+
args: ['class']
|
|
89
96
|
}], indeterminate: [{
|
|
90
97
|
type: Input
|
|
91
98
|
}], textNowrap: [{
|
|
@@ -99,4 +106,4 @@ export class CheckboxComponent {
|
|
|
99
106
|
type: ViewChild,
|
|
100
107
|
args: ['checkboxContent']
|
|
101
108
|
}] }); })();
|
|
102
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
109
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItaW5wdXRzL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWlucHV0cy9jaGVja2JveC9jaGVja2JveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUgsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixXQUFXLEVBQ1gsS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEdBQ1osTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7OztBQVN6RSxNQUFNLE9BQU8saUJBQWlCO0lBWTFCLElBQ0ksYUFBYTtRQUNiLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUMvQixDQUFDO0lBTUQsSUFBSSxhQUFhLENBQUMsS0FBYztRQUM1QixJQUFJLENBQUMsY0FBYyxHQUFHLENBQUMsQ0FBQyxLQUFLLENBQUM7UUFDOUIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBU0QsWUFBb0IsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUE1QjFDLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDUixTQUFJLEdBQWlCLEVBQUUsQ0FBQztRQUlqQyxVQUFLLEdBQXVCLFFBQVEsQ0FBQztRQWdCN0IsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFDckIsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRzdDLGFBQVEsR0FBNkIsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO1FBQzlDLGNBQVMsR0FBZSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7SUFFWSxDQUFDO0lBRTlDLGVBQWU7UUFDWCxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLGFBQWEsQ0FBQztRQUNuRCxJQUFJLElBQUksQ0FBQyxVQUFVLElBQUksT0FBTyxDQUFDLFdBQVcsR0FBRyxPQUFPLENBQUMsV0FBVyxFQUFFO1lBQzlELElBQUksQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDLFNBQVMsQ0FBQztTQUNwQztJQUNMLENBQUM7SUFFRCxVQUFVLENBQUMsS0FBYztRQUNyQixJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztRQUMzQixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3BCLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFPO1FBQ3JCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBRSxVQUFtQjtRQUNqQyxJQUFJLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztJQUMvQixDQUFDO0lBRUQsUUFBUSxDQUFDLEtBQUs7UUFDVixNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsTUFBMEIsQ0FBQztRQUMvQyxJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUM7UUFDbkMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQzVDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDLGFBQWEsQ0FBQztRQUN6QyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDckIsQ0FBQztxR0FsRVEsaUJBQWlCO21HQUFqQixpQkFBaUI7Ozs7Ozs7O3FQQUhmLENBQUMsRUFBRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsQ0FBQzs7WUNsQjVGLDZCQUFPLGVBQUE7WUFNQyxxR0FBVSxvQkFBZ0IsSUFBQyxzRkFDbEIsd0JBQXdCLElBRE47WUFML0IsaUJBTXlDO1lBQ3pDLGtDQUFrRztZQUM5RixrQkFBeUI7WUFDN0IsaUJBQU8sRUFBQTs7WUFOSCxlQUF5QjtZQUF6QiwyQ0FBeUIsMEJBQUE7WUFEekIsd0VBQTBEO1lBS3ZDLGVBQWM7WUFBZCx1QkFBYztZQUFDLGtEQUFxQztZQUFDLHVDQUFxQjs7O3VGRGF4RixpQkFBaUI7Y0FQN0IsU0FBUzsyQkFDSSxhQUFhLGFBR1osQ0FBQyxFQUFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxXQUFXLG1CQUFtQixFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsQ0FBQyxtQkFDdkUsdUJBQXVCLENBQUMsTUFBTTtvRUFJdEMsYUFBYTtrQkFBckIsS0FBSztZQUdOLFFBQVE7a0JBRlAsS0FBSzs7a0JBQ0wsV0FBVzttQkFBQyxnQkFBZ0I7WUFFcEIsSUFBSTtrQkFBWixLQUFLO1lBSU4sS0FBSztrQkFGSixLQUFLOztrQkFDTCxXQUFXO21CQUFDLE9BQU87WUFJaEIsYUFBYTtrQkFEaEIsS0FBSztZQU9OLFVBQVU7a0JBRlQsS0FBSzs7a0JBQ0wsV0FBVzttQkFBQyxtQkFBbUI7WUFTdEIsYUFBYTtrQkFBdEIsTUFBTTtZQUN1QixlQUFlO2tCQUE1QyxTQUFTO21CQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQWZ0ZXJWaWV3SW5pdCxcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxuICAgIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHItY2hlY2tib3gnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jaGVja2JveC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY2hlY2tib3guY29tcG9uZW50LnNjc3MnXSxcbiAgICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLCB1c2VFeGlzdGluZzogQ2hlY2tib3hDb21wb25lbnQsIG11bHRpOiB0cnVlIH1dLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBDaGVja2JveENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBBZnRlclZpZXdJbml0IHtcbiAgICBwdWJsaWMgdG9vbHRpcDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGNoZWNrZWRTdGF0dXM6IGJvb2xlYW47XG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRpc2FibGVkJylcbiAgICBkaXNhYmxlZCA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGljb246ICdjcm9zcycgfCAnJyA9ICcnO1xuXG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICB0aGVtZTogJ21lZGl1bScgfCAnc21hbGwnID0gJ21lZGl1bSc7XG5cbiAgICBASW5wdXQoKVxuICAgIGdldCBpbmRldGVybWluYXRlKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5faW5kZXRlcm1pbmF0ZTtcbiAgICB9XG5cbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnY2xhc3MudGV4dC1ub3dyYXAnKVxuICAgIHRleHROb3dyYXA6IGJvb2xlYW47XG5cbiAgICBzZXQgaW5kZXRlcm1pbmF0ZSh2YWx1ZTogYm9vbGVhbikge1xuICAgICAgICB0aGlzLl9pbmRldGVybWluYXRlID0gISF2YWx1ZTtcbiAgICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfaW5kZXRlcm1pbmF0ZSA9IGZhbHNlO1xuICAgIEBPdXRwdXQoKSBjaGVja2VkQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIEBWaWV3Q2hpbGQoJ2NoZWNrYm94Q29udGVudCcpIGNoZWNrYm94Q29udGVudDogRWxlbWVudFJlZjtcblxuICAgIG9uQ2hhbmdlOiAodmFsdWU6IGJvb2xlYW4pID0+IHZvaWQgPSAoKSA9PiB7fTtcbiAgICBvblRvdWNoZWQ6ICgpID0+IHZvaWQgPSAoKSA9PiB7fTtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICAgICAgY29uc3QgZWxlbWVudCA9IHRoaXMuY2hlY2tib3hDb250ZW50Lm5hdGl2ZUVsZW1lbnQ7XG4gICAgICAgIGlmICh0aGlzLnRleHROb3dyYXAgJiYgZWxlbWVudC5zY3JvbGxXaWR0aCA+IGVsZW1lbnQuY2xpZW50V2lkdGgpIHtcbiAgICAgICAgICAgIHRoaXMudG9vbHRpcCA9IGVsZW1lbnQuaW5uZXJUZXh0O1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgd3JpdGVWYWx1ZSh2YWx1ZTogYm9vbGVhbikge1xuICAgICAgICB0aGlzLmNoZWNrZWRTdGF0dXMgPSB2YWx1ZTtcbiAgICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gICAgfVxuXG4gICAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KSB7XG4gICAgICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgICB9XG5cbiAgICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KSB7XG4gICAgICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gICAgfVxuXG4gICAgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgICAgICB0aGlzLmRpc2FibGVkID0gaXNEaXNhYmxlZDtcbiAgICB9XG5cbiAgICBzZXRWYWx1ZShldmVudCkge1xuICAgICAgICBjb25zdCBpbnB1dCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuICAgICAgICB0aGlzLmNoZWNrZWRTdGF0dXMgPSBpbnB1dC5jaGVja2VkO1xuICAgICAgICB0aGlzLmNoZWNrZWRDaGFuZ2UuZW1pdCh0aGlzLmNoZWNrZWRTdGF0dXMpO1xuICAgICAgICB0aGlzLm9uQ2hhbmdlKHRoaXMuY2hlY2tlZFN0YXR1cyk7XG4gICAgICAgIHRoaXMuaW5kZXRlcm1pbmF0ZSA9IGlucHV0LmluZGV0ZXJtaW5hdGU7XG4gICAgICAgIHRoaXMub25Ub3VjaGVkKCk7XG4gICAgfVxufVxuIiwiPGxhYmVsPlxuICAgIDxpbnB1dFxuICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICBbYXR0ci5kYXRhLXRlc3RdPVwiY2hlY2tlZFN0YXR1cyA/ICdjaGVja2VkJyA6ICd1bmNoZWNrZWQnXCJcbiAgICAgICAgW2NoZWNrZWRdPVwiY2hlY2tlZFN0YXR1c1wiXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgIChjaGFuZ2UpPVwic2V0VmFsdWUoJGV2ZW50KVwiXG4gICAgICAgIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIiAvPlxuICAgIDxzcGFuICNjaGVja2JveENvbnRlbnQgW2NsYXNzXT1cImljb25cIiBbY2xhc3MuaW5kZXRlcm1pbmF0ZV09XCJpbmRldGVybWluYXRlXCIgW2RyVG9vbHRpcF09XCJ0b29sdGlwXCI+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L3NwYW4+XG48L2xhYmVsPlxuIl19
|
|
@@ -4129,6 +4129,7 @@ class CheckboxComponent {
|
|
|
4129
4129
|
this.cdr = cdr;
|
|
4130
4130
|
this.disabled = false;
|
|
4131
4131
|
this.icon = '';
|
|
4132
|
+
this.theme = 'medium';
|
|
4132
4133
|
this._indeterminate = false;
|
|
4133
4134
|
this.checkedChange = new EventEmitter();
|
|
4134
4135
|
this.onChange = () => { };
|
|
@@ -4167,9 +4168,10 @@ class CheckboxComponent {
|
|
|
4167
4168
|
} if (rf & 2) {
|
|
4168
4169
|
let _t;
|
|
4169
4170
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.checkboxContent = _t.first);
|
|
4170
|
-
} }, hostVars:
|
|
4171
|
+
} }, hostVars: 6, hostBindings: function CheckboxComponent_HostBindings(rf, ctx) { if (rf & 2) {
|
|
4172
|
+
i0.ɵɵclassMap(ctx.theme);
|
|
4171
4173
|
i0.ɵɵclassProp("disabled", ctx.disabled)("text-nowrap", ctx.textNowrap);
|
|
4172
|
-
} }, inputs: { checkedStatus: "checkedStatus", disabled: "disabled", icon: "icon", indeterminate: "indeterminate", textNowrap: "textNowrap" }, outputs: { checkedChange: "checkedChange" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }])], ngContentSelectors: _c1$c, decls: 5, vars: 8, consts: [["type", "checkbox", 3, "checked", "disabled", "change", "click"], [3, "drTooltip"], ["checkboxContent", ""]], template: function CheckboxComponent_Template(rf, ctx) { if (rf & 1) {
|
|
4174
|
+
} }, inputs: { checkedStatus: "checkedStatus", disabled: "disabled", icon: "icon", theme: "theme", indeterminate: "indeterminate", textNowrap: "textNowrap" }, outputs: { checkedChange: "checkedChange" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }])], ngContentSelectors: _c1$c, decls: 5, vars: 8, consts: [["type", "checkbox", 3, "checked", "disabled", "change", "click"], [3, "drTooltip"], ["checkboxContent", ""]], template: function CheckboxComponent_Template(rf, ctx) { if (rf & 1) {
|
|
4173
4175
|
i0.ɵɵprojectionDef();
|
|
4174
4176
|
i0.ɵɵelementStart(0, "label")(1, "input", 0);
|
|
4175
4177
|
i0.ɵɵlistener("change", function CheckboxComponent_Template_input_change_1_listener($event) { return ctx.setValue($event); })("click", function CheckboxComponent_Template_input_click_1_listener($event) { return $event.stopPropagation(); });
|
|
@@ -4185,11 +4187,11 @@ class CheckboxComponent {
|
|
|
4185
4187
|
i0.ɵɵclassMap(ctx.icon);
|
|
4186
4188
|
i0.ɵɵclassProp("indeterminate", ctx.indeterminate);
|
|
4187
4189
|
i0.ɵɵproperty("drTooltip", ctx.tooltip);
|
|
4188
|
-
} }, dependencies: [DrTooltipDirective], styles: ["input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]{vertical-align:middle;line-height:30px}input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%], input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before{box-sizing:content-box!important;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}input[_ngcontent-%COMP%]{visibility:hidden;position:absolute;width:0}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]{position:relative;z-index:19;display:inline-block;margin:0 5px 0 0;line-height:17px;min-height:14px;min-width:14px}.text-nowrap[_nghost-%COMP%] label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis;line-height:20px}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:hover{cursor:pointer}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before{content:\"\";font-size:14px;border-radius:0;display:inline-block;text-align:center;vertical-align:middle;padding:1px;min-height:12px;line-height:12px;min-width:12px;margin-right:5px;border:1.5px solid #8f929e;background-color:#fff;font-weight:400;margin-top:-1px}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before, label[_ngcontent-%COMP%]:hover input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before{background-color:#fff;border-color:#8f929e;color:#4646ce;border-radius:2px}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:checked + span[_ngcontent-%COMP%]:before, label[_ngcontent-%COMP%]:hover input[_ngcontent-%COMP%]:checked + span[_ngcontent-%COMP%]:before{content:url('data:image/svg+xml; utf8, <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M1 5L4.5 8.5L11 1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </svg>');background:#4646ce;border-color:#4646ce;color:#fff}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:checked + span.cross[_ngcontent-%COMP%]:before, label[_ngcontent-%COMP%]:hover input[_ngcontent-%COMP%]:checked + span.cross[_ngcontent-%COMP%]:before{content:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.91786 4.99992L9.03356 1.88386C9.11927 1.79808 9.16654 1.68365 9.16668 1.56162C9.16668 1.43952 9.1194 1.32495 9.03356 1.23931L8.7605 0.966323C8.67466 0.880342 8.56026 0.833252 8.43811 0.833252C8.31615 0.833252 8.20169 0.880342 8.11585 0.966323L5.00016 4.08218L1.88431 0.966323C1.79861 0.880342 1.68407 0.833252 1.56199 0.833252C1.44004 0.833252 1.32559 0.880342 1.23988 0.966323L0.966677 1.23931C0.788899 1.4171 0.788899 1.70628 0.966677 1.88386L4.08245 4.99992L0.966677 8.11584C0.880904 8.20175 0.833707 8.31619 0.833707 8.43822C0.833707 8.56025 0.880904 8.67468 0.966677 8.76053L1.23981 9.03351C1.32551 9.11943 1.44003 9.16658 1.56191 9.16658C1.684 9.16658 1.79853 9.11943 1.88424 9.03351L5.00008 5.91759L8.11578 9.03351C8.20162 9.11943 8.31608 9.16658 8.43803 9.16658C8.56005 9.16658 8.67459 9.11943 8.76043 9.03351L9.03349 8.76053C9.11919 8.67475 9.16646 8.56025 9.16646 8.43822C9.16646 8.31619 9.11919 8.20175 9.03349 8.11591L5.91786 4.99992Z\" fill=\"white\"/></svg>')}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span.indeterminate[_ngcontent-%COMP%]:before, label[_ngcontent-%COMP%]:hover input[_ngcontent-%COMP%] + span.indeterminate[_ngcontent-%COMP%]:before{content:url('data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 2\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25L11 0.250001C11.4142 0.250001 11.75 0.585787 11.75 1C11.75 1.41421 11.4142 1.75 11 1.75L1 1.75C0.585786 1.75 0.25 1.41421 0.25 1Z\" fill=\"white\"/></svg>');background:#4646ce;border-color:#4646ce;color:#fff}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:disabled + span[_ngcontent-%COMP%]{color:#8f929e}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:disabled + span[_ngcontent-%COMP%]:before{border-color:#dfe0e3;pointer-events:none}label[_ngcontent-%COMP%] input[disabled][_ngcontent-%COMP%]:checked + span[_ngcontent-%COMP%]:before{background:#8f929e;border-color:#8f929e;pointer-events:none}[_nghost-%COMP%]{font-family:Poppins,sans-serif;font-style:normal}[_nghost-%COMP%] label[_ngcontent-%COMP%]{position:relative}[_nghost-%COMP%] label[_ngcontent-%COMP%]:hover:after{content:\"\";width:24px;height:24px;background:#f2f2fb;border-radius:50%;position:absolute;left:-4px;top:.5px}.disabled[_nghost-%COMP%] label[_ngcontent-%COMP%]:hover:after{display:none}"], changeDetection: 0 }); }
|
|
4190
|
+
} }, dependencies: [DrTooltipDirective], styles: ["input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]{vertical-align:middle;line-height:30px}input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%], input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before{box-sizing:content-box!important;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}input[_ngcontent-%COMP%]{visibility:hidden;position:absolute;width:0}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]{position:relative;z-index:19;display:inline-block;margin:0 5px 0 0;line-height:17px;min-height:14px;min-width:14px}.text-nowrap[_nghost-%COMP%] label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis;line-height:20px}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:hover{cursor:pointer}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before{content:\"\";font-size:14px;border-radius:0;display:inline-block;text-align:center;vertical-align:middle;padding:1px;min-height:12px;line-height:12px;min-width:12px;margin-right:5px;border:1.5px solid #8f929e;background-color:#fff;font-weight:400;margin-top:-1px}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before, label[_ngcontent-%COMP%]:hover input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before{background-color:#fff;border-color:#8f929e;color:#4646ce;border-radius:2px}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:checked + span[_ngcontent-%COMP%]:before, label[_ngcontent-%COMP%]:hover input[_ngcontent-%COMP%]:checked + span[_ngcontent-%COMP%]:before{content:url('data:image/svg+xml; utf8, <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M1 5L4.5 8.5L11 1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </svg>');background:#4646ce;border-color:#4646ce;color:#fff}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:checked + span.cross[_ngcontent-%COMP%]:before, label[_ngcontent-%COMP%]:hover input[_ngcontent-%COMP%]:checked + span.cross[_ngcontent-%COMP%]:before{content:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.91786 4.99992L9.03356 1.88386C9.11927 1.79808 9.16654 1.68365 9.16668 1.56162C9.16668 1.43952 9.1194 1.32495 9.03356 1.23931L8.7605 0.966323C8.67466 0.880342 8.56026 0.833252 8.43811 0.833252C8.31615 0.833252 8.20169 0.880342 8.11585 0.966323L5.00016 4.08218L1.88431 0.966323C1.79861 0.880342 1.68407 0.833252 1.56199 0.833252C1.44004 0.833252 1.32559 0.880342 1.23988 0.966323L0.966677 1.23931C0.788899 1.4171 0.788899 1.70628 0.966677 1.88386L4.08245 4.99992L0.966677 8.11584C0.880904 8.20175 0.833707 8.31619 0.833707 8.43822C0.833707 8.56025 0.880904 8.67468 0.966677 8.76053L1.23981 9.03351C1.32551 9.11943 1.44003 9.16658 1.56191 9.16658C1.684 9.16658 1.79853 9.11943 1.88424 9.03351L5.00008 5.91759L8.11578 9.03351C8.20162 9.11943 8.31608 9.16658 8.43803 9.16658C8.56005 9.16658 8.67459 9.11943 8.76043 9.03351L9.03349 8.76053C9.11919 8.67475 9.16646 8.56025 9.16646 8.43822C9.16646 8.31619 9.11919 8.20175 9.03349 8.11591L5.91786 4.99992Z\" fill=\"white\"/></svg>')}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span.indeterminate[_ngcontent-%COMP%]:before, label[_ngcontent-%COMP%]:hover input[_ngcontent-%COMP%] + span.indeterminate[_ngcontent-%COMP%]:before{content:url('data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 2\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25L11 0.250001C11.4142 0.250001 11.75 0.585787 11.75 1C11.75 1.41421 11.4142 1.75 11 1.75L1 1.75C0.585786 1.75 0.25 1.41421 0.25 1Z\" fill=\"white\"/></svg>');background:#4646ce;border-color:#4646ce;color:#fff}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:disabled + span[_ngcontent-%COMP%]{color:#8f929e}label[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:disabled + span[_ngcontent-%COMP%]:before{border-color:#dfe0e3;pointer-events:none}label[_ngcontent-%COMP%] input[disabled][_ngcontent-%COMP%]:checked + span[_ngcontent-%COMP%]:before{background:#8f929e;border-color:#8f929e;pointer-events:none}[_nghost-%COMP%]{font-family:Poppins,sans-serif;font-style:normal}[_nghost-%COMP%] label[_ngcontent-%COMP%]{position:relative}[_nghost-%COMP%] label[_ngcontent-%COMP%]:hover:after{content:\"\";width:24px;height:24px;background:#f2f2fb;border-radius:50%;position:absolute;left:-4px;top:.5px}.small[_nghost-%COMP%]{color:#333;font-size:14px}.small[_nghost-%COMP%] label[_ngcontent-%COMP%]:after, .small[_nghost-%COMP%] label[_ngcontent-%COMP%]:hover:after{width:20px;height:20px;left:-3px;top:1.5px}.small[_nghost-%COMP%] label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%], .small[_nghost-%COMP%] label[_ngcontent-%COMP%]:hover input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]{min-height:10px;min-width:10px}.small[_nghost-%COMP%] label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before, .small[_nghost-%COMP%] label[_ngcontent-%COMP%]:hover input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before{height:10px;width:10px;min-height:10px;min-width:10px;line-height:10px;margin-right:8px}.small[_nghost-%COMP%] label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before, .small[_nghost-%COMP%] label[_ngcontent-%COMP%]:hover input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before{content:\"\";background-position:center;background-repeat:no-repeat;background-size:10px 10px}.small[_nghost-%COMP%] label[_ngcontent-%COMP%] input[_ngcontent-%COMP%] + span.indeterminate[_ngcontent-%COMP%]:before, .small[_nghost-%COMP%] label[_ngcontent-%COMP%]:hover input[_ngcontent-%COMP%] + span.indeterminate[_ngcontent-%COMP%]:before{background-image:url('data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 2\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25L11 0.250001C11.4142 0.250001 11.75 0.585787 11.75 1C11.75 1.41421 11.4142 1.75 11 1.75L1 1.75C0.585786 1.75 0.25 1.41421 0.25 1Z\" fill=\"white\"/></svg>')}.small[_nghost-%COMP%] label[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:checked + span[_ngcontent-%COMP%]:before, .small[_nghost-%COMP%] label[_ngcontent-%COMP%]:hover input[_ngcontent-%COMP%]:checked + span[_ngcontent-%COMP%]:before{background-image:url('data:image/svg+xml; utf8, <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M1 5L4.5 8.5L11 1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </svg>')}.small[_nghost-%COMP%] label[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:checked + span.cross[_ngcontent-%COMP%]:before, .small[_nghost-%COMP%] label[_ngcontent-%COMP%]:hover input[_ngcontent-%COMP%]:checked + span.cross[_ngcontent-%COMP%]:before{background-image:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.91786 4.99992L9.03356 1.88386C9.11927 1.79808 9.16654 1.68365 9.16668 1.56162C9.16668 1.43952 9.1194 1.32495 9.03356 1.23931L8.7605 0.966323C8.67466 0.880342 8.56026 0.833252 8.43811 0.833252C8.31615 0.833252 8.20169 0.880342 8.11585 0.966323L5.00016 4.08218L1.88431 0.966323C1.79861 0.880342 1.68407 0.833252 1.56199 0.833252C1.44004 0.833252 1.32559 0.880342 1.23988 0.966323L0.966677 1.23931C0.788899 1.4171 0.788899 1.70628 0.966677 1.88386L4.08245 4.99992L0.966677 8.11584C0.880904 8.20175 0.833707 8.31619 0.833707 8.43822C0.833707 8.56025 0.880904 8.67468 0.966677 8.76053L1.23981 9.03351C1.32551 9.11943 1.44003 9.16658 1.56191 9.16658C1.684 9.16658 1.79853 9.11943 1.88424 9.03351L5.00008 5.91759L8.11578 9.03351C8.20162 9.11943 8.31608 9.16658 8.43803 9.16658C8.56005 9.16658 8.67459 9.11943 8.76043 9.03351L9.03349 8.76053C9.11919 8.67475 9.16646 8.56025 9.16646 8.43822C9.16646 8.31619 9.11919 8.20175 9.03349 8.11591L5.91786 4.99992Z\" fill=\"white\"/></svg>')}.disabled[_nghost-%COMP%] label[_ngcontent-%COMP%]:hover:after{display:none}"], changeDetection: 0 }); }
|
|
4189
4191
|
}
|
|
4190
4192
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CheckboxComponent, [{
|
|
4191
4193
|
type: Component,
|
|
4192
|
-
args: [{ selector: 'dr-checkbox', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<label>\n <input\n type=\"checkbox\"\n [attr.data-test]=\"checkedStatus ? 'checked' : 'unchecked'\"\n [checked]=\"checkedStatus\"\n [disabled]=\"disabled\"\n (change)=\"setValue($event)\"\n (click)=\"$event.stopPropagation()\" />\n <span #checkboxContent [class]=\"icon\" [class.indeterminate]=\"indeterminate\" [drTooltip]=\"tooltip\">\n <ng-content></ng-content>\n </span>\n</label>\n", styles: ["input+span{vertical-align:middle;line-height:30px}input+span,input+span:before{box-sizing:content-box!important;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}input{visibility:hidden;position:absolute;width:0}label input+span{position:relative;z-index:19;display:inline-block;margin:0 5px 0 0;line-height:17px;min-height:14px;min-width:14px}:host.text-nowrap label input+span{white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis;line-height:20px}label input+span:hover{cursor:pointer}label input+span:before{content:\"\";font-size:14px;border-radius:0;display:inline-block;text-align:center;vertical-align:middle;padding:1px;min-height:12px;line-height:12px;min-width:12px;margin-right:5px;border:1.5px solid #8f929e;background-color:#fff;font-weight:400;margin-top:-1px}label input+span:before,label:hover input+span:before{background-color:#fff;border-color:#8f929e;color:#4646ce;border-radius:2px}label input:checked+span:before,label:hover input:checked+span:before{content:url('data:image/svg+xml; utf8, <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M1 5L4.5 8.5L11 1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </svg>');background:#4646ce;border-color:#4646ce;color:#fff}label input:checked+span.cross:before,label:hover input:checked+span.cross:before{content:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.91786 4.99992L9.03356 1.88386C9.11927 1.79808 9.16654 1.68365 9.16668 1.56162C9.16668 1.43952 9.1194 1.32495 9.03356 1.23931L8.7605 0.966323C8.67466 0.880342 8.56026 0.833252 8.43811 0.833252C8.31615 0.833252 8.20169 0.880342 8.11585 0.966323L5.00016 4.08218L1.88431 0.966323C1.79861 0.880342 1.68407 0.833252 1.56199 0.833252C1.44004 0.833252 1.32559 0.880342 1.23988 0.966323L0.966677 1.23931C0.788899 1.4171 0.788899 1.70628 0.966677 1.88386L4.08245 4.99992L0.966677 8.11584C0.880904 8.20175 0.833707 8.31619 0.833707 8.43822C0.833707 8.56025 0.880904 8.67468 0.966677 8.76053L1.23981 9.03351C1.32551 9.11943 1.44003 9.16658 1.56191 9.16658C1.684 9.16658 1.79853 9.11943 1.88424 9.03351L5.00008 5.91759L8.11578 9.03351C8.20162 9.11943 8.31608 9.16658 8.43803 9.16658C8.56005 9.16658 8.67459 9.11943 8.76043 9.03351L9.03349 8.76053C9.11919 8.67475 9.16646 8.56025 9.16646 8.43822C9.16646 8.31619 9.11919 8.20175 9.03349 8.11591L5.91786 4.99992Z\" fill=\"white\"/></svg>')}label input+span.indeterminate:before,label:hover input+span.indeterminate:before{content:url('data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 2\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25L11 0.250001C11.4142 0.250001 11.75 0.585787 11.75 1C11.75 1.41421 11.4142 1.75 11 1.75L1 1.75C0.585786 1.75 0.25 1.41421 0.25 1Z\" fill=\"white\"/></svg>');background:#4646ce;border-color:#4646ce;color:#fff}label input:disabled+span{color:#8f929e}label input:disabled+span:before{border-color:#dfe0e3;pointer-events:none}label input[disabled]:checked+span:before{background:#8f929e;border-color:#8f929e;pointer-events:none}:host{font-family:Poppins,sans-serif;font-style:normal}:host label{position:relative}:host label:hover:after{content:\"\";width:24px;height:24px;background:#f2f2fb;border-radius:50%;position:absolute;left:-4px;top:.5px}:host.disabled label:hover:after{display:none}\n"] }]
|
|
4194
|
+
args: [{ selector: 'dr-checkbox', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<label>\n <input\n type=\"checkbox\"\n [attr.data-test]=\"checkedStatus ? 'checked' : 'unchecked'\"\n [checked]=\"checkedStatus\"\n [disabled]=\"disabled\"\n (change)=\"setValue($event)\"\n (click)=\"$event.stopPropagation()\" />\n <span #checkboxContent [class]=\"icon\" [class.indeterminate]=\"indeterminate\" [drTooltip]=\"tooltip\">\n <ng-content></ng-content>\n </span>\n</label>\n", styles: ["input+span{vertical-align:middle;line-height:30px}input+span,input+span:before{box-sizing:content-box!important;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}input{visibility:hidden;position:absolute;width:0}label input+span{position:relative;z-index:19;display:inline-block;margin:0 5px 0 0;line-height:17px;min-height:14px;min-width:14px}:host.text-nowrap label input+span{white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis;line-height:20px}label input+span:hover{cursor:pointer}label input+span:before{content:\"\";font-size:14px;border-radius:0;display:inline-block;text-align:center;vertical-align:middle;padding:1px;min-height:12px;line-height:12px;min-width:12px;margin-right:5px;border:1.5px solid #8f929e;background-color:#fff;font-weight:400;margin-top:-1px}label input+span:before,label:hover input+span:before{background-color:#fff;border-color:#8f929e;color:#4646ce;border-radius:2px}label input:checked+span:before,label:hover input:checked+span:before{content:url('data:image/svg+xml; utf8, <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M1 5L4.5 8.5L11 1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </svg>');background:#4646ce;border-color:#4646ce;color:#fff}label input:checked+span.cross:before,label:hover input:checked+span.cross:before{content:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.91786 4.99992L9.03356 1.88386C9.11927 1.79808 9.16654 1.68365 9.16668 1.56162C9.16668 1.43952 9.1194 1.32495 9.03356 1.23931L8.7605 0.966323C8.67466 0.880342 8.56026 0.833252 8.43811 0.833252C8.31615 0.833252 8.20169 0.880342 8.11585 0.966323L5.00016 4.08218L1.88431 0.966323C1.79861 0.880342 1.68407 0.833252 1.56199 0.833252C1.44004 0.833252 1.32559 0.880342 1.23988 0.966323L0.966677 1.23931C0.788899 1.4171 0.788899 1.70628 0.966677 1.88386L4.08245 4.99992L0.966677 8.11584C0.880904 8.20175 0.833707 8.31619 0.833707 8.43822C0.833707 8.56025 0.880904 8.67468 0.966677 8.76053L1.23981 9.03351C1.32551 9.11943 1.44003 9.16658 1.56191 9.16658C1.684 9.16658 1.79853 9.11943 1.88424 9.03351L5.00008 5.91759L8.11578 9.03351C8.20162 9.11943 8.31608 9.16658 8.43803 9.16658C8.56005 9.16658 8.67459 9.11943 8.76043 9.03351L9.03349 8.76053C9.11919 8.67475 9.16646 8.56025 9.16646 8.43822C9.16646 8.31619 9.11919 8.20175 9.03349 8.11591L5.91786 4.99992Z\" fill=\"white\"/></svg>')}label input+span.indeterminate:before,label:hover input+span.indeterminate:before{content:url('data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 2\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25L11 0.250001C11.4142 0.250001 11.75 0.585787 11.75 1C11.75 1.41421 11.4142 1.75 11 1.75L1 1.75C0.585786 1.75 0.25 1.41421 0.25 1Z\" fill=\"white\"/></svg>');background:#4646ce;border-color:#4646ce;color:#fff}label input:disabled+span{color:#8f929e}label input:disabled+span:before{border-color:#dfe0e3;pointer-events:none}label input[disabled]:checked+span:before{background:#8f929e;border-color:#8f929e;pointer-events:none}:host{font-family:Poppins,sans-serif;font-style:normal}:host label{position:relative}:host label:hover:after{content:\"\";width:24px;height:24px;background:#f2f2fb;border-radius:50%;position:absolute;left:-4px;top:.5px}:host.small{color:#333;font-size:14px}:host.small label:after,:host.small label:hover:after{width:20px;height:20px;left:-3px;top:1.5px}:host.small label input+span,:host.small label:hover input+span{min-height:10px;min-width:10px}:host.small label input+span:before,:host.small label:hover input+span:before{height:10px;width:10px;min-height:10px;min-width:10px;line-height:10px;margin-right:8px}:host.small label input+span:before,:host.small label:hover input+span:before{content:\"\";background-position:center;background-repeat:no-repeat;background-size:10px 10px}:host.small label input+span.indeterminate:before,:host.small label:hover input+span.indeterminate:before{background-image:url('data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 2\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25L11 0.250001C11.4142 0.250001 11.75 0.585787 11.75 1C11.75 1.41421 11.4142 1.75 11 1.75L1 1.75C0.585786 1.75 0.25 1.41421 0.25 1Z\" fill=\"white\"/></svg>')}:host.small label input:checked+span:before,:host.small label:hover input:checked+span:before{background-image:url('data:image/svg+xml; utf8, <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M1 5L4.5 8.5L11 1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </svg>')}:host.small label input:checked+span.cross:before,:host.small label:hover input:checked+span.cross:before{background-image:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.91786 4.99992L9.03356 1.88386C9.11927 1.79808 9.16654 1.68365 9.16668 1.56162C9.16668 1.43952 9.1194 1.32495 9.03356 1.23931L8.7605 0.966323C8.67466 0.880342 8.56026 0.833252 8.43811 0.833252C8.31615 0.833252 8.20169 0.880342 8.11585 0.966323L5.00016 4.08218L1.88431 0.966323C1.79861 0.880342 1.68407 0.833252 1.56199 0.833252C1.44004 0.833252 1.32559 0.880342 1.23988 0.966323L0.966677 1.23931C0.788899 1.4171 0.788899 1.70628 0.966677 1.88386L4.08245 4.99992L0.966677 8.11584C0.880904 8.20175 0.833707 8.31619 0.833707 8.43822C0.833707 8.56025 0.880904 8.67468 0.966677 8.76053L1.23981 9.03351C1.32551 9.11943 1.44003 9.16658 1.56191 9.16658C1.684 9.16658 1.79853 9.11943 1.88424 9.03351L5.00008 5.91759L8.11578 9.03351C8.20162 9.11943 8.31608 9.16658 8.43803 9.16658C8.56005 9.16658 8.67459 9.11943 8.76043 9.03351L9.03349 8.76053C9.11919 8.67475 9.16646 8.56025 9.16646 8.43822C9.16646 8.31619 9.11919 8.20175 9.03349 8.11591L5.91786 4.99992Z\" fill=\"white\"/></svg>')}:host.disabled label:hover:after{display:none}\n"] }]
|
|
4193
4195
|
}], function () { return [{ type: i0.ChangeDetectorRef }]; }, { checkedStatus: [{
|
|
4194
4196
|
type: Input
|
|
4195
4197
|
}], disabled: [{
|
|
@@ -4199,6 +4201,11 @@ class CheckboxComponent {
|
|
|
4199
4201
|
args: ['class.disabled']
|
|
4200
4202
|
}], icon: [{
|
|
4201
4203
|
type: Input
|
|
4204
|
+
}], theme: [{
|
|
4205
|
+
type: Input
|
|
4206
|
+
}, {
|
|
4207
|
+
type: HostBinding,
|
|
4208
|
+
args: ['class']
|
|
4202
4209
|
}], indeterminate: [{
|
|
4203
4210
|
type: Input
|
|
4204
4211
|
}], textNowrap: [{
|