@smallpearl/ngx-helper 0.29.39 → 0.29.40

package/assets/i18n/sp-mat-entity-crud/en.json

@@ -1,10 +1,11 @@
 {
   "save": "Save",
-  "edit": "Edit",
+  "edit": "Update",
+  "delete": "Delete",
   "newItem": "New {{item}}",
-  "editItem": "Edit {{item}}",
+  "editItem": "Update {{item}}",
   "deleteItem": "Delete {{item}}",
-  "deleteItemConfirm": "Are you sure you want to delete {{item}}?",
+  "deleteItemConfirm": "Are you sure you want to delete this {{item}}?",
   "deleteItemSuccess": "{{item}} deleted successfully",
   "deleteItemError": "Failed to delete {{item}}",
   "saveSuccess": "{{item}} saved successfully",
@@ -13,6 +14,7 @@
   "createError": "Failed to create {{item}}",
   "updateSuccess": "{{item}} updated successfully",
   "updateError": "Failed to update {{item}}",
+  "loseChangesConfirm": "You have unsaved changes. Are you sure you want to leave?",
   "cancel": "Cancel",
   "confirm": "Confirm",
   "yes": "Yes",

package/assets/i18n/sp-mat-entity-crud/zh-hant.json

@@ -1,10 +1,11 @@
 {
   "save": "保存",
   "edit": "編輯",
+  "delete": "刪除",
   "newItem": "新建 {{item}}",
   "editItem": "編輯 {{item}}",
   "deleteItem": "刪除 {{item}}",
-  "deleteItemConfirm": "確定要刪除 {{item}} 嗎？",
+  "deleteItemConfirm": "確定要刪除這個 {{item}} 嗎？",
   "deleteItemSuccess": "{{item}} 刪除成功",
   "deleteItemError": "{{item}} 刪除失敗",
   "saveSuccess": "{{item}} 保存成功",
@@ -13,6 +14,7 @@
   "createError": "{{item}} 創建失敗",
   "updateSuccess": "{{item}} 更新成功",
   "updateError": "{{item}} 更新失敗",
+  "loseChangesConfirm": "您有未保存的更改。確定要離開嗎？",
   "cancel": "取消",
   "confirm": "確認",
   "yes": "是",

package/assets/i18n/sp-mat-select-entity/en.json

@@ -0,0 +1,5 @@
+{
+  "search": "Search",
+  "notFound": "Not found",
+  "addItem": "Add {{item}}"
+}

package/assets/i18n/sp-mat-select-entity/zh-hant.json

@@ -0,0 +1,5 @@
+{
+  "search": "搜索",
+  "notFound": "未找到",
+  "add": "添加"
+}

package/core/index.d.ts

@@ -1,2 +1 @@
 export * from './src/version';
-export * from './src/ngx-helper';

package/entity-field/src/entity-field-spec.d.ts

@@ -1,4 +1,3 @@
-import { SPNgxHelperConfig } from '@smallpearl/ngx-helper/core';
 import { SPIntlDateFormat } from '@smallpearl/ngx-helper/locale';
 import { SPEntityFieldConfig } from './provider';
 /**
@@ -29,10 +28,9 @@ export type SPEntityFieldSpec<TEntity extends {
 export declare class SPEntityField<TEntity extends {
     [P in IdKey]: PropertyKey;
 }, IdKey extends string = 'id'> {
-    helperConfig: SPNgxHelperConfig;
     fieldConfig?: SPEntityFieldConfig | undefined;
     _fieldSpec: SPEntityFieldSpec<TEntity, IdKey>;
-    constructor(spec: SPEntityFieldSpec<TEntity, IdKey> | string, helperConfig: SPNgxHelperConfig, fieldConfig?: SPEntityFieldConfig | undefined);
+    constructor(spec: SPEntityFieldSpec<TEntity, IdKey> | string, fieldConfig?: SPEntityFieldConfig | undefined);
     get spec(): SPEntityFieldSpec<TEntity, IdKey>;
     /**
      * Returns the effective fieldValueOptions by merging the global field

package/fesm2022/smallpearl-ngx-helper-core.mjs

@@ -1,23 +1,8 @@
-import { InjectionToken, inject } from '@angular/core';
-
 const NGX_HELPER_VERSION = '0.1.0';
 
-/** Version of the ngx-helper library */
-const SP_NGX_HELPER_CONFIG = new InjectionToken('SPNgxHelperConfig');
-function getNgxHelperConfig() {
-    const defaultNgxHelperConfig = {
-        i18nTranslate: (label, context) => label
-    };
-    const helperConfig = inject(SP_NGX_HELPER_CONFIG, { optional: true });
-    return {
-        ...defaultNgxHelperConfig,
-        ...(helperConfig ?? {}),
-    };
-}
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { NGX_HELPER_VERSION, SP_NGX_HELPER_CONFIG, getNgxHelperConfig };
+export { NGX_HELPER_VERSION };
 //# sourceMappingURL=smallpearl-ngx-helper-core.mjs.map

package/fesm2022/smallpearl-ngx-helper-core.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"smallpearl-ngx-helper-core.mjs","sources":["../../../../projects/smallpearl/ngx-helper/core/src/version.ts","../../../../projects/smallpearl/ngx-helper/core/src/ngx-helper.ts","../../../../projects/smallpearl/ngx-helper/core/smallpearl-ngx-helper-core.ts"],"sourcesContent":["export const NGX_HELPER_VERSION = '0.1.0';\n","/** Version of the ngx-helper library */\nimport { inject, InjectionToken } from '@angular/core';\n\nexport interface SPNgxHelperConfig {\n  i18nTranslate: (label: string, context?: any) => string;\n}\n\nexport const SP_NGX_HELPER_CONFIG = new InjectionToken<SPNgxHelperConfig>(\n  'SPNgxHelperConfig'\n);\n\nexport function getNgxHelperConfig(): SPNgxHelperConfig {\n  const defaultNgxHelperConfig: SPNgxHelperConfig = {\n    i18nTranslate: (label: string, context?: any) => label\n  }\n  const helperConfig = inject(SP_NGX_HELPER_CONFIG, {optional: true});\n  return {\n    ...defaultNgxHelperConfig,\n    ...(helperConfig ?? {}),\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAAO,MAAM,kBAAkB,GAAG;;ACAlC;MAOa,oBAAoB,GAAG,IAAI,cAAc,CACpD,mBAAmB;SAGL,kBAAkB,GAAA;AAChC,IAAA,MAAM,sBAAsB,GAAsB;QAChD,aAAa,EAAE,CAAC,KAAa,EAAE,OAAa,KAAK;KAClD;AACD,IAAA,MAAM,YAAY,GAAG,MAAM,CAAC,oBAAoB,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;IACnE,OAAO;AACL,QAAA,GAAG,sBAAsB;AACzB,QAAA,IAAI,YAAY,IAAI,EAAE,CAAC;KACxB;AACH;;ACpBA;;AAEG;;;;"}
+{"version":3,"file":"smallpearl-ngx-helper-core.mjs","sources":["../../../../projects/smallpearl/ngx-helper/core/src/version.ts","../../../../projects/smallpearl/ngx-helper/core/smallpearl-ngx-helper-core.ts"],"sourcesContent":["export const NGX_HELPER_VERSION = '0.1.0';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAO,MAAM,kBAAkB,GAAG;;ACAlC;;AAEG;;;;"}

package/fesm2022/smallpearl-ngx-helper-entity-field.mjs

@@ -6,11 +6,9 @@ import { InjectionToken } from '@angular/core';
  * by the library to evaluate a SPEntityFieldSpec<> object.
  */
 class SPEntityField {
-    helperConfig;
     fieldConfig;
     _fieldSpec;
-    constructor(spec, helperConfig, fieldConfig) {
-        this.helperConfig = helperConfig;
+    constructor(spec, fieldConfig) {
         this.fieldConfig = fieldConfig;
         if (typeof spec === 'string') {
             this._fieldSpec = {
@@ -43,7 +41,7 @@ class SPEntityField {
      * @returns the label for the field.
      */
     label() {
-        return this.helperConfig.i18nTranslate(this._fieldSpec.label ?? this._fieldSpec.name);
+        return this._fieldSpec.label ?? this._fieldSpec.name;
     }
     /**
      * Given an entity, returns the value of the field matching the

package/fesm2022/smallpearl-ngx-helper-entity-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"smallpearl-ngx-helper-entity-field.mjs","sources":["../../../../projects/smallpearl/ngx-helper/entity-field/src/entity-field-spec.ts","../../../../projects/smallpearl/ngx-helper/entity-field/src/provider.ts","../../../../projects/smallpearl/ngx-helper/entity-field/smallpearl-ngx-helper-entity-field.ts"],"sourcesContent":["import { SPNgxHelperConfig } from '@smallpearl/ngx-helper/core';\nimport {\n  spFormatCurrency,\n  spFormatDate,\n  SPIntlDateFormat,\n} from '@smallpearl/ngx-helper/locale';\nimport { SPEntityFieldConfig } from './provider';\n\n/**\n * This structure defines the data formatting details for a field of the\n * entity. All entity fields need not necessarily be actual entity object's\n * properties. Fields can also be computed fields, in which case the valueFn\n * should be initialized with a valid function to provide the field's value.\n */\nexport type SPEntityFieldSpec<TEntity extends { [P in IdKey]: PropertyKey },  IdKey extends string = 'id'> = {\n  // Column name. If valueFn is not specified, this will be used as the\n  // key name to retrieve the value for the column from TEntity.\n  name: string;\n  // If omitted, 'name' will be used as field label.\n  label?: string;\n  // Column value specific formatting options. Currently, only used for\n  // Date types.\n  valueOptions?: {\n    // Specify the same format string argument that is passed to DatePipe.\n    dateTimeFormat?: SPIntlDateFormat;\n    // If boolean, number field will be formatted using spFormatCurrency()\n    // using the current currency or 'currency' value below.\n    isCurrency?: boolean;\n    // Currency code, if different from default locale.\n    currency?: string;\n    // CSS class name; if provided will be applied to field value's wrapper\n    // element. This will be <td> & <th>.\n    class?: string;\n    // Alignment options. Field's value will be aligned based on this.\n    alignment?: 'start'|'center'|'end';\n    // A fixed string or a function that returns an array of strings\n    // to be used as the routerlink for the column value.\n    routerLink?: ((e: TEntity) => string[])|[string];\n  };\n  // If the column value cannot be derived by simple TEntity[name] lookup,\n  // use this function to return a custom computed or formatted value.\n  valueFn?: (item: TEntity) => string | number | Date | boolean;\n};\n\n/**\n * A class that represents a SPEntityFieldSpec<>. This is typically used\n * by the library to evaluate a SPEntityFieldSpec<> object.\n */\nexport class SPEntityField<TEntity extends { [P in IdKey]: PropertyKey }, IdKey extends string = 'id'> {\n  public _fieldSpec!: SPEntityFieldSpec<TEntity, IdKey>;\n\n  constructor(\n    spec: SPEntityFieldSpec<TEntity, IdKey> | string,\n    public helperConfig: SPNgxHelperConfig,\n    public fieldConfig?: SPEntityFieldConfig\n  ) {\n    if (typeof spec === 'string') {\n      this._fieldSpec = {\n        name: spec,\n      };\n    } else {\n      this._fieldSpec = spec;\n    }\n  }\n\n  get spec() {\n    return this._fieldSpec;\n  }\n\n  /**\n   * Returns the effective fieldValueOptions by merging the global field\n   * options (if one has been spefified) with the local field value options.\n   * @returns SPEntityFieldSpec<any>['valueOptions']\n   */\n  get options() {\n    let globalFieldValueOptions: SPEntityFieldSpec<any>['valueOptions'] = {};\n    if (this.fieldConfig && this.fieldConfig?.fieldValueOptions && this.fieldConfig.fieldValueOptions.has(this._fieldSpec.name)) {\n      globalFieldValueOptions = this.fieldConfig.fieldValueOptions.get(this._fieldSpec.name);\n    }\n    return {\n      ...globalFieldValueOptions,\n      ...(this._fieldSpec?.valueOptions ?? {})\n    };\n  }\n  /**\n   * @returns the label for the field.\n   */\n  label() {\n    return this.helperConfig.i18nTranslate(\n      this._fieldSpec.label ?? this._fieldSpec.name\n    );\n  }\n\n  /**\n   * Given an entity, returns the value of the field matching the\n   * SPEntityFieldSpec<> in fieldSpec.\n   * @param entity TEntity instance which will be evaluated for\n   * SPEntityFieldSpec<>.\n   * @returns\n   */\n  value(entity: TEntity) {\n    let val = undefined;\n    if (!this._fieldSpec.valueFn) {\n      if (\n        this.fieldConfig &&\n        this.fieldConfig?.fieldValueFns &&\n        this.fieldConfig.fieldValueFns.has(this._fieldSpec.name)\n      ) {\n        val = this.fieldConfig.fieldValueFns.get(this._fieldSpec.name)!(entity, this._fieldSpec.name);\n      } else {\n        val = (entity as any)[this._fieldSpec.name];\n      }\n    } else {\n      val = this._fieldSpec.valueFn(entity);\n    }\n    const valueOptions = this.options;\n    if (val instanceof Date) {\n      val = spFormatDate(val);\n    } else if (\n      typeof val === 'number' &&\n      valueOptions?.isCurrency\n    ) {\n      val = spFormatCurrency(val, this._fieldSpec?.valueOptions?.currency);\n    } else if (typeof val === 'boolean') {\n      val = val ? '✔' : '✖';\n    }\n    return val;\n  }\n\n  /**\n   * If specified, will be added to the CSS classes of the field's wrapper\n   * element.\n   */\n  get class() {\n    return this._fieldSpec?.valueOptions?.class ?? '';\n  }\n\n  hasRouterLink(entity: TEntity) {\n    return !!this._fieldSpec?.valueOptions?.routerLink;\n  }\n\n  getRouterLink(entity: TEntity) {\n    const rl = this._fieldSpec?.valueOptions?.routerLink;\n    if (rl) {\n      if (typeof rl == 'function') {\n        return rl(entity);\n      }\n      return rl\n    }\n    return [];\n  }\n}\n","import { InjectionToken } from '@angular/core';\nimport { SPEntityFieldSpec } from './entity-field-spec';\n\n\nexport type FIELD_VALUE_FN = (entity: any, fieldName: string) => string|number|Date|boolean;\n\n/**\n * Global config for SPEntityField component.\n */\nexport interface SPEntityFieldConfig {\n  /**\n   * These are global field value functions.\n   *\n   * If a value function for a field is not explicitly specified, this map is\n   * looked up with the field name. If an entry exists in this table, it will\n   * be used to render the field's value.\n   *\n   * This is useful for formatting certain fields which tend to have the\n   * same name across the app. For instance fields such as 'amount', 'total'\n   * or 'balance'. Or 'date', 'timestamp', etc.\n   */\n  fieldValueFns?: Map<string, FIELD_VALUE_FN>;\n  /**\n   * Similar to above, but allows setting the options for certain fields\n   * globally. As in the case of `fieldValueFns`, the per field specification,\n   * if one exists, takes precedence over the global setting.\n   */\n  fieldValueOptions?: Map<string, SPEntityFieldSpec<any>['valueOptions']>;\n}\n\nexport const SP_ENTITY_FIELD_CONFIG = new InjectionToken<SPEntityFieldConfig>(\n  'SPEntityFieldConfig'\n);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AA4CA;;;AAGG;MACU,aAAa,CAAA;AAKf,IAAA,YAAA;AACA,IAAA,WAAA;AALF,IAAA,UAAU;AAEjB,IAAA,WAAA,CACE,IAAgD,EACzC,YAA+B,EAC/B,WAAiC,EAAA;QADjC,IAAY,CAAA,YAAA,GAAZ,YAAY;QACZ,IAAW,CAAA,WAAA,GAAX,WAAW;AAElB,QAAA,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;YAC5B,IAAI,CAAC,UAAU,GAAG;AAChB,gBAAA,IAAI,EAAE,IAAI;aACX;;aACI;AACL,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI;;;AAI1B,IAAA,IAAI,IAAI,GAAA;QACN,OAAO,IAAI,CAAC,UAAU;;AAGxB;;;;AAIG;AACH,IAAA,IAAI,OAAO,GAAA;QACT,IAAI,uBAAuB,GAA2C,EAAE;QACxE,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,EAAE,iBAAiB,IAAI,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;AAC3H,YAAA,uBAAuB,GAAG,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;;QAExF,OAAO;AACL,YAAA,GAAG,uBAAuB;YAC1B,IAAI,IAAI,CAAC,UAAU,EAAE,YAAY,IAAI,EAAE;SACxC;;AAEH;;AAEG;IACH,KAAK,GAAA;AACH,QAAA,OAAO,IAAI,CAAC,YAAY,CAAC,aAAa,CACpC,IAAI,CAAC,UAAU,CAAC,KAAK,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAC9C;;AAGH;;;;;;AAMG;AACH,IAAA,KAAK,CAAC,MAAe,EAAA;QACnB,IAAI,GAAG,GAAG,SAAS;AACnB,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;YAC5B,IACE,IAAI,CAAC,WAAW;gBAChB,IAAI,CAAC,WAAW,EAAE,aAAa;AAC/B,gBAAA,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EACxD;gBACA,GAAG,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAE,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;;iBACxF;gBACL,GAAG,GAAI,MAAc,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;;;aAExC;YACL,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC;;AAEvC,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO;AACjC,QAAA,IAAI,GAAG,YAAY,IAAI,EAAE;AACvB,YAAA,GAAG,GAAG,YAAY,CAAC,GAAG,CAAC;;aAClB,IACL,OAAO,GAAG,KAAK,QAAQ;YACvB,YAAY,EAAE,UAAU,EACxB;AACA,YAAA,GAAG,GAAG,gBAAgB,CAAC,GAAG,EAAE,IAAI,CAAC,UAAU,EAAE,YAAY,EAAE,QAAQ,CAAC;;AAC/D,aAAA,IAAI,OAAO,GAAG,KAAK,SAAS,EAAE;YACnC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG;;AAEvB,QAAA,OAAO,GAAG;;AAGZ;;;AAGG;AACH,IAAA,IAAI,KAAK,GAAA;QACP,OAAO,IAAI,CAAC,UAAU,EAAE,YAAY,EAAE,KAAK,IAAI,EAAE;;AAGnD,IAAA,aAAa,CAAC,MAAe,EAAA;QAC3B,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,YAAY,EAAE,UAAU;;AAGpD,IAAA,aAAa,CAAC,MAAe,EAAA;QAC3B,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,YAAY,EAAE,UAAU;QACpD,IAAI,EAAE,EAAE;AACN,YAAA,IAAI,OAAO,EAAE,IAAI,UAAU,EAAE;AAC3B,gBAAA,OAAO,EAAE,CAAC,MAAM,CAAC;;AAEnB,YAAA,OAAO,EAAE;;AAEX,QAAA,OAAO,EAAE;;AAEZ;;MCzHY,sBAAsB,GAAG,IAAI,cAAc,CACtD,qBAAqB;;AC/BvB;;AAEG;;;;"}
+{"version":3,"file":"smallpearl-ngx-helper-entity-field.mjs","sources":["../../../../projects/smallpearl/ngx-helper/entity-field/src/entity-field-spec.ts","../../../../projects/smallpearl/ngx-helper/entity-field/src/provider.ts","../../../../projects/smallpearl/ngx-helper/entity-field/smallpearl-ngx-helper-entity-field.ts"],"sourcesContent":["import {\n  spFormatCurrency,\n  spFormatDate,\n  SPIntlDateFormat,\n} from '@smallpearl/ngx-helper/locale';\nimport { SPEntityFieldConfig } from './provider';\n\n/**\n * This structure defines the data formatting details for a field of the\n * entity. All entity fields need not necessarily be actual entity object's\n * properties. Fields can also be computed fields, in which case the valueFn\n * should be initialized with a valid function to provide the field's value.\n */\nexport type SPEntityFieldSpec<TEntity extends { [P in IdKey]: PropertyKey },  IdKey extends string = 'id'> = {\n  // Column name. If valueFn is not specified, this will be used as the\n  // key name to retrieve the value for the column from TEntity.\n  name: string;\n  // If omitted, 'name' will be used as field label.\n  label?: string;\n  // Column value specific formatting options. Currently, only used for\n  // Date types.\n  valueOptions?: {\n    // Specify the same format string argument that is passed to DatePipe.\n    dateTimeFormat?: SPIntlDateFormat;\n    // If boolean, number field will be formatted using spFormatCurrency()\n    // using the current currency or 'currency' value below.\n    isCurrency?: boolean;\n    // Currency code, if different from default locale.\n    currency?: string;\n    // CSS class name; if provided will be applied to field value's wrapper\n    // element. This will be <td> & <th>.\n    class?: string;\n    // Alignment options. Field's value will be aligned based on this.\n    alignment?: 'start'|'center'|'end';\n    // A fixed string or a function that returns an array of strings\n    // to be used as the routerlink for the column value.\n    routerLink?: ((e: TEntity) => string[])|[string];\n  };\n  // If the column value cannot be derived by simple TEntity[name] lookup,\n  // use this function to return a custom computed or formatted value.\n  valueFn?: (item: TEntity) => string | number | Date | boolean;\n};\n\n/**\n * A class that represents a SPEntityFieldSpec<>. This is typically used\n * by the library to evaluate a SPEntityFieldSpec<> object.\n */\nexport class SPEntityField<TEntity extends { [P in IdKey]: PropertyKey }, IdKey extends string = 'id'> {\n  public _fieldSpec!: SPEntityFieldSpec<TEntity, IdKey>;\n\n  constructor(\n    spec: SPEntityFieldSpec<TEntity, IdKey> | string,\n    public fieldConfig?: SPEntityFieldConfig\n  ) {\n    if (typeof spec === 'string') {\n      this._fieldSpec = {\n        name: spec,\n      };\n    } else {\n      this._fieldSpec = spec;\n    }\n  }\n\n  get spec() {\n    return this._fieldSpec;\n  }\n\n  /**\n   * Returns the effective fieldValueOptions by merging the global field\n   * options (if one has been spefified) with the local field value options.\n   * @returns SPEntityFieldSpec<any>['valueOptions']\n   */\n  get options() {\n    let globalFieldValueOptions: SPEntityFieldSpec<any>['valueOptions'] = {};\n    if (this.fieldConfig && this.fieldConfig?.fieldValueOptions && this.fieldConfig.fieldValueOptions.has(this._fieldSpec.name)) {\n      globalFieldValueOptions = this.fieldConfig.fieldValueOptions.get(this._fieldSpec.name);\n    }\n    return {\n      ...globalFieldValueOptions,\n      ...(this._fieldSpec?.valueOptions ?? {})\n    };\n  }\n  /**\n   * @returns the label for the field.\n   */\n  label() {\n    return this._fieldSpec.label ?? this._fieldSpec.name\n  }\n\n  /**\n   * Given an entity, returns the value of the field matching the\n   * SPEntityFieldSpec<> in fieldSpec.\n   * @param entity TEntity instance which will be evaluated for\n   * SPEntityFieldSpec<>.\n   * @returns\n   */\n  value(entity: TEntity) {\n    let val = undefined;\n    if (!this._fieldSpec.valueFn) {\n      if (\n        this.fieldConfig &&\n        this.fieldConfig?.fieldValueFns &&\n        this.fieldConfig.fieldValueFns.has(this._fieldSpec.name)\n      ) {\n        val = this.fieldConfig.fieldValueFns.get(this._fieldSpec.name)!(entity, this._fieldSpec.name);\n      } else {\n        val = (entity as any)[this._fieldSpec.name];\n      }\n    } else {\n      val = this._fieldSpec.valueFn(entity);\n    }\n    const valueOptions = this.options;\n    if (val instanceof Date) {\n      val = spFormatDate(val);\n    } else if (\n      typeof val === 'number' &&\n      valueOptions?.isCurrency\n    ) {\n      val = spFormatCurrency(val, this._fieldSpec?.valueOptions?.currency);\n    } else if (typeof val === 'boolean') {\n      val = val ? '✔' : '✖';\n    }\n    return val;\n  }\n\n  /**\n   * If specified, will be added to the CSS classes of the field's wrapper\n   * element.\n   */\n  get class() {\n    return this._fieldSpec?.valueOptions?.class ?? '';\n  }\n\n  hasRouterLink(entity: TEntity) {\n    return !!this._fieldSpec?.valueOptions?.routerLink;\n  }\n\n  getRouterLink(entity: TEntity) {\n    const rl = this._fieldSpec?.valueOptions?.routerLink;\n    if (rl) {\n      if (typeof rl == 'function') {\n        return rl(entity);\n      }\n      return rl\n    }\n    return [];\n  }\n}\n","import { InjectionToken } from '@angular/core';\nimport { SPEntityFieldSpec } from './entity-field-spec';\n\n\nexport type FIELD_VALUE_FN = (entity: any, fieldName: string) => string|number|Date|boolean;\n\n/**\n * Global config for SPEntityField component.\n */\nexport interface SPEntityFieldConfig {\n  /**\n   * These are global field value functions.\n   *\n   * If a value function for a field is not explicitly specified, this map is\n   * looked up with the field name. If an entry exists in this table, it will\n   * be used to render the field's value.\n   *\n   * This is useful for formatting certain fields which tend to have the\n   * same name across the app. For instance fields such as 'amount', 'total'\n   * or 'balance'. Or 'date', 'timestamp', etc.\n   */\n  fieldValueFns?: Map<string, FIELD_VALUE_FN>;\n  /**\n   * Similar to above, but allows setting the options for certain fields\n   * globally. As in the case of `fieldValueFns`, the per field specification,\n   * if one exists, takes precedence over the global setting.\n   */\n  fieldValueOptions?: Map<string, SPEntityFieldSpec<any>['valueOptions']>;\n}\n\nexport const SP_ENTITY_FIELD_CONFIG = new InjectionToken<SPEntityFieldConfig>(\n  'SPEntityFieldConfig'\n);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/smallpearl-ngx-helper-mat-context-menu.mjs

@@ -73,7 +73,6 @@ class SPMatContextMenuComponent {
     <mat-menu #contextMenu="matMenu" [hasBackdrop]="hasBackdrop()">
       @for (menuItem of menuItems(); track $index) {
         @if (menuItem.role) {
-          @if (!itemDisabled(menuItem)) {
             <button
               mat-menu-item
               [routerLink]="menuItem.route ? menuItem.route : undefined"
@@ -85,13 +84,10 @@ class SPMatContextMenuComponent {
               }
               {{ menuItem.label }}
             </button>
-          }
         } @else {
-          @if (!itemDisabled(menuItem)) {
-            <div style="padding: .2em 0.6em;">
-              <strong>{{ menuItem.label }}</strong>
-            </div>
-          }
+          <div style="padding: .2em 0.6em;">
+            <strong>{{ menuItem.label }}</strong>
+          </div>
         }
       <!-- <button
         mat-menu-item
@@ -136,7 +132,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImpor
     <mat-menu #contextMenu="matMenu" [hasBackdrop]="hasBackdrop()">
       @for (menuItem of menuItems(); track $index) {
         @if (menuItem.role) {
-          @if (!itemDisabled(menuItem)) {
             <button
               mat-menu-item
               [routerLink]="menuItem.route ? menuItem.route : undefined"
@@ -148,13 +143,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImpor
               }
               {{ menuItem.label }}
             </button>
-          }
         } @else {
-          @if (!itemDisabled(menuItem)) {
-            <div style="padding: .2em 0.6em;">
-              <strong>{{ menuItem.label }}</strong>
-            </div>
-          }
+          <div style="padding: .2em 0.6em;">
+            <strong>{{ menuItem.label }}</strong>
+          </div>
         }
       <!-- <button
         mat-menu-item

package/fesm2022/smallpearl-ngx-helper-mat-context-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"smallpearl-ngx-helper-mat-context-menu.mjs","sources":["../../../../projects/smallpearl/ngx-helper/mat-context-menu/src/mat-context-menu.component.ts","../../../../projects/smallpearl/ngx-helper/mat-context-menu/smallpearl-ngx-helper-mat-context-menu.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  input,\n  OnInit,\n  Output,\n} from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { RouterModule } from '@angular/router';\nimport { HoverDropDownDirective } from '@smallpearl/ngx-helper/hover-dropdown';\n\n/**\n * Describes each item in the context menu.\n */\nexport interface SPContextMenuItem {\n  // Menu item label\n  label: string;\n  // Menu icon, A material icon\n  icon?: string;\n  // Angular route to navigate to when the menu item is selected.\n  route?: string | string[];\n  // Argument to the (selected) event when this menu item is selected\n  // by the user and the corresponding ContextMenuItem does not have a\n  // 'route' property value.\n  role?: string;\n  // Whether the menu item should be disabled\n  disable?: (arg: any) => boolean;\n}\n\n@Component({\n    imports: [\n        RouterModule,\n        MatButtonModule,\n        MatIconModule,\n        MatMenuModule,\n        HoverDropDownDirective,\n    ],\n    selector: 'sp-mat-context-menu',\n    template: `\n    <button\n      #menuTrigger=\"matMenuTrigger\"\n      mat-icon-button\n      [matMenuTriggerFor]=\"contextMenu\"\n      hoverDropDown\n      [menu]=\"contextMenu\"\n      [hoverTrigger]=\"enableHover() ? menuTrigger : null\"\n    >\n      @if (menuIconName()) {\n      <mat-icon>{{ menuIconName() }}</mat-icon>\n      }\n      {{ label() }}\n    </button>\n    <mat-menu #contextMenu=\"matMenu\" [hasBackdrop]=\"hasBackdrop()\">\n      @for (menuItem of menuItems(); track $index) {\n        @if (menuItem.role) {\n          @if (!itemDisabled(menuItem)) {\n            <button\n              mat-menu-item\n              [routerLink]=\"menuItem.route ? menuItem.route : undefined\"\n              (click)=\"$event.preventDefault(); onSelectMenuItem(menuItem)\"\n              [disabled]=\"itemDisabled(menuItem)\"\n            >\n              @if (menuItem.icon) {\n              <mat-icon>{{ menuItem.icon }}</mat-icon>\n              }\n              {{ menuItem.label }}\n            </button>\n          }\n        } @else {\n          @if (!itemDisabled(menuItem)) {\n            <div style=\"padding: .2em 0.6em;\">\n              <strong>{{ menuItem.label }}</strong>\n            </div>\n          }\n        }\n      <!-- <button\n        mat-menu-item\n        [routerLink]=\"menuItem.route ? menuItem.route : undefined\"\n        (click)=\"$event.preventDefault(); onSelectMenuItem(menuItem)\"\n        [disabled]=\"itemDisabled(menuItem)\"\n      >\n        @if (menuItem.icon) {\n        <mat-icon>{{ menuItem.icon }}</mat-icon>\n        }\n        {{ menuItem.label }}\n      </button> -->\n      }\n    </mat-menu>\n  `,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SPMatContextMenuComponent implements OnInit {\n  /**\n   * The menu items to display. Refer to ContextMenuItem doc for details\n   * on the menu items.\n   */\n  menuItems = input.required<SPContextMenuItem[]>();\n  /**\n   * Label to display for the context menu. If omitted will just show the\n   * menuIcon.\n   */\n  label = input<string>('');\n  /**\n   * Button icon. defaults to more_vert.\n   */\n  menuIconName = input<string>('more_vert');\n  /**\n   * By default the context menu is activated whenever the mouse cursor hovers\n   * over the button. Set this to 'true' to disable this feature.\n   */\n  enableHover = input<boolean>(false);\n  /**\n   * Context data for menu item disabled callback\n   */\n  contextData = input<any>();\n  /**\n   * enable menu backdrop\n   */\n  hasBackdrop = input<boolean>(false);\n  /**\n   * Event generated when use selects an item in the context menu. This event\n   * is generated only if the context menu item does not specify a route to\n   * activate. The string event parameter is ContextMenuItem.role property\n   * value.\n   */\n  @Output() selected = new EventEmitter<string>();\n\n  constructor() {}\n\n  ngOnInit() {}\n\n\n  onSelectMenuItem(item: SPContextMenuItem) {\n    if (!item.route) {\n      this.selected.emit(item?.role || item.label);\n    }\n  }\n\n  itemDisabled(menuItem: SPContextMenuItem) {\n    return menuItem?.disable && menuItem.disable(this.contextData());\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"smallpearl-ngx-helper-mat-context-menu.mjs","sources":["../../../../projects/smallpearl/ngx-helper/mat-context-menu/src/mat-context-menu.component.ts","../../../../projects/smallpearl/ngx-helper/mat-context-menu/smallpearl-ngx-helper-mat-context-menu.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  input,\n  OnInit,\n  Output,\n} from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { RouterModule } from '@angular/router';\nimport { HoverDropDownDirective } from '@smallpearl/ngx-helper/hover-dropdown';\n\n/**\n * Describes each item in the context menu.\n */\nexport interface SPContextMenuItem {\n  // Menu item label\n  label: string;\n  // Menu icon, A material icon\n  icon?: string;\n  // Angular route to navigate to when the menu item is selected.\n  route?: string | string[];\n  // Argument to the (selected) event when this menu item is selected\n  // by the user and the corresponding ContextMenuItem does not have a\n  // 'route' property value.\n  role?: string;\n  // Whether the menu item should be disabled\n  disable?: (arg: any) => boolean;\n}\n\n@Component({\n    imports: [\n        RouterModule,\n        MatButtonModule,\n        MatIconModule,\n        MatMenuModule,\n        HoverDropDownDirective,\n    ],\n    selector: 'sp-mat-context-menu',\n    template: `\n    <button\n      #menuTrigger=\"matMenuTrigger\"\n      mat-icon-button\n      [matMenuTriggerFor]=\"contextMenu\"\n      hoverDropDown\n      [menu]=\"contextMenu\"\n      [hoverTrigger]=\"enableHover() ? menuTrigger : null\"\n    >\n      @if (menuIconName()) {\n      <mat-icon>{{ menuIconName() }}</mat-icon>\n      }\n      {{ label() }}\n    </button>\n    <mat-menu #contextMenu=\"matMenu\" [hasBackdrop]=\"hasBackdrop()\">\n      @for (menuItem of menuItems(); track $index) {\n        @if (menuItem.role) {\n            <button\n              mat-menu-item\n              [routerLink]=\"menuItem.route ? menuItem.route : undefined\"\n              (click)=\"$event.preventDefault(); onSelectMenuItem(menuItem)\"\n              [disabled]=\"itemDisabled(menuItem)\"\n            >\n              @if (menuItem.icon) {\n              <mat-icon>{{ menuItem.icon }}</mat-icon>\n              }\n              {{ menuItem.label }}\n            </button>\n        } @else {\n          <div style=\"padding: .2em 0.6em;\">\n            <strong>{{ menuItem.label }}</strong>\n          </div>\n        }\n      <!-- <button\n        mat-menu-item\n        [routerLink]=\"menuItem.route ? menuItem.route : undefined\"\n        (click)=\"$event.preventDefault(); onSelectMenuItem(menuItem)\"\n        [disabled]=\"itemDisabled(menuItem)\"\n      >\n        @if (menuItem.icon) {\n        <mat-icon>{{ menuItem.icon }}</mat-icon>\n        }\n        {{ menuItem.label }}\n      </button> -->\n      }\n    </mat-menu>\n  `,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SPMatContextMenuComponent implements OnInit {\n  /**\n   * The menu items to display. Refer to ContextMenuItem doc for details\n   * on the menu items.\n   */\n  menuItems = input.required<SPContextMenuItem[]>();\n  /**\n   * Label to display for the context menu. If omitted will just show the\n   * menuIcon.\n   */\n  label = input<string>('');\n  /**\n   * Button icon. defaults to more_vert.\n   */\n  menuIconName = input<string>('more_vert');\n  /**\n   * By default the context menu is activated whenever the mouse cursor hovers\n   * over the button. Set this to 'true' to disable this feature.\n   */\n  enableHover = input<boolean>(false);\n  /**\n   * Context data for menu item disabled callback\n   */\n  contextData = input<any>();\n  /**\n   * enable menu backdrop\n   */\n  hasBackdrop = input<boolean>(false);\n  /**\n   * Event generated when use selects an item in the context menu. This event\n   * is generated only if the context menu item does not specify a route to\n   * activate. The string event parameter is ContextMenuItem.role property\n   * value.\n   */\n  @Output() selected = new EventEmitter<string>();\n\n  constructor() {}\n\n  ngOnInit() {}\n\n\n  onSelectMenuItem(item: SPContextMenuItem) {\n    if (!item.route) {\n      this.selected.emit(item?.role || item.label);\n    }\n  }\n\n  itemDisabled(menuItem: SPContextMenuItem) {\n    return menuItem?.disable && menuItem.disable(this.contextData());\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}