@coreui/angular-pro 4.4.6 → 4.4.7
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/esm2020/lib/form/form-check/form-check.component.mjs +23 -7
- package/fesm2015/coreui-angular-pro.mjs +22 -6
- package/fesm2015/coreui-angular-pro.mjs.map +1 -1
- package/fesm2020/coreui-angular-pro.mjs +22 -6
- package/fesm2020/coreui-angular-pro.mjs.map +1 -1
- package/lib/form/form-check/form-check.component.d.ts +16 -6
- package/package.json +1 -1
|
@@ -4737,6 +4737,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
|
|
|
4737
4737
|
class FormCheckComponent {
|
|
4738
4738
|
constructor() {
|
|
4739
4739
|
this._inline = false;
|
|
4740
|
+
this._reverse = false;
|
|
4740
4741
|
/**
|
|
4741
4742
|
* Size the component large or extra large. Works only with `[switch]="true"` [docs]
|
|
4742
4743
|
* @type {'lg' | 'xl' | ''}
|
|
@@ -4757,10 +4758,22 @@ class FormCheckComponent {
|
|
|
4757
4758
|
return this._inline;
|
|
4758
4759
|
}
|
|
4759
4760
|
/**
|
|
4760
|
-
|
|
4761
|
-
|
|
4762
|
-
|
|
4763
|
-
|
|
4761
|
+
* Put checkboxes or radios on the opposite side.
|
|
4762
|
+
* @type boolean
|
|
4763
|
+
* @default false
|
|
4764
|
+
* @since 4.4.7
|
|
4765
|
+
*/
|
|
4766
|
+
set reverse(value) {
|
|
4767
|
+
this._reverse = coerceBooleanProperty(value);
|
|
4768
|
+
}
|
|
4769
|
+
get reverse() {
|
|
4770
|
+
return this._reverse;
|
|
4771
|
+
}
|
|
4772
|
+
/**
|
|
4773
|
+
* Render a toggle switch on for checkbox.
|
|
4774
|
+
* @type boolean
|
|
4775
|
+
* @default false
|
|
4776
|
+
*/
|
|
4764
4777
|
set switch(value) {
|
|
4765
4778
|
this._switch = coerceBooleanProperty(value);
|
|
4766
4779
|
}
|
|
@@ -4772,7 +4785,8 @@ class FormCheckComponent {
|
|
|
4772
4785
|
'form-check': this.formCheckClass,
|
|
4773
4786
|
'form-switch': this.switch,
|
|
4774
4787
|
[`form-switch-${this.sizing}`]: this.switch && !!this.sizing,
|
|
4775
|
-
'form-check-inline': this.inline
|
|
4788
|
+
'form-check-inline': this.inline,
|
|
4789
|
+
'form-check-reverse': this.reverse
|
|
4776
4790
|
};
|
|
4777
4791
|
}
|
|
4778
4792
|
get formCheckClass() {
|
|
@@ -4783,7 +4797,7 @@ class FormCheckComponent {
|
|
|
4783
4797
|
}
|
|
4784
4798
|
}
|
|
4785
4799
|
FormCheckComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FormCheckComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4786
|
-
FormCheckComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: FormCheckComponent, isStandalone: true, selector: "c-form-check", inputs: { inline: "inline", sizing: "sizing", switch: "switch" }, host: { properties: { "class": "this.hostClasses" } }, queries: [{ propertyName: "formCheckLabel", first: true, predicate: FormCheckLabelDirective, descendants: true }], exportAs: ["cFormCheck"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
|
|
4800
|
+
FormCheckComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: FormCheckComponent, isStandalone: true, selector: "c-form-check", inputs: { inline: "inline", reverse: "reverse", sizing: "sizing", switch: "switch" }, host: { properties: { "class": "this.hostClasses" } }, queries: [{ propertyName: "formCheckLabel", first: true, predicate: FormCheckLabelDirective, descendants: true }], exportAs: ["cFormCheck"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
|
|
4787
4801
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FormCheckComponent, decorators: [{
|
|
4788
4802
|
type: Component,
|
|
4789
4803
|
args: [{
|
|
@@ -4794,6 +4808,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
|
|
|
4794
4808
|
}]
|
|
4795
4809
|
}], propDecorators: { inline: [{
|
|
4796
4810
|
type: Input
|
|
4811
|
+
}], reverse: [{
|
|
4812
|
+
type: Input
|
|
4797
4813
|
}], sizing: [{
|
|
4798
4814
|
type: Input
|
|
4799
4815
|
}], switch: [{
|