@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
|
@@ -5,6 +5,7 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
export class FormCheckComponent {
|
|
6
6
|
constructor() {
|
|
7
7
|
this._inline = false;
|
|
8
|
+
this._reverse = false;
|
|
8
9
|
/**
|
|
9
10
|
* Size the component large or extra large. Works only with `[switch]="true"` [docs]
|
|
10
11
|
* @type {'lg' | 'xl' | ''}
|
|
@@ -25,10 +26,22 @@ export class FormCheckComponent {
|
|
|
25
26
|
return this._inline;
|
|
26
27
|
}
|
|
27
28
|
/**
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
29
|
+
* Put checkboxes or radios on the opposite side.
|
|
30
|
+
* @type boolean
|
|
31
|
+
* @default false
|
|
32
|
+
* @since 4.4.7
|
|
33
|
+
*/
|
|
34
|
+
set reverse(value) {
|
|
35
|
+
this._reverse = coerceBooleanProperty(value);
|
|
36
|
+
}
|
|
37
|
+
get reverse() {
|
|
38
|
+
return this._reverse;
|
|
39
|
+
}
|
|
40
|
+
/**
|
|
41
|
+
* Render a toggle switch on for checkbox.
|
|
42
|
+
* @type boolean
|
|
43
|
+
* @default false
|
|
44
|
+
*/
|
|
32
45
|
set switch(value) {
|
|
33
46
|
this._switch = coerceBooleanProperty(value);
|
|
34
47
|
}
|
|
@@ -40,7 +53,8 @@ export class FormCheckComponent {
|
|
|
40
53
|
'form-check': this.formCheckClass,
|
|
41
54
|
'form-switch': this.switch,
|
|
42
55
|
[`form-switch-${this.sizing}`]: this.switch && !!this.sizing,
|
|
43
|
-
'form-check-inline': this.inline
|
|
56
|
+
'form-check-inline': this.inline,
|
|
57
|
+
'form-check-reverse': this.reverse
|
|
44
58
|
};
|
|
45
59
|
}
|
|
46
60
|
get formCheckClass() {
|
|
@@ -51,7 +65,7 @@ export class FormCheckComponent {
|
|
|
51
65
|
}
|
|
52
66
|
}
|
|
53
67
|
FormCheckComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FormCheckComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
54
|
-
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 });
|
|
68
|
+
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 });
|
|
55
69
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FormCheckComponent, decorators: [{
|
|
56
70
|
type: Component,
|
|
57
71
|
args: [{
|
|
@@ -62,6 +76,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
|
|
|
62
76
|
}]
|
|
63
77
|
}], propDecorators: { inline: [{
|
|
64
78
|
type: Input
|
|
79
|
+
}], reverse: [{
|
|
80
|
+
type: Input
|
|
65
81
|
}], sizing: [{
|
|
66
82
|
type: Input
|
|
67
83
|
}], switch: [{
|
|
@@ -73,4 +89,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
|
|
|
73
89
|
type: ContentChild,
|
|
74
90
|
args: [FormCheckLabelDirective]
|
|
75
91
|
}] } });
|
|
76
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
92
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1jaGVjay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JldWktYW5ndWxhci9zcmMvbGliL2Zvcm0vZm9ybS1jaGVjay9mb3JtLWNoZWNrLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQW9CLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RixPQUFPLEVBQWdCLHFCQUFxQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFNUUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOEJBQThCLENBQUM7O0FBUXZFLE1BQU0sT0FBTyxrQkFBa0I7SUFOL0I7UUEwQlUsWUFBTyxHQUFHLEtBQUssQ0FBQztRQWlCaEIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUVsQzs7O1dBR0c7UUFDTSxXQUFNLEdBQXNCLEVBQUUsQ0FBQztRQWdCaEMsWUFBTyxHQUFHLEtBQUssQ0FBQztRQWdCaEIsb0JBQWUsR0FBRyxJQUFJLENBQUM7S0FRaEM7SUE3RUM7Ozs7T0FJRztJQUNILElBQ0ksTUFBTSxDQUFDLEtBQWM7UUFDdkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5QyxDQUFDO0lBRUQsSUFBSSxNQUFNO1FBQ1IsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQ3RCLENBQUM7SUFJRDs7Ozs7T0FLRztJQUNILElBQ0ksT0FBTyxDQUFDLEtBQWM7UUFDeEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMvQyxDQUFDO0lBRUQsSUFBSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3ZCLENBQUM7SUFVRDs7OztPQUlHO0lBQ0gsSUFDSSxNQUFNLENBQUMsS0FBYztRQUN2QixJQUFJLENBQUMsT0FBTyxHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlDLENBQUM7SUFFRCxJQUFJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQztJQUlELElBQ0ksV0FBVztRQUViLE9BQU87WUFDTCxZQUFZLEVBQUUsSUFBSSxDQUFDLGNBQWM7WUFDakMsYUFBYSxFQUFFLElBQUksQ0FBQyxNQUFNO1lBQzFCLENBQUMsZUFBZSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxJQUFJLENBQUMsTUFBTSxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTTtZQUM1RCxtQkFBbUIsRUFBRSxJQUFJLENBQUMsTUFBTTtZQUNoQyxvQkFBb0IsRUFBRSxJQUFJLENBQUMsT0FBTztTQUNuQyxDQUFDO0lBQ0osQ0FBQztJQUtELElBQUksY0FBYztRQUNoQixPQUFPLElBQUksQ0FBQyxlQUFlLENBQUM7SUFDOUIsQ0FBQztJQUVELGtCQUFrQjtRQUNoQixJQUFJLENBQUMsZUFBZSxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDO0lBQy9DLENBQUM7OytHQWxGVSxrQkFBa0I7bUdBQWxCLGtCQUFrQixpUUF5RWYsdUJBQXVCLDBFQTdFM0IsMkJBQTJCOzJGQUkxQixrQkFBa0I7a0JBTjlCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGNBQWM7b0JBQ3hCLFFBQVEsRUFBRSwyQkFBMkI7b0JBQ3JDLFFBQVEsRUFBRSxZQUFZO29CQUN0QixVQUFVLEVBQUUsSUFBSTtpQkFDakI7OEJBYUssTUFBTTtzQkFEVCxLQUFLO2dCQWtCRixPQUFPO3NCQURWLEtBQUs7Z0JBZUcsTUFBTTtzQkFBZCxLQUFLO2dCQVFGLE1BQU07c0JBRFQsS0FBSztnQkFZRixXQUFXO3NCQURkLFdBQVc7dUJBQUMsT0FBTztnQkFZbUIsY0FBYztzQkFBcEQsWUFBWTt1QkFBQyx1QkFBdUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlckNvbnRlbnRJbml0LCBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCb29sZWFuSW5wdXQsIGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5cbmltcG9ydCB7IEZvcm1DaGVja0xhYmVsRGlyZWN0aXZlIH0gZnJvbSAnLi9mb3JtLWNoZWNrLWxhYmVsLmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2MtZm9ybS1jaGVjaycsXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG4gIGV4cG9ydEFzOiAnY0Zvcm1DaGVjaycsXG4gIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgRm9ybUNoZWNrQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCB7XG5cbiAgc3RhdGljIG5nQWNjZXB0SW5wdXRUeXBlX2lubGluZTogQm9vbGVhbklucHV0O1xuICBzdGF0aWMgbmdBY2NlcHRJbnB1dFR5cGVfcmV2ZXJzZTogQm9vbGVhbklucHV0O1xuICBzdGF0aWMgbmdBY2NlcHRJbnB1dFR5cGVfc3dpdGNoOiBCb29sZWFuSW5wdXQ7XG5cbiAgLyoqXG4gICAqIEdyb3VwIGNoZWNrYm94ZXMgb3IgcmFkaW9zIG9uIHRoZSBzYW1lIGhvcml6b250YWwgcm93LlxuICAgKiBAdHlwZSBib29sZWFuXG4gICAqIEBkZWZhdWx0IGZhbHNlXG4gICAqL1xuICBASW5wdXQoKVxuICBzZXQgaW5saW5lKHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5faW5saW5lID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHZhbHVlKTtcbiAgfVxuXG4gIGdldCBpbmxpbmUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX2lubGluZTtcbiAgfVxuXG4gIHByaXZhdGUgX2lubGluZSA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBQdXQgY2hlY2tib3hlcyBvciByYWRpb3Mgb24gdGhlIG9wcG9zaXRlIHNpZGUuXG4gICAqIEB0eXBlIGJvb2xlYW5cbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICogQHNpbmNlIDQuNC43XG4gICAqL1xuICBASW5wdXQoKVxuICBzZXQgcmV2ZXJzZSh2YWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuX3JldmVyc2UgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpO1xuICB9XG5cbiAgZ2V0IHJldmVyc2UoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX3JldmVyc2U7XG4gIH1cblxuICBwcml2YXRlIF9yZXZlcnNlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFNpemUgdGhlIGNvbXBvbmVudCBsYXJnZSBvciBleHRyYSBsYXJnZS4gV29ya3Mgb25seSB3aXRoIGBbc3dpdGNoXT1cInRydWVcImAgW2RvY3NdXG4gICAqIEB0eXBlIHsnbGcnIHwgJ3hsJyB8ICcnfVxuICAgKi9cbiAgQElucHV0KCkgc2l6aW5nPzogJ2xnJyB8ICd4bCcgfCAnJyA9ICcnO1xuXG4gIC8qKlxuICAgKiBSZW5kZXIgYSB0b2dnbGUgc3dpdGNoIG9uIGZvciBjaGVja2JveC5cbiAgICogQHR5cGUgYm9vbGVhblxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgQElucHV0KClcbiAgc2V0IHN3aXRjaCh2YWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuX3N3aXRjaCA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gIH1cblxuICBnZXQgc3dpdGNoKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9zd2l0Y2g7XG4gIH1cblxuICBwcml2YXRlIF9zd2l0Y2ggPSBmYWxzZTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgZ2V0IGhvc3RDbGFzc2VzKCk6IGFueSB7XG5cbiAgICByZXR1cm4ge1xuICAgICAgJ2Zvcm0tY2hlY2snOiB0aGlzLmZvcm1DaGVja0NsYXNzLFxuICAgICAgJ2Zvcm0tc3dpdGNoJzogdGhpcy5zd2l0Y2gsXG4gICAgICBbYGZvcm0tc3dpdGNoLSR7dGhpcy5zaXppbmd9YF06IHRoaXMuc3dpdGNoICYmICEhdGhpcy5zaXppbmcsXG4gICAgICAnZm9ybS1jaGVjay1pbmxpbmUnOiB0aGlzLmlubGluZSxcbiAgICAgICdmb3JtLWNoZWNrLXJldmVyc2UnOiB0aGlzLnJldmVyc2VcbiAgICB9O1xuICB9XG5cbiAgQENvbnRlbnRDaGlsZChGb3JtQ2hlY2tMYWJlbERpcmVjdGl2ZSkgZm9ybUNoZWNrTGFiZWwhOiBGb3JtQ2hlY2tMYWJlbERpcmVjdGl2ZTtcblxuICBwcml2YXRlIF9mb3JtQ2hlY2tDbGFzcyA9IHRydWU7XG4gIGdldCBmb3JtQ2hlY2tDbGFzcygpIHtcbiAgICByZXR1cm4gdGhpcy5fZm9ybUNoZWNrQ2xhc3M7XG4gIH1cblxuICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5fZm9ybUNoZWNrQ2xhc3MgPSAhIXRoaXMuZm9ybUNoZWNrTGFiZWw7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -4775,6 +4775,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
|
|
|
4775
4775
|
class FormCheckComponent {
|
|
4776
4776
|
constructor() {
|
|
4777
4777
|
this._inline = false;
|
|
4778
|
+
this._reverse = false;
|
|
4778
4779
|
/**
|
|
4779
4780
|
* Size the component large or extra large. Works only with `[switch]="true"` [docs]
|
|
4780
4781
|
* @type {'lg' | 'xl' | ''}
|
|
@@ -4795,10 +4796,22 @@ class FormCheckComponent {
|
|
|
4795
4796
|
return this._inline;
|
|
4796
4797
|
}
|
|
4797
4798
|
/**
|
|
4798
|
-
|
|
4799
|
-
|
|
4800
|
-
|
|
4801
|
-
|
|
4799
|
+
* Put checkboxes or radios on the opposite side.
|
|
4800
|
+
* @type boolean
|
|
4801
|
+
* @default false
|
|
4802
|
+
* @since 4.4.7
|
|
4803
|
+
*/
|
|
4804
|
+
set reverse(value) {
|
|
4805
|
+
this._reverse = coerceBooleanProperty(value);
|
|
4806
|
+
}
|
|
4807
|
+
get reverse() {
|
|
4808
|
+
return this._reverse;
|
|
4809
|
+
}
|
|
4810
|
+
/**
|
|
4811
|
+
* Render a toggle switch on for checkbox.
|
|
4812
|
+
* @type boolean
|
|
4813
|
+
* @default false
|
|
4814
|
+
*/
|
|
4802
4815
|
set switch(value) {
|
|
4803
4816
|
this._switch = coerceBooleanProperty(value);
|
|
4804
4817
|
}
|
|
@@ -4810,7 +4823,8 @@ class FormCheckComponent {
|
|
|
4810
4823
|
'form-check': this.formCheckClass,
|
|
4811
4824
|
'form-switch': this.switch,
|
|
4812
4825
|
[`form-switch-${this.sizing}`]: this.switch && !!this.sizing,
|
|
4813
|
-
'form-check-inline': this.inline
|
|
4826
|
+
'form-check-inline': this.inline,
|
|
4827
|
+
'form-check-reverse': this.reverse
|
|
4814
4828
|
};
|
|
4815
4829
|
}
|
|
4816
4830
|
get formCheckClass() {
|
|
@@ -4821,7 +4835,7 @@ class FormCheckComponent {
|
|
|
4821
4835
|
}
|
|
4822
4836
|
}
|
|
4823
4837
|
FormCheckComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FormCheckComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4824
|
-
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 });
|
|
4838
|
+
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 });
|
|
4825
4839
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FormCheckComponent, decorators: [{
|
|
4826
4840
|
type: Component,
|
|
4827
4841
|
args: [{
|
|
@@ -4832,6 +4846,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
|
|
|
4832
4846
|
}]
|
|
4833
4847
|
}], propDecorators: { inline: [{
|
|
4834
4848
|
type: Input
|
|
4849
|
+
}], reverse: [{
|
|
4850
|
+
type: Input
|
|
4835
4851
|
}], sizing: [{
|
|
4836
4852
|
type: Input
|
|
4837
4853
|
}], switch: [{
|