{"version":3,"file":"ngx-floyd-forms-formly.mjs","sources":["../../../../libs/forms-formly/src/lib/floydFieldType.ts","../../../../libs/forms-formly/src/lib/templates/short-string-template/short-string-template.component.ts","../../../../libs/forms-formly/src/lib/templates/date-template/date-template.component.ts","../../../../libs/forms-formly/src/lib/templates/bool-select-button-template/bool-select-button-template.component.ts","../../../../libs/forms-formly/src/lib/api.ts","../../../../libs/forms-formly/src/lib/templates/dropdown-template/dropdown-template.component.ts","../../../../libs/forms-formly/src/lib/templates/bool-switch-template/bool-switch-template.component.ts","../../../../libs/forms-formly/src/lib/templates/date-time-template/date-time-template.component.ts","../../../../libs/forms-formly/src/lib/templates/multiselect-dropdown-template/multiselect-dropdown-template.component.ts","../../../../libs/forms-formly/src/lib/templates/auto-complete-template/auto-complete-template.component.ts","../../../../libs/forms-formly/src/lib/templates/multiselect-auto-complete-template/multiselect-auto-complete-template.component.ts","../../../../libs/forms-formly/src/lib/templates/number-template/number-template.component.ts","../../../../libs/forms-formly/src/lib/templates/long-string-template/long-string-template.component.ts","../../../../libs/forms-formly/src/lib/wrappers/field-wrapper.component.ts","../../../../libs/forms-formly/src/lib/templates/file-upload-template/file-upload-template.component.ts","../../../../libs/forms-formly/src/lib/configuration/property-configuration.ts","../../../../libs/forms-formly/src/lib/configuration/dropdown-property-configuration.ts","../../../../libs/forms-formly/src/lib/configuration/date-property-configuration.ts","../../../../libs/forms-formly/src/lib/configuration/number-property-configuration.ts","../../../../libs/forms-formly/src/lib/configuration/string-property-configuration.ts","../../../../libs/forms-formly/src/lib/configuration/file-upload-property-configuration.ts","../../../../libs/forms-formly/src/lib/configuration/detail-form-configuration.ts","../../../../libs/forms-formly/src/lib/configuration/dropdown-with-echo-fields-property-configuration.ts","../../../../libs/forms-formly/src/lib/configuration/autocomplete-property-configuration.ts","../../../../libs/forms-formly/src/lib/configuration/fieldgroup-configuration.ts","../../../../libs/forms-formly/src/lib/configuration/extension-form-configuration.ts","../../../../libs/forms-formly/src/lib/configuration/date-time-property-configuration.ts","../../../../libs/forms-formly/src/lib/configuration/floyd-formly-configuration.ts","../../../../libs/forms-formly/src/lib/templates/detail-form-template/detail-form-template.component.ts","../../../../libs/forms-formly/src/lib/templates/detail-form-template/detail-form-template.component.html","../../../../libs/forms-formly/src/lib/templates/dropdown-with-echo-fields/dropdown-with-echo-fields-template.component.ts","../../../../libs/forms-formly/src/lib/floyd-forms-formly.module.ts","../../../../libs/forms-formly/src/ngx-floyd-forms-formly.ts"],"sourcesContent":["import {FieldType} from '@ngx-formly/core';\r\nimport {FormControl} from '@angular/forms';\r\nimport {Directive, OnDestroy, OnInit} from '@angular/core';\r\n\r\n@Directive()\r\nexport abstract class FloydFieldType extends FieldType implements OnInit, OnDestroy {\r\n get formControl(): FormControl {\r\n return super.formControl as FormControl;\r\n }\r\n\r\n ngOnInit(): void {\r\n this.props.componentRef = this;\r\n }\r\n\r\n ngOnDestroy(): void {\r\n delete this.props.componentRef;\r\n }\r\n}\r\n","import { Component, forwardRef, ViewChild } from '@angular/core';\r\nimport { FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';\r\nimport { FloydFieldType } from '../../floydFieldType';\r\nimport { ShortStringComponent } from '@ngx-floyd/forms';\r\nimport { FormlyModule } from '@ngx-formly/core';\r\n\r\n@Component({\r\n selector: 'short-string-template',\r\n template: `\r\n `,\r\n providers: [\r\n {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => ShortStringTemplateComponent),\r\n multi: true\r\n }\r\n ],\r\n standalone: true,\r\n imports: [ShortStringComponent, FormsModule, ReactiveFormsModule, FormlyModule]\r\n})\r\nexport class ShortStringTemplateComponent extends FloydFieldType {\r\n @ViewChild(ShortStringComponent) innerComponent!: ShortStringComponent;\r\n}\r\n","import { ChangeDetectionStrategy, Component, forwardRef, Inject, ViewChild } from '@angular/core';\r\nimport { FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';\r\nimport { FLOYD_UI_CONFIG } from '@ngx-floyd/core-ui';\r\nimport { WeekDay } from '@angular/common';\r\nimport { FloydFieldType } from '../../floydFieldType';\r\nimport { DateComponent } from '@ngx-floyd/forms';\r\nimport { FormlyModule } from '@ngx-formly/core';\r\n\r\n@Component({\r\n selector: 'date-template',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n template: `\r\n `,\r\n providers: [\r\n {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => DateTemplateComponent),\r\n multi: true\r\n }\r\n ],\r\n standalone: true,\r\n imports: [DateComponent, FormsModule, ReactiveFormsModule, FormlyModule]\r\n})\r\nexport class DateTemplateComponent extends FloydFieldType {\r\n defaultDateFormat: string;\r\n monday: WeekDay = WeekDay.Monday;\r\n defaultDate: Date = new Date();\r\n @ViewChild(DateComponent) innerComponent!: DateComponent;\r\n\r\n constructor(@Inject(FLOYD_UI_CONFIG) private config: FloydUiConfig) {\r\n super();\r\n this.defaultDateFormat = config.dateFormat;\r\n }\r\n}\r\n","import { ChangeDetectionStrategy, Component, forwardRef, ViewChild } from '@angular/core';\r\nimport { FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';\r\nimport { FloydFieldType } from '../../floydFieldType';\r\nimport { BoolSelectButtonComponent } from '@ngx-floyd/forms';\r\nimport { FormlyModule } from '@ngx-formly/core';\r\n\r\n@Component({\r\n selector: 'bool-select-button-template',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n template: `\r\n `,\r\n providers: [\r\n {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => BoolSelectButtonTemplateComponent),\r\n multi: true\r\n }\r\n ],\r\n standalone: true,\r\n imports: [BoolSelectButtonComponent, FormsModule, ReactiveFormsModule, FormlyModule]\r\n})\r\nexport class BoolSelectButtonTemplateComponent extends FloydFieldType {\r\n @ViewChild(BoolSelectButtonComponent) innerComponent!: BoolSelectButtonComponent;\r\n}\r\n","import { FieldType, FormlyFieldConfig } from '@ngx-formly/core';\nimport { LookupDataSource } from '@ngx-floyd/core';\nimport { FloydFormlyFieldConfig } from './configuration/property-configuration';\n\nexport function initializeDataSource(field: FieldType): LookupDataSource | undefined {\n if (!field.props) return undefined;\n if (!field.props.dataSourceFactory) return undefined;\n\n const dataSource = field.props.dataSourceFactory();\n\n if (field.props.dataSourceCascadeFilter) {\n const filter = field.props.dataSourceCascadeFilter(field.form);\n field.props.lastCascadeFilter = filter;\n dataSource.cascadeFilter(filter);\n }\n\n return dataSource;\n}\n\nexport function findFormlyField(fieldName: string, fields: FloydFormlyFieldConfig[]): FloydFormlyFieldConfig | undefined {\n\n const find = (fieldName: string, fields: FloydFormlyFieldConfig[]) => {\n const field = fields.find(x => x.key === fieldName);\n if (field)\n return field;\n\n const groups = fields.filter(x => x.fieldGroup);\n for (const group of groups) {\n const fld: any = find(fieldName, group.fieldGroup ?? []);\n if (fld)\n return fld;\n }\n\n return undefined;\n };\n\n return find(fieldName, fields);\n}\n\nexport function formatNumberFieldValue(value: number | undefined, field: FormlyFieldConfig): string {\n if (value === undefined || value == null) return '';\n if (field.props) {\n const format = new Intl.NumberFormat('hr-HR', {\n useGrouping: field.props['useGrouping'],\n minimumFractionDigits: field.props['minFractionDigits'],\n maximumFractionDigits: field.props['minFractionDigits']\n });\n return format.format(value);\n }\n return value.toLocaleString();\n}\n","import { ChangeDetectionStrategy, Component, forwardRef, ViewChild } from '@angular/core';\r\nimport { FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';\r\nimport { initializeDataSource } from '../../api';\r\nimport { FloydFieldType } from '../../floydFieldType';\r\nimport { DropdownComponent } from '@ngx-floyd/forms';\r\nimport { FormlyModule } from '@ngx-formly/core';\r\n\r\n@Component({\r\n selector: 'dropdown-template',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n template: `\r\n `,\r\n providers: [\r\n {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => DropdownTemplateComponent),\r\n multi: true\r\n }\r\n ],\r\n standalone: true,\r\n imports: [DropdownComponent, FormsModule, ReactiveFormsModule, FormlyModule]\r\n})\r\nexport class DropdownTemplateComponent extends FloydFieldType {\r\n @ViewChild(DropdownComponent) innerComponent!: DropdownComponent;\r\n\r\n override ngOnInit(): void {\r\n super.ngOnInit();\r\n this.props.dataSource = initializeDataSource(this);\r\n }\r\n\r\n override ngOnDestroy(): void {\r\n super.ngOnDestroy();\r\n delete this.props.dataSource;\r\n }\r\n}\r\n","import { ChangeDetectionStrategy, Component, forwardRef, ViewChild } from '@angular/core';\r\nimport { FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';\r\nimport { FloydFieldType } from '../../floydFieldType';\r\nimport { BoolSwitchComponent } from '@ngx-floyd/forms';\r\nimport { newGuid } from '@ngx-floyd/core';\r\nimport { FormlyModule } from '@ngx-formly/core';\r\n\r\n@Component({\r\n selector: 'bool-switch-template',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n template: `\r\n \r\n \r\n \r\n
`,\r\n providers: [\r\n {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => BoolSwitchTemplateComponent),\r\n multi: true\r\n }\r\n ],\r\n standalone: true,\r\n imports: [BoolSwitchComponent, FormsModule, ReactiveFormsModule, FormlyModule]\r\n})\r\nexport class BoolSwitchTemplateComponent extends FloydFieldType {\r\n @ViewChild(BoolSwitchComponent) innerComponent!: BoolSwitchComponent;\r\n inputId = newGuid();\r\n}\r\n","import { ChangeDetectionStrategy, Component, forwardRef, Inject, ViewChild } from '@angular/core';\r\nimport { FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';\r\nimport { FLOYD_UI_CONFIG } from '@ngx-floyd/core-ui';\r\nimport { WeekDay } from '@angular/common';\r\nimport { FloydFieldType } from '../../floydFieldType';\r\nimport { DateTimeComponent } from '@ngx-floyd/forms';\r\nimport { FormlyModule } from '@ngx-formly/core';\r\n\r\n@Component({\r\n selector: 'date-time-template',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n template: `\r\n `,\r\n providers: [\r\n {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => DateTimeTemplateComponent),\r\n multi: true\r\n }\r\n ],\r\n standalone: true,\r\n imports: [DateTimeComponent, FormsModule, ReactiveFormsModule, FormlyModule]\r\n})\r\nexport class DateTimeTemplateComponent extends FloydFieldType {\r\n defaultDateFormat: string;\r\n monday: WeekDay = WeekDay.Monday;\r\n defaultDate: Date = new Date();\r\n @ViewChild(DateTimeComponent) innerComponent!: DateTimeComponent;\r\n\r\n constructor(@Inject(FLOYD_UI_CONFIG) private config: FloydUiConfig) {\r\n super();\r\n this.defaultDateFormat = config.dateFormat;\r\n }\r\n}\r\n","import { ChangeDetectionStrategy, Component, forwardRef, ViewChild } from '@angular/core';\r\nimport { FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';\r\nimport { initializeDataSource } from '../../api';\r\nimport { FloydFieldType } from '../../floydFieldType';\r\nimport { MultiselectDropdownComponent } from '@ngx-floyd/forms';\r\nimport { FormlyModule } from '@ngx-formly/core';\r\n\r\n@Component({\r\n selector: 'multiselect-dropdown-template',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n template: `\r\n `,\r\n providers: [\r\n {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => MultiselectDropdownTemplateComponent),\r\n multi: true\r\n }\r\n ],\r\n standalone: true,\r\n imports: [MultiselectDropdownComponent, FormsModule, ReactiveFormsModule, FormlyModule]\r\n})\r\nexport class MultiselectDropdownTemplateComponent extends FloydFieldType {\r\n\r\n @ViewChild(MultiselectDropdownComponent) innerComponent!: MultiselectDropdownComponent;\r\n\r\n override ngOnInit(): void {\r\n super.ngOnInit();\r\n this.props.dataSource = initializeDataSource(this);\r\n }\r\n\r\n override ngOnDestroy(): void {\r\n super.ngOnDestroy();\r\n delete this.props.dataSource;\r\n }\r\n}\r\n","import { ChangeDetectionStrategy, Component, forwardRef, Inject, ViewChild } from '@angular/core';\r\nimport { FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';\r\nimport { FLOYD_UI_CONFIG } from '@ngx-floyd/core-ui';\r\nimport { initializeDataSource } from '../../api';\r\nimport { FloydFieldType } from '../../floydFieldType';\r\nimport { AutoCompleteComponent } from '@ngx-floyd/forms';\r\nimport { FormlyModule } from '@ngx-formly/core';\r\n\r\n@Component({\r\n selector: 'dropdown-template',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n template: `\r\n `,\r\n providers: [\r\n {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => AutoCompleteTemplateComponent),\r\n multi: true\r\n }\r\n ],\r\n standalone: true,\r\n imports: [AutoCompleteComponent, FormsModule, ReactiveFormsModule, FormlyModule]\r\n})\r\nexport class AutoCompleteTemplateComponent extends FloydFieldType {\r\n defaultMinLength = 0;\r\n defaultAutoHighliht = false;\r\n defaultDelay = 500;\r\n defaultForceSelection = true;\r\n @ViewChild(AutoCompleteComponent) innerComponent!: AutoCompleteComponent;\r\n\r\n constructor(@Inject(FLOYD_UI_CONFIG) private config: FloydUiConfig) {\r\n super();\r\n this.defaultMinLength = config.autoComplete.minSearchLength;\r\n if (this.config.autoComplete.autoHighlight !== undefined)\r\n this.defaultAutoHighliht = this.config.autoComplete.autoHighlight;\r\n }\r\n\r\n override ngOnInit(): void {\r\n super.ngOnInit();\r\n this.props.dataSource = initializeDataSource(this);\r\n }\r\n\r\n override ngOnDestroy(): void {\r\n super.ngOnDestroy();\r\n delete this.props.dataSource;\r\n }\r\n}\r\n","import { ChangeDetectionStrategy, Component, forwardRef, Inject, ViewChild } from '@angular/core';\r\nimport { FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';\r\nimport { FLOYD_UI_CONFIG } from '@ngx-floyd/core-ui';\r\nimport { initializeDataSource } from '../../api';\r\nimport { FloydFieldType } from '../../floydFieldType';\r\nimport { MultiselectAutoCompleteComponent } from '@ngx-floyd/forms';\r\nimport { FormlyModule } from '@ngx-formly/core';\r\n\r\n@Component({\r\n selector: 'app-multiselect-auto-complete-template',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n template: `\r\n `,\r\n providers: [\r\n {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => MultiselectAutoCompleteTemplateComponent),\r\n multi: true\r\n }\r\n ],\r\n standalone: true,\r\n imports: [MultiselectAutoCompleteComponent, FormsModule, ReactiveFormsModule, FormlyModule]\r\n})\r\nexport class MultiselectAutoCompleteTemplateComponent extends FloydFieldType {\r\n\r\n defaultMinLength = 0;\r\n defaultAutoHighliht = false;\r\n defaultDelay = 500;\r\n\r\n @ViewChild(MultiselectAutoCompleteComponent) innerComponent!: MultiselectAutoCompleteComponent;\r\n\r\n constructor(@Inject(FLOYD_UI_CONFIG) private config: FloydUiConfig) {\r\n super();\r\n this.defaultMinLength = config.autoComplete.minSearchLength;\r\n if (this.config.autoComplete.autoHighlight !== undefined)\r\n this.defaultAutoHighliht = this.config.autoComplete.autoHighlight;\r\n }\r\n\r\n override ngOnInit(): void {\r\n super.ngOnInit();\r\n this.props.dataSource = initializeDataSource(this);\r\n }\r\n\r\n override ngOnDestroy(): void {\r\n super.ngOnDestroy();\r\n delete this.props.dataSource;\r\n }\r\n}\r\n","import { ChangeDetectionStrategy, Component, forwardRef, ViewChild } from '@angular/core';\r\nimport { FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';\r\nimport { FloydFieldType } from '../../floydFieldType';\r\nimport { NumberComponent } from '@ngx-floyd/forms';\r\nimport { FormlyModule } from '@ngx-formly/core';\r\n\r\n@Component({\r\n selector: 'app-integer-template',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n template: `\r\n `,\r\n providers: [\r\n {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => NumberTemplateComponent),\r\n multi: true\r\n }\r\n ],\r\n standalone: true,\r\n imports: [NumberComponent, FormsModule, ReactiveFormsModule, FormlyModule]\r\n})\r\nexport class NumberTemplateComponent extends FloydFieldType {\r\n @ViewChild(NumberComponent) innerComponent!: NumberComponent;\r\n}\r\n","import { ChangeDetectionStrategy, Component, forwardRef, ViewChild } from '@angular/core';\r\nimport { FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';\r\nimport { FloydFieldType } from '../../floydFieldType';\r\nimport { LongStringComponent } from '@ngx-floyd/forms';\r\nimport { FormlyModule } from '@ngx-formly/core';\r\n\r\n@Component({\r\n selector: 'short-string-template',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n template: `\r\n `,\r\n providers: [\r\n {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => LongStringTemplateComponent),\r\n multi: true\r\n }\r\n ],\r\n standalone: true,\r\n imports: [\r\n LongStringComponent,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n FormlyModule\r\n ]\r\n})\r\nexport class LongStringTemplateComponent extends FloydFieldType {\r\n @ViewChild(LongStringComponent) innerComponent!: LongStringComponent;\r\n}\r\n","import { Component } from '@angular/core';\r\nimport { FieldWrapper, FormlyModule } from '@ngx-formly/core';\nimport { NgIf } from '@angular/common';\r\n\r\n@Component({\n selector: 'field-wrapper',\n template: `\r\n \r\n \r\n \r\n \r\n \r\n
\r\n `,\n styles: [`\r\n formly-validation-message {\r\n font-size: 0.85rem;\r\n }\r\n `],\n standalone: true,\n imports: [NgIf, FormlyModule]\n})\r\nexport class FieldWrapperComponent extends FieldWrapper {\r\n}\r\n","import { AfterViewInit, ChangeDetectionStrategy, Component, forwardRef, ViewChild } from '@angular/core';\r\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport { FileUploadComponent } from '@ngx-floyd/forms';\r\nimport { FloydFieldType } from '../../floydFieldType';\r\nimport { FormlyModule } from '@ngx-formly/core';\r\n\r\n@Component({\r\n selector: 'file-upload-template',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n template: `\r\n `,\r\n providers: [\r\n {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => FileUploadTemplateComponent),\r\n multi: true\r\n }\r\n ],\r\n standalone: true,\r\n imports: [FileUploadComponent, FormlyModule]\r\n})\r\nexport class FileUploadTemplateComponent extends FloydFieldType implements AfterViewInit {\r\n @ViewChild(FileUploadComponent) innerComponent!: FileUploadComponent;\r\n\r\n ngAfterViewInit(): void {\r\n this.props.componentInstance = this.innerComponent;\r\n }\r\n\r\n override ngOnDestroy(): void {\r\n super.ngOnDestroy();\r\n delete this.props.componentInstance;\r\n }\r\n}\r\n","import { FormlyFieldConfig, FormlyFieldProps } from '@ngx-formly/core';\r\nimport { __rest } from 'tslib';\r\nimport { isObservable, Observable } from 'rxjs';\r\nimport { auditTime, tap } from 'rxjs/operators';\r\nimport { FormlyTemplate } from './formly-template';\r\nimport { FloydFormlyConfigurationBuilder } from './floyd-formly-configuration';\r\nimport { ActionConfiguration, UiAction } from '@ngx-floyd/core-ui';\r\nimport { isFunction } from '@ngx-floyd/core';\r\nimport { AbstractControl } from '@angular/forms';\r\n\r\nexport type FloydFormlyFieldProps = FormlyFieldProps & { [additionalProperties: string]: any };\r\nexport type FloydFormlyFieldConfig = FormlyFieldConfig;\r\nexport type FloydFormlyExpressions = {\r\n [p: string]: string | Observable | ((field: FloydFormlyFieldConfig) => any)\r\n};\r\n\r\nexport function isFloydFormlyFieldConfig(obj: any): obj is FloydFormlyFieldConfig {\r\n if (!obj) return false;\r\n return ('template' in obj || 'type' in obj) && 'props' in obj && 'key' in obj;\r\n}\r\n\r\nexport interface Validator {\r\n isValid: (control: AbstractControl) => boolean,\r\n message: (error: any, field: FormlyFieldConfig) => string;\r\n}\r\n\r\nexport interface PropertyConfiguration {\r\n required(required?: boolean): this;\r\n\r\n readOnly(required?: boolean): this;\r\n\r\n templateOption(option: (o: FloydFormlyFieldProps) => void): this;\r\n\r\n expressionProperty(property: string, expression: ((model: T, formState: any, field?: FormlyFieldConfig) => any) | Observable): this;\r\n\r\n hideExpression(expression: boolean | string | ((model: T, formState: any, field?: FormlyFieldConfig) => boolean)): this;\r\n\r\n disable(disable: boolean | (() => boolean) | undefined): this;\r\n\r\n disableOnEmpty(fieldName: keyof T): this;\r\n\r\n hideOnEmpty(fieldName: keyof T): this;\r\n\r\n /**\r\n * Adds a function which should be executed when this property changes.\r\n *\r\n * @param {(initial: boolean) => void} onChangeFn Function which should be executed when change is triggered.\r\n * */\r\n onChange(onChangeFn: (field: FormlyFieldConfig) => void): this;\r\n\r\n /**\r\n * Adds a function which should be executed when this property named in `fieldName` parameter changes.\r\n *\r\n * @param {keyof T} fieldName Name of the property whose changes is monitored.\r\n * @param {(initial: boolean) => void} changesOnFn Function which should be executed when change is triggered.\r\n * */\r\n changesOn(fieldName: keyof T, changesOnFn: () => void): this;\r\n\r\n onInit(onChangeFn: (field: FormlyFieldConfig) => void): this;\r\n\r\n wrappers(wrappers: string[]): this;\r\n\r\n className(className: string): this;\r\n\r\n addAction(label: string, icon: string, action: ($event: any, data?: any) => void, config?: (c: ActionConfiguration) => ActionConfiguration): this;\r\n\r\n defaultValue(defaultValue: any): this;\r\n\r\n id(id: string): this;\r\n\r\n atIndex(index: number): this;\r\n\r\n label(label: string): this;\r\n\r\n if(ifFn: () => boolean, config: (c: this) => this): this;\r\n\r\n apply(configuration: (c: this) => this): this;\r\n\r\n addValidation(name: string, validator: Validator): this;\r\n}\r\n\r\nexport class PropertyConfigurationBuilder implements PropertyConfiguration {\r\n\r\n readonly fieldName?: keyof T;\r\n fieldId?: string;\r\n index?: number;\r\n formlyTemplate?: FormlyTemplate;\r\n protected readonly config: FloydFormlyFieldConfig;\r\n protected parent!: FloydFormlyConfigurationBuilder;\r\n protected changeFuncs: ((field: FloydFormlyFieldConfig) => void)[] = [];\r\n protected onInitFuncs: ((field: FloydFormlyFieldConfig) => any)[] = [];\r\n protected fieldGroupConfigurationBuilder?: FloydFormlyConfigurationBuilder;\r\n protected detailForm = false;\r\n\r\n constructor(fieldName?: keyof T, formlyTemplate?: FormlyTemplate, fieldId?: string) {\r\n this.config = {\r\n props: {},\r\n expressions: {},\r\n hooks: {}\r\n };\r\n this.fieldName = fieldName;\r\n this.fieldId = fieldId;\r\n this.formlyTemplate = formlyTemplate;\r\n }\r\n\r\n apply(configuration: (c: this) => this): this {\r\n configuration(this);\r\n return this;\r\n }\r\n\r\n protected get safeFieldName(): keyof T {\r\n return this.fieldName as keyof T;\r\n }\r\n\r\n get props(): FloydFormlyFieldProps {\r\n this.config.props = this.config.props ?? {};\r\n return this.config.props;\r\n }\r\n\r\n get expressions(): FloydFormlyExpressions {\r\n this.config.expressions = this.config.expressions ?? {};\r\n return this.config.expressions;\r\n }\r\n\r\n if(ifFn: () => boolean, config: (c: this) => this): this {\r\n if (ifFn()) {\r\n config(this);\r\n }\r\n return this;\r\n }\r\n\r\n id(id: string): this {\r\n this.fieldId = id;\r\n return this;\r\n }\r\n\r\n atIndex(index: number): this {\r\n this.index = index;\r\n return this;\r\n }\r\n\r\n initialize(parent: FloydFormlyConfigurationBuilder): void {\r\n this.parent = parent;\r\n }\r\n\r\n hasClassName(): boolean {\r\n return this.config.className !== undefined;\r\n }\r\n\r\n initializeAsFormGroup(parent: FloydFormlyConfigurationBuilder, builder: FloydFormlyConfigurationBuilder): void {\r\n this.initialize(parent);\r\n this.fieldGroupConfigurationBuilder = builder;\r\n }\r\n\r\n initializeAsDetailForm(builder: FloydFormlyConfigurationBuilder): void {\r\n this.detailForm = true;\r\n this.fieldGroupConfigurationBuilder = builder;\r\n }\r\n\r\n expressionProperty(property: string, expression: ((model: T) => any) | Observable): this {\r\n if (isObservable(expression))\r\n this.expressions[property] = expression as Observable;\r\n else if (typeof expression === 'function')\r\n this.expressions[property] = (field: FloydFormlyFieldConfig | T) => expression(isFloydFormlyFieldConfig(field) ? (field as FloydFormlyFieldConfig).model as T : field as T);\r\n\r\n return this;\r\n }\r\n\r\n required(required = true): this {\r\n this.props.required = required;\r\n return this;\r\n }\r\n\r\n readOnly(readOnly = true): this {\r\n this.props.readonly = readOnly;\r\n return this;\r\n }\r\n\r\n template(template: string): this {\r\n this.config.template = template;\r\n return this;\r\n }\r\n\r\n getConfiguration(): FloydFormlyFieldConfig {\r\n if (!this.config.wrappers) {\r\n this.config.wrappers = ['default'];\r\n }\r\n\r\n if (this.props.actions?.length) {\r\n this.onInitFuncs = [...this.onInitFuncs, (field) => {\r\n if (field.props?.actions) {\r\n for (const action of field.props.actions) {\r\n const originalAction = action.action;\r\n action.action = ($event: any, data: any) => {\r\n originalAction($event, data ?? field.model);\r\n };\r\n }\r\n }\r\n }];\r\n }\r\n\r\n if (this.changeFuncs.length) {\r\n this.onInitFuncs = [...this.onInitFuncs, (fld: FloydFormlyFieldConfig) => {\r\n return fld.formControl?.valueChanges.pipe(\r\n auditTime(150),\r\n tap(() => {\r\n for (const changeFunc of this.changeFuncs) {\r\n changeFunc(fld);\r\n }\r\n }));\r\n }];\r\n }\r\n\r\n if (this.onInitFuncs.length) {\r\n this.config.hooks = this.config.hooks ?? {};\r\n this.config.hooks.onInit = field => {\r\n let retValue: any;\r\n for (const onInitFunc of this.onInitFuncs) {\r\n retValue = onInitFunc(field as FloydFormlyFieldConfig);\r\n }\r\n return retValue;\r\n };\r\n }\r\n\r\n const f = __rest(this.config, ['key', 'type', 'fieldGroupConfigurationBuilder']);\r\n return {\r\n key: this.fieldName,\r\n type: this.formlyTemplate,\r\n fieldGroup: this.fieldGroupConfigurationBuilder && !this.detailForm ? this.fieldGroupConfigurationBuilder.getConfiguration().fields : undefined,\r\n fieldArray: this.fieldGroupConfigurationBuilder && this.detailForm ? {\r\n fieldGroup: this.fieldGroupConfigurationBuilder.getConfiguration().fields,\r\n fieldGroupClassName: this.fieldGroupConfigurationBuilder && this.detailForm && this.props.inlineForm ? 'formgrid grid' : undefined,\r\n className: this.config.className\r\n } : undefined,\r\n id: this.fieldId,\r\n ...f\r\n };\r\n }\r\n\r\n label(label: string): this {\r\n this.props.label = label;\r\n return this;\r\n }\r\n\r\n hideExpression(expression: boolean | string | ((model: T, formState: any, field?: FormlyFieldConfig) => boolean)): this {\r\n if (typeof expression === 'boolean')\r\n this.expressions.hide = () => expression as boolean;\r\n else if (typeof expression === 'string')\r\n this.expressions.hide = expression as string;\r\n else\r\n this.expressions.hide = field => expression(field.model as T, field.options?.formState, field);\r\n\r\n return this;\r\n }\r\n\r\n disable(disable: boolean | (() => boolean) | undefined): this {\r\n if (typeof disable === 'boolean')\r\n this.templateOption(o => o.disabled = disable);\r\n else if (!!disable && isFunction(disable))\r\n this.templateOption(o => o.disabled = disable());\r\n else\r\n this.templateOption(o => o.disabled = true);\r\n return this;\r\n }\r\n\r\n templateOption(option: (o: FloydFormlyFieldProps) => void): this {\r\n option(this.props);\r\n return this;\r\n }\r\n\r\n disableOnEmpty(fieldName: keyof T): this {\r\n this\r\n .expressionProperty('props.disabled', m => this.isValueEmpty(m[fieldName]))\r\n .expressionProperty(`model.${this.safeFieldName as string}`, m => !this.isValueEmpty(m[fieldName]) ? m[this.safeFieldName] : undefined);\r\n return this;\r\n }\r\n\r\n hideOnEmpty(fieldName: keyof T): this {\r\n this.hideExpression(m => this.isValueEmpty(m[fieldName]));\r\n return this;\r\n }\r\n\r\n onChange(onChangeFn: (field: FloydFormlyFieldConfig) => void): this {\r\n this.changeFuncs = [...this.changeFuncs, onChangeFn];\r\n return this;\r\n }\r\n\r\n changesOn(fieldName: keyof T, changesOnFn: () => void): this {\r\n this.parent.changesOnFn = { fieldName, changesOnFn };\r\n return this;\r\n }\r\n\r\n onInit(onInitFn: (field: FloydFormlyFieldConfig) => void): this {\r\n this.onInitFuncs = [...this.onInitFuncs, onInitFn];\r\n return this;\r\n }\r\n\r\n wrappers(wrappers?: string[]): this {\r\n this.config.wrappers = wrappers;\r\n return this;\r\n }\r\n\r\n className(className: string): this {\r\n this.config.className = className;\r\n return this;\r\n }\r\n\r\n fieldGroupClassName(className: string): this {\r\n this.config.fieldGroupClassName = className;\r\n return this;\r\n }\r\n\r\n addAction(label: string, icon: string, action: ($event: any, data?: any) => void, config?: (c: ActionConfiguration) => ActionConfiguration): this {\r\n const unsupported: FormlyTemplate[] = ['BoolSelectButton', 'BoolSwitch'];\r\n if (unsupported.find(x => x === this.formlyTemplate)) {\r\n throw new Error(`Function addAction is not supported for ${this.formlyTemplate} control.`);\r\n }\r\n\r\n const c = new ActionConfiguration();\r\n if (config) {\r\n config(c);\r\n }\r\n\r\n let actions: UiAction[] = this.props.actions ?? [];\r\n actions = [...actions, {\r\n label,\r\n action,\r\n icon,\r\n tooltipPosition: c.config.tooltipPosition,\r\n style: c.config.style,\r\n type: c.config.type,\r\n visible: c.config.visible,\r\n showLabel: c.config.showLabel ?? false\r\n }];\r\n this.templateOption(o => o.actions = actions);\r\n return this;\r\n }\r\n\r\n defaultValue(defaultValue: any): this {\r\n this.config.defaultValue = defaultValue;\r\n return this;\r\n }\r\n\r\n protected isValueEmpty(value: any) {\r\n if (!value)\r\n return true;\r\n if (Array.isArray(value))\r\n return !(value as any[]).length;\r\n return false;\r\n }\r\n\r\n addValidation(name: string, validator: Validator): this {\r\n if (!validator.isValid)\r\n throw new Error('Validation expression must be defined');\r\n if (!validator.message)\r\n throw new Error('Validation message must be defined');\r\n\r\n this.config.validators = this.config.validators ?? {};\r\n\r\n this.config.validators[name] = {\r\n expression: (control: AbstractControl) => validator.isValid(control) ? { name: true } : null,\r\n message: validator.message\r\n };\r\n\r\n return this;\r\n }\r\n}\r\n","import {FloydFormlyFieldConfig, PropertyConfiguration, PropertyConfigurationBuilder} from './property-configuration';\r\nimport {deepEqual, LookupDataSource} from '@ngx-floyd/core';\r\nimport {FormlyTemplate} from './formly-template';\r\nimport {DropdownColumn} from '@ngx-floyd/forms';\r\nimport {FormGroup} from '@angular/forms';\r\nimport {take} from 'rxjs/operators';\r\n\r\nexport interface DropdownPropertyConfiguration extends PropertyConfiguration {\r\n dataSource(dataSource: () => LookupDataSource): this;\r\n\r\n cascadeFrom(...fields: ((keyof T) | MappedField)[]): this;\r\n\r\n additionalDropdownColumns(config: (d: DropdownColumnConfiguration) => DropdownColumnConfiguration): this;\r\n\r\n hideClear(): this;\r\n\r\n panelClassName(className: string): this;\r\n}\r\n\r\nexport interface MappedField {\r\n field: keyof T;\r\n as: string;\r\n}\r\n\r\nexport class DropdownColumnConfiguration {\r\n columns: DropdownColumn[] = [];\r\n\r\n constructor(columns: DropdownColumn[]) {\r\n this.columns = columns;\r\n }\r\n\r\n add(field: string, size?: number, format?: (value: any) => string, atIndex?: number): DropdownColumnConfiguration {\r\n const column = {field, size, format};\r\n if (atIndex !== undefined && atIndex >= 0 && atIndex < this.columns.length) {\r\n const columns = [...this.columns];\r\n columns.splice(atIndex, 0, column);\r\n this.columns = columns;\r\n } else {\r\n this.columns = [...this.columns, column];\r\n }\r\n\r\n return this;\r\n }\r\n\r\n remove(field: string): DropdownColumnConfiguration {\r\n this.columns = this.columns.filter(x => x.field !== field);\r\n return this;\r\n }\r\n\r\n modify(field: string, modifyFn: (column: DropdownColumn) => void): DropdownColumnConfiguration {\r\n const column = this.columns.find(x => x.field === field);\r\n if (!column)\r\n throw new Error(`Additional column for field '${field}' does not exists.`);\r\n modifyFn(column);\r\n return this;\r\n }\r\n}\r\n\r\nexport class DropdownPropertyConfigurationBuilder extends PropertyConfigurationBuilder implements DropdownPropertyConfiguration {\r\n\r\n constructor(fieldName: keyof T, formlyTemplate: FormlyTemplate) {\r\n super(fieldName, formlyTemplate);\r\n }\r\n\r\n hideClear(): this {\r\n this.templateOption(o => o.hideClear = true);\r\n return this;\r\n }\r\n\r\n additionalDropdownColumns(config: (d: DropdownColumnConfiguration) => DropdownColumnConfiguration): this {\r\n this.props.dropdownColumns = this.props.dropdownColumns ?? [];\r\n const builder = config(new DropdownColumnConfiguration(this.props.dropdownColumns));\r\n this.templateOption(o => o.dropdownColumns = builder.columns);\r\n\r\n return this;\r\n }\r\n\r\n panelClassName(className: string): this {\r\n this.props.panelClassName = className;\r\n return this;\r\n }\r\n\r\n dataSource(dataSourceFactory: () => LookupDataSource): this {\r\n this.templateOption((o) => o.dataSourceFactory = dataSourceFactory);\r\n return this;\r\n }\r\n\r\n cascadeFrom(...fields: ((keyof T) | MappedField)[]): this {\r\n\r\n const fieldName = (f: (keyof T) | MappedField): string => typeof (f) === 'string' ? f as string : (f as MappedField).field as string;\r\n const asField = (f: (keyof T) | MappedField): string => typeof (f) === 'string' ? f as string : (f as MappedField).as as string;\r\n\r\n const getFilter = (form: FormGroup) => {\r\n const filter: any = {};\r\n for (const field of fields) {\r\n filter[asField(field)] = form.controls[fieldName(field)]?.value;\r\n }\r\n return filter;\r\n };\r\n\r\n for (const field of fields.map(f => fieldName(f))) {\r\n const builder = this.parent.rootConfiguration.flatFields.find(x => x.fieldName === field);\r\n if (!builder) {\r\n throw new Error(`Field ${field} is not yet defined.`);\r\n }\r\n\r\n this.props.dataSourceCascadeFilter = getFilter;\r\n\r\n builder.onChange((fld) => {\r\n const form = fld.form as FormGroup;\r\n const thisField = this.findFieldInParent(fld?.parent);\r\n if (!thisField) {\r\n throw new Error(`Control with name ${this.fieldName as string} was not found in the same FormGroup.`);\r\n }\r\n\r\n const filter = getFilter(form);\r\n thisField.props = thisField.props ?? {};\r\n\r\n // If filters are equal there is not need to filter with the same equal again.\r\n // Another side effect is that unwanted change on parent lookup will trigger deletion of child lookup value\r\n if (!deepEqual(thisField.props.lastCascadeFilter, filter) && thisField.props.dataSource) {\r\n thisField.props.lastCascadeFilter = filter;\r\n const controlValue = thisField.formControl?.value;\r\n thisField.props.dataSource.cascadeFilter(filter, controlValue).pipe(take(1)).subscribe((value: any) => {\r\n thisField.formControl?.setValue(value);\r\n });\r\n }\r\n });\r\n }\r\n\r\n return this;\r\n }\r\n\r\n private findFieldInParent(parent: FloydFormlyFieldConfig | undefined): FloydFormlyFieldConfig | undefined {\r\n let field = this.findFieldInFieldGroup(parent?.fieldGroup);\r\n if (field) return field;\r\n if (parent?.parent)\r\n field = this.findFieldInParent(parent?.parent);\r\n return field;\r\n }\r\n\r\n private findFieldInFieldGroup(fieldGroup: FloydFormlyFieldConfig[] | undefined): FloydFormlyFieldConfig | undefined {\r\n if (fieldGroup == null) return;\r\n\r\n let field = fieldGroup.find(x => x.key == this.fieldName);\r\n if (field) return field;\r\n\r\n for (let int = 0; int < fieldGroup.length; int++) {\r\n field = this.findFieldInFieldGroup(fieldGroup[int].fieldGroup);\r\n if (field) break;\r\n }\r\n return field;\r\n }\r\n}\r\n","import {PropertyConfiguration, PropertyConfigurationBuilder} from './property-configuration';\r\nimport {FormlyTemplate} from './formly-template';\r\nimport {WeekDay} from '@angular/common';\r\n\r\nexport interface DatePropertyConfiguration extends PropertyConfiguration {\r\n rangeFrom(rangeFromField: keyof T): this;\r\n\r\n min(value: Date | undefined): this;\r\n\r\n max(value: Date | undefined): this;\r\n\r\n format(format: string | undefined): this;\r\n\r\n firstDayOfWeek(value: WeekDay | undefined): this;\r\n}\r\n\r\nexport class DatePropertyConfigurationBuilder extends PropertyConfigurationBuilder implements DatePropertyConfiguration {\r\n\r\n private minDate: Date | undefined = undefined;\r\n\r\n constructor(fieldName: keyof T, formlyTemplate: FormlyTemplate) {\r\n super(fieldName, formlyTemplate);\r\n }\r\n\r\n rangeFrom(rangeFromField: keyof T): this {\r\n this\r\n .expressionProperty(`model.${this.fieldName as string}`,\r\n m => m[rangeFromField] && m[this.safeFieldName] && m[this.safeFieldName] < m[rangeFromField] ? undefined : m[this.safeFieldName])\r\n .expressionProperty('props.minDate', m => {\r\n const fromValue = m[rangeFromField] as Date | undefined;\r\n if (this.minDate && fromValue)\r\n return this.minDate > fromValue ? this.minDate : fromValue;\r\n return this.minDate ?? fromValue;\r\n });\r\n return this;\r\n }\r\n\r\n format(format: string | undefined): this {\r\n this.templateOption(o => o.format = format);\r\n return this;\r\n }\r\n\r\n max(value: Date | undefined): this {\r\n this.templateOption(o => o.maxDate = value);\r\n return this;\r\n }\r\n\r\n min(value: Date | undefined): this {\r\n this.minDate = value;\r\n this.templateOption(o => o.minDate = value);\r\n return this;\r\n }\r\n\r\n firstDayOfWeek(value: WeekDay | undefined): this {\r\n this.templateOption((o) => (o.firstDayOfWeek = value));\r\n return this;\r\n }\r\n}\r\n","import {PropertyConfiguration, PropertyConfigurationBuilder} from './property-configuration';\r\n\r\nexport interface NumberPropertyConfiguration extends PropertyConfiguration {\r\n min(value: number | undefined): this;\r\n\r\n max(value: number | undefined): this;\r\n\r\n useGrouping(value: boolean): this;\r\n\r\n fractionDigits(min?: number, max?: number): this;\r\n\r\n rangeFrom(rangeFromField: keyof T): this;\r\n\r\n prefix(value: string): this;\r\n\r\n suffix(value: string): this;\r\n}\r\n\r\nexport class NumberPropertyConfigurationBuilder extends PropertyConfigurationBuilder implements NumberPropertyConfiguration {\r\n\r\n prefix(value: string): this {\r\n this.templateOption(o => o.prefix = value);\r\n return this;\r\n }\r\n\r\n suffix(value: string): this {\r\n this.templateOption(o => o.suffix = value);\r\n return this;\r\n }\r\n\r\n max(value: number | undefined): this {\r\n this.templateOption(o => o.max = value);\r\n return this;\r\n }\r\n\r\n min(value: number | undefined): this {\r\n this.templateOption(o => o.min = value);\r\n return this;\r\n }\r\n\r\n useGrouping(value: boolean): this {\r\n this.templateOption(o => o.useGrouping = value);\r\n return this;\r\n }\r\n\r\n fractionDigits(min?: number | null, max?: number | null): this {\r\n if (min && !max) max = min;\r\n if (!min && max) min = 0;\r\n this.templateOption(o => o.minFractionDigits = min);\r\n this.templateOption(o => o.maxFractionDigits = max);\r\n return this;\r\n }\r\n\r\n rangeFrom(rangeFromField: keyof T): this {\r\n this\r\n .expressionProperty(`model.${this.fieldName as string}`,\r\n m => m[rangeFromField] && m[this.safeFieldName] && m[this.safeFieldName] < m[rangeFromField] ? undefined : m[this.safeFieldName])\r\n .expressionProperty('props.min', m => m[rangeFromField]);\r\n return this;\r\n }\r\n}\r\n","import {PropertyConfiguration, PropertyConfigurationBuilder} from './property-configuration';\nimport { KeyFilterPattern } from 'primeng/keyfilter';\n\nexport interface StringPropertyConfiguration extends PropertyConfiguration {\n maxLength(value: number): this;\n pattern(pattern: string, validationMessage: string): this;\n keyFilter(keyFilter: RegExp | KeyFilterPattern | undefined): this;\n}\n\nexport class StringPropertyConfigurationBuilder\n extends PropertyConfigurationBuilder\n implements StringPropertyConfiguration\n{\n maxLength(value: number): this {\n this.templateOption((o) => (o.maxLen = value));\n return this;\n }\n\n pattern(pattern: string, validationMessage: string): this {\n this.templateOption((o) => {\n o.pattern = pattern;\n o.patternValidationMessage = validationMessage;\n });\n return this;\n }\n\n keyFilter(keyFilter: RegExp | KeyFilterPattern | undefined): this {\n this.templateOption((o) => (o.keyFilter = keyFilter));\n return this;\n }\n}\n\nexport interface LongStringPropertyConfiguration extends StringPropertyConfiguration {\n rows(rows: number) : this;\n autoResize(autoResize: boolean) : this;\n}\n\nexport class LongStringPropertyConfigurationBuilder extends StringPropertyConfigurationBuilder implements LongStringPropertyConfiguration {\n autoResize(autoResize: boolean): this {\n this.templateOption(o => o.autoResize = autoResize);\n return this;\n }\n\n rows(rows: number): this {\n this.templateOption(o => o.rws = rows);\n return this;\n }\n}\n","import {PropertyConfiguration, PropertyConfigurationBuilder} from './property-configuration';\nimport {FormlyTemplate} from './formly-template';\n\nexport interface FileUploadPropertyConfiguration extends PropertyConfiguration {\n multiple(multiple?: boolean): this;\n\n getFileName(func: (file: any) => string): this;\n\n accept(fileTypes: string): this;\n}\n\nexport class FileUploadPropertyConfigurationBuilder extends PropertyConfigurationBuilder implements FileUploadPropertyConfiguration {\n\n constructor(fieldId: string, formlyTemplate: FormlyTemplate) {\n super(undefined, formlyTemplate, fieldId);\n this.templateOption(o => o.getFileName = (file: any) => file?.filename ?? file?.name);\n }\n\n accept(fileTypes: string): this {\n this.templateOption(o => o.accept = fileTypes);\n return this;\n }\n\n getFileName(func: (file: any) => string): this {\n this.templateOption(o => o.getFileName = func);\n return this;\n }\n\n multiple(multiple = true): this {\n this.templateOption(o => o.multiple = multiple);\n return this;\n }\n}\n","import { FloydFormlyConfigurationBuilder } from './floyd-formly-configuration';\nimport { FloydFormlyFieldProps, PropertyConfigurationBuilder } from './property-configuration';\nimport { FormlyTemplate } from './formly-template';\nimport { Observable } from 'rxjs/internal/Observable';\n\nexport interface DetailFormConfiguration {\n addButtonText(text: string): DetailFormConfiguration;\n\n className(className: string): DetailFormConfiguration;\n\n removeButtonText(text: string): DetailFormConfiguration;\n\n inlineForm(inlineForm?: boolean): DetailFormConfiguration;\n\n detailTemplate(template: string): DetailFormConfiguration;\n\n wrappers(wrappers: string[]): DetailFormConfiguration;\n\n fields(config: (fields: FloydFormlyConfiguration) => FloydFormlyConfiguration): DetailFormConfiguration;\n\n templateOption(option: (o: FloydFormlyFieldProps) => void): DetailFormConfiguration;\n\n hideExpression(expression: boolean | string | ((model: T, formState: any) => boolean)): DetailFormConfiguration;\n\n newItemFactory(fn: () => T): DetailFormConfiguration;\n\n onRemoveItem(fn: (model: T[], index: number) => Observable): DetailFormConfiguration;\n\n id(id: string): this;\n\n atIndex(index: number): this;\n\n if(ifFn: () => boolean, config: (c: this) => this): this;\n}\n\nexport class DetailFormConfigurationBuilder implements DetailFormConfiguration {\n\n protected innerFormBuilder: FloydFormlyConfigurationBuilder;\n protected propertyBuilder: PropertyConfigurationBuilder;\n private _inlineForm = false;\n\n constructor(fieldName: string, innerFormBuilder: FloydFormlyConfigurationBuilder) {\n this.innerFormBuilder = innerFormBuilder;\n this.propertyBuilder = new PropertyConfigurationBuilder(fieldName, 'DetailForm');\n this.propertyBuilder.initializeAsDetailForm(this.innerFormBuilder);\n }\n\n public get fieldName(): string | undefined {\n return this.propertyBuilder.fieldName as string;\n }\n\n getConfiguration(): PropertyConfigurationBuilder {\n if (this._inlineForm) {\n for (const property of this.innerFormBuilder.properties) {\n if (!property.hasClassName()) {\n property.className('col');\n }\n }\n }\n return this.propertyBuilder;\n }\n\n if(ifFn: () => boolean, config: (c: this) => this): this {\n if (ifFn()) {\n config(this);\n }\n return this;\n }\n\n addButtonText(text: string): DetailFormConfiguration {\n this.templateOption(o => o.addText = text);\n return this;\n }\n\n className(className: string): DetailFormConfiguration {\n this.propertyBuilder.className(className);\n return this;\n }\n\n removeButtonText(text: string): DetailFormConfiguration {\n this.templateOption(o => o.removeText = text);\n return this;\n }\n\n fields(config: (fields: FloydFormlyConfiguration) => FloydFormlyConfiguration): DetailFormConfiguration {\n config(this.innerFormBuilder as unknown as FloydFormlyConfiguration);\n return this;\n }\n\n templateOption(option: (o: FloydFormlyFieldProps) => void): DetailFormConfiguration {\n this.propertyBuilder.templateOption(option);\n return this;\n }\n\n inlineForm(inlineForm?: boolean): DetailFormConfiguration {\n this._inlineForm = inlineForm === undefined || inlineForm;\n this.templateOption(o => o.inlineForm = this._inlineForm);\n return this;\n }\n\n detailTemplate(template: string): DetailFormConfiguration {\n this.propertyBuilder.formlyTemplate = template as FormlyTemplate;\n return this;\n }\n\n wrappers(wrappers: string[]): DetailFormConfiguration {\n this.propertyBuilder.wrappers(wrappers);\n return this;\n }\n\n hideExpression(expression: boolean | string | ((model: T, formState: any) => boolean)): this {\n this.propertyBuilder.hideExpression(expression);\n return this;\n }\n\n newItemFactory(fn: () => T): DetailFormConfiguration {\n this.templateOption(o => o.newItemFactory = fn);\n return this;\n }\n\n atIndex(index: number): this {\n this.propertyBuilder.atIndex(index);\n return this;\n }\n\n id(id: string): this {\n this.propertyBuilder.id(id);\n return this;\n }\n\n onRemoveItem(fn: (model: T[], index: number) => Observable): DetailFormConfiguration {\n this.templateOption(o => o.onRemoveItem = fn);\n return this;\n }\n}\n","import {FormlyTemplate} from './formly-template';\nimport {DropdownPropertyConfiguration, DropdownPropertyConfigurationBuilder} from './dropdown-property-configuration';\nimport {EchoField} from '../echo-field';\n\nexport interface DropdownWithEchoFieldsPropertyConfiguration extends DropdownPropertyConfiguration {\n echoField(property: string, label: string, className?: string, formatInput?: (d: any) => string): this;\n\n ddClassName(className: string): this;\n}\n\nexport class EchoFieldConfiguration {\n echoFields: EchoField[] = [];\n\n add(property: string, label: string, className?: string, formatInput?: (d: any) => string): EchoFieldConfiguration {\n this.echoFields = [...this.echoFields, {\n property: property,\n label: label,\n className: className,\n formatInput: formatInput,\n value: undefined\n }];\n return this;\n }\n}\n\nexport class DropdownWithEchoFieldsPropertyConfigurationBuilder extends DropdownPropertyConfigurationBuilder implements DropdownWithEchoFieldsPropertyConfiguration {\n\n constructor(fieldName: keyof T, formlyTemplate: FormlyTemplate) {\n super(fieldName, formlyTemplate);\n }\n\n ddClassName(className: string): this {\n this.templateOption(x => x.ddClassName = className);\n return this;\n }\n\n echoField(property: string, label: string, className?: string, formatInput?: (d: any) => string): this {\n const builder = new EchoFieldConfiguration();\n builder.add(property, label, className, formatInput);\n\n let echoFields: EchoField[] = this.props.echoFields ?? [];\n echoFields = [...echoFields, ...builder.echoFields];\n this.templateOption(o => o.echoFields = echoFields);\n\n return this;\n }\n}\n\n","import { DropdownPropertyConfiguration, DropdownPropertyConfigurationBuilder } from './dropdown-property-configuration';\r\n\r\nexport interface AutocompletePropertyConfiguration extends DropdownPropertyConfiguration {\r\n\r\n minSearchLength(minSearchLength: number): this;\r\n\r\n showDropdown(show?: boolean): this;\r\n\r\n delay(delay: number): this;\r\n\r\n forceSelection(forceSelection: boolean): this;\r\n}\r\n\r\nexport class AutocompletePropertyConfigurationBuilder extends DropdownPropertyConfigurationBuilder implements AutocompletePropertyConfiguration {\r\n\r\n minSearchLength(minSearchLength: number): this {\r\n this.templateOption(o => o.minLength = minSearchLength);\r\n return this;\r\n }\r\n\r\n showDropdown(show?: boolean): this {\r\n if (show === undefined) show = true;\r\n this.templateOption(o => o.dropdown = show);\r\n return this;\r\n }\r\n\r\n delay(delay: number): this {\r\n this.templateOption(o => o.delay = delay);\r\n return this;\r\n }\r\n\r\n forceSelection(forceSelection: boolean): this {\r\n this.templateOption(o => o.forceSelection = forceSelection);\r\n return this;\r\n }\r\n}\r\n","import { FloydFormlyConfigurationBuilder } from './floyd-formly-configuration';\nimport { FormlyTemplate } from './formly-template';\nimport { FloydFormlyFieldProps, PropertyConfigurationBuilder } from './property-configuration';\n\nexport interface FieldGroupConfiguration {\n fields(config: (fields: FloydFormlyConfiguration) => FloydFormlyConfiguration): FieldGroupConfiguration;\n\n wrappers(wrappers: string[]): FieldGroupConfiguration;\n\n template(template: string): FieldGroupConfiguration;\n\n className(className: string): FieldGroupConfiguration;\n\n fieldGroupClassName(className: string): FieldGroupConfiguration;\n\n templateOption(option: (o: FloydFormlyFieldProps) => void): FieldGroupConfiguration;\n\n hideExpression(expression: boolean | string | ((model: T, formState: any) => boolean)): this;\n\n id(id: string): this;\n\n atIndex(index: number): this;\n\n if(ifFn: () => boolean, config: (c: this) => this): this;\n}\n\nexport class FieldGroupConfigurationBuilder implements FieldGroupConfiguration {\n\n protected parent: FloydFormlyConfigurationBuilder;\n protected innerFormBuilder: FloydFormlyConfigurationBuilder;\n protected propertyBuilder: PropertyConfigurationBuilder;\n\n constructor(parent: FloydFormlyConfigurationBuilder, innerFormBuilder: FloydFormlyConfigurationBuilder) {\n this.parent = parent;\n this.innerFormBuilder = innerFormBuilder;\n this.propertyBuilder = new PropertyConfigurationBuilder();\n this.propertyBuilder.initializeAsFormGroup(parent, innerFormBuilder);\n }\n\n public get fieldId(): string | undefined {\n return this.propertyBuilder.fieldId;\n }\n\n getConfiguration(): PropertyConfigurationBuilder {\n return this.propertyBuilder;\n }\n\n fields(config: (fields: FloydFormlyConfiguration) => FloydFormlyConfiguration): FieldGroupConfiguration {\n config(this.innerFormBuilder as unknown as FloydFormlyConfiguration);\n return this;\n }\n\n wrappers(wrappers: string[]): FieldGroupConfiguration {\n this.propertyBuilder.wrappers(wrappers);\n return this;\n }\n\n template(template: string): FieldGroupConfiguration {\n this.propertyBuilder.formlyTemplate = template as FormlyTemplate;\n return this;\n }\n\n className(className: string): FieldGroupConfiguration {\n this.propertyBuilder.className(className);\n return this;\n }\n\n fieldGroupClassName(className: string): FieldGroupConfiguration {\n this.propertyBuilder.fieldGroupClassName(className);\n return this;\n }\n\n templateOption(option: (o: FloydFormlyFieldProps) => void): FieldGroupConfiguration {\n this.propertyBuilder.templateOption(option);\n return this;\n }\n\n hideExpression(expression: boolean | string | ((model: T, formState: any) => boolean)): this {\n this.propertyBuilder.hideExpression(expression);\n return this;\n }\n\n atIndex(index: number): this {\n this.propertyBuilder.atIndex(index);\n return this;\n }\n\n id(id: string): this {\n this.propertyBuilder.id(id);\n return this;\n }\n\n if(ifFn: () => boolean, config: (c: this) => this): this {\n if (ifFn()) {\n config(this);\n }\n return this;\n }\n}\n","import { FloydFormlyConfigurationBuilder } from './floyd-formly-configuration';\nimport { FloydFormlyFieldProps, PropertyConfigurationBuilder } from './property-configuration';\nimport { FormlyTemplate } from './formly-template';\n\nexport interface ExtensionFormConfiguration {\n fields(config: (fields: FloydFormlyConfiguration) => FloydFormlyConfiguration): ExtensionFormConfiguration;\n\n wrappers(wrappers: string[]): ExtensionFormConfiguration;\n\n template(template: string): ExtensionFormConfiguration;\n\n fieldGroupClassName(fieldGroupClassName: string): ExtensionFormConfiguration;\n\n className(fieldGroupClassName: string): ExtensionFormConfiguration;\n\n templateOption(option: (o: FloydFormlyFieldProps) => void): ExtensionFormConfiguration;\n\n hideExpression(expression: boolean | string | ((model: T, formState: any) => boolean)): this;\n\n id(id: string): this;\n\n atIndex(index: number): this;\n\n if(ifFn: () => boolean, config: (c: this) => this): this;\n}\n\nexport class ExtensionFormConfigurationBuilder implements ExtensionFormConfiguration {\n protected parent: FloydFormlyConfigurationBuilder;\n protected innerFormBuilder: FloydFormlyConfigurationBuilder;\n protected propertyBuilder: PropertyConfigurationBuilder;\n\n constructor(fieldName: string, parent: FloydFormlyConfigurationBuilder, innerFormBuilder: FloydFormlyConfigurationBuilder) {\n this.parent = parent;\n this.innerFormBuilder = innerFormBuilder;\n this.propertyBuilder = new PropertyConfigurationBuilder(fieldName);\n this.propertyBuilder.initializeAsFormGroup(parent, innerFormBuilder);\n }\n\n public get fieldName(): string | undefined {\n return this.propertyBuilder.fieldName as string;\n }\n\n id(id: string): this {\n this.propertyBuilder.id(id);\n return this;\n }\n\n if(ifFn: () => boolean, config: (c: this) => this): this {\n if (ifFn()) {\n config(this);\n }\n return this;\n }\n\n atIndex(index: number): this {\n this.propertyBuilder.atIndex(index);\n return this;\n }\n\n getConfiguration(): PropertyConfigurationBuilder {\n return this.propertyBuilder;\n }\n\n fields(config: (fields: FloydFormlyConfiguration) => FloydFormlyConfiguration): ExtensionFormConfiguration {\n config(this.innerFormBuilder as unknown as FloydFormlyConfiguration);\n return this;\n }\n\n wrappers(wrappers: string[]): ExtensionFormConfiguration {\n this.propertyBuilder.wrappers(wrappers);\n return this;\n }\n\n template(template: string): ExtensionFormConfiguration {\n this.propertyBuilder.formlyTemplate = template as FormlyTemplate;\n return this;\n }\n\n className(className: string): ExtensionFormConfiguration {\n this.propertyBuilder.className(className);\n return this;\n }\n\n fieldGroupClassName(fieldGroupClassName: string): ExtensionFormConfiguration {\n this.propertyBuilder.fieldGroupClassName(fieldGroupClassName);\n return this;\n }\n\n templateOption(option: (o: FloydFormlyFieldProps) => void): ExtensionFormConfiguration {\n this.propertyBuilder.templateOption(option);\n return this;\n }\n\n hideExpression(expression: boolean | string | ((model: T, formState: any) => boolean)): this {\n this.propertyBuilder.hideExpression(expression);\n return this;\n }\n}\n","import { DatePropertyConfiguration, DatePropertyConfigurationBuilder } from './date-property-configuration';\r\n\r\nexport interface DateTimePropertyConfiguration extends DatePropertyConfiguration {\r\n stepHour(step: number): this;\r\n\r\n stepMinute(step: number): this;\r\n\r\n stepSecond(step: number): this;\r\n}\r\n\r\nexport class DateTimePropertyConfigurationBuilder extends DatePropertyConfigurationBuilder implements DateTimePropertyConfiguration {\r\n\r\n stepHour(step: number): this {\r\n this.templateOption(o => o.stepHour = step);\r\n return this;\r\n }\r\n\r\n stepMinute(step: number): this {\r\n this.templateOption(o => o.stepMinute = step);\r\n return this;\r\n }\r\n\r\n stepSecond(step: number): this {\r\n this.templateOption(o => o.stepSecond = step);\r\n return this;\r\n }\r\n}\r\n","import {FormlyFieldConfig} from '@ngx-formly/core';\r\nimport {FloydFormlyFieldConfig, PropertyConfiguration, PropertyConfigurationBuilder} from './property-configuration';\r\nimport {DropdownPropertyConfiguration, DropdownPropertyConfigurationBuilder} from './dropdown-property-configuration';\r\nimport {DatePropertyConfiguration, DatePropertyConfigurationBuilder} from './date-property-configuration';\r\nimport {FormGroup} from '@angular/forms';\r\nimport {NumberPropertyConfiguration, NumberPropertyConfigurationBuilder} from './number-property-configuration';\r\nimport {\r\n LongStringPropertyConfiguration,\r\n LongStringPropertyConfigurationBuilder,\r\n StringPropertyConfiguration,\r\n StringPropertyConfigurationBuilder\r\n} from './string-property-configuration';\r\nimport {FormlyTemplate} from './formly-template';\r\nimport {\r\n FileUploadPropertyConfiguration,\r\n FileUploadPropertyConfigurationBuilder\r\n} from './file-upload-property-configuration';\r\nimport {DetailFormConfiguration, DetailFormConfigurationBuilder} from './detail-form-configuration';\r\nimport {\r\n DropdownWithEchoFieldsPropertyConfiguration,\r\n DropdownWithEchoFieldsPropertyConfigurationBuilder\r\n} from './dropdown-with-echo-fields-property-configuration';\r\nimport {\r\n AutocompletePropertyConfiguration,\r\n AutocompletePropertyConfigurationBuilder,\r\n} from './autocomplete-property-configuration';\r\nimport {FieldGroupConfiguration, FieldGroupConfigurationBuilder} from './fieldgroup-configuration';\r\nimport {ExtensionFormConfiguration, ExtensionFormConfigurationBuilder} from './extension-form-configuration';\r\nimport {DateTimePropertyConfiguration, DateTimePropertyConfigurationBuilder} from './date-time-property-configuration';\r\n\r\nexport enum FormState {\r\n New = 'New',\r\n Edit = 'Edit',\r\n ReadOnly = 'ReadOnly'\r\n}\r\n\r\nexport type FormlyKeyValue = {\r\n [K in keyof TModel]:\r\n TModel[K] extends ControlType | null | undefined\r\n ? K & string\r\n : never;\r\n}[keyof TModel];\r\n\r\nexport interface FloydFormlyConfigurationParams {\r\n readonly form: FormGroup,\r\n fields: FormlyFieldConfig[],\r\n}\r\n\r\ndeclare global {\r\n export interface FloydFormlyConfiguration {\r\n form: FormGroup;\r\n\r\n if(ifFn: () => boolean, config: (c: FloydFormlyConfiguration) => FloydFormlyConfiguration): FloydFormlyConfiguration;\r\n\r\n shortString(fieldName: FormlyKeyValue, label: string, config?: (c: StringPropertyConfiguration) => StringPropertyConfiguration): FloydFormlyConfiguration;\r\n\r\n longString(fieldName: FormlyKeyValue, label: string, config?: (c: LongStringPropertyConfiguration) => LongStringPropertyConfiguration): FloydFormlyConfiguration;\r\n\r\n date(fieldName: FormlyKeyValue, label: string, config?: (c: DatePropertyConfiguration) => DatePropertyConfiguration): FloydFormlyConfiguration;\r\n\r\n dateTime(fieldName: FormlyKeyValue, label: string, config?: (c: DateTimePropertyConfiguration) => DateTimePropertyConfiguration): FloydFormlyConfiguration;\r\n\r\n boolSelectButton(fieldName: FormlyKeyValue, trueLabel: string, falseLabel: string, config?: (c: PropertyConfiguration) => PropertyConfiguration): FloydFormlyConfiguration;\r\n\r\n boolSwitch(fieldName: FormlyKeyValue, label: string, config?: (c: PropertyConfiguration) => PropertyConfiguration): FloydFormlyConfiguration;\r\n\r\n dropDown(fieldName: FormlyKeyValue, label: string, config?: (c: DropdownPropertyConfiguration) => DropdownPropertyConfiguration): FloydFormlyConfiguration;\r\n\r\n dropDownWithEchoFields(fieldName: FormlyKeyValue, label: string, config?: (c: DropdownWithEchoFieldsPropertyConfiguration) => DropdownWithEchoFieldsPropertyConfiguration): FloydFormlyConfiguration;\r\n\r\n multiSelectDropdown(fieldName: FormlyKeyValue, label: string, config?: (c: DropdownPropertyConfiguration) => DropdownPropertyConfiguration): FloydFormlyConfiguration;\r\n\r\n autoComplete(fieldName: FormlyKeyValue, label: string, config?: (c: AutocompletePropertyConfiguration) => AutocompletePropertyConfiguration): FloydFormlyConfiguration;\r\n\r\n multiSelectAutoComplete(fieldName: FormlyKeyValue, label: string, config?: (c: AutocompletePropertyConfiguration) => AutocompletePropertyConfiguration): FloydFormlyConfiguration;\r\n\r\n integer(fieldName: FormlyKeyValue, label: string, config?: (c: NumberPropertyConfiguration) => NumberPropertyConfiguration): FloydFormlyConfiguration;\r\n\r\n money(fieldName: FormlyKeyValue, label: string, config?: (c: NumberPropertyConfiguration) => NumberPropertyConfiguration): FloydFormlyConfiguration;\r\n\r\n decimal(fieldName: FormlyKeyValue, label: string, config?: (c: NumberPropertyConfiguration) => NumberPropertyConfiguration): FloydFormlyConfiguration;\r\n\r\n fileUpload(fieldId: string, label: string, config?: (c: FileUploadPropertyConfiguration) => FileUploadPropertyConfiguration): FloydFormlyConfiguration;\r\n\r\n removeField(fieldOrId: keyof T | string): FloydFormlyConfiguration;\r\n\r\n modifyField>(fieldOrId: keyof T | string, config: (c: C) => C): FloydFormlyConfiguration;\r\n\r\n modifyFieldGroup(id: string, config: (c: FieldGroupConfiguration) => FieldGroupConfiguration): FloydFormlyConfiguration;\r\n\r\n addField(fieldName: keyof T, label: string, formlyTemplate: string, config?: (c: PropertyConfiguration) => PropertyConfiguration): FloydFormlyConfiguration;\r\n\r\n disabledFieldsOnEdit(...fields: (keyof T)[]): FloydFormlyConfiguration;\r\n\r\n disabledFieldsOnNew(...fields: (keyof T)[]): FloydFormlyConfiguration;\r\n\r\n formState(formState: FormState): FloydFormlyConfiguration;\r\n\r\n fieldGroup(config: (c: FieldGroupConfiguration