{"version":3,"sources":["webpack:///./node_modules/@rancher/shell/assets/images/generic-plugin.svg","webpack:///./node_modules/@rancher/shell/pages/c/_cluster/uiplugins/PluginInfoPanel.vue?0a13","webpack:///./node_modules/@rancher/shell/pages/c/_cluster/uiplugins/PluginInfoPanel.vue?5b5b","webpack:///./node_modules/@rancher/shell/pages/c/_cluster/uiplugins/PluginInfoPanel.vue","webpack:///node_modules/@rancher/shell/pages/c/_cluster/uiplugins/PluginInfoPanel.vue","webpack:///./node_modules/@rancher/shell/pages/c/_cluster/uiplugins/PluginInfoPanel.vue?9e79","webpack:///./node_modules/@rancher/shell/pages/c/_cluster/uiplugins/PluginInfoPanel.vue?f3e1","webpack:///./node_modules/@rancher/shell/pages/c/_cluster/uiplugins/PluginInfoPanel.vue?1210"],"names":["module","exports","content","__esModule","default","i","locals","add","render","_vm","this","_c","_self","staticClass","style","concat","headerBannerSize","showSlideIn","attrs","on","$event","hide","_e","_v","class","info","applyDarkModeBg","icon","defaultIcon","_s","label","description","error","builtin","t","certified","experimental","versions","length","_l","v","key","version","directives","name","rawName","value","handleVersionBtnTooltip","expression","handleVersionBtnClass","loadPluginVersionInfo","versionError","versionInfo","displayVersion","staticRenderFns","fetch","_this","_asyncToGenerator","_regeneratorRuntime","mark","_callee","bannerSetting","_JSON$parse","showHeader","bannerHeader","_bannerHeader$fontSiz","_bannerHeader$fontSiz2","headerBannerFontSize","wrap","_context","prev","next","$store","getters","MANAGEMENT","SETTING","BANNERS","sent","JSON","parse","Number","fontSize","split","stop","components","Banner","ChartReadme","LazyImage","data","undefined","infoVersion","require","computed","_objectSpread","mapGetters","theme","methods","show","_this2","_callee2","_this2$info$versions","_this2$info$versions2","versionName","isVersionNotCompatibleWithUi","isVersionNotCompatibleWithKubeVersion","_context2","find","isCompatibleWithUi","isCompatibleWithKubeVersion","chart","abrupt","dispatch","repoType","repoName","chartName","t0","console","requiredUiVersion","requiredKubeVersion","disabled","component","___CSS_LOADER_API_IMPORT___","push"],"mappings":"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","file":"js/pages/c/_cluster/uiplugins/PluginInfoPanel.54d7a5cd.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/generic-plugin.3cca4b04.svg\";","export * from \"-!../../../../../../vue-style-loader/index.js??ref--9-oneOf-1-0!../../../../../../@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-3!../../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./PluginInfoPanel.vue?vue&type=style&index=0&id=33a40f1f&prod&lang=scss&scoped=true&\"","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../../../@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-3!../../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./PluginInfoPanel.vue?vue&type=style&index=0&id=33a40f1f&prod&lang=scss&scoped=true&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../../../vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"a13a8006\", content, true, {\"sourceMap\":false,\"shadowMode\":false});","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"plugin-info-panel\",style:(`--banner-top-offset: ${_vm.headerBannerSize}px`)},[(_vm.showSlideIn)?_c('div',{staticClass:\"glass\",attrs:{\"data-testid\":\"extension-details-bg\"},on:{\"click\":function($event){return _vm.hide()}}}):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"slideIn\",class:{'hide': false, 'slideIn__show': _vm.showSlideIn},attrs:{\"data-testid\":\"extension-details\"}},[(_vm.info)?_c('div',{staticClass:\"plugin-info-content\"},[_c('div',{staticClass:\"plugin-header\"},[_c('div',{staticClass:\"plugin-icon\",class:_vm.applyDarkModeBg},[(_vm.info.icon)?_c('LazyImage',{staticClass:\"icon plugin-icon-img\",attrs:{\"initial-src\":_vm.defaultIcon,\"error-src\":_vm.defaultIcon,\"src\":_vm.info.icon}}):_c('img',{staticClass:\"icon plugin-icon-img\",attrs:{\"src\":_vm.defaultIcon}})],1),_vm._v(\" \"),_c('div',{staticClass:\"plugin-title\"},[_c('h2',{staticClass:\"slideIn__header\",attrs:{\"data-testid\":\"extension-details-title\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.info.label)+\"\\n          \")]),_vm._v(\" \"),_c('p',{staticClass:\"plugin-description\"},[_vm._v(\"\\n            \"+_vm._s(_vm.info.description)+\"\\n          \")])]),_vm._v(\" \"),_c('div',{staticClass:\"plugin-close\"},[_c('div',{staticClass:\"slideIn__header__buttons\"},[_c('div',{staticClass:\"slideIn__header__button\",attrs:{\"data-testid\":\"extension-details-close\"},on:{\"click\":function($event){_vm.showSlideIn = false}}},[_c('i',{staticClass:\"icon icon-close\"})])])])]),_vm._v(\" \"),_c('div',[(_vm.info.error)?_c('Banner',{staticClass:\"mt-10\",attrs:{\"color\":\"error\",\"label\":_vm.info.error}}):_vm._e(),_vm._v(\" \"),(_vm.info.builtin)?_c('Banner',{staticClass:\"mt-10\",attrs:{\"color\":\"warning\",\"label\":_vm.t('plugins.descriptions.built-in')}}):[(!_vm.info.certified)?_c('Banner',{staticClass:\"mt-10\",attrs:{\"color\":\"warning\",\"label\":_vm.t('plugins.descriptions.third-party')}}):_vm._e(),_vm._v(\" \"),(_vm.info.experimental)?_c('Banner',{staticClass:\"mt-10\",attrs:{\"color\":\"warning\",\"label\":_vm.t('plugins.descriptions.experimental')}}):_vm._e()]],2),_vm._v(\" \"),(_vm.info.versions.length)?_c('h3',[_vm._v(\"\\n        \"+_vm._s(_vm.t('plugins.info.versions'))+\"\\n      \")]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"plugin-versions mb-10\"},_vm._l((_vm.info.versions),function(v){return _c('div',{key:v.version},[_c('a',{directives:[{name:\"clean-tooltip\",rawName:\"v-clean-tooltip\",value:(_vm.handleVersionBtnTooltip(v)),expression:\"handleVersionBtnTooltip(v)\"}],staticClass:\"version-link\",class:_vm.handleVersionBtnClass(v),on:{\"click\":function($event){return _vm.loadPluginVersionInfo(v.version)}}},[_vm._v(\"\\n            \"+_vm._s(v.version)+\"\\n          \")])])}),0),_vm._v(\" \"),(_vm.versionError)?_c('div',[_vm._v(\"\\n        \"+_vm._s(_vm.t('plugins.info.versionError'))+\"\\n      \")]):_vm._e(),_vm._v(\" \"),(_vm.versionInfo)?_c('h3',[_vm._v(\"\\n        \"+_vm._s(_vm.t('plugins.info.detail'))+\"\\n      \")]):_vm._e(),_vm._v(\" \"),(_vm.versionInfo)?_c('div',{staticClass:\"plugin-info-detail\"},[(_vm.versionInfo)?_c('ChartReadme',{attrs:{\"version-info\":_vm.versionInfo}}):_vm._e()],1):_vm._e(),_vm._v(\" \"),(!_vm.info.versions.length)?_c('div',[_c('h3',[_vm._v(\"\\n          \"+_vm._s(_vm.t('plugins.info.versions'))+\"\\n        \")]),_vm._v(\" \"),_c('div',{staticClass:\"version-link version-active version-builtin\"},[_vm._v(\"\\n          \"+_vm._s(_vm.info.displayVersion)+\"\\n        \")])]):_vm._e()]):_vm._e()])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { mapGetters } from 'vuex';\nimport ChartReadme from '@shell/components/ChartReadme';\nimport { Banner } from '@components/Banner';\nimport LazyImage from '@shell/components/LazyImage';\nimport { MANAGEMENT } from '@shell/config/types';\nimport { SETTING } from '@shell/config/settings';\n\nexport default {\n  async fetch() {\n    const bannerSetting = await this.$store.getters['management/byId'](MANAGEMENT.SETTING, SETTING.BANNERS);\n    const { showHeader, bannerHeader } = JSON.parse(bannerSetting.value);\n\n    if (showHeader === 'true') {\n      const headerBannerFontSize = Number(bannerHeader?.fontSize?.split('px')[0] ?? 0);\n\n      this.headerBannerSize = headerBannerFontSize * 2;\n    }\n  },\n  components: {\n    Banner,\n    ChartReadme,\n    LazyImage\n  },\n\n  data() {\n    return {\n      showSlideIn:      false,\n      info:             undefined,\n      infoVersion:      undefined,\n      versionInfo:      undefined,\n      versionError:     undefined,\n      defaultIcon:      require('~shell/assets/images/generic-plugin.svg'),\n      headerBannerSize: 0,\n    };\n  },\n\n  computed: {\n    ...mapGetters({ theme: 'prefs/theme' }),\n\n    applyDarkModeBg() {\n      if (this.theme === 'dark') {\n        return { 'dark-mode': true };\n      }\n\n      return {};\n    },\n  },\n\n  methods: {\n    show(info) {\n      this.info = info;\n      this.showSlideIn = true;\n      this.version = null;\n      this.versionInfo = null;\n      this.versionError = null;\n\n      this.loadPluginVersionInfo();\n    },\n\n    hide() {\n      this.showSlideIn = false;\n    },\n\n    async loadPluginVersionInfo(version) {\n      const versionName = version || this.info.displayVersion;\n\n      const isVersionNotCompatibleWithUi = this.info.versions?.find((v) => v.version === versionName && !v.isCompatibleWithUi);\n      const isVersionNotCompatibleWithKubeVersion = this.info.versions?.find((v) => v.version === versionName && !v.isCompatibleWithKubeVersion);\n\n      if (!this.info.chart || isVersionNotCompatibleWithUi || isVersionNotCompatibleWithKubeVersion) {\n        return;\n      }\n\n      this.infoVersion = versionName;\n\n      this.versionError = false;\n      this.versionInfo = undefined;\n\n      try {\n        this.versionInfo = await this.$store.dispatch('catalog/getVersionInfo', {\n          repoType:  this.info.chart.repoType,\n          repoName:  this.info.chart.repoName,\n          chartName: this.info.chart.chartName,\n          versionName\n        });\n        // Here we set us versionInfo. The returned\n        // object contains everything all info\n        // about a currently installed app, and it has the\n        // following keys:\n        //\n        // - appReadme: A short overview of what the app does. This\n        //   forms the first few paragraphs of the chart info when\n        //   you install a Helm chart app through Rancher.\n        // - chart: Metadata about the Helm chart, including the\n        //   name and version.\n        // - readme: This is more detailed information that appears\n        //   under the heading \"Chart Information (Helm README)\" when\n        //   you install or upgrade a Helm chart app through Rancher,\n        //   below the app README.\n        // - values: All Helm chart values for the currently installed\n        //   app.\n      } catch (e) {\n        this.versionError = true;\n        console.error('Unable to fetch VersionInfo: ', e); // eslint-disable-line no-console\n      }\n    },\n\n    handleVersionBtnTooltip(version) {\n      if (version.requiredUiVersion) {\n        return this.t('plugins.info.requiresRancherVersion', { version: version.requiredUiVersion });\n      }\n      if (version.requiredKubeVersion) {\n        return this.t('plugins.info.requiresKubeVersion', { version: version.requiredKubeVersion });\n      }\n\n      return '';\n    },\n\n    handleVersionBtnClass(version) {\n      return { 'version-active': version.version === this.infoVersion, disabled: !version.isCompatibleWithUi || !version.isCompatibleWithKubeVersion };\n    }\n  }\n};\n</script>\n<template>\n  <div\n    class=\"plugin-info-panel\"\n    :style=\"`--banner-top-offset: ${headerBannerSize}px`\"\n  >\n    <div\n      v-if=\"showSlideIn\"\n      class=\"glass\"\n      data-testid=\"extension-details-bg\"\n      @click=\"hide()\"\n    />\n    <div\n      class=\"slideIn\"\n      data-testid=\"extension-details\"\n      :class=\"{'hide': false, 'slideIn__show': showSlideIn}\"\n    >\n      <div\n        v-if=\"info\"\n        class=\"plugin-info-content\"\n      >\n        <div class=\"plugin-header\">\n          <div\n            class=\"plugin-icon\"\n            :class=\"applyDarkModeBg\"\n          >\n            <LazyImage\n              v-if=\"info.icon\"\n              :initial-src=\"defaultIcon\"\n              :error-src=\"defaultIcon\"\n              :src=\"info.icon\"\n              class=\"icon plugin-icon-img\"\n            />\n            <img\n              v-else\n              :src=\"defaultIcon\"\n              class=\"icon plugin-icon-img\"\n            >\n          </div>\n          <div class=\"plugin-title\">\n            <h2\n              class=\"slideIn__header\"\n              data-testid=\"extension-details-title\"\n            >\n              {{ info.label }}\n            </h2>\n            <p class=\"plugin-description\">\n              {{ info.description }}\n            </p>\n          </div>\n          <div class=\"plugin-close\">\n            <div class=\"slideIn__header__buttons\">\n              <div\n                class=\"slideIn__header__button\"\n                data-testid=\"extension-details-close\"\n                @click=\"showSlideIn = false\"\n              >\n                <i class=\"icon icon-close\" />\n              </div>\n            </div>\n          </div>\n        </div>\n        <div>\n          <Banner\n            v-if=\"info.error\"\n            color=\"error\"\n            :label=\"info.error\"\n            class=\"mt-10\"\n          />\n          <Banner\n            v-if=\"info.builtin\"\n            color=\"warning\"\n            :label=\"t('plugins.descriptions.built-in')\"\n            class=\"mt-10\"\n          />\n          <template v-else>\n            <Banner\n              v-if=\"!info.certified\"\n              color=\"warning\"\n              :label=\"t('plugins.descriptions.third-party')\"\n              class=\"mt-10\"\n            />\n            <Banner\n              v-if=\"info.experimental\"\n              color=\"warning\"\n              :label=\"t('plugins.descriptions.experimental')\"\n              class=\"mt-10\"\n            />\n          </template>\n        </div>\n\n        <h3 v-if=\"info.versions.length\">\n          {{ t('plugins.info.versions') }}\n        </h3>\n        <div class=\"plugin-versions mb-10\">\n          <div\n            v-for=\"v in info.versions\"\n            :key=\"v.version\"\n          >\n            <a\n              v-clean-tooltip=\"handleVersionBtnTooltip(v)\"\n              class=\"version-link\"\n              :class=\"handleVersionBtnClass(v)\"\n              @click=\"loadPluginVersionInfo(v.version)\"\n            >\n              {{ v.version }}\n            </a>\n          </div>\n        </div>\n\n        <div v-if=\"versionError\">\n          {{ t('plugins.info.versionError') }}\n        </div>\n        <h3 v-if=\"versionInfo\">\n          {{ t('plugins.info.detail') }}\n        </h3>\n        <div\n          v-if=\"versionInfo\"\n          class=\"plugin-info-detail\"\n        >\n          <ChartReadme\n            v-if=\"versionInfo\"\n            :version-info=\"versionInfo\"\n          />\n        </div>\n        <div v-if=\"!info.versions.length\">\n          <h3>\n            {{ t('plugins.info.versions') }}\n          </h3>\n          <div class=\"version-link version-active version-builtin\">\n            {{ info.displayVersion }}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<style lang=\"scss\" scoped>\n  .plugin-info-panel {\n    position: fixed;\n    top: 0;\n    left: 0;\n    z-index: 1;\n\n    $slideout-width: 35%;\n    $title-height: 50px;\n    $padding: 5px;\n    $slideout-width: 35%;\n    --banner-top-offset: 0;\n    $header-height: calc(54px + var(--banner-top-offset));\n\n    .glass {\n      z-index: 9;\n      position: fixed;\n      top: $header-height;\n      height: calc(100% - $header-height);\n      left: 0;\n      width: 100%;\n      opacity: 0;\n    }\n\n    .slideIn {\n      border-left: var(--header-border-size) solid var(--header-border);\n      position: fixed;\n      top: $header-height;\n      right: -$slideout-width;\n      height: calc(100% - $header-height);\n      background-color: var(--topmenu-bg);\n      width: $slideout-width;\n      z-index: 10;\n      display: flex;\n      flex-direction: column;\n\n      padding: 10px;\n\n      transition: right .5s ease;\n\n      &__header {\n        text-transform: capitalize;\n      }\n\n      .plugin-info-content {\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n\n        .plugin-info-detail {\n          overflow: auto;\n        }\n      }\n\n      h3 {\n        font-size: 14px;\n        margin: 15px 0 10px 0;\n        opacity: 0.7;\n        text-transform: uppercase;\n      }\n\n      .plugin-header {\n        border-bottom: 1px solid var(--border);\n        display: flex;\n        padding-bottom: 20px;\n\n        .plugin-title {\n          flex: 1;\n        }\n      }\n\n      .plugin-icon {\n        font-size: 40px;\n        margin-right:10px;\n        color: #888;\n        width: 44px;\n        height: 44px;\n\n        &.dark-mode {\n          border-radius: calc(2 * var(--border-radius));\n          overflow: hidden;\n          background-color: white;\n        }\n\n        .plugin-icon-img {\n          height: 40px;\n          width: 40px;\n          -o-object-fit: contain;\n          object-fit: contain;\n          position: relative;\n          top: 2px;\n          left: 2px;\n        }\n      }\n\n      .plugin-versions {\n        display: flex;\n        flex-wrap: wrap;\n      }\n\n      .plugin-description {\n        font-size: 15px;\n      }\n\n      .version-link {\n        cursor: pointer;\n        border: 1px solid var(--link);\n        padding: 2px 8px;\n        border-radius: 5px;\n        user-select: none;\n        margin: 0 5px 5px 0;\n        display: block;\n\n        &.version-active {\n          color: var(--link-text);\n          background: var(--link);\n        }\n\n        &.disabled {\n          cursor: not-allowed;\n          color: var(--disabled-text) !important;\n          background-color: var(--disabled-bg) !important;\n          border-color: var(--disabled-bg) !important;\n          text-decoration: none !important;\n        }\n\n        &.version-builtin {\n          display: inline-block;\n        }\n      }\n\n      &__header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n\n        &__buttons {\n          display: flex;\n        }\n\n        &__button {\n          cursor: pointer;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          padding: 2px;\n          > i {\n            font-size: 20px;\n            opacity: 0.5;\n          }\n          &:hover {\n            background-color: var(--wm-closer-hover-bg);\n          }\n        }\n      }\n\n      .chart-content__tabs {\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n\n        height: 0;\n\n        padding-bottom: 10px;\n\n        ::v-deep .chart-readmes {\n          flex: 1;\n          overflow: auto;\n        }\n      }\n\n      &__show {\n        right: 0;\n      }\n    }\n  }\n</style>\n","import mod from \"-!../../../../../../cache-loader/dist/cjs.js??ref--16-0!../../../../../../babel-loader/lib/index.js??ref--16-1!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./PluginInfoPanel.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../cache-loader/dist/cjs.js??ref--16-0!../../../../../../babel-loader/lib/index.js??ref--16-1!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./PluginInfoPanel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PluginInfoPanel.vue?vue&type=template&id=33a40f1f&scoped=true&\"\nimport script from \"./PluginInfoPanel.vue?vue&type=script&lang=js&\"\nexport * from \"./PluginInfoPanel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PluginInfoPanel.vue?vue&type=style&index=0&id=33a40f1f&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../@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  \"33a40f1f\",\n  null\n  \n)\n\nexport default component.exports","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../../../@vue/cli-service/node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \".plugin-info-panel[data-v-33a40f1f]{position:fixed;top:0;left:0;z-index:1;--banner-top-offset:0}.plugin-info-panel .glass[data-v-33a40f1f]{z-index:9;left:0;width:100%;opacity:0}.plugin-info-panel .glass[data-v-33a40f1f],.plugin-info-panel .slideIn[data-v-33a40f1f]{position:fixed;top:calc(54px + var(--banner-top-offset));height:calc(100% - 54px - var(--banner-top-offset))}.plugin-info-panel .slideIn[data-v-33a40f1f]{border-left:var(--header-border-size) solid var(--header-border);right:-35%;background-color:var(--topmenu-bg);width:35%;z-index:10;display:flex;flex-direction:column;padding:10px;transition:right .5s ease}.plugin-info-panel .slideIn__header[data-v-33a40f1f]{text-transform:capitalize}.plugin-info-panel .slideIn .plugin-info-content[data-v-33a40f1f]{display:flex;flex-direction:column;overflow:hidden}.plugin-info-panel .slideIn .plugin-info-content .plugin-info-detail[data-v-33a40f1f]{overflow:auto}.plugin-info-panel .slideIn h3[data-v-33a40f1f]{font-size:14px;margin:15px 0 10px 0;opacity:.7;text-transform:uppercase}.plugin-info-panel .slideIn .plugin-header[data-v-33a40f1f]{border-bottom:1px solid var(--border);display:flex;padding-bottom:20px}.plugin-info-panel .slideIn .plugin-header .plugin-title[data-v-33a40f1f]{flex:1}.plugin-info-panel .slideIn .plugin-icon[data-v-33a40f1f]{font-size:40px;margin-right:10px;color:#888;width:44px;height:44px}.plugin-info-panel .slideIn .plugin-icon.dark-mode[data-v-33a40f1f]{border-radius:calc(var(--border-radius)*2);overflow:hidden;background-color:#fff}.plugin-info-panel .slideIn .plugin-icon .plugin-icon-img[data-v-33a40f1f]{height:40px;width:40px;-o-object-fit:contain;object-fit:contain;position:relative;top:2px;left:2px}.plugin-info-panel .slideIn .plugin-versions[data-v-33a40f1f]{display:flex;flex-wrap:wrap}.plugin-info-panel .slideIn .plugin-description[data-v-33a40f1f]{font-size:15px}.plugin-info-panel .slideIn .version-link[data-v-33a40f1f]{cursor:pointer;border:1px solid var(--link);padding:2px 8px;border-radius:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0 5px 5px 0;display:block}.plugin-info-panel .slideIn .version-link.version-active[data-v-33a40f1f]{color:var(--link-text);background:var(--link)}.plugin-info-panel .slideIn .version-link.disabled[data-v-33a40f1f]{cursor:not-allowed;color:var(--disabled-text)!important;background-color:var(--disabled-bg)!important;border-color:var(--disabled-bg)!important;text-decoration:none!important}.plugin-info-panel .slideIn .version-link.version-builtin[data-v-33a40f1f]{display:inline-block}.plugin-info-panel .slideIn__header[data-v-33a40f1f]{display:flex;align-items:center;justify-content:space-between}.plugin-info-panel .slideIn__header__buttons[data-v-33a40f1f]{display:flex}.plugin-info-panel .slideIn__header__button[data-v-33a40f1f]{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px}.plugin-info-panel .slideIn__header__button>i[data-v-33a40f1f]{font-size:20px;opacity:.5}.plugin-info-panel .slideIn__header__button[data-v-33a40f1f]:hover{background-color:var(--wm-closer-hover-bg)}.plugin-info-panel .slideIn .chart-content__tabs[data-v-33a40f1f]{display:flex;flex-direction:column;flex:1;height:0;padding-bottom:10px}.plugin-info-panel .slideIn .chart-content__tabs[data-v-33a40f1f] .chart-readmes{flex:1;overflow:auto}.plugin-info-panel .slideIn__show[data-v-33a40f1f]{right:0}\", \"\"]);\n// Exports\nmodule.exports = exports;\n"],"sourceRoot":""}