{"version":3,"sources":["webpack:///./src/views/Layout.vue?b5c1","webpack:///./src/components/CAppSelector.vue?b93b","webpack:///./src/views/Layout.vue?6d4b","webpack:///./src/components/CAppSelector.vue?4690","webpack:///src/components/CAppSelector.vue","webpack:///./src/components/CAppSelector.vue?4874","webpack:///./src/components/CAppSelector.vue","webpack:///src/views/Layout.vue","webpack:///./src/views/Layout.vue?2cdf","webpack:///./src/views/Layout.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","directives","name","rawName","value","expression","attrs","pinned","$Settings","get","helpForum","$t","helpDocumentation","helpFeedback","helpVersion","userSettingsLoggedInAs","user","userSettingsProfile","userSettingsChangePassword","userSettingsLogout","scopedSlots","_u","key","fn","logo","proxy","loaded","_e","staticRenderFns","_v","model","callback","$$v","query","trim","filteredApps","canCreateApplication","isMobileResolution","on","onDrop","appList","_l","app","applicationID","getStepName","unify","url","$event","hovered","undefined","logoUrl","_s","style","cursor","enabled","$refs","tour","onStartClick","startTour","ref","filteredSteps","i18nOptions","namespaces","components","Draggable","Tour","TourStart","CInputSearch","props","type","String","default","data","canPin","steps","computed","filter","step","dynamic","watch","immediate","handler","apps","created","fetchEffective","window","innerWidth","methods","$SystemAPI","permissionsEffective","handlePin","pin","unpinApp","pinApp","onStart","startsWith","apiSystem","apiBaseUrl","substring","length","component","CAppSelector","CTopbar","CLoaderLogo","CPrompts","icon","attachment","handle","email","favicon","href","beforeCreate","location","replace","preloadApplications"],"mappings":"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","file":"js/chunk-4d789a99.ce97ed44.js","sourcesContent":["export * from \"-!../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Layout.vue?vue&type=style&index=0&id=5ec82d64&lang=scss&scoped=true&\"","export * from \"-!../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./CAppSelector.vue?vue&type=style&index=0&id=55552842&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"d-flex flex-column w-100 vh-100\"},[_c('header',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loaded),expression:\"loaded\"}],staticClass:\"mw-100\"},[_c('c-topbar',{attrs:{\"hide-app-selector\":\"\",\"sidebar-pinned\":_vm.pinned,\"settings\":_vm.$Settings.get('ui.topbar', {}),\"labels\":{\n        helpForum: _vm.$t('help.forum'),\n        helpDocumentation: _vm.$t('help.documentation'),\n        helpFeedback: _vm.$t('help.feedback'),\n        helpVersion: _vm.$t('help.version'),\n        userSettingsLoggedInAs: _vm.$t('userSettings.loggedInAs', { user: _vm.user }),\n        userSettingsProfile: _vm.$t('userSettings.profile'),\n        userSettingsChangePassword: _vm.$t('userSettings.changePassword'),\n        userSettingsLogout: _vm.$t('userSettings.logout'),\n      }},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('b-img',{staticClass:\"logo\",attrs:{\"src\":_vm.logo}})]},proxy:true},{key:\"help-dropdown\",fn:function(){return [_c('portal-target',{attrs:{\"name\":\"topbar-help-dropdown\"}})]},proxy:true}])})],1),_c('main',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loaded),expression:\"loaded\"}],staticClass:\"flex-fill overflow-hidden\"},[_c('c-app-selector',{attrs:{\"logo\":_vm.logo}})],1),(!_vm.loaded)?_c('c-loader-logo',{attrs:{\"logo\":_vm.logo}}):_vm._e(),_c('c-prompts',{attrs:{\"hide-toasts\":!_vm.loaded}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"app-selector d-flex flex-column p-3 h-100\"},[_c('div',{staticClass:\"d-flex justify-content-between align-items-center\"},[_c('span',{},[_vm._v(\"我的应用\")]),_c('div',{staticClass:\"search\"},[_c('div',{staticClass:\"flex-grow-1 mt-1\"},[_c('c-input-search',{attrs:{\"data-v-onboarding\":\"app-list\",\"aria-label\":_vm.$t('search'),\"placeholder\":_vm.$t('search'),\"debounce\":200},model:{value:(_vm.query),callback:function ($$v) {_vm.query=(typeof $$v === 'string'? $$v.trim(): $$v)},expression:\"query\"}})],1)])]),_c('div',{staticClass:\"app-container\"},[(_vm.filteredApps.length)?_c('draggable',{staticClass:\"h-100 w-100\",attrs:{\"group\":\"apps\",\"disabled\":!_vm.canCreateApplication || _vm.query || _vm.isMobileResolution},on:{\"end\":_vm.onDrop},model:{value:(_vm.appList),callback:function ($$v) {_vm.appList=$$v},expression:\"appList\"}},[_c('transition-group',{staticClass:\"d-flex flex-wrap justify-content-center m-xl-0 gap-3\",attrs:{\"name\":\"apps\",\"tag\":\"div\"}},_vm._l((_vm.filteredApps),function(app){return _c('b-card',{key:app.applicationID,staticClass:\"app overflow-hidden\",attrs:{\"data-v-onboarding\":_vm.getStepName(app.unify.url),\"no-body\":\"\",\"overlay\":\"\"},on:{\"mouseover\":function($event){_vm.hovered = app.applicationID},\"mouseleave\":function($event){_vm.hovered = undefined}}},[_c('div',{staticClass:\"align-content-center d-flex flex-grow-1 flex-wrap\"},[_c('b-card-img',{staticClass:\"rounded-0 thumbnail\",attrs:{\"src\":_vm.logoUrl(app),\"alt\":app.unify.name || app.name}})],1),_c('b-card-text',{staticClass:\"text-center my-4 h6\"},[_vm._v(\"\\n            \"+_vm._s(app.unify.name || app.name)+\"\\n          \")]),_c('b-link',{staticClass:\"stretched-link\",style:([{ cursor: (\"\" + (app.enabled ? 'pointer': _vm.canCreateApplication ? 'grab' : 'default')) }]),attrs:{\"data-test-id\":app.name,\"disabled\":!app.enabled,\"href\":app.unify.url}})],1)}),1)],1):_c('div',{staticClass:\"d-flex justify-content-center w-100\"},[_c('h4',{staticClass:\"mt-5\",attrs:{\"data-test-id\":\"heading-no-apps\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('no-applications'))+\"\\n      \")])])],1),_c('portal',{attrs:{\"to\":\"topbar-help-dropdown\"}},[_c('b-dropdown-item',{attrs:{\"data-test-id\":\"dropdown-helper-tour\"},on:{\"click\":function($event){return _vm.$refs.tour.onStartClick()}}},[_vm._v(\"\\n      \"+_vm._s(_vm.$t('start-tour'))+\"\\n    \")])],1),_c('tour-start',{on:{\"start\":_vm.startTour}}),_c('tour',{ref:\"tour\",attrs:{\"name\":\"app-list\",\"steps\":_vm.filteredSteps}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"app-selector d-flex flex-column p-3 h-100\"\n  >\n    <div class=\"d-flex justify-content-between align-items-center\">\n      <span class=\"\">我的应用</span>\n      <div class=\"search\">\n        <div class=\"flex-grow-1 mt-1\">\n          <c-input-search\n            v-model.trim=\"query\"\n            data-v-onboarding=\"app-list\"\n            :aria-label=\"$t('search')\"\n            :placeholder=\"$t('search')\"\n            :debounce=\"200\"\n          />\n        </div>\n      </div>\n    </div>\n\n    <div\n      class=\"app-container\"\n    >\n      <draggable\n        v-if=\"filteredApps.length\"\n        v-model=\"appList\"\n        group=\"apps\"\n        class=\"h-100 w-100\"\n        :disabled=\"!canCreateApplication || query || isMobileResolution\"\n        @end=\"onDrop\"\n      >\n        <transition-group\n          name=\"apps\"\n          tag=\"div\"\n          class=\"d-flex flex-wrap justify-content-center m-xl-0 gap-3\"\n        >\n          <b-card\n            v-for=\"app in filteredApps\"\n            :key=\"app.applicationID\"\n            :data-v-onboarding=\"getStepName(app.unify.url)\"\n            no-body\n            overlay\n            class=\"app overflow-hidden\"\n            @mouseover=\"hovered = app.applicationID\"\n            @mouseleave=\"hovered = undefined\"\n          >\n            <div\n              class=\"align-content-center d-flex flex-grow-1 flex-wrap\"\n            >\n              <b-card-img\n                class=\"rounded-0 thumbnail\"\n                :src=\"logoUrl(app)\"\n                :alt=\"app.unify.name || app.name\"\n              />\n            </div>\n\n            <b-card-text\n              class=\"text-center my-4 h6\"\n            >\n              {{ app.unify.name || app.name }}\n            </b-card-text>\n\n            <b-link\n              :data-test-id=\"app.name\"\n              :disabled=\"!app.enabled\"\n              :href=\"app.unify.url\"\n              :style=\"[{ cursor: `${app.enabled ? 'pointer': canCreateApplication ? 'grab' : 'default'}` }]\"\n              class=\"stretched-link\"\n            />\n          </b-card>\n        </transition-group>\n      </draggable>\n\n      <div\n        v-else\n        class=\"d-flex justify-content-center w-100\"\n      >\n        <h4\n          data-test-id=\"heading-no-apps\"\n          class=\"mt-5\"\n        >\n          {{ $t('no-applications') }}\n        </h4>\n      </div>\n    </div>\n\n    <portal\n      to=\"topbar-help-dropdown\"\n    >\n      <b-dropdown-item\n        data-test-id=\"dropdown-helper-tour\"\n        @click=\"$refs.tour.onStartClick()\"\n      >\n        {{ $t('start-tour') }}\n      </b-dropdown-item>\n    </portal>\n\n    <tour-start\n      @start=\"startTour\"\n    />\n\n    <tour\n      ref=\"tour\"\n      name=\"app-list\"\n      :steps=\"filteredSteps\"\n    />\n  </div>\n</template>\n<script>\nimport { mapGetters, mapActions } from 'vuex'\nimport Draggable from 'vuedraggable'\nimport { components, url } from '@cortezaproject/corteza-vue'\nconst { Tour, TourStart, CInputSearch } = components\n\nexport default {\n  i18nOptions: {\n    namespaces: 'layout',\n  },\n\n  components: {\n    Draggable,\n    Tour,\n    TourStart,\n    CInputSearch,\n  },\n\n  props: {\n    logo: {\n      type: String,\n      default: () => '',\n    },\n  },\n\n  data () {\n    return {\n      query: '',\n\n      appList: [],\n\n      canCreateApplication: false,\n      canPin: false,\n\n      hovered: undefined,\n\n      isMobileResolution: false,\n\n      steps: [\n        { name: 'app-list', dynamic: false },\n        { name: 'low-code', dynamic: true },\n        { name: 'crm', dynamic: true },\n        { name: 'reporter', dynamic: true },\n        { name: 'workflow', dynamic: true },\n        { name: 'profile', dynamic: false },\n      ],\n\n    }\n  },\n\n  computed: {\n    ...mapGetters({\n      apps: 'applications/unifyOnly',\n    }),\n\n    filteredApps () {\n      const query = (this.query || '').toUpperCase()\n      return this.query\n        ? this.appList.filter(({ name }) => (name.toUpperCase()).includes(query))\n        : this.appList\n    },\n\n    filteredSteps () {\n      return this.steps.filter(step => {\n        if (step.dynamic) {\n          return this.filteredApps.some(app => {\n            return this.getStepName(app.unify.url) === step.name\n          })\n        }\n        return true\n      }).map(s => { return s.name })\n    },\n  },\n\n  watch: {\n    'apps': {\n      immediate: true,\n      handler (apps) {\n        this.appList = apps\n      },\n    },\n  },\n\n  created () {\n    this.fetchEffective()\n    if (window.innerWidth < 576) {\n      this.isMobileResolution = true\n    }\n  },\n\n  methods: {\n    ...mapActions({\n      reorderApp: 'applications/reorder',\n      pinApp: 'applications/pin',\n      unpinApp: 'applications/unpin',\n    }),\n\n    getStepName (url) {\n      switch (url) {\n        case 'compose/':\n          return 'low-code'\n        case 'compose/ns/crm/pages':\n          return 'crm'\n        case 'reporter/':\n          return 'reporter'\n        case 'workflow/':\n          return 'workflow'\n      }\n    },\n\n    fetchEffective () {\n      this.$SystemAPI.permissionsEffective({ resource: 'application' })\n        .then(p => {\n          this.canCreateApplication = p.find(per => per.operation === 'application.create').allow || false\n          // this.canPin = p.find(({ resource, operation, allow }) => resource === 'system' && operation === 'application.flag.self').allow\n        })\n    },\n\n    handlePin (pin = true, applicationID) {\n      if (pin) {\n        this.unpinApp({ applicationID, ownedBy: this.$auth.user.userID })\n      } else {\n        this.pinApp({ applicationID, ownedBy: this.$auth.user.userID })\n      }\n    },\n\n    async onDrop () {\n      const applicationIDs = this.appList.map(({ applicationID }) => applicationID)\n      await this.reorderApp(applicationIDs)\n    },\n\n    startTour () {\n      this.$refs.tour.onStart()\n    },\n\n    logoUrl (app) {\n      if (!app.unify.logo) {\n        return 'applications/default-app.png'\n      }\n\n      const apiSystem = '/api/system'\n      const apiBaseUrl = (new URL(url.Make({ url: this.$SystemAPI.baseURL }))).toString()\n\n      // Properly handle uploaded logos\n      // but cut away only /api/system (without any potential base-url prefix)\n      if (app.unify.logo.startsWith(apiSystem)) {\n        // remove path from the URL\n        return apiBaseUrl.substring(0, apiBaseUrl.length - apiSystem.length) + app.unify.logo\n      }\n\n      // Provisioned app logos\n      return app.unify.logo\n    },\n  },\n}\n</script>\n<style lang=\"scss\" scoped>\n.app-selector {\n  .logo {\n    max-height: 25vh;\n    max-width: 500px;\n    width: auto;\n  }\n\n  @media only screen and (max-width: 576px) {\n    .logo {\n      max-width: 100%;\n    }\n  }\n  .title {\n    @extends text-primary;\n    font-family: 'ABeeZee';\n    font-style: italic;\n    font-weight: 400;\n    font-size: 24px;\n    line-height: 24px;\n  }\n  .search {\n    max-width: 240px;\n    input[type=\"search\"]::-webkit-search-cancel-button {\n      -webkit-appearance: none;\n      height: 13px;\n      width: 13px;\n      background: url(\"data:image/svg+xml;charset=UTF-8,%3csvg viewPort='0 0 12 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='1' y1='11' x2='11' y2='1' stroke='black' stroke-width='2'/%3e%3cline x1='1' y1='1' x2='11' y2='11' stroke='black' stroke-width='2'/%3e%3c/svg%3e\");\n    }\n  }\n  .app-container {\n    flex: 1;\n    background: #FFFFFF;\n    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.06);\n    border-radius: 20px;\n    overflow: auto;\n    padding: 1.5rem;\n    margin-top: 1rem;\n\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 16px;\n  }\n\n  .gap-3 {\n    gap: 1rem;\n  }\n  .app {\n    transition: all 0.2s ease;\n    background: #FFFFFF;\n    border: 1px solid #EEEEEE;\n    box-shadow: 0px 2px 6px rgba(192, 192, 192, 0.1);\n    border-radius: 5px;\n    width: 328px;\n    height: 215px;\n\n    .thumbnail {\n      max-width: 100%;\n      max-height: 150px;\n      object-fit: contain;\n      border-bottom: 1px dashed #EEEEEE;\n    }\n\n    &:hover {\n      transition: all 0.2s ease;\n      border: 1px solid #17344C;\n      border-radius: 8px;\n      box-shadow: 0px 4px 20px rgba(23, 52, 76, 0.4);\n    }\n  }\n\n  .star {\n    position: absolute;\n    top: .2rem;\n    left: .2rem;\n    padding: 0;\n    margin: 0;\n    background-color: transparent;\n    border: none;\n    .star-icon {\n      fill: $warning;\n      width: 1.2rem;\n      height: 1.2rem;\n    }\n  }\n\n  .apps-leave-active {\n    position: absolute;\n    transition: opacity 0.25s ease;\n  }\n  .apps-enter, .apps-leave-to {\n    opacity: 0;\n  }\n\n  .apps-move {\n    transition: transform 0.25s ease;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/@vue/cli-service/node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./CAppSelector.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/@vue/cli-service/node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./CAppSelector.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CAppSelector.vue?vue&type=template&id=55552842&scoped=true&\"\nimport script from \"./CAppSelector.vue?vue&type=script&lang=js&\"\nexport * from \"./CAppSelector.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CAppSelector.vue?vue&type=style&index=0&id=55552842&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"55552842\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div\n    class=\"d-flex flex-column w-100 vh-100\"\n  >\n    <header\n      v-show=\"loaded\"\n      class=\"mw-100\"\n    >\n      <c-topbar\n        hide-app-selector\n        :sidebar-pinned=\"pinned\"\n        :settings=\"$Settings.get('ui.topbar', {})\"\n        :labels=\"{\n          helpForum: $t('help.forum'),\n          helpDocumentation: $t('help.documentation'),\n          helpFeedback: $t('help.feedback'),\n          helpVersion: $t('help.version'),\n          userSettingsLoggedInAs: $t('userSettings.loggedInAs', { user }),\n          userSettingsProfile: $t('userSettings.profile'),\n          userSettingsChangePassword: $t('userSettings.changePassword'),\n          userSettingsLogout: $t('userSettings.logout'),\n        }\"\n      >\n        <template v-slot:title>\n          <b-img\n            :src=\"logo\"\n            class=\"logo\"\n          />\n        </template>\n        <template #help-dropdown>\n          <portal-target name=\"topbar-help-dropdown\" />\n        </template>\n      </c-topbar>\n    </header>\n\n    <main\n      v-show=\"loaded\"\n      class=\"flex-fill overflow-hidden\"\n    >\n      <c-app-selector\n        :logo=\"logo\"\n      />\n    </main>\n\n    <c-loader-logo\n      v-if=\"!loaded\"\n      :logo=\"logo\"\n    />\n\n    <c-prompts\n      :hide-toasts=\"!loaded\"\n    />\n  </div>\n</template>\n\n<script>\nimport { mapActions } from 'vuex'\nimport CAppSelector from '../components/CAppSelector'\nimport { components } from '@cortezaproject/corteza-vue'\n\nconst { CTopbar, CLoaderLogo, CPrompts } = components\n\nexport default {\n  i18nOptions: {\n    namespaces: 'navigation',\n  },\n\n  components: {\n    CAppSelector,\n    CTopbar,\n    CLoaderLogo,\n    CPrompts,\n  },\n\n  data () {\n    return {\n      loaded: false,\n\n      pinned: false,\n    }\n  },\n\n  computed: {\n    icon () {\n      return this.$Settings.attachment('ui.iconLogo')\n    },\n\n    logo () {\n      return this.$Settings.attachment('ui.mainLogo')\n    },\n\n    user () {\n      const { user } = this.$auth\n      return user.name || user.handle || user.email || ''\n    },\n  },\n\n  watch: {\n    icon: {\n      immediate: true,\n      handler (icon) {\n        if (icon) {\n          const favicon = document.getElementById('favicon')\n          favicon.href = icon\n        }\n      },\n    },\n  },\n\n  beforeCreate () {\n    window.location.replace('/compose/ns/protein')\n  },\n\n  created () {\n    this.preloadApplications()\n      .then(() => {\n        setTimeout(() => {\n          this.loaded = true\n        }, 500)\n      })\n  },\n\n  methods: {\n    ...mapActions({\n      preloadApplications: 'applications/load',\n    }),\n  },\n}\n\n</script>\n<style lang=\"scss\" scoped>\n  .logo {\n    position: absolute;\n    width: 86px;\n    left: 24px;\n    top: 19px;\n  }\n</style>\n","import mod from \"-!../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/@vue/cli-service/node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Layout.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/@vue/cli-service/node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Layout.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Layout.vue?vue&type=template&id=5ec82d64&scoped=true&\"\nimport script from \"./Layout.vue?vue&type=script&lang=js&\"\nexport * from \"./Layout.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Layout.vue?vue&type=style&index=0&id=5ec82d64&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5ec82d64\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}