@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/components/Drillstring/BHAComponentsTable/components/SortableComponent.js

@@ -1 +1,158 @@
-import o from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useState as i,memo as r}from"react";import t from"prop-types";import n from"classnames";import{sortableHandle as a,SortableElement as s}from"react-sortable-hoc";import{makeStyles as l,Tooltip as p,IconButton as d}from"@material-ui/core";import m from"@material-ui/icons/DragIndicator";import u from"./Component.js";import{BHA_FAMILY as c}from"../../../../constants/bha.js";import{jsx as b,jsxs as f}from"react/jsx-runtime";var g=l((function(o){return{sortableComponent:{position:"relative","&:hover":{"& $dragIndicatorButton":{visibility:"visible"}},zIndex:"99999999 !important",background:function(e){return e.isSortable&&o.palette.background.b5},boxShadow:function(o){return o.isSortable&&"0px 0px 6px rgba(0, 0, 0, 0.5)"}},topComponent:{marginTop:"16px"},bottomComponent:{marginBottom:"8px"},dragInidicationHidden:{"&:hover":{"& $dragIndicatorButton":{visibility:"hidden"}}},dragIndicatorWrapper:{position:"absolute",left:function(o){return o.isMobile?"8px":0},top:function(o){return o.isMobile?"20px":"8px"}},dragIndicatorButton:{visibility:function(o){return o.isMobile?"visible":"hidden"},padding:"8px",background:function(e){return e.isMobile?"none":o.palette.background.b9},"&:hover":{background:o.palette.background.b7,"& $dragIndicatorIcon":{color:o.palette.primary.text1}}},dragIndicatorIcon:{cursor:"pointer",color:o.palette.primary.text6,fontSize:"16px"}}})),v=a((function(o){var e=o.isMobile,i=g({isMobile:e});return b("div",{className:i.dragIndicatorWrapper,children:b(p,{title:e?"":"Click & Drag to reorder",children:b(d,{className:i.dragIndicatorButton,children:b(m,{className:i.dragIndicatorIcon})})})})})),C=s((function(r){var t,a=r.isActualBha,s=r.component,l=r.isTopComponent,p=r.isLastCompnent,d=r.isSortable,m=r.sortableIndex,C=r.validate,h=r.onDelete,R=r.onSave,x=r.isMobile,I=r.viewColumnsPerRow,q=r.editColumnsPerRow,M=r.onAutocompleteApplied,w=g({isMobile:x,isSortable:d}),y=i(!1),A=e(y,2),S=A[0],B=A[1];return f("div",{className:n(w.sortableComponent,(t={},o(t,w.topComponent,!x&&l),o(t,w.bottomComponent,!x&&p),o(t,w.dragInidicationHidden,!d&&-1!==m),t)),children:[s.family!==c.bit&&!S&&b(v,{isMobile:x}),b(u,{isMobile:x,isActualBha:a,viewColumnsPerRow:I,editColumnsPerRow:q,component:s,validate:C,onSave:R,onDelete:h,onChangeEditing:B,onAutocompleteApplied:M,isDragComponent:-1!==m})]})}));C.propTypes={isActualBha:t.bool.isRequired,isMobile:t.bool.isRequired,component:t.shape({}).isRequired,isTopComponent:t.bool.isRequired,isLastCompnent:t.bool.isRequired,isSortable:t.bool.isRequired,sortableIndex:t.number.isRequired,validate:t.func.isRequired,onDelete:t.func.isRequired,onSave:t.func.isRequired,viewColumnsPerRow:t.number.isRequired,editColumnsPerRow:t.number.isRequired,onAutocompleteApplied:t.func.isRequired};var h=r(C);export{h as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, memo } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { sortableHandle, SortableElement } from 'react-sortable-hoc';
+import { makeStyles, Tooltip, IconButton } from '@material-ui/core';
+import DragIndicatorIcon from '@material-ui/icons/DragIndicator';
+import Component from './Component.js';
+import { BHA_FAMILY } from '../../../../constants/bha.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    sortableComponent: {
+      position: 'relative',
+      '&:hover': {
+        '& $dragIndicatorButton': {
+          visibility: 'visible'
+        }
+      },
+      zIndex: '99999999 !important',
+      background: function background(_ref) {
+        var isSortable = _ref.isSortable;
+        return isSortable && theme.palette.background.b5;
+      },
+      boxShadow: function boxShadow(_ref2) {
+        var isSortable = _ref2.isSortable;
+        return isSortable && '0px 0px 6px rgba(0, 0, 0, 0.5)';
+      }
+    },
+    topComponent: {
+      marginTop: '16px'
+    },
+    bottomComponent: {
+      marginBottom: '8px'
+    },
+    dragInidicationHidden: {
+      '&:hover': {
+        '& $dragIndicatorButton': {
+          visibility: 'hidden'
+        }
+      }
+    },
+    dragIndicatorWrapper: {
+      position: 'absolute',
+      left: function left(_ref3) {
+        var isMobile = _ref3.isMobile;
+        return isMobile ? '8px' : 0;
+      },
+      top: function top(_ref4) {
+        var isMobile = _ref4.isMobile;
+        return isMobile ? '20px' : '8px';
+      }
+    },
+    dragIndicatorButton: {
+      visibility: function visibility(_ref5) {
+        var isMobile = _ref5.isMobile;
+        return isMobile ? 'visible' : 'hidden';
+      },
+      padding: '8px',
+      background: function background(_ref6) {
+        var isMobile = _ref6.isMobile;
+        return isMobile ? 'none' : theme.palette.background.b9;
+      },
+      '&:hover': {
+        background: theme.palette.background.b7,
+        '& $dragIndicatorIcon': {
+          color: theme.palette.primary.text1
+        }
+      }
+    },
+    dragIndicatorIcon: {
+      cursor: 'pointer',
+      color: theme.palette.primary.text6,
+      fontSize: '16px'
+    }
+  };
+});
+var DragHandle = sortableHandle(function (_ref7) {
+  var isMobile = _ref7.isMobile;
+  var classes = useStyles({
+    isMobile: isMobile
+  });
+  return /*#__PURE__*/jsx("div", {
+    className: classes.dragIndicatorWrapper,
+    children: /*#__PURE__*/jsx(Tooltip, {
+      title: isMobile ? '' : 'Click & Drag to reorder',
+      children: /*#__PURE__*/jsx(IconButton, {
+        className: classes.dragIndicatorButton,
+        children: /*#__PURE__*/jsx(DragIndicatorIcon, {
+          className: classes.dragIndicatorIcon
+        })
+      })
+    })
+  });
+});
+var SortableComponent = SortableElement(function (_ref8) {
+  var _classNames;
+  var isActualBha = _ref8.isActualBha,
+    component = _ref8.component,
+    isTopComponent = _ref8.isTopComponent,
+    isLastCompnent = _ref8.isLastCompnent,
+    isSortable = _ref8.isSortable,
+    sortableIndex = _ref8.sortableIndex,
+    validate = _ref8.validate,
+    onDelete = _ref8.onDelete,
+    onSave = _ref8.onSave,
+    isMobile = _ref8.isMobile,
+    viewColumnsPerRow = _ref8.viewColumnsPerRow,
+    editColumnsPerRow = _ref8.editColumnsPerRow,
+    onAutocompleteApplied = _ref8.onAutocompleteApplied;
+  var classes = useStyles({
+    isMobile: isMobile,
+    isSortable: isSortable
+  });
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isEditing = _useState2[0],
+    setIsEditing = _useState2[1];
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(classes.sortableComponent, (_classNames = {}, _defineProperty(_classNames, classes.topComponent, !isMobile && isTopComponent), _defineProperty(_classNames, classes.bottomComponent, !isMobile && isLastCompnent), _defineProperty(_classNames, classes.dragInidicationHidden, !isSortable && sortableIndex !== -1), _classNames)),
+    children: [component.family !== BHA_FAMILY.bit && !isEditing && /*#__PURE__*/jsx(DragHandle, {
+      isMobile: isMobile
+    }), /*#__PURE__*/jsx(Component, {
+      isMobile: isMobile,
+      isActualBha: isActualBha,
+      viewColumnsPerRow: viewColumnsPerRow,
+      editColumnsPerRow: editColumnsPerRow,
+      component: component,
+      validate: validate,
+      onSave: onSave,
+      onDelete: onDelete,
+      onChangeEditing: setIsEditing,
+      onAutocompleteApplied: onAutocompleteApplied,
+      isDragComponent: sortableIndex !== -1
+    })]
+  });
+});
+SortableComponent.propTypes = {
+  isActualBha: PropTypes.bool.isRequired,
+  isMobile: PropTypes.bool.isRequired,
+  component: PropTypes.shape({}).isRequired,
+  isTopComponent: PropTypes.bool.isRequired,
+  isLastCompnent: PropTypes.bool.isRequired,
+  isSortable: PropTypes.bool.isRequired,
+  sortableIndex: PropTypes.number.isRequired,
+  validate: PropTypes.func.isRequired,
+  onDelete: PropTypes.func.isRequired,
+  onSave: PropTypes.func.isRequired,
+  viewColumnsPerRow: PropTypes.number.isRequired,
+  editColumnsPerRow: PropTypes.number.isRequired,
+  onAutocompleteApplied: PropTypes.func.isRequired
+};
+var SortableComponent$1 = memo(SortableComponent);
+
+export { SortableComponent$1 as default };
+//# sourceMappingURL=SortableComponent.js.map

package/components/Drillstring/BHAComponentsTable/components/SortableComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortableComponent.js","sources":["../../../../../src/components/Drillstring/BHAComponentsTable/components/SortableComponent.js"],"sourcesContent":["import { memo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { SortableElement, sortableHandle } from 'react-sortable-hoc';\nimport { IconButton, Tooltip, makeStyles } from '@material-ui/core';\nimport DragIndicatorIcon from '@material-ui/icons/DragIndicator';\n\nimport Component from './Component';\n\nimport { BHA_FAMILY } from '~/constants/bha';\n\nconst useStyles = makeStyles(theme => ({\n  sortableComponent: {\n    position: 'relative',\n    '&:hover': {\n      '& $dragIndicatorButton': {\n        visibility: 'visible',\n      },\n    },\n    zIndex: '99999999 !important',\n    background: ({ isSortable }) => isSortable && theme.palette.background.b5,\n    boxShadow: ({ isSortable }) => isSortable && '0px 0px 6px rgba(0, 0, 0, 0.5)',\n  },\n  topComponent: {\n    marginTop: '16px',\n  },\n  bottomComponent: {\n    marginBottom: '8px',\n  },\n  dragInidicationHidden: {\n    '&:hover': {\n      '& $dragIndicatorButton': {\n        visibility: 'hidden',\n      },\n    },\n  },\n  dragIndicatorWrapper: {\n    position: 'absolute',\n    left: ({ isMobile }) => (isMobile ? '8px' : 0),\n    top: ({ isMobile }) => (isMobile ? '20px' : '8px'),\n  },\n  dragIndicatorButton: {\n    visibility: ({ isMobile }) => (isMobile ? 'visible' : 'hidden'),\n    padding: '8px',\n    background: ({ isMobile }) => (isMobile ? 'none' : theme.palette.background.b9),\n    '&:hover': {\n      background: theme.palette.background.b7,\n      '& $dragIndicatorIcon': {\n        color: theme.palette.primary.text1,\n      },\n    },\n  },\n  dragIndicatorIcon: {\n    cursor: 'pointer',\n    color: theme.palette.primary.text6,\n    fontSize: '16px',\n  },\n}));\n\nconst DragHandle = sortableHandle(({ isMobile }) => {\n  const classes = useStyles({ isMobile });\n\n  return (\n    <div className={classes.dragIndicatorWrapper}>\n      <Tooltip title={isMobile ? '' : 'Click & Drag to reorder'}>\n        <IconButton className={classes.dragIndicatorButton}>\n          <DragIndicatorIcon className={classes.dragIndicatorIcon} />\n        </IconButton>\n      </Tooltip>\n    </div>\n  );\n});\n\nconst SortableComponent = SortableElement(\n  ({\n    isActualBha,\n    component,\n    isTopComponent,\n    isLastCompnent,\n    isSortable,\n    sortableIndex,\n    validate,\n    onDelete,\n    onSave,\n    isMobile,\n    viewColumnsPerRow,\n    editColumnsPerRow,\n    onAutocompleteApplied,\n  }) => {\n    const classes = useStyles({ isMobile, isSortable });\n    const [isEditing, setIsEditing] = useState(false);\n\n    return (\n      <div\n        className={classNames(classes.sortableComponent, {\n          [classes.topComponent]: !isMobile && isTopComponent,\n          [classes.bottomComponent]: !isMobile && isLastCompnent,\n          [classes.dragInidicationHidden]: !isSortable && sortableIndex !== -1,\n        })}\n      >\n        {component.family !== BHA_FAMILY.bit && !isEditing && <DragHandle isMobile={isMobile} />}\n        <Component\n          isMobile={isMobile}\n          isActualBha={isActualBha}\n          viewColumnsPerRow={viewColumnsPerRow}\n          editColumnsPerRow={editColumnsPerRow}\n          component={component}\n          validate={validate}\n          onSave={onSave}\n          onDelete={onDelete}\n          onChangeEditing={setIsEditing}\n          onAutocompleteApplied={onAutocompleteApplied}\n          isDragComponent={sortableIndex !== -1}\n        />\n      </div>\n    );\n  }\n);\n\nSortableComponent.propTypes = {\n  isActualBha: PropTypes.bool.isRequired,\n  isMobile: PropTypes.bool.isRequired,\n  component: PropTypes.shape({}).isRequired,\n  isTopComponent: PropTypes.bool.isRequired,\n  isLastCompnent: PropTypes.bool.isRequired,\n  isSortable: PropTypes.bool.isRequired,\n  sortableIndex: PropTypes.number.isRequired,\n  validate: PropTypes.func.isRequired,\n  onDelete: PropTypes.func.isRequired,\n  onSave: PropTypes.func.isRequired,\n  viewColumnsPerRow: PropTypes.number.isRequired,\n  editColumnsPerRow: PropTypes.number.isRequired,\n  onAutocompleteApplied: PropTypes.func.isRequired,\n};\n\nexport default memo(SortableComponent);\n"],"names":["useStyles","makeStyles","theme","sortableComponent","position","visibility","zIndex","background","isSortable","palette","b5","boxShadow","topComponent","marginTop","bottomComponent","marginBottom","dragInidicationHidden","dragIndicatorWrapper","left","isMobile","top","dragIndicatorButton","padding","b9","b7","color","primary","text1","dragIndicatorIcon","cursor","text6","fontSize","DragHandle","sortableHandle","classes","_jsx","SortableComponent","SortableElement","isActualBha","component","isTopComponent","isLastCompnent","sortableIndex","validate","onDelete","onSave","viewColumnsPerRow","editColumnsPerRow","onAutocompleteApplied","useState","isEditing","setIsEditing","_jsxs","classNames","family","BHA_FAMILY","bit","propTypes","PropTypes","bool","isRequired","shape","number","func","memo"],"mappings":"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"}

package/components/Drillstring/BHAComponentsTable/components/Stabilizer/Browser.js

@@ -1 +1,96 @@
-import e from"@babel/runtime/helpers/defineProperty";import{memo as t}from"react";import r from"classnames";import a from"prop-types";import{Grid as o}from"@material-ui/core";import"../shared/CancelButton.js";import"../shared/ExpandCollapseButton.js";import"../shared/FormatedNumber.js";import"../shared/InputText.js";import"../shared/MoreButton.js";import"../shared/SaveButton.js";import"../shared/SelectField.js";import{StaticField as n}from"../shared/StaticField.js";import"../shared/SharedEditorElements.js";import"../shared/ConfirmationPopup.js";import{useStyles as i}from"../sharedStyles.js";import{CONTAINER_XS as l}from"../constants.js";import{isMobileDetected as m}from"../../../../../utils/mobileDetect.js";import{jsx as s,Fragment as u,jsxs as d}from"react/jsx-runtime";function p(t){var a=t.component,p=t.columns,h=i(),b=l/p;return s(u,{children:d(o,{container:!0,spacing:2,className:r(h.detailedView,e({},h.detailedViewMobile,m)),children:[s(n,{label:"Name",value:a.name,format:null,xs:b}),s(n,{label:"T.Weight",unit:"mass",value:a.weight,xs:b}),s(n,{label:"Gauge OD",unit:"shortLength",value:a.gauge_od,xs:b}),s(n,{label:"Gauge Length",unit:"shortLength",value:a.gauge_length,xs:b}),s(n,{label:"# of Blades",value:a.no_of_blades,format:null,xs:b}),s(n,{label:"Blade Width",unit:"shortLength",value:a.blade_width,xs:b}),s(n,{label:"Connection Type",value:a.connection_type,format:null,xs:b}),s(n,{label:"Material",value:a.material,format:null,xs:b})]})})}p.propTypes={component:a.shape({family:a.string,outer_diameter:a.number,inner_diameter:a.number,linear_weight:a.number,length:a.number,name:a.string,weight:a.number,connection_type:a.string,material:a.string,gauge_od:a.number,gauge_length:a.number,blade_width:a.number,no_of_blades:a.number}).isRequired,columns:a.number.isRequired};var h=t(p);export{h as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { memo } from 'react';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import { Grid } from '@material-ui/core';
+import '../shared/CancelButton.js';
+import '../shared/ExpandCollapseButton.js';
+import '../shared/FormatedNumber.js';
+import '../shared/InputText.js';
+import '../shared/MoreButton.js';
+import '../shared/SaveButton.js';
+import '../shared/SelectField.js';
+import { StaticField } from '../shared/StaticField.js';
+import '../shared/SharedEditorElements.js';
+import '../shared/ConfirmationPopup.js';
+import { useStyles } from '../sharedStyles.js';
+import { CONTAINER_XS } from '../constants.js';
+import { isMobileDetected } from '../../../../../utils/mobileDetect.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+function Stabilizer(_ref) {
+  var component = _ref.component,
+    columns = _ref.columns;
+  var classes = useStyles();
+  var xs = CONTAINER_XS / columns;
+  return /*#__PURE__*/jsx(Fragment, {
+    children: /*#__PURE__*/jsxs(Grid, {
+      container: true,
+      spacing: 2,
+      className: classNames(classes.detailedView, _defineProperty({}, classes.detailedViewMobile, isMobileDetected)),
+      children: [/*#__PURE__*/jsx(StaticField, {
+        label: "Name",
+        value: component.name,
+        format: null,
+        xs: xs
+      }), /*#__PURE__*/jsx(StaticField, {
+        label: "T.Weight",
+        unit: "mass",
+        value: component.weight,
+        xs: xs
+      }), /*#__PURE__*/jsx(StaticField, {
+        label: "Gauge OD",
+        unit: "shortLength",
+        value: component.gauge_od,
+        xs: xs
+      }), /*#__PURE__*/jsx(StaticField, {
+        label: "Gauge Length",
+        unit: "shortLength",
+        value: component.gauge_length,
+        xs: xs
+      }), /*#__PURE__*/jsx(StaticField, {
+        label: "# of Blades",
+        value: component.no_of_blades,
+        format: null,
+        xs: xs
+      }), /*#__PURE__*/jsx(StaticField, {
+        label: "Blade Width",
+        unit: "shortLength",
+        value: component.blade_width,
+        xs: xs
+      }), /*#__PURE__*/jsx(StaticField, {
+        label: "Connection Type",
+        value: component.connection_type,
+        format: null,
+        xs: xs
+      }), /*#__PURE__*/jsx(StaticField, {
+        label: "Material",
+        value: component.material,
+        format: null,
+        xs: xs
+      })]
+    })
+  });
+}
+Stabilizer.propTypes = {
+  component: PropTypes.shape({
+    family: PropTypes.string,
+    outer_diameter: PropTypes.number,
+    inner_diameter: PropTypes.number,
+    linear_weight: PropTypes.number,
+    length: PropTypes.number,
+    name: PropTypes.string,
+    weight: PropTypes.number,
+    connection_type: PropTypes.string,
+    material: PropTypes.string,
+    gauge_od: PropTypes.number,
+    gauge_length: PropTypes.number,
+    blade_width: PropTypes.number,
+    no_of_blades: PropTypes.number
+  }).isRequired,
+  columns: PropTypes.number.isRequired
+};
+var StabilizerBrowser = memo(Stabilizer);
+
+export { StabilizerBrowser as default };
+//# sourceMappingURL=Browser.js.map

package/components/Drillstring/BHAComponentsTable/components/Stabilizer/Browser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Browser.js","sources":["../../../../../../src/components/Drillstring/BHAComponentsTable/components/Stabilizer/Browser.js"],"sourcesContent":["import { memo } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@material-ui/core';\n\nimport { StaticField } from '../shared';\nimport { useStyles } from '../sharedStyles';\nimport { CONTAINER_XS } from '../constants';\n\nimport { isMobileDetected } from '~/utils/mobileDetect';\n\nfunction Stabilizer({ component, columns }) {\n  const classes = useStyles();\n  const xs = CONTAINER_XS / columns;\n\n  return (\n    <>\n      <Grid\n        container\n        spacing={2}\n        className={classNames(classes.detailedView, {\n          [classes.detailedViewMobile]: isMobileDetected,\n        })}\n      >\n        <StaticField label=\"Name\" value={component.name} format={null} xs={xs} />\n        <StaticField label=\"T.Weight\" unit=\"mass\" value={component.weight} xs={xs} />\n        <StaticField label=\"Gauge OD\" unit=\"shortLength\" value={component.gauge_od} xs={xs} />\n        <StaticField\n          label=\"Gauge Length\"\n          unit=\"shortLength\"\n          value={component.gauge_length}\n          xs={xs}\n        />\n        <StaticField label=\"# of Blades\" value={component.no_of_blades} format={null} xs={xs} />\n        <StaticField label=\"Blade Width\" unit=\"shortLength\" value={component.blade_width} xs={xs} />\n        <StaticField\n          label=\"Connection Type\"\n          value={component.connection_type}\n          format={null}\n          xs={xs}\n        />\n        <StaticField label=\"Material\" value={component.material} format={null} xs={xs} />\n      </Grid>\n    </>\n  );\n}\n\nStabilizer.propTypes = {\n  component: PropTypes.shape({\n    family: PropTypes.string,\n    outer_diameter: PropTypes.number,\n    inner_diameter: PropTypes.number,\n    linear_weight: PropTypes.number,\n    length: PropTypes.number,\n    name: PropTypes.string,\n    weight: PropTypes.number,\n    connection_type: PropTypes.string,\n    material: PropTypes.string,\n    gauge_od: PropTypes.number,\n    gauge_length: PropTypes.number,\n    blade_width: PropTypes.number,\n    no_of_blades: PropTypes.number,\n  }).isRequired,\n  columns: PropTypes.number.isRequired,\n};\n\nexport default memo(Stabilizer);\n"],"names":["Stabilizer","component","columns","classes","useStyles","xs","CONTAINER_XS","_jsx","_Fragment","_jsxs","classNames","detailedView","detailedViewMobile","isMobileDetected","name","weight","gauge_od","gauge_length","no_of_blades","blade_width","connection_type","material","propTypes","PropTypes","shape","family","string","outer_diameter","number","inner_diameter","linear_weight","length","isRequired","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;AAWA,SAASA,UAAU,CAAyB,IAAA,EAAA;EAAA,IAAtBC,SAAS,QAATA,SAAS;AAAEC,IAAAA,OAAO,QAAPA,OAAO,CAAA;EACtC,IAAMC,OAAO,GAAGC,SAAS,EAAE,CAAA;AAC3B,EAAA,IAAMC,EAAE,GAAGC,YAAY,GAAGJ,OAAO,CAAA;EAEjC,oBACEK,GAAA,CAAAC,QAAA,EAAA;AAAA,IAAA,QAAA,eACEC,KAAC,IAAI,EAAA;MACH,SAAS,EAAA,IAAA;AACT,MAAA,OAAO,EAAE,CAAE;AACX,MAAA,SAAS,EAAEC,UAAU,CAACP,OAAO,CAACQ,YAAY,EACvCR,eAAAA,CAAAA,EAAAA,EAAAA,OAAO,CAACS,kBAAkB,EAAGC,gBAAgB,CAC7C,CAAA;AAAA,MAAA,QAAA,EAAA,cAEHN,IAAC,WAAW,EAAA;AAAC,QAAA,KAAK,EAAC,MAAM;QAAC,KAAK,EAAEN,SAAS,CAACa,IAAK;AAAC,QAAA,MAAM,EAAE,IAAK;AAAC,QAAA,EAAE,EAAET,EAAAA;OAAM,CAAA,eACzEE,IAAC,WAAW,EAAA;AAAC,QAAA,KAAK,EAAC,UAAU;AAAC,QAAA,IAAI,EAAC,MAAM;QAAC,KAAK,EAAEN,SAAS,CAACc,MAAO;AAAC,QAAA,EAAE,EAAEV,EAAAA;OAAM,CAAA,eAC7EE,IAAC,WAAW,EAAA;AAAC,QAAA,KAAK,EAAC,UAAU;AAAC,QAAA,IAAI,EAAC,aAAa;QAAC,KAAK,EAAEN,SAAS,CAACe,QAAS;AAAC,QAAA,EAAE,EAAEX,EAAAA;OAAM,CAAA,eACtFE,IAAC,WAAW,EAAA;AACV,QAAA,KAAK,EAAC,cAAc;AACpB,QAAA,IAAI,EAAC,aAAa;QAClB,KAAK,EAAEN,SAAS,CAACgB,YAAa;AAC9B,QAAA,EAAE,EAAEZ,EAAAA;OACJ,CAAA,eACFE,IAAC,WAAW,EAAA;AAAC,QAAA,KAAK,EAAC,aAAa;QAAC,KAAK,EAAEN,SAAS,CAACiB,YAAa;AAAC,QAAA,MAAM,EAAE,IAAK;AAAC,QAAA,EAAE,EAAEb,EAAAA;OAAM,CAAA,eACxFE,IAAC,WAAW,EAAA;AAAC,QAAA,KAAK,EAAC,aAAa;AAAC,QAAA,IAAI,EAAC,aAAa;QAAC,KAAK,EAAEN,SAAS,CAACkB,WAAY;AAAC,QAAA,EAAE,EAAEd,EAAAA;OAAM,CAAA,eAC5FE,IAAC,WAAW,EAAA;AACV,QAAA,KAAK,EAAC,iBAAiB;QACvB,KAAK,EAAEN,SAAS,CAACmB,eAAgB;AACjC,QAAA,MAAM,EAAE,IAAK;AACb,QAAA,EAAE,EAAEf,EAAAA;OACJ,CAAA,eACFE,IAAC,WAAW,EAAA;AAAC,QAAA,KAAK,EAAC,UAAU;QAAC,KAAK,EAAEN,SAAS,CAACoB,QAAS;AAAC,QAAA,MAAM,EAAE,IAAK;AAAC,QAAA,EAAE,EAAEhB,EAAAA;OAAM,CAAA,CAAA;AAAA,KAAA,CAAA;GAElF,CAAA,CAAA;AAEP,CAAA;AAEAL,UAAU,CAACsB,SAAS,GAAG;AACrBrB,EAAAA,SAAS,EAAEsB,SAAS,CAACC,KAAK,CAAC;IACzBC,MAAM,EAAEF,SAAS,CAACG,MAAM;IACxBC,cAAc,EAAEJ,SAAS,CAACK,MAAM;IAChCC,cAAc,EAAEN,SAAS,CAACK,MAAM;IAChCE,aAAa,EAAEP,SAAS,CAACK,MAAM;IAC/BG,MAAM,EAAER,SAAS,CAACK,MAAM;IACxBd,IAAI,EAAES,SAAS,CAACG,MAAM;IACtBX,MAAM,EAAEQ,SAAS,CAACK,MAAM;IACxBR,eAAe,EAAEG,SAAS,CAACG,MAAM;IACjCL,QAAQ,EAAEE,SAAS,CAACG,MAAM;IAC1BV,QAAQ,EAAEO,SAAS,CAACK,MAAM;IAC1BX,YAAY,EAAEM,SAAS,CAACK,MAAM;IAC9BT,WAAW,EAAEI,SAAS,CAACK,MAAM;IAC7BV,YAAY,EAAEK,SAAS,CAACK,MAAAA;GACzB,CAAC,CAACI,UAAU;AACb9B,EAAAA,OAAO,EAAEqB,SAAS,CAACK,MAAM,CAACI,UAAAA;AAC5B,CAAC,CAAA;AAED,wBAAeC,IAAI,CAACjC,UAAU,CAAC;;;;"}