@embeddable.com/remarkable-pro 0.3.3 → 0.3.5

package/dist/definition-CZyXOTWy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-CZyXOTWy.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconPlus.mjs","../src/components/editors/FilterBuilderPro/components/FilterBuilderItemNumberValueField.tsx","../src/components/editors/FilterBuilderPro/components/FilterBuilderTextValueField.tsx","../src/components/editors/FilterBuilderPro/FilterBuilderPro.utils.ts","../src/components/editors/FilterBuilderPro/components/FilterBuilderItemValueField.utils.ts","../src/components/editors/FilterBuilderPro/components/FilterBuilderItemValueField.tsx","../src/components/editors/FilterBuilderPro/components/FilterBuilderItemOperatorValueFields.tsx","../src/components/editors/FilterBuilderPro/components/FilterBuilderItem.tsx","../src/components/editors/FilterBuilderPro/index.tsx","../src/components/editors/FilterBuilderPro/definition.ts"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.44.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\": \"M12 5l0 14\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M5 12l14 0\", \"key\": \"svg-1\" }]];\nconst IconPlus = createReactComponent(\"outline\", \"plus\", \"Plus\", __iconNode);\n\nexport { __iconNode, IconPlus as default };\n//# sourceMappingURL=IconPlus.mjs.map\n","import React, { useEffect, useRef, useState } from 'react';\nimport { useDebounce } from '@embeddable.com/remarkable-ui';\nimport { FilterBuilderFilter } from '../definition';\nimport styles from '../FilterBuilderPro.module.css';\nimport { i18n } from '../../../../theme/i18n/i18n';\n\nexport type FilterBuilderItemNumberValueFieldProps = {\n  filter: FilterBuilderFilter;\n  onSelectValue: (value: number | number[] | null) => void;\n};\n\nconst getOnChangeValue = (v: React.ChangeEvent<HTMLInputElement>) => {\n  return v.target.value === '' ? null : Number(v.target.value);\n};\n\nconst FilterBuilderItemNumberValueField = ({\n  filter,\n  onSelectValue,\n}: FilterBuilderItemNumberValueFieldProps) => {\n  const [value, setValue] = useState<number | null>((filter?.value as number) ?? null);\n  const [min, setMin] = useState<number | null>(\n    Array.isArray(filter.value) ? ((filter.value as number[])[0] ?? null) : null,\n  );\n  const [max, setMax] = useState<number | null>(\n    Array.isArray(filter.value) ? ((filter.value as number[])[1] ?? null) : null,\n  );\n  const firstInputRef = useRef<HTMLInputElement>(null);\n\n  const debouncedSelectValue = useDebounce((value: number | number[] | null) => {\n    onSelectValue(value);\n  });\n\n  useEffect(() => {\n    if (min != null && max != null) {\n      debouncedSelectValue([min, max]);\n    }\n  }, [min, max, debouncedSelectValue]);\n\n  useEffect(() => {\n    if (value != null) {\n      debouncedSelectValue(value);\n    }\n  }, [value, debouncedSelectValue]);\n\n  useEffect(() => {\n    if (filter.value) return;\n\n    setTimeout(() => {\n      firstInputRef.current?.focus();\n    }, 100);\n  }, [filter.value, filter.operator]);\n\n  if (filter.operator === 'between') {\n    return (\n      <>\n        <input\n          ref={firstInputRef}\n          type=\"number\"\n          className={styles.valueInput}\n          value={min ?? ''}\n          onChange={(e) => setMin(getOnChangeValue(e))}\n        />\n        <button disabled className={styles.operatorButton}>\n          {i18n.t('editors.filterBuilder.betweenAnd')}\n        </button>\n        <input\n          type=\"number\"\n          className={styles.valueInput}\n          value={max ?? ''}\n          onChange={(e) => setMax(getOnChangeValue(e))}\n        />\n      </>\n    );\n  }\n\n  return (\n    <input\n      ref={firstInputRef}\n      type=\"number\"\n      className={styles.valueInput}\n      value={value ?? ''}\n      onChange={(v) => setValue(getOnChangeValue(v))}\n    />\n  );\n};\n\nexport default FilterBuilderItemNumberValueField;\n","import { useEffect, useRef, useState } from 'react';\nimport { useDebounce } from '@embeddable.com/remarkable-ui';\nimport { FilterBuilderFilter } from '../definition';\nimport styles from '../FilterBuilderPro.module.css';\n\nexport type FilterBuilderTextValueFieldProps = {\n  filter: FilterBuilderFilter;\n  onSelectValue: (value: string | null) => void;\n};\n\nconst FilterBuilderTextValueField = ({\n  filter,\n  onSelectValue,\n}: FilterBuilderTextValueFieldProps) => {\n  const [value, setValue] = useState<string>((filter?.value as string) ?? '');\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const debouncedSelectValue = useDebounce((value: string | null) => {\n    onSelectValue(value);\n  });\n\n  useEffect(() => {\n    debouncedSelectValue(value || null);\n  }, [value, debouncedSelectValue]);\n\n  useEffect(() => {\n    if (filter.value) return;\n\n    setTimeout(() => {\n      inputRef.current?.focus();\n    }, 100);\n  }, [filter.value, filter.operator]);\n\n  return (\n    <input\n      ref={inputRef}\n      type=\"text\"\n      className={styles.valueInput}\n      value={value}\n      onChange={(e) => setValue(e.target.value)}\n    />\n  );\n};\n\nexport default FilterBuilderTextValueField;\n","import { DimensionOrMeasure, FilterOperator, NativeDataType } from '@embeddable.com/core';\nimport { FilterBuilderFilter } from './definition';\n\nexport const operatorStringBoolean = {\n  is: 'is',\n  isNot: 'isNot',\n  isOneOf: 'isOneOf',\n  isNotOneOf: 'isNotOneOf',\n  contains: 'contains',\n};\n\nexport const operatorStringBooleanMappedFilterOperator = {\n  [operatorStringBoolean.is]: FilterOperator.equals,\n  [operatorStringBoolean.isNot]: FilterOperator.notEquals,\n  [operatorStringBoolean.isOneOf]: FilterOperator.contains,\n  [operatorStringBoolean.isNotOneOf]: FilterOperator.notContains,\n  [operatorStringBoolean.contains]: FilterOperator.contains,\n};\n\nexport const operatorNumber = {\n  equals: FilterOperator.equals,\n  notEquals: FilterOperator.notEquals,\n  gte: FilterOperator.gte,\n  lte: FilterOperator.lte,\n  between: 'between',\n};\n\nexport const operatorNumberMappedFilterOperator: Record<string, FilterOperator> = {\n  [operatorNumber.equals]: FilterOperator.equals,\n  [operatorNumber.notEquals]: FilterOperator.notEquals,\n  [operatorNumber.gte]: FilterOperator.gte,\n  [operatorNumber.lte]: FilterOperator.lte,\n};\n\nexport const filterBuilderAndOrOperator = {\n  AND: 'and',\n  OR: 'or',\n};\nexport type FilterBuilderAndOrOperator =\n  (typeof filterBuilderAndOrOperator)[keyof typeof filterBuilderAndOrOperator];\n\nexport const FILTER_BUILDER_PRO_SUPPORTED_TYPES: string[] = [\n  NativeDataType.string,\n  NativeDataType.boolean,\n  NativeDataType.number,\n];\n\nexport const getSupportedDimensionsAndMeasures = (dimensionsAndMeasures: DimensionOrMeasure[]) => {\n  return dimensionsAndMeasures.filter((d) =>\n    FILTER_BUILDER_PRO_SUPPORTED_TYPES.includes(d.nativeType),\n  );\n};\n\nexport type FilterBuilderClause =\n  | {\n      property: string;\n      operator: FilterOperator;\n      value: FilterBuilderFilter['value'];\n    }\n  | { operator: FilterBuilderAndOrOperator; clauses: FilterBuilderClause[] };\n\nexport type LoadDataFilter = {\n  operator: FilterOperator;\n  property: DimensionOrMeasure;\n  value: NonNullable<FilterBuilderFilter['value']>;\n};\n\nexport const filterToLoadDataFilters = (filter: FilterBuilderFilter): LoadDataFilter[] => {\n  const { dimensionOrMeasure, operator, value } = filter;\n  if (!dimensionOrMeasure || !operator || value == null) return [];\n\n  if (\n    operator === operatorNumber.between &&\n    dimensionOrMeasure.nativeType === NativeDataType.number &&\n    Array.isArray(value)\n  ) {\n    const numValue = value as [number, number];\n    return [\n      { operator: FilterOperator.gte, property: dimensionOrMeasure, value: numValue[0] },\n      { operator: FilterOperator.lte, property: dimensionOrMeasure, value: numValue[1] },\n    ];\n  }\n\n  const map =\n    dimensionOrMeasure.nativeType === NativeDataType.number\n      ? operatorNumberMappedFilterOperator\n      : operatorStringBooleanMappedFilterOperator;\n  const mappedOperator = map[operator];\n  if (!mappedOperator) return [];\n\n  return [{ operator: mappedOperator, property: dimensionOrMeasure, value }];\n};\n\nconst filterToClause = (f: FilterBuilderFilter): FilterBuilderClause[] => {\n  if (\n    f.operator === operatorNumber.between &&\n    f.dimensionOrMeasure?.nativeType === NativeDataType.number\n  ) {\n    const [min, max] = f.value as [number, number];\n    return [\n      {\n        operator: filterBuilderAndOrOperator.AND,\n        clauses: [\n          { property: f.dimensionOrMeasure.name, operator: FilterOperator.gte, value: min },\n          { property: f.dimensionOrMeasure.name, operator: FilterOperator.lte, value: max },\n        ],\n      },\n    ];\n  }\n  const mappedOperator: FilterOperator =\n    operatorStringBooleanMappedFilterOperator[f.operator!] ??\n    operatorNumberMappedFilterOperator[f.operator!]!;\n\n  return [{ property: f.dimensionOrMeasure!.name, operator: mappedOperator, value: f.value }];\n};\n\nexport const filtersToClause = (\n  operator: FilterBuilderAndOrOperator,\n  filters: FilterBuilderFilter[],\n): FilterBuilderClause | null => {\n  const clauses = filters\n    .filter((f) => f.dimensionOrMeasure && f.operator && f.value != null)\n    .flatMap(filterToClause);\n\n  if (clauses.length === 0) return null;\n\n  return { operator, clauses };\n};\n\nexport const clauseToFilter = (\n  clause: FilterBuilderClause,\n  dimensionsAndMeasures: DimensionOrMeasure[],\n  id: number,\n): FilterBuilderFilter | null => {\n  if ('clauses' in clause) {\n    const first = clause.clauses[0];\n    const second = clause.clauses[1];\n    if (\n      clause.operator === filterBuilderAndOrOperator.AND &&\n      clause.clauses.length === 2 &&\n      first != null &&\n      second != null &&\n      'property' in first &&\n      'property' in second &&\n      first.property === second.property &&\n      first.operator === FilterOperator.gte &&\n      second.operator === FilterOperator.lte\n    ) {\n      const dimensionOrMeasure =\n        dimensionsAndMeasures.find((d) => d.name === first.property) ?? null;\n      return {\n        id,\n        dimensionOrMeasure,\n        search: '',\n        operator: operatorNumber.between,\n        value: [first.value as number, second.value as number],\n      };\n    }\n    return null;\n  }\n\n  const { property, operator, value } = clause;\n  const dimensionOrMeasure = dimensionsAndMeasures.find((d) => d.name === property) ?? null;\n\n  let uiOperator: string | null = null;\n\n  if (dimensionOrMeasure?.nativeType === NativeDataType.number) {\n    const reverseMap: Record<string, string> = {\n      [FilterOperator.equals]: operatorNumber.equals,\n      [FilterOperator.notEquals]: operatorNumber.notEquals,\n      [FilterOperator.gte]: operatorNumber.gte,\n      [FilterOperator.lte]: operatorNumber.lte,\n    };\n    uiOperator = reverseMap[operator] ?? null;\n  } else if (operator === FilterOperator.contains) {\n    uiOperator = Array.isArray(value)\n      ? operatorStringBoolean.isOneOf\n      : operatorStringBoolean.contains;\n  } else {\n    const reverseMap: Record<string, string> = {\n      [FilterOperator.equals]: operatorStringBoolean.is,\n      [FilterOperator.notEquals]: operatorStringBoolean.isNot,\n      [FilterOperator.notContains]: operatorStringBoolean.isNotOneOf,\n    };\n    uiOperator = reverseMap[operator] ?? null;\n  }\n\n  return { id, dimensionOrMeasure, search: '', operator: uiOperator, value };\n};\n\nexport const clauseToFilters = (\n  clause: FilterBuilderClause | null,\n  dimensionsAndMeasures: DimensionOrMeasure[],\n): FilterBuilderFilter[] => {\n  if (!clause) return [];\n\n  if (!('clauses' in clause)) return [];\n\n  const filters: FilterBuilderFilter[] = [];\n\n  clause.clauses.forEach((subClause, i) => {\n    const filter = clauseToFilter(subClause, dimensionsAndMeasures, i + 1);\n    if (filter) filters.push(filter);\n  });\n\n  return filters.length ? filters : [];\n};\n","export const normalizeSelectedValues = (value: unknown): string[] => {\n  if (Array.isArray(value)) return value as string[];\n  if (value === null || value === undefined) return [];\n  return [value as string];\n};\n\nexport const sortOptionsWithSelectedFirst = <T extends { value: string }>(\n  rawOptions: T[],\n  selectedValues: string[],\n): T[] => [\n  ...rawOptions.filter((o) => selectedValues.includes(o.value)),\n  ...rawOptions.filter((o) => !selectedValues.includes(o.value)),\n];\n\nexport const getMultiSelectDisplayValue = (\n  filterValue: string[],\n  getLabel: (value: string) => string,\n): string => {\n  if (filterValue.length === 0) return '...';\n  if (filterValue.length > 2) return `${filterValue.length} selected`;\n  return filterValue.map(getLabel).join(', ');\n};\n","import { DataResponse, DimensionOrMeasure, NativeDataType } from '@embeddable.com/core';\nimport { FilterBuilderFilter } from '../definition';\nimport { MultiSelectField, SingleSelectField } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { i18n } from '../../../../theme/i18n/i18n';\nimport FilterBuilderItemNumberValueField from './FilterBuilderItemNumberValueField';\nimport FilterBuilderTextValueField from './FilterBuilderTextValueField';\nimport styles from '../FilterBuilderPro.module.css';\nimport { IconLoader2, IconX } from '@tabler/icons-react';\nimport { operatorStringBoolean } from '../FilterBuilderPro.utils';\nimport {\n  normalizeSelectedValues,\n  sortOptionsWithSelectedFirst,\n  getMultiSelectDisplayValue,\n} from './FilterBuilderItemValueField.utils';\nimport clsx from 'clsx';\nimport { useRef } from 'react';\n\ntype ValueTriggerButtonProps = {\n  hasValue: boolean;\n  isLoading: boolean | undefined;\n  displayValue: string;\n  showClearIcon: boolean;\n  onClear: () => void;\n};\n\nconst ValueTriggerButton = ({\n  hasValue,\n  isLoading,\n  displayValue,\n  showClearIcon,\n  onClear,\n  ...props\n}: ValueTriggerButtonProps) => (\n  <button className={clsx(styles.valueButton, !hasValue && styles.valueButtonEmpty)} {...props}>\n    {isLoading ? <IconLoader2 className={styles.loadingSpinner} /> : displayValue}\n    {showClearIcon && <IconX onClick={onClear} />}\n  </button>\n);\n\nexport type FilterBuilderItemValueFieldProps = {\n  filter: FilterBuilderFilter;\n  dimensionOrMeasure: DimensionOrMeasure;\n  results?: DataResponse;\n  theme: Theme;\n  onSelectValue: (value: string | string[] | number | number[] | null) => void;\n  onSearchValue: (value: string) => void;\n};\n\nconst FilterBuilderItemValueField = ({\n  filter,\n  dimensionOrMeasure,\n  results,\n  theme,\n  onSelectValue,\n  onSearchValue,\n}: FilterBuilderItemValueFieldProps) => {\n  const themeFormatter = getThemeFormatter(theme);\n  const labelCache = useRef<Record<string, string>>({});\n\n  const rawOptions =\n    results?.data?.map((data) => ({\n      value: data[dimensionOrMeasure.name],\n      label: themeFormatter.data(dimensionOrMeasure, data[dimensionOrMeasure.name]),\n    })) ?? [];\n\n  // Accumulate labels as options arrive. When a search is active, results are limited and\n  // previously selected values may no longer be present — the cache lets us still display\n  // their labels correctly.\n  rawOptions.forEach(({ value, label }) => {\n    if (value != null) labelCache.current[value] = label;\n  });\n\n  const getLabel = (value: string) => labelCache.current[value] ?? value;\n\n  const selectedValues = normalizeSelectedValues(filter.value);\n\n  const options = sortOptionsWithSelectedFirst(rawOptions, selectedValues);\n\n  const isLoading = results?.isLoading;\n  const showNoOptionsMessage = Boolean(!isLoading && (results?.data?.length ?? 0) === 0);\n\n  const isNumberField = dimensionOrMeasure.nativeType === NativeDataType.number;\n\n  if (isNumberField) {\n    return <FilterBuilderItemNumberValueField filter={filter} onSelectValue={onSelectValue} />;\n  }\n\n  const isTextField =\n    dimensionOrMeasure.nativeType === NativeDataType.string &&\n    filter.operator === operatorStringBoolean.contains;\n\n  if (isTextField) {\n    return <FilterBuilderTextValueField filter={filter} onSelectValue={onSelectValue} />;\n  }\n\n  const isMultiSelectField =\n    filter.operator === operatorStringBoolean.isOneOf ||\n    filter.operator === operatorStringBoolean.isNotOneOf;\n\n  const hasValue = filter.value != null;\n  const showClearIcon = !isLoading && hasValue;\n\n  if (isMultiSelectField) {\n    const filterValue = (filter.value as string[]) ?? [];\n\n    const displayValue = getMultiSelectDisplayValue(filterValue, getLabel);\n\n    return (\n      <MultiSelectField\n        triggerComponent={\n          <ValueTriggerButton\n            hasValue={hasValue}\n            isLoading={isLoading}\n            displayValue={displayValue}\n            showClearIcon={showClearIcon}\n            onClear={() => onSelectValue(null)}\n          />\n        }\n        isSearchable\n        isClearable\n        isLoading={isLoading}\n        values={filterValue}\n        options={options}\n        onChange={(newValue) => onSelectValue(newValue.length === 0 ? null : newValue)}\n        onSearch={onSearchValue}\n        avoidCollisions={false}\n        noOptionsMessage={showNoOptionsMessage ? i18n.t('common.noOptionsFound') : undefined}\n      />\n    );\n  }\n\n  const isSingleSelectField =\n    filter.operator === operatorStringBoolean.is || filter.operator === operatorStringBoolean.isNot;\n\n  if (isSingleSelectField) {\n    const displayValue = filter.value != null ? getLabel(filter.value as string) : '...';\n\n    return (\n      <SingleSelectField\n        triggerComponent={\n          <ValueTriggerButton\n            hasValue={hasValue}\n            isLoading={isLoading}\n            displayValue={displayValue}\n            showClearIcon={showClearIcon}\n            onClear={() => onSelectValue(null)}\n          />\n        }\n        searchable\n        clearable\n        isLoading={isLoading}\n        value={filter.value as string}\n        options={options}\n        onChange={onSelectValue}\n        onSearch={onSearchValue}\n        avoidCollisions={false}\n        noOptionsMessage={showNoOptionsMessage ? i18n.t('common.noOptionsFound') : undefined}\n      />\n    );\n  }\n\n  return null;\n};\n\nexport default FilterBuilderItemValueField;\n","import { DataResponse, DimensionOrMeasure, NativeDataType } from '@embeddable.com/core';\nimport { FilterBuilderFilter } from '../definition';\nimport { SingleSelectField } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport FilterBuilderItemValueField from './FilterBuilderItemValueField';\nimport { useEffect } from 'react';\nimport styles from '../FilterBuilderPro.module.css';\nimport { i18n } from '../../../../theme/i18n/i18n';\nimport { operatorNumber, operatorStringBoolean } from '../FilterBuilderPro.utils';\n\nconst getOperatorsString = () => [\n  { value: operatorStringBoolean.is, label: i18n.t('editors.filterBuilder.is') },\n  { value: operatorStringBoolean.isNot, label: i18n.t('editors.filterBuilder.isNot') },\n  { value: operatorStringBoolean.isOneOf, label: i18n.t('editors.filterBuilder.isOneOf') },\n  { value: operatorStringBoolean.isNotOneOf, label: i18n.t('editors.filterBuilder.isNotOneOf') },\n  { value: operatorStringBoolean.contains, label: i18n.t('editors.filterBuilder.contains') },\n];\n\nconst getOperatorsBoolean = () => [\n  { value: operatorStringBoolean.is, label: i18n.t('editors.filterBuilder.is') },\n  { value: operatorStringBoolean.isNot, label: i18n.t('editors.filterBuilder.isNot') },\n  { value: operatorStringBoolean.isOneOf, label: i18n.t('editors.filterBuilder.isOneOf') },\n  { value: operatorStringBoolean.isNotOneOf, label: i18n.t('editors.filterBuilder.isNotOneOf') },\n];\n\nconst getOperatorsNumber = () => [\n  { value: operatorNumber.equals, label: i18n.t('editors.filterBuilder.equals') },\n  { value: operatorNumber.notEquals, label: i18n.t('editors.filterBuilder.doesNotEqual') },\n  { value: operatorNumber.gte, label: i18n.t('editors.filterBuilder.greaterThanOrEqualTo') },\n  { value: operatorNumber.lte, label: i18n.t('editors.filterBuilder.lessThanOrEqualTo') },\n  { value: operatorNumber.between, label: i18n.t('editors.filterBuilder.between') },\n];\n\ntype FilterBuilderItemOperatorValueFieldsProps = {\n  dimensionOrMeasure: DimensionOrMeasure;\n  filter: FilterBuilderFilter;\n  results?: DataResponse;\n  theme: Theme;\n  onSelectOperator: (value: string | null) => void;\n  onSelectValue: (value: FilterBuilderFilter['value']) => void;\n  onSearchValue: (value: string) => void;\n};\n\nconst FilterBuilderItemOperatorValueFields = ({\n  dimensionOrMeasure,\n  filter,\n  results,\n  theme,\n  onSelectOperator,\n  onSelectValue,\n  onSearchValue,\n}: FilterBuilderItemOperatorValueFieldsProps) => {\n  let operatorOptions;\n  if (dimensionOrMeasure.nativeType === NativeDataType.number) {\n    operatorOptions = getOperatorsNumber();\n  } else if (dimensionOrMeasure.nativeType === NativeDataType.boolean) {\n    operatorOptions = getOperatorsBoolean();\n  } else {\n    operatorOptions = getOperatorsString();\n  }\n\n  useEffect(() => {\n    if (!filter.operator) {\n      onSelectOperator(operatorOptions[0]!.value);\n    }\n  });\n\n  return (\n    <>\n      <SingleSelectField\n        triggerComponent={\n          <button className={styles.operatorButton}>\n            {operatorOptions.find((x) => x.value === filter.operator)?.label}\n          </button>\n        }\n        value={filter.operator}\n        options={operatorOptions}\n        onChange={onSelectOperator}\n        avoidCollisions={false}\n      />\n      <FilterBuilderItemValueField\n        filter={filter}\n        dimensionOrMeasure={dimensionOrMeasure}\n        results={results}\n        theme={theme}\n        onSelectValue={onSelectValue}\n        onSearchValue={onSearchValue}\n      />\n    </>\n  );\n};\n\nexport default FilterBuilderItemOperatorValueFields;\n","import { DataResponse, DimensionOrMeasure } from '@embeddable.com/core';\nimport { FilterBuilderFilter } from '../definition';\nimport { SingleSelectField } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getDimensionAndMeasureOptions } from '../../utils/dimensionsAndMeasures.utils';\nimport { useState } from 'react';\nimport { i18n } from '../../../../theme/i18n/i18n';\nimport FilterBuilderItemOperatorValueFields from './FilterBuilderItemOperatorValueFields';\nimport styles from '../FilterBuilderPro.module.css';\nimport { IconPlus, IconX } from '@tabler/icons-react';\nimport { getSupportedDimensionsAndMeasures } from '../FilterBuilderPro.utils';\n\ntype FilterBuilderItemProps = {\n  filter: FilterBuilderFilter;\n  dimensionsAndMeasures: DimensionOrMeasure[];\n  results?: DataResponse;\n  theme: Theme;\n  onSelectDimensionOrMeasure: (value: string | null) => void;\n  onSelectOperator: (value: string | null) => void;\n  onSelectValue: (value: FilterBuilderFilter['value']) => void;\n  onSearchValue: (value: string) => void;\n  onDelete: () => void;\n};\n\nconst FilterBuilderItem = ({\n  filter,\n  dimensionsAndMeasures,\n  results,\n  theme,\n  onSelectDimensionOrMeasure,\n  onSelectOperator,\n  onSelectValue,\n  onSearchValue,\n  onDelete,\n}: FilterBuilderItemProps) => {\n  const { dimensionOrMeasure } = filter;\n  const [search, setSearch] = useState<string>('');\n\n  const supportedDimensionsAndMeasures = getSupportedDimensionsAndMeasures(dimensionsAndMeasures);\n\n  const allDimensionOptions = getDimensionAndMeasureOptions({\n    dimensionsAndMeasures: supportedDimensionsAndMeasures,\n    theme,\n  });\n\n  const dimensionOptions = getDimensionAndMeasureOptions({\n    dimensionsAndMeasures: supportedDimensionsAndMeasures,\n    searchValue: search,\n    theme,\n  });\n\n  const selectedLabel = allDimensionOptions.find(\n    (o) => o.value === dimensionOrMeasure?.name,\n  )?.label;\n\n  const getMemberTriggerComponent = () => {\n    if (dimensionOrMeasure) {\n      return <button className={styles.memberButton}>{selectedLabel}</button>;\n    }\n\n    return (\n      <button className={styles.addButton}>\n        <IconPlus />\n        <span>{i18n.t('editors.filterBuilder.addFilter')}</span>\n      </button>\n    );\n  };\n\n  return (\n    <div className={styles.filter}>\n      <SingleSelectField\n        triggerComponent={getMemberTriggerComponent()}\n        searchable\n        value={dimensionOrMeasure?.name}\n        onChange={onSelectDimensionOrMeasure}\n        onSearch={setSearch}\n        options={dimensionOptions}\n        avoidCollisions={false}\n        noOptionsMessage={i18n.t('common.noOptionsFound')}\n      />\n\n      {dimensionOrMeasure && (\n        <>\n          <FilterBuilderItemOperatorValueFields\n            dimensionOrMeasure={dimensionOrMeasure}\n            filter={filter}\n            results={results}\n            theme={theme}\n            onSelectOperator={onSelectOperator}\n            onSelectValue={onSelectValue}\n            onSearchValue={onSearchValue}\n          />\n          <button className={styles.deleteButton} onClick={onDelete}>\n            <IconX />\n          </button>\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default FilterBuilderItem;\n","import { DataResponse, DimensionOrMeasure } from '@embeddable.com/core';\nimport { useTheme } from '@embeddable.com/react';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { Theme } from '../../../theme/theme.types';\nimport FilterBuilderItem from './components/FilterBuilderItem';\nimport { FilterBuilderFilter, FilterBuilderState } from './definition';\nimport { ActionIcon, SingleSelectField } from '@embeddable.com/remarkable-ui';\nimport { IconPlus, IconChevronRight, IconChevronLeft } from '@tabler/icons-react';\nimport styles from './FilterBuilderPro.module.css';\nimport {\n  filterBuilderAndOrOperator,\n  filtersToClause,\n  getSupportedDimensionsAndMeasures,\n  clauseToFilters,\n  FilterBuilderClause,\n} from './FilterBuilderPro.utils';\nimport { i18n, i18nSetup } from '../../../theme/i18n/i18n';\nimport { getDimensionAndMeasureOptions } from '../utils/dimensionsAndMeasures.utils';\nimport { resolveI18nProps } from '../../component.utils';\nimport { EditorCard, EditorCardHeaderProps } from '../shared/EditorCard/EditorCard';\n\nexport type FilterBuilderProProps = {\n  embeddableState?: FilterBuilderState;\n  setEmbeddableState?: (\n    state: FilterBuilderState | ((prev: FilterBuilderState) => FilterBuilderState),\n  ) => void;\n  dimensionsAndMeasures?: DimensionOrMeasure[];\n  onChange?: (value: unknown) => void;\n  defaultFilters?: FilterBuilderClause;\n} & EditorCardHeaderProps;\n\nconst FilterBuilderPro = (props: FilterBuilderProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip } = resolveI18nProps(props);\n  const {\n    dimensionsAndMeasures = [],\n    setEmbeddableState,\n    embeddableState,\n    onChange,\n    defaultFilters,\n  } = props;\n\n  const [searchNew, setSearchNew] = useState('');\n\n  const [canScrollRight, setCanScrollRight] = useState(false);\n  const [canScrollLeft, setCanScrollLeft] = useState(false);\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const prevFilterValueRef = useRef<unknown>(undefined);\n  const disableAutoScroll = useRef(true);\n\n  // Update embeddableState.filters from defaultFilters if any, but only when there\n  // is no existing filter state (i.e. on initial mount / after a remount). This prevents\n  // the variable feedback loop (inputs: ['defaultFilters']) from overwriting user edits\n  // mid-session when the platform re-sends props with the previous clause value.\n  useEffect(() => {\n    if (!defaultFilters || !dimensionsAndMeasures?.length) {\n      return;\n    }\n\n    const newFilters = clauseToFilters(defaultFilters, dimensionsAndMeasures);\n\n    if (newFilters.length > 0) {\n      setEmbeddableState?.((prev) => {\n        if (prev?.filters?.length) {\n          return prev;\n        }\n\n        return { ...prev, filters: newFilters };\n      });\n    }\n\n    // Auto-scroll reactivated after initial load or when defaultFilters change\n    setTimeout(() => {\n      disableAutoScroll.current = false;\n    }, 100);\n  }, [defaultFilters, dimensionsAndMeasures]);\n\n  const updateScrollState = useCallback(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    setCanScrollLeft(el.scrollLeft > 1);\n    setCanScrollRight(el.scrollLeft + el.clientWidth < el.scrollWidth - 1);\n  }, []);\n\n  const handleScrollRight = () => {\n    scrollRef.current?.scrollBy({ left: 200, behavior: 'smooth' });\n  };\n\n  const handleScrollLeft = () => {\n    scrollRef.current?.scrollBy({ left: -200, behavior: 'smooth' });\n  };\n\n  useEffect(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    const ro = new ResizeObserver(updateScrollState);\n    ro.observe(el);\n    el.addEventListener('scroll', updateScrollState);\n    updateScrollState();\n    return () => {\n      ro.disconnect();\n      el.removeEventListener('scroll', updateScrollState);\n    };\n  }, [updateScrollState, embeddableState?.filters]);\n\n  const lastFilterId = embeddableState?.filters?.[embeddableState.filters.length - 1]?.id ?? 0;\n  const lastFilter = embeddableState?.filters?.[embeddableState.filters.length - 1];\n  const lastFilterKey = `${lastFilter?.id}-${lastFilter?.dimensionOrMeasure?.name}-${lastFilter?.operator}-${JSON.stringify(lastFilter?.value)}`;\n\n  useEffect(() => {\n    if (disableAutoScroll.current) {\n      return;\n    }\n    setTimeout(() => {\n      scrollRef.current?.scrollTo({ left: scrollRef.current.scrollWidth, behavior: 'smooth' });\n    }, 100);\n  }, [lastFilterKey]);\n\n  const newFilter = (dimensionOrMeasureValue: string | null = null): FilterBuilderFilter => {\n    const dimensionOrMeasure =\n      dimensionsAndMeasures.find((d) => d.name === dimensionOrMeasureValue) ?? null;\n\n    return { id: lastFilterId + 1, dimensionOrMeasure, search: '', operator: null, value: null };\n  };\n\n  const filters = embeddableState?.filters?.length ? embeddableState.filters : [newFilter()];\n\n  const handleSelectDimensionOrMeasure = (index: number, name: string | null) => {\n    setEmbeddableState?.((prev: FilterBuilderState) => {\n      const newFilters = [...(prev?.filters ?? [])];\n\n      const existing = newFilters[index];\n\n      newFilters[index] = {\n        ...newFilter(name),\n        ...(existing?.id ? { id: existing.id } : {}),\n      };\n\n      return { ...prev, filters: newFilters };\n    });\n  };\n\n  const handleSelectOperator = (index: number, operator: string | null) => {\n    setEmbeddableState?.((prev: FilterBuilderState) => {\n      const newFilters = [...(prev?.filters ?? [])];\n      newFilters[index] = { ...newFilters[index]!, operator, value: null };\n      return { ...prev, filters: newFilters };\n    });\n  };\n\n  const handleSelectValue = (index: number, value: FilterBuilderFilter['value']) => {\n    setEmbeddableState?.((prev: FilterBuilderState) => {\n      const newFilters = [...(prev?.filters ?? [])];\n      newFilters[index] = { ...newFilters[index]!, value };\n      return { ...prev, filters: newFilters };\n    });\n  };\n\n  const handleDimensionSearch = (index: number, search: string) => {\n    setEmbeddableState?.((prev: FilterBuilderState) => {\n      const newFilters = [...(prev?.filters ?? [])];\n      newFilters[index] = { ...newFilters[index]!, search };\n      return { ...prev, filters: newFilters };\n    });\n  };\n\n  const handleDeleteFilter = (index: number) => {\n    setEmbeddableState?.((prev: FilterBuilderState) => {\n      const newFilters = [...(prev?.filters ?? [])];\n      newFilters.splice(index, 1);\n      return { ...prev, filters: newFilters };\n    });\n  };\n\n  const handleAddFilter = (value: string | null) => {\n    setEmbeddableState?.((prev: FilterBuilderState) => {\n      const newFilters = [...(prev?.filters ?? []), newFilter(value)];\n      return { ...prev, filters: newFilters };\n    });\n    setTimeout(() => {\n      scrollRef.current?.scrollTo({ left: scrollRef.current.scrollWidth, behavior: 'smooth' });\n    }, 0);\n  };\n\n  useEffect(() => {\n    const filterValue = filtersToClause(filterBuilderAndOrOperator.AND, filters);\n    const serialized = JSON.stringify(filterValue);\n    if (serialized === JSON.stringify(prevFilterValueRef.current)) return;\n    prevFilterValueRef.current = filterValue;\n    onChange?.(filterValue);\n  }, [filters]);\n\n  const supportedDimensionsAndMeasures = getSupportedDimensionsAndMeasures(dimensionsAndMeasures);\n\n  const dimensionOptionsNew = getDimensionAndMeasureOptions({\n    dimensionsAndMeasures: supportedDimensionsAndMeasures,\n    searchValue: searchNew,\n    theme,\n  });\n\n  const hasClearAll = filters.some((f) => f.dimensionOrMeasure && f.operator && f.value != null);\n\n  const handleClearAll = () => {\n    setEmbeddableState?.((prev: FilterBuilderState) => ({ ...prev, filters: [newFilter()] }));\n  };\n\n  return (\n    <EditorCard title={title} description={description} tooltip={tooltip}>\n      <div className={styles.container}>\n        {canScrollLeft && (\n          <button className={styles.scrollLeftButton} onClick={handleScrollLeft}>\n            <IconChevronLeft />\n          </button>\n        )}\n        <div className={styles.scroll} ref={scrollRef}>\n          {filters.map((filter, index) => (\n            <React.Fragment key={filter.id}>\n              <FilterBuilderItem\n                filter={filter}\n                dimensionsAndMeasures={dimensionsAndMeasures}\n                results={\n                  (props as Record<string, unknown>)[`filterResults${filter.id}`] as\n                    | DataResponse\n                    | undefined\n                }\n                theme={theme}\n                onSelectDimensionOrMeasure={(value) => handleSelectDimensionOrMeasure(index, value)}\n                onSelectOperator={(value) => handleSelectOperator(index, value)}\n                onSelectValue={(value) => handleSelectValue(index, value)}\n                onSearchValue={(search) => handleDimensionSearch(index, search)}\n                onDelete={() => handleDeleteFilter(index)}\n              />\n            </React.Fragment>\n          ))}\n        </div>\n        {canScrollRight && (\n          <button className={styles.scrollRightButton} onClick={handleScrollRight}>\n            <IconChevronRight />\n          </button>\n        )}\n\n        {filters[0]?.dimensionOrMeasure && (\n          <SingleSelectField\n            triggerComponent={<ActionIcon icon={IconPlus} />}\n            searchable\n            onChange={(value) => handleAddFilter(value)}\n            onSearch={setSearchNew}\n            options={dimensionOptionsNew}\n            noOptionsMessage={i18n.t('common.noOptionsFound')}\n          />\n        )}\n        {hasClearAll && (\n          <button className={styles.clearButton} onClick={handleClearAll}>\n            {i18n.t('editors.filterBuilder.clearAll')}\n          </button>\n        )}\n      </div>\n    </EditorCard>\n  );\n};\n\nexport default FilterBuilderPro;\n","import { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { DimensionOrMeasure, FilterOperator, loadData, Value } from '@embeddable.com/core';\nimport Component from '.';\nimport { inputs } from '../../component.inputs.constants';\nimport { FilterBuilderClause, filterToLoadDataFilters } from './FilterBuilderPro.utils';\n\nconst meta = {\n  name: 'FilterBuilderPro',\n  label: 'Filter Builder',\n  description:\n    'Free-form filter builder that lets end users compose member/operator/value clauses. Use to expose ad-hoc filtering on a dataset.',\n  category: 'Filters',\n  defaultWidth: 600,\n  defaultHeight: 120,\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.dimensionsAndMeasures,\n      config: {\n        ...inputs.dimensionsAndMeasures.config,\n        supportedTypes: ['string', 'number', 'boolean'],\n      },\n    },\n    {\n      ...inputs.filters,\n      name: 'defaultFilters',\n      label: 'Default filters',\n      defaultValue: null,\n    },\n    {\n      ...inputs.boolean,\n      name: 'applyCascadingFilters',\n      label: 'Apply dynamic filters',\n      defaultValue: false,\n      category: 'Component Settings',\n      description: \"Each filter's available options update based on the other active filters.\",\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Filter value updated',\n      properties: [\n        {\n          name: 'value',\n          type: 'filters',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'filter value',\n      type: 'filters',\n      defaultValue: {},\n      inputs: ['defaultFilters'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst preview = definePreview(Component, {});\n\nexport type FilterBuilderFilter = {\n  id: number;\n  dimensionOrMeasure: DimensionOrMeasure | null;\n  search: string;\n  value: string | string[] | number | number[] | boolean | null;\n  operator: string | null;\n};\n\nexport type FilterBuilderState = {\n  filters: FilterBuilderFilter[];\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [\n    FilterBuilderState,\n    (state: FilterBuilderState | ((prev: FilterBuilderState) => FilterBuilderState)) => void,\n  ],\n) => {\n  const filterResults = state?.filters?.reduce<Record<string, unknown>>((acc, item) => {\n    if (item.dimensionOrMeasure?.__type__ !== 'dimension' || !item.operator) {\n      return acc;\n    }\n\n    const { dimensionOrMeasure } = item;\n    const searchOperator =\n      dimensionOrMeasure.nativeType === 'string' ? FilterOperator.contains : FilterOperator.equals;\n\n    const searchFilter = item.search\n      ? [{ operator: searchOperator, property: dimensionOrMeasure, value: item.search }]\n      : [];\n\n    const cascadingFilters = inputs.applyCascadingFilters\n      ? (state.filters ?? [])\n          .filter((other) => other.id !== item.id)\n          .flatMap(filterToLoadDataFilters)\n      : [];\n\n    const filters = [...cascadingFilters, ...searchFilter];\n\n    acc[`filterResults${item.id}`] = loadData({\n      from: inputs.dataset,\n      select: [item.dimensionOrMeasure],\n      filters: filters.length > 0 ? filters : undefined,\n    });\n    return acc;\n  }, {});\n\n  return {\n    ...inputs,\n    embeddableState: state,\n    setEmbeddableState: setState,\n    dimensionsAndMeasures: inputs.dimensionsAndMeasures ?? [],\n    ...filterResults,\n  };\n};\n\nconst events = {\n  onChange: (value: FilterBuilderClause | null) => ({\n    value: value ?? Value.noFilter(),\n  }),\n};\n\nexport const filterBuilderPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n    events,\n  },\n} as const;\n"],"names":["__iconNode","IconPlus","createReactComponent","getOnChangeValue","v","FilterBuilderItemNumberValueField","filter","onSelectValue","value","setValue","useState","min","setMin","max","setMax","firstInputRef","useRef","debouncedSelectValue","useDebounce","useEffect","_a","jsxs","Fragment","jsx","styles","e","i18n","FilterBuilderTextValueField","inputRef","operatorStringBoolean","operatorStringBooleanMappedFilterOperator","FilterOperator","operatorNumber","operatorNumberMappedFilterOperator","filterBuilderAndOrOperator","FILTER_BUILDER_PRO_SUPPORTED_TYPES","NativeDataType","getSupportedDimensionsAndMeasures","dimensionsAndMeasures","d","filterToLoadDataFilters","dimensionOrMeasure","operator","numValue","mappedOperator","filterToClause","f","filtersToClause","filters","clauses","clauseToFilter","clause","id","first","second","property","uiOperator","clauseToFilters","subClause","i","normalizeSelectedValues","sortOptionsWithSelectedFirst","rawOptions","selectedValues","o","getMultiSelectDisplayValue","filterValue","getLabel","ValueTriggerButton","hasValue","isLoading","displayValue","showClearIcon","onClear","props","clsx","IconLoader2","IconX","FilterBuilderItemValueField","results","theme","onSearchValue","themeFormatter","getThemeFormatter","labelCache","data","label","options","showNoOptionsMessage","_b","isMultiSelectField","MultiSelectField","newValue","SingleSelectField","getOperatorsString","getOperatorsBoolean","getOperatorsNumber","FilterBuilderItemOperatorValueFields","onSelectOperator","operatorOptions","x","FilterBuilderItem","onSelectDimensionOrMeasure","onDelete","search","setSearch","supportedDimensionsAndMeasures","allDimensionOptions","getDimensionAndMeasureOptions","dimensionOptions","selectedLabel","getMemberTriggerComponent","FilterBuilderPro","useTheme","i18nSetup","title","description","tooltip","resolveI18nProps","setEmbeddableState","embeddableState","onChange","defaultFilters","searchNew","setSearchNew","canScrollRight","setCanScrollRight","canScrollLeft","setCanScrollLeft","scrollRef","prevFilterValueRef","disableAutoScroll","newFilters","prev","updateScrollState","useCallback","el","handleScrollRight","handleScrollLeft","ro","lastFilterId","lastFilter","_c","lastFilterKey","_d","newFilter","dimensionOrMeasureValue","_e","handleSelectDimensionOrMeasure","index","name","existing","handleSelectOperator","handleSelectValue","handleDimensionSearch","handleDeleteFilter","handleAddFilter","dimensionOptionsNew","hasClearAll","handleClearAll","EditorCard","IconChevronLeft","React","IconChevronRight","_f","ActionIcon","meta","inputs","preview","definePreview","Component","state","setState","filterResults","acc","item","searchOperator","searchFilter","other","loadData","events","Value","filterBuilderPro"],"mappings":";;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,KAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,cAAc,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,cAAc,KAAO,QAAO,CAAE,CAAC,GAC9GC,KAAWC,GAAqB,WAAW,QAAQ,QAAQF,EAAU;;;;;;;;;;;;;;;GCCrEG,IAAmB,CAACC,MACjBA,EAAE,OAAO,UAAU,KAAK,OAAO,OAAOA,EAAE,OAAO,KAAK,GAGvDC,KAAoC,CAAC;AAAA,EACzC,QAAAC;AAAA,EACA,eAAAC;AACF,MAA8C;AAC5C,QAAM,CAACC,GAAOC,CAAQ,IAAIC,GAAyBJ,KAAA,gBAAAA,EAAQ,UAAoB,IAAI,GAC7E,CAACK,GAAKC,CAAM,IAAIF;AAAA,IACpB,MAAM,QAAQJ,EAAO,KAAK,IAAMA,EAAO,MAAmB,CAAC,KAAK,OAAQ;AAAA,EAAA,GAEpE,CAACO,GAAKC,CAAM,IAAIJ;AAAA,IACpB,MAAM,QAAQJ,EAAO,KAAK,IAAMA,EAAO,MAAmB,CAAC,KAAK,OAAQ;AAAA,EAAA,GAEpES,IAAgBC,EAAyB,IAAI,GAE7CC,IAAuBC,GAAY,CAACV,MAAoC;AAC5E,IAAAD,EAAcC,CAAK;AAAA,EACrB,CAAC;AAsBD,SApBAW,EAAU,MAAM;AACd,IAAIR,KAAO,QAAQE,KAAO,QACxBI,EAAqB,CAACN,GAAKE,CAAG,CAAC;AAAA,EAEnC,GAAG,CAACF,GAAKE,GAAKI,CAAoB,CAAC,GAEnCE,EAAU,MAAM;AACd,IAAIX,KAAS,QACXS,EAAqBT,CAAK;AAAA,EAE9B,GAAG,CAACA,GAAOS,CAAoB,CAAC,GAEhCE,EAAU,MAAM;AACd,IAAIb,EAAO,SAEX,WAAW,MAAM;;AACf,OAAAc,IAAAL,EAAc,YAAd,QAAAK,EAAuB;AAAA,IACzB,GAAG,GAAG;AAAA,EACR,GAAG,CAACd,EAAO,OAAOA,EAAO,QAAQ,CAAC,GAE9BA,EAAO,aAAa,YAEpBe,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKR;AAAA,QACL,MAAK;AAAA,QACL,WAAWS,EAAO;AAAA,QAClB,OAAOb,KAAO;AAAA,QACd,UAAU,CAACc,MAAMb,EAAOT,EAAiBsB,CAAC,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAE7CF,gBAAAA,EAAAA,IAAC,UAAA,EAAO,UAAQ,IAAC,WAAWC,EAAO,gBAChC,UAAAE,EAAK,EAAE,kCAAkC,EAAA,CAC5C;AAAA,IACAH,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAWC,EAAO;AAAA,QAClB,OAAOX,KAAO;AAAA,QACd,UAAU,CAACY,MAAMX,EAAOX,EAAiBsB,CAAC,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EAC7C,GACF,IAKFF,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKR;AAAA,MACL,MAAK;AAAA,MACL,WAAWS,EAAO;AAAA,MAClB,OAAOhB,KAAS;AAAA,MAChB,UAAU,CAAC,MAAMC,EAASN,EAAiB,CAAC,CAAC;AAAA,IAAA;AAAA,EAAA;AAGnD,GC1EMwB,KAA8B,CAAC;AAAA,EACnC,QAAArB;AAAA,EACA,eAAAC;AACF,MAAwC;AACtC,QAAM,CAACC,GAAOC,CAAQ,IAAIC,GAAkBJ,KAAA,gBAAAA,EAAQ,UAAoB,EAAE,GACpEsB,IAAWZ,EAAyB,IAAI,GAExCC,IAAuBC,GAAY,CAACV,MAAyB;AACjE,IAAAD,EAAcC,CAAK;AAAA,EACrB,CAAC;AAED,SAAAW,EAAU,MAAM;AACd,IAAAF,EAAqBT,KAAS,IAAI;AAAA,EACpC,GAAG,CAACA,GAAOS,CAAoB,CAAC,GAEhCE,EAAU,MAAM;AACd,IAAIb,EAAO,SAEX,WAAW,MAAM;;AACf,OAAAc,IAAAQ,EAAS,YAAT,QAAAR,EAAkB;AAAA,IACpB,GAAG,GAAG;AAAA,EACR,GAAG,CAACd,EAAO,OAAOA,EAAO,QAAQ,CAAC,GAGhCiB,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKK;AAAA,MACL,MAAK;AAAA,MACL,WAAWJ,EAAO;AAAA,MAClB,OAAAhB;AAAA,MACA,UAAU,CAACiB,MAAMhB,EAASgB,EAAE,OAAO,KAAK;AAAA,IAAA;AAAA,EAAA;AAG9C,GCvCaI,IAAwB;AAAA,EACnC,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AACZ,GAEaC,KAA4C;AAAA,EACvD,CAACD,EAAsB,EAAE,GAAGE,EAAe;AAAA,EAC3C,CAACF,EAAsB,KAAK,GAAGE,EAAe;AAAA,EAC9C,CAACF,EAAsB,OAAO,GAAGE,EAAe;AAAA,EAChD,CAACF,EAAsB,UAAU,GAAGE,EAAe;AAAA,EACnD,CAACF,EAAsB,QAAQ,GAAGE,EAAe;AACnD,GAEaC,IAAiB;AAAA,EAC5B,QAAQD,EAAe;AAAA,EACvB,WAAWA,EAAe;AAAA,EAC1B,KAAKA,EAAe;AAAA,EACpB,KAAKA,EAAe;AAAA,EACpB,SAAS;AACX,GAEaE,KAAqE;AAAA,EAChF,CAACD,EAAe,MAAM,GAAGD,EAAe;AAAA,EACxC,CAACC,EAAe,SAAS,GAAGD,EAAe;AAAA,EAC3C,CAACC,EAAe,GAAG,GAAGD,EAAe;AAAA,EACrC,CAACC,EAAe,GAAG,GAAGD,EAAe;AACvC,GAEaG,IAA6B;AAAA,EACxC,KAAK;AAEP,GAIaC,KAA+C;AAAA,EAC1DC,EAAe;AAAA,EACfA,EAAe;AAAA,EACfA,EAAe;AACjB,GAEaC,KAAoC,CAACC,MACzCA,EAAsB;AAAA,EAAO,CAACC,MACnCJ,GAAmC,SAASI,EAAE,UAAU;AAAA,GAkB/CC,KAA0B,CAAClC,MAAkD;AACxF,QAAM,EAAE,oBAAAmC,GAAoB,UAAAC,GAAU,OAAAlC,EAAA,IAAUF;AAChD,MAAI,CAACmC,KAAsB,CAACC,KAAYlC,KAAS,aAAa,CAAA;AAE9D,MACEkC,MAAaV,EAAe,WAC5BS,EAAmB,eAAeL,EAAe,UACjD,MAAM,QAAQ5B,CAAK,GACnB;AACA,UAAMmC,IAAWnC;AACjB,WAAO;AAAA,MACL,EAAE,UAAUuB,EAAe,KAAK,UAAUU,GAAoB,OAAOE,EAAS,CAAC,EAAA;AAAA,MAC/E,EAAE,UAAUZ,EAAe,KAAK,UAAUU,GAAoB,OAAOE,EAAS,CAAC,EAAA;AAAA,IAAE;AAAA,EAErF;AAMA,QAAMC,KAHJH,EAAmB,eAAeL,EAAe,SAC7CH,KACAH,IACqBY,CAAQ;AACnC,SAAKE,IAEE,CAAC,EAAE,UAAUA,GAAgB,UAAUH,GAAoB,OAAAjC,GAAO,IAF7C,CAAA;AAG9B,GAEMqC,KAAiB,CAACC,MAAkD;;AACxE,MACEA,EAAE,aAAad,EAAe,aAC9BZ,IAAA0B,EAAE,uBAAF,gBAAA1B,EAAsB,gBAAegB,EAAe,QACpD;AACA,UAAM,CAACzB,GAAKE,CAAG,IAAIiC,EAAE;AACrB,WAAO;AAAA,MACL;AAAA,QACE,UAAUZ,EAA2B;AAAA,QACrC,SAAS;AAAA,UACP,EAAE,UAAUY,EAAE,mBAAmB,MAAM,UAAUf,EAAe,KAAK,OAAOpB,EAAA;AAAA,UAC5E,EAAE,UAAUmC,EAAE,mBAAmB,MAAM,UAAUf,EAAe,KAAK,OAAOlB,EAAA;AAAA,QAAI;AAAA,MAClF;AAAA,IACF;AAAA,EAEJ;AACA,QAAM+B,IACJd,GAA0CgB,EAAE,QAAS,KACrDb,GAAmCa,EAAE,QAAS;AAEhD,SAAO,CAAC,EAAE,UAAUA,EAAE,mBAAoB,MAAM,UAAUF,GAAgB,OAAOE,EAAE,MAAA,CAAO;AAC5F,GAEaC,KAAkB,CAC7BL,GACAM,MAC+B;AAC/B,QAAMC,IAAUD,EACb,OAAO,CAACF,MAAMA,EAAE,sBAAsBA,EAAE,YAAYA,EAAE,SAAS,IAAI,EACnE,QAAQD,EAAc;AAEzB,SAAII,EAAQ,WAAW,IAAU,OAE1B,EAAE,UAAAP,GAAU,SAAAO,EAAA;AACrB,GAEaC,KAAiB,CAC5BC,GACAb,GACAc,MAC+B;AAC/B,MAAI,aAAaD,GAAQ;AACvB,UAAME,IAAQF,EAAO,QAAQ,CAAC,GACxBG,IAASH,EAAO,QAAQ,CAAC;AAC/B,QACEA,EAAO,aAAajB,EAA2B,OAC/CiB,EAAO,QAAQ,WAAW,KAC1BE,KAAS,QACTC,KAAU,QACV,cAAcD,KACd,cAAcC,KACdD,EAAM,aAAaC,EAAO,YAC1BD,EAAM,aAAatB,EAAe,OAClCuB,EAAO,aAAavB,EAAe,KACnC;AACA,YAAMU,IACJH,EAAsB,KAAK,CAACC,MAAMA,EAAE,SAASc,EAAM,QAAQ,KAAK;AAClE,aAAO;AAAA,QACL,IAAAD;AAAA,QACA,oBAAAX;AAAAA,QACA,QAAQ;AAAA,QACR,UAAUT,EAAe;AAAA,QACzB,OAAO,CAACqB,EAAM,OAAiBC,EAAO,KAAe;AAAA,MAAA;AAAA,IAEzD;AACA,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,UAAAC,GAAU,UAAAb,GAAU,OAAAlC,EAAA,IAAU2C,GAChCV,IAAqBH,EAAsB,KAAK,CAACC,MAAMA,EAAE,SAASgB,CAAQ,KAAK;AAErF,MAAIC,IAA4B;AAEhC,UAAIf,KAAA,gBAAAA,EAAoB,gBAAeL,EAAe,SAOpDoB,IAN2C;AAAA,IACzC,CAACzB,EAAe,MAAM,GAAGC,EAAe;AAAA,IACxC,CAACD,EAAe,SAAS,GAAGC,EAAe;AAAA,IAC3C,CAACD,EAAe,GAAG,GAAGC,EAAe;AAAA,IACrC,CAACD,EAAe,GAAG,GAAGC,EAAe;AAAA,EAAA,EAEfU,CAAQ,KAAK,OAC5BA,MAAaX,EAAe,WACrCyB,IAAa,MAAM,QAAQhD,CAAK,IAC5BqB,EAAsB,UACtBA,EAAsB,WAO1B2B,IAL2C;AAAA,IACzC,CAACzB,EAAe,MAAM,GAAGF,EAAsB;AAAA,IAC/C,CAACE,EAAe,SAAS,GAAGF,EAAsB;AAAA,IAClD,CAACE,EAAe,WAAW,GAAGF,EAAsB;AAAA,EAAA,EAE9Ba,CAAQ,KAAK,MAGhC,EAAE,IAAAU,GAAI,oBAAAX,GAAoB,QAAQ,IAAI,UAAUe,GAAY,OAAAhD,EAAA;AACrE,GAEaiD,KAAkB,CAC7BN,GACAb,MAC0B;AAC1B,MAAI,CAACa,EAAQ,QAAO,CAAA;AAEpB,MAAI,EAAE,aAAaA,GAAS,QAAO,CAAA;AAEnC,QAAMH,IAAiC,CAAA;AAEvC,SAAAG,EAAO,QAAQ,QAAQ,CAACO,GAAWC,MAAM;AACvC,UAAMrD,IAAS4C,GAAeQ,GAAWpB,GAAuBqB,IAAI,CAAC;AACrE,IAAIrD,KAAQ0C,EAAQ,KAAK1C,CAAM;AAAA,EACjC,CAAC,GAEM0C,EAAQ,SAASA,IAAU,CAAA;AACpC,GC9MaY,KAA0B,CAACpD,MAClC,MAAM,QAAQA,CAAK,IAAUA,IAC7BA,KAAU,OAAoC,CAAA,IAC3C,CAACA,CAAe,GAGZqD,KAA+B,CAC1CC,GACAC,MACQ;AAAA,EACR,GAAGD,EAAW,OAAO,CAACE,MAAMD,EAAe,SAASC,EAAE,KAAK,CAAC;AAAA,EAC5D,GAAGF,EAAW,OAAO,CAACE,MAAM,CAACD,EAAe,SAASC,EAAE,KAAK,CAAC;AAC/D,GAEaC,KAA6B,CACxCC,GACAC,MAEID,EAAY,WAAW,IAAU,QACjCA,EAAY,SAAS,IAAU,GAAGA,EAAY,MAAM,cACjDA,EAAY,IAAIC,CAAQ,EAAE,KAAK,IAAI,GCOtCC,KAAqB,CAAC;AAAA,EAC1B,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MACErD,gBAAAA,EAAAA,KAAC,UAAA,EAAO,WAAWsD,GAAKnD,EAAO,aAAa,CAAC6C,KAAY7C,EAAO,gBAAgB,GAAI,GAAGkD,GACpF,UAAA;AAAA,EAAAJ,IAAY/C,gBAAAA,EAAAA,IAACqD,IAAA,EAAY,WAAWpD,EAAO,gBAAgB,IAAK+C;AAAA,EAChEC,KAAiBjD,gBAAAA,EAAAA,IAACsD,IAAA,EAAM,SAASJ,EAAA,CAAS;AAAA,GAC7C,GAYIK,KAA8B,CAAC;AAAA,EACnC,QAAAxE;AAAA,EACA,oBAAAmC;AAAA,EACA,SAAAsC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAzE;AAAA,EACA,eAAA0E;AACF,MAAwC;;AACtC,QAAMC,IAAiBC,GAAkBH,CAAK,GACxCI,IAAapE,EAA+B,EAAE,GAE9C8C,MACJ1C,IAAA2D,KAAA,gBAAAA,EAAS,SAAT,gBAAA3D,EAAe,IAAI,CAACiE,OAAU;AAAA,IAC5B,OAAOA,EAAK5C,EAAmB,IAAI;AAAA,IACnC,OAAOyC,EAAe,KAAKzC,GAAoB4C,EAAK5C,EAAmB,IAAI,CAAC;AAAA,EAAA,QACvE,CAAA;AAKT,EAAAqB,EAAW,QAAQ,CAAC,EAAE,OAAAtD,GAAO,OAAA8E,QAAY;AACvC,IAAI9E,KAAS,SAAM4E,EAAW,QAAQ5E,CAAK,IAAI8E;AAAA,EACjD,CAAC;AAED,QAAMnB,IAAW,CAAC3D,MAAkB4E,EAAW,QAAQ5E,CAAK,KAAKA,GAE3DuD,IAAiBH,GAAwBtD,EAAO,KAAK,GAErDiF,IAAU1B,GAA6BC,GAAYC,CAAc,GAEjEO,IAAYS,KAAA,gBAAAA,EAAS,WACrBS,IAA+B,CAAClB,QAAcmB,IAAAV,KAAA,gBAAAA,EAAS,SAAT,gBAAAU,EAAe,WAAU,OAAO;AAIpF,MAFsBhD,EAAmB,eAAeL,EAAe;AAGrE,WAAOb,gBAAAA,EAAAA,IAAClB,IAAA,EAAkC,QAAAC,GAAgB,eAAAC,EAAA,CAA8B;AAO1F,MAHEkC,EAAmB,eAAeL,EAAe,UACjD9B,EAAO,aAAauB,EAAsB;AAG1C,WAAON,gBAAAA,EAAAA,IAACI,IAAA,EAA4B,QAAArB,GAAgB,eAAAC,EAAA,CAA8B;AAGpF,QAAMmF,IACJpF,EAAO,aAAauB,EAAsB,WAC1CvB,EAAO,aAAauB,EAAsB,YAEtCwC,IAAW/D,EAAO,SAAS,MAC3BkE,IAAgB,CAACF,KAAaD;AAEpC,MAAIqB,GAAoB;AACtB,UAAMxB,IAAe5D,EAAO,SAAsB,CAAA,GAE5CiE,IAAeN,GAA2BC,GAAaC,CAAQ;AAErE,WACE5C,gBAAAA,EAAAA;AAAAA,MAACoE;AAAA,MAAA;AAAA,QACC,kBACEpE,gBAAAA,EAAAA;AAAAA,UAAC6C;AAAA,UAAA;AAAA,YACC,UAAAC;AAAA,YACA,WAAAC;AAAA,YACA,cAAAC;AAAA,YACA,eAAAC;AAAA,YACA,SAAS,MAAMjE,EAAc,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAGrC,cAAY;AAAA,QACZ,aAAW;AAAA,QACX,WAAA+D;AAAA,QACA,QAAQJ;AAAA,QACR,SAAAqB;AAAA,QACA,UAAU,CAACK,MAAarF,EAAcqF,EAAS,WAAW,IAAI,OAAOA,CAAQ;AAAA,QAC7E,UAAUX;AAAA,QACV,iBAAiB;AAAA,QACjB,kBAAkBO,IAAuB9D,EAAK,EAAE,uBAAuB,IAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAGjF;AAKA,MAFEpB,EAAO,aAAauB,EAAsB,MAAMvB,EAAO,aAAauB,EAAsB,OAEnE;AACvB,UAAM0C,IAAejE,EAAO,SAAS,OAAO6D,EAAS7D,EAAO,KAAe,IAAI;AAE/E,WACEiB,gBAAAA,EAAAA;AAAAA,MAACsE;AAAA,MAAA;AAAA,QACC,kBACEtE,gBAAAA,EAAAA;AAAAA,UAAC6C;AAAA,UAAA;AAAA,YACC,UAAAC;AAAA,YACA,WAAAC;AAAA,YACA,cAAAC;AAAA,YACA,eAAAC;AAAA,YACA,SAAS,MAAMjE,EAAc,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAGrC,YAAU;AAAA,QACV,WAAS;AAAA,QACT,WAAA+D;AAAA,QACA,OAAOhE,EAAO;AAAA,QACd,SAAAiF;AAAA,QACA,UAAUhF;AAAA,QACV,UAAU0E;AAAA,QACV,iBAAiB;AAAA,QACjB,kBAAkBO,IAAuB9D,EAAK,EAAE,uBAAuB,IAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAGjF;AAEA,SAAO;AACT,GC1JMoE,KAAqB,MAAM;AAAA,EAC/B,EAAE,OAAOjE,EAAsB,IAAI,OAAOH,EAAK,EAAE,0BAA0B,EAAA;AAAA,EAC3E,EAAE,OAAOG,EAAsB,OAAO,OAAOH,EAAK,EAAE,6BAA6B,EAAA;AAAA,EACjF,EAAE,OAAOG,EAAsB,SAAS,OAAOH,EAAK,EAAE,+BAA+B,EAAA;AAAA,EACrF,EAAE,OAAOG,EAAsB,YAAY,OAAOH,EAAK,EAAE,kCAAkC,EAAA;AAAA,EAC3F,EAAE,OAAOG,EAAsB,UAAU,OAAOH,EAAK,EAAE,gCAAgC,EAAA;AACzF,GAEMqE,KAAsB,MAAM;AAAA,EAChC,EAAE,OAAOlE,EAAsB,IAAI,OAAOH,EAAK,EAAE,0BAA0B,EAAA;AAAA,EAC3E,EAAE,OAAOG,EAAsB,OAAO,OAAOH,EAAK,EAAE,6BAA6B,EAAA;AAAA,EACjF,EAAE,OAAOG,EAAsB,SAAS,OAAOH,EAAK,EAAE,+BAA+B,EAAA;AAAA,EACrF,EAAE,OAAOG,EAAsB,YAAY,OAAOH,EAAK,EAAE,kCAAkC,EAAA;AAC7F,GAEMsE,KAAqB,MAAM;AAAA,EAC/B,EAAE,OAAOhE,EAAe,QAAQ,OAAON,EAAK,EAAE,8BAA8B,EAAA;AAAA,EAC5E,EAAE,OAAOM,EAAe,WAAW,OAAON,EAAK,EAAE,oCAAoC,EAAA;AAAA,EACrF,EAAE,OAAOM,EAAe,KAAK,OAAON,EAAK,EAAE,4CAA4C,EAAA;AAAA,EACvF,EAAE,OAAOM,EAAe,KAAK,OAAON,EAAK,EAAE,yCAAyC,EAAA;AAAA,EACpF,EAAE,OAAOM,EAAe,SAAS,OAAON,EAAK,EAAE,+BAA+B,EAAA;AAChF,GAYMuE,KAAuC,CAAC;AAAA,EAC5C,oBAAAxD;AAAA,EACA,QAAAnC;AAAA,EACA,SAAAyE;AAAA,EACA,OAAAC;AAAA,EACA,kBAAAkB;AAAA,EACA,eAAA3F;AAAA,EACA,eAAA0E;AACF,MAAiD;;AAC/C,MAAIkB;AACJ,SAAI1D,EAAmB,eAAeL,EAAe,SACnD+D,IAAkBH,GAAA,IACTvD,EAAmB,eAAeL,EAAe,UAC1D+D,IAAkBJ,GAAA,IAElBI,IAAkBL,GAAA,GAGpB3E,EAAU,MAAM;AACd,IAAKb,EAAO,YACV4F,EAAiBC,EAAgB,CAAC,EAAG,KAAK;AAAA,EAE9C,CAAC,GAGC9E,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAACsE;AAAA,MAAA;AAAA,QACC,kBACEtE,gBAAAA,EAAAA,IAAC,UAAA,EAAO,WAAWC,EAAO,gBACvB,WAAAJ,IAAA+E,EAAgB,KAAK,CAACC,MAAMA,EAAE,UAAU9F,EAAO,QAAQ,MAAvD,gBAAAc,EAA0D,OAC7D;AAAA,QAEF,OAAOd,EAAO;AAAA,QACd,SAAS6F;AAAA,QACT,UAAUD;AAAA,QACV,iBAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEnB3E,gBAAAA,EAAAA;AAAAA,MAACuD;AAAA,MAAA;AAAA,QACC,QAAAxE;AAAA,QACA,oBAAAmC;AAAA,QACA,SAAAsC;AAAA,QACA,OAAAC;AAAA,QACA,eAAAzE;AAAA,QACA,eAAA0E;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ,GClEMoB,KAAoB,CAAC;AAAA,EACzB,QAAA/F;AAAA,EACA,uBAAAgC;AAAA,EACA,SAAAyC;AAAA,EACA,OAAAC;AAAA,EACA,4BAAAsB;AAAA,EACA,kBAAAJ;AAAA,EACA,eAAA3F;AAAA,EACA,eAAA0E;AAAA,EACA,UAAAsB;AACF,MAA8B;;AAC5B,QAAM,EAAE,oBAAA9D,MAAuBnC,GACzB,CAACkG,GAAQC,CAAS,IAAI/F,EAAiB,EAAE,GAEzCgG,IAAiCrE,GAAkCC,CAAqB,GAExFqE,IAAsBC,EAA8B;AAAA,IACxD,uBAAuBF;AAAA,IACvB,OAAA1B;AAAA,EAAA,CACD,GAEK6B,IAAmBD,EAA8B;AAAA,IACrD,uBAAuBF;AAAA,IACvB,aAAaF;AAAA,IACb,OAAAxB;AAAA,EAAA,CACD,GAEK8B,KAAgB1F,IAAAuF,EAAoB;AAAA,IACxC,CAAC3C,MAAMA,EAAE,WAAUvB,KAAA,gBAAAA,EAAoB;AAAA,EAAA,MADnB,gBAAArB,EAEnB,OAEG2F,IAA4B,MAC5BtE,IACKlB,gBAAAA,EAAAA,IAAC,UAAA,EAAO,WAAWC,EAAO,cAAe,UAAAsF,GAAc,IAI9DzF,gBAAAA,EAAAA,KAAC,UAAA,EAAO,WAAWG,EAAO,WACxB,UAAA;AAAA,IAAAD,gBAAAA,EAAAA,IAACtB,IAAA,EAAS;AAAA,IACVsB,gBAAAA,EAAAA,IAAC,QAAA,EAAM,UAAAG,EAAK,EAAE,iCAAiC,EAAA,CAAE;AAAA,EAAA,GACnD;AAIJ,SACEL,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAWG,EAAO,QACrB,UAAA;AAAA,IAAAD,gBAAAA,EAAAA;AAAAA,MAACsE;AAAA,MAAA;AAAA,QACC,kBAAkBkB,EAAA;AAAA,QAClB,YAAU;AAAA,QACV,OAAOtE,KAAA,gBAAAA,EAAoB;AAAA,QAC3B,UAAU6D;AAAA,QACV,UAAUG;AAAA,QACV,SAASI;AAAA,QACT,iBAAiB;AAAA,QACjB,kBAAkBnF,EAAK,EAAE,uBAAuB;AAAA,MAAA;AAAA,IAAA;AAAA,IAGjDe,KACCpB,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,MAAAC,gBAAAA,EAAAA;AAAAA,QAAC0E;AAAA,QAAA;AAAA,UACC,oBAAAxD;AAAA,UACA,QAAAnC;AAAA,UACA,SAAAyE;AAAA,UACA,OAAAC;AAAA,UACA,kBAAAkB;AAAA,UACA,eAAA3F;AAAA,UACA,eAAA0E;AAAA,QAAA;AAAA,MAAA;AAAA,MAEF1D,gBAAAA,EAAAA,IAAC,YAAO,WAAWC,EAAO,cAAc,SAAS+E,GAC/C,UAAAhF,gBAAAA,EAAAA,IAACsD,IAAA,CAAA,CAAM,EAAA,CACT;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ,GCpEMmC,IAAmB,CAACtC,MAAiC;;AACzD,QAAMM,IAAQiC,GAAA;AACd,EAAAC,GAAUlC,CAAK;AAEf,QAAM,EAAE,OAAAmC,GAAO,aAAAC,GAAa,SAAAC,EAAA,IAAYC,GAAiB5C,CAAK,GACxD;AAAA,IACJ,uBAAApC,IAAwB,CAAA;AAAA,IACxB,oBAAAiF;AAAA,IACA,iBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEhD,GAEE,CAACiD,GAAWC,CAAY,IAAIlH,EAAS,EAAE,GAEvC,CAACmH,GAAgBC,CAAiB,IAAIpH,EAAS,EAAK,GACpD,CAACqH,GAAeC,CAAgB,IAAItH,EAAS,EAAK,GAClDuH,IAAYjH,EAAuB,IAAI,GACvCkH,IAAqBlH,EAAgB,MAAS,GAC9CmH,IAAoBnH,EAAO,EAAI;AAMrC,EAAAG,EAAU,MAAM;AACd,QAAI,CAACuG,KAAkB,EAACpF,KAAA,QAAAA,EAAuB;AAC7C;AAGF,UAAM8F,IAAa3E,GAAgBiE,GAAgBpF,CAAqB;AAExE,IAAI8F,EAAW,SAAS,MACtBb,KAAA,QAAAA,EAAqB,CAACc,MAAS;;AAC7B,cAAIjH,IAAAiH,KAAA,gBAAAA,EAAM,YAAN,QAAAjH,EAAe,SACViH,IAGF,EAAE,GAAGA,GAAM,SAASD,EAAA;AAAA,IAC7B,KAIF,WAAW,MAAM;AACf,MAAAD,EAAkB,UAAU;AAAA,IAC9B,GAAG,GAAG;AAAA,EACR,GAAG,CAACT,GAAgBpF,CAAqB,CAAC;AAE1C,QAAMgG,IAAoBC,GAAY,MAAM;AAC1C,UAAMC,IAAKP,EAAU;AACrB,IAAKO,MACLR,EAAiBQ,EAAG,aAAa,CAAC,GAClCV,EAAkBU,EAAG,aAAaA,EAAG,cAAcA,EAAG,cAAc,CAAC;AAAA,EACvE,GAAG,CAAA,CAAE,GAECC,IAAoB,MAAM;;AAC9B,KAAArH,IAAA6G,EAAU,YAAV,QAAA7G,EAAmB,SAAS,EAAE,MAAM,KAAK,UAAU;EACrD,GAEMsH,IAAmB,MAAM;;AAC7B,KAAAtH,IAAA6G,EAAU,YAAV,QAAA7G,EAAmB,SAAS,EAAE,MAAM,MAAM,UAAU;EACtD;AAEA,EAAAD,EAAU,MAAM;AACd,UAAMqH,IAAKP,EAAU;AACrB,QAAI,CAACO,EAAI;AACT,UAAMG,IAAK,IAAI,eAAeL,CAAiB;AAC/C,WAAAK,EAAG,QAAQH,CAAE,GACbA,EAAG,iBAAiB,UAAUF,CAAiB,GAC/CA,EAAA,GACO,MAAM;AACX,MAAAK,EAAG,WAAA,GACHH,EAAG,oBAAoB,UAAUF,CAAiB;AAAA,IACpD;AAAA,EACF,GAAG,CAACA,GAAmBd,KAAA,gBAAAA,EAAiB,OAAO,CAAC;AAEhD,QAAMoB,MAAenD,KAAArE,IAAAoG,KAAA,gBAAAA,EAAiB,YAAjB,gBAAApG,EAA2BoG,EAAgB,QAAQ,SAAS,OAA5D,gBAAA/B,EAAgE,OAAM,GACrFoD,KAAaC,IAAAtB,KAAA,gBAAAA,EAAiB,YAAjB,gBAAAsB,EAA2BtB,EAAgB,QAAQ,SAAS,IACzEuB,IAAgB,GAAGF,KAAA,gBAAAA,EAAY,EAAE,KAAIG,IAAAH,KAAA,gBAAAA,EAAY,uBAAZ,gBAAAG,EAAgC,IAAI,IAAIH,KAAA,gBAAAA,EAAY,QAAQ,IAAI,KAAK,UAAUA,KAAA,gBAAAA,EAAY,KAAK,CAAC;AAE5I,EAAA1H,EAAU,MAAM;AACd,IAAIgH,EAAkB,WAGtB,WAAW,MAAM;;AACf,OAAA/G,IAAA6G,EAAU,YAAV,QAAA7G,EAAmB,SAAS,EAAE,MAAM6G,EAAU,QAAQ,aAAa,UAAU;IAC/E,GAAG,GAAG;AAAA,EACR,GAAG,CAACc,CAAa,CAAC;AAElB,QAAME,IAAY,CAACC,IAAyC,SAA8B;AACxF,UAAMzG,IACJH,EAAsB,KAAK,CAACC,MAAMA,EAAE,SAAS2G,CAAuB,KAAK;AAE3E,WAAO,EAAE,IAAIN,IAAe,GAAG,oBAAAnG,GAAoB,QAAQ,IAAI,UAAU,MAAM,OAAO,KAAA;AAAA,EACxF,GAEMO,KAAUmG,IAAA3B,KAAA,gBAAAA,EAAiB,YAAjB,QAAA2B,EAA0B,SAAS3B,EAAgB,UAAU,CAACyB,GAAW,GAEnFG,KAAiC,CAACC,GAAeC,MAAwB;AAC7E,IAAA/B,KAAA,QAAAA,EAAqB,CAACc,MAA6B;AACjD,YAAMD,IAAa,CAAC,IAAIC,KAAA,gBAAAA,EAAM,YAAW,CAAA,CAAG,GAEtCkB,IAAWnB,EAAWiB,CAAK;AAEjC,aAAAjB,EAAWiB,CAAK,IAAI;AAAA,QAClB,GAAGJ,EAAUK,CAAI;AAAA,QACjB,GAAIC,KAAA,QAAAA,EAAU,KAAK,EAAE,IAAIA,EAAS,GAAA,IAAO,CAAA;AAAA,MAAC,GAGrC,EAAE,GAAGlB,GAAM,SAASD,EAAA;AAAA,IAC7B;AAAA,EACF,GAEMoB,KAAuB,CAACH,GAAe3G,MAA4B;AACvE,IAAA6E,KAAA,QAAAA,EAAqB,CAACc,MAA6B;AACjD,YAAMD,IAAa,CAAC,IAAIC,KAAA,gBAAAA,EAAM,YAAW,CAAA,CAAG;AAC5C,aAAAD,EAAWiB,CAAK,IAAI,EAAE,GAAGjB,EAAWiB,CAAK,GAAI,UAAA3G,GAAU,OAAO,KAAA,GACvD,EAAE,GAAG2F,GAAM,SAASD,EAAA;AAAA,IAC7B;AAAA,EACF,GAEMqB,KAAoB,CAACJ,GAAe7I,MAAwC;AAChF,IAAA+G,KAAA,QAAAA,EAAqB,CAACc,MAA6B;AACjD,YAAMD,IAAa,CAAC,IAAIC,KAAA,gBAAAA,EAAM,YAAW,CAAA,CAAG;AAC5C,aAAAD,EAAWiB,CAAK,IAAI,EAAE,GAAGjB,EAAWiB,CAAK,GAAI,OAAA7I,EAAA,GACtC,EAAE,GAAG6H,GAAM,SAASD,EAAA;AAAA,IAC7B;AAAA,EACF,GAEMsB,KAAwB,CAACL,GAAe7C,MAAmB;AAC/D,IAAAe,KAAA,QAAAA,EAAqB,CAACc,MAA6B;AACjD,YAAMD,IAAa,CAAC,IAAIC,KAAA,gBAAAA,EAAM,YAAW,CAAA,CAAG;AAC5C,aAAAD,EAAWiB,CAAK,IAAI,EAAE,GAAGjB,EAAWiB,CAAK,GAAI,QAAA7C,EAAA,GACtC,EAAE,GAAG6B,GAAM,SAASD,EAAA;AAAA,IAC7B;AAAA,EACF,GAEMuB,KAAqB,CAACN,MAAkB;AAC5C,IAAA9B,KAAA,QAAAA,EAAqB,CAACc,MAA6B;AACjD,YAAMD,IAAa,CAAC,IAAIC,KAAA,gBAAAA,EAAM,YAAW,CAAA,CAAG;AAC5C,aAAAD,EAAW,OAAOiB,GAAO,CAAC,GACnB,EAAE,GAAGhB,GAAM,SAASD,EAAA;AAAA,IAC7B;AAAA,EACF,GAEMwB,KAAkB,CAACpJ,MAAyB;AAChD,IAAA+G,KAAA,QAAAA,EAAqB,CAACc,MAA6B;AACjD,YAAMD,IAAa,CAAC,IAAIC,KAAA,gBAAAA,EAAM,YAAW,IAAKY,EAAUzI,CAAK,CAAC;AAC9D,aAAO,EAAE,GAAG6H,GAAM,SAASD,EAAA;AAAA,IAC7B,IACA,WAAW,MAAM;;AACf,OAAAhH,IAAA6G,EAAU,YAAV,QAAA7G,EAAmB,SAAS,EAAE,MAAM6G,EAAU,QAAQ,aAAa,UAAU;IAC/E,GAAG,CAAC;AAAA,EACN;AAEA,EAAA9G,EAAU,MAAM;AACd,UAAM+C,IAAcnB,GAAgBb,EAA2B,KAAKc,CAAO;AAE3E,IADmB,KAAK,UAAUkB,CAAW,MAC1B,KAAK,UAAUgE,EAAmB,OAAO,MAC5DA,EAAmB,UAAUhE,GAC7BuD,KAAA,QAAAA,EAAWvD;AAAA,EACb,GAAG,CAAClB,CAAO,CAAC;AAEZ,QAAM0D,KAAiCrE,GAAkCC,CAAqB,GAExFuH,KAAsBjD,EAA8B;AAAA,IACxD,uBAAuBF;AAAA,IACvB,aAAaiB;AAAA,IACb,OAAA3C;AAAA,EAAA,CACD,GAEK8E,KAAc9G,EAAQ,KAAK,CAACF,MAAMA,EAAE,sBAAsBA,EAAE,YAAYA,EAAE,SAAS,IAAI,GAEvFiH,KAAiB,MAAM;AAC3B,IAAAxC,KAAA,QAAAA,EAAqB,CAACc,OAA8B,EAAE,GAAGA,GAAM,SAAS,CAACY,GAAW,EAAA;AAAA,EACtF;AAEA,SACE1H,gBAAAA,EAAAA,IAACyI,MAAW,OAAA7C,GAAc,aAAAC,GAA0B,SAAAC,GAClD,UAAAhG,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAWG,EAAO,WACpB,UAAA;AAAA,IAAAuG,KACCxG,gBAAAA,EAAAA,IAAC,YAAO,WAAWC,EAAO,kBAAkB,SAASkH,GACnD,UAAAnH,gBAAAA,EAAAA,IAAC0I,IAAA,CAAA,CAAgB,EAAA,CACnB;AAAA,IAEF1I,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWC,EAAO,QAAQ,KAAKyG,GACjC,UAAAjF,EAAQ,IAAI,CAAC1C,GAAQ+I,MACpB9H,gBAAAA,EAAAA,IAAC2I,GAAM,UAAN,EACC,UAAA3I,gBAAAA,EAAAA;AAAAA,MAAC8E;AAAA,MAAA;AAAA,QACC,QAAA/F;AAAA,QACA,uBAAAgC;AAAA,QACA,SACGoC,EAAkC,gBAAgBpE,EAAO,EAAE,EAAE;AAAA,QAIhE,OAAA0E;AAAA,QACA,4BAA4B,CAACxE,MAAU4I,GAA+BC,GAAO7I,CAAK;AAAA,QAClF,kBAAkB,CAACA,MAAUgJ,GAAqBH,GAAO7I,CAAK;AAAA,QAC9D,eAAe,CAACA,MAAUiJ,GAAkBJ,GAAO7I,CAAK;AAAA,QACxD,eAAe,CAACgG,MAAWkD,GAAsBL,GAAO7C,CAAM;AAAA,QAC9D,UAAU,MAAMmD,GAAmBN,CAAK;AAAA,MAAA;AAAA,IAAA,EAC1C,GAfmB/I,EAAO,EAgB5B,CACD,GACH;AAAA,IACCuH,KACCtG,gBAAAA,EAAAA,IAAC,UAAA,EAAO,WAAWC,EAAO,mBAAmB,SAASiH,GACpD,UAAAlH,gBAAAA,EAAAA,IAAC4I,IAAA,CAAA,CAAiB,EAAA,CACpB;AAAA,MAGDC,IAAApH,EAAQ,CAAC,MAAT,gBAAAoH,EAAY,uBACX7I,gBAAAA,EAAAA;AAAAA,MAACsE;AAAA,MAAA;AAAA,QACC,kBAAkBtE,gBAAAA,EAAAA,IAAC8I,IAAA,EAAW,MAAMpK,GAAA,CAAU;AAAA,QAC9C,YAAU;AAAA,QACV,UAAU,CAACO,MAAUoJ,GAAgBpJ,CAAK;AAAA,QAC1C,UAAUoH;AAAA,QACV,SAASiC;AAAA,QACT,kBAAkBnI,EAAK,EAAE,uBAAuB;AAAA,MAAA;AAAA,IAAA;AAAA,IAGnDoI,MACCvI,gBAAAA,EAAAA,IAAC,UAAA,EAAO,WAAWC,EAAO,aAAa,SAASuI,IAC7C,UAAArI,EAAK,EAAE,gCAAgC,EAAA,CAC1C;AAAA,EAAA,EAAA,CAEJ,EAAA,CACF;AAEJ;;;8CC/PM4I,KAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aACE;AAAA,EACF,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACNC,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,QAAQ;AAAA,QACN,GAAGA,EAAO,sBAAsB;AAAA,QAChC,gBAAgB,CAAC,UAAU,UAAU,SAAS;AAAA,MAAA;AAAA,IAChD;AAAA,IAEF;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,IAAA;AAAA,IAEhB;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,UAAU;AAAA,MACV,aAAa;AAAA,IAAA;AAAA,IAEfA,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,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,cAAc,CAAA;AAAA,MACd,QAAQ,CAAC,gBAAgB;AAAA,MACzB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAEMC,KAAUC,GAAcC,GAAW,EAAE,GAcrChG,KAAQ,CACZ6F,GACA,CAACI,GAAOC,CAAQ,MAIb;;AACH,QAAMC,KAAgBzJ,IAAAuJ,KAAA,gBAAAA,EAAO,YAAP,gBAAAvJ,EAAgB,OAAgC,CAAC0J,GAAKC,MAAS;;AACnF,UAAI3J,IAAA2J,EAAK,uBAAL,gBAAA3J,EAAyB,cAAa,eAAe,CAAC2J,EAAK;AAC7D,aAAOD;AAGT,UAAM,EAAE,oBAAArI,MAAuBsI,GACzBC,IACJvI,EAAmB,eAAe,WAAWV,EAAe,WAAWA,EAAe,QAElFkJ,IAAeF,EAAK,SACtB,CAAC,EAAE,UAAUC,GAAgB,UAAUvI,GAAoB,OAAOsI,EAAK,OAAA,CAAQ,IAC/E,CAAA,GAQE/H,IAAU,CAAC,GANQuH,EAAO,yBAC3BI,EAAM,WAAW,CAAA,GACf,OAAO,CAACO,MAAUA,EAAM,OAAOH,EAAK,EAAE,EACtC,QAAQvI,EAAuB,IAClC,CAAA,GAEkC,GAAGyI,CAAY;AAErD,WAAAH,EAAI,gBAAgBC,EAAK,EAAE,EAAE,IAAII,GAAS;AAAA,MACxC,MAAMZ,EAAO;AAAA,MACb,QAAQ,CAACQ,EAAK,kBAAkB;AAAA,MAChC,SAAS/H,EAAQ,SAAS,IAAIA,IAAU;AAAA,IAAA,CACzC,GACM8H;AAAA,EACT,GAAG,CAAA;AAEH,SAAO;AAAA,IACL,GAAGP;AAAAA,IACH,iBAAiBI;AAAA,IACjB,oBAAoBC;AAAA,IACpB,uBAAuBL,EAAO,yBAAyB,CAAA;AAAA,IACvD,GAAGM;AAAA,EAAA;AAEP,GAEMO,KAAS;AAAA,EACb,UAAU,CAAC5K,OAAuC;AAAA,IAChD,OAAOA,KAAS6K,GAAM,SAAA;AAAA,EAAS;AAEnC,GAEaC,KAAmB;AAAA,EAAA,WAC9BZ;AAAAA,EACA,MAAAJ;AAAA,EACA,SAAAE;AAAA,EACA,QAAQ;AAAA,IACN,OAAA9F;AAAA,IACA,QAAA0G;AAAA,EAAA;AAEJ;","x_google_ignoreList":[0]}

package/dist/{definition-De2PxrhM.js → definition-CbuWm1Cr.js}

@@ -1,16 +1,16 @@
-import { a7 as S, K as J, a8 as z } from "./index-DcPl9DUc.js";
+import { j as S, K as J, l as z } from "./index-BDd5cXFC.js";
 import { useTheme as Y, definePreview as $ } from "@embeddable.com/react";
 import { i as G, r as Q, a as s } from "./component.utils-oQMZT7TK.js";
-import { C as U } from "./ChartCard-HpSv5cY6.js";
-import { b as X } from "./formatter.utils-CueRuFiK.js";
+import { C as U } from "./ChartCard-Zy5lPApV.js";
+import { g as X } from "./formatter.utils-DE-_ADag.js";
 import { useEffect as Z } from "react";
 import { g as x, a as ee } from "./timeRange.utils-kK6r26ZO.js";
 import { g as ae } from "./kpis.utils-DsZ2GzuB.js";
-import { i as o } from "./component.inputs.constants-DYl-U975.js";
-import { p as c } from "./preview.data.constants-B8B82ITM.js";
+import { i as o } from "./component.inputs.constants-DoBT8ykS.js";
+import { p as g } from "./preview.data.constants-B3oyUsaQ.js";
 import { g as T } from "./clientContext.utils-DpB5KsfX.js";
-const g = (e) => {
-  var y, D, P, b, C, R;
+const c = (e) => {
+  var y, D, P, C, b, R;
   const a = Y();
   G(a);
   const { title: t, description: m, tooltip: l, displayNullAs: u } = Q(e), {
@@ -18,8 +18,8 @@ const g = (e) => {
     changeFontSize: F,
     comparisonPeriod: p,
     comparisonDateRange: M,
-    displayChangeAsPercentage: V,
-    fontSize: j,
+    displayChangeAsPercentage: j,
+    fontSize: V,
     measure: n,
     primaryDateRange: f,
     results: i,
@@ -37,10 +37,10 @@ const g = (e) => {
     );
     h(d);
   }, [p, JSON.stringify(f), a]);
-  const q = (D = (y = i.data) == null ? void 0 : y[0]) == null ? void 0 : D[n.name], B = M ? (b = (P = r == null ? void 0 : r.data) == null ? void 0 : P[0]) == null ? void 0 : b[n.name] : void 0, E = X(a), H = (d) => E.data(n, d), I = `vs ${ee(p, a).toLowerCase()}`, v = {
+  const q = (D = (y = i.data) == null ? void 0 : y[0]) == null ? void 0 : D[n.name], B = M ? (C = (P = r == null ? void 0 : r.data) == null ? void 0 : P[0]) == null ? void 0 : C[n.name] : void 0, E = X(a), H = (d) => E.data(n, d), I = `vs ${ee(p, a).toLowerCase()}`, v = {
     isLoading: !!(i.isLoading || r != null && r.isLoading),
     data: !(i != null && i.data) && !(r != null && r.data) ? void 0 : [
-      ...(C = i.data) != null && C.length ? [{ label: s.t("charts.primaryPeriod"), ...i.data[0] }] : [],
+      ...(b = i.data) != null && b.length ? [{ label: s.t("charts.primaryPeriod"), ...i.data[0] }] : [],
       ...(R = r == null ? void 0 : r.data) != null && R.length ? [{ label: s.t("charts.comparisonPeriod"), ...r.data[0] }] : []
     ]
   }, W = ae(v, n, !!u);
@@ -70,10 +70,10 @@ const g = (e) => {
           value: q,
           comparisonValue: v.isLoading ? void 0 : B,
           valueFormatter: H,
-          valueFontSize: j,
+          valueFontSize: V,
           trendFontSize: F,
           invertChangeColors: k,
-          showChangeAsPercentage: V,
+          showChangeAsPercentage: j,
           comparisonLabel: I,
           percentageDecimalPlaces: O,
           noPreviousDataLabel: s.t("charts.kpiChart.noPreviousData"),
@@ -84,7 +84,7 @@ const g = (e) => {
   );
 }, he = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: g
+  default: c
 }, Symbol.toStringTag, { value: "Module" })), oe = {
   name: "KpiChartNumberComparisonPro",
   label: "Kpi Chart - Number Comparison",
@@ -141,15 +141,15 @@ const g = (e) => {
     }
   ]
 }, A = {
-  measure: { ...c.measure },
-  results: c.results1Measure,
-  resultsComparison: c.results1MeasureVariant,
+  measure: { ...g.measure },
+  results: g.results1Measure,
+  resultsComparison: g.results1MeasureVariant,
   primaryDateRange: void 0,
   comparisonPeriod: "Previous period",
   comparisonDateRange: { relativeTimeString: "Today", from: void 0, to: void 0 },
   fontSize: 100,
   hideMenu: !0
-}, re = $(g, A), N = (e, a) => ({
+}, re = $(c, A), N = (e, a) => ({
   from: e.dataset,
   select: [e.measure],
   limit: 1,
@@ -186,7 +186,7 @@ const g = (e) => {
   results: w(e, m),
   resultsComparison: K(e, a, m)
 }), ve = {
-  Component: g,
+  Component: c,
   meta: oe,
   preview: re,
   previewConfig: A,
@@ -206,4 +206,4 @@ export {
   he as i,
   ve as k
 };
-//# sourceMappingURL=definition-De2PxrhM.js.map
+//# sourceMappingURL=definition-CbuWm1Cr.js.map

package/dist/{definition-De2PxrhM.js.map → definition-CbuWm1Cr.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-De2PxrhM.js","sources":["../src/components/charts/kpis/KpiChartNumberComparisonPro/index.tsx","../src/components/charts/kpis/KpiChartNumberComparisonPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Measure, TimeRange } from '@embeddable.com/core';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { KpiChart } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { useEffect } from 'react';\nimport {\n  getComparisonPeriodDateRange,\n  getComparisonPeriodLabel,\n} from '../../../utils/timeRange.utils';\nimport { getKpiResults } from '../kpis.utils';\n\nexport type KpiChartNumberComparisonProProp = {\n  changeFontSize?: number;\n  comparisonPeriod?: string;\n  displayChangeAsPercentage?: boolean;\n  fontSize?: number;\n  measure: Measure;\n  primaryDateRange: TimeRange;\n  results: DataResponse;\n  resultsComparison: DataResponse | undefined;\n  reversePositiveNegativeColors?: boolean;\n  percentageDecimalPlaces?: number;\n  comparisonDateRange: TimeRange;\n  displayNullAs?: string;\n  setComparisonDateRange?: (dateRange: TimeRange) => void;\n} & ChartCardHeaderProps;\n\nconst KpiChartNumberComparisonPro = (props: KpiChartNumberComparisonProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip, displayNullAs } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    changeFontSize,\n    comparisonPeriod,\n    comparisonDateRange,\n    displayChangeAsPercentage,\n    fontSize,\n    measure,\n    primaryDateRange,\n    results,\n    resultsComparison,\n    reversePositiveNegativeColors,\n    percentageDecimalPlaces,\n    setComparisonDateRange,\n  } = props;\n\n  useEffect(() => {\n    if (!setComparisonDateRange) return;\n\n    const newComparisonDateRange = getComparisonPeriodDateRange(\n      primaryDateRange,\n      comparisonPeriod,\n      theme,\n    );\n    setComparisonDateRange(newComparisonDateRange);\n  }, [comparisonPeriod, JSON.stringify(primaryDateRange), theme]);\n\n  const value: number = results.data?.[0]?.[measure.name];\n  const comparisonValue = comparisonDateRange\n    ? resultsComparison?.data?.[0]?.[measure.name]\n    : undefined;\n\n  const themeFormatter = getThemeFormatter(theme);\n  const valueFormatter = (valueToFormat: number) => themeFormatter.data(measure, valueToFormat);\n  const comparisonLabel = `vs ${getComparisonPeriodLabel(comparisonPeriod, theme).toLowerCase()}`;\n\n  const resultsCombined: DataResponse = {\n    isLoading: Boolean(results.isLoading || resultsComparison?.isLoading),\n    data:\n      !results?.data && !resultsComparison?.data\n        ? undefined\n        : [\n            ...(results.data?.length\n              ? [{ label: i18n.t('charts.primaryPeriod'), ...results.data[0] }]\n              : []),\n            ...(resultsComparison?.data?.length\n              ? [{ label: i18n.t('charts.comparisonPeriod'), ...resultsComparison.data[0] }]\n              : []),\n          ],\n  };\n\n  const resultsWithNullsHandled = getKpiResults(resultsCombined, measure, Boolean(displayNullAs));\n\n  return (\n    <ChartCard\n      data={resultsWithNullsHandled}\n      dimensionsAndMeasures={[\n        // Add a label dimension to distinguish primary and comparison periods in exports\n        {\n          name: 'label',\n          title: i18n.t('charts.label'),\n          nativeType: 'string',\n          __type__: 'dimension',\n        },\n        measure,\n      ]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      <KpiChart\n        displayNullAs={displayNullAs}\n        value={value}\n        comparisonValue={resultsCombined.isLoading ? undefined : comparisonValue}\n        valueFormatter={valueFormatter}\n        valueFontSize={fontSize}\n        trendFontSize={changeFontSize}\n        invertChangeColors={reversePositiveNegativeColors}\n        showChangeAsPercentage={displayChangeAsPercentage}\n        comparisonLabel={comparisonLabel}\n        percentageDecimalPlaces={percentageDecimalPlaces}\n        noPreviousDataLabel={i18n.t('charts.kpiChart.noPreviousData')}\n        equalComparisonLabel={i18n.t('charts.kpiChart.equalComparison')}\n      />\n    </ChartCard>\n  );\n};\n\nexport default KpiChartNumberComparisonPro;\n","import { DataResponse, loadData, LoadDataRequest, TimeRange } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\n\nconst meta = {\n  name: 'KpiChartNumberComparisonPro',\n  label: 'Kpi Chart - Number Comparison',\n  description:\n    'KPI with a delta versus a comparison period. Takes one measure and pairs with a comparison-period variable.',\n  category: 'Kpi Charts',\n  defaultHeight: 442,\n  defaultWidth: 630,\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    { ...inputs.dimensionTime, name: 'timeProperty', label: 'Time property' },\n    {\n      ...inputs.timeRange,\n      name: 'primaryDateRange',\n      label: 'Primary date-range',\n      description:\n        'The comparison period is derived internally using this date range — do not also apply a date filter on the underlying dataset',\n      category: 'Component Data',\n    },\n    {\n      ...inputs.comparisonPeriod,\n      description: 'You can also connect this to a comparison period selector using its variable',\n      category: 'Component Data',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.displayNullAs,\n    {\n      ...inputs.boolean,\n      name: 'displayChangeAsPercentage',\n      label: 'Display change as %',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.number,\n      name: 'percentageDecimalPlaces',\n      label: 'Percentage decimal places',\n      defaultValue: 1,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.boolean,\n      name: 'reversePositiveNegativeColors',\n      label: 'Reverse positive/negative colors',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n    inputs.fontSize,\n    {\n      ...inputs.fontSize,\n      name: 'changeFontSize',\n      label: 'Trend font-size',\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type KpiChartNumberComparisonProState = {\n  comparisonDateRange: TimeRange;\n};\n\nconst previewConfig = {\n  measure: { ...previewData.measure },\n  results: previewData.results1Measure,\n  resultsComparison: previewData.results1MeasureVariant,\n  primaryDateRange: undefined,\n  comparisonPeriod: 'Previous period',\n  comparisonDateRange: { relativeTimeString: 'Today', from: undefined, to: undefined },\n  fontSize: 100,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.measure],\n  limit: 1,\n  timezone: getClientContextTimezone(clientContext?.timezone),\n  filters:\n    inputs.primaryDateRange && inputs.timeProperty\n      ? [\n          {\n            property: inputs.timeProperty,\n            operator: 'inDateRange',\n            value: inputs.primaryDateRange,\n          },\n        ]\n      : undefined,\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  clientContext: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, clientContext));\n\nconst loadDataResultsComparisonArgs = (\n  inputs: Inputs<typeof meta>,\n  comparisonDateRange: TimeRange,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.measure],\n  limit: 1,\n  timezone: getClientContextTimezone(clientContext?.timezone),\n  filters: [\n    {\n      property: inputs.timeProperty,\n      operator: 'inDateRange',\n      value: comparisonDateRange,\n    },\n  ],\n});\n\nconst loadDataResultsComparison = (\n  inputs: Inputs<typeof meta>,\n  state: KpiChartNumberComparisonProState,\n  clientContext: ThemeClientContext,\n): DataResponse | undefined => {\n  if (inputs.primaryDateRange && inputs.timeProperty && state?.comparisonDateRange) {\n    return loadData(\n      loadDataResultsComparisonArgs(inputs, state.comparisonDateRange, clientContext),\n    );\n  }\n  return undefined;\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [\n    KpiChartNumberComparisonProState,\n    (state: KpiChartNumberComparisonProState) => void,\n  ],\n  clientContext: ThemeClientContext,\n) => ({\n  ...inputs,\n  comparisonPeriod: inputs.comparisonPeriod as string | undefined,\n  comparisonDateRange: state?.comparisonDateRange,\n  setComparisonDateRange: (comparisonDateRange: TimeRange) => setState({ comparisonDateRange }),\n  results: loadDataResults(inputs, clientContext),\n  resultsComparison: loadDataResultsComparison(inputs, state, clientContext),\n});\n\nexport const kpiChartNumberComparisonPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n  resultsComparison: {\n    loadDataArgs: loadDataResultsComparisonArgs,\n    loadData: loadDataResultsComparison,\n  },\n} as const;\n"],"names":["KpiChartNumberComparisonPro","props","theme","useTheme","i18nSetup","title","description","tooltip","displayNullAs","resolveI18nProps","hideMenu","changeFontSize","comparisonPeriod","comparisonDateRange","displayChangeAsPercentage","fontSize","measure","primaryDateRange","results","resultsComparison","reversePositiveNegativeColors","percentageDecimalPlaces","setComparisonDateRange","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","value","_b","_a","comparisonValue","_d","_c","themeFormatter","getThemeFormatter","valueFormatter","valueToFormat","comparisonLabel","getComparisonPeriodLabel","resultsCombined","_e","i18n","_f","resultsWithNullsHandled","getKpiResults","jsx","ChartCard","KpiChart","meta","inputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","loadDataResultsComparisonArgs","loadDataResultsComparison","state","setState","kpiChartNumberComparisonPro"],"mappings":"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"}
+{"version":3,"file":"definition-CbuWm1Cr.js","sources":["../src/components/charts/kpis/KpiChartNumberComparisonPro/index.tsx","../src/components/charts/kpis/KpiChartNumberComparisonPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Measure, TimeRange } from '@embeddable.com/core';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { KpiChart } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { useEffect } from 'react';\nimport {\n  getComparisonPeriodDateRange,\n  getComparisonPeriodLabel,\n} from '../../../utils/timeRange.utils';\nimport { getKpiResults } from '../kpis.utils';\n\nexport type KpiChartNumberComparisonProProp = {\n  changeFontSize?: number;\n  comparisonPeriod?: string;\n  displayChangeAsPercentage?: boolean;\n  fontSize?: number;\n  measure: Measure;\n  primaryDateRange: TimeRange;\n  results: DataResponse;\n  resultsComparison: DataResponse | undefined;\n  reversePositiveNegativeColors?: boolean;\n  percentageDecimalPlaces?: number;\n  comparisonDateRange: TimeRange;\n  displayNullAs?: string;\n  setComparisonDateRange?: (dateRange: TimeRange) => void;\n} & ChartCardHeaderProps;\n\nconst KpiChartNumberComparisonPro = (props: KpiChartNumberComparisonProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip, displayNullAs } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    changeFontSize,\n    comparisonPeriod,\n    comparisonDateRange,\n    displayChangeAsPercentage,\n    fontSize,\n    measure,\n    primaryDateRange,\n    results,\n    resultsComparison,\n    reversePositiveNegativeColors,\n    percentageDecimalPlaces,\n    setComparisonDateRange,\n  } = props;\n\n  useEffect(() => {\n    if (!setComparisonDateRange) return;\n\n    const newComparisonDateRange = getComparisonPeriodDateRange(\n      primaryDateRange,\n      comparisonPeriod,\n      theme,\n    );\n    setComparisonDateRange(newComparisonDateRange);\n  }, [comparisonPeriod, JSON.stringify(primaryDateRange), theme]);\n\n  const value: number = results.data?.[0]?.[measure.name];\n  const comparisonValue = comparisonDateRange\n    ? resultsComparison?.data?.[0]?.[measure.name]\n    : undefined;\n\n  const themeFormatter = getThemeFormatter(theme);\n  const valueFormatter = (valueToFormat: number) => themeFormatter.data(measure, valueToFormat);\n  const comparisonLabel = `vs ${getComparisonPeriodLabel(comparisonPeriod, theme).toLowerCase()}`;\n\n  const resultsCombined: DataResponse = {\n    isLoading: Boolean(results.isLoading || resultsComparison?.isLoading),\n    data:\n      !results?.data && !resultsComparison?.data\n        ? undefined\n        : [\n            ...(results.data?.length\n              ? [{ label: i18n.t('charts.primaryPeriod'), ...results.data[0] }]\n              : []),\n            ...(resultsComparison?.data?.length\n              ? [{ label: i18n.t('charts.comparisonPeriod'), ...resultsComparison.data[0] }]\n              : []),\n          ],\n  };\n\n  const resultsWithNullsHandled = getKpiResults(resultsCombined, measure, Boolean(displayNullAs));\n\n  return (\n    <ChartCard\n      data={resultsWithNullsHandled}\n      dimensionsAndMeasures={[\n        // Add a label dimension to distinguish primary and comparison periods in exports\n        {\n          name: 'label',\n          title: i18n.t('charts.label'),\n          nativeType: 'string',\n          __type__: 'dimension',\n        },\n        measure,\n      ]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      <KpiChart\n        displayNullAs={displayNullAs}\n        value={value}\n        comparisonValue={resultsCombined.isLoading ? undefined : comparisonValue}\n        valueFormatter={valueFormatter}\n        valueFontSize={fontSize}\n        trendFontSize={changeFontSize}\n        invertChangeColors={reversePositiveNegativeColors}\n        showChangeAsPercentage={displayChangeAsPercentage}\n        comparisonLabel={comparisonLabel}\n        percentageDecimalPlaces={percentageDecimalPlaces}\n        noPreviousDataLabel={i18n.t('charts.kpiChart.noPreviousData')}\n        equalComparisonLabel={i18n.t('charts.kpiChart.equalComparison')}\n      />\n    </ChartCard>\n  );\n};\n\nexport default KpiChartNumberComparisonPro;\n","import { DataResponse, loadData, LoadDataRequest, TimeRange } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\n\nconst meta = {\n  name: 'KpiChartNumberComparisonPro',\n  label: 'Kpi Chart - Number Comparison',\n  description:\n    'KPI with a delta versus a comparison period. Takes one measure and pairs with a comparison-period variable.',\n  category: 'Kpi Charts',\n  defaultHeight: 442,\n  defaultWidth: 630,\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    { ...inputs.dimensionTime, name: 'timeProperty', label: 'Time property' },\n    {\n      ...inputs.timeRange,\n      name: 'primaryDateRange',\n      label: 'Primary date-range',\n      description:\n        'The comparison period is derived internally using this date range — do not also apply a date filter on the underlying dataset',\n      category: 'Component Data',\n    },\n    {\n      ...inputs.comparisonPeriod,\n      description: 'You can also connect this to a comparison period selector using its variable',\n      category: 'Component Data',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.displayNullAs,\n    {\n      ...inputs.boolean,\n      name: 'displayChangeAsPercentage',\n      label: 'Display change as %',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.number,\n      name: 'percentageDecimalPlaces',\n      label: 'Percentage decimal places',\n      defaultValue: 1,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.boolean,\n      name: 'reversePositiveNegativeColors',\n      label: 'Reverse positive/negative colors',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n    inputs.fontSize,\n    {\n      ...inputs.fontSize,\n      name: 'changeFontSize',\n      label: 'Trend font-size',\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type KpiChartNumberComparisonProState = {\n  comparisonDateRange: TimeRange;\n};\n\nconst previewConfig = {\n  measure: { ...previewData.measure },\n  results: previewData.results1Measure,\n  resultsComparison: previewData.results1MeasureVariant,\n  primaryDateRange: undefined,\n  comparisonPeriod: 'Previous period',\n  comparisonDateRange: { relativeTimeString: 'Today', from: undefined, to: undefined },\n  fontSize: 100,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.measure],\n  limit: 1,\n  timezone: getClientContextTimezone(clientContext?.timezone),\n  filters:\n    inputs.primaryDateRange && inputs.timeProperty\n      ? [\n          {\n            property: inputs.timeProperty,\n            operator: 'inDateRange',\n            value: inputs.primaryDateRange,\n          },\n        ]\n      : undefined,\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  clientContext: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, clientContext));\n\nconst loadDataResultsComparisonArgs = (\n  inputs: Inputs<typeof meta>,\n  comparisonDateRange: TimeRange,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.measure],\n  limit: 1,\n  timezone: getClientContextTimezone(clientContext?.timezone),\n  filters: [\n    {\n      property: inputs.timeProperty,\n      operator: 'inDateRange',\n      value: comparisonDateRange,\n    },\n  ],\n});\n\nconst loadDataResultsComparison = (\n  inputs: Inputs<typeof meta>,\n  state: KpiChartNumberComparisonProState,\n  clientContext: ThemeClientContext,\n): DataResponse | undefined => {\n  if (inputs.primaryDateRange && inputs.timeProperty && state?.comparisonDateRange) {\n    return loadData(\n      loadDataResultsComparisonArgs(inputs, state.comparisonDateRange, clientContext),\n    );\n  }\n  return undefined;\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [\n    KpiChartNumberComparisonProState,\n    (state: KpiChartNumberComparisonProState) => void,\n  ],\n  clientContext: ThemeClientContext,\n) => ({\n  ...inputs,\n  comparisonPeriod: inputs.comparisonPeriod as string | undefined,\n  comparisonDateRange: state?.comparisonDateRange,\n  setComparisonDateRange: (comparisonDateRange: TimeRange) => setState({ comparisonDateRange }),\n  results: loadDataResults(inputs, clientContext),\n  resultsComparison: loadDataResultsComparison(inputs, state, clientContext),\n});\n\nexport const kpiChartNumberComparisonPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n  resultsComparison: {\n    loadDataArgs: loadDataResultsComparisonArgs,\n    loadData: loadDataResultsComparison,\n  },\n} as const;\n"],"names":["KpiChartNumberComparisonPro","props","theme","useTheme","i18nSetup","title","description","tooltip","displayNullAs","resolveI18nProps","hideMenu","changeFontSize","comparisonPeriod","comparisonDateRange","displayChangeAsPercentage","fontSize","measure","primaryDateRange","results","resultsComparison","reversePositiveNegativeColors","percentageDecimalPlaces","setComparisonDateRange","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","value","_b","_a","comparisonValue","_d","_c","themeFormatter","getThemeFormatter","valueFormatter","valueToFormat","comparisonLabel","getComparisonPeriodLabel","resultsCombined","_e","i18n","_f","resultsWithNullsHandled","getKpiResults","jsx","ChartCard","KpiChart","meta","inputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","loadDataResultsComparisonArgs","loadDataResultsComparison","state","setState","kpiChartNumberComparisonPro"],"mappings":"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"}

package/dist/{definition-Bs8jlVww.js → definition-CgHnmzj0.js}

@@ -1,16 +1,16 @@
-import { a7 as m, K as w, a8 as x } from "./index-DcPl9DUc.js";
-import { useTheme as D, definePreview as M } from "@embeddable.com/react";
-import { i as j, r as y } from "./component.utils-oQMZT7TK.js";
-import { C as z } from "./ChartCard-HpSv5cY6.js";
-import { b as A } from "./formatter.utils-CueRuFiK.js";
+import { j as m, K as j, l as w } from "./index-BDd5cXFC.js";
+import { useTheme as x, definePreview as D } from "@embeddable.com/react";
+import { i as M, r as y } from "./component.utils-oQMZT7TK.js";
+import { C as z } from "./ChartCard-Zy5lPApV.js";
+import { g as A } from "./formatter.utils-DE-_ADag.js";
 import { g as F } from "./kpis.utils-DsZ2GzuB.js";
-import { i as t } from "./component.inputs.constants-DYl-U975.js";
-import { p as u } from "./preview.data.constants-B8B82ITM.js";
+import { i as t } from "./component.inputs.constants-DoBT8ykS.js";
+import { p as u } from "./preview.data.constants-B3oyUsaQ.js";
 const o = (e) => {
   var n, l;
-  const a = D();
-  j(a);
-  const { title: f, description: h, tooltip: g, displayNullAs: i } = y(e), { measure: r, fontSize: b, hideMenu: C, results: s } = e, v = (l = (n = s.data) == null ? void 0 : n[0]) == null ? void 0 : l[r.name], K = A(a), S = (P) => K.data(r, P), N = F(s, r, !!i);
+  const a = x();
+  M(a);
+  const { title: f, description: h, tooltip: g, displayNullAs: i } = y(e), { measure: r, fontSize: C, hideMenu: b, results: s } = e, v = (l = (n = s.data) == null ? void 0 : n[0]) == null ? void 0 : l[r.name], K = A(a), S = (P) => K.data(r, P), N = F(s, r, !!i);
   return /* @__PURE__ */ m.jsx(
     z,
     {
@@ -20,14 +20,14 @@ const o = (e) => {
       description: h,
       title: f,
       tooltip: g,
-      hideMenu: C,
+      hideMenu: b,
       children: /* @__PURE__ */ m.jsx(
-        w,
+        j,
         {
           displayNullAs: i,
           value: v,
           valueFormatter: S,
-          valueFontSize: b
+          valueFontSize: C
         }
       )
     }
@@ -56,10 +56,10 @@ const o = (e) => {
   results: u.results1Measure,
   fontSize: 100,
   hideMenu: !0
-}, _ = M(o, p), d = (e) => ({
+}, _ = D(o, p), d = (e) => ({
   from: e.dataset,
   select: [e.measure]
-}), c = (e) => x(d(e)), T = (e) => ({
+}), c = (e) => w(d(e)), T = (e) => ({
   ...e,
   results: c(e)
 }), G = {
@@ -79,4 +79,4 @@ export {
   q as i,
   G as k
 };
-//# sourceMappingURL=definition-Bs8jlVww.js.map
+//# sourceMappingURL=definition-CgHnmzj0.js.map

package/dist/{definition-Bs8jlVww.js.map → definition-CgHnmzj0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-Bs8jlVww.js","sources":["../src/components/charts/kpis/KpiChartNumberPro/index.tsx","../src/components/charts/kpis/KpiChartNumberPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { KpiChart } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getKpiResults } from '../kpis.utils';\n\nexport type KpiChartNumberProProp = {\n  results: DataResponse;\n  measure: Measure;\n  fontSize?: number;\n  displayNullAs?: string;\n} & ChartCardHeaderProps;\n\nconst KpiChartNumberPro = (props: KpiChartNumberProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip, displayNullAs } = resolveI18nProps(props);\n  const { measure, fontSize, hideMenu, results } = props;\n\n  const value = results.data?.[0]?.[measure.name];\n\n  const themeFormatter = getThemeFormatter(theme);\n  const valueFormatter = (valueToFormat: number) => themeFormatter.data(measure, valueToFormat);\n\n  const resultsWithNullsHandled = getKpiResults(results, measure, Boolean(displayNullAs));\n\n  return (\n    <ChartCard\n      data={resultsWithNullsHandled}\n      dimensionsAndMeasures={[measure]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      <KpiChart\n        displayNullAs={displayNullAs}\n        value={value}\n        valueFormatter={valueFormatter}\n        valueFontSize={fontSize}\n      />\n    </ChartCard>\n  );\n};\n\nexport default KpiChartNumberPro;\n","import { DataResponse, LoadDataRequest, loadData } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nconst meta = {\n  name: 'KpiChartNumberPro',\n  label: 'Kpi Chart - Number',\n  description:\n    'Single big-number KPI showing one measure. Use for headline metrics without comparison.',\n  category: 'Kpi Charts',\n  defaultHeight: 442,\n  defaultWidth: 630,\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    inputs.title,\n    inputs.description,\n    inputs.displayNullAs,\n    inputs.tooltip,\n    inputs.fontSize,\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewConfig = {\n  measure: { ...previewData.measure },\n  results: previewData.results1Measure,\n  fontSize: 100,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (inputs: Inputs<typeof meta>): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.measure],\n});\n\nconst loadDataResults = (inputs: Inputs<typeof meta>): DataResponse =>\n  loadData(loadDataResultsArgs(inputs));\n\nconst props = (inputs: Inputs<typeof meta>) => ({\n  ...inputs,\n  results: loadDataResults(inputs),\n});\n\nexport const kpiChartNumberPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n} as const;\n"],"names":["KpiChartNumberPro","props","theme","useTheme","i18nSetup","title","description","tooltip","displayNullAs","resolveI18nProps","measure","fontSize","hideMenu","results","value","_b","_a","themeFormatter","getThemeFormatter","valueFormatter","valueToFormat","resultsWithNullsHandled","getKpiResults","jsx","ChartCard","KpiChart","meta","inputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","kpiChartNumberPro"],"mappings":";;;;;;;;AAiBA,MAAMA,IAAoB,CAACC,MAAiC;;AAC1D,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,OAAAG,GAAO,aAAAC,GAAa,SAAAC,GAAS,eAAAC,EAAA,IAAkBC,EAAiBR,CAAK,GACvE,EAAE,SAAAS,GAAS,UAAAC,GAAU,UAAAC,GAAU,SAAAC,MAAYZ,GAE3Ca,KAAQC,KAAAC,IAAAH,EAAQ,SAAR,gBAAAG,EAAe,OAAf,gBAAAD,EAAoBL,EAAQ,OAEpCO,IAAiBC,EAAkBhB,CAAK,GACxCiB,IAAiB,CAACC,MAA0BH,EAAe,KAAKP,GAASU,CAAa,GAEtFC,IAA0BC,EAAcT,GAASH,GAAS,EAAQF,CAAc;AAEtF,SACEe,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMH;AAAA,MACN,uBAAuB,CAACX,CAAO;AAAA,MAC/B,cAAcG,EAAQ;AAAA,MACtB,aAAAP;AAAA,MACA,OAAAD;AAAA,MACA,SAAAE;AAAA,MACA,UAAAK;AAAA,MAEA,UAAAW,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,eAAAjB;AAAA,UACA,OAAAM;AAAA,UACA,gBAAAK;AAAA,UACA,eAAeR;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EAAA;AAGN;;;8CC3CMe,IAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aACE;AAAA,EACF,UAAU;AAAA,EACV,eAAe;AAAA,EACf,cAAc;AAAA,EACd,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,EAAA;AAEX,GAEMC,IAAgB;AAAA,EACpB,SAAS,EAAE,GAAGC,EAAY,QAAA;AAAA,EAC1B,SAASA,EAAY;AAAA,EACrB,UAAU;AAAA,EACV,UAAU;AACZ,GAEMC,IAAUC,EAAcC,GAAWJ,CAAa,GAEhDK,IAAsB,CAACN,OAAkD;AAAA,EAC7E,MAAMA,EAAO;AAAA,EACb,QAAQ,CAACA,EAAO,OAAO;AACzB,IAEMO,IAAkB,CAACP,MACvBQ,EAASF,EAAoBN,CAAM,CAAC,GAEhC1B,IAAQ,CAAC0B,OAAiC;AAAA,EAC9C,GAAGA;AAAAA,EACH,SAASO,EAAgBP,CAAM;AACjC,IAEaS,IAAoB;AAAA,EAAA,WAC/BJ;AAAAA,EACA,MAAAN;AAAA,EACA,SAAAI;AAAA,EACA,eAAAF;AAAA,EACA,QAAQ;AAAA,IACN,OAAA3B;AAAA,EAAA;AAAA,EAEF,SAAS;AAAA,IACP,cAAcgC;AAAA,IACd,UAAUC;AAAA,EAAA;AAEd;"}
+{"version":3,"file":"definition-CgHnmzj0.js","sources":["../src/components/charts/kpis/KpiChartNumberPro/index.tsx","../src/components/charts/kpis/KpiChartNumberPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { KpiChart } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getKpiResults } from '../kpis.utils';\n\nexport type KpiChartNumberProProp = {\n  results: DataResponse;\n  measure: Measure;\n  fontSize?: number;\n  displayNullAs?: string;\n} & ChartCardHeaderProps;\n\nconst KpiChartNumberPro = (props: KpiChartNumberProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip, displayNullAs } = resolveI18nProps(props);\n  const { measure, fontSize, hideMenu, results } = props;\n\n  const value = results.data?.[0]?.[measure.name];\n\n  const themeFormatter = getThemeFormatter(theme);\n  const valueFormatter = (valueToFormat: number) => themeFormatter.data(measure, valueToFormat);\n\n  const resultsWithNullsHandled = getKpiResults(results, measure, Boolean(displayNullAs));\n\n  return (\n    <ChartCard\n      data={resultsWithNullsHandled}\n      dimensionsAndMeasures={[measure]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      <KpiChart\n        displayNullAs={displayNullAs}\n        value={value}\n        valueFormatter={valueFormatter}\n        valueFontSize={fontSize}\n      />\n    </ChartCard>\n  );\n};\n\nexport default KpiChartNumberPro;\n","import { DataResponse, LoadDataRequest, loadData } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nconst meta = {\n  name: 'KpiChartNumberPro',\n  label: 'Kpi Chart - Number',\n  description:\n    'Single big-number KPI showing one measure. Use for headline metrics without comparison.',\n  category: 'Kpi Charts',\n  defaultHeight: 442,\n  defaultWidth: 630,\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    inputs.title,\n    inputs.description,\n    inputs.displayNullAs,\n    inputs.tooltip,\n    inputs.fontSize,\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewConfig = {\n  measure: { ...previewData.measure },\n  results: previewData.results1Measure,\n  fontSize: 100,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (inputs: Inputs<typeof meta>): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.measure],\n});\n\nconst loadDataResults = (inputs: Inputs<typeof meta>): DataResponse =>\n  loadData(loadDataResultsArgs(inputs));\n\nconst props = (inputs: Inputs<typeof meta>) => ({\n  ...inputs,\n  results: loadDataResults(inputs),\n});\n\nexport const kpiChartNumberPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n} as const;\n"],"names":["KpiChartNumberPro","props","theme","useTheme","i18nSetup","title","description","tooltip","displayNullAs","resolveI18nProps","measure","fontSize","hideMenu","results","value","_b","_a","themeFormatter","getThemeFormatter","valueFormatter","valueToFormat","resultsWithNullsHandled","getKpiResults","jsx","ChartCard","KpiChart","meta","inputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","kpiChartNumberPro"],"mappings":";;;;;;;;AAiBA,MAAMA,IAAoB,CAACC,MAAiC;;AAC1D,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,OAAAG,GAAO,aAAAC,GAAa,SAAAC,GAAS,eAAAC,EAAA,IAAkBC,EAAiBR,CAAK,GACvE,EAAE,SAAAS,GAAS,UAAAC,GAAU,UAAAC,GAAU,SAAAC,MAAYZ,GAE3Ca,KAAQC,KAAAC,IAAAH,EAAQ,SAAR,gBAAAG,EAAe,OAAf,gBAAAD,EAAoBL,EAAQ,OAEpCO,IAAiBC,EAAkBhB,CAAK,GACxCiB,IAAiB,CAACC,MAA0BH,EAAe,KAAKP,GAASU,CAAa,GAEtFC,IAA0BC,EAAcT,GAASH,GAAS,EAAQF,CAAc;AAEtF,SACEe,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMH;AAAA,MACN,uBAAuB,CAACX,CAAO;AAAA,MAC/B,cAAcG,EAAQ;AAAA,MACtB,aAAAP;AAAA,MACA,OAAAD;AAAA,MACA,SAAAE;AAAA,MACA,UAAAK;AAAA,MAEA,UAAAW,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,eAAAjB;AAAA,UACA,OAAAM;AAAA,UACA,gBAAAK;AAAA,UACA,eAAeR;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EAAA;AAGN;;;8CC3CMe,IAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aACE;AAAA,EACF,UAAU;AAAA,EACV,eAAe;AAAA,EACf,cAAc;AAAA,EACd,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,EAAA;AAEX,GAEMC,IAAgB;AAAA,EACpB,SAAS,EAAE,GAAGC,EAAY,QAAA;AAAA,EAC1B,SAASA,EAAY;AAAA,EACrB,UAAU;AAAA,EACV,UAAU;AACZ,GAEMC,IAAUC,EAAcC,GAAWJ,CAAa,GAEhDK,IAAsB,CAACN,OAAkD;AAAA,EAC7E,MAAMA,EAAO;AAAA,EACb,QAAQ,CAACA,EAAO,OAAO;AACzB,IAEMO,IAAkB,CAACP,MACvBQ,EAASF,EAAoBN,CAAM,CAAC,GAEhC1B,IAAQ,CAAC0B,OAAiC;AAAA,EAC9C,GAAGA;AAAAA,EACH,SAASO,EAAgBP,CAAM;AACjC,IAEaS,IAAoB;AAAA,EAAA,WAC/BJ;AAAAA,EACA,MAAAN;AAAA,EACA,SAAAI;AAAA,EACA,eAAAF;AAAA,EACA,QAAQ;AAAA,IACN,OAAA3B;AAAA,EAAA;AAAA,EAEF,SAAS;AAAA,IACP,cAAcgC;AAAA,IACd,UAAUC;AAAA,EAAA;AAEd;"}

package/dist/{definition-1VYzuMo9.js → definition-CoQqvrmk.js}

@@ -1,13 +1,13 @@
-import { a9 as L, a7 as m, k as R, V as d, a8 as T } from "./index-DcPl9DUc.js";
-import { useTheme as y, definePreview as M } from "@embeddable.com/react";
-import { g as S, a as j, c as A } from "./pies.utils-Rkvaq5Sj.js";
+import { m as L, j as m, G as R, V as d, l as T } from "./index-BDd5cXFC.js";
+import { useTheme as j, definePreview as y } from "@embeddable.com/react";
+import { g as M, a as S, c as A } from "./pies.utils-Drvky2f7.js";
 import { i as I, r as _ } from "./component.utils-oQMZT7TK.js";
-import { C as O } from "./ChartCard-HpSv5cY6.js";
-import { i as t, s as F } from "./component.inputs.constants-DYl-U975.js";
-import { p as i } from "./preview.data.constants-B8B82ITM.js";
+import { C as O } from "./ChartCard-Zy5lPApV.js";
+import { i as t, s as F } from "./component.inputs.constants-DoBT8ykS.js";
+import { p as i } from "./preview.data.constants-B3oyUsaQ.js";
 const r = (e) => {
   var l;
-  const o = y();
+  const o = j();
   I(o);
   const {
     description: h,
@@ -16,26 +16,26 @@ const r = (e) => {
   } = _(e), {
     dimension: s,
     maxLegendItems: f,
-    measure: n,
-    results: a,
+    measure: a,
+    results: n,
     showLegend: P,
     showTooltips: w,
     showValueLabels: D,
     hideMenu: b,
     onSegmentClick: k
-  } = e, v = S(
-    { data: a.data, dimension: s, measure: n, maxLegendItems: f },
+  } = e, v = M(
+    { data: n.data, dimension: s, measure: a, maxLegendItems: f },
     o
   ), V = L(
-    j({ measure: n, dimension: s }, o),
+    S({ measure: a, dimension: s }, o),
     ((l = o.charts.donutChartPro) == null ? void 0 : l.options) ?? {}
-  ), x = A({ results: a, dimension: s, onClicked: k });
+  ), x = A({ results: n, dimension: s, onClicked: k });
   return /* @__PURE__ */ m.jsx(
     O,
     {
-      data: a,
-      dimensionsAndMeasures: [s, n],
-      errorMessage: a.error,
+      data: n,
+      dimensionsAndMeasures: [s, a],
+      errorMessage: n.error,
       description: h,
       title: g,
       tooltip: C,
@@ -99,7 +99,7 @@ const r = (e) => {
   results: i.results1Measure1Dimension,
   showValueLabels: !1,
   hideMenu: !0
-}, z = M(r, u), c = (e) => ({
+}, z = y(r, u), c = (e) => ({
   from: e.dataset,
   select: [e.measure, e.dimension]
 }), p = (e) => T(c(e)), E = {
@@ -107,7 +107,7 @@ const r = (e) => {
     dimensionValue: e.dimensionValue ?? d.noFilter(),
     dimensionTimeRange: e.dimensionTimeRange ?? d.noFilter()
   })
-}, K = (e) => ({
+}, G = (e) => ({
   ...e,
   results: p(e)
 }), X = {
@@ -116,7 +116,7 @@ const r = (e) => {
   preview: z,
   previewConfig: u,
   config: {
-    props: K,
+    props: G,
     events: E
   },
   results: {
@@ -128,4 +128,4 @@ export {
   X as d,
   U as i
 };
-//# sourceMappingURL=definition-1VYzuMo9.js.map
+//# sourceMappingURL=definition-CoQqvrmk.js.map

package/dist/{definition-1VYzuMo9.js.map → definition-CoQqvrmk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-1VYzuMo9.js","sources":["../src/components/charts/pies/DonutChartPro/index.tsx","../src/components/charts/pies/DonutChartPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getPieChartProOptions, getPieChartProData, createPieClickHandler } from '../pies.utils';\nimport { DefaultPieChartProps } from '../pies.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { DonutChart } from '@embeddable.com/remarkable-ui';\nimport { mergician } from 'mergician';\nimport { resolveI18nProps } from '../../../component.utils';\n\nexport type DonutChartProProps = DefaultPieChartProps;\n\nconst DonutChartPro = (props: DonutChartProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n\n    title,\n    tooltip,\n  } = resolveI18nProps(props);\n\n  const {\n    dimension,\n    maxLegendItems,\n    measure,\n    results,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    hideMenu,\n    onSegmentClick,\n  } = props;\n\n  const data = getPieChartProData(\n    { data: results.data, dimension, measure, maxLegendItems },\n    theme,\n  );\n\n  const options = mergician(\n    getPieChartProOptions({ measure, dimension }, theme),\n    theme.charts.donutChartPro?.options ?? {},\n  );\n\n  const handleClick = createPieClickHandler({ results, dimension, onClicked: onSegmentClick });\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, measure]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      <DonutChart\n        data={data}\n        options={options}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default DonutChartPro;\n","import { DataResponse, LoadDataRequest, Value, loadData } from '@embeddable.com/core';\nimport { PieChartClickArg } from '../pies.types';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\n\nconst meta = {\n  name: 'DonutChartPro',\n  label: 'Donut Chart',\n  description:\n    'Donut chart for parts-of-whole over one dimension with one measure. Pick over PieChartPro when you want a center hole for a label or KPI.',\n  category: 'Pie Charts',\n  defaultHeight: 442,\n  defaultWidth: 630,\n  inputs: [\n    inputs.dataset,\n    { ...inputs.measure, inputs: [...inputs.measure.inputs, subInputs.showValueAsPercentage] },\n    inputs.dimension,\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\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          name: 'dimensionTimeRange',\n          label: 'Clicked dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewConfig = {\n  dimension: previewData.dimension,\n  measure: previewData.measure,\n  results: previewData.results1Measure1Dimension,\n  showValueLabels: false,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (inputs: Inputs<typeof meta>): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.measure, inputs.dimension],\n});\n\nconst loadDataResults = (inputs: Inputs<typeof meta>): DataResponse =>\n  loadData(loadDataResultsArgs(inputs));\n\nconst events = {\n  onSegmentClick: (value: PieChartClickArg) => ({\n    dimensionValue: value.dimensionValue ?? Value.noFilter(),\n    dimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nconst props = (inputs: Inputs<typeof meta>) => ({\n  ...inputs,\n  results: loadDataResults(inputs),\n});\n\nexport const donutChartPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n} as const;\n"],"names":["DonutChartPro","props","theme","useTheme","i18nSetup","description","title","tooltip","resolveI18nProps","dimension","maxLegendItems","measure","results","showLegend","showTooltips","showValueLabels","hideMenu","onSegmentClick","data","getPieChartProData","options","mergician","getPieChartProOptions","_a","handleClick","createPieClickHandler","jsx","ChartCard","DonutChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","events","value","Value","donutChartPro"],"mappings":"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"}
+{"version":3,"file":"definition-CoQqvrmk.js","sources":["../src/components/charts/pies/DonutChartPro/index.tsx","../src/components/charts/pies/DonutChartPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getPieChartProOptions, getPieChartProData, createPieClickHandler } from '../pies.utils';\nimport { DefaultPieChartProps } from '../pies.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { DonutChart } from '@embeddable.com/remarkable-ui';\nimport { mergician } from 'mergician';\nimport { resolveI18nProps } from '../../../component.utils';\n\nexport type DonutChartProProps = DefaultPieChartProps;\n\nconst DonutChartPro = (props: DonutChartProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n\n    title,\n    tooltip,\n  } = resolveI18nProps(props);\n\n  const {\n    dimension,\n    maxLegendItems,\n    measure,\n    results,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    hideMenu,\n    onSegmentClick,\n  } = props;\n\n  const data = getPieChartProData(\n    { data: results.data, dimension, measure, maxLegendItems },\n    theme,\n  );\n\n  const options = mergician(\n    getPieChartProOptions({ measure, dimension }, theme),\n    theme.charts.donutChartPro?.options ?? {},\n  );\n\n  const handleClick = createPieClickHandler({ results, dimension, onClicked: onSegmentClick });\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, measure]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      <DonutChart\n        data={data}\n        options={options}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default DonutChartPro;\n","import { DataResponse, LoadDataRequest, Value, loadData } from '@embeddable.com/core';\nimport { PieChartClickArg } from '../pies.types';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\n\nconst meta = {\n  name: 'DonutChartPro',\n  label: 'Donut Chart',\n  description:\n    'Donut chart for parts-of-whole over one dimension with one measure. Pick over PieChartPro when you want a center hole for a label or KPI.',\n  category: 'Pie Charts',\n  defaultHeight: 442,\n  defaultWidth: 630,\n  inputs: [\n    inputs.dataset,\n    { ...inputs.measure, inputs: [...inputs.measure.inputs, subInputs.showValueAsPercentage] },\n    inputs.dimension,\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\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          name: 'dimensionTimeRange',\n          label: 'Clicked dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewConfig = {\n  dimension: previewData.dimension,\n  measure: previewData.measure,\n  results: previewData.results1Measure1Dimension,\n  showValueLabels: false,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (inputs: Inputs<typeof meta>): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.measure, inputs.dimension],\n});\n\nconst loadDataResults = (inputs: Inputs<typeof meta>): DataResponse =>\n  loadData(loadDataResultsArgs(inputs));\n\nconst events = {\n  onSegmentClick: (value: PieChartClickArg) => ({\n    dimensionValue: value.dimensionValue ?? Value.noFilter(),\n    dimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nconst props = (inputs: Inputs<typeof meta>) => ({\n  ...inputs,\n  results: loadDataResults(inputs),\n});\n\nexport const donutChartPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n} as const;\n"],"names":["DonutChartPro","props","theme","useTheme","i18nSetup","description","title","tooltip","resolveI18nProps","dimension","maxLegendItems","measure","results","showLegend","showTooltips","showValueLabels","hideMenu","onSegmentClick","data","getPieChartProData","options","mergician","getPieChartProOptions","_a","handleClick","createPieClickHandler","jsx","ChartCard","DonutChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","events","value","Value","donutChartPro"],"mappings":";;;;;;;AAYA,MAAMA,IAAgB,CAACC,MAA8B;;AACnD,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM;AAAA,IACJ,aAAAG;AAAA,IAEA,OAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,IACEC,EAAiBP,CAAK,GAEpB;AAAA,IACJ,WAAAQ;AAAA,IACA,gBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEhB,GAEEiB,IAAOC;AAAA,IACX,EAAE,MAAMP,EAAQ,MAAM,WAAAH,GAAW,SAAAE,GAAS,gBAAAD,EAAA;AAAA,IAC1CR;AAAA,EAAA,GAGIkB,IAAUC;AAAA,IACdC,EAAsB,EAAE,SAAAX,GAAS,WAAAF,EAAA,GAAaP,CAAK;AAAA,MACnDqB,IAAArB,EAAM,OAAO,kBAAb,gBAAAqB,EAA4B,YAAW,CAAA;AAAA,EAAC,GAGpCC,IAAcC,EAAsB,EAAE,SAAAb,GAAS,WAAAH,GAAW,WAAWQ,GAAgB;AAE3F,SACES,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMf;AAAA,MACN,uBAAuB,CAACH,GAAWE,CAAO;AAAA,MAC1C,cAAcC,EAAQ;AAAA,MACtB,aAAAP;AAAA,MACA,OAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAAS;AAAA,MAEA,UAAAU,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAAV;AAAA,UACA,SAAAE;AAAA,UACA,YAAAP;AAAA,UACA,cAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,SAASS;AAAA,QAAA;AAAA,MAAA;AAAA,IACX;AAAA,EAAA;AAGN;;;8CC3DMK,IAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aACE;AAAA,EACF,UAAU;AAAA,EACV,eAAe;AAAA,EACf,cAAc;AAAA,EACd,QAAQ;AAAA,IACNC,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,SAAS,QAAQ,CAAC,GAAGA,EAAO,QAAQ,QAAQC,EAAU,qBAAqB,EAAA;AAAA,IACvFD,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,QAER;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAEME,IAAgB;AAAA,EACpB,WAAWC,EAAY;AAAA,EACvB,SAASA,EAAY;AAAA,EACrB,SAASA,EAAY;AAAA,EACrB,iBAAiB;AAAA,EACjB,UAAU;AACZ,GAEMC,IAAUC,EAAcC,GAAWJ,CAAa,GAEhDK,IAAsB,CAACP,OAAkD;AAAA,EAC7E,MAAMA,EAAO;AAAA,EACb,QAAQ,CAACA,EAAO,SAASA,EAAO,SAAS;AAC3C,IAEMQ,IAAkB,CAACR,MACvBS,EAASF,EAAoBP,CAAM,CAAC,GAEhCU,IAAS;AAAA,EACb,gBAAgB,CAACC,OAA6B;AAAA,IAC5C,gBAAgBA,EAAM,kBAAkBC,EAAM,SAAA;AAAA,IAC9C,oBAAoBD,EAAM,sBAAsBC,EAAM,SAAA;AAAA,EAAS;AAEnE,GAEMzC,IAAQ,CAAC6B,OAAiC;AAAA,EAC9C,GAAGA;AAAAA,EACH,SAASQ,EAAgBR,CAAM;AACjC,IAEaa,IAAgB;AAAA,EAAA,WAC3BP;AAAAA,EACA,MAAAP;AAAA,EACA,SAAAK;AAAA,EACA,eAAAF;AAAA,EACA,QAAQ;AAAA,IACN,OAAA/B;AAAA,IACA,QAAAuC;AAAA,EAAA;AAAA,EAEF,SAAS;AAAA,IACP,cAAcH;AAAA,IACd,UAAUC;AAAA,EAAA;AAEd;"}