kitchen-simulator 5.0.0-test.1 → 5.0.0-test.12

package/es/components/toolbar/main/oRectangle.json

@@ -1,220 +0,0 @@
-{
-  "unit": "cm",
-  "rulerUnit": "in",
-  "layers": {
-    "layer-1": {
-      "id": "layer-1",
-      "altitude": 0,
-      "order": 0,
-      "opacity": 1,
-      "name": "default",
-      "visible": true,
-      "vertices": {
-        "bHaJu1vDh-": {
-          "id": "bHaJu1vDh-",
-          "type": "",
-          "prototype": "vertices",
-          "name": "Vertex",
-          "misc": {},
-          "selected": false,
-          "properties": {},
-          "style": "",
-          "category": "",
-          "visible": true,
-          "x": 1310.7,
-          "y": 1341.74,
-          "lines": ["qu-iklVvD", "gh-FNJ1s5"],
-          "areas": ["nZUk04rvLm"]
-        },
-        "i6cQughFHL": {
-          "id": "i6cQughFHL",
-          "type": "",
-          "prototype": "vertices",
-          "name": "Vertex",
-          "misc": {},
-          "selected": false,
-          "properties": {},
-          "style": "",
-          "category": "",
-          "visible": true,
-          "x": 1739.9600000000003,
-          "y": 1341.74,
-          "lines": ["Fqjsu2nx-", "qu-iklVvD"],
-          "areas": ["nZUk04rvLm"]
-        },
-        "xf5Pbjbn9O": {
-          "id": "xf5Pbjbn9O",
-          "type": "",
-          "prototype": "vertices",
-          "name": "Vertex",
-          "misc": {},
-          "selected": false,
-          "properties": {},
-          "style": "",
-          "category": "",
-          "visible": true,
-          "x": 1739.960701754386,
-          "y": 673.7192982456143,
-          "lines": ["Fqjsu2nx-"],
-          "areas": ["nZUk04rvLm"]
-        },
-        "tzGSabFPP7": {
-          "id": "tzGSabFPP7",
-          "type": "",
-          "prototype": "vertices",
-          "name": "Vertex",
-          "misc": {},
-          "selected": false,
-          "properties": {},
-          "style": "",
-          "category": "",
-          "visible": true,
-          "x": 1310.7017543859647,
-          "y": 673.7192982456143,
-          "lines": ["gh-FNJ1s5"],
-          "areas": ["nZUk04rvLm"]
-        }
-      },
-      "lines": {
-        "qu-iklVvD": {
-          "id": "qu-iklVvD",
-          "type": "wall",
-          "prototype": "lines",
-          "name": "Wall",
-          "misc": {},
-          "selected": false,
-          "properties": { "textureB": "plaster", "textureA": "plaster" },
-          "style": "",
-          "category": "",
-          "createdDateTime": 1693373165225,
-          "visible": true,
-          "vertices": ["bHaJu1vDh-", "i6cQughFHL"],
-          "holes": [],
-          "focus": false,
-          "wallColor": "#dddddd"
-        },
-        "Fqjsu2nx-": {
-          "id": "Fqjsu2nx-",
-          "type": "wall",
-          "prototype": "lines",
-          "name": "Wall",
-          "misc": {},
-          "selected": false,
-          "properties": { "textureB": "plaster", "textureA": "plaster" },
-          "style": "",
-          "category": "",
-          "createdDateTime": 1693373165205,
-          "visible": true,
-          "vertices": ["i6cQughFHL", "xf5Pbjbn9O"],
-          "holes": [],
-          "focus": false,
-          "wallColor": "#dddddd"
-        },
-        "gh-FNJ1s5": {
-          "id": "gh-FNJ1s5",
-          "type": "wall",
-          "prototype": "lines",
-          "name": "Wall",
-          "misc": {},
-          "selected": false,
-          "properties": {
-            "textureB": "plaster",
-            "width": { "_unit": "in", "length": null },
-            "height": { "_unit": "in", "length": null },
-            "depth": { "_unit": "in", "length": null },
-            "textureA": "plaster"
-          },
-          "style": "",
-          "category": "",
-          "createdDateTime": 1693373165215,
-          "visible": true,
-          "vertices": ["tzGSabFPP7", "bHaJu1vDh-"],
-          "holes": [],
-          "focus": false,
-          "wallColor": "#dddddd"
-        }
-      },
-      "holes": {},
-      "areas": {
-        "nZUk04rvLm": {
-          "id": "nZUk04rvLm",
-          "type": "area",
-          "prototype": "areas",
-          "name": "Area",
-          "misc": {},
-          "selected": false,
-          "properties": {
-            "patternColor": "rgba(175,175,175)",
-            "thickness": { "length": 0 },
-            "texture": "parquet",
-            "width": { "_unit": "in", "length": null },
-            "height": { "_unit": "in", "length": null },
-            "depth": { "_unit": "in", "length": null }
-          },
-          "style": "",
-          "category": "",
-          "visible": true,
-          "vertices": ["bHaJu1vDh-", "tzGSabFPP7", "xf5Pbjbn9O", "i6cQughFHL"],
-          "holes": [],
-          "texture": { "roughness": 0.9, "metalness": 0, "uri": "" }
-        }
-      },
-      "items": {},
-      "selected": {
-        "vertices": [],
-        "lines": [],
-        "holes": [],
-        "areas": [],
-        "items": []
-      },
-      "dcmmodel": false,
-      "lrmmodel": false,
-      "fbmmodel": false,
-      "counterTop": {
-        "uri": "https://kc-assets-us.s3.amazonaws.com/uploads/CountTop/202105074107_5/texture/Unique_Calcatta_texture.jpg"
-      },
-      "wallColor": {},
-      "floorStyle": {
-        "uri": "https://kc-assets-us.s3.amazonaws.com/uploads/CountTop/202203162950_2/texture/oak-barcelona-s.jpg"
-      },
-      "doorHandle": "",
-      "backsplash": { "roughness": 0.2, "metalness": 0.1, "uri": "" },
-      "backsplashApplied": false,
-      "ceilHeight": 96,
-      "unit": "in"
-    }
-  },
-  "grids": {
-    "h1": {
-      "id": "h1",
-      "type": "horizontal-streak",
-      "properties": {
-        "step": 30.48,
-        "colors": ["#ddd", "#ddd", "#ddd", "#ddd", "#ddd"]
-      }
-    },
-    "v1": {
-      "id": "v1",
-      "type": "vertical-streak",
-      "properties": {
-        "step": 30.48,
-        "colors": ["#ddd", "#ddd", "#ddd", "#ddd", "#ddd"]
-      }
-    }
-  },
-  "selectedLayer": "layer-1",
-  "groups": {},
-  "width": 3000,
-  "height": 2000,
-  "meta": {},
-  "guides": { "horizontal": {}, "vertical": {}, "circular": {} },
-  "title": "",
-  "currentProjectID": null,
-  "showfg": true,
-  "showWallLengthMeasure": 1,
-  "showBaseCabinetMeasure": 1,
-  "showWallCabinetMeasure": 1,
-  "showWindowDoorMeasure": 1,
-  "isLoadingCabinet": false,
-  "loadFlag": false
-}

package/es/components/toolbar/main/rectangle.json

@@ -1,238 +0,0 @@
-{
-  "unit": "cm",
-  "rulerUnit": "in",
-  "layers": {
-    "layer-1": {
-      "id": "layer-1",
-      "altitude": 0,
-      "order": 0,
-      "opacity": 1,
-      "name": "default",
-      "visible": true,
-      "vertices": {
-        "7CRjeaRZhF": {
-          "id": "7CRjeaRZhF",
-          "type": "",
-          "prototype": "vertices",
-          "name": "Vertex",
-          "misc": {},
-          "selected": false,
-          "properties": {},
-          "style": "",
-          "category": "",
-          "visible": true,
-          "x": 1291.05,
-          "y": 1175.29,
-          "lines": ["STZ63BwOf", "eyC5vDys2"],
-          "areas": ["bQRvW_9KxV"]
-        },
-        "vlppTvk-ik": {
-          "id": "vlppTvk-ik",
-          "type": "",
-          "prototype": "vertices",
-          "name": "Vertex",
-          "misc": {},
-          "selected": false,
-          "properties": {},
-          "style": "",
-          "category": "",
-          "visible": true,
-          "x": 1778.73,
-          "y": 1175.29,
-          "lines": ["STZ63BwOf", "BvCbJyf6O"],
-          "areas": ["bQRvW_9KxV"]
-        },
-        "KYo9KB-NX8": {
-          "id": "KYo9KB-NX8",
-          "type": "",
-          "prototype": "vertices",
-          "name": "Vertex",
-          "misc": {},
-          "selected": false,
-          "properties": {},
-          "style": "",
-          "category": "",
-          "visible": true,
-          "x": 1778.73,
-          "y": 809.53,
-          "lines": ["BvCbJyf6O", "uPW70hewY"],
-          "areas": ["bQRvW_9KxV"]
-        },
-        "Pa4Hy3Z26ga": {
-          "id": "Pa4Hy3Z26ga",
-          "type": "",
-          "prototype": "vertices",
-          "name": "Vertex",
-          "misc": {},
-          "selected": false,
-          "properties": {},
-          "style": "",
-          "category": "",
-          "visible": true,
-          "x": 1291.05,
-          "y": 809.53,
-          "lines": ["eyC5vDys2", "uPW70hewY"],
-          "areas": ["bQRvW_9KxV"]
-        }
-      },
-      "lines": {
-        "STZ63BwOf": {
-          "id": "STZ63BwOf",
-          "type": "wall",
-          "prototype": "lines",
-          "name": "Wall",
-          "misc": {},
-          "selected": false,
-          "properties": { "textureB": "plaster", "textureA": "plaster" },
-          "style": "",
-          "category": "",
-          "createdDateTime": 1693373165235,
-          "visible": true,
-          "vertices": ["7CRjeaRZhF", "vlppTvk-ik"],
-          "holes": [],
-          "focus": false,
-          "wallColor": "#dddddd"
-        },
-        "eyC5vDys2": {
-          "id": "eyC5vDys2",
-          "type": "wall",
-          "prototype": "lines",
-          "name": "Wall",
-          "misc": {},
-          "selected": false,
-          "properties": { "textureB": "plaster", "textureA": "plaster" },
-          "style": "",
-          "category": "",
-          "createdDateTime": 1693373165265,
-          "visible": true,
-          "vertices": ["Pa4Hy3Z26ga", "7CRjeaRZhF"],
-          "holes": [],
-          "focus": false,
-          "wallColor": "#dddddd"
-        },
-        "BvCbJyf6O": {
-          "id": "BvCbJyf6O",
-          "type": "wall",
-          "prototype": "lines",
-          "name": "Wall",
-          "misc": {},
-          "selected": false,
-          "properties": { "textureB": "plaster", "textureA": "plaster" },
-          "style": "",
-          "category": "",
-          "createdDateTime": 1693373165245,
-          "visible": true,
-          "vertices": ["vlppTvk-ik", "KYo9KB-NX8"],
-          "holes": [],
-          "focus": false,
-          "wallColor": "#dddddd"
-        },
-        "uPW70hewY": {
-          "id": "uPW70hewY",
-          "type": "wall",
-          "prototype": "lines",
-          "name": "Wall",
-          "misc": {},
-          "selected": false,
-          "properties": {
-            "textureB": "plaster",
-            "width": { "_unit": "in", "length": null },
-            "height": { "_unit": "in", "length": null },
-            "depth": { "_unit": "in", "length": null },
-            "textureA": "plaster"
-          },
-          "style": "",
-          "category": "",
-          "createdDateTime": 1693373165255,
-          "visible": true,
-          "vertices": ["KYo9KB-NX8", "Pa4Hy3Z26ga"],
-          "holes": [],
-          "focus": false,
-          "wallColor": "#dddddd"
-        }
-      },
-      "holes": {},
-      "areas": {
-        "bQRvW_9KxV": {
-          "id": "bQRvW_9KxV",
-          "type": "area",
-          "prototype": "areas",
-          "name": "Area",
-          "misc": {},
-          "selected": false,
-          "properties": {
-            "patternColor": "rgba(175,175,175)",
-            "thickness": { "length": 0 },
-            "texture": "parquet"
-          },
-          "style": "",
-          "category": "",
-          "visible": true,
-          "vertices": ["7CRjeaRZhF", "Pa4Hy3Z26ga", "KYo9KB-NX8", "vlppTvk-ik"],
-          "holes": [],
-          "texture": {
-            "roughness": 0.9,
-            "metalness": 0,
-            "uri": "https://kc-assets-us.s3.amazonaws.com/uploads/CountTop/202203162950_2/texture/oak-barcelona-s.jpg"
-          }
-        }
-      },
-      "items": {},
-      "selected": {
-        "vertices": [],
-        "lines": [],
-        "holes": [],
-        "areas": [],
-        "items": []
-      },
-      "dcmmodel": false,
-      "lrmmodel": false,
-      "fbmmodel": false,
-      "counterTop": {
-        "uri": "https://kc-assets-us.s3.amazonaws.com/uploads/CountTop/202105074107_5/texture/Unique_Calcatta_texture.jpg"
-      },
-      "wallColor": {},
-      "floorStyle": {
-        "uri": "https://kc-assets-us.s3.amazonaws.com/uploads/CountTop/202203162950_2/texture/oak-barcelona-s.jpg"
-      },
-      "doorHandle": "",
-      "backsplash": { "roughness": 0.2, "metalness": 0.1, "uri": "" },
-      "backsplashApplied": false,
-      "ceilHeight": 96,
-      "unit": "in"
-    }
-  },
-  "grids": {
-    "h1": {
-      "id": "h1",
-      "type": "horizontal-streak",
-      "properties": {
-        "step": 30.48,
-        "colors": ["#ddd", "#ddd", "#ddd", "#ddd", "#ddd"]
-      }
-    },
-    "v1": {
-      "id": "v1",
-      "type": "vertical-streak",
-      "properties": {
-        "step": 30.48,
-        "colors": ["#ddd", "#ddd", "#ddd", "#ddd", "#ddd"]
-      }
-    }
-  },
-  "selectedLayer": "layer-1",
-  "groups": {},
-  "width": 3000,
-  "height": 2000,
-  "meta": {},
-  "guides": { "horizontal": {}, "vertical": {}, "circular": {} },
-  "title": "",
-  "currentProjectID": null,
-  "showfg": true,
-  "showWallLengthMeasure": 1,
-  "showBaseCabinetMeasure": 1,
-  "showWallCabinetMeasure": 1,
-  "showWindowDoorMeasure": 1,
-  "isLoadingCabinet": false,
-  "loadFlag": false
-}

package/es/components/toolbar/main/style.css

@@ -1,107 +0,0 @@
-/* .MuiDialog-root {
-
-  }
-
-
-.MuiDialogTitle-root {
-    background-color:#41403F  !important;
-}
-
-.MuiDialog-root {
-    z-index: -1 !important;
-}
-
-.MuiDialogContent-root {
-
-    background-color: #41403F  !important;
-    border-top-right-radius: 4px;
-    border-top-left-radius: 4px;
-}
-
-.MuiDialogActions-root {
-    border-bottom-right-radius: 4px;
-    border-bottom-left-radius: 4px;
-}
-
-h1, h2, h3, h4, h5, h6 {
-    color: rgba(255, 255, 255, 0.85);
-}
-.MuiButton-textPrimary {
-    color: white !important;
-}
-.MuiDialog-paperWidthSm {
-    max-width: 550px !important;
-  
-    
-}
-.MuiDialog-paper {
-    opacity: 0.84;
-    overflow-y: unset !important;
-} */
-
-.never-show-check {
-  color: white;
-}
-
-.never-show-check > .MuiTypography-body1 {
-  font-size: 0.7rem;
-}
-
-.never-show-check .MuiSvgIcon-root {
-  width: 0.7em;
-  height: 0.7em;
-}
-
-.never-show-check .MuiCheckbox-colorPrimary.Mui-checked {
-  color: white;
-}
-
-.t_modal {
-  z-index: 0 !important;
-}
-.MuiDialogTitle-root {
-  background-color: #41403f !important;
-}
-
-.MuiDialogContent-root {
-  background-color: #41403f !important;
-  margin: 0;
-  color: rgba(0, 0, 0, 0.65);
-  font-size: 14px;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-    'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
-    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-  font-variant: tabular-nums;
-  line-height: 1.5715;
-  background-color: #fff;
-  -webkit-font-feature-settings: 'tnum';
-  font-feature-settings: 'tnum';
-}
-
-.MuiDialog-root p {
-  margin-top: 0;
-  margin-bottom: 1em;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  /* margin-top: 0; */
-  /* margin-bottom: 0.5em; */
-  color: rgba(255, 255, 255, 0.85);
-  /* font-weight: 500; */
-}
-.MuiButton-textPrimary {
-  color: white !important;
-}
-.MuiDialog-paperWidthSm {
-  min-width: 90vw !important;
-  height: 95vh !important;
-}
-.MuiDialog-paper {
-  opacity: 0.84;
-  overflow-y: unset !important;
-}

package/es/components/toolbar/main/styles.js

@@ -1,64 +0,0 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45;
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-import styled from 'styled-components';
-import Dialog from '@material-ui/core/Dialog';
-import * as SharedStyle from '../../../shared-style';
-import { BG_COLOR_1, BG_COLOR_HOVER, DEFAULT_FONT_FAMILY, SECONDARY_PURPLE_COLOR, SHADE_LIGHT_PURPLE_COLOR, TEXT_COLOR_NEUTRAL_0, TEXT_COLOR_NEUTRAL_3, TEXT_COLOR_NEUTRAL_1, BG_COLOR_0, STATUS_WARNING_COLOR, STATUS_NEGATIVE_COLOR, STATUS_NEGATIVE_LIGHT_COLOR, STATUS_WARNING_LIGHT_COLOR, TEXT_COLOR_NEUTRAL_2 } from '../../../constants';
-export var PanelWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: fixed;\n  z-index: 9;\n  top: 0;\n  margin-left: 85px;\n  width: 310px;\n  top: 370px;\n  background-color: ", ";\n"])), SharedStyle.TOOLBAR_COLOR.focus);
-export var Title = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-family: ", ";\n  font-size: 26px;\n  font-weight: 700;\n  line-height: 36px;\n  text-align: left;\n  padding: 15px 10px;\n  user-select: none;\n"])), TEXT_COLOR_NEUTRAL_0, DEFAULT_FONT_FAMILY);
-export var Head = styled.p(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: inline-block;\n  float: right;\n  padding-right: 12px;\n  font-size: 80%;\n"])));
-export var Close = styled.a(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  border-radius: 50%;\n  width: 15px;\n  height: 15px;\n  /* color: this.state.closeover ? black : white; */\n  background-color: ", ";\n  cursor: pointer;\n  display: inline-block;\n  text-align: center;\n"])), SharedStyle.MATERIAL_COLORS['500'].red);
-export var hintText = styled.p(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: fixed;\n  top: 65px;\n  background-color: #222222;\n  padding: 12px;\n  border-radius: 6px;\n  text-align: center;\n  z-index: 11;\n  color: white;\n  font-weight: 500;\n  left: calc(50% - 136px);\n"])));
-export var Direction = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 15px;\n  // position: fixed;\n  cursor: pointer;\n  // background-color: #fff;\n  color: white;\n  border-radius: 32px;\n  margin-right: 15px;\n  right: 260px;\n  bottom: 25px;\n  :hover {\n    border-radius: 40px;\n    box-shadow:\n      0px 3px 5px -1px rgba(0, 0, 0, 0.2),\n      0px 6px 10px 0px rgba(0, 0, 0, 0.39),\n      0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n  }\n\n  :active {\n    box-shadow: none !important;\n  }\n"])));
-export var TakePictureDialog = styled(Dialog)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  .never-show-check {\n    color: white;\n  }\n\n  .never-show-check > .MuiTypography-body1 {\n    font-size: 0.7rem;\n  }\n\n  .never-show-check .MuiSvgIcon-root {\n    width: 0.7em;\n    height: 0.7em;\n  }\n\n  .never-show-check .MuiCheckbox-colorPrimary.Mui-checked {\n    color: white;\n  }\n\n  .t_modal {\n    z-index: 0 !important;\n  }\n\n  .MuiDialogTitle-root {\n    background-color: #41403f !important;\n  }\n\n  .MuiDialogContent-root {\n    background-color: #41403f !important;\n    margin: 0;\n    color: rgba(0, 0, 0, 0.65);\n    font-size: 14px;\n    font-family:\n      -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n      Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n      'Segoe UI Symbol', 'Noto Color Emoji';\n    font-variant: tabular-nums;\n    line-height: 1.5715;\n    background-color: #fff;\n    -webkit-font-feature-settings: 'tnum';\n    font-feature-settings: 'tnum';\n  }\n\n  .MuiDialog-root p {\n    margin-top: 0;\n    margin-bottom: 1em;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    /* margin-top: 0; */\n    /* margin-bottom: 0.5em; */\n    color: rgba(255, 255, 255, 0.85);\n    /* font-weight: 500; */\n  }\n\n  .MuiButton-textPrimary {\n    color: white !important;\n  }\n\n  .MuiDialog-paperWidthSm {\n    min-width: 90vw !important;\n    height: 95vh !important;\n  }\n"])));
-export var ToolbarWrapper = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  background-color: white;\n  display: flex;\n  z-index: 1;\n  box-shadow:\n    0px 3px 5px -1px rgba(156, 154, 154, 0.2),\n    0px 6px 10px 0px rgba(156, 154, 154, 0.39),\n    0px 1px 18px 0px rgba(156, 154, 154, 0.12);\n  border-radius: 10px;\n  padding: 25px 10px;\n  left: 15px;\n  top: 90px;\n  user-select: none;\n  max-height: calc(100vh - 110px);\n  overflow: auto;\n"])));
-export var SubToolbarWrapper = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-left: 50px;\n  min-width: 250px;\n"])));
-export var ToolbarButton = styled.div(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 115px;\n  height: 115px;\n  justify-content: center;\n  cursor: pointer;\n\n  :hover {\n    background-color: ", ";\n    border-radius: 10px;\n  }\n"])), BG_COLOR_HOVER);
-export var ToolbarButtonImage = styled.div(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n  width: 35px;\n  height: 35px;\n  -webkit-mask-image: url(", ");\n  -webkit-mask-size: 100%;\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n"])), function (props) {
-  return props.maskImage;
-});
-export var ToolbarButtonImageWrapper = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  height: 50px;\n  display: flex;\n  align-items: center;\n  width: 50px;\n  justify-content: center;\n"])));
-export var ToolbarButtonTitle = styled.span(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-family: ", ";\n\n  @media screen and (min-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (max-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (min-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (max-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (min-width: 1440) {\n    font-size: 16px;\n  }\n  @media screen and (max-width: 1440) {\n    font-size: 16px;\n  }\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 22px;\n  text-align: center;\n"])), SECONDARY_PURPLE_COLOR, DEFAULT_FONT_FAMILY);
-export var SubCategoryTitle = styled.span(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: 21px;\n  font-weight: 700;\n  line-height: 36px;\n  text-align: left;\n  padding: 10px 30px;\n  padding-left: 0px;\n"])), DEFAULT_FONT_FAMILY);
-export var SubCategoryItemWrapper = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  margin-top: 20px;\n  flex-direction: column;\n  overflow-y: overlay;\n"])));
-export var ContentCheckImage = styled.img(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  position: absolute;\n  padding: 20px;\n  width: 70px;\n  color: ", ";\n  border: 3px solid ", ";\n"])), SHADE_LIGHT_PURPLE_COLOR, SHADE_LIGHT_PURPLE_COLOR);
-export var SubCategoryItem = styled.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  display: flex;\n  min-width: 200px;\n  padding: 15px;\n  margin-bottom: 5px;\n  align-items: center;\n  border-radius: 10px;\n  cursor: pointer;\n  position: relative;\n  margin-right: 15px;\n\n  img#check {\n    display: none;\n  }\n\n  :hover {\n    background-color: ", ";\n\n    img#check {\n      display: block;\n    }\n  }\n"])), BG_COLOR_HOVER);
-export var SubCategoryItemImage = styled.img(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  height: 30px;\n  width: 30px;\n  -webkit-mask-image: url(", ");\n  -webkit-mask-size: calc(100% - 2px) calc(100% - 2px);\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: 1px 1px;\n"])), SECONDARY_PURPLE_COLOR, function (props) {
-  return props.maskImage + '?nocache=2025';
-});
-export var SubCategoryItemLabel = styled.span(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  @media screen and (min-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (max-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (min-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (max-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (min-width: 1440) {\n    font-size: 16px;\n  }\n  @media screen and (max-width: 1440) {\n    font-size: 16px;\n  }\n  font-size: 14px;\n  font-weight: 600;\n  margin-left: 10px;\n  line-height: 22px;\n  text-align: center;\n  font-family: ", ";\n  color: ", ";\n  position: relative;\n"])), DEFAULT_FONT_FAMILY, SECONDARY_PURPLE_COLOR);
-export var Div = styled.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  position: fixed;\n  top: calc(50% - 150px);\n  left: calc(50% - 200px);\n  z-index: 200;\n  background: #2b2b2ddf;\n  align-items: space-around;\n  justify-content: center;\n  color: white;\n  width: 350px;\n  height: 140px;\n"])));
-export var IconButton = styled.button(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: 12px;\n  border: 0px;\n  border-radius: 3px;\n  background: #000;\n  border: 1px solid #000;\n  padding: 4px 4px 1px 4px;\n  cursor: pointer;\n"])), BG_COLOR_1);
-export var ButtonTitle1 = styled.span(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  position: absolute;\n  padding-left: 20px;\n  margin-top: 3px;\n  font-size: 12px;\n  cursor: pointer;\n"])));
-export var ButtonTitle2 = styled.span(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  position: absolute;\n  padding-left: 20px;\n  margin-top: 3px;\n  font-size: 12px;\n  cursor: pointer;\n"])));
-export var RightButtonImage = styled.img(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  height: 18px;\n  width: 18px;\n  cursor: pointer;\n  user-select: none;\n"])));
-export var RightButton = styled.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  height: 50px;\n  display: flex;\n  box-shadow:\n    0px 3px 5px -1px rgba(156, 154, 154, 0.2),\n    0px 6px 10px 0px rgba(156, 154, 154, 0.39),\n    0px 1px 18px 0px rgba(156, 154, 154, 0.12);\n  border-radius: 10px;\n  padding: 0px 20px;\n  margin-left: 10px;\n  cursor: pointer;\n  user-select: none;\n  align-items: center;\n\n  :hover {\n    background-color: ", ";\n  }\n"])), BG_COLOR_1, BG_COLOR_HOVER);
-export var NumberInputWrapper = styled.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin-top: 5px;\n  position: relative;\n"])));
-export var NumberInputTitle = styled.span(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 15px;\n  text-align: left;\n  color: ", ";\n  margin-right: auto;\n  user-select: none;\n  width: 180px;\n"])), DEFAULT_FONT_FAMILY, TEXT_COLOR_NEUTRAL_0);
-export var CeilingHeight = styled.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  padding: 15px 15px;\n  color: #000f33;\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 18px;\n  width: 167px;\n  text-align: left;\n  font-family: ", ";\n  border: 2px solid #8791ab;\n  border-radius: 5px;\n  outline: 0;\n\n  :focus {\n    border-color: ", ";\n  }\n\n  :hover {\n    border-color: ", ";\n  }\n"])), DEFAULT_FONT_FAMILY, SECONDARY_PURPLE_COLOR, SECONDARY_PURPLE_COLOR);
-export var MeasurementUnitSelect = styled.div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  width: 180px;\n  padding: 15px 15px;\n  color: ", ";\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 22px;\n  text-align: left;\n  font-family: ", ";\n  border-radius: 5px;\n  border: 2px solid ", ";\n"])), TEXT_COLOR_NEUTRAL_1, DEFAULT_FONT_FAMILY, TEXT_COLOR_NEUTRAL_3);
-export var SelectArrow = styled.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n  position: absolute;\n  right: 15px;\n  width: 15px;\n  height: 9px;\n  background-color: ", ";\n  -webkit-mask-image: url(", ");\n  -webkit-mask-size: 100% 100%;\n  -webkit-mask-repeat: no-repeat;\n"])), TEXT_COLOR_NEUTRAL_3, function (props) {
-  return props.maskImage + '?nocache=2025';
-});
-export var MeasurementUnitOption = styled.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n  padding: 12px 20px;\n  font-size: 13px;\n  font-family: ", ";\n  color: ", ";\n  line-height: 18px;\n  text-align: left;\n  font-weight: 600;\n  cursor: pointer;\n\n  :hover {\n    background-color: ", ";\n  }\n"])), DEFAULT_FONT_FAMILY, TEXT_COLOR_NEUTRAL_0, BG_COLOR_HOVER);
-export var ItemCustomImageWrapper = styled.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n  display: none;\n  z-index: 10;\n  position: absolute;\n"])));
-export var ItemCustomImage = styled.img(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  border-radius: 50%;\n  width: 30px;\n  height: 30px;\n  box-shadow:\n    3px 1px 3px 0px rgba(0, 0, 0, 0.2),\n    -1px -1px 1px 0px rgba(0, 0, 0, 0.14),\n    0px 2px 1px -1px rgba(0, 0, 0, 0.12);\n  padding: 3px;\n  cursor: pointer;\n  user-select: none;\n\n  :hover {\n    background-color: ", ";\n\n    div#warning_box {\n      display: block;\n    }\n  }\n"])), BG_COLOR_0, BG_COLOR_HOVER);
-export var WarningItem = styled.div(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n  opacity: 0.8;\n  position: absolute;\n  border-radius: 6px;\n  z-index: 11;\n  background-color: #ff7400;\n  width: max-content;\n  align-items: center;\n  padding: 10px;\n  display: none;\n  box-shadow:\n    0px 3px 5px -1px rgba(0, 0, 0, 0.2),\n    0px 6px 10px 0px rgba(0, 0, 0, 0.39),\n    0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n  top: -50px;\n  left: 5px;\n  color: white;\n"])));
-export var DoorStyleSubToolBarWrapper = styled.div(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  overflow-y: scroll;\n  align-content: flex-start;\n  height: 100%;\n"])));
-export var DoorstyleCategoryItem = styled.div(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin-right: 20px;\n  align-items: center;\n  position: relative;\n  cursor: pointer;\n  margin-bottom: 15px;\n  padding: 10px;\n  border-radius: 10px;\n\n  img#check {\n    display: none;\n  }\n\n  :hover {\n    background-color: ", ";\n\n    img#check {\n      display: block;\n    }\n  }\n"])), BG_COLOR_HOVER);
-export var ReviewQuoteTable = styled.div(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
-export var ReviewQuoteThead = styled.div(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  display: flex;\n  align-items: center;\n"])), BG_COLOR_0);
-export var ReviewQuoteTh = styled.div(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n  font-family: ", ";\n\n  @media screen and (min-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (max-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (min-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (max-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (min-width: 1440) {\n    font-size: 16px;\n  }\n  @media screen and (max-width: 1440) {\n    font-size: 16px;\n  }\n  font-size: 12px;\n  line-height: 13px;\n  text-align: center;\n  font-weight: 600;\n  margin: 5px 0px;\n  line-height: normal;\n  color: ", ";\n"])), DEFAULT_FONT_FAMILY, TEXT_COLOR_NEUTRAL_3);
-export var ReviewQuoteTh2 = styled(ReviewQuoteTh)(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n  font-size: 14px;\n  color: ", ";\n"])), TEXT_COLOR_NEUTRAL_2);
-export var ReviewQuoteItem = styled.div(_templateObject39 || (_templateObject39 = _taggedTemplateLiteral(["\n  font-size: 12px;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  justify-content: center;\n"])));
-export var ReviewQuoteItemLabel = styled(SubCategoryItemLabel)(_templateObject40 || (_templateObject40 = _taggedTemplateLiteral(["\n  font-size: 12px;\n"])));
-export var DistcountedPriceWrapper = styled.div(_templateObject41 || (_templateObject41 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  background-color: ", ";\n\n  :hover {\n    border: 2px solid ", ";\n  }\n"])), function (props) {
-  return props.bgColor;
-}, function (props) {
-  return props.borderHoverColor;
-});
-export var Button = styled.button(_templateObject42 || (_templateObject42 = _taggedTemplateLiteral(["\n  //margin: auto;\n  display: flex;\n  justify-content: center;\n  padding: 10px 25px;\n  color: ", ";\n  font-size: 16px;\n  font-family: ", ";\n  font-weight: 600;\n  line-height: 16px;\n  outline: 0;\n  background-color: ", ";\n  text-align: center;\n  border: 1px solid ", ";\n  cursor: pointer;\n  border-radius: 5px;\n  align-items: center;\n\n  :hover {\n    background-color: ", ";\n  }\n\n  :active {\n    background-color: ", ";\n  }\n\n  // :focus{\n  //   box-shadow: 0px 0px 8px 2px ", ";\n  // }\n  word-wrap: break-word;\n"])), SECONDARY_PURPLE_COLOR, DEFAULT_FONT_FAMILY, BG_COLOR_1, BG_COLOR_1, BG_COLOR_0, BG_COLOR_0, SECONDARY_PURPLE_COLOR);
-export var ToggleWrapper = styled.div(_templateObject43 || (_templateObject43 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  margin-top: 15px;\n  margin-bottom: 10px;\n"])));
-export var ToggleLabel = styled.span(_templateObject44 || (_templateObject44 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-weight: 400;\n  line-height: 15px;\n  text-align: left;\n  color: ", ";\n"])), DEFAULT_FONT_FAMILY, TEXT_COLOR_NEUTRAL_2);
-export var testJsonItemWrapper = styled.div(_templateObject45 || (_templateObject45 = _taggedTemplateLiteral(["\n  display: flex;\n  font-size: 16px;\n  font-weight: 700;\n  padding: 15px;\n  border-radius: 10px;\n  width: 100%;\n  color: ", ";\n\n  :hover {\n    background-color: ", ";\n    cursor: pointer;\n  }\n"])), SECONDARY_PURPLE_COLOR, BG_COLOR_HOVER);
-//# sourceMappingURL=styles.js.map