@pie-lib/drag 4.0.3-next.38 → 4.0.3-next.57

package/LICENSE.md

@@ -0,0 +1,5 @@
+Copyright 2019 CoreSpring Inc
+
+Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

package/lib/drag-in-the-blank-dp.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DragInTheBlankDroppable = DragInTheBlankDroppable;
+exports["default"] = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _placeholder = _interopRequireDefault(require("./placeholder"));
+var _core = require("@dnd-kit/core");
+var _styles = require("@mui/material/styles");
+var _excluded = ["children", "disabled", "classes", "isVerticalPool", "minHeight", "instanceId"];
+// With @dnd-kit, the drop logic is handled in the DragProvider's onDragEnd callback
+// This component now just wraps DroppablePlaceholder with drag-in-the-blank specific logic
+
+var DroppablePlaceholderContainer = (0, _styles.styled)('div')({
+  minHeight: '100px'
+});
+function DragInTheBlankDroppable(_ref) {
+  var children = _ref.children,
+    disabled = _ref.disabled,
+    classes = _ref.classes,
+    isVerticalPool = _ref.isVerticalPool,
+    minHeight = _ref.minHeight,
+    instanceId = _ref.instanceId,
+    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  // The actual drop handling will be managed by the parent component
+  // through the DragProvider's onDragEnd callback
+  var _useDroppable = (0, _core.useDroppable)({
+      id: 'drag-in-the-blank-droppable',
+      data: {
+        type: 'MaskBlank',
+        accepts: ['MaskBlank'],
+        id: 'drag-in-the-blank-droppable',
+        toChoiceBoard: true,
+        instanceId: instanceId
+      }
+    }),
+    setNodeRef = _useDroppable.setNodeRef,
+    isOver = _useDroppable.isOver;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    ref: setNodeRef
+  }, /*#__PURE__*/_react["default"].createElement(DroppablePlaceholderContainer, null, /*#__PURE__*/_react["default"].createElement(_placeholder["default"], {
+    isOver: isOver,
+    choiceBoard: true,
+    className: classes,
+    isVerticalPool: isVerticalPool,
+    extraStyles: {
+      width: '100%',
+      minHeight: minHeight || 100,
+      height: 'auto'
+    }
+  }, children)));
+}
+DragInTheBlankDroppable.propTypes = {
+  id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]).isRequired,
+  children: _propTypes["default"].node,
+  disabled: _propTypes["default"].bool,
+  onDrop: _propTypes["default"].func,
+  instanceId: _propTypes["default"].string
+};
+var _default = exports["default"] = DragInTheBlankDroppable;
+//# sourceMappingURL=drag-in-the-blank-dp.js.map

package/lib/drag-in-the-blank-dp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-in-the-blank-dp.js","names":["_react","_interopRequireDefault","require","_propTypes","_placeholder","_core","_styles","_excluded","DroppablePlaceholderContainer","styled","minHeight","DragInTheBlankDroppable","_ref","children","disabled","classes","isVerticalPool","instanceId","rest","_objectWithoutProperties2","_useDroppable","useDroppable","id","data","type","accepts","toChoiceBoard","setNodeRef","isOver","createElement","ref","choiceBoard","className","extraStyles","width","height","propTypes","PropTypes","oneOfType","string","number","isRequired","node","bool","onDrop","func","_default","exports"],"sources":["../src/drag-in-the-blank-dp.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport PlaceHolder from './placeholder';\nimport { useDroppable } from '@dnd-kit/core';\nimport { styled } from '@mui/material/styles';\n\n// With @dnd-kit, the drop logic is handled in the DragProvider's onDragEnd callback\n// This component now just wraps DroppablePlaceholder with drag-in-the-blank specific logic\n\nconst DroppablePlaceholderContainer = styled('div')({\n  minHeight: '100px',\n});\n\nexport function DragInTheBlankDroppable({\n  children,\n  disabled,\n  classes,\n  isVerticalPool,\n  minHeight,\n  instanceId,\n  ...rest\n}) {\n  // The actual drop handling will be managed by the parent component\n  // through the DragProvider's onDragEnd callback\n  const { setNodeRef, isOver } = useDroppable({\n    id: 'drag-in-the-blank-droppable',\n    data: {\n      type: 'MaskBlank',\n      accepts: ['MaskBlank'],\n      id: 'drag-in-the-blank-droppable',\n      toChoiceBoard: true,\n      instanceId,\n    },\n  });\n\n  return (\n    <div ref={setNodeRef}>\n      <DroppablePlaceholderContainer>\n        <PlaceHolder\n          isOver={isOver}\n          choiceBoard={true}\n          className={classes}\n          isVerticalPool={isVerticalPool}\n          extraStyles={{\n            width: '100%',\n            minHeight: minHeight || 100,\n            height: 'auto',\n          }}\n        >\n          {children}\n        </PlaceHolder>\n      </DroppablePlaceholderContainer>\n    </div>\n  );\n}\n\nDragInTheBlankDroppable.propTypes = {\n  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  children: PropTypes.node,\n  disabled: PropTypes.bool,\n  onDrop: PropTypes.func,\n  instanceId: PropTypes.string,\n};\n\nexport default DragInTheBlankDroppable;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAA8C,IAAAK,SAAA;AAE9C;AACA;;AAEA,IAAMC,6BAA6B,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC;EAClDC,SAAS,EAAE;AACb,CAAC,CAAC;AAEK,SAASC,uBAAuBA,CAAAC,IAAA,EAQpC;EAAA,IAPDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IACdN,SAAS,GAAAE,IAAA,CAATF,SAAS;IACTO,UAAU,GAAAL,IAAA,CAAVK,UAAU;IACPC,IAAI,OAAAC,yBAAA,aAAAP,IAAA,EAAAL,SAAA;EAEP;EACA;EACA,IAAAa,aAAA,GAA+B,IAAAC,kBAAY,EAAC;MAC1CC,EAAE,EAAE,6BAA6B;MACjCC,IAAI,EAAE;QACJC,IAAI,EAAE,WAAW;QACjBC,OAAO,EAAE,CAAC,WAAW,CAAC;QACtBH,EAAE,EAAE,6BAA6B;QACjCI,aAAa,EAAE,IAAI;QACnBT,UAAU,EAAVA;MACF;IACF,CAAC,CAAC;IATMU,UAAU,GAAAP,aAAA,CAAVO,UAAU;IAAEC,MAAM,GAAAR,aAAA,CAANQ,MAAM;EAW1B,oBACE5B,MAAA,YAAA6B,aAAA;IAAKC,GAAG,EAAEH;EAAW,gBACnB3B,MAAA,YAAA6B,aAAA,CAACrB,6BAA6B,qBAC5BR,MAAA,YAAA6B,aAAA,CAACzB,YAAA,WAAW;IACVwB,MAAM,EAAEA,MAAO;IACfG,WAAW,EAAE,IAAK;IAClBC,SAAS,EAAEjB,OAAQ;IACnBC,cAAc,EAAEA,cAAe;IAC/BiB,WAAW,EAAE;MACXC,KAAK,EAAE,MAAM;MACbxB,SAAS,EAAEA,SAAS,IAAI,GAAG;MAC3ByB,MAAM,EAAE;IACV;EAAE,GAEDtB,QACU,CACgB,CAC5B,CAAC;AAEV;AAEAF,uBAAuB,CAACyB,SAAS,GAAG;EAClCd,EAAE,EAAEe,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,MAAM,CAAC,CAAC,CAACC,UAAU;EACxE5B,QAAQ,EAAEwB,qBAAS,CAACK,IAAI;EACxB5B,QAAQ,EAAEuB,qBAAS,CAACM,IAAI;EACxBC,MAAM,EAAEP,qBAAS,CAACQ,IAAI;EACtB5B,UAAU,EAAEoB,qBAAS,CAACE;AACxB,CAAC;AAAC,IAAAO,QAAA,GAAAC,OAAA,cAEapC,uBAAuB","ignoreList":[]}

package/lib/drag-provider.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DragProvider = DragProvider;
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _core = require("@dnd-kit/core");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function DragProvider(_ref) {
+  var children = _ref.children,
+    onDragEnd = _ref.onDragEnd,
+    onDragStart = _ref.onDragStart,
+    collisionDetection = _ref.collisionDetection,
+    modifiers = _ref.modifiers,
+    autoScroll = _ref.autoScroll;
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    activeId = _useState2[0],
+    setActiveId = _useState2[1];
+  var sensors = (0, _core.useSensors)((0, _core.useSensor)(_core.PointerSensor, {
+    activationConstraint: {
+      distance: 8
+    }
+  }), (0, _core.useSensor)(_core.KeyboardSensor));
+  var handleDragStart = function handleDragStart(event) {
+    setActiveId(event.active.id);
+    if (onDragStart) {
+      onDragStart(event);
+    }
+  };
+  var handleDragEnd = function handleDragEnd(event) {
+    setActiveId(null);
+    if (onDragEnd) {
+      onDragEnd(event);
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement(_core.DndContext, {
+    sensors: sensors,
+    onDragStart: handleDragStart,
+    onDragEnd: handleDragEnd,
+    collisionDetection: collisionDetection,
+    modifiers: modifiers,
+    autoScroll: autoScroll
+  }, children);
+}
+DragProvider.propTypes = {
+  children: _propTypes["default"].node.isRequired,
+  onDragEnd: _propTypes["default"].func,
+  onDragStart: _propTypes["default"].func,
+  collisionDetection: _propTypes["default"].func,
+  modifiers: _propTypes["default"].arrayOf(_propTypes["default"].func),
+  autoScroll: _propTypes["default"].object
+};
+var _default = exports["default"] = DragProvider;
+//# sourceMappingURL=drag-provider.js.map

package/lib/drag-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-provider.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_core","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DragProvider","_ref","children","onDragEnd","onDragStart","collisionDetection","modifiers","autoScroll","_useState","useState","_useState2","_slicedToArray2","activeId","setActiveId","sensors","useSensors","useSensor","PointerSensor","activationConstraint","distance","KeyboardSensor","handleDragStart","event","active","id","handleDragEnd","createElement","DndContext","propTypes","PropTypes","node","isRequired","func","arrayOf","object","_default","exports"],"sources":["../src/drag-provider.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';\n\nexport function DragProvider({ children, onDragEnd, onDragStart, collisionDetection, modifiers, autoScroll }) {\n  const [activeId, setActiveId] = useState(null);\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 8 } }),\n    useSensor(KeyboardSensor),\n  );\n\n  const handleDragStart = (event) => {\n    setActiveId(event.active.id);\n    if (onDragStart) {\n      onDragStart(event);\n    }\n  };\n\n  const handleDragEnd = (event) => {\n    setActiveId(null);\n    if (onDragEnd) {\n      onDragEnd(event);\n    }\n  };\n\n  return (\n    <DndContext\n      sensors={sensors}\n      onDragStart={handleDragStart}\n      onDragEnd={handleDragEnd}\n      collisionDetection={collisionDetection}\n      modifiers={modifiers}\n      autoScroll={autoScroll}\n    >\n      {children}\n    </DndContext>\n  );\n}\n\nDragProvider.propTypes = {\n  children: PropTypes.node.isRequired,\n  onDragEnd: PropTypes.func,\n  onDragStart: PropTypes.func,\n  collisionDetection: PropTypes.func,\n  modifiers: PropTypes.arrayOf(PropTypes.func),\n  autoScroll: PropTypes.object,\n};\n\nexport default DragProvider;\n"],"mappings":"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","ignoreList":[]}

package/lib/drag-type.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _default = exports["default"] = {
+  types: {
+    ica: 'dnd-kit-response',
+    ml: 'Answer',
+    db: 'MaskBlank'
+  }
+};
+//# sourceMappingURL=drag-type.js.map

package/lib/drag-type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-type.js","names":["types","ica","ml","db"],"sources":["../src/drag-type.js"],"sourcesContent":["export default {\n  types: {\n    ica: 'dnd-kit-response',\n    ml: 'Answer',\n    db: 'MaskBlank',\n  },\n};\n"],"mappings":";;;;;;oCAAe;EACbA,KAAK,EAAE;IACLC,GAAG,EAAE,kBAAkB;IACvBC,EAAE,EAAE,QAAQ;IACZC,EAAE,EAAE;EACN;AACF,CAAC","ignoreList":[]}

package/lib/draggable-choice.js

@@ -0,0 +1,95 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DRAG_TYPE = void 0;
+exports.DraggableChoice = DraggableChoice;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _core = require("@dnd-kit/core");
+var _colors = require("@mui/material/colors");
+var DRAG_TYPE = exports.DRAG_TYPE = 'CHOICE';
+var StyledChoice = (0, _styles.styled)('div')(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    backgroundColor: theme.palette.background.paper,
+    border: "solid 1px ".concat(_colors.grey[400]),
+    padding: theme.spacing(1),
+    minHeight: '30px',
+    minWidth: theme.spacing(20),
+    maxWidth: theme.spacing(75),
+    cursor: 'grab',
+    '& p': {
+      margin: 0
+    },
+    '& p *': {
+      margin: 0
+    },
+    '&:active': {
+      cursor: 'grabbing'
+    }
+  };
+});
+function DraggableChoice(_ref2) {
+  var choice = _ref2.choice,
+    children = _ref2.children,
+    className = _ref2.className,
+    disabled = _ref2.disabled,
+    category = _ref2.category,
+    alternateResponseIndex = _ref2.alternateResponseIndex,
+    choiceIndex = _ref2.choiceIndex,
+    onRemoveChoice = _ref2.onRemoveChoice,
+    type = _ref2.type,
+    id = _ref2.id;
+  var _useDraggable = (0, _core.useDraggable)({
+      id: id || choice.id,
+      // id to be used for dnd-kit
+      disabled: disabled,
+      categoryId: category === null || category === void 0 ? void 0 : category.id,
+      alternateResponseIndex: alternateResponseIndex,
+      data: {
+        id: choice.id,
+        value: choice.value,
+        choiceId: choice.id,
+        from: category === null || category === void 0 ? void 0 : category.id,
+        categoryId: category === null || category === void 0 ? void 0 : category.id,
+        alternateResponseIndex: alternateResponseIndex,
+        choiceIndex: choiceIndex,
+        onRemoveChoice: onRemoveChoice,
+        type: type
+      }
+    }),
+    attributes = _useDraggable.attributes,
+    listeners = _useDraggable.listeners,
+    setNodeRef = _useDraggable.setNodeRef,
+    isDragging = _useDraggable.isDragging;
+  return /*#__PURE__*/_react["default"].createElement(StyledChoice, (0, _extends2["default"])({
+    ref: setNodeRef,
+    className: className,
+    isDragging: isDragging
+  }, attributes, listeners), children);
+}
+DraggableChoice.propTypes = {
+  choice: _propTypes["default"].shape({
+    id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]).isRequired,
+    value: _propTypes["default"].any
+  }).isRequired,
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
+  className: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  category: _propTypes["default"].shape({
+    id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
+  }),
+  alternateResponseIndex: _propTypes["default"].number,
+  choiceIndex: _propTypes["default"].number,
+  onRemoveChoice: _propTypes["default"].func,
+  type: _propTypes["default"].string,
+  id: _propTypes["default"].string
+};
+var _default = exports["default"] = DraggableChoice;
+//# sourceMappingURL=draggable-choice.js.map

package/lib/draggable-choice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draggable-choice.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_core","_colors","DRAG_TYPE","exports","StyledChoice","styled","_ref","theme","backgroundColor","palette","background","paper","border","concat","grey","padding","spacing","minHeight","minWidth","maxWidth","cursor","margin","DraggableChoice","_ref2","choice","children","className","disabled","category","alternateResponseIndex","choiceIndex","onRemoveChoice","type","id","_useDraggable","useDraggable","categoryId","data","value","choiceId","from","attributes","listeners","setNodeRef","isDragging","createElement","_extends2","ref","propTypes","PropTypes","shape","oneOfType","string","number","isRequired","any","arrayOf","node","bool","func","_default"],"sources":["../src/draggable-choice.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { useDraggable } from '@dnd-kit/core';\nimport { grey } from '@mui/material/colors';\n\nexport const DRAG_TYPE = 'CHOICE';\n\nconst StyledChoice = styled('div')(({ theme }) => ({\n  backgroundColor: theme.palette.background.paper,\n  border: `solid 1px ${grey[400]}`,\n  padding: theme.spacing(1),\n  minHeight: '30px',\n  minWidth: theme.spacing(20),\n  maxWidth: theme.spacing(75),\n  cursor: 'grab',\n  '& p': {\n    margin: 0,\n  },\n  '& p *': {\n    margin: 0,\n  },\n  '&:active': {\n    cursor: 'grabbing',\n  },\n}));\n\nexport function DraggableChoice({\n  choice,\n  children,\n  className,\n  disabled,\n  category,\n  alternateResponseIndex,\n  choiceIndex,\n  onRemoveChoice,\n  type,\n  id,\n}) {\n  const { attributes, listeners, setNodeRef, isDragging } = useDraggable({\n    id: id || choice.id, // id to be used for dnd-kit\n    disabled: disabled,\n    categoryId: category?.id,\n    alternateResponseIndex,\n    data: {\n      id: choice.id,\n      value: choice.value,\n      choiceId: choice.id,\n      from: category?.id,\n      categoryId: category?.id,\n      alternateResponseIndex,\n      choiceIndex,\n      onRemoveChoice,\n      type,\n    },\n  });\n\n  return (\n    <StyledChoice ref={setNodeRef} className={className} isDragging={isDragging} {...attributes} {...listeners}>\n      {children}\n    </StyledChoice>\n  );\n}\n\nDraggableChoice.propTypes = {\n  choice: PropTypes.shape({\n    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n    value: PropTypes.any,\n  }).isRequired,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  className: PropTypes.string,\n  disabled: PropTypes.bool,\n  category: PropTypes.shape({\n    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  }),\n  alternateResponseIndex: PropTypes.number,\n  choiceIndex: PropTypes.number,\n  onRemoveChoice: PropTypes.func,\n  type: PropTypes.string,\n  id: PropTypes.string,\n};\n\nexport default DraggableChoice;\n"],"mappings":"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","ignoreList":[]}

package/lib/droppable-placeholder.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DroppablePlaceholder = DroppablePlaceholder;
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _placeholder = _interopRequireDefault(require("./placeholder"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _core = require("@dnd-kit/core");
+var preventInteractionStyle = {
+  flex: 1
+};
+function DroppablePlaceholder(_ref) {
+  var id = _ref.id,
+    children = _ref.children,
+    disabled = _ref.disabled,
+    classes = _ref.classes,
+    isVerticalPool = _ref.isVerticalPool,
+    minHeight = _ref.minHeight;
+  var _useDroppable = (0, _core.useDroppable)({
+      id: id,
+      disabled: disabled
+    }),
+    setNodeRef = _useDroppable.setNodeRef,
+    isOver = _useDroppable.isOver;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    ref: setNodeRef,
+    style: preventInteractionStyle
+  }, /*#__PURE__*/_react["default"].createElement(_placeholder["default"], {
+    disabled: disabled,
+    isOver: isOver,
+    choiceBoard: true,
+    className: classes,
+    isVerticalPool: isVerticalPool,
+    minHeight: minHeight
+  }, children));
+}
+DroppablePlaceholder.propTypes = {
+  id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]).isRequired,
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
+  disabled: _propTypes["default"].bool,
+  classes: _propTypes["default"].object,
+  isVerticalPool: _propTypes["default"].bool,
+  minHeight: _propTypes["default"].number
+};
+var _default = exports["default"] = DroppablePlaceholder;
+//# sourceMappingURL=droppable-placeholder.js.map

package/lib/droppable-placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"droppable-placeholder.js","names":["_react","_interopRequireDefault","require","_placeholder","_propTypes","_core","preventInteractionStyle","flex","DroppablePlaceholder","_ref","id","children","disabled","classes","isVerticalPool","minHeight","_useDroppable","useDroppable","setNodeRef","isOver","createElement","ref","style","choiceBoard","className","propTypes","PropTypes","oneOfType","string","number","isRequired","arrayOf","node","bool","object","_default","exports"],"sources":["../src/droppable-placeholder.jsx"],"sourcesContent":["import React from 'react';\nimport PlaceHolder from './placeholder';\nimport PropTypes from 'prop-types';\nimport { useDroppable } from '@dnd-kit/core';\n\nconst preventInteractionStyle = {\n  flex: 1,\n};\n\nexport function DroppablePlaceholder({ id, children, disabled, classes, isVerticalPool, minHeight }) {\n  const { setNodeRef, isOver } = useDroppable({\n    id,\n    disabled,\n  });\n\n  return (\n    <div ref={setNodeRef} style={preventInteractionStyle}>\n      <PlaceHolder\n        disabled={disabled}\n        isOver={isOver}\n        choiceBoard={true}\n        className={classes}\n        isVerticalPool={isVerticalPool}\n        minHeight={minHeight}\n      >\n        {children}\n      </PlaceHolder>\n    </div>\n  );\n}\n\nDroppablePlaceholder.propTypes = {\n  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  disabled: PropTypes.bool,\n  classes: PropTypes.object,\n  isVerticalPool: PropTypes.bool,\n  minHeight: PropTypes.number,\n};\n\nexport default DroppablePlaceholder;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAMI,uBAAuB,GAAG;EAC9BC,IAAI,EAAE;AACR,CAAC;AAEM,SAASC,oBAAoBA,CAAAC,IAAA,EAAiE;EAAA,IAA9DC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAEC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IAAEC,SAAS,GAAAN,IAAA,CAATM,SAAS;EAC/F,IAAAC,aAAA,GAA+B,IAAAC,kBAAY,EAAC;MAC1CP,EAAE,EAAFA,EAAE;MACFE,QAAQ,EAARA;IACF,CAAC,CAAC;IAHMM,UAAU,GAAAF,aAAA,CAAVE,UAAU;IAAEC,MAAM,GAAAH,aAAA,CAANG,MAAM;EAK1B,oBACEnB,MAAA,YAAAoB,aAAA;IAAKC,GAAG,EAAEH,UAAW;IAACI,KAAK,EAAEhB;EAAwB,gBACnDN,MAAA,YAAAoB,aAAA,CAACjB,YAAA,WAAW;IACVS,QAAQ,EAAEA,QAAS;IACnBO,MAAM,EAAEA,MAAO;IACfI,WAAW,EAAE,IAAK;IAClBC,SAAS,EAAEX,OAAQ;IACnBC,cAAc,EAAEA,cAAe;IAC/BC,SAAS,EAAEA;EAAU,GAEpBJ,QACU,CACV,CAAC;AAEV;AAEAH,oBAAoB,CAACiB,SAAS,GAAG;EAC/Bf,EAAE,EAAEgB,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,MAAM,CAAC,CAAC,CAACC,UAAU;EACxEnB,QAAQ,EAAEe,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACK,OAAO,CAACL,qBAAS,CAACM,IAAI,CAAC,EAAEN,qBAAS,CAACM,IAAI,CAAC,CAAC,CAACF,UAAU;EAC7FlB,QAAQ,EAAEc,qBAAS,CAACO,IAAI;EACxBpB,OAAO,EAAEa,qBAAS,CAACQ,MAAM;EACzBpB,cAAc,EAAEY,qBAAS,CAACO,IAAI;EAC9BlB,SAAS,EAAEW,qBAAS,CAACG;AACvB,CAAC;AAAC,IAAAM,QAAA,GAAAC,OAAA,cAEa5B,oBAAoB","ignoreList":[]}

package/lib/ica-dp.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ICADroppable = ICADroppable;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _droppablePlaceholder = require("./droppable-placeholder");
+var _excluded = ["id", "children", "disabled"];
+// With @dnd-kit, the drop logic is handled in the DragProvider's onDragEnd callback
+// This component now just wraps DroppablePlaceholder with ICA specific logic
+
+function ICADroppable(_ref) {
+  var id = _ref.id,
+    children = _ref.children,
+    disabled = _ref.disabled,
+    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  // The actual drop handling will be managed by the parent component
+  // through the DragProvider's onDragEnd callback
+
+  return /*#__PURE__*/_react["default"].createElement(_droppablePlaceholder.DroppablePlaceholder, (0, _extends2["default"])({
+    id: id,
+    disabled: disabled
+  }, rest), children);
+}
+ICADroppable.propTypes = {
+  id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]).isRequired,
+  children: _propTypes["default"].node,
+  disabled: _propTypes["default"].bool
+};
+var _default = exports["default"] = ICADroppable;
+//# sourceMappingURL=ica-dp.js.map

package/lib/ica-dp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ica-dp.js","names":["_react","_interopRequireDefault","require","_propTypes","_droppablePlaceholder","_excluded","ICADroppable","_ref","id","children","disabled","rest","_objectWithoutProperties2","createElement","DroppablePlaceholder","_extends2","propTypes","PropTypes","oneOfType","string","number","isRequired","node","bool","_default","exports"],"sources":["../src/ica-dp.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { DroppablePlaceholder } from './droppable-placeholder';\n\n// With @dnd-kit, the drop logic is handled in the DragProvider's onDragEnd callback\n// This component now just wraps DroppablePlaceholder with ICA specific logic\n\nexport function ICADroppable({ id, children, disabled, ...rest }) {\n  // The actual drop handling will be managed by the parent component\n  // through the DragProvider's onDragEnd callback\n\n  return (\n    <DroppablePlaceholder id={id} disabled={disabled} {...rest}>\n      {children}\n    </DroppablePlaceholder>\n  );\n}\n\nICADroppable.propTypes = {\n  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  children: PropTypes.node,\n  disabled: PropTypes.bool,\n};\n\nexport default ICADroppable;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AAA+D,IAAAG,SAAA;AAE/D;AACA;;AAEO,SAASC,YAAYA,CAAAC,IAAA,EAAsC;EAAA,IAAnCC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAKC,IAAI,OAAAC,yBAAA,aAAAL,IAAA,EAAAF,SAAA;EAC5D;EACA;;EAEA,oBACEL,MAAA,YAAAa,aAAA,CAACT,qBAAA,CAAAU,oBAAoB,MAAAC,SAAA;IAACP,EAAE,EAAEA,EAAG;IAACE,QAAQ,EAAEA;EAAS,GAAKC,IAAI,GACvDF,QACmB,CAAC;AAE3B;AAEAH,YAAY,CAACU,SAAS,GAAG;EACvBR,EAAE,EAAES,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,MAAM,CAAC,CAAC,CAACC,UAAU;EACxEZ,QAAQ,EAAEQ,qBAAS,CAACK,IAAI;EACxBZ,QAAQ,EAAEO,qBAAS,CAACM;AACtB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEanB,YAAY","ignoreList":[]}

package/lib/index.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DragDroppablePlaceholder", {
+  enumerable: true,
+  get: function get() {
+    return _dragInTheBlankDp["default"];
+  }
+});
+Object.defineProperty(exports, "DragProvider", {
+  enumerable: true,
+  get: function get() {
+    return _dragProvider["default"];
+  }
+});
+Object.defineProperty(exports, "DraggableChoice", {
+  enumerable: true,
+  get: function get() {
+    return _draggableChoice["default"];
+  }
+});
+Object.defineProperty(exports, "ICADroppablePlaceholder", {
+  enumerable: true,
+  get: function get() {
+    return _icaDp["default"];
+  }
+});
+Object.defineProperty(exports, "MatchDroppablePlaceholder", {
+  enumerable: true,
+  get: function get() {
+    return _matchListDp["default"];
+  }
+});
+Object.defineProperty(exports, "PlaceHolder", {
+  enumerable: true,
+  get: function get() {
+    return _placeholder["default"];
+  }
+});
+Object.defineProperty(exports, "swap", {
+  enumerable: true,
+  get: function get() {
+    return _swap["default"];
+  }
+});
+exports.uid = void 0;
+var _placeholder = _interopRequireDefault(require("./placeholder"));
+var _draggableChoice = _interopRequireDefault(require("./draggable-choice"));
+var _dragProvider = _interopRequireDefault(require("./drag-provider"));
+var _swap = _interopRequireDefault(require("./swap"));
+var uid = _interopRequireWildcard(require("./uid-context"));
+exports.uid = uid;
+var _matchListDp = _interopRequireDefault(require("./match-list-dp"));
+var _dragInTheBlankDp = _interopRequireDefault(require("./drag-in-the-blank-dp"));
+var _icaDp = _interopRequireDefault(require("./ica-dp"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_placeholder","_interopRequireDefault","require","_draggableChoice","_dragProvider","_swap","uid","_interopRequireWildcard","exports","_matchListDp","_dragInTheBlankDp","_icaDp","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sources":["../src/index.js"],"sourcesContent":["import PlaceHolder from './placeholder';\nimport DraggableChoice from './draggable-choice';\nimport DragProvider from './drag-provider';\nimport swap from './swap';\nimport * as uid from './uid-context';\nimport MatchDroppablePlaceholder from './match-list-dp';\nimport DragDroppablePlaceholder from './drag-in-the-blank-dp';\nimport ICADroppablePlaceholder from './ica-dp';\n\nexport {\n  PlaceHolder,\n  MatchDroppablePlaceholder,\n  DragDroppablePlaceholder,\n  ICADroppablePlaceholder,\n  DragProvider,\n  DraggableChoice,\n  swap,\n  uid,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAC,uBAAA,CAAAL,OAAA;AAAqCM,OAAA,CAAAF,GAAA,GAAAA,GAAA;AACrC,IAAAG,YAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,iBAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,MAAA,GAAAV,sBAAA,CAAAC,OAAA;AAA+C,SAAAK,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,wBAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,mBAAAT,CAAA,iBAAAA,CAAA,gBAAAU,OAAA,CAAAV,CAAA,0BAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA","ignoreList":[]}

package/lib/match-list-dp.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MatchListDroppable = MatchListDroppable;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _droppablePlaceholder = require("./droppable-placeholder");
+var _excluded = ["id", "children", "disabled", "onRemoveAnswer"];
+// With @dnd-kit, the drop logic is handled in the DragProvider's onDragEnd callback
+// This component now just wraps DroppablePlaceholder with match-list specific logic
+
+function MatchListDroppable(_ref) {
+  var id = _ref.id,
+    children = _ref.children,
+    disabled = _ref.disabled,
+    onRemoveAnswer = _ref.onRemoveAnswer,
+    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  // The actual drop handling will be managed by the parent component
+  // through the DragProvider's onDragEnd callback
+  // The onRemoveAnswer logic should be handled in the parent's onDragEnd:
+  //
+  // const handleDragEnd = (event) => {
+  //   if (event.over && event.active) {
+  //     const item = event.active.data.current;
+  //     if (onRemoveAnswer) {
+  //       onRemoveAnswer(item.promptId);
+  //     }
+  //   }
+  // };
+
+  return /*#__PURE__*/_react["default"].createElement(_droppablePlaceholder.DroppablePlaceholder, (0, _extends2["default"])({
+    id: id,
+    disabled: disabled
+  }, rest), children);
+}
+MatchListDroppable.propTypes = {
+  id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]).isRequired,
+  children: _propTypes["default"].node,
+  disabled: _propTypes["default"].bool,
+  onRemoveAnswer: _propTypes["default"].func
+};
+var _default = exports["default"] = MatchListDroppable;
+//# sourceMappingURL=match-list-dp.js.map

package/lib/match-list-dp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"match-list-dp.js","names":["_react","_interopRequireDefault","require","_propTypes","_droppablePlaceholder","_excluded","MatchListDroppable","_ref","id","children","disabled","onRemoveAnswer","rest","_objectWithoutProperties2","createElement","DroppablePlaceholder","_extends2","propTypes","PropTypes","oneOfType","string","number","isRequired","node","bool","func","_default","exports"],"sources":["../src/match-list-dp.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { DroppablePlaceholder } from './droppable-placeholder';\n\n// With @dnd-kit, the drop logic is handled in the DragProvider's onDragEnd callback\n// This component now just wraps DroppablePlaceholder with match-list specific logic\n\nexport function MatchListDroppable({ id, children, disabled, onRemoveAnswer, ...rest }) {\n  // The actual drop handling will be managed by the parent component\n  // through the DragProvider's onDragEnd callback\n  // The onRemoveAnswer logic should be handled in the parent's onDragEnd:\n  //\n  // const handleDragEnd = (event) => {\n  //   if (event.over && event.active) {\n  //     const item = event.active.data.current;\n  //     if (onRemoveAnswer) {\n  //       onRemoveAnswer(item.promptId);\n  //     }\n  //   }\n  // };\n\n  return (\n    <DroppablePlaceholder id={id} disabled={disabled} {...rest}>\n      {children}\n    </DroppablePlaceholder>\n  );\n}\n\nMatchListDroppable.propTypes = {\n  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  children: PropTypes.node,\n  disabled: PropTypes.bool,\n  onRemoveAnswer: PropTypes.func,\n};\n\nexport default MatchListDroppable;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AAA+D,IAAAG,SAAA;AAE/D;AACA;;AAEO,SAASC,kBAAkBA,CAAAC,IAAA,EAAsD;EAAA,IAAnDC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IAAKC,IAAI,OAAAC,yBAAA,aAAAN,IAAA,EAAAF,SAAA;EAClF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;EAEA,oBACEL,MAAA,YAAAc,aAAA,CAACV,qBAAA,CAAAW,oBAAoB,MAAAC,SAAA;IAACR,EAAE,EAAEA,EAAG;IAACE,QAAQ,EAAEA;EAAS,GAAKE,IAAI,GACvDH,QACmB,CAAC;AAE3B;AAEAH,kBAAkB,CAACW,SAAS,GAAG;EAC7BT,EAAE,EAAEU,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,MAAM,CAAC,CAAC,CAACC,UAAU;EACxEb,QAAQ,EAAES,qBAAS,CAACK,IAAI;EACxBb,QAAQ,EAAEQ,qBAAS,CAACM,IAAI;EACxBb,cAAc,EAAEO,qBAAS,CAACO;AAC5B,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEarB,kBAAkB","ignoreList":[]}