@embeddable.com/remarkable-ui 1.0.6 → 2.0.2

package/dist/ColorEditor.js

@@ -1,38 +0,0 @@
-import { defineEditor as l } from "@embeddable.com/react";
-import { C as a } from "./Color.type.emb-CTiA_AzI.js";
-import { j as n, A as i, I as p, V as u } from "./TablePaginated-pVrIngVd.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);
-  return C(() => {
-    e(o);
-  }, [o, e]), /* @__PURE__ */ n.jsxs("div", { className: s.colorInputContainer, children: [
-    /* @__PURE__ */ n.jsx(
-      "input",
-      {
-        type: "color",
-        className: s.colorInput,
-        value: r ?? "#FFFFFF",
-        onChange: (c) => t(c.target.value)
-      }
-    ),
-    r && /* @__PURE__ */ n.jsx(i, { icon: p, onClick: () => t(void 0) })
-  ] });
-}, _ = {
-  name: "ColorEditor",
-  label: "Color Editor",
-  type: a
-}, y = l(f, _, {
-  inputs: (o, t) => ({
-    value: o,
-    onChange: (r) => t(u.of(r))
-  })
-});
-export {
-  y as default,
-  _ as meta
-};
-//# sourceMappingURL=ColorEditor.js.map

package/dist/ColorEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorEditor.js","sources":["../src/remarkable-pro/editors/ColorEditor/index.tsx","../src/remarkable-pro/editors/ColorEditor/ColorEditor.emb.ts"],"sourcesContent":["import { useState, useEffect, FC } from 'react';\nimport styles from './ColorEditor.module.css';\nimport { ActionIcon } from '../../../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/ComparisonPeriod.type.emb-CQ63PFtq.js

@@ -1,14 +0,0 @@
-import { i as r, W as o } from "./TablePaginated-pVrIngVd.js";
-const e = r("comparisonPeriod", {
-  label: "Comparison Period",
-  optionLabel: (i) => i
-});
-o(e, "Previous period");
-o(e, "Previous week");
-o(e, "Previous month");
-o(e, "Previous quarter");
-o(e, "Previous year");
-export {
-  e as C
-};
-//# sourceMappingURL=ComparisonPeriod.type.emb-CQ63PFtq.js.map

package/dist/ComparisonPeriod.type.emb-CQ63PFtq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComparisonPeriod.type.emb-CQ63PFtq.js","sources":["../src/remarkable-pro/components/types/ComparisonPeriod.type.emb.ts"],"sourcesContent":["import { defineOption, defineType } from '@embeddable.com/core';\n\nconst ComparisonPeriodType = defineType('comparisonPeriod', {\n  label: 'Comparison Period',\n  optionLabel: (value: string) => value,\n});\n\ndefineOption(ComparisonPeriodType, 'Previous period');\ndefineOption(ComparisonPeriodType, 'Previous week');\ndefineOption(ComparisonPeriodType, 'Previous month');\ndefineOption(ComparisonPeriodType, 'Previous quarter');\ndefineOption(ComparisonPeriodType, 'Previous year');\n\nexport default ComparisonPeriodType;\n"],"names":["ComparisonPeriodType","defineType","value","defineOption"],"mappings":";AAEA,MAAMA,IAAuBC,EAAW,oBAAoB;AAAA,EAC1D,OAAO;AAAA,EACP,aAAa,CAACC,MAAkBA;AAClC,CAAC;AAEDC,EAAaH,GAAsB,iBAAiB;AACpDG,EAAaH,GAAsB,eAAe;AAClDG,EAAaH,GAAsB,gBAAgB;AACnDG,EAAaH,GAAsB,kBAAkB;AACrDG,EAAaH,GAAsB,eAAe;"}

package/dist/ComparisonPeriodSelectFieldPro.js

@@ -1,107 +0,0 @@
-import { useTheme as v, defineComponent as h } from "@embeddable.com/react";
-import { h as y, j as l, V as m } from "./TablePaginated-pVrIngVd.js";
-import { useMemo as P, useEffect as f } from "react";
-import { S as b } from "./SingleSelectField-ammJ2Zc2.js";
-import { g as C, u as S, a as F } from "./editors.timeRange.utils-D9m6B3r1.js";
-import { E as R, i as M, r as k, z as D, t as T, b as j, M as x } from "./component.constants-VpbbPSIL.js";
-import { E } from "./EditorCard-CB-re8Qn.js";
-import { C as s } from "./ComparisonPeriod.type.emb-CQ63PFtq.js";
-/**
- * @license @tabler/icons-react v3.35.0 - 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: "M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v4", key: "svg-0" }], ["path", { d: "M18 18m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0", key: "svg-1" }], ["path", { d: "M15 3v4", key: "svg-2" }], ["path", { d: "M7 3v4", key: "svg-3" }], ["path", { d: "M3 11h16", key: "svg-4" }], ["path", { d: "M18 16.496v1.504l1 1", key: "svg-5" }]], O = y("outline", "calendar-time", "CalendarTime", L), I = (e, a) => !e || a.some((o) => o.value === e), V = (e, a) => e.map((o) => ({
-  rightLabel: a ? C(o.getRange(a), o.dateFormat) : "",
-  value: o.value,
-  label: R(o.label)
-})), A = (e) => {
-  const a = v();
-  M(a);
-  const { description: o, placeholder: p, title: d, comparisonPeriod: r, onChange: t } = k(e), i = a.defaults.comparisonPeriodsOptions, n = P(
-    () => I(r, i),
-    [r, i]
-  );
-  f(() => {
-    n || t(void 0);
-  }, [n, t]);
-  const { dayjsLocaleReady: c } = S(), u = F(e.primaryDateRange, a);
-  if (!c)
-    return null;
-  const g = V(
-    i,
-    u
-  );
-  return /* @__PURE__ */ l.jsx(E, { title: d, subtitle: o, children: /* @__PURE__ */ l.jsx(
-    b,
-    {
-      startIcon: O,
-      clearable: !0,
-      placeholder: p,
-      value: n ? r : void 0,
-      onChange: t,
-      options: g,
-      noOptionsMessage: D.t("common.noOptionsAvailable")
-    }
-  ) });
-}, _ = {
-  name: "ComparisonPeriodSelectFieldPro",
-  label: "Comparison Period Select Field",
-  category: "Dropdowns",
-  defaultWidth: 300,
-  defaultHeight: 120,
-  inputs: [
-    { ...T },
-    { ...j },
-    { ...x, defaultValue: "Select a date-comparison" },
-    {
-      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: s,
-      label: "Selected Comparison Period",
-      category: "Pre-configured variables"
-    }
-  ],
-  events: [
-    {
-      name: "onChange",
-      label: "selected comparison-period updated",
-      properties: [
-        {
-          name: "value",
-          label: "selected comparison-period",
-          type: s
-        }
-      ]
-    }
-  ],
-  variables: [
-    {
-      name: "comparison-period value",
-      type: s,
-      defaultValue: m.noFilter(),
-      inputs: ["comparisonPeriod"],
-      events: [{ name: "onChange", property: "value" }]
-    }
-  ]
-}, J = h(A, _, {
-  /* @ts-expect-error - to be fixed in @embeddable.com/react */
-  props: (e) => e,
-  events: {
-    onChange: (e) => ({
-      value: e || m.noFilter()
-    })
-  }
-});
-export {
-  J as default,
-  _ as meta
-};
-//# sourceMappingURL=ComparisonPeriodSelectFieldPro.js.map

package/dist/ComparisonPeriodSelectFieldPro.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComparisonPeriodSelectFieldPro.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconCalendarTime.mjs","../src/remarkable-pro/components/editors/ComparisonPeriodSelectFieldPro/ComparisonPeriodSelectFieldPro.utils.ts","../src/remarkable-pro/components/editors/ComparisonPeriodSelectFieldPro/index.tsx","../src/remarkable-pro/components/editors/ComparisonPeriodSelectFieldPro/ComparisonPeriodSelectFieldPro.emb.ts"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.35.0 - 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\": \"M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v4\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M18 18m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M15 3v4\", \"key\": \"svg-2\" }], [\"path\", { \"d\": \"M7 3v4\", \"key\": \"svg-3\" }], [\"path\", { \"d\": \"M3 11h16\", \"key\": \"svg-4\" }], [\"path\", { \"d\": \"M18 16.496v1.504l1 1\", \"key\": \"svg-5\" }]];\nconst IconCalendarTime = createReactComponent(\"outline\", \"calendar-time\", \"CalendarTime\", __iconNode);\n\nexport { __iconNode, IconCalendarTime as default };\n//# sourceMappingURL=IconCalendarTime.mjs.map\n","import { SelectListOptionProps } from '../../../../remarkable-ui';\nimport { TimeRange } from '@embeddable.com/core';\nimport { ComparisonPeriodSelectFieldProOption } from './ComparisonPeriodSelectFieldPro.types';\nimport { getTimeRangeLabel } from '../editors.timeRange.utils';\nimport { resolveI18nString } from '../../component.utils';\n\n// Checks if the comparison period type is available in the embeddable types\nexport const isComparisonPeriodAvailable = (\n  option: string | undefined,\n  comparisonPeriodSelectFieldProOptions: ComparisonPeriodSelectFieldProOption[],\n): boolean => {\n  return !option || comparisonPeriodSelectFieldProOptions.some((opt) => opt.value === option);\n};\n\nexport const getComparisonPeriodSelectFieldProOptions = (\n  comparisonPeriodSelectFieldProOptions: ComparisonPeriodSelectFieldProOption[],\n  toCompareTimeRange: TimeRange,\n): SelectListOptionProps[] => {\n  return comparisonPeriodSelectFieldProOptions.map((option) => {\n    return {\n      rightLabel: toCompareTimeRange\n        ? getTimeRangeLabel(option.getRange(toCompareTimeRange), option.dateFormat)\n        : '',\n      value: option.value,\n      label: resolveI18nString(option.label),\n    };\n  });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { SingleSelectField } from '../../../../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 { IconCalendarTime } from '@tabler/icons-react';\nimport { i18n, i18nSetup } from '../../../theme/i18n/i18n';\nimport {\n  getComparisonPeriodSelectFieldProOptions,\n  isComparisonPeriodAvailable,\n} from './ComparisonPeriodSelectFieldPro.utils';\nimport { getTimeRangeFromTo } from '../editors.timeRange.utils';\nimport { useEffect, useMemo } from 'react';\n\ntype DateComparisonSelectFieldPro = {\n  title?: string;\n  description?: string;\n  placeholder?: string;\n  primaryDateRange?: TimeRange;\n  comparisonPeriod?: string;\n  onChange: (newComparisonPeriod?: string) => void;\n};\n\nconst DateComparisonSelectFieldPro = (props: DateComparisonSelectFieldPro) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { description, placeholder, title, comparisonPeriod, onChange } = resolveI18nProps(props);\n\n  const comparisonPeriodOptions = theme.defaults.comparisonPeriodsOptions;\n\n  const comparisonPeriodAvailable = useMemo(\n    () => isComparisonPeriodAvailable(comparisonPeriod, comparisonPeriodOptions),\n    [comparisonPeriod, comparisonPeriodOptions],\n  );\n\n  // If the current comparison period is not available, reset the field\n  useEffect(() => {\n    if (!comparisonPeriodAvailable) {\n      onChange(undefined);\n    }\n  }, [comparisonPeriodAvailable, onChange]);\n\n  const { dayjsLocaleReady } = useLoadDayjsLocale();\n\n  // Obtain the actual range for the selected primaryDateRange\n  const primaryDateRange = getTimeRangeFromTo(props.primaryDateRange, theme);\n\n  if (!dayjsLocaleReady) {\n    return null;\n  }\n\n  const options = getComparisonPeriodSelectFieldProOptions(\n    comparisonPeriodOptions,\n    primaryDateRange,\n  );\n\n  return (\n    <EditorCard title={title} subtitle={description}>\n      <SingleSelectField\n        startIcon={IconCalendarTime}\n        clearable\n        placeholder={placeholder}\n        value={comparisonPeriodAvailable ? comparisonPeriod : undefined}\n        onChange={onChange}\n        options={options}\n        noOptionsMessage={i18n.t('common.noOptionsAvailable')}\n      />\n    </EditorCard>\n  );\n};\n\nexport default DateComparisonSelectFieldPro;\n","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":["__iconNode","IconCalendarTime","createReactComponent","isComparisonPeriodAvailable","option","comparisonPeriodSelectFieldProOptions","opt","getComparisonPeriodSelectFieldProOptions","toCompareTimeRange","getTimeRangeLabel","resolveI18nString","DateComparisonSelectFieldPro","props","theme","useTheme","i18nSetup","description","placeholder","title","comparisonPeriod","onChange","resolveI18nProps","comparisonPeriodOptions","comparisonPeriodAvailable","useMemo","useEffect","dayjsLocaleReady","useLoadDayjsLocale","primaryDateRange","getTimeRangeFromTo","options","jsx","EditorCard","SingleSelectField","i18n","meta","ComparisonPeriodType","Value","ComparisonPeriodSelectFieldPro_emb","defineComponent","ComparisonPeriodSelectFieldPro","inputs","value"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/DateRangeSelectFieldPro.js

@@ -1,63 +0,0 @@
-import { defineComponent as t } from "@embeddable.com/react";
-import { V as a } from "./TablePaginated-pVrIngVd.js";
-import { D as l } from "./index-BYbp2vA7.js";
-import { t as n, b as r, M as o, C as i } from "./component.constants-VpbbPSIL.js";
-const d = {
-  name: "DateRangeSelectFieldPro",
-  label: "Date Range Select Field",
-  category: "Dropdowns",
-  defaultWidth: 300,
-  defaultHeight: 120,
-  inputs: [
-    { ...n },
-    { ...r },
-    { ...o, defaultValue: "Select a date-range" },
-    { ...i, name: "clearable", label: "Can be cleared", defaultValue: !0 },
-    {
-      name: "selectedValue",
-      type: "timeRange",
-      label: "Selected Value",
-      category: "Pre-configured variables"
-    }
-  ],
-  events: [
-    {
-      name: "onChange",
-      label: "selected date-range updated",
-      properties: [
-        {
-          name: "value",
-          label: "selected date-range",
-          type: "timeRange"
-        }
-      ]
-    }
-  ],
-  variables: [
-    {
-      name: "date-range value",
-      type: "timeRange",
-      defaultValue: a.noFilter(),
-      inputs: ["selectedValue"],
-      events: [{ name: "onChange", property: "value" }]
-    }
-  ]
-}, c = t(l, d, {
-  props: (e) => ({
-    ...e
-  }),
-  events: {
-    onChange: (e) => ({
-      value: e ? {
-        ...e,
-        relativeTimeString: ""
-        // This is prioritised over the from and to dates, so we don't pass this for now (as we don't want Cube parsing this instead of using the calculated dates)
-      } : a.noFilter()
-    })
-  }
-});
-export {
-  c as default,
-  d as meta
-};
-//# sourceMappingURL=DateRangeSelectFieldPro.js.map

package/dist/DateRangeSelectFieldPro.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateRangeSelectFieldPro.js","sources":["../src/remarkable-pro/components/editors/DateRangeSelectFieldPro/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 Select Field',\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  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      return {\n        value: range\n          ? {\n              ...range,\n              relativeTimeString: '', // This is prioritised over the from and to dates, so we don't pass this for now (as we don't want Cube parsing this instead of using the calculated dates)\n            }\n          : Value.noFilter(),\n      };\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,EAAE,GAAGC,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,OACF;AAAA,MACL,OAAOA,IACH;AAAA,QACE,GAAGA;AAAA,QACH,oBAAoB;AAAA;AAAA,MAAA,IAEtBL,EAAM,SAAA;AAAA,IAAS;AAAA,EAEvB;AAEJ,CAAC;"}

package/dist/DonutChartPro.js

@@ -1,51 +0,0 @@
-import { V as a, l as s } from "./TablePaginated-pVrIngVd.js";
-import { defineComponent as t } from "@embeddable.com/react";
-import { D as o } from "./index-DcyTRz2V.js";
-import { d as n, q as r, u as i, t as m, b as l, s as d, F as u, c, e as p } from "./component.constants-VpbbPSIL.js";
-const C = {
-  name: "DonutChartPro",
-  label: "Donut Chart",
-  category: "Pie Charts",
-  inputs: [
-    n,
-    r,
-    i,
-    m,
-    l,
-    d,
-    u,
-    c,
-    p
-  ],
-  events: [
-    {
-      name: "onSegmentClick",
-      label: "A segment is clicked",
-      properties: [
-        {
-          name: "dimensionValue",
-          label: "Clicked Dimension",
-          type: "string"
-        }
-      ]
-    }
-  ]
-}, b = t(o, C, {
-  props: (e) => ({
-    ...e,
-    results: s({
-      from: e.dataset,
-      select: [e.measure, e.dimension]
-    })
-  }),
-  events: {
-    onSegmentClick: (e) => ({
-      dimensionValue: e.dimensionValue || a.noFilter()
-    })
-  }
-});
-export {
-  b as default,
-  C as meta
-};
-//# sourceMappingURL=DonutChartPro.js.map

package/dist/DonutChartPro.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DonutChartPro.js","sources":["../src/remarkable-pro/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;"}

package/dist/DonutLabelChartPro.js

@@ -1,64 +0,0 @@
-import { D as n } from "./index-DtmAIOuh.js";
-import { V as s, l as a } from "./TablePaginated-pVrIngVd.js";
-import { defineComponent as r } from "@embeddable.com/react";
-import { d as o, q as t, u as l, t as i, b as m, s as d, F as u, c as b, e as c } from "./component.constants-VpbbPSIL.js";
-const p = {
-  name: "DonutLabelChartPro",
-  label: "Donut Label Chart",
-  category: "Pie Charts",
-  inputs: [
-    o,
-    t,
-    l,
-    { ...t, name: "innerLabelMeasure", label: "Inner Label Measure" },
-    {
-      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
-  ],
-  events: [
-    {
-      name: "onSegmentClick",
-      label: "A segment is clicked",
-      properties: [
-        {
-          name: "dimensionValue",
-          label: "Clicked Dimension",
-          type: "string"
-        }
-      ]
-    }
-  ]
-}, g = r(n, p, {
-  props: (e) => ({
-    ...e,
-    results: a({
-      from: e.dataset,
-      select: [e.measure, e.dimension]
-    }),
-    resultsInnerLabel: a({
-      from: e.dataset,
-      select: [e.innerLabelMeasure]
-    })
-  }),
-  events: {
-    onSegmentClick: (e) => ({
-      dimensionValue: e.dimensionValue || s.noFilter()
-    })
-  }
-});
-export {
-  g as default,
-  p as meta
-};
-//# sourceMappingURL=DonutLabelChartPro.js.map

package/dist/DonutLabelChartPro.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DonutLabelChartPro.js","sources":["../src/remarkable-pro/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;"}

package/dist/EditorCard-CB-re8Qn.js

@@ -1,75 +0,0 @@
-import { h as i, j as o, C as l, o as u, n as d } from "./TablePaginated-pVrIngVd.js";
-import { useEffect as m } from "react";
-import { useTheme as y } from "@embeddable.com/react";
-import { i as g, N as h, z as f, a5 as C } from "./component.constants-VpbbPSIL.js";
-/**
- * @license @tabler/icons-react v3.35.0 - MIT
- *
- * This source code is licensed under the MIT license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const _ = [["path", { d: "M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0", key: "svg-0" }], ["path", { d: "M21 21l-6 -6", key: "svg-1" }]], E = i("outline", "search", "Search", _), N = (t) => {
-  const s = t.reduce((e, r) => {
-    if ("category" in r && r.category) {
-      const a = r.category;
-      e[a] || (e[a] = []), e[a].push(r);
-    }
-    return e;
-  }, {});
-  return Object.keys(s).length === 0 ? null : s;
-}, p = "_searchField_fsiyv_1", F = "_submitButton_fsiyv_5", I = {
-  searchField: p,
-  submitButton: F
-}, $ = (t, s) => {
-  m(() => {
-    t && setTimeout(() => {
-      var e;
-      (e = s.current) == null || e.focus();
-    }, 100);
-  }, [t, s]);
-}, j = "_selectFieldCategory_fdkgf_1", x = {
-  selectFieldCategory: j
-}, w = ({ label: t }) => /* @__PURE__ */ o.jsx("span", { className: x.selectFieldCategory, children: t });
-function z(t, s = 300) {
-  let e;
-  return (...r) => {
-    clearTimeout(e), e = setTimeout(() => {
-      t(...r);
-    }, s);
-  };
-}
-const b = "_card_15bw3_1", S = {
-  card: b
-}, A = ({
-  title: t,
-  subtitle: s,
-  children: e,
-  errorMessage: r,
-  ...a
-}) => {
-  const c = y();
-  g(c);
-  const n = () => r ? /* @__PURE__ */ o.jsx(
-    h,
-    {
-      variant: "error",
-      icon: C,
-      title: f.t("editors.errorTitle"),
-      message: r
-    }
-  ) : e;
-  return /* @__PURE__ */ o.jsxs(l, { className: S.card, ...a, children: [
-    /* @__PURE__ */ o.jsx(u, { title: t, subtitle: s }),
-    /* @__PURE__ */ o.jsx(d, { children: n() })
-  ] });
-};
-export {
-  A as E,
-  E as I,
-  w as S,
-  z as d,
-  N as g,
-  I as s,
-  $ as u
-};
-//# sourceMappingURL=EditorCard-CB-re8Qn.js.map

package/dist/EditorCard-CB-re8Qn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditorCard-CB-re8Qn.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconSearch.mjs","../src/remarkable-ui/components/editors/selects/shared/SelectFieldContent/SelectFieldContent.utils.ts","../src/remarkable-ui/components/editors/selects/shared/useSelectSearchFocus.hook.ts","../src/remarkable-ui/components/editors/selects/shared/SelectFieldContent/SelectFieldOptions/SelectFieldCategory/SelectFieldCategory.tsx","../src/remarkable-ui/utils/debounce.utils.ts","../src/remarkable-pro/components/editors/shared/EditorCard/EditorCard.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.35.0 - 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\": \"M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M21 21l-6 -6\", \"key\": \"svg-1\" }]];\nconst IconSearch = createReactComponent(\"outline\", \"search\", \"Search\", __iconNode);\n\nexport { __iconNode, IconSearch as default };\n//# sourceMappingURL=IconSearch.mjs.map\n","import {\n  SelectListOptionProps,\n  SelectListOptionPropsWithCategory,\n} from './SelectFieldOptions/SelectFieldOption/SelectFieldOption';\n\ntype GroupedOptions = {\n  [category: string]: SelectListOptionPropsWithCategory[];\n};\n\nexport const groupOptionsByCategory = (\n  options: (SelectListOptionProps | SelectListOptionPropsWithCategory)[],\n): GroupedOptions | null => {\n  const result = options.reduce<GroupedOptions>((acc, option) => {\n    if ('category' in option && option.category) {\n      const category = option.category;\n      if (!acc[category]) {\n        acc[category] = [];\n      }\n      acc[category].push(option);\n    }\n    return acc;\n  }, {});\n\n  // Return null if no categories were found\n  return Object.keys(result).length === 0 ? null : result;\n};\n","import { useEffect } from 'react';\n\nexport const useSelectSearchFocus = (\n  isOpen: boolean,\n  searchFieldRef: React.RefObject<HTMLInputElement | null>,\n) => {\n  useEffect(() => {\n    if (isOpen) {\n      setTimeout(() => {\n        (searchFieldRef.current as unknown as HTMLInputElement)?.focus();\n      }, 100);\n    }\n  }, [isOpen, searchFieldRef]);\n};\n","import { FC } from 'react';\nimport styles from './SelectFieldCategory.module.css';\n\ntype SelectFieldCategoryProps = {\n  label: string;\n};\n\nexport const SelectFieldCategory: FC<SelectFieldCategoryProps> = ({ label }) => {\n  return <span className={styles.selectFieldCategory}>{label}</span>;\n};\n","// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function debounce<T extends (...args: any[]) => void>(\n  fn: T,\n  delay = 300,\n): (...args: Parameters<T>) => void {\n  let timer: NodeJS.Timeout;\n  return (...args: Parameters<T>) => {\n    clearTimeout(timer);\n    timer = setTimeout(() => {\n      fn(...args);\n    }, delay);\n  };\n}\n","import { useTheme } from '@embeddable.com/react';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport styles from './EditorCard.module.css';\nimport { FC } from 'react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { Card, CardContent, CardFeedback, CardHeader } from '../../../../../remarkable-ui';\nimport { IconAlertCircle } from '@tabler/icons-react';\n\ntype EditorCardProps = {\n  title?: string;\n  subtitle?: string;\n  children: React.ReactNode;\n  errorMessage?: string;\n};\n\nexport const EditorCard: FC<EditorCardProps> = ({\n  title,\n  subtitle,\n  children,\n  errorMessage,\n  ...props\n}) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const getDisplay = () => {\n    if (errorMessage) {\n      return (\n        <CardFeedback\n          variant=\"error\"\n          icon={IconAlertCircle}\n          title={i18n.t('editors.errorTitle')}\n          message={errorMessage}\n        />\n      );\n    }\n\n    return children;\n  };\n\n  return (\n    <Card className={styles.card} {...props}>\n      <CardHeader title={title} subtitle={subtitle} />\n      <CardContent>{getDisplay()}</CardContent>\n    </Card>\n  );\n};\n"],"names":["__iconNode","IconSearch","createReactComponent","groupOptionsByCategory","options","result","acc","option","category","useSelectSearchFocus","isOpen","searchFieldRef","useEffect","_a","SelectFieldCategory","label","jsx","styles","debounce","fn","delay","timer","args","EditorCard","title","subtitle","children","errorMessage","props","theme","useTheme","i18nSetup","getDisplay","CardFeedback","IconAlertCircle","i18n","Card","CardHeader","CardContent"],"mappings":";;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,8CAA8C,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,gBAAgB,KAAO,QAAO,CAAE,CAAC,GAChJC,IAAaC,EAAqB,WAAW,UAAU,UAAUF,CAAU,GCDpEG,IAAyB,CACpCC,MAC0B;AAC1B,QAAMC,IAASD,EAAQ,OAAuB,CAACE,GAAKC,MAAW;AAC7D,QAAI,cAAcA,KAAUA,EAAO,UAAU;AAC3C,YAAMC,IAAWD,EAAO;AACxB,MAAKD,EAAIE,CAAQ,MACfF,EAAIE,CAAQ,IAAI,CAAA,IAElBF,EAAIE,CAAQ,EAAE,KAAKD,CAAM;AAAA,IAC3B;AACA,WAAOD;AAAA,EACT,GAAG,CAAA,CAAE;AAGL,SAAO,OAAO,KAAKD,CAAM,EAAE,WAAW,IAAI,OAAOA;AACnD;;;GCvBaI,IAAuB,CAClCC,GACAC,MACG;AACH,EAAAC,EAAU,MAAM;AACd,IAAIF,KACF,WAAW,MAAM;;AACd,OAAAG,IAAAF,EAAe,YAAf,QAAAE,EAAwD;AAAA,IAC3D,GAAG,GAAG;AAAA,EAEV,GAAG,CAACH,GAAQC,CAAc,CAAC;AAC7B;;GCNaG,IAAoD,CAAC,EAAE,OAAAC,QAC3DC,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAWC,EAAO,qBAAsB,UAAAF,GAAM;ACPtD,SAASG,EACdC,GACAC,IAAQ,KAC0B;AAClC,MAAIC;AACJ,SAAO,IAAIC,MAAwB;AACjC,iBAAaD,CAAK,GAClBA,IAAQ,WAAW,MAAM;AACvB,MAAAF,EAAG,GAAGG,CAAI;AAAA,IACZ,GAAGF,CAAK;AAAA,EACV;AACF;;;GCGaG,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAMG,IAAa,MACbL,IAEAX,gBAAAA,EAAAA;AAAAA,IAACiB;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAMC;AAAA,MACN,OAAOC,EAAK,EAAE,oBAAoB;AAAA,MAClC,SAASR;AAAA,IAAA;AAAA,EAAA,IAKRD;AAGT,gCACGU,GAAA,EAAK,WAAWnB,EAAO,MAAO,GAAGW,GAChC,UAAA;AAAA,IAAAZ,gBAAAA,EAAAA,IAACqB,GAAA,EAAW,OAAAb,GAAc,UAAAC,EAAA,CAAoB;AAAA,IAC9CT,gBAAAA,EAAAA,IAACsB,GAAA,EAAa,UAAAN,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;","x_google_ignoreList":[0]}