@coreui/angular 5.4.7 → 5.4.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -3873,12 +3873,11 @@ class FormCheckComponent {
|
|
|
3873
3873
|
this.sizing = input();
|
|
3874
3874
|
/**
|
|
3875
3875
|
* Render a toggle switch on for checkbox.
|
|
3876
|
-
* @
|
|
3876
|
+
* @returns boolean
|
|
3877
3877
|
* @default false
|
|
3878
3878
|
*/
|
|
3879
3879
|
this.switch = input(false, { transform: booleanAttribute });
|
|
3880
3880
|
this.formCheckLabel = contentChild(FormCheckLabelDirective);
|
|
3881
|
-
this.formCheckClass = computed(() => !!this.formCheckLabel());
|
|
3882
3881
|
this.hostClasses = computed(() => {
|
|
3883
3882
|
const sizing = this.sizing();
|
|
3884
3883
|
const isSwitch = this.switch();
|
|
@@ -3918,18 +3917,17 @@ class FormCheckInputDirective {
|
|
|
3918
3917
|
* @default false
|
|
3919
3918
|
*/
|
|
3920
3919
|
this.indeterminateInput = input(false, { transform: booleanAttribute, alias: 'indeterminate' });
|
|
3920
|
+
this.#indeterminate = linkedSignal(this.indeterminateInput);
|
|
3921
3921
|
this.#indeterminateEffect = effect(() => {
|
|
3922
|
-
|
|
3923
|
-
|
|
3922
|
+
if (this.type() === 'checkbox') {
|
|
3923
|
+
const indeterminate = this.#indeterminate();
|
|
3924
3924
|
const htmlInputElement = this.#hostElement.nativeElement;
|
|
3925
3925
|
if (indeterminate) {
|
|
3926
3926
|
this.#renderer.setProperty(htmlInputElement, 'checked', false);
|
|
3927
3927
|
}
|
|
3928
3928
|
this.#renderer.setProperty(htmlInputElement, 'indeterminate', indeterminate);
|
|
3929
|
-
this.#indeterminate.set(indeterminate);
|
|
3930
3929
|
}
|
|
3931
3930
|
});
|
|
3932
|
-
this.#indeterminate = signal(false);
|
|
3933
3931
|
/**
|
|
3934
3932
|
* Set component validation state to valid.
|
|
3935
3933
|
* @default undefined
|
|
@@ -3943,32 +3941,19 @@ class FormCheckInputDirective {
|
|
|
3943
3941
|
'is-invalid': valid === false
|
|
3944
3942
|
};
|
|
3945
3943
|
});
|
|
3946
|
-
/**
|
|
3947
|
-
* Set component checked state.
|
|
3948
|
-
* @default false
|
|
3949
|
-
*/
|
|
3950
|
-
this.checkedInput = input(false, { transform: booleanAttribute, alias: 'checked' });
|
|
3951
|
-
this.#checkedEffect = effect(() => {
|
|
3952
|
-
const checked = this.checkedInput();
|
|
3953
|
-
const htmlInputElement = this.#hostElement?.nativeElement;
|
|
3954
|
-
if (htmlInputElement) {
|
|
3955
|
-
this.#renderer.setProperty(htmlInputElement, 'checked', checked);
|
|
3956
|
-
}
|
|
3957
|
-
});
|
|
3958
3944
|
}
|
|
3959
3945
|
#renderer;
|
|
3960
3946
|
#hostElement;
|
|
3947
|
+
#indeterminate;
|
|
3961
3948
|
#indeterminateEffect;
|
|
3962
3949
|
get indeterminate() {
|
|
3963
3950
|
return this.#indeterminate();
|
|
3964
3951
|
}
|
|
3965
|
-
#indeterminate;
|
|
3966
|
-
#checkedEffect;
|
|
3967
3952
|
get checked() {
|
|
3968
3953
|
return this.#hostElement?.nativeElement?.checked;
|
|
3969
3954
|
}
|
|
3970
3955
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FormCheckInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3971
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.6", type: FormCheckInputDirective, isStandalone: true, selector: "input[cFormCheckInput]", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, indeterminateInput: { classPropertyName: "indeterminateInput", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, valid: { classPropertyName: "valid", publicName: "valid", isSignal: true, isRequired: false, transformFunction: null }
|
|
3956
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.6", type: FormCheckInputDirective, isStandalone: true, selector: "input[cFormCheckInput]", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, indeterminateInput: { classPropertyName: "indeterminateInput", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, valid: { classPropertyName: "valid", publicName: "valid", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.type": "type()" }, classAttribute: "form-check-input" }, ngImport: i0 }); }
|
|
3972
3957
|
}
|
|
3973
3958
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FormCheckInputDirective, decorators: [{
|
|
3974
3959
|
type: Directive,
|