@crystaldesign/diva-web-planner-react 26.6.0-beta.9 → 26.6.0-rc.0

package/build/esm/index-f5bc4572.js

@@ -1,97 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-87690a5b.js';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import ArQrCodeIcon from './index-ea77111b.js';
-import ProductRoomList from './index-b36ce14b.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-import 'react-laag';
-import './index-e18dc0ba.js';
-import 'react-qr-code';
-import './index-77316c45.js';
-
-var wcNav3DToolbar = "wc_Nav3DToolbar-5t7Cu";
-var arAbsoluteDesktop = "ar-absolute-desktop-2xHB1";
-var wcZoomIn = "wcZoomIn-eSnCA";
-var wcZoomOut = "wcZoomOut-rlrJR";
-var wcFullScreen = "wcFullScreen-B8USD";
-var wc3DGridPlannerMode = "wc3DGridPlannerMode-aiQCR";
-var wc3DDimLine = "wc3DDimLine-BEygX";
-var roomWrapper = "room-wrapper-hI0LP";
-var mobile = "mobile-cbsgf";
-var css_248z = ".wc_Nav3DToolbar-5t7Cu {\n  display: inline;\n  left: -36.8px;\n  width: 58px;\n  position: absolute;\n  z-index: 350;\n  margin: 0;\n  position: absolute;\n  top: 50%;\n  transform: translate(0, -50%);\n}\n\n@media all and (max-height: 650px) and (min-width: 900px) {\n  .wc_Nav3DToolbar-5t7Cu {\n    width: 120px;\n  }\n  .wc_Nav3DToolbar-5t7Cu ul li {\n    float: left;\n    margin: 0 0 9.6px 9.6px;\n  }\n}\n\n.wc_Nav3DToolbar-5t7Cu li {\n  width: 25.6px;\n  padding: 3.2px;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: 16px;\n  height: 25.6px;\n  display: block;\n  background-color: rgba(223, 223, 223, 0.8);\n  background-repeat: no-repeat;\n  background-position: center center;\n  border-radius: 6px;\n  transition: background-color 0.15s ease;\n}\n\n.wc_Nav3DToolbar-5t7Cu li:hover {\n  background-color: rgba(210, 210, 210, 0.8);\n}\n.wc_Nav3DToolbar-5t7Cu li:active {\n  background-color: rgba(197, 197, 197, 0.8);\n}\n\n#ar-icon {\n  width: 55px;\n  height: 55px;\n  cursor: pointer;\n  padding: 0;\n  border-radius: 50%;\n  background-size: 70%;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3Csvg viewBox%3D%220 0 30 30%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M 17.88 1.861 L 14.94 0.471 C 14.79 0.401 14.62 0.401 14.47 0.471 L 11.52 1.861 C 11.1 2.061 10.91 2.571 11.11 2.991 C 11.25 3.301 11.56 3.481 11.88 3.481 C 12 3.481 12.12 3.451 12.24 3.401 L 13.85 2.641 L 13.85 4.711 C 13.85 5.181 14.23 5.561 14.7 5.561 C 15.17 5.561 15.55 5.181 15.55 4.711 L 15.55 2.641 L 17.16 3.401 C 17.58 3.601 18.09 3.421 18.29 2.991 C 18.49 2.561 18.31 2.061 17.88 1.861 Z M 17.161 7.591 L 14.701 8.751 L 12.241 7.591 C 11.821 7.391 11.311 7.571 11.111 8.001 C 10.911 8.421 11.091 8.931 11.521 9.131 L 13.821 10.211 C 13.821 10.231 13.816 10.248 13.811 10.266 C 13.806 10.283 13.801 10.301 13.801 10.321 L 13.801 12.401 C 13.801 12.871 14.181 13.251 14.651 13.251 C 15.121 13.251 15.501 12.871 15.501 12.401 L 15.501 10.321 C 15.501 10.311 15.498 10.301 15.496 10.291 C 15.493 10.281 15.491 10.271 15.491 10.261 L 17.891 9.131 C 18.311 8.931 18.501 8.421 18.301 8.001 C 18.091 7.581 17.581 7.391 17.161 7.591 Z M 21.051 3.421 L 23.681 4.681 C 23.881 4.771 24.001 4.971 24.001 5.181 L 24.001 8.211 C 24.001 8.681 23.621 9.061 23.151 9.061 C 22.681 9.061 22.301 8.681 22.301 8.211 L 22.301 7.091 L 20.911 7.741 C 20.791 7.791 20.671 7.821 20.551 7.821 C 20.231 7.821 19.921 7.641 19.781 7.331 C 19.581 6.911 19.771 6.401 20.191 6.201 L 21.571 5.551 L 20.321 4.951 C 19.901 4.751 19.721 4.241 19.921 3.821 C 20.121 3.401 20.631 3.221 21.051 3.421 Z M 9.21 6.201 L 7.83 5.551 L 9.08 4.951 C 9.5 4.751 9.68 4.241 9.48 3.821 C 9.28 3.391 8.77 3.211 8.35 3.421 L 5.72 4.681 C 5.52 4.771 5.4 4.971 5.4 5.181 L 5.4 8.201 C 5.4 8.671 5.78 9.051 6.25 9.051 C 6.72 9.051 7.1 8.681 7.1 8.211 L 7.1 7.081 L 8.49 7.731 C 8.61 7.791 8.73 7.821 8.85 7.821 C 9.17 7.821 9.48 7.641 9.62 7.331 C 9.821 6.911 9.64 6.401 9.21 6.201 Z M 22.301 13.081 C 22.301 12.611 22.681 12.231 23.151 12.231 C 23.621 12.231 24.001 12.611 24.011 13.081 L 24.011 16.101 C 24.011 16.321 23.881 16.521 23.691 16.611 L 21.061 17.871 C 20.941 17.921 20.811 17.951 20.691 17.951 C 20.371 17.951 20.071 17.771 19.921 17.471 C 19.721 17.051 19.901 16.541 20.321 16.341 L 21.571 15.741 L 20.191 15.091 C 19.761 14.891 19.581 14.391 19.781 13.961 C 19.981 13.531 20.491 13.351 20.911 13.551 L 22.301 14.201 L 22.301 13.081 Z M 9.62 13.951 C 9.42 13.531 8.91 13.341 8.49 13.541 L 7.1 14.201 L 7.1 13.081 C 7.1 12.611 6.72 12.231 6.25 12.231 C 5.78 12.231 5.4 12.611 5.4 13.081 L 5.4 16.111 C 5.4 16.321 5.52 16.521 5.71 16.611 L 8.34 17.871 C 8.46 17.931 8.58 17.951 8.71 17.951 C 9.03 17.951 9.33 17.771 9.48 17.471 C 9.68 17.051 9.5 16.541 9.08 16.341 L 7.83 15.741 L 9.21 15.091 C 9.64 14.891 9.821 14.381 9.62 13.951 Z M 15.551 18.511 L 17.161 17.751 C 17.581 17.551 18.091 17.731 18.291 18.161 C 18.491 18.581 18.301 19.091 17.881 19.291 L 14.941 20.671 C 14.791 20.741 14.611 20.741 14.461 20.671 L 11.521 19.291 C 11.091 19.091 10.911 18.581 11.111 18.161 C 11.311 17.731 11.821 17.551 12.241 17.751 L 13.851 18.511 L 13.851 16.441 C 13.851 15.971 14.231 15.591 14.701 15.591 C 15.171 15.591 15.551 15.971 15.551 16.441 L 15.551 18.511 Z%22 fill%3D%22white%22%2F%3E  %3Ctext style%3D%22fill%3A rgb(255%2C 255%2C 255)%3B font-family%3A Arial%2C sans-serif%3B font-size%3A 10px%3B font-weight%3A 700%3B letter-spacing%3A 1.9px%3B word-spacing%3A -6.7px%3B white-space%3A pre%3B%22 x%3D%227.235%22 y%3D%2228.446%22%3EAR%3C%2Ftext%3E%3C%2Fsvg%3E\");\n  background-color: var(--primaryColor);\n  background-repeat: no-repeat;\n  background-position: center center;\n  display: block;\n  transition: background-color 0.15s ease;\n}\n\ndiv li.ar-absolute-hmd0N#ar-icon {\n  position: absolute;\n  left: 12px;\n  bottom: 64px;\n  z-index: 1000;\n  width: 48px;\n  height: 48px;\n}\n\ndiv li.ar-absolute-desktop-2xHB1#ar-icon {\n  position: absolute;\n  left: 12px;\n  bottom: 64px;\n  z-index: 1000;\n}\n\n/*------------------------Nav Icons--------------------------------------*/\n\n/* pfister */\n.wcZoomIn-eSnCA {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2226%22 height%3D%2224%22 viewBox%3D%220 0 26 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M9.13434 17.3731C13.8328 17.3731 17.6417 13.6079 17.6417 8.96328C17.6417 4.31867 13.8328 0.553467 9.13434 0.553467C4.43584 0.553467 0.626953 4.31867 0.626953 8.96328C0.626953 13.6079 4.43584 17.3731 9.13434 17.3731Z%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22%2F%3E%3Cpath d%3D%22M24.868 22.6179L15.6235 14.5441%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M4.56201 8.96326H13.7097%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M9.13379 4.44189V13.4847%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcZoomOut-rlrJR {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2222%22 viewBox%3D%220 0 24 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M8.69615 16.6951C12.9919 16.6951 16.4743 13.2526 16.4743 9.00611C16.4743 4.75961 12.9919 1.31714 8.69615 1.31714C4.40038 1.31714 0.917969 4.75961 0.917969 9.00611C0.917969 13.2526 4.40038 16.6951 8.69615 16.6951Z%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22%2F%3E%3Cpath d%3D%22M23.0816 21.4903L14.6631 14.1379%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M4.51465 9.0061H12.8783%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wc360-EcduT {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2228%22 height%3D%2218%22 viewBox%3D%220 0 28 18%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M9.18854 12L11.1301 14.9951L7.83789 16.8079%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M10.6232 14.8374C5.30499 14.2069 1.42188 12.0788 1.42188 9.55665C1.42188 8.05911 2.85694 6.71921 5.05175 5.69458%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M24.4674 6.48267C25.8181 7.34966 26.5778 8.37429 26.5778 9.55656C26.5778 12.1575 22.357 14.3644 16.7012 14.9162%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M8.87988 9.13184C8.6748 9.13184 8.47135 9.10742 8.26953 9.05859C8.06771 9.00977 7.87565 8.93652 7.69336 8.83887C7.51107 8.74121 7.34342 8.61751 7.19043 8.46777C7.03743 8.31803 6.90723 8.14225 6.7998 7.94043L7.42969 7.5498C7.51432 7.7028 7.61035 7.83464 7.71777 7.94531C7.82845 8.05599 7.94564 8.14714 8.06934 8.21875C8.19629 8.29036 8.3265 8.34408 8.45996 8.37988C8.59342 8.41243 8.72689 8.42871 8.86035 8.42871C9.13053 8.42871 9.38118 8.36361 9.6123 8.2334C9.84342 8.10319 10.0078 7.94043 10.1055 7.74512C10.2064 7.54655 10.2568 7.35124 10.2568 7.15918C10.2568 6.86296 10.1771 6.61719 10.0176 6.42188C9.85807 6.22331 9.66602 6.08496 9.44141 6.00684C9.2168 5.92871 9.01009 5.88314 8.82129 5.87012V5.26953C9.08171 5.25651 9.32096 5.19141 9.53906 5.07422C9.76042 4.95703 9.91667 4.81055 10.0078 4.63477C10.1022 4.45573 10.1494 4.27344 10.1494 4.08789C10.1494 3.84375 10.0794 3.63542 9.93945 3.46289C9.80273 3.29036 9.63835 3.16992 9.44629 3.10156C9.25749 3.0332 9.08496 2.99902 8.92871 2.99902C8.72038 2.99902 8.52507 3.04134 8.34277 3.12598C8.16374 3.20736 8.01562 3.31315 7.89844 3.44336C7.78125 3.57357 7.69173 3.70215 7.62988 3.8291L7 3.43848C7.13672 3.16504 7.32878 2.93555 7.57617 2.75C7.82357 2.5612 8.07259 2.43424 8.32324 2.36914C8.57389 2.30404 8.80501 2.27148 9.0166 2.27148C9.27051 2.27148 9.51465 2.31217 9.74902 2.39355C9.98665 2.47493 10.1966 2.59212 10.3789 2.74512C10.5645 2.89486 10.7126 3.07878 10.8232 3.29688C10.9339 3.51172 10.9893 3.7526 10.9893 4.01953C10.9893 4.30599 10.9372 4.55827 10.833 4.77637C10.7288 4.99447 10.6003 5.16211 10.4473 5.2793C10.2975 5.39648 10.1543 5.48275 10.0176 5.53809C10.2682 5.639 10.4733 5.76595 10.6328 5.91895C10.7956 6.07194 10.9128 6.25749 10.9844 6.47559C11.0592 6.69043 11.0967 6.91504 11.0967 7.14941C11.0967 7.46517 11.0332 7.74674 10.9062 7.99414C10.7826 8.24154 10.6165 8.44987 10.4082 8.61914C10.1999 8.78516 9.96224 8.91211 9.69531 9C9.43164 9.08789 9.15983 9.13184 8.87988 9.13184ZM14.6611 9.13184C14.29 9.13184 13.9694 9.05697 13.6992 8.90723C13.429 8.75423 13.2044 8.55566 13.0254 8.31152C12.8464 8.06413 12.7129 7.78255 12.625 7.4668C12.5404 7.14779 12.498 6.82227 12.498 6.49023C12.498 5.94661 12.5762 5.4388 12.7324 4.9668C12.8919 4.49479 13.1182 4.07487 13.4111 3.70703C13.7074 3.33594 14.0638 3.02832 14.4805 2.78418C14.9004 2.54004 15.3708 2.37565 15.8916 2.29102L16.0479 2.9209C15.7581 2.97298 15.4798 3.06413 15.2129 3.19434C14.9492 3.32129 14.7067 3.47917 14.4854 3.66797C14.264 3.85677 14.0687 4.06999 13.8994 4.30762C13.7334 4.54525 13.6032 4.79915 13.5088 5.06934C13.6813 4.95866 13.8701 4.86914 14.0752 4.80078C14.2835 4.73242 14.5049 4.69824 14.7393 4.69824C15.0485 4.69824 15.3236 4.76009 15.5645 4.88379C15.8053 5.00749 16.0088 5.1735 16.1748 5.38184C16.3408 5.58691 16.4678 5.82454 16.5557 6.09473C16.6436 6.36165 16.6875 6.63997 16.6875 6.92969C16.6875 7.23242 16.6403 7.51725 16.5459 7.78418C16.4548 8.05111 16.3213 8.28548 16.1455 8.4873C15.973 8.68587 15.7614 8.84375 15.5107 8.96094C15.2601 9.07487 14.9769 9.13184 14.6611 9.13184ZM14.6709 8.45801C14.8825 8.45801 15.0664 8.41569 15.2227 8.33105C15.3789 8.24316 15.5075 8.12923 15.6084 7.98926C15.7126 7.84603 15.7907 7.6849 15.8428 7.50586C15.8949 7.32357 15.9209 7.13802 15.9209 6.94922C15.9209 6.62044 15.8574 6.33073 15.7305 6.08008C15.6068 5.82617 15.4408 5.64714 15.2324 5.54297C15.0241 5.43555 14.806 5.38184 14.5781 5.38184C14.3438 5.38184 14.1273 5.41927 13.9287 5.49414C13.7301 5.56901 13.5511 5.66829 13.3916 5.79199C13.3493 6.00358 13.3281 6.23633 13.3281 6.49023C13.3281 6.70508 13.3477 6.92806 13.3867 7.15918C13.429 7.3903 13.5007 7.60352 13.6016 7.79883C13.7025 7.99089 13.8392 8.14876 14.0117 8.27246C14.1875 8.39616 14.4072 8.45801 14.6709 8.45801ZM19.9199 9.1416C19.6465 9.1416 19.3975 9.09603 19.1729 9.00488C18.9482 8.91374 18.7464 8.78841 18.5674 8.62891C18.3916 8.46615 18.2386 8.27572 18.1084 8.05762C17.9782 7.83952 17.8708 7.60352 17.7861 7.34961C17.7015 7.09245 17.638 6.82389 17.5957 6.54395C17.5566 6.264 17.5387 5.98242 17.542 5.69922C17.542 5.2207 17.5957 4.76986 17.7031 4.34668C17.8138 3.92025 17.9798 3.54264 18.2012 3.21387C18.4225 2.88509 18.6846 2.64583 18.9873 2.49609C19.29 2.34635 19.6009 2.27148 19.9199 2.27148C20.1934 2.27148 20.4408 2.31706 20.6621 2.4082C20.8867 2.49935 21.0869 2.62467 21.2627 2.78418C21.4417 2.94368 21.5947 3.13249 21.7217 3.35059C21.8519 3.56543 21.9593 3.7998 22.0439 4.05371C22.1318 4.30762 22.1953 4.57454 22.2344 4.85449C22.2767 5.13444 22.2979 5.41602 22.2979 5.69922C22.2979 6.16797 22.2409 6.62044 22.127 7.05664C22.013 7.49284 21.8438 7.87695 21.6191 8.20898C21.3978 8.54102 21.1357 8.78027 20.833 8.92676C20.5335 9.06999 20.2292 9.1416 19.9199 9.1416ZM19.9199 8.42871C20.2943 8.42871 20.6051 8.26432 20.8525 7.93555C21.0999 7.60677 21.2611 7.23405 21.3359 6.81738C21.4108 6.40072 21.4482 6.02474 21.4482 5.68945C21.4482 5.14909 21.3783 4.66081 21.2383 4.22461C21.0983 3.78516 20.9111 3.4694 20.6768 3.27734C20.4424 3.08529 20.1901 2.98926 19.9199 2.98926C19.6465 2.98926 19.4121 3.06738 19.2168 3.22363C19.0247 3.37988 18.8669 3.58659 18.7432 3.84375C18.6195 4.09766 18.5283 4.38574 18.4697 4.70801C18.4111 5.03027 18.3818 5.35742 18.3818 5.68945C18.3818 6.02474 18.4111 6.35677 18.4697 6.68555C18.5283 7.01107 18.6195 7.30404 18.7432 7.56445C18.8701 7.82161 19.0296 8.02995 19.2217 8.18945C19.417 8.34896 19.6497 8.42871 19.9199 8.42871Z%22 fill%3D%22%236F6F6F%22%2F%3E%3Cpath d%3D%22M23.2016 3.09344C23.6678 3.09344 24.0457 2.74057 24.0457 2.30527C24.0457 1.86997 23.6678 1.51709 23.2016 1.51709C22.7354 1.51709 22.3574 1.86997 22.3574 2.30527C22.3574 2.74057 22.7354 3.09344 23.2016 3.09344Z%22 stroke%3D%22%236F6F6F%22 stroke-width%3D%220.75%22 stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcFocus-o05ls {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2221%22 viewBox%3D%220 0 20 21%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M13.122 7.34912H6.94531V13.5258H13.122V7.34912Z%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M6.40838 19.568H2.17869C1.44018 19.568 0.835938 18.9638 0.835938 18.2253V13.9956%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M19.1642 13.9956V18.2253C19.1642 18.9638 18.56 19.568 17.8215 19.568H13.5918%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M13.5918 1.2395H17.8215C18.56 1.2395 19.1642 1.84374 19.1642 2.58226V6.81194%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M0.835938 6.81194V2.58226C0.835938 1.84374 1.44018 1.2395 2.17869 1.2395H6.40838%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcPan-NXlrf {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2226%22 height%3D%2227%22 viewBox%3D%220 0 26 27%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M9.06738 5.18778L12.9615 1.2937L16.9334 5.26566%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M16.8553 21.6209L12.9612 25.5149L8.98926 21.543%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M12.9609 1.68311V9.47127%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M12.9609 17.3374V25.1256%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M4.78373 17.2594L0.889648 13.3653L4.86161 9.39331%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M21.2166 9.47119L25.1106 13.3653L21.1387 17.3372%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M1.2793 13.3652H9.06746%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M16.9336 13.3652H24.7218%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcRoom-7RIQT {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2223%22 height%3D%2221%22 viewBox%3D%220 0 23 21%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M12.8291 16.5054H18.232V6.32178H12.8291V16.5054Z%22 stroke%3D%22%236F6F6F%22 stroke-width%3D%220.6%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M6.36523 16.5051H12.5532V6.04627H18.5564V16.5051H21.8813V3.29395H6.36523V16.5051Z%22 stroke%3D%22%236F6F6F%22 stroke-width%3D%220.6%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M22.2043 3.01889H6.22644L0.777344 0.633545V20.175L6.22644 16.8264H22.1581V3.01889H22.2043ZM1.05442 1.09227L6.04172 3.24825V16.597L1.05442 19.6246V1.09227ZM18.2329 16.5053H12.83V6.32167H18.2329V16.5053ZM21.881 16.5053H18.51V6.04644H12.5068V16.5511H6.3188V3.29412H21.881V16.5053Z%22 fill%3D%22%236F6F6F%22 stroke%3D%22%236F6F6F%22 stroke-width%3D%220.6%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.2702 11.5969H16.9932V12.6061H17.2702V11.5969Z%22 fill%3D%22%236F6F6F%22 stroke%3D%22%236F6F6F%22 stroke-width%3D%220.6%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcFullScreen-B8USD {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2221%22 viewBox%3D%220 0 20 21%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg clip-path%3D%22url(%23clip0)%22%3E%3Cpath d%3D%22M19.5811 10.3625V16.9734C19.5811 18.5633 18.4933 19.9023 17.2381 19.9023H2.76106C1.42215 19.9023 0.417969 18.5633 0.417969 16.9734V3.75162C0.417969 2.16167 1.50583 0.822754 2.76106 0.822754H9.87404%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M19.5813 0.822754L10.46 9.94409%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M13.7236 0.822754H19.5814V6.59681%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath id%3D%22clip0%22%3E%3Crect width%3D%2220%22 height%3D%2220%22 fill%3D%22white%22 transform%3D%22translate(0 0.404297)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\");\n}\n.wc3DGridPlannerMode-aiQCR {\n  background-image: url(\"data:image/svg+xml,%3Csvg id%3D%22Ebene_1%22 data-name%3D%22Ebene 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2225%22 height%3D%2225%22 viewBox%3D%220 0 393.81 393.81%22%3E%09%3Ctitle%3EPfeil%3C%2Ftitle%3E%09%3Cpath fill%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 d%3D%22M328.44%2C391.41a6%2C6%2C0%2C0%2C0-5.51-6l-137.35-11.5V353a4.74%2C4.74%2C0%2C0%2C0-8.1-3.36l-38.4%2C38.4a4.75%2C4.75%2C0%2C0%2C0%2C0%2C6.71l38.4%2C38.4a4.71%2C4.71%2C0%2C0%2C0%2C3.35%2C1.39%2C4.74%2C4.74%2C0%2C0%2C0%2C4.75-4.74V408.93L323%2C397.43A6%2C6%2C0%2C0%2C0%2C328.44%2C391.41ZM178.7%2C405.77v18.89l-33.25-33.25%2C33.25-33.26V377a3.46%2C3.46%2C0%2C0%2C0%2C3.15%2C3.43l130.64%2C10.94L181.85%2C402.34A3.43%2C3.43%2C0%2C0%2C0%2C178.7%2C405.77Z%22 transform%3D%22translate(-137.69 -194.5)%22%2F%3E%09%3Cpath fill%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 d%3D%22M530.11%2C388.05l-38.4-38.4a4.74%2C4.74%2C0%2C0%2C0-8.09%2C3.36v20.87l-137.4%2C11.5a6.05%2C6.05%2C0%2C0%2C0%2C0%2C12.05l137.36%2C11.5v20.88a4.73%2C4.73%2C0%2C0%2C0%2C2.92%2C4.38%2C4.8%2C4.8%2C0%2C0%2C0%2C1.82.36%2C4.67%2C4.67%2C0%2C0%2C0%2C3.35-1.39l38.4-38.4A4.75%2C4.75%2C0%2C0%2C0%2C530.11%2C388.05Zm-42.77%2C14.29L356.71%2C391.41l130.63-10.94a3.46%2C3.46%2C0%2C0%2C0%2C3.15-3.43V358.15l33.25%2C33.26-33.25%2C33.25V405.77A3.43%2C3.43%2C0%2C0%2C0%2C487.34%2C402.34Z%22 transform%3D%22translate(-137.69 -194.5)%22%2F%3E%09%3Cpath fill%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 d%3D%22M373%2C540.43H352.12L340.62%2C403a6.05%2C6.05%2C0%2C0%2C0-12.05%2C0l-11.5%2C137.36H296.2a4.74%2C4.74%2C0%2C0%2C0-3.36%2C8.09l38.4%2C38.4a4.74%2C4.74%2C0%2C0%2C0%2C6.71%2C0l38.4-38.4a4.74%2C4.74%2C0%2C0%2C0-3.35-8.09Zm-5.15%2C6.87L334.6%2C580.55%2C301.34%2C547.3h18.89a3.46%2C3.46%2C0%2C0%2C0%2C3.43-3.15L334.6%2C413.51l10.93%2C130.64A3.46%2C3.46%2C0%2C0%2C0%2C349%2C547.3Z%22 transform%3D%22translate(-137.69 -194.5)%22%2F%3E%09%3Cpath fill%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 d%3D%22M296.2%2C242.39h20.87l11.5%2C137.39a6.05%2C6.05%2C0%2C0%2C0%2C12.05%2C0l11.5-137.35H373a4.74%2C4.74%2C0%2C0%2C0%2C3.35-8.1L338%2C195.89a4.74%2C4.74%2C0%2C0%2C0-6.71%2C0l-38.4%2C38.4a4.74%2C4.74%2C0%2C0%2C0%2C3.36%2C8.1Zm5.14-6.88%2C33.26-33.25%2C33.25%2C33.25H349a3.45%2C3.45%2C0%2C0%2C0-3.42%2C3.15L334.6%2C369.3%2C323.66%2C238.66a3.47%2C3.47%2C0%2C0%2C0-3.43-3.15Z%22 transform%3D%22translate(-137.69 -194.5)%22%2F%3E%3C%2Fsvg%3E\");\n  margin: 0 0 1rem;\n}\n\n.wc3DDimLine-BEygX {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 22.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Ebene_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 15 12%22 style%3D%22enable-background%3Anew 0 0 15 12%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill%3Anone%3B %7D%09.st1%7Bfill%3A%237E7E7E%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M14.8%2C1.3c0-0.6-0.5-1.2-1.2-1.2H1.4c-0.6%2C0-1.2%2C0.5-1.2%2C1.2v9.4c0%2C0.6%2C0.5%2C1.2%2C1.2%2C1.2h12.2%09c0.6%2C0%2C1.2-0.5%2C1.2-1.2C14.8%2C10.7%2C14.8%2C1.3%2C14.8%2C1.3z%22%2F%3E%3Cg%3E%09%3Cpath class%3D%22st1%22 d%3D%22M12.9%2C2.9c-0.1%2C0-0.2%2C0.1-0.2%2C0.2v5.8c0%2C0.1%2C0.1%2C0.2%2C0.2%2C0.2S13%2C9%2C13%2C8.9V3.1C13%2C3%2C12.9%2C2.9%2C12.9%2C2.9z%22%2F%3E%09%3Cpath class%3D%22st1%22 d%3D%22M2.1%2C2.9C2.1%2C2.9%2C2%2C3%2C2%2C3.1v5.8C2%2C9%2C2.1%2C9.1%2C2.1%2C9.1c0.1%2C0%2C0.2-0.1%2C0.2-0.2V3.1C2.3%2C3%2C2.2%2C2.9%2C2.1%2C2.9z%22%2F%3E%09%3Cpath class%3D%22st1%22 d%3D%22M10.3%2C4.9c-0.1%2C0-0.1%2C0-0.2%2C0C10.1%2C5%2C10%2C5%2C10%2C5.1v0.8H5V5.1C5%2C5%2C4.9%2C5%2C4.9%2C4.9c-0.1%2C0-0.1%2C0-0.2%2C0l-1.5%2C1%09%09c0%2C0-0.1%2C0.1-0.1%2C0.1c0%2C0.1%2C0%2C0.1%2C0.1%2C0.1l1.5%2C1c0%2C0%2C0.1%2C0%2C0.1%2C0c0%2C0%2C0.1%2C0%2C0.1%2C0C4.9%2C7.1%2C5%2C7.1%2C5%2C7V6.2H10V7c0%2C0.1%2C0%2C0.1%2C0.1%2C0.1%09%09c0%2C0%2C0.1%2C0%2C0.1%2C0c0%2C0%2C0.1%2C0%2C0.1%2C0l1.5-1c0%2C0%2C0.1-0.1%2C0.1-0.1c0-0.1%2C0-0.1-0.1-0.1L10.3%2C4.9z M4.6%2C6.7L3.6%2C6l1-0.6V6.7z M10.4%2C6.7%09%09V5.4l1%2C0.6L10.4%2C6.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  margin: 0 0 1rem;\n}\n\n.room-wrapper-hI0LP {\n  position: absolute;\n  bottom: 12px;\n  left: 16px;\n  z-index: 200;\n}\n\n.room-wrapper-hI0LP.mobile-cbsgf {\n  left: auto;\n  left: initial;\n  right: 12px;\n  bottom: 12px;\n}\n\n.room-wrapper-hI0LP li {\n  display: block;\n}\n\n.room-wrapper-hI0LP #views-selection-expanded {\n  left: -8px;\n}\n\n.room-wrapper-hI0LP #rooms-selection-expanded {\n  left: 76px;\n  bottom: -3px;\n}\n\n.mobile-cbsgf.room-wrapper-hI0LP #views-selection-expanded {\n  left: auto;\n  left: initial;\n}\n.mobile-cbsgf.room-wrapper-hI0LP #rooms-selection-expanded {\n  left: auto;\n  left: initial;\n  bottom: 3px;\n}\n";
-styleInject(css_248z);
-
-var NavBar = function NavBar(props) {
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [!viewHandler.uiState.isInMobileView && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx("ul", {
-        className: classnames(wcNav3DToolbar),
-        children: viewHandler.productState.doShowNav3D && /*#__PURE__*/jsxs(Fragment, {
-          children: [!viewHandler.productState.plannerRenderingIsStaticBG && /*#__PURE__*/jsxs(Fragment, {
-            children: [/*#__PURE__*/jsx("li", {
-              className: wcZoomIn,
-              onClick: function onClick() {
-                return viewHandler.productState.onNav3DMenuSelect('Nav3DZoomIn');
-              },
-              title: t('configurator.NAV3DZOOMIN_TT')
-            }), /*#__PURE__*/jsx("li", {
-              className: wcZoomOut,
-              onClick: function onClick() {
-                return viewHandler.productState.onNav3DMenuSelect('Nav3DZoomOut');
-              },
-              title: t('configurator.NAV3DZOOMOUT_TT')
-            })]
-          }), /*#__PURE__*/jsx("li", {
-            className: wcFullScreen,
-            onClick: function onClick() {
-              return viewHandler.productState.onNav3DMenuSelect('Nav3DFullScreen');
-            },
-            title: t('configurator.NAV3DFULLSCREEN_TT')
-          }), viewHandler.productState.doShowNav3DPlannerMode && viewHandler.tabGroupState.hasPlanner && /*#__PURE__*/jsx("li", {
-            className: wc3DGridPlannerMode,
-            onClick: function onClick() {
-              return viewHandler.productState.onNav3DMenuSelect('Nav3DPlannerMode');
-            },
-            title: t('configurator.NAV3DPLANNERMODE_TT')
-          }), viewHandler.productState.doEnableToShow3DDimensionLines && /*#__PURE__*/jsx("li", {
-            className: wc3DDimLine,
-            onClick: function onClick() {
-              return viewHandler.productState.onNav3DMenuSelect('Nav3DDimLine');
-            },
-            title: t('configurator.NAV3DDIMLINE_TT')
-          })]
-        })
-      }), viewHandler.productState.allowQRCodeAR && /*#__PURE__*/jsx(ArQrCodeIcon, {
-        className: arAbsoluteDesktop
-      })]
-    }), /*#__PURE__*/jsx("div", {
-      className: classnames(roomWrapper, viewHandler.uiState.isInMobileView ? mobile : undefined),
-      children: /*#__PURE__*/jsx(ProductRoomList, {})
-    })]
-  });
-};
-var index = observer(NavBar);
-
-export { index as default };

package/build/esm/index-f6704d1f.js

@@ -1,68 +0,0 @@
-import { u as useViewHandler } from './index-87690a5b.js';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import Collapsible from 'react-collapsible';
-import ConfigStep from './index-757cbe3d.js';
-import Header from './index-28b2c93e.js';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var VerticalTabGroupItemClassification = function VerticalTabGroupItemClassification(_ref) {
-  var tabGroup = _ref.tabGroup;
-    _ref.height;
-    _ref.minHeight;
-  var viewHandler = useViewHandler();
-  var tabGroupItemRef = useRef(null);
-  useEffect(function () {
-    viewHandler.tabGroupState.setTabGroupItems(tabGroup.key, tabGroupItemRef.current);
-  }, [tabGroupItemRef]);
-  var configSteps = Array.from(tabGroup.options.values()).map(function (o) {
-    return Array.from(o.configSteps.values()).map(function (s) {
-      return {
-        configStep: s,
-        option: o
-      };
-    });
-  }).flat();
-  return /*#__PURE__*/jsx("div", {
-    ref: tabGroupItemRef,
-    children: /*#__PURE__*/jsx(Collapsible, {
-      open: true,
-      easing: "ease",
-      trigger: /*#__PURE__*/jsx(Header, {
-        tabGroup: tabGroup,
-        open: false
-      }),
-      triggerWhenOpen: /*#__PURE__*/jsx(Header, {
-        tabGroup: tabGroup,
-        open: true
-      }),
-      children: configSteps.map(function (step) {
-        return /*#__PURE__*/jsx(ConfigStep, {
-          step: step
-        }, step.configStep.key);
-      })
-    })
-  });
-};
-var index = observer(VerticalTabGroupItemClassification);
-
-export { index as default };

package/build/esm/index-f9372510.js

@@ -1,167 +0,0 @@
-import { s as styleInject } from './index-87690a5b.js';
-import 'react';
-import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight, d as wcPlanner3DRot, e as wcPlanner3DMove, f as wcPlannerDistanceToGround, g as wcPlannerArrowDistanceToGround } from './index.module-acf7e094.js';
-import { w as wcUi2DOutlineDraggable, a as wcUi2DOutlineDraggableActive, b as wcUi2DOutlineSelectable, c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-05d2ebc3.js';
-import PlannerUI from './index-159ad959.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-import './index-5cc19060.js';
-import './index-3b69c2fd.js';
-import './index-dc6bc472.js';
-import './index-fd0abc69.js';
-import './index-0ff38e86.js';
-import './index-d5490d00.js';
-import './index-c2ab19c1.js';
-import './index-63038e1e.js';
-import './index-992f676a.js';
-import './index-bc75ec06.js';
-import './index-cacdecf4.js';
-import './index-484ad1fe.js';
-import './index-c6fb5ed9.js';
-import 'react-draggable';
-import './index-91c1d7af.js';
-import './index-ccb41a73.js';
-import './index-9180ed94.js';
-
-var wcPlannerButton = "wcPlannerButton-7VWLs";
-var mobile = "mobile-JpBZv";
-var css_248z$6 = ".wcPlannerButton-7VWLs {\n  position: absolute;\n  background-repeat: no-repeat;\n  --globalSize: 28px;\n  --posNrSize: var(--globalSize) --trashSize: var(--globalSize);\n  --rotSize: 35px;\n  --copySize: var(--globalSize);\n  --fontSize: 26px;\n  --copyArrowSize: 40px;\n}\n\n:not(.tablet-CDlVX).mobile-JpBZv {\n  --globalSize: 16px;\n  --fontSize: 14px;\n  --rotSize: 16px;\n  --copyArrowSize: var(--globalSize);\n}\n\n.tablet-CDlVX {\n  --globalSize: 24px;\n  --fontSize: 16px;\n  --rotSize: 24px;\n  --copyArrowSize: var(--globalSize);\n}\n";
-styleInject(css_248z$6);
-
-var wcUi2DDpAvl = "wcUI2D_DP_AVL-w776P";
-var wcUi2DDpAvlSel = "wcUI2D_DP_AVL_SEL-zCEhK";
-var css_248z$5 = ".wcUI2D_DP_AVL-w776P {\n  border-radius: 0px !important;\n}\n\n.wcUI2D_DP_AVL-w776P {\n  height: calc(var(--globalSize) * 1.2);\n  width: calc(var(--globalSize) * 1.2);\n  background-color: rgba(0, 0, 0, 0);\n  background-position: center right;\n  background-size: calc(var(--globalSize) * 0.48);\n  background-position-x: calc(calc(var(--globalSize) * 0.48) + 6);\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.47657 13.1203C1.15196 12.7895 0.989658 12.6242 0.989658 12.4198C0.989658 12.2154 1.15196 12.0501 1.47657 11.7193L11.8254 1.17541C12.5534 0.433651 12.9174 0.0627729 13.2282 0.189821C13.5391 0.316868 13.5391 0.836538 13.5391 1.87588L13.5391 22.9637C13.5391 24.0031 13.5391 24.5227 13.2282 24.6498C12.9174 24.7768 12.5534 24.4059 11.8254 23.6642L1.47657 13.1203Z%22 fill%3D%22%234A4A4A%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n  transform-origin: top left;\n  z-index: 263;\n}\n\n.wcUI2D_DP_AVL_SEL-zCEhK {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.14125 13.1203C0.816636 12.7895 0.654331 12.6242 0.654331 12.4198C0.654331 12.2154 0.816636 12.0501 1.14125 11.7193L11.4901 1.17541C12.2181 0.433651 12.5821 0.0627729 12.8929 0.189821C13.2037 0.316868 13.2037 0.836538 13.2037 1.87588L13.2037 22.9637C13.2037 24.0031 13.2037 24.5227 12.8929 24.6498C12.5821 24.7768 12.2181 24.4059 11.4901 23.6642L1.14125 13.1203Z%22 fill%3D%22%23272727%22%2F%3E%3C%2Fsvg%3E\") !important;\n}\n";
-styleInject(css_248z$5);
-
-var wcUi2DDpAvr = "wcUI2D_DP_AVR-oYj8A";
-var wcUi2DDpAvrSel = "wcUI2D_DP_AVR_SEL-XRrsh";
-var css_248z$4 = ".wcUI2D_DP_AVR-oYj8A {\n  border-radius: 0px !important;\n}\n\n.wcUI2D_DP_AVR-oYj8A {\n  height: calc(var(--globalSize) * 1.2);\n  width: calc(var(--globalSize) * 1.2);\n  background-color: rgba(0, 0, 0, 0);\n  background-size: calc(var(--globalSize) * 0.48);\n  background-position: center left;\n  background-position-x: 4px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M13.0291 11.7193C13.3537 12.0501 13.516 12.2154 13.516 12.4198C13.516 12.6242 13.3537 12.7895 13.0291 13.1203L2.68029 23.6642C1.95226 24.4059 1.58825 24.7768 1.27743 24.6498C0.966613 24.5227 0.966613 24.0031 0.966613 22.9637L0.966614 1.87588C0.966614 0.836538 0.966614 0.316868 1.27743 0.18982C1.58825 0.0627725 1.95226 0.43365 2.68029 1.17541L13.0291 11.7193Z%22 fill%3D%22%234A4A4A%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n  transform-origin: top left;\n  z-index: 263;\n}\n\n.wcUI2D_DP_AVR_SEL-XRrsh {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M12.6938 11.7193C13.0184 12.0501 13.1808 12.2154 13.1808 12.4198C13.1808 12.6242 13.0184 12.7895 12.6938 13.1203L2.34503 23.6642C1.617 24.4059 1.25298 24.7768 0.942164 24.6498C0.631346 24.5227 0.631346 24.0031 0.631347 22.9637L0.631347 1.87588C0.631348 0.836538 0.631348 0.316868 0.942165 0.18982C1.25298 0.0627725 1.617 0.43365 2.34503 1.17541L12.6938 11.7193Z%22 fill%3D%22%23272727%22%2F%3E%3C%2Fsvg%3E\") !important;\n}\n";
-styleInject(css_248z$4);
-
-var wcUi2DDpAvDocking = "wcUI2D_DP_AV_DOCKING-dykAB";
-var wcUi2DDpAvNotDocking = "wcUI2D_DP_AV_NOT_DOCKING-4AvG7";
-var wcUi2DDpAvNotDockingSel = "wcUI2D_DP_AV_NOT_DOCKING_SEL-vuwqN";
-var wcUi3DDpAvDocking = "wcUI3D_DP_AV_DOCKING--4iHA";
-var wcUi3DDpAvNotDocking = "wcUI3D_DP_AV_NOT_DOCKING-NwAjs";
-var wcUi3DDpAvNotDockingSel = "wcUI3D_DP_AV_NOT_DOCKING_SEL--PDLM";
-var css_248z$3 = ".wcUI2D_DP_AV_DOCKING-dykAB {\n  background-size: 100%;\n  background-position: center center;\n  border-radius: calc(var(--globalSize) * 0.5);\n  background-color: #f2f2f2;\n  height: var(--globalSize);\n  width: var(--globalSize);\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2223%22 height%3D%2223%22 viewBox%3D%220 0 23 23%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11.5618 22.3251C17.474 22.3251 22.2668 17.5323 22.2668 11.6201C22.2668 5.70789 17.474 0.9151 11.5618 0.9151C5.64957 0.9151 0.856781 5.70789 0.856781 11.6201C0.856781 17.5323 5.64957 22.3251 11.5618 22.3251Z%22 fill%3D%22%23F2F2F2%22%2F%3E%3Cpath d%3D%22M5.85678 11.715H17.4568%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n  margin-top: calc(var(--globalSize) * -0.5);\n  margin-left: calc(var(--globalSize) * -0.5);\n  z-index: 263;\n}\n\n.wcUI2D_DP_AV_NOT_DOCKING-4AvG7 {\n  background-size: 100%;\n  background-position: center center;\n  border-radius: calc(var(--globalSize) * 0.5);\n  background-color: #f2f2f2;\n  height: var(--globalSize);\n  width: var(--globalSize);\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2222%22 height%3D%2222%22 viewBox%3D%220 0 22 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11.1518 21.4198C17.064 21.4198 21.8568 16.627 21.8568 10.7148C21.8568 4.80262 17.064 0.00982666 11.1518 0.00982666C5.23957 0.00982666 0.446777 4.80262 0.446777 10.7148C0.446777 16.627 5.23957 21.4198 11.1518 21.4198Z%22 fill%3D%22%23F2F2F2%22%2F%3E%3Cpath d%3D%22M11.2469 5.00983V16.6098%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M5.44678 10.8097H17.0468%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n  margin-top: calc(var(--globalSize) * -0.5);\n  margin-left: calc(var(--globalSize) * -0.5);\n  z-index: 263;\n}\n.wcUI2D_DP_AV_NOT_DOCKING_SEL-vuwqN {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2223%22 height%3D%2222%22 viewBox%3D%220 0 23 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11.5498 21.4198C17.4621 21.4198 22.2548 16.627 22.2548 10.7148C22.2548 4.80262 17.4621 0.00982666 11.5498 0.00982666C5.63764 0.00982666 0.844849 4.80262 0.844849 10.7148C0.844849 16.627 5.63764 21.4198 11.5498 21.4198Z%22 fill%3D%22%23DFDFDF%22%2F%3E%3Cpath d%3D%22M11.645 5.00983V16.6098%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M5.84485 10.8097H17.4448%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\") !important;\n  background-color: #dfdfdf !important;\n}\n\n.wcUI3D_DP_AV_DOCKING--4iHA {\n  background-size: 100%;\n  background-position: center center;\n  border-radius: calc(var(--globalSize) * 0.5);\n  background-color: #f2f2f2;\n  height: var(--globalSize);\n  width: var(--globalSize);\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2223%22 height%3D%2223%22 viewBox%3D%220 0 23 23%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11.5618 22.3251C17.474 22.3251 22.2668 17.5323 22.2668 11.6201C22.2668 5.70789 17.474 0.9151 11.5618 0.9151C5.64957 0.9151 0.856781 5.70789 0.856781 11.6201C0.856781 17.5323 5.64957 22.3251 11.5618 22.3251Z%22 fill%3D%22%23F2F2F2%22%2F%3E%3Cpath d%3D%22M5.85678 11.715H17.4568%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n  margin-top: calc(var(--globalSize) * -0.5);\n  margin-left: 0px;\n  z-index: 270;\n}\n.wcUI3D_DP_AV_NOT_DOCKING-NwAjs {\n  background-size: 100%;\n  background-position: center center;\n  border-radius: calc(var(--globalSize) * 0.5);\n  background-color: #f2f2f2;\n  height: var(--globalSize);\n  width: var(--globalSize);\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2222%22 height%3D%2222%22 viewBox%3D%220 0 22 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11.1518 21.4198C17.064 21.4198 21.8568 16.627 21.8568 10.7148C21.8568 4.80262 17.064 0.00982666 11.1518 0.00982666C5.23957 0.00982666 0.446777 4.80262 0.446777 10.7148C0.446777 16.627 5.23957 21.4198 11.1518 21.4198Z%22 fill%3D%22%23F2F2F2%22%2F%3E%3Cpath d%3D%22M11.2469 5.00983V16.6098%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M5.44678 10.8097H17.0468%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n  margin-top: calc(var(--globalSize) * -0.5);\n  margin-left: 0px;\n  z-index: 270;\n}\n.wcUI3D_DP_AV_NOT_DOCKING_SEL--PDLM {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2223%22 height%3D%2222%22 viewBox%3D%220 0 23 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11.5498 21.4198C17.4621 21.4198 22.2548 16.627 22.2548 10.7148C22.2548 4.80262 17.4621 0.00982666 11.5498 0.00982666C5.63764 0.00982666 0.844849 4.80262 0.844849 10.7148C0.844849 16.627 5.63764 21.4198 11.5498 21.4198Z%22 fill%3D%22%23DFDFDF%22%2F%3E%3Cpath d%3D%22M11.645 5.00983V16.6098%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M5.84485 10.8097H17.4448%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\") !important;\n  background-color: #dfdfdf !important;\n}\n";
-styleInject(css_248z$3);
-
-var wc2DRotClock = "wc2DRot_Clock-n78aC";
-var wc2DRotCounterClock = "wc2DRot_CounterClock-nWr4L";
-var css_248z$2 = ".wc2DRot_Clock-n78aC {\n  background-size: 100%;\n  width: var(--rotSize);\n  height: var(--rotSize);\n  background-position: center center;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2233%22 height%3D%2233%22 viewBox%3D%220 0 33 33%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M16.6421 32.4198C7.80553 32.4198 0.642092 25.2564 0.642092 16.4198C0.642092 7.58326 7.80553 0.419815 16.6421 0.419815C25.4786 0.419815 32.6421 7.58326 32.6421 16.4198C32.6421 25.2564 25.4786 32.4198 16.6421 32.4198Z%22 fill%3D%22%234A4A4A%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M19.5435 10.5015C19.6332 10.5811 19.6332 10.7212 19.5435 10.8008L15.7327 14.1809C15.6036 14.2954 15.3999 14.2038 15.3999 14.0313V11.5247C12.5284 12.1012 10.3655 14.6372 10.3655 17.6785C10.3655 21.145 13.1757 23.9551 16.6422 23.9551C20.1087 23.9551 22.9188 21.145 22.9188 17.6785C22.9188 17.4576 23.0979 17.2785 23.3188 17.2785H24.3188C24.4249 17.2785 24.5267 17.3207 24.6017 17.3957C24.6767 17.4707 24.7188 17.5725 24.7188 17.6785C24.7188 22.1391 21.1028 25.7551 16.6422 25.7551C12.1816 25.7551 8.5655 22.1391 8.5655 17.6785C8.5655 13.6404 11.5292 10.2944 15.3999 9.69677V7.27096C15.3999 7.09849 15.6036 7.00689 15.7327 7.12134L19.5435 10.5015Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n  z-index: 260;\n  transform: translate(-50%, -50%);\n}\n.wc2DRot_CounterClock-nWr4L {\n  background-size: 100%;\n  width: var(--rotSize);\n  height: var(--rotSize);\n  background-position: center center;\n  cursor: pointer;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2233%22 height%3D%2233%22 viewBox%3D%220 0 33 33%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M16.6421 32.4198C25.4786 32.4198 32.6421 25.2564 32.6421 16.4198C32.6421 7.58326 25.4786 0.419815 16.6421 0.419815C7.80553 0.419815 0.64209 7.58326 0.64209 16.4198C0.64209 25.2564 7.80553 32.4198 16.6421 32.4198Z%22 fill%3D%22%234A4A4A%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M13.7407 10.5015C13.6509 10.5811 13.6509 10.7212 13.7407 10.8008L17.5515 14.1809C17.6805 14.2954 17.8842 14.2038 17.8842 14.0313V11.5247C20.7557 12.1012 22.9187 14.6372 22.9187 17.6785C22.9187 21.145 20.1085 23.9551 16.642 23.9551C13.1755 23.9551 10.3654 21.145 10.3653 17.6785C10.3653 17.4576 10.1863 17.2785 9.96534 17.2785H8.96534C8.85925 17.2785 8.75751 17.3207 8.68249 17.3957C8.60748 17.4707 8.56534 17.5725 8.56534 17.6785C8.56539 22.1391 12.1814 25.7551 16.642 25.7551C21.1026 25.7551 24.7187 22.1391 24.7187 17.6785C24.7187 13.6404 21.755 10.2944 17.8842 9.69677V7.27096C17.8842 7.09849 17.6805 7.00689 17.5515 7.12134L13.7407 10.5015Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\");\n  z-index: 260;\n  transform: translate(-50%, -50%);\n}\n";
-styleInject(css_248z$2);
-
-var wcUiDel = "wcUI_Del-1Gwbv";
-var css_248z$1 = ".wcUI_Del-1Gwbv {\n  width: calc(var(--globalSize));\n  height: calc(var(--globalSize));\n  border-radius: 3px;\n  background: #dfdfdf;\n  background-repeat: no-repeat;\n  background-size: 54%;\n  text-align: center;\n  cursor: pointer;\n  background-position: center center;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2221%22 viewBox%3D%220 0 16 21%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M15.2784 3.0226H10.9717V2.08029C10.9717 1.35784 10.4151 0.72963 9.71198 0.72963H6.78229C6.10846 0.72963 5.52252 1.32643 5.52252 2.08029V3.0226H1.21588C0.981506 3.0226 0.776428 3.24248 0.776428 3.49376C0.776428 3.74505 0.981506 3.96492 1.21588 3.96492H2.18268V17.7542C2.18268 19.0734 3.17877 20.11 4.37994 20.11H12.1436C13.3741 20.11 14.3409 19.042 14.3409 17.7542V3.93351H15.3077C15.5714 3.93351 15.7764 3.71364 15.7764 3.46235C15.7764 3.17966 15.5421 3.0226 15.2784 3.0226ZM6.43073 2.08029C6.43073 1.829 6.6358 1.67195 6.78229 1.67195H9.71198C9.94635 1.67195 10.0928 1.86041 10.0928 2.08029V3.0226H6.43073V2.08029ZM13.462 17.7228C13.462 18.508 12.876 19.1363 12.1436 19.1363H4.37994C3.64752 19.1363 3.06158 18.508 3.06158 17.7228V3.96492H13.462V17.7228Z%22 fill%3D%22%234A4A4A%22%2F%3E%3Cpath d%3D%22M8.68658 6.82326V16.2464C8.68658 16.5291 8.5108 16.749 8.24713 16.749C7.98346 16.749 7.80768 16.5291 7.80768 16.2464V6.82326C7.80768 6.54056 8.04205 6.3521 8.24713 6.3521C8.48151 6.3521 8.68658 6.57197 8.68658 6.82326Z%22 fill%3D%22%234A4A4A%22%2F%3E%3Cpath d%3D%22M11.6456 6.82326V16.2464C11.6456 16.5291 11.4405 16.749 11.2061 16.749C10.9717 16.749 10.7667 16.5291 10.7667 16.2464V6.82326C10.7667 6.54056 10.9717 6.3521 11.2061 6.3521C11.4405 6.3521 11.6456 6.57197 11.6456 6.82326Z%22 fill%3D%22%234A4A4A%22%2F%3E%3Cpath d%3D%22M5.78619 6.82326V16.2464C5.78619 16.5291 5.58112 16.749 5.34674 16.749C5.11237 16.749 4.87799 16.5291 4.87799 16.2464V6.82326C4.87799 6.54056 5.08307 6.3521 5.31744 6.3521C5.55182 6.3521 5.78619 6.57197 5.78619 6.82326Z%22 fill%3D%22%234A4A4A%22%2F%3E%3C%2Fsvg%3E\");\n  z-index: 262;\n  transform: translate(-50%, -50%);\n}\n";
-styleInject(css_248z$1);
-
-var wcPlannerPosNr = "wcPlanner_PosNr-RBqyV";
-var posNrAcc = "posNrAcc-hNhyN";
-var wcPlannerPosNrSelected = "wcPlanner_PosNr_Selected-boByP";
-var wcPlannerPosNrSelectable = "wcPlanner_PosNr_Selectable-SoSIj";
-var wcPlannerPosNrSelectableArea = "wcPlanner_PosNr_Selectable_Area-jiYPo";
-var wcPlannerPosNrUnSelectable = "wcPlanner_PosNr_UnSelectable-5I9n1";
-var wcPlannerPosNrOnHover = "wcPlanner_PosNr_OnHover-pSfg2";
-var css_248z = ".wcPlanner_PosNr-RBqyV {\n  min-width: var(--globalSize);\n  height: var(--globalSize);\n  border-radius: 3px;\n  font-size: calc(var(--globalSize) * 0.7);\n  line-height: var(--globalSize);\n  text-align: center;\n  z-index: 262;\n  transform: translate(-50%, -50%);\n}\n\n.posNrAcc-hNhyN {\n  min-width: 20px;\n  height: 20px;\n  font-size: 12px;\n  line-height: 20px;\n  padding: 0 3px;\n}\n\n.wcPlanner_PosNr_Selected-boByP {\n  background: var(--primaryColor);\n  color: #ffffff;\n  box-shadow: none;\n}\n.wcPlanner_PosNr_Selectable-SoSIj {\n  background: #dfdfdf;\n  color: #4a4a4a;\n}\n.wcPlanner_PosNr_Selectable_Area-jiYPo {\n  width: 50px;\n  height: 50px;\n  position: absolute;\n  transform: translate(-25%, -25%);\n  background-color: rgba(100, 100, 100, 0);\n  cursor: pointer;\n}\n\n.wcPlanner_PosNr_UnSelectable-5I9n1 {\n  background: #dfdfdf;\n  color: rgb(175, 172, 172);\n  cursor: inherit;\n}\n\n.wcPlanner_PosNr_UnSelectable-5I9n1:hover {\n  background: #dfdfdf;\n}\n\n.wcPlanner_PosNr_OnHover-pSfg2 {\n  background-color: #a3a3a3;\n  transition: background-color 0.15s ease;\n}\n";
-styleInject(css_248z);
-
-var GoldenPlannerUI = function GoldenPlannerUI() {
-  var _useDivaCore = useDivaCore(),
-    isMobile = _useDivaCore.state.dimensions.isMobile;
-  var plannerUIProps = {
-    classes: {
-      buttonGeneral: classnames(wcPlannerButton, isMobile ? mobile : undefined),
-      dockingPoint: {
-        AVL: {
-          avl: wcUi2DDpAvl,
-          avlSel: wcUi2DDpAvlSel
-        },
-        AVR: {
-          avr: wcUi2DDpAvr,
-          avrSel: wcUi2DDpAvrSel
-        },
-        DPACC: {
-          dp2DAccDocking: wcUi2DDpAvDocking,
-          dp2DAccNotDocking: wcUi2DDpAvNotDocking,
-          dp2DAccNotDockingSel: wcUi2DDpAvNotDockingSel,
-          dp3DAccDocking: wcUi3DDpAvDocking,
-          dp3DAccNotDocking: wcUi3DDpAvNotDocking,
-          dp3DAccNotDockingSel: wcUi3DDpAvNotDockingSel
-        }
-      },
-      copy: {
-        BoxPlannerCopy: {
-          copyGlobal: wcBoxPlannerAddElement,
-          copyLeft: wcBoxPlannerAddElementLeft,
-          copyTop: wcBoxPlannerAddElementTop,
-          copyRight: wcBoxPlannerAddElementRight
-        },
-        ElementCopy: ''
-      },
-      outline: {
-        outline2D: {
-          draggable: wcUi2DOutlineDraggable,
-          draggableActive: wcUi2DOutlineDraggableActive,
-          selectable: wcUi2DOutlineSelectable
-        },
-        outline3D: {
-          outlineSVG: wc3DOutlineSvg,
-          outlinePolygon: wc3DOutlinePolygon,
-          outlinePolygonContours: wc3DOutlinePolygonContours,
-          outlinePolygonContoursSel: wc3DOutlinePolygonContoursSel
-        }
-      },
-      posNr: {
-        posNr: wcPlannerPosNr,
-        posNrAcc: posNrAcc,
-        posNrSelectable: wcPlannerPosNrSelectable,
-        posNrSelectableArea: wcPlannerPosNrSelectableArea,
-        posNrSelected: wcPlannerPosNrSelected,
-        posNrUnSelectable: wcPlannerPosNrUnSelectable,
-        posNrOnHover: wcPlannerPosNrOnHover,
-        moreThanOneNr: ''
-      },
-      rotation: {
-        rotClock: wc2DRotClock,
-        rotCounterClock: wc2DRotCounterClock,
-        rot3DGrid: wcPlanner3DRot
-      },
-      move3DGrid: {
-        move3DGrid: wcPlanner3DMove
-      },
-      trash: {
-        boxplanner: '',
-        trashClass: wcUiDel
-      },
-      dimension: {
-        distanceToGround: wcPlannerDistanceToGround,
-        distanceToGroundIcon: wcPlannerArrowDistanceToGround
-      }
-    }
-  };
-  return /*#__PURE__*/jsx(PlannerUI, {
-    plannerUIProps: plannerUIProps
-  });
-};
-
-export { GoldenPlannerUI as default };

package/build/esm/index-fd0abc69.js

@@ -1,53 +0,0 @@
-import { c as usePlannerUIHandler } from './index-87690a5b.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var AVR = function AVR(_ref) {
-  var rect = _ref.rect,
-    item = _ref.item,
-    onElement = _ref.onElement,
-    plannerUIProps = _ref.plannerUIProps;
-  var plannerUIHandler = usePlannerUIHandler();
-  var iconIsSelected = plannerUIHandler.getDPUIISSelected(item);
-  var rotation = (item.rotOfElement ? item.rotOfElement : 0) + (item.iconRotDeg ? item.iconRotDeg : 0);
-  return /*#__PURE__*/jsx("div", {
-    ref: function ref(elem) {
-      return onElement(elem);
-    },
-    onClick: function onClick() {
-      var _item$clickFunction;
-      plannerUIHandler.setDPUISelectionChanged(item, !iconIsSelected);
-      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId), item.dpId, !iconIsSelected, undefined);
-    },
-    style: {
-      left: rect.left + 'px',
-      top: rect.top + 'px',
-      transform: 'rotate(' + rotation + 'deg)'
-    },
-    className: classnames(plannerUIProps.classes.buttonGeneral, plannerUIProps.classes.dockingPoint.AVR.avr, iconIsSelected ? plannerUIProps.classes.dockingPoint.AVR.avrSel : undefined),
-    children: item.posNr
-  });
-};
-var AVR$1 = observer(AVR);
-
-export { AVR$1 as default };

package/build/esm/index-fd716586.js

@@ -1,118 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-87690a5b.js';
-import 'react';
-import InfoIcon from './index-53540b2b.js';
-import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
-import { observer } from 'mobx-react-lite';
-import SummaryOptionTree from './index-036ea415.js';
-import classnames from 'classnames';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var tabgroupWrapper = "tabgroup-wrapper-4aobO";
-var mobile = "mobile-WRdEu";
-var tablet = "tablet-hQxkY";
-var tabgroupTitle = "tabgroup-title-1R284";
-var optionWrapper = "option-wrapper-pmVYq";
-var optionItem = "option-item-zmiHX";
-var subItemsWrapper = "sub-items-wrapper-B8kl2";
-var imageWrapper = "image-wrapper-egqGk";
-var image = "image-jeC--";
-var imagePlaceholder = "image-placeholder-gM-z9";
-var isDefined = "is-defined-d2h6S";
-var optionContent = "option-content-j3aZy";
-var optionTitleWrapper = "option-title-wrapper-9zVs5";
-var posNrClass = "pos-nr-class-Cbb-Q";
-var big = "big-zXYUG";
-var posNrWrapper = "pos-nr-wrapper-h63sR";
-var optionTitle = "option-title-ErJ-u";
-var optionDescription = "option-description-WL9GJ";
-var optionButton = "option-button-0C2Fa";
-var priceWrapper = "price-wrapper-mlLK5";
-var css_248z = ".tabgroup-wrapper-4aobO {\n  display: flex;\n  flex-direction: column;\n  border-radius: calc(var(--globalBorderRadius) * 4);\n  padding: 8px;\n  margin-bottom: 10px;\n  color: var(--secondaryColor);\n  border: 1px solid rgb(230, 230, 230);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY).tabgroup-wrapper-4aobO {\n  gap: 6px;\n  padding: 6px;\n  margin-bottom: 8px;\n}\n\n.tabgroup-title-1R284 {\n  font-weight: 300;\n  font-size: 14px;\n  margin-left: 6px;\n}\n\n.option-wrapper-pmVYq {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.option-item-zmiHX {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 8px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .option-item-zmiHX {\n  gap: 12px;\n  padding: 6px;\n}\n\n.sub-items-wrapper-B8kl2 {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  border: 1px solid #e5e7eb;\n  border-radius: calc(var(--globalBorderRadius) * 2);\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .sub-items-wrapper-B8kl2 {\n  gap: 8px;\n}\n\n.sub-items-wrapper-B8kl2 .sub-items-wrapper-B8kl2 {\n  padding: 8px;\n  border-radius: calc(var(--globalBorderRadius));\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .sub-items-wrapper-B8kl2 .sub-items-wrapper-B8kl2 {\n  padding: 6px;\n}\n\n.sub-items-wrapper-B8kl2 .tabgroup-wrapper-4aobO {\n  margin-bottom: 0px;\n  border: 0px solid transparent;\n  padding-top: 0px;\n}\n\n.image-wrapper-egqGk {\n  width: 48px;\n  height: 48px;\n  position: relative;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .image-wrapper-egqGk {\n  width: 40px;\n  height: 40px;\n}\n\n.image-jeC-- {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  border-radius: var(--globalBorderRadius);\n}\n\n.image-placeholder-gM-z9 {\n  width: 100%;\n  height: 100%;\n  background-color: #f3f4f6;\n  border-radius: var(--globalBorderRadius);\n}\n\n.is-defined-d2h6S {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2212%22 viewBox%3D%220 0 12 12%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Ccircle cx%3D%226%22 cy%3D%226%22 r%3D%226%22 fill%3D%22%2310B981%22%2F%3E  %3Cpath d%3D%22M3.5 6L5 7.5L8.5 4%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: 14px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 14px;\n  height: 14px;\n  position: absolute;\n  bottom: -5px;\n  right: -8px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .is-defined-d2h6S {\n  width: 12px;\n  height: 12px;\n  background-size: 12px;\n  bottom: -4px;\n  right: -7px;\n}\n\n.option-content-j3aZy {\n  flex: 1;\n}\n\n.option-title-wrapper-9zVs5 {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 6px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .option-title-wrapper-9zVs5 {\n  gap: 4px;\n  margin-bottom: 4px;\n}\n\n.pos-nr-class-Cbb-Q {\n  font-size: 10px;\n  font-weight: 600;\n  border-radius: 16px;\n  border: 1px solid var(--primaryColor);\n  color: var(--secondaryColor);\n  width: 14px;\n  height: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--primaryColor);\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .pos-nr-class-Cbb-Q {\n  font-size: 8px;\n  width: 12px;\n  height: 12px;\n}\n\n.pos-nr-class-Cbb-Q.big-zXYUG {\n  width: 24px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .pos-nr-class-Cbb-Q.big-zXYUG {\n  width: 20px;\n}\n\n.pos-nr-wrapper-h63sR {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .pos-nr-class-Cbb-Q {\n  gap: 2px;\n}\n\n.option-title-ErJ-u {\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.option-description-WL9GJ {\n  color: #6b7280;\n  font-size: 14px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .option-title-ErJ-u,\n.mobile-WRdEu:not(.tablet-hQxkY) .option-description-WL9GJ {\n  font-size: 12px;\n}\n\n.option-button-0C2Fa {\n  padding: 6px;\n  border-radius: 6px;\n  border: 1px solid transparent;\n  cursor: pointer;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2217%22 height%3D%2218%22 viewBox%3D%220 0 17 18%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M16.043 2.6653L14.9536 1.5645C14.0535 0.654099 12.5866 0.654099 11.6856 1.5645L1.88323 11.4709C1.82148 11.5333 1.77635 11.6101 1.7526 11.6949L0.300686 16.8317C0.249228 17.0133 0.299895 17.2077 0.431311 17.3413C0.529478 17.4405 0.660103 17.4933 0.794686 17.4933C0.842186 17.4933 0.889686 17.4869 0.935603 17.4733L6.0189 16.0053C6.10281 15.9813 6.1796 15.9357 6.24135 15.8733L16.043 5.9677C16.48 5.5269 16.7199 4.9405 16.7199 4.3165C16.7199 3.6925 16.48 3.1061 16.043 2.6653ZM5.60802 15.0453L1.54123 16.2189L2.70339 12.1101L10.5971 4.1333L13.5017 7.0685L5.60802 15.0453ZM15.317 5.2341L14.2277 6.3349L11.3231 3.3997L12.4124 2.2989C12.9127 1.7933 13.7274 1.7941 14.2285 2.2989L15.3178 3.3997C15.5609 3.6445 15.6939 3.9709 15.6939 4.3173C15.6931 4.6629 15.5593 4.9885 15.317 5.2341Z%22 fill%3D%22%236F6F6F%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: 16px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 16px;\n  height: 16px;\n  transition: border 0.2s ease-in-out;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .option-button-0C2Fa {\n  padding: 4px;\n  border-radius: 4px;\n  width: 14px;\n  height: 14px;\n}\n\n.option-button-0C2Fa:hover {\n  border: 1px solid #e5e7eb;\n}\n\n.price-wrapper-mlLK5 {\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .price-wrapper-mlLK5 {\n  font-size: 10px;\n}\n";
-styleInject(css_248z);
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var OptionItem = function OptionItem(_ref) {
-  var _option$summaryItems, _option$targetArticle;
-  var option = _ref.option;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    hidePrices = _useDivaCore.state.hidePrices;
-  var subItems = Object.values((_option$summaryItems = option.summaryItems) !== null && _option$summaryItems !== void 0 ? _option$summaryItems : {});
-  return /*#__PURE__*/jsxs("div", {
-    className: subItemsWrapper,
-    children: [/*#__PURE__*/jsxs("div", {
-      className: classnames(optionItem),
-      children: [/*#__PURE__*/jsxs("div", {
-        className: imageWrapper,
-        children: [option.image ? /*#__PURE__*/jsx("img", {
-          src: option.image,
-          alt: option.title,
-          className: image
-        }) : /*#__PURE__*/jsx("div", {
-          className: imagePlaceholder
-        }), option.isDefined && /*#__PURE__*/jsx("div", {
-          className: isDefined
-        }), (option.contentItemId || option.optionContentItemId) && /*#__PURE__*/jsx(InfoIcon, {
-          style: {
-            position: 'absolute',
-            top: -7,
-            right: -7,
-            '--infoIconSize': '14px'
-          },
-          item: _objectSpread(_objectSpread({}, option), {}, {
-            contentItemId: option.contentItemId || option.optionContentItemId
-          })
-        })]
-      }), /*#__PURE__*/jsxs("div", {
-        className: optionContent,
-        children: [/*#__PURE__*/jsx("div", {
-          className: optionTitleWrapper,
-          children: /*#__PURE__*/jsx("div", {
-            className: optionTitle,
-            dangerouslySetInnerHTML: {
-              __html: (option.quantity ? option.quantity + 'x ' : '') + option.title
-            }
-          })
-        }), /*#__PURE__*/jsx("div", {
-          className: optionDescription,
-          dangerouslySetInnerHTML: {
-            __html: option.description
-          }
-        }), !!option.price && !hidePrices && /*#__PURE__*/jsx("div", {
-          className: priceWrapper,
-          children: /*#__PURE__*/jsx("div", {
-            children: DivaUtils.formatPrice(option.price, viewHandler.productState.priceFormat)
-          })
-        })]
-      }), /*#__PURE__*/jsx("div", {
-        className: posNrWrapper,
-        children: !!((_option$targetArticle = option.targetArticlePosNrs) !== null && _option$targetArticle !== void 0 && _option$targetArticle.length) && !option.includesAllPosNrs && option.targetArticlePosNrs.map(function (posNr) {
-          return /*#__PURE__*/jsx("div", {
-            className: classnames(posNrClass, posNr.toString().length >= 2 && big),
-            children: posNr
-          });
-        })
-      }), /*#__PURE__*/jsx("button", {
-        className: optionButton,
-        onClick: function onClick() {
-          window.lastNavigationType = 'SUMMARY_PALETTE';
-          viewHandler.paletteViewHandler.clickedOnSummaryPalette(option);
-        }
-      })]
-    }), !!subItems.length && subItems.map(function (item, index) {
-      return /*#__PURE__*/jsx(SummaryOptionTree, {
-        item: item
-      }, index);
-    })]
-  });
-};
-var OptionItem$1 = observer(OptionItem);
-
-var index = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  'default': OptionItem$1
-});
-
-export { OptionItem$1 as O, tablet as a, tabgroupTitle as b, index as i, mobile as m, optionWrapper as o, tabgroupWrapper as t };