diff --git a/dist/Vxg.common.js b/dist/Vxg.common.js index 3f99347..cfa1b3a 100644 --- a/dist/Vxg.common.js +++ b/dist/Vxg.common.js @@ -225,7 +225,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\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/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'BasicNavStages',\n data: function data() {\n return {\n showNav: true,\n isExpanded: false,\n iconSrc: 'nav_in.svg',\n // Initial icon\n publicPath: \"/\" || false\n };\n },\n watch: {\n isExpanded: function isExpanded() {\n this.toggleIcon();\n }\n },\n methods: {\n toggleIcon: function toggleIcon() {\n this.iconSrc = this.isExpanded ? 'nav_in.svg' : 'nav_out.svg';\n },\n clearState: function clearState() {\n this.isExpanded = false;\n this.iconSrc = 'nav_in.svg';\n },\n toggleshowNav: function toggleshowNav() {\n this.showNav = !this.showNav;\n }\n },\n mounted: function mounted() {\n this.$root.$on('clear-nav-stages', this.toggleshowNav);\n },\n beforeDestroy: function beforeDestroy() {\n this.$root.$off('clear-nav-stages', this.toggleshowNav);\n },\n computed: {\n // Your computed properties go here\n }\n});\n\n//# sourceURL=webpack://Vxg/./src/components/BasicNavStages.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction 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; }\nfunction _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; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\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/* harmony default export */ __webpack_exports__[\"default\"] = (_defineProperty({\n name: 'BasicNavStages',\n data: function data() {\n return {\n showNav: true,\n isExpanded: false,\n iconSrc: 'nav_in.svg',\n // Initial icon\n publicPath: \"/\" || false,\n pathData: null,\n // Add a data property to store the pathData\n parsedPathData: null,\n pathArray: null,\n routeMassages: [],\n selectedstage: 0,\n levelNames: ['Level 1', 'Level 1 Mezz & Intersticial', 'Level 2', 'Level 2 Roof & Intersticial', 'Level 3', 'Basement']\n };\n },\n computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n pathData: function pathData(state) {\n return state.pathData;\n }\n })),\n watch: {\n isExpanded: function isExpanded() {\n this.toggleIcon();\n },\n // create a watcher for changes in pathData\n '$store.state.pathData': {\n handler: function handler(data) {\n console.log('PathData12333: ', data.asset123);\n this.pathData = data.asset123;\n console.log('this.pathData', this.pathData);\n try {\n var parsedData = JSON.parse(this.pathData);\n console.log('parsedData', parsedData);\n if (parsedData && parsedData.length > 0) {\n this.pathArray = parsedData[0];\n console.log('pathArray', this.pathArray);\n var parsedLines = this.parseLines(this.pathArray);\n console.log('parsedLines', parsedLines);\n var stages = this.getRouteSteps(parsedLines);\n this.routeMassages = stages;\n console.log('stages', stages);\n } else {\n console.warn(\"Invalid or empty pathData\");\n // Handle the case where parsedData is empty or invalid\n }\n } catch (error) {\n console.error(\"Error parsing pathData:\", error);\n // Handle the error gracefully \n }\n\n // Dispatch the action (optional)\n this.$store.dispatch('set_path_data', {\n pathDetails: data.asset123\n }).then(function (result) {\n console.log('Dispatch result:', result);\n }).catch(function (error) {\n console.error('Dispatch error:', error);\n });\n },\n deep: true // Watch for changes within nested objects \n }\n },\n methods: {\n // Dispatch the action to update the pathData in the store\n // handlePathData(data) {\n // this.$store.dispatch('set_path_data', { pathDetails: data })\n // .then(result => {\n // console.log('Dispatch result:', result);\n // })\n // .catch(error => {\n // console.error('Dispatch error:', error);\n // });\n // },\n // handlePathData(data) {\n // this.$store.commit('set_path_data', {pathDetails: data});\n // this.$store.dispatch('set_path_data', { \n // assetId: 'asset123', \n // pathData: test});\n // },\n getselectedStage: function getselectedStage() {\n console.log('selectedStage', this.selectedStage);\n return this.selectedStage;\n },\n selectStage: function selectStage(index) {\n console.log('indexxxxxxxxx', index);\n this.selectedStage = index;\n },\n parseLine: function parseLine(line) {\n // line exmple : [47be48,Standard,,8832,4720]\n\n var lineData = line.split(',');\n var id = lineData[0];\n var type = lineData[1];\n var result = {\n id: id,\n type: type\n };\n console.log('Parsed Line:', result);\n return result;\n },\n parseLines: function parseLines(data) {\n return data.map(function (lineData) {\n console.log(lineData.detail);\n var data = lineData.detail.split(',');\n return {\n id: data[0],\n type: data[1],\n map: lineData.index\n };\n });\n },\n getRouteSteps: function getRouteSteps(routeData) {\n var steps = routeData;\n var messages = [];\n for (var i = 0; i < steps.length - 2; i++) {\n if (steps[i].type == \"Connector\") {\n // first node type connector (i)\n var msg = \"Follow route to strairs and proceed to \";\n var j = i;\n while (steps[j].type == \"Connector\") {\n j++;\n }\n // first node type Standar (j)\n if (j < steps.length - 3) {\n msg += \"\".concat(this.levelNames[steps[j].map - 1]);\n messages.push(msg);\n }\n i = j;\n }\n }\n if (messages.length > 0) {\n messages.push(\"Proceed to your destination.\");\n }\n console.log('Steps:', steps);\n return messages;\n },\n toggleIcon: function toggleIcon() {\n this.iconSrc = this.isExpanded ? 'nav_in.svg' : 'nav_out.svg';\n },\n clearState: function clearState() {\n this.isExpanded = false;\n this.iconSrc = 'nav_in.svg';\n },\n toggleshowNav: function toggleshowNav() {\n this.showNav = !this.showNav;\n }\n },\n mounted: function mounted() {\n this.parseLines(this.test); // Call parseLines with the test data\n this.$root.$on('clear-nav-stages', this.toggleshowNav);\n },\n beforeDestroy: function beforeDestroy() {\n this.$root.$off('clear-nav-stages', this.toggleshowNav);\n }\n}, \"computed\", {\n // Your computed properties go here\n}));\n\n//# sourceURL=webpack://Vxg/./src/components/BasicNavStages.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), @@ -237,7 +237,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var nua__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! nua */ \"./node_modules/nua/dist/nua.min.js\");\n/* harmony import */ var nua__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(nua__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _BasicNavStages_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BasicNavStages.vue */ \"./src/components/BasicNavStages.vue\");\n/* harmony import */ var gubu__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! gubu */ \"./node_modules/gubu/gubu.min.js\");\n/* harmony import */ var gubu__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(gubu__WEBPACK_IMPORTED_MODULE_3__);\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction 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; }\nfunction _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; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = \"function\" == typeof Symbol ? Symbol : {}, a = i.iterator || \"@@iterator\", c = i.asyncIterator || \"@@asyncIterator\", u = i.toStringTag || \"@@toStringTag\"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, \"\"); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, \"_invoke\", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: \"normal\", arg: t.call(e, r) }; } catch (t) { return { type: \"throw\", arg: t }; } } e.wrap = wrap; var h = \"suspendedStart\", l = \"suspendedYield\", f = \"executing\", s = \"completed\", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { [\"next\", \"throw\", \"return\"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if (\"throw\" !== c.type) { var u = c.arg, h = u.value; return h && \"object\" == _typeof(h) && n.call(h, \"__await\") ? e.resolve(h.__await).then(function (t) { invoke(\"next\", t, i, a); }, function (t) { invoke(\"throw\", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke(\"throw\", t, i, a); }); } a(c.arg); } var r; o(this, \"_invoke\", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error(\"Generator is already running\"); if (o === s) { if (\"throw\" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if (\"next\" === n.method) n.sent = n._sent = n.arg;else if (\"throw\" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else \"return\" === n.method && n.abrupt(\"return\", n.arg); o = f; var p = tryCatch(e, r, n); if (\"normal\" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } \"throw\" === p.type && (o = s, n.method = \"throw\", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, \"throw\" === n && e.iterator.return && (r.method = \"return\", r.arg = t, maybeInvokeDelegate(e, r), \"throw\" === r.method) || \"return\" !== n && (r.method = \"throw\", r.arg = new TypeError(\"The iterator does not provide a '\" + n + \"' method\")), y; var i = tryCatch(o, e.iterator, r.arg); if (\"throw\" === i.type) return r.method = \"throw\", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, \"return\" !== r.method && (r.method = \"next\", r.arg = t), r.delegate = null, y) : a : (r.method = \"throw\", r.arg = new TypeError(\"iterator result is not an object\"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = \"normal\", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: \"root\" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || \"\" === e) { var r = e[a]; if (r) return r.call(e); if (\"function\" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + \" is not iterable\"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, \"GeneratorFunction\"), e.isGeneratorFunction = function (t) { var e = \"function\" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || \"GeneratorFunction\" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, \"GeneratorFunction\")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, \"Generator\"), define(g, a, function () { return this; }), define(g, \"toString\", function () { return \"[object Generator]\"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) \"t\" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if (\"throw\" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = \"throw\", a.arg = e, r.next = n, o && (r.method = \"next\", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if (\"root\" === i.tryLoc) return handle(\"end\"); if (i.tryLoc <= this.prev) { var c = n.call(i, \"catchLoc\"), u = n.call(i, \"finallyLoc\"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error(\"try statement without catch or finally\"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, \"finallyLoc\") && this.prev < o.finallyLoc) { var i = o; break; } } i && (\"break\" === t || \"continue\" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = \"next\", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if (\"throw\" === t.type) throw t.arg; return \"break\" === t.type || \"continue\" === t.type ? this.next = t.arg : \"return\" === t.type ? (this.rval = this.arg = t.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if (\"throw\" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, \"next\" === this.method && (this.arg = t), y; } }, e; }\nfunction _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _iterableToArray(r) { if (\"undefined\" != typeof Symbol && null != r[Symbol.iterator] || null != r[\"@@iterator\"]) return Array.from(r); }\nfunction _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }\nfunction _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, \"next\", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, \"throw\", n); } _next(void 0); }); }; }\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//\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//\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//\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\nvar SpecShape = Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Gubu\"])({\n spec: Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Required\"])(Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Open\"])({\n footer: {\n active: false,\n cmp: Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Skip\"])(String),\n spec: Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Open\"])({})\n },\n view: Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Value\"])(Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Open\"])({\n mode: String\n }), Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Open\"])({}))\n })),\n logo: String\n});\nfunction tag_alias(asset) {\n if (null != asset.custom12) {\n return asset.tag + '(' + asset.custom12 + ')';\n }\n return asset.tag;\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n components: {\n BasicNavStages: _BasicNavStages_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n },\n props: {\n spec: {\n type: Object,\n required: true\n },\n logo: String\n },\n data: function data() {\n return {\n open: true,\n menuShowTitle: false,\n menuViewList: [],\n menuViewIndex: null,\n menuView: null,\n roomName: '',\n search: '',\n tag_items: [],\n search2: '',\n tag_items2: [],\n publicPath: \"/\" || false,\n showIcon: true,\n // Data property to control icon visibility\n showSearch2: false // Control the visibility of search2 combobox and Layer_5 icon\n };\n },\n beforeCreate: function beforeCreate() {\n nua__WEBPACK_IMPORTED_MODULE_0___default()(this.$options.propsData, SpecShape(this.$options.propsData));\n },\n created: function created() {\n var _this = this;\n var menuViewList = [];\n for (var name in this.spec.view) {\n var menuView = this.spec.view[name];\n menuView.name = name;\n menuViewList.push(menuView);\n }\n console.log('menuViewList:', menuViewList);\n this.menuViewList = menuViewList;\n var route = this.findRouteName(this.$route.name);\n this.menuView = this.menuViewList[route.index];\n this.menuViewIndex = route.index;\n var tool = {};\n var load_assets = setInterval(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n return _regeneratorRuntime().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n _context.next = 2;\n return _this.$store.dispatch('vxg_get_assets', tool);\n case 2:\n _this.items = tool.assets;\n _this.items2 = _toConsumableArray(tool.assets);\n if (_this.items.length != 0) {\n // this.tag_items = this.items.map(v => v.tag+(''==v.custom12?'':' ('+v.custom12+')'))\n _this.tag_items = _this.items.map(tag_alias);\n _this.tag_items2 = _this.items2.map(tag_alias);\n _this.setupMiniSearch(_this.items);\n _this.setupMiniSearch(_this.items2);\n clearInterval(load_assets);\n }\n case 5:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n })), 111);\n },\n watch: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({\n search2: function search2(newVal) {\n console.log('search2 is being triggered');\n this.refreshRoute();\n },\n menuViewIndex: function menuViewIndex(index) {\n var pathname = null;\n pathname = this.menuView.name;\n /*\r\n if('custom' === this.menuView.mode) {\r\n pathname = this.menuView.name\r\n }\r\n else {\r\n if(this.$route.path == this.portal.path) {\r\n pathname = this.menuView.menu.default\r\n }\r\n else {\r\n pathname = this.$route.name\r\n }\r\n }\r\n if(pathname && pathname !== this.$route.name ) {\r\n this.$router.push(pathname)\r\n }\r\n */\n },\n '$store.state.trigger.search.a': function $storeStateTriggerSearchA(term) {\n if (term == '' && this.$refs.search) {\n this.$refs.search.reset();\n // this.tag_items = this.items.map(v => v.tag)\n this.tag_items = this.items.map(tag_alias);\n console.log('search is being triggerecd');\n }\n },\n // create a watcher for changes in pathData\n '$store.state.pathData': function $storeStatePathData(data) {\n console.log('PathData: ', data);\n },\n '$store.state.trigger.search.b': function $storeStateTriggerSearchB(term) {\n var pathData = this.$store.dispatch('get_path_data', {\n assetId: 'asset123'\n }).then(function (data) {\n console.log('PathData: ', data);\n });\n console.log('search.b is being triggered');\n if (term == '' && this.$refs.search2) {\n this.$refs.search2.reset();\n // this.tag_items = this.items.map(v => v.tag)\n this.tag_items2 = this.items2.map(tag_alias);\n }\n },\n search: function search(val) {\n var term = val || '';\n term.trim();\n // Todo: Is it necessary?\n // let m = term.match(/^([^(]+)\\s*\\([^)]+\\)$/)\n // if(m) {\n // term = m[1].trim()\n // }\n // this.$store.dispatch('trigger_search', {term:this.search})\n this.$store.dispatch('trigger_search', {\n a: term\n });\n }\n }, \"search2\", function search2(val) {\n var term = val || '';\n term.trim();\n console.log('search2 is being triggered');\n this.$store.dispatch('trigger_search', {\n b: term\n });\n var pathData = this.$store.dispatch('getPathDataAction', {\n assetId: 'asset123'\n });\n console.log('PathData: ', pathData);\n }), \"select\", function select() {\n this.$store.dispatch('trigger_select', {\n value: this.select\n });\n }), '$store.state.trigger.select.value', function $storeStateTriggerSelectValue(val) {\n this.select = val;\n }), '$store.vxg.cmp.BasicHead.allow.add', {\n handler: function handler() {\n this.$forceUpdate();\n }\n }), '$store.vxg.cmp.BasicHead.allow.remove', {\n handler: function handler() {\n this.$forceUpdate();\n }\n }), '$route.name', {\n immediate: true,\n handler: function handler(val) {\n if (!val && this.defaultFound()) {\n this.$router.push(this.menuView.menu.default);\n }\n var route = this.findRouteName(val);\n this.menuView = this.menuViewList[route.index];\n }\n }),\n computed: {\n filterDisabled: function filterDisabled() {\n return this.$store.state.trigger.filter_disabled.value;\n },\n prependIcon: function prependIcon() {\n return !this.showSearch2 && this.showIcon ? 'mdi-magnify magnifierIcon' : ''; // Conditionally bind the icon\n },\n menu: function menu() {\n if (this.menuView.mode !== 'standard') return [];\n var _this$menuView$menu = this.menuView.menu,\n items = _this$menuView$menu.items,\n order = _this$menuView$menu.order;\n return order.split(/\\s*,\\s*/).map(function (code) {\n return _objectSpread(_objectSpread({}, items[code]), {}, {\n code: code,\n klass: {\n 'vxg-router-link': true\n }\n });\n });\n },\n filterIcon: function filterIcon() {\n return this.$store.state.vxg.cmp.BasicHead.show.filter;\n },\n drawerStyle: function drawerStyle() {\n return DRAWER_STYLE;\n },\n custom: function custom() {\n return this.$model.main.ux.custom;\n },\n view: function view() {\n //return this.custom.special.view\n var result = this.custom.special.view;\n console.log('view:', result);\n return result;\n },\n portal: function portal() {\n return this.custom.special.portal;\n },\n tool: function tool() {\n // TODO: better if main.app.web.parts.head was provided directly\n var headtool = this.$model.main.app.web.parts.head.tool;\n var viewtool = this.view.tool;\n var tool = this.$main.seneca.util.deep(headtool, viewtool);\n return tool;\n },\n search_config: function search_config() {\n return this.$model.main.ux.custom.search_config;\n }\n },\n methods: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__[\"mapActions\"])(['toggleSideInfoCardVisibility'])), {}, {\n closeSideInfoCard: function closeSideInfoCard() {\n this.toggleSideInfoCardVisibility(false);\n },\n toggleSearch2: function toggleSearch2() {\n this.showSearch2 = !this.showSearch2;\n },\n reverseInputs: function reverseInputs() {\n var temp = this.search;\n this.search = this.search2;\n this.search2 = temp;\n },\n refreshRoute: function refreshRoute() {\n this.search = this.search;\n this.search2 = this.search2;\n },\n handleNavigationMode: function handleNavigationMode() {\n this.showSearch2 = true;\n this.$store.dispatch('vxg_trigger_clear');\n },\n moveRoute: function moveRoute(menuView) {\n console.log('menuView.mode:', menuView.mode);\n var path = this.$route.name;\n var targetPath = menuView.mode === 'standard' ? menuView.menu.default : menuView.name;\n if (path !== targetPath) {\n this.$router.push(\"/\".concat(targetPath));\n }\n },\n setupMiniSearch: function setupMiniSearch() {\n return _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {\n return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n while (1) switch (_context2.prev = _context2.next) {\n case 0:\n case \"end\":\n return _context2.stop();\n }\n }, _callee2);\n }))();\n },\n // bypass default combobox filter\n customFilter: function customFilter(item, queryText, itemText) {\n return 1;\n },\n handleClick: function handleClick() {\n this.showIcon = false; // Hide the icon when the combobox is clicked\n },\n handleBlur: function handleBlur() {\n this.showIcon = true; // Show the icon when the combobox is blurred\n },\n changeSearch: function changeSearch(event) {\n var _this2 = this;\n setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {\n var term, out;\n return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n while (1) switch (_context3.prev = _context3.next) {\n case 0:\n // wait for input\n\n term = event.target ? event.target.value : null;\n if (!term) {\n _context3.next = 8;\n break;\n }\n _context3.next = 4;\n return _this2.$seneca.post('sys:search, cmd:search', {\n query: term,\n params: _this2.search_config\n });\n case 4:\n out = _context3.sent;\n // this.tag_items = out.data.hits.map(v => v.id)\n _this2.tag_items = out.data.hits.map(function (v) {\n return tag_alias(v.doc);\n });\n _context3.next = 9;\n break;\n case 8:\n // this.tag_items = this.items.map(v => v.tag)\n if (_this2.items != undefined) _this2.tag_items = _this2.items.map(tag_alias);\n case 9:\n case \"end\":\n return _context3.stop();\n }\n }, _callee3);\n })), 11);\n },\n changeSearch2: function changeSearch2(event) {\n var _this3 = this;\n setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {\n var term, out;\n return _regeneratorRuntime().wrap(function _callee4$(_context4) {\n while (1) switch (_context4.prev = _context4.next) {\n case 0:\n // wait for input\n\n term = event.target ? event.target.value : null;\n if (!term) {\n _context4.next = 9;\n break;\n }\n _context4.next = 4;\n return _this3.$seneca.post('sys:search, cmd:search', {\n query: term,\n params: _this3.search_config\n });\n case 4:\n out = _context4.sent;\n _this3.tag_items2 = out.data.hits.map(function (v) {\n return tag_alias(v.doc);\n });\n console.log('tag items are ', _this3.tag_items2);\n _context4.next = 10;\n break;\n case 9:\n if (_this3.items2 != undefined) _this3.tag_items2 = _this3.items2.map(tag_alias);\n case 10:\n case \"end\":\n return _context4.stop();\n }\n }, _callee4);\n })), 11);\n },\n clearFilter: function clearFilter() {\n this.$store.dispatch('vxg_trigger_clear');\n this.search = '';\n this.search2 = '';\n this.$root.$emit('clear-nav-stages');\n this.showSearch2 = false;\n },\n show: function show(action) {\n return this.allow(action) && this.$store.state.vxg.cmp.BasicHead.show[action];\n },\n // handleClickOutside(event) {\n // const search = this.$refs.search.$el;\n // const search2 = this.$refs.search2 ? this.$refs.search2.$el : null;\n // if (!search.contains(event.target) && (!search2 || !search2.contains(event.target))) {\n // this.showSearch2 = true;\n // }\n // },\n filter: function filter(event) {\n // aaaaaaaaaaaa\n this.$store.dispatch('trigger_toggle_filter');\n },\n defaultFound: function defaultFound() {\n return this.menuView && this.menuView.menu && this.menuView.menu.default;\n },\n findRouteName: function findRouteName(name) {\n var specialRoutes = this.custom.special;\n for (var route in specialRoutes) {\n var currentRoute = specialRoutes[route];\n if (currentRoute.name === name) {\n return currentRoute;\n }\n if (currentRoute.sub && currentRoute.sub.includes(name)) {\n return currentRoute;\n }\n }\n return {\n index: 1\n }; // default index\n },\n allow: function allow(item) {\n var out = item && item.allow ? this.$vxg.allow(item.allow) : true;\n return out;\n },\n openDrawer: function openDrawer() {\n this.$store.dispatch('set_cmp_flags', {\n name: 'BasicSide',\n flags: {\n show: true\n }\n });\n },\n closeDrawer: function closeDrawer() {\n this.$store.dispatch('set_cmp_flags', {\n name: 'BasicSide',\n flags: {\n show: false\n }\n });\n },\n action: function action(name) {\n this.$emit('action', name);\n }\n })\n\n // mounted() {\n // document.addEventListener('click', this.handleClickOutside);\n // },\n // beforeDestroy() {\n // document.removeEventListener('click', this.handleClickOutside);\n // }\n});\nvar DRAWER_STYLE = Object.freeze({\n width: \"282px\"\n});\n\n//# sourceURL=webpack://Vxg/./src/components/BasicSide.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var nua__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! nua */ \"./node_modules/nua/dist/nua.min.js\");\n/* harmony import */ var nua__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(nua__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _BasicNavStages_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BasicNavStages.vue */ \"./src/components/BasicNavStages.vue\");\n/* harmony import */ var gubu__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! gubu */ \"./node_modules/gubu/gubu.min.js\");\n/* harmony import */ var gubu__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(gubu__WEBPACK_IMPORTED_MODULE_3__);\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction 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; }\nfunction _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; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = \"function\" == typeof Symbol ? Symbol : {}, a = i.iterator || \"@@iterator\", c = i.asyncIterator || \"@@asyncIterator\", u = i.toStringTag || \"@@toStringTag\"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, \"\"); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, \"_invoke\", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: \"normal\", arg: t.call(e, r) }; } catch (t) { return { type: \"throw\", arg: t }; } } e.wrap = wrap; var h = \"suspendedStart\", l = \"suspendedYield\", f = \"executing\", s = \"completed\", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { [\"next\", \"throw\", \"return\"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if (\"throw\" !== c.type) { var u = c.arg, h = u.value; return h && \"object\" == _typeof(h) && n.call(h, \"__await\") ? e.resolve(h.__await).then(function (t) { invoke(\"next\", t, i, a); }, function (t) { invoke(\"throw\", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke(\"throw\", t, i, a); }); } a(c.arg); } var r; o(this, \"_invoke\", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error(\"Generator is already running\"); if (o === s) { if (\"throw\" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if (\"next\" === n.method) n.sent = n._sent = n.arg;else if (\"throw\" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else \"return\" === n.method && n.abrupt(\"return\", n.arg); o = f; var p = tryCatch(e, r, n); if (\"normal\" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } \"throw\" === p.type && (o = s, n.method = \"throw\", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, \"throw\" === n && e.iterator.return && (r.method = \"return\", r.arg = t, maybeInvokeDelegate(e, r), \"throw\" === r.method) || \"return\" !== n && (r.method = \"throw\", r.arg = new TypeError(\"The iterator does not provide a '\" + n + \"' method\")), y; var i = tryCatch(o, e.iterator, r.arg); if (\"throw\" === i.type) return r.method = \"throw\", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, \"return\" !== r.method && (r.method = \"next\", r.arg = t), r.delegate = null, y) : a : (r.method = \"throw\", r.arg = new TypeError(\"iterator result is not an object\"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = \"normal\", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: \"root\" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || \"\" === e) { var r = e[a]; if (r) return r.call(e); if (\"function\" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + \" is not iterable\"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, \"GeneratorFunction\"), e.isGeneratorFunction = function (t) { var e = \"function\" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || \"GeneratorFunction\" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, \"GeneratorFunction\")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, \"Generator\"), define(g, a, function () { return this; }), define(g, \"toString\", function () { return \"[object Generator]\"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) \"t\" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if (\"throw\" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = \"throw\", a.arg = e, r.next = n, o && (r.method = \"next\", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if (\"root\" === i.tryLoc) return handle(\"end\"); if (i.tryLoc <= this.prev) { var c = n.call(i, \"catchLoc\"), u = n.call(i, \"finallyLoc\"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error(\"try statement without catch or finally\"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, \"finallyLoc\") && this.prev < o.finallyLoc) { var i = o; break; } } i && (\"break\" === t || \"continue\" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = \"next\", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if (\"throw\" === t.type) throw t.arg; return \"break\" === t.type || \"continue\" === t.type ? this.next = t.arg : \"return\" === t.type ? (this.rval = this.arg = t.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if (\"throw\" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, \"next\" === this.method && (this.arg = t), y; } }, e; }\nfunction _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _iterableToArray(r) { if (\"undefined\" != typeof Symbol && null != r[Symbol.iterator] || null != r[\"@@iterator\"]) return Array.from(r); }\nfunction _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }\nfunction _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, \"next\", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, \"throw\", n); } _next(void 0); }); }; }\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//\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//\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//\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\nvar SpecShape = Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Gubu\"])({\n spec: Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Required\"])(Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Open\"])({\n footer: {\n active: false,\n cmp: Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Skip\"])(String),\n spec: Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Open\"])({})\n },\n view: Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Value\"])(Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Open\"])({\n mode: String\n }), Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Open\"])({}))\n })),\n logo: String\n});\nfunction tag_alias(asset) {\n if (null != asset.custom12) {\n return asset.tag + '(' + asset.custom12 + ')';\n }\n return asset.tag;\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n components: {\n BasicNavStages: _BasicNavStages_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n },\n props: {\n spec: {\n type: Object,\n required: true\n },\n logo: String\n },\n data: function data() {\n return {\n open: true,\n menuShowTitle: false,\n menuViewList: [],\n menuViewIndex: null,\n menuView: null,\n roomName: '',\n search: '',\n searchInput: '',\n tag_items: [],\n search2: '',\n tag_items2: [],\n publicPath: \"/\" || false,\n showIcon: true,\n // Data property to control icon visibility\n showSearch2: false // Control the visibility of search2 combobox and Layer_5 icon\n };\n },\n beforeCreate: function beforeCreate() {\n nua__WEBPACK_IMPORTED_MODULE_0___default()(this.$options.propsData, SpecShape(this.$options.propsData));\n },\n created: function created() {\n var _this = this;\n var menuViewList = [];\n for (var name in this.spec.view) {\n var menuView = this.spec.view[name];\n menuView.name = name;\n menuViewList.push(menuView);\n }\n console.log('menuViewList:', menuViewList);\n this.menuViewList = menuViewList;\n var route = this.findRouteName(this.$route.name);\n this.menuView = this.menuViewList[route.index];\n this.menuViewIndex = route.index;\n var tool = {};\n var load_assets = setInterval(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n return _regeneratorRuntime().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n _context.next = 2;\n return _this.$store.dispatch('vxg_get_assets', tool);\n case 2:\n _this.items = tool.assets;\n _this.items2 = _toConsumableArray(tool.assets);\n if (_this.items.length != 0) {\n // this.tag_items = this.items.map(v => v.tag+(''==v.custom12?'':' ('+v.custom12+')'))\n _this.tag_items = _this.items.map(tag_alias);\n _this.tag_items2 = _this.items2.map(tag_alias);\n _this.setupMiniSearch(_this.items);\n _this.setupMiniSearch(_this.items2);\n clearInterval(load_assets);\n }\n case 5:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n })), 111);\n },\n watch: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({\n search2: function search2(newVal) {\n console.log('search2 is being triggered');\n this.refreshRoute();\n },\n menuViewIndex: function menuViewIndex(index) {\n var pathname = null;\n pathname = this.menuView.name;\n /*\r\n if('custom' === this.menuView.mode) {\r\n pathname = this.menuView.name\r\n }\r\n else {\r\n if(this.$route.path == this.portal.path) {\r\n pathname = this.menuView.menu.default\r\n }\r\n else {\r\n pathname = this.$route.name\r\n }\r\n }\r\n if(pathname && pathname !== this.$route.name ) {\r\n this.$router.push(pathname)\r\n }\r\n */\n },\n // create a watcher for changes in pathData\n '$store.state.pathData': function $storeStatePathData(data) {\n console.log('PathData: ', data);\n },\n '$store.state.trigger.search.a': function $storeStateTriggerSearchA(term) {\n if (term == '' && this.$refs.search) {\n this.$refs.search.reset();\n // this.tag_items = this.items.map(v => v.tag)\n this.tag_items = this.items.map(tag_alias);\n console.log('search is being triggerecd');\n }\n }\n }, \"$store.state.pathData\", function $storeStatePathData(data) {\n console.log('PathData: ', data);\n }), '$store.state.trigger.search.b', function $storeStateTriggerSearchB(term) {\n var pathData = this.$store.dispatch('get_path_data', {\n assetId: 'asset123'\n }).then(function (data) {\n console.log('PathData: ', data);\n });\n console.log('search.b is being triggered');\n if (term == '' && this.$refs.search2) {\n this.$refs.search2.reset();\n // this.tag_items = this.items.map(v => v.tag)\n this.tag_items2 = this.items2.map(tag_alias);\n }\n }), \"search\", function search(val) {\n var term = val || '';\n term.trim();\n // Todo: Is it necessary?\n // let m = term.match(/^([^(]+)\\s*\\([^)]+\\)$/)\n // if(m) {\n // term = m[1].trim()\n // }\n // this.$store.dispatch('trigger_search', {term:this.search})\n this.$store.dispatch('trigger_search', {\n a: term\n });\n }), \"search2\", function search2(val) {\n var term = val || '';\n term.trim();\n console.log('search2 is being triggered');\n this.$store.dispatch('trigger_search', {\n b: term\n });\n var pathData = this.$store.dispatch('getPathDataAction', {\n assetId: 'asset123'\n });\n console.log('PathData: ', pathData);\n }), \"select\", function select() {\n this.$store.dispatch('trigger_select', {\n value: this.select\n });\n }), '$store.state.trigger.select.value', function $storeStateTriggerSelectValue(val) {\n this.select = val;\n }), '$store.vxg.cmp.BasicHead.allow.add', {\n handler: function handler() {\n this.$forceUpdate();\n }\n }), '$store.vxg.cmp.BasicHead.allow.remove', {\n handler: function handler() {\n this.$forceUpdate();\n }\n }), '$route.name', {\n immediate: true,\n handler: function handler(val) {\n if (!val && this.defaultFound()) {\n this.$router.push(this.menuView.menu.default);\n }\n var route = this.findRouteName(val);\n this.menuView = this.menuViewList[route.index];\n }\n }),\n computed: {\n filterDisabled: function filterDisabled() {\n return this.$store.state.trigger.filter_disabled.value;\n },\n prependIcon: function prependIcon() {\n return !this.showSearch2 && this.showIcon ? 'mdi-magnify magnifierIcon' : ''; // Conditionally bind the icon\n },\n menu: function menu() {\n if (this.menuView.mode !== 'standard') return [];\n var _this$menuView$menu = this.menuView.menu,\n items = _this$menuView$menu.items,\n order = _this$menuView$menu.order;\n return order.split(/\\s*,\\s*/).map(function (code) {\n return _objectSpread(_objectSpread({}, items[code]), {}, {\n code: code,\n klass: {\n 'vxg-router-link': true\n }\n });\n });\n },\n filterIcon: function filterIcon() {\n return this.$store.state.vxg.cmp.BasicHead.show.filter;\n },\n drawerStyle: function drawerStyle() {\n return DRAWER_STYLE;\n },\n custom: function custom() {\n return this.$model.main.ux.custom;\n },\n view: function view() {\n //return this.custom.special.view\n var result = this.custom.special.view;\n console.log('view:', result);\n return result;\n },\n portal: function portal() {\n return this.custom.special.portal;\n },\n tool: function tool() {\n // TODO: better if main.app.web.parts.head was provided directly\n var headtool = this.$model.main.app.web.parts.head.tool;\n var viewtool = this.view.tool;\n var tool = this.$main.seneca.util.deep(headtool, viewtool);\n return tool;\n },\n search_config: function search_config() {\n return this.$model.main.ux.custom.search_config;\n }\n },\n methods: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__[\"mapActions\"])(['toggleSideInfoCardVisibility'])), {}, {\n closeSideInfoCard: function closeSideInfoCard() {\n this.toggleSideInfoCardVisibility(false);\n },\n toggleSearch2: function toggleSearch2() {\n this.showSearch2 = !this.showSearch2;\n },\n reverseInputs: function reverseInputs() {\n var temp = this.search;\n this.search = this.search2;\n this.search2 = temp;\n },\n refreshRoute: function refreshRoute() {\n this.search = this.search;\n this.search2 = this.search2;\n },\n handleNavigationMode: function handleNavigationMode() {\n this.showSearch2 = true;\n this.$store.dispatch('vxg_trigger_clear');\n },\n moveRoute: function moveRoute(menuView) {\n console.log('menuView.mode:', menuView.mode);\n var path = this.$route.name;\n var targetPath = menuView.mode === 'standard' ? menuView.menu.default : menuView.name;\n if (path !== targetPath) {\n this.$router.push(\"/\".concat(targetPath));\n }\n },\n setupMiniSearch: function setupMiniSearch() {\n return _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {\n return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n while (1) switch (_context2.prev = _context2.next) {\n case 0:\n case \"end\":\n return _context2.stop();\n }\n }, _callee2);\n }))();\n },\n // bypass default combobox filter\n customFilter: function customFilter(item, queryText, itemText) {\n return 1;\n },\n handleClick: function handleClick() {\n this.showIcon = false; // Hide the icon when the combobox is clicked\n },\n handleBlur: function handleBlur() {\n this.showIcon = true; // Show the icon when the combobox is blurred\n },\n changeSearch: function changeSearch(event) {\n var _this2 = this;\n setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {\n var term, out;\n return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n while (1) switch (_context3.prev = _context3.next) {\n case 0:\n // wait for input\n\n term = event.target ? event.target.value : null;\n if (!term) {\n _context3.next = 8;\n break;\n }\n _context3.next = 4;\n return _this2.$seneca.post('sys:search, cmd:search', {\n query: term,\n params: _this2.search_config\n });\n case 4:\n out = _context3.sent;\n // this.tag_items = out.data.hits.map(v => v.id)\n _this2.tag_items = out.data.hits.map(function (v) {\n return tag_alias(v.doc);\n });\n _context3.next = 9;\n break;\n case 8:\n // this.tag_items = this.items.map(v => v.tag)\n if (_this2.items != undefined) _this2.tag_items = _this2.items.map(tag_alias);\n case 9:\n case \"end\":\n return _context3.stop();\n }\n }, _callee3);\n })), 11);\n },\n changeSearch2: function changeSearch2(event) {\n var _this3 = this;\n setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {\n var term, out;\n return _regeneratorRuntime().wrap(function _callee4$(_context4) {\n while (1) switch (_context4.prev = _context4.next) {\n case 0:\n // wait for input\n\n term = event.target ? event.target.value : null;\n if (!term) {\n _context4.next = 9;\n break;\n }\n _context4.next = 4;\n return _this3.$seneca.post('sys:search, cmd:search', {\n query: term,\n params: _this3.search_config\n });\n case 4:\n out = _context4.sent;\n _this3.tag_items2 = out.data.hits.map(function (v) {\n return tag_alias(v.doc);\n });\n console.log('tag items are ', _this3.tag_items2);\n _context4.next = 10;\n break;\n case 9:\n if (_this3.items2 != undefined) _this3.tag_items2 = _this3.items2.map(tag_alias);\n case 10:\n case \"end\":\n return _context4.stop();\n }\n }, _callee4);\n })), 11);\n },\n clearFilter: function clearFilter() {\n this.$store.dispatch('vxg_trigger_clear');\n this.search = '';\n this.searchInput = '';\n this.search2 = '';\n this.$root.$emit('clear-nav-stages');\n this.showSearch2 = false;\n },\n show: function show(action) {\n return this.allow(action) && this.$store.state.vxg.cmp.BasicHead.show[action];\n },\n // handleClickOutside(event) {\n // const search = this.$refs.search.$el;\n // const search2 = this.$refs.search2 ? this.$refs.search2.$el : null;\n // if (!search.contains(event.target) && (!search2 || !search2.contains(event.target))) {\n // this.showSearch2 = true;\n // }\n // },\n filter: function filter(event) {\n // aaaaaaaaaaaa\n this.$store.dispatch('trigger_toggle_filter');\n },\n defaultFound: function defaultFound() {\n return this.menuView && this.menuView.menu && this.menuView.menu.default;\n },\n findRouteName: function findRouteName(name) {\n var specialRoutes = this.custom.special;\n for (var route in specialRoutes) {\n var currentRoute = specialRoutes[route];\n if (currentRoute.name === name) {\n return currentRoute;\n }\n if (currentRoute.sub && currentRoute.sub.includes(name)) {\n return currentRoute;\n }\n }\n return {\n index: 1\n }; // default index\n },\n allow: function allow(item) {\n var out = item && item.allow ? this.$vxg.allow(item.allow) : true;\n return out;\n },\n openDrawer: function openDrawer() {\n this.$store.dispatch('set_cmp_flags', {\n name: 'BasicSide',\n flags: {\n show: true\n }\n });\n },\n closeDrawer: function closeDrawer() {\n this.$store.dispatch('set_cmp_flags', {\n name: 'BasicSide',\n flags: {\n show: false\n }\n });\n },\n action: function action(name) {\n this.$emit('action', name);\n }\n })\n\n // mounted() {\n // document.addEventListener('click', this.handleClickOutside);\n // },\n // beforeDestroy() {\n // document.removeEventListener('click', this.handleClickOutside);\n // }\n});\nvar DRAWER_STYLE = Object.freeze({\n width: \"282px\"\n});\n\n//# sourceURL=webpack://Vxg/./src/components/BasicSide.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), @@ -333,7 +333,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) * /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n {\n staticClass: \"basic-nav-stages\",\n staticStyle: {\n position: \"absolute\",\n \"z-index\": \"99\",\n width: \"270px\",\n height: \"300px\",\n left: \"7px\",\n top: \"250px\",\n },\n },\n [\n _c(\n \"v-expansion-panels\",\n {\n staticClass: \"mb-12\",\n model: {\n value: _vm.isExpanded,\n callback: function ($$v) {\n _vm.isExpanded = $$v\n },\n expression: \"isExpanded\",\n },\n },\n [\n _c(\n \"v-expansion-panel\",\n {\n staticStyle: { \"background-color\": \"#DCEEEF\" },\n model: {\n value: _vm.isExpanded,\n callback: function ($$v) {\n _vm.isExpanded = $$v\n },\n expression: \"isExpanded\",\n },\n },\n [\n _c(\n \"v-expansion-panel-header\",\n {\n staticStyle: {\n \"border-bottom-left-radius\": \"10px\",\n \"border-bottom-right-radius\": \"10px\",\n },\n on: { click: _vm.toggleIcon },\n scopedSlots: _vm._u([\n {\n key: \"actions\",\n fn: function () {\n return [\n _vm.isExpanded\n ? _c(\"img\", {\n staticStyle: { \"margin-left\": \"45px\" },\n attrs: {\n src: \"\" + _vm.publicPath + _vm.iconSrc,\n alt: \"Collapse Icon\",\n },\n })\n : _c(\"img\", {\n staticStyle: { \"margin-left\": \"45px\" },\n attrs: {\n src: \"\" + _vm.publicPath + _vm.iconSrc,\n alt: \"Expand Icon\",\n },\n }),\n ]\n },\n proxy: true,\n },\n ]),\n },\n [\n _c(\"img\", {\n staticClass: \"Layers\",\n staticStyle: { \"margin-left\": \"-16px\", width: \"30px\" },\n attrs: {\n src: _vm.publicPath + \"Layers.svg\",\n alt: \"Layers\",\n },\n }),\n _c(\n \"h4\",\n { staticStyle: { width: \"300px\", \"font-size\": \"10px\" } },\n [_vm._v(\"THIS ROUTE CONTAINS MULTIPLE LEVELS\")]\n ),\n ]\n ),\n _c(\"v-expansion-panel-content\", [\n _c(\n \"div\",\n {\n staticClass: \"stage\",\n staticStyle: { \"background-color\": \"#C0E28B\" },\n },\n [\n _c(\"h3\", [_vm._v(\"STAGE 1\")]),\n _c(\"p\", [_vm._v(\"Continue on path towards elevator.\")]),\n ]\n ),\n _c(\n \"div\",\n {\n staticClass: \"stage\",\n staticStyle: {\n \"background-color\": \"white\",\n \"margin-bottom\": \"9px\",\n },\n },\n [\n _c(\"h3\", [_vm._v(\"STAGE 2\")]),\n _c(\"p\", [\n _vm._v(\n \"Take elevator to level 2 and continue towards your destination.\"\n ),\n ]),\n ]\n ),\n ]),\n ],\n 1\n ),\n ],\n 1\n ),\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://Vxg/./src/components/BasicNavStages.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%226a9d93ac-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n {\n staticClass: \"basic-nav-stages\",\n staticStyle: {\n position: \"absolute\",\n \"z-index\": \"99\",\n height: \"300px\",\n left: \"7px\",\n top: \"250px\",\n \"max-width\": \"calc(100% - 11px)\",\n },\n },\n [\n _c(\n \"v-expansion-panels\",\n {\n staticClass: \"mb-12\",\n model: {\n value: _vm.isExpanded,\n callback: function ($$v) {\n _vm.isExpanded = $$v\n },\n expression: \"isExpanded\",\n },\n },\n [\n _c(\n \"v-expansion-panel\",\n {\n staticStyle: { \"background-color\": \"#DCEEEF\" },\n model: {\n value: _vm.isExpanded,\n callback: function ($$v) {\n _vm.isExpanded = $$v\n },\n expression: \"isExpanded\",\n },\n },\n [\n _c(\n \"v-expansion-panel-header\",\n {\n staticStyle: {\n \"border-bottom-left-radius\": \"10px\",\n \"border-bottom-right-radius\": \"10px\",\n },\n on: { click: _vm.toggleIcon },\n scopedSlots: _vm._u([\n {\n key: \"actions\",\n fn: function () {\n return [\n _vm.isExpanded\n ? _c(\"img\", {\n staticStyle: { \"margin-left\": \"45px\" },\n attrs: {\n src: \"\" + _vm.publicPath + _vm.iconSrc,\n alt: \"Collapse Icon\",\n },\n })\n : _c(\"img\", {\n staticStyle: { \"margin-left\": \"45px\" },\n attrs: {\n src: \"\" + _vm.publicPath + _vm.iconSrc,\n alt: \"Expand Icon\",\n },\n }),\n ]\n },\n proxy: true,\n },\n ]),\n },\n [\n _c(\"img\", {\n staticClass: \"Layers\",\n staticStyle: { \"margin-left\": \"-16px\", width: \"30px\" },\n attrs: {\n src: _vm.publicPath + \"Layers.svg\",\n alt: \"Layers\",\n },\n }),\n _c(\n \"h4\",\n { staticStyle: { width: \"300px\", \"font-size\": \"10px\" } },\n [_vm._v(\"THIS ROUTE CONTAINS MULTIPLE LEVELS\")]\n ),\n ]\n ),\n _c(\n \"v-expansion-panel-content\",\n _vm._l(_vm.routeMassages, function (message, index) {\n return _c(\n \"div\",\n {\n key: index,\n staticClass: \"stage\",\n class: { activated: _vm.selectStage == index },\n staticStyle: { \"background-color\": \"white\" },\n on: {\n click: function ($event) {\n return _vm.selectStage(index)\n },\n },\n },\n [\n _c(\"h3\", [_vm._v(\"STAGE \" + _vm._s(index + 1))]),\n _c(\"p\", [_vm._v(_vm._s(message))]),\n ]\n )\n }),\n 0\n ),\n ],\n 1\n ),\n ],\n 1\n ),\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://Vxg/./src/components/BasicNavStages.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%226a9d93ac-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), @@ -345,7 +345,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) * /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"v-navigation-drawer\",\n { staticClass: \"vxg-side\", style: _vm.drawerStyle, attrs: { app: \"\" } },\n [\n _c(\n \"v-sheet\",\n { staticClass: \"d-flex flex-column h-100\" },\n [\n _c(\n \"div\",\n {\n staticClass: \"d-flex justify-space-between \",\n staticStyle: { background: \"#27324A\" },\n },\n [\n _c(\"div\", { domProps: { innerHTML: _vm._s(_vm.logo) } }),\n _vm._m(0),\n ],\n 1\n ),\n _vm.show(\"clear\") && _vm.tool.clear.active\n ? _c(\n \"v-btn\",\n {\n staticStyle: {\n \"max-width\": \"16%\",\n display: \"inline-block\",\n \"margin-left\": \"78%\",\n \"text-transform\": \"none\",\n \"font-size\": \"12px\",\n \"text-decoration\": \"underline\",\n color: \"#575c62\",\n },\n attrs: { text: \"\" },\n on: { click: _vm.clearFilter },\n },\n [_vm._v(\"Clear\")]\n )\n : _vm._e(),\n _vm.$route.name == \"pqview\"\n ? _c(\n \"div\",\n [\n !_vm.showSearch2\n ? _c(\"div\", [\n _c(\"img\", {\n staticClass: \"Layer_5\",\n staticStyle: {\n position: \"absolute\",\n \"z-index\": \"1\",\n margin: \"10px 0\",\n \"margin-left\": \"16px\",\n },\n attrs: {\n src: _vm.publicPath + \"Layer_5.svg\",\n alt: \"Layer_5\",\n },\n on: { click: _vm.handleNavigationMode },\n }),\n ])\n : _vm._e(),\n _vm.showSearch2\n ? _c(\n \"div\",\n {\n staticStyle: {\n display: \"flex\",\n \"align-items\": \"center\",\n position: \"absolute\",\n \"z-index\": \"10\",\n \"margin-top\": \"36px\",\n },\n },\n [\n _c(\"img\", {\n staticClass: \"navigation_1\",\n staticStyle: {\n position: \"absolute\",\n \"z-index\": \"1\",\n margin: \"10px 0\",\n \"margin-left\": \"16px\",\n height: \"60px\",\n \"padding-top\": \"4px\",\n },\n attrs: {\n src: _vm.publicPath + \"navigation_1.svg\",\n alt: \"navigation_1\",\n },\n }),\n _c(\n \"div\",\n {\n staticStyle: {\n width: \"253px\",\n \"padding-left\": \"35px\",\n },\n },\n [\n _c(\"hr\", {\n staticStyle: { margin: \"0 5px !important\" },\n attrs: { \"aria-orientation\": \"horizontal\" },\n }),\n ]\n ),\n ]\n )\n : _vm._e(),\n _c(\"v-combobox\", {\n ref: \"search\",\n staticClass: \"comboxSearch d-flex justify-space-between\",\n attrs: {\n items: _vm.tag_items,\n flat: \"\",\n \"hide-details\": \"\",\n outlined: \"\",\n dense: \"\",\n clearable: \"\",\n placeholder: \"\",\n filter: _vm.customFilter,\n \"prepend-inner-icon\": _vm.prependIcon,\n },\n on: {\n keydown: function ($event) {\n return _vm.changeSearch($event)\n },\n \"click:clear\": function ($event) {\n return _vm.changeSearch($event)\n },\n \"click:append\": _vm.filter,\n click: _vm.handleClick,\n blur: _vm.handleBlur,\n },\n model: {\n value: _vm.search,\n callback: function ($$v) {\n _vm.search = $$v\n },\n expression: \"search\",\n },\n }),\n _vm.filterIcon && !_vm.showSearch2\n ? _c(\"img\", {\n staticClass: \"clip-path-group\",\n staticStyle: {\n cursor: \"pointer\",\n position: \"relative\",\n top: \"-33px\",\n left: \"calc(100% - 33px)\",\n \"border-left\": \"solid 1px\",\n \"padding-left\": \"2px\",\n },\n attrs: {\n src: _vm.publicPath + \"Clip_path_group.svg\",\n alt: \"Clip_Path_group\",\n },\n on: {\n click: function ($event) {\n $event.stopPropagation()\n $event.preventDefault()\n return _vm.filter($event)\n },\n },\n })\n : _vm._e(),\n _vm.showSearch2\n ? _c(\"v-combobox\", {\n ref: \"search2\",\n staticClass: \"comboxSearch2\",\n attrs: {\n items: _vm.tag_items2,\n flat: \"\",\n \"hide-details\": \"\",\n outlined: \"\",\n dense: \"\",\n clearable: \"\",\n filter: _vm.customFilter,\n },\n on: {\n keydown: function ($event) {\n return _vm.changeSearch2($event)\n },\n \"click:clear\": function ($event) {\n return _vm.changeSearch2($event)\n },\n \"click:append\": _vm.filter,\n },\n model: {\n value: _vm.search2,\n callback: function ($$v) {\n _vm.search2 = $$v\n },\n expression: \"search2\",\n },\n })\n : _vm._e(),\n _vm.showSearch2\n ? _c(\"div\", [\n _c(\"img\", {\n staticStyle: {\n cursor: \"pointer\",\n position: \"relative\",\n top: \"-52px\",\n left: \"calc(100% - 29px)\",\n width: \"16px\",\n },\n attrs: {\n src:\n _vm.publicPath +\n \"two-opposite-up-and-down-arrows-side-by-side.svg\",\n alt: \"two-opposite-arrows-side-by-side\",\n },\n on: { click: _vm.reverseInputs },\n }),\n ])\n : _vm._e(),\n _vm.showSearch2\n ? _c(\n \"button\",\n {\n staticStyle: {\n cursor: \"pointer\",\n position: \"relative\",\n color: \"white\",\n top: \"-24px\",\n size: \"9px\",\n \"font-size\": \"10px\",\n left: \"65%\",\n },\n },\n [_vm._v(\"Add Destination +\")]\n )\n : _vm._e(),\n _vm.showSearch2\n ? _c(\"BasicNavStages\", { attrs: { spec: _vm.spec } })\n : _vm._e(),\n ],\n 1\n )\n : _vm._e(),\n _c(\n \"div\",\n {\n staticClass: \"Menu Items\",\n staticStyle: {\n \"margin-top\": \"15px\",\n height: \"calc(100vh - 332px)\",\n },\n },\n [\n _vm.menuView.mode === \"standard\"\n ? [\n _c(\n \"div\",\n { staticClass: \"router_items\" },\n _vm._l(_vm.menu, function (item) {\n return _vm.allow(item) && item.code !== \"admin\"\n ? _c(\n \"router-link\",\n {\n key: item.code,\n class: [\"vxg-router-link\", item.klass],\n attrs: { to: \"/\" + item.code },\n },\n [\n _vm._o(\n _c(\"v-icon\", [\n _vm._v(\"mdi-\" + _vm._s(item.icon)),\n ]),\n 0,\n item.code\n ),\n _vm._v(\" \" + _vm._s(item.title) + \" \"),\n ],\n 1\n )\n : _vm._e()\n }),\n 1\n ),\n ]\n : _vm.menuView.mode === \"custom\"\n ? _c(_vm.menuView.cmp, {\n tag: \"component\",\n attrs: { spec: _vm.menuView.view.spec },\n })\n : _vm._e(),\n ],\n 2\n ),\n _c(\"div\"),\n _c(\"v-spacer\"),\n _c(\"v-divider\", { staticStyle: { \"margin-top\": \"65px\" } }),\n _vm.spec.footer.active\n ? _c(_vm.spec.footer.cmp, {\n tag: \"component\",\n attrs: { spec: _vm.spec.footer.spec },\n })\n : _vm._e(),\n ],\n 1\n ),\n ],\n 1\n )\n}\nvar staticRenderFns = [\n function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"v-icon\",\n {\n staticClass: \"drawer-toggle\",\n staticStyle: { color: \"white\", \"font-size\": \"29px\" },\n attrs: { large: \"\" },\n on: { click: _vm.openDrawer },\n },\n [_vm._v(\" mdi-chevron-left-circle-outline \")]\n )\n },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://Vxg/./src/components/BasicSide.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%226a9d93ac-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"v-navigation-drawer\",\n { staticClass: \"vxg-side\", style: _vm.drawerStyle, attrs: { app: \"\" } },\n [\n _c(\n \"v-sheet\",\n { staticClass: \"d-flex flex-column h-100\" },\n [\n _c(\n \"div\",\n {\n staticClass: \"d-flex justify-space-between \",\n staticStyle: { background: \"#27324A\" },\n },\n [\n _c(\"div\", { domProps: { innerHTML: _vm._s(_vm.logo) } }),\n _vm._m(0),\n ],\n 1\n ),\n _vm.show(\"clear\") && _vm.tool.clear.active\n ? _c(\n \"v-btn\",\n {\n staticStyle: {\n \"max-width\": \"16%\",\n display: \"inline-block\",\n \"margin-left\": \"78%\",\n \"text-transform\": \"none\",\n \"font-size\": \"12px\",\n \"text-decoration\": \"underline\",\n color: \"#575c62\",\n },\n attrs: { text: \"\" },\n on: { click: _vm.clearFilter },\n },\n [_vm._v(\"Clear\")]\n )\n : _vm._e(),\n _vm.$route.name == \"pqview\"\n ? _c(\n \"div\",\n [\n !_vm.showSearch2\n ? _c(\"div\", [\n _c(\"img\", {\n staticClass: \"Layer_5\",\n staticStyle: {\n position: \"absolute\",\n \"z-index\": \"1\",\n margin: \"10px 0\",\n \"margin-left\": \"16px\",\n },\n attrs: {\n src: _vm.publicPath + \"Layer_5.svg\",\n alt: \"Layer_5\",\n },\n on: { click: _vm.handleNavigationMode },\n }),\n ])\n : _vm._e(),\n _vm.showSearch2\n ? _c(\n \"div\",\n {\n staticStyle: {\n display: \"flex\",\n \"align-items\": \"center\",\n position: \"absolute\",\n \"z-index\": \"10\",\n \"margin-top\": \"36px\",\n },\n },\n [\n _c(\"img\", {\n staticClass: \"navigation_1\",\n staticStyle: {\n position: \"absolute\",\n \"z-index\": \"1\",\n margin: \"10px 0\",\n \"margin-left\": \"16px\",\n height: \"60px\",\n \"padding-top\": \"4px\",\n },\n attrs: {\n src: _vm.publicPath + \"navigation_1.svg\",\n alt: \"navigation_1\",\n },\n }),\n _c(\n \"div\",\n {\n staticStyle: {\n width: \"253px\",\n \"padding-left\": \"35px\",\n },\n },\n [\n _c(\"hr\", {\n staticStyle: { margin: \"0 5px !important\" },\n attrs: { \"aria-orientation\": \"horizontal\" },\n }),\n ]\n ),\n ]\n )\n : _vm._e(),\n _c(\"v-combobox\", {\n ref: \"search\",\n staticClass: \"comboxSearch d-flex justify-space-between\",\n attrs: {\n \"search-input\": _vm.searchInput,\n items: _vm.tag_items,\n flat: \"\",\n \"hide-details\": \"\",\n outlined: \"\",\n dense: \"\",\n clearable: \"\",\n placeholder: \"\",\n filter: _vm.customFilter,\n \"prepend-inner-icon\": _vm.prependIcon,\n },\n on: {\n \"update:searchInput\": function ($event) {\n _vm.searchInput = $event\n },\n \"update:search-input\": function ($event) {\n _vm.searchInput = $event\n },\n keydown: function ($event) {\n return _vm.changeSearch($event)\n },\n \"click:clear\": function ($event) {\n return _vm.changeSearch($event)\n },\n \"click:append\": _vm.filter,\n click: _vm.handleClick,\n blur: _vm.handleBlur,\n },\n model: {\n value: _vm.search,\n callback: function ($$v) {\n _vm.search = $$v\n },\n expression: \"search\",\n },\n }),\n _vm.filterIcon && !_vm.showSearch2\n ? _c(\"img\", {\n staticClass: \"clip-path-group\",\n staticStyle: {\n cursor: \"pointer\",\n position: \"relative\",\n top: \"-33px\",\n left: \"calc(100% - 33px)\",\n \"border-left\": \"solid 1px\",\n \"padding-left\": \"2px\",\n },\n attrs: {\n src: _vm.publicPath + \"Clip_path_group.svg\",\n alt: \"Clip_Path_group\",\n },\n on: {\n click: function ($event) {\n $event.stopPropagation()\n $event.preventDefault()\n return _vm.filter($event)\n },\n },\n })\n : _vm._e(),\n _vm.showSearch2\n ? _c(\"v-combobox\", {\n ref: \"search2\",\n staticClass: \"comboxSearch2\",\n attrs: {\n items: _vm.tag_items2,\n flat: \"\",\n \"hide-details\": \"\",\n outlined: \"\",\n dense: \"\",\n clearable: \"\",\n filter: _vm.customFilter,\n },\n on: {\n keydown: function ($event) {\n return _vm.changeSearch2($event)\n },\n \"click:clear\": function ($event) {\n return _vm.changeSearch2($event)\n },\n \"click:append\": _vm.filter,\n },\n model: {\n value: _vm.search2,\n callback: function ($$v) {\n _vm.search2 = $$v\n },\n expression: \"search2\",\n },\n })\n : _vm._e(),\n _vm.showSearch2\n ? _c(\"div\", [\n _c(\"img\", {\n staticStyle: {\n cursor: \"pointer\",\n position: \"relative\",\n top: \"-52px\",\n left: \"calc(100% - 29px)\",\n width: \"16px\",\n },\n attrs: {\n src:\n _vm.publicPath +\n \"two-opposite-up-and-down-arrows-side-by-side.svg\",\n alt: \"two-opposite-arrows-side-by-side\",\n },\n on: { click: _vm.reverseInputs },\n }),\n ])\n : _vm._e(),\n _vm.showSearch2\n ? _c(\n \"button\",\n {\n staticStyle: {\n cursor: \"pointer\",\n position: \"relative\",\n color: \"white\",\n top: \"-24px\",\n size: \"9px\",\n \"font-size\": \"10px\",\n left: \"65%\",\n },\n },\n [_vm._v(\"Add Destination +\")]\n )\n : _vm._e(),\n _vm.showSearch2\n ? _c(\"BasicNavStages\", { attrs: { spec: _vm.spec } })\n : _vm._e(),\n ],\n 1\n )\n : _vm._e(),\n _c(\n \"div\",\n {\n staticClass: \"Menu Items\",\n staticStyle: {\n \"margin-top\": \"15px\",\n height: \"calc(100vh - 332px)\",\n },\n },\n [\n _vm.menuView.mode === \"standard\"\n ? [\n _c(\n \"div\",\n { staticClass: \"router_items\" },\n _vm._l(_vm.menu, function (item) {\n return _vm.allow(item) && item.code !== \"admin\"\n ? _c(\n \"router-link\",\n {\n key: item.code,\n class: [\"vxg-router-link\", item.klass],\n attrs: { to: \"/\" + item.code },\n },\n [\n _vm._o(\n _c(\"v-icon\", [\n _vm._v(\"mdi-\" + _vm._s(item.icon)),\n ]),\n 0,\n item.code\n ),\n _vm._v(\" \" + _vm._s(item.title) + \" \"),\n ],\n 1\n )\n : _vm._e()\n }),\n 1\n ),\n ]\n : _vm.menuView.mode === \"custom\"\n ? _c(_vm.menuView.cmp, {\n tag: \"component\",\n attrs: { spec: _vm.menuView.view.spec },\n })\n : _vm._e(),\n ],\n 2\n ),\n _c(\"div\"),\n _c(\"v-spacer\"),\n _c(\"v-divider\", { staticStyle: { \"margin-top\": \"65px\" } }),\n _vm.spec.footer.active\n ? _c(_vm.spec.footer.cmp, {\n tag: \"component\",\n attrs: { spec: _vm.spec.footer.spec },\n })\n : _vm._e(),\n ],\n 1\n ),\n ],\n 1\n )\n}\nvar staticRenderFns = [\n function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"v-icon\",\n {\n staticClass: \"drawer-toggle\",\n staticStyle: { color: \"white\", \"font-size\": \"29px\" },\n attrs: { large: \"\" },\n on: { click: _vm.openDrawer },\n },\n [_vm._v(\" mdi-chevron-left-circle-outline \")]\n )\n },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://Vxg/./src/components/BasicSide.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%226a9d93ac-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), diff --git a/dist/Vxg.umd.js b/dist/Vxg.umd.js index 68bb5c1..08fef54 100644 --- a/dist/Vxg.umd.js +++ b/dist/Vxg.umd.js @@ -234,7 +234,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\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/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'BasicNavStages',\n data: function data() {\n return {\n showNav: true,\n isExpanded: false,\n iconSrc: 'nav_in.svg',\n // Initial icon\n publicPath: \"/\" || false\n };\n },\n watch: {\n isExpanded: function isExpanded() {\n this.toggleIcon();\n }\n },\n methods: {\n toggleIcon: function toggleIcon() {\n this.iconSrc = this.isExpanded ? 'nav_in.svg' : 'nav_out.svg';\n },\n clearState: function clearState() {\n this.isExpanded = false;\n this.iconSrc = 'nav_in.svg';\n },\n toggleshowNav: function toggleshowNav() {\n this.showNav = !this.showNav;\n }\n },\n mounted: function mounted() {\n this.$root.$on('clear-nav-stages', this.toggleshowNav);\n },\n beforeDestroy: function beforeDestroy() {\n this.$root.$off('clear-nav-stages', this.toggleshowNav);\n },\n computed: {\n // Your computed properties go here\n }\n});\n\n//# sourceURL=webpack://Vxg/./src/components/BasicNavStages.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction 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; }\nfunction _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; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\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/* harmony default export */ __webpack_exports__[\"default\"] = (_defineProperty({\n name: 'BasicNavStages',\n data: function data() {\n return {\n showNav: true,\n isExpanded: false,\n iconSrc: 'nav_in.svg',\n // Initial icon\n publicPath: \"/\" || false,\n pathData: null,\n // Add a data property to store the pathData\n parsedPathData: null,\n pathArray: null,\n routeMassages: [],\n selectedstage: 0,\n levelNames: ['Level 1', 'Level 1 Mezz & Intersticial', 'Level 2', 'Level 2 Roof & Intersticial', 'Level 3', 'Basement']\n };\n },\n computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n pathData: function pathData(state) {\n return state.pathData;\n }\n })),\n watch: {\n isExpanded: function isExpanded() {\n this.toggleIcon();\n },\n // create a watcher for changes in pathData\n '$store.state.pathData': {\n handler: function handler(data) {\n console.log('PathData12333: ', data.asset123);\n this.pathData = data.asset123;\n console.log('this.pathData', this.pathData);\n try {\n var parsedData = JSON.parse(this.pathData);\n console.log('parsedData', parsedData);\n if (parsedData && parsedData.length > 0) {\n this.pathArray = parsedData[0];\n console.log('pathArray', this.pathArray);\n var parsedLines = this.parseLines(this.pathArray);\n console.log('parsedLines', parsedLines);\n var stages = this.getRouteSteps(parsedLines);\n this.routeMassages = stages;\n console.log('stages', stages);\n } else {\n console.warn(\"Invalid or empty pathData\");\n // Handle the case where parsedData is empty or invalid\n }\n } catch (error) {\n console.error(\"Error parsing pathData:\", error);\n // Handle the error gracefully \n }\n\n // Dispatch the action (optional)\n this.$store.dispatch('set_path_data', {\n pathDetails: data.asset123\n }).then(function (result) {\n console.log('Dispatch result:', result);\n }).catch(function (error) {\n console.error('Dispatch error:', error);\n });\n },\n deep: true // Watch for changes within nested objects \n }\n },\n methods: {\n // Dispatch the action to update the pathData in the store\n // handlePathData(data) {\n // this.$store.dispatch('set_path_data', { pathDetails: data })\n // .then(result => {\n // console.log('Dispatch result:', result);\n // })\n // .catch(error => {\n // console.error('Dispatch error:', error);\n // });\n // },\n // handlePathData(data) {\n // this.$store.commit('set_path_data', {pathDetails: data});\n // this.$store.dispatch('set_path_data', { \n // assetId: 'asset123', \n // pathData: test});\n // },\n getselectedStage: function getselectedStage() {\n console.log('selectedStage', this.selectedStage);\n return this.selectedStage;\n },\n selectStage: function selectStage(index) {\n console.log('indexxxxxxxxx', index);\n this.selectedStage = index;\n },\n parseLine: function parseLine(line) {\n // line exmple : [47be48,Standard,,8832,4720]\n\n var lineData = line.split(',');\n var id = lineData[0];\n var type = lineData[1];\n var result = {\n id: id,\n type: type\n };\n console.log('Parsed Line:', result);\n return result;\n },\n parseLines: function parseLines(data) {\n return data.map(function (lineData) {\n console.log(lineData.detail);\n var data = lineData.detail.split(',');\n return {\n id: data[0],\n type: data[1],\n map: lineData.index\n };\n });\n },\n getRouteSteps: function getRouteSteps(routeData) {\n var steps = routeData;\n var messages = [];\n for (var i = 0; i < steps.length - 2; i++) {\n if (steps[i].type == \"Connector\") {\n // first node type connector (i)\n var msg = \"Follow route to strairs and proceed to \";\n var j = i;\n while (steps[j].type == \"Connector\") {\n j++;\n }\n // first node type Standar (j)\n if (j < steps.length - 3) {\n msg += \"\".concat(this.levelNames[steps[j].map - 1]);\n messages.push(msg);\n }\n i = j;\n }\n }\n if (messages.length > 0) {\n messages.push(\"Proceed to your destination.\");\n }\n console.log('Steps:', steps);\n return messages;\n },\n toggleIcon: function toggleIcon() {\n this.iconSrc = this.isExpanded ? 'nav_in.svg' : 'nav_out.svg';\n },\n clearState: function clearState() {\n this.isExpanded = false;\n this.iconSrc = 'nav_in.svg';\n },\n toggleshowNav: function toggleshowNav() {\n this.showNav = !this.showNav;\n }\n },\n mounted: function mounted() {\n this.parseLines(this.test); // Call parseLines with the test data\n this.$root.$on('clear-nav-stages', this.toggleshowNav);\n },\n beforeDestroy: function beforeDestroy() {\n this.$root.$off('clear-nav-stages', this.toggleshowNav);\n }\n}, \"computed\", {\n // Your computed properties go here\n}));\n\n//# sourceURL=webpack://Vxg/./src/components/BasicNavStages.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), @@ -246,7 +246,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var nua__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! nua */ \"./node_modules/nua/dist/nua.min.js\");\n/* harmony import */ var nua__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(nua__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _BasicNavStages_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BasicNavStages.vue */ \"./src/components/BasicNavStages.vue\");\n/* harmony import */ var gubu__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! gubu */ \"./node_modules/gubu/gubu.min.js\");\n/* harmony import */ var gubu__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(gubu__WEBPACK_IMPORTED_MODULE_3__);\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction 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; }\nfunction _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; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = \"function\" == typeof Symbol ? Symbol : {}, a = i.iterator || \"@@iterator\", c = i.asyncIterator || \"@@asyncIterator\", u = i.toStringTag || \"@@toStringTag\"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, \"\"); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, \"_invoke\", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: \"normal\", arg: t.call(e, r) }; } catch (t) { return { type: \"throw\", arg: t }; } } e.wrap = wrap; var h = \"suspendedStart\", l = \"suspendedYield\", f = \"executing\", s = \"completed\", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { [\"next\", \"throw\", \"return\"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if (\"throw\" !== c.type) { var u = c.arg, h = u.value; return h && \"object\" == _typeof(h) && n.call(h, \"__await\") ? e.resolve(h.__await).then(function (t) { invoke(\"next\", t, i, a); }, function (t) { invoke(\"throw\", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke(\"throw\", t, i, a); }); } a(c.arg); } var r; o(this, \"_invoke\", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error(\"Generator is already running\"); if (o === s) { if (\"throw\" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if (\"next\" === n.method) n.sent = n._sent = n.arg;else if (\"throw\" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else \"return\" === n.method && n.abrupt(\"return\", n.arg); o = f; var p = tryCatch(e, r, n); if (\"normal\" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } \"throw\" === p.type && (o = s, n.method = \"throw\", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, \"throw\" === n && e.iterator.return && (r.method = \"return\", r.arg = t, maybeInvokeDelegate(e, r), \"throw\" === r.method) || \"return\" !== n && (r.method = \"throw\", r.arg = new TypeError(\"The iterator does not provide a '\" + n + \"' method\")), y; var i = tryCatch(o, e.iterator, r.arg); if (\"throw\" === i.type) return r.method = \"throw\", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, \"return\" !== r.method && (r.method = \"next\", r.arg = t), r.delegate = null, y) : a : (r.method = \"throw\", r.arg = new TypeError(\"iterator result is not an object\"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = \"normal\", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: \"root\" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || \"\" === e) { var r = e[a]; if (r) return r.call(e); if (\"function\" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + \" is not iterable\"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, \"GeneratorFunction\"), e.isGeneratorFunction = function (t) { var e = \"function\" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || \"GeneratorFunction\" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, \"GeneratorFunction\")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, \"Generator\"), define(g, a, function () { return this; }), define(g, \"toString\", function () { return \"[object Generator]\"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) \"t\" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if (\"throw\" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = \"throw\", a.arg = e, r.next = n, o && (r.method = \"next\", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if (\"root\" === i.tryLoc) return handle(\"end\"); if (i.tryLoc <= this.prev) { var c = n.call(i, \"catchLoc\"), u = n.call(i, \"finallyLoc\"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error(\"try statement without catch or finally\"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, \"finallyLoc\") && this.prev < o.finallyLoc) { var i = o; break; } } i && (\"break\" === t || \"continue\" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = \"next\", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if (\"throw\" === t.type) throw t.arg; return \"break\" === t.type || \"continue\" === t.type ? this.next = t.arg : \"return\" === t.type ? (this.rval = this.arg = t.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if (\"throw\" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, \"next\" === this.method && (this.arg = t), y; } }, e; }\nfunction _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _iterableToArray(r) { if (\"undefined\" != typeof Symbol && null != r[Symbol.iterator] || null != r[\"@@iterator\"]) return Array.from(r); }\nfunction _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }\nfunction _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, \"next\", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, \"throw\", n); } _next(void 0); }); }; }\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//\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//\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//\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\nvar SpecShape = Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Gubu\"])({\n spec: Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Required\"])(Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Open\"])({\n footer: {\n active: false,\n cmp: Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Skip\"])(String),\n spec: Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Open\"])({})\n },\n view: Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Value\"])(Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Open\"])({\n mode: String\n }), Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Open\"])({}))\n })),\n logo: String\n});\nfunction tag_alias(asset) {\n if (null != asset.custom12) {\n return asset.tag + '(' + asset.custom12 + ')';\n }\n return asset.tag;\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n components: {\n BasicNavStages: _BasicNavStages_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n },\n props: {\n spec: {\n type: Object,\n required: true\n },\n logo: String\n },\n data: function data() {\n return {\n open: true,\n menuShowTitle: false,\n menuViewList: [],\n menuViewIndex: null,\n menuView: null,\n roomName: '',\n search: '',\n tag_items: [],\n search2: '',\n tag_items2: [],\n publicPath: \"/\" || false,\n showIcon: true,\n // Data property to control icon visibility\n showSearch2: false // Control the visibility of search2 combobox and Layer_5 icon\n };\n },\n beforeCreate: function beforeCreate() {\n nua__WEBPACK_IMPORTED_MODULE_0___default()(this.$options.propsData, SpecShape(this.$options.propsData));\n },\n created: function created() {\n var _this = this;\n var menuViewList = [];\n for (var name in this.spec.view) {\n var menuView = this.spec.view[name];\n menuView.name = name;\n menuViewList.push(menuView);\n }\n console.log('menuViewList:', menuViewList);\n this.menuViewList = menuViewList;\n var route = this.findRouteName(this.$route.name);\n this.menuView = this.menuViewList[route.index];\n this.menuViewIndex = route.index;\n var tool = {};\n var load_assets = setInterval(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n return _regeneratorRuntime().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n _context.next = 2;\n return _this.$store.dispatch('vxg_get_assets', tool);\n case 2:\n _this.items = tool.assets;\n _this.items2 = _toConsumableArray(tool.assets);\n if (_this.items.length != 0) {\n // this.tag_items = this.items.map(v => v.tag+(''==v.custom12?'':' ('+v.custom12+')'))\n _this.tag_items = _this.items.map(tag_alias);\n _this.tag_items2 = _this.items2.map(tag_alias);\n _this.setupMiniSearch(_this.items);\n _this.setupMiniSearch(_this.items2);\n clearInterval(load_assets);\n }\n case 5:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n })), 111);\n },\n watch: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({\n search2: function search2(newVal) {\n console.log('search2 is being triggered');\n this.refreshRoute();\n },\n menuViewIndex: function menuViewIndex(index) {\n var pathname = null;\n pathname = this.menuView.name;\n /*\r\n if('custom' === this.menuView.mode) {\r\n pathname = this.menuView.name\r\n }\r\n else {\r\n if(this.$route.path == this.portal.path) {\r\n pathname = this.menuView.menu.default\r\n }\r\n else {\r\n pathname = this.$route.name\r\n }\r\n }\r\n if(pathname && pathname !== this.$route.name ) {\r\n this.$router.push(pathname)\r\n }\r\n */\n },\n '$store.state.trigger.search.a': function $storeStateTriggerSearchA(term) {\n if (term == '' && this.$refs.search) {\n this.$refs.search.reset();\n // this.tag_items = this.items.map(v => v.tag)\n this.tag_items = this.items.map(tag_alias);\n console.log('search is being triggerecd');\n }\n },\n // create a watcher for changes in pathData\n '$store.state.pathData': function $storeStatePathData(data) {\n console.log('PathData: ', data);\n },\n '$store.state.trigger.search.b': function $storeStateTriggerSearchB(term) {\n var pathData = this.$store.dispatch('get_path_data', {\n assetId: 'asset123'\n }).then(function (data) {\n console.log('PathData: ', data);\n });\n console.log('search.b is being triggered');\n if (term == '' && this.$refs.search2) {\n this.$refs.search2.reset();\n // this.tag_items = this.items.map(v => v.tag)\n this.tag_items2 = this.items2.map(tag_alias);\n }\n },\n search: function search(val) {\n var term = val || '';\n term.trim();\n // Todo: Is it necessary?\n // let m = term.match(/^([^(]+)\\s*\\([^)]+\\)$/)\n // if(m) {\n // term = m[1].trim()\n // }\n // this.$store.dispatch('trigger_search', {term:this.search})\n this.$store.dispatch('trigger_search', {\n a: term\n });\n }\n }, \"search2\", function search2(val) {\n var term = val || '';\n term.trim();\n console.log('search2 is being triggered');\n this.$store.dispatch('trigger_search', {\n b: term\n });\n var pathData = this.$store.dispatch('getPathDataAction', {\n assetId: 'asset123'\n });\n console.log('PathData: ', pathData);\n }), \"select\", function select() {\n this.$store.dispatch('trigger_select', {\n value: this.select\n });\n }), '$store.state.trigger.select.value', function $storeStateTriggerSelectValue(val) {\n this.select = val;\n }), '$store.vxg.cmp.BasicHead.allow.add', {\n handler: function handler() {\n this.$forceUpdate();\n }\n }), '$store.vxg.cmp.BasicHead.allow.remove', {\n handler: function handler() {\n this.$forceUpdate();\n }\n }), '$route.name', {\n immediate: true,\n handler: function handler(val) {\n if (!val && this.defaultFound()) {\n this.$router.push(this.menuView.menu.default);\n }\n var route = this.findRouteName(val);\n this.menuView = this.menuViewList[route.index];\n }\n }),\n computed: {\n filterDisabled: function filterDisabled() {\n return this.$store.state.trigger.filter_disabled.value;\n },\n prependIcon: function prependIcon() {\n return !this.showSearch2 && this.showIcon ? 'mdi-magnify magnifierIcon' : ''; // Conditionally bind the icon\n },\n menu: function menu() {\n if (this.menuView.mode !== 'standard') return [];\n var _this$menuView$menu = this.menuView.menu,\n items = _this$menuView$menu.items,\n order = _this$menuView$menu.order;\n return order.split(/\\s*,\\s*/).map(function (code) {\n return _objectSpread(_objectSpread({}, items[code]), {}, {\n code: code,\n klass: {\n 'vxg-router-link': true\n }\n });\n });\n },\n filterIcon: function filterIcon() {\n return this.$store.state.vxg.cmp.BasicHead.show.filter;\n },\n drawerStyle: function drawerStyle() {\n return DRAWER_STYLE;\n },\n custom: function custom() {\n return this.$model.main.ux.custom;\n },\n view: function view() {\n //return this.custom.special.view\n var result = this.custom.special.view;\n console.log('view:', result);\n return result;\n },\n portal: function portal() {\n return this.custom.special.portal;\n },\n tool: function tool() {\n // TODO: better if main.app.web.parts.head was provided directly\n var headtool = this.$model.main.app.web.parts.head.tool;\n var viewtool = this.view.tool;\n var tool = this.$main.seneca.util.deep(headtool, viewtool);\n return tool;\n },\n search_config: function search_config() {\n return this.$model.main.ux.custom.search_config;\n }\n },\n methods: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__[\"mapActions\"])(['toggleSideInfoCardVisibility'])), {}, {\n closeSideInfoCard: function closeSideInfoCard() {\n this.toggleSideInfoCardVisibility(false);\n },\n toggleSearch2: function toggleSearch2() {\n this.showSearch2 = !this.showSearch2;\n },\n reverseInputs: function reverseInputs() {\n var temp = this.search;\n this.search = this.search2;\n this.search2 = temp;\n },\n refreshRoute: function refreshRoute() {\n this.search = this.search;\n this.search2 = this.search2;\n },\n handleNavigationMode: function handleNavigationMode() {\n this.showSearch2 = true;\n this.$store.dispatch('vxg_trigger_clear');\n },\n moveRoute: function moveRoute(menuView) {\n console.log('menuView.mode:', menuView.mode);\n var path = this.$route.name;\n var targetPath = menuView.mode === 'standard' ? menuView.menu.default : menuView.name;\n if (path !== targetPath) {\n this.$router.push(\"/\".concat(targetPath));\n }\n },\n setupMiniSearch: function setupMiniSearch() {\n return _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {\n return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n while (1) switch (_context2.prev = _context2.next) {\n case 0:\n case \"end\":\n return _context2.stop();\n }\n }, _callee2);\n }))();\n },\n // bypass default combobox filter\n customFilter: function customFilter(item, queryText, itemText) {\n return 1;\n },\n handleClick: function handleClick() {\n this.showIcon = false; // Hide the icon when the combobox is clicked\n },\n handleBlur: function handleBlur() {\n this.showIcon = true; // Show the icon when the combobox is blurred\n },\n changeSearch: function changeSearch(event) {\n var _this2 = this;\n setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {\n var term, out;\n return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n while (1) switch (_context3.prev = _context3.next) {\n case 0:\n // wait for input\n\n term = event.target ? event.target.value : null;\n if (!term) {\n _context3.next = 8;\n break;\n }\n _context3.next = 4;\n return _this2.$seneca.post('sys:search, cmd:search', {\n query: term,\n params: _this2.search_config\n });\n case 4:\n out = _context3.sent;\n // this.tag_items = out.data.hits.map(v => v.id)\n _this2.tag_items = out.data.hits.map(function (v) {\n return tag_alias(v.doc);\n });\n _context3.next = 9;\n break;\n case 8:\n // this.tag_items = this.items.map(v => v.tag)\n if (_this2.items != undefined) _this2.tag_items = _this2.items.map(tag_alias);\n case 9:\n case \"end\":\n return _context3.stop();\n }\n }, _callee3);\n })), 11);\n },\n changeSearch2: function changeSearch2(event) {\n var _this3 = this;\n setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {\n var term, out;\n return _regeneratorRuntime().wrap(function _callee4$(_context4) {\n while (1) switch (_context4.prev = _context4.next) {\n case 0:\n // wait for input\n\n term = event.target ? event.target.value : null;\n if (!term) {\n _context4.next = 9;\n break;\n }\n _context4.next = 4;\n return _this3.$seneca.post('sys:search, cmd:search', {\n query: term,\n params: _this3.search_config\n });\n case 4:\n out = _context4.sent;\n _this3.tag_items2 = out.data.hits.map(function (v) {\n return tag_alias(v.doc);\n });\n console.log('tag items are ', _this3.tag_items2);\n _context4.next = 10;\n break;\n case 9:\n if (_this3.items2 != undefined) _this3.tag_items2 = _this3.items2.map(tag_alias);\n case 10:\n case \"end\":\n return _context4.stop();\n }\n }, _callee4);\n })), 11);\n },\n clearFilter: function clearFilter() {\n this.$store.dispatch('vxg_trigger_clear');\n this.search = '';\n this.search2 = '';\n this.$root.$emit('clear-nav-stages');\n this.showSearch2 = false;\n },\n show: function show(action) {\n return this.allow(action) && this.$store.state.vxg.cmp.BasicHead.show[action];\n },\n // handleClickOutside(event) {\n // const search = this.$refs.search.$el;\n // const search2 = this.$refs.search2 ? this.$refs.search2.$el : null;\n // if (!search.contains(event.target) && (!search2 || !search2.contains(event.target))) {\n // this.showSearch2 = true;\n // }\n // },\n filter: function filter(event) {\n // aaaaaaaaaaaa\n this.$store.dispatch('trigger_toggle_filter');\n },\n defaultFound: function defaultFound() {\n return this.menuView && this.menuView.menu && this.menuView.menu.default;\n },\n findRouteName: function findRouteName(name) {\n var specialRoutes = this.custom.special;\n for (var route in specialRoutes) {\n var currentRoute = specialRoutes[route];\n if (currentRoute.name === name) {\n return currentRoute;\n }\n if (currentRoute.sub && currentRoute.sub.includes(name)) {\n return currentRoute;\n }\n }\n return {\n index: 1\n }; // default index\n },\n allow: function allow(item) {\n var out = item && item.allow ? this.$vxg.allow(item.allow) : true;\n return out;\n },\n openDrawer: function openDrawer() {\n this.$store.dispatch('set_cmp_flags', {\n name: 'BasicSide',\n flags: {\n show: true\n }\n });\n },\n closeDrawer: function closeDrawer() {\n this.$store.dispatch('set_cmp_flags', {\n name: 'BasicSide',\n flags: {\n show: false\n }\n });\n },\n action: function action(name) {\n this.$emit('action', name);\n }\n })\n\n // mounted() {\n // document.addEventListener('click', this.handleClickOutside);\n // },\n // beforeDestroy() {\n // document.removeEventListener('click', this.handleClickOutside);\n // }\n});\nvar DRAWER_STYLE = Object.freeze({\n width: \"282px\"\n});\n\n//# sourceURL=webpack://Vxg/./src/components/BasicSide.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var nua__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! nua */ \"./node_modules/nua/dist/nua.min.js\");\n/* harmony import */ var nua__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(nua__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _BasicNavStages_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BasicNavStages.vue */ \"./src/components/BasicNavStages.vue\");\n/* harmony import */ var gubu__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! gubu */ \"./node_modules/gubu/gubu.min.js\");\n/* harmony import */ var gubu__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(gubu__WEBPACK_IMPORTED_MODULE_3__);\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction 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; }\nfunction _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; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = \"function\" == typeof Symbol ? Symbol : {}, a = i.iterator || \"@@iterator\", c = i.asyncIterator || \"@@asyncIterator\", u = i.toStringTag || \"@@toStringTag\"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, \"\"); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, \"_invoke\", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: \"normal\", arg: t.call(e, r) }; } catch (t) { return { type: \"throw\", arg: t }; } } e.wrap = wrap; var h = \"suspendedStart\", l = \"suspendedYield\", f = \"executing\", s = \"completed\", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { [\"next\", \"throw\", \"return\"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if (\"throw\" !== c.type) { var u = c.arg, h = u.value; return h && \"object\" == _typeof(h) && n.call(h, \"__await\") ? e.resolve(h.__await).then(function (t) { invoke(\"next\", t, i, a); }, function (t) { invoke(\"throw\", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke(\"throw\", t, i, a); }); } a(c.arg); } var r; o(this, \"_invoke\", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error(\"Generator is already running\"); if (o === s) { if (\"throw\" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if (\"next\" === n.method) n.sent = n._sent = n.arg;else if (\"throw\" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else \"return\" === n.method && n.abrupt(\"return\", n.arg); o = f; var p = tryCatch(e, r, n); if (\"normal\" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } \"throw\" === p.type && (o = s, n.method = \"throw\", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, \"throw\" === n && e.iterator.return && (r.method = \"return\", r.arg = t, maybeInvokeDelegate(e, r), \"throw\" === r.method) || \"return\" !== n && (r.method = \"throw\", r.arg = new TypeError(\"The iterator does not provide a '\" + n + \"' method\")), y; var i = tryCatch(o, e.iterator, r.arg); if (\"throw\" === i.type) return r.method = \"throw\", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, \"return\" !== r.method && (r.method = \"next\", r.arg = t), r.delegate = null, y) : a : (r.method = \"throw\", r.arg = new TypeError(\"iterator result is not an object\"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = \"normal\", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: \"root\" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || \"\" === e) { var r = e[a]; if (r) return r.call(e); if (\"function\" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + \" is not iterable\"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, \"GeneratorFunction\"), e.isGeneratorFunction = function (t) { var e = \"function\" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || \"GeneratorFunction\" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, \"GeneratorFunction\")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, \"Generator\"), define(g, a, function () { return this; }), define(g, \"toString\", function () { return \"[object Generator]\"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) \"t\" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if (\"throw\" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = \"throw\", a.arg = e, r.next = n, o && (r.method = \"next\", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if (\"root\" === i.tryLoc) return handle(\"end\"); if (i.tryLoc <= this.prev) { var c = n.call(i, \"catchLoc\"), u = n.call(i, \"finallyLoc\"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error(\"try statement without catch or finally\"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, \"finallyLoc\") && this.prev < o.finallyLoc) { var i = o; break; } } i && (\"break\" === t || \"continue\" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = \"next\", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if (\"throw\" === t.type) throw t.arg; return \"break\" === t.type || \"continue\" === t.type ? this.next = t.arg : \"return\" === t.type ? (this.rval = this.arg = t.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if (\"throw\" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, \"next\" === this.method && (this.arg = t), y; } }, e; }\nfunction _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _iterableToArray(r) { if (\"undefined\" != typeof Symbol && null != r[Symbol.iterator] || null != r[\"@@iterator\"]) return Array.from(r); }\nfunction _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }\nfunction _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, \"next\", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, \"throw\", n); } _next(void 0); }); }; }\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//\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//\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//\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\nvar SpecShape = Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Gubu\"])({\n spec: Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Required\"])(Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Open\"])({\n footer: {\n active: false,\n cmp: Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Skip\"])(String),\n spec: Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Open\"])({})\n },\n view: Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Value\"])(Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Open\"])({\n mode: String\n }), Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Open\"])({}))\n })),\n logo: String\n});\nfunction tag_alias(asset) {\n if (null != asset.custom12) {\n return asset.tag + '(' + asset.custom12 + ')';\n }\n return asset.tag;\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n components: {\n BasicNavStages: _BasicNavStages_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n },\n props: {\n spec: {\n type: Object,\n required: true\n },\n logo: String\n },\n data: function data() {\n return {\n open: true,\n menuShowTitle: false,\n menuViewList: [],\n menuViewIndex: null,\n menuView: null,\n roomName: '',\n search: '',\n searchInput: '',\n tag_items: [],\n search2: '',\n tag_items2: [],\n publicPath: \"/\" || false,\n showIcon: true,\n // Data property to control icon visibility\n showSearch2: false // Control the visibility of search2 combobox and Layer_5 icon\n };\n },\n beforeCreate: function beforeCreate() {\n nua__WEBPACK_IMPORTED_MODULE_0___default()(this.$options.propsData, SpecShape(this.$options.propsData));\n },\n created: function created() {\n var _this = this;\n var menuViewList = [];\n for (var name in this.spec.view) {\n var menuView = this.spec.view[name];\n menuView.name = name;\n menuViewList.push(menuView);\n }\n console.log('menuViewList:', menuViewList);\n this.menuViewList = menuViewList;\n var route = this.findRouteName(this.$route.name);\n this.menuView = this.menuViewList[route.index];\n this.menuViewIndex = route.index;\n var tool = {};\n var load_assets = setInterval(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n return _regeneratorRuntime().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n _context.next = 2;\n return _this.$store.dispatch('vxg_get_assets', tool);\n case 2:\n _this.items = tool.assets;\n _this.items2 = _toConsumableArray(tool.assets);\n if (_this.items.length != 0) {\n // this.tag_items = this.items.map(v => v.tag+(''==v.custom12?'':' ('+v.custom12+')'))\n _this.tag_items = _this.items.map(tag_alias);\n _this.tag_items2 = _this.items2.map(tag_alias);\n _this.setupMiniSearch(_this.items);\n _this.setupMiniSearch(_this.items2);\n clearInterval(load_assets);\n }\n case 5:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n })), 111);\n },\n watch: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({\n search2: function search2(newVal) {\n console.log('search2 is being triggered');\n this.refreshRoute();\n },\n menuViewIndex: function menuViewIndex(index) {\n var pathname = null;\n pathname = this.menuView.name;\n /*\r\n if('custom' === this.menuView.mode) {\r\n pathname = this.menuView.name\r\n }\r\n else {\r\n if(this.$route.path == this.portal.path) {\r\n pathname = this.menuView.menu.default\r\n }\r\n else {\r\n pathname = this.$route.name\r\n }\r\n }\r\n if(pathname && pathname !== this.$route.name ) {\r\n this.$router.push(pathname)\r\n }\r\n */\n },\n // create a watcher for changes in pathData\n '$store.state.pathData': function $storeStatePathData(data) {\n console.log('PathData: ', data);\n },\n '$store.state.trigger.search.a': function $storeStateTriggerSearchA(term) {\n if (term == '' && this.$refs.search) {\n this.$refs.search.reset();\n // this.tag_items = this.items.map(v => v.tag)\n this.tag_items = this.items.map(tag_alias);\n console.log('search is being triggerecd');\n }\n }\n }, \"$store.state.pathData\", function $storeStatePathData(data) {\n console.log('PathData: ', data);\n }), '$store.state.trigger.search.b', function $storeStateTriggerSearchB(term) {\n var pathData = this.$store.dispatch('get_path_data', {\n assetId: 'asset123'\n }).then(function (data) {\n console.log('PathData: ', data);\n });\n console.log('search.b is being triggered');\n if (term == '' && this.$refs.search2) {\n this.$refs.search2.reset();\n // this.tag_items = this.items.map(v => v.tag)\n this.tag_items2 = this.items2.map(tag_alias);\n }\n }), \"search\", function search(val) {\n var term = val || '';\n term.trim();\n // Todo: Is it necessary?\n // let m = term.match(/^([^(]+)\\s*\\([^)]+\\)$/)\n // if(m) {\n // term = m[1].trim()\n // }\n // this.$store.dispatch('trigger_search', {term:this.search})\n this.$store.dispatch('trigger_search', {\n a: term\n });\n }), \"search2\", function search2(val) {\n var term = val || '';\n term.trim();\n console.log('search2 is being triggered');\n this.$store.dispatch('trigger_search', {\n b: term\n });\n var pathData = this.$store.dispatch('getPathDataAction', {\n assetId: 'asset123'\n });\n console.log('PathData: ', pathData);\n }), \"select\", function select() {\n this.$store.dispatch('trigger_select', {\n value: this.select\n });\n }), '$store.state.trigger.select.value', function $storeStateTriggerSelectValue(val) {\n this.select = val;\n }), '$store.vxg.cmp.BasicHead.allow.add', {\n handler: function handler() {\n this.$forceUpdate();\n }\n }), '$store.vxg.cmp.BasicHead.allow.remove', {\n handler: function handler() {\n this.$forceUpdate();\n }\n }), '$route.name', {\n immediate: true,\n handler: function handler(val) {\n if (!val && this.defaultFound()) {\n this.$router.push(this.menuView.menu.default);\n }\n var route = this.findRouteName(val);\n this.menuView = this.menuViewList[route.index];\n }\n }),\n computed: {\n filterDisabled: function filterDisabled() {\n return this.$store.state.trigger.filter_disabled.value;\n },\n prependIcon: function prependIcon() {\n return !this.showSearch2 && this.showIcon ? 'mdi-magnify magnifierIcon' : ''; // Conditionally bind the icon\n },\n menu: function menu() {\n if (this.menuView.mode !== 'standard') return [];\n var _this$menuView$menu = this.menuView.menu,\n items = _this$menuView$menu.items,\n order = _this$menuView$menu.order;\n return order.split(/\\s*,\\s*/).map(function (code) {\n return _objectSpread(_objectSpread({}, items[code]), {}, {\n code: code,\n klass: {\n 'vxg-router-link': true\n }\n });\n });\n },\n filterIcon: function filterIcon() {\n return this.$store.state.vxg.cmp.BasicHead.show.filter;\n },\n drawerStyle: function drawerStyle() {\n return DRAWER_STYLE;\n },\n custom: function custom() {\n return this.$model.main.ux.custom;\n },\n view: function view() {\n //return this.custom.special.view\n var result = this.custom.special.view;\n console.log('view:', result);\n return result;\n },\n portal: function portal() {\n return this.custom.special.portal;\n },\n tool: function tool() {\n // TODO: better if main.app.web.parts.head was provided directly\n var headtool = this.$model.main.app.web.parts.head.tool;\n var viewtool = this.view.tool;\n var tool = this.$main.seneca.util.deep(headtool, viewtool);\n return tool;\n },\n search_config: function search_config() {\n return this.$model.main.ux.custom.search_config;\n }\n },\n methods: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__[\"mapActions\"])(['toggleSideInfoCardVisibility'])), {}, {\n closeSideInfoCard: function closeSideInfoCard() {\n this.toggleSideInfoCardVisibility(false);\n },\n toggleSearch2: function toggleSearch2() {\n this.showSearch2 = !this.showSearch2;\n },\n reverseInputs: function reverseInputs() {\n var temp = this.search;\n this.search = this.search2;\n this.search2 = temp;\n },\n refreshRoute: function refreshRoute() {\n this.search = this.search;\n this.search2 = this.search2;\n },\n handleNavigationMode: function handleNavigationMode() {\n this.showSearch2 = true;\n this.$store.dispatch('vxg_trigger_clear');\n },\n moveRoute: function moveRoute(menuView) {\n console.log('menuView.mode:', menuView.mode);\n var path = this.$route.name;\n var targetPath = menuView.mode === 'standard' ? menuView.menu.default : menuView.name;\n if (path !== targetPath) {\n this.$router.push(\"/\".concat(targetPath));\n }\n },\n setupMiniSearch: function setupMiniSearch() {\n return _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {\n return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n while (1) switch (_context2.prev = _context2.next) {\n case 0:\n case \"end\":\n return _context2.stop();\n }\n }, _callee2);\n }))();\n },\n // bypass default combobox filter\n customFilter: function customFilter(item, queryText, itemText) {\n return 1;\n },\n handleClick: function handleClick() {\n this.showIcon = false; // Hide the icon when the combobox is clicked\n },\n handleBlur: function handleBlur() {\n this.showIcon = true; // Show the icon when the combobox is blurred\n },\n changeSearch: function changeSearch(event) {\n var _this2 = this;\n setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {\n var term, out;\n return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n while (1) switch (_context3.prev = _context3.next) {\n case 0:\n // wait for input\n\n term = event.target ? event.target.value : null;\n if (!term) {\n _context3.next = 8;\n break;\n }\n _context3.next = 4;\n return _this2.$seneca.post('sys:search, cmd:search', {\n query: term,\n params: _this2.search_config\n });\n case 4:\n out = _context3.sent;\n // this.tag_items = out.data.hits.map(v => v.id)\n _this2.tag_items = out.data.hits.map(function (v) {\n return tag_alias(v.doc);\n });\n _context3.next = 9;\n break;\n case 8:\n // this.tag_items = this.items.map(v => v.tag)\n if (_this2.items != undefined) _this2.tag_items = _this2.items.map(tag_alias);\n case 9:\n case \"end\":\n return _context3.stop();\n }\n }, _callee3);\n })), 11);\n },\n changeSearch2: function changeSearch2(event) {\n var _this3 = this;\n setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {\n var term, out;\n return _regeneratorRuntime().wrap(function _callee4$(_context4) {\n while (1) switch (_context4.prev = _context4.next) {\n case 0:\n // wait for input\n\n term = event.target ? event.target.value : null;\n if (!term) {\n _context4.next = 9;\n break;\n }\n _context4.next = 4;\n return _this3.$seneca.post('sys:search, cmd:search', {\n query: term,\n params: _this3.search_config\n });\n case 4:\n out = _context4.sent;\n _this3.tag_items2 = out.data.hits.map(function (v) {\n return tag_alias(v.doc);\n });\n console.log('tag items are ', _this3.tag_items2);\n _context4.next = 10;\n break;\n case 9:\n if (_this3.items2 != undefined) _this3.tag_items2 = _this3.items2.map(tag_alias);\n case 10:\n case \"end\":\n return _context4.stop();\n }\n }, _callee4);\n })), 11);\n },\n clearFilter: function clearFilter() {\n this.$store.dispatch('vxg_trigger_clear');\n this.search = '';\n this.searchInput = '';\n this.search2 = '';\n this.$root.$emit('clear-nav-stages');\n this.showSearch2 = false;\n },\n show: function show(action) {\n return this.allow(action) && this.$store.state.vxg.cmp.BasicHead.show[action];\n },\n // handleClickOutside(event) {\n // const search = this.$refs.search.$el;\n // const search2 = this.$refs.search2 ? this.$refs.search2.$el : null;\n // if (!search.contains(event.target) && (!search2 || !search2.contains(event.target))) {\n // this.showSearch2 = true;\n // }\n // },\n filter: function filter(event) {\n // aaaaaaaaaaaa\n this.$store.dispatch('trigger_toggle_filter');\n },\n defaultFound: function defaultFound() {\n return this.menuView && this.menuView.menu && this.menuView.menu.default;\n },\n findRouteName: function findRouteName(name) {\n var specialRoutes = this.custom.special;\n for (var route in specialRoutes) {\n var currentRoute = specialRoutes[route];\n if (currentRoute.name === name) {\n return currentRoute;\n }\n if (currentRoute.sub && currentRoute.sub.includes(name)) {\n return currentRoute;\n }\n }\n return {\n index: 1\n }; // default index\n },\n allow: function allow(item) {\n var out = item && item.allow ? this.$vxg.allow(item.allow) : true;\n return out;\n },\n openDrawer: function openDrawer() {\n this.$store.dispatch('set_cmp_flags', {\n name: 'BasicSide',\n flags: {\n show: true\n }\n });\n },\n closeDrawer: function closeDrawer() {\n this.$store.dispatch('set_cmp_flags', {\n name: 'BasicSide',\n flags: {\n show: false\n }\n });\n },\n action: function action(name) {\n this.$emit('action', name);\n }\n })\n\n // mounted() {\n // document.addEventListener('click', this.handleClickOutside);\n // },\n // beforeDestroy() {\n // document.removeEventListener('click', this.handleClickOutside);\n // }\n});\nvar DRAWER_STYLE = Object.freeze({\n width: \"282px\"\n});\n\n//# sourceURL=webpack://Vxg/./src/components/BasicSide.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), @@ -342,7 +342,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) * /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n {\n staticClass: \"basic-nav-stages\",\n staticStyle: {\n position: \"absolute\",\n \"z-index\": \"99\",\n width: \"270px\",\n height: \"300px\",\n left: \"7px\",\n top: \"250px\",\n },\n },\n [\n _c(\n \"v-expansion-panels\",\n {\n staticClass: \"mb-12\",\n model: {\n value: _vm.isExpanded,\n callback: function ($$v) {\n _vm.isExpanded = $$v\n },\n expression: \"isExpanded\",\n },\n },\n [\n _c(\n \"v-expansion-panel\",\n {\n staticStyle: { \"background-color\": \"#DCEEEF\" },\n model: {\n value: _vm.isExpanded,\n callback: function ($$v) {\n _vm.isExpanded = $$v\n },\n expression: \"isExpanded\",\n },\n },\n [\n _c(\n \"v-expansion-panel-header\",\n {\n staticStyle: {\n \"border-bottom-left-radius\": \"10px\",\n \"border-bottom-right-radius\": \"10px\",\n },\n on: { click: _vm.toggleIcon },\n scopedSlots: _vm._u([\n {\n key: \"actions\",\n fn: function () {\n return [\n _vm.isExpanded\n ? _c(\"img\", {\n staticStyle: { \"margin-left\": \"45px\" },\n attrs: {\n src: \"\" + _vm.publicPath + _vm.iconSrc,\n alt: \"Collapse Icon\",\n },\n })\n : _c(\"img\", {\n staticStyle: { \"margin-left\": \"45px\" },\n attrs: {\n src: \"\" + _vm.publicPath + _vm.iconSrc,\n alt: \"Expand Icon\",\n },\n }),\n ]\n },\n proxy: true,\n },\n ]),\n },\n [\n _c(\"img\", {\n staticClass: \"Layers\",\n staticStyle: { \"margin-left\": \"-16px\", width: \"30px\" },\n attrs: {\n src: _vm.publicPath + \"Layers.svg\",\n alt: \"Layers\",\n },\n }),\n _c(\n \"h4\",\n { staticStyle: { width: \"300px\", \"font-size\": \"10px\" } },\n [_vm._v(\"THIS ROUTE CONTAINS MULTIPLE LEVELS\")]\n ),\n ]\n ),\n _c(\"v-expansion-panel-content\", [\n _c(\n \"div\",\n {\n staticClass: \"stage\",\n staticStyle: { \"background-color\": \"#C0E28B\" },\n },\n [\n _c(\"h3\", [_vm._v(\"STAGE 1\")]),\n _c(\"p\", [_vm._v(\"Continue on path towards elevator.\")]),\n ]\n ),\n _c(\n \"div\",\n {\n staticClass: \"stage\",\n staticStyle: {\n \"background-color\": \"white\",\n \"margin-bottom\": \"9px\",\n },\n },\n [\n _c(\"h3\", [_vm._v(\"STAGE 2\")]),\n _c(\"p\", [\n _vm._v(\n \"Take elevator to level 2 and continue towards your destination.\"\n ),\n ]),\n ]\n ),\n ]),\n ],\n 1\n ),\n ],\n 1\n ),\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://Vxg/./src/components/BasicNavStages.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%226a9d93ac-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n {\n staticClass: \"basic-nav-stages\",\n staticStyle: {\n position: \"absolute\",\n \"z-index\": \"99\",\n height: \"300px\",\n left: \"7px\",\n top: \"250px\",\n \"max-width\": \"calc(100% - 11px)\",\n },\n },\n [\n _c(\n \"v-expansion-panels\",\n {\n staticClass: \"mb-12\",\n model: {\n value: _vm.isExpanded,\n callback: function ($$v) {\n _vm.isExpanded = $$v\n },\n expression: \"isExpanded\",\n },\n },\n [\n _c(\n \"v-expansion-panel\",\n {\n staticStyle: { \"background-color\": \"#DCEEEF\" },\n model: {\n value: _vm.isExpanded,\n callback: function ($$v) {\n _vm.isExpanded = $$v\n },\n expression: \"isExpanded\",\n },\n },\n [\n _c(\n \"v-expansion-panel-header\",\n {\n staticStyle: {\n \"border-bottom-left-radius\": \"10px\",\n \"border-bottom-right-radius\": \"10px\",\n },\n on: { click: _vm.toggleIcon },\n scopedSlots: _vm._u([\n {\n key: \"actions\",\n fn: function () {\n return [\n _vm.isExpanded\n ? _c(\"img\", {\n staticStyle: { \"margin-left\": \"45px\" },\n attrs: {\n src: \"\" + _vm.publicPath + _vm.iconSrc,\n alt: \"Collapse Icon\",\n },\n })\n : _c(\"img\", {\n staticStyle: { \"margin-left\": \"45px\" },\n attrs: {\n src: \"\" + _vm.publicPath + _vm.iconSrc,\n alt: \"Expand Icon\",\n },\n }),\n ]\n },\n proxy: true,\n },\n ]),\n },\n [\n _c(\"img\", {\n staticClass: \"Layers\",\n staticStyle: { \"margin-left\": \"-16px\", width: \"30px\" },\n attrs: {\n src: _vm.publicPath + \"Layers.svg\",\n alt: \"Layers\",\n },\n }),\n _c(\n \"h4\",\n { staticStyle: { width: \"300px\", \"font-size\": \"10px\" } },\n [_vm._v(\"THIS ROUTE CONTAINS MULTIPLE LEVELS\")]\n ),\n ]\n ),\n _c(\n \"v-expansion-panel-content\",\n _vm._l(_vm.routeMassages, function (message, index) {\n return _c(\n \"div\",\n {\n key: index,\n staticClass: \"stage\",\n class: { activated: _vm.selectStage == index },\n staticStyle: { \"background-color\": \"white\" },\n on: {\n click: function ($event) {\n return _vm.selectStage(index)\n },\n },\n },\n [\n _c(\"h3\", [_vm._v(\"STAGE \" + _vm._s(index + 1))]),\n _c(\"p\", [_vm._v(_vm._s(message))]),\n ]\n )\n }),\n 0\n ),\n ],\n 1\n ),\n ],\n 1\n ),\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://Vxg/./src/components/BasicNavStages.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%226a9d93ac-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), @@ -354,7 +354,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) * /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"v-navigation-drawer\",\n { staticClass: \"vxg-side\", style: _vm.drawerStyle, attrs: { app: \"\" } },\n [\n _c(\n \"v-sheet\",\n { staticClass: \"d-flex flex-column h-100\" },\n [\n _c(\n \"div\",\n {\n staticClass: \"d-flex justify-space-between \",\n staticStyle: { background: \"#27324A\" },\n },\n [\n _c(\"div\", { domProps: { innerHTML: _vm._s(_vm.logo) } }),\n _vm._m(0),\n ],\n 1\n ),\n _vm.show(\"clear\") && _vm.tool.clear.active\n ? _c(\n \"v-btn\",\n {\n staticStyle: {\n \"max-width\": \"16%\",\n display: \"inline-block\",\n \"margin-left\": \"78%\",\n \"text-transform\": \"none\",\n \"font-size\": \"12px\",\n \"text-decoration\": \"underline\",\n color: \"#575c62\",\n },\n attrs: { text: \"\" },\n on: { click: _vm.clearFilter },\n },\n [_vm._v(\"Clear\")]\n )\n : _vm._e(),\n _vm.$route.name == \"pqview\"\n ? _c(\n \"div\",\n [\n !_vm.showSearch2\n ? _c(\"div\", [\n _c(\"img\", {\n staticClass: \"Layer_5\",\n staticStyle: {\n position: \"absolute\",\n \"z-index\": \"1\",\n margin: \"10px 0\",\n \"margin-left\": \"16px\",\n },\n attrs: {\n src: _vm.publicPath + \"Layer_5.svg\",\n alt: \"Layer_5\",\n },\n on: { click: _vm.handleNavigationMode },\n }),\n ])\n : _vm._e(),\n _vm.showSearch2\n ? _c(\n \"div\",\n {\n staticStyle: {\n display: \"flex\",\n \"align-items\": \"center\",\n position: \"absolute\",\n \"z-index\": \"10\",\n \"margin-top\": \"36px\",\n },\n },\n [\n _c(\"img\", {\n staticClass: \"navigation_1\",\n staticStyle: {\n position: \"absolute\",\n \"z-index\": \"1\",\n margin: \"10px 0\",\n \"margin-left\": \"16px\",\n height: \"60px\",\n \"padding-top\": \"4px\",\n },\n attrs: {\n src: _vm.publicPath + \"navigation_1.svg\",\n alt: \"navigation_1\",\n },\n }),\n _c(\n \"div\",\n {\n staticStyle: {\n width: \"253px\",\n \"padding-left\": \"35px\",\n },\n },\n [\n _c(\"hr\", {\n staticStyle: { margin: \"0 5px !important\" },\n attrs: { \"aria-orientation\": \"horizontal\" },\n }),\n ]\n ),\n ]\n )\n : _vm._e(),\n _c(\"v-combobox\", {\n ref: \"search\",\n staticClass: \"comboxSearch d-flex justify-space-between\",\n attrs: {\n items: _vm.tag_items,\n flat: \"\",\n \"hide-details\": \"\",\n outlined: \"\",\n dense: \"\",\n clearable: \"\",\n placeholder: \"\",\n filter: _vm.customFilter,\n \"prepend-inner-icon\": _vm.prependIcon,\n },\n on: {\n keydown: function ($event) {\n return _vm.changeSearch($event)\n },\n \"click:clear\": function ($event) {\n return _vm.changeSearch($event)\n },\n \"click:append\": _vm.filter,\n click: _vm.handleClick,\n blur: _vm.handleBlur,\n },\n model: {\n value: _vm.search,\n callback: function ($$v) {\n _vm.search = $$v\n },\n expression: \"search\",\n },\n }),\n _vm.filterIcon && !_vm.showSearch2\n ? _c(\"img\", {\n staticClass: \"clip-path-group\",\n staticStyle: {\n cursor: \"pointer\",\n position: \"relative\",\n top: \"-33px\",\n left: \"calc(100% - 33px)\",\n \"border-left\": \"solid 1px\",\n \"padding-left\": \"2px\",\n },\n attrs: {\n src: _vm.publicPath + \"Clip_path_group.svg\",\n alt: \"Clip_Path_group\",\n },\n on: {\n click: function ($event) {\n $event.stopPropagation()\n $event.preventDefault()\n return _vm.filter($event)\n },\n },\n })\n : _vm._e(),\n _vm.showSearch2\n ? _c(\"v-combobox\", {\n ref: \"search2\",\n staticClass: \"comboxSearch2\",\n attrs: {\n items: _vm.tag_items2,\n flat: \"\",\n \"hide-details\": \"\",\n outlined: \"\",\n dense: \"\",\n clearable: \"\",\n filter: _vm.customFilter,\n },\n on: {\n keydown: function ($event) {\n return _vm.changeSearch2($event)\n },\n \"click:clear\": function ($event) {\n return _vm.changeSearch2($event)\n },\n \"click:append\": _vm.filter,\n },\n model: {\n value: _vm.search2,\n callback: function ($$v) {\n _vm.search2 = $$v\n },\n expression: \"search2\",\n },\n })\n : _vm._e(),\n _vm.showSearch2\n ? _c(\"div\", [\n _c(\"img\", {\n staticStyle: {\n cursor: \"pointer\",\n position: \"relative\",\n top: \"-52px\",\n left: \"calc(100% - 29px)\",\n width: \"16px\",\n },\n attrs: {\n src:\n _vm.publicPath +\n \"two-opposite-up-and-down-arrows-side-by-side.svg\",\n alt: \"two-opposite-arrows-side-by-side\",\n },\n on: { click: _vm.reverseInputs },\n }),\n ])\n : _vm._e(),\n _vm.showSearch2\n ? _c(\n \"button\",\n {\n staticStyle: {\n cursor: \"pointer\",\n position: \"relative\",\n color: \"white\",\n top: \"-24px\",\n size: \"9px\",\n \"font-size\": \"10px\",\n left: \"65%\",\n },\n },\n [_vm._v(\"Add Destination +\")]\n )\n : _vm._e(),\n _vm.showSearch2\n ? _c(\"BasicNavStages\", { attrs: { spec: _vm.spec } })\n : _vm._e(),\n ],\n 1\n )\n : _vm._e(),\n _c(\n \"div\",\n {\n staticClass: \"Menu Items\",\n staticStyle: {\n \"margin-top\": \"15px\",\n height: \"calc(100vh - 332px)\",\n },\n },\n [\n _vm.menuView.mode === \"standard\"\n ? [\n _c(\n \"div\",\n { staticClass: \"router_items\" },\n _vm._l(_vm.menu, function (item) {\n return _vm.allow(item) && item.code !== \"admin\"\n ? _c(\n \"router-link\",\n {\n key: item.code,\n class: [\"vxg-router-link\", item.klass],\n attrs: { to: \"/\" + item.code },\n },\n [\n _vm._o(\n _c(\"v-icon\", [\n _vm._v(\"mdi-\" + _vm._s(item.icon)),\n ]),\n 0,\n item.code\n ),\n _vm._v(\" \" + _vm._s(item.title) + \" \"),\n ],\n 1\n )\n : _vm._e()\n }),\n 1\n ),\n ]\n : _vm.menuView.mode === \"custom\"\n ? _c(_vm.menuView.cmp, {\n tag: \"component\",\n attrs: { spec: _vm.menuView.view.spec },\n })\n : _vm._e(),\n ],\n 2\n ),\n _c(\"div\"),\n _c(\"v-spacer\"),\n _c(\"v-divider\", { staticStyle: { \"margin-top\": \"65px\" } }),\n _vm.spec.footer.active\n ? _c(_vm.spec.footer.cmp, {\n tag: \"component\",\n attrs: { spec: _vm.spec.footer.spec },\n })\n : _vm._e(),\n ],\n 1\n ),\n ],\n 1\n )\n}\nvar staticRenderFns = [\n function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"v-icon\",\n {\n staticClass: \"drawer-toggle\",\n staticStyle: { color: \"white\", \"font-size\": \"29px\" },\n attrs: { large: \"\" },\n on: { click: _vm.openDrawer },\n },\n [_vm._v(\" mdi-chevron-left-circle-outline \")]\n )\n },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://Vxg/./src/components/BasicSide.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%226a9d93ac-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"v-navigation-drawer\",\n { staticClass: \"vxg-side\", style: _vm.drawerStyle, attrs: { app: \"\" } },\n [\n _c(\n \"v-sheet\",\n { staticClass: \"d-flex flex-column h-100\" },\n [\n _c(\n \"div\",\n {\n staticClass: \"d-flex justify-space-between \",\n staticStyle: { background: \"#27324A\" },\n },\n [\n _c(\"div\", { domProps: { innerHTML: _vm._s(_vm.logo) } }),\n _vm._m(0),\n ],\n 1\n ),\n _vm.show(\"clear\") && _vm.tool.clear.active\n ? _c(\n \"v-btn\",\n {\n staticStyle: {\n \"max-width\": \"16%\",\n display: \"inline-block\",\n \"margin-left\": \"78%\",\n \"text-transform\": \"none\",\n \"font-size\": \"12px\",\n \"text-decoration\": \"underline\",\n color: \"#575c62\",\n },\n attrs: { text: \"\" },\n on: { click: _vm.clearFilter },\n },\n [_vm._v(\"Clear\")]\n )\n : _vm._e(),\n _vm.$route.name == \"pqview\"\n ? _c(\n \"div\",\n [\n !_vm.showSearch2\n ? _c(\"div\", [\n _c(\"img\", {\n staticClass: \"Layer_5\",\n staticStyle: {\n position: \"absolute\",\n \"z-index\": \"1\",\n margin: \"10px 0\",\n \"margin-left\": \"16px\",\n },\n attrs: {\n src: _vm.publicPath + \"Layer_5.svg\",\n alt: \"Layer_5\",\n },\n on: { click: _vm.handleNavigationMode },\n }),\n ])\n : _vm._e(),\n _vm.showSearch2\n ? _c(\n \"div\",\n {\n staticStyle: {\n display: \"flex\",\n \"align-items\": \"center\",\n position: \"absolute\",\n \"z-index\": \"10\",\n \"margin-top\": \"36px\",\n },\n },\n [\n _c(\"img\", {\n staticClass: \"navigation_1\",\n staticStyle: {\n position: \"absolute\",\n \"z-index\": \"1\",\n margin: \"10px 0\",\n \"margin-left\": \"16px\",\n height: \"60px\",\n \"padding-top\": \"4px\",\n },\n attrs: {\n src: _vm.publicPath + \"navigation_1.svg\",\n alt: \"navigation_1\",\n },\n }),\n _c(\n \"div\",\n {\n staticStyle: {\n width: \"253px\",\n \"padding-left\": \"35px\",\n },\n },\n [\n _c(\"hr\", {\n staticStyle: { margin: \"0 5px !important\" },\n attrs: { \"aria-orientation\": \"horizontal\" },\n }),\n ]\n ),\n ]\n )\n : _vm._e(),\n _c(\"v-combobox\", {\n ref: \"search\",\n staticClass: \"comboxSearch d-flex justify-space-between\",\n attrs: {\n \"search-input\": _vm.searchInput,\n items: _vm.tag_items,\n flat: \"\",\n \"hide-details\": \"\",\n outlined: \"\",\n dense: \"\",\n clearable: \"\",\n placeholder: \"\",\n filter: _vm.customFilter,\n \"prepend-inner-icon\": _vm.prependIcon,\n },\n on: {\n \"update:searchInput\": function ($event) {\n _vm.searchInput = $event\n },\n \"update:search-input\": function ($event) {\n _vm.searchInput = $event\n },\n keydown: function ($event) {\n return _vm.changeSearch($event)\n },\n \"click:clear\": function ($event) {\n return _vm.changeSearch($event)\n },\n \"click:append\": _vm.filter,\n click: _vm.handleClick,\n blur: _vm.handleBlur,\n },\n model: {\n value: _vm.search,\n callback: function ($$v) {\n _vm.search = $$v\n },\n expression: \"search\",\n },\n }),\n _vm.filterIcon && !_vm.showSearch2\n ? _c(\"img\", {\n staticClass: \"clip-path-group\",\n staticStyle: {\n cursor: \"pointer\",\n position: \"relative\",\n top: \"-33px\",\n left: \"calc(100% - 33px)\",\n \"border-left\": \"solid 1px\",\n \"padding-left\": \"2px\",\n },\n attrs: {\n src: _vm.publicPath + \"Clip_path_group.svg\",\n alt: \"Clip_Path_group\",\n },\n on: {\n click: function ($event) {\n $event.stopPropagation()\n $event.preventDefault()\n return _vm.filter($event)\n },\n },\n })\n : _vm._e(),\n _vm.showSearch2\n ? _c(\"v-combobox\", {\n ref: \"search2\",\n staticClass: \"comboxSearch2\",\n attrs: {\n items: _vm.tag_items2,\n flat: \"\",\n \"hide-details\": \"\",\n outlined: \"\",\n dense: \"\",\n clearable: \"\",\n filter: _vm.customFilter,\n },\n on: {\n keydown: function ($event) {\n return _vm.changeSearch2($event)\n },\n \"click:clear\": function ($event) {\n return _vm.changeSearch2($event)\n },\n \"click:append\": _vm.filter,\n },\n model: {\n value: _vm.search2,\n callback: function ($$v) {\n _vm.search2 = $$v\n },\n expression: \"search2\",\n },\n })\n : _vm._e(),\n _vm.showSearch2\n ? _c(\"div\", [\n _c(\"img\", {\n staticStyle: {\n cursor: \"pointer\",\n position: \"relative\",\n top: \"-52px\",\n left: \"calc(100% - 29px)\",\n width: \"16px\",\n },\n attrs: {\n src:\n _vm.publicPath +\n \"two-opposite-up-and-down-arrows-side-by-side.svg\",\n alt: \"two-opposite-arrows-side-by-side\",\n },\n on: { click: _vm.reverseInputs },\n }),\n ])\n : _vm._e(),\n _vm.showSearch2\n ? _c(\n \"button\",\n {\n staticStyle: {\n cursor: \"pointer\",\n position: \"relative\",\n color: \"white\",\n top: \"-24px\",\n size: \"9px\",\n \"font-size\": \"10px\",\n left: \"65%\",\n },\n },\n [_vm._v(\"Add Destination +\")]\n )\n : _vm._e(),\n _vm.showSearch2\n ? _c(\"BasicNavStages\", { attrs: { spec: _vm.spec } })\n : _vm._e(),\n ],\n 1\n )\n : _vm._e(),\n _c(\n \"div\",\n {\n staticClass: \"Menu Items\",\n staticStyle: {\n \"margin-top\": \"15px\",\n height: \"calc(100vh - 332px)\",\n },\n },\n [\n _vm.menuView.mode === \"standard\"\n ? [\n _c(\n \"div\",\n { staticClass: \"router_items\" },\n _vm._l(_vm.menu, function (item) {\n return _vm.allow(item) && item.code !== \"admin\"\n ? _c(\n \"router-link\",\n {\n key: item.code,\n class: [\"vxg-router-link\", item.klass],\n attrs: { to: \"/\" + item.code },\n },\n [\n _vm._o(\n _c(\"v-icon\", [\n _vm._v(\"mdi-\" + _vm._s(item.icon)),\n ]),\n 0,\n item.code\n ),\n _vm._v(\" \" + _vm._s(item.title) + \" \"),\n ],\n 1\n )\n : _vm._e()\n }),\n 1\n ),\n ]\n : _vm.menuView.mode === \"custom\"\n ? _c(_vm.menuView.cmp, {\n tag: \"component\",\n attrs: { spec: _vm.menuView.view.spec },\n })\n : _vm._e(),\n ],\n 2\n ),\n _c(\"div\"),\n _c(\"v-spacer\"),\n _c(\"v-divider\", { staticStyle: { \"margin-top\": \"65px\" } }),\n _vm.spec.footer.active\n ? _c(_vm.spec.footer.cmp, {\n tag: \"component\",\n attrs: { spec: _vm.spec.footer.spec },\n })\n : _vm._e(),\n ],\n 1\n ),\n ],\n 1\n )\n}\nvar staticRenderFns = [\n function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"v-icon\",\n {\n staticClass: \"drawer-toggle\",\n staticStyle: { color: \"white\", \"font-size\": \"29px\" },\n attrs: { large: \"\" },\n on: { click: _vm.openDrawer },\n },\n [_vm._v(\" mdi-chevron-left-circle-outline \")]\n )\n },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://Vxg/./src/components/BasicSide.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%226a9d93ac-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), diff --git a/dist/Vxg.umd.min.js b/dist/Vxg.umd.min.js index 68bb5c1..08fef54 100644 --- a/dist/Vxg.umd.min.js +++ b/dist/Vxg.umd.min.js @@ -234,7 +234,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\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/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'BasicNavStages',\n data: function data() {\n return {\n showNav: true,\n isExpanded: false,\n iconSrc: 'nav_in.svg',\n // Initial icon\n publicPath: \"/\" || false\n };\n },\n watch: {\n isExpanded: function isExpanded() {\n this.toggleIcon();\n }\n },\n methods: {\n toggleIcon: function toggleIcon() {\n this.iconSrc = this.isExpanded ? 'nav_in.svg' : 'nav_out.svg';\n },\n clearState: function clearState() {\n this.isExpanded = false;\n this.iconSrc = 'nav_in.svg';\n },\n toggleshowNav: function toggleshowNav() {\n this.showNav = !this.showNav;\n }\n },\n mounted: function mounted() {\n this.$root.$on('clear-nav-stages', this.toggleshowNav);\n },\n beforeDestroy: function beforeDestroy() {\n this.$root.$off('clear-nav-stages', this.toggleshowNav);\n },\n computed: {\n // Your computed properties go here\n }\n});\n\n//# sourceURL=webpack://Vxg/./src/components/BasicNavStages.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction 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; }\nfunction _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; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\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/* harmony default export */ __webpack_exports__[\"default\"] = (_defineProperty({\n name: 'BasicNavStages',\n data: function data() {\n return {\n showNav: true,\n isExpanded: false,\n iconSrc: 'nav_in.svg',\n // Initial icon\n publicPath: \"/\" || false,\n pathData: null,\n // Add a data property to store the pathData\n parsedPathData: null,\n pathArray: null,\n routeMassages: [],\n selectedstage: 0,\n levelNames: ['Level 1', 'Level 1 Mezz & Intersticial', 'Level 2', 'Level 2 Roof & Intersticial', 'Level 3', 'Basement']\n };\n },\n computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n pathData: function pathData(state) {\n return state.pathData;\n }\n })),\n watch: {\n isExpanded: function isExpanded() {\n this.toggleIcon();\n },\n // create a watcher for changes in pathData\n '$store.state.pathData': {\n handler: function handler(data) {\n console.log('PathData12333: ', data.asset123);\n this.pathData = data.asset123;\n console.log('this.pathData', this.pathData);\n try {\n var parsedData = JSON.parse(this.pathData);\n console.log('parsedData', parsedData);\n if (parsedData && parsedData.length > 0) {\n this.pathArray = parsedData[0];\n console.log('pathArray', this.pathArray);\n var parsedLines = this.parseLines(this.pathArray);\n console.log('parsedLines', parsedLines);\n var stages = this.getRouteSteps(parsedLines);\n this.routeMassages = stages;\n console.log('stages', stages);\n } else {\n console.warn(\"Invalid or empty pathData\");\n // Handle the case where parsedData is empty or invalid\n }\n } catch (error) {\n console.error(\"Error parsing pathData:\", error);\n // Handle the error gracefully \n }\n\n // Dispatch the action (optional)\n this.$store.dispatch('set_path_data', {\n pathDetails: data.asset123\n }).then(function (result) {\n console.log('Dispatch result:', result);\n }).catch(function (error) {\n console.error('Dispatch error:', error);\n });\n },\n deep: true // Watch for changes within nested objects \n }\n },\n methods: {\n // Dispatch the action to update the pathData in the store\n // handlePathData(data) {\n // this.$store.dispatch('set_path_data', { pathDetails: data })\n // .then(result => {\n // console.log('Dispatch result:', result);\n // })\n // .catch(error => {\n // console.error('Dispatch error:', error);\n // });\n // },\n // handlePathData(data) {\n // this.$store.commit('set_path_data', {pathDetails: data});\n // this.$store.dispatch('set_path_data', { \n // assetId: 'asset123', \n // pathData: test});\n // },\n getselectedStage: function getselectedStage() {\n console.log('selectedStage', this.selectedStage);\n return this.selectedStage;\n },\n selectStage: function selectStage(index) {\n console.log('indexxxxxxxxx', index);\n this.selectedStage = index;\n },\n parseLine: function parseLine(line) {\n // line exmple : [47be48,Standard,,8832,4720]\n\n var lineData = line.split(',');\n var id = lineData[0];\n var type = lineData[1];\n var result = {\n id: id,\n type: type\n };\n console.log('Parsed Line:', result);\n return result;\n },\n parseLines: function parseLines(data) {\n return data.map(function (lineData) {\n console.log(lineData.detail);\n var data = lineData.detail.split(',');\n return {\n id: data[0],\n type: data[1],\n map: lineData.index\n };\n });\n },\n getRouteSteps: function getRouteSteps(routeData) {\n var steps = routeData;\n var messages = [];\n for (var i = 0; i < steps.length - 2; i++) {\n if (steps[i].type == \"Connector\") {\n // first node type connector (i)\n var msg = \"Follow route to strairs and proceed to \";\n var j = i;\n while (steps[j].type == \"Connector\") {\n j++;\n }\n // first node type Standar (j)\n if (j < steps.length - 3) {\n msg += \"\".concat(this.levelNames[steps[j].map - 1]);\n messages.push(msg);\n }\n i = j;\n }\n }\n if (messages.length > 0) {\n messages.push(\"Proceed to your destination.\");\n }\n console.log('Steps:', steps);\n return messages;\n },\n toggleIcon: function toggleIcon() {\n this.iconSrc = this.isExpanded ? 'nav_in.svg' : 'nav_out.svg';\n },\n clearState: function clearState() {\n this.isExpanded = false;\n this.iconSrc = 'nav_in.svg';\n },\n toggleshowNav: function toggleshowNav() {\n this.showNav = !this.showNav;\n }\n },\n mounted: function mounted() {\n this.parseLines(this.test); // Call parseLines with the test data\n this.$root.$on('clear-nav-stages', this.toggleshowNav);\n },\n beforeDestroy: function beforeDestroy() {\n this.$root.$off('clear-nav-stages', this.toggleshowNav);\n }\n}, \"computed\", {\n // Your computed properties go here\n}));\n\n//# sourceURL=webpack://Vxg/./src/components/BasicNavStages.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), @@ -246,7 +246,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var nua__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! nua */ \"./node_modules/nua/dist/nua.min.js\");\n/* harmony import */ var nua__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(nua__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _BasicNavStages_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BasicNavStages.vue */ \"./src/components/BasicNavStages.vue\");\n/* harmony import */ var gubu__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! gubu */ \"./node_modules/gubu/gubu.min.js\");\n/* harmony import */ var gubu__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(gubu__WEBPACK_IMPORTED_MODULE_3__);\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction 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; }\nfunction _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; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = \"function\" == typeof Symbol ? Symbol : {}, a = i.iterator || \"@@iterator\", c = i.asyncIterator || \"@@asyncIterator\", u = i.toStringTag || \"@@toStringTag\"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, \"\"); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, \"_invoke\", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: \"normal\", arg: t.call(e, r) }; } catch (t) { return { type: \"throw\", arg: t }; } } e.wrap = wrap; var h = \"suspendedStart\", l = \"suspendedYield\", f = \"executing\", s = \"completed\", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { [\"next\", \"throw\", \"return\"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if (\"throw\" !== c.type) { var u = c.arg, h = u.value; return h && \"object\" == _typeof(h) && n.call(h, \"__await\") ? e.resolve(h.__await).then(function (t) { invoke(\"next\", t, i, a); }, function (t) { invoke(\"throw\", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke(\"throw\", t, i, a); }); } a(c.arg); } var r; o(this, \"_invoke\", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error(\"Generator is already running\"); if (o === s) { if (\"throw\" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if (\"next\" === n.method) n.sent = n._sent = n.arg;else if (\"throw\" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else \"return\" === n.method && n.abrupt(\"return\", n.arg); o = f; var p = tryCatch(e, r, n); if (\"normal\" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } \"throw\" === p.type && (o = s, n.method = \"throw\", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, \"throw\" === n && e.iterator.return && (r.method = \"return\", r.arg = t, maybeInvokeDelegate(e, r), \"throw\" === r.method) || \"return\" !== n && (r.method = \"throw\", r.arg = new TypeError(\"The iterator does not provide a '\" + n + \"' method\")), y; var i = tryCatch(o, e.iterator, r.arg); if (\"throw\" === i.type) return r.method = \"throw\", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, \"return\" !== r.method && (r.method = \"next\", r.arg = t), r.delegate = null, y) : a : (r.method = \"throw\", r.arg = new TypeError(\"iterator result is not an object\"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = \"normal\", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: \"root\" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || \"\" === e) { var r = e[a]; if (r) return r.call(e); if (\"function\" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + \" is not iterable\"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, \"GeneratorFunction\"), e.isGeneratorFunction = function (t) { var e = \"function\" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || \"GeneratorFunction\" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, \"GeneratorFunction\")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, \"Generator\"), define(g, a, function () { return this; }), define(g, \"toString\", function () { return \"[object Generator]\"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) \"t\" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if (\"throw\" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = \"throw\", a.arg = e, r.next = n, o && (r.method = \"next\", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if (\"root\" === i.tryLoc) return handle(\"end\"); if (i.tryLoc <= this.prev) { var c = n.call(i, \"catchLoc\"), u = n.call(i, \"finallyLoc\"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error(\"try statement without catch or finally\"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, \"finallyLoc\") && this.prev < o.finallyLoc) { var i = o; break; } } i && (\"break\" === t || \"continue\" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = \"next\", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if (\"throw\" === t.type) throw t.arg; return \"break\" === t.type || \"continue\" === t.type ? this.next = t.arg : \"return\" === t.type ? (this.rval = this.arg = t.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if (\"throw\" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, \"next\" === this.method && (this.arg = t), y; } }, e; }\nfunction _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _iterableToArray(r) { if (\"undefined\" != typeof Symbol && null != r[Symbol.iterator] || null != r[\"@@iterator\"]) return Array.from(r); }\nfunction _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }\nfunction _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, \"next\", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, \"throw\", n); } _next(void 0); }); }; }\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//\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//\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//\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\nvar SpecShape = Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Gubu\"])({\n spec: Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Required\"])(Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Open\"])({\n footer: {\n active: false,\n cmp: Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Skip\"])(String),\n spec: Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Open\"])({})\n },\n view: Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Value\"])(Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Open\"])({\n mode: String\n }), Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Open\"])({}))\n })),\n logo: String\n});\nfunction tag_alias(asset) {\n if (null != asset.custom12) {\n return asset.tag + '(' + asset.custom12 + ')';\n }\n return asset.tag;\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n components: {\n BasicNavStages: _BasicNavStages_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n },\n props: {\n spec: {\n type: Object,\n required: true\n },\n logo: String\n },\n data: function data() {\n return {\n open: true,\n menuShowTitle: false,\n menuViewList: [],\n menuViewIndex: null,\n menuView: null,\n roomName: '',\n search: '',\n tag_items: [],\n search2: '',\n tag_items2: [],\n publicPath: \"/\" || false,\n showIcon: true,\n // Data property to control icon visibility\n showSearch2: false // Control the visibility of search2 combobox and Layer_5 icon\n };\n },\n beforeCreate: function beforeCreate() {\n nua__WEBPACK_IMPORTED_MODULE_0___default()(this.$options.propsData, SpecShape(this.$options.propsData));\n },\n created: function created() {\n var _this = this;\n var menuViewList = [];\n for (var name in this.spec.view) {\n var menuView = this.spec.view[name];\n menuView.name = name;\n menuViewList.push(menuView);\n }\n console.log('menuViewList:', menuViewList);\n this.menuViewList = menuViewList;\n var route = this.findRouteName(this.$route.name);\n this.menuView = this.menuViewList[route.index];\n this.menuViewIndex = route.index;\n var tool = {};\n var load_assets = setInterval(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n return _regeneratorRuntime().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n _context.next = 2;\n return _this.$store.dispatch('vxg_get_assets', tool);\n case 2:\n _this.items = tool.assets;\n _this.items2 = _toConsumableArray(tool.assets);\n if (_this.items.length != 0) {\n // this.tag_items = this.items.map(v => v.tag+(''==v.custom12?'':' ('+v.custom12+')'))\n _this.tag_items = _this.items.map(tag_alias);\n _this.tag_items2 = _this.items2.map(tag_alias);\n _this.setupMiniSearch(_this.items);\n _this.setupMiniSearch(_this.items2);\n clearInterval(load_assets);\n }\n case 5:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n })), 111);\n },\n watch: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({\n search2: function search2(newVal) {\n console.log('search2 is being triggered');\n this.refreshRoute();\n },\n menuViewIndex: function menuViewIndex(index) {\n var pathname = null;\n pathname = this.menuView.name;\n /*\r\n if('custom' === this.menuView.mode) {\r\n pathname = this.menuView.name\r\n }\r\n else {\r\n if(this.$route.path == this.portal.path) {\r\n pathname = this.menuView.menu.default\r\n }\r\n else {\r\n pathname = this.$route.name\r\n }\r\n }\r\n if(pathname && pathname !== this.$route.name ) {\r\n this.$router.push(pathname)\r\n }\r\n */\n },\n '$store.state.trigger.search.a': function $storeStateTriggerSearchA(term) {\n if (term == '' && this.$refs.search) {\n this.$refs.search.reset();\n // this.tag_items = this.items.map(v => v.tag)\n this.tag_items = this.items.map(tag_alias);\n console.log('search is being triggerecd');\n }\n },\n // create a watcher for changes in pathData\n '$store.state.pathData': function $storeStatePathData(data) {\n console.log('PathData: ', data);\n },\n '$store.state.trigger.search.b': function $storeStateTriggerSearchB(term) {\n var pathData = this.$store.dispatch('get_path_data', {\n assetId: 'asset123'\n }).then(function (data) {\n console.log('PathData: ', data);\n });\n console.log('search.b is being triggered');\n if (term == '' && this.$refs.search2) {\n this.$refs.search2.reset();\n // this.tag_items = this.items.map(v => v.tag)\n this.tag_items2 = this.items2.map(tag_alias);\n }\n },\n search: function search(val) {\n var term = val || '';\n term.trim();\n // Todo: Is it necessary?\n // let m = term.match(/^([^(]+)\\s*\\([^)]+\\)$/)\n // if(m) {\n // term = m[1].trim()\n // }\n // this.$store.dispatch('trigger_search', {term:this.search})\n this.$store.dispatch('trigger_search', {\n a: term\n });\n }\n }, \"search2\", function search2(val) {\n var term = val || '';\n term.trim();\n console.log('search2 is being triggered');\n this.$store.dispatch('trigger_search', {\n b: term\n });\n var pathData = this.$store.dispatch('getPathDataAction', {\n assetId: 'asset123'\n });\n console.log('PathData: ', pathData);\n }), \"select\", function select() {\n this.$store.dispatch('trigger_select', {\n value: this.select\n });\n }), '$store.state.trigger.select.value', function $storeStateTriggerSelectValue(val) {\n this.select = val;\n }), '$store.vxg.cmp.BasicHead.allow.add', {\n handler: function handler() {\n this.$forceUpdate();\n }\n }), '$store.vxg.cmp.BasicHead.allow.remove', {\n handler: function handler() {\n this.$forceUpdate();\n }\n }), '$route.name', {\n immediate: true,\n handler: function handler(val) {\n if (!val && this.defaultFound()) {\n this.$router.push(this.menuView.menu.default);\n }\n var route = this.findRouteName(val);\n this.menuView = this.menuViewList[route.index];\n }\n }),\n computed: {\n filterDisabled: function filterDisabled() {\n return this.$store.state.trigger.filter_disabled.value;\n },\n prependIcon: function prependIcon() {\n return !this.showSearch2 && this.showIcon ? 'mdi-magnify magnifierIcon' : ''; // Conditionally bind the icon\n },\n menu: function menu() {\n if (this.menuView.mode !== 'standard') return [];\n var _this$menuView$menu = this.menuView.menu,\n items = _this$menuView$menu.items,\n order = _this$menuView$menu.order;\n return order.split(/\\s*,\\s*/).map(function (code) {\n return _objectSpread(_objectSpread({}, items[code]), {}, {\n code: code,\n klass: {\n 'vxg-router-link': true\n }\n });\n });\n },\n filterIcon: function filterIcon() {\n return this.$store.state.vxg.cmp.BasicHead.show.filter;\n },\n drawerStyle: function drawerStyle() {\n return DRAWER_STYLE;\n },\n custom: function custom() {\n return this.$model.main.ux.custom;\n },\n view: function view() {\n //return this.custom.special.view\n var result = this.custom.special.view;\n console.log('view:', result);\n return result;\n },\n portal: function portal() {\n return this.custom.special.portal;\n },\n tool: function tool() {\n // TODO: better if main.app.web.parts.head was provided directly\n var headtool = this.$model.main.app.web.parts.head.tool;\n var viewtool = this.view.tool;\n var tool = this.$main.seneca.util.deep(headtool, viewtool);\n return tool;\n },\n search_config: function search_config() {\n return this.$model.main.ux.custom.search_config;\n }\n },\n methods: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__[\"mapActions\"])(['toggleSideInfoCardVisibility'])), {}, {\n closeSideInfoCard: function closeSideInfoCard() {\n this.toggleSideInfoCardVisibility(false);\n },\n toggleSearch2: function toggleSearch2() {\n this.showSearch2 = !this.showSearch2;\n },\n reverseInputs: function reverseInputs() {\n var temp = this.search;\n this.search = this.search2;\n this.search2 = temp;\n },\n refreshRoute: function refreshRoute() {\n this.search = this.search;\n this.search2 = this.search2;\n },\n handleNavigationMode: function handleNavigationMode() {\n this.showSearch2 = true;\n this.$store.dispatch('vxg_trigger_clear');\n },\n moveRoute: function moveRoute(menuView) {\n console.log('menuView.mode:', menuView.mode);\n var path = this.$route.name;\n var targetPath = menuView.mode === 'standard' ? menuView.menu.default : menuView.name;\n if (path !== targetPath) {\n this.$router.push(\"/\".concat(targetPath));\n }\n },\n setupMiniSearch: function setupMiniSearch() {\n return _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {\n return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n while (1) switch (_context2.prev = _context2.next) {\n case 0:\n case \"end\":\n return _context2.stop();\n }\n }, _callee2);\n }))();\n },\n // bypass default combobox filter\n customFilter: function customFilter(item, queryText, itemText) {\n return 1;\n },\n handleClick: function handleClick() {\n this.showIcon = false; // Hide the icon when the combobox is clicked\n },\n handleBlur: function handleBlur() {\n this.showIcon = true; // Show the icon when the combobox is blurred\n },\n changeSearch: function changeSearch(event) {\n var _this2 = this;\n setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {\n var term, out;\n return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n while (1) switch (_context3.prev = _context3.next) {\n case 0:\n // wait for input\n\n term = event.target ? event.target.value : null;\n if (!term) {\n _context3.next = 8;\n break;\n }\n _context3.next = 4;\n return _this2.$seneca.post('sys:search, cmd:search', {\n query: term,\n params: _this2.search_config\n });\n case 4:\n out = _context3.sent;\n // this.tag_items = out.data.hits.map(v => v.id)\n _this2.tag_items = out.data.hits.map(function (v) {\n return tag_alias(v.doc);\n });\n _context3.next = 9;\n break;\n case 8:\n // this.tag_items = this.items.map(v => v.tag)\n if (_this2.items != undefined) _this2.tag_items = _this2.items.map(tag_alias);\n case 9:\n case \"end\":\n return _context3.stop();\n }\n }, _callee3);\n })), 11);\n },\n changeSearch2: function changeSearch2(event) {\n var _this3 = this;\n setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {\n var term, out;\n return _regeneratorRuntime().wrap(function _callee4$(_context4) {\n while (1) switch (_context4.prev = _context4.next) {\n case 0:\n // wait for input\n\n term = event.target ? event.target.value : null;\n if (!term) {\n _context4.next = 9;\n break;\n }\n _context4.next = 4;\n return _this3.$seneca.post('sys:search, cmd:search', {\n query: term,\n params: _this3.search_config\n });\n case 4:\n out = _context4.sent;\n _this3.tag_items2 = out.data.hits.map(function (v) {\n return tag_alias(v.doc);\n });\n console.log('tag items are ', _this3.tag_items2);\n _context4.next = 10;\n break;\n case 9:\n if (_this3.items2 != undefined) _this3.tag_items2 = _this3.items2.map(tag_alias);\n case 10:\n case \"end\":\n return _context4.stop();\n }\n }, _callee4);\n })), 11);\n },\n clearFilter: function clearFilter() {\n this.$store.dispatch('vxg_trigger_clear');\n this.search = '';\n this.search2 = '';\n this.$root.$emit('clear-nav-stages');\n this.showSearch2 = false;\n },\n show: function show(action) {\n return this.allow(action) && this.$store.state.vxg.cmp.BasicHead.show[action];\n },\n // handleClickOutside(event) {\n // const search = this.$refs.search.$el;\n // const search2 = this.$refs.search2 ? this.$refs.search2.$el : null;\n // if (!search.contains(event.target) && (!search2 || !search2.contains(event.target))) {\n // this.showSearch2 = true;\n // }\n // },\n filter: function filter(event) {\n // aaaaaaaaaaaa\n this.$store.dispatch('trigger_toggle_filter');\n },\n defaultFound: function defaultFound() {\n return this.menuView && this.menuView.menu && this.menuView.menu.default;\n },\n findRouteName: function findRouteName(name) {\n var specialRoutes = this.custom.special;\n for (var route in specialRoutes) {\n var currentRoute = specialRoutes[route];\n if (currentRoute.name === name) {\n return currentRoute;\n }\n if (currentRoute.sub && currentRoute.sub.includes(name)) {\n return currentRoute;\n }\n }\n return {\n index: 1\n }; // default index\n },\n allow: function allow(item) {\n var out = item && item.allow ? this.$vxg.allow(item.allow) : true;\n return out;\n },\n openDrawer: function openDrawer() {\n this.$store.dispatch('set_cmp_flags', {\n name: 'BasicSide',\n flags: {\n show: true\n }\n });\n },\n closeDrawer: function closeDrawer() {\n this.$store.dispatch('set_cmp_flags', {\n name: 'BasicSide',\n flags: {\n show: false\n }\n });\n },\n action: function action(name) {\n this.$emit('action', name);\n }\n })\n\n // mounted() {\n // document.addEventListener('click', this.handleClickOutside);\n // },\n // beforeDestroy() {\n // document.removeEventListener('click', this.handleClickOutside);\n // }\n});\nvar DRAWER_STYLE = Object.freeze({\n width: \"282px\"\n});\n\n//# sourceURL=webpack://Vxg/./src/components/BasicSide.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var nua__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! nua */ \"./node_modules/nua/dist/nua.min.js\");\n/* harmony import */ var nua__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(nua__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _BasicNavStages_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BasicNavStages.vue */ \"./src/components/BasicNavStages.vue\");\n/* harmony import */ var gubu__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! gubu */ \"./node_modules/gubu/gubu.min.js\");\n/* harmony import */ var gubu__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(gubu__WEBPACK_IMPORTED_MODULE_3__);\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction 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; }\nfunction _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; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = \"function\" == typeof Symbol ? Symbol : {}, a = i.iterator || \"@@iterator\", c = i.asyncIterator || \"@@asyncIterator\", u = i.toStringTag || \"@@toStringTag\"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, \"\"); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, \"_invoke\", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: \"normal\", arg: t.call(e, r) }; } catch (t) { return { type: \"throw\", arg: t }; } } e.wrap = wrap; var h = \"suspendedStart\", l = \"suspendedYield\", f = \"executing\", s = \"completed\", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { [\"next\", \"throw\", \"return\"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if (\"throw\" !== c.type) { var u = c.arg, h = u.value; return h && \"object\" == _typeof(h) && n.call(h, \"__await\") ? e.resolve(h.__await).then(function (t) { invoke(\"next\", t, i, a); }, function (t) { invoke(\"throw\", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke(\"throw\", t, i, a); }); } a(c.arg); } var r; o(this, \"_invoke\", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error(\"Generator is already running\"); if (o === s) { if (\"throw\" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if (\"next\" === n.method) n.sent = n._sent = n.arg;else if (\"throw\" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else \"return\" === n.method && n.abrupt(\"return\", n.arg); o = f; var p = tryCatch(e, r, n); if (\"normal\" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } \"throw\" === p.type && (o = s, n.method = \"throw\", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, \"throw\" === n && e.iterator.return && (r.method = \"return\", r.arg = t, maybeInvokeDelegate(e, r), \"throw\" === r.method) || \"return\" !== n && (r.method = \"throw\", r.arg = new TypeError(\"The iterator does not provide a '\" + n + \"' method\")), y; var i = tryCatch(o, e.iterator, r.arg); if (\"throw\" === i.type) return r.method = \"throw\", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, \"return\" !== r.method && (r.method = \"next\", r.arg = t), r.delegate = null, y) : a : (r.method = \"throw\", r.arg = new TypeError(\"iterator result is not an object\"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = \"normal\", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: \"root\" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || \"\" === e) { var r = e[a]; if (r) return r.call(e); if (\"function\" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + \" is not iterable\"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, \"GeneratorFunction\"), e.isGeneratorFunction = function (t) { var e = \"function\" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || \"GeneratorFunction\" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, \"GeneratorFunction\")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, \"Generator\"), define(g, a, function () { return this; }), define(g, \"toString\", function () { return \"[object Generator]\"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) \"t\" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if (\"throw\" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = \"throw\", a.arg = e, r.next = n, o && (r.method = \"next\", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if (\"root\" === i.tryLoc) return handle(\"end\"); if (i.tryLoc <= this.prev) { var c = n.call(i, \"catchLoc\"), u = n.call(i, \"finallyLoc\"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error(\"try statement without catch or finally\"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, \"finallyLoc\") && this.prev < o.finallyLoc) { var i = o; break; } } i && (\"break\" === t || \"continue\" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = \"next\", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if (\"throw\" === t.type) throw t.arg; return \"break\" === t.type || \"continue\" === t.type ? this.next = t.arg : \"return\" === t.type ? (this.rval = this.arg = t.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if (\"throw\" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, \"next\" === this.method && (this.arg = t), y; } }, e; }\nfunction _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _iterableToArray(r) { if (\"undefined\" != typeof Symbol && null != r[Symbol.iterator] || null != r[\"@@iterator\"]) return Array.from(r); }\nfunction _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }\nfunction _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, \"next\", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, \"throw\", n); } _next(void 0); }); }; }\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//\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//\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//\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\nvar SpecShape = Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Gubu\"])({\n spec: Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Required\"])(Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Open\"])({\n footer: {\n active: false,\n cmp: Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Skip\"])(String),\n spec: Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Open\"])({})\n },\n view: Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Value\"])(Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Open\"])({\n mode: String\n }), Object(gubu__WEBPACK_IMPORTED_MODULE_3__[\"Open\"])({}))\n })),\n logo: String\n});\nfunction tag_alias(asset) {\n if (null != asset.custom12) {\n return asset.tag + '(' + asset.custom12 + ')';\n }\n return asset.tag;\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n components: {\n BasicNavStages: _BasicNavStages_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n },\n props: {\n spec: {\n type: Object,\n required: true\n },\n logo: String\n },\n data: function data() {\n return {\n open: true,\n menuShowTitle: false,\n menuViewList: [],\n menuViewIndex: null,\n menuView: null,\n roomName: '',\n search: '',\n searchInput: '',\n tag_items: [],\n search2: '',\n tag_items2: [],\n publicPath: \"/\" || false,\n showIcon: true,\n // Data property to control icon visibility\n showSearch2: false // Control the visibility of search2 combobox and Layer_5 icon\n };\n },\n beforeCreate: function beforeCreate() {\n nua__WEBPACK_IMPORTED_MODULE_0___default()(this.$options.propsData, SpecShape(this.$options.propsData));\n },\n created: function created() {\n var _this = this;\n var menuViewList = [];\n for (var name in this.spec.view) {\n var menuView = this.spec.view[name];\n menuView.name = name;\n menuViewList.push(menuView);\n }\n console.log('menuViewList:', menuViewList);\n this.menuViewList = menuViewList;\n var route = this.findRouteName(this.$route.name);\n this.menuView = this.menuViewList[route.index];\n this.menuViewIndex = route.index;\n var tool = {};\n var load_assets = setInterval(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n return _regeneratorRuntime().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n _context.next = 2;\n return _this.$store.dispatch('vxg_get_assets', tool);\n case 2:\n _this.items = tool.assets;\n _this.items2 = _toConsumableArray(tool.assets);\n if (_this.items.length != 0) {\n // this.tag_items = this.items.map(v => v.tag+(''==v.custom12?'':' ('+v.custom12+')'))\n _this.tag_items = _this.items.map(tag_alias);\n _this.tag_items2 = _this.items2.map(tag_alias);\n _this.setupMiniSearch(_this.items);\n _this.setupMiniSearch(_this.items2);\n clearInterval(load_assets);\n }\n case 5:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n })), 111);\n },\n watch: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({\n search2: function search2(newVal) {\n console.log('search2 is being triggered');\n this.refreshRoute();\n },\n menuViewIndex: function menuViewIndex(index) {\n var pathname = null;\n pathname = this.menuView.name;\n /*\r\n if('custom' === this.menuView.mode) {\r\n pathname = this.menuView.name\r\n }\r\n else {\r\n if(this.$route.path == this.portal.path) {\r\n pathname = this.menuView.menu.default\r\n }\r\n else {\r\n pathname = this.$route.name\r\n }\r\n }\r\n if(pathname && pathname !== this.$route.name ) {\r\n this.$router.push(pathname)\r\n }\r\n */\n },\n // create a watcher for changes in pathData\n '$store.state.pathData': function $storeStatePathData(data) {\n console.log('PathData: ', data);\n },\n '$store.state.trigger.search.a': function $storeStateTriggerSearchA(term) {\n if (term == '' && this.$refs.search) {\n this.$refs.search.reset();\n // this.tag_items = this.items.map(v => v.tag)\n this.tag_items = this.items.map(tag_alias);\n console.log('search is being triggerecd');\n }\n }\n }, \"$store.state.pathData\", function $storeStatePathData(data) {\n console.log('PathData: ', data);\n }), '$store.state.trigger.search.b', function $storeStateTriggerSearchB(term) {\n var pathData = this.$store.dispatch('get_path_data', {\n assetId: 'asset123'\n }).then(function (data) {\n console.log('PathData: ', data);\n });\n console.log('search.b is being triggered');\n if (term == '' && this.$refs.search2) {\n this.$refs.search2.reset();\n // this.tag_items = this.items.map(v => v.tag)\n this.tag_items2 = this.items2.map(tag_alias);\n }\n }), \"search\", function search(val) {\n var term = val || '';\n term.trim();\n // Todo: Is it necessary?\n // let m = term.match(/^([^(]+)\\s*\\([^)]+\\)$/)\n // if(m) {\n // term = m[1].trim()\n // }\n // this.$store.dispatch('trigger_search', {term:this.search})\n this.$store.dispatch('trigger_search', {\n a: term\n });\n }), \"search2\", function search2(val) {\n var term = val || '';\n term.trim();\n console.log('search2 is being triggered');\n this.$store.dispatch('trigger_search', {\n b: term\n });\n var pathData = this.$store.dispatch('getPathDataAction', {\n assetId: 'asset123'\n });\n console.log('PathData: ', pathData);\n }), \"select\", function select() {\n this.$store.dispatch('trigger_select', {\n value: this.select\n });\n }), '$store.state.trigger.select.value', function $storeStateTriggerSelectValue(val) {\n this.select = val;\n }), '$store.vxg.cmp.BasicHead.allow.add', {\n handler: function handler() {\n this.$forceUpdate();\n }\n }), '$store.vxg.cmp.BasicHead.allow.remove', {\n handler: function handler() {\n this.$forceUpdate();\n }\n }), '$route.name', {\n immediate: true,\n handler: function handler(val) {\n if (!val && this.defaultFound()) {\n this.$router.push(this.menuView.menu.default);\n }\n var route = this.findRouteName(val);\n this.menuView = this.menuViewList[route.index];\n }\n }),\n computed: {\n filterDisabled: function filterDisabled() {\n return this.$store.state.trigger.filter_disabled.value;\n },\n prependIcon: function prependIcon() {\n return !this.showSearch2 && this.showIcon ? 'mdi-magnify magnifierIcon' : ''; // Conditionally bind the icon\n },\n menu: function menu() {\n if (this.menuView.mode !== 'standard') return [];\n var _this$menuView$menu = this.menuView.menu,\n items = _this$menuView$menu.items,\n order = _this$menuView$menu.order;\n return order.split(/\\s*,\\s*/).map(function (code) {\n return _objectSpread(_objectSpread({}, items[code]), {}, {\n code: code,\n klass: {\n 'vxg-router-link': true\n }\n });\n });\n },\n filterIcon: function filterIcon() {\n return this.$store.state.vxg.cmp.BasicHead.show.filter;\n },\n drawerStyle: function drawerStyle() {\n return DRAWER_STYLE;\n },\n custom: function custom() {\n return this.$model.main.ux.custom;\n },\n view: function view() {\n //return this.custom.special.view\n var result = this.custom.special.view;\n console.log('view:', result);\n return result;\n },\n portal: function portal() {\n return this.custom.special.portal;\n },\n tool: function tool() {\n // TODO: better if main.app.web.parts.head was provided directly\n var headtool = this.$model.main.app.web.parts.head.tool;\n var viewtool = this.view.tool;\n var tool = this.$main.seneca.util.deep(headtool, viewtool);\n return tool;\n },\n search_config: function search_config() {\n return this.$model.main.ux.custom.search_config;\n }\n },\n methods: _objectSpread(_objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__[\"mapActions\"])(['toggleSideInfoCardVisibility'])), {}, {\n closeSideInfoCard: function closeSideInfoCard() {\n this.toggleSideInfoCardVisibility(false);\n },\n toggleSearch2: function toggleSearch2() {\n this.showSearch2 = !this.showSearch2;\n },\n reverseInputs: function reverseInputs() {\n var temp = this.search;\n this.search = this.search2;\n this.search2 = temp;\n },\n refreshRoute: function refreshRoute() {\n this.search = this.search;\n this.search2 = this.search2;\n },\n handleNavigationMode: function handleNavigationMode() {\n this.showSearch2 = true;\n this.$store.dispatch('vxg_trigger_clear');\n },\n moveRoute: function moveRoute(menuView) {\n console.log('menuView.mode:', menuView.mode);\n var path = this.$route.name;\n var targetPath = menuView.mode === 'standard' ? menuView.menu.default : menuView.name;\n if (path !== targetPath) {\n this.$router.push(\"/\".concat(targetPath));\n }\n },\n setupMiniSearch: function setupMiniSearch() {\n return _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {\n return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n while (1) switch (_context2.prev = _context2.next) {\n case 0:\n case \"end\":\n return _context2.stop();\n }\n }, _callee2);\n }))();\n },\n // bypass default combobox filter\n customFilter: function customFilter(item, queryText, itemText) {\n return 1;\n },\n handleClick: function handleClick() {\n this.showIcon = false; // Hide the icon when the combobox is clicked\n },\n handleBlur: function handleBlur() {\n this.showIcon = true; // Show the icon when the combobox is blurred\n },\n changeSearch: function changeSearch(event) {\n var _this2 = this;\n setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {\n var term, out;\n return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n while (1) switch (_context3.prev = _context3.next) {\n case 0:\n // wait for input\n\n term = event.target ? event.target.value : null;\n if (!term) {\n _context3.next = 8;\n break;\n }\n _context3.next = 4;\n return _this2.$seneca.post('sys:search, cmd:search', {\n query: term,\n params: _this2.search_config\n });\n case 4:\n out = _context3.sent;\n // this.tag_items = out.data.hits.map(v => v.id)\n _this2.tag_items = out.data.hits.map(function (v) {\n return tag_alias(v.doc);\n });\n _context3.next = 9;\n break;\n case 8:\n // this.tag_items = this.items.map(v => v.tag)\n if (_this2.items != undefined) _this2.tag_items = _this2.items.map(tag_alias);\n case 9:\n case \"end\":\n return _context3.stop();\n }\n }, _callee3);\n })), 11);\n },\n changeSearch2: function changeSearch2(event) {\n var _this3 = this;\n setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {\n var term, out;\n return _regeneratorRuntime().wrap(function _callee4$(_context4) {\n while (1) switch (_context4.prev = _context4.next) {\n case 0:\n // wait for input\n\n term = event.target ? event.target.value : null;\n if (!term) {\n _context4.next = 9;\n break;\n }\n _context4.next = 4;\n return _this3.$seneca.post('sys:search, cmd:search', {\n query: term,\n params: _this3.search_config\n });\n case 4:\n out = _context4.sent;\n _this3.tag_items2 = out.data.hits.map(function (v) {\n return tag_alias(v.doc);\n });\n console.log('tag items are ', _this3.tag_items2);\n _context4.next = 10;\n break;\n case 9:\n if (_this3.items2 != undefined) _this3.tag_items2 = _this3.items2.map(tag_alias);\n case 10:\n case \"end\":\n return _context4.stop();\n }\n }, _callee4);\n })), 11);\n },\n clearFilter: function clearFilter() {\n this.$store.dispatch('vxg_trigger_clear');\n this.search = '';\n this.searchInput = '';\n this.search2 = '';\n this.$root.$emit('clear-nav-stages');\n this.showSearch2 = false;\n },\n show: function show(action) {\n return this.allow(action) && this.$store.state.vxg.cmp.BasicHead.show[action];\n },\n // handleClickOutside(event) {\n // const search = this.$refs.search.$el;\n // const search2 = this.$refs.search2 ? this.$refs.search2.$el : null;\n // if (!search.contains(event.target) && (!search2 || !search2.contains(event.target))) {\n // this.showSearch2 = true;\n // }\n // },\n filter: function filter(event) {\n // aaaaaaaaaaaa\n this.$store.dispatch('trigger_toggle_filter');\n },\n defaultFound: function defaultFound() {\n return this.menuView && this.menuView.menu && this.menuView.menu.default;\n },\n findRouteName: function findRouteName(name) {\n var specialRoutes = this.custom.special;\n for (var route in specialRoutes) {\n var currentRoute = specialRoutes[route];\n if (currentRoute.name === name) {\n return currentRoute;\n }\n if (currentRoute.sub && currentRoute.sub.includes(name)) {\n return currentRoute;\n }\n }\n return {\n index: 1\n }; // default index\n },\n allow: function allow(item) {\n var out = item && item.allow ? this.$vxg.allow(item.allow) : true;\n return out;\n },\n openDrawer: function openDrawer() {\n this.$store.dispatch('set_cmp_flags', {\n name: 'BasicSide',\n flags: {\n show: true\n }\n });\n },\n closeDrawer: function closeDrawer() {\n this.$store.dispatch('set_cmp_flags', {\n name: 'BasicSide',\n flags: {\n show: false\n }\n });\n },\n action: function action(name) {\n this.$emit('action', name);\n }\n })\n\n // mounted() {\n // document.addEventListener('click', this.handleClickOutside);\n // },\n // beforeDestroy() {\n // document.removeEventListener('click', this.handleClickOutside);\n // }\n});\nvar DRAWER_STYLE = Object.freeze({\n width: \"282px\"\n});\n\n//# sourceURL=webpack://Vxg/./src/components/BasicSide.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), @@ -342,7 +342,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) * /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n {\n staticClass: \"basic-nav-stages\",\n staticStyle: {\n position: \"absolute\",\n \"z-index\": \"99\",\n width: \"270px\",\n height: \"300px\",\n left: \"7px\",\n top: \"250px\",\n },\n },\n [\n _c(\n \"v-expansion-panels\",\n {\n staticClass: \"mb-12\",\n model: {\n value: _vm.isExpanded,\n callback: function ($$v) {\n _vm.isExpanded = $$v\n },\n expression: \"isExpanded\",\n },\n },\n [\n _c(\n \"v-expansion-panel\",\n {\n staticStyle: { \"background-color\": \"#DCEEEF\" },\n model: {\n value: _vm.isExpanded,\n callback: function ($$v) {\n _vm.isExpanded = $$v\n },\n expression: \"isExpanded\",\n },\n },\n [\n _c(\n \"v-expansion-panel-header\",\n {\n staticStyle: {\n \"border-bottom-left-radius\": \"10px\",\n \"border-bottom-right-radius\": \"10px\",\n },\n on: { click: _vm.toggleIcon },\n scopedSlots: _vm._u([\n {\n key: \"actions\",\n fn: function () {\n return [\n _vm.isExpanded\n ? _c(\"img\", {\n staticStyle: { \"margin-left\": \"45px\" },\n attrs: {\n src: \"\" + _vm.publicPath + _vm.iconSrc,\n alt: \"Collapse Icon\",\n },\n })\n : _c(\"img\", {\n staticStyle: { \"margin-left\": \"45px\" },\n attrs: {\n src: \"\" + _vm.publicPath + _vm.iconSrc,\n alt: \"Expand Icon\",\n },\n }),\n ]\n },\n proxy: true,\n },\n ]),\n },\n [\n _c(\"img\", {\n staticClass: \"Layers\",\n staticStyle: { \"margin-left\": \"-16px\", width: \"30px\" },\n attrs: {\n src: _vm.publicPath + \"Layers.svg\",\n alt: \"Layers\",\n },\n }),\n _c(\n \"h4\",\n { staticStyle: { width: \"300px\", \"font-size\": \"10px\" } },\n [_vm._v(\"THIS ROUTE CONTAINS MULTIPLE LEVELS\")]\n ),\n ]\n ),\n _c(\"v-expansion-panel-content\", [\n _c(\n \"div\",\n {\n staticClass: \"stage\",\n staticStyle: { \"background-color\": \"#C0E28B\" },\n },\n [\n _c(\"h3\", [_vm._v(\"STAGE 1\")]),\n _c(\"p\", [_vm._v(\"Continue on path towards elevator.\")]),\n ]\n ),\n _c(\n \"div\",\n {\n staticClass: \"stage\",\n staticStyle: {\n \"background-color\": \"white\",\n \"margin-bottom\": \"9px\",\n },\n },\n [\n _c(\"h3\", [_vm._v(\"STAGE 2\")]),\n _c(\"p\", [\n _vm._v(\n \"Take elevator to level 2 and continue towards your destination.\"\n ),\n ]),\n ]\n ),\n ]),\n ],\n 1\n ),\n ],\n 1\n ),\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://Vxg/./src/components/BasicNavStages.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%226a9d93ac-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n {\n staticClass: \"basic-nav-stages\",\n staticStyle: {\n position: \"absolute\",\n \"z-index\": \"99\",\n height: \"300px\",\n left: \"7px\",\n top: \"250px\",\n \"max-width\": \"calc(100% - 11px)\",\n },\n },\n [\n _c(\n \"v-expansion-panels\",\n {\n staticClass: \"mb-12\",\n model: {\n value: _vm.isExpanded,\n callback: function ($$v) {\n _vm.isExpanded = $$v\n },\n expression: \"isExpanded\",\n },\n },\n [\n _c(\n \"v-expansion-panel\",\n {\n staticStyle: { \"background-color\": \"#DCEEEF\" },\n model: {\n value: _vm.isExpanded,\n callback: function ($$v) {\n _vm.isExpanded = $$v\n },\n expression: \"isExpanded\",\n },\n },\n [\n _c(\n \"v-expansion-panel-header\",\n {\n staticStyle: {\n \"border-bottom-left-radius\": \"10px\",\n \"border-bottom-right-radius\": \"10px\",\n },\n on: { click: _vm.toggleIcon },\n scopedSlots: _vm._u([\n {\n key: \"actions\",\n fn: function () {\n return [\n _vm.isExpanded\n ? _c(\"img\", {\n staticStyle: { \"margin-left\": \"45px\" },\n attrs: {\n src: \"\" + _vm.publicPath + _vm.iconSrc,\n alt: \"Collapse Icon\",\n },\n })\n : _c(\"img\", {\n staticStyle: { \"margin-left\": \"45px\" },\n attrs: {\n src: \"\" + _vm.publicPath + _vm.iconSrc,\n alt: \"Expand Icon\",\n },\n }),\n ]\n },\n proxy: true,\n },\n ]),\n },\n [\n _c(\"img\", {\n staticClass: \"Layers\",\n staticStyle: { \"margin-left\": \"-16px\", width: \"30px\" },\n attrs: {\n src: _vm.publicPath + \"Layers.svg\",\n alt: \"Layers\",\n },\n }),\n _c(\n \"h4\",\n { staticStyle: { width: \"300px\", \"font-size\": \"10px\" } },\n [_vm._v(\"THIS ROUTE CONTAINS MULTIPLE LEVELS\")]\n ),\n ]\n ),\n _c(\n \"v-expansion-panel-content\",\n _vm._l(_vm.routeMassages, function (message, index) {\n return _c(\n \"div\",\n {\n key: index,\n staticClass: \"stage\",\n class: { activated: _vm.selectStage == index },\n staticStyle: { \"background-color\": \"white\" },\n on: {\n click: function ($event) {\n return _vm.selectStage(index)\n },\n },\n },\n [\n _c(\"h3\", [_vm._v(\"STAGE \" + _vm._s(index + 1))]),\n _c(\"p\", [_vm._v(_vm._s(message))]),\n ]\n )\n }),\n 0\n ),\n ],\n 1\n ),\n ],\n 1\n ),\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://Vxg/./src/components/BasicNavStages.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%226a9d93ac-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), @@ -354,7 +354,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) * /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"v-navigation-drawer\",\n { staticClass: \"vxg-side\", style: _vm.drawerStyle, attrs: { app: \"\" } },\n [\n _c(\n \"v-sheet\",\n { staticClass: \"d-flex flex-column h-100\" },\n [\n _c(\n \"div\",\n {\n staticClass: \"d-flex justify-space-between \",\n staticStyle: { background: \"#27324A\" },\n },\n [\n _c(\"div\", { domProps: { innerHTML: _vm._s(_vm.logo) } }),\n _vm._m(0),\n ],\n 1\n ),\n _vm.show(\"clear\") && _vm.tool.clear.active\n ? _c(\n \"v-btn\",\n {\n staticStyle: {\n \"max-width\": \"16%\",\n display: \"inline-block\",\n \"margin-left\": \"78%\",\n \"text-transform\": \"none\",\n \"font-size\": \"12px\",\n \"text-decoration\": \"underline\",\n color: \"#575c62\",\n },\n attrs: { text: \"\" },\n on: { click: _vm.clearFilter },\n },\n [_vm._v(\"Clear\")]\n )\n : _vm._e(),\n _vm.$route.name == \"pqview\"\n ? _c(\n \"div\",\n [\n !_vm.showSearch2\n ? _c(\"div\", [\n _c(\"img\", {\n staticClass: \"Layer_5\",\n staticStyle: {\n position: \"absolute\",\n \"z-index\": \"1\",\n margin: \"10px 0\",\n \"margin-left\": \"16px\",\n },\n attrs: {\n src: _vm.publicPath + \"Layer_5.svg\",\n alt: \"Layer_5\",\n },\n on: { click: _vm.handleNavigationMode },\n }),\n ])\n : _vm._e(),\n _vm.showSearch2\n ? _c(\n \"div\",\n {\n staticStyle: {\n display: \"flex\",\n \"align-items\": \"center\",\n position: \"absolute\",\n \"z-index\": \"10\",\n \"margin-top\": \"36px\",\n },\n },\n [\n _c(\"img\", {\n staticClass: \"navigation_1\",\n staticStyle: {\n position: \"absolute\",\n \"z-index\": \"1\",\n margin: \"10px 0\",\n \"margin-left\": \"16px\",\n height: \"60px\",\n \"padding-top\": \"4px\",\n },\n attrs: {\n src: _vm.publicPath + \"navigation_1.svg\",\n alt: \"navigation_1\",\n },\n }),\n _c(\n \"div\",\n {\n staticStyle: {\n width: \"253px\",\n \"padding-left\": \"35px\",\n },\n },\n [\n _c(\"hr\", {\n staticStyle: { margin: \"0 5px !important\" },\n attrs: { \"aria-orientation\": \"horizontal\" },\n }),\n ]\n ),\n ]\n )\n : _vm._e(),\n _c(\"v-combobox\", {\n ref: \"search\",\n staticClass: \"comboxSearch d-flex justify-space-between\",\n attrs: {\n items: _vm.tag_items,\n flat: \"\",\n \"hide-details\": \"\",\n outlined: \"\",\n dense: \"\",\n clearable: \"\",\n placeholder: \"\",\n filter: _vm.customFilter,\n \"prepend-inner-icon\": _vm.prependIcon,\n },\n on: {\n keydown: function ($event) {\n return _vm.changeSearch($event)\n },\n \"click:clear\": function ($event) {\n return _vm.changeSearch($event)\n },\n \"click:append\": _vm.filter,\n click: _vm.handleClick,\n blur: _vm.handleBlur,\n },\n model: {\n value: _vm.search,\n callback: function ($$v) {\n _vm.search = $$v\n },\n expression: \"search\",\n },\n }),\n _vm.filterIcon && !_vm.showSearch2\n ? _c(\"img\", {\n staticClass: \"clip-path-group\",\n staticStyle: {\n cursor: \"pointer\",\n position: \"relative\",\n top: \"-33px\",\n left: \"calc(100% - 33px)\",\n \"border-left\": \"solid 1px\",\n \"padding-left\": \"2px\",\n },\n attrs: {\n src: _vm.publicPath + \"Clip_path_group.svg\",\n alt: \"Clip_Path_group\",\n },\n on: {\n click: function ($event) {\n $event.stopPropagation()\n $event.preventDefault()\n return _vm.filter($event)\n },\n },\n })\n : _vm._e(),\n _vm.showSearch2\n ? _c(\"v-combobox\", {\n ref: \"search2\",\n staticClass: \"comboxSearch2\",\n attrs: {\n items: _vm.tag_items2,\n flat: \"\",\n \"hide-details\": \"\",\n outlined: \"\",\n dense: \"\",\n clearable: \"\",\n filter: _vm.customFilter,\n },\n on: {\n keydown: function ($event) {\n return _vm.changeSearch2($event)\n },\n \"click:clear\": function ($event) {\n return _vm.changeSearch2($event)\n },\n \"click:append\": _vm.filter,\n },\n model: {\n value: _vm.search2,\n callback: function ($$v) {\n _vm.search2 = $$v\n },\n expression: \"search2\",\n },\n })\n : _vm._e(),\n _vm.showSearch2\n ? _c(\"div\", [\n _c(\"img\", {\n staticStyle: {\n cursor: \"pointer\",\n position: \"relative\",\n top: \"-52px\",\n left: \"calc(100% - 29px)\",\n width: \"16px\",\n },\n attrs: {\n src:\n _vm.publicPath +\n \"two-opposite-up-and-down-arrows-side-by-side.svg\",\n alt: \"two-opposite-arrows-side-by-side\",\n },\n on: { click: _vm.reverseInputs },\n }),\n ])\n : _vm._e(),\n _vm.showSearch2\n ? _c(\n \"button\",\n {\n staticStyle: {\n cursor: \"pointer\",\n position: \"relative\",\n color: \"white\",\n top: \"-24px\",\n size: \"9px\",\n \"font-size\": \"10px\",\n left: \"65%\",\n },\n },\n [_vm._v(\"Add Destination +\")]\n )\n : _vm._e(),\n _vm.showSearch2\n ? _c(\"BasicNavStages\", { attrs: { spec: _vm.spec } })\n : _vm._e(),\n ],\n 1\n )\n : _vm._e(),\n _c(\n \"div\",\n {\n staticClass: \"Menu Items\",\n staticStyle: {\n \"margin-top\": \"15px\",\n height: \"calc(100vh - 332px)\",\n },\n },\n [\n _vm.menuView.mode === \"standard\"\n ? [\n _c(\n \"div\",\n { staticClass: \"router_items\" },\n _vm._l(_vm.menu, function (item) {\n return _vm.allow(item) && item.code !== \"admin\"\n ? _c(\n \"router-link\",\n {\n key: item.code,\n class: [\"vxg-router-link\", item.klass],\n attrs: { to: \"/\" + item.code },\n },\n [\n _vm._o(\n _c(\"v-icon\", [\n _vm._v(\"mdi-\" + _vm._s(item.icon)),\n ]),\n 0,\n item.code\n ),\n _vm._v(\" \" + _vm._s(item.title) + \" \"),\n ],\n 1\n )\n : _vm._e()\n }),\n 1\n ),\n ]\n : _vm.menuView.mode === \"custom\"\n ? _c(_vm.menuView.cmp, {\n tag: \"component\",\n attrs: { spec: _vm.menuView.view.spec },\n })\n : _vm._e(),\n ],\n 2\n ),\n _c(\"div\"),\n _c(\"v-spacer\"),\n _c(\"v-divider\", { staticStyle: { \"margin-top\": \"65px\" } }),\n _vm.spec.footer.active\n ? _c(_vm.spec.footer.cmp, {\n tag: \"component\",\n attrs: { spec: _vm.spec.footer.spec },\n })\n : _vm._e(),\n ],\n 1\n ),\n ],\n 1\n )\n}\nvar staticRenderFns = [\n function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"v-icon\",\n {\n staticClass: \"drawer-toggle\",\n staticStyle: { color: \"white\", \"font-size\": \"29px\" },\n attrs: { large: \"\" },\n on: { click: _vm.openDrawer },\n },\n [_vm._v(\" mdi-chevron-left-circle-outline \")]\n )\n },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://Vxg/./src/components/BasicSide.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%226a9d93ac-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"v-navigation-drawer\",\n { staticClass: \"vxg-side\", style: _vm.drawerStyle, attrs: { app: \"\" } },\n [\n _c(\n \"v-sheet\",\n { staticClass: \"d-flex flex-column h-100\" },\n [\n _c(\n \"div\",\n {\n staticClass: \"d-flex justify-space-between \",\n staticStyle: { background: \"#27324A\" },\n },\n [\n _c(\"div\", { domProps: { innerHTML: _vm._s(_vm.logo) } }),\n _vm._m(0),\n ],\n 1\n ),\n _vm.show(\"clear\") && _vm.tool.clear.active\n ? _c(\n \"v-btn\",\n {\n staticStyle: {\n \"max-width\": \"16%\",\n display: \"inline-block\",\n \"margin-left\": \"78%\",\n \"text-transform\": \"none\",\n \"font-size\": \"12px\",\n \"text-decoration\": \"underline\",\n color: \"#575c62\",\n },\n attrs: { text: \"\" },\n on: { click: _vm.clearFilter },\n },\n [_vm._v(\"Clear\")]\n )\n : _vm._e(),\n _vm.$route.name == \"pqview\"\n ? _c(\n \"div\",\n [\n !_vm.showSearch2\n ? _c(\"div\", [\n _c(\"img\", {\n staticClass: \"Layer_5\",\n staticStyle: {\n position: \"absolute\",\n \"z-index\": \"1\",\n margin: \"10px 0\",\n \"margin-left\": \"16px\",\n },\n attrs: {\n src: _vm.publicPath + \"Layer_5.svg\",\n alt: \"Layer_5\",\n },\n on: { click: _vm.handleNavigationMode },\n }),\n ])\n : _vm._e(),\n _vm.showSearch2\n ? _c(\n \"div\",\n {\n staticStyle: {\n display: \"flex\",\n \"align-items\": \"center\",\n position: \"absolute\",\n \"z-index\": \"10\",\n \"margin-top\": \"36px\",\n },\n },\n [\n _c(\"img\", {\n staticClass: \"navigation_1\",\n staticStyle: {\n position: \"absolute\",\n \"z-index\": \"1\",\n margin: \"10px 0\",\n \"margin-left\": \"16px\",\n height: \"60px\",\n \"padding-top\": \"4px\",\n },\n attrs: {\n src: _vm.publicPath + \"navigation_1.svg\",\n alt: \"navigation_1\",\n },\n }),\n _c(\n \"div\",\n {\n staticStyle: {\n width: \"253px\",\n \"padding-left\": \"35px\",\n },\n },\n [\n _c(\"hr\", {\n staticStyle: { margin: \"0 5px !important\" },\n attrs: { \"aria-orientation\": \"horizontal\" },\n }),\n ]\n ),\n ]\n )\n : _vm._e(),\n _c(\"v-combobox\", {\n ref: \"search\",\n staticClass: \"comboxSearch d-flex justify-space-between\",\n attrs: {\n \"search-input\": _vm.searchInput,\n items: _vm.tag_items,\n flat: \"\",\n \"hide-details\": \"\",\n outlined: \"\",\n dense: \"\",\n clearable: \"\",\n placeholder: \"\",\n filter: _vm.customFilter,\n \"prepend-inner-icon\": _vm.prependIcon,\n },\n on: {\n \"update:searchInput\": function ($event) {\n _vm.searchInput = $event\n },\n \"update:search-input\": function ($event) {\n _vm.searchInput = $event\n },\n keydown: function ($event) {\n return _vm.changeSearch($event)\n },\n \"click:clear\": function ($event) {\n return _vm.changeSearch($event)\n },\n \"click:append\": _vm.filter,\n click: _vm.handleClick,\n blur: _vm.handleBlur,\n },\n model: {\n value: _vm.search,\n callback: function ($$v) {\n _vm.search = $$v\n },\n expression: \"search\",\n },\n }),\n _vm.filterIcon && !_vm.showSearch2\n ? _c(\"img\", {\n staticClass: \"clip-path-group\",\n staticStyle: {\n cursor: \"pointer\",\n position: \"relative\",\n top: \"-33px\",\n left: \"calc(100% - 33px)\",\n \"border-left\": \"solid 1px\",\n \"padding-left\": \"2px\",\n },\n attrs: {\n src: _vm.publicPath + \"Clip_path_group.svg\",\n alt: \"Clip_Path_group\",\n },\n on: {\n click: function ($event) {\n $event.stopPropagation()\n $event.preventDefault()\n return _vm.filter($event)\n },\n },\n })\n : _vm._e(),\n _vm.showSearch2\n ? _c(\"v-combobox\", {\n ref: \"search2\",\n staticClass: \"comboxSearch2\",\n attrs: {\n items: _vm.tag_items2,\n flat: \"\",\n \"hide-details\": \"\",\n outlined: \"\",\n dense: \"\",\n clearable: \"\",\n filter: _vm.customFilter,\n },\n on: {\n keydown: function ($event) {\n return _vm.changeSearch2($event)\n },\n \"click:clear\": function ($event) {\n return _vm.changeSearch2($event)\n },\n \"click:append\": _vm.filter,\n },\n model: {\n value: _vm.search2,\n callback: function ($$v) {\n _vm.search2 = $$v\n },\n expression: \"search2\",\n },\n })\n : _vm._e(),\n _vm.showSearch2\n ? _c(\"div\", [\n _c(\"img\", {\n staticStyle: {\n cursor: \"pointer\",\n position: \"relative\",\n top: \"-52px\",\n left: \"calc(100% - 29px)\",\n width: \"16px\",\n },\n attrs: {\n src:\n _vm.publicPath +\n \"two-opposite-up-and-down-arrows-side-by-side.svg\",\n alt: \"two-opposite-arrows-side-by-side\",\n },\n on: { click: _vm.reverseInputs },\n }),\n ])\n : _vm._e(),\n _vm.showSearch2\n ? _c(\n \"button\",\n {\n staticStyle: {\n cursor: \"pointer\",\n position: \"relative\",\n color: \"white\",\n top: \"-24px\",\n size: \"9px\",\n \"font-size\": \"10px\",\n left: \"65%\",\n },\n },\n [_vm._v(\"Add Destination +\")]\n )\n : _vm._e(),\n _vm.showSearch2\n ? _c(\"BasicNavStages\", { attrs: { spec: _vm.spec } })\n : _vm._e(),\n ],\n 1\n )\n : _vm._e(),\n _c(\n \"div\",\n {\n staticClass: \"Menu Items\",\n staticStyle: {\n \"margin-top\": \"15px\",\n height: \"calc(100vh - 332px)\",\n },\n },\n [\n _vm.menuView.mode === \"standard\"\n ? [\n _c(\n \"div\",\n { staticClass: \"router_items\" },\n _vm._l(_vm.menu, function (item) {\n return _vm.allow(item) && item.code !== \"admin\"\n ? _c(\n \"router-link\",\n {\n key: item.code,\n class: [\"vxg-router-link\", item.klass],\n attrs: { to: \"/\" + item.code },\n },\n [\n _vm._o(\n _c(\"v-icon\", [\n _vm._v(\"mdi-\" + _vm._s(item.icon)),\n ]),\n 0,\n item.code\n ),\n _vm._v(\" \" + _vm._s(item.title) + \" \"),\n ],\n 1\n )\n : _vm._e()\n }),\n 1\n ),\n ]\n : _vm.menuView.mode === \"custom\"\n ? _c(_vm.menuView.cmp, {\n tag: \"component\",\n attrs: { spec: _vm.menuView.view.spec },\n })\n : _vm._e(),\n ],\n 2\n ),\n _c(\"div\"),\n _c(\"v-spacer\"),\n _c(\"v-divider\", { staticStyle: { \"margin-top\": \"65px\" } }),\n _vm.spec.footer.active\n ? _c(_vm.spec.footer.cmp, {\n tag: \"component\",\n attrs: { spec: _vm.spec.footer.spec },\n })\n : _vm._e(),\n ],\n 1\n ),\n ],\n 1\n )\n}\nvar staticRenderFns = [\n function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"v-icon\",\n {\n staticClass: \"drawer-toggle\",\n staticStyle: { color: \"white\", \"font-size\": \"29px\" },\n attrs: { large: \"\" },\n on: { click: _vm.openDrawer },\n },\n [_vm._v(\" mdi-chevron-left-circle-outline \")]\n )\n },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://Vxg/./src/components/BasicSide.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%226a9d93ac-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), diff --git a/src/components/BasicSide.vue b/src/components/BasicSide.vue index b0c25b0..4b00533 100755 --- a/src/components/BasicSide.vue +++ b/src/components/BasicSide.vue @@ -79,6 +79,7 @@ ref="search" class="comboxSearch d-flex justify-space-between" v-model="search" + :search-input.sync="searchInput" @keydown="changeSearch($event)" @click:clear="changeSearch($event)" :items="tag_items" @@ -268,7 +269,7 @@ export default { menuView: null, roomName: '', search: '', - + searchInput : '', tag_items:[], search2:'', tag_items2:[], @@ -591,6 +592,7 @@ export default { clearFilter () { this.$store.dispatch('vxg_trigger_clear'); this.search = ''; + this.searchInput = ''; this.search2 = ''; this.$root.$emit('clear-nav-stages'); this.showSearch2 = false