@embeddable.com/remarkable-pro 0.0.21 → 0.0.22

package/dist/GranularitySelectFieldPro.js

@@ -1,9 +1,9 @@
-import { useTheme as T, defineComponent as w } from "@embeddable.com/react";
-import { j as m, S as F, V as C } from "./Color.type.emb-Dkh_ZrO6.js";
-import { useMemo as k, useEffect as E } from "react";
-import { c as G, a as O, r as D, b as i } from "./component.inputs.constants-CNdmawDt.js";
-import { E as P } from "./EditorCard-1Z3UFd1D.js";
-const t = {
+import { useTheme as T, definePreview as C, defineComponent as F } from "@embeddable.com/react";
+import { j as m, S as k, V as E } from "./Color.type.emb-sebikYGW.js";
+import { c as G, a as P, r as D, b as i } from "./component.inputs.constants-Ds7YpNhT.js";
+import { useMemo as O, useEffect as V } from "react";
+import { E as q } from "./EditorCard-DpSCsmZJ.js";
+const a = {
   second: "second",
   minute: "minute",
   hour: "hour",
@@ -12,94 +12,97 @@ const t = {
   month: "month",
   quarter: "quarter",
   year: "year"
-}, V = [
-  { value: t.second, label: "defaults.granularityOptions.second|Second" },
-  { value: t.minute, label: "defaults.granularityOptions.minute|Minute" },
-  { value: t.hour, label: "defaults.granularityOptions.hour|Hour" },
-  { value: t.day, label: "defaults.granularityOptions.day|Day" },
-  { value: t.week, label: "defaults.granularityOptions.week|Week" },
-  { value: t.month, label: "defaults.granularityOptions.month|Month" },
-  { value: t.quarter, label: "defaults.granularityOptions.quarter|Quarter" },
-  { value: t.year, label: "defaults.granularityOptions.year|Year" }
-], q = 1, x = 100, A = () => V.map((e) => ({
+}, x = [
+  { value: a.second, label: "defaults.granularityOptions.second|Second" },
+  { value: a.minute, label: "defaults.granularityOptions.minute|Minute" },
+  { value: a.hour, label: "defaults.granularityOptions.hour|Hour" },
+  { value: a.day, label: "defaults.granularityOptions.day|Day" },
+  { value: a.week, label: "defaults.granularityOptions.week|Week" },
+  { value: a.month, label: "defaults.granularityOptions.month|Month" },
+  { value: a.quarter, label: "defaults.granularityOptions.quarter|Quarter" },
+  { value: a.year, label: "defaults.granularityOptions.year|Year" }
+], A = 1, M = 100, N = () => x.map((e) => ({
   ...e,
   label: G(e.label)
 })), p = (e) => {
   if (e instanceof Date) return isNaN(e.getTime()) ? null : e;
   if (typeof e == "string" || typeof e == "number") {
-    const a = new Date(e);
-    return isNaN(a.getTime()) ? null : a;
+    const r = new Date(e);
+    return isNaN(r.getTime()) ? null : r;
   }
   return null;
-}, l = (e) => new Date(e.getTime() + 1), o = (e, a, r) => (a.getTime() - e.getTime()) / r;
-function M(e, a, r) {
-  if (e > a) return 0;
-  switch (r) {
-    case t.second:
-      return o(e, l(a), 1e3);
-    case t.minute:
-      return o(e, l(a), 60 * 1e3);
-    case t.hour:
-      return o(e, l(a), 3600 * 1e3);
-    case t.day:
-      return o(e, l(a), 1440 * 60 * 1e3);
-    case t.week:
-      return o(e, l(a), 10080 * 60 * 1e3);
-    case t.month:
-      return o(e, l(a), 672 * 60 * 60 * 1e3);
+}, l = (e) => new Date(e.getTime() + 1), u = (e, r, t) => (r.getTime() - e.getTime()) / t;
+function U(e, r, t) {
+  if (e > r) return 0;
+  switch (t) {
+    case a.second:
+      return u(e, l(r), 1e3);
+    case a.minute:
+      return u(e, l(r), 60 * 1e3);
+    case a.hour:
+      return u(e, l(r), 3600 * 1e3);
+    case a.day:
+      return u(e, l(r), 1440 * 60 * 1e3);
+    case a.week:
+      return u(e, l(r), 10080 * 60 * 1e3);
+    case a.month:
+      return u(e, l(r), 672 * 60 * 60 * 1e3);
     // shortest month
-    case t.quarter:
-      return o(e, l(a), 2160 * 60 * 60 * 1e3);
+    case a.quarter:
+      return u(e, l(r), 2160 * 60 * 60 * 1e3);
     // shortest quarter
-    case t.year:
-      return o(e, l(a), 365 * 24 * 60 * 60 * 1e3);
+    case a.year:
+      return u(e, l(r), 365 * 24 * 60 * 60 * 1e3);
   }
 }
-const N = (e, a, r) => {
-  const n = M(e, a, r);
-  return n >= q && n <= x;
-}, U = (e, a) => {
-  const r = p(e == null ? void 0 : e.from), n = p(e == null ? void 0 : e.to);
-  if (!r || !n) return a;
+const _ = (e, r, t) => {
+  const n = U(e, r, t);
+  return n >= A && n <= M;
+}, j = (e, r) => {
+  if (!e) return r;
+  const t = p(e == null ? void 0 : e.from), n = p(e == null ? void 0 : e.to);
+  if (!t || !n) return r;
   const s = /* @__PURE__ */ new Set();
-  for (const u of a) {
-    const d = u.value;
-    N(r, n, d) && s.add(d);
+  for (const o of r) {
+    const d = o.value;
+    _(t, n, d) && s.add(d);
   }
-  return a.filter((u) => s.has(u.value));
-}, g = (e, a) => {
+  return r.filter((o) => s.has(o.value));
+}, g = (e, r) => {
   var n;
-  if (!a)
+  if (!r)
     return;
-  if (e.some((s) => s.value === a))
-    return a;
-  const r = e.length > 2 ? 1 : 0;
-  return (n = e[r]) == null ? void 0 : n.value;
-}, _ = (e) => {
-  const a = T();
-  O(a);
-  const { granularity: r, granularities: n, clearable: s, onChange: u } = e, { description: d, placeholder: b, title: h, primaryTimeRange: f } = D(e), v = A(), y = k(() => U(
+  if (e.some((s) => s.value === r))
+    return r;
+  const t = e.length > 2 ? 1 : 0;
+  return (n = e[t]) == null ? void 0 : n.value;
+}, b = (e) => {
+  const r = T();
+  P(r);
+  const { granularity: t, granularities: n, clearable: s, onChange: o } = e, { description: d, placeholder: h, title: v, primaryTimeRange: f } = D(e), S = N(), y = O(() => j(
     f,
-    v.filter((c) => n == null ? void 0 : n.includes(c.value))
+    S.filter(
+      (c) => n == null ? void 0 : n.includes(c.value)
+    )
   ), [f, n]);
-  E(() => {
-    if (r && !y.some((c) => c.value === r)) {
-      const c = g(y, r);
-      c && u(c);
+  V(() => {
+    if (t && !y.some((c) => c.value === t)) {
+      const c = g(y, t);
+      c && o(c);
     }
-  }, [y, r, u]);
-  const S = g(y, r);
-  return /* @__PURE__ */ m.jsx(P, { title: h, subtitle: d, children: /* @__PURE__ */ m.jsx(
-    F,
+  }, [y, t, o]);
+  const w = g(y, t);
+  return /* @__PURE__ */ m.jsx(q, { title: v, subtitle: d, children: /* @__PURE__ */ m.jsx(
+    k,
     {
       clearable: s,
-      placeholder: b,
-      value: S,
+      placeholder: h,
+      value: w,
       options: y,
-      onChange: u
+      onChange: o
     }
   ) });
-}, j = {
+}, B = {
   name: "GranularitySelectFieldPro",
   label: "Granularity Select Field",
   category: "Dropdowns",
@@ -115,12 +118,12 @@ const N = (e, a, r) => {
       category: "Pre-configured variables",
       // Ignore seconds and minutes
       defaultValue: [
-        t.hour,
-        t.day,
-        t.week,
-        t.month,
-        t.quarter,
-        t.year
+        a.hour,
+        a.day,
+        a.week,
+        a.month,
+        a.quarter,
+        a.year
       ]
     },
     {
@@ -159,18 +162,31 @@ const N = (e, a, r) => {
       events: [{ name: "onChange", property: "value" }]
     }
   ]
-}, Q = w(_, j, {
+}, X = C(b, {
+  granularities: [
+    a.second,
+    a.minute,
+    a.hour,
+    a.day,
+    a.week,
+    a.month,
+    a.quarter,
+    a.year
+  ],
+  onChange: () => null
+}), Y = F(b, B, {
   props: (e) => ({
     ...e
   }),
   events: {
     onChange: (e) => ({
-      value: e ?? C.noFilter()
+      value: e ?? E.noFilter()
     })
   }
 });
 export {
-  Q as default,
-  j as meta
+  Y as default,
+  B as meta,
+  X as preview
 };
 //# sourceMappingURL=GranularitySelectFieldPro.js.map

package/dist/GranularitySelectFieldPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"GranularitySelectFieldPro.js","sources":["../src/theme/defaults/defaults.GranularityOptions.constants.ts","../src/components/editors/GranularitySelectFieldPro/GranularitySelectFieldPro.utils.ts","../src/components/editors/GranularitySelectFieldPro/index.tsx","../src/components/editors/GranularitySelectFieldPro/GranularitySelectFieldPro.emb.ts"],"sourcesContent":["import { SelectListOptionProps } from '@embeddable.com/remarkable-ui';\n\nexport const Granularity = {\n  second: 'second',\n  minute: 'minute',\n  hour: 'hour',\n  day: 'day',\n  week: 'week',\n  month: 'month',\n  quarter: 'quarter',\n  year: 'year',\n} as const;\n\nexport type TGranularity = keyof typeof Granularity;\nexport type TGranularityValue = (typeof Granularity)[TGranularity];\n\nexport const defaultGranularitySelectFieldOptions: SelectListOptionProps[] = [\n  { value: Granularity.second, label: 'defaults.granularityOptions.second|Second' },\n  { value: Granularity.minute, label: 'defaults.granularityOptions.minute|Minute' },\n  { value: Granularity.hour, label: 'defaults.granularityOptions.hour|Hour' },\n  { value: Granularity.day, label: 'defaults.granularityOptions.day|Day' },\n  { value: Granularity.week, label: 'defaults.granularityOptions.week|Week' },\n  { value: Granularity.month, label: 'defaults.granularityOptions.month|Month' },\n  { value: Granularity.quarter, label: 'defaults.granularityOptions.quarter|Quarter' },\n  { value: Granularity.year, label: 'defaults.granularityOptions.year|Year' },\n];\n","import { SelectListOptionProps } from '@embeddable.com/remarkable-ui';\nimport { TimeRange } from '@embeddable.com/core';\nimport {\n  defaultGranularitySelectFieldOptions,\n  Granularity,\n  TGranularity,\n  TGranularityValue,\n} from '../../../theme/defaults/defaults.GranularityOptions.constants';\nimport { resolveI18nString } from '../../component.utils';\n\nconst DEFAULT_MIN_BUCKETS = 1;\nconst DEFAULT_MAX_BUCKETS = 100;\n\nexport const getGranularitySelectFieldOptions = (): SelectListOptionProps[] => {\n  return defaultGranularitySelectFieldOptions.map((opt) => ({\n    ...opt,\n    label: resolveI18nString(opt.label),\n  }));\n};\n\n// Convert possibly-string timestamps to Date safely.\nconst toDate = (d: unknown): Date | null => {\n  if (d instanceof Date) return isNaN(d.getTime()) ? null : d;\n  if (typeof d === 'string' || typeof d === 'number') {\n    const parsed = new Date(d);\n    return isNaN(parsed.getTime()) ? null : parsed;\n  }\n  return null;\n};\n\n// Inclusive end -> Exclusive end helper (only used for sub-day diffs)\nconst toExclusiveEnd = (endInclusive: Date): Date => new Date(endInclusive.getTime() + 1);\n\nconst bucketCountByUnit = (start: Date, endExclusive: Date, unitMs: number): number => {\n  return (endExclusive.getTime() - start.getTime()) / unitMs;\n};\n\n// Bucket counting (treat end as INCLUSIVE)\nfunction bucketCount(start: Date, endInclusive: Date, granularity: TGranularity): number {\n  if (start > endInclusive) return 0;\n\n  switch (granularity) {\n    case Granularity.second:\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 1000);\n\n    case Granularity.minute:\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 60 * 1000);\n\n    case Granularity.hour:\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 60 * 60 * 1000);\n\n    case Granularity.day:\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 24 * 60 * 60 * 1000);\n\n    case Granularity.week:\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 7 * 24 * 60 * 60 * 1000);\n\n    case Granularity.month:\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 28 * 24 * 60 * 60 * 1000); // shortest month\n\n    case Granularity.quarter:\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 90 * 24 * 60 * 60 * 1000); // shortest quarter\n\n    case Granularity.year:\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 365 * 24 * 60 * 60 * 1000); // shortest year\n  }\n}\n\nconst isGranularityValid = (\n  start: Date,\n  endInclusive: Date,\n  granularity: TGranularityValue,\n): boolean => {\n  const buckets = bucketCount(start, endInclusive, granularity);\n  return buckets >= DEFAULT_MIN_BUCKETS && buckets <= DEFAULT_MAX_BUCKETS;\n};\n\nexport const getAvailableGranularityOptionsFromTimeRange = (\n  timeRange: TimeRange,\n  allOptions: SelectListOptionProps[],\n): SelectListOptionProps[] => {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const from = toDate((timeRange as any)?.from);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const to = toDate((timeRange as any)?.to);\n\n  // If we can’t parse range, don’t hide anything (fail open)\n  if (!from || !to) return allOptions;\n\n  const validSet = new Set<TGranularityValue>();\n\n  for (const opt of allOptions) {\n    const g = opt.value as TGranularityValue;\n    if (isGranularityValid(from, to, g)) {\n      validSet.add(g);\n    }\n  }\n\n  // preserve original UI ordering\n  return allOptions.filter((opt) => validSet.has(opt.value as TGranularityValue));\n};\n\nexport const getSafeSelection = (\n  availableOptions: SelectListOptionProps[],\n  granularity?: string,\n): string | undefined => {\n  if (!granularity) {\n    return undefined;\n  }\n\n  if (availableOptions.some((opt) => opt.value === granularity)) {\n    return granularity;\n  }\n\n  const optionToSelect = availableOptions.length > 2 ? 1 : 0;\n\n  return availableOptions[optionToSelect]?.value as string;\n};\n","import { useEffect, useMemo } from 'react';\nimport { useTheme } from '@embeddable.com/react';\nimport { SingleSelectField } from '@embeddable.com/remarkable-ui';\nimport { TimeRange } from '@embeddable.com/core';\nimport { Theme } from '../../../theme/theme.types';\nimport { i18nSetup } from '../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../component.utils';\nimport { EditorCard } from '../shared/EditorCard/EditorCard';\nimport {\n  getAvailableGranularityOptionsFromTimeRange,\n  getGranularitySelectFieldOptions,\n  getSafeSelection,\n} from './GranularitySelectFieldPro.utils';\n\ntype GranularitySelectFieldProProps = {\n  description?: string;\n  onChange: (newGranularity: string) => void;\n  placeholder?: string;\n  primaryTimeRange: TimeRange;\n  title?: string;\n  granularity?: string;\n  granularities?: string[];\n  clearable?: boolean;\n};\n\nconst GranularitySelectFieldPro = (props: GranularitySelectFieldProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { granularity, granularities, clearable, onChange } = props;\n  const { description, placeholder, title, primaryTimeRange } = resolveI18nProps(props);\n\n  const granularitySelectFieldOptions = getGranularitySelectFieldOptions();\n\n  const availableOptions = useMemo(() => {\n    return getAvailableGranularityOptionsFromTimeRange(\n      primaryTimeRange,\n      granularitySelectFieldOptions.filter((opt) => granularities?.includes(opt.value as string)),\n    );\n  }, [primaryTimeRange, granularities]);\n\n  useEffect(() => {\n    if (granularity) {\n      // Selected granularity is not available\n      // Select 1st available option when number of options is =< 2\n      // Select 2nd option to avoid when number of options > 2\n      if (!availableOptions.some((opt) => opt.value === granularity)) {\n        const newGranularity = getSafeSelection(availableOptions, granularity);\n        if (newGranularity) {\n          onChange(newGranularity);\n        }\n      }\n    }\n  }, [availableOptions, granularity, onChange]);\n\n  const safeValue = getSafeSelection(availableOptions, granularity);\n\n  return (\n    <EditorCard title={title} subtitle={description}>\n      <SingleSelectField\n        clearable={clearable}\n        placeholder={placeholder}\n        value={safeValue}\n        options={availableOptions}\n        onChange={onChange}\n      />\n    </EditorCard>\n  );\n};\n\nexport default GranularitySelectFieldPro;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport DateTimeSelectFieldPro from './index';\nimport { inputs } from '../../component.inputs.constants';\nimport { Granularity } from '../../../theme/defaults/defaults.GranularityOptions.constants';\n\nexport const meta = {\n  name: 'GranularitySelectFieldPro',\n  label: 'Granularity Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    inputs.title,\n    inputs.description,\n    { ...inputs.placeholder, defaultValue: 'Select a granularity' },\n    {\n      ...inputs.granularities,\n      label: 'Available granularities',\n      category: 'Pre-configured variables',\n      // Ignore seconds and minutes\n      defaultValue: [\n        Granularity.hour,\n        Granularity.day,\n        Granularity.week,\n        Granularity.month,\n        Granularity.quarter,\n        Granularity.year,\n      ],\n    },\n    {\n      ...inputs.granularity,\n      label: 'Selected granularity',\n      category: 'Pre-configured variables',\n    },\n    {\n      ...inputs.timeRange,\n      name: 'primaryTimeRange',\n      label: 'Primary date-range',\n      description:\n        'Connect your primary date-range variable to enable automatic selection of the most appropriate granularity',\n      category: 'Pre-configured variables',\n    },\n    { ...inputs.clearable, defaultValue: false },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Selected granularity updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'Selected granularity',\n          type: 'granularity',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'granularity value',\n      type: 'granularity',\n      defaultValue: 'day',\n      inputs: ['granularity'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(DateTimeSelectFieldPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n    };\n  },\n  events: {\n    onChange: (granularity) => ({\n      value: granularity ?? Value.noFilter(),\n    }),\n  },\n});\n"],"names":["Granularity","defaultGranularitySelectFieldOptions","DEFAULT_MIN_BUCKETS","DEFAULT_MAX_BUCKETS","getGranularitySelectFieldOptions","opt","resolveI18nString","toDate","d","parsed","toExclusiveEnd","endInclusive","bucketCountByUnit","start","endExclusive","unitMs","bucketCount","granularity","isGranularityValid","buckets","getAvailableGranularityOptionsFromTimeRange","timeRange","allOptions","from","to","validSet","g","getSafeSelection","availableOptions","optionToSelect","_a","GranularitySelectFieldPro","props","theme","useTheme","i18nSetup","granularities","clearable","onChange","description","placeholder","title","primaryTimeRange","resolveI18nProps","granularitySelectFieldOptions","useMemo","useEffect","newGranularity","safeValue","jsx","EditorCard","SingleSelectField","meta","inputs","GranularitySelectFieldPro_emb","defineComponent","DateTimeSelectFieldPro","Value"],"mappings":"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"}
+{"version":3,"file":"GranularitySelectFieldPro.js","sources":["../src/theme/defaults/defaults.GranularityOptions.constants.ts","../src/components/editors/GranularitySelectFieldPro/GranularitySelectFieldPro.utils.ts","../src/components/editors/GranularitySelectFieldPro/index.tsx","../src/components/editors/GranularitySelectFieldPro/GranularitySelectFieldPro.emb.ts"],"sourcesContent":["import { SelectListOptionProps } from '@embeddable.com/remarkable-ui';\n\nexport const Granularity = {\n  second: 'second',\n  minute: 'minute',\n  hour: 'hour',\n  day: 'day',\n  week: 'week',\n  month: 'month',\n  quarter: 'quarter',\n  year: 'year',\n} as const;\n\nexport type TGranularity = keyof typeof Granularity;\nexport type TGranularityValue = (typeof Granularity)[TGranularity];\n\nexport const defaultGranularitySelectFieldOptions: SelectListOptionProps[] = [\n  { value: Granularity.second, label: 'defaults.granularityOptions.second|Second' },\n  { value: Granularity.minute, label: 'defaults.granularityOptions.minute|Minute' },\n  { value: Granularity.hour, label: 'defaults.granularityOptions.hour|Hour' },\n  { value: Granularity.day, label: 'defaults.granularityOptions.day|Day' },\n  { value: Granularity.week, label: 'defaults.granularityOptions.week|Week' },\n  { value: Granularity.month, label: 'defaults.granularityOptions.month|Month' },\n  { value: Granularity.quarter, label: 'defaults.granularityOptions.quarter|Quarter' },\n  { value: Granularity.year, label: 'defaults.granularityOptions.year|Year' },\n];\n","import { SelectListOptionProps } from '@embeddable.com/remarkable-ui';\nimport { TimeRange } from '@embeddable.com/core';\nimport {\n  defaultGranularitySelectFieldOptions,\n  Granularity,\n  TGranularity,\n  TGranularityValue,\n} from '../../../theme/defaults/defaults.GranularityOptions.constants';\nimport { resolveI18nString } from '../../component.utils';\n\nconst DEFAULT_MIN_BUCKETS = 1;\nconst DEFAULT_MAX_BUCKETS = 100;\n\nexport const getGranularitySelectFieldOptions = (): SelectListOptionProps[] => {\n  return defaultGranularitySelectFieldOptions.map((opt) => ({\n    ...opt,\n    label: resolveI18nString(opt.label),\n  }));\n};\n\n// Convert possibly-string timestamps to Date safely.\nconst toDate = (d: unknown): Date | null => {\n  if (d instanceof Date) return isNaN(d.getTime()) ? null : d;\n  if (typeof d === 'string' || typeof d === 'number') {\n    const parsed = new Date(d);\n    return isNaN(parsed.getTime()) ? null : parsed;\n  }\n  return null;\n};\n\n// Inclusive end -> Exclusive end helper (only used for sub-day diffs)\nconst toExclusiveEnd = (endInclusive: Date): Date => new Date(endInclusive.getTime() + 1);\n\nconst bucketCountByUnit = (start: Date, endExclusive: Date, unitMs: number): number => {\n  return (endExclusive.getTime() - start.getTime()) / unitMs;\n};\n\n// Bucket counting (treat end as INCLUSIVE)\nfunction bucketCount(start: Date, endInclusive: Date, granularity: TGranularity): number {\n  if (start > endInclusive) return 0;\n\n  switch (granularity) {\n    case Granularity.second:\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 1000);\n\n    case Granularity.minute:\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 60 * 1000);\n\n    case Granularity.hour:\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 60 * 60 * 1000);\n\n    case Granularity.day:\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 24 * 60 * 60 * 1000);\n\n    case Granularity.week:\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 7 * 24 * 60 * 60 * 1000);\n\n    case Granularity.month:\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 28 * 24 * 60 * 60 * 1000); // shortest month\n\n    case Granularity.quarter:\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 90 * 24 * 60 * 60 * 1000); // shortest quarter\n\n    case Granularity.year:\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 365 * 24 * 60 * 60 * 1000); // shortest year\n  }\n}\n\nconst isGranularityValid = (\n  start: Date,\n  endInclusive: Date,\n  granularity: TGranularityValue,\n): boolean => {\n  const buckets = bucketCount(start, endInclusive, granularity);\n  return buckets >= DEFAULT_MIN_BUCKETS && buckets <= DEFAULT_MAX_BUCKETS;\n};\n\nexport const getAvailableGranularityOptionsFromTimeRange = (\n  timeRange: TimeRange,\n  allOptions: SelectListOptionProps[],\n): SelectListOptionProps[] => {\n  if (!timeRange) return allOptions;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const from = toDate((timeRange as any)?.from);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const to = toDate((timeRange as any)?.to);\n\n  // If we can’t parse range, don’t hide anything (fail open)\n  if (!from || !to) return allOptions;\n\n  const validSet = new Set<TGranularityValue>();\n\n  for (const opt of allOptions) {\n    const g = opt.value as TGranularityValue;\n    if (isGranularityValid(from, to, g)) {\n      validSet.add(g);\n    }\n  }\n\n  // preserve original UI ordering\n  return allOptions.filter((opt) => validSet.has(opt.value as TGranularityValue));\n};\n\nexport const getSafeSelection = (\n  availableOptions: SelectListOptionProps[],\n  granularity?: string,\n): string | undefined => {\n  if (!granularity) {\n    return undefined;\n  }\n\n  if (availableOptions.some((opt) => opt.value === granularity)) {\n    return granularity;\n  }\n\n  const optionToSelect = availableOptions.length > 2 ? 1 : 0;\n\n  return availableOptions[optionToSelect]?.value as string;\n};\n","import { useEffect, useMemo } from 'react';\nimport { useTheme } from '@embeddable.com/react';\nimport { SingleSelectField } from '@embeddable.com/remarkable-ui';\nimport { TimeRange } from '@embeddable.com/core';\nimport { Theme } from '../../../theme/theme.types';\nimport { i18nSetup } from '../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../component.utils';\nimport { EditorCard } from '../shared/EditorCard/EditorCard';\nimport {\n  getAvailableGranularityOptionsFromTimeRange,\n  getGranularitySelectFieldOptions,\n  getSafeSelection,\n} from './GranularitySelectFieldPro.utils';\nimport { TGranularityValue } from '../../../theme/defaults/defaults.GranularityOptions.constants';\nimport { ChartCardHeaderProps } from '../../charts/shared/ChartCard/ChartCard';\n\ntype GranularitySelectFieldProProps = {\n  onChange: (newGranularity: string) => void;\n  placeholder?: string;\n  primaryTimeRange?: TimeRange;\n  granularity?: TGranularityValue;\n  granularities?: TGranularityValue[];\n  clearable?: boolean;\n} & ChartCardHeaderProps;\n\nconst GranularitySelectFieldPro = (props: GranularitySelectFieldProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { granularity, granularities, clearable, onChange } = props;\n  const { description, placeholder, title, primaryTimeRange } = resolveI18nProps(props);\n\n  const granularitySelectFieldOptions = getGranularitySelectFieldOptions();\n\n  const availableOptions = useMemo(() => {\n    return getAvailableGranularityOptionsFromTimeRange(\n      primaryTimeRange,\n      granularitySelectFieldOptions.filter((opt) =>\n        granularities?.includes(opt.value as TGranularityValue),\n      ),\n    );\n  }, [primaryTimeRange, granularities]);\n\n  useEffect(() => {\n    if (granularity) {\n      // Selected granularity is not available\n      // Select 1st available option when number of options is =< 2\n      // Select 2nd option to avoid when number of options > 2\n      if (!availableOptions.some((opt) => opt.value === granularity)) {\n        const newGranularity = getSafeSelection(availableOptions, granularity);\n        if (newGranularity) {\n          onChange(newGranularity);\n        }\n      }\n    }\n  }, [availableOptions, granularity, onChange]);\n\n  const safeValue = getSafeSelection(availableOptions, granularity);\n\n  return (\n    <EditorCard title={title} subtitle={description}>\n      <SingleSelectField\n        clearable={clearable}\n        placeholder={placeholder}\n        value={safeValue}\n        options={availableOptions}\n        onChange={onChange}\n      />\n    </EditorCard>\n  );\n};\n\nexport default GranularitySelectFieldPro;\n","import {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport { inputs } from '../../component.inputs.constants';\nimport { Granularity } from '../../../theme/defaults/defaults.GranularityOptions.constants';\nimport GranularitySelectFieldPro from './index';\n\nexport const meta = {\n  name: 'GranularitySelectFieldPro',\n  label: 'Granularity Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    inputs.title,\n    inputs.description,\n    { ...inputs.placeholder, defaultValue: 'Select a granularity' },\n    {\n      ...inputs.granularities,\n      label: 'Available granularities',\n      category: 'Pre-configured variables',\n      // Ignore seconds and minutes\n      defaultValue: [\n        Granularity.hour,\n        Granularity.day,\n        Granularity.week,\n        Granularity.month,\n        Granularity.quarter,\n        Granularity.year,\n      ],\n    },\n    {\n      ...inputs.granularity,\n      label: 'Selected granularity',\n      category: 'Pre-configured variables',\n    },\n    {\n      ...inputs.timeRange,\n      name: 'primaryTimeRange',\n      label: 'Primary date-range',\n      description:\n        'Connect your primary date-range variable to enable automatic selection of the most appropriate granularity',\n      category: 'Pre-configured variables',\n    },\n    { ...inputs.clearable, defaultValue: false },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Selected granularity updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'Selected granularity',\n          type: 'granularity',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'granularity value',\n      type: 'granularity',\n      defaultValue: 'day',\n      inputs: ['granularity'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport const preview = definePreview(GranularitySelectFieldPro, {\n  granularities: [\n    Granularity.second,\n    Granularity.minute,\n    Granularity.hour,\n    Granularity.day,\n    Granularity.week,\n    Granularity.month,\n    Granularity.quarter,\n    Granularity.year,\n  ],\n  onChange: () => null,\n});\n\nexport default defineComponent(GranularitySelectFieldPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n    };\n  },\n  events: {\n    onChange: (granularity) => ({\n      value: granularity ?? Value.noFilter(),\n    }),\n  },\n});\n"],"names":["Granularity","defaultGranularitySelectFieldOptions","DEFAULT_MIN_BUCKETS","DEFAULT_MAX_BUCKETS","getGranularitySelectFieldOptions","opt","resolveI18nString","toDate","d","parsed","toExclusiveEnd","endInclusive","bucketCountByUnit","start","endExclusive","unitMs","bucketCount","granularity","isGranularityValid","buckets","getAvailableGranularityOptionsFromTimeRange","timeRange","allOptions","from","to","validSet","g","getSafeSelection","availableOptions","optionToSelect","_a","GranularitySelectFieldPro","props","theme","useTheme","i18nSetup","granularities","clearable","onChange","description","placeholder","title","primaryTimeRange","resolveI18nProps","granularitySelectFieldOptions","useMemo","useEffect","newGranularity","safeValue","jsx","EditorCard","SingleSelectField","meta","inputs","preview","definePreview","GranularitySelectFieldPro_emb","defineComponent","Value"],"mappings":"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"}

package/dist/HeatMapPro.js

@@ -1,8 +1,9 @@
-import { g as t, l as a } from "./Color.type.emb-Dkh_ZrO6.js";
-import { defineComponent as n } from "@embeddable.com/react";
-import { H as i } from "./index-Cv4JGkHO.js";
-import { b as e } from "./component.inputs.constants-CNdmawDt.js";
-const r = {
+import { g as a, l as i } from "./Color.type.emb-sebikYGW.js";
+import { definePreview as r, defineComponent as l } from "@embeddable.com/react";
+import { H as n } from "./index-t7YCtFvf.js";
+import { b as e } from "./component.inputs.constants-Ds7YpNhT.js";
+import { p as t } from "./preview.data.constants-tDMYNi0n.js";
+const m = {
   name: "HeatMapPro",
   label: "Heat Map",
   category: "Table Charts",
@@ -27,7 +28,7 @@ const r = {
       required: !0,
       name: "midColor",
       label: "Mid-point color",
-      defaultValue: t("--em-tablechart-heatmap-color", "#FF5400")
+      defaultValue: a("--em-tablechart-heatmap-color", "#FF5400")
     },
     {
       ...e.color,
@@ -76,11 +77,17 @@ const r = {
     },
     e.maxResults
   ]
-}, u = n(i, r, {
+}, g = r(n, {
+  rowDimension: t.dimension,
+  columnDimension: t.dimensionGroup,
+  measure: t.measure,
+  results: t.results1Measure2Dimensions,
+  hideMenu: !0
+}), h = l(n, m, {
   /* @ts-expect-error - to be fixed in @embeddable.com/react */
   props: (o) => ({
     ...o,
-    results: a({
+    results: i({
       from: o.dataset,
       select: [o.rowDimension, o.columnDimension, o.measure],
       limit: o.maxResults,
@@ -89,7 +96,8 @@ const r = {
   })
 });
 export {
-  u as default,
-  r as meta
+  h as default,
+  m as meta,
+  g as preview
 };
 //# sourceMappingURL=HeatMapPro.js.map

package/dist/HeatMapPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeatMapPro.js","sources":["../src/components/charts/tables/HeatMapPro/HeatMapPro.emb.ts"],"sourcesContent":["import { loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport HeatMapPro from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { getStyle } from '@embeddable.com/remarkable-ui';\n\nexport const meta = {\n  name: 'HeatMapPro',\n  label: 'Heat Map',\n  category: 'Table Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    {\n      ...inputs.dimensionWithDateBounds,\n      label: 'Row dimension',\n      name: 'rowDimension',\n    },\n    {\n      ...inputs.dimensionWithDateBounds,\n      label: 'Column dimension',\n      name: 'columnDimension',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.displayNullAs,\n    {\n      ...inputs.color,\n      required: true,\n      name: 'midColor',\n      label: 'Mid-point color',\n      defaultValue: getStyle('--em-tablechart-heatmap-color', '#FF5400'),\n    },\n    {\n      ...inputs.color,\n      name: 'maxColor',\n      label: 'Max-point color (optional)',\n    },\n    {\n      ...inputs.color,\n      name: 'minColor',\n      label: 'Min-point color (optional)',\n    },\n\n    {\n      ...inputs.string,\n      name: 'minThreshold',\n      label: 'Max-point range lower limit',\n      description: 'Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)',\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.string,\n      name: 'maxThreshold',\n      label: 'Min-point range upper limit',\n      description: 'Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)',\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.boolean,\n      name: 'showValues',\n      label: 'Show values',\n      defaultValue: true,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.number,\n      name: 'firstColumnWidth',\n      label: 'First column width',\n      description: 'Set the width in px (e.g. 200)',\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.number,\n      name: 'columnWidth',\n      label: 'Column width',\n      description: 'Set the width in px (e.g. 200)',\n      category: 'Component Settings',\n    },\n    inputs.maxResults,\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(HeatMapPro, meta, {\n  /* @ts-expect-error - to be fixed in @embeddable.com/react */\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.rowDimension, inputs.columnDimension, inputs.measure],\n        limit: inputs.maxResults,\n        countRows: true,\n      }),\n    };\n  },\n});\n"],"names":["meta","inputs","getStyle","HeatMapPro_emb","defineComponent","HeatMapPro","loadData"],"mappings":";;;;AAMO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,OAAO;AAAA,MACP,MAAM;AAAA,IAAA;AAAA,IAER;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,OAAO;AAAA,MACP,MAAM;AAAA,IAAA;AAAA,IAERA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,UAAU;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAcC,EAAS,iCAAiC,SAAS;AAAA,IAAA;AAAA,IAEnE;AAAA,MACE,GAAGD,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAET;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAGT;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IAEZA,EAAO;AAAA,EAAA;AAEX,GAEAE,IAAeC,EAAgBC,GAAYL,GAAM;AAAA;AAAA,EAE/C,OAAO,CAACC,OACC;AAAA,IACL,GAAGA;AAAAA,IACH,SAASK,EAAS;AAAA,MAChB,MAAML,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,cAAcA,EAAO,iBAAiBA,EAAO,OAAO;AAAA,MACpE,OAAOA,EAAO;AAAA,MACd,WAAW;AAAA,IAAA,CACZ;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"HeatMapPro.js","sources":["../src/components/charts/tables/HeatMapPro/HeatMapPro.emb.ts"],"sourcesContent":["import { loadData } from '@embeddable.com/core';\nimport {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} from '@embeddable.com/react';\nimport HeatMapPro from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { getStyle } from '@embeddable.com/remarkable-ui';\nimport { previewData } from '../../../preview.data.constants';\n\nexport const meta = {\n  name: 'HeatMapPro',\n  label: 'Heat Map',\n  category: 'Table Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    {\n      ...inputs.dimensionWithDateBounds,\n      label: 'Row dimension',\n      name: 'rowDimension',\n    },\n    {\n      ...inputs.dimensionWithDateBounds,\n      label: 'Column dimension',\n      name: 'columnDimension',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.displayNullAs,\n    {\n      ...inputs.color,\n      required: true,\n      name: 'midColor',\n      label: 'Mid-point color',\n      defaultValue: getStyle('--em-tablechart-heatmap-color', '#FF5400'),\n    },\n    {\n      ...inputs.color,\n      name: 'maxColor',\n      label: 'Max-point color (optional)',\n    },\n    {\n      ...inputs.color,\n      name: 'minColor',\n      label: 'Min-point color (optional)',\n    },\n\n    {\n      ...inputs.string,\n      name: 'minThreshold',\n      label: 'Max-point range lower limit',\n      description: 'Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)',\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.string,\n      name: 'maxThreshold',\n      label: 'Min-point range upper limit',\n      description: 'Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)',\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.boolean,\n      name: 'showValues',\n      label: 'Show values',\n      defaultValue: true,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.number,\n      name: 'firstColumnWidth',\n      label: 'First column width',\n      description: 'Set the width in px (e.g. 200)',\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.number,\n      name: 'columnWidth',\n      label: 'Column width',\n      description: 'Set the width in px (e.g. 200)',\n      category: 'Component Settings',\n    },\n    inputs.maxResults,\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport const preview = definePreview(HeatMapPro, {\n  rowDimension: previewData.dimension,\n  columnDimension: previewData.dimensionGroup,\n  measure: previewData.measure,\n  results: previewData.results1Measure2Dimensions,\n  hideMenu: true,\n});\n\nexport default defineComponent(HeatMapPro, meta, {\n  /* @ts-expect-error - to be fixed in @embeddable.com/react */\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.rowDimension, inputs.columnDimension, inputs.measure],\n        limit: inputs.maxResults,\n        countRows: true,\n      }),\n    };\n  },\n});\n"],"names":["meta","inputs","getStyle","preview","definePreview","HeatMapPro","previewData","HeatMapPro_emb","defineComponent","loadData"],"mappings":";;;;;AAYO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,OAAO;AAAA,MACP,MAAM;AAAA,IAAA;AAAA,IAER;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,OAAO;AAAA,MACP,MAAM;AAAA,IAAA;AAAA,IAERA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,UAAU;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAcC,EAAS,iCAAiC,SAAS;AAAA,IAAA;AAAA,IAEnE;AAAA,MACE,GAAGD,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAET;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAGT;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IAEZA,EAAO;AAAA,EAAA;AAEX,GAEaE,IAAUC,EAAcC,GAAY;AAAA,EAC/C,cAAcC,EAAY;AAAA,EAC1B,iBAAiBA,EAAY;AAAA,EAC7B,SAASA,EAAY;AAAA,EACrB,SAASA,EAAY;AAAA,EACrB,UAAU;AACZ,CAAC,GAEDC,IAAeC,EAAgBH,GAAYL,GAAM;AAAA;AAAA,EAE/C,OAAO,CAACC,OACC;AAAA,IACL,GAAGA;AAAAA,IACH,SAASQ,EAAS;AAAA,MAChB,MAAMR,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,cAAcA,EAAO,iBAAiBA,EAAO,OAAO;AAAA,MACpE,OAAOA,EAAO;AAAA,MACd,WAAW;AAAA,IAAA,CACZ;AAAA,EAAA;AAGP,CAAC;"}

package/dist/IconCalendarFilled-Bfm3jkzE.js

@@ -0,0 +1,12 @@
+import { k as a } from "./Color.type.emb-sebikYGW.js";
+/**
+ * @license @tabler/icons-react v3.36.1 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const l = [["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" }]], v = a("filled", "calendar-filled", "CalendarFilled", l);
+export {
+  v as I
+};
+//# sourceMappingURL=IconCalendarFilled-Bfm3jkzE.js.map

package/dist/IconCalendarFilled-Bfm3jkzE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconCalendarFilled-Bfm3jkzE.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconCalendarFilled.mjs"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.36.1 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"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\" }]];\nconst IconCalendarFilled = createReactComponent(\"filled\", \"calendar-filled\", \"CalendarFilled\", __iconNode);\n\nexport { __iconNode, IconCalendarFilled as default };\n//# sourceMappingURL=IconCalendarFilled.mjs.map\n"],"names":["__iconNode","IconCalendarFilled","createReactComponent"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,iWAAiW,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,oHAAoH,KAAO,QAAO,CAAE,CAAC,GACviBC,IAAqBC,EAAqB,UAAU,mBAAmB,kBAAkBF,CAAU;","x_google_ignoreList":[0]}

package/dist/KpiChartNumberComparisonPro.js

@@ -1,8 +1,9 @@
-import { defineComponent as n } from "@embeddable.com/react";
-import { K as m } from "./index-DkmPuuV8.js";
-import { l as r } from "./Color.type.emb-Dkh_ZrO6.js";
-import { b as a } from "./component.inputs.constants-CNdmawDt.js";
-const l = {
+import { definePreview as s, defineComponent as l } from "@embeddable.com/react";
+import { K as t } from "./index-BUk63KEk.js";
+import { l as i } from "./Color.type.emb-sebikYGW.js";
+import { b as a } from "./component.inputs.constants-Ds7YpNhT.js";
+import { p as o } from "./preview.data.constants-tDMYNi0n.js";
+const p = {
   name: "KpiChartNumberComparisonPro",
   label: "Kpi Chart - Number Comparison",
   category: "Kpi Charts",
@@ -52,13 +53,22 @@ const l = {
       label: "Trend font-size"
     }
   ]
-}, d = n(m, l, {
-  props: (e, [o, t]) => ({
+}, f = s(t, {
+  measure: { ...o.measure },
+  results: o.results1Measure,
+  resultsComparison: o.results1MeasureVariant,
+  primaryDateRange: void 0,
+  comparisonPeriod: "Previous period",
+  comparisonDateRange: { relativeTimeString: "Today", from: void 0, to: void 0 },
+  fontSize: 100,
+  hideMenu: !0
+}), v = l(t, p, {
+  props: (e, [r, n]) => ({
     ...e,
     comparisonPeriod: e.comparisonPeriod,
-    comparisonDateRange: o == null ? void 0 : o.comparisonDateRange,
-    setComparisonDateRange: (i) => t({ comparisonDateRange: i }),
-    results: r({
+    comparisonDateRange: r == null ? void 0 : r.comparisonDateRange,
+    setComparisonDateRange: (m) => n({ comparisonDateRange: m }),
+    results: i({
       from: e.dataset,
       select: [e.measure],
       limit: 1,
@@ -70,7 +80,7 @@ const l = {
         }
       ] : void 0
     }),
-    resultsComparison: e.primaryDateRange && e.timeProperty && (o != null && o.comparisonDateRange) ? r({
+    resultsComparison: e.primaryDateRange && e.timeProperty && (r != null && r.comparisonDateRange) ? i({
       from: e.dataset,
       select: [e.measure],
       limit: 1,
@@ -78,14 +88,15 @@ const l = {
         {
           property: e.timeProperty,
           operator: "inDateRange",
-          value: o.comparisonDateRange
+          value: r.comparisonDateRange
         }
       ]
     }) : void 0
   })
 });
 export {
-  d as default,
-  l as meta
+  v as default,
+  p as meta,
+  f as preview
 };
 //# sourceMappingURL=KpiChartNumberComparisonPro.js.map

package/dist/KpiChartNumberComparisonPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"KpiChartNumberComparisonPro.js","sources":["../src/components/charts/kpis/KpiChartNumberComparisonPro/KpiChartNumberComparisonPro.emb.ts"],"sourcesContent":["import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport KpiChartNumberComparisonPro from './index';\nimport { loadData, TimeRange } from '@embeddable.com/core';\nimport { inputs } from '../../../component.inputs.constants';\n\nexport const meta = {\n  name: 'KpiChartNumberComparisonPro',\n  label: 'Kpi Chart - Number Comparison',\n  category: 'Kpi Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    { ...inputs.dimensionTime, name: 'timeProperty', label: 'Time property' },\n    {\n      ...inputs.timeRange,\n      name: 'primaryDateRange',\n      label: 'Primary date-range',\n      description: 'You can also connect this to a date range selector using its variable',\n      category: 'Component Data',\n    },\n    {\n      ...inputs.comparisonPeriod,\n      description: 'You can also connect this to a comparison period selector using its variable',\n      category: 'Component Data',\n    },\n    inputs.title,\n    inputs.description,\n    {\n      ...inputs.boolean,\n      name: 'displayChangeAsPercentage',\n      label: 'Display change as %',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.number,\n      name: 'percentageDecimalPlaces',\n      label: 'Percentage decimal places',\n      defaultValue: 1,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.boolean,\n      name: 'reversePositiveNegativeColors',\n      label: 'Reverse positive/negative colors',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n    inputs.fontSize,\n    {\n      ...inputs.fontSize,\n      name: 'changeFontSize',\n      label: 'Trend font-size',\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\ntype KpiChartNumberComparisonProState = {\n  comparisonDateRange: TimeRange;\n};\n\nexport default defineComponent(KpiChartNumberComparisonPro, meta, {\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [\n      KpiChartNumberComparisonProState,\n      (state: KpiChartNumberComparisonProState) => void,\n    ],\n  ) => {\n    return {\n      ...inputs,\n      comparisonPeriod: inputs.comparisonPeriod as string | undefined,\n      comparisonDateRange: state?.comparisonDateRange,\n      setComparisonDateRange: (comparisonDateRange: TimeRange) => setState({ comparisonDateRange }),\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.measure],\n        limit: 1,\n        filters:\n          inputs.primaryDateRange && inputs.timeProperty\n            ? [\n                {\n                  property: inputs.timeProperty,\n                  operator: 'inDateRange',\n                  value: inputs.primaryDateRange,\n                },\n              ]\n            : undefined,\n      }),\n      resultsComparison:\n        inputs.primaryDateRange && inputs.timeProperty && state?.comparisonDateRange\n          ? loadData({\n              from: inputs.dataset,\n              select: [inputs.measure],\n              limit: 1,\n              filters: [\n                {\n                  property: inputs.timeProperty,\n                  operator: 'inDateRange',\n                  value: state.comparisonDateRange,\n                },\n              ],\n            })\n          : undefined,\n    };\n  },\n});\n"],"names":["meta","inputs","KpiChartNumberComparisonPro_emb","defineComponent","KpiChartNumberComparisonPro","state","setState","comparisonDateRange","loadData"],"mappings":";;;;AAKO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,eAAe,MAAM,gBAAgB,OAAO,gBAAA;AAAA,IACxD;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IAEZA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,UAAU;AAAA,IAAA;AAAA,IAEZA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,GAMAC,IAAeC,EAAgBC,GAA6BJ,GAAM;AAAA,EAChE,OAAO,CACLC,GACA,CAACI,GAAOC,CAAQ,OAKT;AAAA,IACL,GAAGL;AAAAA,IACH,kBAAkBA,EAAO;AAAA,IACzB,qBAAqBI,KAAA,gBAAAA,EAAO;AAAA,IAC5B,wBAAwB,CAACE,MAAmCD,EAAS,EAAE,qBAAAC,GAAqB;AAAA,IAC5F,SAASC,EAAS;AAAA,MAChB,MAAMP,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAO;AAAA,MACvB,OAAO;AAAA,MACP,SACEA,EAAO,oBAAoBA,EAAO,eAC9B;AAAA,QACE;AAAA,UACE,UAAUA,EAAO;AAAA,UACjB,UAAU;AAAA,UACV,OAAOA,EAAO;AAAA,QAAA;AAAA,MAChB,IAEF;AAAA,IAAA,CACP;AAAA,IACD,mBACEA,EAAO,oBAAoBA,EAAO,iBAAgBI,KAAA,QAAAA,EAAO,uBACrDG,EAAS;AAAA,MACP,MAAMP,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAO;AAAA,MACvB,OAAO;AAAA,MACP,SAAS;AAAA,QACP;AAAA,UACE,UAAUA,EAAO;AAAA,UACjB,UAAU;AAAA,UACV,OAAOI,EAAM;AAAA,QAAA;AAAA,MACf;AAAA,IACF,CACD,IACD;AAAA,EAAA;AAGZ,CAAC;"}
+{"version":3,"file":"KpiChartNumberComparisonPro.js","sources":["../src/components/charts/kpis/KpiChartNumberComparisonPro/KpiChartNumberComparisonPro.emb.ts"],"sourcesContent":["import {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} from '@embeddable.com/react';\nimport KpiChartNumberComparisonPro from './index';\nimport { loadData, TimeRange } from '@embeddable.com/core';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nexport const meta = {\n  name: 'KpiChartNumberComparisonPro',\n  label: 'Kpi Chart - Number Comparison',\n  category: 'Kpi Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    { ...inputs.dimensionTime, name: 'timeProperty', label: 'Time property' },\n    {\n      ...inputs.timeRange,\n      name: 'primaryDateRange',\n      label: 'Primary date-range',\n      description: 'You can also connect this to a date range selector using its variable',\n      category: 'Component Data',\n    },\n    {\n      ...inputs.comparisonPeriod,\n      description: 'You can also connect this to a comparison period selector using its variable',\n      category: 'Component Data',\n    },\n    inputs.title,\n    inputs.description,\n    {\n      ...inputs.boolean,\n      name: 'displayChangeAsPercentage',\n      label: 'Display change as %',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.number,\n      name: 'percentageDecimalPlaces',\n      label: 'Percentage decimal places',\n      defaultValue: 1,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.boolean,\n      name: 'reversePositiveNegativeColors',\n      label: 'Reverse positive/negative colors',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n    inputs.fontSize,\n    {\n      ...inputs.fontSize,\n      name: 'changeFontSize',\n      label: 'Trend font-size',\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport const preview = definePreview(KpiChartNumberComparisonPro, {\n  measure: { ...previewData.measure },\n  results: previewData.results1Measure,\n  resultsComparison: previewData.results1MeasureVariant,\n  primaryDateRange: undefined,\n  comparisonPeriod: 'Previous period',\n  comparisonDateRange: { relativeTimeString: 'Today', from: undefined, to: undefined },\n  fontSize: 100,\n  hideMenu: true,\n});\n\ntype KpiChartNumberComparisonProState = {\n  comparisonDateRange: TimeRange;\n};\n\nexport default defineComponent(KpiChartNumberComparisonPro, meta, {\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [\n      KpiChartNumberComparisonProState,\n      (state: KpiChartNumberComparisonProState) => void,\n    ],\n  ) => {\n    return {\n      ...inputs,\n      comparisonPeriod: inputs.comparisonPeriod as string | undefined,\n      comparisonDateRange: state?.comparisonDateRange,\n      setComparisonDateRange: (comparisonDateRange: TimeRange) => setState({ comparisonDateRange }),\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.measure],\n        limit: 1,\n        filters:\n          inputs.primaryDateRange && inputs.timeProperty\n            ? [\n                {\n                  property: inputs.timeProperty,\n                  operator: 'inDateRange',\n                  value: inputs.primaryDateRange,\n                },\n              ]\n            : undefined,\n      }),\n      resultsComparison:\n        inputs.primaryDateRange && inputs.timeProperty && state?.comparisonDateRange\n          ? loadData({\n              from: inputs.dataset,\n              select: [inputs.measure],\n              limit: 1,\n              filters: [\n                {\n                  property: inputs.timeProperty,\n                  operator: 'inDateRange',\n                  value: state.comparisonDateRange,\n                },\n              ],\n            })\n          : undefined,\n    };\n  },\n});\n"],"names":["meta","inputs","preview","definePreview","KpiChartNumberComparisonPro","previewData","KpiChartNumberComparisonPro_emb","defineComponent","state","setState","comparisonDateRange","loadData"],"mappings":";;;;;AAWO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,eAAe,MAAM,gBAAgB,OAAO,gBAAA;AAAA,IACxD;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IAEZA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,UAAU;AAAA,IAAA;AAAA,IAEZA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,GAEaC,IAAUC,EAAcC,GAA6B;AAAA,EAChE,SAAS,EAAE,GAAGC,EAAY,QAAA;AAAA,EAC1B,SAASA,EAAY;AAAA,EACrB,mBAAmBA,EAAY;AAAA,EAC/B,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,qBAAqB,EAAE,oBAAoB,SAAS,MAAM,QAAW,IAAI,OAAA;AAAA,EACzE,UAAU;AAAA,EACV,UAAU;AACZ,CAAC,GAMDC,IAAeC,EAAgBH,GAA6BJ,GAAM;AAAA,EAChE,OAAO,CACLC,GACA,CAACO,GAAOC,CAAQ,OAKT;AAAA,IACL,GAAGR;AAAAA,IACH,kBAAkBA,EAAO;AAAA,IACzB,qBAAqBO,KAAA,gBAAAA,EAAO;AAAA,IAC5B,wBAAwB,CAACE,MAAmCD,EAAS,EAAE,qBAAAC,GAAqB;AAAA,IAC5F,SAASC,EAAS;AAAA,MAChB,MAAMV,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAO;AAAA,MACvB,OAAO;AAAA,MACP,SACEA,EAAO,oBAAoBA,EAAO,eAC9B;AAAA,QACE;AAAA,UACE,UAAUA,EAAO;AAAA,UACjB,UAAU;AAAA,UACV,OAAOA,EAAO;AAAA,QAAA;AAAA,MAChB,IAEF;AAAA,IAAA,CACP;AAAA,IACD,mBACEA,EAAO,oBAAoBA,EAAO,iBAAgBO,KAAA,QAAAA,EAAO,uBACrDG,EAAS;AAAA,MACP,MAAMV,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAO;AAAA,MACvB,OAAO;AAAA,MACP,SAAS;AAAA,QACP;AAAA,UACE,UAAUA,EAAO;AAAA,UACjB,UAAU;AAAA,UACV,OAAOO,EAAM;AAAA,QAAA;AAAA,MACf;AAAA,IACF,CACD,IACD;AAAA,EAAA;AAGZ,CAAC;"}

package/dist/KpiChartNumberPro.js

@@ -1,23 +1,32 @@
-import { defineComponent as e } from "@embeddable.com/react";
-import { K as a } from "./index-Dhzhtagm.js";
-import { l as o } from "./Color.type.emb-Dkh_ZrO6.js";
-import { b as r } from "./component.inputs.constants-CNdmawDt.js";
-const m = {
+import { definePreview as o, defineComponent as s } from "@embeddable.com/react";
+import { K as a } from "./index--Dbq1zrZ.js";
+import { l as m } from "./Color.type.emb-sebikYGW.js";
+import { b as e } from "./component.inputs.constants-Ds7YpNhT.js";
+import { p as t } from "./preview.data.constants-tDMYNi0n.js";
+const i = {
   name: "KpiChartNumberPro",
   label: "Kpi Chart - Number",
   category: "Kpi Charts",
-  inputs: [r.dataset, r.measure, r.title, r.description, r.fontSize]
-}, u = e(a, m, {
-  props: (t) => ({
-    ...t,
-    results: o({
-      from: t.dataset,
-      select: [t.measure]
+  inputs: [e.dataset, e.measure, e.title, e.description, e.fontSize]
+}, d = o(a, {
+  measure: {
+    ...t.measure
+  },
+  results: t.results1Measure,
+  fontSize: 100,
+  hideMenu: !0
+}), b = s(a, i, {
+  props: (r) => ({
+    ...r,
+    results: m({
+      from: r.dataset,
+      select: [r.measure]
     })
   })
 });
 export {
-  u as default,
-  m as meta
+  b as default,
+  i as meta,
+  d as preview
 };
 //# sourceMappingURL=KpiChartNumberPro.js.map

package/dist/KpiChartNumberPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"KpiChartNumberPro.js","sources":["../src/components/charts/kpis/KpiChartNumberPro/KpiChartNumberPro.emb.ts"],"sourcesContent":["import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport KpiChartNumberPro from './index';\nimport { loadData } from '@embeddable.com/core';\nimport { inputs } from '../../../component.inputs.constants';\n\nexport const meta = {\n  name: 'KpiChartNumberPro',\n  label: 'Kpi Chart - Number',\n  category: 'Kpi Charts',\n  inputs: [inputs.dataset, inputs.measure, inputs.title, inputs.description, inputs.fontSize],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(KpiChartNumberPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.measure],\n      }),\n    };\n  },\n});\n"],"names":["meta","inputs","KpiChartNumberPro_emb","defineComponent","KpiChartNumberPro","loadData"],"mappings":";;;;AAKO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ,CAACC,EAAO,SAASA,EAAO,SAASA,EAAO,OAAOA,EAAO,aAAaA,EAAO,QAAQ;AAC5F,GAEAC,IAAeC,EAAgBC,GAAmBJ,GAAM;AAAA,EACtD,OAAO,CAACC,OACC;AAAA,IACL,GAAGA;AAAAA,IACH,SAASI,EAAS;AAAA,MAChB,MAAMJ,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAO;AAAA,IAAA,CACxB;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"KpiChartNumberPro.js","sources":["../src/components/charts/kpis/KpiChartNumberPro/KpiChartNumberPro.emb.ts"],"sourcesContent":["import {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} from '@embeddable.com/react';\nimport KpiChartNumberPro from './index';\nimport { loadData } from '@embeddable.com/core';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nexport const meta = {\n  name: 'KpiChartNumberPro',\n  label: 'Kpi Chart - Number',\n  category: 'Kpi Charts',\n  inputs: [inputs.dataset, inputs.measure, inputs.title, inputs.description, inputs.fontSize],\n} as const satisfies EmbeddedComponentMeta;\n\nexport const preview = definePreview(KpiChartNumberPro, {\n  measure: {\n    ...previewData.measure,\n  },\n  results: previewData.results1Measure,\n  fontSize: 100,\n  hideMenu: true,\n});\n\nexport default defineComponent(KpiChartNumberPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.measure],\n      }),\n    };\n  },\n});\n"],"names":["meta","inputs","preview","definePreview","KpiChartNumberPro","previewData","KpiChartNumberPro_emb","defineComponent","loadData"],"mappings":";;;;;AAWO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ,CAACC,EAAO,SAASA,EAAO,SAASA,EAAO,OAAOA,EAAO,aAAaA,EAAO,QAAQ;AAC5F,GAEaC,IAAUC,EAAcC,GAAmB;AAAA,EACtD,SAAS;AAAA,IACP,GAAGC,EAAY;AAAA,EAAA;AAAA,EAEjB,SAASA,EAAY;AAAA,EACrB,UAAU;AAAA,EACV,UAAU;AACZ,CAAC,GAEDC,IAAeC,EAAgBH,GAAmBJ,GAAM;AAAA,EACtD,OAAO,CAACC,OACC;AAAA,IACL,GAAGA;AAAAA,IACH,SAASO,EAAS;AAAA,MAChB,MAAMP,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAO;AAAA,IAAA,CACxB;AAAA,EAAA;AAGP,CAAC;"}