@cdx-ui/primitives 0.0.1-beta.140 → 0.0.1-beta.142

package/lib/module/date-field/segmentKeyboard.js

@@ -0,0 +1,157 @@
+"use strict";
+
+import { parseDateSegment } from '@cdx-ui/formatters';
+export const SEGMENT_MAX_LENGTH = {
+  month: 2,
+  day: 2,
+  year: 4,
+  hour: 2,
+  minute: 2,
+  second: 2,
+  dayPeriod: 1
+};
+export function getSegmentMaxLength(type) {
+  return SEGMENT_MAX_LENGTH[type] ?? 4;
+}
+
+/** True when another digit cannot produce a different valid value (auto-advance). */
+export function isSegmentDraftComplete(type, draft, options) {
+  if (!draft) {
+    return false;
+  }
+  const maxLength = getSegmentMaxLength(type);
+  if (draft.length >= maxLength) {
+    return true;
+  }
+  const value = Number(draft);
+  if (Number.isNaN(value)) {
+    return false;
+  }
+
+  // Month 1-12: 2-9 cannot be a leading digit of a two-digit month.
+  if (type === 'month') {
+    return value >= 2 && value <= 9;
+  }
+
+  // Day 1-31: 4-9 cannot be a leading digit of a two-digit day.
+  if (type === 'day') {
+    return value >= 4 && value <= 9;
+  }
+  if (type === 'hour') {
+    if (options?.hour12) {
+      return value >= 2 && value <= 9;
+    }
+    // 0-23: 3-9 cannot start a valid two-digit hour.
+    return value >= 3 && value <= 9;
+  }
+
+  // Minute / second 0-59: 6-9 cannot start a valid two-digit value.
+  if (type === 'minute' || type === 'second') {
+    return value >= 6 && value <= 9;
+  }
+  return false;
+}
+function isValidSegmentDraft(type, draft, options) {
+  if (!draft) {
+    return true;
+  }
+  const value = Number(draft);
+  if (Number.isNaN(value)) {
+    return false;
+  }
+  if (type === 'month') {
+    if (draft.length === 1) {
+      return value >= 0 && value <= 9;
+    }
+    return value >= 1 && value <= 12;
+  }
+  if (type === 'day') {
+    if (draft.length === 1) {
+      return value >= 0 && value <= 9;
+    }
+    return value >= 1 && value <= 31;
+  }
+  if (type === 'year') {
+    return draft.length <= 4;
+  }
+  if (type === 'hour') {
+    if (draft.length === 1) {
+      return value >= 0 && value <= 9;
+    }
+    if (options?.hour12) {
+      return value >= 1 && value <= 12;
+    }
+    return value >= 0 && value <= 23;
+  }
+  if (type === 'minute' || type === 'second') {
+    if (draft.length === 1) {
+      return value >= 0 && value <= 9;
+    }
+    return value >= 0 && value <= 59;
+  }
+  return true;
+}
+export function applySegmentDigit(draft, _committedText, isDraftDirty, digit, type, options) {
+  const maxLength = getSegmentMaxLength(type);
+  const base = isDraftDirty ? draft : '';
+  const candidate = `${base}${digit}`.slice(0, maxLength + 1);
+
+  // e.g. month "1" + "5" → invalid 15: commit 1, spill 5 into day.
+  if (base.length > 0 && candidate.length <= maxLength && !isValidSegmentDraft(type, candidate, options) && isValidSegmentDraft(type, base, options) && Number(base) >= 1) {
+    return {
+      draft: base,
+      isDraftDirty: true,
+      shouldCommit: true,
+      spillDigit: digit
+    };
+  }
+  const nextDraft = candidate.slice(0, maxLength);
+  if (!isValidSegmentDraft(type, nextDraft, options)) {
+    // Replace with the new digit alone (e.g. starting fresh).
+    return {
+      draft: digit,
+      isDraftDirty: true,
+      shouldCommit: isSegmentDraftComplete(type, digit, options)
+    };
+  }
+  return {
+    draft: nextDraft,
+    isDraftDirty: true,
+    shouldCommit: isSegmentDraftComplete(type, nextDraft, options)
+  };
+}
+export function commitSegmentDraft(segment, draft) {
+  const parsed = parseDateSegment(segment.type, draft || segment.text);
+  return parsed;
+}
+
+/** Parses day-period input (`A`/`P`/`1`/`2`) into 0 (AM) or 1 (PM). */
+export function commitDayPeriodDraft(draft) {
+  const trimmed = draft.trim().toLowerCase();
+  if (!trimmed) {
+    return null;
+  }
+  if (trimmed === 'a' || trimmed === 'am' || trimmed === '1') {
+    return 0;
+  }
+  if (trimmed === 'p' || trimmed === 'pm' || trimmed === '2') {
+    return 1;
+  }
+  return null;
+}
+export function findAdjacentEditableIndex(segments, fromIndex, direction) {
+  for (let i = fromIndex + direction; direction < 0 ? i >= 0 : i < segments.length; i += direction) {
+    if (segments[i]?.isEditable) {
+      return i;
+    }
+  }
+  return null;
+}
+export function toHour24(hour12, period) {
+  const normalized = hour12 % 12;
+  return normalized + (period === 1 ? 12 : 0);
+}
+export function toHour12(hour24) {
+  return hour24 % 12 || 12;
+}
+//# sourceMappingURL=segmentKeyboard.js.map

package/lib/module/date-field/segmentKeyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["parseDateSegment","SEGMENT_MAX_LENGTH","month","day","year","hour","minute","second","dayPeriod","getSegmentMaxLength","type","isSegmentDraftComplete","draft","options","maxLength","length","value","Number","isNaN","hour12","isValidSegmentDraft","applySegmentDigit","_committedText","isDraftDirty","digit","base","candidate","slice","shouldCommit","spillDigit","nextDraft","commitSegmentDraft","segment","parsed","text","commitDayPeriodDraft","trimmed","trim","toLowerCase","findAdjacentEditableIndex","segments","fromIndex","direction","i","isEditable","toHour24","period","normalized","toHour12","hour24"],"sourceRoot":"../../../src","sources":["date-field/segmentKeyboard.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/date-field/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/date-field/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["date-field/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/date-field/useDateFieldSegmentState.js

@@ -0,0 +1,378 @@
+"use strict";
+
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { formatDateId, formatDateSegment, formatMonthId, getEmptyDateSegmentText, parseDateId, parseMonthId } from '@cdx-ui/formatters';
+import { applySegmentDigit, commitSegmentDraft, findAdjacentEditableIndex, getSegmentMaxLength, isSegmentDraftComplete } from './segmentKeyboard';
+
+/** In-progress segment values. Wire `value` is only written when this is complete. */
+
+function isPartialPartKey(type) {
+  return type === 'year' || type === 'month' || type === 'day';
+}
+function requiredSegmentTypes(mode) {
+  return mode === 'month' ? ['month', 'year'] : ['month', 'day', 'year'];
+}
+function isComplete(parts, mode) {
+  return requiredSegmentTypes(mode).every(type => parts[type] != null);
+}
+function partialPartsToWire(parts, mode) {
+  const {
+    year,
+    month,
+    day
+  } = parts;
+  if (year == null || month == null) {
+    return undefined;
+  }
+  if (mode === 'month') {
+    return formatMonthId({
+      year,
+      month
+    });
+  }
+  if (day == null) {
+    return undefined;
+  }
+  return formatDateId({
+    year,
+    month,
+    day
+  });
+}
+function partsFromValue(value, mode) {
+  if (!value) {
+    return {};
+  }
+  if (mode === 'month') {
+    const parsed = parseMonthId(value);
+    return parsed ? {
+      year: parsed.year,
+      month: parsed.month
+    } : {};
+  }
+  const parsed = parseDateId(value);
+  return parsed ? {
+    year: parsed.year,
+    month: parsed.month,
+    day: parsed.day
+  } : {};
+}
+function formatPartialSegment(type, value) {
+  return formatDateSegment(type, value);
+}
+export function useDateFieldSegmentState({
+  mode,
+  segments,
+  value,
+  setValue,
+  disabled,
+  readOnly
+}) {
+  const [focusedSegmentIndex, setFocusedSegmentIndex] = useState(null);
+  const [segmentDraft, setSegmentDraft] = useState('');
+  const [isDraftDirty, setIsDraftDirty] = useState(false);
+  const [partialParts, setPartialParts] = useState(() => partsFromValue(value, mode));
+  const focusedSegmentIndexRef = useRef(focusedSegmentIndex);
+  const segmentDraftRef = useRef(segmentDraft);
+  const isDraftDirtyRef = useRef(isDraftDirty);
+  const segmentsRef = useRef(segments);
+  const valueRef = useRef(value);
+  const partialPartsRef = useRef(partialParts);
+  focusedSegmentIndexRef.current = focusedSegmentIndex;
+  segmentDraftRef.current = segmentDraft;
+  isDraftDirtyRef.current = isDraftDirty;
+  segmentsRef.current = segments;
+  valueRef.current = value;
+  partialPartsRef.current = partialParts;
+
+  // Keep partial parts aligned when a complete controlled value is provided.
+  // Do not reset partials when value becomes undefined mid-entry (incomplete date).
+  useEffect(() => {
+    if (!value) {
+      if (focusedSegmentIndexRef.current == null && !isDraftDirtyRef.current) {
+        partialPartsRef.current = {};
+        setPartialParts({});
+      }
+      return;
+    }
+    const next = partsFromValue(value, mode);
+    partialPartsRef.current = next;
+    setPartialParts(next);
+  }, [value, mode]);
+  const setDraftState = (draft, dirty, index = focusedSegmentIndexRef.current) => {
+    if (index != null) {
+      setFocusedSegmentIndex(index);
+      focusedSegmentIndexRef.current = index;
+    }
+    setSegmentDraft(draft);
+    setIsDraftDirty(dirty);
+    segmentDraftRef.current = draft;
+    isDraftDirtyRef.current = dirty;
+  };
+  const writePartial = useCallback(next => {
+    partialPartsRef.current = next;
+    setPartialParts(next);
+    if (isComplete(next, mode)) {
+      const wire = partialPartsToWire(next, mode);
+      if (wire !== undefined) {
+        setValue(wire);
+        valueRef.current = wire;
+      }
+      return;
+    }
+
+    // Incomplete — never invent year/day defaults onto the wire value.
+    if (valueRef.current !== undefined) {
+      setValue(undefined);
+      valueRef.current = undefined;
+    }
+  }, [mode, setValue]);
+  const clearAll = useCallback(() => {
+    partialPartsRef.current = {};
+    setPartialParts({});
+    setValue(undefined);
+    valueRef.current = undefined;
+  }, [setValue]);
+  const commitSegmentValue = useCallback((segmentType, segmentValue) => {
+    if (disabled || readOnly || !isPartialPartKey(segmentType)) {
+      return;
+    }
+    writePartial({
+      ...partialPartsRef.current,
+      [segmentType]: segmentValue
+    });
+  }, [disabled, readOnly, writePartial]);
+  const clearSegmentValue = useCallback(segmentType => {
+    if (!isPartialPartKey(segmentType)) {
+      return;
+    }
+    const {
+      [segmentType]: _cleared,
+      ...next
+    } = partialPartsRef.current;
+    writePartial(next);
+  }, [writePartial]);
+  const commitFocusedSegment = useCallback(draft => {
+    const index = focusedSegmentIndexRef.current;
+    if (index == null) {
+      return;
+    }
+    const segment = segmentsRef.current[index];
+    if (!segment?.isEditable) {
+      return;
+    }
+    if (draft === '') {
+      clearSegmentValue(segment.type);
+      return;
+    }
+    const parsed = commitSegmentDraft(segment, draft);
+    if (parsed != null) {
+      commitSegmentValue(segment.type, parsed);
+    }
+  }, [clearSegmentValue, commitSegmentValue]);
+  const initialDraftForSegment = segment => {
+    if (!segment) {
+      return '';
+    }
+    const partial = partialPartsRef.current[segment.type];
+    if (partial != null) {
+      return formatPartialSegment(segment.type, partial);
+    }
+    if (segment.value == null) {
+      return '';
+    }
+    return segment.text;
+  };
+  const focusSegment = useCallback(index => {
+    if (disabled || readOnly) {
+      return;
+    }
+    const segment = segmentsRef.current[index];
+    if (!segment?.isEditable) {
+      return;
+    }
+    setDraftState(initialDraftForSegment(segment), false, index);
+  }, [disabled, readOnly]);
+  const blurSegment = useCallback(index => {
+    if (focusedSegmentIndexRef.current !== index) {
+      return;
+    }
+    const segment = segmentsRef.current[index];
+    if (segment?.isEditable && isDraftDirtyRef.current) {
+      commitFocusedSegment(segmentDraftRef.current);
+    }
+    setFocusedSegmentIndex(null);
+    setSegmentDraft('');
+    setIsDraftDirty(false);
+    focusedSegmentIndexRef.current = null;
+    segmentDraftRef.current = '';
+    isDraftDirtyRef.current = false;
+  }, [commitFocusedSegment]);
+  const focusNextEditableSegment = useCallback(() => {
+    const current = focusedSegmentIndexRef.current;
+    if (current == null) {
+      return;
+    }
+    const next = findAdjacentEditableIndex(segmentsRef.current, current, 1);
+    if (next == null) {
+      return;
+    }
+    setDraftState(initialDraftForSegment(segmentsRef.current[next]), false, next);
+  }, []);
+  const focusPrevEditableSegment = useCallback(() => {
+    const current = focusedSegmentIndexRef.current;
+    if (current == null) {
+      return;
+    }
+    const prev = findAdjacentEditableIndex(segmentsRef.current, current, -1);
+    if (prev == null) {
+      return;
+    }
+    setDraftState(initialDraftForSegment(segmentsRef.current[prev]), false, prev);
+  }, []);
+  const handleSegmentDigit = useCallback(input => {
+    if (focusedSegmentIndexRef.current == null || disabled || readOnly) {
+      return;
+    }
+    let index = focusedSegmentIndexRef.current;
+    let draft = segmentDraftRef.current;
+    let dirty = isDraftDirtyRef.current;
+    const currentSegments = segmentsRef.current;
+    const queue = input.split('').filter(char => /^\d$/.test(char));
+    while (queue.length > 0) {
+      const digit = queue.shift() ?? '';
+      const segment = currentSegments[index];
+      if (!segment?.isEditable) {
+        break;
+      }
+      const {
+        draft: nextDraft,
+        isDraftDirty: nextDirty,
+        shouldCommit,
+        spillDigit
+      } = applySegmentDigit(draft, segment.text, dirty, digit, segment.type);
+      draft = nextDraft;
+      dirty = nextDirty;
+      if (shouldCommit) {
+        const parsed = commitSegmentDraft(segment, draft);
+        if (parsed != null) {
+          commitSegmentValue(segment.type, parsed);
+        }
+        const next = findAdjacentEditableIndex(currentSegments, index, 1);
+        if (next == null) {
+          dirty = false;
+          break;
+        }
+        index = next;
+        draft = initialDraftForSegment(currentSegments[next]);
+        dirty = false;
+        if (spillDigit) {
+          queue.unshift(spillDigit);
+        }
+      }
+    }
+    setDraftState(draft, dirty, index);
+  }, [commitSegmentValue, disabled, readOnly]);
+  const handleSegmentInputChange = useCallback(raw => {
+    if (focusedSegmentIndexRef.current == null || disabled || readOnly) {
+      return;
+    }
+    const index = focusedSegmentIndexRef.current;
+    const segment = segmentsRef.current[index];
+    if (!segment?.isEditable) {
+      return;
+    }
+    const maxLength = getSegmentMaxLength(segment.type);
+    const digits = raw.replace(/\D/g, '');
+    const prevDigits = segmentDraftRef.current.replace(/\D/g, '');
+    if (digits === prevDigits) {
+      return;
+    }
+    if (digits.length === 0) {
+      setDraftState('', true, index);
+      clearSegmentValue(segment.type);
+      return;
+    }
+    if (digits.length > prevDigits.length && digits.startsWith(prevDigits)) {
+      handleSegmentDigit(digits.slice(prevDigits.length));
+      return;
+    }
+    if (digits.length > maxLength) {
+      setDraftState('', true, index);
+      handleSegmentDigit(digits);
+      return;
+    }
+
+    // Same-length replace or shorten — also auto-advance when draft is unambiguous.
+    setDraftState(digits, true, index);
+    if (isSegmentDraftComplete(segment.type, digits)) {
+      const parsed = commitSegmentDraft(segment, digits);
+      if (parsed != null) {
+        commitSegmentValue(segment.type, parsed);
+      }
+      const next = findAdjacentEditableIndex(segmentsRef.current, index, 1);
+      if (next == null) {
+        setDraftState(digits, false, index);
+        return;
+      }
+      setDraftState(initialDraftForSegment(segmentsRef.current[next]), false, next);
+    }
+  }, [clearSegmentValue, commitSegmentValue, disabled, handleSegmentDigit, readOnly]);
+  const handleSegmentBackspace = useCallback(() => {
+    if (focusedSegmentIndexRef.current == null || disabled || readOnly) {
+      return;
+    }
+    const index = focusedSegmentIndexRef.current;
+    const segment = segmentsRef.current[index];
+    const draft = segmentDraftRef.current.replace(/\D/g, '');
+    if (draft.length > 0) {
+      const nextDraft = draft.slice(0, -1);
+      setDraftState(nextDraft, true, index);
+      if (nextDraft.length === 0 && segment) {
+        clearSegmentValue(segment.type);
+      }
+      return;
+    }
+    const prev = findAdjacentEditableIndex(segmentsRef.current, index, -1);
+    if (prev == null) {
+      clearAll();
+      return;
+    }
+    setDraftState(initialDraftForSegment(segmentsRef.current[prev]), false, prev);
+  }, [clearAll, clearSegmentValue, disabled, readOnly]);
+  const getSegmentDisplayText = useCallback(index => {
+    const segment = segments[index];
+    if (!segment) {
+      return '';
+    }
+    if (focusedSegmentIndex === index) {
+      if (segmentDraft === '') {
+        return getEmptyDateSegmentText(segment.type) || segment.text;
+      }
+      return segmentDraft;
+    }
+    const partial = partialParts[segment.type];
+    if (partial != null) {
+      return formatPartialSegment(segment.type, partial);
+    }
+    if (segment.value != null) {
+      return segment.text;
+    }
+    return getEmptyDateSegmentText(segment.type) || segment.text;
+  }, [focusedSegmentIndex, partialParts, segmentDraft, segments]);
+  return {
+    focusedSegmentIndex,
+    segmentDraft,
+    setFocusedSegmentIndex,
+    focusSegment,
+    blurSegment,
+    focusNextEditableSegment,
+    focusPrevEditableSegment,
+    handleSegmentDigit,
+    handleSegmentInputChange,
+    handleSegmentBackspace,
+    getSegmentDisplayText,
+    onSegmentChange: commitSegmentValue
+  };
+}
+//# sourceMappingURL=useDateFieldSegmentState.js.map

package/lib/module/date-field/useDateFieldSegmentState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","useState","formatDateId","formatDateSegment","formatMonthId","getEmptyDateSegmentText","parseDateId","parseMonthId","applySegmentDigit","commitSegmentDraft","findAdjacentEditableIndex","getSegmentMaxLength","isSegmentDraftComplete","isPartialPartKey","type","requiredSegmentTypes","mode","isComplete","parts","every","partialPartsToWire","year","month","day","undefined","partsFromValue","value","parsed","formatPartialSegment","useDateFieldSegmentState","segments","setValue","disabled","readOnly","focusedSegmentIndex","setFocusedSegmentIndex","segmentDraft","setSegmentDraft","isDraftDirty","setIsDraftDirty","partialParts","setPartialParts","focusedSegmentIndexRef","segmentDraftRef","isDraftDirtyRef","segmentsRef","valueRef","partialPartsRef","current","next","setDraftState","draft","dirty","index","writePartial","wire","clearAll","commitSegmentValue","segmentType","segmentValue","clearSegmentValue","_cleared","commitFocusedSegment","segment","isEditable","initialDraftForSegment","partial","text","focusSegment","blurSegment","focusNextEditableSegment","focusPrevEditableSegment","prev","handleSegmentDigit","input","currentSegments","queue","split","filter","char","test","length","digit","shift","nextDraft","nextDirty","shouldCommit","spillDigit","unshift","handleSegmentInputChange","raw","maxLength","digits","replace","prevDigits","startsWith","slice","handleSegmentBackspace","getSegmentDisplayText","onSegmentChange"],"sourceRoot":"../../../src","sources":["date-field/useDateFieldSegmentState.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/date-field/useRangeDateFieldBridge.js

@@ -0,0 +1,63 @@
+"use strict";
+
+import { useCallback, useMemo } from 'react';
+import { getDateFieldSegments, resolveDateComponentLabels } from '@cdx-ui/formatters';
+import { useDateFieldSegmentState } from './useDateFieldSegmentState';
+const DEFAULT_LOCALE = 'en-US';
+export function useRangeDateFieldBridge(slot, rangeCtx) {
+  const locale = rangeCtx?.locale ?? DEFAULT_LOCALE;
+  const labels = rangeCtx?.labels ?? resolveDateComponentLabels();
+  const value = rangeCtx ? slot === 'start' ? rangeCtx.startValue : rangeCtx.endValue : undefined;
+  const segments = useMemo(() => rangeCtx ? getDateFieldSegments(value, {
+    mode: 'date',
+    locale
+  }) : [], [rangeCtx, value, locale]);
+  const setValue = useCallback(next => {
+    if (!rangeCtx) {
+      return;
+    }
+    if (slot === 'start') {
+      if (!next) {
+        return;
+      }
+      rangeCtx.onRangeChange?.({
+        startId: next,
+        endId: rangeCtx.endValue
+      });
+      return;
+    }
+    if (!rangeCtx.startValue) {
+      return;
+    }
+    rangeCtx.onRangeChange?.({
+      startId: rangeCtx.startValue,
+      endId: next
+    });
+  }, [rangeCtx, slot]);
+  const segmentState = useDateFieldSegmentState({
+    mode: 'date',
+    segments,
+    value,
+    setValue,
+    disabled: !!rangeCtx?.disabled,
+    readOnly: !!rangeCtx?.readOnly
+  });
+  return useMemo(() => {
+    if (!rangeCtx) {
+      return null;
+    }
+    return {
+      value,
+      onValueChange: setValue,
+      mode: 'date',
+      locale,
+      labels,
+      segments,
+      disabled: rangeCtx.disabled,
+      readOnly: rangeCtx.readOnly,
+      invalid: rangeCtx.invalid,
+      ...segmentState
+    };
+  }, [rangeCtx, value, setValue, locale, labels, segments, segmentState]);
+}
+//# sourceMappingURL=useRangeDateFieldBridge.js.map

package/lib/module/date-field/useRangeDateFieldBridge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useMemo","getDateFieldSegments","resolveDateComponentLabels","useDateFieldSegmentState","DEFAULT_LOCALE","useRangeDateFieldBridge","slot","rangeCtx","locale","labels","value","startValue","endValue","undefined","segments","mode","setValue","next","onRangeChange","startId","endId","segmentState","disabled","readOnly","onValueChange","invalid"],"sourceRoot":"../../../src","sources":["date-field/useRangeDateFieldBridge.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAC5C,SAASC,oBAAoB,EAAEC,0BAA0B,QAAqB,oBAAoB;AAGlG,SAASC,wBAAwB,QAAQ,4BAA4B;AAErE,MAAMC,cAAc,GAAG,OAAO;AAE9B,OAAO,SAASC,uBAAuBA,CACrCC,IAAqB,EACrBC,QAA4C,EACd;EAC9B,MAAMC,MAAM,GAAGD,QAAQ,EAAEC,MAAM,IAAIJ,cAAc;EACjD,MAAMK,MAAM,GAAGF,QAAQ,EAAEE,MAAM,IAAIP,0BAA0B,CAAC,CAAC;EAC/D,MAAMQ,KAAqB,GAAGH,QAAQ,GAClCD,IAAI,KAAK,OAAO,GACdC,QAAQ,CAACI,UAAU,GACnBJ,QAAQ,CAACK,QAAQ,GACnBC,SAAS;EAEb,MAAMC,QAAQ,GAAGd,OAAO,CACtB,MAAOO,QAAQ,GAAGN,oBAAoB,CAACS,KAAK,EAAE;IAAEK,IAAI,EAAE,MAAM;IAAEP;EAAO,CAAC,CAAC,GAAG,EAAG,EAC7E,CAACD,QAAQ,EAAEG,KAAK,EAAEF,MAAM,CAC1B,CAAC;EAED,MAAMQ,QAAQ,GAAGjB,WAAW,CACzBkB,IAAoB,IAAK;IACxB,IAAI,CAACV,QAAQ,EAAE;MACb;IACF;IACA,IAAID,IAAI,KAAK,OAAO,EAAE;MACpB,IAAI,CAACW,IAAI,EAAE;QACT;MACF;MACAV,QAAQ,CAACW,aAAa,GAAG;QACvBC,OAAO,EAAEF,IAAc;QACvBG,KAAK,EAAEb,QAAQ,CAACK;MAClB,CAAC,CAAC;MACF;IACF;IACA,IAAI,CAACL,QAAQ,CAACI,UAAU,EAAE;MACxB;IACF;IACAJ,QAAQ,CAACW,aAAa,GAAG;MACvBC,OAAO,EAAEZ,QAAQ,CAACI,UAAU;MAC5BS,KAAK,EAAEH;IACT,CAAC,CAAC;EACJ,CAAC,EACD,CAACV,QAAQ,EAAED,IAAI,CACjB,CAAC;EAED,MAAMe,YAAY,GAAGlB,wBAAwB,CAAC;IAC5CY,IAAI,EAAE,MAAM;IACZD,QAAQ;IACRJ,KAAK;IACLM,QAAQ;IACRM,QAAQ,EAAE,CAAC,CAACf,QAAQ,EAAEe,QAAQ;IAC9BC,QAAQ,EAAE,CAAC,CAAChB,QAAQ,EAAEgB;EACxB,CAAC,CAAC;EAEF,OAAOvB,OAAO,CAAC,MAAM;IACnB,IAAI,CAACO,QAAQ,EAAE;MACb,OAAO,IAAI;IACb;IACA,OAAO;MACLG,KAAK;MACLc,aAAa,EAAER,QAAQ;MACvBD,IAAI,EAAE,MAAe;MACrBP,MAAM;MACNC,MAAM;MACNK,QAAQ;MACRQ,QAAQ,EAAEf,QAAQ,CAACe,QAAQ;MAC3BC,QAAQ,EAAEhB,QAAQ,CAACgB,QAAQ;MAC3BE,OAAO,EAAElB,QAAQ,CAACkB,OAAO;MACzB,GAAGJ;IACL,CAAC;EACH,CAAC,EAAE,CAACd,QAAQ,EAAEG,KAAK,EAAEM,QAAQ,EAAER,MAAM,EAAEC,MAAM,EAAEK,QAAQ,EAAEO,YAAY,CAAC,CAAC;AACzE","ignoreList":[]}