@perses-dev/components 0.55.0-rc.1 → 0.56.0-beta.0

package/dist/LinksEditor/LinkEditorForm.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
 // Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -14,75 +15,155 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Checkbox, FormControlLabel, Stack } from "@mui/material";
 import { TextField } from "../controls/index.js";
 export const LinkEditorForm = (props)=>{
+    const $ = _c(29);
     const { mode, url, name, newTabOpen, renderVariables, tooltip } = props;
-    return /*#__PURE__*/ _jsxs(Stack, {
-        direction: "column",
-        gap: 2,
-        flexGrow: 1,
-        children: [
-            /*#__PURE__*/ _jsx(TextField, {
-                label: url.label,
-                error: url.error?.hasError,
-                helperText: url.error?.helperText,
-                onChange: url.onChange,
-                onBlur: url.onBlur,
-                placeholder: url.placeholder,
-                multiline: true,
-                maxRows: 5,
-                required: true,
-                fullWidth: true,
-                value: url.value
-            }),
-            (name || tooltip) && /*#__PURE__*/ _jsxs(Stack, {
-                gap: 1,
-                direction: mode === 'inline' ? 'row' : 'column',
-                children: [
-                    name && /*#__PURE__*/ _jsx(TextField, {
-                        sx: {
-                            flexGrow: '1'
-                        },
-                        label: name.label,
-                        onChange: name?.onChange,
-                        placeholder: name?.placeholder,
-                        value: name?.value
-                    }),
-                    tooltip && /*#__PURE__*/ _jsx(TextField, {
-                        sx: {
-                            flexGrow: '1'
-                        },
-                        label: tooltip.label,
-                        onChange: tooltip?.onChange,
-                        placeholder: tooltip?.placeholder,
-                        value: tooltip?.value
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsxs(Stack, {
-                direction: "row",
-                gap: 1,
-                children: [
-                    renderVariables && /*#__PURE__*/ _jsx(FormControlLabel, {
-                        label: renderVariables.label,
-                        control: /*#__PURE__*/ _jsx(Checkbox, {
-                            checked: renderVariables.value,
-                            onChange: (e)=>{
-                                renderVariables?.onChange(e.target.checked);
-                            }
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx(FormControlLabel, {
-                        label: newTabOpen.label,
-                        control: /*#__PURE__*/ _jsx(Checkbox, {
-                            checked: newTabOpen.value,
-                            onChange: (e)=>{
-                                newTabOpen?.onChange(e.target.checked);
-                            }
-                        })
-                    })
-                ]
+    const t0 = url.error?.hasError;
+    const t1 = url.error?.helperText;
+    let t2;
+    if ($[0] !== t0 || $[1] !== t1 || $[2] !== url.label || $[3] !== url.onBlur || $[4] !== url.onChange || $[5] !== url.placeholder || $[6] !== url.value) {
+        t2 = /*#__PURE__*/ _jsx(TextField, {
+            label: url.label,
+            error: t0,
+            helperText: t1,
+            onChange: url.onChange,
+            onBlur: url.onBlur,
+            placeholder: url.placeholder,
+            multiline: true,
+            maxRows: 5,
+            required: true,
+            fullWidth: true,
+            value: url.value
+        });
+        $[0] = t0;
+        $[1] = t1;
+        $[2] = url.label;
+        $[3] = url.onBlur;
+        $[4] = url.onChange;
+        $[5] = url.placeholder;
+        $[6] = url.value;
+        $[7] = t2;
+    } else {
+        t2 = $[7];
+    }
+    let t3;
+    if ($[8] !== mode || $[9] !== name || $[10] !== tooltip) {
+        t3 = (name || tooltip) && /*#__PURE__*/ _jsxs(Stack, {
+            gap: 1,
+            direction: mode === "inline" ? "row" : "column",
+            children: [
+                name && /*#__PURE__*/ _jsx(TextField, {
+                    sx: {
+                        flexGrow: "1"
+                    },
+                    label: name.label,
+                    onChange: name?.onChange,
+                    placeholder: name?.placeholder,
+                    value: name?.value
+                }),
+                tooltip && /*#__PURE__*/ _jsx(TextField, {
+                    sx: {
+                        flexGrow: "1"
+                    },
+                    label: tooltip.label,
+                    onChange: tooltip?.onChange,
+                    placeholder: tooltip?.placeholder,
+                    value: tooltip?.value
+                })
+            ]
+        });
+        $[8] = mode;
+        $[9] = name;
+        $[10] = tooltip;
+        $[11] = t3;
+    } else {
+        t3 = $[11];
+    }
+    let t4;
+    if ($[12] !== renderVariables) {
+        t4 = renderVariables && /*#__PURE__*/ _jsx(FormControlLabel, {
+            label: renderVariables.label,
+            control: /*#__PURE__*/ _jsx(Checkbox, {
+                checked: renderVariables.value,
+                onChange: (e)=>{
+                    renderVariables?.onChange(e.target.checked);
+                }
             })
-        ]
-    });
+        });
+        $[12] = renderVariables;
+        $[13] = t4;
+    } else {
+        t4 = $[13];
+    }
+    let t5;
+    if ($[14] !== newTabOpen) {
+        t5 = (e_0)=>{
+            newTabOpen?.onChange(e_0.target.checked);
+        };
+        $[14] = newTabOpen;
+        $[15] = t5;
+    } else {
+        t5 = $[15];
+    }
+    let t6;
+    if ($[16] !== newTabOpen.value || $[17] !== t5) {
+        t6 = /*#__PURE__*/ _jsx(Checkbox, {
+            checked: newTabOpen.value,
+            onChange: t5
+        });
+        $[16] = newTabOpen.value;
+        $[17] = t5;
+        $[18] = t6;
+    } else {
+        t6 = $[18];
+    }
+    let t7;
+    if ($[19] !== newTabOpen.label || $[20] !== t6) {
+        t7 = /*#__PURE__*/ _jsx(FormControlLabel, {
+            label: newTabOpen.label,
+            control: t6
+        });
+        $[19] = newTabOpen.label;
+        $[20] = t6;
+        $[21] = t7;
+    } else {
+        t7 = $[21];
+    }
+    let t8;
+    if ($[22] !== t4 || $[23] !== t7) {
+        t8 = /*#__PURE__*/ _jsxs(Stack, {
+            direction: "row",
+            gap: 1,
+            children: [
+                t4,
+                t7
+            ]
+        });
+        $[22] = t4;
+        $[23] = t7;
+        $[24] = t8;
+    } else {
+        t8 = $[24];
+    }
+    let t9;
+    if ($[25] !== t2 || $[26] !== t3 || $[27] !== t8) {
+        t9 = /*#__PURE__*/ _jsxs(Stack, {
+            direction: "column",
+            gap: 2,
+            flexGrow: 1,
+            children: [
+                t2,
+                t3,
+                t8
+            ]
+        });
+        $[25] = t2;
+        $[26] = t3;
+        $[27] = t8;
+        $[28] = t9;
+    } else {
+        t9 = $[28];
+    }
+    return t9;
 };
 
 //# sourceMappingURL=LinkEditorForm.js.map

package/dist/LinksEditor/LinkEditorForm.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/LinksEditor/LinkEditorForm.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Checkbox, FormControlLabel, Stack } from '@mui/material';\nimport type { ReactElement } from 'react';\n\nimport { TextField } from '../controls';\n\nexport interface LinkEditorFormField<T> {\n  value: T;\n  onChange: (value: T) => void;\n  onBlur?: () => void;\n  placeholder?: string;\n  label: string;\n  error: { hasError?: boolean; helperText?: string };\n}\n\nexport interface LinkEditorFormProps {\n  mode: 'inline' | 'modalEmbedded';\n  url: LinkEditorFormField<string>;\n  name?: Omit<LinkEditorFormField<string>, 'error'>;\n  tooltip?: Omit<LinkEditorFormField<string>, 'error'>;\n  newTabOpen: Omit<LinkEditorFormField<boolean>, 'error'>;\n  renderVariables?: Omit<LinkEditorFormField<boolean>, 'error'>;\n}\n\nexport const LinkEditorForm = (props: LinkEditorFormProps): ReactElement => {\n  const { mode, url, name, newTabOpen, renderVariables, tooltip } = props;\n\n  return (\n    <Stack direction=\"column\" gap={2} flexGrow={1}>\n      <TextField\n        label={url.label}\n        error={url.error?.hasError}\n        helperText={url.error?.helperText}\n        onChange={url.onChange}\n        onBlur={url.onBlur}\n        placeholder={url.placeholder}\n        multiline\n        maxRows={5}\n        required\n        fullWidth\n        value={url.value}\n      />\n      {(name || tooltip) && (\n        <Stack gap={1} direction={mode === 'inline' ? 'row' : 'column'}>\n          {name && (\n            <TextField\n              sx={{ flexGrow: '1' }}\n              label={name.label}\n              onChange={name?.onChange}\n              placeholder={name?.placeholder}\n              value={name?.value}\n            />\n          )}\n          {tooltip && (\n            <TextField\n              sx={{ flexGrow: '1' }}\n              label={tooltip.label}\n              onChange={tooltip?.onChange}\n              placeholder={tooltip?.placeholder}\n              value={tooltip?.value}\n            />\n          )}\n        </Stack>\n      )}\n      <Stack direction=\"row\" gap={1}>\n        {renderVariables && (\n          <FormControlLabel\n            label={renderVariables.label}\n            control={\n              <Checkbox\n                checked={renderVariables.value}\n                onChange={(e) => {\n                  renderVariables?.onChange(e.target.checked);\n                }}\n              />\n            }\n          />\n        )}\n\n        <FormControlLabel\n          label={newTabOpen.label}\n          control={\n            <Checkbox\n              checked={newTabOpen.value}\n              onChange={(e) => {\n                newTabOpen?.onChange(e.target.checked);\n              }}\n            />\n          }\n        />\n      </Stack>\n    </Stack>\n  );\n};\n"],"names":["Checkbox","FormControlLabel","Stack","TextField","LinkEditorForm","props","mode","url","name","newTabOpen","renderVariables","tooltip","direction","gap","flexGrow","label","error","hasError","helperText","onChange","onBlur","placeholder","multiline","maxRows","required","fullWidth","value","sx","control","checked","e","target"],"mappings":";AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,QAAQ,EAAEC,gBAAgB,EAAEC,KAAK,QAAQ,gBAAgB;AAGlE,SAASC,SAAS,QAAQ,uBAAc;AAoBxC,OAAO,MAAMC,iBAAiB,CAACC;IAC7B,MAAM,EAAEC,IAAI,EAAEC,GAAG,EAAEC,IAAI,EAAEC,UAAU,EAAEC,eAAe,EAAEC,OAAO,EAAE,GAAGN;IAElE,qBACE,MAACH;QAAMU,WAAU;QAASC,KAAK;QAAGC,UAAU;;0BAC1C,KAACX;gBACCY,OAAOR,IAAIQ,KAAK;gBAChBC,OAAOT,IAAIS,KAAK,EAAEC;gBAClBC,YAAYX,IAAIS,KAAK,EAAEE;gBACvBC,UAAUZ,IAAIY,QAAQ;gBACtBC,QAAQb,IAAIa,MAAM;gBAClBC,aAAad,IAAIc,WAAW;gBAC5BC,SAAS;gBACTC,SAAS;gBACTC,QAAQ;gBACRC,SAAS;gBACTC,OAAOnB,IAAImB,KAAK;;YAEhBlB,CAAAA,QAAQG,OAAM,mBACd,MAACT;gBAAMW,KAAK;gBAAGD,WAAWN,SAAS,WAAW,QAAQ;;oBACnDE,sBACC,KAACL;wBACCwB,IAAI;4BAAEb,UAAU;wBAAI;wBACpBC,OAAOP,KAAKO,KAAK;wBACjBI,UAAUX,MAAMW;wBAChBE,aAAab,MAAMa;wBACnBK,OAAOlB,MAAMkB;;oBAGhBf,yBACC,KAACR;wBACCwB,IAAI;4BAAEb,UAAU;wBAAI;wBACpBC,OAAOJ,QAAQI,KAAK;wBACpBI,UAAUR,SAASQ;wBACnBE,aAAaV,SAASU;wBACtBK,OAAOf,SAASe;;;;0BAKxB,MAACxB;gBAAMU,WAAU;gBAAMC,KAAK;;oBACzBH,iCACC,KAACT;wBACCc,OAAOL,gBAAgBK,KAAK;wBAC5Ba,uBACE,KAAC5B;4BACC6B,SAASnB,gBAAgBgB,KAAK;4BAC9BP,UAAU,CAACW;gCACTpB,iBAAiBS,SAASW,EAAEC,MAAM,CAACF,OAAO;4BAC5C;;;kCAMR,KAAC5B;wBACCc,OAAON,WAAWM,KAAK;wBACvBa,uBACE,KAAC5B;4BACC6B,SAASpB,WAAWiB,KAAK;4BACzBP,UAAU,CAACW;gCACTrB,YAAYU,SAASW,EAAEC,MAAM,CAACF,OAAO;4BACvC;;;;;;;AAOd,EAAE"}
+{"version":3,"sources":["../../src/LinksEditor/LinkEditorForm.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Checkbox, FormControlLabel, Stack } from '@mui/material';\nimport type { ReactElement } from 'react';\n\nimport { TextField } from '../controls';\n\nexport interface LinkEditorFormField<T> {\n  value: T;\n  onChange: (value: T) => void;\n  onBlur?: () => void;\n  placeholder?: string;\n  label: string;\n  error: { hasError?: boolean; helperText?: string };\n}\n\nexport interface LinkEditorFormProps {\n  mode: 'inline' | 'modalEmbedded';\n  url: LinkEditorFormField<string>;\n  name?: Omit<LinkEditorFormField<string>, 'error'>;\n  tooltip?: Omit<LinkEditorFormField<string>, 'error'>;\n  newTabOpen: Omit<LinkEditorFormField<boolean>, 'error'>;\n  renderVariables?: Omit<LinkEditorFormField<boolean>, 'error'>;\n}\n\nexport const LinkEditorForm = (props: LinkEditorFormProps): ReactElement => {\n  const { mode, url, name, newTabOpen, renderVariables, tooltip } = props;\n\n  return (\n    <Stack direction=\"column\" gap={2} flexGrow={1}>\n      <TextField\n        label={url.label}\n        error={url.error?.hasError}\n        helperText={url.error?.helperText}\n        onChange={url.onChange}\n        onBlur={url.onBlur}\n        placeholder={url.placeholder}\n        multiline\n        maxRows={5}\n        required\n        fullWidth\n        value={url.value}\n      />\n      {(name || tooltip) && (\n        <Stack gap={1} direction={mode === 'inline' ? 'row' : 'column'}>\n          {name && (\n            <TextField\n              sx={{ flexGrow: '1' }}\n              label={name.label}\n              onChange={name?.onChange}\n              placeholder={name?.placeholder}\n              value={name?.value}\n            />\n          )}\n          {tooltip && (\n            <TextField\n              sx={{ flexGrow: '1' }}\n              label={tooltip.label}\n              onChange={tooltip?.onChange}\n              placeholder={tooltip?.placeholder}\n              value={tooltip?.value}\n            />\n          )}\n        </Stack>\n      )}\n      <Stack direction=\"row\" gap={1}>\n        {renderVariables && (\n          <FormControlLabel\n            label={renderVariables.label}\n            control={\n              <Checkbox\n                checked={renderVariables.value}\n                onChange={(e) => {\n                  renderVariables?.onChange(e.target.checked);\n                }}\n              />\n            }\n          />\n        )}\n\n        <FormControlLabel\n          label={newTabOpen.label}\n          control={\n            <Checkbox\n              checked={newTabOpen.value}\n              onChange={(e) => {\n                newTabOpen?.onChange(e.target.checked);\n              }}\n            />\n          }\n        />\n      </Stack>\n    </Stack>\n  );\n};\n"],"names":["Checkbox","FormControlLabel","Stack","TextField","LinkEditorForm"],"mappings":";;AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,QAAQ,EAAEC,gBAAgB,EAAEC,KAAK,QAAQ,gBAAgB;AAGlE,SAASC,SAAS,QAAQ,uBAAc;AAoBxC,OAAO,MAAMC,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqE5B"}

package/dist/ModeSelector/ModeSelector.js

@@ -11,33 +11,75 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
 import { OptionsEditorControl } from "../OptionsEditorLayout/index.js";
 import { SettingsAutocomplete } from "../SettingsAutocomplete/index.js";
 const MODE_OPTIONS = [
     {
-        id: 'value',
-        label: 'Value'
+        id: "value",
+        label: "Value"
     },
     {
-        id: 'percentage',
-        label: 'Percentage'
+        id: "percentage",
+        label: "Percentage"
     }
 ];
-export function ModeSelector({ disablePercentageMode, onChange, value = 'value' }) {
-    const handleModeChange = (_, { id })=>{
-        onChange(id);
-    };
-    return /*#__PURE__*/ _jsx(OptionsEditorControl, {
-        label: "Mode",
-        control: /*#__PURE__*/ _jsx(SettingsAutocomplete, {
-            value: MODE_OPTIONS.find((o)=>o.id === value),
-            options: MODE_OPTIONS,
-            getOptionLabel: (o)=>o.label,
-            getOptionDisabled: (o)=>o.id === 'percentage' && disablePercentageMode,
-            onChange: handleModeChange,
-            disableClearable: true
-        })
-    });
+export function ModeSelector(t0) {
+    const $ = _c(10);
+    const { disablePercentageMode, onChange, value: t1 } = t0;
+    const value = t1 === undefined ? "value" : t1;
+    let t2;
+    if ($[0] !== onChange) {
+        t2 = (_, t3)=>{
+            const { id } = t3;
+            onChange(id);
+        };
+        $[0] = onChange;
+        $[1] = t2;
+    } else {
+        t2 = $[1];
+    }
+    const handleModeChange = t2;
+    let t3;
+    if ($[2] !== value) {
+        t3 = MODE_OPTIONS.find((o)=>o.id === value);
+        $[2] = value;
+        $[3] = t3;
+    } else {
+        t3 = $[3];
+    }
+    let t4;
+    if ($[4] !== disablePercentageMode) {
+        t4 = (o_1)=>o_1.id === "percentage" && disablePercentageMode;
+        $[4] = disablePercentageMode;
+        $[5] = t4;
+    } else {
+        t4 = $[5];
+    }
+    let t5;
+    if ($[6] !== handleModeChange || $[7] !== t3 || $[8] !== t4) {
+        t5 = /*#__PURE__*/ _jsx(OptionsEditorControl, {
+            label: "Mode",
+            control: /*#__PURE__*/ _jsx(SettingsAutocomplete, {
+                value: t3,
+                options: MODE_OPTIONS,
+                getOptionLabel: _temp,
+                getOptionDisabled: t4,
+                onChange: handleModeChange,
+                disableClearable: true
+            })
+        });
+        $[6] = handleModeChange;
+        $[7] = t3;
+        $[8] = t4;
+        $[9] = t5;
+    } else {
+        t5 = $[9];
+    }
+    return t5;
+}
+function _temp(o_0) {
+    return o_0.label;
 }
 
 //# sourceMappingURL=ModeSelector.js.map

package/dist/ModeSelector/ModeSelector.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ModeSelector/ModeSelector.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License |  Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing |  software\n// distributed under the License is distributed on an \"AS IS\" BASIS |\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND |  either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { ReactElement } from 'react';\n\nimport { OptionsEditorControl } from '../OptionsEditorLayout';\nimport { SettingsAutocomplete } from '../SettingsAutocomplete';\n\nconst MODE_OPTIONS: Array<{ id: ModeOption; label: string }> = [\n  { id: 'value', label: 'Value' },\n  { id: 'percentage', label: 'Percentage' },\n];\n\nexport type ModeOption = 'value' | 'percentage';\n\nexport interface ModeSelectorProps {\n  disablePercentageMode: boolean;\n  onChange: (mode: ModeOption) => void;\n  value?: ModeOption;\n}\n\nexport function ModeSelector({ disablePercentageMode, onChange, value = 'value' }: ModeSelectorProps): ReactElement {\n  const handleModeChange = (_: unknown, { id }: { id: ModeOption }): void => {\n    onChange(id);\n  };\n\n  return (\n    <OptionsEditorControl\n      label=\"Mode\"\n      control={\n        <SettingsAutocomplete\n          value={MODE_OPTIONS.find((o) => o.id === value)}\n          options={MODE_OPTIONS}\n          getOptionLabel={(o) => o.label}\n          getOptionDisabled={(o) => o.id === 'percentage' && disablePercentageMode}\n          onChange={handleModeChange}\n          disableClearable\n        />\n      }\n    />\n  );\n}\n"],"names":["OptionsEditorControl","SettingsAutocomplete","MODE_OPTIONS","id","label","ModeSelector","disablePercentageMode","onChange","value","handleModeChange","_","control","find","o","options","getOptionLabel","getOptionDisabled","disableClearable"],"mappings":"AAAA,+BAA+B;AAC/B,oEAAoE;AACpE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,wEAAwE;AACxE,qEAAqE;AACrE,6EAA6E;AAC7E,sEAAsE;AACtE,iCAAiC;;AAIjC,SAASA,oBAAoB,QAAQ,kCAAyB;AAC9D,SAASC,oBAAoB,QAAQ,mCAA0B;AAE/D,MAAMC,eAAyD;IAC7D;QAAEC,IAAI;QAASC,OAAO;IAAQ;IAC9B;QAAED,IAAI;QAAcC,OAAO;IAAa;CACzC;AAUD,OAAO,SAASC,aAAa,EAAEC,qBAAqB,EAAEC,QAAQ,EAAEC,QAAQ,OAAO,EAAqB;IAClG,MAAMC,mBAAmB,CAACC,GAAY,EAAEP,EAAE,EAAsB;QAC9DI,SAASJ;IACX;IAEA,qBACE,KAACH;QACCI,OAAM;QACNO,uBACE,KAACV;YACCO,OAAON,aAAaU,IAAI,CAAC,CAACC,IAAMA,EAAEV,EAAE,KAAKK;YACzCM,SAASZ;YACTa,gBAAgB,CAACF,IAAMA,EAAET,KAAK;YAC9BY,mBAAmB,CAACH,IAAMA,EAAEV,EAAE,KAAK,gBAAgBG;YACnDC,UAAUE;YACVQ,gBAAgB;;;AAK1B"}
+{"version":3,"sources":["../../src/ModeSelector/ModeSelector.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License |  Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing |  software\n// distributed under the License is distributed on an \"AS IS\" BASIS |\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND |  either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { ReactElement } from 'react';\n\nimport { OptionsEditorControl } from '../OptionsEditorLayout';\nimport { SettingsAutocomplete } from '../SettingsAutocomplete';\n\nconst MODE_OPTIONS: Array<{ id: ModeOption; label: string }> = [\n  { id: 'value', label: 'Value' },\n  { id: 'percentage', label: 'Percentage' },\n];\n\nexport type ModeOption = 'value' | 'percentage';\n\nexport interface ModeSelectorProps {\n  disablePercentageMode: boolean;\n  onChange: (mode: ModeOption) => void;\n  value?: ModeOption;\n}\n\nexport function ModeSelector({ disablePercentageMode, onChange, value = 'value' }: ModeSelectorProps): ReactElement {\n  const handleModeChange = (_: unknown, { id }: { id: ModeOption }): void => {\n    onChange(id);\n  };\n\n  return (\n    <OptionsEditorControl\n      label=\"Mode\"\n      control={\n        <SettingsAutocomplete\n          value={MODE_OPTIONS.find((o) => o.id === value)}\n          options={MODE_OPTIONS}\n          getOptionLabel={(o) => o.label}\n          getOptionDisabled={(o) => o.id === 'percentage' && disablePercentageMode}\n          onChange={handleModeChange}\n          disableClearable\n        />\n      }\n    />\n  );\n}\n"],"names":["OptionsEditorControl","SettingsAutocomplete","MODE_OPTIONS","id","label"],"mappings":"AAAA,+BAA+B;AAC/B,oEAAoE;AACpE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,wEAAwE;AACxE,qEAAqE;AACrE,6EAA6E;AAC7E,sEAAsE;AACtE,iCAAiC;;;AAIjC,SAASA,oBAAoB,QAAQ,kCAAyB;AAC9D,SAASC,oBAAoB,QAAQ,mCAA0B;AAE/D,MAAMC,eAAyD;IAC7D;QAAEC,IAAI;QAASC,OAAO;IAAQ;IAC9B;QAAED,IAAI;QAAcC,OAAO;IAAa;CACzC;AAUD,OAAO"}

package/dist/OptionsEditorLayout/OptionsEditorColumn.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
 // Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -14,15 +15,25 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Grid, Stack } from "@mui/material";
 /**
  * Lay out content in a column within panel options.
- */ export const OptionsEditorColumn = ({ children })=>{
-    return /*#__PURE__*/ _jsx(Grid, {
-        item: true,
-        xs: 4,
-        children: /*#__PURE__*/ _jsx(Stack, {
-            spacing: 3,
-            children: children
-        })
-    });
+ */ export const OptionsEditorColumn = (t0)=>{
+    const $ = _c(2);
+    const { children } = t0;
+    let t1;
+    if ($[0] !== children) {
+        t1 = /*#__PURE__*/ _jsx(Grid, {
+            item: true,
+            xs: 4,
+            children: /*#__PURE__*/ _jsx(Stack, {
+                spacing: 3,
+                children: children
+            })
+        });
+        $[0] = children;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    return t1;
 };
 
 //# sourceMappingURL=OptionsEditorColumn.js.map

package/dist/OptionsEditorLayout/OptionsEditorColumn.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/OptionsEditorLayout/OptionsEditorColumn.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Grid, Stack } from '@mui/material';\nimport type { ReactElement } from 'react';\n\nexport type OptionsEditorColumnProps = {\n  /**\n   * Components to render in the column. These will usually be\n   * `OptionsEditorGroup` components.\n   */\n  children: React.ReactNode;\n};\n\n/**\n * Lay out content in a column within panel options.\n */\nexport const OptionsEditorColumn = ({ children }: OptionsEditorColumnProps): ReactElement => {\n  return (\n    <Grid item xs={4}>\n      <Stack spacing={3}>{children}</Stack>\n    </Grid>\n  );\n};\n"],"names":["Grid","Stack","OptionsEditorColumn","children","item","xs","spacing"],"mappings":";AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,IAAI,EAAEC,KAAK,QAAQ,gBAAgB;AAW5C;;CAEC,GACD,OAAO,MAAMC,sBAAsB,CAAC,EAAEC,QAAQ,EAA4B;IACxE,qBACE,KAACH;QAAKI,IAAI;QAACC,IAAI;kBACb,cAAA,KAACJ;YAAMK,SAAS;sBAAIH;;;AAG1B,EAAE"}
+{"version":3,"sources":["../../src/OptionsEditorLayout/OptionsEditorColumn.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Grid, Stack } from '@mui/material';\nimport type { ReactElement } from 'react';\n\nexport type OptionsEditorColumnProps = {\n  /**\n   * Components to render in the column. These will usually be\n   * `OptionsEditorGroup` components.\n   */\n  children: React.ReactNode;\n};\n\n/**\n * Lay out content in a column within panel options.\n */\nexport const OptionsEditorColumn = ({ children }: OptionsEditorColumnProps): ReactElement => {\n  return (\n    <Grid item xs={4}>\n      <Stack spacing={3}>{children}</Stack>\n    </Grid>\n  );\n};\n"],"names":["Grid","Stack","OptionsEditorColumn"],"mappings":";;AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,IAAI,EAAEC,KAAK,QAAQ,gBAAgB;AAW5C;;CAEC,GACD,OAAO,MAAMC,sBAAsB;;;;;;;;;;;;;;;;;;;EAMjC"}

package/dist/OptionsEditorLayout/OptionsEditorControl.js

@@ -11,71 +11,147 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
 import { FormControl, FormLabel, Stack, Box, IconButton } from "@mui/material";
 import InformationOutlineIcon from "mdi-material-ui/InformationOutline";
 import React, { useId } from "react";
 import { InfoTooltip } from "../InfoTooltip/index.js";
-export const OptionsEditorControl = ({ label, control, description })=>{
-    // Make sure we have a unique ID we can use for associating labels and
-    // controls for a11y.
+export const OptionsEditorControl = (t0)=>{
+    const $ = _c(21);
+    const { label, control, description } = t0;
     const generatedControlId = `EditorSectionControl-${useId()}`;
     const controlId = `${generatedControlId}-control`;
     const labelId = `${generatedControlId}-label`;
-    const controlProps = {
-        id: controlId,
-        'aria-labelledby': labelId
-    };
-    return /*#__PURE__*/ _jsx(FormControl, {
-        children: /*#__PURE__*/ _jsxs(Stack, {
+    let t1;
+    if ($[0] !== controlId || $[1] !== labelId) {
+        t1 = {
+            id: controlId,
+            "aria-labelledby": labelId
+        };
+        $[0] = controlId;
+        $[1] = labelId;
+        $[2] = t1;
+    } else {
+        t1 = $[2];
+    }
+    const controlProps = t1;
+    let t2;
+    if ($[3] !== controlId || $[4] !== label || $[5] !== labelId) {
+        t2 = /*#__PURE__*/ _jsx(FormLabel, {
+            id: labelId,
+            htmlFor: controlId,
+            children: label
+        });
+        $[3] = controlId;
+        $[4] = label;
+        $[5] = labelId;
+        $[6] = t2;
+    } else {
+        t2 = $[6];
+    }
+    let t3;
+    if ($[7] !== description) {
+        t3 = description && /*#__PURE__*/ _jsx(InfoTooltip, {
+            description: description,
+            enterDelay: 100,
+            children: /*#__PURE__*/ _jsx(IconButton, {
+                size: "small",
+                sx: _temp,
+                children: /*#__PURE__*/ _jsx(InformationOutlineIcon, {
+                    "aria-describedby": "info-tooltip",
+                    "aria-hidden": false,
+                    fontSize: "inherit",
+                    sx: {
+                        color: _temp2
+                    }
+                })
+            })
+        });
+        $[7] = description;
+        $[8] = t3;
+    } else {
+        t3 = $[8];
+    }
+    let t4;
+    if ($[9] !== t2 || $[10] !== t3) {
+        t4 = /*#__PURE__*/ _jsxs(Stack, {
             direction: "row",
             alignItems: "center",
-            justifyContent: "space-between",
+            justifyContent: "center",
             children: [
-                /*#__PURE__*/ _jsxs(Stack, {
-                    direction: "row",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    children: [
-                        /*#__PURE__*/ _jsx(FormLabel, {
-                            id: labelId,
-                            htmlFor: controlId,
-                            children: label
-                        }),
-                        description && /*#__PURE__*/ _jsx(InfoTooltip, {
-                            description: description,
-                            enterDelay: 100,
-                            children: /*#__PURE__*/ _jsx(IconButton, {
-                                size: "small",
-                                sx: (theme)=>({
-                                        borderRadius: theme.shape.borderRadius,
-                                        padding: '4x',
-                                        margin: '0 2px'
-                                    }),
-                                children: /*#__PURE__*/ _jsx(InformationOutlineIcon, {
-                                    "aria-describedby": "info-tooltip",
-                                    "aria-hidden": false,
-                                    fontSize: "inherit",
-                                    sx: {
-                                        color: (theme)=>theme.palette.grey[700]
-                                    }
-                                })
-                            })
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ _jsxs(Box, {
-                    sx: {
-                        width: '180px',
-                        textAlign: 'right'
-                    },
-                    children: [
-                        " ",
-                        /*#__PURE__*/ React.cloneElement(control, controlProps)
-                    ]
-                })
+                t2,
+                t3
+            ]
+        });
+        $[9] = t2;
+        $[10] = t3;
+        $[11] = t4;
+    } else {
+        t4 = $[11];
+    }
+    let t5;
+    if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = {
+            width: "180px",
+            textAlign: "right"
+        };
+        $[12] = t5;
+    } else {
+        t5 = $[12];
+    }
+    let t6;
+    if ($[13] !== control || $[14] !== controlProps) {
+        t6 = /*#__PURE__*/ React.cloneElement(control, controlProps);
+        $[13] = control;
+        $[14] = controlProps;
+        $[15] = t6;
+    } else {
+        t6 = $[15];
+    }
+    let t7;
+    if ($[16] !== t6) {
+        t7 = /*#__PURE__*/ _jsxs(Box, {
+            sx: t5,
+            children: [
+                " ",
+                t6
             ]
-        })
-    });
+        });
+        $[16] = t6;
+        $[17] = t7;
+    } else {
+        t7 = $[17];
+    }
+    let t8;
+    if ($[18] !== t4 || $[19] !== t7) {
+        t8 = /*#__PURE__*/ _jsx(FormControl, {
+            children: /*#__PURE__*/ _jsxs(Stack, {
+                direction: "row",
+                alignItems: "center",
+                justifyContent: "space-between",
+                children: [
+                    t4,
+                    t7
+                ]
+            })
+        });
+        $[18] = t4;
+        $[19] = t7;
+        $[20] = t8;
+    } else {
+        t8 = $[20];
+    }
+    return t8;
 };
+function _temp(theme) {
+    return {
+        borderRadius: theme.shape.borderRadius,
+        padding: "4x",
+        margin: "0 2px"
+    };
+}
+function _temp2(theme_0) {
+    return theme_0.palette.grey[700];
+}
 
 //# sourceMappingURL=OptionsEditorControl.js.map

package/dist/OptionsEditorLayout/OptionsEditorControl.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/OptionsEditorLayout/OptionsEditorControl.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { FormControlLabelProps } from '@mui/material';\nimport { FormControl, FormLabel, Stack, Box, IconButton } from '@mui/material';\nimport InformationOutlineIcon from 'mdi-material-ui/InformationOutline';\nimport type { ReactElement } from 'react';\nimport React, { useId } from 'react';\n\nimport { InfoTooltip } from '../InfoTooltip';\n\nexport type OptionsEditorControlProps = Pick<FormControlLabelProps, 'label' | 'control'> & {\n  description?: string;\n};\n\nexport const OptionsEditorControl = ({ label, control, description }: OptionsEditorControlProps): ReactElement => {\n  // Make sure we have a unique ID we can use for associating labels and\n  // controls for a11y.\n  const generatedControlId = `EditorSectionControl-${useId()}`;\n  const controlId = `${generatedControlId}-control`;\n  const labelId = `${generatedControlId}-label`;\n\n  const controlProps = {\n    id: controlId,\n    'aria-labelledby': labelId,\n  };\n\n  return (\n    <FormControl>\n      <Stack direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\">\n        <Stack direction=\"row\" alignItems=\"center\" justifyContent=\"center\">\n          <FormLabel id={labelId} htmlFor={controlId}>\n            {label}\n          </FormLabel>\n          {description && (\n            <InfoTooltip description={description} enterDelay={100}>\n              <IconButton\n                size=\"small\"\n                sx={(theme) => ({ borderRadius: theme.shape.borderRadius, padding: '4x', margin: '0 2px' })}\n              >\n                <InformationOutlineIcon\n                  aria-describedby=\"info-tooltip\"\n                  aria-hidden={false}\n                  fontSize=\"inherit\"\n                  sx={{ color: (theme) => theme.palette.grey[700] }}\n                />\n              </IconButton>\n            </InfoTooltip>\n          )}\n        </Stack>\n        <Box sx={{ width: '180px', textAlign: 'right' }}> {React.cloneElement(control, controlProps)}</Box>\n      </Stack>\n    </FormControl>\n  );\n};\n"],"names":["FormControl","FormLabel","Stack","Box","IconButton","InformationOutlineIcon","React","useId","InfoTooltip","OptionsEditorControl","label","control","description","generatedControlId","controlId","labelId","controlProps","id","direction","alignItems","justifyContent","htmlFor","enterDelay","size","sx","theme","borderRadius","shape","padding","margin","aria-describedby","aria-hidden","fontSize","color","palette","grey","width","textAlign","cloneElement"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAGjC,SAASA,WAAW,EAAEC,SAAS,EAAEC,KAAK,EAAEC,GAAG,EAAEC,UAAU,QAAQ,gBAAgB;AAC/E,OAAOC,4BAA4B,qCAAqC;AAExE,OAAOC,SAASC,KAAK,QAAQ,QAAQ;AAErC,SAASC,WAAW,QAAQ,0BAAiB;AAM7C,OAAO,MAAMC,uBAAuB,CAAC,EAAEC,KAAK,EAAEC,OAAO,EAAEC,WAAW,EAA6B;IAC7F,sEAAsE;IACtE,qBAAqB;IACrB,MAAMC,qBAAqB,CAAC,qBAAqB,EAAEN,SAAS;IAC5D,MAAMO,YAAY,GAAGD,mBAAmB,QAAQ,CAAC;IACjD,MAAME,UAAU,GAAGF,mBAAmB,MAAM,CAAC;IAE7C,MAAMG,eAAe;QACnBC,IAAIH;QACJ,mBAAmBC;IACrB;IAEA,qBACE,KAACf;kBACC,cAAA,MAACE;YAAMgB,WAAU;YAAMC,YAAW;YAASC,gBAAe;;8BACxD,MAAClB;oBAAMgB,WAAU;oBAAMC,YAAW;oBAASC,gBAAe;;sCACxD,KAACnB;4BAAUgB,IAAIF;4BAASM,SAASP;sCAC9BJ;;wBAEFE,6BACC,KAACJ;4BAAYI,aAAaA;4BAAaU,YAAY;sCACjD,cAAA,KAAClB;gCACCmB,MAAK;gCACLC,IAAI,CAACC,QAAW,CAAA;wCAAEC,cAAcD,MAAME,KAAK,CAACD,YAAY;wCAAEE,SAAS;wCAAMC,QAAQ;oCAAQ,CAAA;0CAEzF,cAAA,KAACxB;oCACCyB,oBAAiB;oCACjBC,eAAa;oCACbC,UAAS;oCACTR,IAAI;wCAAES,OAAO,CAACR,QAAUA,MAAMS,OAAO,CAACC,IAAI,CAAC,IAAI;oCAAC;;;;;;8BAM1D,MAAChC;oBAAIqB,IAAI;wBAAEY,OAAO;wBAASC,WAAW;oBAAQ;;wBAAG;sCAAE/B,MAAMgC,YAAY,CAAC3B,SAASK;;;;;;AAIvF,EAAE"}
+{"version":3,"sources":["../../src/OptionsEditorLayout/OptionsEditorControl.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { FormControlLabelProps } from '@mui/material';\nimport { FormControl, FormLabel, Stack, Box, IconButton } from '@mui/material';\nimport InformationOutlineIcon from 'mdi-material-ui/InformationOutline';\nimport type { ReactElement } from 'react';\nimport React, { useId } from 'react';\n\nimport { InfoTooltip } from '../InfoTooltip';\n\nexport type OptionsEditorControlProps = Pick<FormControlLabelProps, 'label' | 'control'> & {\n  description?: string;\n};\n\nexport const OptionsEditorControl = ({ label, control, description }: OptionsEditorControlProps): ReactElement => {\n  // Make sure we have a unique ID we can use for associating labels and\n  // controls for a11y.\n  const generatedControlId = `EditorSectionControl-${useId()}`;\n  const controlId = `${generatedControlId}-control`;\n  const labelId = `${generatedControlId}-label`;\n\n  const controlProps = {\n    id: controlId,\n    'aria-labelledby': labelId,\n  };\n\n  return (\n    <FormControl>\n      <Stack direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\">\n        <Stack direction=\"row\" alignItems=\"center\" justifyContent=\"center\">\n          <FormLabel id={labelId} htmlFor={controlId}>\n            {label}\n          </FormLabel>\n          {description && (\n            <InfoTooltip description={description} enterDelay={100}>\n              <IconButton\n                size=\"small\"\n                sx={(theme) => ({ borderRadius: theme.shape.borderRadius, padding: '4x', margin: '0 2px' })}\n              >\n                <InformationOutlineIcon\n                  aria-describedby=\"info-tooltip\"\n                  aria-hidden={false}\n                  fontSize=\"inherit\"\n                  sx={{ color: (theme) => theme.palette.grey[700] }}\n                />\n              </IconButton>\n            </InfoTooltip>\n          )}\n        </Stack>\n        <Box sx={{ width: '180px', textAlign: 'right' }}> {React.cloneElement(control, controlProps)}</Box>\n      </Stack>\n    </FormControl>\n  );\n};\n"],"names":["FormControl","FormLabel","Stack","Box","IconButton","InformationOutlineIcon","React","useId","InfoTooltip","OptionsEditorControl"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;;AAGjC,SAASA,WAAW,EAAEC,SAAS,EAAEC,KAAK,EAAEC,GAAG,EAAEC,UAAU,QAAQ,gBAAgB;AAC/E,OAAOC,4BAA4B,qCAAqC;AAExE,OAAOC,SAASC,KAAK,QAAQ,QAAQ;AAErC,SAASC,WAAW,QAAQ,0BAAiB;AAM7C,OAAO,MAAMC,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuClC"}