@futdevpro/fsm-dynamo 1.16.38 → 1.16.40

package/src/_modules/ngx-models/_models/control-models/field-settings.control-model.spec.ts

@@ -1,109 +1,109 @@
-
-import { DyFM_Field_Type } from '../../_enums/field-type.enum';
-import { DyFM_Field_Settings } from './field-settings.control-model';
-import { DyFM_Select } from './select.control-model';
-
-describe('| DyFM_Field_Settings', () => {
-  let fieldSettings: DyFM_Field_Settings<any>;
-
-  beforeEach(() => {
-    fieldSettings = new DyFM_Field_Settings();
-  });
-
-  it('| should create an instance', () => {
-    expect(fieldSettings).toBeTruthy();
-  });
-
-  it('| should allow setting and getting label', () => {
-    fieldSettings.label = 'Test Label';
-    expect(fieldSettings.label).toBe('Test Label');
-  });
-
-  it('| should allow setting and getting key', () => {
-    fieldSettings.key = 'main.deep.count';
-    expect(fieldSettings.key).toBe('main.deep.count');
-  });
-
-  it('| should allow setting and getting type', () => {
-    fieldSettings.type = DyFM_Field_Type.text;
-    expect(fieldSettings.type).toBe(DyFM_Field_Type.text);
-  });
-
-  it('| should allow setting and getting defaultValue', () => {
-    fieldSettings.defaultValue = 42;
-    expect(fieldSettings.defaultValue).toBe(42);
-  });
-
-  it('| should allow setting and getting validators', () => {
-    fieldSettings.validators = [() => null];
-    expect(fieldSettings.validators.length).toBe(1);
-  });
-
-  it('| should allow setting and getting asyncValidators', () => {
-    fieldSettings.asyncValidators = [() => Promise.resolve(null)];
-    expect(fieldSettings.asyncValidators.length).toBe(1);
-  });
-
-  it('| should allow setting and getting updateOn', () => {
-    fieldSettings.updateOn = 'change';
-    expect(fieldSettings.updateOn).toBe('change');
-  });
-
-  it('| should allow setting and getting gridSize', () => {
-    fieldSettings.gridSize = 12;
-    expect(fieldSettings.gridSize).toBe(12);
-  });
-
-  it('| should allow setting and getting selectOptions', () => {
-    const selectOption: DyFM_Select<any> = { value: 'option1', label: 'Option 1' };
-    fieldSettings.selectOptions = [selectOption];
-    expect(fieldSettings.selectOptions).toEqual([selectOption]);
-  });
-
-  it('| should allow setting and getting required', () => {
-    fieldSettings.required = true;
-    expect(fieldSettings.required).toBeTrue();
-  });
-
-  it('| should allow setting and getting min and max', () => {
-    fieldSettings.min = 1;
-    fieldSettings.max = 10;
-    expect(fieldSettings.min).toBe(1);
-    expect(fieldSettings.max).toBe(10);
-  });
-
-  it('| should allow setting and getting placeholder', () => {
-    fieldSettings.placeholder = 'Enter value';
-    expect(fieldSettings.placeholder).toBe('Enter value');
-  });
-
-  it('| should allow setting and getting mask', () => {
-    fieldSettings.mask = '000.000.000-00';
-    expect(fieldSettings.mask).toBe('000.000.000-00');
-  });
-
-  it('| should allow setting and getting checkboxValues', () => {
-    fieldSettings.checkboxValues = { true: true, false: false };
-    expect(fieldSettings.checkboxValues).toEqual({ true: true, false: false });
-  });
-
-  it('| should allow setting and getting fileAcceptType', () => {
-    fieldSettings.fileAcceptType = 'image/*';
-    expect(fieldSettings.fileAcceptType).toBe('image/*');
-  });
-
-  it('| should allow setting and getting picMaxSize', () => {
-    fieldSettings.picMaxSize = 5000;
-    expect(fieldSettings.picMaxSize).toBe(5000);
-  });
-
-  it('| should allow setting and getting multiFieldType', () => {
-    fieldSettings.multiFieldType = 'array';
-    expect(fieldSettings.multiFieldType).toBe('array');
-  });
-
-  it('| should allow setting and getting hideBtns', () => {
-    fieldSettings.hideBtns = true;
-    expect(fieldSettings.hideBtns).toBeTrue();
-  });
-});
+
+import { DyFM_Field_Type } from '../../_enums/field-type.enum';
+import { DyFM_Field_Settings } from './field-settings.control-model';
+import { DyFM_Select } from './select.control-model';
+
+describe('| DyFM_Field_Settings', () => {
+  let fieldSettings: DyFM_Field_Settings<any>;
+
+  beforeEach(() => {
+    fieldSettings = new DyFM_Field_Settings();
+  });
+
+  it('| should create an instance', () => {
+    expect(fieldSettings).toBeTruthy();
+  });
+
+  it('| should allow setting and getting label', () => {
+    fieldSettings.label = 'Test Label';
+    expect(fieldSettings.label).toBe('Test Label');
+  });
+
+  it('| should allow setting and getting key', () => {
+    fieldSettings.key = 'main.deep.count';
+    expect(fieldSettings.key).toBe('main.deep.count');
+  });
+
+  it('| should allow setting and getting type', () => {
+    fieldSettings.type = DyFM_Field_Type.text;
+    expect(fieldSettings.type).toBe(DyFM_Field_Type.text);
+  });
+
+  it('| should allow setting and getting defaultValue', () => {
+    fieldSettings.defaultValue = 42;
+    expect(fieldSettings.defaultValue).toBe(42);
+  });
+
+  it('| should allow setting and getting validators', () => {
+    fieldSettings.validators = [() => null];
+    expect(fieldSettings.validators.length).toBe(1);
+  });
+
+  it('| should allow setting and getting asyncValidators', () => {
+    fieldSettings.asyncValidators = [() => Promise.resolve(null)];
+    expect(fieldSettings.asyncValidators.length).toBe(1);
+  });
+
+  it('| should allow setting and getting updateOn', () => {
+    fieldSettings.updateOn = 'change';
+    expect(fieldSettings.updateOn).toBe('change');
+  });
+
+  it('| should allow setting and getting gridSize', () => {
+    fieldSettings.gridSize = 12;
+    expect(fieldSettings.gridSize).toBe(12);
+  });
+
+  it('| should allow setting and getting selectOptions', () => {
+    const selectOption: DyFM_Select<any> = { value: 'option1', label: 'Option 1' };
+    fieldSettings.selectOptions = [selectOption];
+    expect(fieldSettings.selectOptions).toEqual([selectOption]);
+  });
+
+  it('| should allow setting and getting required', () => {
+    fieldSettings.required = true;
+    expect(fieldSettings.required).toBeTrue();
+  });
+
+  it('| should allow setting and getting min and max', () => {
+    fieldSettings.min = 1;
+    fieldSettings.max = 10;
+    expect(fieldSettings.min).toBe(1);
+    expect(fieldSettings.max).toBe(10);
+  });
+
+  it('| should allow setting and getting placeholder', () => {
+    fieldSettings.placeholder = 'Enter value';
+    expect(fieldSettings.placeholder).toBe('Enter value');
+  });
+
+  it('| should allow setting and getting mask', () => {
+    fieldSettings.mask = '000.000.000-00';
+    expect(fieldSettings.mask).toBe('000.000.000-00');
+  });
+
+  it('| should allow setting and getting checkboxValues', () => {
+    fieldSettings.checkboxValues = { true: true, false: false };
+    expect(fieldSettings.checkboxValues).toEqual({ true: true, false: false });
+  });
+
+  it('| should allow setting and getting fileAcceptType', () => {
+    fieldSettings.fileAcceptType = 'image/*';
+    expect(fieldSettings.fileAcceptType).toBe('image/*');
+  });
+
+  it('| should allow setting and getting picMaxSize', () => {
+    fieldSettings.picMaxSize = 5000;
+    expect(fieldSettings.picMaxSize).toBe(5000);
+  });
+
+  it('| should allow setting and getting multiFieldType', () => {
+    fieldSettings.multiFieldType = 'array';
+    expect(fieldSettings.multiFieldType).toBe('array');
+  });
+
+  it('| should allow setting and getting hideBtns', () => {
+    fieldSettings.hideBtns = true;
+    expect(fieldSettings.hideBtns).toBeTrue();
+  });
+});

package/src/_modules/ngx-models/_models/control-models/field-settings.control-model.ts

@@ -1,133 +1,133 @@
-
-
-// TODO split this for different Field types
-/* import { AsyncValidatorFn, FormControl, ValidatorFn, Validators } from '@angular/forms'; */
-
-import { DyFM_Metadata, DyFM_RangeValue } from '../../../..';
-
-import { DyFM_Field_Type } from '../../_enums/field-type.enum';
-import { DyFM_PreconfiguredField_Type } from '../../_enums/preconfigured-field-type.enum';
-import { DyFM_Select } from './select.control-model';
-import { 
-  DyFM_SelectOptionsCustomConstructor 
-} from '../interfaces/select-options-custom-constructor.interface';
-import { DyFM_HTMLInput_Type } from '../../_enums/html/input-types.enum';
-import { DyFM_CheckboxLabelPosition } from '../../_enums/checkbox-label-position.enum';
-import { DyFM_File_Type } from '../../_enums/file-type.enum';
-import { DyFM_Button_Params } from './button-params.control-model';
-
-// Mask options:
-/**
-  mask	          example
-  9999-99-99	    2017-04-15
-  0*.00	          2017.22
-  000.000.000-99	048.457.987-98
-  AAAA	          0F6g
-  SSSS	          asDF
-
-  code	    meaning
-  0	        digits (like 0 to 9 numbers)
-  9	        digits (like 0 to 9 numbers), but optional
-  A	        letters (uppercase or lowercase) and digits
-  S	        only letters (uppercase or lowercase)
-
-  000.000.000-00||00.000.000/0000-00
-*/
-
-/**
- * Describes a single form field with all display and validation options.
- *
- * @example
- * ```ts
- * const field = new DyFM_Field_Settings('Name', 'name', DyFM_Field_Type.text);
- * ```
- */
-export class DyFM_Field_Settings<T = any> extends DyFM_Metadata {
-  label?: string;
-  /** this can be a nested dataKey such as 'main.deep.count' */
-  key?: string;
-  type?: DyFM_Field_Type | DyFM_PreconfiguredField_Type;
-
-  // TODO:
-  // this should use the T and Tgeneric only, need to create a new type for lists, numbers and RangeValues
-  defaultValue?: T | T[] | DyFM_RangeValue<T> | DyFM_RangeValue<number> | number;
-  validators?: any[];
-  asyncValidators?: any[];
-  updateOn?: 'change' | 'blur' | 'submit'; // TODO UpdateOn
-  forceUpdateOn?: 'change' | 'blur' | 'submit'; // TODO UpdateOn
-  /** by default Dynamo uses divides of 12 */
-  gridSize?: number | 'hidden';
-  /** by default uses the gridSize * 2 */
-  gridSize_md?: number | 'hidden';
-  /** by default uses the gridSize * 3 */
-  gridSize_sm?: number | 'hidden';
-  /** by default uses the gridSize * 4 */
-  gridSize_xs?: number | 'hidden';
-  /** bypasses the gridSize, and uses the gridSize_all for all screen sizes */
-  gridSize_all?: number | 'hidden';
-
-  // TODO:
-  // this should use the T and Tgeneric only, need to create a new type for strings
-  selectOptions?: DyFM_Select<T /* | string */>[];
-  selectOptionsFromEnumObj?: object;
-  selectOptionsFromEnumObjOnlyValues?: object;
-  selectOptionsFromCustomObj?: DyFM_SelectOptionsCustomConstructor<any>;
-  selectCompareWith?: (a: T, b: T) => boolean;
-  nullOption?: string;
-
-  required?: boolean;
-  rangeDataKeys?: DyFM_RangeValue<string>; // use full path if using this
-  min?: number;
-  max?: number;
-  step?: number;
-  maxLength?: number;
-  startDisabled?: boolean;
-  disabledCondition?: (fieldValue: T) => boolean;
-  hideDisabled?: boolean;
-  placeholder?: string;
-  description?: string;
-  defineInputType?: DyFM_HTMLInput_Type;
-  mask?: string;
-  prefix?: string;
-  suffix?: string;
-  dropSpecialCharacters?: boolean;
-  controlOnly?: boolean;
-  rows?: number;
-
-  onValueChanges?: (newValue?: T, oldValue?: T) => void;
-  useDebounceOnValueChanges?: number;
-
-  // checkbox settings
-  // TODO:
-  // this should use the T and Tgeneric only, need to create a new type for booleans
-  checkboxValues?: { true: T /* | true */, false: T /* | false */ };
-  checkboxLabelPosition?: DyFM_CheckboxLabelPosition;
-
-  // textList settings
-  textListJoiner?: string;
-
-  // file settings
-  fileAcceptType?: string; // for input
-  fileReturnAs?: DyFM_File_Type;
-  fileChooseBtn?: DyFM_Button_Params;
-  fileChooseBtnText?: string;
-  fileNoFileText?: string;
-  fileUseDynamoFileValue?: boolean;
-  // picture settings
-  picMaxSize?: number;
-  picPlaceHolderSrc?: string;
-  picMaxRowHeight?: string; // '200px'
-  picFit?: 'contain' | 'cover';
-  picUseCropper?: boolean; // use cropper
-
-  // multiField settings this should be setted up only on the first one!
-  multiFieldType?: 'string' | 'array';
-  multiFieldJoiner?: string;
-
-  hideBtns?: boolean;
-
-  /* setupLogs */
-  setupLog?: boolean;
-}
-
-
+
+
+// TODO split this for different Field types
+/* import { AsyncValidatorFn, FormControl, ValidatorFn, Validators } from '@angular/forms'; */
+
+import { DyFM_Metadata, DyFM_RangeValue } from '../../../..';
+
+import { DyFM_Field_Type } from '../../_enums/field-type.enum';
+import { DyFM_PreconfiguredField_Type } from '../../_enums/preconfigured-field-type.enum';
+import { DyFM_Select } from './select.control-model';
+import { 
+  DyFM_SelectOptionsCustomConstructor 
+} from '../interfaces/select-options-custom-constructor.interface';
+import { DyFM_HTMLInput_Type } from '../../_enums/html/input-types.enum';
+import { DyFM_CheckboxLabelPosition } from '../../_enums/checkbox-label-position.enum';
+import { DyFM_File_Type } from '../../_enums/file-type.enum';
+import { DyFM_Button_Params } from './button-params.control-model';
+
+// Mask options:
+/**
+  mask	          example
+  9999-99-99	    2017-04-15
+  0*.00	          2017.22
+  000.000.000-99	048.457.987-98
+  AAAA	          0F6g
+  SSSS	          asDF
+
+  code	    meaning
+  0	        digits (like 0 to 9 numbers)
+  9	        digits (like 0 to 9 numbers), but optional
+  A	        letters (uppercase or lowercase) and digits
+  S	        only letters (uppercase or lowercase)
+
+  000.000.000-00||00.000.000/0000-00
+*/
+
+/**
+ * Describes a single form field with all display and validation options.
+ *
+ * @example
+ * ```ts
+ * const field = new DyFM_Field_Settings('Name', 'name', DyFM_Field_Type.text);
+ * ```
+ */
+export class DyFM_Field_Settings<T = any> extends DyFM_Metadata {
+  label?: string;
+  /** this can be a nested dataKey such as 'main.deep.count' */
+  key?: string;
+  type?: DyFM_Field_Type | DyFM_PreconfiguredField_Type;
+
+  // TODO:
+  // this should use the T and Tgeneric only, need to create a new type for lists, numbers and RangeValues
+  defaultValue?: T | T[] | DyFM_RangeValue<T> | DyFM_RangeValue<number> | number;
+  validators?: any[];
+  asyncValidators?: any[];
+  updateOn?: 'change' | 'blur' | 'submit'; // TODO UpdateOn
+  forceUpdateOn?: 'change' | 'blur' | 'submit'; // TODO UpdateOn
+  /** by default Dynamo uses divides of 12 */
+  gridSize?: number | 'hidden';
+  /** by default uses the gridSize * 2 */
+  gridSize_md?: number | 'hidden';
+  /** by default uses the gridSize * 3 */
+  gridSize_sm?: number | 'hidden';
+  /** by default uses the gridSize * 4 */
+  gridSize_xs?: number | 'hidden';
+  /** bypasses the gridSize, and uses the gridSize_all for all screen sizes */
+  gridSize_all?: number | 'hidden';
+
+  // TODO:
+  // this should use the T and Tgeneric only, need to create a new type for strings
+  selectOptions?: DyFM_Select<T /* | string */>[];
+  selectOptionsFromEnumObj?: object;
+  selectOptionsFromEnumObjOnlyValues?: object;
+  selectOptionsFromCustomObj?: DyFM_SelectOptionsCustomConstructor<any>;
+  selectCompareWith?: (a: T, b: T) => boolean;
+  nullOption?: string;
+
+  required?: boolean;
+  rangeDataKeys?: DyFM_RangeValue<string>; // use full path if using this
+  min?: number;
+  max?: number;
+  step?: number;
+  maxLength?: number;
+  startDisabled?: boolean;
+  disabledCondition?: (fieldValue: T) => boolean;
+  hideDisabled?: boolean;
+  placeholder?: string;
+  description?: string;
+  defineInputType?: DyFM_HTMLInput_Type;
+  mask?: string;
+  prefix?: string;
+  suffix?: string;
+  dropSpecialCharacters?: boolean;
+  controlOnly?: boolean;
+  rows?: number;
+
+  onValueChanges?: (newValue?: T, oldValue?: T) => void;
+  useDebounceOnValueChanges?: number;
+
+  // checkbox settings
+  // TODO:
+  // this should use the T and Tgeneric only, need to create a new type for booleans
+  checkboxValues?: { true: T /* | true */, false: T /* | false */ };
+  checkboxLabelPosition?: DyFM_CheckboxLabelPosition;
+
+  // textList settings
+  textListJoiner?: string;
+
+  // file settings
+  fileAcceptType?: string; // for input
+  fileReturnAs?: DyFM_File_Type;
+  fileChooseBtn?: DyFM_Button_Params;
+  fileChooseBtnText?: string;
+  fileNoFileText?: string;
+  fileUseDynamoFileValue?: boolean;
+  // picture settings
+  picMaxSize?: number;
+  picPlaceHolderSrc?: string;
+  picMaxRowHeight?: string; // '200px'
+  picFit?: 'contain' | 'cover';
+  picUseCropper?: boolean; // use cropper
+
+  // multiField settings this should be setted up only on the first one!
+  multiFieldType?: 'string' | 'array';
+  multiFieldJoiner?: string;
+
+  hideBtns?: boolean;
+
+  /* setupLogs */
+  setupLog?: boolean;
+}
+
+