mcdis-vue-ui-library 1.0.137-alpha2 → 1.0.142-alpha2

package/README.md

@@ -1,25 +1,25 @@
-# vue-ui-library
-
-## Project setup
-```
-npm install
-```
-
-### Compiles and hot-reloads for development
-```
-npm run serve 
-Запускает дев сервер, на котором можно подключить компонент 
-для его разработки и тестирования
-```
-
-### Compiles and minifies librarty for production
-```
-npm run build
-Создает бандл с библиотекой
-```
-### Storybook
-```
-Запускает Storybook
-npm run storybook
-```
-
+# vue-ui-library
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve 
+Запускает дев сервер, на котором можно подключить компонент 
+для его разработки и тестирования
+```
+
+### Compiles and minifies librarty for production
+```
+npm run build
+Создает бандл с библиотекой
+```
+### Storybook
+```
+Запускает Storybook
+npm run storybook
+```
+

package/dist/vue-ui-lib.common.js

@@ -247,22 +247,6 @@ module.exports = function (obj) {
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "0886":
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__("74b9");
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("1bbe7458", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "0902":
@@ -1371,6 +1355,22 @@ var update = add("8d2f1fa6", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
+/***/ "3037":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("b5b2");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("506667c1", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ "30ed":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -1508,6 +1508,17 @@ exports.push([module.i, ".pulse[data-v-7af9d562]{background-color:var(--primary1
 module.exports = exports;
 
 
+/***/ }),
+
+/***/ "3aa9":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_ContextMenu_vue_vue_type_style_index_0_id_52297f33_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3037");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_ContextMenu_vue_vue_type_style_index_0_id_52297f33_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_ContextMenu_vue_vue_type_style_index_0_id_52297f33_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "3bbe":
@@ -3314,20 +3325,6 @@ module.exports = function (NAME) {
 };
 
 
-/***/ }),
-
-/***/ "74b9":
-/***/ (function(module, exports, __webpack_require__) {
-
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".context-menu[data-v-91844a94]{position:relative}.context-menu[data-v-91844a94],.context-menu__button[data-v-91844a94]{display:flex;align-items:center;justify-content:center}.context-menu__button[data-v-91844a94]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;border-radius:5px;width:25px;height:25px}.context-menu__button[data-v-91844a94]:hover{background-color:var(--back70);box-shadow:0 4px 8px -2px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.31)}.context-menu__items[data-v-91844a94]{z-index:999;position:absolute;background:var(--back100);min-width:70px;border-radius:5px;padding:10px;border:1px solid var(--back60);box-shadow:1px 1px 2px var(--back60)}.context-menu__icon[data-v-91844a94]{height:16px;width:auto;fill:var(--text100)}.right[data-v-91844a94]{right:0}.bottom[data-v-91844a94]{top:30px}.top[data-v-91844a94]{bottom:30px}.wrapper[data-v-91844a94]{cursor:pointer;display:flex;align-items:center;justify-content:center}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "75e1":
@@ -4436,17 +4433,6 @@ $({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {
 });
 
 
-/***/ }),
-
-/***/ "a486":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_ContextMenu_vue_vue_type_style_index_0_id_91844a94_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0886");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_ContextMenu_vue_vue_type_style_index_0_id_91844a94_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_ContextMenu_vue_vue_type_style_index_0_id_91844a94_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "a4d3":
@@ -5239,6 +5225,36 @@ if (DESCRIPTORS && !FUNCTION_NAME_EXISTS) {
 }
 
 
+/***/ }),
+
+/***/ "b49c":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("c838");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("a0b18294", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
+/***/ "b5b2":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".context-menu[data-v-52297f33]{position:relative}.context-menu[data-v-52297f33],.context-menu__button[data-v-52297f33]{display:flex;align-items:center;justify-content:center}.context-menu__button[data-v-52297f33]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;border-radius:5px;width:25px;height:25px}.context-menu__button[data-v-52297f33]:hover{background-color:var(--back70);box-shadow:0 4px 8px -2px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.31)}.context-menu__items[data-v-52297f33]{z-index:999;position:absolute;background:var(--back100);min-width:70px;border-radius:5px;padding:10px;border:1px solid var(--back60);box-shadow:1px 1px 2px var(--back60)}.context-menu__icon[data-v-52297f33]{height:16px;width:auto;fill:var(--text100)}.right[data-v-52297f33]{right:0}.bottom[data-v-52297f33]{top:30px}.top[data-v-52297f33]{bottom:30px}.wrapper[data-v-52297f33]{cursor:pointer;display:flex;align-items:center;justify-content:center}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "b622":
@@ -5527,6 +5543,20 @@ module.exports = store;
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "c838":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".container[data-v-2c3a028a]{overflow:hidden}.container__canvas[data-v-2c3a028a]{position:relative}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "c8ba":
@@ -6370,6 +6400,17 @@ var wellKnownSymbol = __webpack_require__("b622");
 exports.f = wellKnownSymbol;
 
 
+/***/ }),
+
+/***/ "e74c":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_AdaptiveCanvas_vue_vue_type_style_index_0_id_2c3a028a_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("b49c");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_AdaptiveCanvas_vue_vue_type_style_index_0_id_2c3a028a_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_AdaptiveCanvas_vue_vue_type_style_index_0_id_2c3a028a_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "e893":
@@ -6630,6 +6671,8 @@ __webpack_require__.d(components_namespaceObject, "FlatButton", function() { ret
 __webpack_require__.d(components_namespaceObject, "McButton", function() { return Buttons_McButton; });
 __webpack_require__.d(components_namespaceObject, "RadioButton", function() { return components_RadioButton; });
 __webpack_require__.d(components_namespaceObject, "AdaptiveInput", function() { return components_AdaptiveInput; });
+__webpack_require__.d(components_namespaceObject, "AdaptiveCanvas", function() { return components_AdaptiveCanvas; });
+__webpack_require__.d(components_namespaceObject, "AdaptiveRenderableCanvas", function() { return components_AdaptiveRenderableCanvas; });
 
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
 // This file is imported into lib/wc client bundles.
@@ -8097,17 +8140,21 @@ more_script.render = morevue_type_template_id_4ab0c928_render
 
 
 var ContextMenuvue_type_script_setup_true_lang_js_withScopeId = function _withScopeId(n) {
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-91844a94"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n;
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-52297f33"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n;
 };
 
 var ContextMenuvue_type_script_setup_true_lang_js_hoisted_1 = ["onClick"];
 var ContextMenuvue_type_script_setup_true_lang_js_hoisted_2 = ["onClick"];
 
 
+
 var activeId = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(0);
 var id = 0;
 var ContextMenuvue_type_script_setup_true_lang_js_default_ = {
-  name: "ContextMenu"
+  name: "ContextMenu",
+  components: {
+    More: more
+  }
 };
 
 function ContextMenuvue_type_script_setup_true_lang_js_setup(__props) {
@@ -8220,8 +8267,8 @@ function ContextMenuvue_type_script_setup_true_lang_js_setup(__props) {
 }));
 // CONCATENATED MODULE: ./src/components/ContextMenu/ContextMenu.vue?vue&type=script&setup=true&lang=js
  
-// EXTERNAL MODULE: ./src/components/ContextMenu/ContextMenu.vue?vue&type=style&index=0&id=91844a94&lang=scss&scoped=true
-var ContextMenuvue_type_style_index_0_id_91844a94_lang_scss_scoped_true = __webpack_require__("a486");
+// EXTERNAL MODULE: ./src/components/ContextMenu/ContextMenu.vue?vue&type=style&index=0&id=52297f33&lang=scss&scoped=true
+var ContextMenuvue_type_style_index_0_id_52297f33_lang_scss_scoped_true = __webpack_require__("3aa9");
 
 // CONCATENATED MODULE: ./src/components/ContextMenu/ContextMenu.vue
 
@@ -8230,7 +8277,7 @@ var ContextMenuvue_type_style_index_0_id_91844a94_lang_scss_scoped_true = __webp
 
 
 
-const ContextMenu_exports_ = /*#__PURE__*/exportHelper_default()(ContextMenuvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-91844a94"]])
+const ContextMenu_exports_ = /*#__PURE__*/exportHelper_default()(ContextMenuvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-52297f33"]])
 
 /* harmony default export */ var ContextMenu = (ContextMenu_exports_);
 // CONCATENATED MODULE: ./src/components/ContextMenu/index.js
@@ -11010,6 +11057,186 @@ const AdaptiveInput_exports_ = /*#__PURE__*/exportHelper_default()(AdaptiveInput
 // CONCATENATED MODULE: ./src/components/AdaptiveInput/index.js
 
 /* harmony default export */ var components_AdaptiveInput = (AdaptiveInput);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/AdaptiveCanvas/AdaptiveCanvas.vue?vue&type=script&setup=true&lang=js
+
+
+
+
+var AdaptiveCanvasvue_type_script_setup_true_lang_js_default_ = {
+  name: "AdaptiveCanvas"
+};
+
+function AdaptiveCanvasvue_type_script_setup_true_lang_js_setup(__props) {
+  var props = __props;
+  var canvasRef = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(null);
+  var containerRef = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(null);
+  var onCanvasResizeRef = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(props.onCanvasResize);
+  var unsub = null;
+  var lastCallbackData = null;
+  Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(onCanvasResizeRef, function (_resizeCallback) {
+    if (!_resizeCallback) return;
+    if (!lastCallbackData) return;
+
+    _resizeCallback(lastCallbackData.canvas, lastCallbackData.w, lastCallbackData.h);
+  });
+  Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onMounted"])(function () {
+    var resizeObserver = new ResizeObserver(function (_entries) {
+      var _iterator = _createForOfIteratorHelper(_entries),
+          _step;
+
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var entry = _step.value;
+          if (!entry.contentBoxSize) continue;
+          var contentBoxSize = Array.isArray(entry.contentBoxSize) ? entry.contentBoxSize[0] : entry.contentBoxSize;
+          var canvas = canvasRef.value;
+
+          if (canvas) {
+            var h = contentBoxSize.blockSize;
+            var w = contentBoxSize.inlineSize;
+            canvas.width = w;
+            canvas.height = h;
+            var callback = onCanvasResizeRef.value;
+            lastCallbackData = {
+              canvas: canvas,
+              w: w,
+              h: h
+            };
+            if (callback) callback(canvas, w, h);
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    });
+    resizeObserver.observe(containerRef.value);
+
+    unsub = function unsub() {
+      resizeObserver.unobserve(containerRef.value);
+    };
+  });
+  Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onBeforeUnmount"])(function () {
+    if (unsub) unsub();
+  });
+  return function (_ctx, _cache) {
+    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+      ref: function ref(_value, _refs) {
+        _refs['containerRef'] = _value;
+        containerRef.value = _value;
+      },
+      class: "container"
+    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("canvas", {
+      ref: function ref(_value, _refs) {
+        _refs['canvasRef'] = _value;
+        canvasRef.value = _value;
+      },
+      class: "container__canvas"
+    }, null, 512)], 512);
+  };
+}
+
+/* harmony default export */ var AdaptiveCanvasvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(AdaptiveCanvasvue_type_script_setup_true_lang_js_default_, {
+  props: {
+    onCanvasResize: {
+      required: true
+    }
+  },
+  setup: AdaptiveCanvasvue_type_script_setup_true_lang_js_setup
+}));
+// CONCATENATED MODULE: ./src/components/AdaptiveCanvas/AdaptiveCanvas.vue?vue&type=script&setup=true&lang=js
+ 
+// EXTERNAL MODULE: ./src/components/AdaptiveCanvas/AdaptiveCanvas.vue?vue&type=style&index=0&id=2c3a028a&lang=scss&scoped=true
+var AdaptiveCanvasvue_type_style_index_0_id_2c3a028a_lang_scss_scoped_true = __webpack_require__("e74c");
+
+// CONCATENATED MODULE: ./src/components/AdaptiveCanvas/AdaptiveCanvas.vue
+
+
+
+
+
+
+const AdaptiveCanvas_exports_ = /*#__PURE__*/exportHelper_default()(AdaptiveCanvasvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-2c3a028a"]])
+
+/* harmony default export */ var AdaptiveCanvas = (AdaptiveCanvas_exports_);
+// CONCATENATED MODULE: ./src/components/AdaptiveCanvas/index.js
+
+/* harmony default export */ var components_AdaptiveCanvas = (AdaptiveCanvas);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/AdaptiveRenderableCanvas/AdaptiveRenderableCanvas.vue?vue&type=script&setup=true&lang=js
+
+
+
+
+var AdaptiveRenderableCanvasvue_type_script_setup_true_lang_js_default_ = {
+  name: "AdaptiveRenderableCanvas",
+  components: {
+    AdaptiveCanvas: components_AdaptiveCanvas
+  }
+};
+
+function AdaptiveRenderableCanvasvue_type_script_setup_true_lang_js_setup(__props) {
+  var props = __props;
+  var rendererRef = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(props.renderer);
+  var adaptiveCanvasRef = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(null);
+  var ctx = undefined;
+  var version = 0;
+  var onCanvasResize = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["markRaw"])(function (_canvas, _w, _h) {
+    if (version < 0) return;
+    var model = rendererRef.value;
+
+    if (!ctx) {
+      ctx = _canvas.getContext("2d");
+      model.setContext(ctx);
+    }
+
+    version++;
+    model.resize(_w, _h);
+    var versionId = version;
+
+    var onRender = function onRender() {
+      if (version !== versionId) return;
+      model.render();
+      window.requestAnimationFrame(onRender);
+    };
+
+    window.requestAnimationFrame(onRender);
+  });
+  Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onMounted"])(function () {});
+  Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onBeforeUnmount"])(function () {
+    version = -1;
+  });
+  return function (_ctx, _cache) {
+    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["unref"])(components_AdaptiveCanvas), {
+      ref: function ref(_value, _refs) {
+        _refs['adaptiveCanvasRef'] = _value;
+        adaptiveCanvasRef.value = _value;
+      },
+      onCanvasResize: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["unref"])(onCanvasResize)
+    }, null, 8, ["onCanvasResize"]);
+  };
+}
+
+/* harmony default export */ var AdaptiveRenderableCanvasvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(AdaptiveRenderableCanvasvue_type_script_setup_true_lang_js_default_, {
+  props: {
+    renderer: {
+      require: true
+    }
+  },
+  setup: AdaptiveRenderableCanvasvue_type_script_setup_true_lang_js_setup
+}));
+// CONCATENATED MODULE: ./src/components/AdaptiveRenderableCanvas/AdaptiveRenderableCanvas.vue?vue&type=script&setup=true&lang=js
+ 
+// CONCATENATED MODULE: ./src/components/AdaptiveRenderableCanvas/AdaptiveRenderableCanvas.vue
+
+
+
+const AdaptiveRenderableCanvas_exports_ = AdaptiveRenderableCanvasvue_type_script_setup_true_lang_js;
+
+/* harmony default export */ var AdaptiveRenderableCanvas = (AdaptiveRenderableCanvas_exports_);
+// CONCATENATED MODULE: ./src/components/AdaptiveRenderableCanvas/index.js
+
+/* harmony default export */ var components_AdaptiveRenderableCanvas = (AdaptiveRenderableCanvas);
 // CONCATENATED MODULE: ./src/components/index.js
 
 
@@ -11029,6 +11256,8 @@ const AdaptiveInput_exports_ = /*#__PURE__*/exportHelper_default()(AdaptiveInput
 
 
 
+
+
 
 // CONCATENATED MODULE: ./lib/main.js