@inobeta/ui 18.0.1-build.1722007687

package/esm2022/src/app/inobeta-ui/ui/material-forms/controls/datepicker.mjs

@@ -0,0 +1,96 @@
+import { Component, Input } from '@angular/core';
+import { IbFormControlBase, IbFormControlBaseComponent } from '../../forms/controls/form-control-base';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/core";
+import * as i2 from "@ngx-translate/core";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "@angular/material/form-field";
+import * as i6 from "@angular/material/input";
+import * as i7 from "@angular/material/datepicker";
+export class IbMatDatepickerComponent {
+    adapter;
+    translate;
+    data;
+    constructor(adapter, translate) {
+        this.adapter = adapter;
+        this.translate = translate;
+        this.adapter.setLocale(this.translate.currentLang);
+        this.translate.onTranslationChange.subscribe(ev => {
+            this.adapter.setLocale(ev.lang);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IbMatDatepickerComponent, deps: [{ token: i1.DateAdapter }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: IbMatDatepickerComponent, selector: "[ib-mat-datepicker]", inputs: { data: "data" }, ngImport: i0, template: `
+  <mat-form-field appearance="fill" style="width: 100%;" [formGroup]="data.form">
+    <mat-label>{{data.base.label | translate}}</mat-label>
+    <input
+      [formControlName]="data.base.key"
+      matInput
+      [matDatepicker]="picker"
+      (dateInput)="data.base.change(data.self)"
+      (dateChange)="data.base.change(data.self)"
+      (change)="data.base.change(data.self)"
+    >
+    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
+    <mat-datepicker #picker></mat-datepicker>
+    <mat-error>
+      <ng-container *ngTemplateOutlet="data.formControlErrors;context: this"></ng-container>
+    </mat-error>
+  </mat-form-field>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i5.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i7.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i7.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i7.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IbMatDatepickerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[ib-mat-datepicker]',
+                    template: `
+  <mat-form-field appearance="fill" style="width: 100%;" [formGroup]="data.form">
+    <mat-label>{{data.base.label | translate}}</mat-label>
+    <input
+      [formControlName]="data.base.key"
+      matInput
+      [matDatepicker]="picker"
+      (dateInput)="data.base.change(data.self)"
+      (dateChange)="data.base.change(data.self)"
+      (change)="data.base.change(data.self)"
+    >
+    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
+    <mat-datepicker #picker></mat-datepicker>
+    <mat-error>
+      <ng-container *ngTemplateOutlet="data.formControlErrors;context: this"></ng-container>
+    </mat-error>
+  </mat-form-field>
+  `
+                }]
+        }], ctorParameters: () => [{ type: i1.DateAdapter }, { type: i2.TranslateService }], propDecorators: { data: [{
+                type: Input
+            }] } });
+export class IbMatDatepickerControl extends IbFormControlBase {
+    constructor(options) {
+        if (options.value && typeof options.value === 'string') {
+            options.value = new Date(options.value);
+        }
+        if (!options.value) {
+            options.value = null;
+        }
+        if (options.required) {
+            options.validators = options.validators || [];
+            options.validators.push(dateRequiredValidator());
+        }
+        super(options);
+        this.control = new IbFormControlBaseComponent(IbMatDatepickerComponent, {
+            base: this
+        });
+    }
+}
+export function dateRequiredValidator() {
+    return (control) => {
+        if (!control.value || isNaN(control.value.getTime())) {
+            return {
+                required: true
+            };
+        }
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvaW5vYmV0YS11aS91aS9tYXRlcmlhbC1mb3Jtcy9jb250cm9scy9kYXRlcGlja2VyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBSWpELE9BQU8sRUFBMEIsaUJBQWlCLEVBQUUsMEJBQTBCLEVBQ2hDLE1BQU0sd0NBQXdDLENBQUM7Ozs7Ozs7OztBQXdCN0YsTUFBTSxPQUFPLHdCQUF3QjtJQUd6QjtJQUNBO0lBSEQsSUFBSSxDQUFvQjtJQUNqQyxZQUNVLE9BQXlCLEVBQ3pCLFNBQTJCO1FBRDNCLFlBQU8sR0FBUCxPQUFPLENBQWtCO1FBQ3pCLGNBQVMsR0FBVCxTQUFTLENBQWtCO1FBRW5DLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDbkQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxtQkFBbUIsQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDLEVBQUU7WUFDaEQsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2xDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzt1R0FWVSx3QkFBd0I7MkZBQXhCLHdCQUF3QixxRkFwQnpCOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCVDs7MkZBR1Usd0JBQXdCO2tCQXRCcEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUscUJBQXFCO29CQUMvQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJUO2lCQUNGOytHQUdVLElBQUk7c0JBQVosS0FBSzs7QUFhUixNQUFNLE9BQU8sc0JBQXVCLFNBQVEsaUJBQWdDO0lBQzFFLFlBQVksT0FBK0M7UUFDekQsSUFBSSxPQUFPLENBQUMsS0FBSyxJQUFJLE9BQU8sT0FBTyxDQUFDLEtBQUssS0FBSyxRQUFRLEVBQUUsQ0FBQztZQUN2RCxPQUFPLENBQUMsS0FBSyxHQUFHLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxQyxDQUFDO1FBQ0QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUNuQixPQUFPLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztRQUN2QixDQUFDO1FBQ0QsSUFBSSxPQUFPLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDckIsT0FBTyxDQUFDLFVBQVUsR0FBRyxPQUFPLENBQUMsVUFBVSxJQUFJLEVBQUUsQ0FBQztZQUM5QyxPQUFPLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLENBQUM7UUFDbkQsQ0FBQztRQUNELEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNmLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSwwQkFBMEIsQ0FBQyx3QkFBd0IsRUFBRTtZQUN0RSxJQUFJLEVBQUUsSUFBSTtTQUNYLENBQUMsQ0FBQztJQUNMLENBQUM7Q0FDRjtBQUVELE1BQU0sVUFBVSxxQkFBcUI7SUFDbkMsT0FBTyxDQUFDLE9BQXdCLEVBQStCLEVBQUU7UUFDL0QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDO1lBQ3JELE9BQU87Z0JBQ0wsUUFBUSxFQUFFLElBQUk7YUFDZixDQUFDO1FBQ0osQ0FBQztJQUNILENBQUMsQ0FBQztBQUNKLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wsIFZhbGlkYXRvckZuIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgRGF0ZUFkYXB0ZXIgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jb3JlJztcbmltcG9ydCB7IFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcbmltcG9ydCB7IEliRm9ybUNvbnRyb2xJbnRlcmZhY2UsIEliRm9ybUNvbnRyb2xCYXNlLCBJYkZvcm1Db250cm9sQmFzZUNvbXBvbmVudCxcbiAgSWJGb3JtQ29udHJvbEJhc2VQYXJhbXMsIEliRm9ybUNvbnRyb2xEYXRhIH0gZnJvbSAnLi4vLi4vZm9ybXMvY29udHJvbHMvZm9ybS1jb250cm9sLWJhc2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdbaWItbWF0LWRhdGVwaWNrZXJdJyxcbiAgdGVtcGxhdGU6IGBcbiAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJmaWxsXCIgc3R5bGU9XCJ3aWR0aDogMTAwJTtcIiBbZm9ybUdyb3VwXT1cImRhdGEuZm9ybVwiPlxuICAgIDxtYXQtbGFiZWw+e3tkYXRhLmJhc2UubGFiZWwgfCB0cmFuc2xhdGV9fTwvbWF0LWxhYmVsPlxuICAgIDxpbnB1dFxuICAgICAgW2Zvcm1Db250cm9sTmFtZV09XCJkYXRhLmJhc2Uua2V5XCJcbiAgICAgIG1hdElucHV0XG4gICAgICBbbWF0RGF0ZXBpY2tlcl09XCJwaWNrZXJcIlxuICAgICAgKGRhdGVJbnB1dCk9XCJkYXRhLmJhc2UuY2hhbmdlKGRhdGEuc2VsZilcIlxuICAgICAgKGRhdGVDaGFuZ2UpPVwiZGF0YS5iYXNlLmNoYW5nZShkYXRhLnNlbGYpXCJcbiAgICAgIChjaGFuZ2UpPVwiZGF0YS5iYXNlLmNoYW5nZShkYXRhLnNlbGYpXCJcbiAgICA+XG4gICAgPG1hdC1kYXRlcGlja2VyLXRvZ2dsZSBtYXRTdWZmaXggW2Zvcl09XCJwaWNrZXJcIj48L21hdC1kYXRlcGlja2VyLXRvZ2dsZT5cbiAgICA8bWF0LWRhdGVwaWNrZXIgI3BpY2tlcj48L21hdC1kYXRlcGlja2VyPlxuICAgIDxtYXQtZXJyb3I+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZGF0YS5mb3JtQ29udHJvbEVycm9ycztjb250ZXh0OiB0aGlzXCI+PC9uZy1jb250YWluZXI+XG4gICAgPC9tYXQtZXJyb3I+XG4gIDwvbWF0LWZvcm0tZmllbGQ+XG4gIGBcbn0pXG5cbmV4cG9ydCBjbGFzcyBJYk1hdERhdGVwaWNrZXJDb21wb25lbnQgaW1wbGVtZW50cyBJYkZvcm1Db250cm9sSW50ZXJmYWNlIHtcbiAgQElucHV0KCkgZGF0YTogSWJGb3JtQ29udHJvbERhdGE7XG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgYWRhcHRlcjogRGF0ZUFkYXB0ZXI8YW55PixcbiAgICBwcml2YXRlIHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZVxuICApIHtcbiAgICB0aGlzLmFkYXB0ZXIuc2V0TG9jYWxlKHRoaXMudHJhbnNsYXRlLmN1cnJlbnRMYW5nKTtcbiAgICB0aGlzLnRyYW5zbGF0ZS5vblRyYW5zbGF0aW9uQ2hhbmdlLnN1YnNjcmliZShldiA9PiB7XG4gICAgICB0aGlzLmFkYXB0ZXIuc2V0TG9jYWxlKGV2LmxhbmcpO1xuICAgIH0pO1xuICB9XG59XG5cblxuZXhwb3J0IGNsYXNzIEliTWF0RGF0ZXBpY2tlckNvbnRyb2wgZXh0ZW5kcyBJYkZvcm1Db250cm9sQmFzZTxzdHJpbmcgfCBEYXRlPiB7XG4gIGNvbnN0cnVjdG9yKG9wdGlvbnM6IEliRm9ybUNvbnRyb2xCYXNlUGFyYW1zPHN0cmluZyB8IERhdGU+KSB7XG4gICAgaWYgKG9wdGlvbnMudmFsdWUgJiYgdHlwZW9mIG9wdGlvbnMudmFsdWUgPT09ICdzdHJpbmcnKSB7XG4gICAgICBvcHRpb25zLnZhbHVlID0gbmV3IERhdGUob3B0aW9ucy52YWx1ZSk7XG4gICAgfVxuICAgIGlmICghb3B0aW9ucy52YWx1ZSkge1xuICAgICAgb3B0aW9ucy52YWx1ZSA9IG51bGw7XG4gICAgfVxuICAgIGlmIChvcHRpb25zLnJlcXVpcmVkKSB7XG4gICAgICBvcHRpb25zLnZhbGlkYXRvcnMgPSBvcHRpb25zLnZhbGlkYXRvcnMgfHwgW107XG4gICAgICBvcHRpb25zLnZhbGlkYXRvcnMucHVzaChkYXRlUmVxdWlyZWRWYWxpZGF0b3IoKSk7XG4gICAgfVxuICAgIHN1cGVyKG9wdGlvbnMpO1xuICAgIHRoaXMuY29udHJvbCA9IG5ldyBJYkZvcm1Db250cm9sQmFzZUNvbXBvbmVudChJYk1hdERhdGVwaWNrZXJDb21wb25lbnQsIHtcbiAgICAgIGJhc2U6IHRoaXNcbiAgICB9KTtcbiAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gZGF0ZVJlcXVpcmVkVmFsaWRhdG9yKCk6IFZhbGlkYXRvckZuIHtcbiAgcmV0dXJuIChjb250cm9sOiBBYnN0cmFjdENvbnRyb2wpOiB7W2tleTogc3RyaW5nXTogYW55fSB8IG51bGwgPT4ge1xuICAgIGlmICghY29udHJvbC52YWx1ZSB8fCBpc05hTihjb250cm9sLnZhbHVlLmdldFRpbWUoKSkpIHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIHJlcXVpcmVkOiB0cnVlXG4gICAgICB9O1xuICAgIH1cbiAgfTtcbn1cbiJdfQ==

package/esm2022/src/app/inobeta-ui/ui/material-forms/controls/dropdown.mjs

@@ -0,0 +1,149 @@
+import { Component, Input } from "@angular/core";
+import { IbFormControlBase, IbFormControlBaseComponent, } from "../../forms/controls/form-control-base";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/material/form-field";
+import * as i4 from "@angular/material/core";
+import * as i5 from "@angular/material/select";
+import * as i6 from "@angular/material/icon";
+import * as i7 from "@angular/material/tooltip";
+import * as i8 from "@ngx-translate/core";
+export class IbMatDropdownComponent {
+    data;
+    all = false;
+    get hintMessage() {
+        return this.data.base.hintMessage ? this.data.base.hintMessage() : null;
+    }
+    selectAll() {
+        this.all = !this.all;
+        if (this.all) {
+            const newValues = this.data.base.options.map((t) => t.key);
+            this.data.self.setValue(newValues);
+        }
+        else {
+            this.data.self.setValue([]);
+        }
+        this.data.base.change(this.data.self);
+    }
+    handleSelection(option) {
+        if (this.data.base.multiple) {
+            if (option.value.includes("__all")) {
+                this.selectAll();
+            }
+            const currentValue = this.data.self.value.filter((t) => t !== "__all");
+            this.all =
+                currentValue && currentValue.length === this.data.base.options.length;
+        }
+        this.data.base.change(this.data.self);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IbMatDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: IbMatDropdownComponent, selector: "[ib-mat-dropdown]", inputs: { data: "data" }, ngImport: i0, template: `
+    <mat-form-field
+      appearance="fill"
+      style="width: 100%;"
+      [formGroup]="data.form"
+    >
+      <mat-label>{{ data.base.label | translate }}</mat-label>
+      <mat-select
+        [formControlName]="data.base.key"
+        [multiple]="data.base.multiple"
+        (selectionChange)="handleSelection($event)"
+      >
+        <mat-option
+          *ngIf="data.base.multiple"
+          class="ib-mat-dropdown-select-all"
+          value="__all"
+          >{{
+            (this.all
+              ? "shared.ibDropdown.selectNone"
+              : "shared.ibDropdown.selectAll"
+            ) | translate
+          }}</mat-option
+        >
+        <mat-option *ngIf="data.base.emptyRow" [value]="data.base.emptyRow.key">
+          {{ data.base.emptyRow.value | translate }}
+        </mat-option>
+        <mat-option *ngFor="let opt of data.base.options" [value]="opt.key">
+          {{ opt.value | translate }}
+        </mat-option>
+      </mat-select>
+      <mat-icon
+        matSuffix
+        *ngIf="hintMessage"
+        [matTooltip]="hintMessage | translate"
+      >
+        help_outline
+      </mat-icon>
+      <mat-error>
+        <ng-container
+          *ngTemplateOutlet="data.formControlErrors; context: this"
+        ></ng-container>
+      </mat-error>
+    </mat-form-field>
+  `, isInline: true, styles: [".ib-mat-dropdown-select-all ::ng-deep mat-pseudo-checkbox{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IbMatDropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "[ib-mat-dropdown]", template: `
+    <mat-form-field
+      appearance="fill"
+      style="width: 100%;"
+      [formGroup]="data.form"
+    >
+      <mat-label>{{ data.base.label | translate }}</mat-label>
+      <mat-select
+        [formControlName]="data.base.key"
+        [multiple]="data.base.multiple"
+        (selectionChange)="handleSelection($event)"
+      >
+        <mat-option
+          *ngIf="data.base.multiple"
+          class="ib-mat-dropdown-select-all"
+          value="__all"
+          >{{
+            (this.all
+              ? "shared.ibDropdown.selectNone"
+              : "shared.ibDropdown.selectAll"
+            ) | translate
+          }}</mat-option
+        >
+        <mat-option *ngIf="data.base.emptyRow" [value]="data.base.emptyRow.key">
+          {{ data.base.emptyRow.value | translate }}
+        </mat-option>
+        <mat-option *ngFor="let opt of data.base.options" [value]="opt.key">
+          {{ opt.value | translate }}
+        </mat-option>
+      </mat-select>
+      <mat-icon
+        matSuffix
+        *ngIf="hintMessage"
+        [matTooltip]="hintMessage | translate"
+      >
+        help_outline
+      </mat-icon>
+      <mat-error>
+        <ng-container
+          *ngTemplateOutlet="data.formControlErrors; context: this"
+        ></ng-container>
+      </mat-error>
+    </mat-form-field>
+  `, styles: [".ib-mat-dropdown-select-all ::ng-deep mat-pseudo-checkbox{display:none}\n"] }]
+        }], propDecorators: { data: [{
+                type: Input
+            }] } });
+export class IbMatDropdownControl extends IbFormControlBase {
+    multiple = false;
+    emptyRow = null;
+    hintMessage;
+    constructor(options) {
+        super(options);
+        this.multiple = options.multiple || false;
+        this.emptyRow = options.emptyRow || null;
+        this.hintMessage = options.hintMessage || null;
+        this.control = new IbFormControlBaseComponent(IbMatDropdownComponent, {
+            base: this,
+        });
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2lub2JldGEtdWkvdWkvbWF0ZXJpYWwtZm9ybXMvY29udHJvbHMvZHJvcGRvd24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakQsT0FBTyxFQUNMLGlCQUFpQixFQUNqQiwwQkFBMEIsR0FJM0IsTUFBTSx3Q0FBd0MsQ0FBQzs7Ozs7Ozs7OztBQXdEaEQsTUFBTSxPQUFPLHNCQUFzQjtJQUN4QixJQUFJLENBQWlCO0lBQzlCLEdBQUcsR0FBRyxLQUFLLENBQUM7SUFDWixJQUFJLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUMxRSxDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksQ0FBQyxHQUFHLEdBQUcsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQ3JCLElBQUksSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDO1lBQ2IsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQzNELElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUNyQyxDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUM5QixDQUFDO1FBQ0QsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDeEMsQ0FBQztJQUVELGVBQWUsQ0FBQyxNQUF1QjtRQUNyQyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQzVCLElBQUksTUFBTSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztnQkFDbkMsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ25CLENBQUM7WUFDRCxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLEtBQUssT0FBTyxDQUFDLENBQUM7WUFDdkUsSUFBSSxDQUFDLEdBQUc7Z0JBQ04sWUFBWSxJQUFJLFlBQVksQ0FBQyxNQUFNLEtBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQztRQUMxRSxDQUFDO1FBRUQsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDeEMsQ0FBQzt1R0E3QlUsc0JBQXNCOzJGQUF0QixzQkFBc0IsbUZBcER2Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTJDVDs7MkZBU1Usc0JBQXNCO2tCQXREbEMsU0FBUzsrQkFDRSxtQkFBbUIsWUFDbkI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EyQ1Q7OEJBVVEsSUFBSTtzQkFBWixLQUFLOztBQStCUixNQUFNLE9BQU8sb0JBQXFCLFNBQVEsaUJBRXpDO0lBQ0MsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUNqQixRQUFRLEdBQUcsSUFBSSxDQUFDO0lBQ2hCLFdBQVcsQ0FBQztJQUNaLFlBQVksT0FBNEI7UUFDdEMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ2YsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUMsUUFBUSxJQUFJLEtBQUssQ0FBQztRQUMxQyxJQUFJLENBQUMsUUFBUSxHQUFHLE9BQU8sQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDO1FBQ3pDLElBQUksQ0FBQyxXQUFXLEdBQUcsT0FBTyxDQUFDLFdBQVcsSUFBSSxJQUFJLENBQUM7UUFDL0MsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLDBCQUEwQixDQUFDLHNCQUFzQixFQUFFO1lBQ3BFLElBQUksRUFBRSxJQUFJO1NBQ1gsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBNYXRTZWxlY3RDaGFuZ2UgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvc2VsZWN0XCI7XG5pbXBvcnQge1xuICBJYkZvcm1Db250cm9sQmFzZSxcbiAgSWJGb3JtQ29udHJvbEJhc2VDb21wb25lbnQsXG4gIEliRm9ybUNvbnRyb2xCYXNlUGFyYW1zLFxuICBJYkZvcm1Db250cm9sRGF0YSxcbiAgSWJGb3JtQ29udHJvbEludGVyZmFjZSxcbn0gZnJvbSBcIi4uLy4uL2Zvcm1zL2NvbnRyb2xzL2Zvcm0tY29udHJvbC1iYXNlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJbaWItbWF0LWRyb3Bkb3duXVwiLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxtYXQtZm9ybS1maWVsZFxuICAgICAgYXBwZWFyYW5jZT1cImZpbGxcIlxuICAgICAgc3R5bGU9XCJ3aWR0aDogMTAwJTtcIlxuICAgICAgW2Zvcm1Hcm91cF09XCJkYXRhLmZvcm1cIlxuICAgID5cbiAgICAgIDxtYXQtbGFiZWw+e3sgZGF0YS5iYXNlLmxhYmVsIHwgdHJhbnNsYXRlIH19PC9tYXQtbGFiZWw+XG4gICAgICA8bWF0LXNlbGVjdFxuICAgICAgICBbZm9ybUNvbnRyb2xOYW1lXT1cImRhdGEuYmFzZS5rZXlcIlxuICAgICAgICBbbXVsdGlwbGVdPVwiZGF0YS5iYXNlLm11bHRpcGxlXCJcbiAgICAgICAgKHNlbGVjdGlvbkNoYW5nZSk9XCJoYW5kbGVTZWxlY3Rpb24oJGV2ZW50KVwiXG4gICAgICA+XG4gICAgICAgIDxtYXQtb3B0aW9uXG4gICAgICAgICAgKm5nSWY9XCJkYXRhLmJhc2UubXVsdGlwbGVcIlxuICAgICAgICAgIGNsYXNzPVwiaWItbWF0LWRyb3Bkb3duLXNlbGVjdC1hbGxcIlxuICAgICAgICAgIHZhbHVlPVwiX19hbGxcIlxuICAgICAgICAgID57e1xuICAgICAgICAgICAgKHRoaXMuYWxsXG4gICAgICAgICAgICAgID8gXCJzaGFyZWQuaWJEcm9wZG93bi5zZWxlY3ROb25lXCJcbiAgICAgICAgICAgICAgOiBcInNoYXJlZC5pYkRyb3Bkb3duLnNlbGVjdEFsbFwiXG4gICAgICAgICAgICApIHwgdHJhbnNsYXRlXG4gICAgICAgICAgfX08L21hdC1vcHRpb25cbiAgICAgICAgPlxuICAgICAgICA8bWF0LW9wdGlvbiAqbmdJZj1cImRhdGEuYmFzZS5lbXB0eVJvd1wiIFt2YWx1ZV09XCJkYXRhLmJhc2UuZW1wdHlSb3cua2V5XCI+XG4gICAgICAgICAge3sgZGF0YS5iYXNlLmVtcHR5Um93LnZhbHVlIHwgdHJhbnNsYXRlIH19XG4gICAgICAgIDwvbWF0LW9wdGlvbj5cbiAgICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IG9wdCBvZiBkYXRhLmJhc2Uub3B0aW9uc1wiIFt2YWx1ZV09XCJvcHQua2V5XCI+XG4gICAgICAgICAge3sgb3B0LnZhbHVlIHwgdHJhbnNsYXRlIH19XG4gICAgICAgIDwvbWF0LW9wdGlvbj5cbiAgICAgIDwvbWF0LXNlbGVjdD5cbiAgICAgIDxtYXQtaWNvblxuICAgICAgICBtYXRTdWZmaXhcbiAgICAgICAgKm5nSWY9XCJoaW50TWVzc2FnZVwiXG4gICAgICAgIFttYXRUb29sdGlwXT1cImhpbnRNZXNzYWdlIHwgdHJhbnNsYXRlXCJcbiAgICAgID5cbiAgICAgICAgaGVscF9vdXRsaW5lXG4gICAgICA8L21hdC1pY29uPlxuICAgICAgPG1hdC1lcnJvcj5cbiAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiZGF0YS5mb3JtQ29udHJvbEVycm9yczsgY29udGV4dDogdGhpc1wiXG4gICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvbWF0LWVycm9yPlxuICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gIGAsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAgIC5pYi1tYXQtZHJvcGRvd24tc2VsZWN0LWFsbCA6Om5nLWRlZXAgbWF0LXBzZXVkby1jaGVja2JveCB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICB9XG4gICAgYCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgSWJNYXREcm9wZG93bkNvbXBvbmVudCBpbXBsZW1lbnRzIEliRm9ybUNvbnRyb2xJbnRlcmZhY2Uge1xuICBASW5wdXQoKSBkYXRhOiBJYkRyb3Bkb3duRGF0YTtcbiAgYWxsID0gZmFsc2U7XG4gIGdldCBoaW50TWVzc2FnZSgpIHtcbiAgICByZXR1cm4gdGhpcy5kYXRhLmJhc2UuaGludE1lc3NhZ2UgPyB0aGlzLmRhdGEuYmFzZS5oaW50TWVzc2FnZSgpIDogbnVsbDtcbiAgfVxuXG4gIHNlbGVjdEFsbCgpIHtcbiAgICB0aGlzLmFsbCA9ICF0aGlzLmFsbDtcbiAgICBpZiAodGhpcy5hbGwpIHtcbiAgICAgIGNvbnN0IG5ld1ZhbHVlcyA9IHRoaXMuZGF0YS5iYXNlLm9wdGlvbnMubWFwKCh0KSA9PiB0LmtleSk7XG4gICAgICB0aGlzLmRhdGEuc2VsZi5zZXRWYWx1ZShuZXdWYWx1ZXMpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmRhdGEuc2VsZi5zZXRWYWx1ZShbXSk7XG4gICAgfVxuICAgIHRoaXMuZGF0YS5iYXNlLmNoYW5nZSh0aGlzLmRhdGEuc2VsZik7XG4gIH1cblxuICBoYW5kbGVTZWxlY3Rpb24ob3B0aW9uOiBNYXRTZWxlY3RDaGFuZ2UpIHtcbiAgICBpZiAodGhpcy5kYXRhLmJhc2UubXVsdGlwbGUpIHtcbiAgICAgIGlmIChvcHRpb24udmFsdWUuaW5jbHVkZXMoXCJfX2FsbFwiKSkge1xuICAgICAgICB0aGlzLnNlbGVjdEFsbCgpO1xuICAgICAgfVxuICAgICAgY29uc3QgY3VycmVudFZhbHVlID0gdGhpcy5kYXRhLnNlbGYudmFsdWUuZmlsdGVyKCh0KSA9PiB0ICE9PSBcIl9fYWxsXCIpO1xuICAgICAgdGhpcy5hbGwgPVxuICAgICAgICBjdXJyZW50VmFsdWUgJiYgY3VycmVudFZhbHVlLmxlbmd0aCA9PT0gdGhpcy5kYXRhLmJhc2Uub3B0aW9ucy5sZW5ndGg7XG4gICAgfVxuXG4gICAgdGhpcy5kYXRhLmJhc2UuY2hhbmdlKHRoaXMuZGF0YS5zZWxmKTtcbiAgfVxufVxuXG5leHBvcnQgY2xhc3MgSWJNYXREcm9wZG93bkNvbnRyb2wgZXh0ZW5kcyBJYkZvcm1Db250cm9sQmFzZTxcbiAgc3RyaW5nIHwgc3RyaW5nW10gfCBudW1iZXIgfCBudW1iZXJbXVxuPiB7XG4gIG11bHRpcGxlID0gZmFsc2U7XG4gIGVtcHR5Um93ID0gbnVsbDtcbiAgaGludE1lc3NhZ2U7XG4gIGNvbnN0cnVjdG9yKG9wdGlvbnM6IEliTWF0RHJvcGRvd25QYXJhbXMpIHtcbiAgICBzdXBlcihvcHRpb25zKTtcbiAgICB0aGlzLm11bHRpcGxlID0gb3B0aW9ucy5tdWx0aXBsZSB8fCBmYWxzZTtcbiAgICB0aGlzLmVtcHR5Um93ID0gb3B0aW9ucy5lbXB0eVJvdyB8fCBudWxsO1xuICAgIHRoaXMuaGludE1lc3NhZ2UgPSBvcHRpb25zLmhpbnRNZXNzYWdlIHx8IG51bGw7XG4gICAgdGhpcy5jb250cm9sID0gbmV3IEliRm9ybUNvbnRyb2xCYXNlQ29tcG9uZW50KEliTWF0RHJvcGRvd25Db21wb25lbnQsIHtcbiAgICAgIGJhc2U6IHRoaXMsXG4gICAgfSk7XG4gIH1cbn1cblxuZXhwb3J0IGludGVyZmFjZSBJYk1hdERyb3Bkb3duUGFyYW1zXG4gIGV4dGVuZHMgSWJGb3JtQ29udHJvbEJhc2VQYXJhbXM8c3RyaW5nIHwgc3RyaW5nW10gfCBudW1iZXIgfCBudW1iZXJbXT4ge1xuICBtdWx0aXBsZT86IGJvb2xlYW47XG4gIGVtcHR5Um93PzogeyBrZXk/OiBzdHJpbmcgfCBudW1iZXI7IHZhbHVlOiBzdHJpbmcgfTtcbiAgaGludE1lc3NhZ2U/OiAoKSA9PiBzdHJpbmc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgSWJEcm9wZG93bkRhdGEgZXh0ZW5kcyBJYkZvcm1Db250cm9sRGF0YSB7XG4gIGJhc2U6IEliTWF0RHJvcGRvd25QYXJhbXM7XG59XG4iXX0=

package/esm2022/src/app/inobeta-ui/ui/material-forms/controls/label.mjs

@@ -0,0 +1,50 @@
+import { Component, Input } from '@angular/core';
+import { IbFormControlBase, IbFormControlBaseComponent } from '../../forms/controls/form-control-base';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@ngx-translate/core";
+export class IbMatLabelComponent {
+    data;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IbMatLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: IbMatLabelComponent, selector: "[ib-mat-label]", inputs: { data: "data" }, ngImport: i0, template: `
+    <div style="width:100%;height:50px;">
+      <div
+        *ngIf="data.base.label"
+        style="padding-right:10px;"
+      >{{data.base.label | translate}}: </div>
+      <div
+        *ngIf="data.base.value"
+        style="font-weight:bold;"
+      >{{ data.base.value }}</div>
+</div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IbMatLabelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[ib-mat-label]',
+                    template: `
+    <div style="width:100%;height:50px;">
+      <div
+        *ngIf="data.base.label"
+        style="padding-right:10px;"
+      >{{data.base.label | translate}}: </div>
+      <div
+        *ngIf="data.base.value"
+        style="font-weight:bold;"
+      >{{ data.base.value }}</div>
+</div>
+  `
+                }]
+        }], propDecorators: { data: [{
+                type: Input
+            }] } });
+export class IbMatLabelControl extends IbFormControlBase {
+    constructor(options) {
+        super(options);
+        this.control = new IbFormControlBaseComponent(IbMatLabelComponent, {
+            base: this
+        });
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2lub2JldGEtdWkvdWkvbWF0ZXJpYWwtZm9ybXMvY29udHJvbHMvbGFiZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUEwQixpQkFBaUIsRUFBRSwwQkFBMEIsRUFBOEMsTUFBTSx3Q0FBd0MsQ0FBQzs7OztBQWtCM0ssTUFBTSxPQUFPLG1CQUFtQjtJQUNyQixJQUFJLENBQW9CO3VHQUR0QixtQkFBbUI7MkZBQW5CLG1CQUFtQixnRkFkcEI7Ozs7Ozs7Ozs7O0dBV1Q7OzJGQUdVLG1CQUFtQjtrQkFoQi9CLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsUUFBUSxFQUFFOzs7Ozs7Ozs7OztHQVdUO2lCQUNGOzhCQUdVLElBQUk7c0JBQVosS0FBSzs7QUFJUixNQUFNLE9BQU8saUJBQWtCLFNBQVEsaUJBQXlCO0lBQzlELFlBQVksT0FBd0M7UUFDbEQsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFBO1FBQ2QsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLDBCQUEwQixDQUFDLG1CQUFtQixFQUFFO1lBQ2pFLElBQUksRUFBRSxJQUFJO1NBQ1gsQ0FBQyxDQUFBO0lBQ0osQ0FBQztDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSWJGb3JtQ29udHJvbEludGVyZmFjZSwgSWJGb3JtQ29udHJvbEJhc2UsIEliRm9ybUNvbnRyb2xCYXNlQ29tcG9uZW50LCBJYkZvcm1Db250cm9sQmFzZVBhcmFtcywgSWJGb3JtQ29udHJvbERhdGEgfSBmcm9tICcuLi8uLi9mb3Jtcy9jb250cm9scy9mb3JtLWNvbnRyb2wtYmFzZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ1tpYi1tYXQtbGFiZWxdJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IHN0eWxlPVwid2lkdGg6MTAwJTtoZWlnaHQ6NTBweDtcIj5cbiAgICAgIDxkaXZcbiAgICAgICAgKm5nSWY9XCJkYXRhLmJhc2UubGFiZWxcIlxuICAgICAgICBzdHlsZT1cInBhZGRpbmctcmlnaHQ6MTBweDtcIlxuICAgICAgPnt7ZGF0YS5iYXNlLmxhYmVsIHwgdHJhbnNsYXRlfX06IDwvZGl2PlxuICAgICAgPGRpdlxuICAgICAgICAqbmdJZj1cImRhdGEuYmFzZS52YWx1ZVwiXG4gICAgICAgIHN0eWxlPVwiZm9udC13ZWlnaHQ6Ym9sZDtcIlxuICAgICAgPnt7IGRhdGEuYmFzZS52YWx1ZSB9fTwvZGl2PlxuPC9kaXY+XG4gIGBcbn0pXG5cbmV4cG9ydCBjbGFzcyBJYk1hdExhYmVsQ29tcG9uZW50IGltcGxlbWVudHMgSWJGb3JtQ29udHJvbEludGVyZmFjZSB7XG4gIEBJbnB1dCgpIGRhdGE6IEliRm9ybUNvbnRyb2xEYXRhO1xufVxuXG5cbmV4cG9ydCBjbGFzcyBJYk1hdExhYmVsQ29udHJvbCBleHRlbmRzIEliRm9ybUNvbnRyb2xCYXNlPHN0cmluZz57XG4gIGNvbnN0cnVjdG9yKG9wdGlvbnM6IEliRm9ybUNvbnRyb2xCYXNlUGFyYW1zPHN0cmluZz4pe1xuICAgIHN1cGVyKG9wdGlvbnMpXG4gICAgdGhpcy5jb250cm9sID0gbmV3IEliRm9ybUNvbnRyb2xCYXNlQ29tcG9uZW50KEliTWF0TGFiZWxDb21wb25lbnQsIHtcbiAgICAgIGJhc2U6IHRoaXNcbiAgICB9KVxuICB9XG59XG4iXX0=

package/esm2022/src/app/inobeta-ui/ui/material-forms/controls/padding.mjs

@@ -0,0 +1,26 @@
+import { Component, Input } from '@angular/core';
+import { IbFormControlBase, IbFormControlBaseComponent } from '../../forms/controls/form-control-base';
+import * as i0 from "@angular/core";
+export class IbMatPaddingComponent {
+    data;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IbMatPaddingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: IbMatPaddingComponent, selector: "[ib-mat-padding]", inputs: { data: "data" }, ngImport: i0, template: ``, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IbMatPaddingComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[ib-mat-padding]',
+                    template: ``
+                }]
+        }], propDecorators: { data: [{
+                type: Input
+            }] } });
+export class IbMatPaddingControl extends IbFormControlBase {
+    constructor(options) {
+        super(options);
+        this.control = new IbFormControlBaseComponent(IbMatPaddingComponent, {
+            base: this
+        });
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFkZGluZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvaW5vYmV0YS11aS91aS9tYXRlcmlhbC1mb3Jtcy9jb250cm9scy9wYWRkaW5nLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSwwQkFBMEIsRUFBc0UsTUFBTSx3Q0FBd0MsQ0FBQzs7QUFLM0ssTUFBTSxPQUFPLHFCQUFxQjtJQUN2QixJQUFJLENBQW9CO3VHQUR0QixxQkFBcUI7MkZBQXJCLHFCQUFxQixrRkFGdEIsRUFBRTs7MkZBRUQscUJBQXFCO2tCQUpqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFFBQVEsRUFBRSxFQUFFO2lCQUNiOzhCQUVVLElBQUk7c0JBQVosS0FBSzs7QUFHUixNQUFNLE9BQU8sbUJBQW9CLFNBQVEsaUJBQXlCO0lBQ2hFLFlBQVksT0FBd0M7UUFDbEQsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFBO1FBQ2QsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLDBCQUEwQixDQUFDLHFCQUFxQixFQUFFO1lBQ25FLElBQUksRUFBRSxJQUFJO1NBQ1gsQ0FBQyxDQUFBO0lBQ0osQ0FBQztDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSWJGb3JtQ29udHJvbEJhc2UsIEliRm9ybUNvbnRyb2xCYXNlQ29tcG9uZW50LCBJYkZvcm1Db250cm9sQmFzZVBhcmFtcywgSWJGb3JtQ29udHJvbERhdGEsIEliRm9ybUNvbnRyb2xJbnRlcmZhY2UgfSBmcm9tICcuLi8uLi9mb3Jtcy9jb250cm9scy9mb3JtLWNvbnRyb2wtYmFzZSc7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdbaWItbWF0LXBhZGRpbmddJyxcbiAgdGVtcGxhdGU6IGBgXG59KVxuZXhwb3J0IGNsYXNzIEliTWF0UGFkZGluZ0NvbXBvbmVudCBpbXBsZW1lbnRzIEliRm9ybUNvbnRyb2xJbnRlcmZhY2Uge1xuICBASW5wdXQoKSBkYXRhOiBJYkZvcm1Db250cm9sRGF0YTtcbn1cblxuZXhwb3J0IGNsYXNzIEliTWF0UGFkZGluZ0NvbnRyb2wgZXh0ZW5kcyBJYkZvcm1Db250cm9sQmFzZTxzdHJpbmc+e1xuICBjb25zdHJ1Y3RvcihvcHRpb25zOiBJYkZvcm1Db250cm9sQmFzZVBhcmFtczxzdHJpbmc+KXtcbiAgICBzdXBlcihvcHRpb25zKVxuICAgIHRoaXMuY29udHJvbCA9IG5ldyBJYkZvcm1Db250cm9sQmFzZUNvbXBvbmVudChJYk1hdFBhZGRpbmdDb21wb25lbnQsIHtcbiAgICAgIGJhc2U6IHRoaXNcbiAgICB9KVxuICB9XG59XG4iXX0=

package/esm2022/src/app/inobeta-ui/ui/material-forms/controls/radio.mjs

@@ -0,0 +1,61 @@
+import { Component, Input } from '@angular/core';
+import { IbFormControlBase, IbFormControlBaseComponent } from '../../forms/controls/form-control-base';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/material/form-field";
+import * as i4 from "@angular/material/radio";
+import * as i5 from "@ngx-translate/core";
+export class IbMatRadioComponent {
+    data;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IbMatRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: IbMatRadioComponent, selector: "[ib-mat-radio]", inputs: { data: "data" }, ngImport: i0, template: `
+  <div style="width: 100%;" [formGroup]="data.form">
+    <mat-label [attr.for]="data.base.key" style="display: block">{{data.base.label | translate}} {{(data.base.required) ? '*' : ''}}</mat-label>
+        <mat-radio-group
+        [formControlName]="data.base.key"
+        (change)="data.base.change(data.self)"
+        >
+          <mat-radio-button style="margin: 5px" *ngFor="let opt of data.base.options" [value]="opt.key">
+            {{opt.value | translate}}
+          </mat-radio-button>
+        </mat-radio-group>
+    <mat-error>
+      <ng-container *ngTemplateOutlet="data.formControlErrors;context: this"></ng-container>
+    </mat-error>
+</div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i4.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IbMatRadioComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[ib-mat-radio]',
+                    template: `
+  <div style="width: 100%;" [formGroup]="data.form">
+    <mat-label [attr.for]="data.base.key" style="display: block">{{data.base.label | translate}} {{(data.base.required) ? '*' : ''}}</mat-label>
+        <mat-radio-group
+        [formControlName]="data.base.key"
+        (change)="data.base.change(data.self)"
+        >
+          <mat-radio-button style="margin: 5px" *ngFor="let opt of data.base.options" [value]="opt.key">
+            {{opt.value | translate}}
+          </mat-radio-button>
+        </mat-radio-group>
+    <mat-error>
+      <ng-container *ngTemplateOutlet="data.formControlErrors;context: this"></ng-container>
+    </mat-error>
+</div>
+  `
+                }]
+        }], propDecorators: { data: [{
+                type: Input
+            }] } });
+export class IbMatRadioControl extends IbFormControlBase {
+    constructor(options) {
+        super(options);
+        this.control = new IbFormControlBaseComponent(IbMatRadioComponent, {
+            base: this
+        });
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2lub2JldGEtdWkvdWkvbWF0ZXJpYWwtZm9ybXMvY29udHJvbHMvcmFkaW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUEwQixpQkFBaUIsRUFBRSwwQkFBMEIsRUFBOEMsTUFBTSx3Q0FBd0MsQ0FBQzs7Ozs7OztBQXNCM0ssTUFBTSxPQUFPLG1CQUFtQjtJQUNyQixJQUFJLENBQW9CO3VHQUR0QixtQkFBbUI7MkZBQW5CLG1CQUFtQixnRkFsQnBCOzs7Ozs7Ozs7Ozs7Ozs7R0FlVDs7MkZBR1UsbUJBQW1CO2tCQXBCL0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7OztHQWVUO2lCQUNGOzhCQUdVLElBQUk7c0JBQVosS0FBSzs7QUFJUixNQUFNLE9BQU8saUJBQWtCLFNBQVEsaUJBQXlCO0lBQzlELFlBQVksT0FBd0M7UUFDbEQsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ2YsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLDBCQUEwQixDQUFDLG1CQUFtQixFQUFFO1lBQ2pFLElBQUksRUFBRSxJQUFJO1NBQ1gsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSWJGb3JtQ29udHJvbEludGVyZmFjZSwgSWJGb3JtQ29udHJvbEJhc2UsIEliRm9ybUNvbnRyb2xCYXNlQ29tcG9uZW50LCBJYkZvcm1Db250cm9sQmFzZVBhcmFtcywgSWJGb3JtQ29udHJvbERhdGEgfSBmcm9tICcuLi8uLi9mb3Jtcy9jb250cm9scy9mb3JtLWNvbnRyb2wtYmFzZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ1tpYi1tYXQtcmFkaW9dJyxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBzdHlsZT1cIndpZHRoOiAxMDAlO1wiIFtmb3JtR3JvdXBdPVwiZGF0YS5mb3JtXCI+XG4gICAgPG1hdC1sYWJlbCBbYXR0ci5mb3JdPVwiZGF0YS5iYXNlLmtleVwiIHN0eWxlPVwiZGlzcGxheTogYmxvY2tcIj57e2RhdGEuYmFzZS5sYWJlbCB8IHRyYW5zbGF0ZX19IHt7KGRhdGEuYmFzZS5yZXF1aXJlZCkgPyAnKicgOiAnJ319PC9tYXQtbGFiZWw+XG4gICAgICAgIDxtYXQtcmFkaW8tZ3JvdXBcbiAgICAgICAgW2Zvcm1Db250cm9sTmFtZV09XCJkYXRhLmJhc2Uua2V5XCJcbiAgICAgICAgKGNoYW5nZSk9XCJkYXRhLmJhc2UuY2hhbmdlKGRhdGEuc2VsZilcIlxuICAgICAgICA+XG4gICAgICAgICAgPG1hdC1yYWRpby1idXR0b24gc3R5bGU9XCJtYXJnaW46IDVweFwiICpuZ0Zvcj1cImxldCBvcHQgb2YgZGF0YS5iYXNlLm9wdGlvbnNcIiBbdmFsdWVdPVwib3B0LmtleVwiPlxuICAgICAgICAgICAge3tvcHQudmFsdWUgfCB0cmFuc2xhdGV9fVxuICAgICAgICAgIDwvbWF0LXJhZGlvLWJ1dHRvbj5cbiAgICAgICAgPC9tYXQtcmFkaW8tZ3JvdXA+XG4gICAgPG1hdC1lcnJvcj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJkYXRhLmZvcm1Db250cm9sRXJyb3JzO2NvbnRleHQ6IHRoaXNcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L21hdC1lcnJvcj5cbjwvZGl2PlxuICBgXG59KVxuXG5leHBvcnQgY2xhc3MgSWJNYXRSYWRpb0NvbXBvbmVudCBpbXBsZW1lbnRzIEliRm9ybUNvbnRyb2xJbnRlcmZhY2Uge1xuICBASW5wdXQoKSBkYXRhOiBJYkZvcm1Db250cm9sRGF0YTtcbn1cblxuXG5leHBvcnQgY2xhc3MgSWJNYXRSYWRpb0NvbnRyb2wgZXh0ZW5kcyBJYkZvcm1Db250cm9sQmFzZTxzdHJpbmc+e1xuICBjb25zdHJ1Y3RvcihvcHRpb25zOiBJYkZvcm1Db250cm9sQmFzZVBhcmFtczxzdHJpbmc+KXtcbiAgICBzdXBlcihvcHRpb25zKTtcbiAgICB0aGlzLmNvbnRyb2wgPSBuZXcgSWJGb3JtQ29udHJvbEJhc2VDb21wb25lbnQoSWJNYXRSYWRpb0NvbXBvbmVudCwge1xuICAgICAgYmFzZTogdGhpc1xuICAgIH0pO1xuICB9XG59XG4iXX0=

package/esm2022/src/app/inobeta-ui/ui/material-forms/controls/slide-toggle.mjs

@@ -0,0 +1,62 @@
+import { Component, Input } from '@angular/core';
+import { IbFormControlBase, IbFormControlBaseComponent } from '../../forms/controls/form-control-base';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/material/form-field";
+import * as i4 from "@angular/material/slide-toggle";
+import * as i5 from "@ngx-translate/core";
+export class IbMatSlideToggleComponent {
+    data;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IbMatSlideToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: IbMatSlideToggleComponent, selector: "[ib-mat-slide-toggle]", inputs: { data: "data" }, ngImport: i0, template: `
+    <div style="width: 100%;" [formGroup]="data.form">
+        <mat-slide-toggle
+            [formControlName]="data.base.key"
+            (change)="data.base.change(data.self)"
+        >
+            {{data.base.label | translate}}{{(data.base.required) ? '*' : ''}}
+        </mat-slide-toggle>
+        <mat-error>
+            <ng-container
+                *ngTemplateOutlet="data.formControlErrors;context: this">
+            </ng-container>
+        </mat-error>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i4.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IbMatSlideToggleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[ib-mat-slide-toggle]',
+                    template: `
+    <div style="width: 100%;" [formGroup]="data.form">
+        <mat-slide-toggle
+            [formControlName]="data.base.key"
+            (change)="data.base.change(data.self)"
+        >
+            {{data.base.label | translate}}{{(data.base.required) ? '*' : ''}}
+        </mat-slide-toggle>
+        <mat-error>
+            <ng-container
+                *ngTemplateOutlet="data.formControlErrors;context: this">
+            </ng-container>
+        </mat-error>
+    </div>
+  `
+                }]
+        }], propDecorators: { data: [{
+                type: Input
+            }] } });
+export class IbMatSlideToggleControl extends IbFormControlBase {
+    constructor(options) {
+        if (!options.value) {
+            options.value = false;
+        }
+        super(options);
+        this.control = new IbFormControlBaseComponent(IbMatSlideToggleComponent, {
+            base: this
+        });
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGUtdG9nZ2xlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9pbm9iZXRhLXVpL3VpL21hdGVyaWFsLWZvcm1zL2NvbnRyb2xzL3NsaWRlLXRvZ2dsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsMEJBQTBCLEVBQ2dCLE1BQU0sd0NBQXdDLENBQUM7Ozs7Ozs7QUFxQnJILE1BQU0sT0FBTyx5QkFBeUI7SUFDM0IsSUFBSSxDQUFvQjt1R0FEdEIseUJBQXlCOzJGQUF6Qix5QkFBeUIsdUZBakIxQjs7Ozs7Ozs7Ozs7Ozs7R0FjVDs7MkZBR1UseUJBQXlCO2tCQW5CckMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7O0dBY1Q7aUJBQ0Y7OEJBR1UsSUFBSTtzQkFBWixLQUFLOztBQUlSLE1BQU0sT0FBTyx1QkFBd0IsU0FBUSxpQkFBNEM7SUFDdkYsWUFBWSxPQUEyRDtRQUNyRSxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ2pCLE9BQU8sQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQzFCLENBQUM7UUFDRCxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDZixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksMEJBQTBCLENBQUMseUJBQXlCLEVBQUU7WUFDdkUsSUFBSSxFQUFFLElBQUk7U0FDWCxDQUFDLENBQUM7SUFDTCxDQUFDO0NBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJYkZvcm1Db250cm9sQmFzZSwgSWJGb3JtQ29udHJvbEJhc2VDb21wb25lbnQsXG4gIEliRm9ybUNvbnRyb2xCYXNlUGFyYW1zLCBJYkZvcm1Db250cm9sRGF0YSwgSWJGb3JtQ29udHJvbEludGVyZmFjZSB9IGZyb20gJy4uLy4uL2Zvcm1zL2NvbnRyb2xzL2Zvcm0tY29udHJvbC1iYXNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnW2liLW1hdC1zbGlkZS10b2dnbGVdJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IHN0eWxlPVwid2lkdGg6IDEwMCU7XCIgW2Zvcm1Hcm91cF09XCJkYXRhLmZvcm1cIj5cbiAgICAgICAgPG1hdC1zbGlkZS10b2dnbGVcbiAgICAgICAgICAgIFtmb3JtQ29udHJvbE5hbWVdPVwiZGF0YS5iYXNlLmtleVwiXG4gICAgICAgICAgICAoY2hhbmdlKT1cImRhdGEuYmFzZS5jaGFuZ2UoZGF0YS5zZWxmKVwiXG4gICAgICAgID5cbiAgICAgICAgICAgIHt7ZGF0YS5iYXNlLmxhYmVsIHwgdHJhbnNsYXRlfX17eyhkYXRhLmJhc2UucmVxdWlyZWQpID8gJyonIDogJyd9fVxuICAgICAgICA8L21hdC1zbGlkZS10b2dnbGU+XG4gICAgICAgIDxtYXQtZXJyb3I+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJkYXRhLmZvcm1Db250cm9sRXJyb3JzO2NvbnRleHQ6IHRoaXNcIj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8L21hdC1lcnJvcj5cbiAgICA8L2Rpdj5cbiAgYFxufSlcblxuZXhwb3J0IGNsYXNzIEliTWF0U2xpZGVUb2dnbGVDb21wb25lbnQgaW1wbGVtZW50cyBJYkZvcm1Db250cm9sSW50ZXJmYWNlIHtcbiAgQElucHV0KCkgZGF0YTogSWJGb3JtQ29udHJvbERhdGE7XG59XG5cblxuZXhwb3J0IGNsYXNzIEliTWF0U2xpZGVUb2dnbGVDb250cm9sIGV4dGVuZHMgSWJGb3JtQ29udHJvbEJhc2U8Ym9vbGVhbiB8IG51bWJlciB8IHN0cmluZz4ge1xuICBjb25zdHJ1Y3RvcihvcHRpb25zOiBJYkZvcm1Db250cm9sQmFzZVBhcmFtczxib29sZWFuIHwgbnVtYmVyIHwgc3RyaW5nPikge1xuICAgIGlmICghb3B0aW9ucy52YWx1ZSkge1xuICAgICAgICBvcHRpb25zLnZhbHVlID0gZmFsc2U7XG4gICAgfVxuICAgIHN1cGVyKG9wdGlvbnMpO1xuICAgIHRoaXMuY29udHJvbCA9IG5ldyBJYkZvcm1Db250cm9sQmFzZUNvbXBvbmVudChJYk1hdFNsaWRlVG9nZ2xlQ29tcG9uZW50LCB7XG4gICAgICBiYXNlOiB0aGlzXG4gICAgfSk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/src/app/inobeta-ui/ui/material-forms/controls/textarea.mjs

@@ -0,0 +1,63 @@
+import { Component, Input } from '@angular/core';
+import { IbFormControlBase, IbFormControlBaseComponent } from '../../forms/controls/form-control-base';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/material/form-field";
+import * as i4 from "@angular/material/input";
+import * as i5 from "@ngx-translate/core";
+export class IbMatTextareaComponent {
+    data;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IbMatTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: IbMatTextareaComponent, selector: "[ib-mat-textarea]", inputs: { data: "data" }, ngImport: i0, template: `
+  <mat-form-field appearance="fill" style="width: 100%;" [formGroup]="data.form">
+    <mat-label>{{data.base.label | translate}}</mat-label>
+    <textarea
+      matInput
+      [formControlName]="data.base.key"
+      [type]="data.base.type"
+      (keyup)="data.base.change(data.self)"
+      (change)="data.base.change(data.self)"
+      [style.height]="data.base.height"
+    ></textarea>
+    <mat-error>
+      <ng-container *ngTemplateOutlet="data.formControlErrors;context: this"></ng-container>
+    </mat-error>
+  </mat-form-field>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IbMatTextareaComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[ib-mat-textarea]',
+                    template: `
+  <mat-form-field appearance="fill" style="width: 100%;" [formGroup]="data.form">
+    <mat-label>{{data.base.label | translate}}</mat-label>
+    <textarea
+      matInput
+      [formControlName]="data.base.key"
+      [type]="data.base.type"
+      (keyup)="data.base.change(data.self)"
+      (change)="data.base.change(data.self)"
+      [style.height]="data.base.height"
+    ></textarea>
+    <mat-error>
+      <ng-container *ngTemplateOutlet="data.formControlErrors;context: this"></ng-container>
+    </mat-error>
+  </mat-form-field>
+  `
+                }]
+        }], propDecorators: { data: [{
+                type: Input
+            }] } });
+export class IbMatTextareaControl extends IbFormControlBase {
+    height = 'auto';
+    constructor(options) {
+        super(options);
+        this.height = options.height || 'auto';
+        this.control = new IbFormControlBaseComponent(IbMatTextareaComponent, {
+            base: this
+        });
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2lub2JldGEtdWkvdWkvbWF0ZXJpYWwtZm9ybXMvY29udHJvbHMvdGV4dGFyZWEudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLDBCQUEwQixFQUFzRSxNQUFNLHdDQUF3QyxDQUFDOzs7Ozs7O0FBc0IzSyxNQUFNLE9BQU8sc0JBQXNCO0lBQ3hCLElBQUksQ0FBb0I7dUdBRHRCLHNCQUFzQjsyRkFBdEIsc0JBQXNCLG1GQWxCdkI7Ozs7Ozs7Ozs7Ozs7OztHQWVUOzsyRkFHVSxzQkFBc0I7a0JBcEJsQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7O0dBZVQ7aUJBQ0Y7OEJBR1UsSUFBSTtzQkFBWixLQUFLOztBQUlSLE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxpQkFBeUI7SUFDakUsTUFBTSxHQUFHLE1BQU0sQ0FBQTtJQUNmLFlBQVksT0FBNEI7UUFDdEMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFBO1FBQ2QsSUFBSSxDQUFDLE1BQU0sR0FBRyxPQUFPLENBQUMsTUFBTSxJQUFJLE1BQU0sQ0FBQztRQUN2QyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksMEJBQTBCLENBQUMsc0JBQXNCLEVBQUU7WUFDcEUsSUFBSSxFQUFFLElBQUk7U0FDWCxDQUFDLENBQUE7SUFDSixDQUFDO0NBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJYkZvcm1Db250cm9sQmFzZSwgSWJGb3JtQ29udHJvbEJhc2VDb21wb25lbnQsIEliRm9ybUNvbnRyb2xCYXNlUGFyYW1zLCBJYkZvcm1Db250cm9sRGF0YSwgSWJGb3JtQ29udHJvbEludGVyZmFjZSB9IGZyb20gJy4uLy4uL2Zvcm1zL2NvbnRyb2xzL2Zvcm0tY29udHJvbC1iYXNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnW2liLW1hdC10ZXh0YXJlYV0nLFxuICB0ZW1wbGF0ZTogYFxuICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cImZpbGxcIiBzdHlsZT1cIndpZHRoOiAxMDAlO1wiIFtmb3JtR3JvdXBdPVwiZGF0YS5mb3JtXCI+XG4gICAgPG1hdC1sYWJlbD57e2RhdGEuYmFzZS5sYWJlbCB8IHRyYW5zbGF0ZX19PC9tYXQtbGFiZWw+XG4gICAgPHRleHRhcmVhXG4gICAgICBtYXRJbnB1dFxuICAgICAgW2Zvcm1Db250cm9sTmFtZV09XCJkYXRhLmJhc2Uua2V5XCJcbiAgICAgIFt0eXBlXT1cImRhdGEuYmFzZS50eXBlXCJcbiAgICAgIChrZXl1cCk9XCJkYXRhLmJhc2UuY2hhbmdlKGRhdGEuc2VsZilcIlxuICAgICAgKGNoYW5nZSk9XCJkYXRhLmJhc2UuY2hhbmdlKGRhdGEuc2VsZilcIlxuICAgICAgW3N0eWxlLmhlaWdodF09XCJkYXRhLmJhc2UuaGVpZ2h0XCJcbiAgICA+PC90ZXh0YXJlYT5cbiAgICA8bWF0LWVycm9yPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImRhdGEuZm9ybUNvbnRyb2xFcnJvcnM7Y29udGV4dDogdGhpc1wiPjwvbmctY29udGFpbmVyPlxuICAgIDwvbWF0LWVycm9yPlxuICA8L21hdC1mb3JtLWZpZWxkPlxuICBgXG59KVxuXG5leHBvcnQgY2xhc3MgSWJNYXRUZXh0YXJlYUNvbXBvbmVudCBpbXBsZW1lbnRzIEliRm9ybUNvbnRyb2xJbnRlcmZhY2Uge1xuICBASW5wdXQoKSBkYXRhOiBJYk1hdFRleHRhcmVhRGF0YTtcbn1cblxuXG5leHBvcnQgY2xhc3MgSWJNYXRUZXh0YXJlYUNvbnRyb2wgZXh0ZW5kcyBJYkZvcm1Db250cm9sQmFzZTxzdHJpbmc+e1xuICBoZWlnaHQgPSAnYXV0bydcbiAgY29uc3RydWN0b3Iob3B0aW9uczogSWJNYXRUZXh0YXJlYVBhcmFtcyl7XG4gICAgc3VwZXIob3B0aW9ucylcbiAgICB0aGlzLmhlaWdodCA9IG9wdGlvbnMuaGVpZ2h0IHx8ICdhdXRvJztcbiAgICB0aGlzLmNvbnRyb2wgPSBuZXcgSWJGb3JtQ29udHJvbEJhc2VDb21wb25lbnQoSWJNYXRUZXh0YXJlYUNvbXBvbmVudCwge1xuICAgICAgYmFzZTogdGhpc1xuICAgIH0pXG4gIH1cbn1cblxuXG5leHBvcnQgaW50ZXJmYWNlIEliTWF0VGV4dGFyZWFQYXJhbXMgZXh0ZW5kcyBJYkZvcm1Db250cm9sQmFzZVBhcmFtczxzdHJpbmc+e1xuICBoZWlnaHQ/OiBzdHJpbmc7XG59XG5cblxuZXhwb3J0IGludGVyZmFjZSBJYk1hdFRleHRhcmVhRGF0YSBleHRlbmRzIEliRm9ybUNvbnRyb2xEYXRhIHtcbiAgYmFzZTogSWJNYXRUZXh0YXJlYVBhcmFtcztcbn1cbiJdfQ==