{"version":3,"file":"static/js/327.974a8a5a.js","mappings":"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","sources":["webpack://learning-center/./src/components/modules/search-bar.vue?4202","webpack://learning-center/./src/components/modules/search-bar.vue","webpack://learning-center/./src/components/modules/search-bar.vue?ff7a","webpack://learning-center/./src/components/modules/search-filter.vue?eaef","webpack://learning-center/./src/components/modules/search-filter.vue","webpack://learning-center/./src/components/modules/search-filter.vue?79a2"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, renderList as _renderList, Fragment as _Fragment, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createCommentVNode as _createCommentVNode, vModelText as _vModelText, withKeys as _withKeys, withDirectives as _withDirectives, normalizeClass as _normalizeClass, resolveDirective as _resolveDirective } from \"vue\";\nconst _hoisted_1 = {\n  class: \"searchbar\"\n};\nconst _hoisted_2 = {\n  style: {\n    \"position\": \"relative\"\n  }\n};\nconst _hoisted_3 = {\n  key: 0,\n  class: \"search-tag-wrapper custom-scroll-bar-style\"\n};\nconst _hoisted_4 = [\"onClick\"];\nconst _hoisted_5 = [\"placeholder\"];\nconst _hoisted_6 = {\n  key: 0,\n  class: \"search-result-wrapper custom-scroll-bar-style rl-color-gray2 rl-fontweight-regular\"\n};\nconst _hoisted_7 = [\"onClick\"];\nexport function render(_ctx, _cache, $props, $setup, $data, $options) {\n  const _directive_clickOutside = _resolveDirective(\"clickOutside\");\n  return _openBlock(), _createElementBlock(\"div\", _hoisted_1, [_createElementVNode(\"div\", _hoisted_2, [_createElementVNode(\"div\", {\n    class: _normalizeClass([\"search-wrapper\", {\n      'active': $props.allTags.length > 0\n    }])\n  }, [_cache[5] || (_cache[5] = _createElementVNode(\"div\", {\n    class: \"search-icon-container\"\n  }, [_createElementVNode(\"svg\", {\n    viewBox: \"0 0 34 34\",\n    class: \"search-icon\"\n  }, [_createElementVNode(\"use\", {\n    \"xlink:href\": \"#search\"\n  })])], -1)), $props.allTags.length ? (_openBlock(), _createElementBlock(\"div\", _hoisted_3, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList($props.allTags, (tag, index) => {\n    return _openBlock(), _createElementBlock(\"span\", {\n      class: \"search-tag\",\n      key: 'tags-' + index\n    }, [_createTextVNode(_toDisplayString(tag) + \" \", 1), _createElementVNode(\"span\", {\n      class: \"close-icon\",\n      onClick: $event => $setup.emit('removeTag', tag)\n    }, null, 8, _hoisted_4)]);\n  }), 128))])) : _createCommentVNode(\"\", true), _withDirectives(_createElementVNode(\"input\", {\n    class: \"search rl-text-body-2 rl-fontweight-regular\",\n    type: \"text\",\n    \"onUpdate:modelValue\": _cache[0] || (_cache[0] = $event => $setup.text = $event),\n    placeholder: $props.placeholderText,\n    spellcheck: \"false\",\n    onKeyup: _cache[1] || (_cache[1] = _withKeys($event => $setup.enterText($setup.text), [\"enter\"])),\n    onKeydown: _cache[2] || (_cache[2] = (...args) => $setup.processCompleteData && $setup.processCompleteData(...args)),\n    onCompositionstart: _cache[3] || (_cache[3] = $event => $setup.isComposing = true),\n    onCompositionend: _cache[4] || (_cache[4] = $event => $setup.isComposing = false),\n    \"aria-label\": \"search bar\"\n  }, null, 40, _hoisted_5), [[_vModelText, $setup.text, void 0, {\n    trim: true\n  }]])], 2), $setup.autoComplete.isShow && $setup.text !== '' ? _withDirectives((_openBlock(), _createElementBlock(\"ul\", _hoisted_6, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList($setup.autoComplete.data, (keyword, index) => {\n    return _openBlock(), _createElementBlock(\"li\", {\n      class: \"search-result-data\",\n      key: 'autoCompleteData-' + index,\n      onClick: $event => $setup.enterText(keyword)\n    }, _toDisplayString(keyword), 9, _hoisted_7);\n  }), 128))])), [[_directive_clickOutside, $setup.hideAutoComplete]]) : _createCommentVNode(\"\", true)])]);\n}","import \"core-js/modules/esnext.iterator.constructor.js\";\nimport \"core-js/modules/esnext.iterator.filter.js\";\nimport \"core-js/modules/esnext.iterator.some.js\";\nimport { ref, toRefs } from \"vue\";\nimport { getAutoCompleteData } from \"../../api/index\";\nexport default {\n  name: \"searchBar\",\n  props: {\n    allTags: {\n      type: Object,\n      required: true,\n      default: ref([])\n    },\n    searchType: {\n      type: String,\n      required: true,\n      default: \"library\"\n    },\n    placeholderText: {\n      type: String,\n      required: true,\n      default: \"\"\n    }\n  },\n  setup(props, {\n    emit\n  }) {\n    const {\n      allTags,\n      searchType,\n      placeholderText\n    } = toRefs(props);\n    const text = ref(\"\");\n    const isComposing = ref(false);\n    const autoComplete = ref({\n      data: [],\n      isShow: false\n    });\n    function processCompleteData(e) {\n      if (text.value === \"\" && (e.code === \"Space\" || e.code === \"Backspace\" && !isComposing.value)) {\n        e.preventDefault();\n        if (e.code === \"Space\") {\n          return;\n        }\n        if (e.code === \"Backspace\" && allTags.value.length) {\n          emit(\"removeTag\", allTags.value[allTags.value.length - 1]);\n          return;\n        }\n      }\n      if (text.value !== \"\" && (e.code === \"ArrowDown\" || e.code === \"ArrowUp\")) {\n        selectCompleteDataByKey(e);\n        return;\n      }\n      autoComplete.value.isShow = false;\n      completeData();\n    }\n    function selectCompleteDataByKey(e) {\n      var $listItems = $(\".search-result-wrapper li\");\n      var keyCode = e.code,\n        $selected = $listItems.filter(\".selected\"),\n        $current;\n      $listItems.removeClass(\"selected\");\n      var menu = $(\".search-result-wrapper\");\n      var height = $selected.outerHeight();\n      var top = menu.scrollTop();\n      var menuHeight = menu[0].scrollHeight;\n      if (keyCode == \"ArrowDown\") {\n        if (!$selected.length || $selected.is(\":last-child\")) {\n          $current = $listItems.eq(0);\n          menu.scrollTop(0);\n        } else {\n          $current = $selected.next();\n          menu.scrollTop(top + height);\n        }\n        $current.addClass(\"selected\");\n        text.value = $current[0].innerText;\n      }\n      if (keyCode == \"ArrowUp\") {\n        if (!$selected.length || $selected.is(\":first-child\")) {\n          $current = $listItems.last();\n          menu.scrollTop(menuHeight + height);\n        } else {\n          $current = $selected.prev();\n          menu.scrollTop(top - height);\n        }\n        $current.addClass(\"selected\");\n        text.value = $current[0].innerText;\n      }\n    }\n    const enterText = function (keyword) {\n      if (keyword && searchType == \"home\") {\n        emit(\"addTag\", keyword);\n      } else if (keyword && !allTags.value.some(tag => tag.toLowerCase() == keyword.toLowerCase())) {\n        emit(\"addTag\", keyword);\n        text.value = \"\";\n      }\n    };\n    const completeData = _.debounce(() => {\n      if (text.value == \"\" || !/\\S/.test(text.value)) {\n        return;\n      }\n      getAutoCompleteData({\n        Keyword: text.value.toLowerCase()\n      }).then(response => {\n        response.unshift(text.value.toLowerCase());\n        autoComplete.value.data = [...new Set(response)];\n        autoComplete.value.isShow = true;\n      }).catch(() => {\n        autoComplete.value.isShow = false;\n        autoComplete.value.data = [text.value.toLowerCase()];\n      });\n    }, 200);\n    function hideAutoComplete() {\n      autoComplete.value.isShow = false;\n    }\n    return {\n      emit,\n      text,\n      isComposing,\n      autoComplete,\n      processCompleteData,\n      enterText,\n      hideAutoComplete\n    };\n  },\n  directives: {\n    clickOutside: {\n      beforeMount: function (el, binding) {\n        el.clickOutsideEvent = function (event) {\n          if (!(el == event.target || el.contains(event.target))) {\n            binding.value(event);\n          }\n        };\n        document.body.addEventListener(\"click\", el.clickOutsideEvent);\n      },\n      unmounted: function (el) {\n        document.body.removeEventListener(\"click\", el.clickOutsideEvent);\n      }\n    }\n  }\n};","/* unplugin-vue-components disabled */import { render } from \"./search-bar.vue?vue&type=template&id=5e2b8ada&scoped=true\"\nimport script from \"./search-bar.vue?vue&type=script&lang=js\"\nexport * from \"./search-bar.vue?vue&type=script&lang=js\"\n\nimport \"./search-bar.vue?vue&type=style&index=0&id=5e2b8ada&scoped=true&lang=scss\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-5e2b8ada\"]])\n\nexport default __exports__","import { resolveComponent as _resolveComponent, createVNode as _createVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createBlock as _createBlock, withCtx as _withCtx, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode } from \"vue\";\nconst _hoisted_1 = {\n  style: {\n    \"display\": \"flex\",\n    \"align-items\": \"center\",\n    \"flex-wrap\": \"wrap\"\n  }\n};\nconst _hoisted_2 = {\n  key: 0,\n  class: \"rl-space-mobile-left-20 rl-space-mobile-right-20 rl-space-right-10 rl-row-bottom-20 filter-select-type\"\n};\nconst _hoisted_3 = {\n  class: \"rl-space-mobile-left-20 rl-space-mobile-right-20 rl-space-right-10 rl-row-bottom-20 filter-select-product\"\n};\nconst _hoisted_4 = {\n  key: 1,\n  class: \"rl-space-mobile-left-20 rl-space-mobile-right-20 rl-space-right-10 rl-row-bottom-20 filter-select-version\"\n};\nconst _hoisted_5 = {\n  key: 2,\n  class: \"rl-space-mobile-left-20 rl-space-mobile-right-20 rl-space-right-30 rl-row-bottom-20 filter-select-level\"\n};\nconst _hoisted_6 = {\n  key: 3,\n  class: \"rl-row-bottom-20 rl-row-mobile-bottom-60\"\n};\nexport function render(_ctx, _cache, $props, $setup, $data, $options) {\n  const _component_el_option = _resolveComponent(\"el-option\");\n  const _component_el_select = _resolveComponent(\"el-select\");\n  return _openBlock(), _createElementBlock(\"div\", _hoisted_1, [$props.type !== undefined ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, [_createVNode(_component_el_select, {\n    modelValue: $setup.filterType,\n    \"onUpdate:modelValue\": _cache[0] || (_cache[0] = $event => $setup.filterType = $event),\n    style: {\n      \"width\": \"100%\"\n    }\n  }, {\n    default: _withCtx(() => [_createVNode(_component_el_option, {\n      label: _ctx.$t('SKILL_PATH.FILTER_TYPE'),\n      value: 0\n    }, null, 8, [\"label\"]), (_openBlock(true), _createElementBlock(_Fragment, null, _renderList($setup.typeOptions, (item, index) => {\n      return _openBlock(), _createBlock(_component_el_option, {\n        key: 'type' + index,\n        label: _ctx.$t(item.labelKey),\n        value: item.value\n      }, null, 8, [\"label\", \"value\"]);\n    }), 128))]),\n    _: 1\n  }, 8, [\"modelValue\"])])) : _createCommentVNode(\"\", true), _createElementVNode(\"div\", _hoisted_3, [_createVNode(_component_el_select, {\n    modelValue: $setup.filterProduct,\n    \"onUpdate:modelValue\": _cache[1] || (_cache[1] = $event => $setup.filterProduct = $event),\n    style: {\n      \"width\": \"100%\"\n    }\n  }, {\n    default: _withCtx(() => [_createVNode(_component_el_option, {\n      label: _ctx.$t('LIBRARY.FILTER_PRODUCT'),\n      value: \"\"\n    }, null, 8, [\"label\"]), (_openBlock(true), _createElementBlock(_Fragment, null, _renderList($setup.options, (option, index) => {\n      return _openBlock(), _createBlock(_component_el_option, {\n        label: option.product,\n        value: option.product,\n        key: 'product' + index\n      }, null, 8, [\"label\", \"value\"]);\n    }), 128))]),\n    _: 1\n  }, 8, [\"modelValue\"])]), $setup.options && $props.version !== undefined ? (_openBlock(), _createElementBlock(\"div\", _hoisted_4, [_createVNode(_component_el_select, {\n    modelValue: $setup.filterVersion,\n    \"onUpdate:modelValue\": _cache[2] || (_cache[2] = $event => $setup.filterVersion = $event),\n    disabled: $setup.getProductVersion.length < 1,\n    style: {\n      \"width\": \"100%\"\n    }\n  }, {\n    default: _withCtx(() => [_createVNode(_component_el_option, {\n      label: _ctx.$t('LIBRARY.FILTER_VERSION'),\n      value: \"\"\n    }, null, 8, [\"label\"]), $setup.getProductVersion.length > 0 ? (_openBlock(true), _createElementBlock(_Fragment, {\n      key: 0\n    }, _renderList($setup.getProductVersion, (item, index) => {\n      return _openBlock(), _createBlock(_component_el_option, {\n        key: $setup.filterProduct + 'version' + index,\n        label: item.label,\n        value: item.version\n      }, null, 8, [\"label\", \"value\"]);\n    }), 128)) : _createCommentVNode(\"\", true)]),\n    _: 1\n  }, 8, [\"modelValue\", \"disabled\"])])) : _createCommentVNode(\"\", true), $props.level !== undefined ? (_openBlock(), _createElementBlock(\"div\", _hoisted_5, [_createVNode(_component_el_select, {\n    modelValue: $setup.filterLevel,\n    \"onUpdate:modelValue\": _cache[3] || (_cache[3] = $event => $setup.filterLevel = $event),\n    multiple: \"\",\n    placeholder: \" \",\n    class: \"hide-tags\",\n    style: {\n      \"width\": \"100%\"\n    }\n  }, {\n    prefix: _withCtx(() => [_createTextVNode(_toDisplayString($setup.getSelectLevelLabel), 1)]),\n    default: _withCtx(() => [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList($setup.levelGroup, (item, index) => {\n      return _openBlock(), _createBlock(_component_el_option, {\n        key: 'level' + index,\n        label: _ctx.$t('COMMON.' + item),\n        value: index + 1\n      }, null, 8, [\"label\", \"value\"]);\n    }), 128))]),\n    _: 1\n  }, 8, [\"modelValue\"])])) : _createCommentVNode(\"\", true), $props.showCleanFilter ? (_openBlock(), _createElementBlock(\"div\", _hoisted_6, [_createElementVNode(\"span\", {\n    class: \"rl-space-mobile-left-20 rl-space-mobile-right-0 rl-space-right-30 reset-filter rl-fontweight-medium rl-text-body-3\",\n    onClick: _cache[4] || (_cache[4] = (...args) => $setup.resetFilter && $setup.resetFilter(...args))\n  }, _toDisplayString(_ctx.$t(\"LIBRARY.CLEAN_FILTER\")), 1)])) : _createCommentVNode(\"\", true)]);\n}","import { ref, onMounted, computed, inject } from \"vue\";\nimport { languageService } from '@/utils';\nimport { ApiSkillPathMediaMenuEnum } from \"@/enums/api/index\";\nexport default {\n  name: \"searchFilter\",\n  props: {\n    product: {\n      required: false\n    },\n    version: {\n      required: false\n    },\n    level: {\n      required: false\n    },\n    type: {\n      required: false\n    },\n    showCleanFilter: {\n      require: false,\n      default: true\n    }\n  },\n  setup(props, {\n    emit\n  }) {\n    const {\n      getLocaleMessege\n    } = languageService;\n    const {\n      searchFilter\n    } = inject(\"store\");\n    const options = ref(null);\n    const levelGroup = searchFilter.states.levelGroup;\n    const typeOptions = searchFilter.states.typeOptions;\n    const filterProduct = computed({\n      get: () => props.product,\n      set: val => {\n        if (val !== props.product) {\n          emit(\"update:product\", val);\n          emit(\"update:level\", '');\n          emit('changeProduct');\n        }\n      }\n    });\n    const filterVersion = computed({\n      get: () => props.version,\n      set: val => {\n        if (val !== props.version) {\n          emit(\"update:version\", val);\n          emit(\"changeVersion\");\n        }\n      }\n    });\n    const filterLevel = computed({\n      get: () => props.level,\n      set: val => {\n        const value = val.length > Object.keys(levelGroup).length ? '' : val;\n        emit(\"update:level\", value);\n        emit('changeLevel');\n      }\n    });\n    const filterType = computed({\n      get: () => props.type,\n      set: val => {\n        if (val !== props.type) {\n          emit(\"update:type\", val);\n          emit('changeType');\n        }\n      }\n    });\n    const getProductVersion = computed(() => {\n      return searchFilter.getters.getProductVersion(filterProduct.value);\n    });\n    const getSelectLevelLabel = computed(() => {\n      var text = filterLevel.value.length == 0 ? getLocaleMessege(\"LIBRARY\").FILTER_LEVEL : \"Level\" + (filterLevel.value.length > 0 ? \" (\" + filterLevel.value.length + \")\" : \"\");\n      return filterLevel.value.length == levelGroup.length ? getLocaleMessege(\"LIBRARY\").FILTER_LEVEL : text;\n    });\n    function resetFilter() {\n      if (filterProduct.value == \"\" && filterLevel.value == \"\" && filterLevel.value.length == 0 && filterType.value === ApiSkillPathMediaMenuEnum.ALL) {\n        return;\n      }\n      emit(\"update:product\", \"\");\n      emit(\"update:version\", \"\");\n      emit(\"update:level\", []);\n      emit(\"update:type\", ApiSkillPathMediaMenuEnum.ALL);\n      emit('resetFilter');\n    }\n    onMounted(async () => {\n      await searchFilter.actions.fetchProductOptions();\n      options.value = searchFilter.states.productOptions;\n    });\n    return {\n      levelGroup,\n      options,\n      filterProduct,\n      filterVersion,\n      filterLevel,\n      getSelectLevelLabel,\n      resetFilter,\n      getProductVersion,\n      typeOptions,\n      filterType\n    };\n  }\n};","/* unplugin-vue-components disabled */import { render } from \"./search-filter.vue?vue&type=template&id=3bc274f4&scoped=true\"\nimport script from \"./search-filter.vue?vue&type=script&lang=js\"\nexport * from \"./search-filter.vue?vue&type=script&lang=js\"\n\nimport \"./search-filter.vue?vue&type=style&index=0&id=3bc274f4&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-3bc274f4\"]])\n\nexport default __exports__"],"names":["_hoisted_1","class","_hoisted_2","style","_hoisted_3","key","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","render","_ctx","_cache","$props","$setup","$data","$options","_directive_clickOutside","allTags","length","viewBox","tag","index","onClick","$event","emit","type","text","placeholder","placeholderText","spellcheck","onKeyup","enterText","onKeydown","args","processCompleteData","onCompositionstart","isComposing","onCompositionend","trim","autoComplete","isShow","data","keyword","hideAutoComplete","name","props","Object","required","default","searchType","String","setup","e","value","code","preventDefault","completeData","selectCompleteDataByKey","$current","$listItems","$","keyCode","$selected","filter","removeClass","menu","height","outerHeight","top","scrollTop","menuHeight","scrollHeight","is","eq","next","addClass","innerText","last","prev","some","toLowerCase","_","debounce","test","Keyword","then","response","unshift","Set","catch","directives","clickOutside","beforeMount","el","binding","clickOutsideEvent","event","target","contains","document","body","addEventListener","unmounted","removeEventListener","__exports__","_component_el_option","_component_el_select","undefined","modelValue","filterType","label","$t","typeOptions","item","labelKey","filterProduct","options","option","product","version","filterVersion","disabled","getProductVersion","level","filterLevel","multiple","prefix","getSelectLevelLabel","levelGroup","showCleanFilter","resetFilter","require","getLocaleMessege","searchFilter","states","get","set","val","keys","getters","FILTER_LEVEL","ALL","async","actions","fetchProductOptions","productOptions"],"sourceRoot":""}