Initial commit

node_modules/@fluentui/react-list/lib-commonjs/components/ListItem/ListItem.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ListItem", {
+    enumerable: true,
+    get: function() {
+        return ListItem;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _useListItem = require("./useListItem");
+const _renderListItem = require("./renderListItem");
+const _useListItemStylesstyles = require("./useListItemStyles.styles");
+const ListItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useListItem.useListItem_unstable)(props, ref);
+    (0, _useListItemStylesstyles.useListItemStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useListItemStyles_unstable')(state);
+    return (0, _renderListItem.renderListItem_unstable)(state);
+});
+ListItem.displayName = 'ListItem';

node_modules/@fluentui/react-list/lib-commonjs/components/ListItem/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useListItem_unstable } from './useListItem';\nimport { renderListItem_unstable } from './renderListItem';\nimport { useListItemStyles_unstable } from './useListItemStyles.styles';\nimport type { ListItemProps } from './ListItem.types';\n\nexport const ListItem: ForwardRefComponent<ListItemProps> = React.forwardRef<HTMLLIElement | HTMLDivElement>(\n  (props, ref) => {\n    const state = useListItem_unstable(props, ref);\n\n    useListItemStyles_unstable(state);\n    useCustomStyleHook_unstable('useListItemStyles_unstable')(state);\n    return renderListItem_unstable(state);\n  },\n);\n\nListItem.displayName = 'ListItem';\n"],"names":["ListItem","React","forwardRef","props","ref","state","useListItem_unstable","useListItemStyles_unstable","useCustomStyleHook_unstable","renderListItem_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;qCAEqB;6BACP;gCACG;yCACG;AAGpC,MAAMA,WAAAA,WAAAA,GAA+CC,OAAMC,UAAU,CAC1E,CAACC,OAAOC;IACN,MAAMC,QAAQC,IAAAA,iCAAAA,EAAqBH,OAAOC;IAE1CG,IAAAA,mDAAAA,EAA2BF;IAC3BG,IAAAA,gDAAAA,EAA4B,8BAA8BH;IAC1D,OAAOI,IAAAA,uCAAAA,EAAwBJ;AACjC;AAGFL,SAASU,WAAW,GAAG"}

node_modules/@fluentui/react-list/lib-commonjs/components/ListItem/ListItem.types.js

@@ -0,0 +1,6 @@
+/**
+ * State used in rendering ListItem
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

node_modules/@fluentui/react-list/lib-commonjs/components/ListItem/ListItem.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ListItem/ListItem.types.ts"],"sourcesContent":["import { Checkbox } from '@fluentui/react-checkbox';\nimport type { ComponentProps, ComponentState, EventData, EventHandler, Slot } from '@fluentui/react-utilities';\nimport { ListItemActionEvent, ListItemActionEventName } from '../../events/ListItemActionEvent';\n\nexport type ListItemSlots = {\n  root: NonNullable<Slot<'li', 'div'>>;\n  checkmark?: Slot<typeof Checkbox>;\n};\n\nexport type ListItemValue = string | number;\n\nexport type ListItemActionEventData = EventData<typeof ListItemActionEventName, ListItemActionEvent> & {\n  value: ListItemValue;\n};\n/**\n * ListItem Props\n */\nexport type ListItemProps = ComponentProps<ListItemSlots> & {\n  value?: ListItemValue;\n  onAction?: EventHandler<ListItemActionEventData>;\n};\n\n/**\n * State used in rendering ListItem\n */\nexport type ListItemState = ComponentState<ListItemSlots> & { selectable: boolean; navigable: boolean };\n"],"names":[],"rangeMappings":";;","mappings":"AAsBA;;CAEC"}

node_modules/@fluentui/react-list/lib-commonjs/components/ListItem/index.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    ListItem: function() {
+        return _ListItem.ListItem;
+    },
+    listItemClassNames: function() {
+        return _useListItemStylesstyles.listItemClassNames;
+    },
+    renderListItem_unstable: function() {
+        return _renderListItem.renderListItem_unstable;
+    },
+    useListItemStyles_unstable: function() {
+        return _useListItemStylesstyles.useListItemStyles_unstable;
+    },
+    useListItem_unstable: function() {
+        return _useListItem.useListItem_unstable;
+    }
+});
+const _ListItem = require("./ListItem");
+const _renderListItem = require("./renderListItem");
+const _useListItem = require("./useListItem");
+const _useListItemStylesstyles = require("./useListItemStyles.styles");

node_modules/@fluentui/react-list/lib-commonjs/components/ListItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ListItem/index.ts"],"sourcesContent":["export { ListItem } from './ListItem';\nexport type {\n  ListItemActionEventData,\n  ListItemProps,\n  ListItemSlots,\n  ListItemState,\n  ListItemValue,\n} from './ListItem.types';\nexport { renderListItem_unstable } from './renderListItem';\nexport { useListItem_unstable } from './useListItem';\nexport { listItemClassNames, useListItemStyles_unstable } from './useListItemStyles.styles';\n"],"names":["ListItem","listItemClassNames","renderListItem_unstable","useListItemStyles_unstable","useListItem_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,QAAQ;eAARA,kBAAQ;;IAURC,kBAAkB;eAAlBA,2CAAkB;;IAFlBC,uBAAuB;eAAvBA,uCAAuB;;IAEHC,0BAA0B;eAA1BA,mDAA0B;;IAD9CC,oBAAoB;eAApBA,iCAAoB;;;0BATJ;gCAQe;6BACH;yCAC0B"}

node_modules/@fluentui/react-list/lib-commonjs/components/ListItem/renderListItem.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderListItem_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderListItem_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderListItem_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            state.checkmark && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.checkmark, {}),
+            state.root.children
+        ]
+    });
+};

node_modules/@fluentui/react-list/lib-commonjs/components/ListItem/renderListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ListItem/renderListItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { ListItemState, ListItemSlots } from './ListItem.types';\n\n/**\n * Render the final JSX of ListItem\n */\nexport const renderListItem_unstable = (state: ListItemState) => {\n  assertSlots<ListItemSlots>(state);\n\n  return (\n    <state.root>\n      {state.checkmark && <state.checkmark />}\n      {state.root.children}\n    </state.root>\n  );\n};\n"],"names":["renderListItem_unstable","state","assertSlots","_jsxs","root","checkmark","_jsx","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,0BAA0B,CAACC;IACtCC,IAAAA,2BAAAA,EAA2BD;IAE3B,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;YACRH,MAAMI,SAAS,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACL,MAAMI,SAAS,EAAA,CAAA;YACnCJ,MAAMG,IAAI,CAACG,QAAQ;;;AAG1B"}

node_modules/@fluentui/react-list/lib-commonjs/components/ListItem/useListItem.js

@@ -0,0 +1,188 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useListItem_unstable", {
+    enumerable: true,
+    get: function() {
+        return useListItem_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reacttabster = require("@fluentui/react-tabster");
+const _reactutilities = require("@fluentui/react-utilities");
+const _listContext = require("../List/listContext");
+const _keyboardkeys = require("@fluentui/keyboard-keys");
+const _reactcheckbox = require("@fluentui/react-checkbox");
+const _ListItemActionEvent = require("../../events/ListItemActionEvent");
+const DEFAULT_ROOT_EL_TYPE = 'li';
+const useListItem_unstable = (props, ref)=>{
+    const id = (0, _reactutilities.useId)('listItem');
+    const { value = id, onKeyDown, onClick, tabIndex, role, onAction } = props;
+    const toggleItem = (0, _listContext.useListContext_unstable)((ctx)=>{
+        var _ctx_selection;
+        return (_ctx_selection = ctx.selection) === null || _ctx_selection === void 0 ? void 0 : _ctx_selection.toggleItem;
+    });
+    const navigationMode = (0, _listContext.useListContext_unstable)((ctx)=>ctx.navigationMode);
+    const isSelectionEnabled = (0, _listContext.useListContext_unstable)((ctx)=>!!ctx.selection);
+    const isSelected = (0, _listContext.useListContext_unstable)((ctx)=>{
+        var _ctx_selection;
+        return (_ctx_selection = ctx.selection) === null || _ctx_selection === void 0 ? void 0 : _ctx_selection.isSelected(value);
+    });
+    const listItemRole = (0, _listContext.useListContext_unstable)((ctx)=>ctx.listItemRole);
+    const validateListItem = (0, _listContext.useListContext_unstable)((ctx)=>ctx.validateListItem);
+    const as = props.as || navigationMode === 'composite' ? 'div' : DEFAULT_ROOT_EL_TYPE;
+    const finalListItemRole = role || listItemRole;
+    const focusableItems = Boolean(isSelectionEnabled || navigationMode || tabIndex === 0);
+    const rootRef = _react.useRef(null);
+    const checkmarkRef = _react.useRef(null);
+    const handleAction = (0, _reactutilities.useEventCallback)((event)=>{
+        onAction === null || onAction === void 0 ? void 0 : onAction(event, {
+            event,
+            value,
+            type: _ListItemActionEvent.ListItemActionEventName
+        });
+        if (event.defaultPrevented) {
+            return;
+        }
+        if (isSelectionEnabled) {
+            toggleItem === null || toggleItem === void 0 ? void 0 : toggleItem(event.detail.originalEvent, value);
+        }
+    });
+    _react.useEffect(()=>{
+        if (rootRef.current) {
+            validateListItem(rootRef.current);
+        }
+    }, [
+        validateListItem
+    ]);
+    const triggerAction = (e)=>{
+        const actionEvent = (0, _ListItemActionEvent.createListItemActionEvent)(e);
+        handleAction(actionEvent);
+        e.target.dispatchEvent(actionEvent);
+    };
+    const focusableGroupAttrs = (0, _reacttabster.useFocusableGroup)({
+        ignoreDefaultKeydown: {
+            Enter: true
+        },
+        tabBehavior: 'limited-trap-focus'
+    });
+    const handleClick = (0, _reactutilities.useEventCallback)((e)=>{
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
+        if (e.defaultPrevented) {
+            return;
+        }
+        const isFromCheckbox = (0, _reactutilities.elementContains)(checkmarkRef.current, e.target);
+        if (isFromCheckbox) {
+            return;
+        }
+        triggerAction(e);
+    });
+    const handleKeyDown = (0, _reactutilities.useEventCallback)((e)=>{
+        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+        if (e.defaultPrevented) {
+            return;
+        }
+        // If the event is fired from an element inside the list item
+        if (e.target !== e.currentTarget) {
+            if (focusableItems) {
+                // If the items are focusable, we need to handle the arrow keys to move focus to them
+                switch(e.key){
+                    // If it's one of the Arrows defined, jump out of the list item to focus on the ListItem itself
+                    // The ArrowLeft will only trigger if the target element is the leftmost, otherwise the
+                    // arrowNavigationAttributes handles it and prevents it from bubbling here.
+                    case _keyboardkeys.ArrowLeft:
+                        e.target.dispatchEvent(new _reacttabster.GroupperMoveFocusEvent({
+                            action: _reacttabster.GroupperMoveFocusActions.Escape
+                        }));
+                        break;
+                    case _keyboardkeys.ArrowDown:
+                    case _keyboardkeys.ArrowUp:
+                        e.preventDefault();
+                        // Press ESC on the original target to get focus to the parent group (List)
+                        e.target.dispatchEvent(new _reacttabster.GroupperMoveFocusEvent({
+                            action: _reacttabster.GroupperMoveFocusActions.Escape
+                        }));
+                        // Now dispatch the original key to move up or down in the list
+                        e.currentTarget.dispatchEvent(new _reacttabster.MoverMoveFocusEvent({
+                            key: _reacttabster.MoverKeys[e.key]
+                        }));
+                }
+                return;
+            }
+            return;
+        }
+        switch(e.key){
+            case _keyboardkeys.Space:
+                // we have to prevent default here otherwise the space key will scroll the page
+                e.preventDefault();
+                // Space always toggles selection (if enabled)
+                if (isSelectionEnabled) {
+                    toggleItem === null || toggleItem === void 0 ? void 0 : toggleItem(e, value);
+                } else {
+                    triggerAction(e);
+                }
+                break;
+            case _keyboardkeys.Enter:
+                triggerAction(e);
+                break;
+            case _keyboardkeys.ArrowRight:
+                if (navigationMode === 'composite') {
+                    e.target.dispatchEvent(new _reacttabster.GroupperMoveFocusEvent({
+                        action: _reacttabster.GroupperMoveFocusActions.Enter
+                    }));
+                }
+                break;
+        }
+    });
+    const onCheckboxChange = (0, _reactutilities.useEventCallback)((e, data)=>{
+        if (!isSelectionEnabled || e.defaultPrevented) {
+            return;
+        }
+        toggleItem === null || toggleItem === void 0 ? void 0 : toggleItem(e, value);
+    });
+    const arrowNavigationAttributes = (0, _reacttabster.useArrowNavigationGroup)({
+        axis: 'horizontal'
+    });
+    const tabsterAttributes = (0, _reacttabster.useMergedTabsterAttributes_unstable)(focusableItems ? arrowNavigationAttributes : {}, focusableGroupAttrs);
+    const root = _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)(as, {
+        ref: (0, _reactutilities.useMergedRefs)(rootRef, ref),
+        tabIndex: focusableItems ? 0 : undefined,
+        role: finalListItemRole,
+        id: String(value),
+        ...isSelectionEnabled && {
+            'aria-selected': isSelected
+        },
+        ...tabsterAttributes,
+        ...props,
+        onKeyDown: handleKeyDown,
+        onClick: isSelectionEnabled || onClick || onAction ? handleClick : undefined
+    }), {
+        elementType: as
+    });
+    const checkmark = _reactutilities.slot.optional(props.checkmark, {
+        defaultProps: {
+            checked: isSelected,
+            tabIndex: -1
+        },
+        renderByDefault: isSelectionEnabled,
+        elementType: _reactcheckbox.Checkbox
+    });
+    const mergedCheckmarkRef = (0, _reactutilities.useMergedRefs)(checkmark === null || checkmark === void 0 ? void 0 : checkmark.ref, checkmarkRef);
+    if (checkmark) {
+        checkmark.onChange = (0, _reactutilities.mergeCallbacks)(checkmark.onChange, onCheckboxChange);
+        checkmark.ref = mergedCheckmarkRef;
+    }
+    const state = {
+        components: {
+            root: as,
+            checkmark: _reactcheckbox.Checkbox
+        },
+        root,
+        checkmark,
+        selectable: isSelectionEnabled,
+        navigable: focusableItems
+    };
+    return state;
+};

node_modules/@fluentui/react-list/lib-commonjs/components/ListItem/useListItemStyles.styles.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    listItemClassNames: function() {
+        return listItemClassNames;
+    },
+    useListItemStyles_unstable: function() {
+        return useListItemStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const listItemClassNames = {
+    root: 'fui-ListItem',
+    checkmark: 'fui-ListItem__checkmark'
+};
+const useRootBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("rikgcmv", null, [
+    ".rikgcmv{padding:0;margin:0;text-indent:0;list-style-type:none;}",
+    ".rikgcmv[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);}"
+]);
+const useCheckmarkBaseStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        qb2dma: "f7nlbp4",
+        Bpb5tq4: 0,
+        Biccaaf: 0,
+        Gaeyjg: 0,
+        ldoezw: 0,
+        B6gmeee: "f1bgo3o3"
+    }
+}, {
+    d: [
+        ".f7nlbp4{align-self:center;}",
+        [
+            ".f1bgo3o3 .fui-Checkbox__indicator{margin:4px;}",
+            {
+                p: -1
+            }
+        ]
+    ]
+});
+/**
+ * Styles for the root slot
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    rootClickableOrSelectable: {
+        mc9l5x: "f22iagw",
+        Bceei9c: "f1k6fduh"
+    }
+}, {
+    d: [
+        ".f22iagw{display:flex;}",
+        ".f1k6fduh{cursor:pointer;}"
+    ]
+});
+const useListItemStyles_unstable = (state)=>{
+    'use no memo';
+    const rootBaseStyles = useRootBaseStyles();
+    const checkmarkBaseStyles = useCheckmarkBaseStyles();
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(listItemClassNames.root, rootBaseStyles, (state.selectable || state.navigable) && styles.rootClickableOrSelectable, state.root.className);
+    if (state.checkmark) {
+        state.checkmark.className = (0, _react.mergeClasses)(listItemClassNames.checkmark, checkmarkBaseStyles.root, state.checkmark.className);
+    }
+    return state;
+};

node_modules/@fluentui/react-list/lib-commonjs/components/ListItem/useListItemStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useListItemStyles.styles.js"],"sourcesContent":["import { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const listItemClassNames = {\n    root: 'fui-ListItem',\n    checkmark: 'fui-ListItem__checkmark'\n};\nconst useRootBaseStyles = makeResetStyles({\n    padding: 0,\n    margin: 0,\n    textIndent: 0,\n    listStyleType: 'none',\n    ...createCustomFocusIndicatorStyle({\n        outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n        borderRadius: tokens.borderRadiusMedium\n    }, {\n        selector: 'focus'\n    })\n});\nconst useCheckmarkBaseStyles = makeStyles({\n    root: {\n        alignSelf: 'center',\n        '& .fui-Checkbox__indicator': {\n            margin: '4px'\n        }\n    }\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    rootClickableOrSelectable: {\n        display: 'flex',\n        cursor: 'pointer'\n    }\n});\n/**\n * Apply styling to the ListItem slots based on the state\n */ export const useListItemStyles_unstable = (state)=>{\n    'use no memo';\n    const rootBaseStyles = useRootBaseStyles();\n    const checkmarkBaseStyles = useCheckmarkBaseStyles();\n    const styles = useStyles();\n    state.root.className = mergeClasses(listItemClassNames.root, rootBaseStyles, (state.selectable || state.navigable) && styles.rootClickableOrSelectable, state.root.className);\n    if (state.checkmark) {\n        state.checkmark.className = mergeClasses(listItemClassNames.checkmark, checkmarkBaseStyles.root, state.checkmark.className);\n    }\n    return state;\n};\n"],"names":["listItemClassNames","useListItemStyles_unstable","root","checkmark","useRootBaseStyles","__resetStyles","useCheckmarkBaseStyles","__styles","qb2dma","Bpb5tq4","Biccaaf","Gaeyjg","ldoezw","B6gmeee","d","p","useStyles","rootClickableOrSelectable","mc9l5x","Bceei9c","state","rootBaseStyles","checkmarkBaseStyles","styles","className","mergeClasses","selectable","navigable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGaA,kBAAkB;eAAlBA;;IAkCIC,0BAA0B;eAA1BA;;;uBArCyC;AAGnD,MAAMD,qBAAqB;IAC9BE,MAAM;IACNC,WAAW;AACf;AACA,MAAMC,oBAAiB,WAAA,GAAGC,IAAAA,oBAAA,EAAA,WAAA,MAAA;IAAA;IAAA;CAWzB;AACD,MAAMC,yBAAsB,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAL,MAAA;QAAAM,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;KAAA;AAAA;AAQ/B;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGT,IAAAA,eAAA,EAAA;IAAAU,2BAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAL,GAAA;QAAA;QAAA;KAAA;AAAA;AAQX,MAAMb,6BAA8BmB,CAAAA;IAC3C;IACA,MAAMC,iBAAiBjB;IACvB,MAAMkB,sBAAsBhB;IAC5B,MAAMiB,SAASP;IACfI,MAAMlB,IAAI,CAACsB,SAAS,GAAGC,IAAAA,mBAAY,EAACzB,mBAAmBE,IAAI,EAAEmB,gBAAgB,AAACD,CAAAA,MAAMM,UAAU,IAAIN,MAAMO,SAAS,AAATA,KAAcJ,OAAON,yBAAyB,EAAEG,MAAMlB,IAAI,CAACsB,SAAS;IAC5K,IAAIJ,MAAMjB,SAAS,EAAE;QACjBiB,MAAMjB,SAAS,CAACqB,SAAS,GAAGC,IAAAA,mBAAY,EAACzB,mBAAmBG,SAAS,EAAEmB,oBAAoBpB,IAAI,EAAEkB,MAAMjB,SAAS,CAACqB,SAAS;IAC9H;IACA,OAAOJ;AACX"}