@powerhousedao/document-engineering 1.0.0

package/dist/src/ui/components/data-entry/time-picker/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/time-picker/type.ts"],"names":[],"mappings":""}

package/dist/src/ui/components/data-entry/time-picker/use-time-picker.d.ts

@@ -0,0 +1,42 @@
+import type React from "react";
+import { type TimeFieldValue, type TimePeriod } from "./type.js";
+export declare const convertTimeFrom24To12Hours: (time: string) => string;
+interface TimePickerFieldProps {
+    value?: TimeFieldValue;
+    defaultValue?: TimeFieldValue;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    timeFormat?: string;
+    timeIntervals?: number;
+    timeZone?: string;
+    showTimezoneSelect?: boolean;
+    includeContinent?: boolean;
+}
+export declare const useTimePicker: ({ value, defaultValue, onChange, onBlur, timeFormat, timeIntervals, timeZone, showTimezoneSelect, includeContinent, }: TimePickerFieldProps) => {
+    selectedHour: string;
+    selectedMinute: string;
+    selectedPeriod: TimePeriod | undefined;
+    setSelectedHour: React.Dispatch<React.SetStateAction<string>>;
+    setSelectedMinute: React.Dispatch<React.SetStateAction<string>>;
+    setSelectedPeriod: React.Dispatch<React.SetStateAction<TimePeriod | undefined>>;
+    hours: string[];
+    minutes: string[];
+    inputValue: string;
+    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    isOpen: boolean;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    handleCancel: () => void;
+    handleSave: () => void;
+    timeZonesOptions: {
+        value: string;
+        label: string;
+    }[];
+    handleBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
+    timeFormat: string;
+    is12HourFormat: boolean;
+    selectedTimeZone: string | string[] | undefined;
+    setSelectedTimeZone: React.Dispatch<React.SetStateAction<string | string[] | undefined>>;
+    isDisableSelect: boolean;
+};
+export {};
+//# sourceMappingURL=use-time-picker.d.ts.map

package/dist/src/ui/components/data-entry/time-picker/use-time-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-time-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/time-picker/use-time-picker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAiBjE,eAAO,MAAM,0BAA0B,GAAI,MAAM,MAAM,WAKtD,CAAC;AACF,UAAU,oBAAoB;IAC5B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,GAAI,uHAU3B,oBAAoB;;;;;;;;;;2BA+BS,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;;;;;;;;;oBAI1C,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC;;;;;;CAgJ1D,CAAC"}

package/dist/src/ui/components/data-entry/time-picker/use-time-picker.js

@@ -0,0 +1,144 @@
+import { useMemo, useState } from "react";
+import { createBlurEvent, getOffset } from "../date-time-picker/utils.js";
+import { cleanTime, convert12hTo24h, createChangeEvent, formatInputToDisplayValid, formatInputsToValueFormat, getHours, getHoursAndMinutes, getInputValue, getMinutes, getOffsetToDisplay, getOptions, getTimezone, isValidTimeInput, } from "./utils.js";
+export const convertTimeFrom24To12Hours = (time) => {
+    if (time === "")
+        return "";
+    const hours = Number(time);
+    if (isNaN(hours))
+        return "";
+    return String(hours % 12 || 12).padStart(2, "0");
+};
+export const useTimePicker = ({ value, defaultValue, onChange, onBlur, timeFormat = "hh:mm a", timeIntervals = 1, timeZone, showTimezoneSelect = true, includeContinent = false, }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const is12HourFormat = timeFormat.includes("a") || timeFormat.includes("A");
+    const [inputValue, setInputValue] = useState(getInputValue(value ?? defaultValue));
+    const [selectedHour, setSelectedHour] = useState(is12HourFormat
+        ? convertTimeFrom24To12Hours(getHours(value ?? defaultValue ?? ""))
+        : getHours(value ?? defaultValue ?? ""));
+    const [selectedMinute, setSelectedMinute] = useState(getMinutes(value ?? defaultValue ?? ""));
+    const [selectedPeriod, setSelectedPeriod] = useState(undefined);
+    const systemTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+    const [selectedTimeZone, setSelectedTimeZone] = useState(timeZone ||
+        (!showTimezoneSelect
+            ? systemTimezone
+            : getTimezone(value ?? defaultValue ?? "")));
+    const handleInputChange = (e) => {
+        const input = e.target.value;
+        setInputValue(input);
+    };
+    const handleBlur = (e) => {
+        const input = e.target.value;
+        // Get the period from the input if exists to avoid use the default period
+        const inputPeriod = input.split(" ")[1];
+        const validDisplay = formatInputToDisplayValid(input, is12HourFormat, timeIntervals, inputPeriod);
+        const valueForInput = isValidTimeInput(input) ? validDisplay : input;
+        setInputValue(valueForInput);
+        const validValue = convert12hTo24h(valueForInput);
+        const { minutes, hours, period } = getHoursAndMinutes(validValue);
+        const offsetUTC = getOffset(selectedTimeZone);
+        if (is12HourFormat) {
+            setSelectedPeriod(period);
+        }
+        const datetime = formatInputsToValueFormat(hours, minutes, offsetUTC);
+        const clearMinutes = cleanTime(minutes);
+        const clearHours = convertTimeFrom24To12Hours(cleanTime(hours));
+        setSelectedHour(clearHours);
+        setSelectedMinute(clearMinutes);
+        onChange?.(createChangeEvent(datetime));
+        onBlur?.(createBlurEvent(validDisplay));
+    };
+    // Generate hours according to the format
+    const hours = is12HourFormat
+        ? Array.from({ length: 12 }, (_, i) => String(i + 1).padStart(2, "0")) // 1-12
+        : Array.from({ length: 24 }, (_, i) => String(i).padStart(2, "0")); // 0-23
+    const minutes = useMemo(() => {
+        if (timeIntervals > 1) {
+            const arr = [];
+            for (let i = 0; i < 60; i += timeIntervals) {
+                arr.push(String(i).padStart(2, "0"));
+            }
+            return arr;
+        }
+        return Array.from({ length: 60 }, (_, i) => String(i).padStart(2, "0"));
+    }, [timeIntervals]);
+    const handleSave = () => {
+        setIsOpen(false);
+        const offsetUTC = timeZone
+            ? getOffset(timeZone)
+            : getOffset(selectedTimeZone);
+        // Value to save in the onSubmit
+        const datetime = formatInputsToValueFormat(selectedHour, selectedMinute, offsetUTC);
+        // If there are no hours and minutes selected, do nothing
+        if (!selectedHour && !selectedMinute) {
+            return;
+        }
+        // Set default values
+        let hourToUse = selectedHour;
+        if (!selectedHour && selectedMinute) {
+            hourToUse = is12HourFormat ? "12" : "00";
+        }
+        let periodToUse = selectedPeriod;
+        if (is12HourFormat && !selectedPeriod) {
+            const hourNum = parseInt(selectedHour);
+            periodToUse = hourNum >= 8 && hourNum <= 11 ? "AM" : "PM";
+            setSelectedPeriod(periodToUse);
+        }
+        // Condition that if the format is 12 hours and there are no minutes selected and there are no minutes selected adds a 00
+        let minuteToUse = selectedMinute;
+        if (!selectedMinute) {
+            minuteToUse = "00";
+        }
+        // Value to display in the input get values from the popover interface
+        const valueToDisplay = is12HourFormat
+            ? `${hourToUse}:${minuteToUse} ${periodToUse}`
+            : `${hourToUse}:${minuteToUse}`;
+        setInputValue(valueToDisplay);
+        onChange?.(createChangeEvent(datetime));
+    };
+    const handleCancel = () => {
+        setIsOpen(false);
+    };
+    const options = useMemo(() => {
+        return getOptions(includeContinent);
+    }, [includeContinent]);
+    // if timeZone, then the options of select will be that timeZone and the offset
+    const isDisableSelect = timeZone || !showTimezoneSelect ? true : false;
+    const timeZonesOptions = timeZone || !showTimezoneSelect
+        ? [
+            options.find((opt) => opt.value === (timeZone || systemTimezone)) || {
+                label: `(${getOffsetToDisplay(timeZone || systemTimezone)}) ${includeContinent
+                    ? (timeZone || systemTimezone).replace(/_/g, " ")
+                    : (timeZone || systemTimezone)
+                        .split("/")
+                        .pop()
+                        ?.replace(/_/g, " ")}`,
+                value: timeZone || systemTimezone,
+            },
+        ]
+        : options;
+    return {
+        selectedHour,
+        selectedMinute,
+        selectedPeriod,
+        setSelectedHour,
+        setSelectedMinute,
+        setSelectedPeriod,
+        hours,
+        minutes,
+        inputValue,
+        handleInputChange,
+        isOpen,
+        setIsOpen,
+        handleCancel,
+        handleSave,
+        timeZonesOptions,
+        handleBlur,
+        timeFormat,
+        is12HourFormat,
+        selectedTimeZone,
+        setSelectedTimeZone,
+        isDisableSelect,
+    };
+};
+//# sourceMappingURL=use-time-picker.js.map

package/dist/src/ui/components/data-entry/time-picker/use-time-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-time-picker.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/time-picker/use-time-picker.ts"],"names":[],"mappings":"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"}

package/dist/src/ui/components/data-entry/time-picker/utils.d.ts

@@ -0,0 +1,207 @@
+import { type TimePeriod } from "./type.js";
+export declare const createChangeEvent: (value: string) => React.ChangeEvent<HTMLInputElement>;
+export declare const ALLOWED_TIME_FORMATS: string[];
+export declare const isFormatTimeAllowed: (format: string) => boolean;
+export declare const TIME_PATTERNS: {
+    /** Matches times in 24-hour format (HH:mm) like: 0:00, 09:30, 23:59 */
+    readonly HOURS_24: RegExp;
+    /** Matches times in 12-hour format (h:mm a) like: 1:00 AM, 12:59 PM */
+    readonly HOURS_12: RegExp;
+};
+export declare const cleanTime: (time: string) => string;
+/**
+ * Convert a 24-hour format time to a 12-hour format time
+ * @param input - The time in 24-hour format like 14:35
+ * @returns The time in 12-hour format like 2:35 PM
+ */
+export declare const convert24hTo12h: (input: string) => string;
+/**
+ * Get the time from the input value in ISO 8601 format
+ * @param value - The input value in ISO 8601 format like 2024-01-01T14:35:00.000Z
+ * @returns The time in 24-hour format like 14:35
+ */
+export declare const getTime: (value: string) => string;
+/**
+ * Round the minute to the nearest interval
+ * @param minute - The minute to round
+ * @param interval - The interval to round to
+ * @returns The rounded minute
+ */
+export declare const roundMinute: (minute: number, interval: number) => number;
+/**
+ * Transform the input time to the correct format
+ * @param input - The input time
+ * @param is12HourFormat - Whether the time is in 12-hour format
+ * @param interval - The interval to round to
+ * @returns The transformed time example string like 08:00 AM or 14:00
+ */
+export declare const transformInputTime: (input: string, is12HourFormat: boolean, interval?: number, periodToCheck?: TimePeriod) => {
+    hour: string;
+    minute: string;
+    period?: TimePeriod;
+};
+/**
+ * Validate the input time
+ * @param input - The input time string. Valid formats include:
+ *   - 12-hour format with AM/PM: "2:34 AM", "11:45 PM"
+ *   - 24-hour format: "15:23", "08:00"
+ *   - Short numeric format: "345" (transforms to "3:45"), "1430" (transforms to "14:30")
+ * @returns Whether the input time is valid and can be transformed into a proper time format
+ */
+export declare const isValidTimeInput: (input: string) => boolean;
+/**
+ * Get the formatted offset of the time zone for display purposes
+ * @param timeZone - The time zone (e.g., "America/New_York", "Europe/London")
+ * @returns The offset prefixed with "UTC" (e.g., "UTC+05:30", "UTC-04:00")
+ * @example
+ * getOffsetToDisplay("America/New_York") // Returns "UTC-04:00" or "UTC-05:00"
+ * getOffsetToDisplay("Asia/Kolkata")     // Returns "UTC+05:30"
+ * getOffsetToDisplay()                   // Returns "UTC±00:00"
+ */
+export declare const getOffsetToDisplay: (timeZone?: string) => string;
+/**
+ * Gets a list of all available timezone options formatted for display
+ * @param includeContinent - Optional boolean to control whether continent names are included in labels
+ *                          true: "America/New York", false: "New York" (defaults to false)
+ * @returns {Array<{value: string, label: string}>} An array of timezone options
+ *
+ * @example
+ * // With includeContinent = true
+ * getOptions(true)
+ * // Returns:
+ * [
+ *   { value: "America/New_York", label: "(UTC-04:00) America/New York" },
+ *   { value: "Europe/London", label: "(UTC+01:00) Europe/London" }
+ * ]
+ *
+ * // With includeContinent = false
+ * getOptions(false)
+ * // Returns:
+ * [
+ *   { value: "America/New_York", label: "(UTC-04:00) New York" },
+ *   { value: "Europe/London", label: "(UTC+01:00) London" }
+ * ]
+ *
+ * @description
+ * This function:
+ * 1. Gets all supported timezone identifiers from the system
+ * 2. Formats each timezone with its UTC offset
+ * 3. Optionally includes or excludes the continent name in the label
+ * 4. Returns an array of objects with value (timezone identifier) and label (formatted display string)
+ */
+export declare const getOptions: (includeContinent?: boolean) => {
+    value: string;
+    label: string;
+}[];
+/**
+ * Split the datetime into hours, minutes, and last part (offset)
+ * @param datetime - The datetime string
+ * @returns An object containing hours, minutes, and last part (offset)
+ */
+export declare const splitDatetime: (datetime?: string) => {
+    hours: string;
+    minutes: string;
+    timezoneOffset: string;
+};
+/**
+ * Get the hours from the datetime
+ * @param datetime - The datetime string
+ * @returns The hours
+ */
+export declare const getHours: (datetime?: string) => string;
+/**
+ * Get the minutes from the datetime
+ * @param datetime - The datetime string
+ * @returns The minutes
+ */
+export declare const getMinutes: (datetime?: string) => string;
+export declare const getInputValue: (datetime?: string) => string;
+/**
+ * Removes the date portion from an ISO 8601 datetime string, keeping only the time
+ * @param datetime - The datetime string (e.g., "2024-03-21T14:30:00" or "14:30:00")
+ * @returns The time portion of the string (e.g., "14:30:00")
+ * @example
+ * removeDate("2024-03-21T14:30:00") // Returns "14:30:00"
+ * removeDate("14:30:00")            // Returns "14:30:00"
+ */
+export declare const removeDate: (datetime: string) => string;
+/**
+ * Get the timezone from the utcOffset
+ * @param utcOffset - The utcOffset string
+ * @returns The timezone
+ */
+export declare const getTimezone: (utcOffset: string) => string;
+/**
+ * Formats time components into an ISO-like datetime string with milliseconds and timezone offset
+ * @param hours - The hours component (e.g., "14" or "02")
+ * @param minutes - The minutes component, may include AM/PM (e.g., "30" or "30 PM")
+ * @param timezoneOffset - The timezone offset (e.g., "+05:30" or "-04:00")
+ * @returns Formatted datetime string (e.g., "14:30:00.000+05:30")
+ * @example
+ * formatInputsToValueFormat("14", "30", "+05:30")     // Returns "14:30:00.000+05:30"
+ * formatInputsToValueFormat("02", "30 PM", "-04:00")  // Returns "02:30:00.000-04:00"
+ */
+export declare const formatInputsToValueFormat: (hours: string, minutes: string, timezoneOffset: string) => string;
+/**
+ * Convert a 12-hour format time to a 24-hour format time
+ * @param input - The time in 12-hour format like 2:35 PM
+ * @returns The time in 24-hour format like 14:35
+ */
+export declare const convert12hTo24h: (input: string) => string;
+/**
+ * Formats a time input string into a standardized display format
+ * @param input - The input time string. Can be in various formats:
+ *   - 24-hour format (e.g., "14:30", "08:00")
+ *   - 12-hour format (e.g., "2:30 PM", "8:00 AM")
+ *   - Short format (e.g., "1430", "0800")
+ * @param is12HourFormat - If true, returns in 12-hour format with AM/PM
+ *                        If false, returns in 24-hour format
+ * @param timeIntervals - Optional interval in minutes to round the time
+ *                       (e.g., 15 will round to the nearest quarter hour)
+ * @param periodToCheck - Specific period (AM/PM) to force in the output,
+ *                       avoiding automatic period conversion
+ * @returns Formatted time string
+ *   - 12-hour format: "hh:mm AM/PM" (e.g., "02:30 PM")
+ *   - 24-hour format: "HH:mm" (e.g., "14:30")
+ * @example
+ * // With 12-hour format
+ * formatInputToDisplayValid("14:30", true) // Returns "02:30 PM"
+ * formatInputToDisplayValid("14:30", true, undefined, "AM") // Returns "02:30 AM"
+ *
+ * // With 24-hour format
+ * formatInputToDisplayValid("2:30 PM", false) // Returns "14:30"
+ */
+export declare const formatInputToDisplayValid: (input: string, is12HourFormat: boolean, timeIntervals?: number, periodToCheck?: TimePeriod) => string;
+/**
+ * Extracts the hours and minutes from the input time string.
+ *
+ * This function takes a time string as input and returns an object containing the hours and minutes.
+ * It supports various input formats, including 24-hour format (e.g., "14:30"), 12-hour format (e.g., "2:30 PM"), and short format (e.g., "1430").
+ *
+ * @param input - The input time string.
+ * @returns An object with two properties: `hours` and `minutes`, representing the extracted hours and minutes from the input string.
+ *
+ * Examples:
+ * - `getHoursAndMinutes("14:30")` returns `{ hours: "14", minutes: "30" }`.
+ * - `getHoursAndMinutes("2:30 PM")` returns `{ hours: "2", minutes: "30", period: "PM" }`.
+ * - `getHoursAndMinutes("1430")` returns `{ hours: "14", minutes: "30" }`.
+ */
+export declare const getHoursAndMinutes: (input: string) => {
+    hours: string;
+    minutes: string;
+    period: string | undefined;
+};
+export declare const handleKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+/**
+ * Validates if a string has the hh:mm format and represents a valid time.
+ * @param {string} timeString - The string to validate.
+ * @returns {boolean} - Returns true if the string is valid, false otherwise.
+ */
+export declare const isValidTimeFromValue: (timeString: string) => boolean;
+/**
+ * Extracts hours and minutes from a time string value.
+ * @param {string} timeString - The time string to process.
+ * @returns {string} - Returns the time in hh:mm format if valid, empty string otherwise.
+ */
+export declare const getHoursAndMinutesFromValue: (timeString: string) => string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/src/ui/components/data-entry/time-picker/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/time-picker/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAE5C,eAAO,MAAM,iBAAiB,GAC5B,OAAO,MAAM,KACZ,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAYpC,CAAC;AAEF,eAAO,MAAM,oBAAoB,UAAkC,CAAC;AACpE,eAAO,MAAM,mBAAmB,GAAI,QAAQ,MAAM,KAAG,OAEpD,CAAC;AACF,eAAO,MAAM,aAAa;IACxB,uEAAuE;;IAEvE,uEAAuE;;CAE/D,CAAC;AAEX,eAAO,MAAM,SAAS,GAAI,MAAM,MAAM,WAErC,CAAC;AACF;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,OAAO,MAAM,WAM5C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,OAAO,GAAI,OAAO,MAAM,WAIpC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,QAAQ,MAAM,EAAE,UAAU,MAAM,KAAG,MAa9D,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,GAC7B,OAAO,MAAM,EACb,gBAAgB,OAAO,EACvB,iBAAY,EACZ,gBAAgB,UAAU,KACzB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,UAAU,CAAA;CA2DrD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,GAAI,OAAO,MAAM,KAAG,OAuChD,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,kBAAkB,GAAI,WAAW,MAAM,WAOnD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,UAAU,GAAI,0BAAwB;;;GAWlD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,WAAW,MAAM;;;;CAW9C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,QAAQ,GAAI,WAAW,MAAM,WAGzC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,WAAW,MAAM,WAG3C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,WAAW,MAAM,WAK9C,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,GAAI,UAAU,MAAM,WAG1C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,WAAW,MAAM,KAAG,MAQ/C,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,yBAAyB,GACpC,OAAO,MAAM,EACb,SAAS,MAAM,EACf,gBAAgB,MAAM,KACrB,MAIF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,OAAO,MAAM,WAa5C,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,yBAAyB,GACpC,OAAO,MAAM,EACb,gBAAgB,OAAO,EACvB,gBAAgB,MAAM,EACtB,gBAAgB,UAAU,WAY3B,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM;;;;CA4B/C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,SA+BrE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,YAAY,MAAM,YAItD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,GAAI,YAAY,MAAM,WAI7D,CAAC"}