@carto/ps-react-ui 4.8.0 → 4.9.1

package/src/widgets-v2/scatterplot/options.ts

@@ -10,7 +10,7 @@ import {
 } from '../../widgets/utils/chart-config'
 import { ZOOM_LAYOUT } from '../actions/zoom-toggle'
 import type { OptionFactory } from '../echart'
-import { mergeOptions } from '../utils'
+import { mergeOptions, resolveThemeColor } from '../utils'
 import type {
   ScatterplotEChartsOption,
   ScatterplotOptionFactoryInput,
@@ -143,7 +143,7 @@ export function createScatterplotOptionFactory(
   options: ScatterplotOptionFactoryInput,
 ): OptionFactory {
   const { theme, xFormatter, yFormatter, optionsOverride } = options
-  const seriesNames = options.seriesNames
+  const series = options.series
   const symbolSize = options.symbolSize ?? 8
   const selection = options.selection
   const selectionSet =
@@ -237,15 +237,19 @@ export function createScatterplotOptionFactory(
       // ECharts dataset.source wants a mutable [number, number][] shape; we
       // hold readonly tuples internally, so cast at the boundary.
       dataset: seriesArr.map((s) => ({ source: s as unknown as number[][] })),
-      series: seriesArr.map((_, i) => ({
-        type: 'scatter' as const,
-        datasetIndex: i,
-        name: seriesNames?.[i] ?? `Series ${i + 1}`,
-        encode: { x: 0, y: 1 },
-        symbolSize,
-        emphasis: { focus: 'series' },
-        itemStyle: { color: makeDimColor(i) },
-      })),
+      series: seriesArr.map((_, i) => {
+        const overrideColor = resolveThemeColor(theme, series?.[i]?.color)
+        return {
+          type: 'scatter' as const,
+          datasetIndex: i,
+          name: series?.[i]?.name ?? `Series ${i + 1}`,
+          encode: { x: 0, y: 1 },
+          symbolSize,
+          emphasis: { focus: 'series' },
+          itemStyle: { color: makeDimColor(i) },
+          ...(overrideColor ? { color: overrideColor } : {}),
+        }
+      }),
       legend: { ...baseLegend, show: hasLegend },
       grid: { ...baseGrid, bottom: gridBottom, right: gridRight },
       ...(dataZoomLayout ? { dataZoom: dataZoomLayout.entries } : {}),

package/src/widgets-v2/scatterplot/types.ts

@@ -1,5 +1,6 @@
 import type { Theme } from '@mui/material'
 import type { EChartsOption } from 'echarts'
+import type { WidgetSeries } from '../types'
 
 /** A single point — `[x, y]` tuple. */
 export type ScatterplotDatum = readonly [number, number]
@@ -20,7 +21,7 @@ export interface ScatterplotOptionsInput {
  * Combined inputs for the scatterplot option factory creator. Carries
  * everything the widget needs across BOTH phases — the structural-build
  * (`theme`, `xFormatter`, `yFormatter`, `optionsOverride`) AND the data
- * merge (`seriesNames`, `symbolSize`, `selection`).
+ * merge (`series`, `symbolSize`, `selection`).
  */
 export interface ScatterplotOptionFactoryInput {
   theme: Theme
@@ -34,8 +35,11 @@ export interface ScatterplotOptionFactoryInput {
   xFormatter?: (value: number) => string
   /** Optional formatter for y-axis values (structural baseline). */
   yFormatter?: (value: number) => string
-  /** Series names — drives the legend and `series[i].name`. */
-  seriesNames?: readonly string[]
+  /**
+   * Per-series metadata — drives the legend, `series[i].name`, and
+   * (when `color` is set) a per-series colour override on the points.
+   */
+  series?: readonly WidgetSeries[]
   /** Symbol size in px (default `8`). */
   symbolSize?: number
   /**

package/src/widgets-v2/table/style.ts

@@ -5,12 +5,9 @@ export const styles = {
     width: '100%',
     overflowX: 'auto',
   },
-  /**
-   * Minimum table width so columns don't collapse to unreadable widths on
-   * narrow widget shells. Mirrors v1.
-   */
+
   table: {
-    minWidth: 650,
+    minWidth: 0,
   },
   headerCell: {
     fontWeight: 600,

package/src/widgets-v2/table/table-ui.tsx

@@ -1,4 +1,4 @@
-import { useMemo } from 'react'
+import { useCallback, useMemo } from 'react'
 import {
   Box,
   Checkbox,
@@ -38,6 +38,12 @@ export interface TableUIProps<T extends TableRow = TableRow> {
   pageSize: number
   pageSizeOptions?: readonly number[]
   sort?: TableSortState
+  /**
+   * Column name to use as the row identity. Drives selection lookup,
+   * React keys, and aria labels. Defaults to `'id'` — point it at
+   * another column when your rows don't carry an `id` field.
+   */
+  keyColumn?: string
   /** Selected row ids. Destination-owned. */
   selection?: readonly (string | number)[]
   selectable?: boolean
@@ -71,6 +77,7 @@ export function TableUI<T extends TableRow = TableRow>({
   pageSize,
   pageSizeOptions = DEFAULT_TABLE_PAGE_SIZE_OPTIONS,
   sort,
+  keyColumn = 'id',
   selection,
   selectable = false,
   onSortChange,
@@ -83,6 +90,20 @@ export function TableUI<T extends TableRow = TableRow>({
   emptyContent,
   size,
 }: TableUIProps<T>) {
+  if (process.env.NODE_ENV !== 'production') {
+    // Dev-time guard: a nullish identity collapses every row into the
+    // same selection-set entry, which manifests as "click one → all
+    // appear selected". Surface it loudly instead of silently degrading.
+    const missing = rows.some((r) => r[keyColumn] == null)
+    if (missing) {
+      // eslint-disable-next-line no-console
+      console.error(
+        `<TableUI>: rows are missing the identity column \`${keyColumn}\`. ` +
+          'Set the `keyColumn` prop to a column present on every row, or ' +
+          'add the column to the data.',
+      )
+    }
+  }
   const _labels = useMemo(
     () => ({ ...DEFAULT_TABLE_LABELS, ...labels }),
     [labels],
@@ -106,7 +127,18 @@ export function TableUI<T extends TableRow = TableRow>({
     () => new Set<string | number>(selection ?? []),
     [selection],
   )
-  const pageRowIds = useMemo(() => rows.map((r) => r.id), [rows])
+  // Resolve each row's identity from `keyColumn`, falling back to the row's
+  // index when the cell is nullish. The dev-time guard above surfaces the
+  // misconfiguration loudly, but in production we must NOT collapse every
+  // nullish-keyed row into the same selection-set entry (that's the
+  // "click one → all selected" bug) — a per-index fallback keeps ids
+  // distinct and React keys stable for a given page.
+  const resolveRowId = useCallback(
+    (row: T, index: number): string | number =>
+      (row[keyColumn] ?? index) as string | number,
+    [keyColumn],
+  )
+  const pageRowIds = useMemo(() => rows.map(resolveRowId), [rows, resolveRowId])
   const allOnPageSelected =
     pageRowIds.length > 0 && pageRowIds.every((id) => selectionSet.has(id))
   const someOnPageSelected =
@@ -197,11 +229,12 @@ export function TableUI<T extends TableRow = TableRow>({
                 </TableCell>
               </MuiTableRow>
             ) : (
-              rows.map((row) => {
-                const isSelected = selectionSet.has(row.id)
+              rows.map((row, index) => {
+                const rowId = resolveRowId(row, index)
+                const isSelected = selectionSet.has(rowId)
                 return (
                   <MuiTableRow
-                    key={row.id}
+                    key={rowId}
                     hover
                     selected={isSelected}
                     onClick={() => onRowClick?.(row)}
@@ -218,10 +251,10 @@ export function TableUI<T extends TableRow = TableRow>({
                           checked={isSelected}
                           onClick={(e) => {
                             e.stopPropagation()
-                            handleSelectRow(row.id)
+                            handleSelectRow(rowId)
                           }}
                           inputProps={{
-                            'aria-label': _labels.selectRow(row.id),
+                            'aria-label': _labels.selectRow(rowId),
                           }}
                         />
                       </TableCell>

package/src/widgets-v2/table/table.tsx

@@ -17,7 +17,12 @@ import { deriveVisibleRows, resolveColumns } from './helpers'
 
 export interface TableProps<T extends TableRow = TableRow> extends Pick<
   TableUIProps<T>,
-  'pageSizeOptions' | 'selectable' | 'labels' | 'emptyContent' | 'size'
+  | 'pageSizeOptions'
+  | 'selectable'
+  | 'labels'
+  | 'emptyContent'
+  | 'size'
+  | 'keyColumn'
 > {
   /**
    * Column definitions. Order can be overridden by ChangeColumn via the

package/src/widgets-v2/table/types.ts

@@ -1,9 +1,20 @@
 import type { ReactNode } from 'react'
 import type { WidgetState } from '../stores'
 
-/** Single row of tabular data. Must have an `id` for selection / keying. */
+/**
+ * Single row of tabular data.
+ *
+ * The default row-identity column is `id`. Consumers that don't have a
+ * literal `id` field can point `<Table>` / `<TableUI>` at a different
+ * column via the `keyColumn` prop; the library reads `row[keyColumn]`
+ * for selection lookup, React keys, and aria labels.
+ */
 export interface TableRow extends Record<string, unknown> {
-  id: string | number
+  /**
+   * Default row identity. Required when no `keyColumn` is configured.
+   * Omit when wiring `keyColumn` to a different column.
+   */
+  id?: string | number
 }
 
 export type TableWidgetData = readonly TableRow[]

package/src/widgets-v2/timeseries/options.test.ts

@@ -194,10 +194,10 @@ describe('createTimeseriesOptionFactory', () => {
     expect(multi.grid.bottom).toBe(56)
   })
 
-  it('uses seriesNames for series.name when provided', () => {
+  it('uses series[i].name for series.name when provided', () => {
     const merge = createTimeseriesOptionFactory({
       theme,
-      seriesNames: ['2024', '2025'],
+      series: [{ name: '2024' }, { name: '2025' }],
     })
     const out = merge({}, [
       [{ name: 'a', value: 1 }],
@@ -207,6 +207,21 @@ describe('createTimeseriesOptionFactory', () => {
     expect(out.series[1]?.name).toBe('2025')
   })
 
+  it('applies series[i].color as both root color and lineStyle.color', () => {
+    const merge = createTimeseriesOptionFactory({
+      theme,
+      series: [{ name: '2024', color: '#ff0000' }, { name: '2025' }],
+    })
+    const out = merge({}, [
+      [{ name: 'a', value: 1 }],
+      [{ name: 'a', value: 2 }],
+    ]) as { series: { color?: string; lineStyle?: { color?: string } }[] }
+    expect(out.series[0]?.color).toBe('#ff0000')
+    expect(out.series[0]?.lineStyle?.color).toBe('#ff0000')
+    expect(out.series[1]?.color).toBeUndefined()
+    expect(out.series[1]?.lineStyle?.color).toBeUndefined()
+  })
+
   it('returns empty dataset/series for empty data', () => {
     const merge = createTimeseriesOptionFactory({ theme })
     const out = merge({}, []) as { dataset: unknown[]; series: unknown[] }

package/src/widgets-v2/timeseries/options.ts

@@ -10,7 +10,7 @@ import {
 } from '../../widgets/utils/chart-config'
 import { ZOOM_LAYOUT } from '../actions/zoom-toggle'
 import type { OptionFactory } from '../echart'
-import { mergeOptions } from '../utils'
+import { mergeOptions, resolveThemeColor } from '../utils'
 import { positionDataZoomForLegend } from '../utils/data-zoom-layout'
 import type {
   TimeseriesEChartsOption,
@@ -152,7 +152,7 @@ export function createTimeseriesOptionFactory(
   options: TimeseriesOptionFactoryInput,
 ): OptionFactory {
   const { theme, formatter, labelFormatter, optionsOverride } = options
-  const seriesNames = options.seriesNames
+  const series = options.series
   const smooth = options.smooth ?? true
   const area = options.area ?? false
   const selection = options.selection
@@ -250,11 +250,15 @@ export function createTimeseriesOptionFactory(
         const template =
           (seriesTemplates[i] as object | undefined) ??
           (broadcastTemplate as object)
+        // For line series, set BOTH `series[i].color` (legend swatch +
+        // markers) AND `series[i].lineStyle.color` (the line itself) so
+        // the override paints everywhere a series has a colour slot.
+        const overrideColor = resolveThemeColor(theme, series?.[i]?.color)
         return {
           ...(typeof template === 'object' ? template : {}),
           type: 'line' as const,
           datasetIndex: i,
-          name: seriesNames?.[i] ?? `Series ${i + 1}`,
+          name: series?.[i]?.name ?? `Series ${i + 1}`,
           encode: { x: 'name', y: 'value' },
           smooth,
           // When a selection is active, surface markers so the per-point
@@ -264,6 +268,9 @@ export function createTimeseriesOptionFactory(
           ...(area ? { areaStyle: {} } : {}),
           emphasis: { focus: 'series' },
           itemStyle: dimItemStyle,
+          ...(overrideColor
+            ? { color: overrideColor, lineStyle: { color: overrideColor } }
+            : {}),
         }
       }),
       legend: { ...baseLegend, show: hasLegend },

package/src/widgets-v2/timeseries/types.ts

@@ -1,5 +1,6 @@
 import type { Theme } from '@mui/material'
 import type { EChartsOption } from 'echarts'
+import type { WidgetSeries } from '../types'
 
 /**
  * A single point on a time series. `name` is the time coordinate — accepts a
@@ -26,7 +27,7 @@ export interface TimeseriesOptionsInput {
  * Combined inputs for the timeseries option factory creator. Carries
  * everything the widget needs across BOTH phases — the structural-build
  * (`theme`, `formatter`, `labelFormatter`, `optionsOverride`) AND the
- * data merge (`seriesNames`, `smooth`, `area`, `selection`).
+ * data merge (`series`, `smooth`, `area`, `selection`).
  */
 export interface TimeseriesOptionFactoryInput {
   theme: Theme
@@ -38,8 +39,11 @@ export interface TimeseriesOptionFactoryInput {
    * RelativeData's reactive formatter swaps.
    */
   labelFormatter?: (value: Date) => string
-  /** Series names — drives the legend and `series[i].name`. */
-  seriesNames?: readonly string[]
+  /**
+   * Per-series metadata — drives the legend, `series[i].name`, and
+   * (when `color` is set) per-series line + marker colour overrides.
+   */
+  series?: readonly WidgetSeries[]
   /** Smooth lines (default `true`). */
   smooth?: boolean
   /** Filled area below each line (default `false`). */

package/src/widgets-v2/types.ts

@@ -0,0 +1,25 @@
+/**
+ * Canonical cross-widget series metadata.
+ *
+ * Every widget that can carry multiple series (Bar, Pie, Histogram,
+ * Scatterplot, Timeseries, Category, Formula, Spread) accepts a
+ * `series: readonly WidgetSeries[]` prop. The `name` drives legends,
+ * tooltips, and category-row avatars; the optional `color` overrides
+ * the default palette assignment.
+ *
+ * For backward compatibility, the widget-specific names
+ * (`FormulaSeries`, `CategorySeriesConfig`) are kept as type aliases of
+ * `WidgetSeries` — see `formula/types.ts` and `category/types.ts`.
+ *
+ * Colours accept MUI theme paths (e.g. `'primary.main'`) as well as raw
+ * CSS strings (`'#ff0000'`, `'rgb(…)'`). The echart-based widgets
+ * resolve them through `resolveThemeColor` (see
+ * `widgets-v2/utils/resolve-theme-color.ts`); Category and Formula/Spread
+ * resolve them implicitly via MUI's `sx` prop.
+ */
+export interface WidgetSeries {
+  /** Display name — drives legend, tooltip, and avatar glyphs. */
+  name: string
+  /** Optional colour override. MUI theme path or raw CSS string. */
+  color?: string
+}

package/src/widgets-v2/utils/index.ts

@@ -1,2 +1,3 @@
 export { mergeOptions } from './merge-options'
 export { positionDataZoomForLegend } from './data-zoom-layout'
+export { resolveThemeColor } from './resolve-theme-color'

package/src/widgets-v2/utils/resolve-theme-color.test.ts

@@ -0,0 +1,43 @@
+import { describe, it, expect } from 'vitest'
+import { createTheme } from '@mui/material'
+import { resolveThemeColor } from './resolve-theme-color'
+
+describe('resolveThemeColor', () => {
+  const theme = createTheme({
+    palette: {
+      primary: { main: '#1976d2', dark: '#0d47a1' },
+      secondary: { main: '#9c27b0' },
+    },
+  })
+
+  it('returns undefined when the input is undefined', () => {
+    expect(resolveThemeColor(theme, undefined)).toBeUndefined()
+  })
+
+  it('passes raw CSS colors through unchanged', () => {
+    expect(resolveThemeColor(theme, '#ff0000')).toBe('#ff0000')
+    expect(resolveThemeColor(theme, 'rgb(255, 0, 0)')).toBe('rgb(255, 0, 0)')
+    expect(resolveThemeColor(theme, 'red')).toBe('red')
+  })
+
+  it('resolves dotted MUI theme palette paths', () => {
+    expect(resolveThemeColor(theme, 'primary.main')).toBe('#1976d2')
+    expect(resolveThemeColor(theme, 'primary.dark')).toBe('#0d47a1')
+    expect(resolveThemeColor(theme, 'secondary.main')).toBe('#9c27b0')
+  })
+
+  it('returns the raw input when the theme path does not resolve', () => {
+    // Non-existent palette path → caller's responsibility to recover; we
+    // pass the string through so ECharts can at least attempt to parse it.
+    expect(resolveThemeColor(theme, 'primary.does-not-exist')).toBe(
+      'primary.does-not-exist',
+    )
+    expect(resolveThemeColor(theme, 'nope.anywhere')).toBe('nope.anywhere')
+  })
+
+  it('handles a path that traverses but yields a non-string', () => {
+    // `primary` itself is an object, not a string — we return the raw
+    // input rather than `[object Object]`.
+    expect(resolveThemeColor(theme, 'primary')).toBe('primary')
+  })
+})

package/src/widgets-v2/utils/resolve-theme-color.ts

@@ -0,0 +1,34 @@
+import type { Theme } from '@mui/material'
+
+/**
+ * Resolve a colour string against the MUI theme palette.
+ *
+ * - `'primary.main'`, `'secondary.dark'`, `'success.contrastText'`, … →
+ *   walks `theme.palette` along the dot-separated path and returns the
+ *   resolved string when traversal succeeds.
+ * - `'#ff0000'`, `'rgb(255, 0, 0)'`, `'red'` → returned as-is (assumed
+ *   raw CSS; ECharts consumes them directly).
+ * - `undefined` → `undefined` (callers fall back to ECharts' palette).
+ *
+ * Used by the echart option factories (Bar, Pie, Histogram, Scatterplot,
+ * Timeseries) so per-series colours specified as theme paths in the
+ * unified `WidgetSeries` shape paint correctly. Category, Formula, and
+ * Spread render colours through MUI's `sx` resolver, which already
+ * handles theme paths — they don't need this helper.
+ */
+export function resolveThemeColor(
+  theme: Theme,
+  raw: string | undefined,
+): string | undefined {
+  if (raw == null) return undefined
+  if (!raw.includes('.')) return raw
+  const parts = raw.split('.')
+  let cursor: unknown = theme.palette
+  for (const part of parts) {
+    if (cursor == null || typeof cursor !== 'object') {
+      return raw
+    }
+    cursor = (cursor as Record<string, unknown>)[part]
+  }
+  return typeof cursor === 'string' ? cursor : raw
+}

package/src/widgets-v2/wrapper/style.ts

@@ -6,10 +6,9 @@ export const styles = {
     width: '100%',
     minWidth: 0,
     bgcolor: 'background.paper',
-    border: '1px solid',
-    borderColor: 'divider',
     borderRadius: 1,
     overflow: 'hidden',
+    boxShadow: 'none',
     // MUI Accordion ships its own collapsed-state divider rules; clear them
     // so they don't fight our card border.
     '&::before': { display: 'none' },

package/src/widgets-v2/wrapper/widget-wrapper.test.tsx

@@ -143,6 +143,36 @@ describe('<Wrapper>', () => {
     expect(screen.queryByRole('progressbar')).toBeNull()
   })
 
+  it('renders by default (elevation variant) with body intact', () => {
+    render(
+      withProvider(
+        'wrap-variant-default',
+        <Wrapper title='t'>
+          <Content>
+            <div data-testid='body'>body</div>
+          </Content>
+        </Wrapper>,
+      ),
+    )
+    expect(screen.getByText('t')).toBeTruthy()
+    expect(screen.getByTestId('body')).toBeTruthy()
+  })
+
+  it('renders the outlined variant with body intact', () => {
+    render(
+      withProvider(
+        'wrap-variant-outlined',
+        <Wrapper title='t' variant='outlined'>
+          <Content>
+            <div data-testid='body'>body</div>
+          </Content>
+        </Wrapper>,
+      ),
+    )
+    expect(screen.getByText('t')).toBeTruthy()
+    expect(screen.getByTestId('body')).toBeTruthy()
+  })
+
   it('applies disabled styling without removing children', () => {
     render(
       withProvider(

package/src/widgets-v2/wrapper/widget-wrapper.tsx

@@ -47,6 +47,11 @@ export interface WrapperProps {
    */
   defaultCollapsed?: boolean
   disabled?: boolean
+  /**
+   * Visual variant. `'elevation'` (default) renders a borderless shell;
+   * `'outlined'` adds a 1px divider border around the card.
+   */
+  variant?: 'outlined' | 'elevation'
   labels?: Partial<WrapperLabels>
   /**
    * Icon shown at the right edge of the summary row. Accordion rotates it
@@ -79,6 +84,7 @@ export function Wrapper({
   onCollapseChange,
   defaultCollapsed = false,
   disabled = false,
+  variant = 'elevation',
   labels,
   expandIcon: ExpandIcon = ExpandMoreIcon,
   iconProps,
@@ -118,8 +124,12 @@ export function Wrapper({
       disabled={disabled}
       disableGutters
       elevation={0}
+      variant={variant}
       square
-      sx={{ ...styles.root, ...sx }}
+      sx={{
+        ...styles.root,
+        ...sx,
+      }}
     >
       {isFetching ? (
         <LinearProgress sx={styles.loading} color='primary' />

package/dist/lasso-tool-BYbxrJ-7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"lasso-tool-BYbxrJ-7.js","sources":["../src/components/lasso-tool/icons.tsx","../src/components/lasso-tool/const.tsx","../src/components/lasso-tool/styles.ts","../src/components/lasso-tool/chip.tsx","../src/components/lasso-tool/lasso-tool.tsx"],"sourcesContent":["import type { SVGProps } from 'react'\n\nexport function DrawPolygonIcon(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      fill='none'\n      xmlns='http://www.w3.org/2000/svg'\n      viewBox='0 0 24 24'\n      {...props}\n    >\n      <path\n        fillRule='evenodd'\n        clipRule='evenodd'\n        d='M4 18a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm16 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm-2.829 1a2.996 2.996 0 0 0 0 2H6.829a2.995 2.995 0 0 0 0-2h10.342Zm-2.463-5.707 3.998 4a3.013 3.013 0 0 0-1.414 1.414l-4-3.999a3.014 3.014 0 0 0 1.31-1.214l.106-.201ZM2.998 6.829a2.995 2.995 0 0 0 2.002 0v10.342a2.993 2.993 0 0 0-2.002 0V6.83ZM12 10a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm1.84-3.919c.464.483 1.09.81 1.79.896l-1.47 2.94a2.992 2.992 0 0 0-1.79-.894l1.47-2.942ZM16 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4ZM4 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm9.171.998a2.994 2.994 0 0 0 0 2.002H6.829a2.995 2.995 0 0 0 0-2.002h6.342Z'\n        fill='currentColor'\n      />\n    </svg>\n  )\n}\n\nexport function DrawSquareIcon(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      fill='none'\n      xmlns='http://www.w3.org/2000/svg'\n      viewBox='0 0 24 24'\n      {...props}\n    >\n      <path\n        fillRule='evenodd'\n        clipRule='evenodd'\n        d='M4 18a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm16 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm-2.829 1a2.993 2.993 0 0 0-.17.974l-.001.052.007.183a3 3 0 0 0 .164.79H6.829a2.995 2.995 0 0 0 0-2h10.342ZM2.998 6.828a2.995 2.995 0 0 0 2.002 0V17.17a2.993 2.993 0 0 0-2.002 0V6.83Zm16.001 0a2.995 2.995 0 0 0 2 0V17.17a2.993 2.993 0 0 0-2 0V6.829ZM20 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4ZM4 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm13.171.998a2.991 2.991 0 0 0-.17.976L17 4.026l.007.183a3 3 0 0 0 .164.79H6.829a2.995 2.995 0 0 0 0-2H17.17Z'\n        fill='currentColor'\n      />\n    </svg>\n  )\n}\n\nexport function DrawCircleIcon(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      fill='none'\n      xmlns='http://www.w3.org/2000/svg'\n      viewBox='0 0 24 24'\n      {...props}\n    >\n      <path\n        fillRule='evenodd'\n        clipRule='evenodd'\n        d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm0 6a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z'\n        fill='currentColor'\n      />\n    </svg>\n  )\n}\n\nexport function DrawLassoIcon(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      fill='none'\n      xmlns='http://www.w3.org/2000/svg'\n      viewBox='0 0 24 24'\n      {...props}\n    >\n      <path\n        fillRule='evenodd'\n        clipRule='evenodd'\n        d='M12 3c4.935 0 9 3.736 9 9l-.002.343-.012.668c-.012.438-.033.86-.062 1.266l-.05.597C20.498 18.767 19.267 21 17 21c-1.192 0-1.971-.341-2.988-1.122l-.472-.375c-.401-.319-.64-.473-.888-.566a4.938 4.938 0 0 0-.415-.13l-.34-.085-.398-.086-.456-.086-.66-.111-1.708-.273a9.112 9.112 0 0 1-.952-.206C5.46 17.301 3 14.954 3 12.015c0-1.508.485-2.995 1.436-4.458.355.585.906 1.04 1.562 1.272C5.328 9.916 5 10.977 5 12.015c0 1.889 1.78 3.588 3.282 4.025l.085.023.345.076.517.092 1.619.257.583.1.518.098.237.05.433.103c.272.07.512.143.73.224.434.161.783.373 1.235.718l.457.362c.806.646 1.24.857 1.959.857.893 0 1.63-1.518 1.895-4.45l.045-.585c.013-.2.024-.407.033-.62l.02-.655c.005-.224.007-.454.007-.69 0-4.12-3.133-7-7-7a1 1 0 1 1 0-2ZM7 4a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z'\n        fill='currentColor'\n      />\n    </svg>\n  )\n}\n\nexport function SelectToolIcon(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      fill='none'\n      xmlns='http://www.w3.org/2000/svg'\n      viewBox='0 0 24 24'\n      {...props}\n    >\n      <path\n        fillRule='evenodd'\n        clipRule='evenodd'\n        d='m10.083 19.394.057.113a1 1 0 0 0 1.72.007l2.869-4.786 4.786-2.87a1 1 0 0 0-.121-1.777l-14-6c-.83-.356-1.669.483-1.313 1.313l6.002 14ZM6.905 6.904l9.903 4.244-3.322 1.995-.102.069a1 1 0 0 0-.242.274l-1.992 3.321-4.245-9.903Z'\n        fill='currentColor'\n      />\n    </svg>\n  )\n}\n","import type { LassoToolsMode, LassoToolsModesMapping } from '../types'\nimport {\n  DrawPolygonIcon,\n  DrawSquareIcon,\n  DrawCircleIcon,\n  DrawLassoIcon,\n  SelectToolIcon,\n} from './icons'\nimport type { LassoToolsComponentProps } from './types'\nimport type { RequiredDeep } from 'type-fest'\n\nexport const LASSO_TOOLS_LABELS: NonNullable<\n  RequiredDeep<LassoToolsComponentProps['labels']>\n> = {\n  action: {\n    tooltip: {\n      active: 'Click on the map to draw your spatial filter',\n      inactive: 'Click on the map to draw your spatial filter',\n    },\n  },\n  chip: {\n    tooltip: {\n      active: 'Hide drawing',\n      inactive: 'Show drawing',\n    },\n  },\n  options: {\n    mode: {\n      title: 'Choose a drawing tool',\n      options: {\n        circle: 'Circle',\n        lasso: 'Lasso tool',\n        polygon: 'Polygon',\n        rectangle: 'Rectangle',\n        edit: 'Edit feature',\n      },\n    },\n  },\n  noData: {\n    title: 'Spatial filter not applied',\n    description:\n      'Select a drawing or editing tool and click on the map to define your spatial filter',\n  },\n  actions: {\n    toggleAll: {\n      active: 'Hide all',\n      inactive: 'Show all',\n    },\n    deleteAll: 'Remove all',\n  },\n} as const\n\nexport const DEFAULT_LASSO_TOOLS_MODES_MAPPING: LassoToolsModesMapping<LassoToolsMode> =\n  {\n    polygon: {\n      icon: <DrawPolygonIcon />,\n    },\n    rectangle: {\n      icon: <DrawSquareIcon />,\n    },\n    circle: {\n      icon: <DrawCircleIcon />,\n    },\n    lasso: {\n      icon: <DrawLassoIcon />,\n    },\n    edit: {\n      icon: <SelectToolIcon />,\n    },\n  } as const\n","import { alpha, type SxProps, type Theme } from '@mui/material'\n\nexport const styles = {\n  container: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    overflow: 'hidden',\n\n    '&.inline': {\n      flexDirection: 'column',\n      alignItems: 'flex-start',\n      gap: ({ spacing }) => spacing(1),\n    },\n  },\n  actions: {\n    icon: {\n      width: ({ spacing }) => spacing(4),\n      height: ({ spacing }) => spacing(4),\n      borderRadius: 0,\n      '.MuiTouchRipple-ripple .MuiTouchRipple-child': {\n        borderRadius: 0,\n      },\n    },\n  },\n  options: {\n    menu: {\n      paddingTop: ({ spacing }) => spacing(1),\n      '&.inline': {\n        boxShadow: 'none',\n        backgroundColor: 'transparent',\n        borderRadius: ({ spacing }) => spacing(0.5),\n\n        '& .MuiDivider-root': {\n          height: ({ spacing }) => spacing(4),\n\n          '&.MuiToggleButtonGroup-groupedHorizontal': {\n            height: ({ spacing }) => spacing(4),\n          },\n          '&.MuiToggleButtonGroup-groupedVertical': {\n            height: 'auto',\n            width: ({ spacing }) => spacing(4),\n            margin: ({ spacing }) => `${spacing(0.5, 0, 1)} !important`,\n            borderRadius: '0 !important',\n          },\n        },\n\n        '& .MuiToggleButton-sizeSmall': {\n          margin: 0,\n\n          '&.MuiToggleButtonGroup-grouped:not(.MuiDivider-root)': {\n            margin: 0,\n          },\n          '& + .MuiDivider-root.MuiToggleButtonGroup-groupedHorizontal': {\n            height: ({ spacing }) => spacing(3),\n          },\n          '& + .MuiDivider-root.MuiToggleButtonGroup-groupedVertical': {\n            height: 'auto',\n            width: ({ spacing }) => spacing(3),\n          },\n        },\n\n        '.MuiToggleButtonGroup-grouped:not(.MuiDivider-root)': {\n          margin: 0,\n\n          '&:first-of-type': {\n            marginLeft: 0,\n          },\n          '&:not(:last-of-type)': {\n            marginRight: ({ spacing }) => spacing(0.5),\n          },\n        },\n        '&.MuiToggleButtonGroup-horizontal:not(.MuiDivider-root)': {\n          '.MuiToggleButtonGroup-grouped': {\n            margin: ({ spacing }) => spacing(0, 0.5),\n          },\n        },\n        '&.MuiToggleButtonGroup-vertical:not(.MuiDivider-root)': {\n          '.MuiToggleButtonGroup-grouped': {\n            margin: ({ spacing }) => spacing(0, 0, 0.5),\n\n            '&:not(:last-of-type)': {\n              marginRight: 0,\n            },\n            '&:last-of-type': {\n              marginBottom: 0,\n            },\n          },\n        },\n      },\n    },\n    icon: {\n      borderRadius: 0,\n      width: ({ spacing }) => spacing(3),\n    },\n    title: {\n      paddingX: ({ spacing }) => spacing(2),\n      paddingBottom: ({ spacing }) => spacing(0.5),\n\n      '&.inline': {\n        paddingX: 0,\n        paddingBottom: 0,\n      },\n    },\n    icons: {\n      color: ({ palette }) => palette.text.primary,\n    },\n    tag: {\n      borderRadius: ({ spacing }) => spacing(0.25),\n      border: '1px solid',\n      borderColor: ({ palette }) => palette.primary.main,\n      paddingX: ({ spacing }) => spacing(0.5),\n      color: ({ palette }) => palette.primary.main,\n      backgroundColor: ({ palette }) => alpha(palette.primary.main, 0.08),\n    },\n    more: {\n      width: ({ spacing }) => spacing(4),\n    },\n  },\n  chip: {\n    container: {\n      display: 'flex',\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: ({ spacing }) => spacing(0.5),\n      overflowX: 'auto',\n      scrollbarWidth: 'none',\n      paddingX: ({ spacing }) => spacing(1),\n\n      '&.inline': {\n        overflowX: 'visible',\n        flexWrap: 'wrap',\n      },\n    },\n    chip: {\n      marginRight: ({ spacing }) => spacing(0.5),\n    },\n    disabled: {\n      opacity: ({ palette }) => palette.action.disabledOpacity,\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Chip } from '@mui/material'\nimport type { PickDeep } from 'type-fest'\nimport { LASSO_TOOLS_LABELS } from './const'\nimport { styles } from './styles'\nimport type { LassoToolsComponentProps, LassoToolsData } from './types'\nimport { Tooltip } from '../tooltip/tooltip'\n\nexport function LassoToolsUIChip({\n  chipProps,\n  value,\n  labels,\n  onChipToggle,\n  onDelete,\n}: Pick<LassoToolsComponentProps, 'chipProps' | 'onDelete' | 'onChipToggle'> & {\n  value: LassoToolsData\n  labels?: PickDeep<LassoToolsComponentProps['labels'], 'chip'>['chip']\n}) {\n  const chipState = value.visible ? 'active' : 'inactive'\n  const chipLabel =\n    labels?.tooltip?.[chipState] ?? LASSO_TOOLS_LABELS.chip.tooltip[chipState]\n\n  return (\n    <Tooltip title={chipLabel} placement='bottom' {...chipProps?.TooltipProps}>\n      <Chip\n        sx={{\n          ...styles.chip.chip,\n        }}\n        color={value.visible ? 'secondary' : 'default'}\n        size='small'\n        onDelete={() => onDelete(value.id)}\n        label={value.label}\n        onClick={() => onChipToggle(value.id, !value.visible)}\n        {...chipProps?.ChipsProps}\n      />\n    </Tooltip>\n  )\n}\n","import { ArrowDropDown, MoreVertOutlined } from '@mui/icons-material'\nimport {\n  Box,\n  Divider,\n  IconButton,\n  ListItemIcon,\n  ListItemText,\n  Menu,\n  MenuItem,\n  Paper,\n  SvgIcon,\n  ToggleButton,\n  Typography,\n  type SxProps,\n  type Theme,\n} from '@mui/material'\nimport deepmerge from 'deepmerge'\nimport {\n  useMemo,\n  useState,\n  type ComponentProps,\n  type JSX,\n  type MouseEvent,\n  type PropsWithChildren,\n  type ReactNode,\n} from 'react'\nimport type { PickDeep } from 'type-fest'\nimport { Tooltip } from '../tooltip/tooltip'\nimport type { LassoToolsModes } from '../types'\nimport { LassoToolsUIChip } from './chip'\nimport { LASSO_TOOLS_LABELS } from './const'\nimport { styles } from './styles'\nimport type { LassoToolsComponentProps, OptionsChildrenProps } from './types'\n\nconst EMPTY_VALUES: LassoToolsComponentProps['values'] = []\nconst EMPTY_PAPER_PROPS: NonNullable<LassoToolsComponentProps['PaperProps']> =\n  {}\n\n/**\n * Provides a comprehensive floating interface for spatial selection and drawing operations on maps, supporting polygon, rectangle, circle, freehand lasso, and edit modes.\n *\n * @remarks\n * Supports customizable slots for action, options, chips, and secondary actions via compound component pattern (e.g., `LassoToolsUI.Action`, `LassoToolsUI.Chips`).\n *\n * @example\n * ```tsx\n * <LassoToolsUI\n *   enabled={enabled}\n *   values={spatialFilters}\n *   modes={modes}\n *   modesMapping={modesMapping}\n *   modeSelected={modeSelected}\n *   onActionToggle={setEnabled}\n *   onChangeMode={setModeSelected}\n *   onChipToggle={handleChipToggle}\n *   onDelete={handleDelete}\n * />\n * ```\n */\nexport function LassoToolsUI({\n  enabled,\n  values = EMPTY_VALUES,\n  actionProps,\n  chipProps,\n  labels,\n  modes,\n  modesMapping,\n  modeSelected,\n  PaperProps: { sx, ...PaperProps } = EMPTY_PAPER_PROPS,\n  onActionToggle,\n  onChipToggle,\n  onDelete,\n  onChangeMode,\n  onAllChipToggle,\n  onAllDelete,\n  ChipsSlot = LassoToolsUI.Chips,\n  ActionSlot = LassoToolsUI.Action,\n  SecondaryActionsSlot = LassoToolsUI.SecondaryActions,\n  OptionsSlot = LassoToolsUI.Options,\n}: LassoToolsComponentProps): JSX.Element {\n  const slotArgs = {\n    enabled,\n    values,\n    actionProps,\n    chipProps,\n    labels,\n    modes,\n    modesMapping,\n    modeSelected,\n    PaperProps,\n    onActionToggle,\n    onChipToggle,\n    onDelete,\n    onChangeMode,\n    onAllChipToggle,\n    onAllDelete,\n  }\n  return (\n    <Paper\n      sx={{\n        ...styles.container,\n        ...sx,\n      }}\n      {...PaperProps}\n    >\n      {!!ActionSlot && <ActionSlot {...slotArgs} />}\n      {!!OptionsSlot && (\n        <Options>\n          {(props) => {\n            return <OptionsSlot {...slotArgs} {...props} />\n          }}\n        </Options>\n      )}\n      {!!ChipsSlot && <ChipsSlot {...slotArgs} />}\n      {!!SecondaryActionsSlot && <SecondaryActionsSlot {...slotArgs} />}\n    </Paper>\n  )\n}\n\nfunction LassoToolsUIAction({\n  actionProps,\n  labels,\n  enabled,\n  children,\n  onActionToggle,\n}: PropsWithChildren<\n  Pick<\n    LassoToolsComponentProps,\n    'actionProps' | 'enabled' | 'onActionToggle'\n  > & {\n    labels?: PickDeep<LassoToolsComponentProps['labels'], 'action'>['action']\n  }\n>) {\n  const actionState = enabled ? 'active' : 'inactive'\n  const actionLabel =\n    labels?.tooltip?.[actionState] ??\n    LASSO_TOOLS_LABELS.action.tooltip[actionState]\n\n  return (\n    <Tooltip\n      title={actionLabel}\n      placement='right'\n      {...actionProps?.TooltipProps}\n    >\n      <ToggleButton\n        value='toggle'\n        sx={styles.actions.icon}\n        onClick={() => onActionToggle(!enabled)}\n        aria-label={actionLabel}\n        selected={enabled}\n      >\n        {children}\n      </ToggleButton>\n    </Tooltip>\n  )\n}\n\nconst EMPTY_TRIGGER_PROPS: { Icon?: ReactNode; sx?: SxProps<Theme> } = {}\n\nfunction Options({\n  TriggerProps = EMPTY_TRIGGER_PROPS,\n  MenuProps,\n  children,\n}: {\n  TriggerProps?: {\n    Icon?: ReactNode\n    sx?: SxProps<Theme>\n  }\n  MenuProps?: Partial<ComponentProps<typeof Menu>>\n  children: (props: OptionsChildrenProps) => JSX.Element\n}) {\n  const { Icon, sx } = TriggerProps\n  const IconNode = Icon ?? <ArrowDropDown />\n\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)\n\n  const open = Boolean(anchorEl)\n\n  const handleToggle = (event: MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget)\n  }\n\n  const handleClose = () => {\n    setAnchorEl(null)\n  }\n\n  return (\n    <>\n      <IconButton\n        sx={{\n          ...styles.options.icon,\n          ...sx,\n        }}\n        onClick={handleToggle}\n      >\n        {IconNode}\n      </IconButton>\n      <Menu\n        id='lasso-menu'\n        anchorEl={anchorEl}\n        open={open}\n        onClose={handleClose}\n        MenuListProps={{\n          'aria-labelledby': 'lasso-button',\n          sx: styles.options.menu,\n        }}\n        {...MenuProps}\n      >\n        <div>\n          {children({\n            onClose: handleClose,\n          })}\n        </div>\n      </Menu>\n    </>\n  )\n}\n\nfunction ModeList({\n  data,\n  labels,\n  children,\n}: {\n  labels?: PickDeep<LassoToolsComponentProps['labels'], 'options'>['options']\n  data: LassoToolsComponentProps['modes'][keyof LassoToolsModes][]\n  children: ReactNode\n}) {\n  if (data.length <= 1) {\n    return null\n  }\n\n  const modeTitle = labels?.mode?.title ?? LASSO_TOOLS_LABELS.options.mode.title\n\n  return (\n    <>\n      <Typography\n        variant='subtitle2'\n        color='text.secondary'\n        sx={styles.options.title}\n      >\n        {modeTitle}\n      </Typography>\n      {children}\n    </>\n  )\n}\n\nfunction OptionsList({\n  data,\n  modeSelected,\n  labels,\n  onChangeMode,\n  onClose,\n}: Required<Pick<LassoToolsComponentProps, 'modeSelected' | 'onChangeMode'>> & {\n  labels?: PickDeep<LassoToolsComponentProps['labels'], 'options'>['options']\n  data: (LassoToolsComponentProps['modes'] &\n    LassoToolsComponentProps['modesMapping'])[keyof LassoToolsModes][]\n  onClose: OptionsChildrenProps['onClose']\n}) {\n  const handleClick = (\n    e: MouseEvent<HTMLLIElement>,\n    value: NonNullable<(typeof data)[number]>['value'],\n  ) => {\n    e.preventDefault()\n    onChangeMode?.(value)\n    onClose()\n  }\n\n  return data\n    .filter((mode): mode is NonNullable<typeof mode> => Boolean(mode))\n    .map((mode) => {\n      const options =\n        labels?.mode?.options ?? LASSO_TOOLS_LABELS.options.mode.options\n      const label = options[mode.value]\n\n      return (\n        <MenuItem\n          key={mode.value}\n          disabled={!!mode.disabled}\n          onClick={(e) => handleClick(e, mode.value)}\n          selected={mode.value === modeSelected}\n        >\n          <ListItemIcon sx={styles.options.icons}>\n            <SvgIcon>{mode.icon}</SvgIcon>\n          </ListItemIcon>\n          <ListItemText>{label}</ListItemText>\n        </MenuItem>\n      )\n    })\n}\n\nfunction SecondaryActionsWrapper({\n  values,\n  labels,\n  onAllChipToggle,\n  onAllDelete,\n}: Partial<\n  Omit<\n    LassoToolsComponentProps,\n    'ChipsSlot' | 'ActionsSlot' | 'OptionsSlot' | 'SecondaryActionsSlot'\n  >\n>) {\n  if (!values?.length || values.length <= 1) {\n    return null\n  }\n\n  const hasVisible = values?.some((value) => value.visible)\n\n  const toggleAllLabel = hasVisible\n    ? (labels?.actions?.toggleAll?.active ??\n      LASSO_TOOLS_LABELS.actions.toggleAll.active)\n    : (labels?.actions?.toggleAll?.inactive ??\n      LASSO_TOOLS_LABELS.actions.toggleAll.inactive)\n\n  const deleteAllLabel =\n    labels?.actions?.deleteAll ?? LASSO_TOOLS_LABELS.actions.deleteAll\n\n  return (\n    <>\n      <Divider orientation='vertical' flexItem />\n      <Options\n        TriggerProps={{ Icon: <MoreVertOutlined />, sx: styles.options.more }}\n        MenuProps={{\n          anchorOrigin: {\n            vertical: 'bottom',\n            horizontal: 'right',\n          },\n          transformOrigin: {\n            vertical: 'top',\n            horizontal: 'right',\n          },\n        }}\n      >\n        {(props) => {\n          return (\n            <>\n              <MenuItem\n                color='inherit'\n                onClick={() => {\n                  onAllChipToggle?.()\n                  props.onClose()\n                }}\n              >\n                {toggleAllLabel}\n              </MenuItem>\n              <Divider />\n              <MenuItem\n                color='error'\n                onClick={() => {\n                  onAllDelete?.()\n                  props.onClose()\n                }}\n              >\n                <Typography variant='body2' color='error'>\n                  {deleteAllLabel}\n                </Typography>\n              </MenuItem>\n            </>\n          )\n        }}\n      </Options>\n    </>\n  )\n}\n\nLassoToolsUI.Action = function ActionsWrapper({\n  modes,\n  modesMapping,\n  modeSelected,\n  actionProps,\n  enabled,\n  labels,\n  onActionToggle,\n}: Partial<\n  Omit<\n    LassoToolsComponentProps,\n    'ChipsSlot' | 'ActionsSlot' | 'OptionsSlot' | 'SecondaryActionsSlot'\n  >\n> & {\n  labels?: PickDeep<LassoToolsComponentProps['labels'], 'actions'>['actions']\n}) {\n  const data = useMemo(() => {\n    return deepmerge(modes ?? {}, modesMapping ?? {})\n  }, [modes, modesMapping])\n\n  const handleToggle: LassoToolsComponentProps['onActionToggle'] = (data) => {\n    return onActionToggle?.(data)\n  }\n\n  const modeExists = modeSelected ? modeSelected in (modes ?? {}) : false\n\n  const mode = (\n    modeExists ? modeSelected : Object.keys(data)[0]\n  ) as keyof typeof data\n\n  const modeSelectedValue = data[mode]\n\n  return (\n    <LassoToolsUIAction\n      actionProps={actionProps}\n      labels={labels?.action}\n      enabled={enabled ?? false}\n      onActionToggle={handleToggle}\n    >\n      {modeSelectedValue?.icon}\n    </LassoToolsUIAction>\n  )\n}\n\nLassoToolsUI.Chips = function ChipsWrapper({\n  values,\n  labels,\n  chipProps,\n  onDelete,\n  onChipToggle,\n  onActionToggle,\n}: Partial<\n  Omit<\n    LassoToolsComponentProps,\n    'ChipsSlot' | 'ActionsSlot' | 'OptionsSlot' | 'SecondaryActionsSlot'\n  >\n>) {\n  const handleDelete: LassoToolsComponentProps['onDelete'] = (valueId) => {\n    onActionToggle?.(false)\n    return onDelete?.(valueId)\n  }\n\n  return (\n    !!values?.length && (\n      <Box sx={styles.chip.container}>\n        {values?.map((value) => (\n          <LassoToolsUIChip\n            key={value.id}\n            value={value}\n            labels={labels?.chip}\n            chipProps={chipProps}\n            onDelete={handleDelete}\n            onChipToggle={(id, data) => onChipToggle?.(id, data)}\n          />\n        ))}\n      </Box>\n    )\n  )\n}\n\nLassoToolsUI.SecondaryActions = SecondaryActionsWrapper\n\nLassoToolsUI.Options = function OptionsWrapper({\n  values,\n  modes,\n  modesMapping,\n  modeSelected,\n  labels,\n  onChangeMode,\n  ...props\n}: Partial<\n  Omit<\n    LassoToolsComponentProps,\n    'ChipsSlot' | 'ActionsSlot' | 'OptionsSlot' | 'SecondaryActionsSlot'\n  >\n> &\n  OptionsChildrenProps) {\n  const data = useMemo(() => {\n    return deepmerge(modes ?? {}, modesMapping ?? {})\n  }, [modes, modesMapping])\n\n  const { edit, ..._modes } = data\n\n  const modeExists = modeSelected ? modeSelected in (modes ?? {}) : false\n\n  const mode = (\n    modeExists ? modeSelected : Object.keys(data)[0]\n  ) as keyof typeof data\n\n  const modesValues = Object.values(_modes)\n\n  const handleChangeMode: LassoToolsComponentProps['onChangeMode'] = (data) => {\n    return onChangeMode?.(data)\n  }\n\n  return (\n    <>\n      <ModeList data={modesValues} labels={labels?.options}>\n        <OptionsList\n          {...props}\n          labels={labels?.options}\n          data={modesValues}\n          modeSelected={mode}\n          onChangeMode={handleChangeMode}\n        />\n      </ModeList>\n      {!!edit && (\n        <>\n          <Divider />\n          <OptionsList\n            {...props}\n            labels={labels?.options}\n            data={[\n              {\n                ...edit,\n                disabled: !values?.length,\n              },\n            ]}\n            modeSelected={mode}\n            onChangeMode={handleChangeMode}\n          />\n        </>\n      )}\n    </>\n  )\n}\n"],"names":["DrawPolygonIcon","props","$","_c","t0","Symbol","for","t1","jsx","DrawSquareIcon","DrawCircleIcon","DrawLassoIcon","SelectToolIcon","LASSO_TOOLS_LABELS","action","tooltip","active","inactive","chip","options","mode","title","circle","lasso","polygon","rectangle","edit","noData","description","actions","toggleAll","deleteAll","DEFAULT_LASSO_TOOLS_MODES_MAPPING","icon","styles","container","display","flexDirection","alignItems","justifyContent","overflow","gap","spacing","width","height","borderRadius","menu","paddingTop","boxShadow","backgroundColor","margin","marginLeft","marginRight","marginBottom","paddingX","paddingBottom","icons","color","palette","text","primary","more","overflowX","scrollbarWidth","flexWrap","LassoToolsUIChip","chipProps","value","labels","onChipToggle","onDelete","chipState","visible","chipLabel","TooltipProps","t2","t3","t4","id","t5","t6","ChipsProps","t7","label","Chip","t8","Tooltip","EMPTY_VALUES","EMPTY_PAPER_PROPS","LassoToolsUI","enabled","values","actionProps","modes","modesMapping","modeSelected","PaperProps","onActionToggle","onChangeMode","onAllChipToggle","onAllDelete","ChipsSlot","ActionSlot","SecondaryActionsSlot","OptionsSlot","undefined","sx","Chips","Action","SecondaryActions","Options","slotArgs","t9","t10","t11","t12","t13","t14","jsxs","Paper","LassoToolsUIAction","children","actionState","actionLabel","ToggleButton","EMPTY_TRIGGER_PROPS","TriggerProps","MenuProps","Icon","ArrowDropDown","IconNode","anchorEl","setAnchorEl","useState","open","Boolean","event","currentTarget","handleToggle","handleClose","IconButton","onClose","Menu","ModeList","data","length","modeTitle","Typography","OptionsList","handleClick","e","preventDefault","filter","map","MenuItem","disabled","ListItemIcon","SvgIcon","ListItemText","SecondaryActionsWrapper","toggleAllLabel","some","_temp","deleteAllLabel","Divider","MoreVertOutlined","anchorOrigin","vertical","horizontal","transformOrigin","Fragment","useMemo","deepmerge","Object","keys","modeSelectedValue","handleDelete","valueId","Box","_modes","modesValues","handleChangeMode"],"mappings":";;;;;;;AAEO,SAAAA,GAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,EAAAF,EAAA,CAAA,MAAAG,uBAAAC,IAAA,2BAAA,KAQDF,gCACW,UAAA,WACA,UAAA,WACP,GAAA,qkBACG,MAAA,eAAA,CAAc,GACnBF,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAAA,MAAAK;AAAA,SAAAL,SAAAD,KAXJM,IAAA,gBAAAC,EAAA,OAAA,EACO,MAAA,QACC,OAAA,8BACE,SAAA,gBACJP,GAEJG,UAAAA,EAAAA,CAMF,GAAMF,OAAAD,GAAAC,OAAAK,KAAAA,IAAAL,EAAA,CAAA,GAZNK;AAYM;AAIH,SAAAE,GAAAR,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,EAAAF,EAAA,CAAA,MAAAG,uBAAAC,IAAA,2BAAA,KAQDF,gCACW,UAAA,WACA,UAAA,WACP,GAAA,gfACG,MAAA,eAAA,CAAc,GACnBF,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAAA,MAAAK;AAAA,SAAAL,SAAAD,KAXJM,IAAA,gBAAAC,EAAA,OAAA,EACO,MAAA,QACC,OAAA,8BACE,SAAA,gBACJP,GAEJG,UAAAA,EAAAA,CAMF,GAAMF,OAAAD,GAAAC,OAAAK,KAAAA,IAAAL,EAAA,CAAA,GAZNK;AAYM;AAIH,SAAAG,GAAAT,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,EAAAF,EAAA,CAAA,MAAAG,uBAAAC,IAAA,2BAAA,KAQDF,gCACW,UAAA,WACA,UAAA,WACP,GAAA,gJACG,MAAA,eAAA,CAAc,GACnBF,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAAA,MAAAK;AAAA,SAAAL,SAAAD,KAXJM,IAAA,gBAAAC,EAAA,OAAA,EACO,MAAA,QACC,OAAA,8BACE,SAAA,gBACJP,GAEJG,UAAAA,EAAAA,CAMF,GAAMF,OAAAD,GAAAC,OAAAK,KAAAA,IAAAL,EAAA,CAAA,GAZNK;AAYM;AAIH,SAAAI,GAAAV,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,EAAAF,EAAA,CAAA,MAAAG,uBAAAC,IAAA,2BAAA,KAQDF,gCACW,UAAA,WACA,UAAA,WACP,GAAA,wvBACG,MAAA,eAAA,CAAc,GACnBF,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAAA,MAAAK;AAAA,SAAAL,SAAAD,KAXJM,IAAA,gBAAAC,EAAA,OAAA,EACO,MAAA,QACC,OAAA,8BACE,SAAA,gBACJP,GAEJG,UAAAA,EAAAA,CAMF,GAAMF,OAAAD,GAAAC,OAAAK,KAAAA,IAAAL,EAAA,CAAA,GAZNK;AAYM;AAIH,SAAAK,GAAAX,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,EAAAF,EAAA,CAAA,MAAAG,uBAAAC,IAAA,2BAAA,KAQDF,gCACW,UAAA,WACA,UAAA,WACP,GAAA,mOACG,MAAA,eAAA,CAAc,GACnBF,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAAA,MAAAK;AAAA,SAAAL,SAAAD,KAXJM,IAAA,gBAAAC,EAAA,OAAA,EACO,MAAA,QACC,OAAA,8BACE,SAAA,gBACJP,GAEJG,UAAAA,EAAAA,CAMF,GAAMF,OAAAD,GAAAC,OAAAK,KAAAA,IAAAL,EAAA,CAAA,GAZNK;AAYM;AC7EH,MAAMM,IAET;AAAA,EACFC,QAAQ;AAAA,IACNC,SAAS;AAAA,MACPC,QAAQ;AAAA,MACRC,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEFC,MAAM;AAAA,IACJH,SAAS;AAAA,MACPC,QAAQ;AAAA,MACRC,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEFE,SAAS;AAAA,IACPC,MAAM;AAAA,MACJC,OAAO;AAAA,MACPF,SAAS;AAAA,QACPG,QAAQ;AAAA,QACRC,OAAO;AAAA,QACPC,SAAS;AAAA,QACTC,WAAW;AAAA,QACXC,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,EACF;AAAA,EAEFC,QAAQ;AAAA,IACNN,OAAO;AAAA,IACPO,aACE;AAAA,EAAA;AAAA,EAEJC,SAAS;AAAA,IACPC,WAAW;AAAA,MACTd,QAAQ;AAAA,MACRC,UAAU;AAAA,IAAA;AAAA,IAEZc,WAAW;AAAA,EAAA;AAEf,GAEaC,KACX;AAAA,EACER,SAAS;AAAA,IACPS,wBAAOjC,IAAA,CAAA,CAAe;AAAA,EAAA;AAAA,EAExByB,WAAW;AAAA,IACTQ,wBAAOxB,IAAA,CAAA,CAAc;AAAA,EAAA;AAAA,EAEvBa,QAAQ;AAAA,IACNW,wBAAOvB,IAAA,CAAA,CAAc;AAAA,EAAA;AAAA,EAEvBa,OAAO;AAAA,IACLU,wBAAOtB,IAAA,CAAA,CAAa;AAAA,EAAA;AAAA,EAEtBe,MAAM;AAAA,IACJO,wBAAOrB,IAAA,CAAA,CAAc;AAAA,EAAA;AAEzB,GCnEWsB,IAAS;AAAA,EACpBC,WAAW;AAAA,IACTC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,YAAY;AAAA,IACZC,gBAAgB;AAAA,IAChBC,UAAU;AAAA,IAEV,YAAY;AAAA,MACVH,eAAe;AAAA,MACfC,YAAY;AAAA,MACZG,KAAKA,CAAC;AAAA,QAAEC,SAAAA;AAAAA,MAAAA,MAAcA,EAAQ,CAAC;AAAA,IAAA;AAAA,EACjC;AAAA,EAEFb,SAAS;AAAA,IACPI,MAAM;AAAA,MACJU,OAAOA,CAAC;AAAA,QAAED,SAAAA;AAAAA,MAAAA,MAAcA,EAAQ,CAAC;AAAA,MACjCE,QAAQA,CAAC;AAAA,QAAEF,SAAAA;AAAAA,MAAAA,MAAcA,EAAQ,CAAC;AAAA,MAClCG,cAAc;AAAA,MACd,gDAAgD;AAAA,QAC9CA,cAAc;AAAA,MAAA;AAAA,IAChB;AAAA,EACF;AAAA,EAEF1B,SAAS;AAAA,IACP2B,MAAM;AAAA,MACJC,YAAYA,CAAC;AAAA,QAAEL,SAAAA;AAAAA,MAAAA,MAAcA,EAAQ,CAAC;AAAA,MACtC,YAAY;AAAA,QACVM,WAAW;AAAA,QACXC,iBAAiB;AAAA,QACjBJ,cAAcA,CAAC;AAAA,UAAEH,SAAAA;AAAAA,QAAAA,MAAcA,EAAQ,GAAG;AAAA,QAE1C,sBAAsB;AAAA,UACpBE,QAAQA,CAAC;AAAA,YAAEF,SAAAA;AAAAA,UAAAA,MAAcA,EAAQ,CAAC;AAAA,UAElC,4CAA4C;AAAA,YAC1CE,QAAQA,CAAC;AAAA,cAAEF,SAAAA;AAAAA,YAAAA,MAAcA,EAAQ,CAAC;AAAA,UAAA;AAAA,UAEpC,0CAA0C;AAAA,YACxCE,QAAQ;AAAA,YACRD,OAAOA,CAAC;AAAA,cAAED,SAAAA;AAAAA,YAAAA,MAAcA,EAAQ,CAAC;AAAA,YACjCQ,QAAQA,CAAC;AAAA,cAAER,SAAAA;AAAAA,YAAAA,MAAc,GAAGA,EAAQ,KAAK,GAAG,CAAC,CAAC;AAAA,YAC9CG,cAAc;AAAA,UAAA;AAAA,QAChB;AAAA,QAGF,gCAAgC;AAAA,UAC9BK,QAAQ;AAAA,UAER,wDAAwD;AAAA,YACtDA,QAAQ;AAAA,UAAA;AAAA,UAEV,+DAA+D;AAAA,YAC7DN,QAAQA,CAAC;AAAA,cAAEF,SAAAA;AAAAA,YAAAA,MAAcA,EAAQ,CAAC;AAAA,UAAA;AAAA,UAEpC,6DAA6D;AAAA,YAC3DE,QAAQ;AAAA,YACRD,OAAOA,CAAC;AAAA,cAAED,SAAAA;AAAAA,YAAAA,MAAcA,EAAQ,CAAC;AAAA,UAAA;AAAA,QACnC;AAAA,QAGF,uDAAuD;AAAA,UACrDQ,QAAQ;AAAA,UAER,mBAAmB;AAAA,YACjBC,YAAY;AAAA,UAAA;AAAA,UAEd,wBAAwB;AAAA,YACtBC,aAAaA,CAAC;AAAA,cAAEV,SAAAA;AAAAA,YAAAA,MAAcA,EAAQ,GAAG;AAAA,UAAA;AAAA,QAC3C;AAAA,QAEF,2DAA2D;AAAA,UACzD,iCAAiC;AAAA,YAC/BQ,QAAQA,CAAC;AAAA,cAAER,SAAAA;AAAAA,YAAAA,MAAcA,EAAQ,GAAG,GAAG;AAAA,UAAA;AAAA,QACzC;AAAA,QAEF,yDAAyD;AAAA,UACvD,iCAAiC;AAAA,YAC/BQ,QAAQA,CAAC;AAAA,cAAER,SAAAA;AAAAA,YAAAA,MAAcA,EAAQ,GAAG,GAAG,GAAG;AAAA,YAE1C,wBAAwB;AAAA,cACtBU,aAAa;AAAA,YAAA;AAAA,YAEf,kBAAkB;AAAA,cAChBC,cAAc;AAAA,YAAA;AAAA,UAChB;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IAEFpB,MAAM;AAAA,MACJY,cAAc;AAAA,MACdF,OAAOA,CAAC;AAAA,QAAED,SAAAA;AAAAA,MAAAA,MAAcA,EAAQ,CAAC;AAAA,IAAA;AAAA,IAEnCrB,OAAO;AAAA,MACLiC,UAAUA,CAAC;AAAA,QAAEZ,SAAAA;AAAAA,MAAAA,MAAcA,EAAQ,CAAC;AAAA,MACpCa,eAAeA,CAAC;AAAA,QAAEb,SAAAA;AAAAA,MAAAA,MAAcA,EAAQ,GAAG;AAAA,MAE3C,YAAY;AAAA,QACVY,UAAU;AAAA,QACVC,eAAe;AAAA,MAAA;AAAA,IACjB;AAAA,IAEFC,OAAO;AAAA,MACLC,OAAOA,CAAC;AAAA,QAAEC,SAAAA;AAAAA,MAAAA,MAAcA,EAAQC,KAAKC;AAAAA,IAAAA;AAAAA,IAUvCC,MAAM;AAAA,MACJlB,OAAOA,CAAC;AAAA,QAAED,SAAAA;AAAAA,MAAAA,MAAcA,EAAQ,CAAC;AAAA,IAAA;AAAA,EACnC;AAAA,EAEFxB,MAAM;AAAA,IACJiB,WAAW;AAAA,MACTC,SAAS;AAAA,MACTC,eAAe;AAAA,MACfC,YAAY;AAAA,MACZG,KAAKA,CAAC;AAAA,QAAEC,SAAAA;AAAAA,MAAAA,MAAcA,EAAQ,GAAG;AAAA,MACjCoB,WAAW;AAAA,MACXC,gBAAgB;AAAA,MAChBT,UAAUA,CAAC;AAAA,QAAEZ,SAAAA;AAAAA,MAAAA,MAAcA,EAAQ,CAAC;AAAA,MAEpC,YAAY;AAAA,QACVoB,WAAW;AAAA,QACXE,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF9C,MAAM;AAAA,MACJkC,aAAaA,CAAC;AAAA,QAAEV,SAAAA;AAAAA,MAAAA,MAAcA,EAAQ,GAAG;AAAA,IAAA;AAAA,EAK7C;AACF;ACvIO,SAAAuB,GAAA7D,GAAA;AAAA,QAAAF,IAAAC,EAAA,EAAA,GAA0B;AAAA,IAAA+D,WAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAAlE,GAU/BmE,IAAkBJ,EAAKK,UAAL,WAAA,YAClBC,IACEL,GAAMrD,UAAYwD,CAAS,KAAK1D,EAAkBK,KAAKH,QAASwD,CAAS,GAGvBhE,IAAA2D,GAASQ;AAAc,MAAAC;AAAA,EAAAzE,EAAA,CAAA,MAAAG,uBAAAC,IAAA,2BAAA,KAEjEqE,IAAA;AAAA,IAAA,GACCzC,EAAMhB,KAAKA;AAAAA,EAAAA,GACfhB,OAAAyE,KAAAA,IAAAzE,EAAA,CAAA;AACM,QAAA0E,IAAAT,EAAKK,UAAL,cAAA;AAAuC,MAAAK;AAAA,EAAA3E,SAAAoE,KAAApE,EAAA,CAAA,MAAAiE,EAAAW,MAEpCD,IAAAA,MAAMP,EAASH,EAAKW,EAAG,GAAC5E,OAAAoE,GAAApE,EAAA,CAAA,IAAAiE,EAAAW,IAAA5E,OAAA2E,KAAAA,IAAA3E,EAAA,CAAA;AAAA,MAAA6E;AAAA,EAAA7E,EAAA,CAAA,MAAAmE,KAAAnE,EAAA,CAAA,MAAAiE,EAAAW,MAAA5E,EAAA,CAAA,MAAAiE,EAAAK,WAEzBO,IAAAA,MAAMV,EAAaF,EAAKW,IAAK,CAACX,EAAKK,OAAQ,GAACtE,OAAAmE,GAAAnE,EAAA,CAAA,IAAAiE,EAAAW,IAAA5E,EAAA,CAAA,IAAAiE,EAAAK,SAAAtE,OAAA6E,KAAAA,IAAA7E,EAAA,CAAA;AACjD,QAAA8E,IAAAd,GAASe;AAAY,MAAAC;AAAA,EAAAhF,SAAA0E,KAAA1E,EAAA,CAAA,MAAA2E,KAAA3E,EAAA,EAAA,MAAA6E,KAAA7E,UAAA8E,KAAA9E,EAAA,EAAA,MAAAiE,EAAAgB,SAT3BD,sBAACE,IAAA,EACK,IAAAT,GAGG,OAAAC,GACF,MAAA,SACK,UAAAC,GACH,OAAAV,EAAKgB,OACH,SAAAJ,GAA4C,GACjDC,GAAqB,GACzB9E,OAAA0E,GAAA1E,OAAA2E,GAAA3E,QAAA6E,GAAA7E,QAAA8E,GAAA9E,EAAA,EAAA,IAAAiE,EAAAgB,OAAAjF,QAAAgF,KAAAA,IAAAhF,EAAA,EAAA;AAAA,MAAAmF;AAAA,SAAAnF,EAAA,EAAA,MAAAuE,KAAAvE,UAAAK,KAAAL,EAAA,EAAA,MAAAgF,KAXJG,sBAACC,KAAeb,OAAAA,GAAqB,WAAA,UAAQ,GAAKlE,GAChD2E,UAAAA,EAAAA,CAWF,GAAUhF,QAAAuE,GAAAvE,QAAAK,GAAAL,QAAAgF,GAAAhF,QAAAmF,KAAAA,IAAAnF,EAAA,EAAA,GAZVmF;AAYU;ACAd,MAAME,KAAmD,CAAA,GACnDC,KACJ,CAAA;AAuBK,SAAAC,EAAArF,GAAA;AAAA,QAAAF,IAAAC,EAAA,EAAA,GAAsB;AAAA,IAAAuF,SAAAA;AAAAA,IAAAC,QAAApF;AAAAA,IAAAqF,aAAAA;AAAAA,IAAA1B,WAAAA;AAAAA,IAAAE,QAAAA;AAAAA,IAAAyB,OAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,YAAArB;AAAAA,IAAAsB,gBAAAA;AAAAA,IAAA5B,cAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAA4B,cAAAA;AAAAA,IAAAC,iBAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,WAAAzB;AAAAA,IAAA0B,YAAAzB;AAAAA,IAAA0B,sBAAAxB;AAAAA,IAAAyB,aAAAxB;AAAAA,EAAAA,IAAA5E,GAE3BuF,IAAApF,MAAAkG,SAAAlB,KAAAhF,GAOY2E,IAAAP,MAAA8B,SAAAjB,KAAAb;AAAyC,MAAAqB,GAAAU;AAAA,EAAAxG,SAAAgF,KAAzC;AAAA,IAAAwB,IAAAA;AAAAA,IAAA,GAAAV;AAAAA,EAAAA,IAAAd,GAAyChF,OAAAgF,GAAAhF,OAAA8F,GAAA9F,OAAAwG,MAAAV,IAAA9F,EAAA,CAAA,GAAAwG,IAAAxG,EAAA,CAAA;AAOrD,QAAAmG,IAAAzB,MAAA6B,SAAYhB,EAAYkB,QAAxB/B,GACA0B,IAAAzB,MAAA4B,SAAahB,EAAYmB,SAAzB/B,GACA0B,IAAAxB,MAAA0B,SAAuBhB,EAAYoB,mBAAnC9B,GACAyB,IAAAxB,MAAAyB,SAAchB,EAAYqB,UAA1B9B;AAAkC,MAAAK;AAAA,EAAAnF,EAAA,CAAA,MAAA8F,KAAA9F,EAAA,CAAA,MAAA0F,KAAA1F,EAAA,CAAA,MAAAgE,KAAAhE,EAAA,CAAA,MAAAwF,KAAAxF,EAAA,CAAA,MAAAkE,KAAAlE,EAAA,CAAA,MAAA6F,KAAA7F,EAAA,CAAA,MAAA2F,KAAA3F,UAAA4F,KAAA5F,EAAA,EAAA,MAAA+F,KAAA/F,EAAA,EAAA,MAAAiG,KAAAjG,EAAA,EAAA,MAAAkG,KAAAlG,EAAA,EAAA,MAAAgG,KAAAhG,EAAA,EAAA,MAAAmE,KAAAnE,EAAA,EAAA,MAAAoE,KAAApE,EAAA,EAAA,MAAAyF,KAEjBN,IAAA;AAAA,IAAAK,SAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAA1B,WAAAA;AAAAA,IAAAE,QAAAA;AAAAA,IAAAyB,OAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,gBAAAA;AAAAA,IAAA5B,cAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAA4B,cAAAA;AAAAA,IAAAC,iBAAAA;AAAAA,IAAAC,aAAAA;AAAAA,EAAAA,GAgBhBlG,OAAA8F,GAAA9F,OAAA0F,GAAA1F,OAAAgE,GAAAhE,OAAAwF,GAAAxF,OAAAkE,GAAAlE,OAAA6F,GAAA7F,OAAA2F,GAAA3F,QAAA4F,GAAA5F,QAAA+F,GAAA/F,QAAAiG,GAAAjG,QAAAkG,GAAAlG,QAAAgG,GAAAhG,QAAAmE,GAAAnE,QAAAoE,GAAApE,QAAAyF,GAAAzF,QAAAmF,KAAAA,IAAAnF,EAAA,EAAA;AAhBD,QAAA6G,IAAiB1B;AAgBhB,MAAA2B;AAAA,EAAA9G,UAAAwG,KAGOM,IAAA;AAAA,IAAA,GACC9E,EAAMC;AAAAA,IAAU,GAChBuE;AAAAA,EAAAA,GACJxG,QAAAwG,GAAAxG,QAAA8G,KAAAA,IAAA9G,EAAA,EAAA;AAAA,MAAA+G;AAAA,EAAA/G,EAAA,EAAA,MAAAoG,KAAApG,UAAA6G,KAGAE,IAAA,CAAC,CAACX,KAAc,gBAAA9F,EAAC8F,GAAA,EAAU,GAAKS,GAAQ,GAAI7G,QAAAoG,GAAApG,QAAA6G,GAAA7G,QAAA+G,KAAAA,IAAA/G,EAAA,EAAA;AAAA,MAAAgH;AAAA,EAAAhH,EAAA,EAAA,MAAAsG,KAAAtG,UAAA6G,KAC5CG,IAAA,CAAC,CAACV,KACD,gBAAAhG,EAACsG,GAAA,EACE7G,UAAAA,CAAAA,MACQ,gBAAAO,EAACgG,GAAA,EAAW,GAAKO,GAAQ,GAAM9G,EAAAA,IAE1C,GACDC,QAAAsG,GAAAtG,QAAA6G,GAAA7G,QAAAgH,KAAAA,IAAAhH,EAAA,EAAA;AAAA,MAAAiH;AAAA,EAAAjH,EAAA,EAAA,MAAAmG,KAAAnG,UAAA6G,KACAI,IAAA,CAAC,CAACd,KAAa,gBAAA7F,EAAC6F,GAAA,EAAS,GAAKU,GAAQ,GAAI7G,QAAAmG,GAAAnG,QAAA6G,GAAA7G,QAAAiH,KAAAA,IAAAjH,EAAA,EAAA;AAAA,MAAAkH;AAAA,EAAAlH,EAAA,EAAA,MAAAqG,KAAArG,UAAA6G,KAC1CK,IAAA,CAAC,CAACb,KAAwB,gBAAA/F,EAAC+F,GAAA,EAAoB,GAAKQ,GAAQ,GAAI7G,QAAAqG,GAAArG,QAAA6G,GAAA7G,QAAAkH,KAAAA,IAAAlH,EAAA,EAAA;AAAA,MAAAmH;AAAA,SAAAnH,UAAA8F,KAAA9F,EAAA,EAAA,MAAA+G,KAAA/G,EAAA,EAAA,MAAAgH,KAAAhH,EAAA,EAAA,MAAAiH,KAAAjH,UAAAkH,KAAAlH,EAAA,EAAA,MAAA8G,KAhBnEK,IAAA,gBAAAC,EAACC,IAAA,EACK,IAAAP,GAGH,GACGhB,GAEHiB,UAAAA;AAAAA,IAAAA;AAAAA,IACAC;AAAAA,IAOAC;AAAAA,IACAC;AAAAA,EAAAA,GACH,GAAQlH,QAAA8F,GAAA9F,QAAA+G,GAAA/G,QAAAgH,GAAAhH,QAAAiH,GAAAjH,QAAAkH,GAAAlH,QAAA8G,GAAA9G,QAAAmH,KAAAA,IAAAnH,EAAA,EAAA,GAjBRmH;AAiBQ;AAIZ,SAAAG,GAAApH,GAAA;AAAA,QAAAF,IAAAC,EAAA,EAAA,GAA4B;AAAA,IAAAyF,aAAAA;AAAAA,IAAAxB,QAAAA;AAAAA,IAAAsB,SAAAA;AAAAA,IAAA+B,UAAAA;AAAAA,IAAAxB,gBAAAA;AAAAA,EAAAA,IAAA7F,GAc1BsH,IAAoBhC,IAAA,WAAA,YACpBiC,IACEvD,GAAMrD,UAAY2G,CAAW,KAC7B7G,EAAkBC,OAAOC,QAAS2G,CAAW,GAMvCnH,IAAAqF,GAAWlB;AAAc,MAAAC;AAAA,EAAAzE,EAAA,CAAA,MAAAwF,KAAAxF,SAAA+F,KAKlBtB,IAAAA,MAAMsB,EAAe,CAACP,CAAO,GAACxF,OAAAwF,GAAAxF,OAAA+F,GAAA/F,OAAAyE,KAAAA,IAAAzE,EAAA,CAAA;AAAA,MAAA0E;AAAA,EAAA1E,EAAA,CAAA,MAAAyH,KAAAzH,EAAA,CAAA,MAAAuH,KAAAvH,EAAA,CAAA,MAAAwF,KAAAxF,SAAAyE,KAHzCC,sBAACgD,IAAA,EACO,OAAA,UACF,IAAA1F,EAAML,QAAQI,MACT,SAAA0C,GACGgD,iBACFjC,0BAGZ,GAAexF,OAAAyH,GAAAzH,OAAAuH,GAAAvH,OAAAwF,GAAAxF,OAAAyE,GAAAzE,OAAA0E,KAAAA,IAAA1E,EAAA,CAAA;AAAA,MAAA2E;AAAA,SAAA3E,EAAA,CAAA,MAAAyH,KAAAzH,SAAAK,KAAAL,EAAA,EAAA,MAAA0E,KAbjBC,sBAACS,KACQqC,OAAAA,GACG,WAAA,SAAO,GACbpH,GAEJqE,UAAAA,EAAAA,CASF,GAAU1E,OAAAyH,GAAAzH,OAAAK,GAAAL,QAAA0E,GAAA1E,QAAA2E,KAAAA,IAAA3E,EAAA,EAAA,GAdV2E;AAcU;AAId,MAAMgD,KAAiE,CAAA;AAEvE,SAAAf,EAAA1G,GAAA;AAAA,QAAAF,IAAAC,EAAA,EAAA,GAAiB;AAAA,IAAA2H,cAAAvH;AAAAA,IAAAwH,WAAAA;AAAAA,IAAAN,UAAAA;AAAAA,EAAAA,IAAArH,GACf0H,IAAAvH,MAAAkG,SAAAoB,KAAAtH,GAWA;AAAA,IAAAyH,MAAAA;AAAAA,IAAAtB,IAAAA;AAAAA,EAAAA,IAAqBoB;AAAY,MAAAnD;AAAA,EAAAzE,SAAA8H,KAChBrD,IAAAqD,uBAASC,GAAA,CAAA,CAAa,GAAG/H,OAAA8H,GAAA9H,OAAAyE,KAAAA,IAAAzE,EAAA,CAAA;AAA1C,QAAAgI,IAAiBvD,GAEjB,CAAAwD,GAAAC,CAAA,IAAgCC,GAA6B,IAAI,GAEjEC,IAAaC,EAAQJ;AAAS,MAAAvD;AAAA,EAAA1E,EAAA,CAAA,MAAAG,uBAAAC,IAAA,2BAAA,KAETsE,IAAA4D,CAAAA,MAAA;AACnBJ,IAAAA,EAAYI,EAAKC,aAAc;AAAA,EAAC,GACjCvI,OAAA0E,KAAAA,IAAA1E,EAAA,CAAA;AAFD,QAAAwI,IAAqB9D;AAEpB,MAAAC;AAAA,EAAA3E,EAAA,CAAA,MAAAG,uBAAAC,IAAA,2BAAA,KAEmBuE,IAAAA,MAAA;AAClBuD,IAAAA,EAAY,IAAI;AAAA,EAAC,GAClBlI,OAAA2E,KAAAA,IAAA3E,EAAA,CAAA;AAFD,QAAAyI,IAAoB9D;AAEnB,MAAAE;AAAA,EAAA7E,SAAAwG,KAKS3B,IAAA;AAAA,IAAA,GACC7C,EAAMf,QAAQc;AAAAA,IAAK,GACnByE;AAAAA,EAAAA,GACJxG,OAAAwG,GAAAxG,OAAA6E,KAAAA,IAAA7E,EAAA,CAAA;AAAA,MAAA8E;AAAA,EAAA9E,EAAA,CAAA,MAAAgI,KAAAhI,SAAA6E,KAJHC,sBAAC4D,IAAA,EACK,IAAA7D,GAIK2D,yBAGX,GAAaxI,OAAAgI,GAAAhI,OAAA6E,GAAA7E,OAAA8E,KAAAA,IAAA9E,EAAA,CAAA;AAAA,MAAAgF;AAAA,EAAAhF,EAAA,CAAA,MAAAG,uBAAAC,IAAA,2BAAA,KAMI4E,IAAA;AAAA,IAAA,mBACM;AAAA,IAAcwB,IAC7BxE,EAAMf,QAAQ2B;AAAAA,EAAAA,GACnB5C,OAAAgF,KAAAA,IAAAhF,EAAA,CAAA;AAAA,MAAAmF;AAAA,EAAAnF,UAAAuH,KAIEpC,IAAAoC,EAAS;AAAA,IAAAoB,SACCF;AAAAA,EAAAA,CACV,GAACzI,QAAAuH,GAAAvH,QAAAmF,KAAAA,IAAAnF,EAAA,EAAA;AAAA,MAAA8G;AAAA,EAAA9G,UAAAmF,KAHJ2B,+BACG3B,UAAAA,EAAAA,CAGH,GAAMnF,QAAAmF,GAAAnF,QAAA8G,KAAAA,IAAA9G,EAAA,EAAA;AAAA,MAAA+G;AAAA,EAAA/G,EAAA,EAAA,MAAA6H,KAAA7H,EAAA,EAAA,MAAAiI,KAAAjI,EAAA,EAAA,MAAAoI,KAAApI,UAAA8G,KAfRC,IAAA,gBAAAzG,EAACsI,IAAA,EACI,IAAA,cACOX,UAAAA,GACJG,MAAAA,GACGK,YACM,eAAAzD,GAGd,GACG6C,GAEJf,UAAAA,GAKF,GAAO9G,QAAA6H,GAAA7H,QAAAiI,GAAAjI,QAAAoI,GAAApI,QAAA8G,GAAA9G,QAAA+G,KAAAA,IAAA/G,EAAA,EAAA;AAAA,MAAAgH;AAAA,SAAAhH,EAAA,EAAA,MAAA+G,KAAA/G,UAAA8E,KA1BTkC,2BACElC,UAAAA;AAAAA,IAAAA;AAAAA,IASAiC;AAAAA,EAAAA,GAgBO,GACN/G,QAAA+G,GAAA/G,QAAA8E,GAAA9E,QAAAgH,KAAAA,IAAAhH,EAAA,EAAA,GA3BHgH;AA2BG;AAIP,SAAA6B,GAAA3I,GAAA;AAAA,QAAAF,IAAAC,EAAA,CAAA,GAAkB;AAAA,IAAA6I,MAAAA;AAAAA,IAAA5E,QAAAA;AAAAA,IAAAqD,UAAAA;AAAAA,EAAAA,IAAArH;AAShB,MAAI4I,EAAIC,UAAW;AAAC,WACX;AAGT,QAAAC,IAAkB9E,GAAMhD,MAAaC,SAAIR,EAAkBM,QAAQC,KAAKC;AAAM,MAAAd;AAAA,EAAAL,SAAAgJ,KAI1E3I,IAAA,gBAAAC,EAAC2I,GAAA,EACS,SAAA,aACF,OAAA,kBACF,IAAAjH,EAAMf,QAAQE,OAEjB6H,UAAAA,EAAAA,CACH,GAAahJ,OAAAgJ,GAAAhJ,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAyE;AAAA,SAAAzE,EAAA,CAAA,MAAAuH,KAAAvH,SAAAK,KAPfoE,2BACEpE,UAAAA;AAAAA,IAAAA;AAAAA,IAOCkH;AAAAA,EAAAA,GAAQ,GACRvH,OAAAuH,GAAAvH,OAAAK,GAAAL,OAAAyE,KAAAA,IAAAzE,EAAA,CAAA,GATHyE;AASG;AAIP,SAASyE,EAAY;AAAA,EACnBJ,MAAAA;AAAAA,EACAjD,cAAAA;AAAAA,EACA3B,QAAAA;AAAAA,EACA8B,cAAAA;AAAAA,EACA2C,SAAAA;AAMF,GAAG;AACD,QAAMQ,IAAcA,CAClBC,GACAnF,MACG;AACHmF,IAAAA,EAAEC,eAAAA,GACFrD,IAAe/B,CAAK,GACpB0E,EAAAA;AAAAA,EACF;AAEA,SAAOG,EACJQ,OAAO,CAACpI,MAA2CmH,EAAQnH,CAAK,EAChEqI,IAAKrI,CAAAA,MAAS;AAGb,UAAM+D,KADJf,GAAQhD,MAAMD,WAAWN,EAAmBM,QAAQC,KAAKD,SACrCC,EAAK+C,KAAK;AAEhC,6BACGuF,GAAA,EAEC,UAAU,CAAC,CAACtI,EAAKuI,UACjB,SAAUL,CAAAA,MAAMD,EAAYC,GAAGlI,EAAK+C,KAAK,GACzC,UAAU/C,EAAK+C,UAAU4B,GAEzB,UAAA;AAAA,MAAA,gBAAAvF,EAACoJ,IAAA,EAAa,IAAI1H,EAAOf,QAAQqC,OAC/B,UAAA,gBAAAhD,EAACqJ,IAAA,EAASzI,UAAAA,EAAKa,KAAAA,CAAK,EAAA,CACtB;AAAA,MACA,gBAAAzB,EAACsJ,MAAc3E,UAAAA,EAAAA,CAAM;AAAA,IAAA,EAAA,GARhB/D,EAAK+C,KASZ;AAAA,EAEJ,CAAC;AACL;AAEA,SAAA4F,GAAA3J,GAAA;AAAA,QAAAF,IAAAC,EAAA,CAAA,GAAiC;AAAA,IAAAwF,QAAAA;AAAAA,IAAAvB,QAAAA;AAAAA,IAAA+B,iBAAAA;AAAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAhG;AAW/B,MAAI,CAACuF,GAAMsD,UAAYtD,EAAMsD,UAAW;AAAC,WAChC;AAKT,QAAAe,IAFmBrE,GAAMsE,KAAOC,EAAwB,IAGnD9F,GAAMvC,SAAoBC,WAAQd,UACnCH,EAAkBgB,QAAQC,UAAUd,SACnCoD,GAAMvC,SAAoBC,WAAUb,YACrCJ,EAAkBgB,QAAQC,UAAUb,UAExCkJ,IACE/F,GAAMvC,SAAoBE,aAAIlB,EAAkBgB,QAAQE;AAAU,MAAAxB;AAAA,EAAAL,EAAA,CAAA,MAAAG,uBAAAC,IAAA,2BAAA,KAIhEC,IAAA,gBAAAC,EAAC4J,GAAA,EAAoB,aAAA,YAAW,UAAA,IAAQ,GAAGlK,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAyE,GAAAC;AAAA,EAAA1E,EAAA,CAAA,MAAAG,uBAAAC,IAAA,2BAAA,KAE3BqE,IAAA;AAAA,IAAAqD,wBAASqC,IAAA,EAAgB;AAAA,IAAG3D,IAAMxE,EAAMf,QAAQ0C;AAAAA,EAAAA,GACnDe,IAAA;AAAA,IAAA0F,cACK;AAAA,MAAAC,UACF;AAAA,MAAQC,YACN;AAAA,IAAA;AAAA,IACbC,iBACgB;AAAA,MAAAF,UACL;AAAA,MAAKC,YACH;AAAA,IAAA;AAAA,EACd,GACDtK,OAAAyE,GAAAzE,OAAA0E,MAAAD,IAAAzE,EAAA,CAAA,GAAA0E,IAAA1E,EAAA,CAAA;AAAA,MAAA2E;AAAA,SAAA3E,EAAA,CAAA,MAAAiK,KAAAjK,EAAA,CAAA,MAAAiG,KAAAjG,EAAA,CAAA,MAAAkG,KAAAlG,SAAA8J,KAbLnF,IAAA,gBAAAyC,EAAAoD,GAAA,EACEnK,UAAAA;AAAAA,IAAAA;AAAAA,sBACCuG,GAAA,EACe,cAAAnC,GACH,WAAAC,GAWV3E,iBAEG,gBAAAqH,EAAAoD,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAlK,EAACkJ,GAAA,EACO,OAAA,WACG,SAAA,MAAA;AACPvD,QAAAA,IAAAA,GACAlG,EAAK4I,QAAAA;AAAAA,MAAU,GAGhBmB,UAAAA,GACH;AAAA,wBACCI,GAAA,EAAO;AAAA,MACR,gBAAA5J,EAACkJ,GAAA,EACO,OAAA,SACG,SAAA,MAAA;AACPtD,QAAAA,IAAAA,GACAnG,EAAK4I,QAAAA;AAAAA,MAAU,GAGjB,4BAACM,GAAA,EAAmB,SAAA,SAAc,OAAA,sBAElC,EAAA,CACF;AAAA,IAAA,EAAA,CAAW,EAAA,CAInB;AAAA,EAAA,GAAU,GACTjJ,OAAAiK,GAAAjK,OAAAiG,GAAAjG,OAAAkG,GAAAlG,OAAA8J,GAAA9J,OAAA2E,KAAAA,IAAA3E,EAAA,CAAA,GA3CH2E;AA2CG;AAtEP,SAAAqF,GAAA/F,GAAA;AAAA,SAe6CA,EAAKK;AAAQ;AA2D1DiB,EAAamB,SAAS,SAAwB;AAAA,EAC5Cf,OAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAH,aAAAA;AAAAA,EACAF,SAAAA;AAAAA,EACAtB,QAAAA;AAAAA,EACA6B,gBAAAA;AAQF,GAAG;AACD,QAAM+C,IAAO2B,EAAQ,MACZC,EAAU/E,KAAS,IAAIC,KAAgB,CAAA,CAAE,GAC/C,CAACD,GAAOC,CAAY,CAAC,GAElB4C,IAA4DM,CAAAA,MACzD/C,IAAiB+C,CAAI,GAKxB5H,KAFa2E,IAAeA,MAAiBF,KAAS,CAAA,KAAM,MAGnDE,IAAe8E,OAAOC,KAAK9B,CAAI,EAAE,CAAC,GAG3C+B,IAAoB/B,EAAK5H,CAAI;AAEnC,SACE,gBAAAZ,EAACgH,IAAA,EACC,aAAA5B,GACA,QAAQxB,GAAQtD,QAChB,SAAS4E,KAAW,IACpB,gBAAgBgD,GAEfqC,UAAAA,GAAmB9I,MACtB;AAEJ;AAEAwD,EAAakB,QAAQ,SAAsB;AAAA,EACzChB,QAAAA;AAAAA,EACAvB,QAAAA;AAAAA,EACAF,WAAAA;AAAAA,EACAI,UAAAA;AAAAA,EACAD,cAAAA;AAAAA,EACA4B,gBAAAA;AAMF,GAAG;AACD,QAAM+E,IAAsDC,CAAAA,OAC1DhF,IAAiB,EAAK,GACf3B,IAAW2G,CAAO;AAG3B,SACE,CAAC,CAACtF,GAAQsD,4BACPiC,IAAA,EAAI,IAAIhJ,EAAOhB,KAAKiB,WAClBwD,UAAAA,GAAQ8D,IAAKtF,CAAAA,wBACXF,IAAA,EAEC,OAAAE,GACA,QAAQC,GAAQlD,MAChB,WAAAgD,GACA,UAAU8G,GACV,cAAc,CAAClG,GAAIkE,MAAS3E,IAAeS,GAAIkE,CAAI,EAAA,GAL9C7E,EAAMW,EAK0C,CAExD,GACH;AAGN;AAEAW,EAAaoB,mBAAmBkD;AAEhCtE,EAAaqB,UAAU,SAAwB;AAAA,EAC7CnB,QAAAA;AAAAA,EACAE,OAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACA3B,QAAAA;AAAAA,EACA8B,cAAAA;AAAAA,EACA,GAAGjG;AAOgB,GAAG;AACtB,QAAM+I,IAAO2B,EAAQ,MACZC,EAAU/E,KAAS,IAAIC,KAAgB,CAAA,CAAE,GAC/C,CAACD,GAAOC,CAAY,CAAC,GAElB;AAAA,IAAEpE,MAAAA;AAAAA,IAAM,GAAGyJ;AAAAA,EAAAA,IAAWnC,GAItB5H,KAFa2E,IAAeA,MAAiBF,KAAS,CAAA,KAAM,MAGnDE,IAAe8E,OAAOC,KAAK9B,CAAI,EAAE,CAAC,GAG3CoC,IAAcP,OAAOlF,OAAOwF,CAAM,GAElCE,IAA8DrC,CAAAA,MAC3D9C,IAAe8C,CAAI;AAG5B,SACE,gBAAA1B,EAAAoD,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAlK,EAACuI,MAAS,MAAMqC,GAAa,QAAQhH,GAAQjD,SAC3C,4BAACiI,GAAA,EACC,GAAInJ,GACJ,QAAQmE,GAAQjD,SAChB,MAAMiK,GACN,cAAchK,GACd,cAAciK,GAAiB,EAAA,CAEnC;AAAA,IACC,CAAC,CAAC3J,KACD,gBAAA4F,EAAAoD,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAlK,EAAC4J,GAAA,EAAO;AAAA,MACR,gBAAA5J,EAAC4I,QACKnJ,GACJ,QAAQmE,GAAQjD,SAChB,MAAM,CACJ;AAAA,QACE,GAAGO;AAAAA,QACHiI,UAAU,CAAChE,GAAQsD;AAAAA,MAAAA,CACpB,GAEH,cAAc7H,GACd,cAAciK,EAAAA,CAAiB;AAAA,IAAA,EAAA,CAEnC;AAAA,EAAA,GAEJ;AAEJ;"}