{"version":3,"sources":["webpack:///./src/views/dashboard/workSample.vue?2136","webpack:///./src/views/dashboard/workSample.vue?82e7","webpack:///src/views/dashboard/workSample.vue","webpack:///./src/views/dashboard/workSample.vue?8131","webpack:///./src/views/dashboard/workSample.vue?5e95","webpack:///./node_modules/vuetify/lib/mixins/button-group/index.js","webpack:///./node_modules/vuetify/lib/components/VBottomNavigation/VBottomNavigation.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","Math","ceil","workSamples","length","perPage","model","value","callback","$$v","page","expression","loadingData","staticStyle","$t","scopedSlots","_u","key","fn","proxy","search","ref","on","_g","_b","orderBy","$event","orderByBool","_v","_s","back","_l","item","index","title","name","params","id","workSampleGuid","isInRole","getWorkSamples","_e","menu","tooltip","searchTag","Object","assign","tag","i","style","tagName","tagColor","hover","setTagToWorkSample","t","editTagItem","n","setTag","getTagsItem","removeTagToWorkSample","sampleId","isOverlayOn","tagIndex","_f","createdDate","ToggleFlag","flag","ToggleForAttention","forAttention","overlay","dialog","staticRenderFns","show","tagItemGuid","tagTextColor","tagsLoading","swatches","hexa","selected","textColor","workSampleTags","tags","message","methods","$router","go","type","sort","a","b","axios","get","then","response","data","Array","isArray","forEach","sample","tagsList","obj","switchItem","find","sw","toAddTag","tagGuid","color","undefined","push","student","catch","err","console","log","finally","x","object","workSample","workSampleTag","s","exists","some","post","result","details","$swal","fire","text","icon","confirmButtonText","toast","position","showConfirmButton","timer","timerProgressBar","didOpen","addEventListener","stopTimer","resumeTimer","tagItem","findIndex","splice","isOn","components","AddWorkSample","EditWorkSample","RemoveWorkSample","DeleteTagItem","AddTagItem","ShowWorkSampleTags","EditTagItem","computed","workSampleFilter","slice","filter","toLowerCase","split","every","v","includes","component","VAvatar","VBottomNavigation","VBtn","VCard","VCardActions","VCardTitle","VChip","VCol","VContainer","VIcon","VList","VListItem","VListItemIcon","VListItemTitle","VMenu","VOverlay","VPagination","VProgressLinear","VRow","VSpacer","VTextField","VTooltip","extend","btnToggle","options","classes","call","genData","mixins","props","activeClass","String","default","backgroundColor","grow","Boolean","height","Number","hideOnScroll","horizontal","inputValue","mandatory","shift","isActive","canScroll","absolute","app","fixed","measurableStyles","transform","$attrs","hasOwnProperty","isScrollingUp","$emit","$el","clientHeight","val","h","setBackgroundColor","class","styles","internalValue","change","updateValue","directives","arg","scrollTarget","onScroll","setTextColor","$slots"],"mappings":"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","file":"js/chunk-35e9890b.bb7079ea.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./workSample.vue?vue&type=style&index=0&id=1c26360c&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',[_c('v-bottom-navigation',{attrs:{\"absolute\":\"\"}},[_c('v-pagination',{staticClass:\"py-1\",attrs:{\"length\":Math.ceil(_vm.workSamples.length / _vm.perPage),\"total-visible\":\"15\"},model:{value:(_vm.page),callback:function ($$v) {_vm.page=$$v},expression:\"page\"}})],1),(_vm.workSamples.length !== 0 || _vm.loadingData)?_c('v-row',{staticStyle:{\"margin-bottom\":\"100px\"},attrs:{\"no-gutters\":\"\"}},[_c('v-card',{staticClass:\"d-flex rounded-lg pa-4 mb-1 mx-1\",attrs:{\"width\":\"100%\",\"flat\":\"\"}},[_c('v-text-field',{staticClass:\"ma-auto\",attrs:{\"hide-details\":\"\",\"append-icon\":\"mdi-magnify\",\"label\":_vm.$t('writeWhatYouSearch'),\"outlined\":\"\",\"dense\":\"\"},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [_c('v-card-actions',{staticClass:\"pt-0\",staticStyle:{\"margin-top\":\"-19px\"}})]},proxy:true}],null,false,2626790450),model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}}),_c('v-spacer'),_c('v-tooltip',{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({staticClass:\"ma-1\",attrs:{\"color\":_vm.orderBy == true && _vm.orderBy != null ? 'secondary' : 'grey',\"dark\":\"\",\"fab\":\"\",\"small\":\"\"},on:{\"click\":function($event){return _vm.orderByBool(true)}}},'v-btn',attrs,false),on),[_c('v-icon',[_vm._v(\"mdi-flag\")])],1)]}}],null,false,2156927734)},[_c('span',[_vm._v(_vm._s(_vm.$t(\"portfolio.TagsItems.sortFlag\")))])]),_c('v-tooltip',{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({staticClass:\"ma-1\",attrs:{\"color\":_vm.orderBy == false && _vm.orderBy != null ? 'yellow accent-4' : 'grey',\"dark\":\"\",\"fab\":\"\",\"small\":\"\"},on:{\"click\":function($event){return _vm.orderByBool(false)}}},'v-btn',attrs,false),on),[_c('v-icon',[_vm._v(\"mdi-star\")])],1)]}}],null,false,762746359)},[_c('span',[_vm._v(_vm._s(_vm.$t(\"portfolio.TagsItems.sortAttention\")))])]),_c('v-btn',{staticClass:\"rounded-xl ma-1\",attrs:{\"tile\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.back()}}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"back\"))+\"\\n        \"),_c('v-icon',{attrs:{\"right\":\"\"}},[_vm._v(\" mdi-arrow-left \")])],1)],1),_vm._l((_vm.workSampleFilter),function(item,index){return _c('v-col',{key:index,staticClass:\"px-0 py-1\",attrs:{\"cols\":\"12\",\"xl\":\"3\",\"lg\":\"3\",\"md\":\"6\",\"sm\":\"12\"}},[_c('v-card',{staticClass:\"pa-0 mx-1\",attrs:{\"flat\":\"\"}},[_c('v-card-title',{staticStyle:{\"word-break\":\"break-word\",\"height\":\"85px\",\"overflow\":\"hidden\"},attrs:{\"dir\":\"auto\"}},[_c('p',[_vm._v(\"\\n            \"+_vm._s(item.title)+\"\\n          \")]),_c('v-spacer'),_c('v-menu',{attrs:{\"bottom\":\"\",\"max-height\":\"250\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({attrs:{\"icon\":\"\"}},'v-btn',attrs,false),on),[_c('v-icon',[_vm._v(\"mdi-dots-vertical\")])],1)]}}],null,true)},[_c('v-list',[_c('v-list-item',{attrs:{\"link\":\"\",\"to\":{\n                  name: 'portfolio.WorkSampleTable.details',\n                  params: { id: item.workSampleGuid }\n                }}},[_c('v-list-item-title',[_vm._v(_vm._s(_vm.$t(\"portfolio.WorkSample.showWorkSample\")))]),_c('v-list-item-icon',[_c('v-icon',[_vm._v(\"mdi-eye\")])],1)],1),(_vm.isInRole(0))?_c('edit-work-sample',{attrs:{\"id\":item.workSampleGuid},on:{\"putMethod\":function($event){return _vm.getWorkSamples()}}}):_vm._e(),(_vm.isInRole(0))?_c('remove-work-sample',{attrs:{\"id\":item.workSampleGuid,\"title\":item.title},on:{\"deleteMethod\":function($event){return _vm.getWorkSamples()}}}):_vm._e()],1)],1)],1),_c('v-row',{staticClass:\"ma-0\"},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"d-flex flex-wrap\"},[_c('v-menu',{attrs:{\"bottom\":\"\",\"absolute\":\"\",\"left\":\"\",\"origin\":\"center\",\"transition\":\"scale-transition\",\"close-on-content-click\":false},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\n                var menu = ref.on;\n                var attrs = ref.attrs;\nreturn [_c('v-tooltip',{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\n                var tooltip = ref.on;\nreturn [_c('v-btn',_vm._g(_vm._b({staticClass:\"ma-3\",attrs:{\"color\":\"primary\",\"dark\":\"\",\"small\":\"\"},on:{\"click\":function($event){_vm.searchTag = null}}},'v-btn',attrs,false),Object.assign({}, tooltip, menu)),[_c('v-icon',{attrs:{\"left\":\"\"}},[_vm._v(\" mdi-pound \")]),_vm._v(\"\\n                        Tags\\n                      \")],1)]}}],null,true)},[_c('span',[_vm._v(_vm._s(_vm.$t(\"portfolio.TagsItem.title\")))])])]}}],null,true)},[_c('v-list',{attrs:{\"width\":\"180px\",\"max-width\":\"100%\"}},[_c('v-list-item',{staticClass:\"fixed-item\"},[_c('v-text-field',{attrs:{\"label\":_vm.$t('portfolio.TagsItem.search'),\"clearable\":\"\",\"full-width\":\"\",\"outlined\":\"\"},on:{\"input\":function($event){return _vm.searchTag(_vm.searchTag)}},model:{value:(_vm.searchTag),callback:function ($$v) {_vm.searchTag=$$v},expression:\"searchTag\"}})],1),_c('div',{staticClass:\"scrollable-list overflow-x-hidden\"},[_vm._l((_vm.tagsFilter),function(tag,i){return _c('v-list-item',{key:i,staticClass:\"mb-2 mx-auto\",style:((\";background-color: \" + (tag.tagColor) + \"; border-radius:5px;\\n                    width:90% !important;text-align:center;\" + (i == 0 ? 'margin-top:20px;' : ''))),attrs:{\"bottom\":\"\",\"title\":tag.tagName,\"color\":tag.tagColor},on:{\"mouseenter\":function($event){tag.hover = true},\"mouseover\":function($event){tag.hover = true},\"mouseleave\":function($event){tag.hover = false}}},[_c('v-list-item-title',{staticClass:\"text-truncate\",style:((\"color:\" + (tag.tagTextColor) + \" !important ;max-width:150px;cursor:pointer\")),on:{\"click\":function($event){return _vm.setTagToWorkSample(item.workSampleGuid, tag)}}},[_vm._v(_vm._s(tag.tagName))]),_c('v-list-item-icon',[_c('edit-tag-item',{attrs:{\"tag\":tag,\"hover\":tag.hover},on:{\"putTagMethod\":function (t) { return _vm.editTagItem(t); },\"setTagForDelete\":function (n) { return _vm.setTag(n); }}})],1)],1)}),_c('add-tag-item',{on:{\"postTagMethod\":function($event){return _vm.getTagsItem()}}})],2)],1)],1),_c('v-spacer'),_c('show-work-sample-tags',{attrs:{\"id\":item.workSampleGuid},on:{\"removeTagToWorkSample\":function (n) { return _vm.removeTagToWorkSample(n.sampleId, n.tag); },\"isOverlayOn\":function (n) { return _vm.isOverlayOn(n.isOverlayOn); }}})],1)]),_c('v-col',{staticClass:\"pa-0\"},[_c('v-card',{staticClass:\"mx-1 d-flex flex-wrap align-start overflow-hidden\",attrs:{\"height\":\"100\",\"flat\":\"\"}},_vm._l((item.tags),function(tag,tagIndex){return _c('v-chip',{key:tagIndex,staticClass:\"ma-1\",attrs:{\"label\":\"\",\"color\":tag.tagColor}},[_c('p',{staticClass:\"pa-0 ma-0 text-truncate\",style:((\"color:\" + (tag.tagTextColor) + \" ;max-width:80px !important;\"))},[_vm._v(\"\\n                  \"+_vm._s(tag.tagName)+\"\\n                \")])])}),1)],1)],1),_c('v-card-actions',[_c('v-chip',[_vm._v(\"\\n            \"+_vm._s(_vm._f(\"moment\")(item.createdDate,\"YYYY/MM/DD - h:mm a \"))+\"\\n          \")]),_c('v-spacer'),_c('v-btn',{attrs:{\"icon\":\"\",\"small\":\"\"},on:{\"click\":function($event){return _vm.ToggleFlag(item.workSampleGuid)}}},[_c('v-icon',{attrs:{\"color\":item.flag ? 'secondary' : ''}},[_vm._v(\"mdi-flag\")])],1),_c('v-btn',{attrs:{\"icon\":\"\",\"small\":\"\"},on:{\"click\":function($event){return _vm.ToggleForAttention(item.workSampleGuid)}}},[_c('v-icon',{attrs:{\"color\":item.forAttention ? 'yellow accent-4' : ''}},[_vm._v(\"mdi-star\")])],1)],1)],1)],1)})],2):_c('v-card',{staticClass:\"mx-auto d-flex flex-column justify-center align-center\",attrs:{\"outlined\":\"\",\"color\":\"transparent\",\"max-width\":\"344\"}},[_c('v-avatar',{staticClass:\"ma-auto\",attrs:{\"rounded\":\"\",\"width\":\"200\",\"height\":\"200px\"}},[_c('v-icon',{attrs:{\"size\":\"100\"}},[_vm._v(\"mdi-close-network-outline\")])],1),_c('v-card-title',{staticClass:\"mb-5\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"portfolio.messages.empty\"))+\" \")])],1),_c('v-overlay',{attrs:{\"z-index\":\"99\",\"absolute\":\"\",\"value\":_vm.overlay}},[_c('v-card',{staticClass:\"pa-3 mb-5\",attrs:{\"color\":\"primary\",\"dark\":\"\",\"width\":\"400\",\"max-width\":\"100%\"}},[_c('v-card-title',[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"Processing\"))+\"\\n        \"),_c('v-progress-linear',{staticClass:\"mb-0 mt-2\",attrs:{\"indeterminate\":\"\",\"color\":\"white\"}})],1)],1)],1),(_vm.isInRole(0))?_c('add-work-sample',{attrs:{\"empty\":false},on:{\"postMethod\":function($event){return _vm.getWorkSamples()}}}):_vm._e(),_c('delete-tag-item',{attrs:{\"tag\":_vm.tag,\"dialog\":_vm.dialog},on:{\"closeTagDelete\":function($event){_vm.dialog = false},\"refreshTags\":function($event){return _vm.getTagsItem()}}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-container>\r\n    <v-bottom-navigation absolute>\r\n      <v-pagination\r\n        class=\"py-1\"\r\n        v-model=\"page\"\r\n        :length=\"Math.ceil(workSamples.length / perPage)\"\r\n        total-visible=\"15\"\r\n      ></v-pagination>\r\n    </v-bottom-navigation>\r\n    <v-row no-gutters v-if=\"workSamples.length !== 0 || loadingData\" style=\"margin-bottom: 100px\">\r\n      <v-card class=\"d-flex rounded-lg pa-4 mb-1 mx-1\" width=\"100%\" flat>\r\n        <v-text-field\r\n          hide-details\r\n          v-model=\"search\"\r\n          append-icon=\"mdi-magnify\"\r\n          :label=\"$t('writeWhatYouSearch')\"\r\n          outlined\r\n          dense\r\n          class=\"ma-auto\"\r\n        >\r\n          <template v-slot:append-outer>\r\n            <v-card-actions style=\"margin-top: -19px\" class=\"pt-0\"> </v-card-actions>\r\n          </template>\r\n        </v-text-field>\r\n        <v-spacer></v-spacer>\r\n        <v-tooltip bottom>\r\n          <template v-slot:activator=\"{ on, attrs }\">\r\n            <v-btn\r\n              @click=\"orderByBool(true)\"\r\n              :color=\"orderBy == true && orderBy != null ? 'secondary' : 'grey'\"\r\n              dark\r\n              fab\r\n              class=\"ma-1\"\r\n              small\r\n              v-bind=\"attrs\"\r\n              v-on=\"on\"\r\n            >\r\n              <v-icon>mdi-flag</v-icon>\r\n            </v-btn>\r\n          </template>\r\n          <span>{{ $t(\"portfolio.TagsItems.sortFlag\") }}</span>\r\n        </v-tooltip>\r\n        <v-tooltip bottom>\r\n          <template v-slot:activator=\"{ on, attrs }\">\r\n            <v-btn\r\n              @click=\"orderByBool(false)\"\r\n              :color=\"orderBy == false && orderBy != null ? 'yellow accent-4' : 'grey'\"\r\n              dark\r\n              class=\"ma-1\"\r\n              fab\r\n              small\r\n              v-bind=\"attrs\"\r\n              v-on=\"on\"\r\n            >\r\n              <v-icon>mdi-star</v-icon>\r\n            </v-btn>\r\n          </template>\r\n          <span>{{ $t(\"portfolio.TagsItems.sortAttention\") }}</span>\r\n        </v-tooltip>\r\n        <v-btn tile color=\"primary\" @click=\"back()\" class=\"rounded-xl ma-1\">\r\n          {{ $t(\"back\") }}\r\n          <v-icon right> mdi-arrow-left </v-icon>\r\n        </v-btn>\r\n      </v-card>\r\n\r\n      <v-col\r\n        v-for=\"(item, index) in workSampleFilter\"\r\n        :key=\"index\"\r\n        class=\"px-0 py-1\"\r\n        cols=\"12\"\r\n        xl=\"3\"\r\n        lg=\"3\"\r\n        md=\"6\"\r\n        sm=\"12\"\r\n      >\r\n        <v-card flat class=\"pa-0 mx-1\">\r\n          <v-card-title dir=\"auto\" style=\"word-break: break-word; height: 85px; overflow: hidden\"\r\n            ><p>\r\n              {{ item.title }}\r\n            </p>\r\n            <v-spacer />\r\n            <v-menu bottom max-height=\"250\">\r\n              <template v-slot:activator=\"{ on, attrs }\">\r\n                <v-btn icon v-bind=\"attrs\" v-on=\"on\">\r\n                  <v-icon>mdi-dots-vertical</v-icon>\r\n                </v-btn>\r\n              </template>\r\n\r\n              <v-list>\r\n                <v-list-item\r\n                  link\r\n                  :to=\"{\r\n                    name: 'portfolio.WorkSampleTable.details',\r\n                    params: { id: item.workSampleGuid }\r\n                  }\"\r\n                >\r\n                  <v-list-item-title>{{\r\n                    $t(\"portfolio.WorkSample.showWorkSample\")\r\n                  }}</v-list-item-title>\r\n                  <v-list-item-icon>\r\n                    <v-icon>mdi-eye</v-icon>\r\n                  </v-list-item-icon>\r\n                </v-list-item>\r\n                <edit-work-sample\r\n                  v-if=\"isInRole(0)\"\r\n                  @putMethod=\"getWorkSamples()\"\r\n                  :id=\"item.workSampleGuid\"\r\n                />\r\n                <remove-work-sample\r\n                  v-if=\"isInRole(0)\"\r\n                  @deleteMethod=\"getWorkSamples()\"\r\n                  :id=\"item.workSampleGuid\"\r\n                  :title=\"item.title\"\r\n                />\r\n              </v-list>\r\n            </v-menu>\r\n          </v-card-title>\r\n\r\n          <v-row class=\"ma-0\">\r\n            <v-col cols=\"12\">\r\n              <div class=\"d-flex flex-wrap\">\r\n                <v-menu\r\n                  bottom\r\n                  absolute\r\n                  left\r\n                  origin=\"center\"\r\n                  transition=\"scale-transition\"\r\n                  :close-on-content-click=\"false\"\r\n                >\r\n                  <template v-slot:activator=\"{ on: menu, attrs }\">\r\n                    <v-tooltip bottom>\r\n                      <template v-slot:activator=\"{ on: tooltip }\">\r\n                        <v-btn\r\n                          color=\"primary\"\r\n                          dark\r\n                          small\r\n                          class=\"ma-3\"\r\n                          @click=\"searchTag = null\"\r\n                          v-bind=\"attrs\"\r\n                          v-on=\"{ ...tooltip, ...menu }\"\r\n                        >\r\n                          <v-icon left> mdi-pound </v-icon>\r\n                          Tags\r\n                        </v-btn>\r\n                      </template>\r\n                      <span>{{ $t(\"portfolio.TagsItem.title\") }}</span>\r\n                    </v-tooltip>\r\n                  </template>\r\n\r\n                  <v-list width=\"180px\" max-width=\"100%\">\r\n                    <!-- <v-tooltip>\r\n                      <template v-slot:activator=\"{ on: tooltip }\"> -->\r\n                    <!-- Fixed item -->\r\n                    <v-list-item class=\"fixed-item\">\r\n                      <v-text-field\r\n                        @input=\"searchTag(searchTag)\"\r\n                        :label=\"$t('portfolio.TagsItem.search')\"\r\n                        clearable\r\n                        full-width\r\n                        v-model=\"searchTag\"\r\n                        outlined\r\n                      >\r\n                      </v-text-field>\r\n                    </v-list-item>\r\n\r\n                    <!-- Scrollable items -->\r\n                    <div class=\"scrollable-list overflow-x-hidden\">\r\n                      <v-list-item\r\n                        bottom\r\n                        v-for=\"(tag, i) in tagsFilter\"\r\n                        :key=\"i\"\r\n                        :title=\"tag.tagName\"\r\n                        @mouseenter=\"tag.hover = true\"\r\n                        @mouseover=\"tag.hover = true\"\r\n                        @mouseleave=\"tag.hover = false\"\r\n                        class=\"mb-2 mx-auto\"\r\n                        :style=\"\r\n                          `;background-color: ${tag.tagColor}; border-radius:5px;\r\n                      width:90% !important;text-align:center;${i == 0 ? 'margin-top:20px;' : ''}`\r\n                        \"\r\n                        :color=\"tag.tagColor\"\r\n                      >\r\n                        <v-list-item-title\r\n                          @click=\"setTagToWorkSample(item.workSampleGuid, tag)\"\r\n                          class=\"text-truncate\"\r\n                          :style=\"\r\n                            `color:${tag.tagTextColor} !important ;max-width:150px;cursor:pointer`\r\n                          \"\r\n                          >{{ tag.tagName }}</v-list-item-title\r\n                        >\r\n                        <v-list-item-icon>\r\n                          <edit-tag-item\r\n                            :tag=\"tag\"\r\n                            :hover=\"tag.hover\"\r\n                            @putTagMethod=\"t => editTagItem(t)\"\r\n                            @setTagForDelete=\"n => setTag(n)\"\r\n                          ></edit-tag-item>\r\n                        </v-list-item-icon>\r\n                      </v-list-item>\r\n                      <add-tag-item @postTagMethod=\"getTagsItem()\"></add-tag-item>\r\n                    </div>\r\n                  </v-list>\r\n                </v-menu>\r\n                <v-spacer></v-spacer>\r\n                <!-- {{ item.workSampleGuid }} -->\r\n                <show-work-sample-tags\r\n                  :id=\"item.workSampleGuid\"\r\n                  @removeTagToWorkSample=\"n => removeTagToWorkSample(n.sampleId, n.tag)\"\r\n                  @isOverlayOn=\"n => isOverlayOn(n.isOverlayOn)\"\r\n                ></show-work-sample-tags>\r\n              </div>\r\n            </v-col>\r\n            <v-col class=\"pa-0\">\r\n              <v-card class=\"mx-1 d-flex flex-wrap align-start overflow-hidden\" height=\"100\" flat>\r\n                <v-chip\r\n                label\r\n                  class=\"ma-1\"\r\n                  v-for=\"(tag, tagIndex) in item.tags\"\r\n                  :key=\"tagIndex\"\r\n                  :color=\"tag.tagColor\"\r\n                >\r\n                  <p\r\n                    class=\"pa-0 ma-0 text-truncate\"\r\n                    :style=\"`color:${tag.tagTextColor} ;max-width:80px !important;`\"\r\n                  >\r\n                    {{ tag.tagName }}\r\n                  </p>\r\n                </v-chip>\r\n              </v-card>\r\n            </v-col>\r\n          </v-row>\r\n          <v-card-actions>\r\n            <v-chip>\r\n              {{ item.createdDate | moment(\"YYYY/MM/DD - h:mm a \") }}\r\n            </v-chip>\r\n            <v-spacer />\r\n            <v-btn icon small @click=\"ToggleFlag(item.workSampleGuid)\">\r\n              <v-icon class=\"\" :color=\"item.flag ? 'secondary' : ''\">mdi-flag</v-icon>\r\n            </v-btn>\r\n            <v-btn icon small @click=\"ToggleForAttention(item.workSampleGuid)\">\r\n              <v-icon class=\"\" :color=\"item.forAttention ? 'yellow accent-4' : ''\">mdi-star</v-icon>\r\n            </v-btn>\r\n          </v-card-actions>\r\n        </v-card>\r\n      </v-col>\r\n    </v-row>\r\n\r\n    <v-card\r\n      outlined\r\n      color=\"transparent\"\r\n      class=\"mx-auto d-flex flex-column justify-center align-center\"\r\n      max-width=\"344\"\r\n      v-else\r\n    >\r\n      <v-avatar rounded width=\"200\" height=\"200px\" class=\"ma-auto\">\r\n        <v-icon size=\"100\">mdi-close-network-outline</v-icon>\r\n      </v-avatar>\r\n      <v-card-title class=\"mb-5\"> {{ $t(\"portfolio.messages.empty\") }} </v-card-title>\r\n      <!-- <add-work-sample v-if=\"isInRole(0)\" @postMethod=\"getWorkSamples()\" :empty=\"true\" /> -->\r\n    </v-card>\r\n    <!-- <edit-tag-item\r\n      @putTagMethod=\"(t) => editTagItem(t)\"\r\n      @closeTagEdit=\"dialog = false\"\r\n      :tag=\"tag\"\r\n      :dialog=\"dialog\"\r\n    >\r\n    </edit-tag-item>\r\n\r\n\r\n  -->\r\n    <v-overlay z-index=\"99\" absolute :value=\"overlay\">\r\n      <!-- <v-btn color=\"success\" @click=\"overlay = false\"> Hide Overlay </v-btn> -->\r\n      <v-card color=\"primary\" dark width=\"400\" max-width=\"100%\" class=\"pa-3 mb-5\">\r\n        <v-card-title>\r\n          {{ $t(\"Processing\") }}\r\n          <v-progress-linear indeterminate color=\"white\" class=\"mb-0 mt-2\"></v-progress-linear>\r\n        </v-card-title>\r\n      </v-card>\r\n    </v-overlay>\r\n    <add-work-sample v-if=\"isInRole(0)\" @postMethod=\"getWorkSamples()\" :empty=\"false\" />\r\n    <delete-tag-item\r\n      @closeTagDelete=\"dialog = false\"\r\n      @refreshTags=\"getTagsItem()\"\r\n      :tag=\"tag\"\r\n      :dialog=\"dialog\"\r\n    >\r\n    </delete-tag-item>\r\n  </v-container>\r\n</template>\r\n\r\n<script>\r\nimport DeleteTagItem from \"../../components/portfolio/TagsItem/deleteTagItem.vue\";\r\nimport ShowWorkSampleTags from \"../../components/portfolio/TagsItem/showWorkSampleTags.vue\";\r\nimport AddTagItem from \"../../components/portfolio/TagsItem/addTagItem.vue\";\r\nimport EditTagItem from \"../../components/portfolio/TagsItem/editTagItem.vue\";\r\nimport AddWorkSample from \"../../components/portfolio/workSample/addWorkSample.vue\";\r\nimport EditWorkSample from \"../../components/portfolio/workSample/editWorkSample.vue\";\r\nimport RemoveWorkSample from \"../../components/portfolio/workSample/removeWorkSample.vue\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      search: null,\r\n      orderBy: null,\r\n      searchTag: null,\r\n      overlay: false,\r\n      dialog: false,\r\n      show: false,\r\n      tag: {\r\n        tagColor: null,\r\n        tagItemGuid: null,\r\n        tagName: null,\r\n        tagTextColor: null,\r\n        dialog: false,\r\n        show: false,\r\n        tagsLoading: false\r\n      },\r\n\r\n      swatches: [\r\n        {\r\n          hexa: \"#02bdad\",\r\n          selected: false,\r\n          textColor: \"#ffffff\"\r\n        },\r\n        {\r\n          hexa: \"#feae4c\",\r\n          selected: false,\r\n          textColor: \"#000000\"\r\n        },\r\n        {\r\n          hexa: \"#df67ff\",\r\n          selected: false,\r\n          textColor: \"#ffffff\"\r\n        },\r\n        {\r\n          hexa: \"#626262\",\r\n          selected: false,\r\n          textColor: \"#ffffff\"\r\n        },\r\n        {\r\n          hexa: \"#f6b800\",\r\n          selected: false,\r\n          textColor: \"#000000\"\r\n        },\r\n        {\r\n          hexa: \"#ff5a43\",\r\n          selected: false,\r\n          textColor: \"#ffffff\"\r\n        },\r\n        {\r\n          hexa: \"#5cc0f5\",\r\n          selected: false,\r\n          textColor: \"#ffffff\"\r\n        },\r\n        {\r\n          hexa: \"#dfdfdf\",\r\n          selected: false,\r\n          textColor: \"#000000\"\r\n        },\r\n        {\r\n          hexa: \"#03cea4\",\r\n          selected: false,\r\n          textColor: \"#ffffff\"\r\n        },\r\n        {\r\n          hexa: \"#512df6\",\r\n          selected: false,\r\n          textColor: \"#ffffff\"\r\n        },\r\n        {\r\n          hexa: \"#3752af\",\r\n          selected: false,\r\n          textColor: \"#ffffff\"\r\n        },\r\n        {\r\n          hexa: \"#5d03bd\",\r\n          selected: false,\r\n          textColor: \"#ffffff\"\r\n        },\r\n        {\r\n          hexa: \"#0089ff\",\r\n          selected: false,\r\n          textColor: \"#ffffff\"\r\n        },\r\n        {\r\n          hexa: \"#ff278f\",\r\n          selected: false,\r\n          textColor: \"#ffffff\"\r\n        },\r\n        {\r\n          hexa: \"#a75f0c\",\r\n          selected: false,\r\n          textColor: \"#ffffff\"\r\n        },\r\n        {\r\n          hexa: \"#d7e4ef\",\r\n          selected: false,\r\n          textColor: \"#000000\"\r\n        },\r\n        {\r\n          hexa: \"#fededf\",\r\n          selected: false,\r\n          textColor: \"#000000\"\r\n        },\r\n        {\r\n          hexa: \"#efe5ce\",\r\n          selected: false,\r\n          textColor: \"#000000\"\r\n        },\r\n        {\r\n          hexa: \"#a2a2a2\",\r\n          selected: false,\r\n          textColor: \"#000000\"\r\n        },\r\n        {\r\n          hexa: \"#ffe01a\",\r\n          selected: false,\r\n          textColor: \"#000000\"\r\n        }\r\n      ],\r\n      workSampleTags: [],\r\n      workSamples: [],\r\n      tags: [],\r\n      loadingData: false,\r\n      message: \"\",\r\n      page: 1,\r\n      perPage: 8\r\n    };\r\n  },\r\n  methods: {\r\n    back() {\r\n      this.$router.go(-1);\r\n    },\r\n    orderByBool(type) {\r\n      this.orderBy = type === this.orderBy ? null : type;\r\n      if (this.orderBy == null) {\r\n        this.getWorkSamples();\r\n        return;\r\n      }\r\n      this.workSamples.sort((a, b) => {\r\n        if (a.flag && !b.flag && type === true) {\r\n          return -1;\r\n        } else if (a.forAttention && !b.forAttention && type === false) {\r\n          return -1;\r\n        } else {\r\n          return 0;\r\n        }\r\n      });\r\n    },\r\n    getWorkSamples() {\r\n      this.loadingData = true;\r\n      this.workSamples = [];\r\n      this.axios\r\n        .get(\"WorkSample/Get\")\r\n        .then(response => {\r\n          const { data } = response.data;\r\n          // console.log(response);\r\n          if (Array.isArray(data)) {\r\n            data.forEach(sample => {\r\n              const tagsList = sample.tags;\r\n              const tags = [];\r\n              if (Array.isArray(tagsList)) {\r\n                tagsList.forEach(obj => {\r\n                  const switchItem = this.swatches.find(sw => sw.hexa === obj.tagColor);\r\n                  const toAddTag = {\r\n                    hover: false,\r\n                    tagItemGuid: obj.tagItemGuid,\r\n                    tagGuid: obj.tagGuid,\r\n                    tagName: obj.tagName,\r\n                    tagColor: obj.color,\r\n                    tagTextColor: switchItem !== undefined ? switchItem.textColor : \"white\"\r\n                  };\r\n                  // console.log(toAddTag);\r\n                  tags.push(toAddTag);\r\n                });\r\n              }\r\n              const item = {\r\n                workSampleGuid: sample.workSampleGuid,\r\n                title: sample.title,\r\n                tags: tags,\r\n                forAttention: sample.forAttention,\r\n                flag: sample.flag,\r\n                menu: false,\r\n                dialog: false,\r\n                createdDate: sample.createdDate,\r\n                student: sample.student\r\n              };\r\n              this.workSamples.push(item);\r\n            });\r\n            if (this.workSamples.length === 0) {\r\n              this.$t(\"portfolio.messages.empty\");\r\n            }\r\n          }\r\n        })\r\n        .catch(err => {\r\n          console.log(\"error:\", err);\r\n        })\r\n        .finally(() => {\r\n          this.loadingData = false;\r\n        });\r\n    },\r\n    getTagsItem() {\r\n      this.tagsLoading = true;\r\n      this.tags = [];\r\n      this.axios\r\n        .get(\"TagItem/Get\")\r\n        .then(response => {\r\n          const { data } = response.data;\r\n          // console.log(response.data);\r\n          if (Array.isArray(data)) {\r\n            data.forEach(sample => {\r\n              // eslint-disable-next-line array-callback-return\r\n              const color = this.swatches.find(x => {\r\n                if (\r\n                  sample.tagColor !== undefined &&\r\n                  sample.tagColor !== \"undefined\" &&\r\n                  x.hexa === sample.tagColor\r\n                ) {\r\n                  return x;\r\n                }\r\n              });\r\n              // console.log(color);\r\n              const tag = {\r\n                tagColor: sample.tagColor,\r\n                tagItemGuid: sample.tagItemGuid,\r\n                tagName: sample.tagName,\r\n                tagTextColor: color !== undefined ? color.textColor : \"white\",\r\n                hover: false\r\n              };\r\n              this.tags.push(tag);\r\n            });\r\n            if (this.tags.length === 0) {\r\n              this.$t(\"portfolio.messages.empty\");\r\n            }\r\n          }\r\n        })\r\n        .catch(err => {\r\n          console.log(\"error:\", err);\r\n        })\r\n        .finally(() => {\r\n          this.tagsLoading = false;\r\n        });\r\n    },\r\n    editTagItem(tag) {\r\n      // console.log(\"Edited\");\r\n      // eslint-disable-next-line prefer-const\r\n      let object = this.tags.find(x => x.tagItemGuid === tag.tagItemGuid);\r\n      if (object) {\r\n        object.tagName = tag.tagName;\r\n        object.tagColor = tag.tagColor;\r\n        object.tagTextColor = tag.textColor;\r\n      }\r\n      // Iterate through the workSamples array\r\n      this.workSamples.forEach(workSample => {\r\n        // Check if the workSample has a tags array\r\n        if (Array.isArray(workSample.tags)) {\r\n          // Find the tag with the same tagItemGuid in the workSample's tags array\r\n          const workSampleTag = workSample.tags.find(x => x.tagItemGuid === tag.tagItemGuid);\r\n\r\n          // Update the tag in the workSample's tags array if found\r\n          if (workSampleTag) {\r\n            workSampleTag.tagName = tag.tagName;\r\n            workSampleTag.tagColor = tag.tagColor;\r\n            workSampleTag.tagTextColor = tag.textColor;\r\n          }\r\n        }\r\n      });\r\n    },\r\n    openTagItemEdit(item) {\r\n      this.tag.tagItemGuid = item.tagItemGuid;\r\n      this.tag.tagColor = item.tagColor;\r\n      this.tag.tagName = item.tagName;\r\n      this.tag.tagTextColor = item.tagTextColor;\r\n      // this.tag = item;\r\n      this.dialog = true;\r\n    },\r\n    setTag(item) {\r\n      this.tag.tagColor = item.tagColor;\r\n      this.tag.tagItemGuid = item.tagItemGuid;\r\n      this.tag.tagTextColor = item.tagTextColor;\r\n      this.tag.tagName = item.tagName;\r\n      this.dialog = true;\r\n    },\r\n    async setTagToWorkSample(sampleId, tag) {\r\n      const workSample = this.workSamples.find(s => s.workSampleGuid === sampleId);\r\n\r\n      if (workSample) {\r\n        const { tags } = workSample;\r\n\r\n        if (Array.isArray(tags)) {\r\n          const exists = tags.some(obj => tag.tagItemGuid === obj.tagItemGuid);\r\n          if (!exists) {\r\n            this.overlay = true;\r\n\r\n            // Add the tag to the array if it's not already present\r\n            const switchItem = this.swatches.find(sw => sw.hexa === tag.tagColor);\r\n            const toAddTag = {\r\n              tagItemGuid: tag.tagItemGuid,\r\n              tagName: tag.tagName,\r\n              tagColor: tag.tagColor,\r\n              hover: false,\r\n              tagTextColor: switchItem !== undefined ? switchItem.textColor : \"white\"\r\n            };\r\n            await this.axios\r\n              .post(\"Tag/Create\", {\r\n                tagItemGuid: tag.tagItemGuid,\r\n                workSampleGuid: sampleId\r\n              })\r\n              .then(result => {\r\n                // console.log(result);\r\n                if (result.data.details === \"Tag Already Exist.\") {\r\n                  this.overlay = false;\r\n                  this.$swal.fire({\r\n                    title: this.$t(\"portfolio.TagsItems.AlreadyExist\"),\r\n                    text: \"\",\r\n                    icon: \"error\",\r\n                    confirmButtonText: this.$t(\"close\"),\r\n                    toast: true,\r\n                    position: \"bottom-start\",\r\n                    showConfirmButton: false,\r\n                    timer: 3000,\r\n                    timerProgressBar: true,\r\n                    didOpen: toast => {\r\n                      toast.addEventListener(\"mouseenter\", this.$swal.stopTimer);\r\n                      toast.addEventListener(\"mouseleave\", this.$swal.resumeTimer);\r\n                    }\r\n                  });\r\n                  return;\r\n                }\r\n                if (Array.isArray(tags)) {\r\n                  tags.push(toAddTag);\r\n                }\r\n                this.overlay = false;\r\n                this.$swal.fire({\r\n                  title: this.$t(\"operationAccomplishedSuccessfully\"),\r\n                  text: \"\",\r\n                  icon: \"success\",\r\n                  confirmButtonText: this.$t(\"close\"),\r\n                  toast: true,\r\n                  position: \"bottom-start\",\r\n                  showConfirmButton: false,\r\n                  timer: 3000,\r\n                  timerProgressBar: true,\r\n                  didOpen: toast => {\r\n                    toast.addEventListener(\"mouseenter\", this.$swal.stopTimer);\r\n                    toast.addEventListener(\"mouseleave\", this.$swal.resumeTimer);\r\n                  }\r\n                });\r\n              })\r\n              .catch(() => {\r\n                this.overlay = false;\r\n                this.$swal.fire({\r\n                  title: this.$t(\"AnErrorOccurredDuringTheProcess\"),\r\n                  text: \"\",\r\n                  icon: \"error\",\r\n                  confirmButtonText: this.$t(\"close\"),\r\n                  toast: true,\r\n                  position: \"bottom-start\",\r\n                  showConfirmButton: false,\r\n                  timer: 3000,\r\n                  timerProgressBar: true,\r\n                  didOpen: toast => {\r\n                    toast.addEventListener(\"mouseenter\", this.$swal.stopTimer);\r\n                    toast.addEventListener(\"mouseleave\", this.$swal.resumeTimer);\r\n                  }\r\n                });\r\n              });\r\n            // setTimeout(() => {\r\n            //   tags.push(toAddTag);\r\n            //   this.overlay = false;\r\n            // }, 300);\r\n          }\r\n        }\r\n      }\r\n    },\r\n    removeTagToWorkSample(sampleId, tag) {\r\n      const workSample = this.workSamples.find(s => s.workSampleGuid === sampleId);\r\n      // alert(\"Del\");\r\n      if (workSample) {\r\n        const { tags } = workSample;\r\n\r\n        if (Array.isArray(tags)) {\r\n          const exists = tags.some(obj => tag.tagItemGuid === obj.tagItemGuid);\r\n          console.log(exists, tags);\r\n          if (exists) {\r\n            const tagItem = tags.findIndex(sw => sw.tagItemGuid === tag.tagItemGuid);\r\n            tags.splice(tagItem, 1);\r\n          }\r\n        }\r\n      }\r\n    },\r\n    isOverlayOn(isOn) {\r\n      this.overlay = isOn;\r\n    },\r\n    async ToggleForAttention(id) {\r\n      this.overlay = true;\r\n      const workSample = this.workSamples.find(s => s.workSampleGuid === id);\r\n      await this.axios\r\n        .post(`WorkSample/ToggleForAttention?worksampleGuid=${id}`)\r\n        .then(response => {\r\n          workSample.forAttention = response.data;\r\n          this.overlay = false;\r\n          this.$swal.fire({\r\n            title: this.$t(\"operationAccomplishedSuccessfully\"),\r\n            text: \"\",\r\n            icon: \"success\",\r\n            confirmButtonText: this.$t(\"close\"),\r\n            toast: true,\r\n            position: \"bottom-start\",\r\n            showConfirmButton: false,\r\n            timer: 3000,\r\n            timerProgressBar: true,\r\n            didOpen: toast => {\r\n              toast.addEventListener(\"mouseenter\", this.$swal.stopTimer);\r\n              toast.addEventListener(\"mouseleave\", this.$swal.resumeTimer);\r\n            }\r\n          });\r\n        })\r\n        .catch(() => {\r\n          this.overlay = false;\r\n          this.$swal\r\n            .fire({\r\n              title: this.$t(\"AnErrorOccurredDuringTheProcess\"),\r\n              text: \"\",\r\n              icon: \"error\",\r\n              confirmButtonText: this.$t(\"close\"),\r\n              toast: true,\r\n              position: \"bottom-start\",\r\n              showConfirmButton: false,\r\n              timer: 3000,\r\n              timerProgressBar: true,\r\n              didOpen: toast => {\r\n                toast.addEventListener(\"mouseenter\", this.$swal.stopTimer);\r\n                toast.addEventListener(\"mouseleave\", this.$swal.resumeTimer);\r\n              }\r\n            })\r\n            .finally(() => {\r\n              this.overlay = false;\r\n            });\r\n        });\r\n    },\r\n    async ToggleFlag(id) {\r\n      this.overlay = true;\r\n      const workSample = this.workSamples.find(s => s.workSampleGuid === id);\r\n      await this.axios\r\n        .post(`WorkSample/ToggleFlag?worksampleGuid=${id}`)\r\n        .then(response => {\r\n          workSample.flag = response.data;\r\n          this.$swal.fire({\r\n            title: this.$t(\"operationAccomplishedSuccessfully\"),\r\n            text: \"\",\r\n            icon: \"success\",\r\n            confirmButtonText: this.$t(\"close\"),\r\n            toast: true,\r\n            position: \"bottom-start\",\r\n            showConfirmButton: false,\r\n            timer: 3000,\r\n            timerProgressBar: true,\r\n            didOpen: toast => {\r\n              toast.addEventListener(\"mouseenter\", this.$swal.stopTimer);\r\n              toast.addEventListener(\"mouseleave\", this.$swal.resumeTimer);\r\n            }\r\n          });\r\n          this.overlay = false;\r\n        })\r\n        .catch(() => {\r\n          this.overlay = false;\r\n          this.$swal\r\n            .fire({\r\n              title: this.$t(\"AnErrorOccurredDuringTheProcess\"),\r\n              text: \"\",\r\n              icon: \"error\",\r\n              confirmButtonText: this.$t(\"close\"),\r\n              toast: true,\r\n              position: \"bottom-start\",\r\n              showConfirmButton: false,\r\n              timer: 3000,\r\n              timerProgressBar: true,\r\n              didOpen: toast => {\r\n                toast.addEventListener(\"mouseenter\", this.$swal.stopTimer);\r\n                toast.addEventListener(\"mouseleave\", this.$swal.resumeTimer);\r\n              }\r\n            })\r\n            .finally(() => {\r\n              this.overlay = false;\r\n            });\r\n        });\r\n    }\r\n  },\r\n  created() {\r\n    this.getWorkSamples();\r\n    this.getTagsItem();\r\n  },\r\n  components: {\r\n    AddWorkSample,\r\n    EditWorkSample,\r\n    RemoveWorkSample,\r\n    DeleteTagItem,\r\n    // EditTagItem,\r\n    AddTagItem,\r\n    ShowWorkSampleTags,\r\n    EditTagItem\r\n  },\r\n  computed: {\r\n    visiblePages() {\r\n      return this.workSampleFilter.slice((this.page - 1) * this.perPage, this.page * this.perPage);\r\n    },\r\n    workSampleFilter() {\r\n      const data = this.workSamples;\r\n\r\n      // if (this.isLiveOnly) {\r\n      //   data = data.filter((item) => item.isLive === true);\r\n      // }\r\n\r\n      if (this.search) {\r\n        return data.filter(\r\n          item =>\r\n            // eslint-disable-next-line implicit-arrow-linebreak\r\n            this.search\r\n              .toLowerCase()\r\n              .split(\" \")\r\n              .every(v => item.title.toLowerCase().includes(v))\r\n          // eslint-disable-next-line function-paren-newline\r\n        );\r\n      } else {\r\n        return data;\r\n      }\r\n    },\r\n    tagsFilter() {\r\n      const data = this.tags;\r\n\r\n      // if (this.isLiveOnly) {\r\n      //   data = data.filter((item) => item.isLive === true);\r\n      // }\r\n\r\n      if (this.searchTag) {\r\n        return data.filter(\r\n          item =>\r\n            // eslint-disable-next-line implicit-arrow-linebreak\r\n            this.searchTag\r\n              .toLowerCase()\r\n              .split(\" \")\r\n              .every(v => item.tagName.toLowerCase().includes(v))\r\n          // eslint-disable-next-line function-paren-newline\r\n        );\r\n      } else {\r\n        return data;\r\n      }\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style scoped>\r\n#tagSearch {\r\n  width: 150px !important;\r\n  max-width: 100% !important;\r\n}\r\n#tagSearch >>> * {\r\n  font-size: 14px !important;\r\n}\r\n\r\n.fixed-item {\r\n  display: flex;\r\n  height: 10px;\r\n  align-items: center;\r\n  justify-content: center;\r\n  position: fixed;\r\n  top: 30px;\r\n  /* Optional, add background color as needed */\r\n  z-index: 1; /* Optional, adjust z-index as needed */\r\n  /* Add any other styles for your fixed item */\r\n}\r\n\r\n.scrollable-list {\r\n  z-index: 2;\r\n  margin-top: 70px;\r\n  max-height: 250px; /* Set the maximum height for scrollable list */\r\n  overflow-y: auto; /* Add a vertical scrollbar if necessary */\r\n  /* Add any other styles for your scrollable list */\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./workSample.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./workSample.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./workSample.vue?vue&type=template&id=1c26360c&scoped=true&\"\nimport script from \"./workSample.vue?vue&type=script&lang=js&\"\nexport * from \"./workSample.vue?vue&type=script&lang=js&\"\nimport style0 from \"./workSample.vue?vue&type=style&index=0&id=1c26360c&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1c26360c\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VAvatar } from 'vuetify/lib/components/VAvatar';\nimport { VBottomNavigation } from 'vuetify/lib/components/VBottomNavigation';\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemIcon } from 'vuetify/lib/components/VList';\nimport { VListItemTitle } from 'vuetify/lib/components/VList';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VOverlay } from 'vuetify/lib/components/VOverlay';\nimport { VPagination } from 'vuetify/lib/components/VPagination';\nimport { VProgressLinear } from 'vuetify/lib/components/VProgressLinear';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\nimport { VTooltip } from 'vuetify/lib/components/VTooltip';\ninstallComponents(component, {VAvatar,VBottomNavigation,VBtn,VCard,VCardActions,VCardTitle,VChip,VCol,VContainer,VIcon,VList,VListItem,VListItemIcon,VListItemTitle,VMenu,VOverlay,VPagination,VProgressLinear,VRow,VSpacer,VTextField,VTooltip})\n","// Extensions\nimport { BaseItemGroup } from '../../components/VItemGroup/VItemGroup';\n/* @vue/component */\n\nexport default BaseItemGroup.extend({\n  name: 'button-group',\n\n  provide() {\n    return {\n      btnToggle: this\n    };\n  },\n\n  computed: {\n    classes() {\n      return BaseItemGroup.options.computed.classes.call(this);\n    }\n\n  },\n  methods: {\n    // Isn't being passed down through types\n    genData: BaseItemGroup.options.methods.genData\n  }\n});\n//# sourceMappingURL=index.js.map","// Styles\nimport \"../../../src/components/VBottomNavigation/VBottomNavigation.sass\"; // Mixins\n\nimport Applicationable from '../../mixins/applicationable';\nimport ButtonGroup from '../../mixins/button-group';\nimport Colorable from '../../mixins/colorable';\nimport Measurable from '../../mixins/measurable';\nimport Proxyable from '../../mixins/proxyable';\nimport Scrollable from '../../mixins/scrollable';\nimport Themeable from '../../mixins/themeable';\nimport { factory as ToggleableFactory } from '../../mixins/toggleable'; // Utilities\n\nimport mixins from '../../util/mixins';\nimport { breaking } from '../../util/console';\nexport default mixins(Applicationable('bottom', ['height', 'inputValue']), Colorable, Measurable, ToggleableFactory('inputValue'), Proxyable, Scrollable, Themeable\n/* @vue/component */\n).extend({\n  name: 'v-bottom-navigation',\n  props: {\n    activeClass: {\n      type: String,\n      default: 'v-btn--active'\n    },\n    backgroundColor: String,\n    grow: Boolean,\n    height: {\n      type: [Number, String],\n      default: 56\n    },\n    hideOnScroll: Boolean,\n    horizontal: Boolean,\n    inputValue: {\n      type: Boolean,\n      default: true\n    },\n    mandatory: Boolean,\n    shift: Boolean,\n    tag: {\n      type: String,\n      default: 'div'\n    }\n  },\n\n  data() {\n    return {\n      isActive: this.inputValue\n    };\n  },\n\n  computed: {\n    canScroll() {\n      return Scrollable.options.computed.canScroll.call(this) && (this.hideOnScroll || !this.inputValue);\n    },\n\n    classes() {\n      return {\n        'v-bottom-navigation--absolute': this.absolute,\n        'v-bottom-navigation--grow': this.grow,\n        'v-bottom-navigation--fixed': !this.absolute && (this.app || this.fixed),\n        'v-bottom-navigation--horizontal': this.horizontal,\n        'v-bottom-navigation--shift': this.shift\n      };\n    },\n\n    styles() {\n      return { ...this.measurableStyles,\n        transform: this.isActive ? 'none' : 'translateY(100%)'\n      };\n    }\n\n  },\n\n  created() {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('active')) {\n      breaking('active.sync', 'value or v-model', this);\n    }\n  },\n\n  methods: {\n    thresholdMet() {\n      this.isActive = !this.isScrollingUp;\n      this.$emit('update:input-value', this.isActive);\n    },\n\n    updateApplication() {\n      return this.$el ? this.$el.clientHeight : 0;\n    },\n\n    updateValue(val) {\n      this.$emit('change', val);\n    }\n\n  },\n\n  render(h) {\n    const data = this.setBackgroundColor(this.backgroundColor, {\n      staticClass: 'v-bottom-navigation',\n      class: this.classes,\n      style: this.styles,\n      props: {\n        activeClass: this.activeClass,\n        mandatory: Boolean(this.mandatory || this.value !== undefined),\n        tag: this.tag,\n        value: this.internalValue\n      },\n      on: {\n        change: this.updateValue\n      }\n    });\n\n    if (this.canScroll) {\n      data.directives = data.directives || [];\n      data.directives.push({\n        arg: this.scrollTarget,\n        name: 'scroll',\n        value: this.onScroll\n      });\n    }\n\n    return h(ButtonGroup, this.setTextColor(this.color, data), this.$slots.default);\n  }\n\n});\n//# sourceMappingURL=VBottomNavigation.js.map"],"sourceRoot":""}