{"version":3,"sources":["webpack:///./src/themes/corteza-base/img/logo.png","webpack:///./src/views/Layout.vue?3543","webpack:///./src/components/CAppSelector.vue?1d94","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","webpack:///./src/themes/corteza-base/img/icon.png","webpack:///./src/components/CAppSelector.vue?626d"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","pinned","helpForum","$t","helpDocumentation","helpFeedback","helpVersion","userSettingsLoggedInAs","user","userSettingsProfile","userSettingsChangePassword","userSettingsLogout","scopedSlots","_u","key","fn","proxy","logo","staticRenderFns","model","value","callback","$$v","query","trim","expression","filteredApps","canCreateApplication","isMobileResolution","on","onDrop","appList","_l","app","applicationID","getStepName","unify","url","$event","hovered","undefined","logoUrl","name","_v","_s","style","cursor","enabled","$refs","tour","onStartClick","startTour","ref","filteredSteps","i18nOptions","namespaces","components","Draggable","Tour","TourStart","props","type","String","default","data","canPin","steps","computed","filter","step","dynamic","watch","immediate","handler","apps","created","fetchEffective","window","innerWidth","$nextTick","methods","$SystemAPI","permissionsEffective","handlePin","pin","unpinApp","pinApp","onStart","startsWith","apiSystem","apiBaseUrl","substring","length","component","CAppSelector","CTopbar","CLoaderLogo","loaded","icon","$Settings","attachment","handle","email","favicon","href","preloadApplications","then"],"mappings":"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","file":"js/chunk-34bed7b0.87353f0a.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/logo.230b9c2a.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.loaded)?_c('div',{staticClass:\"d-flex flex-column w-100 vh-100\"},[_c('header',{staticClass:\"mw-100\"},[_c('c-topbar',{attrs:{\"hide-app-selector\":\"\",\"sidebar-pinned\":_vm.pinned,\"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:\"help-dropdown\",fn:function(){return [_c('portal-target',{attrs:{\"name\":\"topbar-help-dropdown\"}})]},proxy:true}],null,false,1243801212)})],1),_c('main',{staticClass:\"d-flex h-100 overflow-hidden\"},[_c('c-app-selector',{attrs:{\"logo\":_vm.logo}})],1)]):_c('c-loader-logo',{attrs:{\"logo\":_vm.logo}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-container',{staticClass:\"app-selector d-flex flex-column text-center m-0 p-0 mw-100\",attrs:{\"fluid\":\"\"}},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center\"},[_c('b-img',{staticClass:\"logo px-3\",attrs:{\"src\":_vm.logo}})],1),_c('div',{staticClass:\"search flex-shrink-2 w-100 mx-auto mt-4 mb-3 px-5\"},[_c('div',{staticClass:\"flex-grow-1 mt-1\"},[_c('b-input-group',{attrs:{\"data-v-onboarding\":\"app-list\"}},[_c('b-form-input',{staticClass:\"float-right mw-100\",attrs:{\"type\":\"search\",\"name\":\"search\",\"debounce\":\"200\",\"aria-label\":_vm.$t('search'),\"placeholder\":_vm.$t('search')},model:{value:(_vm.query),callback:function ($$v) {_vm.query=(typeof $$v === 'string'? $$v.trim(): $$v)},expression:\"query\"}}),_c('b-input-group-append',[_c('b-input-group-text',{staticClass:\"text-primary bg-white\"},[_c('font-awesome-icon',{attrs:{\"icon\":['fas', 'search']}})],1)],1)],1)],1)]),_c('div',{staticClass:\"overflow-auto\"},[_c('b-container',{staticClass:\"h-100\",attrs:{\"fluid\":\"xl\"}},[_c('b-row',[(_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-2 m-xl-0 pt-1\",attrs:{\"name\":\"apps\",\"tag\":\"div\"}},_vm._l((_vm.filteredApps),function(app){return _c('b-col',{key:app.applicationID,staticClass:\"p-0 mb-4\",attrs:{\"cols\":\"12\",\"sm\":\"6\",\"md\":\"6\",\"lg\":\"4\",\"xl\":\"3\",\"data-v-onboarding\":_vm.getStepName(app.unify.url)}},[_c('b-card',{staticClass:\"app h-100\",attrs:{\"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-bottom thumbnail\",attrs:{\"src\":_vm.logoUrl(app),\"alt\":app.unify.name || app.name}})],1),_c('b-card-text',{staticClass:\"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:{\"disabled\":!app.enabled,\"href\":app.unify.url}})],1)],1)}),1)],1):_c('div',{staticClass:\"d-flex justify-content-center w-100\"},[_c('h4',{staticClass:\"mt-5\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('no-applications'))+\"\\n          \")])])],1)],1)],1),_c('portal',{attrs:{\"to\":\"topbar-help-dropdown\"}},[_c('b-dropdown-item',{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  <b-container\n    fluid\n    class=\"app-selector d-flex flex-column text-center m-0 p-0 mw-100\"\n  >\n    <div class=\"d-flex justify-content-center align-items-center\">\n      <b-img\n        :src=\"logo\"\n        class=\"logo px-3\"\n      />\n    </div>\n\n    <div class=\"search flex-shrink-2 w-100 mx-auto mt-4 mb-3 px-5\">\n      <div class=\"flex-grow-1 mt-1\">\n        <b-input-group\n          data-v-onboarding=\"app-list\"\n        >\n          <b-form-input\n            v-model.trim=\"query\"\n            class=\"float-right mw-100\"\n            type=\"search\"\n            name=\"search\"\n            debounce=\"200\"\n            :aria-label=\"$t('search')\"\n            :placeholder=\"$t('search')\"\n          />\n          <b-input-group-append>\n            <b-input-group-text class=\"text-primary bg-white\">\n              <font-awesome-icon\n                :icon=\"['fas', 'search']\"\n              />\n            </b-input-group-text>\n          </b-input-group-append>\n        </b-input-group>\n      </div>\n    </div>\n\n    <div\n      class=\"overflow-auto\"\n    >\n      <b-container\n        fluid=\"xl\"\n        class=\"h-100\"\n      >\n        <b-row>\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-2 m-xl-0 pt-1\"\n            >\n              <b-col\n                v-for=\"app in filteredApps\"\n                :key=\"app.applicationID\"\n                cols=\"12\"\n                sm=\"6\"\n                md=\"6\"\n                lg=\"4\"\n                xl=\"3\"\n                class=\"p-0 mb-4\"\n                :data-v-onboarding=\"getStepName(app.unify.url)\"\n              >\n                <b-card\n                  no-body\n                  overlay\n                  class=\"app h-100\"\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-bottom thumbnail\"\n                      :src=\"logoUrl(app)\"\n                      :alt=\"app.unify.name || app.name\"\n                    />\n                  </div>\n\n                  <b-card-text\n                    class=\"my-4 h6\"\n                  >\n                    {{ app.unify.name || app.name }}\n                  </b-card-text>\n\n                  <b-link\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              </b-col>\n            </transition-group>\n          </draggable>\n\n          <div\n            v-else\n            class=\"d-flex justify-content-center w-100\"\n          >\n            <h4\n              class=\"mt-5\"\n            >\n              {{ $t('no-applications') }}\n            </h4>\n          </div>\n        </b-row>\n      </b-container>\n    </div>\n\n    <portal\n      to=\"topbar-help-dropdown\"\n    >\n      <b-dropdown-item\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  </b-container>\n</template>\n<script>\nimport { mapGetters, mapActions } from 'vuex'\nimport Draggable from 'vuedraggable'\nimport { components, url } from '@cortezaproject/corteza-vue'\nconst { Tour, TourStart } = components\n\nexport default {\n  i18nOptions: {\n    namespaces: 'layout',\n  },\n\n  components: {\n    Draggable,\n    Tour,\n    TourStart,\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 ? this.appList.filter(({ name }) => (name.toUpperCase()).includes(query)) : 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    this.$nextTick(() => {\n      this.startTour()\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\n  .search {\n    max-width: 600px;\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\n  .app {\n    transition: all 0.2s ease;\n    box-shadow: 0;\n    top: 0;\n    margin: 0 0.625rem;\n\n    .thumbnail {\n      max-width: 100%;\n      max-height: 150px;\n      object-fit: cover;\n    }\n\n    &:hover {\n      transition: all 0.2s ease;\n      box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);\n      top: -2px;\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=18db54c4&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=18db54c4&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  \"18db54c4\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div\n    v-if=\"loaded\"\n    class=\"d-flex flex-column w-100 vh-100\"\n  >\n    <header\n      class=\"mw-100\"\n    >\n      <c-topbar\n        hide-app-selector\n        :sidebar-pinned=\"pinned\"\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 #help-dropdown>\n          <portal-target name=\"topbar-help-dropdown\" />\n        </template>\n      </c-topbar>\n    </header>\n\n    <main class=\"d-flex h-100 overflow-hidden\">\n      <c-app-selector\n        :logo=\"logo\"\n      />\n    </main>\n  </div>\n\n  <c-loader-logo\n    v-else\n    :logo=\"logo\"\n  />\n</template>\n\n<script>\nimport { mapActions } from 'vuex'\nimport CAppSelector from '../components/CAppSelector'\nimport { components } from '@cortezaproject/corteza-vue'\nimport icon from 'corteza-webapp-one/src/themes/corteza-base/img/icon.png'\nimport logo from 'corteza-webapp-one/src/themes/corteza-base/img/logo.png'\n\nconst { CTopbar, CLoaderLogo } = components\n\nexport default {\n  i18nOptions: {\n    namespaces: 'navigation',\n  },\n\n  components: {\n    CAppSelector,\n    CTopbar,\n    CLoaderLogo,\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', icon)\n    },\n\n    logo () {\n      return this.$Settings.attachment('ui.mainLogo', logo)\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  created () {\n    this.loaded = false\n\n    this.preloadApplications().then(() => {\n      this.loaded = true\n    })\n  },\n\n  methods: {\n    ...mapActions({\n      preloadApplications: 'applications/load',\n    }),\n  },\n}\n\n</script>\n<style lang=\"scss\" scoped>\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=c560700a&scoped=true&\"\nimport script from \"./Layout.vue?vue&type=script&lang=js&\"\nexport * from \"./Layout.vue?vue&type=script&lang=js&\"\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  \"c560700a\",\n  null\n  \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAhCAYAAAC4JqlRAAAACXBIWXMAAC4jAAAuIwF4pT92AAAF92lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuMTY0NzUzLCAyMDIxLzAyLzE1LTExOjUyOjEzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjEtMTEtMjZUMTU6NTY6MDYrMDE6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTExLTMwVDE0OjUxOjM4KzAxOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIxLTExLTMwVDE0OjUxOjM4KzAxOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmRhZGU1ZmIzLWVmZjMtNDBkNi04Y2NiLTIzZjM3MDBhZjEwNSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmI3MmNlNzY5LTc1OTItNzI0MS1hYjlmLTdjNDIyZWY1ZjdlOSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmM5MDJjMWZkLTMzZjYtNDIzMC04ODFiLWM2MmM1ODM3ZmQzNCI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YzkwMmMxZmQtMzNmNi00MjMwLTg4MWItYzYyYzU4MzdmZDM0IiBzdEV2dDp3aGVuPSIyMDIxLTExLTI2VDE1OjU2OjA2KzAxOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZGFkZTVmYjMtZWZmMy00MGQ2LThjY2ItMjNmMzcwMGFmMTA1IiBzdEV2dDp3aGVuPSIyMDIxLTExLTMwVDE0OjUxOjM4KzAxOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7K+B4aAAAChUlEQVRYhb3XW4hOURQH8J8ZkUt4ICkk90GkyCWJRCTl8sCLQZEk9weeFA/KC2bcyiVEHlBSIgpJyaWUEKLEi2sukfvgYZ9TX+M7+zszw/ev/XD2Wmf9/+fstfdeq9nO0yc1EEMxAQPQFS1Rh/d4jGu4gA95gjXPSdofmzAeHXL4/8Qj7Mb2mGNFiUDdcBn3MSMnOeHDqlCLH1jUGAEL8Qxjc5LGxOzBebTJK6AWe5tIXB8T8QQ9SwmowbJ/TJ6iE66iYzpRPwmXYHmJIK9xErdwO3luJSTqCEzBwMj7nXEC46BZwTbsj3viebEVa4XEimEpdpTwWYHaQrI1JcinY3UOctiJkfgV8dmIjinhGCHrszAfp3IQF+I65kXs7TE/zYEYeQ0ONZA8xRH0xRxhS6f4jR7ongoYFQmyr5HkKdYnoxgqKoS16pvhcAx3mygghl8VGB1xOP4fyRGyvl/E/rAcArpn2OrwrhwCKjNs3/GtHAKyUCl/vdAkAW8ybC3QthwCnkTsXcsh4EbEPrkcAi4KBWUxLPCfl6E5PuIKphWxd8Js7G8Cx+hkvK033w6v0iw/nSGAUJ5dFM+VLPTGJSGhi2FXug33CNdnMbQWKqCs8yKGoxFyOFh4DmyJOA4RjuWqnMTtcRPDIz4HcLNQwDEcjLzQC3eE2iCrVK8SPuQZhkVifcEG/j7pFmNQ5OVKVCfjuVCUfknm+8j/h2bhaTEB3zFJ6O+yaoQUXZLRUKzC2fSh2F3wTmg8zzQieClUY1vhRNZlVIepWPePiO8If/RwfUOp5nSz0M/VCGvdUDzATAwWuuW/kOe6/YyVyZiAuUnAdom4lkI7/hWf8BLnhB31olTwP6/hdqaMcLFjAAAAAElFTkSuQmCC\"","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=18db54c4&lang=scss&scoped=true&\""],"sourceRoot":""}