\n \n \n \n
\n\n \n Radius:\n\n
\n \n\n\n","\n \n
\n\n \n
\n µm\n \n
\n \n\n\n","\n \n
\n \n Radius:\n\n 0\n \"\n class=\"d-flex\"\n >\n \n \n \n \n \n \n
\n \n
\n\n \n
\n µm\n \n Channel Width:\n
\n\n\n","import { render } from \"./ToolbarChannelWidth.vue?vue&type=template&id=4e3c1999\"\nimport script from \"./ToolbarChannelWidth.vue?vue&type=script&lang=js\"\nexport * from \"./ToolbarChannelWidth.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/Users/yushenzhang/IdeaProjects/Flui3d/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","\n \n Elevation: 0 µm\n \n \n \n \n \n
\n\n {{ contentStore.chipThickness }} µm\n \n\n\n\n","import script from \"./Level.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Level.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Level.vue?vue&type=style&index=0&id=00cff219&scoped=true&lang=css\"\n\nimport exportComponent from \"/Users/yushenzhang/IdeaProjects/Flui3d/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-00cff219\"]])\n\nexport default __exports__","\n \n \n \n \n \n \n {{ layer.label }}\n
\n \n
\n\n \n ![\"\"](\"../assets/logo/Logo_Flui3d.svg\")
\n
\n\n \n \n \n \n {{ content.title }}\n
\n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n \n\n \n \n \n
\n \n \n
\n\n\n\n\n>\n","\n \n \n
\n\n \n \n \n
\n \n\n
\n \n \n\n \n
\n \n \n
\n \n
\n \n \n HISTORY\n \n
\n \n
\n - \n
\n \n
\n \n
\n \n \n \n\n\n","import { render } from \"./PanelRightProperty.vue?vue&type=template&id=3684a5e2\"\nimport script from \"./PanelRightProperty.vue?vue&type=script&lang=js\"\nexport * from \"./PanelRightProperty.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/Users/yushenzhang/IdeaProjects/Flui3d/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { createElementVNode as _createElementVNode, createTextVNode as _createTextVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, vModelCheckbox as _vModelCheckbox, withDirectives as _withDirectives, toDisplayString as _toDisplayString, vModelText as _vModelText, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-2bdce20e\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"accordion-item\" }\nconst _hoisted_2 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"h2\", {\n class: \"accordion-header\",\n id: \"panelsStayOpen-headingTwo\"\n}, [\n /*#__PURE__*/_createElementVNode(\"button\", {\n class: \"accordion-button collapsed\",\n type: \"button\",\n \"data-bs-toggle\": \"collapse\",\n \"data-bs-target\": \"#panelsStayOpen-collapseTwo\",\n \"aria-expanded\": \"false\",\n \"aria-controls\": \"panelsStayOpen-collapseTwo\"\n }, \" DESIGN RULE CHECK \")\n], -1))\nconst _hoisted_3 = {\n id: \"panelsStayOpen-collapseTwo\",\n class: \"accordion-collapse collapse\",\n \"aria-labelledby\": \"panelsStayOpen-headingTwo\"\n}\nconst _hoisted_4 = {\n class: \"accordion-body panel-item-height\",\n style: {\"max-height\":\"500px\"}\n}\nconst _hoisted_5 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"i\", { class: \"fa-solid fa-magnifying-glass\" }, null, -1))\nconst _hoisted_6 = { class: \"list-group list-group-flush\" }\nconst _hoisted_7 = { class: \"form-check form-switch\" }\nconst _hoisted_8 = { class: \"d-flex justify-content-between align-items-center\" }\nconst _hoisted_9 = [\"onUpdate:modelValue\"]\nconst _hoisted_10 = { class: \"form-check-label me-2\" }\nconst _hoisted_11 = {\n key: 0,\n class: \"input-group flex-nowrap my-2 w-auto\"\n}\nconst _hoisted_12 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"span\", { class: \"input-group-text p-1\" }, \"µm\", -1))\nconst _hoisted_13 = {\n key: 1,\n class: \"input-group flex-nowrap my-2 w-auto\"\n}\nconst _hoisted_14 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"span\", { class: \"input-group-text p-1\" }, \"µm\", -1))\nconst _hoisted_15 = {\n key: 2,\n class: \"input-group flex-nowrap my-2 w-auto\"\n}\nconst _hoisted_16 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"span\", { class: \"input-group-text p-1\" }, \"µm\", -1))\nconst _hoisted_17 = {\n key: 3,\n class: \"input-group flex-nowrap my-2 w-auto\"\n}\nconst _hoisted_18 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"span\", { class: \"input-group-text p-1\" }, \"µm\", -1))\nconst _hoisted_19 = { key: 0 }\nconst _hoisted_20 = {\n key: 0,\n class: \"fa-solid fa-check text-success\"\n}\nconst _hoisted_21 = [\"data-bs-target\", \"aria-controls\"]\nconst _hoisted_22 = [\"id\"]\nconst _hoisted_23 = { class: \"card card-body py-0 border-warning\" }\nconst _hoisted_24 = { class: \"list-group list-group-flush list-group-numbered\" }\nconst _hoisted_25 = { key: 1 }\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n const _component_PartListButtonVue = _resolveComponent(\"PartListButtonVue\")!\n\n return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n _hoisted_2,\n _createElementVNode(\"div\", _hoisted_3, [\n _createElementVNode(\"div\", _hoisted_4, [\n _createElementVNode(\"button\", {\n class: \"btn btn-primary btn-sm mb-3 me-3\",\n onClick: _cache[0] || (_cache[0] = ($event: any) => (_ctx.runDRC()))\n }, [\n _hoisted_5,\n _createTextVNode(\" Run DRC \")\n ]),\n _createElementVNode(\"ul\", _hoisted_6, [\n (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.designRules, (designRule, idx) => {\n return (_openBlock(), _createElementBlock(\"li\", {\n class: \"list-group-item px-0\",\n key: idx\n }, [\n _createElementVNode(\"div\", _hoisted_7, [\n _createElementVNode(\"div\", _hoisted_8, [\n _createElementVNode(\"div\", null, [\n _withDirectives(_createElementVNode(\"input\", {\n class: \"form-check-input\",\n type: \"checkbox\",\n role: \"switch\",\n \"onUpdate:modelValue\": ($event: any) => ((designRule.isChecked) = $event)\n }, null, 8, _hoisted_9), [\n [_vModelCheckbox, designRule.isChecked]\n ]),\n _createElementVNode(\"label\", _hoisted_10, _toDisplayString(designRule.description), 1)\n ]),\n (idx === 0)\n ? (_openBlock(), _createElementBlock(\"div\", _hoisted_11, [\n _withDirectives(_createElementVNode(\"input\", {\n class: \"form-control p-1\",\n style: {\"width\":\"100px\"},\n type: \"number\",\n min: \"10\",\n step: \"10\",\n \"onUpdate:modelValue\": _cache[1] || (_cache[1] = ($event: any) => ((_ctx.channelWidthMin) = $event))\n }, null, 512), [\n [_vModelText, _ctx.channelWidthMin]\n ]),\n _hoisted_12\n ]))\n : (idx === 1)\n ? (_openBlock(), _createElementBlock(\"div\", _hoisted_13, [\n _withDirectives(_createElementVNode(\"input\", {\n class: \"form-control p-1\",\n style: {\"width\":\"100px\"},\n type: \"number\",\n min: \"10\",\n step: \"10\",\n \"onUpdate:modelValue\": _cache[2] || (_cache[2] = ($event: any) => ((_ctx.compDistMin) = $event))\n }, null, 512), [\n [_vModelText, _ctx.compDistMin]\n ]),\n _hoisted_14\n ]))\n : (idx === 2)\n ? (_openBlock(), _createElementBlock(\"div\", _hoisted_15, [\n _withDirectives(_createElementVNode(\"input\", {\n class: \"form-control p-1\",\n style: {\"width\":\"100px\"},\n type: \"number\",\n min: \"10\",\n step: \"10\",\n \"onUpdate:modelValue\": _cache[3] || (_cache[3] = ($event: any) => ((_ctx.minPortRadius) = $event))\n }, null, 512), [\n [_vModelText, _ctx.minPortRadius]\n ]),\n _hoisted_16\n ]))\n : (idx === 3)\n ? (_openBlock(), _createElementBlock(\"div\", _hoisted_17, [\n _withDirectives(_createElementVNode(\"input\", {\n class: \"form-control p-1\",\n style: {\"width\":\"100px\"},\n type: \"number\",\n min: \"10\",\n step: \"10\",\n \"onUpdate:modelValue\": _cache[4] || (_cache[4] = ($event: any) => ((_ctx.minViaRadius) = $event))\n }, null, 512), [\n [_vModelText, _ctx.minViaRadius]\n ]),\n _hoisted_18\n ]))\n : _createCommentVNode(\"\", true)\n ]),\n (designRule.isChecked)\n ? (_openBlock(), _createElementBlock(\"div\", _hoisted_19, [\n (designRule.result === 0)\n ? (_openBlock(), _createElementBlock(\"i\", _hoisted_20))\n : (designRule.result > 0)\n ? (_openBlock(), _createElementBlock(\"button\", {\n key: 1,\n class: \"btn btn-warning\",\n style: {\"--bs-btn-padding-y\":\"0\",\"--bs-btn-padding-x\":\"0.25rem\",\"--bs-btn-font-size\":\"0.75rem\"},\n type: \"button\",\n \"data-bs-toggle\": \"collapse\",\n \"data-bs-target\": `#collapse${idx}`,\n \"aria-expanded\": \"false\",\n \"aria-controls\": `#collapse${idx}`\n }, _toDisplayString(designRule.result) + \" \" + _toDisplayString(designRule.result === 1 ? \"warning\" : \"warnings\"), 9, _hoisted_21))\n : _createCommentVNode(\"\", true),\n (designRule.result > 0)\n ? (_openBlock(), _createElementBlock(\"div\", {\n key: 2,\n class: \"collapse mt-2\",\n id: `collapse${idx}`\n }, [\n _createElementVNode(\"div\", _hoisted_23, [\n _createElementVNode(\"ol\", _hoisted_24, [\n (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(designRule.failedItems, (failedElm, idx) => {\n return (_openBlock(), _createElementBlock(\"li\", {\n class: \"list-group-item px-0 d-flex\",\n key: idx\n }, [\n (typeof failedElm === 'string')\n ? (_openBlock(), _createBlock(_component_PartListButtonVue, {\n key: 0,\n id: failedElm\n }, null, 8, [\"id\"]))\n : (_openBlock(), _createElementBlock(\"div\", _hoisted_25, [\n (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(failedElm, (id, idx) => {\n return (_openBlock(), _createBlock(_component_PartListButtonVue, {\n key: idx,\n id: id\n }, null, 8, [\"id\"]))\n }), 128))\n ]))\n ]))\n }), 128))\n ])\n ])\n ], 8, _hoisted_22))\n : _createCommentVNode(\"\", true)\n ]))\n : _createCommentVNode(\"\", true)\n ])\n ]))\n }), 128))\n ])\n ])\n ])\n ]))\n}","import { Channel } from \"@/library/channel\";\nimport ModuleTemplate from \"@/library/modules/moduleTemplate\";\nimport { useContentStore } from \"@/stores/content\";\nimport { useCoordinateStore } from \"@/stores/coordinate\";\nimport { ref, reactive } from \"vue\";\nimport { Bridge } from \"../bridge\";\nimport { InletOutlet } from \"../inletOutlet\";\nimport { LevelConnection } from \"../levelConnection\";\n\nconst channelWidthMin = ref(100);\nconst compDistMin = ref(100);\nconst minPortRadius = ref(100);\nconst minViaRadius = ref(100);\n\ninterface DesignRule {\n isChecked: boolean;\n result: number; // result -1: unknown, 0: passed, >=1: (number of) failed\n description: string;\n failedItems: (string | string[])[];\n runCheck: () => void;\n}\n\nconst designRuleDescription = {\n channelWidthCheck: \"Minimum channel width\",\n compMinDistCheck: \"Minimum distance between components\",\n overlappingCheck: \"Overlapping check on components\",\n layerOverlappingCheck: \"Overlapping check on layers\",\n elmOutOfBoundaryCheck: \"Out of boundary check\",\n minPortRadiusCheck: \"Minimum port radius\",\n minViaRadiusCheck: \"Minimum via radius\"\n};\n\n// design rules start\nconst channelWidthCheck: DesignRule = reactive({\n description: designRuleDescription.channelWidthCheck,\n isChecked: true,\n result: -1,\n failedItems: Array\n \n PROPERTY INSPECTOR\n \n
\n \n \n \n
\n
\n \n \n
\n {{ contentStore.crtElement.id }}
\n\n
\n\n \n
\n\n \n
\n | {{ contentStore.crtElement.properties.startLv.name }}: | \n\n | \n
| {{ contentStore.crtElement.properties.endLv.name }}: | \n\n | \n
| {{ contentStore.crtElement.properties.r.name }}: | \n\n | \n {{ property.name }}: | \n\n \n \n | \n \n \n
| Rotation: | \n\n \n \n | \n
\n \n \n
\n
\n Device Properties
\n| {{ property.name }}: | \n\n \n \n | \n \n
\n \n
\n\n \n
\n \n
\n \n \n
\n
\n \n \n ![\"Flui3d](\"../assets/logo/Logo.svg\")
\n\n
\n \n \n
\n \n \n\n
\n\n\n","import { render } from \"./RadiusInput.vue?vue&type=template&id=6576b34e\"\nimport script from \"./RadiusInput.vue?vue&type=script&lang=js\"\nexport * from \"./RadiusInput.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/Users/yushenzhang/IdeaProjects/Flui3d/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","\n \n Radius:\n
\n \n \n
\n\n\n","import { render } from \"./STLPreviewWindow.vue?vue&type=template&id=6ccc19a2\"\nimport script from \"./STLPreviewWindow.vue?vue&type=script&lang=js\"\nexport * from \"./STLPreviewWindow.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/Users/yushenzhang/IdeaProjects/Flui3d/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./STLPreview.vue?vue&type=template&id=296ddd4c&scoped=true\"\nimport script from \"./STLPreview.vue?vue&type=script&lang=js\"\nexport * from \"./STLPreview.vue?vue&type=script&lang=js\"\n\nimport \"./STLPreview.vue?vue&type=style&index=0&id=296ddd4c&scoped=true&lang=css\"\n\nimport exportComponent from \"/Users/yushenzhang/IdeaProjects/Flui3d/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-296ddd4c\"]])\n\nexport default __exports__","import { render } from \"./OutputOptionModal.vue?vue&type=template&id=6ac1a8a4&scoped=true\"\nimport script from \"./OutputOptionModal.vue?vue&type=script&lang=js\"\nexport * from \"./OutputOptionModal.vue?vue&type=script&lang=js\"\n\nimport \"./OutputOptionModal.vue?vue&type=style&index=0&id=6ac1a8a4&scoped=true&lang=css\"\n\nimport exportComponent from \"/Users/yushenzhang/IdeaProjects/Flui3d/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6ac1a8a4\"]])\n\nexport default __exports__","\n \n \n
\n \n\n","import { render } from \"./Help.vue?vue&type=template&id=1b3bacaf\"\nconst script = {}\n\nimport exportComponent from \"/Users/yushenzhang/IdeaProjects/Flui3d/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./App.vue?vue&type=template&id=c2555a16\"\nimport script from \"./App.vue?vue&type=script&lang=js\"\nexport * from \"./App.vue?vue&type=script&lang=js\"\n\nimport \"./App.vue?vue&type=style&index=0&id=c2555a16&lang=css\"\n\nimport exportComponent from \"/Users/yushenzhang/IdeaProjects/Flui3d/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","export default {\n welcomeWord: 'Online Design Tool for 3D-Printed Microfluidics',\n}","\nimport en from './EN.js'\nexport default { en }","import { createPinia } from 'pinia'\nimport { createApp } from 'vue'\nimport App from './App.vue'\nimport { createI18n } from 'vue-i18n'\nimport languages from './lang'\n\n\nconst app = createApp(App)\napp.use(createPinia())\n\nconst i18n = createI18n({\n locale: 'en', // set locale\n fallbackLocale: 'en',\n messages: languages\n})\n\napp.use(i18n)\napp.mount('#app')\n\n","module.exports = __webpack_public_path__ + \"img/Logo.7c747dbb.svg\";","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../node_modules/vue-loader-v16/dist/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../node_modules/cache-loader/dist/cjs.js??ref--1-0!../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./App.vue?vue&type=style&index=0&id=c2555a16&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./TheFooter.vue?vue&type=style&index=0&id=c42b4e5a&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./SvgLevelConnectionAll.vue?vue&type=style&index=0&id=1337e979&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./RulerX.vue?vue&type=style&index=0&id=d5cc5636&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Toolbar.vue?vue&type=style&index=0&id=ecc9203e&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./ZoomPanel.vue?vue&type=style&index=0&id=76954176&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./SvgElementHighlight.vue?vue&type=style&index=0&id=052d1358&scoped=true&lang=css\""],"sourceRoot":""}\n \n
\n