{"version":3,"sources":["webpack:///./node_modules/@rancher/shell/components/Carousel.vue?872a","webpack:///./node_modules/@rancher/shell/pages/c/_cluster/apps/charts/index.vue?3cf3","webpack:///./node_modules/@rancher/shell/pages/c/_cluster/apps/charts/index.vue","webpack:///./node_modules/@rancher/shell/components/Carousel.vue","webpack:///node_modules/@rancher/shell/components/Carousel.vue","webpack:///./node_modules/@rancher/shell/components/Carousel.vue?bf85","webpack:///./node_modules/@rancher/shell/components/Carousel.vue?9e64","webpack:///node_modules/@rancher/shell/pages/c/_cluster/apps/charts/index.vue","webpack:///./node_modules/@rancher/shell/pages/c/_cluster/apps/charts/index.vue?7c8d","webpack:///./node_modules/@rancher/shell/pages/c/_cluster/apps/charts/index.vue?d41b","webpack:///./node_modules/@rancher/shell/components/Carousel.vue?db6c","webpack:///./node_modules/@rancher/shell/pages/c/_cluster/apps/charts/index.vue?4179","webpack:///./node_modules/@rancher/shell/pages/c/_cluster/apps/charts/index.vue?773c","webpack:///./node_modules/@rancher/shell/components/Carousel.vue?c83e"],"names":["content","__esModule","default","module","i","locals","exports","add","render","_vm","this","_c","_self","$fetchState","pending","staticClass","attrs","_v","_s","t","getFeaturedCharts","length","chartOptions","model","value","chartMode","callback","$$v","expression","_e","showCarousel","on","row","selectChart","repoOptionsForDropdown","flattenedRepoNames","$event","all","toggleAll","enabled","toggleRepo","scopedSlots","_u","key","fn","selected","label","repo","class","_defineProperty","color","proxy","staticStyle","categories","opt","count","category","directives","name","rawName","searchQuery","ref","domProps","target","composing","modifiers","focusSearch","refresh","_l","loadingErrors","err","allCharts","filteredCharts","colorForChart","staticRenderFns","sliders","style","trackStyle","slide","asLink","get","keyField","refInFor","tag","linkField","targetField","rel","select","icon","repoName","chartNameDisplay","chartDescription","slider","activeItemId","scrollSlide","nextPrev","carouselSeenStorageKey","components","BadgeState","props","type","Array","required","String","Boolean","data","autoScroll","autoScrollSlideInterval","computed","_objectSpread","mapGetters","sliderItem","width","concat","test","methods","$emit","direction","slideTrack","document","getElementById","transition","addEventListener","slideTransition","slidesArray","autoScrollSlide","beforeDestroy","clearInterval","mounted","node","clone","cloneNode","nodeLast","cloneLast","appendChild","insertBefore","children","lastSeenCluster","sessionStorage","getItem","clusterId","setItem","setInterval","component","AsyncButton","Banner","Carousel","ButtonGroup","Loading","Checkbox","Select","SelectIconGrid","TypeDescription","fetch","_this","_asyncToGenerator","_regeneratorRuntime","mark","_callee","query","wrap","_context","prev","next","$store","dispatch","force","reset","$route","SEARCH_QUERY","showDeprecated","DEPRECATED","_FLAGGED","showHidden","HIDDEN","CATEGORY","allRepos","areAllEnabled","stop","operatingSystem","mapPref","SHOW_CHART_MODE","hideRepos","HIDE_REPOS","repoOptions","_this2","nextColor","colors","out","getters","map","r","_key","nameDisplay","weight","isRancher","isPartner","includes","sortBy","_step","_iterator","_createForOfIteratorHelper","s","n","done","entry","e","f","_toConsumableArray","_this3","allChecked","find","shownRepos","filter","reducedRepos","reduce","acc","c","enabledCharts","_this4","deprecated","hidden","repoKey","isUIPlugin","clusterProvider","currentCluster","status","provider","filterAndArrangeCharts","hideTypes","CATALOG","_CLUSTER_TPL","showPrerelease","SHOW_PRE_RELEASE","featuredCharts","featured","sort","a","b","slice","_step2","_iterator2","_step3","chart","_iterator3","labelKey","lcFirst","Object","values","unshift","watch","q","$router","applyQuery","undefined","cat","os","OPERATING_SYSTEM","window","repos","findBy","_step4","_this5","_iterator4","$nextTick","_step5","_iterator5","updateAll","arguments","removeObject","addObject","_query","version","OSs","workerOSs","compatibleVersions","compatibleVersionsFor","versions","push","params","cluster","product","REPO_TYPE","repoType","REPO","CHART","chartName","VERSION","$refs","focus","btnCb","_this6","_callee2","_context2","t0","___CSS_LOADER_API_IMPORT___"],"mappings":"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","file":"js/pages/c/_cluster/apps/charts/index.74c68d46.js","sourcesContent":["// 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!./Carousel.vue?vue&type=style&index=0&id=af5955b8&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(\"37ec34a0\", content, true, {\"sourceMap\":false,\"shadowMode\":false});","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!./index.vue?vue&type=style&index=0&id=386621e7&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.$fetchState.pending)?_c('Loading'):_c('div',[_c('header',[_c('div',{staticClass:\"title\"},[_c('h1',{staticClass:\"m-0\",attrs:{\"data-testid\":\"charts-header-title\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.t('catalog.charts.header'))+\"\\n      \")])]),_vm._v(\" \"),(_vm.getFeaturedCharts.length > 0)?_c('div',{staticClass:\"actions-container\"},[_c('ButtonGroup',{attrs:{\"options\":_vm.chartOptions},model:{value:(_vm.chartMode),callback:function ($$v) {_vm.chartMode=$$v},expression:\"chartMode\"}})],1):_vm._e()]),_vm._v(\" \"),(_vm.showCarousel)?_c('div',[_c('h3',[_vm._v(_vm._s(_vm.t('catalog.charts.featuredCharts')))]),_vm._v(\" \"),_c('Carousel',{attrs:{\"sliders\":_vm.getFeaturedCharts},on:{\"clicked\":(row) => _vm.selectChart(row)}})],1):_vm._e(),_vm._v(\" \"),_c('TypeDescription',{attrs:{\"resource\":\"chart\"}}),_vm._v(\" \"),_c('div',{staticClass:\"left-right-split\"},[_c('Select',{staticClass:\"checkbox-select\",attrs:{\"searchable\":false,\"options\":_vm.repoOptionsForDropdown,\"value\":_vm.flattenedRepoNames,\"close-on-select\":false},on:{\"option:selecting\":function($event){$event.all ? _vm.toggleAll(!$event.enabled) : _vm.toggleRepo($event, !$event.enabled)}},scopedSlots:_vm._u([{key:\"selected-option\",fn:function(selected){return [_vm._v(\"\\n        \"+_vm._s(selected.label)+\"\\n      \")]}},{key:\"option\",fn:function(repo){return [_c('Checkbox',{staticClass:\"pull-left repo in-select\",class:{ [repo.color]: true},attrs:{\"value\":repo.enabled,\"label\":repo.label,\"color\":repo.color},scopedSlots:_vm._u([{key:\"label\",fn:function(){return [_c('span',[_vm._v(_vm._s(repo.label))]),(!repo.all)?_c('i',{staticClass:\"pl-5 icon icon-dot icon-sm\",class:{[repo.color]: true}}):_vm._e()]},proxy:true}],null,true)})]}}])}),_vm._v(\" \"),_c('Select',{staticStyle:{\"min-width\":\"200px\"},attrs:{\"clearable\":false,\"searchable\":false,\"options\":_vm.categories,\"placement\":\"bottom\",\"label\":\"label\",\"reduce\":opt => opt.value},scopedSlots:_vm._u([{key:\"option\",fn:function(opt){return [_vm._v(\"\\n        \"+_vm._s(opt.label)+\" (\"+_vm._s(opt.count)+\")\\n      \")]}}]),model:{value:(_vm.category),callback:function ($$v) {_vm.category=$$v},expression:\"category\"}}),_vm._v(\" \"),_c('div',{staticClass:\"filter-block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchQuery),expression:\"searchQuery\"}],ref:\"searchQuery\",staticClass:\"input-sm\",attrs:{\"type\":\"search\",\"placeholder\":_vm.t('catalog.charts.search')},domProps:{\"value\":(_vm.searchQuery)},on:{\"input\":function($event){if($event.target.composing)return;_vm.searchQuery=$event.target.value}}}),_vm._v(\" \"),_c('button',{directives:[{name:\"shortkey\",rawName:\"v-shortkey.once\",value:(['/']),expression:\"['/']\",modifiers:{\"once\":true}}],staticClass:\"hide\",on:{\"shortkey\":function($event){return _vm.focusSearch()}}}),_vm._v(\" \"),_c('AsyncButton',{staticClass:\"refresh-btn\",attrs:{\"mode\":\"refresh\",\"size\":\"sm\"},on:{\"click\":_vm.refresh}})],1)],1),_vm._v(\" \"),_vm._l((_vm.loadingErrors),function(err){return _c('Banner',{key:err,attrs:{\"color\":\"error\",\"label\":err}})}),_vm._v(\" \"),(_vm.allCharts.length)?_c('div',[(_vm.filteredCharts.length === 0)?_c('div',{staticStyle:{\"width\":\"100%\"}},[_c('div',{staticClass:\"m-50 text-center\"},[_c('h1',[_vm._v(_vm._s(_vm.t('catalog.charts.noCharts')))])])]):_c('SelectIconGrid',{attrs:{\"rows\":_vm.filteredCharts,\"name-field\":\"chartNameDisplay\",\"description-field\":\"chartDescription\",\"color-for\":_vm.colorForChart},on:{\"clicked\":(row) => _vm.selectChart(row)}})],1):_c('div',{staticClass:\"m-50 text-center\"},[_c('h1',[_vm._v(_vm._s(_vm.t('catalog.charts.noCharts')))])])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"slider\",class:{'disable': _vm.sliders.length === 1}},[_c('div',{ref:\"slider\",staticClass:\"slide-track\",style:(_vm.trackStyle),attrs:{\"id\":\"slide-track\"}},_vm._l((_vm.sliders),function(slide,i){return _c(_vm.asLink ? 'a' : 'div',{key:_vm.get(slide, _vm.keyField),ref:\"slide\",refInFor:true,tag:\"div\",staticClass:\"slide\",class:{'singleSlide': _vm.sliders.length === 1},attrs:{\"id\":`slide` + i,\"href\":_vm.asLink ? _vm.get(slide, _vm.linkField) : null,\"target\":_vm.get(slide, _vm.targetField),\"rel\":_vm.rel},on:{\"click\":function($event){return _vm.select(slide, i)}}},[_c('div',{staticClass:\"slide-content\"},[_c('div',{staticClass:\"slide-img\"},[_c('img',{attrs:{\"src\":slide.icon ? slide.icon : `/_nuxt/shell/assets/images/generic-catalog.svg`}})]),_vm._v(\" \"),_c('div',{staticClass:\"slide-content-right\"},[_c('BadgeState',{attrs:{\"label\":slide.repoName,\"color\":\"slider-badge mb-20\"}}),_vm._v(\" \"),_c('h1',[_vm._v(_vm._s(slide.chartNameDisplay))]),_vm._v(\" \"),_c('p',[_vm._v(_vm._s(slide.chartDescription))])],1)])])}),1),_vm._v(\" \"),_c('div',{staticClass:\"controls\",class:{'disable': _vm.sliders.length === 1}},_vm._l((_vm.slider),function(slide,i){return _c('div',{key:i,staticClass:\"control-item\",class:{'active': _vm.activeItemId === i},on:{\"click\":function($event){return _vm.scrollSlide(i, _vm.slider.length)}}})}),0),_vm._v(\" \"),_c('div',{ref:\"prev\",staticClass:\"prev\",class:{'disable': _vm.sliders.length === 1},on:{\"click\":function($event){return _vm.nextPrev('prev')}}},[_c('i',{staticClass:\"icon icon-chevron-left icon-4x\"})]),_vm._v(\" \"),_c('div',{ref:\"next\",staticClass:\"next\",class:{'disable': _vm.sliders.length === 1},on:{\"click\":function($event){return _vm.nextPrev('next')}}},[_c('i',{staticClass:\"icon icon-chevron-right icon-4x\"})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { get } from '@shell/utils/object';\nimport { BadgeState } from '@components/BadgeState';\nimport { mapGetters } from 'vuex';\n\nconst carouselSeenStorageKey = `carousel-seen`;\n\nexport default {\n  components: { BadgeState },\n  name:       'Carousel',\n  props:      {\n    sliders: {\n      type:     Array,\n      required: true,\n    },\n    keyField: {\n      type:    String,\n      default: 'key',\n    },\n    asLink: {\n      type:    Boolean,\n      default: false,\n    },\n    linkField: {\n      type:    String,\n      default: 'link'\n    },\n    targetField: {\n      type:    String,\n      default: 'target',\n    },\n    rel: {\n      type:    String,\n      default: 'noopener noreferrer nofollow'\n    },\n  },\n\n  data() {\n    return {\n      slider:                  this.sliders,\n      activeItemId:            0,\n      autoScroll:              true,\n      autoScrollSlideInterval: null,\n    };\n  },\n\n  computed: {\n    ...mapGetters(['clusterId']),\n    trackStyle() {\n      let sliderItem = ( this.activeItemId + 1) * 100 / (this.slider.length + 2);\n      const width = 60 * (this.slider.length + 2);\n\n      if (this.slider.length === 1) {\n        sliderItem = 0;\n      }\n\n      return `transform: translateX(-${ sliderItem }%); width: ${ width }%`;\n    },\n\n    test() {\n      return 'test';\n    }\n  },\n\n  methods: {\n    get,\n\n    select(slide, i) {\n      this.$emit('clicked', slide, i);\n    },\n\n    scrollSlide(i) {\n      this.autoScroll = false;\n      this.activeItemId = i;\n    },\n\n    nextPrev(direction) {\n      this.autoScroll = false;\n      const slideTrack = document.getElementById('slide-track');\n\n      slideTrack.style.transition = `transform 450ms ease-in-out`;\n\n      direction !== 'prev' ? (this.activeItemId++) : (this.activeItemId--);\n\n      slideTrack.addEventListener('transitionend', this.slideTransition);\n    },\n\n    slideTransition() {\n      const slideTrack = document.getElementById('slide-track');\n      const slidesArray = this.slider.length + 2;\n\n      if (this.activeItemId === -1) {\n        slideTrack.style.transition = 'none';\n        this.activeItemId = this.slider.length - 1;\n      }\n      if (this.activeItemId === slidesArray - 2) {\n        slideTrack.style.transition = 'none';\n        this.activeItemId = 0;\n      }\n    },\n\n    autoScrollSlide() {\n      if (this.activeItemId < (this.slider.length + 1) && this.autoScroll ) {\n        this.activeItemId++;\n      }\n\n      if (this.activeItemId > this.slider.length - 1) {\n        this.autoScroll = false;\n        this.activeItemId = 0;\n      }\n    },\n  },\n\n  beforeDestroy() {\n    if (this.autoScrollSlideInterval) {\n      clearInterval(this.autoScrollSlideInterval);\n    }\n  },\n\n  mounted() {\n    const slideTrack = document.getElementById('slide-track');\n\n    if (this.slider.length === 1) {\n      // singleSlide.style = 'width: 100%; max-width: 100%';\n      slideTrack.style = 'transform:translateX(0%); width:100%; left:0';\n    } else {\n      const node = document.getElementById('slide0');\n      const clone = node.cloneNode(true);\n\n      const nodeLast = document.getElementById(`slide${ this.slider.length - 1 }`);\n      const cloneLast = nodeLast.cloneNode(true);\n\n      slideTrack.appendChild(clone);\n      slideTrack.insertBefore(cloneLast, slideTrack.children[0]);\n    }\n\n    const lastSeenCluster = sessionStorage.getItem(carouselSeenStorageKey);\n\n    if (lastSeenCluster !== this.clusterId) {\n      // Session storage lasts until tab/window closed (retained on refresh)\n      sessionStorage.setItem(carouselSeenStorageKey, this.clusterId);\n    }\n\n    this.autoScrollSlideInterval = setInterval(this.autoScrollSlide, 5000);\n  },\n\n};\n\n</script>\n\n<template>\n  <div\n    class=\"slider\"\n    :class=\"{'disable': sliders.length === 1}\"\n  >\n    <div\n      id=\"slide-track\"\n      ref=\"slider\"\n      :style=\"trackStyle\"\n      class=\"slide-track\"\n    >\n      <div\n        :is=\"asLink ? 'a' : 'div'\"\n        v-for=\"(slide, i) in sliders\"\n        :id=\"`slide` + i\"\n        ref=\"slide\"\n        :key=\"get(slide, keyField)\"\n        class=\"slide\"\n        :class=\"{'singleSlide': sliders.length === 1}\"\n        :href=\"asLink ? get(slide, linkField) : null\"\n        :target=\"get(slide, targetField)\"\n        :rel=\"rel\"\n        @click=\"select(slide, i)\"\n      >\n        <div class=\"slide-content\">\n          <div class=\"slide-img\">\n            <img :src=\"slide.icon ? slide.icon : `/_nuxt/shell/assets/images/generic-catalog.svg`\">\n          </div>\n          <div class=\"slide-content-right\">\n            <BadgeState\n              :label=\"slide.repoName\"\n              color=\"slider-badge mb-20\"\n            />\n            <h1>{{ slide.chartNameDisplay }}</h1>\n            <p>{{ slide.chartDescription }}</p>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div\n      class=\"controls\"\n      :class=\"{'disable': sliders.length === 1}\"\n    >\n      <div\n        v-for=\"(slide, i) in slider\"\n        :key=\"i\"\n        class=\"control-item\"\n        :class=\"{'active': activeItemId === i}\"\n        @click=\"scrollSlide(i, slider.length)\"\n      />\n    </div>\n    <div\n      ref=\"prev\"\n      class=\"prev\"\n      :class=\"{'disable': sliders.length === 1}\"\n      @click=\"nextPrev('prev')\"\n    >\n      <i class=\"icon icon-chevron-left icon-4x\" />\n    </div>\n    <div\n      ref=\"next\"\n      class=\"next\"\n      :class=\"{'disable': sliders.length === 1}\"\n      @click=\"nextPrev('next')\"\n    >\n      <i class=\"icon icon-chevron-right icon-4x\" />\n    </div>\n  </div>\n</template>\n\n<style lang='scss' scoped>\n .slider {\n  margin: auto;\n  position: relative;\n  width: 100%;\n  place-items: center;\n  overflow: hidden;\n  margin-bottom: 30px;\n  // min-width: 700px;\n\n  &.disable::before,\n  &.disable::after {\n    display: none;\n  }\n\n  &.disable:hover {\n    .prev,\n    .next {\n      display: none;\n    }\n  }\n\n  &:hover {\n    .prev,\n    .next {\n      display: block;\n    }\n  }\n}\n\n.slide-track {\n  display: flex;\n  animation: scrolls 10s ;\n  position: relative;\n  transition: 1s ease-in-out;\n  left: 21%;\n}\n\n.slider-badge {\n  background: var(--app-partner-accent);\n  color: var(--body-bg);\n}\n.slide {\n  min-height: 210px;\n  width: 60%;\n  max-width: 60%;\n  margin: 0 10px;\n  position: relative;\n  border: 1px solid var(--tabbed-border);\n  border-radius: var(--border-radius);\n  cursor: pointer;\n\n  &.singleSlide {\n    width: 100%;\n    max-width: 100%;\n  }\n  .slide-header {\n    background: var(--default);\n    width: 100%;\n    padding: 10px 15px;\n  }\n  .slide-content {\n    display: flex;\n    padding: 30px;\n    height: 100%;\n\n    .slide-img {\n      width: 150px;\n      background: var(--card-badge-text);\n      border-radius: calc(2 * var(--border-radius));\n\n      img {\n        width: 100%;\n      }\n    }\n\n    .slide-content-right {\n      border-left: 1px solid var(--tabbed-border);\n      margin-left: 30px;\n      padding-left: 30px;\n\n      span {\n        margin: 0;\n      }\n    }\n\n  }\n}\n\n.slider::before,\n.slider::after {\n  background: linear-gradient(to right, var(--slider-light-bg) 0%, var(--slider-light-bg-right) 100%);\n  content: \"\";\n  height: 100%;\n  position: absolute;\n  width: 15%;\n  z-index: z-index('overContent');\n}\n\n.slider::before {\n  left: 0;\n  top: 0;\n  &.disable {\n    display: none;\n  }\n}\n.slider::after{\n  right: -1px;\n  top: 0;\n  transform: rotate(180deg);\n}\n\n.controls {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  margin-top: 10px;\n\n  &.disable {\n    display: none;\n  }\n\n  .control-item {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background: var(--scrollbar-thumb);\n    margin: 5px;\n    cursor: pointer;\n\n    &.active {\n      background:var(--body-text);\n    }\n  }\n}\n.prev,\n.next {\n  position: absolute;\n  z-index: 20;\n  top: 90px;\n  display: none;\n  cursor: pointer;\n\n  &.disabled .icon {\n    color: var(--disabled-bg);\n    cursor: not-allowed;\n  }\n}\n\n.next {\n  right: 0;\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!./Carousel.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!./Carousel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Carousel.vue?vue&type=template&id=af5955b8&scoped=true&\"\nimport script from \"./Carousel.vue?vue&type=script&lang=js&\"\nexport * from \"./Carousel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Carousel.vue?vue&type=style&index=0&id=af5955b8&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  \"af5955b8\",\n  null\n  \n)\n\nexport default component.exports","<script>\nimport AsyncButton from '@shell/components/AsyncButton';\nimport Loading from '@shell/components/Loading';\nimport { Banner } from '@components/Banner';\nimport Carousel from '@shell/components/Carousel';\nimport ButtonGroup from '@shell/components/ButtonGroup';\nimport SelectIconGrid from '@shell/components/SelectIconGrid';\nimport TypeDescription from '@shell/components/TypeDescription';\nimport {\n  REPO_TYPE, REPO, CHART, VERSION, SEARCH_QUERY, _FLAGGED, CATEGORY, DEPRECATED, HIDDEN, OPERATING_SYSTEM\n} from '@shell/config/query-params';\nimport { lcFirst } from '@shell/utils/string';\nimport { sortBy } from '@shell/utils/sort';\nimport { mapGetters } from 'vuex';\nimport { Checkbox } from '@components/Form/Checkbox';\nimport Select from '@shell/components/form/Select';\nimport { mapPref, HIDE_REPOS, SHOW_PRE_RELEASE, SHOW_CHART_MODE } from '@shell/store/prefs';\nimport { removeObject, addObject, findBy } from '@shell/utils/array';\nimport { compatibleVersionsFor, filterAndArrangeCharts } from '@shell/store/catalog';\nimport { CATALOG } from '@shell/config/labels-annotations';\nimport { isUIPlugin } from '@shell/config/uiplugins';\n\nexport default {\n  name:       'Charts',\n  components: {\n    AsyncButton,\n    Banner,\n    Carousel,\n    ButtonGroup,\n    Loading,\n    Checkbox,\n    Select,\n    SelectIconGrid,\n    TypeDescription\n  },\n\n  async fetch() {\n    await this.$store.dispatch('catalog/load', { force: true, reset: true });\n\n    const query = this.$route.query;\n\n    this.searchQuery = query[SEARCH_QUERY] || '';\n    this.showDeprecated = query[DEPRECATED] === _FLAGGED;\n    this.showHidden = query[HIDDEN] === _FLAGGED;\n    this.category = query[CATEGORY] || '';\n    this.allRepos = this.areAllEnabled();\n  },\n\n  data() {\n    return {\n      allRepos:        null,\n      category:        null,\n      operatingSystem: null,\n      searchQuery:     null,\n      showDeprecated:  null,\n      showHidden:      null,\n      chartOptions:    [\n        {\n          label: 'Browse',\n          value: 'browse',\n        },\n        {\n          label: 'Featured',\n          value: 'featured'\n        }\n      ]\n    };\n  },\n\n  computed: {\n    ...mapGetters(['currentCluster']),\n    ...mapGetters({ allCharts: 'catalog/charts', loadingErrors: 'catalog/errors' }),\n\n    chartMode: mapPref(SHOW_CHART_MODE),\n\n    hideRepos: mapPref(HIDE_REPOS),\n\n    repoOptions() {\n      let nextColor = 0;\n      // Colors 3 and 4 match `rancher` and `partner` colors, so just avoid them\n      const colors = [1, 2, 5, 6, 7, 8];\n\n      let out = this.$store.getters['catalog/repos'].map((r) => {\n        return {\n          _key:    r._key,\n          label:   r.nameDisplay,\n          color:   r.color,\n          weight:  ( r.isRancher ? 1 : ( r.isPartner ? 2 : 3 ) ),\n          enabled: !this.hideRepos.includes(r._key),\n        };\n      });\n\n      out = sortBy(out, ['weight', 'label']);\n\n      for ( const entry of out ) {\n        if ( !entry.color ) {\n          entry.color = `color${ colors[nextColor] }`;\n          nextColor++;\n          if ( nextColor >= colors.length ) {\n            nextColor = 0;\n          }\n        }\n      }\n\n      return out;\n    },\n\n    repoOptionsForDropdown() {\n      return [{\n        label: this.t('catalog.repo.all'), all: true, enabled: this.areAllEnabled()\n      }, ...this.repoOptions];\n    },\n\n    flattenedRepoNames() {\n      const allChecked = this.repoOptionsForDropdown.find((repo) => repo.all && repo.enabled);\n\n      if (allChecked) {\n        return allChecked.label;\n      }\n\n      // None checked\n      if (!this.repoOptionsForDropdown.find((repo) => repo.enabled)) {\n        return this.t('generic.none');\n      }\n\n      const shownRepos = this.repoOptions.filter((repo) => !this.hideRepos.includes(repo._key));\n      const reducedRepos = shownRepos.reduce((acc, c, i) => {\n        acc += c.label;\n        const length = shownRepos.length;\n\n        if (i < length - 1) {\n          acc += ', ';\n        }\n\n        return acc;\n      }, '');\n\n      return reducedRepos;\n    },\n\n    enabledCharts() {\n      return (this.allCharts || []).filter((c) => {\n        if ( c.deprecated && !this.showDeprecated ) {\n          return false;\n        }\n\n        if ( c.hidden && !this.showHidden ) {\n          return false;\n        }\n\n        if ( this.hideRepos.includes(c.repoKey) ) {\n          return false;\n        }\n\n        if (isUIPlugin(c)) {\n          return false;\n        }\n\n        return true;\n      });\n    },\n\n    filteredCharts() {\n      const enabledCharts = (this.enabledCharts || []);\n      const clusterProvider = this.currentCluster.status.provider || 'other';\n\n      return filterAndArrangeCharts(enabledCharts, {\n        clusterProvider,\n        category:       this.category,\n        searchQuery:    this.searchQuery,\n        showDeprecated: this.showDeprecated,\n        showHidden:     this.showHidden,\n        hideRepos:      this.hideRepos,\n        hideTypes:      [CATALOG._CLUSTER_TPL],\n        showPrerelease: this.$store.getters['prefs/get'](SHOW_PRE_RELEASE),\n      });\n    },\n\n    getFeaturedCharts() {\n      const allCharts = (this.filteredCharts || []);\n\n      const featuredCharts = allCharts.filter((value) => value.featured).sort((a, b) => a.featured - b.featured);\n\n      return featuredCharts.slice(0, 5);\n    },\n\n    categories() {\n      const map = {};\n\n      for ( const chart of this.enabledCharts ) {\n        for ( const c of chart.categories ) {\n          if ( !map[c] ) {\n            const labelKey = `catalog.charts.categories.${ lcFirst(c) }`;\n\n            map[c] = {\n              label: this.$store.getters['i18n/withFallback'](labelKey, null, c),\n              value: c,\n              count: 0\n            };\n          }\n\n          map[c].count++;\n        }\n      }\n\n      const out = Object.values(map);\n\n      out.unshift({\n        label: this.t('catalog.charts.categories.all'),\n        value: '',\n        count: this.enabledCharts.length\n      });\n\n      return out;\n    },\n\n    showCarousel() {\n      return this.chartMode === 'featured' && this.getFeaturedCharts.length;\n    }\n\n  },\n\n  watch: {\n    searchQuery(q) {\n      this.$router.applyQuery({ [SEARCH_QUERY]: q || undefined });\n    },\n\n    category(cat) {\n      this.$router.applyQuery({ [CATEGORY]: cat || undefined });\n    },\n\n    operatingSystem(os) {\n      this.$router.applyQuery({ [OPERATING_SYSTEM]: os || undefined });\n    },\n  },\n\n  mounted() {\n    if ( typeof window !== 'undefined' ) {\n      window.c = this;\n    }\n  },\n\n  methods: {\n    colorForChart(chart) {\n      const repos = this.repoOptions;\n      const repo = findBy(repos, '_key', chart.repoKey);\n\n      if ( repo ) {\n        return repo.color;\n      }\n\n      return null;\n    },\n\n    toggleAll(on) {\n      for ( const r of this.repoOptions ) {\n        this.toggleRepo(r, on, false);\n      }\n\n      this.$nextTick(() => {\n        this.allRepos = this.areAllEnabled();\n      });\n    },\n\n    areAllEnabled() {\n      const all = this.$store.getters['catalog/repos'];\n\n      for ( const r of all ) {\n        if ( this.hideRepos.includes(r._key) ) {\n          return false;\n        }\n      }\n\n      return true;\n    },\n\n    toggleRepo(repo, on, updateAll = true) {\n      const hidden = this.hideRepos;\n\n      if ( on ) {\n        removeObject(hidden, repo._key);\n      } else {\n        addObject(hidden, repo._key);\n      }\n\n      this.hideRepos = hidden;\n\n      if ( updateAll ) {\n        this.allRepos = this.areAllEnabled();\n      }\n    },\n\n    selectChart(chart) {\n      let version;\n      const OSs = this.currentCluster.workerOSs;\n      const showPrerelease = this.$store.getters['prefs/get'](SHOW_PRE_RELEASE);\n      const compatibleVersions = compatibleVersionsFor(chart, OSs, showPrerelease);\n      const versions = chart.versions;\n\n      if (compatibleVersions.length > 0) {\n        version = compatibleVersions[0].version;\n      } else {\n        version = versions[0].version;\n      }\n\n      this.$router.push({\n        name:   'c-cluster-apps-charts-chart',\n        params: {\n          cluster: this.$route.params.cluster,\n          product: this.$store.getters['productId'],\n        },\n        query: {\n          [REPO_TYPE]: chart.repoType,\n          [REPO]:      chart.repoName,\n          [CHART]:     chart.chartName,\n          [VERSION]:   version,\n        }\n      });\n    },\n\n    focusSearch() {\n      if ( this.$refs.searchQuery ) {\n        this.$refs.searchQuery.focus();\n        this.$refs.searchQuery.select();\n      }\n    },\n\n    async refresh(btnCb) {\n      try {\n        await this.$store.dispatch('catalog/refresh');\n        btnCb(true);\n      } catch (e) {\n        this.$store.dispatch('growl/fromError', e);\n        btnCb(false);\n      }\n    },\n  },\n};\n</script>\n\n<template>\n  <Loading v-if=\"$fetchState.pending\" />\n  <div v-else>\n    <header>\n      <div class=\"title\">\n        <h1\n          data-testid=\"charts-header-title\"\n          class=\"m-0\"\n        >\n          {{ t('catalog.charts.header') }}\n        </h1>\n      </div>\n      <div\n        v-if=\"getFeaturedCharts.length > 0\"\n        class=\"actions-container\"\n      >\n        <ButtonGroup\n          v-model=\"chartMode\"\n          :options=\"chartOptions\"\n        />\n      </div>\n    </header>\n    <div v-if=\"showCarousel\">\n      <h3>{{ t('catalog.charts.featuredCharts') }}</h3>\n      <Carousel\n        :sliders=\"getFeaturedCharts\"\n        @clicked=\"(row) => selectChart(row)\"\n      />\n    </div>\n\n    <TypeDescription resource=\"chart\" />\n    <div class=\"left-right-split\">\n      <Select\n        :searchable=\"false\"\n        :options=\"repoOptionsForDropdown\"\n        :value=\"flattenedRepoNames\"\n        class=\"checkbox-select\"\n        :close-on-select=\"false\"\n        @option:selecting=\"$event.all ? toggleAll(!$event.enabled) : toggleRepo($event, !$event.enabled) \"\n      >\n        <template #selected-option=\"selected\">\n          {{ selected.label }}\n        </template>\n        <template #option=\"repo\">\n          <Checkbox\n            :value=\"repo.enabled\"\n            :label=\"repo.label\"\n            class=\"pull-left repo in-select\"\n            :class=\"{ [repo.color]: true}\"\n            :color=\"repo.color\"\n          >\n            <template #label>\n              <span>{{ repo.label }}</span><i\n                v-if=\"!repo.all\"\n                class=\" pl-5 icon icon-dot icon-sm\"\n                :class=\"{[repo.color]: true}\"\n              />\n            </template>\n          </Checkbox>\n        </template>\n      </Select>\n\n      <Select\n        v-model=\"category\"\n        :clearable=\"false\"\n        :searchable=\"false\"\n        :options=\"categories\"\n        placement=\"bottom\"\n        label=\"label\"\n        style=\"min-width: 200px;\"\n        :reduce=\"opt => opt.value\"\n      >\n        <template #option=\"opt\">\n          {{ opt.label }} ({{ opt.count }})\n        </template>\n      </Select>\n\n      <div class=\"filter-block\">\n        <input\n          ref=\"searchQuery\"\n          v-model=\"searchQuery\"\n          type=\"search\"\n          class=\"input-sm\"\n          :placeholder=\"t('catalog.charts.search')\"\n        >\n\n        <button\n          v-shortkey.once=\"['/']\"\n          class=\"hide\"\n          @shortkey=\"focusSearch()\"\n        />\n        <AsyncButton\n          class=\"refresh-btn\"\n          mode=\"refresh\"\n          size=\"sm\"\n          @click=\"refresh\"\n        />\n      </div>\n    </div>\n\n    <Banner\n      v-for=\"err in loadingErrors\"\n      :key=\"err\"\n      color=\"error\"\n      :label=\"err\"\n    />\n\n    <div v-if=\"allCharts.length\">\n      <div\n        v-if=\"filteredCharts.length === 0\"\n        style=\"width: 100%;\"\n      >\n        <div class=\"m-50 text-center\">\n          <h1>{{ t('catalog.charts.noCharts') }}</h1>\n        </div>\n      </div>\n      <SelectIconGrid\n        v-else\n        :rows=\"filteredCharts\"\n        name-field=\"chartNameDisplay\"\n        description-field=\"chartDescription\"\n        :color-for=\"colorForChart\"\n        @clicked=\"(row) => selectChart(row)\"\n      />\n    </div>\n    <div\n      v-else\n      class=\"m-50 text-center\"\n    >\n      <h1>{{ t('catalog.charts.noCharts') }}</h1>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.left-right-split {\n    padding: 0 0 20px 0;\n    width: 100%;\n    z-index: z-index('fixedTableHeader');\n    background: transparent;\n    display: grid;\n    grid-template-columns: 40% auto auto;\n    align-content: center;\n    grid-column-gap: 10px;\n\n    .filter-block {\n      display: flex;\n    }\n    .refresh-btn {\n      margin-left: 10px;\n    }\n\n    &.with-os-options {\n      grid-template-columns: 40% auto auto auto;\n    }\n\n    @media only screen and (max-width: map-get($breakpoints, '--viewport-12')) {\n      &{\n        grid-template-columns: auto auto !important;\n        grid-template-rows: 40px 40px;\n        grid-row-gap: 20px;\n      }\n    }\n\n    @media only screen and (max-width: map-get($breakpoints, '--viewport-7')) {\n      &{\n        &{\n          grid-template-columns: auto !important;\n          grid-template-rows: 40px 40px 40px !important;\n\n          &.with-os-options {\n            grid-template-rows: 40px 40px 40px 40px !important;\n          }\n        }\n      }\n    }\n  }\n\n.checkbox-select {\n   .vs__search {\n    position: absolute;\n    right: 0\n  }\n\n .vs__selected-options  {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    display: inline-block;\n    line-height: 2.4rem;\n  }\n\n}\n\n.checkbox-outer-container.in-select {\n  transform: translateX(-5px);\n  padding: 7px 0 6px 13px;\n  width: calc(100% + 10px);\n\n  ::v-deep.checkbox-label {\n    display: flex;\n    align-items: center;\n\n    & i {\n      line-height: inherit;\n    }\n  }\n\n  &:first-child {\n    &:hover {\n      background: var(--input-hover-bg);\n    }\n  }\n\n  &:hover ::v-deep.checkbox-label {\n      color: var(--body-text);\n    }\n\n  &.rancher {\n      &:hover {\n      background: var(--app-rancher-accent);\n    }\n    &:hover ::v-deep.checkbox-label {\n      color: var(--app-rancher-accent-text);\n    }\n    & i {\n      color: var(--app-rancher-accent)\n    }\n  }\n\n  &.partner {\n      &:hover {\n      background: var(--app-partner-accent);\n    }\n    &:hover ::v-deep.checkbox-label {\n      color: var(--app-partner-accent-text);\n    }\n    & i {\n      color: var(--app-partner-accent)\n    }\n  }\n\n  &.color1 {\n    &:hover {\n      background: var(--app-color1-accent);\n    }\n    &:hover ::v-deep.checkbox-label {\n      color: var(--app-color1-accent-text);\n    }\n    & i {\n      color: var(--app-color1-accent)\n    }\n  }\n  &.color2 {\n    &:hover {\n      background: var(--app-color2-accent);\n    }\n    &:hover ::v-deep.checkbox-label {\n      color: var(--app-color2-accent-text);\n    }\n        & i {\n      color: var(--app-color2-accent)\n    }\n  }\n  &.color3 {\n    &:hover {\n      background: var(--app-color3-accent);\n    }\n    &:hover ::v-deep.checkbox-label {\n      color: var(--app-color3-accent-text);\n    }\n    & i {\n      color: var(--app-color3-accent)\n    }\n  }\n  &.color4 {\n    &:hover {\n      background: var(--app-color4-accent);\n    }\n    &:hover ::v-deep.checkbox-label {\n      color: var(--app-color4-accent-text);\n    }\n    & i {\n      color: var(--app-color4-accent)\n    }\n  }\n  &.color5 {\n    &:hover {\n      background: var(--app-color5-accent);\n    }\n    &:hover ::v-deep.checkbox-label {\n      color: var(--app-color5-accent-text);\n    }\n    & i {\n      color: var(--app-color5-accent)\n    }\n  }\n  &.color6 {\n    &:hover {\n      background: var(--app-color6-accent);\n    }\n    &:hover ::v-deep.checkbox-label {\n      color: var(--app-color6-accent-text);\n    }\n    & i {\n      color: var(--app-color6-accent)\n    }\n  }\n  &.color7 {\n    &:hover {\n      background: var(--app-color7-accent);\n    }\n    &:hover ::v-deep.checkbox-label {\n      color: var(--app-color7-accent-text);\n    }\n    & i {\n      color: var(--app-color7-accent)\n    }\n  }\n  &.color8 {\n    &:hover {\n      background: var(--app-color8-accent);\n    }\n    &:hover ::v-deep.checkbox-label {\n      color: var(--app-color8-accent-text);\n    }\n    & i {\n      color: var(--app-color8-accent)\n    }\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=386621e7&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=386621e7&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  \"386621e7\",\n  null\n  \n)\n\nexport default component.exports","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!./Carousel.vue?vue&type=style&index=0&id=af5955b8&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!./index.vue?vue&type=style&index=0&id=386621e7&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(\"417a0606\", content, true, {\"sourceMap\":false,\"shadowMode\":false});","// 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, \".left-right-split[data-v-386621e7]{padding:0 0 20px 0;width:100%;z-index:11;background:transparent;display:grid;grid-template-columns:40% auto auto;align-content:center;grid-column-gap:10px}.left-right-split .filter-block[data-v-386621e7]{display:flex}.left-right-split .refresh-btn[data-v-386621e7]{margin-left:10px}.left-right-split.with-os-options[data-v-386621e7]{grid-template-columns:40% auto auto auto}@media only screen and (max-width:1281px){.left-right-split[data-v-386621e7]{grid-template-columns:auto auto!important;grid-template-rows:40px 40px;grid-row-gap:20px}}@media only screen and (max-width:768px){.left-right-split[data-v-386621e7]{grid-template-columns:auto!important;grid-template-rows:40px 40px 40px!important}.left-right-split.with-os-options[data-v-386621e7]{grid-template-rows:40px 40px 40px 40px!important}}.checkbox-select .vs__search[data-v-386621e7]{position:absolute;right:0}.checkbox-select .vs__selected-options[data-v-386621e7]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;line-height:2.4rem}.checkbox-outer-container.in-select[data-v-386621e7]{transform:translateX(-5px);padding:7px 0 6px 13px;width:calc(100% + 10px)}.checkbox-outer-container.in-select[data-v-386621e7].checkbox-label{display:flex;align-items:center}.checkbox-outer-container.in-select[data-v-386621e7].checkbox-label i{line-height:inherit}.checkbox-outer-container.in-select[data-v-386621e7]:first-child:hover{background:var(--input-hover-bg)}.checkbox-outer-container.in-select[data-v-386621e7]:hover.checkbox-label{color:var(--body-text)}.checkbox-outer-container.in-select.rancher[data-v-386621e7]:hover{background:var(--app-rancher-accent)}.checkbox-outer-container.in-select.rancher[data-v-386621e7]:hover.checkbox-label{color:var(--app-rancher-accent-text)}.checkbox-outer-container.in-select.rancher i[data-v-386621e7]{color:var(--app-rancher-accent)}.checkbox-outer-container.in-select.partner[data-v-386621e7]:hover{background:var(--app-partner-accent)}.checkbox-outer-container.in-select.partner[data-v-386621e7]:hover.checkbox-label{color:var(--app-partner-accent-text)}.checkbox-outer-container.in-select.partner i[data-v-386621e7]{color:var(--app-partner-accent)}.checkbox-outer-container.in-select.color1[data-v-386621e7]:hover{background:var(--app-color1-accent)}.checkbox-outer-container.in-select.color1[data-v-386621e7]:hover.checkbox-label{color:var(--app-color1-accent-text)}.checkbox-outer-container.in-select.color1 i[data-v-386621e7]{color:var(--app-color1-accent)}.checkbox-outer-container.in-select.color2[data-v-386621e7]:hover{background:var(--app-color2-accent)}.checkbox-outer-container.in-select.color2[data-v-386621e7]:hover.checkbox-label{color:var(--app-color2-accent-text)}.checkbox-outer-container.in-select.color2 i[data-v-386621e7]{color:var(--app-color2-accent)}.checkbox-outer-container.in-select.color3[data-v-386621e7]:hover{background:var(--app-color3-accent)}.checkbox-outer-container.in-select.color3[data-v-386621e7]:hover.checkbox-label{color:var(--app-color3-accent-text)}.checkbox-outer-container.in-select.color3 i[data-v-386621e7]{color:var(--app-color3-accent)}.checkbox-outer-container.in-select.color4[data-v-386621e7]:hover{background:var(--app-color4-accent)}.checkbox-outer-container.in-select.color4[data-v-386621e7]:hover.checkbox-label{color:var(--app-color4-accent-text)}.checkbox-outer-container.in-select.color4 i[data-v-386621e7]{color:var(--app-color4-accent)}.checkbox-outer-container.in-select.color5[data-v-386621e7]:hover{background:var(--app-color5-accent)}.checkbox-outer-container.in-select.color5[data-v-386621e7]:hover.checkbox-label{color:var(--app-color5-accent-text)}.checkbox-outer-container.in-select.color5 i[data-v-386621e7]{color:var(--app-color5-accent)}.checkbox-outer-container.in-select.color6[data-v-386621e7]:hover{background:var(--app-color6-accent)}.checkbox-outer-container.in-select.color6[data-v-386621e7]:hover.checkbox-label{color:var(--app-color6-accent-text)}.checkbox-outer-container.in-select.color6 i[data-v-386621e7]{color:var(--app-color6-accent)}.checkbox-outer-container.in-select.color7[data-v-386621e7]:hover{background:var(--app-color7-accent)}.checkbox-outer-container.in-select.color7[data-v-386621e7]:hover.checkbox-label{color:var(--app-color7-accent-text)}.checkbox-outer-container.in-select.color7 i[data-v-386621e7]{color:var(--app-color7-accent)}.checkbox-outer-container.in-select.color8[data-v-386621e7]:hover{background:var(--app-color8-accent)}.checkbox-outer-container.in-select.color8[data-v-386621e7]:hover.checkbox-label{color:var(--app-color8-accent-text)}.checkbox-outer-container.in-select.color8 i[data-v-386621e7]{color:var(--app-color8-accent)}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// 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, \".slider[data-v-af5955b8]{margin:auto;position:relative;width:100%;place-items:center;overflow:hidden;margin-bottom:30px}.slider.disable[data-v-af5955b8]:after,.slider.disable[data-v-af5955b8]:before,.slider.disable:hover .next[data-v-af5955b8],.slider.disable:hover .prev[data-v-af5955b8]{display:none}.slider:hover .next[data-v-af5955b8],.slider:hover .prev[data-v-af5955b8]{display:block}.slide-track[data-v-af5955b8]{display:flex;animation:scrolls 10s;position:relative;transition:1s ease-in-out;left:21%}.slider-badge[data-v-af5955b8]{background:var(--app-partner-accent);color:var(--body-bg)}.slide[data-v-af5955b8]{min-height:210px;width:60%;max-width:60%;margin:0 10px;position:relative;border:1px solid var(--tabbed-border);border-radius:var(--border-radius);cursor:pointer}.slide.singleSlide[data-v-af5955b8]{width:100%;max-width:100%}.slide .slide-header[data-v-af5955b8]{background:var(--default);width:100%;padding:10px 15px}.slide .slide-content[data-v-af5955b8]{display:flex;padding:30px;height:100%}.slide .slide-content .slide-img[data-v-af5955b8]{width:150px;background:var(--card-badge-text);border-radius:calc(var(--border-radius)*2)}.slide .slide-content .slide-img img[data-v-af5955b8]{width:100%}.slide .slide-content .slide-content-right[data-v-af5955b8]{border-left:1px solid var(--tabbed-border);margin-left:30px;padding-left:30px}.slide .slide-content .slide-content-right span[data-v-af5955b8]{margin:0}.slider[data-v-af5955b8]:after,.slider[data-v-af5955b8]:before{background:linear-gradient(90deg,var(--slider-light-bg) 0,var(--slider-light-bg-right));content:\\\"\\\";height:100%;position:absolute;width:15%;z-index:2}.slider[data-v-af5955b8]:before{left:0;top:0}.slider:before.disable[data-v-af5955b8]{display:none}.slider[data-v-af5955b8]:after{right:-1px;top:0;transform:rotate(180deg)}.controls[data-v-af5955b8]{width:100%;display:flex;justify-content:center;margin-top:10px}.controls.disable[data-v-af5955b8]{display:none}.controls .control-item[data-v-af5955b8]{width:10px;height:10px;border-radius:50%;background:var(--scrollbar-thumb);margin:5px;cursor:pointer}.controls .control-item.active[data-v-af5955b8]{background:var(--body-text)}.next[data-v-af5955b8],.prev[data-v-af5955b8]{position:absolute;z-index:20;top:90px;display:none;cursor:pointer}.next.disabled .icon[data-v-af5955b8],.prev.disabled .icon[data-v-af5955b8]{color:var(--disabled-bg);cursor:not-allowed}.next[data-v-af5955b8]{right:0}\", \"\"]);\n// Exports\nmodule.exports = exports;\n"],"sourceRoot":""}