@open-rlb/ng-bootstrap 2.3.1 → 2.3.3

package/fesm2022/open-rlb-ng-bootstrap.mjs

@@ -10283,65 +10283,68 @@ class SwitchComponent extends AbstractComponent {
         }
     }
     onWrite(data) {
+        this.data = data;
+    }
+    ngAfterViewInit() {
         if (this.el && this.el.nativeElement) {
-            if (data === undefined || data === null)
+            if (this.data === undefined || this.data === null)
                 return;
-            if (typeof data === 'string') {
-                this.el.nativeElement.checked = /^true$/i.test(data);
+            if (typeof this.data === 'string') {
+                this.el.nativeElement.checked = /^true$/i.test(this.data);
             }
             else {
-                this.el.nativeElement.checked = data;
+                this.el.nativeElement.checked = this.data;
             }
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SwitchComponent, deps: [{ token: UniqueIdService }, { token: i2$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.15", type: SwitchComponent, isStandalone: false, selector: "rlb-switch", inputs: { disabled: ["disabled", "disabled", booleanAttribute], readonly: ["readonly", "readonly", booleanAttribute], size: "size", userDefinedId: ["id", "userDefinedId", (v) => v || ''] }, viewQueries: [{ propertyName: "el", first: true, predicate: ["field"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
-    <ng-content select="[before]"></ng-content>
-    <div class="form-check form-switch d-inline-block">
-      <input
-        #field
-        class="form-check-input"
-        type="checkbox"
-        [id]="id"
-        [attr.disabled]="disabled ? true : undefined"
-        [attr.readonly]="readonly ? true : undefined"
-        [class.form-select-lg]="size === 'large'"
-        [class.form-select-sm]="size === 'small'"
-        (blur)="touch()"
-        [ngClass]="{ 'is-invalid': control?.touched && control?.invalid }"
-        (input)="update($event.target)"
-      />
-      <div class="invalid-feedback">
-        {{ errors | json }}
+      <div class="d-flex align-items-center gap-2">
+        <ng-content select="[before]"></ng-content>
+
+        <div class="form-check form-switch m-0">
+          <input
+            #field
+            class="form-check-input"
+            type="checkbox"
+            [id]="id"
+            [attr.disabled]="disabled ? true : undefined"
+            [attr.readonly]="readonly ? true : undefined"
+            (blur)="touch()"
+            [ngClass]="{ 'is-invalid': control?.touched && control?.invalid }"
+            (input)="update($event.target)"
+          />
+        </div>
+
+        <ng-content select="[after]"></ng-content>
       </div>
-    </div>
-    <ng-content select="[after]"></ng-content>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] }); }
+    `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SwitchComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'rlb-switch',
                     template: `
-    <ng-content select="[before]"></ng-content>
-    <div class="form-check form-switch d-inline-block">
-      <input
-        #field
-        class="form-check-input"
-        type="checkbox"
-        [id]="id"
-        [attr.disabled]="disabled ? true : undefined"
-        [attr.readonly]="readonly ? true : undefined"
-        [class.form-select-lg]="size === 'large'"
-        [class.form-select-sm]="size === 'small'"
-        (blur)="touch()"
-        [ngClass]="{ 'is-invalid': control?.touched && control?.invalid }"
-        (input)="update($event.target)"
-      />
-      <div class="invalid-feedback">
-        {{ errors | json }}
+      <div class="d-flex align-items-center gap-2">
+        <ng-content select="[before]"></ng-content>
+
+        <div class="form-check form-switch m-0">
+          <input
+            #field
+            class="form-check-input"
+            type="checkbox"
+            [id]="id"
+            [attr.disabled]="disabled ? true : undefined"
+            [attr.readonly]="readonly ? true : undefined"
+            (blur)="touch()"
+            [ngClass]="{ 'is-invalid': control?.touched && control?.invalid }"
+            (input)="update($event.target)"
+          />
+        </div>
+
+        <ng-content select="[after]"></ng-content>
       </div>
-    </div>
-    <ng-content select="[after]"></ng-content>`,
+    `,
                     standalone: false
                 }]
         }], ctorParameters: () => [{ type: UniqueIdService }, { type: i2$2.NgControl, decorators: [{