diff --git a/src/www/js/vendor/vue-firewall.umd.min.js.map b/src/www/js/vendor/vue-firewall.umd.min.js.map
index d7744854..c25987c5 100644
--- a/src/www/js/vendor/vue-firewall.umd.min.js.map
+++ b/src/www/js/vendor/vue-firewall.umd.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"vue-firewall.umd.min.js","mappings":"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","sources":["webpack://VueFirewall/webpack/universalModuleDefinition","webpack://VueFirewall/webpack/bootstrap","webpack://VueFirewall/webpack/runtime/define property getters","webpack://VueFirewall/webpack/runtime/hasOwnProperty shorthand","webpack://VueFirewall/webpack/runtime/publicPath","webpack://VueFirewall/../../../.local/share/pnpm/global/5/.pnpm/@vue+cli-service@5.0.8_lodash@4.17.21_webpack-sources@3.2.3/node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js","webpack://VueFirewall/./www/templates/Firewall.vue?4f04","webpack://VueFirewall/www/templates/Firewall.vue","webpack://VueFirewall/./www/templates/Firewall.vue?6878","webpack://VueFirewall/../../../.local/share/pnpm/global/5/.pnpm/vue-loader@15.11.1_css-loader@6.11.0_webpack@5.93.0__lodash@4.17.21_webpack@5.93.0/node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack://VueFirewall/./www/templates/Firewall.vue","webpack://VueFirewall/../../../.local/share/pnpm/global/5/.pnpm/@vue+cli-service@5.0.8_lodash@4.17.21_webpack-sources@3.2.3/node_modules/@vue/cli-service/lib/commands/build/entry-lib.js"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"VueFirewall\"] = factory();\n\telse\n\t\troot[\"VueFirewall\"] = factory();\n})((typeof self !== 'undefined' ? self : this), () => {\nreturn ","// The require scope\nvar __webpack_require__ = {};\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","__webpack_require__.p = \"\";","/* eslint-disable no-var */\n// This file is imported into lib/wc client bundles.\n\nif (typeof window !== 'undefined') {\n  var currentScript = window.document.currentScript\n  if (process.env.NEED_CURRENTSCRIPT_POLYFILL) {\n    var getCurrentScript = require('@soda/get-current-script')\n    currentScript = getCurrentScript()\n\n    // for backward compatibility, because previously we directly included the polyfill\n    if (!('currentScript' in document)) {\n      Object.defineProperty(document, 'currentScript', { get: getCurrentScript })\n    }\n  }\n\n  var src = currentScript && currentScript.src.match(/(.+\\/)[^/]+\\.js(\\?.*)?$/)\n  if (src) {\n    __webpack_public_path__ = src[1] // eslint-disable-line\n  }\n}\n\n// Indicate to webpack that this file can be concatenated\nexport default null\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"shadow-md rounded-lg bg-white dark:bg-neutral-700 overflow-hidden mb-4\"},[_c('div',{staticClass:\"flex flex-row flex-auto items-center p-3 px-5 border-b-2 border-neutral-500/50 dark:border-neutral-600\"},[_c('div',{staticClass:\"flex-grow\"},[_c('p',{staticClass:\"text-2xl font-medium dark:text-neutral-200\"},[_vm._v(_vm._s(_vm.$t('fwFirewall')))])])]),_c('div',{staticClass:\"container p-2 flex flex-col md:items-center\"},[_c('table',{staticClass:\"border border-neutral-500/50 bg-gray-200/10 dark:text-neutral-200 md:w-[75%] mb-4\"},[_c('thead',[_c('tr',[_c('th',{staticClass:\"border border-neutral-500/50 text-start p-1\"},[_vm._v(_vm._s(_vm.$t('fwInterface')))]),_c('th',{staticClass:\"border border-neutral-500/50 text-start p-1\"},[_vm._v(_vm._s(_vm.$t('fwIpv4')))]),_c('th',{staticClass:\"border border-neutral-500/50 text-start p-1\"},[_vm._v(_vm._s(_vm.$t('fwIpv6')))])])]),_c('tbody',_vm._l((_vm.interfaces),function(iface,index){return _c('tr',{key:index},[_c('td',{staticClass:\"border border-neutral-500/50 p-1\"},[_vm._v(_vm._s(iface.name))]),_c('td',{staticClass:\"border border-neutral-500/50 p-1\"},[_vm._v(_vm._s(iface.ipv4))]),_c('td',{staticClass:\"border border-neutral-500/50 p-1\"},[_vm._v(_vm._s(iface.ipv6))])])}),0)]),_c('form',{attrs:{\"id\":\"fw\"},on:{\"submit\":_vm.addRule}}),_c('div',{staticClass:\"overflow-x-auto\"},[_c('table',{staticClass:\"dark:text-neutral-200 border-t-2 border-collapse dark:border-neutral-200 p-2\"},[_c('thead',{staticClass:\"bg-gray-200 dark:bg-neutral-600\"},[_c('tr',[_c('th',{staticClass:\"border dark:border-neutral-200 p-1\"},[_vm._v(_vm._s(_vm.$t('fwAction')))]),_c('th',{staticClass:\"border dark:border-neutral-200 p-1\"},[_vm._v(_vm._s(_vm.$t('fwSource')))]),_c('th',{staticClass:\"border dark:border-neutral-200 p-1\"},[_vm._v(_vm._s(_vm.$t('fwDestination')))]),_c('th',{staticClass:\"border dark:border-neutral-200 p-1\"},[_vm._v(_vm._s(_vm.$t('fwProtocol')))]),_c('th',{staticClass:\"border dark:border-neutral-200 p-1\"},[_vm._v(_vm._s(_vm.$t('fwTarget')))])])]),_c('tbody',{staticClass:\"text-center\"},[_vm._l((_vm.rules),function(rule,index){return _c('tr',{key:index},[_c('td',{staticClass:\"border border-neutral-500/50 p-1 hover:bg-red-800/50 transition\"},[_c('button',{attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.deleteRule(rule.num)}}},[_c('svg',{staticClass:\"size-6\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill\":\"none\",\"viewBox\":\"0 0 24 24\",\"stroke-width\":\"1.5\",\"stroke\":\"currentColor\"}},[_c('path',{attrs:{\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"d\":\"m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0\"}})])])]),_c('td',{staticClass:\"border border-neutral-500/50 p-1\"},[_vm._v(_vm._s(rule.source))]),_c('td',{staticClass:\"border border-neutral-500/50 p-1\"},[_vm._v(_vm._s(rule.destination))]),_c('td',{staticClass:\"border border-neutral-500/50 p-1\"},[_vm._v(_vm._s(rule.protocol))]),_c('td',{staticClass:\"border border-neutral-500/50 p-1\"},[_vm._v(_vm._s(rule.target))])])}),_c('tr',[_c('td',{staticClass:\"border border-neutral-500/50 p-1 hover:bg-green-800/50 transition\"},[_c('button',{attrs:{\"form\":\"fw\",\"type\":\"submit\"}},[_c('svg',{staticClass:\"size-6\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill\":\"none\",\"viewBox\":\"0 0 24 24\",\"stroke-width\":\"1.5\",\"stroke\":\"currentColor\"}},[_c('path',{attrs:{\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"d\":\"M12 4.5v15m7.5-7.5h-15\"}})])])]),_c('td',{staticClass:\"border border-neutral-500/50\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newRule.source),expression:\"newRule.source\"}],staticClass:\"outline-none bg-transparent text-center\",attrs:{\"form\":\"fw\",\"type\":\"text\",\"name\":\"source\"},domProps:{\"value\":(_vm.newRule.source)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.newRule, \"source\", $event.target.value)}}})]),_c('td',{staticClass:\"border border-neutral-500/50\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newRule.destination),expression:\"newRule.destination\"}],staticClass:\"outline-none bg-transparent text-center\",attrs:{\"form\":\"fw\",\"type\":\"text\",\"name\":\"destination\"},domProps:{\"value\":(_vm.newRule.destination)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.newRule, \"destination\", $event.target.value)}}})]),_c('td',{staticClass:\"border border-neutral-500/50\"},[_c('select',{staticClass:\"bg-transparent\",attrs:{\"form\":\"fw\",\"name\":\"protocol\"},on:{\"change\":function (e) { return _vm.newRule.protocol = e.target.value; }}},[_c('option',{staticClass:\"dark:text-white dark:bg-neutral-700\",attrs:{\"selected\":\"\",\"value\":\"TCP\"}},[_vm._v(\"TCP\")]),_c('option',{staticClass:\"dark:text-white dark:bg-neutral-700\",attrs:{\"value\":\"UDP\"}},[_vm._v(\"UDP\")])])]),_c('td',{staticClass:\"border border-neutral-500/50 p-1\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newRule.target),expression:\"newRule.target\"}],staticClass:\"bg-transparent\",attrs:{\"form\":\"fw\",\"name\":\"target\"},on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.newRule, \"target\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{staticClass:\"dark:text-white dark:bg-neutral-700\",attrs:{\"value\":\"ACCEPT\"}},[_vm._v(\"ALLOW\")]),_c('option',{staticClass:\"dark:text-white dark:bg-neutral-700\",attrs:{\"selected\":\"\",\"value\":\"DROP\"}},[_vm._v(\"BLOCK\")])])])])],2)])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- If you modify this file, run `(p)npm run buildfirewall` -->\n\n<script>\nexport default {\n  name: 'Firewall',\n  data() {\n    let interfaces = [];\n    let rules = [];\n    let newRule = {\n      source: '*',\n      destination: '*',\n      protocol: 'TCP',\n      target: 'DROP',\n    };\n    return { interfaces, rules, newRule };\n  },\n  methods: {\n    getInterfaces() {\n      this.api.getInterfaces().then((interfaces) => {\n        this.interfaces = interfaces;\n      })\n        .catch((err) => {\n          alert(err.message || err.toString());\n        })\n    },\n    getRules() {\n      this.api.getRules().then((rules) => {\n        this.rules = rules;\n      })\n        .catch((err) => {\n          alert(err.message || err.toString());\n        })\n    },\n    addRule(e) {\n      e.preventDefault();\n\n      const { source, destination, protocol, target } = this.newRule;\n      this.api.addRule({ source, destination, protocol, target }).then(() => {\n        this.newRule = {\n          source: '*',\n          destination: '*',\n          protocol: 'TCP',\n          target: 'DROP',\n        };\n      }).catch((err) => {\n        alert(err.message || err.toString());\n      }).finally(() => {\n        this.getRules();\n      });\n    },\n    deleteRule(num) {\n      this.api.deleteRule({ num }).catch((err) => {\n        alert(err.message || err.toString());\n      }).finally(() => {\n        this.getRules();\n      });\n    },\n  },\n  mounted() {\n    this.api = new API();\n    this.getInterfaces();\n    this.getRules();\n  }\n}\n</script>\n\n<template>\n  <div class=\"shadow-md rounded-lg bg-white dark:bg-neutral-700 overflow-hidden mb-4\">\n    <div class=\"flex flex-row flex-auto items-center p-3 px-5 border-b-2 border-neutral-500/50 dark:border-neutral-600\">\n      <div class=\"flex-grow\">\n        <p class=\"text-2xl font-medium dark:text-neutral-200\">{{ $t('fwFirewall') }}</p>\n      </div>\n    </div>\n\n    <div class=\"container p-2 flex flex-col md:items-center\">\n      <table class=\"border border-neutral-500/50 bg-gray-200/10 dark:text-neutral-200 md:w-[75%] mb-4\">\n        <thead>\n          <tr>\n            <th class=\"border border-neutral-500/50 text-start p-1\">{{ $t('fwInterface') }}</th>\n            <th class=\"border border-neutral-500/50 text-start p-1\">{{ $t('fwIpv4') }}</th>\n            <th class=\"border border-neutral-500/50 text-start p-1\">{{ $t('fwIpv6') }}</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-for=\"(iface, index) in interfaces\" :key=\"index\">\n            <td class=\"border border-neutral-500/50 p-1\">{{ iface.name }}</td>\n            <td class=\"border border-neutral-500/50 p-1\">{{ iface.ipv4 }}</td>\n            <td class=\"border border-neutral-500/50 p-1\">{{ iface.ipv6 }}</td>\n          </tr>\n        </tbody>\n      </table>\n\n      <form id=\"fw\" @submit=\"addRule\"></form>\n\n      <div class=\"overflow-x-auto\">\n        <table class=\"dark:text-neutral-200 border-t-2 border-collapse dark:border-neutral-200 p-2\">\n          <thead class=\"bg-gray-200 dark:bg-neutral-600\">\n            <tr>\n              <th class=\"border dark:border-neutral-200 p-1\">{{ $t('fwAction') }}</th>\n              <th class=\"border dark:border-neutral-200 p-1\">{{ $t('fwSource') }}</th>\n              <th class=\"border dark:border-neutral-200 p-1\">{{ $t('fwDestination') }}</th>\n              <th class=\"border dark:border-neutral-200 p-1\">{{ $t('fwProtocol') }}</th>\n              <th class=\"border dark:border-neutral-200 p-1\">{{ $t('fwTarget') }}</th>\n            </tr>\n          </thead>\n          <tbody class=\"text-center\">\n            <tr v-for=\"(rule, index) in rules\" :key=\"index\">\n              <td class=\"border border-neutral-500/50 p-1 hover:bg-red-800/50 transition\">\n                <button type=\"button\" @click=\"deleteRule(rule.num)\">\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                    stroke=\"currentColor\" class=\"size-6\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                      d=\"m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0\" />\n                  </svg>\n                </button>\n              </td>\n              <td class=\"border border-neutral-500/50 p-1\">{{ rule.source }}</td>\n              <td class=\"border border-neutral-500/50 p-1\">{{ rule.destination }}</td>\n              <td class=\"border border-neutral-500/50 p-1\">{{ rule.protocol }}</td>\n              <td class=\"border border-neutral-500/50 p-1\">{{ rule.target }}</td>\n            </tr>\n            <tr>\n              <td class=\"border border-neutral-500/50 p-1 hover:bg-green-800/50 transition\">\n                <button form=\"fw\" type=\"submit\">\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                    stroke=\"currentColor\" class=\"size-6\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\" />\n                  </svg>\n                </button>\n              </td>\n              <td class=\"border border-neutral-500/50\">\n                <input form=\"fw\" type=\"text\" name=\"source\" v-model=\"newRule.source\"\n                  class=\"outline-none bg-transparent text-center\" />\n              </td>\n              <td class=\"border border-neutral-500/50\">\n                <input form=\"fw\" type=\"text\" name=\"destination\" v-model=\"newRule.destination\"\n                  class=\"outline-none bg-transparent text-center\" />\n              </td>\n              <td class=\"border border-neutral-500/50\">\n                <select form=\"fw\" name=\"protocol\" @change=\"(e) => newRule.protocol = e.target.value\"\n                  class=\"bg-transparent\">\n                  <option class=\"dark:text-white dark:bg-neutral-700\" selected value=\"TCP\">TCP</option>\n                  <option class=\"dark:text-white dark:bg-neutral-700\" value=\"UDP\">UDP</option>\n                </select>\n              </td>\n              <td class=\"border border-neutral-500/50 p-1\">\n                <select form=\"fw\" name=\"target\" v-model=\"newRule.target\" class=\"bg-transparent\">\n                  <option class=\"dark:text-white dark:bg-neutral-700\" value=\"ACCEPT\">ALLOW</option>\n                  <option class=\"dark:text-white dark:bg-neutral-700\" selected value=\"DROP\">BLOCK</option>\n                </select>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </div>\n  </div>\n</template>\n","import mod from \"-!../../../../../.local/share/pnpm/global/5/.pnpm/vue-loader@15.11.1_css-loader@6.11.0_webpack@5.93.0__lodash@4.17.21_webpack@5.93.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./Firewall.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../.local/share/pnpm/global/5/.pnpm/vue-loader@15.11.1_css-loader@6.11.0_webpack@5.93.0__lodash@4.17.21_webpack@5.93.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./Firewall.vue?vue&type=script&lang=js\"","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent(\n  scriptExports,\n  render,\n  staticRenderFns,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier /* server only */,\n  shadowMode /* vue-cli only */\n) {\n  // Vue.extend constructor export interop\n  var options =\n    typeof scriptExports === 'function' ? scriptExports.options : scriptExports\n\n  // render functions\n  if (render) {\n    options.render = render\n    options.staticRenderFns = staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = 'data-v-' + scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) {\n    // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = shadowMode\n      ? function () {\n          injectStyles.call(\n            this,\n            (options.functional ? this.parent : this).$root.$options.shadowRoot\n          )\n        }\n      : injectStyles\n  }\n\n  if (hook) {\n    if (options.functional) {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functional component in vue file\n      var originalRender = options.render\n      options.render = function renderWithStyleInjection(h, context) {\n        hook.call(context)\n        return originalRender(h, context)\n      }\n    } else {\n      // inject component registration as beforeCreate hook\n      var existing = options.beforeCreate\n      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]\n    }\n  }\n\n  return {\n    exports: scriptExports,\n    options: options\n  }\n}\n","import { render, staticRenderFns } from \"./Firewall.vue?vue&type=template&id=71578128\"\nimport script from \"./Firewall.vue?vue&type=script&lang=js\"\nexport * from \"./Firewall.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../.local/share/pnpm/global/5/.pnpm/vue-loader@15.11.1_css-loader@6.11.0_webpack@5.93.0__lodash@4.17.21_webpack@5.93.0/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import './setPublicPath'\nimport mod from '~entry'\nexport default mod\nexport * from '~entry'\n"],"names":["root","factory","exports","module","define","amd","self","this","__webpack_require__","d","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","p","window","currentScript","document","src","match","render","_vm","_h","$createElement","_c","_self","staticClass","_v","_s","$t","_l","iface","index","name","ipv4","ipv6","attrs","on","addRule","rule","$event","deleteRule","num","source","destination","protocol","target","directives","rawName","value","newRule","expression","domProps","composing","$set","e","$$selectedVal","Array","filter","options","selected","map","val","_value","multiple","staticRenderFns","data","interfaces","rules","methods","getInterfaces","api","then","catch","err","alert","message","toString","getRules","preventDefault","finally","mounted","API","normalizeComponent","scriptExports","functionalTemplate","injectStyles","scopeId","moduleIdentifier","shadowMode","hook","_compiled","functional","_scopeId","context","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","_registeredComponents","add","_ssrRegister","$root","$options","shadowRoot","_injectStyles","originalRender","h","existing","beforeCreate","concat","component"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"vue-firewall.umd.min.js","mappings":"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","sources":["webpack://VueFirewall/webpack/universalModuleDefinition","webpack://VueFirewall/webpack/bootstrap","webpack://VueFirewall/webpack/runtime/define property getters","webpack://VueFirewall/webpack/runtime/hasOwnProperty shorthand","webpack://VueFirewall/webpack/runtime/publicPath","webpack://VueFirewall/../../../.local/share/pnpm/global/5/.pnpm/@vue+cli-service@5.0.8_lodash@4.17.21_webpack-sources@3.2.3/node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js","webpack://VueFirewall/./www/templates/Firewall.vue?c7a7","webpack://VueFirewall/www/templates/Firewall.vue","webpack://VueFirewall/./www/templates/Firewall.vue?6878","webpack://VueFirewall/../../../.local/share/pnpm/global/5/.pnpm/vue-loader@15.11.1_css-loader@6.11.0_webpack@5.93.0__lodash@4.17.21_webpack@5.93.0/node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack://VueFirewall/./www/templates/Firewall.vue","webpack://VueFirewall/../../../.local/share/pnpm/global/5/.pnpm/@vue+cli-service@5.0.8_lodash@4.17.21_webpack-sources@3.2.3/node_modules/@vue/cli-service/lib/commands/build/entry-lib.js"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"VueFirewall\"] = factory();\n\telse\n\t\troot[\"VueFirewall\"] = factory();\n})((typeof self !== 'undefined' ? self : this), () => {\nreturn ","// The require scope\nvar __webpack_require__ = {};\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","__webpack_require__.p = \"\";","/* eslint-disable no-var */\n// This file is imported into lib/wc client bundles.\n\nif (typeof window !== 'undefined') {\n  var currentScript = window.document.currentScript\n  if (process.env.NEED_CURRENTSCRIPT_POLYFILL) {\n    var getCurrentScript = require('@soda/get-current-script')\n    currentScript = getCurrentScript()\n\n    // for backward compatibility, because previously we directly included the polyfill\n    if (!('currentScript' in document)) {\n      Object.defineProperty(document, 'currentScript', { get: getCurrentScript })\n    }\n  }\n\n  var src = currentScript && currentScript.src.match(/(.+\\/)[^/]+\\.js(\\?.*)?$/)\n  if (src) {\n    __webpack_public_path__ = src[1] // eslint-disable-line\n  }\n}\n\n// Indicate to webpack that this file can be concatenated\nexport default null\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"shadow-md rounded-lg bg-white dark:bg-neutral-700 overflow-hidden mb-4\"},[_c('div',{staticClass:\"flex flex-row flex-auto items-center p-3 px-5 border-b-2 border-neutral-500/50 dark:border-neutral-600\"},[_c('div',{staticClass:\"flex-grow\"},[_c('p',{staticClass:\"text-2xl font-medium dark:text-neutral-200\"},[_vm._v(_vm._s(_vm.$t('fwFirewall')))])])]),_c('div',{staticClass:\"container p-2 flex flex-col md:items-center\"},[_c('table',{staticClass:\"border border-neutral-500/50 bg-gray-200/10 dark:text-neutral-200 md:w-[75%] mb-4\"},[_c('thead',[_c('tr',[_c('th',{staticClass:\"border border-neutral-500/50 text-start p-1\"},[_vm._v(_vm._s(_vm.$t('fwInterface')))]),_c('th',{staticClass:\"border border-neutral-500/50 text-start p-1\"},[_vm._v(_vm._s(_vm.$t('fwIpv4')))]),_c('th',{staticClass:\"border border-neutral-500/50 text-start p-1\"},[_vm._v(_vm._s(_vm.$t('fwIpv6')))])])]),_c('tbody',_vm._l((_vm.interfaces),function(iface,index){return _c('tr',{key:index},[_c('td',{staticClass:\"border border-neutral-500/50 p-1\"},[_vm._v(_vm._s(iface.name))]),_c('td',{staticClass:\"border border-neutral-500/50 p-1\"},[_vm._v(_vm._s(iface.ipv4))]),_c('td',{staticClass:\"border border-neutral-500/50 p-1\"},[_vm._v(_vm._s(iface.ipv6))])])}),0)]),_c('form',{attrs:{\"id\":\"fw\"},on:{\"submit\":_vm.addRule}}),_c('div',{staticClass:\"overflow-x-auto\"},[_c('table',{staticClass:\"dark:text-neutral-200 border-t-2 border-collapse dark:border-neutral-200 p-2\"},[_c('thead',{staticClass:\"bg-gray-200 dark:bg-neutral-600\"},[_c('tr',[_c('th',{staticClass:\"border dark:border-neutral-200 p-1\"},[_vm._v(_vm._s(_vm.$t('fwAction')))]),_c('th',{staticClass:\"border dark:border-neutral-200 p-1\"},[_vm._v(_vm._s(_vm.$t('fwSource')))]),_c('th',{staticClass:\"border dark:border-neutral-200 p-1\"},[_vm._v(_vm._s(_vm.$t('fwDestination')))]),_c('th',{staticClass:\"border dark:border-neutral-200 p-1\"},[_vm._v(_vm._s(_vm.$t('fwProtocol')))]),_c('th',{staticClass:\"border dark:border-neutral-200 p-1\"},[_vm._v(_vm._s(_vm.$t('fwTarget')))])])]),_c('tbody',{staticClass:\"text-center\"},[_vm._l((_vm.rules),function(rule,index){return _c('tr',{key:index},[_c('td',{staticClass:\"border border-neutral-500/50 p-1 hover:bg-red-800/50 transition\"},[_c('button',{attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.deleteRule(rule.num)}}},[_c('svg',{staticClass:\"size-6\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill\":\"none\",\"viewBox\":\"0 0 24 24\",\"stroke-width\":\"1.5\",\"stroke\":\"currentColor\"}},[_c('path',{attrs:{\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"d\":\"m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0\"}})])])]),_c('td',{staticClass:\"border border-neutral-500/50 p-1\"},[_vm._v(_vm._s(rule.source))]),_c('td',{staticClass:\"border border-neutral-500/50 p-1\"},[_vm._v(_vm._s(rule.destination))]),_c('td',{staticClass:\"border border-neutral-500/50 p-1\"},[_vm._v(_vm._s(rule.protocol))]),_c('td',{staticClass:\"border border-neutral-500/50 p-1\"},[_vm._v(_vm._s(rule.target))])])}),_c('tr',[_c('td',{staticClass:\"border border-neutral-500/50 p-1 hover:bg-green-800/50 transition\"},[_c('button',{attrs:{\"form\":\"fw\",\"type\":\"submit\"}},[_c('svg',{staticClass:\"size-6\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill\":\"none\",\"viewBox\":\"0 0 24 24\",\"stroke-width\":\"1.5\",\"stroke\":\"currentColor\"}},[_c('path',{attrs:{\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"d\":\"M12 4.5v15m7.5-7.5h-15\"}})])])]),_c('td',{staticClass:\"border border-neutral-500/50\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newRule.source),expression:\"newRule.source\"}],staticClass:\"outline-none bg-transparent text-center\",attrs:{\"form\":\"fw\",\"type\":\"text\",\"name\":\"source\"},domProps:{\"value\":(_vm.newRule.source)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.newRule, \"source\", $event.target.value)}}})]),_c('td',{staticClass:\"border border-neutral-500/50\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newRule.destination),expression:\"newRule.destination\"}],staticClass:\"outline-none bg-transparent text-center\",attrs:{\"form\":\"fw\",\"type\":\"text\",\"name\":\"destination\"},domProps:{\"value\":(_vm.newRule.destination)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.newRule, \"destination\", $event.target.value)}}})]),_c('td',{staticClass:\"border border-neutral-500/50\"},[_c('select',{staticClass:\"bg-transparent\",attrs:{\"form\":\"fw\",\"name\":\"protocol\"},on:{\"change\":function (e) { return _vm.newRule.protocol = e.target.value; }}},[_c('option',{staticClass:\"dark:text-white dark:bg-neutral-700\",attrs:{\"selected\":\"\",\"value\":\"TCP\"}},[_vm._v(\"TCP\")]),_c('option',{staticClass:\"dark:text-white dark:bg-neutral-700\",attrs:{\"value\":\"UDP\"}},[_vm._v(\"UDP\")])])]),_c('td',{staticClass:\"border border-neutral-500/50 p-1\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newRule.target),expression:\"newRule.target\"}],staticClass:\"bg-transparent\",attrs:{\"form\":\"fw\",\"name\":\"target\"},on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.newRule, \"target\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{staticClass:\"dark:text-white dark:bg-neutral-700\",attrs:{\"value\":\"ACCEPT\"}},[_vm._v(\"ALLOW\")]),_c('option',{staticClass:\"dark:text-white dark:bg-neutral-700\",attrs:{\"selected\":\"\",\"value\":\"DROP\"}},[_vm._v(\"BLOCK\")])])])])],2)])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- If you modify this file, run `(p)npm run buildfirewall` -->\n\n<script>\nexport default {\n  name: 'Firewall',\n  data() {\n    let interfaces = [];\n    let rules = [];\n    let newRule = {\n      source: '*',\n      destination: '*',\n      protocol: 'TCP',\n      target: 'DROP',\n    };\n    return { interfaces, rules, newRule };\n  },\n  methods: {\n    getInterfaces() {\n      this.api.getInterfaces().then((interfaces) => {\n        this.interfaces = interfaces;\n      })\n        .catch((err) => {\n          alert(err.message || err.toString());\n        })\n    },\n    getRules() {\n      this.api.getRules().then((rules) => {\n        this.rules = rules;\n      })\n        .catch((err) => {\n          alert(err.message || err.toString());\n        })\n    },\n    addRule(e) {\n      e.preventDefault();\n\n      const { source, destination, protocol, target } = this.newRule;\n      this.api.addRule({ source, destination, protocol, target }).then(() => {\n        this.newRule = {\n          source: '*',\n          destination: '*',\n          protocol: 'TCP',\n          target: 'DROP',\n        };\n      }).catch((err) => {\n        alert(err.message || err.toString());\n      }).finally(() => {\n        this.getRules();\n      });\n    },\n    deleteRule(num) {\n      this.api.deleteRule({ num }).catch((err) => {\n        alert(err.message || err.toString());\n      }).finally(() => {\n        this.getRules();\n      });\n    },\n  },\n  mounted() {\n    this.api = new API();\n    this.getInterfaces();\n    this.getRules();\n  }\n}\n</script>\n\n<template>\n  <div class=\"shadow-md rounded-lg bg-white dark:bg-neutral-700 overflow-hidden mb-4\">\n    <div class=\"flex flex-row flex-auto items-center p-3 px-5 border-b-2 border-neutral-500/50 dark:border-neutral-600\">\n      <div class=\"flex-grow\">\n        <p class=\"text-2xl font-medium dark:text-neutral-200\">{{ $t('fwFirewall') }}</p>\n      </div>\n    </div>\n\n    <div class=\"container p-2 flex flex-col md:items-center\">\n      <table class=\"border border-neutral-500/50 bg-gray-200/10 dark:text-neutral-200 md:w-[75%] mb-4\">\n        <thead>\n          <tr>\n            <th class=\"border border-neutral-500/50 text-start p-1\">{{ $t('fwInterface') }}</th>\n            <th class=\"border border-neutral-500/50 text-start p-1\">{{ $t('fwIpv4') }}</th>\n            <th class=\"border border-neutral-500/50 text-start p-1\">{{ $t('fwIpv6') }}</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-for=\"(iface, index) in interfaces\" :key=\"index\">\n            <td class=\"border border-neutral-500/50 p-1\">{{ iface.name }}</td>\n            <td class=\"border border-neutral-500/50 p-1\">{{ iface.ipv4 }}</td>\n            <td class=\"border border-neutral-500/50 p-1\">{{ iface.ipv6 }}</td>\n          </tr>\n        </tbody>\n      </table>\n\n      <form id=\"fw\" @submit=\"addRule\"></form>\n\n      <div class=\"overflow-x-auto\">\n        <table class=\"dark:text-neutral-200 border-t-2 border-collapse dark:border-neutral-200 p-2\">\n          <thead class=\"bg-gray-200 dark:bg-neutral-600\">\n            <tr>\n              <th class=\"border dark:border-neutral-200 p-1\">{{ $t('fwAction') }}</th>\n              <th class=\"border dark:border-neutral-200 p-1\">{{ $t('fwSource') }}</th>\n              <th class=\"border dark:border-neutral-200 p-1\">{{ $t('fwDestination') }}</th>\n              <th class=\"border dark:border-neutral-200 p-1\">{{ $t('fwProtocol') }}</th>\n              <th class=\"border dark:border-neutral-200 p-1\">{{ $t('fwTarget') }}</th>\n            </tr>\n          </thead>\n          <tbody class=\"text-center\">\n            <tr v-for=\"(rule, index) in rules\" :key=\"index\">\n              <td class=\"border border-neutral-500/50 p-1 hover:bg-red-800/50 transition\">\n                <button type=\"button\" @click=\"deleteRule(rule.num)\">\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                    stroke=\"currentColor\" class=\"size-6\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                      d=\"m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0\"/>\n                  </svg>\n                </button>\n              </td>\n              <td class=\"border border-neutral-500/50 p-1\">{{ rule.source }}</td>\n              <td class=\"border border-neutral-500/50 p-1\">{{ rule.destination }}</td>\n              <td class=\"border border-neutral-500/50 p-1\">{{ rule.protocol }}</td>\n              <td class=\"border border-neutral-500/50 p-1\">{{ rule.target }}</td>\n            </tr>\n            <tr>\n              <td class=\"border border-neutral-500/50 p-1 hover:bg-green-800/50 transition\">\n                <button form=\"fw\" type=\"submit\">\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                    stroke=\"currentColor\" class=\"size-6\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\"/>\n                  </svg>\n                </button>\n              </td>\n              <td class=\"border border-neutral-500/50\">\n                <input form=\"fw\" type=\"text\" name=\"source\" v-model=\"newRule.source\"\n                  class=\"outline-none bg-transparent text-center\"/>\n              </td>\n              <td class=\"border border-neutral-500/50\">\n                <input form=\"fw\" type=\"text\" name=\"destination\" v-model=\"newRule.destination\"\n                  class=\"outline-none bg-transparent text-center\"/>\n              </td>\n              <td class=\"border border-neutral-500/50\">\n                <select form=\"fw\" name=\"protocol\" @change=\"(e) => newRule.protocol = e.target.value\"\n                  class=\"bg-transparent\">\n                  <option class=\"dark:text-white dark:bg-neutral-700\" selected value=\"TCP\">TCP</option>\n                  <option class=\"dark:text-white dark:bg-neutral-700\" value=\"UDP\">UDP</option>\n                </select>\n              </td>\n              <td class=\"border border-neutral-500/50 p-1\">\n                <select form=\"fw\" name=\"target\" v-model=\"newRule.target\" class=\"bg-transparent\">\n                  <option class=\"dark:text-white dark:bg-neutral-700\" value=\"ACCEPT\">ALLOW</option>\n                  <option class=\"dark:text-white dark:bg-neutral-700\" selected value=\"DROP\">BLOCK</option>\n                </select>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </div>\n  </div>\n</template>\n","import mod from \"-!../../../../../.local/share/pnpm/global/5/.pnpm/vue-loader@15.11.1_css-loader@6.11.0_webpack@5.93.0__lodash@4.17.21_webpack@5.93.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./Firewall.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../.local/share/pnpm/global/5/.pnpm/vue-loader@15.11.1_css-loader@6.11.0_webpack@5.93.0__lodash@4.17.21_webpack@5.93.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./Firewall.vue?vue&type=script&lang=js\"","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent(\n  scriptExports,\n  render,\n  staticRenderFns,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier /* server only */,\n  shadowMode /* vue-cli only */\n) {\n  // Vue.extend constructor export interop\n  var options =\n    typeof scriptExports === 'function' ? scriptExports.options : scriptExports\n\n  // render functions\n  if (render) {\n    options.render = render\n    options.staticRenderFns = staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = 'data-v-' + scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) {\n    // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = shadowMode\n      ? function () {\n          injectStyles.call(\n            this,\n            (options.functional ? this.parent : this).$root.$options.shadowRoot\n          )\n        }\n      : injectStyles\n  }\n\n  if (hook) {\n    if (options.functional) {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functional component in vue file\n      var originalRender = options.render\n      options.render = function renderWithStyleInjection(h, context) {\n        hook.call(context)\n        return originalRender(h, context)\n      }\n    } else {\n      // inject component registration as beforeCreate hook\n      var existing = options.beforeCreate\n      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]\n    }\n  }\n\n  return {\n    exports: scriptExports,\n    options: options\n  }\n}\n","import { render, staticRenderFns } from \"./Firewall.vue?vue&type=template&id=602b3624\"\nimport script from \"./Firewall.vue?vue&type=script&lang=js\"\nexport * from \"./Firewall.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../.local/share/pnpm/global/5/.pnpm/vue-loader@15.11.1_css-loader@6.11.0_webpack@5.93.0__lodash@4.17.21_webpack@5.93.0/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import './setPublicPath'\nimport mod from '~entry'\nexport default mod\nexport * from '~entry'\n"],"names":["root","factory","exports","module","define","amd","self","this","__webpack_require__","d","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","p","window","currentScript","document","src","match","render","_vm","_h","$createElement","_c","_self","staticClass","_v","_s","$t","_l","iface","index","name","ipv4","ipv6","attrs","on","addRule","rule","$event","deleteRule","num","source","destination","protocol","target","directives","rawName","value","newRule","expression","domProps","composing","$set","e","$$selectedVal","Array","filter","options","selected","map","val","_value","multiple","staticRenderFns","data","interfaces","rules","methods","getInterfaces","api","then","catch","err","alert","message","toString","getRules","preventDefault","finally","mounted","API","normalizeComponent","scriptExports","functionalTemplate","injectStyles","scopeId","moduleIdentifier","shadowMode","hook","_compiled","functional","_scopeId","context","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","_registeredComponents","add","_ssrRegister","$root","$options","shadowRoot","_injectStyles","originalRender","h","existing","beforeCreate","concat","component"],"sourceRoot":""}
\ No newline at end of file