@coreui/angular-pro 4.4.6 → 4.4.8

package/fesm2020/coreui-angular-pro.mjs

@@ -4737,6 +4737,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
 class FormCheckComponent {
     constructor() {
         this._inline = false;
+        this._reverse = false;
         /**
          * Size the component large or extra large. Works only with `[switch]="true"` [docs]
          * @type {'lg' | 'xl' | ''}
@@ -4757,10 +4758,22 @@ class FormCheckComponent {
         return this._inline;
     }
     /**
-   * Render a toggle switch on for checkbox.
-   * @type boolean
-   * @default false
-   */
+     * Put checkboxes or radios on the opposite side.
+     * @type boolean
+     * @default false
+     * @since 4.4.7
+     */
+    set reverse(value) {
+        this._reverse = coerceBooleanProperty(value);
+    }
+    get reverse() {
+        return this._reverse;
+    }
+    /**
+     * Render a toggle switch on for checkbox.
+     * @type boolean
+     * @default false
+     */
     set switch(value) {
         this._switch = coerceBooleanProperty(value);
     }
@@ -4772,7 +4785,8 @@ class FormCheckComponent {
             'form-check': this.formCheckClass,
             'form-switch': this.switch,
             [`form-switch-${this.sizing}`]: this.switch && !!this.sizing,
-            'form-check-inline': this.inline
+            'form-check-inline': this.inline,
+            'form-check-reverse': this.reverse
         };
     }
     get formCheckClass() {
@@ -4783,7 +4797,7 @@ class FormCheckComponent {
     }
 }
 FormCheckComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FormCheckComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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 });
+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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FormCheckComponent, decorators: [{
             type: Component,
             args: [{
@@ -4794,6 +4808,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
                 }]
         }], propDecorators: { inline: [{
                 type: Input
+            }], reverse: [{
+                type: Input
             }], sizing: [{
                 type: Input
             }], switch: [{
@@ -14845,6 +14861,7 @@ class TabPaneComponent {
         this.changeDetectorRef = changeDetectorRef;
         this.tabService = tabService;
         this._active = false;
+        this.subscribeTabService();
     }
     set active(value) {
         const newValue = coerceBooleanProperty(value);
@@ -14864,9 +14881,6 @@ class TabPaneComponent {
             active: this.active
         };
     }
-    ngOnInit() {
-        this.subscribeTabService();
-    }
     ngOnDestroy() {
         this.subscribeTabService(false);
     }
@@ -14879,15 +14893,17 @@ class TabPaneComponent {
             });
         }
         else {
-            this.tabServiceSubscription.unsubscribe();
+            this.tabServiceSubscription?.unsubscribe();
         }
     }
 }
 TabPaneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TabPaneComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TabService }], target: i0.ɵɵFactoryTarget.Component });
-TabPaneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: TabPaneComponent, isStandalone: true, selector: "c-tab-pane", host: { properties: { "class": "this.hostClasses" } }, exportAs: ["cTabPane"], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [":host{display:block}\n"] });
+TabPaneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: TabPaneComponent, isStandalone: true, selector: "c-tab-pane", host: { properties: { "class": "this.hostClasses" } }, exportAs: ["cTabPane"], ngImport: i0, template: `
+    <ng-content></ng-content>`, isInline: true, styles: [":host{display:block}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TabPaneComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c-tab-pane', template: `<ng-content></ng-content>`, exportAs: 'cTabPane', standalone: true, styles: [":host{display:block}\n"] }]
+            args: [{ selector: 'c-tab-pane', template: `
+    <ng-content></ng-content>`, exportAs: 'cTabPane', standalone: true, styles: [":host{display:block}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: TabService }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class']
@@ -14953,7 +14969,7 @@ class TabContentComponent {
             });
         }
         else {
-            this.tabServiceSubscription.unsubscribe();
+            this.tabServiceSubscription?.unsubscribe();
         }
     }
     refreshTabPaneActive(idx) {
@@ -14991,6 +15007,7 @@ class TabContentRefDirective {
          * @type number
          */
         this.tabPaneIdx = -1;
+        this.subscribeTabService();
     }
     /**
      * Set active state of tab content
@@ -15052,9 +15069,6 @@ class TabContentRefDirective {
             }
         });
     }
-    ngOnInit() {
-        this.subscribeTabService();
-    }
     ngOnDestroy() {
         this.subscribeTabService(false);
     }
@@ -15067,7 +15081,7 @@ class TabContentRefDirective {
             });
         }
         else {
-            this.tabServiceSubscription.unsubscribe();
+            this.tabServiceSubscription?.unsubscribe();
         }
     }
 }