ngx-histaff-alpha 4.5.4 → 4.5.5
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.
|
@@ -47,7 +47,7 @@ export class CoreCheckboxComponent extends CoreFormControlBaseComponent {
|
|
|
47
47
|
multi: true,
|
|
48
48
|
useExisting: CoreCheckboxComponent
|
|
49
49
|
}
|
|
50
|
-
], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"core-checkbox-container\" (click)=\"onLabelClick($event)\" [class.form-control-disabled]=\"disabled\">\r\n <input type=\"checkbox\" [(ngModel)]=\"value\" />\r\n <label>\r\n <a class=\"checkmark\" [class.disabled]=\"disabled\"></a>\r\n <span [appTooltip]=\"text | translate : lang\" [position]=\"tooltipPosition\">{{ text | translate : lang }}</span>\r\n </label>\r\n</div>", styles: ["input{display:none}.core-checkbox-container{--container-size: 22px;--checkbox-size: 15px;--checkbox-border-color: #B9B9B9;--checkbox-hover-bg: #B9B9B9;--checkbox-bg: transparent;--checkbox-checked-bg: var(--color-basic-orange);--checkbox-color: #FFFFFF;--checkbox-border-radius: 0px;--font-size: 15px;--text-color: gray;display:inline-block;justify-content:flex-start;position:relative;font-size:var(--font-size);font-weight:400;color:var(--text-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;height:var(--container-size);width:var(--container-size);display:flex;align-items:center;justify-content:center;line-height:var(--container-size)}.core-checkbox-container>label{height:var(--container-size);width:var(--container-size);display:inline-flex;align-items:center;justify-content:center}.core-checkbox-container .checkmark{position:absolute;float:left;height:var(--checkbox-size);width:var(--checkbox-size);border:1px solid var(--checkbox-border-color);border-radius:var(--checkbox-border-radius);background-color:var(--checkbox-bg)}.core-checkbox-container label>span{display:inline-block;height:var(--checkbox-size);line-height:var(--checkbox-size);margin-left:calc(var(--checkbox-size) * 1.5);text-overflow:ellipsis;max-width:calc(100% - var(--checkbox-size) * 4);white-space:nowrap;font-size:13px}.core-checkbox-container:hover .checkmark{background-color:var(--checkbox-hover-bg)}input:checked~label .checkmark{background-color:#fff;border-color:#848484;display:flex;align-items:center;justify-content:center}input:checked~label .disabled{background-color:gray;border-color:gray}.checkmark:after{content:\"\";position:absolute;display:none}input:checked~label .checkmark:after{display:block}.core-checkbox-container .checkmark:after{width:11px;height:6px;border-left:2px solid #464646;border-bottom:2px solid #464646;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg) translate(1px,-1px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["color", "backgroundColor", "appTooltip", "showAnyway", "position"] }] }); }
|
|
50
|
+
], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"core-checkbox-container\" (click)=\"onLabelClick($event)\" [class.form-control-disabled]=\"disabled\">\r\n <input type=\"checkbox\" [(ngModel)]=\"value\" />\r\n <label [class.has-text]=\"!!text && !!text.length\">\r\n <a class=\"checkmark\" [class.disabled]=\"disabled\"></a>\r\n <span [appTooltip]=\"text | translate : lang\" [position]=\"tooltipPosition\">{{ text | translate : lang }}</span>\r\n </label>\r\n</div>", styles: ["input{display:none}.core-checkbox-container{--container-size: 22px;--checkbox-size: 15px;--checkbox-border-color: #B9B9B9;--checkbox-hover-bg: #B9B9B9;--checkbox-bg: transparent;--checkbox-checked-bg: var(--color-basic-orange);--checkbox-color: #FFFFFF;--checkbox-border-radius: 0px;--font-size: 15px;--text-color: gray;display:inline-block;justify-content:flex-start;position:relative;font-size:var(--font-size);font-weight:400;color:var(--text-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;height:var(--container-size);width:var(--container-size);display:flex;align-items:center;justify-content:center;line-height:var(--container-size)}.core-checkbox-container>label{height:var(--container-size);width:var(--container-size);display:inline-flex;align-items:center;justify-content:center}.core-checkbox-container:has(label.has-text){display:inline-block;width:unset;vertical-align:middle}.core-checkbox-container>label.has-text{height:var(--container-size);line-height:var(--container-size);vertical-align:middle;display:inline-block;width:unset}.core-checkbox-container>label.has-text>a{margin-top:3.5px}.core-checkbox-container>label.has-text>span{height:var(--container-size);line-height:var(--container-size)}.core-checkbox-container .checkmark{position:absolute;float:left;height:var(--checkbox-size);width:var(--checkbox-size);border:1px solid var(--checkbox-border-color);border-radius:var(--checkbox-border-radius);background-color:var(--checkbox-bg)}.core-checkbox-container label>span{display:inline-block;height:var(--checkbox-size);line-height:var(--checkbox-size);margin-left:calc(var(--checkbox-size) * 1.5);text-overflow:ellipsis;max-width:calc(100% - var(--checkbox-size) * 4);white-space:nowrap;font-size:13px}.core-checkbox-container:hover .checkmark{background-color:var(--checkbox-hover-bg)}input:checked~label .checkmark{background-color:#fff;border-color:#848484;display:flex;align-items:center;justify-content:center}input:checked~label .disabled{background-color:gray;border-color:gray}.checkmark:after{content:\"\";position:absolute;display:none}input:checked~label .checkmark:after{display:block}.core-checkbox-container .checkmark:after{width:11px;height:6px;border-left:2px solid #464646;border-bottom:2px solid #464646;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg) translate(1px,-1px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["color", "backgroundColor", "appTooltip", "showAnyway", "position"] }] }); }
|
|
51
51
|
}
|
|
52
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: CoreCheckboxComponent, decorators: [{
|
|
53
53
|
type: Component,
|
|
@@ -62,7 +62,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
|
|
|
62
62
|
multi: true,
|
|
63
63
|
useExisting: CoreCheckboxComponent
|
|
64
64
|
}
|
|
65
|
-
], template: "<div class=\"core-checkbox-container\" (click)=\"onLabelClick($event)\" [class.form-control-disabled]=\"disabled\">\r\n <input type=\"checkbox\" [(ngModel)]=\"value\" />\r\n <label>\r\n <a class=\"checkmark\" [class.disabled]=\"disabled\"></a>\r\n <span [appTooltip]=\"text | translate : lang\" [position]=\"tooltipPosition\">{{ text | translate : lang }}</span>\r\n </label>\r\n</div>", styles: ["input{display:none}.core-checkbox-container{--container-size: 22px;--checkbox-size: 15px;--checkbox-border-color: #B9B9B9;--checkbox-hover-bg: #B9B9B9;--checkbox-bg: transparent;--checkbox-checked-bg: var(--color-basic-orange);--checkbox-color: #FFFFFF;--checkbox-border-radius: 0px;--font-size: 15px;--text-color: gray;display:inline-block;justify-content:flex-start;position:relative;font-size:var(--font-size);font-weight:400;color:var(--text-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;height:var(--container-size);width:var(--container-size);display:flex;align-items:center;justify-content:center;line-height:var(--container-size)}.core-checkbox-container>label{height:var(--container-size);width:var(--container-size);display:inline-flex;align-items:center;justify-content:center}.core-checkbox-container .checkmark{position:absolute;float:left;height:var(--checkbox-size);width:var(--checkbox-size);border:1px solid var(--checkbox-border-color);border-radius:var(--checkbox-border-radius);background-color:var(--checkbox-bg)}.core-checkbox-container label>span{display:inline-block;height:var(--checkbox-size);line-height:var(--checkbox-size);margin-left:calc(var(--checkbox-size) * 1.5);text-overflow:ellipsis;max-width:calc(100% - var(--checkbox-size) * 4);white-space:nowrap;font-size:13px}.core-checkbox-container:hover .checkmark{background-color:var(--checkbox-hover-bg)}input:checked~label .checkmark{background-color:#fff;border-color:#848484;display:flex;align-items:center;justify-content:center}input:checked~label .disabled{background-color:gray;border-color:gray}.checkmark:after{content:\"\";position:absolute;display:none}input:checked~label .checkmark:after{display:block}.core-checkbox-container .checkmark:after{width:11px;height:6px;border-left:2px solid #464646;border-bottom:2px solid #464646;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg) translate(1px,-1px)}\n"] }]
|
|
65
|
+
], template: "<div class=\"core-checkbox-container\" (click)=\"onLabelClick($event)\" [class.form-control-disabled]=\"disabled\">\r\n <input type=\"checkbox\" [(ngModel)]=\"value\" />\r\n <label [class.has-text]=\"!!text && !!text.length\">\r\n <a class=\"checkmark\" [class.disabled]=\"disabled\"></a>\r\n <span [appTooltip]=\"text | translate : lang\" [position]=\"tooltipPosition\">{{ text | translate : lang }}</span>\r\n </label>\r\n</div>", styles: ["input{display:none}.core-checkbox-container{--container-size: 22px;--checkbox-size: 15px;--checkbox-border-color: #B9B9B9;--checkbox-hover-bg: #B9B9B9;--checkbox-bg: transparent;--checkbox-checked-bg: var(--color-basic-orange);--checkbox-color: #FFFFFF;--checkbox-border-radius: 0px;--font-size: 15px;--text-color: gray;display:inline-block;justify-content:flex-start;position:relative;font-size:var(--font-size);font-weight:400;color:var(--text-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;height:var(--container-size);width:var(--container-size);display:flex;align-items:center;justify-content:center;line-height:var(--container-size)}.core-checkbox-container>label{height:var(--container-size);width:var(--container-size);display:inline-flex;align-items:center;justify-content:center}.core-checkbox-container:has(label.has-text){display:inline-block;width:unset;vertical-align:middle}.core-checkbox-container>label.has-text{height:var(--container-size);line-height:var(--container-size);vertical-align:middle;display:inline-block;width:unset}.core-checkbox-container>label.has-text>a{margin-top:3.5px}.core-checkbox-container>label.has-text>span{height:var(--container-size);line-height:var(--container-size)}.core-checkbox-container .checkmark{position:absolute;float:left;height:var(--checkbox-size);width:var(--checkbox-size);border:1px solid var(--checkbox-border-color);border-radius:var(--checkbox-border-radius);background-color:var(--checkbox-bg)}.core-checkbox-container label>span{display:inline-block;height:var(--checkbox-size);line-height:var(--checkbox-size);margin-left:calc(var(--checkbox-size) * 1.5);text-overflow:ellipsis;max-width:calc(100% - var(--checkbox-size) * 4);white-space:nowrap;font-size:13px}.core-checkbox-container:hover .checkmark{background-color:var(--checkbox-hover-bg)}input:checked~label .checkmark{background-color:#fff;border-color:#848484;display:flex;align-items:center;justify-content:center}input:checked~label .disabled{background-color:gray;border-color:gray}.checkmark:after{content:\"\";position:absolute;display:none}input:checked~label .checkmark:after{display:block}.core-checkbox-container .checkmark:after{width:11px;height:6px;border-left:2px solid #464646;border-bottom:2px solid #464646;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg) translate(1px,-1px)}\n"] }]
|
|
66
66
|
}], ctorParameters: () => [{ type: i1.MultiLanguageService }], propDecorators: { text: [{
|
|
67
67
|
type: Input
|
|
68
68
|
}], tooltipPosition: [{
|
|
@@ -76,4 +76,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
|
|
|
76
76
|
}], onClick: [{
|
|
77
77
|
type: Output
|
|
78
78
|
}] } });
|
|
79
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1jaGVja2JveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtaGlzdGFmZi1hbHBoYS9zcmMvbGliL2FwcC9saWJyYXJpZXMvY29yZS1jaGVja2JveC9jb3JlLWNoZWNrYm94L2NvcmUtY2hlY2tib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWhpc3RhZmYtYWxwaGEvc3JjL2xpYi9hcHAvbGlicmFyaWVzL2NvcmUtY2hlY2tib3gvY29yZS1jaGVja2JveC9jb3JlLWNoZWNrYm94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBcUIsTUFBTSxFQUFzQyxNQUFNLGVBQWUsQ0FBQztBQUM5SCxPQUFPLEVBQXdCLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxhQUFhLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNyRyxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSwrREFBK0QsQ0FBQztBQUc3RyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDOzs7O0FBcUJuRSxNQUFNLE9BQU8scUJBQXNCLFNBQVEsNEJBQTRCO0lBU3JFLHlCQUF5QjtJQUV6QixZQUNVLEdBQXlCO1FBR2pDLEtBQUssRUFBRSxDQUFDO1FBSEEsUUFBRyxHQUFILEdBQUcsQ0FBc0I7UUFOekIsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUE7UUFFL0Msa0JBQWEsR0FBbUIsRUFBRSxDQUFDO0lBUW5DLENBQUM7SUFFRCxRQUFRO1FBQ04sZ0RBQWdEO1FBQ2hELG9GQUFvRjtRQUNwRixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FDckIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksR0FBRyxDQUFDLENBQUMsQ0FDN0MsQ0FBQTtJQUVILENBQUM7SUFFRCxXQUFXLENBQUMsQ0FBZ0I7UUFDMUIsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQztZQUNuQixJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQTtJQUNqRCxDQUFDO0lBRVEsVUFBVSxDQUFDLEdBQVk7UUFDOUIsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLENBQUM7SUFDbkIsQ0FBQztJQUVELFlBQVksQ0FBQyxDQUFNO1FBQ2pCLElBQUcsSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLEVBQUM7WUFDdkIsT0FBTTtTQUNQO1FBQ0QsSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDekIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzlCLG9FQUFvRTtRQUNwRSxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDckIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxXQUFXLEVBQUUsQ0FBQyxDQUFBO0lBQy9DLENBQUM7OEdBakRVLHFCQUFxQjtrR0FBckIscUJBQXFCLCtOQVJyQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLEtBQUssRUFBRSxJQUFJO2dCQUNYLFdBQVcsRUFBRSxxQkFBcUI7YUFDbkM7U0FDRixzRUMxQkgseWJBTU0sMjdFRE9GLFlBQVksOEJBQ1osV0FBVywyZ0JBQ1gsYUFBYSxrREFDYixnQkFBZ0I7OzJGQVlQLHFCQUFxQjtrQkFuQmpDLFNBQVM7K0JBQ0UsZUFBZSxjQUNiLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsYUFBYTt3QkFDYixnQkFBZ0I7cUJBQ2pCLGFBR1U7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsS0FBSyxFQUFFLElBQUk7NEJBQ1gsV0FBVyx1QkFBdUI7eUJBQ25DO3FCQUNGO3lGQUdRLElBQUk7c0JBQVosS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNZLFFBQVE7c0JBQXpCLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQsIE91dHB1dCwgSW5qZWN0b3IsIFNpbXBsZUNoYW5nZXMsIE9uQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgRm9ybXNNb2R1bGUsIE5HX1ZBTFVFX0FDQ0VTU09SLCAvKk5nQ29udHJvbCovIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBDb3JlRm9ybUNvbnRyb2xCYXNlQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vY29yZS1mb3JtLWNvbnRyb2wtYmFzZS9jb3JlLWZvcm0tY29udHJvbC1iYXNlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBNdWx0aUxhbmd1YWdlU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL211bHRpLWxhbmd1YWdlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVQaXBlIH0gZnJvbSAnLi4vLi4vLi4vYXBwLXBpcGVzL3RyYW5zbGF0ZS5waXBlJztcclxuaW1wb3J0IHsgVG9vbHRpcERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL3Rvb2x0aXAvdG9vbHRpcC5kaXJlY3RpdmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjb3JlLWNoZWNrYm94JyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIEZvcm1zTW9kdWxlLFxyXG4gICAgVHJhbnNsYXRlUGlwZSxcclxuICAgIFRvb2x0aXBEaXJlY3RpdmUsXHJcbiAgXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29yZS1jaGVja2JveC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY29yZS1jaGVja2JveC5jb21wb25lbnQuc2NzcyddLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgbXVsdGk6IHRydWUsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBDb3JlQ2hlY2tib3hDb21wb25lbnRcclxuICAgIH1cclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb3JlQ2hlY2tib3hDb21wb25lbnQgZXh0ZW5kcyBDb3JlRm9ybUNvbnRyb2xCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBDb250cm9sVmFsdWVBY2Nlc3NvciwgT25EZXN0cm95LCBPbkNoYW5nZXMge1xyXG4gIEBJbnB1dCgpIHRleHQhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgdG9vbHRpcFBvc2l0aW9uITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHRvb2x0aXAhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaW5wdXRWYWx1ZSE6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgb3ZlcnJpZGUgZGlzYWJsZWQhOiBib29sZWFuO1xyXG4gIEBPdXRwdXQoKSBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpXHJcbiAgbGFuZyE6IHN0cmluZztcclxuICBzdWJzY3JpcHRpb25zOiBTdWJzY3JpcHRpb25bXSA9IFtdO1xyXG4gIC8vIG5nQ29udHJvbCE6IE5nQ29udHJvbDtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIG1sczogTXVsdGlMYW5ndWFnZVNlcnZpY2UsXHJcbiAgICAvLyBwcml2YXRlIGluamVjdG9yOiBJbmplY3RvclxyXG4gICkge1xyXG4gICAgc3VwZXIoKTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgLy90aGlzLm5nQ29udHJvbCA9IHRoaXMuaW5qZWN0b3IuZ2V0KE5nQ29udHJvbCk7XHJcbiAgICAvL2NvbnNvbGUubG9nKFwiQ29yZUNoZWNrYm94Q29tcG9uZW50XCIsIHRoaXMubmdDb250cm9sLm5hbWUgKyBcIjogXCIgKyB0aGlzLmlucHV0VmFsdWUpXHJcbiAgICB0aGlzLnN1YnNjcmlwdGlvbnMucHVzaChcclxuICAgICAgdGhpcy5tbHMubGFuZyQuc3Vic2NyaWJlKHggPT4gdGhpcy5sYW5nID0geClcclxuICAgIClcclxuICAgXHJcbiAgfVxyXG5cclxuICBuZ09uQ2hhbmdlcyhlOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICBpZiAoISFlWydpbnB1dFZhbHVlJ10pXHJcbiAgICAgIHRoaXMud3JpdGVWYWx1ZShlWydpbnB1dFZhbHVlJ10uY3VycmVudFZhbHVlKVxyXG4gIH1cclxuXHJcbiAgb3ZlcnJpZGUgd3JpdGVWYWx1ZShvYmo6IGJvb2xlYW4pOiB2b2lkIHtcclxuICAgIHRoaXMudmFsdWUgPSBvYmo7XHJcbiAgfVxyXG5cclxuICBvbkxhYmVsQ2xpY2soXzogYW55KSB7XHJcbiAgICBpZih0aGlzLmRpc2FibGVkID09IHRydWUpe1xyXG4gICAgICByZXR1cm5cclxuICAgIH1cclxuICAgIHRoaXMudmFsdWUgPSAhdGhpcy52YWx1ZTtcclxuICAgIHRoaXMub25DbGljay5lbWl0KHRoaXMudmFsdWUpO1xyXG4gICAgLy8gcHJvcGVydHkgdG91Y2ggdG8gdXNlIHdoZW4gYWN0aW9uIHRoaXMgY29udHJvbCB0aGVuIHJ1biBsb2dpYyAuLi5cclxuICAgIHRoaXMubWFya0FzVG91Y2hlZCgpO1xyXG4gICAgdGhpcy5vbkNoYW5nZSh0aGlzLnZhbHVlKTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy5zdWJzY3JpcHRpb25zLm1hcCh4ID0+IHg/LnVuc3Vic2NyaWJlKCkpXHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY29yZS1jaGVja2JveC1jb250YWluZXJcIiAoY2xpY2spPVwib25MYWJlbENsaWNrKCRldmVudClcIiBbY2xhc3MuZm9ybS1jb250cm9sLWRpc2FibGVkXT1cImRpc2FibGVkXCI+XHJcbiAgPGlucHV0IHR5cGU9XCJjaGVja2JveFwiIFsobmdNb2RlbCldPVwidmFsdWVcIiAvPlxyXG4gIDxsYWJlbCBbY2xhc3MuaGFzLXRleHRdPVwiISF0ZXh0ICYmICEhdGV4dC5sZW5ndGhcIj5cclxuICAgIDxhIGNsYXNzPVwiY2hlY2ttYXJrXCIgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCI+PC9hPlxyXG4gICAgPHNwYW4gW2FwcFRvb2x0aXBdPVwidGV4dCB8IHRyYW5zbGF0ZSA6IGxhbmdcIiBbcG9zaXRpb25dPVwidG9vbHRpcFBvc2l0aW9uXCI+e3sgdGV4dCB8IHRyYW5zbGF0ZSA6IGxhbmcgfX08L3NwYW4+XHJcbiAgPC9sYWJlbD5cclxuPC9kaXY+Il19
|
|
@@ -7478,7 +7478,7 @@ class CoreCheckboxComponent extends CoreFormControlBaseComponent {
|
|
|
7478
7478
|
multi: true,
|
|
7479
7479
|
useExisting: CoreCheckboxComponent
|
|
7480
7480
|
}
|
|
7481
|
-
], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"core-checkbox-container\" (click)=\"onLabelClick($event)\" [class.form-control-disabled]=\"disabled\">\r\n <input type=\"checkbox\" [(ngModel)]=\"value\" />\r\n <label>\r\n <a class=\"checkmark\" [class.disabled]=\"disabled\"></a>\r\n <span [appTooltip]=\"text | translate : lang\" [position]=\"tooltipPosition\">{{ text | translate : lang }}</span>\r\n </label>\r\n</div>", styles: ["input{display:none}.core-checkbox-container{--container-size: 22px;--checkbox-size: 15px;--checkbox-border-color: #B9B9B9;--checkbox-hover-bg: #B9B9B9;--checkbox-bg: transparent;--checkbox-checked-bg: var(--color-basic-orange);--checkbox-color: #FFFFFF;--checkbox-border-radius: 0px;--font-size: 15px;--text-color: gray;display:inline-block;justify-content:flex-start;position:relative;font-size:var(--font-size);font-weight:400;color:var(--text-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;height:var(--container-size);width:var(--container-size);display:flex;align-items:center;justify-content:center;line-height:var(--container-size)}.core-checkbox-container>label{height:var(--container-size);width:var(--container-size);display:inline-flex;align-items:center;justify-content:center}.core-checkbox-container .checkmark{position:absolute;float:left;height:var(--checkbox-size);width:var(--checkbox-size);border:1px solid var(--checkbox-border-color);border-radius:var(--checkbox-border-radius);background-color:var(--checkbox-bg)}.core-checkbox-container label>span{display:inline-block;height:var(--checkbox-size);line-height:var(--checkbox-size);margin-left:calc(var(--checkbox-size) * 1.5);text-overflow:ellipsis;max-width:calc(100% - var(--checkbox-size) * 4);white-space:nowrap;font-size:13px}.core-checkbox-container:hover .checkmark{background-color:var(--checkbox-hover-bg)}input:checked~label .checkmark{background-color:#fff;border-color:#848484;display:flex;align-items:center;justify-content:center}input:checked~label .disabled{background-color:gray;border-color:gray}.checkmark:after{content:\"\";position:absolute;display:none}input:checked~label .checkmark:after{display:block}.core-checkbox-container .checkmark:after{width:11px;height:6px;border-left:2px solid #464646;border-bottom:2px solid #464646;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg) translate(1px,-1px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["color", "backgroundColor", "appTooltip", "showAnyway", "position"] }] }); }
|
|
7481
|
+
], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"core-checkbox-container\" (click)=\"onLabelClick($event)\" [class.form-control-disabled]=\"disabled\">\r\n <input type=\"checkbox\" [(ngModel)]=\"value\" />\r\n <label [class.has-text]=\"!!text && !!text.length\">\r\n <a class=\"checkmark\" [class.disabled]=\"disabled\"></a>\r\n <span [appTooltip]=\"text | translate : lang\" [position]=\"tooltipPosition\">{{ text | translate : lang }}</span>\r\n </label>\r\n</div>", styles: ["input{display:none}.core-checkbox-container{--container-size: 22px;--checkbox-size: 15px;--checkbox-border-color: #B9B9B9;--checkbox-hover-bg: #B9B9B9;--checkbox-bg: transparent;--checkbox-checked-bg: var(--color-basic-orange);--checkbox-color: #FFFFFF;--checkbox-border-radius: 0px;--font-size: 15px;--text-color: gray;display:inline-block;justify-content:flex-start;position:relative;font-size:var(--font-size);font-weight:400;color:var(--text-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;height:var(--container-size);width:var(--container-size);display:flex;align-items:center;justify-content:center;line-height:var(--container-size)}.core-checkbox-container>label{height:var(--container-size);width:var(--container-size);display:inline-flex;align-items:center;justify-content:center}.core-checkbox-container:has(label.has-text){display:inline-block;width:unset;vertical-align:middle}.core-checkbox-container>label.has-text{height:var(--container-size);line-height:var(--container-size);vertical-align:middle;display:inline-block;width:unset}.core-checkbox-container>label.has-text>a{margin-top:3.5px}.core-checkbox-container>label.has-text>span{height:var(--container-size);line-height:var(--container-size)}.core-checkbox-container .checkmark{position:absolute;float:left;height:var(--checkbox-size);width:var(--checkbox-size);border:1px solid var(--checkbox-border-color);border-radius:var(--checkbox-border-radius);background-color:var(--checkbox-bg)}.core-checkbox-container label>span{display:inline-block;height:var(--checkbox-size);line-height:var(--checkbox-size);margin-left:calc(var(--checkbox-size) * 1.5);text-overflow:ellipsis;max-width:calc(100% - var(--checkbox-size) * 4);white-space:nowrap;font-size:13px}.core-checkbox-container:hover .checkmark{background-color:var(--checkbox-hover-bg)}input:checked~label .checkmark{background-color:#fff;border-color:#848484;display:flex;align-items:center;justify-content:center}input:checked~label .disabled{background-color:gray;border-color:gray}.checkmark:after{content:\"\";position:absolute;display:none}input:checked~label .checkmark:after{display:block}.core-checkbox-container .checkmark:after{width:11px;height:6px;border-left:2px solid #464646;border-bottom:2px solid #464646;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg) translate(1px,-1px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["color", "backgroundColor", "appTooltip", "showAnyway", "position"] }] }); }
|
|
7482
7482
|
}
|
|
7483
7483
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: CoreCheckboxComponent, decorators: [{
|
|
7484
7484
|
type: Component,
|
|
@@ -7493,7 +7493,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
|
|
|
7493
7493
|
multi: true,
|
|
7494
7494
|
useExisting: CoreCheckboxComponent
|
|
7495
7495
|
}
|
|
7496
|
-
], template: "<div class=\"core-checkbox-container\" (click)=\"onLabelClick($event)\" [class.form-control-disabled]=\"disabled\">\r\n <input type=\"checkbox\" [(ngModel)]=\"value\" />\r\n <label>\r\n <a class=\"checkmark\" [class.disabled]=\"disabled\"></a>\r\n <span [appTooltip]=\"text | translate : lang\" [position]=\"tooltipPosition\">{{ text | translate : lang }}</span>\r\n </label>\r\n</div>", styles: ["input{display:none}.core-checkbox-container{--container-size: 22px;--checkbox-size: 15px;--checkbox-border-color: #B9B9B9;--checkbox-hover-bg: #B9B9B9;--checkbox-bg: transparent;--checkbox-checked-bg: var(--color-basic-orange);--checkbox-color: #FFFFFF;--checkbox-border-radius: 0px;--font-size: 15px;--text-color: gray;display:inline-block;justify-content:flex-start;position:relative;font-size:var(--font-size);font-weight:400;color:var(--text-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;height:var(--container-size);width:var(--container-size);display:flex;align-items:center;justify-content:center;line-height:var(--container-size)}.core-checkbox-container>label{height:var(--container-size);width:var(--container-size);display:inline-flex;align-items:center;justify-content:center}.core-checkbox-container .checkmark{position:absolute;float:left;height:var(--checkbox-size);width:var(--checkbox-size);border:1px solid var(--checkbox-border-color);border-radius:var(--checkbox-border-radius);background-color:var(--checkbox-bg)}.core-checkbox-container label>span{display:inline-block;height:var(--checkbox-size);line-height:var(--checkbox-size);margin-left:calc(var(--checkbox-size) * 1.5);text-overflow:ellipsis;max-width:calc(100% - var(--checkbox-size) * 4);white-space:nowrap;font-size:13px}.core-checkbox-container:hover .checkmark{background-color:var(--checkbox-hover-bg)}input:checked~label .checkmark{background-color:#fff;border-color:#848484;display:flex;align-items:center;justify-content:center}input:checked~label .disabled{background-color:gray;border-color:gray}.checkmark:after{content:\"\";position:absolute;display:none}input:checked~label .checkmark:after{display:block}.core-checkbox-container .checkmark:after{width:11px;height:6px;border-left:2px solid #464646;border-bottom:2px solid #464646;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg) translate(1px,-1px)}\n"] }]
|
|
7496
|
+
], template: "<div class=\"core-checkbox-container\" (click)=\"onLabelClick($event)\" [class.form-control-disabled]=\"disabled\">\r\n <input type=\"checkbox\" [(ngModel)]=\"value\" />\r\n <label [class.has-text]=\"!!text && !!text.length\">\r\n <a class=\"checkmark\" [class.disabled]=\"disabled\"></a>\r\n <span [appTooltip]=\"text | translate : lang\" [position]=\"tooltipPosition\">{{ text | translate : lang }}</span>\r\n </label>\r\n</div>", styles: ["input{display:none}.core-checkbox-container{--container-size: 22px;--checkbox-size: 15px;--checkbox-border-color: #B9B9B9;--checkbox-hover-bg: #B9B9B9;--checkbox-bg: transparent;--checkbox-checked-bg: var(--color-basic-orange);--checkbox-color: #FFFFFF;--checkbox-border-radius: 0px;--font-size: 15px;--text-color: gray;display:inline-block;justify-content:flex-start;position:relative;font-size:var(--font-size);font-weight:400;color:var(--text-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;height:var(--container-size);width:var(--container-size);display:flex;align-items:center;justify-content:center;line-height:var(--container-size)}.core-checkbox-container>label{height:var(--container-size);width:var(--container-size);display:inline-flex;align-items:center;justify-content:center}.core-checkbox-container:has(label.has-text){display:inline-block;width:unset;vertical-align:middle}.core-checkbox-container>label.has-text{height:var(--container-size);line-height:var(--container-size);vertical-align:middle;display:inline-block;width:unset}.core-checkbox-container>label.has-text>a{margin-top:3.5px}.core-checkbox-container>label.has-text>span{height:var(--container-size);line-height:var(--container-size)}.core-checkbox-container .checkmark{position:absolute;float:left;height:var(--checkbox-size);width:var(--checkbox-size);border:1px solid var(--checkbox-border-color);border-radius:var(--checkbox-border-radius);background-color:var(--checkbox-bg)}.core-checkbox-container label>span{display:inline-block;height:var(--checkbox-size);line-height:var(--checkbox-size);margin-left:calc(var(--checkbox-size) * 1.5);text-overflow:ellipsis;max-width:calc(100% - var(--checkbox-size) * 4);white-space:nowrap;font-size:13px}.core-checkbox-container:hover .checkmark{background-color:var(--checkbox-hover-bg)}input:checked~label .checkmark{background-color:#fff;border-color:#848484;display:flex;align-items:center;justify-content:center}input:checked~label .disabled{background-color:gray;border-color:gray}.checkmark:after{content:\"\";position:absolute;display:none}input:checked~label .checkmark:after{display:block}.core-checkbox-container .checkmark:after{width:11px;height:6px;border-left:2px solid #464646;border-bottom:2px solid #464646;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg) translate(1px,-1px)}\n"] }]
|
|
7497
7497
|
}], ctorParameters: () => [{ type: MultiLanguageService }], propDecorators: { text: [{
|
|
7498
7498
|
type: Input
|
|
7499
7499
|
}], tooltipPosition: [{
|