@embeddable.com/remarkable-pro 0.0.14 → 0.0.16

package/dist/ColorEditor.js

@@ -1,38 +1,37 @@
 import { defineEditor as l } from "@embeddable.com/react";
-import { C as a } from "./Color.type.emb-DFhAaPXz.js";
-import { j as n, A as i, I as p, V as u } from "./index-BIiign0L.js";
+import { j as r, A as a, I as i, s as p, V as u } from "./Color.type.emb-CLYI-rua.js";
 import { useState as m, useEffect as C } from "react";
 const I = "_colorInputContainer_1o1qe_1", d = "_colorInput_1o1qe_1", s = {
   colorInputContainer: I,
   colorInput: d
 }, f = ({ value: o, onChange: t }) => {
-  const [r, e] = m(o);
+  const [n, e] = m(o);
   return C(() => {
     e(o);
-  }, [o, e]), /* @__PURE__ */ n.jsxs("div", { className: s.colorInputContainer, children: [
-    /* @__PURE__ */ n.jsx(
+  }, [o, e]), /* @__PURE__ */ r.jsxs("div", { className: s.colorInputContainer, children: [
+    /* @__PURE__ */ r.jsx(
       "input",
       {
         type: "color",
         className: s.colorInput,
-        value: r ?? "#FFFFFF",
+        value: n ?? "#FFFFFF",
         onChange: (c) => t(c.target.value)
       }
     ),
-    r && /* @__PURE__ */ n.jsx(i, { icon: p, onClick: () => t(void 0) })
+    n && /* @__PURE__ */ r.jsx(a, { icon: i, onClick: () => t(void 0) })
   ] });
 }, _ = {
   name: "ColorEditor",
   label: "Color Editor",
-  type: a
-}, y = l(f, _, {
+  type: p
+}, j = l(f, _, {
   inputs: (o, t) => ({
     value: o,
-    onChange: (r) => t(u.of(r))
+    onChange: (n) => t(u.of(n))
   })
 });
 export {
-  y as default,
+  j as default,
   _ as meta
 };
 //# sourceMappingURL=ColorEditor.js.map

package/dist/ColorEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorEditor.js","sources":["../src/editors/ColorEditor/index.tsx","../src/editors/ColorEditor/ColorEditor.emb.ts"],"sourcesContent":["import { useState, useEffect, FC } from 'react';\nimport styles from './ColorEditor.module.css';\nimport { ActionIcon } from '@embeddable.com/remarkable-ui';\nimport { IconX } from '@tabler/icons-react';\n\ntype ColorInputProps = {\n  value: string;\n  onChange: (color?: string) => void;\n};\n\nconst ColorInput: FC<ColorInputProps> = ({ value, onChange }) => {\n  const [color, setColor] = useState<string>(value);\n\n  useEffect(() => {\n    setColor(value);\n  }, [value, setColor]);\n\n  return (\n    <div className={styles.colorInputContainer}>\n      <input\n        type=\"color\"\n        className={styles.colorInput}\n        value={color ?? '#FFFFFF'}\n        onChange={(e) => onChange(e.target.value)}\n      />\n      {color && <ActionIcon icon={IconX} onClick={() => onChange(undefined)} />}\n    </div>\n  );\n};\n\nexport default ColorInput;\n","import { defineEditor } from '@embeddable.com/react';\nimport ColorType from './Color.type.emb';\nimport { Value } from '@embeddable.com/core';\n\nimport Component from './index';\n\nexport const meta = {\n  name: 'ColorEditor',\n  label: 'Color Editor',\n  type: ColorType,\n};\n\n/* @ts-expect-error - to be fixed in @embeddable.com/react */\nexport default defineEditor(Component, meta, {\n  inputs: (value, setter) => {\n    return {\n      value,\n      onChange: (val: string) => setter(Value.of(val)),\n    };\n  },\n});\n"],"names":["ColorInput","value","onChange","color","setColor","useState","useEffect","jsxs","styles","jsx","e","ActionIcon","IconX","meta","ColorType","ColorEditor_emb","defineEditor","Component","setter","val","Value"],"mappings":";;;;;;;GAUMA,IAAkC,CAAC,EAAE,OAAAC,GAAO,UAAAC,QAAe;AAC/D,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAiBJ,CAAK;AAEhD,SAAAK,EAAU,MAAM;AACd,IAAAF,EAASH,CAAK;AAAA,EAChB,GAAG,CAACA,GAAOG,CAAQ,CAAC,GAGlBG,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAWC,EAAO,qBACrB,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAWD,EAAO;AAAA,QAClB,OAAOL,KAAS;AAAA,QAChB,UAAU,CAACO,MAAMR,EAASQ,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAEzCP,2BAAUQ,GAAA,EAAW,MAAMC,GAAO,SAAS,MAAMV,EAAS,MAAS,EAAA,CAAG;AAAA,EAAA,GACzE;AAEJ,GCtBaW,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAMC;AACR,GAGAC,IAAeC,EAAaC,GAAWJ,GAAM;AAAA,EAC3C,QAAQ,CAACZ,GAAOiB,OACP;AAAA,IACL,OAAAjB;AAAA,IACA,UAAU,CAACkB,MAAgBD,EAAOE,EAAM,GAAGD,CAAG,CAAC;AAAA,EAAA;AAGrD,CAAC;"}
+{"version":3,"file":"ColorEditor.js","sources":["../src/editors/ColorEditor/index.tsx","../src/editors/ColorEditor/ColorEditor.emb.ts"],"sourcesContent":["import { useState, useEffect, FC } from 'react';\nimport styles from './ColorEditor.module.css';\nimport { ActionIcon } from '@embeddable.com/remarkable-ui';\nimport { IconX } from '@tabler/icons-react';\n\ntype ColorInputProps = {\n  value: string;\n  onChange: (color?: string) => void;\n};\n\nconst ColorInput: FC<ColorInputProps> = ({ value, onChange }) => {\n  const [color, setColor] = useState<string>(value);\n\n  useEffect(() => {\n    setColor(value);\n  }, [value, setColor]);\n\n  return (\n    <div className={styles.colorInputContainer}>\n      <input\n        type=\"color\"\n        className={styles.colorInput}\n        value={color ?? '#FFFFFF'}\n        onChange={(e) => onChange(e.target.value)}\n      />\n      {color && <ActionIcon icon={IconX} onClick={() => onChange(undefined)} />}\n    </div>\n  );\n};\n\nexport default ColorInput;\n","import { defineEditor } from '@embeddable.com/react';\nimport ColorType from './Color.type.emb';\nimport { Value } from '@embeddable.com/core';\n\nimport Component from './index';\n\nexport const meta = {\n  name: 'ColorEditor',\n  label: 'Color Editor',\n  type: ColorType,\n};\n\n/* @ts-expect-error - to be fixed in @embeddable.com/react */\nexport default defineEditor(Component, meta, {\n  inputs: (value, setter) => {\n    return {\n      value,\n      onChange: (val: string) => setter(Value.of(val)),\n    };\n  },\n});\n"],"names":["ColorInput","value","onChange","color","setColor","useState","useEffect","jsxs","styles","jsx","e","ActionIcon","IconX","meta","ColorType","ColorEditor_emb","defineEditor","Component","setter","val","Value"],"mappings":";;;;;;GAUMA,IAAkC,CAAC,EAAE,OAAAC,GAAO,UAAAC,QAAe;AAC/D,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAiBJ,CAAK;AAEhD,SAAAK,EAAU,MAAM;AACd,IAAAF,EAASH,CAAK;AAAA,EAChB,GAAG,CAACA,GAAOG,CAAQ,CAAC,GAGlBG,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAWC,EAAO,qBACrB,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAWD,EAAO;AAAA,QAClB,OAAOL,KAAS;AAAA,QAChB,UAAU,CAACO,MAAMR,EAASQ,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAEzCP,2BAAUQ,GAAA,EAAW,MAAMC,GAAO,SAAS,MAAMV,EAAS,MAAS,EAAA,CAAG;AAAA,EAAA,GACzE;AAEJ,GCtBaW,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAMC;AACR,GAGAC,IAAeC,EAAaC,GAAWJ,GAAM;AAAA,EAC3C,QAAQ,CAACZ,GAAOiB,OACP;AAAA,IACL,OAAAjB;AAAA,IACA,UAAU,CAACkB,MAAgBD,EAAOE,EAAM,GAAGD,CAAG,CAAC;AAAA,EAAA;AAGrD,CAAC;"}

package/dist/ComparisonPeriodSelectFieldPro.js

@@ -1,28 +1,26 @@
-import { defineComponent as r } from "@embeddable.com/react";
-import { V as a } from "./index-BIiign0L.js";
-import { D as i } from "./index-Ba6ziHiQ.js";
-import { F as t, G as n, _ as l } from "./component.constants-DJqBv0qe.js";
-import { C as o } from "./ComparisonPeriod.type.emb-C-YdNTEB.js";
-const p = {
+import { defineComponent as i } from "@embeddable.com/react";
+import { V as r } from "./Color.type.emb-CLYI-rua.js";
+import { D as t } from "./index-Ybpp0kam.js";
+import { b as e, C as a } from "./component.inputs.constants-BYwiwFNH.js";
+const n = {
   name: "ComparisonPeriodSelectFieldPro",
   label: "Comparison Period Select Field",
   category: "Dropdowns",
   defaultWidth: 300,
   defaultHeight: 120,
   inputs: [
-    { ...t },
-    { ...n },
-    { ...l, defaultValue: "Select a date-comparison" },
+    { ...e.title },
+    { ...e.description },
+    { ...e.placeholder, defaultValue: "Select a date-comparison" },
     {
+      ...e.timeRange,
       name: "primaryDateRange",
-      type: "timeRange",
       label: "Primary Date Range",
       category: "Pre-configured variables",
       description: "Pick the main time period. The comparison range is based on this selection."
     },
     {
-      name: "comparisonPeriod",
-      type: o,
+      ...e.comparisonPeriod,
       label: "Selected Comparison Period",
       category: "Pre-configured variables"
     }
@@ -35,7 +33,7 @@ const p = {
         {
           name: "value",
           label: "selected comparison-period",
-          type: o
+          type: a
         }
       ]
     }
@@ -43,23 +41,22 @@ const p = {
   variables: [
     {
       name: "comparison-period value",
-      type: o,
-      defaultValue: a.noFilter(),
+      type: a,
+      defaultValue: r.noFilter(),
       inputs: ["comparisonPeriod"],
       events: [{ name: "onChange", property: "value" }]
     }
   ]
-}, P = r(i, p, {
-  /* @ts-expect-error - to be fixed in @embeddable.com/react */
-  props: (e) => e,
+}, m = i(t, n, {
+  props: (o) => o,
   events: {
-    onChange: (e) => ({
-      value: e || a.noFilter()
+    onChange: (o) => ({
+      value: o || r.noFilter()
     })
   }
 });
 export {
-  P as default,
-  p as meta
+  m as default,
+  n as meta
 };
 //# sourceMappingURL=ComparisonPeriodSelectFieldPro.js.map

package/dist/ComparisonPeriodSelectFieldPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComparisonPeriodSelectFieldPro.js","sources":["../src/components/editors/ComparisonPeriodSelectFieldPro/ComparisonPeriodSelectFieldPro.emb.ts"],"sourcesContent":["import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport ComparisonPeriodSelectFieldPro from './index';\nimport { description, placeholder, title } from '../../component.constants';\nimport ComparisonPeriodType from '../../types/ComparisonPeriod.type.emb';\n\nexport const meta = {\n  name: 'ComparisonPeriodSelectFieldPro',\n  label: 'Comparison Period Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    { ...title },\n    { ...description },\n    { ...placeholder, defaultValue: 'Select a date-comparison' },\n    {\n      name: 'primaryDateRange',\n      type: 'timeRange',\n      label: 'Primary Date Range',\n      category: 'Pre-configured variables',\n      description: 'Pick the main time period. The comparison range is based on this selection.',\n    },\n    {\n      name: 'comparisonPeriod',\n      type: ComparisonPeriodType,\n      label: 'Selected Comparison Period',\n      category: 'Pre-configured variables',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'selected comparison-period updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'selected comparison-period',\n          type: ComparisonPeriodType,\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'comparison-period value',\n      type: ComparisonPeriodType,\n      defaultValue: Value.noFilter(),\n      inputs: ['comparisonPeriod'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(ComparisonPeriodSelectFieldPro, meta, {\n  /* @ts-expect-error - to be fixed in @embeddable.com/react */\n  props: (inputs: Inputs<typeof meta>) => inputs,\n  events: {\n    onChange: (value) => {\n      return {\n        value: value || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","title","description","placeholder","ComparisonPeriodType","Value","ComparisonPeriodSelectFieldPro_emb","defineComponent","ComparisonPeriodSelectFieldPro","inputs","value"],"mappings":";;;;;AAMO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACN,EAAE,GAAGC,EAAA;AAAA,IACL,EAAE,GAAGC,EAAA;AAAA,IACL,EAAE,GAAGC,GAAa,cAAc,2BAAA;AAAA,IAChC;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,MAAM;AAAA,MACN,MAAMC;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAMA;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,MAAMA;AAAA,MACN,cAAcC,EAAM,SAAA;AAAA,MACpB,QAAQ,CAAC,kBAAkB;AAAA,MAC3B,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAEAC,IAAeC,EAAgBC,GAAgCR,GAAM;AAAA;AAAA,EAEnE,OAAO,CAACS,MAAgCA;AAAA,EACxC,QAAQ;AAAA,IACN,UAAU,CAACC,OACF;AAAA,MACL,OAAOA,KAASL,EAAM,SAAA;AAAA,IAAS;AAAA,EAEnC;AAEJ,CAAC;"}
+{"version":3,"file":"ComparisonPeriodSelectFieldPro.js","sources":["../src/components/editors/ComparisonPeriodSelectFieldPro/ComparisonPeriodSelectFieldPro.emb.ts"],"sourcesContent":["import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport ComparisonPeriodSelectFieldPro from './index';\nimport ComparisonPeriodType from '../../types/ComparisonPeriod.type.emb';\nimport { inputs } from '../../component.inputs.constants';\n\nexport const meta = {\n  name: 'ComparisonPeriodSelectFieldPro',\n  label: 'Comparison Period 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 date-comparison' },\n    {\n      ...inputs.timeRange,\n      name: 'primaryDateRange',\n      label: 'Primary Date Range',\n      category: 'Pre-configured variables',\n      description: 'Pick the main time period. The comparison range is based on this selection.',\n    },\n    {\n      ...inputs.comparisonPeriod,\n      label: 'Selected Comparison Period',\n      category: 'Pre-configured variables',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'selected comparison-period updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'selected comparison-period',\n          type: ComparisonPeriodType,\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'comparison-period value',\n      type: ComparisonPeriodType,\n      defaultValue: Value.noFilter(),\n      inputs: ['comparisonPeriod'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(ComparisonPeriodSelectFieldPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => inputs,\n  events: {\n    onChange: (value) => {\n      return {\n        value: value || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","inputs","ComparisonPeriodType","Value","ComparisonPeriodSelectFieldPro_emb","defineComponent","ComparisonPeriodSelectFieldPro","value"],"mappings":";;;;AAMO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACN,EAAE,GAAGC,EAAO,MAAA;AAAA,IACZ,EAAE,GAAGA,EAAO,YAAA;AAAA,IACZ,EAAE,GAAGA,EAAO,aAAa,cAAc,2BAAA;AAAA,IACvC;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAMC;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,MAAMA;AAAA,MACN,cAAcC,EAAM,SAAA;AAAA,MACpB,QAAQ,CAAC,kBAAkB;AAAA,MAC3B,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAEAC,IAAeC,EAAgBC,GAAgCN,GAAM;AAAA,EACnE,OAAO,CAACC,MAAgCA;AAAAA,EACxC,QAAQ;AAAA,IACN,UAAU,CAACM,OACF;AAAA,MACL,OAAOA,KAASJ,EAAM,SAAA;AAAA,IAAS;AAAA,EAEnC;AAEJ,CAAC;"}

package/dist/DateRangePickerCustomPro.js

@@ -1,53 +1,54 @@
 import { useTheme as C, defineComponent as v } from "@embeddable.com/react";
-import { j as l, c as y, V as s } from "./index-BIiign0L.js";
+import { j as s, c as y, V as l } from "./Color.type.emb-CLYI-rua.js";
 import { u as D, g as P, a as V, b as w } from "./dates.utils-f-XJ_LBg.js";
-import { a as j, r as k, i as F, F as M, G as T, _ as x, g as o } from "./component.constants-DJqBv0qe.js";
-import { E as L } from "./EditorCard-DXQeyo3r.js";
-const S = (e) => {
-  const a = C();
-  j(a);
+import { a as j, r as k, i as M, b as a } from "./component.inputs.constants-BYwiwFNH.js";
+import { E as T } from "./EditorCard-GIL6-rb_.js";
+const x = (e) => {
+  const t = C();
+  j(t);
   const { dayjsLocaleReady: r } = D();
   if (!r)
     return null;
-  const { onChange: i, clearable: u, selectedValue: t, showTwoMonths: c } = e, { description: d, placeholder: m, title: g } = k(e), p = (R) => {
-    const b = w(R);
-    i(b);
-  }, n = a.defaults.dateRangesOptions, h = P(t, "MMM DD", n), f = a.i18n.language ?? a.formatter.locale;
-  return /* @__PURE__ */ l.jsx(L, { title: g, subtitle: d, children: /* @__PURE__ */ l.jsx(
+  const { onChange: i, clearable: c, selectedValue: n, showTwoMonths: u } = e, { description: d, placeholder: m, title: g } = k(e), p = (b) => {
+    const f = w(b);
+    i(f);
+  }, o = t.defaults.dateRangesOptions, h = P(n, "MMM DD", o), R = t.i18n.language ?? t.formatter.locale;
+  return /* @__PURE__ */ s.jsx(T, { title: g, subtitle: d, children: /* @__PURE__ */ s.jsx(
     y,
     {
-      locale: f,
-      clearable: u,
+      locale: R,
+      clearable: c,
       placeholder: m,
       displayValue: h,
-      numberOfMonths: c ? 2 : 1,
-      value: V(t, n),
+      numberOfMonths: u ? 2 : 1,
+      value: V(n, o),
       onChange: p,
-      submitLabel: F.t("editors.dateRangePicker.apply")
+      submitLabel: M.t("editors.dateRangePicker.apply")
     }
   ) });
-}, E = {
+}, F = {
   name: "DateRangePickerCustomPro",
   label: "Date-Range Picker - Custom",
   category: "Dropdowns",
   defaultWidth: 300,
   defaultHeight: 120,
   inputs: [
-    { ...M },
-    { ...T },
-    { ...x, defaultValue: "Select a date-range" },
-    { ...o, name: "clearable", label: "Can be cleared", defaultValue: !0 },
+    a.title,
+    a.description,
+    { ...a.placeholder, defaultValue: "Select a date-range" },
+    a.clearable,
     {
+      ...a.timeRange,
       name: "selectedValue",
-      type: "timeRange",
       label: "Selected Value",
       category: "Pre-configured variables"
     },
     {
-      ...o,
+      ...a.boolean,
       name: "showTwoMonths",
       label: "Show two months",
-      defaultValue: !1
+      defaultValue: !1,
+      category: "Component Settings"
     }
   ],
   events: [
@@ -67,23 +68,23 @@ const S = (e) => {
     {
       name: "date-range value",
       type: "timeRange",
-      defaultValue: s.noFilter(),
+      defaultValue: l.noFilter(),
       inputs: ["selectedValue"],
       events: [{ name: "onChange", property: "value" }]
     }
   ]
-}, I = v(S, E, {
+}, I = v(x, F, {
   props: (e) => ({
     ...e
   }),
   events: {
     onChange: (e) => ({
-      value: e ?? s.noFilter()
+      value: e ?? l.noFilter()
     })
   }
 });
 export {
   I as default,
-  E as meta
+  F as meta
 };
 //# sourceMappingURL=DateRangePickerCustomPro.js.map

package/dist/DateRangePickerCustomPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePickerCustomPro.js","sources":["../src/components/editors/dates/DateRangePickerCustomPro/index.tsx","../src/components/editors/dates/DateRangePickerCustomPro/DateRangePickerCustomPro.emb.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { DateRange, DateRangePickerField } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { useLoadDayjsLocale } from '../../../../utils.ts/date.utils';\nimport { TimeRange } from '@embeddable.com/core';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { EditorCard } from '../../shared/EditorCard/EditorCard';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport {\n  getDateRangeFromTimeRange,\n  getTimeRangeFromDateRange,\n  getTimeRangeLabel,\n} from '../dates.utils';\n\ntype DateRangePickerPresetsProps = {\n  description?: string;\n  onChange: (newDateRange: TimeRange) => void;\n  placeholder?: string;\n  selectedValue: TimeRange;\n  title?: string;\n  clearable?: boolean;\n  showTwoMonths?: boolean;\n};\n\nconst DateRangePickerPresets = (props: DateRangePickerPresetsProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { dayjsLocaleReady } = useLoadDayjsLocale();\n\n  if (!dayjsLocaleReady) {\n    return null;\n  }\n\n  const { onChange, clearable, selectedValue, showTwoMonths } = props;\n\n  const { description, placeholder, title } = resolveI18nProps(props);\n\n  const handleChange = (newDateRange: DateRange | undefined) => {\n    const timeRange: TimeRange = getTimeRangeFromDateRange(newDateRange);\n    onChange(timeRange);\n  };\n\n  const dateRangeOptions = theme.defaults.dateRangesOptions;\n  const displayValue = getTimeRangeLabel(selectedValue, 'MMM DD', dateRangeOptions);\n\n  const locale = theme.i18n.language ?? theme.formatter.locale;\n\n  return (\n    <EditorCard title={title} subtitle={description}>\n      <DateRangePickerField\n        locale={locale}\n        clearable={clearable}\n        placeholder={placeholder}\n        displayValue={displayValue}\n        numberOfMonths={showTwoMonths ? 2 : 1}\n        value={getDateRangeFromTimeRange(selectedValue, dateRangeOptions)}\n        onChange={handleChange}\n        submitLabel={i18n.t('editors.dateRangePicker.apply')}\n      />\n    </EditorCard>\n  );\n};\n\nexport default DateRangePickerPresets;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport DateTimeSelectFieldPro from './index';\nimport { description, genericBoolean, placeholder, title } from '../../../component.constants';\n\nexport const meta = {\n  name: 'DateRangePickerCustomPro',\n  label: 'Date-Range Picker - Custom',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    { ...title },\n    { ...description },\n    { ...placeholder, defaultValue: 'Select a date-range' },\n    { ...genericBoolean, name: 'clearable', label: 'Can be cleared', defaultValue: true },\n    {\n      name: 'selectedValue',\n      type: 'timeRange',\n      label: 'Selected Value',\n      category: 'Pre-configured variables',\n    },\n    {\n      ...genericBoolean,\n      name: 'showTwoMonths',\n      label: 'Show two months',\n      defaultValue: false,\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'selected date-range updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'selected date-range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'date-range value',\n      type: 'timeRange',\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValue'],\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: (range) => ({\n      value: range ?? Value.noFilter(),\n    }),\n  },\n});\n"],"names":["DateRangePickerPresets","props","theme","useTheme","i18nSetup","dayjsLocaleReady","useLoadDayjsLocale","onChange","clearable","selectedValue","showTwoMonths","description","placeholder","title","resolveI18nProps","handleChange","newDateRange","timeRange","getTimeRangeFromDateRange","dateRangeOptions","displayValue","getTimeRangeLabel","locale","jsx","EditorCard","DateRangePickerField","getDateRangeFromTimeRange","i18n","meta","genericBoolean","Value","DateRangePickerCustomPro_emb","defineComponent","DateTimeSelectFieldPro","inputs","range"],"mappings":";;;;;AAwBA,MAAMA,IAAyB,CAACC,MAAuC;AACrE,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,kBAAAG,EAAA,IAAqBC,EAAA;AAE7B,MAAI,CAACD;AACH,WAAO;AAGT,QAAM,EAAE,UAAAE,GAAU,WAAAC,GAAW,eAAAC,GAAe,eAAAC,MAAkBT,GAExD,EAAE,aAAAU,GAAa,aAAAC,GAAa,OAAAC,EAAA,IAAUC,EAAiBb,CAAK,GAE5Dc,IAAe,CAACC,MAAwC;AAC5D,UAAMC,IAAuBC,EAA0BF,CAAY;AACnE,IAAAT,EAASU,CAAS;AAAA,EACpB,GAEME,IAAmBjB,EAAM,SAAS,mBAClCkB,IAAeC,EAAkBZ,GAAe,UAAUU,CAAgB,GAE1EG,IAASpB,EAAM,KAAK,YAAYA,EAAM,UAAU;AAEtD,SACEqB,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAX,GAAc,UAAUF,GAClC,UAAAY,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,QAAAH;AAAA,MACA,WAAAd;AAAA,MACA,aAAAI;AAAA,MACA,cAAAQ;AAAA,MACA,gBAAgBV,IAAgB,IAAI;AAAA,MACpC,OAAOgB,EAA0BjB,GAAeU,CAAgB;AAAA,MAChE,UAAUJ;AAAA,MACV,aAAaY,EAAK,EAAE,+BAA+B;AAAA,IAAA;AAAA,EAAA,GAEvD;AAEJ,GCzDaC,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACN,EAAE,GAAGf,EAAA;AAAA,IACL,EAAE,GAAGF,EAAA;AAAA,IACL,EAAE,GAAGC,GAAa,cAAc,sBAAA;AAAA,IAChC,EAAE,GAAGiB,GAAgB,MAAM,aAAa,OAAO,kBAAkB,cAAc,GAAA;AAAA,IAC/E;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,IAAA;AAAA,EAChB;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,cAAcC,EAAM,SAAA;AAAA,MACpB,QAAQ,CAAC,eAAe;AAAA,MACxB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAEAC,IAAeC,EAAgBC,GAAwBL,GAAM;AAAA,EAC3D,OAAO,CAACM,OACC;AAAA,IACL,GAAGA;AAAA,EAAA;AAAA,EAGP,QAAQ;AAAA,IACN,UAAU,CAACC,OAAW;AAAA,MACpB,OAAOA,KAASL,EAAM,SAAA;AAAA,IAAS;AAAA,EACjC;AAEJ,CAAC;"}
+{"version":3,"file":"DateRangePickerCustomPro.js","sources":["../src/components/editors/dates/DateRangePickerCustomPro/index.tsx","../src/components/editors/dates/DateRangePickerCustomPro/DateRangePickerCustomPro.emb.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { DateRange, DateRangePickerField } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { useLoadDayjsLocale } from '../../../../utils.ts/date.utils';\nimport { TimeRange } from '@embeddable.com/core';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { EditorCard } from '../../shared/EditorCard/EditorCard';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport {\n  getDateRangeFromTimeRange,\n  getTimeRangeFromDateRange,\n  getTimeRangeLabel,\n} from '../dates.utils';\n\ntype DateRangePickerPresetsProps = {\n  description?: string;\n  onChange: (newDateRange: TimeRange) => void;\n  placeholder?: string;\n  selectedValue: TimeRange;\n  title?: string;\n  clearable?: boolean;\n  showTwoMonths?: boolean;\n};\n\nconst DateRangePickerPresets = (props: DateRangePickerPresetsProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { dayjsLocaleReady } = useLoadDayjsLocale();\n\n  if (!dayjsLocaleReady) {\n    return null;\n  }\n\n  const { onChange, clearable, selectedValue, showTwoMonths } = props;\n\n  const { description, placeholder, title } = resolveI18nProps(props);\n\n  const handleChange = (newDateRange: DateRange | undefined) => {\n    const timeRange: TimeRange = getTimeRangeFromDateRange(newDateRange);\n    onChange(timeRange);\n  };\n\n  const dateRangeOptions = theme.defaults.dateRangesOptions;\n  const displayValue = getTimeRangeLabel(selectedValue, 'MMM DD', dateRangeOptions);\n\n  const locale = theme.i18n.language ?? theme.formatter.locale;\n\n  return (\n    <EditorCard title={title} subtitle={description}>\n      <DateRangePickerField\n        locale={locale}\n        clearable={clearable}\n        placeholder={placeholder}\n        displayValue={displayValue}\n        numberOfMonths={showTwoMonths ? 2 : 1}\n        value={getDateRangeFromTimeRange(selectedValue, dateRangeOptions)}\n        onChange={handleChange}\n        submitLabel={i18n.t('editors.dateRangePicker.apply')}\n      />\n    </EditorCard>\n  );\n};\n\nexport default DateRangePickerPresets;\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';\n\nexport const meta = {\n  name: 'DateRangePickerCustomPro',\n  label: 'Date-Range Picker - Custom',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    inputs.title,\n    inputs.description,\n    { ...inputs.placeholder, defaultValue: 'Select a date-range' },\n    inputs.clearable,\n    {\n      ...inputs.timeRange,\n      name: 'selectedValue',\n      label: 'Selected Value',\n      category: 'Pre-configured variables',\n    },\n    {\n      ...inputs.boolean,\n      name: 'showTwoMonths',\n      label: 'Show two months',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'selected date-range updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'selected date-range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'date-range value',\n      type: 'timeRange',\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValue'],\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: (range) => ({\n      value: range ?? Value.noFilter(),\n    }),\n  },\n});\n"],"names":["DateRangePickerPresets","props","theme","useTheme","i18nSetup","dayjsLocaleReady","useLoadDayjsLocale","onChange","clearable","selectedValue","showTwoMonths","description","placeholder","title","resolveI18nProps","handleChange","newDateRange","timeRange","getTimeRangeFromDateRange","dateRangeOptions","displayValue","getTimeRangeLabel","locale","jsx","EditorCard","DateRangePickerField","getDateRangeFromTimeRange","i18n","meta","inputs","Value","DateRangePickerCustomPro_emb","defineComponent","DateTimeSelectFieldPro","range"],"mappings":";;;;;AAwBA,MAAMA,IAAyB,CAACC,MAAuC;AACrE,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,kBAAAG,EAAA,IAAqBC,EAAA;AAE7B,MAAI,CAACD;AACH,WAAO;AAGT,QAAM,EAAE,UAAAE,GAAU,WAAAC,GAAW,eAAAC,GAAe,eAAAC,MAAkBT,GAExD,EAAE,aAAAU,GAAa,aAAAC,GAAa,OAAAC,EAAA,IAAUC,EAAiBb,CAAK,GAE5Dc,IAAe,CAACC,MAAwC;AAC5D,UAAMC,IAAuBC,EAA0BF,CAAY;AACnE,IAAAT,EAASU,CAAS;AAAA,EACpB,GAEME,IAAmBjB,EAAM,SAAS,mBAClCkB,IAAeC,EAAkBZ,GAAe,UAAUU,CAAgB,GAE1EG,IAASpB,EAAM,KAAK,YAAYA,EAAM,UAAU;AAEtD,SACEqB,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAX,GAAc,UAAUF,GAClC,UAAAY,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,QAAAH;AAAA,MACA,WAAAd;AAAA,MACA,aAAAI;AAAA,MACA,cAAAQ;AAAA,MACA,gBAAgBV,IAAgB,IAAI;AAAA,MACpC,OAAOgB,EAA0BjB,GAAeU,CAAgB;AAAA,MAChE,UAAUJ;AAAA,MACV,aAAaY,EAAK,EAAE,+BAA+B;AAAA,IAAA;AAAA,EAAA,GAEvD;AAEJ,GCzDaC,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,aAAa,cAAc,sBAAA;AAAA,IACvCA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,cAAcC,EAAM,SAAA;AAAA,MACpB,QAAQ,CAAC,eAAe;AAAA,MACxB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAEAC,IAAeC,EAAgBC,GAAwBL,GAAM;AAAA,EAC3D,OAAO,CAACC,OACC;AAAA,IACL,GAAGA;AAAAA,EAAA;AAAA,EAGP,QAAQ;AAAA,IACN,UAAU,CAACK,OAAW;AAAA,MACpB,OAAOA,KAASJ,EAAM,SAAA;AAAA,IAAS;AAAA,EACjC;AAEJ,CAAC;"}

package/dist/DateRangeSelectFieldPro.js

@@ -1,33 +1,35 @@
-import { defineComponent as l } from "@embeddable.com/react";
-import { V as t } from "./index-BIiign0L.js";
-import { D as n } from "./index-CYfKRRhL.js";
-import { F as o, G as r, _ as s, g as a } from "./component.constants-DJqBv0qe.js";
-const u = {
+import { defineComponent as n } from "@embeddable.com/react";
+import { V as t } from "./Color.type.emb-CLYI-rua.js";
+import { D as l } from "./index-B6Sxhv5V.js";
+import { b as e } from "./component.inputs.constants-BYwiwFNH.js";
+const o = {
   name: "DateRangeSelectFieldPro",
   label: "Date-Range Picker - Presets",
   category: "Dropdowns",
   defaultWidth: 300,
   defaultHeight: 120,
   inputs: [
-    { ...o },
-    { ...r },
-    { ...s, defaultValue: "Select a date-range" },
+    { ...e.title },
+    { ...e.description },
+    { ...e.placeholder, defaultValue: "Select a date-range" },
     {
-      ...a,
+      ...e.boolean,
       name: "showCustomRangeOptions",
       label: "Show custom date-range option",
-      defaultValue: !0
+      defaultValue: !0,
+      category: "Component Settings"
     },
     {
-      ...a,
+      ...e.boolean,
       name: "showTwoMonths",
       label: "Show two-month view",
-      defaultValue: !1
+      defaultValue: !1,
+      category: "Component Settings"
     },
-    { ...a, name: "clearable", label: "Can be cleared", defaultValue: !0 },
+    e.clearable,
     {
+      ...e.timeRange,
       name: "selectedValue",
-      type: "timeRange",
       label: "Selected Value",
       category: "Pre-configured variables"
     }
@@ -54,18 +56,18 @@ const u = {
       events: [{ name: "onChange", property: "value" }]
     }
   ]
-}, g = l(n, u, {
-  props: (e) => ({
-    ...e
+}, d = n(l, o, {
+  props: (a) => ({
+    ...a
   }),
   events: {
-    onChange: (e) => ({
-      value: e ?? t.noFilter()
+    onChange: (a) => ({
+      value: a ?? t.noFilter()
     })
   }
 });
 export {
-  g as default,
-  u as meta
+  d as default,
+  o as meta
 };
 //# sourceMappingURL=DateRangeSelectFieldPro.js.map

package/dist/DateRangeSelectFieldPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeSelectFieldPro.js","sources":["../src/components/editors/dates/DateRangePickerPresetsPro/DateRangeSelectFieldPro.emb.ts"],"sourcesContent":["import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport DateTimeSelectFieldPro from './index';\nimport { description, genericBoolean, placeholder, title } from '../../../component.constants';\n\nexport const meta = {\n  name: 'DateRangeSelectFieldPro',\n  label: 'Date-Range Picker - Presets',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    { ...title },\n    { ...description },\n    { ...placeholder, defaultValue: 'Select a date-range' },\n    {\n      ...genericBoolean,\n      name: 'showCustomRangeOptions',\n      label: 'Show custom date-range option',\n      defaultValue: true,\n    },\n    {\n      ...genericBoolean,\n      name: 'showTwoMonths',\n      label: 'Show two-month view',\n      defaultValue: false,\n    },\n    { ...genericBoolean, name: 'clearable', label: 'Can be cleared', defaultValue: true },\n    {\n      name: 'selectedValue',\n      type: 'timeRange',\n      label: 'Selected Value',\n      category: 'Pre-configured variables',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'selected date-range updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'selected date-range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'date-range value',\n      type: 'timeRange',\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValue'],\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: (range) => ({\n      value: range ?? Value.noFilter(),\n    }),\n  },\n});\n"],"names":["meta","title","description","placeholder","genericBoolean","Value","DateRangeSelectFieldPro_emb","defineComponent","DateTimeSelectFieldPro","inputs","range"],"mappings":";;;;AAKO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACN,EAAE,GAAGC,EAAA;AAAA,IACL,EAAE,GAAGC,EAAA;AAAA,IACL,EAAE,GAAGC,GAAa,cAAc,sBAAA;AAAA,IAChC;AAAA,MACE,GAAGC;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,IAAA;AAAA,IAEhB;AAAA,MACE,GAAGA;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,IAAA;AAAA,IAEhB,EAAE,GAAGA,GAAgB,MAAM,aAAa,OAAO,kBAAkB,cAAc,GAAA;AAAA,IAC/E;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,cAAcC,EAAM,SAAA;AAAA,MACpB,QAAQ,CAAC,eAAe;AAAA,MACxB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAEAC,IAAeC,EAAgBC,GAAwBR,GAAM;AAAA,EAC3D,OAAO,CAACS,OACC;AAAA,IACL,GAAGA;AAAA,EAAA;AAAA,EAGP,QAAQ;AAAA,IACN,UAAU,CAACC,OAAW;AAAA,MACpB,OAAOA,KAASL,EAAM,SAAA;AAAA,IAAS;AAAA,EACjC;AAEJ,CAAC;"}
+{"version":3,"file":"DateRangeSelectFieldPro.js","sources":["../src/components/editors/dates/DateRangePickerPresetsPro/DateRangeSelectFieldPro.emb.ts"],"sourcesContent":["import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport DateTimeSelectFieldPro from './index';\nimport { inputs } from '../../../component.inputs.constants';\n\nexport const meta = {\n  name: 'DateRangeSelectFieldPro',\n  label: 'Date-Range Picker - Presets',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    { ...inputs.title },\n    { ...inputs.description },\n    { ...inputs.placeholder, defaultValue: 'Select a date-range' },\n    {\n      ...inputs.boolean,\n      name: 'showCustomRangeOptions',\n      label: 'Show custom date-range option',\n      defaultValue: true,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.boolean,\n      name: 'showTwoMonths',\n      label: 'Show two-month view',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n    inputs.clearable,\n    {\n      ...inputs.timeRange,\n      name: 'selectedValue',\n      label: 'Selected Value',\n      category: 'Pre-configured variables',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'selected date-range updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'selected date-range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'date-range value',\n      type: 'timeRange',\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValue'],\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: (range) => ({\n      value: range ?? Value.noFilter(),\n    }),\n  },\n});\n"],"names":["meta","inputs","Value","DateRangeSelectFieldPro_emb","defineComponent","DateTimeSelectFieldPro","range"],"mappings":";;;;AAKO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACN,EAAE,GAAGC,EAAO,MAAA;AAAA,IACZ,EAAE,GAAGA,EAAO,YAAA;AAAA,IACZ,EAAE,GAAGA,EAAO,aAAa,cAAc,sBAAA;AAAA,IACvC;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,MACP,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,cAAcC,EAAM,SAAA;AAAA,MACpB,QAAQ,CAAC,eAAe;AAAA,MACxB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAEAC,IAAeC,EAAgBC,GAAwBL,GAAM;AAAA,EAC3D,OAAO,CAACC,OACC;AAAA,IACL,GAAGA;AAAAA,EAAA;AAAA,EAGP,QAAQ;AAAA,IACN,UAAU,CAACK,OAAW;AAAA,MACpB,OAAOA,KAASJ,EAAM,SAAA;AAAA,IAAS;AAAA,EACjC;AAEJ,CAAC;"}

package/dist/DonutChartPro.js

@@ -1,21 +1,21 @@
-import { V as a, l as s } from "./index-BIiign0L.js";
-import { defineComponent as t } from "@embeddable.com/react";
-import { D as o } from "./index-9xeta4is.js";
-import { v as n, D as r, w as i, F as m, G as l, I as d, Z as u, J as p, K as c } from "./component.constants-DJqBv0qe.js";
-const C = {
+import { V as o, l as n } from "./Color.type.emb-CLYI-rua.js";
+import { defineComponent as a } from "@embeddable.com/react";
+import { D as s } from "./index-CdT1o7ra.js";
+import { b as e } from "./component.inputs.constants-BYwiwFNH.js";
+const r = {
   name: "DonutChartPro",
   label: "Donut Chart",
   category: "Pie Charts",
   inputs: [
-    n,
-    r,
-    i,
-    m,
-    l,
-    d,
-    u,
-    p,
-    c
+    e.dataset,
+    e.measure,
+    e.dimension,
+    e.title,
+    e.description,
+    e.showLegend,
+    e.maxLegendItems,
+    e.showTooltips,
+    e.showValueLabels
   ],
   events: [
     {
@@ -30,22 +30,22 @@ const C = {
       ]
     }
   ]
-}, V = t(o, C, {
-  props: (e) => ({
-    ...e,
-    results: s({
-      from: e.dataset,
-      select: [e.measure, e.dimension]
+}, u = a(s, r, {
+  props: (t) => ({
+    ...t,
+    results: n({
+      from: t.dataset,
+      select: [t.measure, t.dimension]
     })
   }),
   events: {
-    onSegmentClick: (e) => ({
-      dimensionValue: e.dimensionValue || a.noFilter()
+    onSegmentClick: (t) => ({
+      dimensionValue: t.dimensionValue || o.noFilter()
     })
   }
 });
 export {
-  V as default,
-  C as meta
+  u as default,
+  r as meta
 };
 //# sourceMappingURL=DonutChartPro.js.map

package/dist/DonutChartPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"DonutChartPro.js","sources":["../src/components/charts/pies/DonutChartPro/DonutChartPro.emb.ts"],"sourcesContent":["import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport DonutChartPro from './index';\nimport {\n  dimension,\n  dataset,\n  description,\n  measure,\n  maxLegendItems,\n  showLegend,\n  showTooltips,\n  showValueLabels,\n  title,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'DonutChartPro',\n  label: 'Donut Chart',\n  category: 'Pie Charts',\n  inputs: [\n    dataset,\n    measure,\n    dimension,\n    title,\n    description,\n    showLegend,\n    maxLegendItems,\n    showTooltips,\n    showValueLabels,\n  ],\n  events: [\n    {\n      name: 'onSegmentClick',\n      label: 'A segment is clicked',\n      properties: [\n        {\n          name: 'dimensionValue',\n          label: 'Clicked Dimension',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(DonutChartPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.measure, inputs.dimension],\n      }),\n    };\n  },\n  events: {\n    onSegmentClick: (value) => {\n      return {\n        dimensionValue: value.dimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","dataset","measure","dimension","title","description","showLegend","maxLegendItems","showTooltips","showValueLabels","DonutChartPro_emb","defineComponent","DonutChartPro","inputs","loadData","value","Value"],"mappings":";;;;AAeO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAEAC,IAAeC,EAAgBC,GAAeZ,GAAM;AAAA,EAClD,OAAO,CAACa,OACC;AAAA,IACL,GAAGA;AAAA,IACH,SAASC,EAAS;AAAA,MAChB,MAAMD,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,SAASA,EAAO,SAAS;AAAA,IAAA,CAC1C;AAAA,EAAA;AAAA,EAGL,QAAQ;AAAA,IACN,gBAAgB,CAACE,OACR;AAAA,MACL,gBAAgBA,EAAM,kBAAkBC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3D;AAEJ,CAAC;"}
+{"version":3,"file":"DonutChartPro.js","sources":["../src/components/charts/pies/DonutChartPro/DonutChartPro.emb.ts"],"sourcesContent":["import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport DonutChartPro from './index';\nimport { inputs } from '../../../component.inputs.constants';\n\nexport const meta = {\n  name: 'DonutChartPro',\n  label: 'Donut Chart',\n  category: 'Pie Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    inputs.dimension,\n    inputs.title,\n    inputs.description,\n    inputs.showLegend,\n    inputs.maxLegendItems,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n  ],\n  events: [\n    {\n      name: 'onSegmentClick',\n      label: 'A segment is clicked',\n      properties: [\n        {\n          name: 'dimensionValue',\n          label: 'Clicked Dimension',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(DonutChartPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.measure, inputs.dimension],\n      }),\n    };\n  },\n  events: {\n    onSegmentClick: (value) => {\n      return {\n        dimensionValue: value.dimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","inputs","DonutChartPro_emb","defineComponent","DonutChartPro","loadData","value","Value"],"mappings":";;;;AAKO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,EAAA;AAAA,EAET,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAEAC,IAAeC,EAAgBC,GAAeJ,GAAM;AAAA,EAClD,OAAO,CAACC,OACC;AAAA,IACL,GAAGA;AAAAA,IACH,SAASI,EAAS;AAAA,MAChB,MAAMJ,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,SAASA,EAAO,SAAS;AAAA,IAAA,CAC1C;AAAA,EAAA;AAAA,EAGL,QAAQ;AAAA,IACN,gBAAgB,CAACK,OACR;AAAA,MACL,gBAAgBA,EAAM,kBAAkBC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3D;AAEJ,CAAC;"}

package/dist/DonutLabelChartPro.js

@@ -1,30 +1,29 @@
-import { D as n } from "./index-CrFZJTR2.js";
-import { V as s, l as a } from "./index-BIiign0L.js";
-import { defineComponent as r } from "@embeddable.com/react";
-import { v as o, D as t, w as l, F as i, G as m, I as d, Z as u, J as b, K as c } from "./component.constants-DJqBv0qe.js";
-const p = {
+import { D as n } from "./index-IERhvJoR.js";
+import { V as r, l as t } from "./Color.type.emb-CLYI-rua.js";
+import { defineComponent as o } from "@embeddable.com/react";
+import { b as e } from "./component.inputs.constants-BYwiwFNH.js";
+const s = {
   name: "DonutLabelChartPro",
   label: "Donut Label Chart",
   category: "Pie Charts",
   inputs: [
-    o,
-    t,
-    l,
-    { ...t, name: "innerLabelMeasure", label: "Inner Label Measure" },
+    e.dataset,
+    e.measure,
+    e.dimension,
+    { ...e.measure, name: "innerLabelMeasure", label: "Inner Label Measure" },
     {
+      ...e.string,
       name: "innerLabelText",
-      type: "string",
       label: "Inner Label Text",
       description: "Text to display inside the donut chart",
-      required: !1,
       category: "Component Data"
     },
-    i,
-    m,
-    d,
-    u,
-    b,
-    c
+    e.title,
+    e.description,
+    e.showLegend,
+    e.maxLegendItems,
+    e.showTooltips,
+    e.showValueLabels
   ],
   events: [
     {
@@ -39,26 +38,26 @@ const p = {
       ]
     }
   ]
-}, g = r(n, p, {
-  props: (e) => ({
-    ...e,
-    results: a({
-      from: e.dataset,
-      select: [e.measure, e.dimension]
+}, u = o(n, s, {
+  props: (a) => ({
+    ...a,
+    results: t({
+      from: a.dataset,
+      select: [a.measure, a.dimension]
     }),
-    resultsInnerLabel: a({
-      from: e.dataset,
-      select: [e.innerLabelMeasure]
+    resultsInnerLabel: t({
+      from: a.dataset,
+      select: [a.innerLabelMeasure]
     })
   }),
   events: {
-    onSegmentClick: (e) => ({
-      dimensionValue: e.dimensionValue || s.noFilter()
+    onSegmentClick: (a) => ({
+      dimensionValue: a.dimensionValue || r.noFilter()
     })
   }
 });
 export {
-  g as default,
-  p as meta
+  u as default,
+  s as meta
 };
 //# sourceMappingURL=DonutLabelChartPro.js.map

package/dist/DonutLabelChartPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"DonutLabelChartPro.js","sources":["../src/components/charts/pies/DonutLabelChartPro/DonutLabelChartPro.emb.ts"],"sourcesContent":["import DonutChartPro from './index';\nimport { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport {\n  dataset,\n  description,\n  dimension,\n  measure,\n  maxLegendItems,\n  showLegend,\n  showTooltips,\n  showValueLabels,\n  title,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'DonutLabelChartPro',\n  label: 'Donut Label Chart',\n  category: 'Pie Charts',\n  inputs: [\n    dataset,\n    measure,\n    dimension,\n    { ...measure, name: 'innerLabelMeasure', label: 'Inner Label Measure' },\n    {\n      name: 'innerLabelText',\n      type: 'string',\n      label: 'Inner Label Text',\n      description: 'Text to display inside the donut chart',\n      required: false,\n      category: 'Component Data',\n    },\n    title,\n    description,\n    showLegend,\n    maxLegendItems,\n    showTooltips,\n    showValueLabels,\n  ],\n  events: [\n    {\n      name: 'onSegmentClick',\n      label: 'A segment is clicked',\n      properties: [\n        {\n          name: 'dimensionValue',\n          label: 'Clicked Dimension',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(DonutChartPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.measure, inputs.dimension],\n      }),\n      resultsInnerLabel: loadData({\n        from: inputs.dataset,\n        select: [inputs.innerLabelMeasure],\n      }),\n    };\n  },\n  events: {\n    onSegmentClick: (value) => {\n      return {\n        dimensionValue: value.dimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","dataset","measure","dimension","title","description","showLegend","maxLegendItems","showTooltips","showValueLabels","DonutLabelChartPro_emb","defineComponent","DonutChartPro","inputs","loadData","value","Value"],"mappings":";;;;AAeO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACAC;AAAA,IACAC;AAAA,IACA,EAAE,GAAGD,GAAS,MAAM,qBAAqB,OAAO,sBAAA;AAAA,IAChD;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,MACV,UAAU;AAAA,IAAA;AAAA,IAEZE;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAEAC,IAAeC,EAAgBC,GAAeZ,GAAM;AAAA,EAClD,OAAO,CAACa,OACC;AAAA,IACL,GAAGA;AAAA,IACH,SAASC,EAAS;AAAA,MAChB,MAAMD,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,SAASA,EAAO,SAAS;AAAA,IAAA,CAC1C;AAAA,IACD,mBAAmBC,EAAS;AAAA,MAC1B,MAAMD,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,iBAAiB;AAAA,IAAA,CAClC;AAAA,EAAA;AAAA,EAGL,QAAQ;AAAA,IACN,gBAAgB,CAACE,OACR;AAAA,MACL,gBAAgBA,EAAM,kBAAkBC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3D;AAEJ,CAAC;"}
+{"version":3,"file":"DonutLabelChartPro.js","sources":["../src/components/charts/pies/DonutLabelChartPro/DonutLabelChartPro.emb.ts"],"sourcesContent":["import DonutChartPro from './index';\nimport { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { inputs } from '../../../component.inputs.constants';\n\nexport const meta = {\n  name: 'DonutLabelChartPro',\n  label: 'Donut Label Chart',\n  category: 'Pie Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    inputs.dimension,\n    { ...inputs.measure, name: 'innerLabelMeasure', label: 'Inner Label Measure' },\n    {\n      ...inputs.string,\n      name: 'innerLabelText',\n      label: 'Inner Label Text',\n      description: 'Text to display inside the donut chart',\n      category: 'Component Data',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.showLegend,\n    inputs.maxLegendItems,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n  ],\n  events: [\n    {\n      name: 'onSegmentClick',\n      label: 'A segment is clicked',\n      properties: [\n        {\n          name: 'dimensionValue',\n          label: 'Clicked Dimension',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(DonutChartPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.measure, inputs.dimension],\n      }),\n      resultsInnerLabel: loadData({\n        from: inputs.dataset,\n        select: [inputs.innerLabelMeasure],\n      }),\n    };\n  },\n  events: {\n    onSegmentClick: (value) => {\n      return {\n        dimensionValue: value.dimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","inputs","DonutLabelChartPro_emb","defineComponent","DonutChartPro","loadData","value","Value"],"mappings":";;;;AAKO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,SAAS,MAAM,qBAAqB,OAAO,sBAAA;AAAA,IACvD;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IAEZA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,EAAA;AAAA,EAET,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAEAC,IAAeC,EAAgBC,GAAeJ,GAAM;AAAA,EAClD,OAAO,CAACC,OACC;AAAA,IACL,GAAGA;AAAAA,IACH,SAASI,EAAS;AAAA,MAChB,MAAMJ,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,SAASA,EAAO,SAAS;AAAA,IAAA,CAC1C;AAAA,IACD,mBAAmBI,EAAS;AAAA,MAC1B,MAAMJ,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,iBAAiB;AAAA,IAAA,CAClC;AAAA,EAAA;AAAA,EAGL,QAAQ;AAAA,IACN,gBAAgB,CAACK,OACR;AAAA,MACL,gBAAgBA,EAAM,kBAAkBC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3D;AAEJ,CAAC;"}