@fluentui/react-tag-picker 9.0.0

package/lib-commonjs/components/TagPicker/useTagPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTagPicker.js"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback, useId, useMergedRefs } from '@fluentui/react-utilities';\nimport { optionClassNames } from '@fluentui/react-combobox';\nimport { resolvePositioningShorthand, usePositioning } from '@fluentui/react-positioning';\nimport { useActiveDescendant } from '@fluentui/react-aria';\nimport { useComboboxBaseState } from '@fluentui/react-combobox';\n// Set a default set of fallback positions to try if the dropdown does not fit on screen\nconst fallbackPositions = [\n    'above',\n    'after',\n    'after-top',\n    'before',\n    'before-top'\n];\n/**\n * Create the state required to render Picker.\n *\n * The returned state can be modified with hooks such as usePickerStyles_unstable,\n * before being passed to renderPicker_unstable.\n *\n * @param props - props from this instance of Picker\n */ export const useTagPicker_unstable = (props)=>{\n    const popoverId = useId('picker-listbox');\n    const triggerInnerRef = React.useRef(null);\n    const secondaryActionRef = React.useRef(null);\n    const tagPickerGroupRef = React.useRef(null);\n    const { positioning, size = 'medium', inline = false } = props;\n    const { targetRef, containerRef } = usePositioning({\n        position: 'below',\n        align: 'start',\n        offset: {\n            crossAxis: 0,\n            mainAxis: 2\n        },\n        fallbackPositions,\n        matchTargetSize: 'width',\n        ...resolvePositioningShorthand(positioning)\n    });\n    const { controller: activeDescendantController, activeParentRef, listboxRef } = useActiveDescendant({\n        matchOption: (el)=>el.classList.contains(optionClassNames.root)\n    });\n    const comboboxState = useComboboxBaseState({\n        ...props,\n        onOptionSelect: useEventCallback((event, data)=>{\n            var _props_onOptionSelect;\n            return (_props_onOptionSelect = props.onOptionSelect) === null || _props_onOptionSelect === void 0 ? void 0 : _props_onOptionSelect.call(props, event, {\n                selectedOptions: data.selectedOptions,\n                value: data.optionValue,\n                type: event.type,\n                event\n            });\n        }),\n        onOpenChange: useEventCallback((event, data)=>{\n            var _props_onOpenChange;\n            return (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, event, {\n                ...data,\n                type: event.type,\n                event\n            });\n        }),\n        activeDescendantController,\n        editable: true,\n        multiselect: true,\n        size: 'medium'\n    });\n    const { trigger, popover } = childrenToTriggerAndPopover(props.children);\n    return {\n        activeDescendantController,\n        components: {},\n        trigger,\n        popover: comboboxState.open || comboboxState.hasFocus ? popover : undefined,\n        popoverId,\n        disabled: comboboxState.disabled,\n        triggerRef: useMergedRefs(triggerInnerRef, activeParentRef),\n        popoverRef: useMergedRefs(listboxRef, containerRef),\n        secondaryActionRef,\n        tagPickerGroupRef,\n        targetRef,\n        size,\n        inline,\n        open: comboboxState.open,\n        mountNode: comboboxState.mountNode,\n        onOptionClick: useEventCallback((event)=>{\n            comboboxState.onOptionClick(event);\n            comboboxState.setOpen(event, false);\n        }),\n        appearance: comboboxState.appearance,\n        clearSelection: comboboxState.clearSelection,\n        getOptionById: comboboxState.getOptionById,\n        registerOption: comboboxState.registerOption,\n        selectedOptions: comboboxState.selectedOptions,\n        selectOption: comboboxState.selectOption,\n        setHasFocus: comboboxState.setHasFocus,\n        setOpen: comboboxState.setOpen,\n        setValue: comboboxState.setValue,\n        value: comboboxState.value\n    };\n};\nconst childrenToTriggerAndPopover = (children)=>{\n    const childrenArray = React.Children.toArray(children);\n    if (process.env.NODE_ENV !== 'production') {\n        if (childrenArray.length === 0) {\n            // eslint-disable-next-line no-console\n            console.warn('Picker must contain at least one child');\n        }\n        if (childrenArray.length > 2) {\n            // eslint-disable-next-line no-console\n            console.warn('Picker must contain at most two children');\n        }\n    }\n    let trigger = undefined;\n    let popover = undefined;\n    if (childrenArray.length === 2) {\n        trigger = childrenArray[0];\n        popover = childrenArray[1];\n    } else if (childrenArray.length === 1) {\n        popover = childrenArray[0];\n    }\n    return {\n        trigger,\n        popover\n    };\n};\n"],"names":["useTagPicker_unstable","fallbackPositions","props","popoverId","useId","triggerInnerRef","React","useRef","secondaryActionRef","tagPickerGroupRef","positioning","size","inline","targetRef","containerRef","usePositioning","position","align","offset","crossAxis","mainAxis","matchTargetSize","resolvePositioningShorthand","controller","activeDescendantController","activeParentRef","listboxRef","useActiveDescendant","matchOption","el","classList","contains","optionClassNames","root","comboboxState","useComboboxBaseState","onOptionSelect","useEventCallback","event","data","_props_onOptionSelect","call","selectedOptions","value","optionValue","type","onOpenChange","_props_onOpenChange","editable","multiselect","trigger","popover","childrenToTriggerAndPopover","children","components","open","hasFocus","undefined","disabled","triggerRef","useMergedRefs","popoverRef","mountNode","onOptionClick","setOpen","appearance","clearSelection","getOptionById","registerOption","selectOption","setHasFocus","setValue","childrenArray","Children","toArray","process","env","NODE_ENV","length","console","warn"],"mappings":"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"}

package/lib-commonjs/components/TagPicker/useTagPickerContextValues.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useTagPickerContextValues", {
+    enumerable: true,
+    get: function() {
+        return useTagPickerContextValues;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+function useTagPickerContextValues(state) {
+    const { onOptionClick, registerOption, selectedOptions, selectOption, value, triggerRef, secondaryActionRef, tagPickerGroupRef, targetRef, size, setValue, setOpen, setHasFocus, popoverRef, appearance, clearSelection, getOptionById, open, popoverId, disabled } = state;
+    return {
+        activeDescendant: _react.useMemo(()=>({
+                controller: state.activeDescendantController
+            }), [
+            state.activeDescendantController
+        ]),
+        listbox: {
+            onOptionClick,
+            registerOption,
+            selectedOptions,
+            selectOption,
+            focusVisible: false,
+            setActiveOption: noop
+        },
+        picker: {
+            value,
+            triggerRef,
+            targetRef,
+            secondaryActionRef,
+            tagPickerGroupRef,
+            size,
+            setValue,
+            setOpen,
+            setHasFocus,
+            selectOption,
+            popoverRef,
+            selectedOptions,
+            appearance,
+            clearSelection,
+            getOptionById,
+            open,
+            popoverId,
+            disabled
+        }
+    };
+}
+const noop = ()=>{
+/** noop */ };

package/lib-commonjs/components/TagPicker/useTagPickerContextValues.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTagPickerContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useTagPickerContextValues(state) {\n    const { onOptionClick, registerOption, selectedOptions, selectOption, value, triggerRef, secondaryActionRef, tagPickerGroupRef, targetRef, size, setValue, setOpen, setHasFocus, popoverRef, appearance, clearSelection, getOptionById, open, popoverId, disabled } = state;\n    return {\n        activeDescendant: React.useMemo(()=>({\n                controller: state.activeDescendantController\n            }), [\n            state.activeDescendantController\n        ]),\n        listbox: {\n            onOptionClick,\n            registerOption,\n            selectedOptions,\n            selectOption,\n            focusVisible: false,\n            setActiveOption: noop\n        },\n        picker: {\n            value,\n            triggerRef,\n            targetRef,\n            secondaryActionRef,\n            tagPickerGroupRef,\n            size,\n            setValue,\n            setOpen,\n            setHasFocus,\n            selectOption,\n            popoverRef,\n            selectedOptions,\n            appearance,\n            clearSelection,\n            getOptionById,\n            open,\n            popoverId,\n            disabled\n        }\n    };\n}\nconst noop = ()=>{\n/** noop */ };\n"],"names":["useTagPickerContextValues","state","onOptionClick","registerOption","selectedOptions","selectOption","value","triggerRef","secondaryActionRef","tagPickerGroupRef","targetRef","size","setValue","setOpen","setHasFocus","popoverRef","appearance","clearSelection","getOptionById","open","popoverId","disabled","activeDescendant","React","useMemo","controller","activeDescendantController","listbox","focusVisible","setActiveOption","noop","picker"],"mappings":";;;;+BACgBA;;;eAAAA;;;;iEADO;AAChB,SAASA,0BAA0BC,KAAK;IAC3C,MAAM,EAAEC,aAAa,EAAEC,cAAc,EAAEC,eAAe,EAAEC,YAAY,EAAEC,KAAK,EAAEC,UAAU,EAAEC,kBAAkB,EAAEC,iBAAiB,EAAEC,SAAS,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,WAAW,EAAEC,UAAU,EAAEC,UAAU,EAAEC,cAAc,EAAEC,aAAa,EAAEC,IAAI,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGpB;IACtQ,OAAO;QACHqB,kBAAkBC,OAAMC,OAAO,CAAC,IAAK,CAAA;gBAC7BC,YAAYxB,MAAMyB,0BAA0B;YAChD,CAAA,GAAI;YACJzB,MAAMyB,0BAA0B;SACnC;QACDC,SAAS;YACLzB;YACAC;YACAC;YACAC;YACAuB,cAAc;YACdC,iBAAiBC;QACrB;QACAC,QAAQ;YACJzB;YACAC;YACAG;YACAF;YACAC;YACAE;YACAC;YACAC;YACAC;YACAT;YACAU;YACAX;YACAY;YACAC;YACAC;YACAC;YACAC;YACAC;QACJ;IACJ;AACJ;AACA,MAAMS,OAAO;AACb,SAAS,GAAG"}

package/lib-commonjs/components/TagPickerButton/TagPickerButton.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TagPickerButton", {
+    enumerable: true,
+    get: function() {
+        return TagPickerButton;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useTagPickerButton = require("./useTagPickerButton");
+const _renderTagPickerButton = require("./renderTagPickerButton");
+const _useTagPickerButtonStylesstyles = require("./useTagPickerButtonStyles.styles");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const TagPickerButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useTagPickerButton.useTagPickerButton_unstable)(props, ref);
+    (0, _useTagPickerButtonStylesstyles.useTagPickerButtonStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useTagPickerButtonStyles_unstable')(state);
+    return (0, _renderTagPickerButton.renderTagPickerButton_unstable)(state);
+});
+TagPickerButton.displayName = 'TagPickerButton';

package/lib-commonjs/components/TagPickerButton/TagPickerButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TagPickerButton.js"],"sourcesContent":["import * as React from 'react';\nimport { useTagPickerButton_unstable } from './useTagPickerButton';\nimport { renderTagPickerButton_unstable } from './renderTagPickerButton';\nimport { useTagPickerButtonStyles_unstable } from './useTagPickerButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * TagPickerButton component -\n * A TagPickerButton is an alternative to TagPickerInput that does not include an input field.\n */ export const TagPickerButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTagPickerButton_unstable(props, ref);\n    useTagPickerButtonStyles_unstable(state);\n    useCustomStyleHook_unstable('useTagPickerButtonStyles_unstable')(state);\n    return renderTagPickerButton_unstable(state);\n});\nTagPickerButton.displayName = 'TagPickerButton';\n"],"names":["TagPickerButton","React","forwardRef","props","ref","state","useTagPickerButton_unstable","useTagPickerButtonStyles_unstable","useCustomStyleHook_unstable","renderTagPickerButton_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;oCACqB;uCACG;gDACG;qCACN;AAIjC,MAAMA,kBAAkB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACtE,MAAMC,QAAQC,IAAAA,+CAA2B,EAACH,OAAOC;IACjDG,IAAAA,iEAAiC,EAACF;IAClCG,IAAAA,gDAA2B,EAAC,qCAAqCH;IACjE,OAAOI,IAAAA,qDAA8B,EAACJ;AAC1C;AACAL,gBAAgBU,WAAW,GAAG"}

package/lib-commonjs/components/TagPickerButton/TagPickerButton.types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib-commonjs/components/TagPickerButton/TagPickerButton.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/lib-commonjs/components/TagPickerButton/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./TagPickerButton"), exports);
+_export_star._(require("./TagPickerButton.types"), exports);
+_export_star._(require("./renderTagPickerButton"), exports);
+_export_star._(require("./useTagPickerButton"), exports);
+_export_star._(require("./useTagPickerButtonStyles.styles"), exports);

package/lib-commonjs/components/TagPickerButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './TagPickerButton';\nexport * from './TagPickerButton.types';\nexport * from './renderTagPickerButton';\nexport * from './useTagPickerButton';\nexport * from './useTagPickerButtonStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/TagPickerButton/renderTagPickerButton.js

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

package/lib-commonjs/components/TagPickerButton/renderTagPickerButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderTagPickerButton.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of PickerButton\n */ export const renderTagPickerButton_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderTagPickerButton_unstable","state","assertSlots","_jsx","root"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJa;gCACF;AAGjB,MAAMA,iCAAiC,CAACC;IAC/CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AAC3C"}

package/lib-commonjs/components/TagPickerButton/useTagPickerButton.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useTagPickerButton_unstable", {
+    enumerable: true,
+    get: function() {
+        return useTagPickerButton_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactaria = require("@fluentui/react-aria");
+const _TagPickerContext = require("../../contexts/TagPickerContext");
+const _reactcombobox = require("@fluentui/react-combobox");
+const useTagPickerButton_unstable = (props, ref)=>{
+    const { controller: activeDescendantController } = (0, _reactaria.useActiveDescendantContext)();
+    const triggerRef = (0, _TagPickerContext.useTagPickerContext_unstable)((ctx)=>ctx.triggerRef);
+    const open = (0, _TagPickerContext.useTagPickerContext_unstable)((ctx)=>ctx.open);
+    const value = (0, _TagPickerContext.useTagPickerContext_unstable)((ctx)=>ctx.value);
+    const hasSelectedOption = (0, _TagPickerContext.useTagPickerContext_unstable)((ctx)=>ctx.selectedOptions.length > 0);
+    const popoverId = (0, _TagPickerContext.useTagPickerContext_unstable)((ctx)=>ctx.popoverId);
+    const getOptionById = (0, _TagPickerContext.useTagPickerContext_unstable)((ctx)=>ctx.getOptionById);
+    const selectOption = (0, _TagPickerContext.useTagPickerContext_unstable)((ctx)=>ctx.selectOption);
+    const setHasFocus = (0, _TagPickerContext.useTagPickerContext_unstable)((ctx)=>ctx.setHasFocus);
+    const setOpen = (0, _TagPickerContext.useTagPickerContext_unstable)((ctx)=>ctx.setOpen);
+    // casting is required here as triggerRef can either be button or input,
+    // but in this case we can assure it's a button
+    const root = (0, _reactcombobox.useButtonTriggerSlot)(props, triggerRef, {
+        activeDescendantController,
+        defaultProps: {
+            type: 'button',
+            tabIndex: 0,
+            children: value || props.placeholder,
+            'aria-controls': open ? popoverId : undefined,
+            ref
+        },
+        state: {
+            getOptionById,
+            open,
+            selectOption,
+            setHasFocus,
+            setOpen,
+            multiselect: true
+        }
+    });
+    const size = (0, _TagPickerContext.useTagPickerContext_unstable)((ctx)=>ctx.size);
+    const state = {
+        components: {
+            root: 'button'
+        },
+        root,
+        size,
+        hasSelectedOption
+    };
+    return state;
+};

package/lib-commonjs/components/TagPickerButton/useTagPickerButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTagPickerButton.js"],"sourcesContent":["import * as React from 'react';\nimport { useActiveDescendantContext } from '@fluentui/react-aria';\nimport { useTagPickerContext_unstable } from '../../contexts/TagPickerContext';\nimport { useButtonTriggerSlot } from '@fluentui/react-combobox';\n/**\n * Create the state required to render PickerButton.\n *\n * The returned state can be modified with hooks such as usePickerButtonStyles_unstable,\n * before being passed to renderPickerButton_unstable.\n *\n * @param props - props from this instance of PickerButton\n * @param ref - reference to root HTMLDivElement of PickerButton\n */ export const useTagPickerButton_unstable = (props, ref)=>{\n    const { controller: activeDescendantController } = useActiveDescendantContext();\n    const triggerRef = useTagPickerContext_unstable((ctx)=>ctx.triggerRef);\n    const open = useTagPickerContext_unstable((ctx)=>ctx.open);\n    const value = useTagPickerContext_unstable((ctx)=>ctx.value);\n    const hasSelectedOption = useTagPickerContext_unstable((ctx)=>ctx.selectedOptions.length > 0);\n    const popoverId = useTagPickerContext_unstable((ctx)=>ctx.popoverId);\n    const getOptionById = useTagPickerContext_unstable((ctx)=>ctx.getOptionById);\n    const selectOption = useTagPickerContext_unstable((ctx)=>ctx.selectOption);\n    const setHasFocus = useTagPickerContext_unstable((ctx)=>ctx.setHasFocus);\n    const setOpen = useTagPickerContext_unstable((ctx)=>ctx.setOpen);\n    // casting is required here as triggerRef can either be button or input,\n    // but in this case we can assure it's a button\n    const root = useButtonTriggerSlot(props, triggerRef, {\n        activeDescendantController,\n        defaultProps: {\n            type: 'button',\n            tabIndex: 0,\n            children: value || props.placeholder,\n            'aria-controls': open ? popoverId : undefined,\n            ref\n        },\n        state: {\n            getOptionById,\n            open,\n            selectOption,\n            setHasFocus,\n            setOpen,\n            multiselect: true\n        }\n    });\n    const size = useTagPickerContext_unstable((ctx)=>ctx.size);\n    const state = {\n        components: {\n            root: 'button'\n        },\n        root,\n        size,\n        hasSelectedOption\n    };\n    return state;\n};\n"],"names":["useTagPickerButton_unstable","props","ref","controller","activeDescendantController","useActiveDescendantContext","triggerRef","useTagPickerContext_unstable","ctx","open","value","hasSelectedOption","selectedOptions","length","popoverId","getOptionById","selectOption","setHasFocus","setOpen","root","useButtonTriggerSlot","defaultProps","type","tabIndex","children","placeholder","undefined","state","multiselect","size","components"],"mappings":";;;;+BAYiBA;;;eAAAA;;;;iEAZM;2BACoB;kCACE;+BACR;AAS1B,MAAMA,8BAA8B,CAACC,OAAOC;IACnD,MAAM,EAAEC,YAAYC,0BAA0B,EAAE,GAAGC,IAAAA,qCAA0B;IAC7E,MAAMC,aAAaC,IAAAA,8CAA4B,EAAC,CAACC,MAAMA,IAAIF,UAAU;IACrE,MAAMG,OAAOF,IAAAA,8CAA4B,EAAC,CAACC,MAAMA,IAAIC,IAAI;IACzD,MAAMC,QAAQH,IAAAA,8CAA4B,EAAC,CAACC,MAAMA,IAAIE,KAAK;IAC3D,MAAMC,oBAAoBJ,IAAAA,8CAA4B,EAAC,CAACC,MAAMA,IAAII,eAAe,CAACC,MAAM,GAAG;IAC3F,MAAMC,YAAYP,IAAAA,8CAA4B,EAAC,CAACC,MAAMA,IAAIM,SAAS;IACnE,MAAMC,gBAAgBR,IAAAA,8CAA4B,EAAC,CAACC,MAAMA,IAAIO,aAAa;IAC3E,MAAMC,eAAeT,IAAAA,8CAA4B,EAAC,CAACC,MAAMA,IAAIQ,YAAY;IACzE,MAAMC,cAAcV,IAAAA,8CAA4B,EAAC,CAACC,MAAMA,IAAIS,WAAW;IACvE,MAAMC,UAAUX,IAAAA,8CAA4B,EAAC,CAACC,MAAMA,IAAIU,OAAO;IAC/D,wEAAwE;IACxE,+CAA+C;IAC/C,MAAMC,OAAOC,IAAAA,mCAAoB,EAACnB,OAAOK,YAAY;QACjDF;QACAiB,cAAc;YACVC,MAAM;YACNC,UAAU;YACVC,UAAUd,SAAST,MAAMwB,WAAW;YACpC,iBAAiBhB,OAAOK,YAAYY;YACpCxB;QACJ;QACAyB,OAAO;YACHZ;YACAN;YACAO;YACAC;YACAC;YACAU,aAAa;QACjB;IACJ;IACA,MAAMC,OAAOtB,IAAAA,8CAA4B,EAAC,CAACC,MAAMA,IAAIqB,IAAI;IACzD,MAAMF,QAAQ;QACVG,YAAY;YACRX,MAAM;QACV;QACAA;QACAU;QACAlB;IACJ;IACA,OAAOgB;AACX"}