@futdevpro/fsm-dynamo 1.15.21 → 1.15.23

package/src/_modules/ngx-models/_collections/button-new-style-settings-presets.const.ts

@@ -0,0 +1,181 @@
+import { DyFM_ButtonNewBorderRadius } from '../_enums/button-new/button-new-border-radius.enum';
+import { DyFM_ButtonNewSize } from '../_enums/button-new/button-new-size.enum';
+import { DyFM_ButtonNewStyleType } from '../_enums/button-new/button-new-style-type.enum';
+import { DyFM_MaterialColor } from '../_enums/material-color.enum';
+import { DyFM_ButtonNewStyle_Settings } from '../_models/control-models/button-new-style-settings.control-model';
+
+/**
+ * Collection of commonly used button style presets.
+ * Each preset is an instance of `DyFM_ButtonNewStyle_Settings`
+ * preconfigured for a specific look.
+ *
+ * **sizes:** xs, small, icon, large, xl
+ * **styles:** tonal, stroked, backgroundless
+ * **border radius:** rounded, unset
+ *
+ * @example
+ * ```ts
+ * const style = DyFM_ButtonNewStyleSettingsPresets.smallStroked;
+ * ```
+ */
+export const DyFM_ButtonNewStyleSettingsPresets = {
+  xs: new DyFM_ButtonNewStyle_Settings({
+    size: DyFM_ButtonNewSize.xs,
+  }),
+  xsIcon: new DyFM_ButtonNewStyle_Settings({
+    size: DyFM_ButtonNewSize.xs,
+    isIconButton: true,
+  }),
+  xsRounded: new DyFM_ButtonNewStyle_Settings({
+    size: DyFM_ButtonNewSize.xs,
+    borderRadius: DyFM_ButtonNewBorderRadius.rounded,
+  }),
+  xsStroked: new DyFM_ButtonNewStyle_Settings({
+    size: DyFM_ButtonNewSize.xs,
+    styleType: DyFM_ButtonNewStyleType.stroked,
+  }),
+  xsStrokedIcon: new DyFM_ButtonNewStyle_Settings({
+    size: DyFM_ButtonNewSize.xs,
+    styleType: DyFM_ButtonNewStyleType.stroked,
+    isIconButton: true,
+  }),
+  xsBackgroundlessIcon: new DyFM_ButtonNewStyle_Settings({
+    size: DyFM_ButtonNewSize.xs,
+    styleType: DyFM_ButtonNewStyleType.backgroundless,
+    isIconButton: true,
+  }),
+  xsRoundedTonal: new DyFM_ButtonNewStyle_Settings({
+    size: DyFM_ButtonNewSize.xs,
+    borderRadius: DyFM_ButtonNewBorderRadius.rounded,
+    styleType: DyFM_ButtonNewStyleType.tonal,
+  }),
+
+  small: new DyFM_ButtonNewStyle_Settings({
+    size: DyFM_ButtonNewSize.small,
+  }),
+  smallIcon: new DyFM_ButtonNewStyle_Settings({
+    isIconButton: true,
+    size: DyFM_ButtonNewSize.small,
+  }),
+  smallStrokedIcon: new DyFM_ButtonNewStyle_Settings({
+    styleType: DyFM_ButtonNewStyleType.stroked,
+    isIconButton: true,
+    size: DyFM_ButtonNewSize.small,
+  }),
+  smallTonalIcon: new DyFM_ButtonNewStyle_Settings({
+    styleType: DyFM_ButtonNewStyleType.tonal,
+    isIconButton: true,
+    size: DyFM_ButtonNewSize.small,
+  }),
+  smallRounded: new DyFM_ButtonNewStyle_Settings({
+    borderRadius: DyFM_ButtonNewBorderRadius.rounded,
+    size: DyFM_ButtonNewSize.small,
+  }),
+  smallStroked: new DyFM_ButtonNewStyle_Settings({
+    styleType: DyFM_ButtonNewStyleType.stroked,
+    size: DyFM_ButtonNewSize.small,
+  }),
+  smallTonal: new DyFM_ButtonNewStyle_Settings({
+    styleType: DyFM_ButtonNewStyleType.tonal,
+    size: DyFM_ButtonNewSize.small,
+  }),
+  smallRoundedTonal: new DyFM_ButtonNewStyle_Settings({
+    borderRadius: DyFM_ButtonNewBorderRadius.rounded,
+    styleType: DyFM_ButtonNewStyleType.tonal,
+    size: DyFM_ButtonNewSize.small,
+  }),
+  smallStrokedRounded: new DyFM_ButtonNewStyle_Settings({
+    styleType: DyFM_ButtonNewStyleType.stroked,
+    borderRadius: DyFM_ButtonNewBorderRadius.rounded,
+    size: DyFM_ButtonNewSize.small,
+  }),
+  smallBackgroundless: new DyFM_ButtonNewStyle_Settings({
+    styleType: DyFM_ButtonNewStyleType.backgroundless,
+    size: DyFM_ButtonNewSize.small,
+  }),
+
+  icon: new DyFM_ButtonNewStyle_Settings({
+    isIconButton: true,
+  }),
+  backgroundlessSmallIconUnset: new DyFM_ButtonNewStyle_Settings({
+    styleType: DyFM_ButtonNewStyleType.backgroundless,
+    isIconButton: true,
+    size: DyFM_ButtonNewSize.small,
+    color: '',
+  }),
+  backgroundlessIconUnset: new DyFM_ButtonNewStyle_Settings({
+    styleType: DyFM_ButtonNewStyleType.backgroundless,
+    isIconButton: true,
+    color: '',
+  }),
+  smallBackgroundlessIcon: new DyFM_ButtonNewStyle_Settings({
+    styleType: DyFM_ButtonNewStyleType.backgroundless,
+    isIconButton: true,
+    size: DyFM_ButtonNewSize.small,
+  }),
+  strokedIcon: new DyFM_ButtonNewStyle_Settings({
+    styleType: DyFM_ButtonNewStyleType.stroked,
+    isIconButton: true,
+  }),
+  backgroundlessIcon: new DyFM_ButtonNewStyle_Settings({
+    styleType: DyFM_ButtonNewStyleType.backgroundless,
+    isIconButton: true,
+  }),
+
+  accent: new DyFM_ButtonNewStyle_Settings({
+    color: DyFM_MaterialColor.accent,
+  }),
+  strokedAccent: new DyFM_ButtonNewStyle_Settings({
+    styleType: DyFM_ButtonNewStyleType.stroked,
+    color: DyFM_MaterialColor.accent,
+  }),
+  stroked: new DyFM_ButtonNewStyle_Settings({
+    styleType: DyFM_ButtonNewStyleType.stroked,
+  }),
+  round: new DyFM_ButtonNewStyle_Settings({
+    borderRadius: DyFM_ButtonNewBorderRadius.rounded,
+  }),
+  strokedRound: new DyFM_ButtonNewStyle_Settings({
+    styleType: DyFM_ButtonNewStyleType.stroked,
+    borderRadius: DyFM_ButtonNewBorderRadius.rounded,
+  }),
+
+  large: new DyFM_ButtonNewStyle_Settings({
+    size: DyFM_ButtonNewSize.large,
+  }),
+  largeStroked: new DyFM_ButtonNewStyle_Settings({
+    styleType: DyFM_ButtonNewStyleType.stroked,
+    size: DyFM_ButtonNewSize.large,
+  }),
+  largeStrokedRound: new DyFM_ButtonNewStyle_Settings({
+    styleType: DyFM_ButtonNewStyleType.stroked,
+    borderRadius: DyFM_ButtonNewBorderRadius.rounded,
+    size: DyFM_ButtonNewSize.large,
+  }),
+  largeTonal: new DyFM_ButtonNewStyle_Settings({
+    styleType: DyFM_ButtonNewStyleType.tonal,
+    size: DyFM_ButtonNewSize.large,
+  }),
+  largeIcon: new DyFM_ButtonNewStyle_Settings({
+    isIconButton: true,
+    size: DyFM_ButtonNewSize.large,
+  }),
+  largeStrokedIcon: new DyFM_ButtonNewStyle_Settings({
+    styleType: DyFM_ButtonNewStyleType.stroked,
+    isIconButton: true,
+    size: DyFM_ButtonNewSize.large,
+  }),
+
+  xl: new DyFM_ButtonNewStyle_Settings({
+    size: DyFM_ButtonNewSize.xl,
+  }),
+  xlIcon: new DyFM_ButtonNewStyle_Settings({
+    size: DyFM_ButtonNewSize.xl,
+    isIconButton: true,
+  }),
+  
+}
+
+
+
+

package/src/_modules/ngx-models/_collections/dynamo-global.settings.spec.ts

@@ -0,0 +1,74 @@
+
+import { DyFM_uiGlobal_settings } from './dynamo-global.settings';
+import { DyFM_Container_Type } from '../_enums/container-type.enum';
+import { DyFM_FieldAppearance } from '../_enums/field-appearance.enum';
+import { DyFM_Storage_Type } from '../_enums/storage-type.enum';
+
+describe('| DyFM_uiGlobal_settings', () => {
+  it('| should have the correct field appearance', () => {
+    expect(DyFM_uiGlobal_settings.fieldAppearance).toBe(DyFM_FieldAppearance.outline);
+  });
+
+  it('| should have the correct base URL', () => {
+    expect(DyFM_uiGlobal_settings.baseUrl).toBe('/api');
+  });
+
+  it('| should have the correct usage endpoints', () => {
+    expect(DyFM_uiGlobal_settings.usageEndpoints.startSession).toBe('/usage/new-session');
+    expect(DyFM_uiGlobal_settings.usageEndpoints.updateUsage).toBe('/usage/update/{sessionId}');
+    expect(DyFM_uiGlobal_settings.usageEndpoints.closeSession).toBe('/usage/close-session/{sessionId}');
+    expect(DyFM_uiGlobal_settings.usageEndpoints.getUsageData).toBe('/usage/get/all');
+  });
+
+  it('| should have alwaysLookForFieldAdder set to false', () => {
+    expect(DyFM_uiGlobal_settings.alwaysLookForFieldAdder).toBeFalse();
+  });
+
+  it('| should have the correct field error messages', () => {
+    expect(DyFM_uiGlobal_settings.fieldErrorMessages.required).toBe('This field is required');
+    expect(DyFM_uiGlobal_settings.fieldErrorMessages.email).toBe('This is not a valid email format');
+    expect(DyFM_uiGlobal_settings.fieldErrorMessages.mask).toBe('This is not a valid format');
+  });
+
+  it('| should have the correct default storage type', () => {
+    expect(DyFM_uiGlobal_settings.defaultStorage).toBe(DyFM_Storage_Type.session);
+  });
+
+  it('| should have the correct storage encryption key (Wave-1 fallback resolves to inherit literal)', () => {
+    // FR-015 Phase 2 Wave 1: storageEncryptionKey is now a lazy getter backed
+    // by DyFM_requireEnv. With no process.env.DyNM_STORAGE_ENCRYPTION_KEY and
+    // no envOverrides populated (typical unit-test environment), the helper
+    // returns the inherit-literal fallback — same value as the pre-Wave-1
+    // hardcoded default. Wave 3 will remove the fallback; this spec will
+    // then need a process.env or envOverrides setup in beforeEach.
+    expect(DyFM_uiGlobal_settings.storageEncryptionKey).toBe('DEFAULT_DyFM_ENCRYPTION_KEY_CHANGE_THIS_XXXXXXX00000009999999999');
+  });
+
+  it('| should have the correct default form storage type', () => {
+    expect(DyFM_uiGlobal_settings.defaultFormStorage).toBe(DyFM_Storage_Type.session);
+  });
+
+  it('| should have the correct default form container type', () => {
+    expect(DyFM_uiGlobal_settings.defaultFormContainerType).toBe(DyFM_Container_Type.none);
+  });
+
+  it('| should have the correct form messages', () => {
+    expect(DyFM_uiGlobal_settings.formMessages.required).toBe('There are required fields to set!');
+    expect(DyFM_uiGlobal_settings.formMessages.invalid).toBe('The form is not set correctly');
+    expect(DyFM_uiGlobal_settings.formMessages.submitSuccess).toBe('Save was successful!');
+    expect(DyFM_uiGlobal_settings.formMessages.submitFailed).toBe('Saving data has failed!');
+  });
+
+  it('| should have the correct question default options', () => {
+    expect(DyFM_uiGlobal_settings.questionDefaultOptions.a).toBe('No');
+    expect(DyFM_uiGlobal_settings.questionDefaultOptions.b).toBe('Yes');
+  });
+
+  it('| should have the correct field tooltip show delay', () => {
+    expect(DyFM_uiGlobal_settings.fieldTooltipShowDelay).toBe(300);
+  });
+
+  it('| should have the correct snack bar hide label', () => {
+    expect(DyFM_uiGlobal_settings.snackBarHideLabel).toBe('Hide');
+  });
+});

package/src/_modules/ngx-models/_collections/dynamo-global.settings.ts

@@ -0,0 +1,103 @@
+
+import { DyFM_requireEnv } from '../../..';
+
+import { DyFM_Container_Type } from '../_enums/container-type.enum';
+import { DyFM_FieldAppearance } from '../_enums/field-appearance.enum';
+import { DyFM_Storage_Type } from '../_enums/storage-type.enum';
+import { DyFM_UiGlobal_Settings } from '../_models/interfaces/global-settings.interface';
+
+
+/**
+ * FR-015 Phase 2 Wave 1 — lazy resolver for the storage encryption key.
+ *
+ * This key wraps every `DyNX_Storage_ControlService.set/getData` payload —
+ * session tokens, user, account, UI state. Live across every FDP-stack
+ * browser client.
+ *
+ * Lookup order (via DyFM_requireEnv):
+ *   1. process.env.DyNM_STORAGE_ENCRYPTION_KEY (Node; rare for this key)
+ *   2. DyFM_global_settings.envOverrides['DyNM_STORAGE_ENCRYPTION_KEY']
+ *      (browser, populated by consumer at app bootstrap from environment.ts)
+ *   3. fallback (Wave 1 transition; removed in Wave 3)
+ *
+ * Getter pattern defers the resolve until first access — that's AFTER
+ * consumer bootstrap on the browser, so the eventual no-fallback throw
+ * doesn't fire at module load.
+ */
+let _cachedStorageEncryptionKey: string | undefined;
+function _resolveStorageEncryptionKey(): string {
+  if (_cachedStorageEncryptionKey !== undefined) { return _cachedStorageEncryptionKey; }
+  _cachedStorageEncryptionKey = DyFM_requireEnv('DyNM_STORAGE_ENCRYPTION_KEY', {
+    errorCode: 'DyNM-ENV-MISSING-STORAGE-ENCRYPTION-KEY',
+    issuerService: 'ngx-dynamo-models',
+    // Wave 1 fallback = inherit semantics (the existing "CHANGE THIS" default).
+    // Removed in Wave 3 once every consumer's environment.ts + bootstrap
+    // override is in place.
+    fallback: 'DEFAULT_DyFM_ENCRYPTION_KEY_CHANGE_THIS_XXXXXXX00000009999999999',
+    userMessage:
+      `Browser-side storage encryption is misconfigured — ` +
+      `DyNM_STORAGE_ENCRYPTION_KEY env-var is missing. Populate it from ` +
+      `environment.ts via DyFM_global_settings.envOverrides at app bootstrap, ` +
+      `before any storage-control-service call runs.`,
+  });
+  return _cachedStorageEncryptionKey;
+}
+
+/**
+ * Default configuration used across the Dynamo application.
+ * These values can be overridden during application bootstrapping.
+ *
+ * @example
+ * ```ts
+ * import { DyFM_uiGlobal_settings } from '@futdevpro/ngx-dynamo-models';
+ * console.log(DyFM_uiGlobal_settings.baseUrl);
+ * ```
+ */
+export const DyFM_uiGlobal_settings: DyFM_UiGlobal_Settings = {
+  // field appearance
+  fieldAppearance: DyFM_FieldAppearance.outline,
+  // call base url
+  baseUrl: '/api',
+
+  usageEndpoints: {
+    startSession: '/usage/new-session',
+    updateUsage: '/usage/update/{sessionId}',
+    closeSession: '/usage/close-session/{sessionId}',
+    getUsageData: '/usage/get/all',
+  },
+
+  alwaysLookForFieldAdder: false,
+
+  fieldErrorMessages: {
+    required: 'This field is required',
+    email: 'This is not a valid email format',
+    mask: 'This is not a valid format',
+  },
+
+  defaultStorage: DyFM_Storage_Type.session,
+  get storageEncryptionKey(): string { return _resolveStorageEncryptionKey(); },
+
+  defaultFormStorage: DyFM_Storage_Type.session,
+  defaultFormContainerType: DyFM_Container_Type.none,
+
+  formMessages: {
+    required: 'There are required fields to set!',
+    invalid: 'The form is not set correctly',
+    submitSuccess: 'Save was successful!',
+    submitFailed: 'Saving data has failed!',
+  },
+
+  questionDefaultOptions: {
+    a: 'No',
+    b: 'Yes',
+  },
+
+  fieldTooltipShowDelay: 300,
+
+  snackBarHideLabel: 'Hide',
+
+  log_settings: {
+    api_calls: true,
+    messagesCS_debug: false,
+  },
+};

package/src/_modules/ngx-models/_enums/button-new/button-new-border-radius.enum.ts

@@ -0,0 +1,16 @@
+
+/**
+ * Preset border radius options for the new button component.
+ */
+export enum DyFM_ButtonNewBorderRadius {
+  full = 'full',
+  rounded = 'rounded',
+  smallRadius = 'smallRadius',
+  square = 'square',
+}
+
+/**
+ * Collection of all available border radius values.
+ */
+export const DyFM_allButtonNewBorderRadius: DyFM_ButtonNewBorderRadius[] =
+  Object.values(DyFM_ButtonNewBorderRadius);

package/src/_modules/ngx-models/_enums/button-new/button-new-icon-style-type.enum.ts

@@ -0,0 +1,14 @@
+
+/**
+ * Style variations for icons inside the new button component.
+ */
+export enum DyFM_ButtonNewIconStyleType {
+  rounded = 'rounded',
+  outlined = 'outlined',
+}
+
+/**
+ * Array of all icon style variants.
+ */
+export const DyFM_allButtonNewIconStyleTypes: DyFM_ButtonNewIconStyleType[] =
+  Object.values(DyFM_ButtonNewIconStyleType);

package/src/_modules/ngx-models/_enums/button-new/button-new-size.enum.ts

@@ -0,0 +1,16 @@
+
+/**
+ * Predefined button size presets.
+ */
+export enum DyFM_ButtonNewSize {
+  xs = 'xs',
+  small = 'small',
+  medium = 'medium',
+  large = 'large',
+  xl = 'xl',
+}
+
+/**
+ * Array containing all button sizes.
+ */
+export const DyFM_allButtonNewSizes: DyFM_ButtonNewSize[] = Object.values(DyFM_ButtonNewSize);

package/src/_modules/ngx-models/_enums/button-new/button-new-style-type.enum.ts

@@ -0,0 +1,18 @@
+
+/**
+ * Defines visual styles for the new button component.
+ * The string values are part of the generated CSS classes
+ * and should remain stable.
+ */
+export enum DyFM_ButtonNewStyleType {
+  filled = 'filled',
+  stroked = 'stroked',
+  outstanding = 'outstanding',
+  tonal = 'tonal',
+  backgroundless = 'backgroundless',
+}
+
+/**
+ * Every available button style in one array.
+ */
+export const DyFM_allButtonNewStyleTypes: DyFM_ButtonNewStyleType[] = Object.values(DyFM_ButtonNewStyleType);

package/src/_modules/ngx-models/_enums/button-type.enum.ts

@@ -0,0 +1,36 @@
+
+/**
+ * Lists every button style identifier used by Dynamo. The string
+ * values correspond directly to generated CSS classes, therefore
+ * they must remain unchanged.
+ *
+ * @example
+ * ```ts
+ * const type = DyFM_Button_Type.stroked;
+ * ```
+ */
+/* button = 'button', */
+export enum DyFM_Button_Type {
+  default = 'default',
+  big = 'big',
+  stroked = 'stroked',
+  bigStroked = 'big-stroked',
+  small = 'small',
+  smallStroked = 'small-stroked',
+  round = 'round',
+  strokedRound = 'stroked-round',
+  bigStrokedRound = 'big-stroked-round',
+  block = 'block',
+  bigBlock = 'big-block',
+  strokedBlock = 'stroked-block',
+  bigStrokedBlock = 'big-stroked-block',
+  outstanding = 'outstanding',
+  
+  icon = 'icon',
+  iconSmall = 'icon-small',
+  iconBig = 'icon-big',
+  iconStroked = 'icon-stroked',
+  iconSmallStroked = 'icon-small-stroked',
+  iconBigStroked = 'icon-big-stroked',
+  iconOutstanding = 'icon-outstanding',
+}

package/src/_modules/ngx-models/_enums/checkbox-label-position.enum.ts

@@ -0,0 +1,8 @@
+
+/**
+ * Defines where the label of a checkbox should be displayed.
+ */
+export enum DyFM_CheckboxLabelPosition {
+  before = 'before',
+  after = 'after',
+}

package/src/_modules/ngx-models/_enums/container-type.enum.ts

@@ -0,0 +1,11 @@
+
+/**
+ * Available container types that can wrap a form or component.
+ */
+export enum DyFM_Container_Type {
+  card = 'card',
+  accordion = 'accordion',
+  dynamo = 'dynamo',
+  dynamoSmall = 'dynamo-small',
+  none = 'none',
+}

package/src/_modules/ngx-models/_enums/errors/error-level.enum.ts

@@ -0,0 +1,13 @@
+/**
+ * CCAP-mirror Wave-1a — Error severity classification.
+ *
+ * DyFM_Error level enum mirror (workspace SSOT). A `critical` szint
+ * automatikus redirect-et triggerel (per FR-029 phase 4).
+ *
+ * @see _specifications/ccap-mirror/02-architecture-spec.md (J szakasz)
+ */
+export enum DyFM_Error_Level {
+  critical = 'critical',
+  error    = 'error',
+  warning  = 'warning',
+}

package/src/_modules/ngx-models/_enums/errors/error-notification-color.enum.ts

@@ -0,0 +1,13 @@
+/**
+ * CCAP-mirror Wave-1a — Tailwind color tokens for error bubbles / badges.
+ *
+ * Az UI renderer per-szín Tailwind utility-class-mappinget használ
+ * (`neon-border-amber-soft`, `text-red-400` stb.).
+ */
+export enum DyFM_ErrorNotification_Color {
+  amber   = 'amber',
+  red     = 'red',
+  green   = 'green',
+  cyan    = 'cyan',
+  fuchsia = 'fuchsia',
+}

package/src/_modules/ngx-models/_enums/errors/error-ui-mode.enum.ts

@@ -0,0 +1,13 @@
+/**
+ * CCAP-mirror Wave-1a — global error UI mode.
+ *
+ * A `DyNX_Errors_ControlService` ui-mode-ja: `popup` (modal-on-error),
+ * `bubble` (CCAP-szerű notification stack), `both` (mindkettő).
+ *
+ * @see _specifications/ccap-mirror/02-architecture-spec.md (J szakasz)
+ */
+export enum DyFM_ErrorUi_Mode {
+  popup  = 'popup',
+  bubble = 'bubble',
+  both   = 'both',
+}

package/src/_modules/ngx-models/_enums/field-appearance.enum.ts

@@ -0,0 +1,14 @@
+
+/**
+ * Mirrors Angular Material form field appearances.
+ */
+export enum DyFM_FieldAppearance {
+  fill = 'fill',
+  outline = 'outline',
+
+  // OLD v14 and before
+  /* legacy = 'legacy',
+  standard = 'standard',
+  fill = 'fill',
+  outline = 'outline' */
+}

package/src/_modules/ngx-models/_enums/field-type.enum.ts

@@ -0,0 +1,52 @@
+
+/**
+ * Field types supported by the form engine.
+ */
+export enum DyFM_Field_Type {
+  // regular types
+  spacer = 'spacer',
+  checkbox = 'checkbox',
+  toggle = 'toggle',
+  text = 'text',
+  textList = 'textList',
+  password = 'password',
+  textarea = 'textarea',
+  richtextarea = 'richtextarea',
+  number = 'number',
+  numberRange = 'numberRange',
+  slider = 'slider',
+  sliderRange = 'sliderRange',
+  select = 'select',
+  multiselect = 'multiselect',
+  chipSelect = 'chipSelect', //
+  chipMultiselect = 'chipMultiselect', //
+  radioSelect = 'radioSelect', //
+  date = 'date',
+  dateRange = 'dateRange',
+  dateTime = 'dateTime',
+  dateTimeRange = 'dateTimeRange',
+
+  // file types
+  file = 'file',
+  files = 'files',
+  picture = 'picture',
+  pictures = 'pictures',
+
+  // special types
+  fieldAdder= 'fieldAdder',
+
+  /* TODO */
+  multifield = 'multifield',
+
+  // TODO 
+  // !!!!!!!!!!!!!!!!!!
+  /*
+    chipDragDrop 
+    timepicker ?????? !!!!!! (timeOnly)
+  */
+  // !!!!!!!!!!!!!!!!!!
+
+  // special field type
+  /* TODO create special better looking number fields with +/- buttons */
+
+}

package/src/_modules/ngx-models/_enums/file-type.enum.ts

@@ -0,0 +1,12 @@
+
+/**
+ * Ways a file can be read and returned by the upload component.
+ */
+export enum DyFM_File_Type {
+  arrayBuffer = 'arrayBuffer',
+  binaryString = 'binaryString',
+  dataUrl = 'dataUrl',
+  text = 'text',
+  blob = 'blob',
+  file = 'file',
+}

package/src/_modules/ngx-models/_enums/flex/flex-layout-align.enum.ts

@@ -0,0 +1,21 @@
+
+/* FlexLayoutAlignLayoutDirection */
+/** Direction of primary axis alignment. */
+export enum DyFM_FXLayoutAlignLayDir {
+  none = 'none',
+  start = 'start',
+  center = 'center',
+  end = 'end',
+  spaceAround = 'space-around',
+  spaceBetween = 'space-between'
+}
+
+/* FlexLayoutAlignPerpendicularDirection */
+/** Direction of secondary axis alignment. */
+export enum DyFM_FXLayoutAlignPerDir {
+  none = 'none',
+  start = 'start',
+  center = 'center',
+  end = 'end',
+  stretch = 'stretch'
+}

package/src/_modules/ngx-models/_enums/flex/flex-layout.enum.ts

@@ -0,0 +1,5 @@
+/** Layout orientation for flex containers. */
+export enum DyFM_FXLayout {
+  row = 'row',
+  column = 'column'
+}

package/src/_modules/ngx-models/_enums/form-access.enum.ts

@@ -0,0 +1,9 @@
+
+/**
+ * Determines how the user can interact with a form.
+ */
+export enum DyFM_FormAccess {
+  readOnly = 'read-only',
+  writeOnly = 'write-only',
+  readNWrite = 'read-n-write',
+}

package/src/_modules/ngx-models/_enums/form-reset-data.enum.ts

@@ -0,0 +1,12 @@
+
+/**
+ * Defines what value a form should reset to.
+ */
+export enum DyFM_FormResetData {
+  null = 'null',
+  empty = 'empty',
+  default = 'deafult',
+  dataHandler = 'data-handler',
+  init = 'init',
+  stored = 'stored',
+}

package/src/_modules/ngx-models/_enums/form-store-on.enum.ts

@@ -0,0 +1,9 @@
+
+
+/**
+ * Indicates when form data should be persisted into storage.
+ */
+export enum DyFM_FormStoreOn {
+  close = 'close',
+  change = 'change',
+}