@oneuptime/common 14.0.12 → 14.0.14

package/build/dist/UI/Components/Filters/TextFilter.js

@@ -9,6 +9,8 @@ import EndsWith from "../../../Types/BaseDatabase/EndsWith";
 import NotContains from "../../../Types/BaseDatabase/NotContains";
 import IsNull from "../../../Types/BaseDatabase/IsNull";
 import NotNull from "../../../Types/BaseDatabase/NotNull";
+import useTranslator from "../../Utils/UseTranslator";
+import { getFilterPlaceholder } from "./FilterPlaceholder";
 import React, { useEffect, useState } from "react";
 const TEXT_FIELD_TYPES = [
     FieldType.Text,
@@ -84,14 +86,10 @@ const buildQueryValue = (operator, value) => {
             return undefined;
     }
 };
-const TextFilter = (props) => {
+// A text filter's controls. TextFilter below decides whether to draw them.
+const TextFilterControls = (props) => {
+    const translator = useTranslator();
     const filter = props.filter;
-    if (filter.filterDropdownOptions) {
-        return React.createElement(React.Fragment, null);
-    }
-    if (!TEXT_FIELD_TYPES.includes(filter.type)) {
-        return React.createElement(React.Fragment, null);
-    }
     const detected = detectCurrentState(props.filterData[filter.key]);
     /*
      * Keep the operator locally so the user's choice persists even when no
@@ -132,7 +130,24 @@ const TextFilter = (props) => {
         !valuelessOperator && (React.createElement("div", { className: "flex-1 min-w-0" },
             React.createElement("input", { type: "text", value: value, onChange: (e) => {
                     apply({ operator, value: e.target.value });
-                }, placeholder: `Filter by ${filter.title}`, className: "block w-full rounded-md border border-gray-300 bg-white py-2 pl-3 pr-3 text-sm placeholder-gray-500 focus:border-indigo-500 focus:text-gray-900 focus:placeholder-gray-400 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm" })))));
+                }, placeholder: getFilterPlaceholder(translator, filter.title), className: "block w-full rounded-md border border-gray-300 bg-white py-2 pl-3 pr-3 text-sm placeholder-gray-500 focus:border-indigo-500 focus:text-gray-900 focus:placeholder-gray-400 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm" })))));
+};
+/*
+ * FiltersForm draws every filter component in each of its rows, and each one
+ * draws nothing for a filter it does not own (a text column offered as a list
+ * of values is DropdownFilter's). That check calls no hook, so it lives in
+ * this wrapper and the hooks in TextFilterControls: a row whose filter changes
+ * mounts or unmounts the controls. See DateFilter for the crash that a check
+ * below a hook caused.
+ */
+const TextFilter = (props) => {
+    if (props.filter.filterDropdownOptions) {
+        return React.createElement(React.Fragment, null);
+    }
+    if (!TEXT_FIELD_TYPES.includes(props.filter.type)) {
+        return React.createElement(React.Fragment, null);
+    }
+    return React.createElement(TextFilterControls, Object.assign({}, props));
 };
 export default TextFilter;
 //# sourceMappingURL=TextFilter.js.map

package/build/dist/UI/Components/Filters/TextFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextFilter.js","sourceRoot":"","sources":["../../../../../UI/Components/Filters/TextFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAG3C,OAAO,cAAc,MAAM,wBAAwB,CAAC;AACpD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,MAAM,MAAM,oCAAoC,CAAC;AACxD,OAAO,OAAO,MAAM,qCAAqC,CAAC;AAC1D,OAAO,QAAQ,MAAM,sCAAsC,CAAC;AAC5D,OAAO,UAAU,MAAM,wCAAwC,CAAC;AAChE,OAAO,QAAQ,MAAM,sCAAsC,CAAC;AAC5D,OAAO,WAAW,MAAM,yCAAyC,CAAC;AAClE,OAAO,MAAM,MAAM,oCAAoC,CAAC;AACxD,OAAO,OAAO,MAAM,qCAAqC,CAAC;AAE1D,OAAO,KAAK,EAAE,EAAgB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAYjE,MAAM,gBAAgB,GAAqB;IACzC,SAAS,CAAC,IAAI;IACd,SAAS,CAAC,QAAQ;IAClB,SAAS,CAAC,KAAK;IACf,SAAS,CAAC,KAAK;IACf,SAAS,CAAC,IAAI;IACd,SAAS,CAAC,IAAI;IACd,SAAS,CAAC,GAAG;IACb,SAAS,CAAC,QAAQ;IAClB,SAAS,CAAC,QAAQ;CACnB,CAAC;AAEF,MAAM,cAAc,GAA0B;IAC5C,cAAc,CAAC,QAAQ;IACvB,cAAc,CAAC,cAAc;IAC7B,cAAc,CAAC,OAAO;IACtB,cAAc,CAAC,UAAU;IACzB,cAAc,CAAC,UAAU;IACzB,cAAc,CAAC,QAAQ;IACvB,cAAc,CAAC,OAAO;IACtB,cAAc,CAAC,UAAU;CAC1B,CAAC;AAOF,MAAM,kBAAkB,GAA+B,CACrD,QAAiB,EAC4B,EAAE;IAC/C,IAAI,QAAQ,YAAY,MAAM,EAAE,CAAC;QAC/B,OAAO,EAAE,QAAQ,EAAE,cAAc,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC;IACtE,CAAC;IACD,IAAI,QAAQ,YAAY,WAAW,EAAE,CAAC;QACpC,OAAO,EAAE,QAAQ,EAAE,cAAc,CAAC,cAAc,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC;IAC5E,CAAC;IACD,IAAI,QAAQ,YAAY,UAAU,EAAE,CAAC;QACnC,OAAO,EAAE,QAAQ,EAAE,cAAc,CAAC,UAAU,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC;IACxE,CAAC;IACD,IAAI,QAAQ,YAAY,QAAQ,EAAE,CAAC;QACjC,OAAO,EAAE,QAAQ,EAAE,cAAc,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC;IACtE,CAAC;IACD,IAAI,QAAQ,YAAY,OAAO,EAAE,CAAC;QAChC,OAAO,EAAE,QAAQ,EAAE,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;IAC1E,CAAC;IACD,IAAI,QAAQ,YAAY,QAAQ,EAAE,CAAC;QACjC,OAAO,EAAE,QAAQ,EAAE,cAAc,CAAC,UAAU,EAAE,KAAK,EAAE,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;IAC7E,CAAC;IACD,IAAI,QAAQ,YAAY,MAAM,EAAE,CAAC;QAC/B,OAAO,EAAE,QAAQ,EAAE,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;IACzD,CAAC;IACD,IAAI,QAAQ,YAAY,OAAO,EAAE,CAAC;QAChC,OAAO,EAAE,QAAQ,EAAE,cAAc,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;IAC5D,CAAC;IACD,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACxD,kDAAkD;QAClD,OAAO,EAAE,QAAQ,EAAE,cAAc,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;IAChE,CAAC;IACD,OAAO,EAAE,QAAQ,EAAE,cAAc,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;AAC1D,CAAC,CAAC;AAOF,MAAM,eAAe,GAA4B,CAC/C,QAAwB,EACxB,KAAa,EACJ,EAAE;IACX,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,cAAc,CAAC,QAAQ;YAC1B,OAAO,KAAK,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAC/C,KAAK,cAAc,CAAC,cAAc;YAChC,OAAO,KAAK,CAAC,CAAC,CAAC,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACpD,KAAK,cAAc,CAAC,UAAU;YAC5B,OAAO,KAAK,CAAC,CAAC,CAAC,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACnD,KAAK,cAAc,CAAC,QAAQ;YAC1B,OAAO,KAAK,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACjD,KAAK,cAAc,CAAC,OAAO;YACzB,OAAO,KAAK,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAChD,KAAK,cAAc,CAAC,UAAU;YAC5B,OAAO,KAAK,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACjD,KAAK,cAAc,CAAC,OAAO;YACzB,OAAO,IAAI,MAAM,EAAE,CAAC;QACtB,KAAK,cAAc,CAAC,UAAU;YAC5B,OAAO,IAAI,OAAO,EAAE,CAAC;QACvB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,UAAU,GAAuB,CACrC,KAAwB,EACV,EAAE;IAChB,MAAM,MAAM,GAAc,KAAK,CAAC,MAAM,CAAC;IAEvC,IAAI,MAAM,CAAC,qBAAqB,EAAE,CAAC;QACjC,OAAO,yCAAK,CAAC;IACf,CAAC;IAED,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;QAC5C,OAAO,yCAAK,CAAC;IACf,CAAC;IAED,MAAM,QAAQ,GACZ,kBAAkB,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IAEnD;;;;OAIG;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,QAAQ,CAAC,QAAQ,CAClB,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,GAAG,GAAY,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAClD,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;YACtC,gBAAgB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACtC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAEnC,MAAM,QAAQ,GAAmB,aAAa,CAAC;IAC/C,MAAM,KAAK,GAAW,QAAQ,CAAC,KAAK,CAAC;IAErC,MAAM,iBAAiB,GACrB,QAAQ,KAAK,cAAc,CAAC,OAAO;QACnC,QAAQ,KAAK,cAAc,CAAC,UAAU,CAAC;IAOzC,MAAM,KAAK,GAAkB,CAAC,IAG7B,EAAQ,EAAE;;QACT,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;YAChB,OAAO;QACT,CAAC;QAED,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAEhC,MAAM,IAAI,qBAAuB,KAAK,CAAC,UAAU,CAAE,CAAC;QACpD,MAAM,KAAK,GAAY,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAElE,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAC1B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,KAAY,CAAC;QAClC,CAAC;QAED,MAAA,KAAK,CAAC,eAAe,sDAAG,IAAI,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,wBAAwB;QACrC,oBAAC,gBAAgB,IACf,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,CAAC,YAA4B,EAAE,EAAE;gBACzC,KAAK,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC;YAC3C,CAAC,GACD;QACD,CAAC,iBAAiB,IAAI,CACrB,6BAAK,SAAS,EAAC,gBAAgB;YAC7B,+BACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAsC,EAAE,EAAE;oBACnD,KAAK,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;gBAC7C,CAAC,EACD,WAAW,EAAE,aAAa,MAAM,CAAC,KAAK,EAAE,EACxC,SAAS,EAAC,6OAA6O,GACvP,CACE,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"TextFilter.js","sourceRoot":"","sources":["../../../../../UI/Components/Filters/TextFilter.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/FoldedSection/FoldedSection.js

@@ -0,0 +1,139 @@
+import IconProp from "../../../Types/Icon/IconProp";
+import useTranslator from "../../Utils/UseTranslator";
+import Icon from "../Icon/Icon";
+import { getFoldedSectionItemsShown, } from "./FoldedSectionItem";
+import React, { Fragment, useEffect, useId, useState, } from "react";
+/*
+ * A fold: options most people never need, out of the way until someone
+ * opens them - a form's "More fields" (Forms/Utils/AdvancedFormSection), a
+ * page's "More settings" (AdvancedPageSection), and every other folded
+ * section a form draws (CollapsibleFormSection).
+ *
+ * Folded, its header says what is inside without being opened:
+ *   - the fields or cards it holds, by name, a few of them and how many
+ *     more ("Declared At · Initial State · Labels · Private Incident");
+ *   - the ones that are set, as chips with what they are set to ("Labels:
+ *     2", "Private Incident: On"), so nothing in force is hidden;
+ *   - what its defaults do, in a sentence, where the section says so ("The
+ *     key expires a year from today.").
+ * Open, it shows its description under the title instead, and the fields.
+ *
+ * The header is a real button: Tab reaches it, Enter and Space open it,
+ * aria-expanded says which way it is, and the line of what is inside is its
+ * description for a screen reader. Folded, the body stays mounted (fields
+ * keep what was typed) but is invisible, so nothing in it can be tabbed to
+ * or read out. It works the same in the dark theme (Theme.css remaps every
+ * colour class used here) and at phone width (the lines wrap; the chevron
+ * keeps its place).
+ */
+export const FOLDED_SECTION_TEST_ID = "folded-section";
+const FoldedSection = (props) => {
+    var _a, _b;
+    const translator = useTranslator();
+    const [isCollapsed, setIsCollapsed] = useState((_b = (_a = props.isCollapsed) !== null && _a !== void 0 ? _a : props.defaultCollapsed) !== null && _b !== void 0 ? _b : true);
+    useEffect(() => {
+        if (props.isCollapsed !== undefined) {
+            setIsCollapsed(props.isCollapsed);
+        }
+    }, [props.isCollapsed]);
+    const toggle = () => {
+        var _a;
+        const next = !isCollapsed;
+        setIsCollapsed(next);
+        (_a = props.onToggle) === null || _a === void 0 ? void 0 : _a.call(props, next);
+    };
+    const id = useId();
+    const titleId = `folded-section-title-${id}`;
+    const bodyId = `folded-section-body-${id}`;
+    const contentsId = `folded-section-contents-${id}`;
+    const summaryId = `folded-section-summary-${id}`;
+    const descriptionId = `folded-section-description-${id}`;
+    const translate = (text) => {
+        var _a;
+        return (_a = translator.translateText(text)) !== null && _a !== void 0 ? _a : text;
+    };
+    const { shown, hiddenCount } = getFoldedSectionItemsShown(props.items || []);
+    const hasSetItem = shown.some((item) => {
+        return item.isSet;
+    });
+    const showContents = isCollapsed && shown.length > 0;
+    const showSummary = Boolean(isCollapsed && props.summary);
+    const showBadge = Boolean(isCollapsed && props.badge);
+    const showDescription = Boolean(!isCollapsed && props.description);
+    const describedBy = [];
+    if (showContents || showBadge) {
+        describedBy.push(contentsId);
+    }
+    if (showSummary) {
+        describedBy.push(summaryId);
+    }
+    if (showDescription) {
+        describedBy.push(descriptionId);
+    }
+    /*
+     * Between two things listed: the pills are apart on screen already; a
+     * screen reader hears a comma, so the names are not read as one.
+     */
+    const renderSeparator = () => {
+        return React.createElement("span", { className: "sr-only" }, ", ");
+    };
+    const renderItem = (item) => {
+        const title = translate(item.title);
+        if (!item.isSet) {
+            return (React.createElement("span", { "data-testid": "folded-section-item", "data-item-key": item.key, "data-item-set": "false", className: "inline-flex min-w-0 max-w-full items-center rounded-full px-2 py-0.5 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-200" },
+                React.createElement("span", { className: "truncate" }, title)));
+        }
+        const value = item.value
+            ? item.translateValue
+                ? translate(item.value)
+                : item.value
+            : undefined;
+        return (React.createElement("span", { "data-testid": "folded-section-item", "data-item-key": item.key, "data-item-set": "true", className: "inline-flex min-w-0 max-w-full items-center gap-1.5 rounded-full bg-indigo-50 px-2 py-0.5 text-xs font-medium text-indigo-700 ring-1 ring-inset ring-indigo-200" },
+            React.createElement("span", { "aria-hidden": "true", className: "h-1.5 w-1.5 flex-none rounded-full bg-indigo-500" }),
+            React.createElement("span", { className: "truncate" },
+                title,
+                value ? (React.createElement(React.Fragment, null,
+                    ": ",
+                    React.createElement("span", { className: "font-normal" }, value))) : (React.createElement(React.Fragment, null)))));
+    };
+    return (React.createElement("div", { className: `border border-gray-200 bg-white transition-colors duration-150 ${props.isElevated ? "rounded-xl shadow-sm" : "rounded-lg"} ${props.className || ""}`, "data-testid": props.dataTestId || FOLDED_SECTION_TEST_ID, "data-collapsed": isCollapsed ? "true" : "false" },
+        React.createElement("button", { type: "button", className: `flex w-full items-start gap-3 text-left transition-colors duration-150 hover:bg-gray-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-indigo-500 ${props.isElevated ? "px-5 py-4 md:px-6" : "px-4 py-3"} ${props.isElevated
+                ? isCollapsed
+                    ? "rounded-xl"
+                    : "rounded-t-xl"
+                : isCollapsed
+                    ? "rounded-lg"
+                    : "rounded-t-lg"}`, onClick: toggle, "aria-expanded": !isCollapsed, "aria-controls": bodyId, "aria-labelledby": titleId, "aria-describedby": describedBy.length > 0 ? describedBy.join(" ") : undefined, "data-testid": "folded-section-header" },
+            props.icon ? (React.createElement("span", { "aria-hidden": "true", className: `mt-0.5 flex h-8 w-8 flex-none items-center justify-center rounded-md transition-colors duration-150 ${hasSetItem
+                    ? "bg-indigo-50 text-indigo-600"
+                    : "bg-gray-100 text-gray-500"}`, "data-testid": "folded-section-icon" },
+                React.createElement(Icon, { icon: props.icon, className: "h-4 w-4" }))) : (React.createElement(React.Fragment, null)),
+            React.createElement("span", { className: "min-w-0 flex-1" },
+                React.createElement("span", { id: titleId, className: "block text-sm font-medium leading-6 text-gray-900", "data-testid": "folded-section-title" }, translate(props.title)),
+                showDescription ? (React.createElement("span", { id: descriptionId, className: "mt-0.5 block text-sm text-gray-500", "data-testid": "folded-section-description" }, typeof props.description === "string"
+                    ? translate(props.description)
+                    : props.description)) : (React.createElement(React.Fragment, null)),
+                showContents || showBadge ? (React.createElement("span", { id: contentsId, className: "mt-1.5 flex flex-wrap items-center gap-1.5 text-xs leading-5 text-gray-500", "data-testid": "folded-section-contents" },
+                    shown.map((item, index) => {
+                        return (React.createElement(Fragment, { key: item.key },
+                            index > 0 ? renderSeparator() : React.createElement(React.Fragment, null),
+                            renderItem(item)));
+                    }),
+                    showContents && hiddenCount > 0 ? (React.createElement(React.Fragment, null,
+                        renderSeparator(),
+                        React.createElement("span", { className: "px-1 font-medium", "data-testid": "folded-section-more" }, translator.translatePlural({ one: "{{count}} more", other: "{{count}} more" }, hiddenCount)))) : (React.createElement(React.Fragment, null)),
+                    showBadge ? (React.createElement(React.Fragment, null,
+                        showContents ? renderSeparator() : React.createElement(React.Fragment, null),
+                        React.createElement("span", { className: "inline-flex items-center rounded-full bg-gray-100 px-2 py-0.5 text-xs font-medium text-gray-700", "data-testid": "folded-section-badge" }, translate(props.badge || "")))) : (React.createElement(React.Fragment, null)))) : (React.createElement(React.Fragment, null)),
+                showSummary ? (React.createElement("span", { id: summaryId, className: "mt-1 block break-words text-sm leading-5 text-gray-600", "data-testid": "collapsible-section-summary" }, typeof props.summary === "string"
+                    ? translate(props.summary)
+                    : props.summary)) : (React.createElement(React.Fragment, null))),
+            React.createElement("span", { "aria-hidden": "true", className: "mt-1 flex-none text-gray-400", "data-testid": "folded-section-chevron" },
+                React.createElement(Icon, { icon: IconProp.ChevronDown, className: `h-5 w-5 transition-transform duration-200 motion-reduce:transition-none ${isCollapsed ? "" : "-rotate-180"}` }))),
+        React.createElement("div", { id: bodyId, className: `overflow-hidden duration-200 ease-in-out motion-reduce:transition-none ${isCollapsed
+                ? "max-h-0 opacity-0 invisible transition-all"
+                : "max-h-[5000px] opacity-100 transition-[max-height,opacity]"}`, "data-testid": "folded-section-body" },
+            React.createElement("div", { className: `border-t border-gray-200 ${props.isElevated ? "px-5 py-5 md:px-6" : "px-4 py-4"}` }, props.children))));
+};
+export default FoldedSection;
+//# sourceMappingURL=FoldedSection.js.map

package/build/dist/UI/Components/FoldedSection/FoldedSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FoldedSection.js","sourceRoot":"","sources":["../../../../../UI/Components/FoldedSection/FoldedSection.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/FoldedSection/FoldedSectionItem.js

@@ -0,0 +1,58 @@
+import { translationKey } from "../../Utils/TranslateTemplate";
+/*
+ * How many unset names a folded header lists before it says how many more
+ * there are: a "small summary of things", not the form again. Set items are
+ * always listed - they are what a reader must not miss.
+ */
+export const FOLDED_SECTION_MAX_UNSET_ITEMS = 4;
+// Said after the names listed, for the rest: "Labels · 3 more".
+export const FOLDED_SECTION_MORE_ITEMS = {
+    one: translationKey("{{count}} more"),
+    other: translationKey("{{count}} more"),
+};
+// A set switch, folded: "Private Incident: On".
+export const FOLDED_SECTION_ON = translationKey("On");
+export const FOLDED_SECTION_OFF = translationKey("Off");
+/*
+ * Which items a folded header lists: every set one, and unset ones in their
+ * order up to the limit. One left over is listed rather than counted - "1
+ * more" takes as much room as the name it stands for.
+ */
+export const getFoldedSectionItemsShown = (items, maxUnsetItems = FOLDED_SECTION_MAX_UNSET_ITEMS) => {
+    const unsetCount = items.filter((item) => {
+        return !item.isSet;
+    }).length;
+    const limit = unsetCount - maxUnsetItems <= 1 ? unsetCount : Math.max(0, maxUnsetItems);
+    const shown = [];
+    let unsetShown = 0;
+    for (const item of items) {
+        if (item.isSet) {
+            shown.push(item);
+            continue;
+        }
+        if (unsetShown < limit) {
+            shown.push(item);
+            unsetShown++;
+        }
+    }
+    return {
+        shown: shown,
+        hiddenCount: unsetCount - unsetShown,
+    };
+};
+// A page's way of naming a card in its folded section.
+export const foldedSectionItem = (title, options) => {
+    const item = {
+        key: (options === null || options === void 0 ? void 0 : options.key) || title,
+        title: title,
+        isSet: Boolean(options === null || options === void 0 ? void 0 : options.isSet),
+    };
+    if (item.isSet && (options === null || options === void 0 ? void 0 : options.value)) {
+        item.value = options.value;
+        if (options.translateValue) {
+            item.translateValue = true;
+        }
+    }
+    return item;
+};
+//# sourceMappingURL=FoldedSectionItem.js.map

package/build/dist/UI/Components/FoldedSection/FoldedSectionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FoldedSectionItem.js","sourceRoot":"","sources":["../../../../../UI/Components/FoldedSection/FoldedSectionItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAuC/D;;;;GAIG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAW,CAAC,CAAC;AAExD,gEAAgE;AAChE,MAAM,CAAC,MAAM,yBAAyB,GAAmC;IACvE,GAAG,EAAE,cAAc,CAAC,gBAAgB,CAAC;IACrC,KAAK,EAAE,cAAc,CAAC,gBAAgB,CAAC;CACxC,CAAC;AAEF,gDAAgD;AAChD,MAAM,CAAC,MAAM,iBAAiB,GAAW,cAAc,CAAC,IAAI,CAAC,CAAC;AAC9D,MAAM,CAAC,MAAM,kBAAkB,GAAW,cAAc,CAAC,KAAK,CAAC,CAAC;AAchE;;;;GAIG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAuC,CAC5E,KAA+B,EAC/B,gBAAwB,8BAA8B,EAC7B,EAAE;IAC3B,MAAM,UAAU,GAAW,KAAK,CAAC,MAAM,CAAC,CAAC,IAAuB,EAAE,EAAE;QAClE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;IACrB,CAAC,CAAC,CAAC,MAAM,CAAC;IAEV,MAAM,KAAK,GACT,UAAU,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC;IAE5E,MAAM,KAAK,GAA6B,EAAE,CAAC;IAC3C,IAAI,UAAU,GAAW,CAAC,CAAC;IAE3B,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjB,SAAS;QACX,CAAC;QAED,IAAI,UAAU,GAAG,KAAK,EAAE,CAAC;YACvB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjB,UAAU,EAAE,CAAC;QACf,CAAC;IACH,CAAC;IAED,OAAO;QACL,KAAK,EAAE,KAAK;QACZ,WAAW,EAAE,UAAU,GAAG,UAAU;KACrC,CAAC;AACJ,CAAC,CAAC;AAYF,uDAAuD;AACvD,MAAM,CAAC,MAAM,iBAAiB,GAAuC,CACnE,KAAa,EACb,OAKC,EACkB,EAAE;IACrB,MAAM,IAAI,GAAsB;QAC9B,GAAG,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,KAAI,KAAK;QAC1B,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,OAAO,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC;KAC/B,CAAC;IAEF,IAAI,IAAI,CAAC,KAAK,KAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAA,EAAE,CAAC;QACjC,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;QAE3B,IAAI,OAAO,CAAC,cAAc,EAAE,CAAC;YAC3B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC7B,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}

package/build/dist/UI/Components/FoldedSection/FoldedSectionTitles.js

@@ -0,0 +1,34 @@
+import IconProp from "../../../Types/Icon/IconProp";
+import { translationKey } from "../../Utils/TranslateTemplate";
+/*
+ * What the folds of rarely needed things are called, everywhere. One name
+ * per kind, so people learn it once:
+ *
+ *   - "More fields": a form's fold (Forms/Utils/AdvancedFormSection) -
+ *     more of the same form's fields, at the end of the form or its step.
+ *   - "More settings": a page's fold (AdvancedPageSection) - settings cards
+ *     most people never need, after the ones they do.
+ *
+ * They used to be called "Advanced", which said who the options were for
+ * (experts) rather than what they were, and told nobody what was inside.
+ * The maintainer: "The advanced section in the form should be called
+ * something better - like 'more' or something as such." Not "More options":
+ * that is the name of the ⋯ button on every card and table row
+ * (MoreMenu), and an API key's folded Block Permissions table has one of
+ * its own - a fold of the same name around it would make two different
+ * controls one name.
+ *
+ * Side menus keep their "Advanced" section: it is a group of pages, not a
+ * fold of fields, and SideMenuSectionState folds it by that title.
+ */
+export const MORE_FIELDS_SECTION_TITLE = translationKey("More fields");
+export const MORE_SETTINGS_SECTION_TITLE = translationKey("More settings");
+// The icon in the header's tile of both: things to adjust.
+export const MORE_SECTION_ICON = IconProp.AdjustmentHorizontal;
+/*
+ * What a fold of rarely needed things must not be called any more - a form
+ * section, a page section or a wizard step (FoldedSectionsGuard,
+ * AdvancedStepsGuard).
+ */
+export const RETIRED_FOLD_TITLE = /^advanced\b/i;
+//# sourceMappingURL=FoldedSectionTitles.js.map

package/build/dist/UI/Components/FoldedSection/FoldedSectionTitles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FoldedSectionTitles.js","sourceRoot":"","sources":["../../../../../UI/Components/FoldedSection/FoldedSectionTitles.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,8BAA8B,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,CAAC,MAAM,yBAAyB,GAAW,cAAc,CAAC,aAAa,CAAC,CAAC;AAE/E,MAAM,CAAC,MAAM,2BAA2B,GACtC,cAAc,CAAC,eAAe,CAAC,CAAC;AAElC,2DAA2D;AAC3D,MAAM,CAAC,MAAM,iBAAiB,GAAa,QAAQ,CAAC,oBAAoB,CAAC;AAEzE;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAW,cAAc,CAAC"}

package/build/dist/UI/Components/FormModal/BasicFormModal.js

@@ -3,6 +3,9 @@ import ComponentLoader from "../ComponentLoader/ComponentLoader";
 import ErrorMessage from "../ErrorMessage/ErrorMessage";
 import BasicForm from "../Forms/BasicForm";
 import FormAnalyticsName from "../Forms/Utils/FormAnalyticsName";
+import { getSteppedModalFooter, } from "../Forms/Utils/SteppedFormFooter";
+import { getFormModalWidth } from "../Forms/Utils/FormModalWidth";
+import { OpenFormSectionsContext, useOpenFormSections, } from "../Forms/Utils/OpenFormSections";
 import Modal, { ModalWidth } from "../Modal/Modal";
 import React, { useEffect, useRef, useState } from "react";
 const BasicFormModal = (props) => {
@@ -10,21 +13,47 @@ const BasicFormModal = (props) => {
     const [isLoading, setIsLoading] = useState(Boolean(props.isLoading));
     const formRef = useRef(null);
     /*
-     * A stepped form's button moves on until the last step, and says so: it
-     * read the action ("Change State", "Add Subscribers") on every step while
-     * it only went to the next one. Like ModelFormModal, a stepped dialog is
-     * also widened to fit the step list beside the fields.
+     * A stepped form walks with a plain Next and offers the dialog's action
+     * ("Change State", "Add Subscribers") on its last step only, as its one
+     * primary button (Forms/Utils/SteppedFormFooter.ts). Like ModelFormModal,
+     * a stepped dialog is also widened to fit the step list beside the
+     * fields.
      */
     const hasSteps = Boolean(props.formProps.steps && props.formProps.steps.length > 0);
-    const [isOnLastFormStep, setIsOnLastFormStep] = useState(true);
-    const submitButtonText = hasSteps && !isOnLastFormStep ? "Next" : props.submitButtonText;
+    // Starts on Next: the form reports where it is once its first step opens.
+    const [isOnLastFormStep, setIsOnLastFormStep] = useState(!hasSteps);
+    /*
+     * Without a submitButtonText the dialog's own default ("Save") is the
+     * action: Modal draws it when handed none.
+     */
+    const footer = getSteppedModalFooter({
+        hasSteps: hasSteps,
+        isOnLastStep: isOnLastFormStep,
+        onAction: () => {
+            var _a;
+            (_a = formRef.current) === null || _a === void 0 ? void 0 : _a.submitAllSteps();
+        },
+        onNext: () => {
+            var _a;
+            (_a = formRef.current) === null || _a === void 0 ? void 0 : _a.goToNextStep();
+        },
+    });
     useEffect(() => {
         setIsLoading(Boolean(props.isLoading));
     }, [props.isLoading]);
-    return (React.createElement(Modal, Object.assign({}, props, { submitButtonText: submitButtonText, modalWidth: (_a = props.modalWidth) !== null && _a !== void 0 ? _a : (hasSteps ? ModalWidth.Medium : undefined), submitButtonType: ButtonType.Submit, isLoading: isLoading, onSubmit: () => {
-            formRef.current.submitForm();
-        } }),
-        React.createElement(React.Fragment, null,
+    // Which folded sections are open: an editor in one widens the dialog.
+    const openFormSections = useOpenFormSections();
+    return (React.createElement(Modal, Object.assign({}, props, { submitButtonText: props.submitButtonText, 
+        /*
+         * A form with a Markdown editor opens wide, its toolbar on one line -
+         * or grows wide when a folded section with one is opened.
+         */
+        modalWidth: getFormModalWidth({
+            fields: props.formProps.fields,
+            width: (_a = props.modalWidth) !== null && _a !== void 0 ? _a : (hasSteps ? ModalWidth.Medium : undefined),
+            openSectionIds: openFormSections.openSectionIds,
+        }), submitButtonType: ButtonType.Submit, isLoading: isLoading, onSubmit: footer.onSubmit, secondaryButton: footer.secondaryButton }),
+        React.createElement(OpenFormSectionsContext.Provider, { value: openFormSections.reportSectionOpen },
             isLoading && React.createElement(ComponentLoader, null),
             props.error && React.createElement(ErrorMessage, { message: props.error }),
             !isLoading && (React.createElement(BasicForm, Object.assign({}, props.formProps, { name: FormAnalyticsName.resolve(props.name, props.formProps.name, props.title), hideSubmitButton: true, onIsLastFormStep: (isLastFormStep) => {

package/build/dist/UI/Components/FormModal/BasicFormModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicFormModal.js","sourceRoot":"","sources":["../../../../../UI/Components/FormModal/BasicFormModal.tsx"],"names":[],"mappings":"AACA,OAAO,UAAU,MAAM,uBAAuB,CAAC;AAC/C,OAAO,eAAe,MAAM,oCAAoC,CAAC;AACjE,OAAO,YAAY,MAAM,8BAA8B,CAAC;AACxD,OAAO,SAEN,MAAM,oBAAoB,CAAC;AAC5B,OAAO,iBAAiB,MAAM,kCAAkC,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEnD,OAAO,KAAK,EAAE,EAAgB,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAqBzE,MAAM,cAAc,GAEA,CAClB,KAAwB,EACV,EAAE;;IAChB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAC9E,MAAM,OAAO,GAAQ,MAAM,CAAM,IAAI,CAAC,CAAC;IAEvC;;;;;OAKG;IACH,MAAM,QAAQ,GAAY,OAAO,CAC/B,KAAK,CAAC,SAAS,CAAC,KAAK,IAAI,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAC1D,CAAC;IAEF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAU,IAAI,CAAC,CAAC;IAExE,MAAM,gBAAgB,GACpB,QAAQ,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC;IAElE,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,oBAAC,KAAK,oBACA,KAAK,IACT,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EACR,MAAA,KAAK,CAAC,UAAU,mCAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,EAEhE,gBAAgB,EAAE,UAAU,CAAC,MAAM,EACnC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,GAAG,EAAE;YACb,OAAO,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;QAC/B,CAAC;QAED;YACG,SAAS,IAAI,oBAAC,eAAe,OAAG;YAEhC,KAAK,CAAC,KAAK,IAAI,oBAAC,YAAY,IAAC,OAAO,EAAE,KAAK,CAAC,KAAK,GAAI;YAErD,CAAC,SAAS,IAAI,CACb,oBAAC,SAAS,oBACJ,KAAK,CAAC,SAAS,IACnB,IAAI,EAAE,iBAAiB,CAAC,OAAO,CAC7B,KAAK,CAAC,IAAI,EACV,KAAK,CAAC,SAAS,CAAC,IAAI,EACpB,KAAK,CAAC,KAAK,CACZ,EACD,gBAAgB,EAAE,IAAI,EACtB,gBAAgB,EAAE,CAAC,cAAuB,EAAE,EAAE;;oBAC5C,mBAAmB,CAAC,cAAc,CAAC,CAAC;oBACpC,MAAA,MAAA,KAAK,CAAC,SAAS,EAAC,gBAAgB,mDAAG,cAAc,CAAC,CAAC;gBACrD,CAAC,EACD,GAAG,EAAE,OAAO,EACZ,eAAe,EAAE,CAAC,aAAsB,EAAE,EAAE;oBAC1C,YAAY,CAAC,aAAa,CAAC,CAAC;gBAC9B,CAAC,EACD,QAAQ,EAAE,CAAC,IAAO,EAAE,EAAE;;oBACpB,MAAA,KAAK,CAAC,QAAQ,sDAAG,IAAI,CAAC,CAAC;gBACzB,CAAC,IACD,CACH,CACA,CACG,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"BasicFormModal.js","sourceRoot":"","sources":["../../../../../UI/Components/FormModal/BasicFormModal.tsx"],"names":[],"mappings":"AACA,OAAO,UAAU,MAAM,uBAAuB,CAAC;AAC/C,OAAO,eAAe,MAAM,oCAAoC,CAAC;AACjE,OAAO,YAAY,MAAM,8BAA8B,CAAC;AACxD,OAAO,SAGN,MAAM,oBAAoB,CAAC;AAC5B,OAAO,iBAAiB,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAEL,qBAAqB,GACtB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAEL,uBAAuB,EACvB,mBAAmB,GACpB,MAAM,iCAAiC,CAAC;AACzC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEnD,OAAO,KAAK,EAAE,EAAgB,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAqBzE,MAAM,cAAc,GAEA,CAClB,KAAwB,EACV,EAAE;;IAChB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAC9E,MAAM,OAAO,GACX,MAAM,CAAyB,IAAI,CAAC,CAAC;IAEvC;;;;;;OAMG;IACH,MAAM,QAAQ,GAAY,OAAO,CAC/B,KAAK,CAAC,SAAS,CAAC,KAAK,IAAI,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAC1D,CAAC;IAEF,0EAA0E;IAC1E,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAU,CAAC,QAAQ,CAAC,CAAC;IAE7E;;;OAGG;IACH,MAAM,MAAM,GAAuB,qBAAqB,CAAC;QACvD,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,gBAAgB;QAC9B,QAAQ,EAAE,GAAG,EAAE;;YACb,MAAA,OAAO,CAAC,OAAO,0CAAE,cAAc,EAAE,CAAC;QACpC,CAAC;QACD,MAAM,EAAE,GAAG,EAAE;;YACX,MAAA,OAAO,CAAC,OAAO,0CAAE,YAAY,EAAE,CAAC;QAClC,CAAC;KACF,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAEtB,sEAAsE;IACtE,MAAM,gBAAgB,GAAqB,mBAAmB,EAAE,CAAC;IAEjE,OAAO,CACL,oBAAC,KAAK,oBACA,KAAK,IACT,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC;;;WAGG;QACH,UAAU,EAAE,iBAAiB,CAAC;YAC5B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM;YAC9B,KAAK,EAAE,MAAA,KAAK,CAAC,UAAU,mCAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;YACrE,cAAc,EAAE,gBAAgB,CAAC,cAAc;SAChD,CAAC,EACF,gBAAgB,EAAE,UAAU,CAAC,MAAM,EACnC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,eAAe,EAAE,MAAM,CAAC,eAAe;QAEvC,oBAAC,uBAAuB,CAAC,QAAQ,IAC/B,KAAK,EAAE,gBAAgB,CAAC,iBAAiB;YAExC,SAAS,IAAI,oBAAC,eAAe,OAAG;YAEhC,KAAK,CAAC,KAAK,IAAI,oBAAC,YAAY,IAAC,OAAO,EAAE,KAAK,CAAC,KAAK,GAAI;YAErD,CAAC,SAAS,IAAI,CACb,oBAAC,SAAS,oBACJ,KAAK,CAAC,SAAS,IACnB,IAAI,EAAE,iBAAiB,CAAC,OAAO,CAC7B,KAAK,CAAC,IAAI,EACV,KAAK,CAAC,SAAS,CAAC,IAAI,EACpB,KAAK,CAAC,KAAK,CACZ,EACD,gBAAgB,EAAE,IAAI,EACtB,gBAAgB,EAAE,CAAC,cAAuB,EAAE,EAAE;;oBAC5C,mBAAmB,CAAC,cAAc,CAAC,CAAC;oBACpC,MAAA,MAAA,KAAK,CAAC,SAAS,EAAC,gBAAgB,mDAAG,cAAc,CAAC,CAAC;gBACrD,CAAC,EACD,GAAG,EAAE,OAAO,EACZ,eAAe,EAAE,CAAC,aAAsB,EAAE,EAAE;oBAC1C,YAAY,CAAC,aAAa,CAAC,CAAC;gBAC9B,CAAC,EACD,QAAQ,EAAE,CAAC,IAAO,EAAE,EAAE;;oBACpB,MAAA,KAAK,CAAC,QAAQ,sDAAG,IAAI,CAAC,CAAC;gBACzB,CAAC,IACD,CACH,CACgC,CAC7B,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}