@smallpearl/ngx-helper 0.29.23

package/fesm2022/smallpearl-ngx-helper-hover-dropdown.mjs

@@ -0,0 +1,108 @@
+import * as i0 from '@angular/core';
+import { input, Directive } from '@angular/core';
+
+/**
+ * A directive to make a button triggered mat-menu open during mouse hover.
+ * Use it like this:
+
+      <button #menuTrigger="matMenuTrigger"
+        mat-icon-button
+        [matMenuTriggerFor]="children"
+        hoverDropDown
+        [menu]="children"
+        [hoverTrigger]="menuTrigger">
+        <mat-icon>menu</mat-icon>
+      </button>
+      <mat-menu #children="matMenu" hasBackdrop="false">
+        <button mat-menu-item (click)="onEdit()">Edit</button>
+        <button mat-menu-item (click)="onDelete()">Delete</button>
+      </mat-menu>
+
+  Note how hoverDropDown and [hoverTrigger] are used to wire up the button
+  and the associated mat-menu to the directive. Once setup like this, the
+  mat-menu will be opened whenever the mouse cursor hovers over the menu
+  trigger button.
+
+  Copied from:
+  https://stackoverflow.com/questions/54301126/how-to-show-the-angular-material-drop-down-on-mouse-over
+ */
+class HoverDropDownDirective {
+    el;
+    static _menuClicked = false;
+    isInHoverBlock = false;
+    constructor(el) {
+        this.el = el;
+    }
+    hoverTrigger = input();
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    menu = input();
+    ngOnInit() {
+        const ht = this.hoverTrigger();
+        if (ht) {
+            this.el.nativeElement.addEventListener('mouseenter', () => {
+                if (HoverDropDownDirective._menuClicked) {
+                    // console.log(`menu clicked state set, ignoring mouse enter..`);
+                    return;
+                }
+                this.setHoverState(true);
+                ht.openMenu();
+                // KLUDGE!
+                // this.menu._elementRef.nativeElement.className can return multiple
+                // class names, delimited by a space. Use the first class as the
+                // definitive selector for the menu. this could potentially fail in
+                // new Angular Material versions if the MatMenu implementation changes.
+                const openMenu = document.querySelector(`.mat-menu-after.${this.menu()._elementRef.nativeElement.className.split(' ')[0]}`);
+                if (!openMenu) {
+                    ht.closeMenu();
+                    return;
+                }
+                openMenu.addEventListener('mouseenter', () => {
+                    this.setHoverState(true);
+                });
+                openMenu.addEventListener('mouseleave', () => {
+                    this.setHoverState(false);
+                });
+                openMenu.addEventListener('click', () => {
+                    // console.log(`menu clicked, setting state..`);
+                    HoverDropDownDirective._menuClicked = true;
+                    setTimeout(() => {
+                        // console.log(`menu clicked, clearing state..`);
+                        HoverDropDownDirective._menuClicked = false;
+                    }, 180);
+                });
+            });
+            this.el.nativeElement.addEventListener('mouseleave', () => {
+                this.setHoverState(false);
+            });
+        }
+    }
+    setHoverState(isInBlock) {
+        this.isInHoverBlock = isInBlock;
+        if (!isInBlock) {
+            this.checkHover();
+        }
+    }
+    checkHover() {
+        setTimeout(() => {
+            if (!this.isInHoverBlock && this.hoverTrigger().menuOpen) {
+                this.hoverTrigger().closeMenu();
+            }
+        }, 50);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: HoverDropDownDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.6", type: HoverDropDownDirective, isStandalone: true, selector: "[hoverDropDown]", inputs: { hoverTrigger: { classPropertyName: "hoverTrigger", publicName: "hoverTrigger", isSignal: true, isRequired: false, transformFunction: null }, menu: { classPropertyName: "menu", publicName: "menu", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: HoverDropDownDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[hoverDropDown]',
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HoverDropDownDirective };
+//# sourceMappingURL=smallpearl-ngx-helper-hover-dropdown.mjs.map

package/fesm2022/smallpearl-ngx-helper-hover-dropdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"smallpearl-ngx-helper-hover-dropdown.mjs","sources":["../../../../projects/smallpearl/ngx-helper/hover-dropdown/src/hover-dropdown.directive.ts","../../../../projects/smallpearl/ngx-helper/hover-dropdown/smallpearl-ngx-helper-hover-dropdown.ts"],"sourcesContent":["import { Directive, ElementRef, input, OnInit } from '@angular/core';\nimport { MatMenuTrigger } from '@angular/material/menu';\n\n/**\n * A directive to make a button triggered mat-menu open during mouse hover.\n * Use it like this:\n\n      <button #menuTrigger=\"matMenuTrigger\"\n        mat-icon-button\n        [matMenuTriggerFor]=\"children\"\n        hoverDropDown\n        [menu]=\"children\"\n        [hoverTrigger]=\"menuTrigger\">\n        <mat-icon>menu</mat-icon>\n      </button>\n      <mat-menu #children=\"matMenu\" hasBackdrop=\"false\">\n        <button mat-menu-item (click)=\"onEdit()\">Edit</button>\n        <button mat-menu-item (click)=\"onDelete()\">Delete</button>\n      </mat-menu>\n\n  Note how hoverDropDown and [hoverTrigger] are used to wire up the button\n  and the associated mat-menu to the directive. Once setup like this, the\n  mat-menu will be opened whenever the mouse cursor hovers over the menu\n  trigger button.\n\n  Copied from:\n  https://stackoverflow.com/questions/54301126/how-to-show-the-angular-material-drop-down-on-mouse-over\n */\n@Directive({\n  standalone: true,\n  selector: '[hoverDropDown]',\n})\nexport class HoverDropDownDirective implements OnInit {\n  static _menuClicked = false;\n  isInHoverBlock = false;\n\n  constructor(private el: ElementRef) {}\n\n  hoverTrigger = input<MatMenuTrigger|null>();\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  menu = input<any>();\n\n  ngOnInit() {\n    const ht = this.hoverTrigger();\n    if (ht) {\n      this.el.nativeElement.addEventListener('mouseenter', () => {\n        if (HoverDropDownDirective._menuClicked) {\n          // console.log(`menu clicked state set, ignoring mouse enter..`);\n          return;\n        }\n        this.setHoverState(true);\n        ht.openMenu();\n        // KLUDGE!\n        // this.menu._elementRef.nativeElement.className can return multiple\n        // class names, delimited by a space. Use the first class as the\n        // definitive selector for the menu. this could potentially fail in\n        // new Angular Material versions if the MatMenu implementation changes.\n        const openMenu = document.querySelector(\n          `.mat-menu-after.${\n            this.menu()._elementRef.nativeElement.className.split(' ')[0]\n          }`\n        );\n        if (!openMenu) {\n          ht.closeMenu();\n          return;\n        }\n        openMenu.addEventListener('mouseenter', () => {\n          this.setHoverState(true);\n        });\n        openMenu.addEventListener('mouseleave', () => {\n          this.setHoverState(false);\n        });\n        openMenu.addEventListener('click', () => {\n          // console.log(`menu clicked, setting state..`);\n          HoverDropDownDirective._menuClicked = true;\n          setTimeout(() => {\n            // console.log(`menu clicked, clearing state..`);\n            HoverDropDownDirective._menuClicked = false;\n          }, 180);\n        });\n      });\n      this.el.nativeElement.addEventListener('mouseleave', () => {\n        this.setHoverState(false);\n      });\n    }\n  }\n\n  private setHoverState(isInBlock: boolean) {\n    this.isInHoverBlock = isInBlock;\n    if (!isInBlock) {\n      this.checkHover();\n    }\n  }\n\n  private checkHover() {\n    setTimeout(() => {\n      if (!this.isInHoverBlock && this.hoverTrigger()!.menuOpen) {\n        this.hoverTrigger()!.closeMenu();\n      }\n    }, 50);\n  }\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-locale.mjs

@@ -0,0 +1,296 @@
+import * as i0 from '@angular/core';
+import { Pipe } from '@angular/core';
+
+/**
+ * Default mini library config.
+ */
+const DEFAULT_SP_NGX_I18N_CONFIG = {
+    locale: 'en-US',
+    currency: 'USD',
+    timezone: 'UTC',
+    datetimeFormat: 'mediumDate'
+};
+/**
+ * The object that will hold the mini library config.
+ */
+let _config = DEFAULT_SP_NGX_I18N_CONFIG;
+/**
+ * Call this function update the _config dynamically as the need arises.
+ * @param config
+ */
+function setSPLocaleConfig(config) {
+    _config = { ..._config, ...config };
+}
+/**
+ * @returns Current config object.
+ */
+function getSPLocaleConfig() {
+    return _config;
+}
+
+const isEmpty = (value) => {
+    return (value == null || value === '' || value !== value // Check for NaN.
+    );
+};
+
+const formatOptions = {
+    short: {
+        year: 'numeric',
+        month: 'numeric',
+        day: 'numeric',
+        hour: 'numeric',
+        minute: 'numeric',
+    },
+    medium: {
+        year: 'numeric',
+        month: 'short',
+        day: 'numeric',
+        hour: 'numeric',
+        minute: 'numeric',
+        second: 'numeric',
+    },
+    long: {
+        year: 'numeric',
+        month: 'long',
+        day: 'numeric',
+        hour: 'numeric',
+        minute: 'numeric',
+        second: 'numeric',
+        timeZoneName: 'short'
+    },
+    full: {
+        weekday: 'long',
+        year: 'numeric',
+        month: 'long',
+        day: 'numeric',
+        hour: 'numeric',
+        minute: 'numeric',
+        second: 'numeric',
+        timeZoneName: 'longOffset'
+    },
+    shortDate: {
+        year: 'numeric',
+        month: 'numeric',
+        day: 'numeric',
+    },
+    mediumDate: {
+        year: 'numeric',
+        month: 'short',
+        day: 'numeric',
+    },
+    longDate: {
+        year: 'numeric',
+        month: 'long',
+        day: 'numeric',
+    },
+    fullDate: {
+        weekday: 'long',
+        year: 'numeric',
+        month: 'long',
+        day: 'numeric',
+    },
+    shortTime: {
+        hour: 'numeric',
+        minute: 'numeric',
+    },
+    mediumTime: {
+        hour: 'numeric',
+        minute: 'numeric',
+        second: 'numeric',
+    },
+    longTime: {
+        hour: 'numeric',
+        minute: 'numeric',
+        second: 'numeric',
+        timeZoneName: 'short'
+    },
+    fullTime: {
+        hour: 'numeric',
+        minute: 'numeric',
+        second: 'numeric',
+        timeZoneName: 'longOffset'
+    },
+};
+function spFormatDate(value, format, timeZone) {
+    if (isEmpty(value)) {
+        return '';
+    }
+    const date = new Date(value);
+    if (isNaN(date.valueOf())) {
+        return '******';
+        // throw new Error(`Unable to convert "${value}" into a date.`);
+    }
+    const config = getSPLocaleConfig();
+    format = format ?? config.datetimeFormat;
+    const validFormatStrings = Object.keys(formatOptions);
+    if (!validFormatStrings.find(formatStr => formatStr === format)) {
+        format = 'mediumDate';
+    }
+    timeZone = timeZone ?? config.timezone;
+    const dateTimeFormatter = new Intl.DateTimeFormat(config.locale, {
+        ...formatOptions[format],
+        timeZone,
+    });
+    return dateTimeFormatter.format(date);
+}
+
+/**
+ * An alternative to the Angular built-in `DatePipe` based on the native `Intl.DateTimeFormat` API.
+ * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat
+ * https://angular.io/api/common/DatePipe
+ */
+class SPDatePipe {
+    #formatOptions = {
+        short: {
+            year: 'numeric',
+            month: 'numeric',
+            day: 'numeric',
+            hour: 'numeric',
+            minute: 'numeric',
+        },
+        medium: {
+            year: 'numeric',
+            month: 'short',
+            day: 'numeric',
+            hour: 'numeric',
+            minute: 'numeric',
+            second: 'numeric',
+        },
+        long: {
+            year: 'numeric',
+            month: 'long',
+            day: 'numeric',
+            hour: 'numeric',
+            minute: 'numeric',
+            second: 'numeric',
+            timeZoneName: 'short'
+        },
+        full: {
+            weekday: 'long',
+            year: 'numeric',
+            month: 'long',
+            day: 'numeric',
+            hour: 'numeric',
+            minute: 'numeric',
+            second: 'numeric',
+            timeZoneName: 'longOffset'
+        },
+        shortDate: {
+            year: 'numeric',
+            month: 'numeric',
+            day: 'numeric',
+        },
+        mediumDate: {
+            year: 'numeric',
+            month: 'short',
+            day: 'numeric',
+        },
+        longDate: {
+            year: 'numeric',
+            month: 'long',
+            day: 'numeric',
+        },
+        fullDate: {
+            weekday: 'long',
+            year: 'numeric',
+            month: 'long',
+            day: 'numeric',
+        },
+        shortTime: {
+            hour: 'numeric',
+            minute: 'numeric',
+        },
+        mediumTime: {
+            hour: 'numeric',
+            minute: 'numeric',
+            second: 'numeric',
+        },
+        longTime: {
+            hour: 'numeric',
+            minute: 'numeric',
+            second: 'numeric',
+            timeZoneName: 'short'
+        },
+        fullTime: {
+            hour: 'numeric',
+            minute: 'numeric',
+            second: 'numeric',
+            timeZoneName: 'longOffset'
+        },
+    };
+    transform(value, format, timeZone) {
+        return spFormatDate(value, format, timeZone);
+        // if (isEmpty(value)) {
+        //   return '';
+        // }
+        // const date = new Date(value);
+        // if (isNaN(date.valueOf())) {
+        //   return '******';
+        //   // throw new Error(`Unable to convert "${value}" into a date.`);
+        // }
+        // const config = getSPI18nConfig();
+        // format = format ?? config.datetimeFormat;
+        // timeZone = timeZone ?? config.timezone;
+        // const dateTimeFormatter = new Intl.DateTimeFormat(config.locale, {
+        //   ...this.#formatOptions[format],
+        //   timeZone,
+        // });
+        // return dateTimeFormatter.format(date);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SPDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    /** @nocollapse */ static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.6", ngImport: i0, type: SPDatePipe, isStandalone: true, name: "spDate" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SPDatePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'spDate',
+                }]
+        }] });
+
+function spFormatCurrency(value, currency) {
+    if (isEmpty(value)) {
+        return '';
+    }
+    const number = typeof value === 'string' ? parseFloat(value) : value;
+    if (isNaN(number)) {
+        return "****.**";
+        // throw new Error(`"${value}" is not a number.`);
+    }
+    const config = getSPLocaleConfig();
+    // TODO: change to community locale read from this.currentCommunity.locale
+    const currencyFormatter = new Intl.NumberFormat(config.locale, {
+        currency: currency ?? config.currency,
+        style: 'currency',
+    });
+    return currencyFormatter.format(number);
+}
+
+/**
+ * This is a replacement for Angular's native currency pipe. This uses
+ * web standardized Intl.NumberFormat() API to format currency. The advantage
+ * of this over Angular's version is that this pipe allows the locale and
+ * currency parameters to be dynamically changed during runtime.
+ */
+class SPCurrencyPipe {
+    constructor() { }
+    transform(value, currency) {
+        return spFormatCurrency(value, currency);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SPCurrencyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    /** @nocollapse */ static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.6", ngImport: i0, type: SPCurrencyPipe, isStandalone: true, name: "spCurrency" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SPCurrencyPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'spCurrency',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SPCurrencyPipe, SPDatePipe, _config, getSPLocaleConfig, setSPLocaleConfig, spFormatCurrency, spFormatDate };
+//# sourceMappingURL=smallpearl-ngx-helper-locale.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smallpearl-ngx-helper-locale.mjs","sources":["../../../../projects/smallpearl/ngx-helper/locale/src/providers.ts","../../../../projects/smallpearl/ngx-helper/locale/src/is-empty.ts","../../../../projects/smallpearl/ngx-helper/locale/src/format-date.ts","../../../../projects/smallpearl/ngx-helper/locale/src/date.pipe.ts","../../../../projects/smallpearl/ngx-helper/locale/src/format-currency.ts","../../../../projects/smallpearl/ngx-helper/locale/src/currency.pipe.ts","../../../../projects/smallpearl/ngx-helper/locale/smallpearl-ngx-helper-locale.ts"],"sourcesContent":["export type SPIntlDateFormat = 'short'|'medium'|'long'|'full'|'shortDate'|'mediumDate'|'longDate'|'fullDate'|'shortTime'|'mediumTime'|'longTime'|'fullTime';\n\nexport interface SPNgxI18nConfig {\n  locale: string;\n  currency: string;\n  timezone: string;\n  datetimeFormat: SPIntlDateFormat;\n}\n\n/**\n * Default mini library config.\n */\nconst DEFAULT_SP_NGX_I18N_CONFIG: SPNgxI18nConfig = {\n  locale: 'en-US',\n  currency: 'USD',\n  timezone: 'UTC',\n  datetimeFormat: 'mediumDate'\n};\n\n/**\n * The object that will hold the mini library config.\n */\nexport let _config: SPNgxI18nConfig = DEFAULT_SP_NGX_I18N_CONFIG;\n\n/**\n * Call this function update the _config dynamically as the need arises.\n * @param config\n */\nexport function setSPLocaleConfig(config: Partial<SPNgxI18nConfig>) {\n  _config = {..._config, ...config };\n}\n\n/**\n * @returns Current config object.\n */\nexport function getSPLocaleConfig() {\n  return _config;\n}\n","export const isEmpty = (value: any): boolean => {\n  return (\n    value == null || value === '' || value !== value // Check for NaN.\n  );\n};\n","import { isEmpty } from \"./is-empty\";\nimport { getSPLocaleConfig, SPIntlDateFormat } from \"./providers\";\n\nconst formatOptions: Record<SPIntlDateFormat, Intl.DateTimeFormatOptions> = {\n  short: {\n    year: 'numeric',\n    month: 'numeric',\n    day: 'numeric',\n    hour: 'numeric',\n    minute: 'numeric',\n  },\n  medium: {\n    year: 'numeric',\n    month: 'short',\n    day: 'numeric',\n    hour: 'numeric',\n    minute: 'numeric',\n    second: 'numeric',\n  },\n  long: {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n    hour: 'numeric',\n    minute: 'numeric',\n    second: 'numeric',\n    timeZoneName: 'short'\n  },\n  full: {\n    weekday: 'long',\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n    hour: 'numeric',\n    minute: 'numeric',\n    second: 'numeric',\n    timeZoneName: 'longOffset'\n  },\n  shortDate: {\n    year: 'numeric',\n    month: 'numeric',\n    day: 'numeric',\n  },\n  mediumDate: { // Equal to the \"mediumDate\" format in Angular.\n    year: 'numeric',\n    month: 'short',\n    day: 'numeric',\n  },\n  longDate: {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n  },\n  fullDate: {\n    weekday: 'long',\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n  },\n  shortTime: {\n    hour: 'numeric',\n    minute: 'numeric',\n  },\n  mediumTime: {\n    hour: 'numeric',\n    minute: 'numeric',\n    second: 'numeric',\n  },\n  longTime: {\n    hour: 'numeric',\n    minute: 'numeric',\n    second: 'numeric',\n    timeZoneName: 'short'\n  },\n  fullTime: {\n    hour: 'numeric',\n    minute: 'numeric',\n    second: 'numeric',\n    timeZoneName: 'longOffset'\n  },\n};\n\nexport function spFormatDate(value: Date | number | string, format?: SPIntlDateFormat, timeZone?: string) {\n  if (isEmpty(value)) {\n    return '';\n  }\n\n  const date = new Date(value);\n\n  if (isNaN(date.valueOf())) {\n    return '******';\n    // throw new Error(`Unable to convert \"${value}\" into a date.`);\n  }\n  const config = getSPLocaleConfig();\n  format = format ?? config.datetimeFormat;\n  const validFormatStrings = Object.keys(formatOptions);\n  if (!validFormatStrings.find(formatStr => formatStr === format)) {\n    format = 'mediumDate';\n  }\n  timeZone = timeZone ?? config.timezone;\n  const dateTimeFormatter = new Intl.DateTimeFormat(config.locale, {\n    ...formatOptions[format],\n    timeZone,\n  });\n\n  return dateTimeFormatter.format(date);\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { spFormatDate } from './format-date';\nimport { SPIntlDateFormat } from './providers';\n\n/**\n * An alternative to the Angular built-in `DatePipe` based on the native `Intl.DateTimeFormat` API.\n * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat\n * https://angular.io/api/common/DatePipe\n */\n@Pipe({\n  standalone: true,\n  name: 'spDate',\n})\nexport class SPDatePipe implements PipeTransform {\n  readonly #formatOptions: Record<SPIntlDateFormat, Intl.DateTimeFormatOptions> = {\n    short: {\n      year: 'numeric',\n      month: 'numeric',\n      day: 'numeric',\n      hour: 'numeric',\n      minute: 'numeric',\n    },\n    medium: {\n      year: 'numeric',\n      month: 'short',\n      day: 'numeric',\n      hour: 'numeric',\n      minute: 'numeric',\n      second: 'numeric',\n    },\n    long: {\n      year: 'numeric',\n      month: 'long',\n      day: 'numeric',\n      hour: 'numeric',\n      minute: 'numeric',\n      second: 'numeric',\n      timeZoneName: 'short'\n    },\n    full: {\n      weekday: 'long',\n      year: 'numeric',\n      month: 'long',\n      day: 'numeric',\n      hour: 'numeric',\n      minute: 'numeric',\n      second: 'numeric',\n      timeZoneName: 'longOffset'\n    },\n    shortDate: {\n      year: 'numeric',\n      month: 'numeric',\n      day: 'numeric',\n    },\n    mediumDate: { // Equal to the \"mediumDate\" format in Angular.\n      year: 'numeric',\n      month: 'short',\n      day: 'numeric',\n    },\n    longDate: {\n      year: 'numeric',\n      month: 'long',\n      day: 'numeric',\n    },\n    fullDate: {\n      weekday: 'long',\n      year: 'numeric',\n      month: 'long',\n      day: 'numeric',\n    },\n    shortTime: {\n      hour: 'numeric',\n      minute: 'numeric',\n    },\n    mediumTime: {\n      hour: 'numeric',\n      minute: 'numeric',\n      second: 'numeric',\n    },\n    longTime: {\n      hour: 'numeric',\n      minute: 'numeric',\n      second: 'numeric',\n      timeZoneName: 'short'\n    },\n    fullTime: {\n      hour: 'numeric',\n      minute: 'numeric',\n      second: 'numeric',\n      timeZoneName: 'longOffset'\n    },\n  };\n\n  transform(\n    value: Date | number | string,\n    format?: SPIntlDateFormat,\n    timeZone?: string\n  ): string | null {\n\n    return spFormatDate(value, format, timeZone);\n    // if (isEmpty(value)) {\n    //   return '';\n    // }\n\n    // const date = new Date(value);\n\n    // if (isNaN(date.valueOf())) {\n    //   return '******';\n    //   // throw new Error(`Unable to convert \"${value}\" into a date.`);\n    // }\n    // const config = getSPI18nConfig();\n    // format = format ?? config.datetimeFormat;\n    // timeZone = timeZone ?? config.timezone;\n    // const dateTimeFormatter = new Intl.DateTimeFormat(config.locale, {\n    //   ...this.#formatOptions[format],\n    //   timeZone,\n    // });\n\n    // return dateTimeFormatter.format(date);\n  }\n}\n","import { isEmpty } from \"./is-empty\";\nimport { getSPLocaleConfig } from \"./providers\";\n\nexport function spFormatCurrency(value: number | bigint | string, currency?: string): string | null {\n\n  if (isEmpty(value)) {\n    return '';\n  }\n\n  const number =\n    typeof value === 'string' ? parseFloat(value) : (value as number);\n\n  if (isNaN(number)) {\n    return \"****.**\";\n    // throw new Error(`\"${value}\" is not a number.`);\n  }\n\n  const config = getSPLocaleConfig();\n  // TODO: change to community locale read from this.currentCommunity.locale\n  const currencyFormatter = new Intl.NumberFormat(config.locale, {\n    currency: currency ?? config.currency,\n    style: 'currency',\n  });\n\n  return currencyFormatter.format(number);\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { spFormatCurrency } from './format-currency';\n\n/**\n * This is a replacement for Angular's native currency pipe. This uses\n * web standardized Intl.NumberFormat() API to format currency. The advantage\n * of this over Angular's version is that this pipe allows the locale and\n * currency parameters to be dynamically changed during runtime.\n */\n@Pipe({\n  name: 'spCurrency',\n  standalone: true,\n})\nexport class SPCurrencyPipe implements PipeTransform {\n  constructor() {}\n\n  transform(value: number | bigint | string, currency?: string): string | null {\n    return spFormatCurrency(value, currency);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}