{"version":3,"sources":["webpack:///./src/components/CAppSelector.vue?154f","webpack:///./src/views/Layout.vue?b9b5","webpack:///./src/components/CAppSelector.vue?4a40","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","appMenu","$t","helpForum","helpDocumentation","helpFeedback","helpVersion","userSettingsLoggedInAs","user","userSettingsProfile","userSettingsChangePassword","userSettingsLogout","lightTheme","darkTheme","scopedSlots","_u","key","fn","proxy","logo","loaded","_e","staticRenderFns","model","callback","$$v","query","trim","filteredApps","canCreateApplication","isMobileResolution","on","onDrop","appList","_l","app","applicationID","$event","hovered","undefined","logoUrl","unify","_v","_s","style","cursor","enabled","url","openAppInNewTab","i18nOptions","namespaces","components","CInputSearch","Draggable","props","type","String","default","data","canPin","steps","computed","watch","immediate","handler","apps","created","fetchEffective","window","innerWidth","methods","$SystemAPI","permissionsEffective","handlePin","pin","unpinApp","pinApp","startsWith","apiSystem","apiBaseUrl","substring","length","route","includes","component","CAppSelector","CTopbar","CLoaderLogo","CPrompts","icon","attachment","handle","email","favicon","href","preloadApplications"],"mappings":"gHAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,mDAAmD,CAACF,EAAG,SAAS,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOV,EAAU,OAAEW,WAAW,YAAY,CAACP,EAAG,WAAW,CAACQ,MAAM,CAAC,oBAAoB,GAAG,iBAAiBZ,EAAIa,OAAO,SAAWb,EAAIc,UAAUC,IAAI,YAAa,IAAI,OAAS,CACpYC,QAAShB,EAAIiB,GAAG,WAChBC,UAAWlB,EAAIiB,GAAG,cAClBE,kBAAmBnB,EAAIiB,GAAG,sBAC1BG,aAAcpB,EAAIiB,GAAG,iBACrBI,YAAarB,EAAIiB,GAAG,gBACpBK,uBAAwBtB,EAAIiB,GAAG,0BAA2B,CAAEM,KAAMvB,EAAIuB,OACtEC,oBAAqBxB,EAAIiB,GAAG,wBAC5BQ,2BAA4BzB,EAAIiB,GAAG,+BACnCS,mBAAoB1B,EAAIiB,GAAG,uBAC3BU,WAAY3B,EAAIiB,GAAG,uBACnBW,UAAW5B,EAAIiB,GAAG,wBACjBY,YAAY7B,EAAI8B,GAAG,CAAC,CAACC,IAAI,gBAAgBC,GAAG,WAAW,MAAO,CAAC5B,EAAG,gBAAgB,CAACQ,MAAM,CAAC,KAAO,4BAA4BqB,OAAM,QAAW,GAAG7B,EAAG,OAAO,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOV,EAAU,OAAEW,WAAW,WAAWL,YAAY,6BAA6B,CAACF,EAAG,iBAAiB,CAACQ,MAAM,CAAC,KAAOZ,EAAIkC,SAAS,GAAKlC,EAAImC,OAAsDnC,EAAIoC,KAAlDhC,EAAG,gBAAgB,CAACQ,MAAM,CAAC,KAAOZ,EAAIkC,QAAiB9B,EAAG,cAAc,IACvaiC,EAAkB,G,oECblB,EAAS,WAAa,IAAIrC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,8CAA8C,CAACF,EAAG,MAAM,CAACE,YAAY,0EAA0E,CAACF,EAAG,QAAQ,CAACE,YAAY,YAAYM,MAAM,CAAC,IAAMZ,EAAIkC,QAAQ9B,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,iBAAiB,CAACQ,MAAM,CAAC,aAAaZ,EAAIiB,GAAG,UAAU,YAAcjB,EAAIiB,GAAG,UAAU,SAAW,KAAKqB,MAAM,CAAC5B,MAAOV,EAAS,MAAEuC,SAAS,SAAUC,GAAMxC,EAAIyC,MAAsB,kBAARD,EAAkBA,EAAIE,OAAQF,GAAM7B,WAAW,YAAY,IAAI,GAAGP,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,cAAc,CAACE,YAAY,SAAS,CAAEN,EAAI2C,aAAmB,OAAEvC,EAAG,YAAY,CAACE,YAAY,cAAcM,MAAM,CAAC,UAAYZ,EAAI4C,sBAAwB5C,EAAIyC,OAASzC,EAAI6C,mBAAmB,MAAQ,QAAQC,GAAG,CAAC,IAAM9C,EAAI+C,QAAQT,MAAM,CAAC5B,MAAOV,EAAW,QAAEuC,SAAS,SAAUC,GAAMxC,EAAIgD,QAAQR,GAAK7B,WAAW,YAAY,CAACP,EAAG,mBAAmB,CAACE,YAAY,mEAAmEM,MAAM,CAAC,KAAO,OAAO,IAAM,UAAUZ,EAAIiD,GAAIjD,EAAgB,cAAE,SAASkD,GAAK,OAAO9C,EAAG,QAAQ,CAAC2B,IAAImB,EAAIC,cAAc7C,YAAY,MAAMM,MAAM,CAAC,KAAO,KAAK,GAAK,IAAI,GAAK,IAAI,GAAK,MAAM,CAACR,EAAG,SAAS,CAACE,YAAY,YAAYM,MAAM,CAAC,UAAU,GAAG,QAAU,IAAIkC,GAAG,CAAC,UAAY,SAASM,GAAQpD,EAAIqD,QAAUH,EAAIC,eAAe,WAAa,SAASC,GAAQpD,EAAIqD,aAAUC,KAAa,CAAClD,EAAG,MAAM,CAACE,YAAY,qDAAqD,CAACF,EAAG,aAAa,CAACE,YAAY,2BAA2BM,MAAM,CAAC,IAAMZ,EAAIuD,QAAQL,GAAK,IAAMA,EAAIM,MAAMhD,MAAQ0C,EAAI1C,SAAS,GAAGJ,EAAG,KAAK,CAACE,YAAY,oBAAoB,CAACN,EAAIyD,GAAG,qBAAqBzD,EAAI0D,GAAGR,EAAIM,MAAMhD,MAAQ0C,EAAI1C,MAAM,sBAAsBJ,EAAG,SAAS,CAACE,YAAY,iBAAiBqD,MAAM,CAAE,CAAEC,OAAeV,EAAIW,QAAU,UAAW7D,EAAI4C,qBAAuB,OAAS,YAAgBhC,MAAM,CAAC,eAAesC,EAAI1C,KAAK,UAAY0C,EAAIW,QAAQ,KAAOX,EAAIM,MAAMM,IAAI,OAAS9D,EAAI+D,gBAAgBb,EAAIM,MAAMM,SAAS,IAAI,MAAK,IAAI,GAAG1D,EAAG,MAAM,CAACE,YAAY,+DAA+D,CAACF,EAAG,KAAK,CAACQ,MAAM,CAAC,eAAe,oBAAoB,CAACZ,EAAIyD,GAAG,eAAezD,EAAI0D,GAAG1D,EAAIyC,MAAQzC,EAAIiB,GAAG,yBAA2BjB,EAAIiB,GAAG,oBAAoB,mBAAmB,IAAI,MACpyE,EAAkB,G,6rBCyFtB,sBAEA,GACE+C,YAAa,CACXC,WAAY,UAGdC,WAAY,CACVC,aAAJ,EACIC,UAAJ,KAGEC,MAAO,CACLnC,KAAM,CACJoC,KAAMC,OACNC,QAAS,WAAf,YAIEC,KAjBF,WAkBI,MAAO,CACLhC,MAAO,GAEPO,QAAS,GAETJ,sBAAsB,EACtB8B,QAAQ,EAERrB,aAASC,EAETT,oBAAoB,EAEpB8B,MAAO,CACb,CAAQ,KAAR,WAAQ,SAAR,GACA,CAAQ,KAAR,WAAQ,SAAR,GACA,CAAQ,KAAR,MAAQ,SAAR,GACA,CAAQ,KAAR,WAAQ,SAAR,GACA,CAAQ,KAAR,WAAQ,SAAR,GACA,CAAQ,KAAR,UAAQ,SAAR,MAMEC,SAAU,EAAZ,KACA,gBACI,KAAJ,4BAFA,IAKIjC,aALJ,WAMM,IAAN,iCACM,OAAO1C,KAAKwC,MAClB,iCAAQ,IAAR,SAAQ,OAAR,+BACA,gBAIEoC,MAAO,CACL,KAAQ,CACNC,WAAW,EACXC,QAFN,SAEA,GACQ9E,KAAK+C,QAAUgC,KAKrBC,QAhEF,WAiEIhF,KAAKiF,iBACDC,OAAOC,WAAa,MACtBnF,KAAK4C,oBAAqB,IAI9BwC,QAAS,EAAX,KACA,gBACI,WAAJ,uBACI,OAAJ,mBACI,SAAJ,wBAJA,IAOIH,eAPJ,WAOA,WACMjF,KAAKqF,WAAWC,qBAAqB,CAA3C,yBACA,kBACQ,EAAR,yCAAU,MAAV,oDAKIC,UAfJ,WAeA,0GACUC,EACFxF,KAAKyF,SAAS,CAAtB,iDAEQzF,KAAK0F,OAAO,CAApB,kDAII,OAvBJ,oKAwBA,kEAxBA,SAyBA,mBAzBA,wGA4BIpC,QA5BJ,SA4BA,GACM,IAAKL,EAAIM,MAAMtB,KACb,MAAO,+BAGT,IAAN,gBACA,iEAIM,OAAIgB,EAAIM,MAAMtB,KAAK0D,WAAWC,GAErBC,EAAWC,UAAU,EAAGD,EAAWE,OAASH,EAAUG,QAAU9C,EAAIM,MAAMtB,KAI5EgB,EAAIM,MAAMtB,MAGnB6B,gBA/CJ,SA+CA,GACM,OAAQkC,EAAMC,SAAS,SAAgB,SAAL,OCnNyc,I,wBCQ7eC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,wlBCiCf,wDAEA,GACEnC,YAAa,CACXC,WAAY,cAGdC,WAAY,CACVkC,aAAJ,EACIC,QAAJ,EACIC,YAAJ,EACIC,SAAJ,GAGE9B,KAZF,WAaI,MAAO,CACLtC,QAAQ,EAERtB,QAAQ,IAIZ+D,SAAU,CACR4B,KADJ,WAEM,OAAOvG,KAAKa,UAAU2F,WAAW,gBAGnCvE,KALJ,WAMM,OAAOjC,KAAKa,UAAU2F,WAAW,gBAGnClF,KATJ,WASA,IACA,kBACM,OAAOA,EAAKf,MAAQe,EAAKmF,QAAUnF,EAAKoF,OAAS,KAIrD9B,MAAO,CACL2B,KAAM,CACJ1B,WAAW,EACXC,QAFN,SAEA,GACQ,GAAIyB,EAAM,CACR,IAAV,qCACUI,EAAQC,KAAOL,MAMvBvB,QA/CF,WA+CA,WACIhF,KAAK6G,sBACT,iBACM,YAAN,WACQ,EAAR,YACA,SAIEzB,QAAS,EAAX,GACA,gBACI,oBAAJ,wBChH2e,ICOve,EAAY,eACd,EACAtF,EACAsC,GACA,EACA,KACA,WACA,MAIa,e","file":"js/chunk-f837240a.c2ee4416.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!./CAppSelector.vue?vue&type=style&index=0&id=ac9f5eac&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 overflow-hidden\"},[_c('header',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loaded),expression:\"loaded\"}]},[_c('c-topbar',{attrs:{\"hide-app-selector\":\"\",\"sidebar-pinned\":_vm.pinned,\"settings\":_vm.$Settings.get('ui.topbar', {}),\"labels\":{\n        appMenu: _vm.$t('appMenu'),\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        lightTheme: _vm.$t('themes.labels.light'),\n        darkTheme: _vm.$t('themes.labels.dark'),\n      }},scopedSlots:_vm._u([{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')],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 h-100 py-2\"},[_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center mx-4 my-2\"},[_c('b-img',{staticClass:\"logo px-2\",attrs:{\"src\":_vm.logo}}),_c('div',{staticClass:\"search w-100 mx-auto my-4\"},[_c('c-input-search',{attrs:{\"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)],1),_c('div',{staticClass:\"flex-fill overflow-auto\"},[_c('b-container',{staticClass:\"h-100\"},[(_vm.filteredApps.length)?_c('draggable',{staticClass:\"h-100 w-100\",attrs:{\"disabled\":!_vm.canCreateApplication || _vm.query || _vm.isMobileResolution,\"group\":\"apps\"},on:{\"end\":_vm.onDrop},model:{value:(_vm.appList),callback:function ($$v) {_vm.appList=$$v},expression:\"appList\"}},[_c('transition-group',{staticClass:\"d-flex flex-wrap align-items-stretch justify-content-center mx-2\",attrs:{\"name\":\"apps\",\"tag\":\"b-row\"}},_vm._l((_vm.filteredApps),function(app){return _c('b-col',{key:app.applicationID,staticClass:\"p-2\",attrs:{\"cols\":\"12\",\"md\":\"6\",\"lg\":\"4\",\"xl\":\"3\"}},[_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('h6',{staticClass:\"text-center my-4\"},[_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,\"target\":_vm.openAppInNewTab(app.unify.url)}})],1)],1)}),1)],1):_c('div',{staticClass:\"d-flex justify-content-center align-items-center mt-5 w-100\"},[_c('h4',{attrs:{\"data-test-id\":\"heading-no-apps\"}},[_vm._v(\"\\n          \"+_vm._s(_vm.query ? _vm.$t('no-applications-found') : _vm.$t('no-applications'))+\"\\n        \")])])],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"app-selector d-flex flex-column h-100 py-2\">\n    <div class=\"d-flex flex-column justify-content-center align-items-center mx-4 my-2\">\n      <b-img\n        :src=\"logo\"\n        class=\"logo px-2\"\n      />\n\n      <div class=\"search w-100 mx-auto my-4\">\n        <c-input-search\n          v-model.trim=\"query\"\n          :aria-label=\"$t('search')\"\n          :placeholder=\"$t('search')\"\n          :debounce=\"200\"\n        />\n      </div>\n    </div>\n\n    <div class=\"flex-fill overflow-auto\">\n      <b-container class=\"h-100\">\n        <draggable\n          v-if=\"filteredApps.length\"\n          v-model=\"appList\"\n          :disabled=\"!canCreateApplication || query || isMobileResolution\"\n          group=\"apps\"\n          class=\"h-100 w-100\"\n          @end=\"onDrop\"\n        >\n          <transition-group\n            name=\"apps\"\n            tag=\"b-row\"\n            class=\"d-flex flex-wrap align-items-stretch justify-content-center mx-2\"\n          >\n            <b-col\n              v-for=\"app in filteredApps\"\n              :key=\"app.applicationID\"\n              cols=\"12\"\n              md=\"6\"\n              lg=\"4\"\n              xl=\"3\"\n              class=\"p-2\"\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 class=\"align-content-center d-flex flex-grow-1 flex-wrap\">\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                <h6 class=\"text-center my-4\">\n                  {{ app.unify.name || app.name }}\n                </h6>\n\n                <b-link\n                  :data-test-id=\"app.name\"\n                  :disabled=\"!app.enabled\"\n                  :href=\"app.unify.url\"\n                  :target=\"openAppInNewTab(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 align-items-center mt-5 w-100\"\n        >\n          <h4 data-test-id=\"heading-no-apps\">\n            {{ query ? $t('no-applications-found') : $t('no-applications') }}\n          </h4>\n        </div>\n      </b-container>\n    </div>\n  </div>\n</template>\n<script>\nimport { mapGetters, mapActions } from 'vuex'\nimport Draggable from 'vuedraggable'\nimport { url, components } from '@cortezaproject/corteza-vue'\nconst { CInputSearch } = components\n\nexport default {\n  i18nOptions: {\n    namespaces: 'layout',\n  },\n\n  components: {\n    CInputSearch,\n    Draggable,\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\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    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    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    openAppInNewTab (route) {\n      return !route.includes('jitsi') ? '' : '_blank'\n    },\n  },\n}\n</script>\n<style lang=\"scss\" scoped>\n.app-selector {\n  .logo {\n    max-height: 20vh;\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  }\n\n  .app {\n    min-height: 13rem;\n    transition: all 0.2s ease;\n    box-shadow: 0;\n    top: 0;\n\n    .thumbnail {\n      max-width: 100%;\n      max-height: 150px;\n      object-fit: contain;\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: var(--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=ac9f5eac&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=ac9f5eac&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  \"ac9f5eac\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"d-flex flex-column w-100 vh-100 overflow-hidden\">\n    <header\n      v-show=\"loaded\"\n    >\n      <c-topbar\n        hide-app-selector\n        :sidebar-pinned=\"pinned\"\n        :settings=\"$Settings.get('ui.topbar', {})\"\n        :labels=\"{\n          appMenu: $t('appMenu'),\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          lightTheme: $t('themes.labels.light'),\n          darkTheme: $t('themes.labels.dark'),\n        }\"\n      >\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  </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  created () {\n    this.preloadApplications()\n      .then(() => {\n        setTimeout(() => {\n          this.loaded = true\n        }, 2000)\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=c8459016&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  \"c8459016\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}