@mosaicoo/form-angular 0.3.0 → 0.5.0

package/fesm2022/mosaicoo-form-angular-material.mjs

@@ -0,0 +1,393 @@
+import { provideMosaicooForm } from '@mosaicoo/form-angular';
+import * as i0 from '@angular/core';
+import { input, Directive, ChangeDetectionStrategy, Component, computed } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { MatOption } from '@angular/material/core';
+import * as i2 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i3 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i4 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import * as i5 from '@angular/material/checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import * as i6 from '@angular/material/radio';
+import { MatRadioModule } from '@angular/material/radio';
+import { maskValue } from '@mosaicoo/form-core';
+
+/**
+ * Material Design 3 field components.
+ *
+ * Every component implements the renderer's `MformFieldComponent` contract
+ * (signal inputs `field`/`engine`/`path`/`tick`/`mode`) and talks to the form
+ * exclusively through the engine — validation, conditionals, calculations and
+ * events keep working unchanged. The HOST's Material theme (M3 tokens) styles
+ * everything; this entry adds no theming of its own.
+ */
+class MaterialFieldBase {
+    field = input.required(...(ngDevMode ? [{ debugName: "field" }] : /* istanbul ignore next */ []));
+    engine = input.required(...(ngDevMode ? [{ debugName: "engine" }] : /* istanbul ignore next */ []));
+    path = input.required(...(ngDevMode ? [{ debugName: "path" }] : /* istanbul ignore next */ []));
+    tick = input(0, ...(ngDevMode ? [{ debugName: "tick" }] : /* istanbul ignore next */ []));
+    mode = input('edit', ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+    /** Error state driven by the ENGINE, not by template validators. */
+    errorMatcher = {
+        isErrorState: () => this.errors().length > 0,
+    };
+    value() {
+        this.tick();
+        return this.engine().getValue(this.path());
+    }
+    errors() {
+        this.tick();
+        return this.engine().getFieldErrors(this.path());
+    }
+    firstError() {
+        return this.errors()[0]?.message ?? null;
+    }
+    required() {
+        return this.field().validators?.some((v) => v.type === 'required') ?? false;
+    }
+    disabled() {
+        return (this.mode() !== 'edit' ||
+            this.field().disabled === true ||
+            this.field().calculate !== undefined);
+    }
+    label() {
+        return this.field().label ?? this.field().key;
+    }
+    setValue(value) {
+        this.engine().setValue(this.path(), value);
+    }
+    touch() {
+        this.engine().markTouched(this.path());
+        void this.engine().validateFieldAsync(this.path());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: MaterialFieldBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.19", type: MaterialFieldBase, isStandalone: true, inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, engine: { classPropertyName: "engine", publicName: "engine", isSignal: true, isRequired: true, transformFunction: null }, path: { classPropertyName: "path", publicName: "path", isSignal: true, isRequired: true, transformFunction: null }, tick: { classPropertyName: "tick", publicName: "tick", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: MaterialFieldBase, decorators: [{
+            type: Directive
+        }], propDecorators: { field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: true }] }], engine: [{ type: i0.Input, args: [{ isSignal: true, alias: "engine", required: true }] }], path: [{ type: i0.Input, args: [{ isSignal: true, alias: "path", required: true }] }], tick: [{ type: i0.Input, args: [{ isSignal: true, alias: "tick", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }] } });
+class MatTextFieldComponent extends MaterialFieldBase {
+    isTextarea() {
+        return this.field().type === 'textarea';
+    }
+    stringValue() {
+        const value = this.value();
+        if (value === undefined || value === null)
+            return '';
+        const mask = this.field().format?.mask;
+        if (mask && typeof value === 'string')
+            return maskValue(value, mask).masked;
+        return String(value);
+    }
+    inputType() {
+        switch (this.field().type) {
+            case 'number':
+            case 'currency':
+                return 'number';
+            case 'email': return 'email';
+            case 'password': return 'password';
+            case 'phone': return 'tel';
+            case 'url': return 'url';
+            case 'time': return 'time';
+            case 'datetime': return 'datetime-local';
+            case 'day': return 'date';
+            default: return 'text';
+        }
+    }
+    prefixText() {
+        const value = this.field().props?.['prefix'];
+        return typeof value === 'string' && value ? value : null;
+    }
+    suffixText() {
+        const value = this.field().props?.['suffix'];
+        return typeof value === 'string' && value ? value : null;
+    }
+    write(raw) {
+        const mask = this.field().format?.mask;
+        if (mask) {
+            const { masked, raw: stripped } = maskValue(raw, mask);
+            this.setValue(this.field().format?.keepMask ? masked : stripped);
+            return;
+        }
+        if (this.field().dataType === 'number') {
+            const parsed = raw === '' ? undefined : Number(raw);
+            this.setValue(parsed !== undefined && Number.isFinite(parsed) ? parsed : undefined);
+            return;
+        }
+        this.setValue(raw);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: MatTextFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: MatTextFieldComponent, isStandalone: true, selector: "mform-mat-text", usesInheritance: true, ngImport: i0, template: `
+    <mat-form-field appearance="outline" class="mform-mat-field">
+      <mat-label>{{ label() }}</mat-label>
+      @if (isTextarea()) {
+        <textarea
+          matInput
+          [rows]="3"
+          [ngModel]="stringValue()"
+          [errorStateMatcher]="errorMatcher"
+          [placeholder]="field().placeholder ?? ''"
+          [required]="required()"
+          [disabled]="disabled()"
+          (ngModelChange)="write($event)"
+          (blur)="touch()"
+        ></textarea>
+      } @else {
+        <input
+          matInput
+          [type]="inputType()"
+          [ngModel]="stringValue()"
+          [errorStateMatcher]="errorMatcher"
+          [placeholder]="field().placeholder ?? ''"
+          [required]="required()"
+          [disabled]="disabled()"
+          (ngModelChange)="write($event)"
+          (blur)="touch()"
+        />
+      }
+      @if (prefixText(); as p) {
+        <span matTextPrefix>{{ p }}&nbsp;</span>
+      }
+      @if (suffixText(); as s) {
+        <span matTextSuffix>{{ s }}</span>
+      }
+      @if (field().description; as hint) {
+        <mat-hint>{{ hint }}</mat-hint>
+      }
+      @if (firstError(); as error) {
+        <mat-error>{{ error }}</mat-error>
+      }
+    </mat-form-field>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: MatTextFieldComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mform-mat-text',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [FormsModule, MatFormFieldModule, MatInputModule],
+                    template: `
+    <mat-form-field appearance="outline" class="mform-mat-field">
+      <mat-label>{{ label() }}</mat-label>
+      @if (isTextarea()) {
+        <textarea
+          matInput
+          [rows]="3"
+          [ngModel]="stringValue()"
+          [errorStateMatcher]="errorMatcher"
+          [placeholder]="field().placeholder ?? ''"
+          [required]="required()"
+          [disabled]="disabled()"
+          (ngModelChange)="write($event)"
+          (blur)="touch()"
+        ></textarea>
+      } @else {
+        <input
+          matInput
+          [type]="inputType()"
+          [ngModel]="stringValue()"
+          [errorStateMatcher]="errorMatcher"
+          [placeholder]="field().placeholder ?? ''"
+          [required]="required()"
+          [disabled]="disabled()"
+          (ngModelChange)="write($event)"
+          (blur)="touch()"
+        />
+      }
+      @if (prefixText(); as p) {
+        <span matTextPrefix>{{ p }}&nbsp;</span>
+      }
+      @if (suffixText(); as s) {
+        <span matTextSuffix>{{ s }}</span>
+      }
+      @if (field().description; as hint) {
+        <mat-hint>{{ hint }}</mat-hint>
+      }
+      @if (firstError(); as error) {
+        <mat-error>{{ error }}</mat-error>
+      }
+    </mat-form-field>
+  `,
+                }]
+        }] });
+class MatSelectFieldComponent extends MaterialFieldBase {
+    options = computed(() => this.field().options ?? [], ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: MatSelectFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: MatSelectFieldComponent, isStandalone: true, selector: "mform-mat-select", usesInheritance: true, ngImport: i0, template: `
+    <mat-form-field appearance="outline" class="mform-mat-field">
+      <mat-label>{{ label() }}</mat-label>
+      <mat-select
+        [ngModel]="value()"
+        [errorStateMatcher]="errorMatcher"
+        [required]="required()"
+        [disabled]="disabled()"
+        (ngModelChange)="setValue($event)"
+        (closed)="touch()"
+      >
+        @for (option of options(); track option.value) {
+          <mat-option [value]="option.value">{{ option.label }}</mat-option>
+        }
+      </mat-select>
+      @if (field().description; as hint) {
+        <mat-hint>{{ hint }}</mat-hint>
+      }
+      @if (firstError(); as error) {
+        <mat-error>{{ error }}</mat-error>
+      }
+    </mat-form-field>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4.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", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: MatSelectFieldComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mform-mat-select',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [FormsModule, MatFormFieldModule, MatSelectModule, MatOption],
+                    template: `
+    <mat-form-field appearance="outline" class="mform-mat-field">
+      <mat-label>{{ label() }}</mat-label>
+      <mat-select
+        [ngModel]="value()"
+        [errorStateMatcher]="errorMatcher"
+        [required]="required()"
+        [disabled]="disabled()"
+        (ngModelChange)="setValue($event)"
+        (closed)="touch()"
+      >
+        @for (option of options(); track option.value) {
+          <mat-option [value]="option.value">{{ option.label }}</mat-option>
+        }
+      </mat-select>
+      @if (field().description; as hint) {
+        <mat-hint>{{ hint }}</mat-hint>
+      }
+      @if (firstError(); as error) {
+        <mat-error>{{ error }}</mat-error>
+      }
+    </mat-form-field>
+  `,
+                }]
+        }] });
+class MatCheckboxFieldComponent extends MaterialFieldBase {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: MatCheckboxFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: MatCheckboxFieldComponent, isStandalone: true, selector: "mform-mat-checkbox", usesInheritance: true, ngImport: i0, template: `
+    <div class="mform-mat-checkbox">
+      <mat-checkbox
+        [ngModel]="value() === true"
+        [required]="required()"
+        [disabled]="disabled()"
+        (ngModelChange)="setValue($event)"
+        (blur)="touch()"
+      >
+        {{ label() }}
+      </mat-checkbox>
+      @if (firstError(); as error) {
+        <div class="mform-mat-error">{{ error }}</div>
+      }
+    </div>
+  `, isInline: true, styles: [".mform-mat-error{color:var(--mat-sys-error, #ba1a1a);font-size:12px;padding-left:12px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i5.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: MatCheckboxFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mform-mat-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, MatCheckboxModule], template: `
+    <div class="mform-mat-checkbox">
+      <mat-checkbox
+        [ngModel]="value() === true"
+        [required]="required()"
+        [disabled]="disabled()"
+        (ngModelChange)="setValue($event)"
+        (blur)="touch()"
+      >
+        {{ label() }}
+      </mat-checkbox>
+      @if (firstError(); as error) {
+        <div class="mform-mat-error">{{ error }}</div>
+      }
+    </div>
+  `, styles: [".mform-mat-error{color:var(--mat-sys-error, #ba1a1a);font-size:12px;padding-left:12px}\n"] }]
+        }] });
+class MatRadioFieldComponent extends MaterialFieldBase {
+    options = computed(() => this.field().options ?? [], ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: MatRadioFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: MatRadioFieldComponent, isStandalone: true, selector: "mform-mat-radio", usesInheritance: true, ngImport: i0, template: `
+    <div class="mform-mat-radio">
+      <span class="mform-mat-radio-label">{{ label() }}</span>
+      <mat-radio-group
+        [ngModel]="value()"
+        [disabled]="disabled()"
+        (ngModelChange)="setValue($event)"
+      >
+        @for (option of options(); track option.value) {
+          <mat-radio-button [value]="option.value">{{ option.label }}</mat-radio-button>
+        }
+      </mat-radio-group>
+      @if (firstError(); as error) {
+        <div class="mform-mat-error">{{ error }}</div>
+      }
+    </div>
+  `, isInline: true, styles: [".mform-mat-radio{display:flex;flex-direction:column;gap:4px}.mform-mat-radio-label{font-size:13px;font-weight:500}.mform-mat-radio mat-radio-group{display:flex;flex-direction:column}.mform-mat-error{color:var(--mat-sys-error, #ba1a1a);font-size:12px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i6.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i6.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: MatRadioFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mform-mat-radio', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, MatRadioModule], template: `
+    <div class="mform-mat-radio">
+      <span class="mform-mat-radio-label">{{ label() }}</span>
+      <mat-radio-group
+        [ngModel]="value()"
+        [disabled]="disabled()"
+        (ngModelChange)="setValue($event)"
+      >
+        @for (option of options(); track option.value) {
+          <mat-radio-button [value]="option.value">{{ option.label }}</mat-radio-button>
+        }
+      </mat-radio-group>
+      @if (firstError(); as error) {
+        <div class="mform-mat-error">{{ error }}</div>
+      }
+    </div>
+  `, styles: [".mform-mat-radio{display:flex;flex-direction:column;gap:4px}.mform-mat-radio-label{font-size:13px;font-weight:500}.mform-mat-radio mat-radio-group{display:flex;flex-direction:column}.mform-mat-error{color:var(--mat-sys-error, #ba1a1a);font-size:12px}\n"] }]
+        }] });
+
+/** Field types rendered with Material components (others stay built-in). */
+const MATERIAL_FIELD_COMPONENTS = {
+    text: MatTextFieldComponent,
+    textarea: MatTextFieldComponent,
+    number: MatTextFieldComponent,
+    currency: MatTextFieldComponent,
+    email: MatTextFieldComponent,
+    password: MatTextFieldComponent,
+    phone: MatTextFieldComponent,
+    url: MatTextFieldComponent,
+    time: MatTextFieldComponent,
+    datetime: MatTextFieldComponent,
+    day: MatTextFieldComponent,
+    select: MatSelectFieldComponent,
+    checkbox: MatCheckboxFieldComponent,
+    radio: MatRadioFieldComponent,
+};
+/**
+ * Registers the Material field set:
+ *
+ * ```ts
+ * bootstrapApplication(App, {
+ *   providers: [provideMaterialForms()],
+ * });
+ * ```
+ *
+ * Composable: later `provideMosaicooForm({components})` calls can override
+ * individual types (host-specific fields win).
+ */
+function provideMaterialForms() {
+    return provideMosaicooForm({ components: MATERIAL_FIELD_COMPONENTS });
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MATERIAL_FIELD_COMPONENTS, MatCheckboxFieldComponent, MatRadioFieldComponent, MatSelectFieldComponent, MatTextFieldComponent, provideMaterialForms };
+//# sourceMappingURL=mosaicoo-form-angular-material.mjs.map

package/fesm2022/mosaicoo-form-angular-material.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mosaicoo-form-angular-material.mjs","sources":["../../../packages/angular/material/src/material-fields.ts","../../../packages/angular/material/src/public-api.ts","../../../packages/angular/material/src/mosaicoo-form-angular-material.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, computed, input } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { ErrorStateMatcher, MatOption } from '@angular/material/core';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatRadioModule } from '@angular/material/radio';\nimport { maskValue } from '@mosaicoo/form-core';\nimport type { FieldOption, FormEngine, InputField } from '@mosaicoo/form-core';\n\n/**\n * Material Design 3 field components.\n *\n * Every component implements the renderer's `MformFieldComponent` contract\n * (signal inputs `field`/`engine`/`path`/`tick`/`mode`) and talks to the form\n * exclusively through the engine — validation, conditionals, calculations and\n * events keep working unchanged. The HOST's Material theme (M3 tokens) styles\n * everything; this entry adds no theming of its own.\n */\n\n@Directive()\nabstract class MaterialFieldBase {\n  readonly field = input.required<InputField>();\n  readonly engine = input.required<FormEngine>();\n  readonly path = input.required<string>();\n  readonly tick = input<number>(0);\n  readonly mode = input<'edit' | 'readonly' | 'disabled'>('edit');\n\n  /** Error state driven by the ENGINE, not by template validators. */\n  readonly errorMatcher: ErrorStateMatcher = {\n    isErrorState: () => this.errors().length > 0,\n  };\n\n  value(): unknown {\n    this.tick();\n    return this.engine().getValue(this.path());\n  }\n\n  errors() {\n    this.tick();\n    return this.engine().getFieldErrors(this.path());\n  }\n\n  firstError(): string | null {\n    return this.errors()[0]?.message ?? null;\n  }\n\n  required(): boolean {\n    return this.field().validators?.some((v) => v.type === 'required') ?? false;\n  }\n\n  disabled(): boolean {\n    return (\n      this.mode() !== 'edit' ||\n      this.field().disabled === true ||\n      this.field().calculate !== undefined\n    );\n  }\n\n  label(): string {\n    return this.field().label ?? this.field().key;\n  }\n\n  setValue(value: unknown): void {\n    this.engine().setValue(this.path(), value);\n  }\n\n  touch(): void {\n    this.engine().markTouched(this.path());\n    void this.engine().validateFieldAsync(this.path());\n  }\n}\n\n@Component({\n  selector: 'mform-mat-text',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [FormsModule, MatFormFieldModule, MatInputModule],\n  template: `\n    <mat-form-field appearance=\"outline\" class=\"mform-mat-field\">\n      <mat-label>{{ label() }}</mat-label>\n      @if (isTextarea()) {\n        <textarea\n          matInput\n          [rows]=\"3\"\n          [ngModel]=\"stringValue()\"\n          [errorStateMatcher]=\"errorMatcher\"\n          [placeholder]=\"field().placeholder ?? ''\"\n          [required]=\"required()\"\n          [disabled]=\"disabled()\"\n          (ngModelChange)=\"write($event)\"\n          (blur)=\"touch()\"\n        ></textarea>\n      } @else {\n        <input\n          matInput\n          [type]=\"inputType()\"\n          [ngModel]=\"stringValue()\"\n          [errorStateMatcher]=\"errorMatcher\"\n          [placeholder]=\"field().placeholder ?? ''\"\n          [required]=\"required()\"\n          [disabled]=\"disabled()\"\n          (ngModelChange)=\"write($event)\"\n          (blur)=\"touch()\"\n        />\n      }\n      @if (prefixText(); as p) {\n        <span matTextPrefix>{{ p }}&nbsp;</span>\n      }\n      @if (suffixText(); as s) {\n        <span matTextSuffix>{{ s }}</span>\n      }\n      @if (field().description; as hint) {\n        <mat-hint>{{ hint }}</mat-hint>\n      }\n      @if (firstError(); as error) {\n        <mat-error>{{ error }}</mat-error>\n      }\n    </mat-form-field>\n  `,\n})\nexport class MatTextFieldComponent extends MaterialFieldBase {\n  isTextarea(): boolean {\n    return this.field().type === 'textarea';\n  }\n\n  stringValue(): string {\n    const value = this.value();\n    if (value === undefined || value === null) return '';\n    const mask = this.field().format?.mask;\n    if (mask && typeof value === 'string') return maskValue(value, mask).masked;\n    return String(value);\n  }\n\n  inputType(): string {\n    switch (this.field().type) {\n      case 'number':\n      case 'currency':\n        return 'number';\n      case 'email': return 'email';\n      case 'password': return 'password';\n      case 'phone': return 'tel';\n      case 'url': return 'url';\n      case 'time': return 'time';\n      case 'datetime': return 'datetime-local';\n      case 'day': return 'date';\n      default: return 'text';\n    }\n  }\n\n  prefixText(): string | null {\n    const value = this.field().props?.['prefix'];\n    return typeof value === 'string' && value ? value : null;\n  }\n\n  suffixText(): string | null {\n    const value = this.field().props?.['suffix'];\n    return typeof value === 'string' && value ? value : null;\n  }\n\n  write(raw: string): void {\n    const mask = this.field().format?.mask;\n    if (mask) {\n      const { masked, raw: stripped } = maskValue(raw, mask);\n      this.setValue(this.field().format?.keepMask ? masked : stripped);\n      return;\n    }\n    if (this.field().dataType === 'number') {\n      const parsed = raw === '' ? undefined : Number(raw);\n      this.setValue(parsed !== undefined && Number.isFinite(parsed) ? parsed : undefined);\n      return;\n    }\n    this.setValue(raw);\n  }\n}\n\n@Component({\n  selector: 'mform-mat-select',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [FormsModule, MatFormFieldModule, MatSelectModule, MatOption],\n  template: `\n    <mat-form-field appearance=\"outline\" class=\"mform-mat-field\">\n      <mat-label>{{ label() }}</mat-label>\n      <mat-select\n        [ngModel]=\"value()\"\n        [errorStateMatcher]=\"errorMatcher\"\n        [required]=\"required()\"\n        [disabled]=\"disabled()\"\n        (ngModelChange)=\"setValue($event)\"\n        (closed)=\"touch()\"\n      >\n        @for (option of options(); track option.value) {\n          <mat-option [value]=\"option.value\">{{ option.label }}</mat-option>\n        }\n      </mat-select>\n      @if (field().description; as hint) {\n        <mat-hint>{{ hint }}</mat-hint>\n      }\n      @if (firstError(); as error) {\n        <mat-error>{{ error }}</mat-error>\n      }\n    </mat-form-field>\n  `,\n})\nexport class MatSelectFieldComponent extends MaterialFieldBase {\n  readonly options = computed<FieldOption[]>(() => this.field().options ?? []);\n}\n\n@Component({\n  selector: 'mform-mat-checkbox',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [FormsModule, MatCheckboxModule],\n  template: `\n    <div class=\"mform-mat-checkbox\">\n      <mat-checkbox\n        [ngModel]=\"value() === true\"\n        [required]=\"required()\"\n        [disabled]=\"disabled()\"\n        (ngModelChange)=\"setValue($event)\"\n        (blur)=\"touch()\"\n      >\n        {{ label() }}\n      </mat-checkbox>\n      @if (firstError(); as error) {\n        <div class=\"mform-mat-error\">{{ error }}</div>\n      }\n    </div>\n  `,\n  styles: `\n    .mform-mat-error { color: var(--mat-sys-error, #ba1a1a); font-size: 12px; padding-left: 12px; }\n  `,\n})\nexport class MatCheckboxFieldComponent extends MaterialFieldBase {}\n\n@Component({\n  selector: 'mform-mat-radio',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [FormsModule, MatRadioModule],\n  template: `\n    <div class=\"mform-mat-radio\">\n      <span class=\"mform-mat-radio-label\">{{ label() }}</span>\n      <mat-radio-group\n        [ngModel]=\"value()\"\n        [disabled]=\"disabled()\"\n        (ngModelChange)=\"setValue($event)\"\n      >\n        @for (option of options(); track option.value) {\n          <mat-radio-button [value]=\"option.value\">{{ option.label }}</mat-radio-button>\n        }\n      </mat-radio-group>\n      @if (firstError(); as error) {\n        <div class=\"mform-mat-error\">{{ error }}</div>\n      }\n    </div>\n  `,\n  styles: `\n    .mform-mat-radio { display: flex; flex-direction: column; gap: 4px; }\n    .mform-mat-radio-label { font-size: 13px; font-weight: 500; }\n    .mform-mat-radio mat-radio-group { display: flex; flex-direction: column; }\n    .mform-mat-error { color: var(--mat-sys-error, #ba1a1a); font-size: 12px; }\n  `,\n})\nexport class MatRadioFieldComponent extends MaterialFieldBase {\n  readonly options = computed<FieldOption[]>(() => this.field().options ?? []);\n}\n","/*\n * Material adapter entry point (`@mosaicoo/form-angular/material`).\n *\n * Optional: requires the host to install @angular/material (optional peer).\n * Registers Material Design 3 field components over the runtime's registry —\n * unmapped types keep the built-in accessible renderers. The host's Material\n * theme (M3 tokens) drives all styling.\n */\nimport { type EnvironmentProviders } from '@angular/core';\nimport { provideMosaicooForm, type FieldComponentMap } from '@mosaicoo/form-angular';\nimport {\n  MatCheckboxFieldComponent,\n  MatRadioFieldComponent,\n  MatSelectFieldComponent,\n  MatTextFieldComponent,\n} from './material-fields.js';\n\nexport {\n  MatCheckboxFieldComponent,\n  MatRadioFieldComponent,\n  MatSelectFieldComponent,\n  MatTextFieldComponent,\n};\n\n/** Field types rendered with Material components (others stay built-in). */\nexport const MATERIAL_FIELD_COMPONENTS: FieldComponentMap = {\n  text: MatTextFieldComponent,\n  textarea: MatTextFieldComponent,\n  number: MatTextFieldComponent,\n  currency: MatTextFieldComponent,\n  email: MatTextFieldComponent,\n  password: MatTextFieldComponent,\n  phone: MatTextFieldComponent,\n  url: MatTextFieldComponent,\n  time: MatTextFieldComponent,\n  datetime: MatTextFieldComponent,\n  day: MatTextFieldComponent,\n  select: MatSelectFieldComponent,\n  checkbox: MatCheckboxFieldComponent,\n  radio: MatRadioFieldComponent,\n};\n\n/**\n * Registers the Material field set:\n *\n * ```ts\n * bootstrapApplication(App, {\n *   providers: [provideMaterialForms()],\n * });\n * ```\n *\n * Composable: later `provideMosaicooForm({components})` calls can override\n * individual types (host-specific fields win).\n */\nexport function provideMaterialForms(): EnvironmentProviders {\n  return provideMosaicooForm({ components: MATERIAL_FIELD_COMPONENTS });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAWA;;;;;;;;AAQG;AAEH,MACe,iBAAiB,CAAA;AACrB,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,2EAAc;AACpC,IAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,4EAAc;AACrC,IAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,0EAAU;AAC/B,IAAA,IAAI,GAAG,KAAK,CAAS,CAAC,2EAAC;AACvB,IAAA,IAAI,GAAG,KAAK,CAAmC,MAAM,2EAAC;;AAGtD,IAAA,YAAY,GAAsB;QACzC,YAAY,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,GAAG,CAAC;KAC7C;IAED,KAAK,GAAA;QACH,IAAI,CAAC,IAAI,EAAE;AACX,QAAA,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IAC5C;IAEA,MAAM,GAAA;QACJ,IAAI,CAAC,IAAI,EAAE;AACX,QAAA,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IAClD;IAEA,UAAU,GAAA;QACR,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,IAAI,IAAI;IAC1C;IAEA,QAAQ,GAAA;QACN,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC,IAAI,KAAK;IAC7E;IAEA,QAAQ,GAAA;AACN,QAAA,QACE,IAAI,CAAC,IAAI,EAAE,KAAK,MAAM;AACtB,YAAA,IAAI,CAAC,KAAK,EAAE,CAAC,QAAQ,KAAK,IAAI;YAC9B,IAAI,CAAC,KAAK,EAAE,CAAC,SAAS,KAAK,SAAS;IAExC;IAEA,KAAK,GAAA;AACH,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG;IAC/C;AAEA,IAAA,QAAQ,CAAC,KAAc,EAAA;AACrB,QAAA,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,KAAK,CAAC;IAC5C;IAEA,KAAK,GAAA;QACH,IAAI,CAAC,MAAM,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;AACtC,QAAA,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IACpD;wGAjDa,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAD/B;;AAoGK,MAAO,qBAAsB,SAAQ,iBAAiB,CAAA;IAC1D,UAAU,GAAA;QACR,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,KAAK,UAAU;IACzC;IAEA,WAAW,GAAA;AACT,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;AAC1B,QAAA,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;AAAE,YAAA,OAAO,EAAE;QACpD,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,IAAI;AACtC,QAAA,IAAI,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ;YAAE,OAAO,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,MAAM;AAC3E,QAAA,OAAO,MAAM,CAAC,KAAK,CAAC;IACtB;IAEA,SAAS,GAAA;AACP,QAAA,QAAQ,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI;AACvB,YAAA,KAAK,QAAQ;AACb,YAAA,KAAK,UAAU;AACb,gBAAA,OAAO,QAAQ;AACjB,YAAA,KAAK,OAAO,EAAE,OAAO,OAAO;AAC5B,YAAA,KAAK,UAAU,EAAE,OAAO,UAAU;AAClC,YAAA,KAAK,OAAO,EAAE,OAAO,KAAK;AAC1B,YAAA,KAAK,KAAK,EAAE,OAAO,KAAK;AACxB,YAAA,KAAK,MAAM,EAAE,OAAO,MAAM;AAC1B,YAAA,KAAK,UAAU,EAAE,OAAO,gBAAgB;AACxC,YAAA,KAAK,KAAK,EAAE,OAAO,MAAM;AACzB,YAAA,SAAS,OAAO,MAAM;;IAE1B;IAEA,UAAU,GAAA;AACR,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,QAAQ,CAAC;AAC5C,QAAA,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,GAAG,KAAK,GAAG,IAAI;IAC1D;IAEA,UAAU,GAAA;AACR,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,QAAQ,CAAC;AAC5C,QAAA,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,GAAG,KAAK,GAAG,IAAI;IAC1D;AAEA,IAAA,KAAK,CAAC,GAAW,EAAA;QACf,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,IAAI;QACtC,IAAI,IAAI,EAAE;AACR,YAAA,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC,GAAG,EAAE,IAAI,CAAC;YACtD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;YAChE;QACF;QACA,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,QAAQ,KAAK,QAAQ,EAAE;AACtC,YAAA,MAAM,MAAM,GAAG,GAAG,KAAK,EAAE,GAAG,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC;YACnD,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,SAAS,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,SAAS,CAAC;YACnF;QACF;AACA,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC;IACpB;wGApDW,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA3CtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EA1CS,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,wIAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,kBAAkB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,IAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,+CAAA,EAAA,MAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,+CAAA,EAAA,MAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,yHAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,aAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FA4C9C,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBA/CjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;oBAC1B,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,OAAO,EAAE,CAAC,WAAW,EAAE,kBAAkB,EAAE,cAAc,CAAC;AAC1D,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCT,EAAA,CAAA;AACF,iBAAA;;AAoFK,MAAO,uBAAwB,SAAQ,iBAAiB,CAAA;AACnD,IAAA,OAAO,GAAG,QAAQ,CAAgB,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC,OAAO,IAAI,EAAE,8EAAC;wGADjE,uBAAuB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAxBxB;;;;;;;;;;;;;;;;;;;;;;AAsBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAvBS,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,wIAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,kBAAkB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,IAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,kBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,eAAA,EAAA,UAAA,EAAA,8BAAA,EAAA,aAAA,EAAA,UAAA,EAAA,UAAA,EAAA,wBAAA,EAAA,aAAA,EAAA,OAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,2BAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,YAAA,EAAA,0BAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,aAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,IAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAyB/C,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBA5BnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;oBAC5B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,WAAW,EAAE,kBAAkB,EAAE,eAAe,EAAE,SAAS,CAAC;AACtE,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;AAsBT,EAAA,CAAA;AACF,iBAAA;;AA6BK,MAAO,yBAA0B,SAAQ,iBAAiB,CAAA;wGAAnD,yBAAyB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAzB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EApB1B;;;;;;;;;;;;;;;GAeT,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,0FAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAhBS,WAAW,2jBAAE,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,eAAA,EAAA,WAAA,EAAA,IAAA,EAAA,UAAA,EAAA,eAAA,EAAA,MAAA,EAAA,OAAA,EAAA,eAAA,EAAA,UAAA,EAAA,OAAA,EAAA,qBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAqB7B,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAxBrC,SAAS;+BACE,oBAAoB,EAAA,eAAA,EACb,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,WAAW,EAAE,iBAAiB,CAAC,EAAA,QAAA,EAC/B;;;;;;;;;;;;;;;AAeT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,0FAAA,CAAA,EAAA;;AAmCG,MAAO,sBAAuB,SAAQ,iBAAiB,CAAA;AAClD,IAAA,OAAO,GAAG,QAAQ,CAAgB,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC,OAAO,IAAI,EAAE,8EAAC;wGADjE,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAxBvB;;;;;;;;;;;;;;;;GAgBT,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,8PAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAjBS,WAAW,8VAAE,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,eAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,qBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,SAAA,EAAA,OAAA,EAAA,eAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,EAAA,qBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAyB1B,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBA5BlC,SAAS;+BACE,iBAAiB,EAAA,eAAA,EACV,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,WAAW,EAAE,cAAc,CAAC,EAAA,QAAA,EAC5B;;;;;;;;;;;;;;;;AAgBT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,8PAAA,CAAA,EAAA;;;ACtOH;AACO,MAAM,yBAAyB,GAAsB;AAC1D,IAAA,IAAI,EAAE,qBAAqB;AAC3B,IAAA,QAAQ,EAAE,qBAAqB;AAC/B,IAAA,MAAM,EAAE,qBAAqB;AAC7B,IAAA,QAAQ,EAAE,qBAAqB;AAC/B,IAAA,KAAK,EAAE,qBAAqB;AAC5B,IAAA,QAAQ,EAAE,qBAAqB;AAC/B,IAAA,KAAK,EAAE,qBAAqB;AAC5B,IAAA,GAAG,EAAE,qBAAqB;AAC1B,IAAA,IAAI,EAAE,qBAAqB;AAC3B,IAAA,QAAQ,EAAE,qBAAqB;AAC/B,IAAA,GAAG,EAAE,qBAAqB;AAC1B,IAAA,MAAM,EAAE,uBAAuB;AAC/B,IAAA,QAAQ,EAAE,yBAAyB;AACnC,IAAA,KAAK,EAAE,sBAAsB;;AAG/B;;;;;;;;;;;AAWG;SACa,oBAAoB,GAAA;IAClC,OAAO,mBAAmB,CAAC,EAAE,UAAU,EAAE,yBAAyB,EAAE,CAAC;AACvE;;ACxDA;;AAEG;;;;"}