@decaf-ts/for-angular 0.0.3

package/dist/for-angular/components/decaf-crud-form/constants.d.ts

@@ -0,0 +1,5 @@
+import { CrudFormOptions } from './types';
+export declare const CssClasses: {
+    BUTTONS_CONTAINER: string;
+};
+export declare const DefaultFormReactiveOptions: CrudFormOptions;

package/dist/for-angular/components/decaf-crud-form/decaf-crud-form.component.d.ts

@@ -0,0 +1,28 @@
+import { ElementRef, OnInit, AfterViewInit, EventEmitter, OnDestroy } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { FormElement } from '../../interfaces';
+import { FieldUpdateMode, HTMLFormTarget } from '../../engine';
+import { CrudFormOptions, FormReactiveSubmitEvent } from './types';
+import { CrudOperations } from '@decaf-ts/db-decorators';
+import * as i0 from "@angular/core";
+export declare class DecafCrudFormComponent implements OnInit, AfterViewInit, FormElement, OnDestroy {
+    updateOn: FieldUpdateMode;
+    component: ElementRef;
+    target: HTMLFormTarget;
+    method: 'get' | 'post' | 'event';
+    options: CrudFormOptions;
+    action?: string;
+    operation: CrudOperations;
+    formGroup: FormGroup;
+    formId: string;
+    submitEvent: EventEmitter<FormReactiveSubmitEvent>;
+    ngAfterViewInit(): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * @param  {Event} event
+     */
+    submit(event: SubmitEvent): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DecafCrudFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DecafCrudFormComponent, "decaf-crud-form", never, { "updateOn": { "alias": "updateOn"; "required": false; }; "target": { "alias": "target"; "required": false; }; "method": { "alias": "method"; "required": false; }; "options": { "alias": "options"; "required": false; }; "action": { "alias": "action"; "required": false; }; "operation": { "alias": "operation"; "required": true; }; "formGroup": { "alias": "formGroup"; "required": false; }; "formId": { "alias": "formId"; "required": false; }; }, { "submitEvent": "submitEvent"; }, never, ["*"], true, never>;
+}

package/dist/for-angular/components/decaf-crud-form/types.d.ts

@@ -0,0 +1,17 @@
+export interface FormReactiveSubmitEvent {
+    data: Record<string, unknown>;
+}
+export interface CrudFormOptions {
+    buttons: {
+        submit: {
+            icon?: string;
+            iconSlot?: 'start' | 'end';
+            text?: string;
+        };
+        clear?: {
+            icon?: string;
+            iconSlot?: 'start' | 'end';
+            text?: string;
+        };
+    };
+}

package/dist/for-angular/components/decaf-model-renderer/decaf-model-renderer.component.d.ts

@@ -0,0 +1,20 @@
+import { OnChanges, OnInit, SimpleChanges, ViewContainerRef } from '@angular/core';
+import { FieldDefinition } from '@decaf-ts/ui-decorators';
+import { Model } from '@decaf-ts/decorator-validation';
+import { AngularFieldDefinition } from '../../engine';
+import * as i0 from "@angular/core";
+export declare class DecafModelRendererComponent<M extends Model> implements OnInit, OnChanges {
+    private vcr;
+    model: M | string;
+    component: unknown;
+    props: Record<string, unknown>;
+    content: {
+        id: string;
+    }[][];
+    output: FieldDefinition<AngularFieldDefinition>;
+    constructor(vcr: ViewContainerRef);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DecafModelRendererComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DecafModelRendererComponent<any>, "decaf-model-renderer", never, { "model": { "alias": "model"; "required": true; }; }, {}, never, never, true, never>;
+}

package/dist/for-angular/directives/decaf-field.directive.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class DecafFieldDirective {
+    fieldName: string;
+    name: string;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<DecafFieldDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DecafFieldDirective, "[appDecafField]", never, { "fieldName": { "alias": "appDecafField"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/for-angular/engine/DynamicModule.d.ts

@@ -0,0 +1,2 @@
+export declare abstract class DynamicModule {
+}

package/dist/for-angular/engine/NgxCrudFormField.d.ts

@@ -0,0 +1,115 @@
+import { CrudFormField } from '@decaf-ts/ui-decorators';
+import { AngularFieldDefinition, FieldUpdateMode } from './types';
+import { CrudOperations } from '@decaf-ts/db-decorators';
+import { ControlValueAccessor, FormGroup } from '@angular/forms';
+import { ElementRef } from '@angular/core';
+/**
+ * @class NgxCrudFormField
+ * @implements {CrudFormField<AngularFieldDefinition>}
+ * @implements {ControlValueAccessor}
+ * @summary Abstract class representing a CRUD form field for Angular applications
+ * @description This class provides the base implementation for CRUD form fields in Angular,
+ * implementing both CrudFormField and ControlValueAccessor interfaces.
+ */
+export declare abstract class NgxCrudFormField implements CrudFormField<AngularFieldDefinition>, ControlValueAccessor {
+    /**
+     * @summary Reference to the component's element
+     * @description ElementRef representing the component's native element
+     */
+    component: ElementRef;
+    /**
+     * @summary Current CRUD operation
+     * @description Represents the current CRUD operation being performed
+     */
+    operation: CrudOperations;
+    /**
+     * @summary Field properties
+     * @description Angular-specific field definition properties
+     */
+    props: AngularFieldDefinition;
+    /**
+     * @summary Form group for the field
+     * @description Angular FormGroup instance for the field
+     */
+    formGroup: FormGroup;
+    /**
+     * @summary Field name
+     * @description Name of the form field
+     */
+    name: string;
+    /**
+     * @summary Field value
+     * @description Current value of the form field
+     */
+    value: string;
+    /**
+     * @summary Parent HTML element
+     * @description Reference to the parent HTML element of the field
+     */
+    protected parent?: HTMLElement;
+    /**
+     * @summary String formatting function
+     * @description Provides access to the sf function for error message formatting
+     */
+    sf: typeof import("@decaf-ts/decorator-validation").stringFormat;
+    /**
+     * @summary Change callback function
+     * @description Function called when the field value changes
+     */
+    onChange: () => unknown;
+    /**
+     * @summary Touch callback function
+     * @description Function called when the field is touched
+     */
+    onTouch: () => unknown;
+    /**
+     * @summary Write value to the field
+     * @description Sets the value of the field
+     * @param {string} obj - The value to be set
+     */
+    writeValue(obj: string): void;
+    /**
+     * @summary Register change callback
+     * @description Registers a function to be called when the field value changes
+     * @param {() => unknown} fn - The function to be called on change
+     */
+    registerOnChange(fn: () => unknown): void;
+    /**
+     * @summary Register touch callback
+     * @description Registers a function to be called when the field is touched
+     * @param {() => unknown} fn - The function to be called on touch
+     */
+    registerOnTouched(fn: () => unknown): void;
+    /**
+     * @summary Set disabled state
+     * @description Sets the disabled state of the field
+     * @param {boolean} isDisabled - Whether the field should be disabled
+     */
+    setDisabledState?(isDisabled: boolean): void;
+    /**
+     * @summary After view initialization logic
+     * @description Performs necessary setup after the view has been initialized
+     * @returns {HTMLElement} The parent element of the field
+     */
+    afterViewInit(): HTMLElement;
+    /**
+     * @summary Cleanup on component destruction
+     * @description Unregisters the field when the component is destroyed
+     */
+    onDestroy(): void;
+    /**
+     * @summary Initialize the field
+     * @description Sets up the form group and field name
+     * @param {FieldUpdateMode} updateOn - The update mode for the field
+     */
+    onInit(updateOn: FieldUpdateMode): void;
+    /**
+     * @summary Get field errors
+     * @description Retrieves all errors associated with the field
+     * @returns {{key: string, message: string}[]} An array of error objects
+     */
+    getErrors(): {
+        key: string;
+        message: string;
+    }[];
+}

package/dist/for-angular/engine/NgxFormService.d.ts

@@ -0,0 +1,119 @@
+import { FieldProperties } from '@decaf-ts/ui-decorators';
+import { AngularFieldDefinition, FieldUpdateMode } from './types';
+import { FormGroup } from '@angular/forms';
+import { FormElement } from '../interfaces';
+/**
+ * @summary Service for managing Angular forms and form controls.
+ * @description
+ * The NgxFormService provides utility methods for handling form initialization,
+ * validation, data retrieval, and form control management in Angular applications.
+ * It offers a centralized way to manage form controls, perform validations, and
+ * handle form-related operations.
+ */
+export declare class NgxFormService {
+    /**
+     * @summary Storage for form controls.
+     * @description
+     * A static object that stores form controls indexed by form ID and field name.
+     * @type {Record<string, Record<string, { control: FormGroup; props: AngularFieldDefinition }>>}
+     */
+    private static controls;
+    private constructor();
+    /**
+     * Initializes the form after the view has been initialized.
+     * This method sets up the form controls and creates a FormGroup.
+     *
+     * @param el - The form element to initialize.
+     * @param formId - The unique identifier for the form.
+     * @param formUpdateMode - The update mode for the form. Defaults to 'blur'.
+     */
+    /**
+     * @summary Initializes the form after view initialization.
+     * @description
+     * Sets up form controls and creates a FormGroup for the given form element.
+     *
+     * @param {FormElement} el - The form element to initialize.
+     * @param {string} formId - The unique identifier for the form.
+     * @param {FieldUpdateMode} [formUpdateMode='blur'] - The update mode for the form.
+     */
+    static formAfterViewInit(el: FormElement, formId: string, formUpdateMode?: FieldUpdateMode): void;
+    /**
+     * @summary Handles form component destruction.
+     * @description
+     * Unregisters the form from the service when the component is destroyed.
+     *
+     * @param {FormElement} el - The form element being destroyed.
+     * @param {string} formId - The unique identifier of the form to unregister.
+     */
+    static forOnDestroy(el: FormElement, formId: string): void;
+    /**
+     * @summary Retrieves form data for a given form ID.
+     * @description
+     * Processes form controls and returns their values as an object.
+     *
+     * @param {string} formId - The unique identifier of the form to retrieve data from.
+     * @returns {Record<string, unknown>} An object containing the form data.
+     * @throws {Error} If the form with the given ID is not found.
+     */
+    static getFormData(formId: string): Record<string, unknown>;
+    /**
+     * @summary Validates form fields.
+     * @description
+     * Validates either a specific field or all fields in the form group.
+     *
+     * @param {FormGroup} formGroup - The FormGroup to validate.
+     * @param {string} [fieldName] - Optional name of a specific field to validate.
+     * @returns {boolean} Indicates whether the validation passed (true) or failed (false).
+     */
+    static validateFields(formGroup: FormGroup, fieldName?: string): boolean;
+    /**
+     * @summary Creates a FormGroup from field properties.
+     * @description
+     * Generates a new FormGroup instance based on the provided field definition and update mode.
+     *
+     * @param {AngularFieldDefinition} props - The Angular field definition properties.
+     * @param {FieldUpdateMode} updateMode - The update mode for the form group.
+     * @returns {FormGroup} A new FormGroup instance.
+     */
+    static fromProps(props: AngularFieldDefinition, updateMode: FieldUpdateMode): FormGroup;
+    /**
+     * Retrieves a form by its ID from the stored controls.
+     *
+     * @param id - The unique identifier of the form to retrieve.
+     * @returns The form controls associated with the given ID.
+     * @throws Error if the form with the given ID is not found.
+     */
+    private static getFormById;
+    /**
+     * Retrieves a specific field from a form by its name.
+     *
+     * @param formId - The unique identifier of the form.
+     * @param name - The name of the field to retrieve.
+     * @returns The field control and properties.
+     * @throws Error if the field is not found in the form.
+     */
+    private static getFieldByName;
+    /**
+     * Generates an array of validator functions from the provided field properties.
+     *
+     * @param props - The field properties containing validation rules.
+     * @returns An array of ValidatorFn instances.
+     */
+    private static validatorsFromProps;
+    /**
+     *
+     * @param el
+     * @param tag
+     *
+     * @throws {Error} when no parent exists with the provided tag
+     */
+    static getParentEl(el: HTMLElement, tag: string): HTMLElement;
+    static register(formId: string, control: FormGroup, props: FieldProperties & AngularFieldDefinition): void;
+    /**
+     * Unregisters a form or a specific field from the service.
+     *
+     * @param formId - The unique identifier of the form.
+     * @param field - Optional. The specific field to unregister. If not provided, the entire form is unregistered.
+     */
+    static unregister(formId: string, field?: HTMLElement): void;
+}

package/dist/for-angular/engine/NgxRenderingEngine.d.ts

@@ -0,0 +1,17 @@
+import { RenderingEngine } from '@decaf-ts/ui-decorators';
+import { AngularFieldDefinition, ComponentMetadata } from './types';
+import { Constructor } from '@decaf-ts/decorator-validation';
+export declare class NgxRenderingEngine extends RenderingEngine<AngularFieldDefinition> {
+    private static _components;
+    constructor();
+    initialize(...args: any[]): Promise<void>;
+    static registerComponent(name: string, constructor: Constructor<unknown>, metadata: ComponentMetadata): void;
+    static components(selector?: string): {
+        constructor: Constructor<unknown>;
+        metadata: ComponentMetadata;
+    } | {
+        constructor: Constructor<unknown>;
+        metadata: ComponentMetadata;
+    }[];
+    static key(key: string): string;
+}

package/dist/for-angular/engine/ValidatorFactory.d.ts

@@ -0,0 +1,4 @@
+import { ValidatorFn } from '@angular/forms';
+export declare class ValidatorFactory {
+    static spawn(key: string, arg: unknown): ValidatorFn;
+}

package/dist/for-angular/engine/constants.d.ts

@@ -0,0 +1,10 @@
+export declare const AngularEngineKeys: {
+    REFLECT: string;
+    DYNAMIC: string;
+    ANNOTATIONS: string;
+    NG_REFLECT: string;
+};
+export declare const FormConstants: {
+    VALID: string;
+    INVALID: string;
+};

package/dist/for-angular/engine/decorators.d.ts

@@ -0,0 +1 @@
+export declare function Dynamic(): (target: object, propertyKey?: string | symbol | unknown, descriptor?: PropertyDescriptor) => void;

package/dist/for-angular/engine/index.d.ts

@@ -0,0 +1,5 @@
+export * from './constants';
+export * from './decorators';
+export * from './DynamicModule';
+export * from './NgxRenderingEngine';
+export * from './types';

package/dist/for-angular/engine/types.d.ts

@@ -0,0 +1,32 @@
+import { FieldProperties } from '@decaf-ts/ui-decorators';
+import { IonCheckbox, IonInput, IonSelect, IonTextarea } from '@ionic/angular';
+import { TextFieldTypes } from '@ionic/core';
+export type FieldUpdateMode = 'change' | 'blur' | 'submit';
+export interface ComponentMetadata {
+    changeDetection: number;
+    selector: string;
+    standalone: boolean;
+    imports: (new (...args: unknown[]) => unknown)[];
+    template: string;
+    styles: string[];
+}
+export type AngularFieldDefinition = FieldProperties & Omit<IonInput, 'ionInput' | 'ionFocus' | 'ionChange' | 'ionBlur' | 'getInputElement' | 'setFocus' | 'label' | 'el' | 'z' | 'type'> & Pick<IonSelect, 'cancelText' | 'interface' | 'selectedText' | 'interfaceOptions'> & Pick<IonTextarea, 'rows' | 'cols'> & Pick<IonCheckbox, 'alignment' | 'justify' | 'checked'> & {
+    type: 'checkbox' | 'radio' | 'select' | TextFieldTypes | 'textarea';
+    className: string | string[];
+} & Record<string, unknown>;
+export type StringOrBoolean = 'true' | 'false' | boolean;
+export type SelectOption = InputOption & {
+    selected?: boolean;
+};
+export type CheckboxOption = RadioOption;
+export type RadioOption = InputOption & {
+    checked?: boolean;
+};
+export interface InputOption {
+    text: string;
+    value: string | number;
+    disabled?: StringOrBoolean;
+    className?: string;
+    icon?: string;
+}
+export type HTMLFormTarget = '_blank' | '_self' | '_parent' | '_top' | string;

package/dist/for-angular/esm2022/components/decaf-crud-field/decaf-crud-field.component.mjs

@@ -0,0 +1,66 @@
+import { Component, CUSTOM_ELEMENTS_SCHEMA, ElementRef, Input, NO_ERRORS_SCHEMA, ViewChild, } from '@angular/core';
+import { FormGroup, ReactiveFormsModule } from '@angular/forms';
+import { HTML5InputTypes } from '@decaf-ts/ui-decorators';
+import { IonCheckbox, IonInput, IonItem, IonRadio, IonRadioGroup, IonSelect, IonSelectOption, } from '@ionic/angular/standalone';
+import { TranslatePipe } from '@ngx-translate/core';
+import { DecafFieldDirective } from '../../directives/decaf-field.directive';
+import { NgClass } from '@angular/common';
+import { NgxCrudFormField } from '../../engine/NgxCrudFormField';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+// @Dynamic()
+export class DecafCrudFieldComponent extends NgxCrudFormField {
+    constructor() {
+        super(...arguments);
+        this.updateOn = 'change';
+        this.translatable = true;
+        this.HTML5InputTypes = Object.values(HTML5InputTypes);
+    }
+    ngAfterViewInit() {
+        super.afterViewInit();
+    }
+    ngOnDestroy() {
+        this.onDestroy();
+    }
+    ngOnInit() {
+        super.onInit(this.updateOn);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DecafCrudFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DecafCrudFieldComponent, isStandalone: true, selector: "decaf-crud-field", inputs: { updateOn: "updateOn", operation: "operation", props: "props", name: "name", options: "options", formGroup: "formGroup", translatable: "translatable" }, viewQueries: [{ propertyName: "component", first: true, predicate: ["component"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<ng-container #component [formGroup]=\"formGroup\">\n  @if(props.type === 'textarea') {\n    <ion-item>\n      <ion-textarea\n        [ngClass]=\"props.className\"\n        [mode]=\"props.mode\"\n        [hidden]=\"props.hidden\"\n        [required]=\"props.required !== undefined ? props.required : null\"\n        [minlength]=\"props.minlength !== undefined ? props.minlength : null\"\n        [maxlength]=\"props.maxlength !== undefined ? props.maxlength : null\"\n        [readonly]=\"props.readonly !== undefined ? props.readonly : null\"\n        [inputmode]=\"props.inputmode\"\n        [spellcheck]=\"props.spellcheck\"\n        [rows]=\"props.rows\"\n        [labelPlacement]=\"props.labelPlacement\"\n        [value]=\"props.value\"\n        [fill]=\"props.fill\"\n        [placeholder]=\"translatable ? (props.placeholder | translate) : props.placeholder\"\n        [formControlName]=\"props.name\"\n        [label]=\"translatable ? (props.label | translate) : props.label\">\n      </ion-textarea>\n    </ion-item>\n  }\n  @if(props.type === 'checkbox') {\n    <ion-item [formControlName]=\"props.name\">\n      <ion-checkbox\n        #checkboxElement\n        [name]=\"props.name\"\n        [ngClass]=\"props.className\"\n        [mode]=\"props.mode\"\n        [hidden]=\"props.hidden\"\n        [labelPlacement]=\"props.labelPlacement\"\n        [alignment]=\"props.alignment\"\n        [justify]=\"props.justify\"\n        [disabled]=\"props.disabled || props.readonly\"\n        [attr.checkedValue]=\"props.value\"\n        [value]=\"props.value\"\n        [checked]=\"props.checked\"\n        (ionChange)=\"props.checked = !props.checked\"\n        [formControlName]=\"props.name\">\n        <span [innerHTML]=\"props.label | translate\"></span>\n      </ion-checkbox>\n    </ion-item>\n  }\n  @else if(props.type === 'radio') {\n    <ion-radio-group [ngClass]=\"props.className\" [formControlName]=\"props.name\" [name]=\"props.name\" [value]=\"props.value\">\n      <label class=\"radio-group-label\">{{props.label | translate}}</label>\n      @for(option of options; track option.value) {\n        <ion-item>\n          <ion-radio\n            [mode]=\"props.mode\"\n            [hidden]=\"props.hidden\"\n            [disabled]=\"props.readonly || props.disabled\"\n            [labelPlacement]=\"props.labelPlacement\"\n            [alignment]=\"props.alignment\"\n            [justify]=\"props.justify\"\n            [value]=\"option.value\"\n          >{{ option.text | translate }}</ion-radio>\n        </ion-item>\n      }\n    </ion-radio-group>\n  }\n  @else if(props.type === 'select') {\n    <ion-item>\n      <ion-select\n        [name]=\"props.name\"\n        [ngClass]=\"props.className\"\n        [mode]=\"props.mode\"\n        [hidden]=\"props.hidden\"\n        [labelPlacement]=\"props.labelPlacement\"\n        [cancelText]=\"props.cancelText |  translate\"\n        [label]=\"translatable ? (props.label | translate) : props.label\"\n        [value]=\"props.value\"\n        [fill]=\"props.fill\"\n        [disabled]=\"props.readonly || props.disabled\"\n        [placeholder]=\"props.placeholder | translate\"\n        [formControlName]=\"props.name\"\n        [interface]=\"props.interface\">\n        @for(option of options; track option.value) {\n          <ion-select-option [value]=\"option.value\">\n            {{ translatable ? (option.text | translate) : option.text }}\n          </ion-select-option>\n        }\n      </ion-select>\n    </ion-item>\n  }\n  @else if(HTML5InputTypes.includes(props.type)) {\n    <ion-item>\n      <ion-input\n        [ngClass]=\"props.className\"\n        [type]=\"props.type\"\n        [mode]=\"props.mode\"\n        [hidden]=\"props.hidden\"\n        [inputmode]=\"props.inputmode\"\n        [autocomplete]=\"props.autocomplete\"\n        [spellcheck]=\"props.spellcheck\"\n        [labelPlacement]=\"props.labelPlacement\"\n        [required]=\"props.required !== undefined ? props.required : false\"\n        [minlength]=\"props.minlength !== undefined ? props.minlength : null\"\n        [maxlength]=\"props.maxlength !== undefined ? props.maxlength : null\"\n        [readonly]=\"props.readonly !== undefined ? props.readonly : null\"\n        [max]=\"props.max !== undefined ? props.max : null\"\n        [min]=\"props.min !== undefined ? props.min : null\"\n        [pattern]=\"props.pattern !== undefined ? props.pattern : null\"\n        [step]=\"props.step !== undefined ? props.step : null\"\n        [value]=\"props.value\"\n        [fill]=\"props.fill\"\n        [placeholder]=\"props.placeholder | translate\"\n        [formControlName]=\"props.name\"\n        [label]=\"props.label | translate\">\n      </ion-input>\n    </ion-item>\n  }\n  @else {\n    <h1>INVALID FIELD TYPE</h1>\n  }\n  @if((!formGroup.pristine || formGroup.touched) && !formGroup.valid) {\n    <div class=\"error uk-flex uk-flex-top\">\n      @for(item of getErrors(); track item.key) {\n        <p>\n          <span color=\"danger\" class=\"ti ti-alert-triangle\"></span>\n          <span>{{item.key}} - {{ sf((\"errors.\" + item.message) | translate, props[item.key]) }}</span>\n        </p>\n      }\n    </div>\n  }\n</ng-container>\n", styles: [".disabled{opacity:.7;pointer-events:none;touch-action:none}.disabled *{pointer-events:none;touch-action:none}.proccessing,.proccessing *{pointer-events:none;touch-action:none;cursor:text}ion-item{--border-color: transparent;--padding-start: .75rem;--background: transparent;--background-hover-opacity: .1;--background-hover: var(--ion-color-primary);--background-activated-opacity: .15;--background-focused: var(--ion-color-primary);--background-focused-opacity: .15}ion-textarea textarea{scrollbar-width:thin!important;margin-bottom:.5rem!important}ion-select.select-label-placement-floating::part(label){line-height:1.2rem!important}.radio-group-label{margin-left:.5rem}.radio-group-label+ion-item{margin-top:.5rem}ion-checkbox{--size: 1.5rem;--checkbox-background-checked: var(--ion-color-primary);--checkmark-width: 2px}ion-checkbox::part(container){border-radius:50%;border:2px solid var(--ion-color-primary);padding:3px}ion-item+.helper,ion-radio-group+.helper{padding-left:.75rem;position:relative}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { 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.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonCheckbox, selector: "ion-checkbox", inputs: ["checked", "color", "disabled", "indeterminate", "justify", "labelPlacement", "mode", "name", "value"] }, { kind: "component", type: IonRadioGroup, selector: "ion-radio-group", inputs: ["allowEmptySelection", "compareWith", "name", "value"] }, { kind: "component", type: IonRadio, selector: "ion-radio", inputs: ["alignment", "color", "disabled", "justify", "labelPlacement", "mode", "name", "value"] }, { kind: "component", type: IonSelect, selector: "ion-select", inputs: ["cancelText", "color", "compareWith", "disabled", "expandedIcon", "fill", "interface", "interfaceOptions", "justify", "label", "labelPlacement", "mode", "multiple", "name", "okText", "placeholder", "selectedText", "shape", "toggleIcon", "value"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: IonSelectOption, selector: "ion-select-option", inputs: ["disabled", "value"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DecafCrudFieldComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [
+                        ReactiveFormsModule,
+                        NgClass,
+                        IonInput,
+                        IonItem,
+                        IonCheckbox,
+                        IonRadioGroup,
+                        IonRadio,
+                        IonSelect,
+                        TranslatePipe,
+                        IonSelectOption,
+                        DecafFieldDirective,
+                    ], schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA], selector: 'decaf-crud-field', template: "<ng-container #component [formGroup]=\"formGroup\">\n  @if(props.type === 'textarea') {\n    <ion-item>\n      <ion-textarea\n        [ngClass]=\"props.className\"\n        [mode]=\"props.mode\"\n        [hidden]=\"props.hidden\"\n        [required]=\"props.required !== undefined ? props.required : null\"\n        [minlength]=\"props.minlength !== undefined ? props.minlength : null\"\n        [maxlength]=\"props.maxlength !== undefined ? props.maxlength : null\"\n        [readonly]=\"props.readonly !== undefined ? props.readonly : null\"\n        [inputmode]=\"props.inputmode\"\n        [spellcheck]=\"props.spellcheck\"\n        [rows]=\"props.rows\"\n        [labelPlacement]=\"props.labelPlacement\"\n        [value]=\"props.value\"\n        [fill]=\"props.fill\"\n        [placeholder]=\"translatable ? (props.placeholder | translate) : props.placeholder\"\n        [formControlName]=\"props.name\"\n        [label]=\"translatable ? (props.label | translate) : props.label\">\n      </ion-textarea>\n    </ion-item>\n  }\n  @if(props.type === 'checkbox') {\n    <ion-item [formControlName]=\"props.name\">\n      <ion-checkbox\n        #checkboxElement\n        [name]=\"props.name\"\n        [ngClass]=\"props.className\"\n        [mode]=\"props.mode\"\n        [hidden]=\"props.hidden\"\n        [labelPlacement]=\"props.labelPlacement\"\n        [alignment]=\"props.alignment\"\n        [justify]=\"props.justify\"\n        [disabled]=\"props.disabled || props.readonly\"\n        [attr.checkedValue]=\"props.value\"\n        [value]=\"props.value\"\n        [checked]=\"props.checked\"\n        (ionChange)=\"props.checked = !props.checked\"\n        [formControlName]=\"props.name\">\n        <span [innerHTML]=\"props.label | translate\"></span>\n      </ion-checkbox>\n    </ion-item>\n  }\n  @else if(props.type === 'radio') {\n    <ion-radio-group [ngClass]=\"props.className\" [formControlName]=\"props.name\" [name]=\"props.name\" [value]=\"props.value\">\n      <label class=\"radio-group-label\">{{props.label | translate}}</label>\n      @for(option of options; track option.value) {\n        <ion-item>\n          <ion-radio\n            [mode]=\"props.mode\"\n            [hidden]=\"props.hidden\"\n            [disabled]=\"props.readonly || props.disabled\"\n            [labelPlacement]=\"props.labelPlacement\"\n            [alignment]=\"props.alignment\"\n            [justify]=\"props.justify\"\n            [value]=\"option.value\"\n          >{{ option.text | translate }}</ion-radio>\n        </ion-item>\n      }\n    </ion-radio-group>\n  }\n  @else if(props.type === 'select') {\n    <ion-item>\n      <ion-select\n        [name]=\"props.name\"\n        [ngClass]=\"props.className\"\n        [mode]=\"props.mode\"\n        [hidden]=\"props.hidden\"\n        [labelPlacement]=\"props.labelPlacement\"\n        [cancelText]=\"props.cancelText |  translate\"\n        [label]=\"translatable ? (props.label | translate) : props.label\"\n        [value]=\"props.value\"\n        [fill]=\"props.fill\"\n        [disabled]=\"props.readonly || props.disabled\"\n        [placeholder]=\"props.placeholder | translate\"\n        [formControlName]=\"props.name\"\n        [interface]=\"props.interface\">\n        @for(option of options; track option.value) {\n          <ion-select-option [value]=\"option.value\">\n            {{ translatable ? (option.text | translate) : option.text }}\n          </ion-select-option>\n        }\n      </ion-select>\n    </ion-item>\n  }\n  @else if(HTML5InputTypes.includes(props.type)) {\n    <ion-item>\n      <ion-input\n        [ngClass]=\"props.className\"\n        [type]=\"props.type\"\n        [mode]=\"props.mode\"\n        [hidden]=\"props.hidden\"\n        [inputmode]=\"props.inputmode\"\n        [autocomplete]=\"props.autocomplete\"\n        [spellcheck]=\"props.spellcheck\"\n        [labelPlacement]=\"props.labelPlacement\"\n        [required]=\"props.required !== undefined ? props.required : false\"\n        [minlength]=\"props.minlength !== undefined ? props.minlength : null\"\n        [maxlength]=\"props.maxlength !== undefined ? props.maxlength : null\"\n        [readonly]=\"props.readonly !== undefined ? props.readonly : null\"\n        [max]=\"props.max !== undefined ? props.max : null\"\n        [min]=\"props.min !== undefined ? props.min : null\"\n        [pattern]=\"props.pattern !== undefined ? props.pattern : null\"\n        [step]=\"props.step !== undefined ? props.step : null\"\n        [value]=\"props.value\"\n        [fill]=\"props.fill\"\n        [placeholder]=\"props.placeholder | translate\"\n        [formControlName]=\"props.name\"\n        [label]=\"props.label | translate\">\n      </ion-input>\n    </ion-item>\n  }\n  @else {\n    <h1>INVALID FIELD TYPE</h1>\n  }\n  @if((!formGroup.pristine || formGroup.touched) && !formGroup.valid) {\n    <div class=\"error uk-flex uk-flex-top\">\n      @for(item of getErrors(); track item.key) {\n        <p>\n          <span color=\"danger\" class=\"ti ti-alert-triangle\"></span>\n          <span>{{item.key}} - {{ sf((\"errors.\" + item.message) | translate, props[item.key]) }}</span>\n        </p>\n      }\n    </div>\n  }\n</ng-container>\n", styles: [".disabled{opacity:.7;pointer-events:none;touch-action:none}.disabled *{pointer-events:none;touch-action:none}.proccessing,.proccessing *{pointer-events:none;touch-action:none;cursor:text}ion-item{--border-color: transparent;--padding-start: .75rem;--background: transparent;--background-hover-opacity: .1;--background-hover: var(--ion-color-primary);--background-activated-opacity: .15;--background-focused: var(--ion-color-primary);--background-focused-opacity: .15}ion-textarea textarea{scrollbar-width:thin!important;margin-bottom:.5rem!important}ion-select.select-label-placement-floating::part(label){line-height:1.2rem!important}.radio-group-label{margin-left:.5rem}.radio-group-label+ion-item{margin-top:.5rem}ion-checkbox{--size: 1.5rem;--checkbox-background-checked: var(--ion-color-primary);--checkmark-width: 2px}ion-checkbox::part(container){border-radius:50%;border:2px solid var(--ion-color-primary);padding:3px}ion-item+.helper,ion-radio-group+.helper{padding-left:.75rem;position:relative}\n"] }]
+        }], propDecorators: { updateOn: [{
+                type: Input
+            }], component: [{
+                type: ViewChild,
+                args: ['component', { read: ElementRef }]
+            }], operation: [{
+                type: Input,
+                args: [{ required: true }]
+            }], props: [{
+                type: Input,
+                args: [{ required: true }]
+            }], name: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], formGroup: [{
+                type: Input
+            }], translatable: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVjYWYtY3J1ZC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZGVjYWYtY3J1ZC1maWVsZC9kZWNhZi1jcnVkLWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9kZWNhZi1jcnVkLWZpZWxkL2RlY2FmLWNydWQtZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFDVCxzQkFBc0IsRUFDdEIsVUFBVSxFQUNWLEtBQUssRUFDTCxnQkFBZ0IsRUFHaEIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDMUQsT0FBTyxFQUNMLFdBQVcsRUFDWCxRQUFRLEVBQ1IsT0FBTyxFQUNQLFFBQVEsRUFDUixhQUFhLEVBQ2IsU0FBUyxFQUNULGVBQWUsR0FDaEIsTUFBTSwyQkFBMkIsQ0FBQztBQVFuQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDcEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDN0UsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLCtCQUErQixDQUFDOzs7QUFHakUsYUFBYTtBQXNCYixNQUFNLE9BQU8sdUJBQ1gsU0FBUSxnQkFBZ0I7SUF0QjFCOztRQTBCRSxhQUFRLEdBQW9CLFFBQVEsQ0FBQztRQXFCckMsaUJBQVksR0FBb0IsSUFBSSxDQUFDO1FBY2xCLG9CQUFlLEdBQWEsTUFBTSxDQUFDLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQztLQUMvRTtJQWJDLGVBQWU7UUFDYixLQUFLLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVELFFBQVE7UUFDTixLQUFLLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUM5QixDQUFDOytHQXRDVSx1QkFBdUI7bUdBQXZCLHVCQUF1QixpVUFPRixVQUFVLG9EQ2pFNUMsMGxLQStIQSx3aUNEdkZJLG1CQUFtQixneENBQ25CLE9BQU8sb0ZBQ1AsUUFBUSw4ZUFDUixPQUFPLDBOQUNQLFdBQVcsMEtBQ1gsYUFBYSw2SEFDYixRQUFRLHdKQUNSLFNBQVMsa1RBQ1QsYUFBYSxrREFDYixlQUFlOzs0RkFTTix1QkFBdUI7a0JBckJuQyxTQUFTO2lDQUNJLElBQUksV0FDUDt3QkFDUCxtQkFBbUI7d0JBQ25CLE9BQU87d0JBQ1AsUUFBUTt3QkFDUixPQUFPO3dCQUNQLFdBQVc7d0JBQ1gsYUFBYTt3QkFDYixRQUFRO3dCQUNSLFNBQVM7d0JBQ1QsYUFBYTt3QkFDYixlQUFlO3dCQUNmLG1CQUFtQjtxQkFDcEIsV0FDUSxDQUFDLHNCQUFzQixFQUFFLGdCQUFnQixDQUFDLFlBRXpDLGtCQUFrQjs4QkFTNUIsUUFBUTtzQkFEUCxLQUFLO2dCQUlHLFNBQVM7c0JBRGpCLFNBQVM7dUJBQUMsV0FBVyxFQUFFLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRTtnQkFJbkMsU0FBUztzQkFEakIsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBSWhCLEtBQUs7c0JBRGIsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBSWhCLElBQUk7c0JBRFosS0FBSztnQkFJTixPQUFPO3NCQUROLEtBQUs7Z0JBSUcsU0FBUztzQkFEakIsS0FBSztnQkFJTixZQUFZO3NCQURYLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDb21wb25lbnQsXG4gIENVU1RPTV9FTEVNRU5UU19TQ0hFTUEsXG4gIEVsZW1lbnRSZWYsXG4gIElucHV0LFxuICBOT19FUlJPUlNfU0NIRU1BLFxuICBPbkRlc3Ryb3ksXG4gIE9uSW5pdCxcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENydWRPcGVyYXRpb25zIH0gZnJvbSAnQGRlY2FmLXRzL2RiLWRlY29yYXRvcnMnO1xuaW1wb3J0IHsgRm9ybUdyb3VwLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgSFRNTDVJbnB1dFR5cGVzIH0gZnJvbSAnQGRlY2FmLXRzL3VpLWRlY29yYXRvcnMnO1xuaW1wb3J0IHtcbiAgSW9uQ2hlY2tib3gsXG4gIElvbklucHV0LFxuICBJb25JdGVtLFxuICBJb25SYWRpbyxcbiAgSW9uUmFkaW9Hcm91cCxcbiAgSW9uU2VsZWN0LFxuICBJb25TZWxlY3RPcHRpb24sXG59IGZyb20gJ0Bpb25pYy9hbmd1bGFyL3N0YW5kYWxvbmUnO1xuaW1wb3J0IHtcbiAgQW5ndWxhckZpZWxkRGVmaW5pdGlvbixcbiAgRmllbGRVcGRhdGVNb2RlLFxuICBSYWRpb09wdGlvbixcbiAgU2VsZWN0T3B0aW9uLFxuICBTdHJpbmdPckJvb2xlYW4sXG59IGZyb20gJy4uLy4uL2VuZ2luZS90eXBlcyc7XG5pbXBvcnQgeyBUcmFuc2xhdGVQaXBlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQgeyBEZWNhZkZpZWxkRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9kZWNhZi1maWVsZC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgTmdDbGFzcyB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ3hDcnVkRm9ybUZpZWxkIH0gZnJvbSAnLi4vLi4vZW5naW5lL05neENydWRGb3JtRmllbGQnO1xuaW1wb3J0IHsgRHluYW1pYyB9IGZyb20gJy4uLy4uL2VuZ2luZS9kZWNvcmF0b3JzJztcblxuLy8gQER5bmFtaWMoKVxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIE5nQ2xhc3MsXG4gICAgSW9uSW5wdXQsXG4gICAgSW9uSXRlbSxcbiAgICBJb25DaGVja2JveCxcbiAgICBJb25SYWRpb0dyb3VwLFxuICAgIElvblJhZGlvLFxuICAgIElvblNlbGVjdCxcbiAgICBUcmFuc2xhdGVQaXBlLFxuICAgIElvblNlbGVjdE9wdGlvbixcbiAgICBEZWNhZkZpZWxkRGlyZWN0aXZlLFxuICBdLFxuICBzY2hlbWFzOiBbQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgTk9fRVJST1JTX1NDSEVNQV0sXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnZGVjYWYtY3J1ZC1maWVsZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9kZWNhZi1jcnVkLWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2RlY2FmLWNydWQtZmllbGQuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBEZWNhZkNydWRGaWVsZENvbXBvbmVudFxuICBleHRlbmRzIE5neENydWRGb3JtRmllbGRcbiAgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSwgQWZ0ZXJWaWV3SW5pdFxue1xuICBASW5wdXQoKVxuICB1cGRhdGVPbjogRmllbGRVcGRhdGVNb2RlID0gJ2NoYW5nZSc7XG5cbiAgQFZpZXdDaGlsZCgnY29tcG9uZW50JywgeyByZWFkOiBFbGVtZW50UmVmIH0pXG4gIG92ZXJyaWRlIGNvbXBvbmVudCE6IEVsZW1lbnRSZWY7XG5cbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSlcbiAgb3ZlcnJpZGUgb3BlcmF0aW9uITogQ3J1ZE9wZXJhdGlvbnM7XG5cbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSlcbiAgb3ZlcnJpZGUgcHJvcHMhOiBBbmd1bGFyRmllbGREZWZpbml0aW9uO1xuXG4gIEBJbnB1dCgpXG4gIG92ZXJyaWRlIG5hbWUhOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgb3B0aW9ucyE6IFNlbGVjdE9wdGlvbltdIHwgUmFkaW9PcHRpb25bXTtcblxuICBASW5wdXQoKVxuICBvdmVycmlkZSBmb3JtR3JvdXAhOiBGb3JtR3JvdXA7XG5cbiAgQElucHV0KClcbiAgdHJhbnNsYXRhYmxlOiBTdHJpbmdPckJvb2xlYW4gPSB0cnVlO1xuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICBzdXBlci5hZnRlclZpZXdJbml0KCk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLm9uRGVzdHJveSgpO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgc3VwZXIub25Jbml0KHRoaXMudXBkYXRlT24pO1xuICB9XG5cbiAgcHJvdGVjdGVkIHJlYWRvbmx5IEhUTUw1SW5wdXRUeXBlczogc3RyaW5nW10gPSBPYmplY3QudmFsdWVzKEhUTUw1SW5wdXRUeXBlcyk7XG59XG4iLCI8bmctY29udGFpbmVyICNjb21wb25lbnQgW2Zvcm1Hcm91cF09XCJmb3JtR3JvdXBcIj5cbiAgQGlmKHByb3BzLnR5cGUgPT09ICd0ZXh0YXJlYScpIHtcbiAgICA8aW9uLWl0ZW0+XG4gICAgICA8aW9uLXRleHRhcmVhXG4gICAgICAgIFtuZ0NsYXNzXT1cInByb3BzLmNsYXNzTmFtZVwiXG4gICAgICAgIFttb2RlXT1cInByb3BzLm1vZGVcIlxuICAgICAgICBbaGlkZGVuXT1cInByb3BzLmhpZGRlblwiXG4gICAgICAgIFtyZXF1aXJlZF09XCJwcm9wcy5yZXF1aXJlZCAhPT0gdW5kZWZpbmVkID8gcHJvcHMucmVxdWlyZWQgOiBudWxsXCJcbiAgICAgICAgW21pbmxlbmd0aF09XCJwcm9wcy5taW5sZW5ndGggIT09IHVuZGVmaW5lZCA/IHByb3BzLm1pbmxlbmd0aCA6IG51bGxcIlxuICAgICAgICBbbWF4bGVuZ3RoXT1cInByb3BzLm1heGxlbmd0aCAhPT0gdW5kZWZpbmVkID8gcHJvcHMubWF4bGVuZ3RoIDogbnVsbFwiXG4gICAgICAgIFtyZWFkb25seV09XCJwcm9wcy5yZWFkb25seSAhPT0gdW5kZWZpbmVkID8gcHJvcHMucmVhZG9ubHkgOiBudWxsXCJcbiAgICAgICAgW2lucHV0bW9kZV09XCJwcm9wcy5pbnB1dG1vZGVcIlxuICAgICAgICBbc3BlbGxjaGVja109XCJwcm9wcy5zcGVsbGNoZWNrXCJcbiAgICAgICAgW3Jvd3NdPVwicHJvcHMucm93c1wiXG4gICAgICAgIFtsYWJlbFBsYWNlbWVudF09XCJwcm9wcy5sYWJlbFBsYWNlbWVudFwiXG4gICAgICAgIFt2YWx1ZV09XCJwcm9wcy52YWx1ZVwiXG4gICAgICAgIFtmaWxsXT1cInByb3BzLmZpbGxcIlxuICAgICAgICBbcGxhY2Vob2xkZXJdPVwidHJhbnNsYXRhYmxlID8gKHByb3BzLnBsYWNlaG9sZGVyIHwgdHJhbnNsYXRlKSA6IHByb3BzLnBsYWNlaG9sZGVyXCJcbiAgICAgICAgW2Zvcm1Db250cm9sTmFtZV09XCJwcm9wcy5uYW1lXCJcbiAgICAgICAgW2xhYmVsXT1cInRyYW5zbGF0YWJsZSA/IChwcm9wcy5sYWJlbCB8IHRyYW5zbGF0ZSkgOiBwcm9wcy5sYWJlbFwiPlxuICAgICAgPC9pb24tdGV4dGFyZWE+XG4gICAgPC9pb24taXRlbT5cbiAgfVxuICBAaWYocHJvcHMudHlwZSA9PT0gJ2NoZWNrYm94Jykge1xuICAgIDxpb24taXRlbSBbZm9ybUNvbnRyb2xOYW1lXT1cInByb3BzLm5hbWVcIj5cbiAgICAgIDxpb24tY2hlY2tib3hcbiAgICAgICAgI2NoZWNrYm94RWxlbWVudFxuICAgICAgICBbbmFtZV09XCJwcm9wcy5uYW1lXCJcbiAgICAgICAgW25nQ2xhc3NdPVwicHJvcHMuY2xhc3NOYW1lXCJcbiAgICAgICAgW21vZGVdPVwicHJvcHMubW9kZVwiXG4gICAgICAgIFtoaWRkZW5dPVwicHJvcHMuaGlkZGVuXCJcbiAgICAgICAgW2xhYmVsUGxhY2VtZW50XT1cInByb3BzLmxhYmVsUGxhY2VtZW50XCJcbiAgICAgICAgW2FsaWdubWVudF09XCJwcm9wcy5hbGlnbm1lbnRcIlxuICAgICAgICBbanVzdGlmeV09XCJwcm9wcy5qdXN0aWZ5XCJcbiAgICAgICAgW2Rpc2FibGVkXT1cInByb3BzLmRpc2FibGVkIHx8IHByb3BzLnJlYWRvbmx5XCJcbiAgICAgICAgW2F0dHIuY2hlY2tlZFZhbHVlXT1cInByb3BzLnZhbHVlXCJcbiAgICAgICAgW3ZhbHVlXT1cInByb3BzLnZhbHVlXCJcbiAgICAgICAgW2NoZWNrZWRdPVwicHJvcHMuY2hlY2tlZFwiXG4gICAgICAgIChpb25DaGFuZ2UpPVwicHJvcHMuY2hlY2tlZCA9ICFwcm9wcy5jaGVja2VkXCJcbiAgICAgICAgW2Zvcm1Db250cm9sTmFtZV09XCJwcm9wcy5uYW1lXCI+XG4gICAgICAgIDxzcGFuIFtpbm5lckhUTUxdPVwicHJvcHMubGFiZWwgfCB0cmFuc2xhdGVcIj48L3NwYW4+XG4gICAgICA8L2lvbi1jaGVja2JveD5cbiAgICA8L2lvbi1pdGVtPlxuICB9XG4gIEBlbHNlIGlmKHByb3BzLnR5cGUgPT09ICdyYWRpbycpIHtcbiAgICA8aW9uLXJhZGlvLWdyb3VwIFtuZ0NsYXNzXT1cInByb3BzLmNsYXNzTmFtZVwiIFtmb3JtQ29udHJvbE5hbWVdPVwicHJvcHMubmFtZVwiIFtuYW1lXT1cInByb3BzLm5hbWVcIiBbdmFsdWVdPVwicHJvcHMudmFsdWVcIj5cbiAgICAgIDxsYWJlbCBjbGFzcz1cInJhZGlvLWdyb3VwLWxhYmVsXCI+e3twcm9wcy5sYWJlbCB8IHRyYW5zbGF0ZX19PC9sYWJlbD5cbiAgICAgIEBmb3Iob3B0aW9uIG9mIG9wdGlvbnM7IHRyYWNrIG9wdGlvbi52YWx1ZSkge1xuICAgICAgICA8aW9uLWl0ZW0+XG4gICAgICAgICAgPGlvbi1yYWRpb1xuICAgICAgICAgICAgW21vZGVdPVwicHJvcHMubW9kZVwiXG4gICAgICAgICAgICBbaGlkZGVuXT1cInByb3BzLmhpZGRlblwiXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwicHJvcHMucmVhZG9ubHkgfHwgcHJvcHMuZGlzYWJsZWRcIlxuICAgICAgICAgICAgW2xhYmVsUGxhY2VtZW50XT1cInByb3BzLmxhYmVsUGxhY2VtZW50XCJcbiAgICAgICAgICAgIFthbGlnbm1lbnRdPVwicHJvcHMuYWxpZ25tZW50XCJcbiAgICAgICAgICAgIFtqdXN0aWZ5XT1cInByb3BzLmp1c3RpZnlcIlxuICAgICAgICAgICAgW3ZhbHVlXT1cIm9wdGlvbi52YWx1ZVwiXG4gICAgICAgICAgPnt7IG9wdGlvbi50ZXh0IHwgdHJhbnNsYXRlIH19PC9pb24tcmFkaW8+XG4gICAgICAgIDwvaW9uLWl0ZW0+XG4gICAgICB9XG4gICAgPC9pb24tcmFkaW8tZ3JvdXA+XG4gIH1cbiAgQGVsc2UgaWYocHJvcHMudHlwZSA9PT0gJ3NlbGVjdCcpIHtcbiAgICA8aW9uLWl0ZW0+XG4gICAgICA8aW9uLXNlbGVjdFxuICAgICAgICBbbmFtZV09XCJwcm9wcy5uYW1lXCJcbiAgICAgICAgW25nQ2xhc3NdPVwicHJvcHMuY2xhc3NOYW1lXCJcbiAgICAgICAgW21vZGVdPVwicHJvcHMubW9kZVwiXG4gICAgICAgIFtoaWRkZW5dPVwicHJvcHMuaGlkZGVuXCJcbiAgICAgICAgW2xhYmVsUGxhY2VtZW50XT1cInByb3BzLmxhYmVsUGxhY2VtZW50XCJcbiAgICAgICAgW2NhbmNlbFRleHRdPVwicHJvcHMuY2FuY2VsVGV4dCB8ICB0cmFuc2xhdGVcIlxuICAgICAgICBbbGFiZWxdPVwidHJhbnNsYXRhYmxlID8gKHByb3BzLmxhYmVsIHwgdHJhbnNsYXRlKSA6IHByb3BzLmxhYmVsXCJcbiAgICAgICAgW3ZhbHVlXT1cInByb3BzLnZhbHVlXCJcbiAgICAgICAgW2ZpbGxdPVwicHJvcHMuZmlsbFwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJwcm9wcy5yZWFkb25seSB8fCBwcm9wcy5kaXNhYmxlZFwiXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJwcm9wcy5wbGFjZWhvbGRlciB8IHRyYW5zbGF0ZVwiXG4gICAgICAgIFtmb3JtQ29udHJvbE5hbWVdPVwicHJvcHMubmFtZVwiXG4gICAgICAgIFtpbnRlcmZhY2VdPVwicHJvcHMuaW50ZXJmYWNlXCI+XG4gICAgICAgIEBmb3Iob3B0aW9uIG9mIG9wdGlvbnM7IHRyYWNrIG9wdGlvbi52YWx1ZSkge1xuICAgICAgICAgIDxpb24tc2VsZWN0LW9wdGlvbiBbdmFsdWVdPVwib3B0aW9uLnZhbHVlXCI+XG4gICAgICAgICAgICB7eyB0cmFuc2xhdGFibGUgPyAob3B0aW9uLnRleHQgfCB0cmFuc2xhdGUpIDogb3B0aW9uLnRleHQgfX1cbiAgICAgICAgICA8L2lvbi1zZWxlY3Qtb3B0aW9uPlxuICAgICAgICB9XG4gICAgICA8L2lvbi1zZWxlY3Q+XG4gICAgPC9pb24taXRlbT5cbiAgfVxuICBAZWxzZSBpZihIVE1MNUlucHV0VHlwZXMuaW5jbHVkZXMocHJvcHMudHlwZSkpIHtcbiAgICA8aW9uLWl0ZW0+XG4gICAgICA8aW9uLWlucHV0XG4gICAgICAgIFtuZ0NsYXNzXT1cInByb3BzLmNsYXNzTmFtZVwiXG4gICAgICAgIFt0eXBlXT1cInByb3BzLnR5cGVcIlxuICAgICAgICBbbW9kZV09XCJwcm9wcy5tb2RlXCJcbiAgICAgICAgW2hpZGRlbl09XCJwcm9wcy5oaWRkZW5cIlxuICAgICAgICBbaW5wdXRtb2RlXT1cInByb3BzLmlucHV0bW9kZVwiXG4gICAgICAgIFthdXRvY29tcGxldGVdPVwicHJvcHMuYXV0b2NvbXBsZXRlXCJcbiAgICAgICAgW3NwZWxsY2hlY2tdPVwicHJvcHMuc3BlbGxjaGVja1wiXG4gICAgICAgIFtsYWJlbFBsYWNlbWVudF09XCJwcm9wcy5sYWJlbFBsYWNlbWVudFwiXG4gICAgICAgIFtyZXF1aXJlZF09XCJwcm9wcy5yZXF1aXJlZCAhPT0gdW5kZWZpbmVkID8gcHJvcHMucmVxdWlyZWQgOiBmYWxzZVwiXG4gICAgICAgIFttaW5sZW5ndGhdPVwicHJvcHMubWlubGVuZ3RoICE9PSB1bmRlZmluZWQgPyBwcm9wcy5taW5sZW5ndGggOiBudWxsXCJcbiAgICAgICAgW21heGxlbmd0aF09XCJwcm9wcy5tYXhsZW5ndGggIT09IHVuZGVmaW5lZCA/IHByb3BzLm1heGxlbmd0aCA6IG51bGxcIlxuICAgICAgICBbcmVhZG9ubHldPVwicHJvcHMucmVhZG9ubHkgIT09IHVuZGVmaW5lZCA/IHByb3BzLnJlYWRvbmx5IDogbnVsbFwiXG4gICAgICAgIFttYXhdPVwicHJvcHMubWF4ICE9PSB1bmRlZmluZWQgPyBwcm9wcy5tYXggOiBudWxsXCJcbiAgICAgICAgW21pbl09XCJwcm9wcy5taW4gIT09IHVuZGVmaW5lZCA/IHByb3BzLm1pbiA6IG51bGxcIlxuICAgICAgICBbcGF0dGVybl09XCJwcm9wcy5wYXR0ZXJuICE9PSB1bmRlZmluZWQgPyBwcm9wcy5wYXR0ZXJuIDogbnVsbFwiXG4gICAgICAgIFtzdGVwXT1cInByb3BzLnN0ZXAgIT09IHVuZGVmaW5lZCA/IHByb3BzLnN0ZXAgOiBudWxsXCJcbiAgICAgICAgW3ZhbHVlXT1cInByb3BzLnZhbHVlXCJcbiAgICAgICAgW2ZpbGxdPVwicHJvcHMuZmlsbFwiXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJwcm9wcy5wbGFjZWhvbGRlciB8IHRyYW5zbGF0ZVwiXG4gICAgICAgIFtmb3JtQ29udHJvbE5hbWVdPVwicHJvcHMubmFtZVwiXG4gICAgICAgIFtsYWJlbF09XCJwcm9wcy5sYWJlbCB8IHRyYW5zbGF0ZVwiPlxuICAgICAgPC9pb24taW5wdXQ+XG4gICAgPC9pb24taXRlbT5cbiAgfVxuICBAZWxzZSB7XG4gICAgPGgxPklOVkFMSUQgRklFTEQgVFlQRTwvaDE+XG4gIH1cbiAgQGlmKCghZm9ybUdyb3VwLnByaXN0aW5lIHx8IGZvcm1Hcm91cC50b3VjaGVkKSAmJiAhZm9ybUdyb3VwLnZhbGlkKSB7XG4gICAgPGRpdiBjbGFzcz1cImVycm9yIHVrLWZsZXggdWstZmxleC10b3BcIj5cbiAgICAgIEBmb3IoaXRlbSBvZiBnZXRFcnJvcnMoKTsgdHJhY2sgaXRlbS5rZXkpIHtcbiAgICAgICAgPHA+XG4gICAgICAgICAgPHNwYW4gY29sb3I9XCJkYW5nZXJcIiBjbGFzcz1cInRpIHRpLWFsZXJ0LXRyaWFuZ2xlXCI+PC9zcGFuPlxuICAgICAgICAgIDxzcGFuPnt7aXRlbS5rZXl9fSAtIHt7IHNmKChcImVycm9ycy5cIiArIGl0ZW0ubWVzc2FnZSkgfCB0cmFuc2xhdGUsIHByb3BzW2l0ZW0ua2V5XSkgfX08L3NwYW4+XG4gICAgICAgIDwvcD5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgfVxuPC9uZy1jb250YWluZXI+XG4iXX0=

package/dist/for-angular/esm2022/components/decaf-crud-form/constants.mjs

@@ -0,0 +1,14 @@
+export const CssClasses = {
+    BUTTONS_CONTAINER: 'buttons-container',
+};
+export const DefaultFormReactiveOptions = {
+    buttons: {
+        submit: {
+            text: 'Submit',
+        },
+        clear: {
+            text: 'Clear',
+        },
+    },
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2RlY2FmLWNydWQtZm9ybS9jb25zdGFudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHO0lBQ3hCLGlCQUFpQixFQUFFLG1CQUFtQjtDQUN2QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sMEJBQTBCLEdBQW9CO0lBQ3pELE9BQU8sRUFBRTtRQUNQLE1BQU0sRUFBRTtZQUNOLElBQUksRUFBRSxRQUFRO1NBQ2Y7UUFDRCxLQUFLLEVBQUU7WUFDTCxJQUFJLEVBQUUsT0FBTztTQUNkO0tBQ0Y7Q0FDRixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ3J1ZEZvcm1PcHRpb25zIH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBDc3NDbGFzc2VzID0ge1xuICBCVVRUT05TX0NPTlRBSU5FUjogJ2J1dHRvbnMtY29udGFpbmVyJyxcbn07XG5cbmV4cG9ydCBjb25zdCBEZWZhdWx0Rm9ybVJlYWN0aXZlT3B0aW9uczogQ3J1ZEZvcm1PcHRpb25zID0ge1xuICBidXR0b25zOiB7XG4gICAgc3VibWl0OiB7XG4gICAgICB0ZXh0OiAnU3VibWl0JyxcbiAgICB9LFxuICAgIGNsZWFyOiB7XG4gICAgICB0ZXh0OiAnQ2xlYXInLFxuICAgIH0sXG4gIH0sXG59O1xuIl19