@embeddable.com/remarkable-pro 0.0.14 → 0.0.16

package/dist/components/component.inputs.constants.d.ts

@@ -0,0 +1,309 @@
+export declare const inputs: {
+    readonly boolean: {
+        readonly name: "boolean";
+        readonly type: "boolean";
+        readonly label: "Boolean";
+    };
+    readonly timeRange: {
+        readonly name: "timeRange";
+        readonly type: "timeRange";
+        readonly label: "Time Range";
+    };
+    readonly number: {
+        readonly name: "number";
+        readonly type: "number";
+        readonly label: "Number";
+    };
+    readonly string: {
+        readonly name: "string";
+        readonly type: "string";
+        readonly label: "String";
+    };
+    readonly title: {
+        readonly name: "title";
+        readonly type: "string";
+        readonly label: "Title";
+        readonly category: "Component Header";
+    };
+    readonly description: {
+        readonly name: "description";
+        readonly type: "string";
+        readonly label: "Description";
+        readonly category: "Component Header";
+    };
+    readonly dataset: {
+        readonly name: "dataset";
+        readonly type: "dataset";
+        readonly label: "Dataset";
+        readonly required: true;
+        readonly category: "Component Data";
+    };
+    readonly maxLegendItems: {
+        readonly name: "maxLegendItems";
+        readonly type: "number";
+        readonly label: "Max Legend Items";
+        readonly defaultValue: 10;
+        readonly category: "Component Data";
+    };
+    readonly dimension: {
+        readonly name: "dimension";
+        readonly type: "dimension";
+        readonly label: "Dimension";
+        readonly config: {
+            readonly dataset: "dataset";
+        };
+        readonly required: true;
+        readonly category: "Component Data";
+        readonly inputs: any[];
+    };
+    readonly groupBy: {
+        readonly name: "groupBy";
+        readonly label: "Group By";
+        readonly type: "dimension";
+        readonly config: {
+            readonly dataset: "dataset";
+        };
+        readonly required: true;
+        readonly category: "Component Data";
+        readonly inputs: any[];
+    };
+    readonly dimensionSimple: {
+        readonly name: "dimensionSimple";
+        readonly type: "dimension";
+        readonly label: "Dimension";
+        readonly config: {
+            readonly dataset: "dataset";
+            readonly hideGranularity: true;
+        };
+        readonly required: true;
+        readonly category: "Component Data";
+    };
+    readonly dimensionTime: {
+        readonly name: "dimensionTime";
+        readonly type: "dimension";
+        readonly label: "Dimension Time";
+        readonly config: {
+            readonly dataset: "dataset";
+            readonly supportedTypes: readonly ["time"];
+            readonly hideGranularity: true;
+        };
+        readonly required: true;
+        readonly category: "Component Data";
+    };
+    readonly dimensionWithDateBounds: {
+        readonly name: "dimension";
+        readonly type: "dimension";
+        readonly label: "Dimension";
+        readonly config: {
+            readonly dataset: "dataset";
+        };
+        readonly required: true;
+        readonly category: "Component Data";
+        readonly inputs: any[];
+    };
+    readonly dimensions: {
+        readonly name: "dimensions";
+        readonly type: "dimension";
+        readonly label: "Dimensions";
+        readonly config: {
+            readonly dataset: "dataset";
+        };
+        readonly required: true;
+        readonly category: "Component Data";
+        readonly inputs: any[];
+    };
+    readonly dimensionOrMeasure: {
+        readonly name: "dimensionOrMeasure";
+        readonly type: "dimensionOrMeasure";
+        readonly label: "Dimension or Measure";
+        readonly config: {
+            readonly dataset: "dataset";
+        };
+        readonly category: "Component Data";
+        readonly inputs: any[];
+    };
+    readonly dimensionsAndMeasures: {
+        readonly name: "dimensionsAndMeasures";
+        readonly type: "dimensionOrMeasure";
+        readonly label: "Dimensions and Measures";
+        readonly array: true;
+        readonly required: true;
+        readonly config: {
+            readonly dataset: "dataset";
+        };
+        readonly category: "Component Data";
+        readonly inputs: any[];
+    };
+    readonly measure: {
+        readonly name: "measure";
+        readonly type: "measure";
+        readonly label: "Measure";
+        readonly config: {
+            readonly dataset: "dataset";
+        };
+        readonly required: true;
+        readonly category: "Component Data";
+        readonly inputs: any[];
+    };
+    readonly measures: {
+        readonly name: "measures";
+        readonly type: "measure";
+        readonly label: "Measures";
+        readonly array: true;
+        readonly config: {
+            readonly dataset: "dataset";
+        };
+        readonly required: true;
+        readonly category: "Component Data";
+        readonly inputs: any[];
+    };
+    readonly comparisonPeriod: {
+        name: string;
+        type: import('@embeddable.com/core').EmbeddableType;
+        label: string;
+        category: string;
+    };
+    readonly maxResults: {
+        readonly name: "maxResults";
+        readonly type: "number";
+        readonly label: "Max results";
+        readonly category: "Component Settings";
+        readonly defaultValue: 1000;
+    };
+    readonly placeholder: {
+        readonly name: "placeholder";
+        readonly type: "string";
+        readonly label: "Placeholder";
+        readonly category: "Component Settings";
+    };
+    readonly showLegend: {
+        readonly name: "showLegend";
+        readonly type: "boolean";
+        readonly label: "Show Legend";
+        readonly defaultValue: true;
+        readonly category: "Component Settings";
+    };
+    readonly showTooltips: {
+        readonly name: "showTooltips";
+        readonly type: "boolean";
+        readonly label: "Show Tooltips";
+        readonly defaultValue: true;
+        readonly category: "Component Settings";
+    };
+    readonly showValueLabels: {
+        readonly name: "showValueLabels";
+        readonly type: "boolean";
+        readonly label: "Show Value Labels";
+        readonly defaultValue: true;
+        readonly category: "Component Settings";
+    };
+    readonly showTotalLabels: {
+        readonly name: "showTotalLabels";
+        readonly type: "boolean";
+        readonly label: "Show Total Labels";
+        readonly defaultValue: false;
+        readonly category: "Component Settings";
+    };
+    readonly showLogarithmicScale: {
+        readonly name: "showLogarithmicScale";
+        readonly type: "boolean";
+        readonly label: "Show Logarithmic Scale";
+        readonly defaultValue: false;
+        readonly category: "Component Settings";
+    };
+    readonly displayPercentages: {
+        readonly name: "displayPercentages";
+        readonly type: "boolean";
+        readonly label: "Display Percentages";
+        readonly defaultValue: false;
+        readonly category: "Component Settings";
+    };
+    readonly color: {
+        readonly type: import('@embeddable.com/core').EmbeddableType;
+        readonly name: "color";
+        readonly label: "Color";
+        readonly category: "Component Settings";
+    };
+    readonly fontSize: {
+        readonly type: "number";
+        readonly name: "fontSize";
+        readonly label: "Font Size";
+        readonly category: "Component Settings";
+    };
+    readonly clearable: {
+        readonly type: "boolean";
+        readonly name: "clearable";
+        readonly label: "Can be cleared";
+        readonly defaultValue: true;
+        readonly category: "Component Settings";
+    };
+    readonly displayNullAs: {
+        readonly name: "displayNullAs";
+        readonly label: "Display Null As";
+        readonly category: "Component Settings";
+        readonly type: "string";
+    };
+    readonly xAxisLabel: {
+        readonly name: "xAxisLabel";
+        readonly type: "string";
+        readonly label: "X-axis Label";
+        readonly category: "Axes Settings";
+    };
+    readonly yAxisLabel: {
+        readonly name: "yAxisLabel";
+        readonly type: "string";
+        readonly label: "Y-axis Label";
+        readonly category: "Axes Settings";
+    };
+    readonly reverseXAxis: {
+        readonly name: "reverseXAxis";
+        readonly type: "boolean";
+        readonly label: "Reverse X-axis";
+        readonly defaultValue: false;
+        readonly category: "Axes Settings";
+    };
+    readonly reverseYAxis: {
+        readonly name: "reverseYAxis";
+        readonly type: "boolean";
+        readonly label: "Reverse Y-axis";
+        readonly defaultValue: false;
+        readonly category: "Axes Settings";
+    };
+    readonly yAxisRangeMin: {
+        readonly name: "yAxisRangeMin";
+        readonly type: "number";
+        readonly label: "Y-axis Range Min";
+        readonly category: "Axes Settings";
+    };
+    readonly yAxisRangeMax: {
+        readonly name: "yAxisRangeMax";
+        readonly type: "number";
+        readonly label: "Y-axis Range Max";
+        readonly category: "Axes Settings";
+    };
+    readonly xAxisRangeMin: {
+        readonly name: "xAxisRangeMin";
+        readonly type: "number";
+        readonly label: "X-axis Range Min";
+        readonly category: "Axes Settings";
+    };
+    readonly xAxisRangeMax: {
+        readonly name: "xAxisRangeMax";
+        readonly type: "number";
+        readonly label: "X-axis Range Max";
+        readonly category: "Axes Settings";
+    };
+    readonly xAxisMaxItems: {
+        readonly name: "xAxisMaxItems";
+        readonly type: "number";
+        readonly label: "Max X-axis Items";
+        readonly category: "Axes Settings";
+    };
+    readonly yAxisMaxItems: {
+        readonly name: "yAxisMaxItems";
+        readonly type: "number";
+        readonly label: "Max Y-axis Items";
+        readonly category: "Axes Settings";
+    };
+};
+//# sourceMappingURL=component.inputs.constants.d.ts.map

package/dist/components/component.inputs.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.inputs.constants.d.ts","sourceRoot":"","sources":["../../src/components/component.inputs.constants.ts"],"names":[],"mappings":"AAiWA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CT,CAAC"}

package/dist/components/component.subinputs.constants.d.ts

@@ -0,0 +1,95 @@
+export declare const dimensionMeasureSubInputs: any[];
+export declare const timeDimensionSubInputs: any[];
+export declare const subInputs: {
+    boolean: {
+        readonly name: "boolean";
+        readonly type: "boolean";
+        readonly label: "Boolean";
+    };
+    timeRange: {
+        readonly name: "timeRange";
+        readonly type: "timeRange";
+        readonly label: "Time Range";
+    };
+    number: {
+        readonly name: "number";
+        readonly type: "number";
+        readonly label: "Number";
+    };
+    string: {
+        readonly name: "string";
+        readonly type: "string";
+        readonly label: "String";
+    };
+    width: {
+        readonly name: "width";
+        readonly type: "number";
+        readonly label: "Width";
+        readonly description: "You can input a number in pixels e.g. 400";
+    };
+    align: {
+        readonly name: "align";
+        readonly type: import('@embeddable.com/core').EmbeddableType;
+        readonly label: "Align";
+    };
+    prefix: {
+        readonly name: "prefix";
+        readonly type: "string";
+        readonly label: "Prefix";
+    };
+    suffix: {
+        readonly name: "suffix";
+        readonly type: "string";
+        readonly label: "Suffix";
+    };
+    displayName: {
+        readonly name: "displayName";
+        readonly type: "string";
+        readonly label: "Display name";
+    };
+    maxCharacters: {
+        readonly name: "maxCharacters";
+        readonly type: "number";
+        readonly label: "Maximum characters";
+        readonly description: undefined;
+        readonly supportedTypes: readonly ["string"];
+    };
+    decimalPlaces: {
+        readonly name: "decimalPlaces";
+        readonly type: "number";
+        readonly label: "Decimal places";
+        readonly supportedTypes: readonly ["number"];
+    };
+    currency: {
+        readonly name: "currency";
+        readonly type: "string";
+        readonly label: "Currency";
+        readonly description: "e.g. EUR";
+        readonly supportedTypes: readonly ["number"];
+    };
+    abbreviateLargeNumber: {
+        readonly name: "abbreviateLargeNumber";
+        readonly type: "boolean";
+        readonly label: "Abbreviate large number";
+        readonly supportedTypes: readonly ["number"];
+    };
+    dateBounds: {
+        readonly name: "dateBounds";
+        readonly type: "timeRange";
+        readonly label: "Date Bounds";
+        readonly description: "Set the date range for the axis";
+        readonly supportedTypes: readonly ["time"];
+    };
+    granularity: {
+        readonly name: "granularity";
+        readonly type: "granularity";
+        readonly label: "Granularity";
+        readonly supportedTypes: readonly ["time"];
+    };
+    color: {
+        readonly type: import('@embeddable.com/core').EmbeddableType;
+        readonly name: "color";
+        readonly label: "Color";
+    };
+};
+//# sourceMappingURL=component.subinputs.constants.d.ts.map

package/dist/components/component.subinputs.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.subinputs.constants.d.ts","sourceRoot":"","sources":["../../src/components/component.subinputs.constants.ts"],"names":[],"mappings":"AA0GA,eAAO,MAAM,yBAAyB,EAAE,GAAG,EAQ1C,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,GAAG,EAUvC,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBrB,CAAC"}

package/dist/embeddable-components.json

@@ -1,27 +1,27 @@
 {
   "components": [
     "MultiSelectFieldPro",
-    "ComparisonPeriodSelectFieldPro",
     "SingleSelectFieldPro",
+    "BarChartDefaultPro",
+    "KpiChartNumberPro",
+    "ComparisonPeriodSelectFieldPro",
     "DateRangePickerCustomPro",
-    "KpiChartNumberComparisonPro",
-    "BarChartGroupedHorizontalPro",
     "DateRangeSelectFieldPro",
-    "BarChartGroupedPro",
     "BarChartDefaultHorizontalPro",
+    "LineChartDefaultPro",
+    "DonutLabelChartPro",
+    "BarChartGroupedPro",
     "BarChartStackedHorizontalPro",
-    "BarChartDefaultPro",
-    "DonutChartPro",
+    "BarChartGroupedHorizontalPro",
     "LineChartComparisonDefaultPro",
-    "KpiChartNumberPro",
     "BarChartStackedPro",
     "LineChartGroupedPro",
-    "HeatMapPro",
-    "LineChartDefaultPro",
     "PivotTablePro",
+    "DonutChartPro",
+    "KpiChartNumberComparisonPro",
     "PieChartPro",
-    "DonutLabelChartPro",
-    "TableChartPaginated"
+    "TableChartPaginated",
+    "HeatMapPro"
   ],
   "editors": [
     "ColorEditor"

package/dist/embeddable-theme-0137e.js

@@ -2539,7 +2539,8 @@ var z0 = {
   "--em-daterangepicker-chevron-background": "var(--em-sem-background--light)",
   "--em-daterangepicker-chevron-icon-size": "var(--em-core-size--0400)",
   "--em-daterangepicker-chevron--hover": "var(--em-sem-background--subtle)",
-  "--em-daterangepicker-chevron--active": "var(--em-sem-background--muted)"
+  "--em-daterangepicker-chevron--active": "var(--em-sem-background--muted)",
+  "--em-tablechart-cell-max-width": "calc(3 * var(--em-core-size--2000))"
 }, j0 = {
   ...z0,
   ...Y0,

package/dist/{formatter.utils-BRMB8qAc.js → formatter.utils-C6e5AE1P.js}

@@ -1,4 +1,4 @@
-import { $ as T } from "./component.constants-DJqBv0qe.js";
+import { c as T } from "./component.inputs.constants-BYwiwFNH.js";
 const i = (r) => {
   const s = {};
   return (m) => {
@@ -43,4 +43,4 @@ const i = (r) => {
 export {
   D as g
 };
-//# sourceMappingURL=formatter.utils-BRMB8qAc.js.map
+//# sourceMappingURL=formatter.utils-C6e5AE1P.js.map

package/dist/{formatter.utils-BRMB8qAc.js.map → formatter.utils-C6e5AE1P.js.map}

@@ -1 +1 @@
-{"version":3,"file":"formatter.utils-BRMB8qAc.js","sources":["../src/utils.ts/cache.utils.ts","../src/utils.ts/data.utils.ts","../src/theme/formatter/formatter.utils.ts"],"sourcesContent":["/**\n * Creates a formatter cache.\n * Cache used to prevent unnecessary (expensive) creation of formatter objects\n */\nexport const cache = <Params, Formatter>(factory: (params?: Params) => Formatter) => {\n  const internalCache: { [key: string]: Formatter } = {};\n  const get = (params?: Params) => {\n    const key = JSON.stringify(params);\n    let formatter = internalCache[key];\n    if (formatter) {\n      return formatter;\n    }\n    formatter = factory(params);\n    internalCache[key] = formatter;\n    return formatter;\n  };\n  return get;\n};\n","const ISO_DATE_TIME_REGEX = /^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}\\.\\d{3}$/;\n\nexport const isValidISODate = (value: string): boolean => {\n  return Boolean(value && ISO_DATE_TIME_REGEX.test(value));\n};\n","import { DimensionOrMeasure } from '@embeddable.com/core';\nimport { DateTimeFormatter, NumberFormatter, StringFormatter } from './formatter.types';\nimport { Theme } from '../theme.types';\nimport { cache } from '../../utils.ts/cache.utils';\nimport { isValidISODate } from '../../utils.ts/data.utils';\nimport { resolveI18nString } from '../../components/component.utils';\n\nexport type GetThemeFormatter = {\n  string: (key: string) => string;\n  number: (value: number | bigint, options?: Intl.NumberFormatOptions) => string;\n  dateTime: (value: Date, options?: Intl.DateTimeFormatOptions) => string;\n  dimensionOrMeasureTitle: (key: DimensionOrMeasure) => string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  data: (key: DimensionOrMeasure, value: any) => string;\n};\n\nexport const getThemeFormatter = (theme: Theme): GetThemeFormatter => {\n  const cachedNumberFormatter = cache<Intl.NumberFormatOptions, NumberFormatter>((options) =>\n    theme.formatter.numberFormatter(theme, options),\n  );\n\n  const cachedDataNumberFormatter = cache<DimensionOrMeasure, NumberFormatter>((key) =>\n    theme.formatter.dataNumberFormatter(theme, key!),\n  );\n\n  const cachedDateTimeFormatter = cache<Intl.DateTimeFormatOptions, DateTimeFormatter>((options) =>\n    theme.formatter.dateTimeFormatter(theme, options),\n  );\n\n  const cachedDataDateTimeFormatter = cache<DimensionOrMeasure, DateTimeFormatter>((key) =>\n    theme.formatter.dataDateTimeFormatter(theme, key!),\n  );\n\n  const cachedDataOthersFormatter = cache<DimensionOrMeasure, StringFormatter>((key) =>\n    theme.formatter.dataOthersFormatter(theme, key!),\n  );\n\n  return {\n    string: (key: string) => theme.formatter.stringFormatter().format(key),\n    number: (value: number | bigint, options?: Intl.NumberFormatOptions): string => {\n      return cachedNumberFormatter(options).format(value);\n    },\n    dateTime: (value: Date, options?: Intl.DateTimeFormatOptions): string => {\n      return cachedDateTimeFormatter(options).format(value);\n    },\n    dimensionOrMeasureTitle: (key: DimensionOrMeasure): string => {\n      const displayName = key.inputs?.displayName;\n      if (displayName) {\n        if (displayName.includes('|')) {\n          return resolveI18nString(displayName);\n        }\n        return displayName;\n      }\n\n      const resolved = cachedDataOthersFormatter(key).format(key.name);\n      return resolved === key.name ? (key.title ?? key.name) : resolved;\n    },\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    data: (key: DimensionOrMeasure, value: any): string => {\n      let newValue = value;\n\n      // Number\n      if (key.nativeType === 'number') {\n        newValue = cachedDataNumberFormatter(key).format(value);\n      }\n\n      // Time\n      if (key.nativeType === 'time' && isValidISODate(value)) {\n        newValue = cachedDataDateTimeFormatter(key).format(new Date(value));\n      }\n\n      // Others (boolean and string)\n      if (key.nativeType === 'boolean' || key.nativeType === 'string') {\n        newValue = cachedDataOthersFormatter(key).format(value);\n      }\n\n      // Prefix and suffix\n      const appended = `${key.inputs?.prefix || ''}${newValue}${key.inputs?.suffix || ''}`;\n\n      // Max characters\n      if (key.inputs?.maxCharacters) {\n        if (appended.length <= key.inputs.maxCharacters) {\n          return appended;\n        }\n        return appended.substring(0, key.inputs.maxCharacters) + '...';\n      }\n\n      return appended;\n    },\n  };\n};\n"],"names":["cache","factory","internalCache","params","key","formatter","ISO_DATE_TIME_REGEX","isValidISODate","value","getThemeFormatter","theme","cachedNumberFormatter","options","cachedDataNumberFormatter","cachedDateTimeFormatter","cachedDataDateTimeFormatter","cachedDataOthersFormatter","displayName","_a","resolveI18nString","resolved","newValue","appended","_b","_c"],"mappings":";AAIO,MAAMA,IAAQ,CAAoBC,MAA4C;AACnF,QAAMC,IAA8C,CAAA;AAWpD,SAVY,CAACC,MAAoB;AAC/B,UAAMC,IAAM,KAAK,UAAUD,CAAM;AACjC,QAAIE,IAAYH,EAAcE,CAAG;AACjC,WAAIC,MAGJA,IAAYJ,EAAQE,CAAM,GAC1BD,EAAcE,CAAG,IAAIC,GACdA;AAAA,EACT;AAEF,GCjBMC,IAAsB,gDAEfC,IAAiB,CAACC,MACtB,GAAQA,KAASF,EAAoB,KAAKE,CAAK,ICa3CC,IAAoB,CAACC,MAAoC;AACpE,QAAMC,IAAwBX;AAAA,IAAiD,CAACY,MAC9EF,EAAM,UAAU,gBAAgBA,GAAOE,CAAO;AAAA,EAAA,GAG1CC,IAA4Bb;AAAA,IAA2C,CAACI,MAC5EM,EAAM,UAAU,oBAAoBA,GAAON,CAAI;AAAA,EAAA,GAG3CU,IAA0Bd;AAAA,IAAqD,CAACY,MACpFF,EAAM,UAAU,kBAAkBA,GAAOE,CAAO;AAAA,EAAA,GAG5CG,IAA8Bf;AAAA,IAA6C,CAACI,MAChFM,EAAM,UAAU,sBAAsBA,GAAON,CAAI;AAAA,EAAA,GAG7CY,IAA4BhB;AAAA,IAA2C,CAACI,MAC5EM,EAAM,UAAU,oBAAoBA,GAAON,CAAI;AAAA,EAAA;AAGjD,SAAO;AAAA,IACL,QAAQ,CAACA,MAAgBM,EAAM,UAAU,gBAAA,EAAkB,OAAON,CAAG;AAAA,IACrE,QAAQ,CAACI,GAAwBI,MACxBD,EAAsBC,CAAO,EAAE,OAAOJ,CAAK;AAAA,IAEpD,UAAU,CAACA,GAAaI,MACfE,EAAwBF,CAAO,EAAE,OAAOJ,CAAK;AAAA,IAEtD,yBAAyB,CAACJ,MAAoC;;AAC5D,YAAMa,KAAcC,IAAAd,EAAI,WAAJ,gBAAAc,EAAY;AAChC,UAAID;AACF,eAAIA,EAAY,SAAS,GAAG,IACnBE,EAAkBF,CAAW,IAE/BA;AAGT,YAAMG,IAAWJ,EAA0BZ,CAAG,EAAE,OAAOA,EAAI,IAAI;AAC/D,aAAOgB,MAAahB,EAAI,OAAQA,EAAI,SAASA,EAAI,OAAQgB;AAAA,IAC3D;AAAA;AAAA,IAEA,MAAM,CAAChB,GAAyBI,MAAuB;;AACrD,UAAIa,IAAWb;AAGf,MAAIJ,EAAI,eAAe,aACrBiB,IAAWR,EAA0BT,CAAG,EAAE,OAAOI,CAAK,IAIpDJ,EAAI,eAAe,UAAUG,EAAeC,CAAK,MACnDa,IAAWN,EAA4BX,CAAG,EAAE,OAAO,IAAI,KAAKI,CAAK,CAAC,KAIhEJ,EAAI,eAAe,aAAaA,EAAI,eAAe,cACrDiB,IAAWL,EAA0BZ,CAAG,EAAE,OAAOI,CAAK;AAIxD,YAAMc,IAAW,KAAGJ,IAAAd,EAAI,WAAJ,gBAAAc,EAAY,WAAU,EAAE,GAAGG,CAAQ,KAAGE,IAAAnB,EAAI,WAAJ,gBAAAmB,EAAY,WAAU,EAAE;AAGlF,cAAIC,IAAApB,EAAI,WAAJ,QAAAoB,EAAY,gBACVF,EAAS,UAAUlB,EAAI,OAAO,gBACzBkB,IAEFA,EAAS,UAAU,GAAGlB,EAAI,OAAO,aAAa,IAAI,QAGpDkB;AAAA,IACT;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"formatter.utils-C6e5AE1P.js","sources":["../src/utils.ts/cache.utils.ts","../src/utils.ts/data.utils.ts","../src/theme/formatter/formatter.utils.ts"],"sourcesContent":["/**\n * Creates a formatter cache.\n * Cache used to prevent unnecessary (expensive) creation of formatter objects\n */\nexport const cache = <Params, Formatter>(factory: (params?: Params) => Formatter) => {\n  const internalCache: { [key: string]: Formatter } = {};\n  const get = (params?: Params) => {\n    const key = JSON.stringify(params);\n    let formatter = internalCache[key];\n    if (formatter) {\n      return formatter;\n    }\n    formatter = factory(params);\n    internalCache[key] = formatter;\n    return formatter;\n  };\n  return get;\n};\n","const ISO_DATE_TIME_REGEX = /^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}\\.\\d{3}$/;\n\nexport const isValidISODate = (value: string): boolean => {\n  return Boolean(value && ISO_DATE_TIME_REGEX.test(value));\n};\n","import { DimensionOrMeasure } from '@embeddable.com/core';\nimport { DateTimeFormatter, NumberFormatter, StringFormatter } from './formatter.types';\nimport { Theme } from '../theme.types';\nimport { cache } from '../../utils.ts/cache.utils';\nimport { isValidISODate } from '../../utils.ts/data.utils';\nimport { resolveI18nString } from '../../components/component.utils';\n\nexport type GetThemeFormatter = {\n  string: (key: string) => string;\n  number: (value: number | bigint, options?: Intl.NumberFormatOptions) => string;\n  dateTime: (value: Date, options?: Intl.DateTimeFormatOptions) => string;\n  dimensionOrMeasureTitle: (key: DimensionOrMeasure) => string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  data: (key: DimensionOrMeasure, value: any) => string;\n};\n\nexport const getThemeFormatter = (theme: Theme): GetThemeFormatter => {\n  const cachedNumberFormatter = cache<Intl.NumberFormatOptions, NumberFormatter>((options) =>\n    theme.formatter.numberFormatter(theme, options),\n  );\n\n  const cachedDataNumberFormatter = cache<DimensionOrMeasure, NumberFormatter>((key) =>\n    theme.formatter.dataNumberFormatter(theme, key!),\n  );\n\n  const cachedDateTimeFormatter = cache<Intl.DateTimeFormatOptions, DateTimeFormatter>((options) =>\n    theme.formatter.dateTimeFormatter(theme, options),\n  );\n\n  const cachedDataDateTimeFormatter = cache<DimensionOrMeasure, DateTimeFormatter>((key) =>\n    theme.formatter.dataDateTimeFormatter(theme, key!),\n  );\n\n  const cachedDataOthersFormatter = cache<DimensionOrMeasure, StringFormatter>((key) =>\n    theme.formatter.dataOthersFormatter(theme, key!),\n  );\n\n  return {\n    string: (key: string) => theme.formatter.stringFormatter().format(key),\n    number: (value: number | bigint, options?: Intl.NumberFormatOptions): string => {\n      return cachedNumberFormatter(options).format(value);\n    },\n    dateTime: (value: Date, options?: Intl.DateTimeFormatOptions): string => {\n      return cachedDateTimeFormatter(options).format(value);\n    },\n    dimensionOrMeasureTitle: (key: DimensionOrMeasure): string => {\n      const displayName = key.inputs?.displayName;\n      if (displayName) {\n        if (displayName.includes('|')) {\n          return resolveI18nString(displayName);\n        }\n        return displayName;\n      }\n\n      const resolved = cachedDataOthersFormatter(key).format(key.name);\n      return resolved === key.name ? (key.title ?? key.name) : resolved;\n    },\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    data: (key: DimensionOrMeasure, value: any): string => {\n      let newValue = value;\n\n      // Number\n      if (key.nativeType === 'number') {\n        newValue = cachedDataNumberFormatter(key).format(value);\n      }\n\n      // Time\n      if (key.nativeType === 'time' && isValidISODate(value)) {\n        newValue = cachedDataDateTimeFormatter(key).format(new Date(value));\n      }\n\n      // Others (boolean and string)\n      if (key.nativeType === 'boolean' || key.nativeType === 'string') {\n        newValue = cachedDataOthersFormatter(key).format(value);\n      }\n\n      // Prefix and suffix\n      const appended = `${key.inputs?.prefix || ''}${newValue}${key.inputs?.suffix || ''}`;\n\n      // Max characters\n      if (key.inputs?.maxCharacters) {\n        if (appended.length <= key.inputs.maxCharacters) {\n          return appended;\n        }\n        return appended.substring(0, key.inputs.maxCharacters) + '...';\n      }\n\n      return appended;\n    },\n  };\n};\n"],"names":["cache","factory","internalCache","params","key","formatter","ISO_DATE_TIME_REGEX","isValidISODate","value","getThemeFormatter","theme","cachedNumberFormatter","options","cachedDataNumberFormatter","cachedDateTimeFormatter","cachedDataDateTimeFormatter","cachedDataOthersFormatter","displayName","_a","resolveI18nString","resolved","newValue","appended","_b","_c"],"mappings":";AAIO,MAAMA,IAAQ,CAAoBC,MAA4C;AACnF,QAAMC,IAA8C,CAAA;AAWpD,SAVY,CAACC,MAAoB;AAC/B,UAAMC,IAAM,KAAK,UAAUD,CAAM;AACjC,QAAIE,IAAYH,EAAcE,CAAG;AACjC,WAAIC,MAGJA,IAAYJ,EAAQE,CAAM,GAC1BD,EAAcE,CAAG,IAAIC,GACdA;AAAA,EACT;AAEF,GCjBMC,IAAsB,gDAEfC,IAAiB,CAACC,MACtB,GAAQA,KAASF,EAAoB,KAAKE,CAAK,ICa3CC,IAAoB,CAACC,MAAoC;AACpE,QAAMC,IAAwBX;AAAA,IAAiD,CAACY,MAC9EF,EAAM,UAAU,gBAAgBA,GAAOE,CAAO;AAAA,EAAA,GAG1CC,IAA4Bb;AAAA,IAA2C,CAACI,MAC5EM,EAAM,UAAU,oBAAoBA,GAAON,CAAI;AAAA,EAAA,GAG3CU,IAA0Bd;AAAA,IAAqD,CAACY,MACpFF,EAAM,UAAU,kBAAkBA,GAAOE,CAAO;AAAA,EAAA,GAG5CG,IAA8Bf;AAAA,IAA6C,CAACI,MAChFM,EAAM,UAAU,sBAAsBA,GAAON,CAAI;AAAA,EAAA,GAG7CY,IAA4BhB;AAAA,IAA2C,CAACI,MAC5EM,EAAM,UAAU,oBAAoBA,GAAON,CAAI;AAAA,EAAA;AAGjD,SAAO;AAAA,IACL,QAAQ,CAACA,MAAgBM,EAAM,UAAU,gBAAA,EAAkB,OAAON,CAAG;AAAA,IACrE,QAAQ,CAACI,GAAwBI,MACxBD,EAAsBC,CAAO,EAAE,OAAOJ,CAAK;AAAA,IAEpD,UAAU,CAACA,GAAaI,MACfE,EAAwBF,CAAO,EAAE,OAAOJ,CAAK;AAAA,IAEtD,yBAAyB,CAACJ,MAAoC;;AAC5D,YAAMa,KAAcC,IAAAd,EAAI,WAAJ,gBAAAc,EAAY;AAChC,UAAID;AACF,eAAIA,EAAY,SAAS,GAAG,IACnBE,EAAkBF,CAAW,IAE/BA;AAGT,YAAMG,IAAWJ,EAA0BZ,CAAG,EAAE,OAAOA,EAAI,IAAI;AAC/D,aAAOgB,MAAahB,EAAI,OAAQA,EAAI,SAASA,EAAI,OAAQgB;AAAA,IAC3D;AAAA;AAAA,IAEA,MAAM,CAAChB,GAAyBI,MAAuB;;AACrD,UAAIa,IAAWb;AAGf,MAAIJ,EAAI,eAAe,aACrBiB,IAAWR,EAA0BT,CAAG,EAAE,OAAOI,CAAK,IAIpDJ,EAAI,eAAe,UAAUG,EAAeC,CAAK,MACnDa,IAAWN,EAA4BX,CAAG,EAAE,OAAO,IAAI,KAAKI,CAAK,CAAC,KAIhEJ,EAAI,eAAe,aAAaA,EAAI,eAAe,cACrDiB,IAAWL,EAA0BZ,CAAG,EAAE,OAAOI,CAAK;AAIxD,YAAMc,IAAW,KAAGJ,IAAAd,EAAI,WAAJ,gBAAAc,EAAY,WAAU,EAAE,GAAGG,CAAQ,KAAGE,IAAAnB,EAAI,WAAJ,gBAAAmB,EAAY,WAAU,EAAE;AAGlF,cAAIC,IAAApB,EAAI,WAAJ,QAAAoB,EAAY,gBACVF,EAAS,UAAUlB,EAAI,OAAO,gBACzBkB,IAEFA,EAAS,UAAU,GAAGlB,EAAI,OAAO,aAAa,IAAI,QAGpDkB;AAAA,IACT;AAAA,EAAA;AAEJ;"}

package/dist/{index-DkbXF0dN.js → index-AkhRDk1Q.js}

@@ -1,10 +1,10 @@
-import { j as u, i as A } from "./index-BIiign0L.js";
+import { j as u, h as A } from "./Color.type.emb-CLYI-rua.js";
 import { useTheme as M } from "@embeddable.com/react";
-import { a as j, r as x, i as O } from "./component.constants-DJqBv0qe.js";
-import { C as S } from "./ChartCard-DaUtlchs.js";
+import { a as j, r as x, i as O } from "./component.inputs.constants-BYwiwFNH.js";
+import { C as S } from "./ChartCard-DWq8ltZe.js";
 import { useRef as G } from "react";
 import { u as c } from "./charts.fillGaps.hooks-zCMYcjxz.js";
-import { g as f } from "./formatter.utils-BRMB8qAc.js";
+import { g as f } from "./formatter.utils-C6e5AE1P.js";
 import { u as _ } from "./tables.hooks-BQdyUxau.js";
 const B = (e, t) => {
   const o = f(t);
@@ -86,4 +86,4 @@ export {
   W as P,
   K as i
 };
-//# sourceMappingURL=index-DkbXF0dN.js.map
+//# sourceMappingURL=index-AkhRDk1Q.js.map

package/dist/{index-DkbXF0dN.js.map → index-AkhRDk1Q.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DkbXF0dN.js","sources":["../src/components/charts/tables/PivotTablePro/PivotPro.utils.ts","../src/components/charts/tables/PivotTablePro/index.tsx"],"sourcesContent":["import { Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { PivotTableProps } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport const getPivotMeasures = (\n  props: { measures: Measure[]; displayNullAs?: string },\n  theme: Theme,\n): PivotTableProps<any>['measures'] => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return props.measures.map((measure) => {\n    return {\n      key: measure.name,\n      label: themeFormatter.dimensionOrMeasureTitle(measure),\n      showAsPercentage: Boolean(measure.inputs?.showAsPercentage),\n      percentageDecimalPlaces: measure.inputs?.decimalPlaces ?? 1,\n      accessor: (row) => {\n        const value = row[measure.name];\n\n        return value == null\n          ? props.displayNullAs\n          : themeFormatter.data(measure, row[measure.name]);\n      },\n    };\n  });\n};\n\nexport const getPivotDimension = (\n  props: { dimension: Dimension },\n  theme: Theme,\n): PivotTableProps<any>['rowDimension' | 'columnDimension'] => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.dimension.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.dimension),\n    formatValue: (value: string) => themeFormatter.data(props.dimension, value),\n  };\n};\n\nexport const getPivotColumnTotalsFor = (\n  measures: Measure[],\n): PivotTableProps<any>['columnTotalsFor'] | undefined => {\n  return measures.filter((m) => m.inputs?.showColumnTotal).map((m) => m.name);\n};\n\nexport const getPivotRowTotalsFor = (\n  measures: Measure[],\n): PivotTableProps<any>['rowTotalsFor'] | undefined => {\n  return measures.filter((m) => m.inputs?.showRowTotal).map((m) => m.name);\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { PivotTable } from '@embeddable.com/remarkable-ui';\nimport { useRef } from 'react';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport {\n  getPivotColumnTotalsFor,\n  getPivotDimension,\n  getPivotMeasures,\n  getPivotRowTotalsFor,\n} from './PivotPro.utils';\nimport { useGetTableSortedResults } from '../tables.hooks';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\ntype PivotTableProProps = {\n  title: string;\n  description: string;\n  results: DataResponse;\n  measures: Measure[];\n  rowDimension: Dimension;\n  columnDimension: Dimension;\n  displayNullAs?: string;\n  columnWidth?: number;\n  firstColumnWidth?: number;\n};\n\nconst PivotTablePro = (props: PivotTableProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { description, title } = resolveI18nProps(props);\n  const { measures, rowDimension, columnDimension, displayNullAs, columnWidth, firstColumnWidth } =\n    props;\n\n  const columnOrder = Array.from(\n    new Set((props.results.data ?? []).filter(Boolean).map((d) => d[columnDimension.name])),\n  );\n\n  const rowOrder = Array.from(\n    new Set((props.results.data ?? []).filter(Boolean).map((d) => d[rowDimension.name])),\n  );\n\n  // Fill gaps for the column dimension\n  const resultsColumnDimensionFillGaps = useFillGaps({\n    results: props.results,\n    dimension: columnDimension,\n  });\n\n  // Fill gaps for the row dimension\n  const resultsRowColumnDimensionFillGaps = useFillGaps({\n    results: resultsColumnDimensionFillGaps,\n    dimension: rowDimension,\n  });\n\n  const results = useGetTableSortedResults({\n    results: resultsRowColumnDimensionFillGaps,\n    columnOrder,\n    rowOrder,\n    columnDimension,\n    rowDimension,\n    measures,\n  });\n\n  const cardContentRef = useRef<HTMLDivElement>(null);\n\n  const pivotMeasures = getPivotMeasures({ measures, displayNullAs }, theme);\n  const pivotRowDimension = getPivotDimension({ dimension: rowDimension }, theme);\n  const pivotColumnDimension = getPivotDimension({ dimension: columnDimension }, theme);\n  const pivotColumnTotalsFor = getPivotColumnTotalsFor(measures);\n  const pivotRowTotalsFor = getPivotRowTotalsFor(measures);\n  return (\n    <ChartCard\n      ref={cardContentRef}\n      title={title}\n      subtitle={description}\n      data={props.results}\n      dimensionsAndMeasures={[rowDimension, columnDimension, ...measures]}\n      errorMessage={props.results?.error}\n    >\n      <PivotTable\n        firstColumnWidth={firstColumnWidth}\n        columnWidth={columnWidth}\n        totalLabel={i18n.t('charts.pivotTable.total')}\n        data={results}\n        measures={pivotMeasures}\n        rowDimension={pivotRowDimension}\n        columnDimension={pivotColumnDimension}\n        columnTotalsFor={pivotColumnTotalsFor}\n        rowTotalsFor={pivotRowTotalsFor}\n      />\n    </ChartCard>\n  );\n};\n\nexport default PivotTablePro;\n"],"names":["getPivotMeasures","props","theme","themeFormatter","getThemeFormatter","measure","_a","_b","row","getPivotDimension","value","getPivotColumnTotalsFor","measures","m","getPivotRowTotalsFor","PivotTablePro","useTheme","i18nSetup","description","title","resolveI18nProps","rowDimension","columnDimension","displayNullAs","columnWidth","firstColumnWidth","columnOrder","d","rowOrder","resultsColumnDimensionFillGaps","useFillGaps","resultsRowColumnDimensionFillGaps","results","useGetTableSortedResults","cardContentRef","useRef","pivotMeasures","pivotRowDimension","pivotColumnDimension","pivotColumnTotalsFor","pivotRowTotalsFor","jsx","ChartCard","PivotTable","i18n"],"mappings":"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"}
+{"version":3,"file":"index-AkhRDk1Q.js","sources":["../src/components/charts/tables/PivotTablePro/PivotPro.utils.ts","../src/components/charts/tables/PivotTablePro/index.tsx"],"sourcesContent":["import { Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { PivotTableProps } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport const getPivotMeasures = (\n  props: { measures: Measure[]; displayNullAs?: string },\n  theme: Theme,\n): PivotTableProps<any>['measures'] => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return props.measures.map((measure) => {\n    return {\n      key: measure.name,\n      label: themeFormatter.dimensionOrMeasureTitle(measure),\n      showAsPercentage: Boolean(measure.inputs?.showAsPercentage),\n      percentageDecimalPlaces: measure.inputs?.decimalPlaces ?? 1,\n      accessor: (row) => {\n        const value = row[measure.name];\n\n        return value == null\n          ? props.displayNullAs\n          : themeFormatter.data(measure, row[measure.name]);\n      },\n    };\n  });\n};\n\nexport const getPivotDimension = (\n  props: { dimension: Dimension },\n  theme: Theme,\n): PivotTableProps<any>['rowDimension' | 'columnDimension'] => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.dimension.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.dimension),\n    formatValue: (value: string) => themeFormatter.data(props.dimension, value),\n  };\n};\n\nexport const getPivotColumnTotalsFor = (\n  measures: Measure[],\n): PivotTableProps<any>['columnTotalsFor'] | undefined => {\n  return measures.filter((m) => m.inputs?.showColumnTotal).map((m) => m.name);\n};\n\nexport const getPivotRowTotalsFor = (\n  measures: Measure[],\n): PivotTableProps<any>['rowTotalsFor'] | undefined => {\n  return measures.filter((m) => m.inputs?.showRowTotal).map((m) => m.name);\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { PivotTable } from '@embeddable.com/remarkable-ui';\nimport { useRef } from 'react';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport {\n  getPivotColumnTotalsFor,\n  getPivotDimension,\n  getPivotMeasures,\n  getPivotRowTotalsFor,\n} from './PivotPro.utils';\nimport { useGetTableSortedResults } from '../tables.hooks';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\ntype PivotTableProProps = {\n  title: string;\n  description: string;\n  results: DataResponse;\n  measures: Measure[];\n  rowDimension: Dimension;\n  columnDimension: Dimension;\n  displayNullAs?: string;\n  columnWidth?: number;\n  firstColumnWidth?: number;\n};\n\nconst PivotTablePro = (props: PivotTableProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { description, title } = resolveI18nProps(props);\n  const { measures, rowDimension, columnDimension, displayNullAs, columnWidth, firstColumnWidth } =\n    props;\n\n  const columnOrder = Array.from(\n    new Set((props.results.data ?? []).filter(Boolean).map((d) => d[columnDimension.name])),\n  );\n\n  const rowOrder = Array.from(\n    new Set((props.results.data ?? []).filter(Boolean).map((d) => d[rowDimension.name])),\n  );\n\n  // Fill gaps for the column dimension\n  const resultsColumnDimensionFillGaps = useFillGaps({\n    results: props.results,\n    dimension: columnDimension,\n  });\n\n  // Fill gaps for the row dimension\n  const resultsRowColumnDimensionFillGaps = useFillGaps({\n    results: resultsColumnDimensionFillGaps,\n    dimension: rowDimension,\n  });\n\n  const results = useGetTableSortedResults({\n    results: resultsRowColumnDimensionFillGaps,\n    columnOrder,\n    rowOrder,\n    columnDimension,\n    rowDimension,\n    measures,\n  });\n\n  const cardContentRef = useRef<HTMLDivElement>(null);\n\n  const pivotMeasures = getPivotMeasures({ measures, displayNullAs }, theme);\n  const pivotRowDimension = getPivotDimension({ dimension: rowDimension }, theme);\n  const pivotColumnDimension = getPivotDimension({ dimension: columnDimension }, theme);\n  const pivotColumnTotalsFor = getPivotColumnTotalsFor(measures);\n  const pivotRowTotalsFor = getPivotRowTotalsFor(measures);\n  return (\n    <ChartCard\n      ref={cardContentRef}\n      title={title}\n      subtitle={description}\n      data={props.results}\n      dimensionsAndMeasures={[rowDimension, columnDimension, ...measures]}\n      errorMessage={props.results?.error}\n    >\n      <PivotTable\n        firstColumnWidth={firstColumnWidth}\n        columnWidth={columnWidth}\n        totalLabel={i18n.t('charts.pivotTable.total')}\n        data={results}\n        measures={pivotMeasures}\n        rowDimension={pivotRowDimension}\n        columnDimension={pivotColumnDimension}\n        columnTotalsFor={pivotColumnTotalsFor}\n        rowTotalsFor={pivotRowTotalsFor}\n      />\n    </ChartCard>\n  );\n};\n\nexport default PivotTablePro;\n"],"names":["getPivotMeasures","props","theme","themeFormatter","getThemeFormatter","measure","_a","_b","row","getPivotDimension","value","getPivotColumnTotalsFor","measures","m","getPivotRowTotalsFor","PivotTablePro","useTheme","i18nSetup","description","title","resolveI18nProps","rowDimension","columnDimension","displayNullAs","columnWidth","firstColumnWidth","columnOrder","d","rowOrder","resultsColumnDimensionFillGaps","useFillGaps","resultsRowColumnDimensionFillGaps","results","useGetTableSortedResults","cardContentRef","useRef","pivotMeasures","pivotRowDimension","pivotColumnDimension","pivotColumnTotalsFor","pivotRowTotalsFor","jsx","ChartCard","PivotTable","i18n"],"mappings":";;;;;;;;AAOO,MAAMA,IAAmB,CAC9BC,GACAC,MACqC;AACrC,QAAMC,IAAiBC,EAAkBF,CAAK;AAE9C,SAAOD,EAAM,SAAS,IAAI,CAACI,MAAY;;AACrC,WAAO;AAAA,MACL,KAAKA,EAAQ;AAAA,MACb,OAAOF,EAAe,wBAAwBE,CAAO;AAAA,MACrD,kBAAkB,IAAQC,IAAAD,EAAQ,WAAR,QAAAC,EAAgB;AAAA,MAC1C,2BAAyBC,IAAAF,EAAQ,WAAR,gBAAAE,EAAgB,kBAAiB;AAAA,MAC1D,UAAU,CAACC,MACKA,EAAIH,EAAQ,IAAI,KAEd,OACZJ,EAAM,gBACNE,EAAe,KAAKE,GAASG,EAAIH,EAAQ,IAAI,CAAC;AAAA,IACpD;AAAA,EAEJ,CAAC;AACH,GAEaI,IAAoB,CAC/BR,GACAC,MAC6D;AAC7D,QAAMC,IAAiBC,EAAkBF,CAAK;AAE9C,SAAO;AAAA,IACL,KAAKD,EAAM,UAAU;AAAA,IACrB,OAAOE,EAAe,wBAAwBF,EAAM,SAAS;AAAA,IAC7D,aAAa,CAACS,MAAkBP,EAAe,KAAKF,EAAM,WAAWS,CAAK;AAAA,EAAA;AAE9E,GAEaC,IAA0B,CACrCC,MAEOA,EAAS,OAAO,CAACC,MAAA;;AAAM,UAAAP,IAAAO,EAAE,WAAF,gBAAAP,EAAU;AAAA,CAAe,EAAE,IAAI,CAACO,MAAMA,EAAE,IAAI,GAG/DC,IAAuB,CAClCF,MAEOA,EAAS,OAAO,CAACC,MAAA;;AAAM,UAAAP,IAAAO,EAAE,WAAF,gBAAAP,EAAU;AAAA,CAAY,EAAE,IAAI,CAACO,MAAMA,EAAE,IAAI,GCrBnEE,IAAgB,CAACd,MAA8B;;AACnD,QAAMC,IAAQc,EAAA;AACd,EAAAC,EAAUf,CAAK;AAEf,QAAM,EAAE,aAAAgB,GAAa,OAAAC,MAAUC,EAAiBnB,CAAK,GAC/C,EAAE,UAAAW,GAAU,cAAAS,GAAc,iBAAAC,GAAiB,eAAAC,GAAe,aAAAC,GAAa,kBAAAC,MAC3ExB,GAEIyB,IAAc,MAAM;AAAA,IACxB,IAAI,KAAKzB,EAAM,QAAQ,QAAQ,CAAA,GAAI,OAAO,OAAO,EAAE,IAAI,CAAC0B,MAAMA,EAAEL,EAAgB,IAAI,CAAC,CAAC;AAAA,EAAA,GAGlFM,IAAW,MAAM;AAAA,IACrB,IAAI,KAAK3B,EAAM,QAAQ,QAAQ,CAAA,GAAI,OAAO,OAAO,EAAE,IAAI,CAAC0B,MAAMA,EAAEN,EAAa,IAAI,CAAC,CAAC;AAAA,EAAA,GAI/EQ,IAAiCC,EAAY;AAAA,IACjD,SAAS7B,EAAM;AAAA,IACf,WAAWqB;AAAA,EAAA,CACZ,GAGKS,IAAoCD,EAAY;AAAA,IACpD,SAASD;AAAA,IACT,WAAWR;AAAA,EAAA,CACZ,GAEKW,IAAUC,EAAyB;AAAA,IACvC,SAASF;AAAA,IACT,aAAAL;AAAA,IACA,UAAAE;AAAA,IACA,iBAAAN;AAAA,IACA,cAAAD;AAAA,IACA,UAAAT;AAAA,EAAA,CACD,GAEKsB,IAAiBC,EAAuB,IAAI,GAE5CC,IAAgBpC,EAAiB,EAAE,UAAAY,GAAU,eAAAW,EAAA,GAAiBrB,CAAK,GACnEmC,IAAoB5B,EAAkB,EAAE,WAAWY,EAAA,GAAgBnB,CAAK,GACxEoC,IAAuB7B,EAAkB,EAAE,WAAWa,EAAA,GAAmBpB,CAAK,GAC9EqC,IAAuB5B,EAAwBC,CAAQ,GACvD4B,IAAoB1B,EAAqBF,CAAQ;AACvD,SACE6B,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKR;AAAA,MACL,OAAAf;AAAA,MACA,UAAUD;AAAA,MACV,MAAMjB,EAAM;AAAA,MACZ,uBAAuB,CAACoB,GAAcC,GAAiB,GAAGV,CAAQ;AAAA,MAClE,eAAcN,IAAAL,EAAM,YAAN,gBAAAK,EAAe;AAAA,MAE7B,UAAAmC,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,kBAAAlB;AAAA,UACA,aAAAD;AAAA,UACA,YAAYoB,EAAK,EAAE,yBAAyB;AAAA,UAC5C,MAAMZ;AAAA,UACN,UAAUI;AAAA,UACV,cAAcC;AAAA,UACd,iBAAiBC;AAAA,UACjB,iBAAiBC;AAAA,UACjB,cAAcC;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB;AAAA,EAAA;AAGN;;;;"}

package/dist/{index-CYfKRRhL.js → index-B6Sxhv5V.js}

@@ -1,8 +1,8 @@
-import { t as z, v as E, w as N, j as t, x as q, y as B, z as d, E as G, F as J, G as $, J as A, N as H, O as K } from "./index-BIiign0L.js";
-import { useTheme as Q } from "@embeddable.com/react";
-import { g as k, u as U, a as W, c as C, b as X } from "./dates.utils-f-XJ_LBg.js";
-import { $ as Y, a as Z, r as V, i as m } from "./component.constants-DJqBv0qe.js";
-import { E as ee } from "./EditorCard-DXQeyo3r.js";
+import { t as z, v as E, w as N, j as t, x as q, y as B, z as d, E as G, F as J, G as A, J as H, N as K, O as Q } from "./Color.type.emb-CLYI-rua.js";
+import { useTheme as U } from "@embeddable.com/react";
+import { g as k, u as W, a as X, c as C, b as Y } from "./dates.utils-f-XJ_LBg.js";
+import { c as Z, a as $, r as V, i as m } from "./component.inputs.constants-BYwiwFNH.js";
+import { E as ee } from "./EditorCard-GIL6-rb_.js";
 import { useState as h, useEffect as ae } from "react";
 /**
  * @license @tabler/icons-react v3.36.0 - MIT
@@ -13,15 +13,15 @@ import { useState as h, useEffect as ae } from "react";
 const te = [["path", { d: "M16 2a1 1 0 0 1 .993 .883l.007 .117v1h1a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h1v-1a1 1 0 0 1 1.993 -.117l.007 .117v1h6v-1a1 1 0 0 1 1 -1zm3 7h-14v9.625c0 .705 .386 1.286 .883 1.366l.117 .009h12c.513 0 .936 -.53 .993 -1.215l.007 -.16v-9.625z", key: "svg-0" }], ["path", { d: "M12 12a1 1 0 0 1 .993 .883l.007 .117v3a1 1 0 0 1 -1.993 .117l-.007 -.117v-2a1 1 0 0 1 -.117 -1.993l.117 -.007h1z", key: "svg-1" }]], ne = z("filled", "calendar-filled", "CalendarFilled", te), se = (o) => o.map((n) => ({
   rightLabel: k(n.getRange(), n.dateFormat),
   value: n.value,
-  label: Y(n.label)
+  label: Z(n.label)
 })), oe = "_dateRangePickerContent_pig22_1", re = "_dateRangePickerContainer_pig22_5", b = {
   dateRangePickerContent: oe,
   dateRangePickerContainer: re
 }, ie = (o) => {
-  const n = Q();
-  Z(n);
-  const { dayjsLocaleReady: i } = U(), { onChange: s, clearable: P, selectedValue: e, showCustomRangeOptions: j, showTwoMonths: D } = o, R = !j, [x, u] = h(R), [S, v] = h(!1), [l, c] = h(
-    W(e)
+  const n = U();
+  $(n);
+  const { dayjsLocaleReady: i } = W(), { onChange: s, clearable: P, selectedValue: e, showCustomRangeOptions: j, showTwoMonths: D } = o, R = !j, [x, u] = h(R), [S, v] = h(!1), [l, c] = h(
+    X(e)
   ), r = n.defaults.dateRangesOptions;
   if (ae(() => {
     if (!i)
@@ -37,7 +37,7 @@ const te = [["path", { d: "M16 2a1 1 0 0 1 .993 .883l.007 .117v1h1a3 3 0 0 1 2.9
     );
     s(g), c(void 0);
   }, y = (a) => {
-    s(X(a)), v(!1);
+    s(Y(a)), v(!1);
   }, F = () => {
     c(void 0), s(void 0);
   }, L = (() => {
@@ -54,7 +54,7 @@ const te = [["path", { d: "M16 2a1 1 0 0 1 .993 .883l.007 .117v1h1a3 3 0 0 1 2.9
       open: S,
       onOpenChange: v,
       triggerComponent: /* @__PURE__ */ t.jsx(
-        K,
+        Q,
         {
           startIcon: ne,
           "aria-label": f,
@@ -85,7 +85,7 @@ const te = [["path", { d: "M16 2a1 1 0 0 1 .993 .883l.007 .117v1h1a3 3 0 0 1 2.9
           }
         ),
         /* @__PURE__ */ t.jsx(
-          $,
+          A,
           {
             size: "small",
             disabled: I,
@@ -93,7 +93,7 @@ const te = [["path", { d: "M16 2a1 1 0 0 1 .993 .883l.007 .117v1h1a3 3 0 0 1 2.9
             children: m.t("editors.dateRangePicker.apply")
           }
         )
-      ] }) : /* @__PURE__ */ t.jsxs(A, { children: [
+      ] }) : /* @__PURE__ */ t.jsxs(H, { children: [
         /* @__PURE__ */ t.jsx(
           d,
           {
@@ -101,7 +101,7 @@ const te = [["path", { d: "M16 2a1 1 0 0 1 .993 .883l.007 .117v1h1a3 3 0 0 1 2.9
             onClick: (a) => {
               a.preventDefault(), u(!0);
             },
-            endIcon: /* @__PURE__ */ t.jsx(H, {})
+            endIcon: /* @__PURE__ */ t.jsx(K, {})
           }
         ),
         p.map((a) => /* @__PURE__ */ t.jsx(
@@ -125,4 +125,4 @@ export {
   se as g,
   ue as i
 };
-//# sourceMappingURL=index-CYfKRRhL.js.map
+//# sourceMappingURL=index-B6Sxhv5V.js.map