@proyecto-viviana/solid-stately 0.2.2 → 0.2.4

package/src/color/createColorFieldState.ts

@@ -0,0 +1,292 @@
+/**
+ * ColorField state management.
+ * Based on @react-stately/color useColorFieldState.
+ */
+
+import { createSignal, createMemo, type Accessor } from 'solid-js';
+import type { Color, ColorChannel, ColorFormat } from './types';
+import { normalizeColor, parseColor } from './Color';
+
+export interface ColorFieldStateOptions {
+  /** The current color value (controlled). */
+  value?: Color | string | null;
+  /** The default color value (uncontrolled). */
+  defaultValue?: Color | string;
+  /** Handler called when the color changes. */
+  onChange?: (color: Color | null) => void;
+  /** The color channel to edit (for single channel mode). */
+  channel?: ColorChannel;
+  /** The color format for parsing/displaying. */
+  colorFormat?: ColorFormat;
+  /** Whether the field is disabled. */
+  isDisabled?: boolean;
+  /** Whether the field is read-only. */
+  isReadOnly?: boolean;
+}
+
+export interface ColorFieldState {
+  /** The current color value (null if invalid). */
+  readonly value: Color | null;
+  /** The current input text. */
+  readonly inputValue: string;
+  /** Whether the input is invalid. */
+  readonly isInvalid: boolean;
+  /** Whether the field is disabled. */
+  readonly isDisabled: boolean;
+  /** Whether the field is read-only. */
+  readonly isReadOnly: boolean;
+  /** The color channel being edited (if single channel mode). */
+  readonly channel: ColorChannel | undefined;
+
+  /** Set the input text value. */
+  setInputValue(value: string): void;
+  /** Commit the current input value. */
+  commit(): void;
+  /** Increment the color channel value. */
+  increment(): void;
+  /** Decrement the color channel value. */
+  decrement(): void;
+  /** Increment by page size. */
+  incrementToMax(): void;
+  /** Decrement to minimum. */
+  decrementToMin(): void;
+  /** Validate the current input. */
+  validate(): boolean;
+}
+
+/**
+ * Creates state for a color field (text input for color values).
+ */
+export function createColorFieldState(
+  options: Accessor<ColorFieldStateOptions>
+): ColorFieldState {
+  const getOptions = () => options();
+
+  // Internal value state
+  const [internalValue, setInternalValue] = createSignal<Color | null>(null);
+  const [inputValue, setInputValueInternal] = createSignal('');
+  const [isInvalid, setIsInvalid] = createSignal(false);
+
+  // Initialize internal value
+  const initValue = () => {
+    const opts = getOptions();
+    if (opts.defaultValue) {
+      const color = normalizeColor(opts.defaultValue);
+      return color;
+    }
+    return null;
+  };
+
+  // Set initial value
+  if (internalValue() === null) {
+    const init = initValue();
+    if (init) {
+      setInternalValue(init);
+      setInputValueInternal(formatColorValue(init, getOptions().channel, getOptions().colorFormat));
+    }
+  }
+
+  // Controlled vs uncontrolled value
+  const value = createMemo(() => {
+    const opts = getOptions();
+    if (opts.value !== undefined) {
+      if (opts.value === null) return null;
+      return normalizeColor(opts.value);
+    }
+    return internalValue();
+  });
+
+  const channel = createMemo(() => getOptions().channel);
+  const isDisabled = createMemo(() => getOptions().isDisabled ?? false);
+  const isReadOnly = createMemo(() => getOptions().isReadOnly ?? false);
+
+  // Format color value for display
+  function formatColorValue(
+    color: Color | null,
+    chan?: ColorChannel,
+    format?: ColorFormat
+  ): string {
+    if (!color) return '';
+
+    // Single channel mode
+    if (chan) {
+      return String(color.getChannelValue(chan));
+    }
+
+    // Full color mode
+    return color.toString(format ?? 'hex');
+  }
+
+  // Update value
+  const updateValue = (newColor: Color | null) => {
+    const opts = getOptions();
+
+    // Controlled mode
+    if (opts.value !== undefined) {
+      opts.onChange?.(newColor);
+      return;
+    }
+
+    // Uncontrolled mode
+    setInternalValue(newColor);
+    opts.onChange?.(newColor);
+  };
+
+  // Set input value
+  const setInputValue = (text: string) => {
+    setInputValueInternal(text);
+    setIsInvalid(false);
+  };
+
+  // Commit the input value
+  const commit = () => {
+    const text = inputValue().trim();
+    const opts = getOptions();
+    const chan = channel();
+
+    if (!text) {
+      updateValue(null);
+      setIsInvalid(false);
+      return;
+    }
+
+    try {
+      let newColor: Color;
+
+      if (chan) {
+        // Single channel mode - parse as number and update channel
+        const numValue = parseFloat(text);
+        if (isNaN(numValue)) {
+          setIsInvalid(true);
+          return;
+        }
+
+        const currentColor = value();
+        if (!currentColor) {
+          setIsInvalid(true);
+          return;
+        }
+
+        const range = currentColor.getChannelRange(chan);
+        const clamped = Math.max(range.minValue, Math.min(range.maxValue, numValue));
+        newColor = currentColor.withChannelValue(chan, clamped);
+      } else {
+        // Full color mode - parse the color string
+        newColor = parseColor(text);
+        if (opts.colorFormat) {
+          newColor = newColor.toFormat(opts.colorFormat);
+        }
+      }
+
+      updateValue(newColor);
+      setInputValueInternal(formatColorValue(newColor, chan, opts.colorFormat));
+      setIsInvalid(false);
+    } catch {
+      setIsInvalid(true);
+    }
+  };
+
+  // Increment channel value
+  const increment = () => {
+    const chan = channel();
+    const currentColor = value();
+    if (!currentColor || !chan) return;
+
+    const currentVal = currentColor.getChannelValue(chan);
+    const range = currentColor.getChannelRange(chan);
+    const newVal = Math.min(range.maxValue, currentVal + range.step);
+    const newColor = currentColor.withChannelValue(chan, newVal);
+
+    updateValue(newColor);
+    setInputValueInternal(formatColorValue(newColor, chan, getOptions().colorFormat));
+  };
+
+  // Decrement channel value
+  const decrement = () => {
+    const chan = channel();
+    const currentColor = value();
+    if (!currentColor || !chan) return;
+
+    const currentVal = currentColor.getChannelValue(chan);
+    const range = currentColor.getChannelRange(chan);
+    const newVal = Math.max(range.minValue, currentVal - range.step);
+    const newColor = currentColor.withChannelValue(chan, newVal);
+
+    updateValue(newColor);
+    setInputValueInternal(formatColorValue(newColor, chan, getOptions().colorFormat));
+  };
+
+  // Increment to max
+  const incrementToMax = () => {
+    const chan = channel();
+    const currentColor = value();
+    if (!currentColor || !chan) return;
+
+    const range = currentColor.getChannelRange(chan);
+    const newColor = currentColor.withChannelValue(chan, range.maxValue);
+
+    updateValue(newColor);
+    setInputValueInternal(formatColorValue(newColor, chan, getOptions().colorFormat));
+  };
+
+  // Decrement to min
+  const decrementToMin = () => {
+    const chan = channel();
+    const currentColor = value();
+    if (!currentColor || !chan) return;
+
+    const range = currentColor.getChannelRange(chan);
+    const newColor = currentColor.withChannelValue(chan, range.minValue);
+
+    updateValue(newColor);
+    setInputValueInternal(formatColorValue(newColor, chan, getOptions().colorFormat));
+  };
+
+  // Validate input
+  const validate = () => {
+    const text = inputValue().trim();
+    const chan = channel();
+
+    if (!text) return true;
+
+    try {
+      if (chan) {
+        const numValue = parseFloat(text);
+        return !isNaN(numValue);
+      } else {
+        parseColor(text);
+        return true;
+      }
+    } catch {
+      return false;
+    }
+  };
+
+  return {
+    get value() {
+      return value();
+    },
+    get inputValue() {
+      return inputValue();
+    },
+    get isInvalid() {
+      return isInvalid();
+    },
+    get isDisabled() {
+      return isDisabled();
+    },
+    get isReadOnly() {
+      return isReadOnly();
+    },
+    get channel() {
+      return channel();
+    },
+    setInputValue,
+    commit,
+    increment,
+    decrement,
+    incrementToMax,
+    decrementToMin,
+    validate,
+  };
+}

package/src/color/createColorSliderState.d.ts

@@ -0,0 +1,67 @@
+/**
+ * ColorSlider state management.
+ * Based on @react-stately/color useColorSliderState.
+ */
+import { type Accessor } from 'solid-js';
+import type { Color, ColorChannel } from './types';
+export interface ColorSliderStateOptions {
+    /** The current color value (controlled). */
+    value?: Color | string;
+    /** The default color value (uncontrolled). */
+    defaultValue?: Color | string;
+    /** Handler called when the color changes. */
+    onChange?: (color: Color) => void;
+    /** Handler called when dragging ends. */
+    onChangeEnd?: (color: Color) => void;
+    /** The color channel this slider controls. */
+    channel: ColorChannel;
+    /** Whether the slider is disabled. */
+    isDisabled?: boolean;
+    /** The locale for formatting. */
+    locale?: string;
+}
+export interface ColorSliderState {
+    /** The current color value. */
+    readonly value: Color;
+    /** Whether the slider is being dragged. */
+    readonly isDragging: boolean;
+    /** The color channel being controlled. */
+    readonly channel: ColorChannel;
+    /** The step value for the channel. */
+    readonly step: number;
+    /** The page step value for the channel. */
+    readonly pageSize: number;
+    /** The minimum value for the channel. */
+    readonly minValue: number;
+    /** The maximum value for the channel. */
+    readonly maxValue: number;
+    /** Whether the slider is disabled. */
+    readonly isDisabled: boolean;
+    /** Get the current channel value. */
+    getThumbValue(): number;
+    /** Get the minimum percent. */
+    getThumbMinValue(): number;
+    /** Get the maximum percent. */
+    getThumbMaxValue(): number;
+    /** Get the thumb value as a percentage. */
+    getThumbPercent(): number;
+    /** Set the channel value. */
+    setThumbValue(value: number): void;
+    /** Set the thumb value from a percentage (0-1). */
+    setThumbPercent(percent: number): void;
+    /** Increment the channel value. */
+    incrementThumb(stepSize?: number): void;
+    /** Decrement the channel value. */
+    decrementThumb(stepSize?: number): void;
+    /** Set the dragging state. */
+    setDragging(isDragging: boolean): void;
+    /** Get the display color (with alpha = 1). */
+    getDisplayColor(): Color;
+    /** Get the formatted value label. */
+    getThumbValueLabel(): string;
+}
+/**
+ * Creates state for a color slider.
+ */
+export declare function createColorSliderState(options: Accessor<ColorSliderStateOptions>): ColorSliderState;
+//# sourceMappingURL=createColorSliderState.d.ts.map

package/src/color/createColorSliderState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createColorSliderState.d.ts","sourceRoot":"","sources":["createColorSliderState.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAA4B,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AACnE,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAGnD,MAAM,WAAW,uBAAuB;IACtC,4CAA4C;IAC5C,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACvB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC9B,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,yCAAyC;IACzC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACrC,8CAA8C;IAC9C,OAAO,EAAE,YAAY,CAAC;IACtB,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC/B,+BAA+B;IAC/B,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,2CAA2C;IAC3C,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,0CAA0C;IAC1C,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC;IAC/B,sCAAsC;IACtC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,2CAA2C;IAC3C,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,yCAAyC;IACzC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,yCAAyC;IACzC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,sCAAsC;IACtC,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAE7B,qCAAqC;IACrC,aAAa,IAAI,MAAM,CAAC;IACxB,+BAA+B;IAC/B,gBAAgB,IAAI,MAAM,CAAC;IAC3B,+BAA+B;IAC/B,gBAAgB,IAAI,MAAM,CAAC;IAC3B,2CAA2C;IAC3C,eAAe,IAAI,MAAM,CAAC;IAC1B,6BAA6B;IAC7B,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,mDAAmD;IACnD,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,mCAAmC;IACnC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,mCAAmC;IACnC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,8BAA8B;IAC9B,WAAW,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI,CAAC;IACvC,8CAA8C;IAC9C,eAAe,IAAI,KAAK,CAAC;IACzB,qCAAqC;IACrC,kBAAkB,IAAI,MAAM,CAAC;CAC9B;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,QAAQ,CAAC,uBAAuB,CAAC,GACzC,gBAAgB,CAuKlB"}

package/src/color/createColorSliderState.ts

@@ -0,0 +1,241 @@
+/**
+ * ColorSlider state management.
+ * Based on @react-stately/color useColorSliderState.
+ */
+
+import { createSignal, createMemo, type Accessor } from 'solid-js';
+import type { Color, ColorChannel } from './types';
+import { normalizeColor } from './Color';
+
+export interface ColorSliderStateOptions {
+  /** The current color value (controlled). */
+  value?: Color | string;
+  /** The default color value (uncontrolled). */
+  defaultValue?: Color | string;
+  /** Handler called when the color changes. */
+  onChange?: (color: Color) => void;
+  /** Handler called when dragging ends. */
+  onChangeEnd?: (color: Color) => void;
+  /** The color channel this slider controls. */
+  channel: ColorChannel;
+  /** Whether the slider is disabled. */
+  isDisabled?: boolean;
+  /** The locale for formatting. */
+  locale?: string;
+}
+
+export interface ColorSliderState {
+  /** The current color value. */
+  readonly value: Color;
+  /** Whether the slider is being dragged. */
+  readonly isDragging: boolean;
+  /** The color channel being controlled. */
+  readonly channel: ColorChannel;
+  /** The step value for the channel. */
+  readonly step: number;
+  /** The page step value for the channel. */
+  readonly pageSize: number;
+  /** The minimum value for the channel. */
+  readonly minValue: number;
+  /** The maximum value for the channel. */
+  readonly maxValue: number;
+  /** Whether the slider is disabled. */
+  readonly isDisabled: boolean;
+
+  /** Get the current channel value. */
+  getThumbValue(): number;
+  /** Get the minimum percent. */
+  getThumbMinValue(): number;
+  /** Get the maximum percent. */
+  getThumbMaxValue(): number;
+  /** Get the thumb value as a percentage. */
+  getThumbPercent(): number;
+  /** Set the channel value. */
+  setThumbValue(value: number): void;
+  /** Set the thumb value from a percentage (0-1). */
+  setThumbPercent(percent: number): void;
+  /** Increment the channel value. */
+  incrementThumb(stepSize?: number): void;
+  /** Decrement the channel value. */
+  decrementThumb(stepSize?: number): void;
+  /** Set the dragging state. */
+  setDragging(isDragging: boolean): void;
+  /** Get the display color (with alpha = 1). */
+  getDisplayColor(): Color;
+  /** Get the formatted value label. */
+  getThumbValueLabel(): string;
+}
+
+/**
+ * Creates state for a color slider.
+ */
+export function createColorSliderState(
+  options: Accessor<ColorSliderStateOptions>
+): ColorSliderState {
+  const getOptions = () => options();
+
+  // Internal value state
+  const [internalValue, setInternalValue] = createSignal<Color | null>(null);
+  const [isDragging, setIsDragging] = createSignal(false);
+
+  // Initialize internal value
+  const initValue = () => {
+    const opts = getOptions();
+    if (opts.defaultValue) {
+      return normalizeColor(opts.defaultValue);
+    }
+    return null;
+  };
+
+  // Set initial value
+  if (internalValue() === null) {
+    const init = initValue();
+    if (init) {
+      setInternalValue(init);
+    }
+  }
+
+  // Controlled vs uncontrolled value
+  const value = createMemo(() => {
+    const opts = getOptions();
+    if (opts.value !== undefined) {
+      return normalizeColor(opts.value);
+    }
+    return internalValue() ?? normalizeColor('#ff0000');
+  });
+
+  const channel = createMemo(() => getOptions().channel);
+  const isDisabled = createMemo(() => getOptions().isDisabled ?? false);
+  const locale = createMemo(() => getOptions().locale ?? 'en-US');
+
+  // Get channel range
+  const channelRange = createMemo(() => value().getChannelRange(channel()));
+
+  const step = createMemo(() => channelRange().step);
+  const pageSize = createMemo(() => channelRange().pageSize);
+  const minValue = createMemo(() => channelRange().minValue);
+  const maxValue = createMemo(() => channelRange().maxValue);
+
+  // Update value
+  const updateValue = (newColor: Color) => {
+    const opts = getOptions();
+
+    // Controlled mode
+    if (opts.value !== undefined) {
+      opts.onChange?.(newColor);
+      return;
+    }
+
+    // Uncontrolled mode
+    setInternalValue(newColor);
+    opts.onChange?.(newColor);
+  };
+
+  // Get thumb value
+  const getThumbValue = () => {
+    return value().getChannelValue(channel());
+  };
+
+  // Get min/max values
+  const getThumbMinValue = () => minValue();
+  const getThumbMaxValue = () => maxValue();
+
+  // Get thumb percent
+  const getThumbPercent = () => {
+    const val = getThumbValue();
+    const min = minValue();
+    const max = maxValue();
+    return (val - min) / (max - min);
+  };
+
+  // Set thumb value
+  const setThumbValue = (newValue: number) => {
+    const clamped = Math.max(minValue(), Math.min(maxValue(), newValue));
+    const rounded = Math.round(clamped / step()) * step();
+    const newColor = value().withChannelValue(channel(), rounded);
+    updateValue(newColor);
+  };
+
+  // Set thumb from percent
+  const setThumbPercent = (percent: number) => {
+    const min = minValue();
+    const max = maxValue();
+    const val = min + (max - min) * percent;
+    setThumbValue(val);
+  };
+
+  // Increment
+  const incrementThumb = (stepSize?: number) => {
+    const s = stepSize ?? step();
+    setThumbValue(getThumbValue() + s);
+  };
+
+  // Decrement
+  const decrementThumb = (stepSize?: number) => {
+    const s = stepSize ?? step();
+    setThumbValue(getThumbValue() - s);
+  };
+
+  // Set dragging
+  const setDraggingState = (dragging: boolean) => {
+    const wasDragging = isDragging();
+    setIsDragging(dragging);
+
+    // Call onChangeEnd when dragging ends
+    if (wasDragging && !dragging) {
+      getOptions().onChangeEnd?.(value());
+    }
+  };
+
+  // Get display color (alpha = 1)
+  const getDisplayColor = () => {
+    const v = value();
+    return v.withChannelValue('alpha', 1);
+  };
+
+  // Get formatted value label
+  const getThumbValueLabel = () => {
+    const v = value();
+    const ch = channel();
+    const loc = locale();
+    return v.formatChannelValue(ch, loc);
+  };
+
+  return {
+    get value() {
+      return value();
+    },
+    get isDragging() {
+      return isDragging();
+    },
+    get channel() {
+      return channel();
+    },
+    get step() {
+      return step();
+    },
+    get pageSize() {
+      return pageSize();
+    },
+    get minValue() {
+      return minValue();
+    },
+    get maxValue() {
+      return maxValue();
+    },
+    get isDisabled() {
+      return isDisabled();
+    },
+    getThumbValue,
+    getThumbMinValue,
+    getThumbMaxValue,
+    getThumbPercent,
+    setThumbValue,
+    setThumbPercent,
+    incrementThumb,
+    decrementThumb,
+    setDragging: setDraggingState,
+    getDisplayColor,
+    getThumbValueLabel,
+  };
+}

package/src/color/createColorWheelState.d.ts

@@ -0,0 +1,51 @@
+/**
+ * ColorWheel state management.
+ * Based on @react-stately/color useColorWheelState.
+ */
+import { type Accessor } from 'solid-js';
+import type { Color } from './types';
+export interface ColorWheelStateOptions {
+    /** The current color value (controlled). */
+    value?: Color | string;
+    /** The default color value (uncontrolled). */
+    defaultValue?: Color | string;
+    /** Handler called when the color changes. */
+    onChange?: (color: Color) => void;
+    /** Handler called when dragging ends. */
+    onChangeEnd?: (color: Color) => void;
+    /** Whether the wheel is disabled. */
+    isDisabled?: boolean;
+}
+export interface ColorWheelState {
+    /** The current color value. */
+    readonly value: Color;
+    /** Whether the wheel is being dragged. */
+    readonly isDragging: boolean;
+    /** Whether the wheel is disabled. */
+    readonly isDisabled: boolean;
+    /** Step value for hue changes. */
+    readonly step: number;
+    /** Page step value for hue changes. */
+    readonly pageStep: number;
+    /** Get the current hue value (0-360). */
+    getHue(): number;
+    /** Set the hue value. */
+    setHue(value: number): void;
+    /** Set hue from an angle in radians. */
+    setHueFromAngle(angle: number): void;
+    /** Get the thumb angle in radians (0 = right, increases counterclockwise). */
+    getThumbAngle(): number;
+    /** Increment hue value. */
+    increment(stepSize?: number): void;
+    /** Decrement hue value. */
+    decrement(stepSize?: number): void;
+    /** Set the dragging state. */
+    setDragging(isDragging: boolean): void;
+    /** Get the display color (with full saturation/brightness for wheel). */
+    getDisplayColor(): Color;
+}
+/**
+ * Creates state for a color wheel (circular hue picker).
+ */
+export declare function createColorWheelState(options: Accessor<ColorWheelStateOptions>): ColorWheelState;
+//# sourceMappingURL=createColorWheelState.d.ts.map

package/src/color/createColorWheelState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createColorWheelState.d.ts","sourceRoot":"","sources":["createColorWheelState.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAA4B,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AACnE,OAAO,KAAK,EAAE,KAAK,EAAgB,MAAM,SAAS,CAAC;AAGnD,MAAM,WAAW,sBAAsB;IACrC,4CAA4C;IAC5C,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACvB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC9B,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,yCAAyC;IACzC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACrC,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,+BAA+B;IAC/B,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,0CAA0C;IAC1C,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,qCAAqC;IACrC,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,kCAAkC;IAClC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,uCAAuC;IACvC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAE1B,yCAAyC;IACzC,MAAM,IAAI,MAAM,CAAC;IACjB,yBAAyB;IACzB,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,wCAAwC;IACxC,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,8EAA8E;IAC9E,aAAa,IAAI,MAAM,CAAC;IACxB,2BAA2B;IAC3B,SAAS,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,2BAA2B;IAC3B,SAAS,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,8BAA8B;IAC9B,WAAW,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI,CAAC;IACvC,yEAAyE;IACzE,eAAe,IAAI,KAAK,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,QAAQ,CAAC,sBAAsB,CAAC,GACxC,eAAe,CAyJjB"}