classcard-ui 0.2.300 → 0.2.301

package/dist/classcard-ui.umd.js

@@ -87863,12 +87863,12 @@ var CCheckbox_component = normalizeComponent(
 )
 
 /* harmony default export */ var CCheckbox = (CCheckbox_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7ab675ec-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CSelect/CSelect.vue?vue&type=template&id=09c1d007&
-var CSelectvue_type_template_id_09c1d007_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.label)?_c('div',{staticClass:"flex justify-between w-full"},[_c('div',{staticClass:"flex items-center"},[_c('label',{staticClass:"block text-sm font-medium text-gray-900"},[_vm._v(" "+_vm._s(_vm.label)+" ")]),(_vm.isRequired)?_c('p',{staticClass:"text-red-600 ml-1"},[_vm._v("*")]):_vm._e()]),(_vm.hint)?_c('span',{staticClass:"text-sm text-gray-500"},[_vm._v(_vm._s(_vm.hint))]):_vm._e()]):_vm._e(),_c('div',{staticClass:"relative",class:_vm.label ? 'mt-1' : ''},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.selectSearch),expression:"selectSearch"}],staticClass:"relative w-full rounded-md pl-3 pr-10 py-2 text-left cursor-pointer focus:outline-none sm:text-sm disabled:opacity-50",class:_vm.classes,attrs:{"type":"text","aria-haspopup":"listbox","aria-expanded":"true","aria-labelledby":"listbox-label","disabled":_vm.isDisabled},domProps:{"value":(_vm.selectSearch)},on:{"click":function($event){_vm.toggleDropdown = !_vm.toggleDropdown},"focus":function($event){_vm.type == 'tertiary' ? (_vm.showFocus = true) : ''},"blur":function($event){return _vm.close()},"keyup":function($event){return _vm.search()},"input":function($event){if($event.target.composing){ return; }_vm.selectSearch=$event.target.value}}}),_c('div',{staticClass:"absolute top-2 left-3 flex pointer-events-none"},[_c('span',{staticClass:"flex items-center"},[(_vm.showImage && !_vm.selectSearch)?_c('c-avatar',{attrs:{"size":"extraextrasmall","image":"https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80","rounded":true}}):_vm._e(),(_vm.icon && !_vm.selectSearch)?_c('c-icon',{class:_vm.icon.class,attrs:{"name":_vm.icon.name,"type":_vm.icon.type}}):_vm._e(),_c('span',{staticClass:"block truncate text-sm",class:_vm.showImage ? 'ml-3' : ''},[_vm._v(" "+_vm._s(_vm.selectedValue ? _vm.selectedValue : !_vm.selectSearch || _vm.selectSearch == "" ? _vm.placeholder : null)+" ")])],1)]),_c('div',{staticClass:"absolute top-2.5 right-3 flex pointer-events-none"},[(_vm.type == 'tertiary' ? _vm.showFocus : true)?_c('div',{staticClass:"right-0 flex items-center pointer-events-none"},[_c('c-icon',{staticClass:"h-5 w-5",attrs:{"name":"selector","type":"solid"}})],1):_vm._e()]),_c('transition',{attrs:{"enter-active-class":"transition ease-out duration-100","enter-class":"transform opacity-0 scale-95","enter-to-class":"transform opacity-100 scale-100","leave-active-class":"transition ease-in duration-75","leave-class":"transform opacity-100 scale-100","leave-to-class":"transform opacity-0 scale-95"}},[(_vm.toggleDropdown && !_vm.isDisabled)?_c('div',{staticClass:"absolute mt-1 rounded-md bg-white shadow-lg z-10 w-full"},[_c('ul',{staticClass:"max-h-60 rounded-md py-1 text-base ring-1 ring-gray-900 ring-opacity-5 overflow-auto focus:outline-none sm:text-sm",attrs:{"tabindex":"-1","role":"listbox","aria-labelledby":"listbox-label"}},[(_vm.addAction)?_c('li',{staticClass:"flex hover:bg-indigo-100 text-indigo-500 hover:text-indigo-700 select-none relative py-2 pl-3 pr-9 cursor-pointer",on:{"mousedown":function($event){return _vm.actionEvent($event)}}},[_c('c-icon',{staticClass:"h-5 w-5 mr-1 text-indigo-400 group-hover:text-indigo-500",attrs:{"type":"outline","name":"plus"}}),_vm._v(" "+_vm._s(_vm.addAction.label)+" ")],1):_vm._e(),_vm._l((_vm.renderOptions),function(option,index){return _c('li',{key:index,staticClass:"text-gray-900 hover:bg-indigo-700 hover:text-white select-none relative py-2 pl-3 pr-9 cursor-pointer",class:option.isDisabled ? 'opacity-50 pointer-events-none' : '',attrs:{"id":"listbox-option-0","role":"option"},on:{"mousedown":function($event){return _vm.handleSelect($event, option)}}},[_c('span',{staticClass:"flex items-center"},[(_vm.showImage && option.image)?_c('c-avatar',{attrs:{"size":"extraextrasmall","image":option.image,"rounded":true}}):_vm._e(),_c('span',{staticClass:"font-normal block break-words list-options",class:_vm.showImage && option.image ? 'ml-3' : ''},[_vm._v(_vm._s(option[_vm.renderOptionName])+" ")])],1),_c('span',{staticClass:"text-indigo-600 absolute inset-y-0 right-0 flex items-center pr-4"},[_c('c-icon',{directives:[{name:"show",rawName:"v-show",value:(_vm.showSelectedValue),expression:"showSelectedValue"}],staticClass:"h-5 w-5",attrs:{"id":"list-icon","name":"check","type":"solid"}})],1)])})],2)]):_vm._e()]),(!_vm.isValidate)?_c('p',{staticClass:"mt-2 text-sm text-left text-red-600"},[_vm._v(" "+_vm._s(_vm.errorMessage)+" ")]):_vm._e(),(_vm.helpText)?_c('p',{staticClass:"mt-2 text-sm text-gray-500"},[_vm._v(" "+_vm._s(_vm.helpText)+" ")]):_vm._e()],1)])}
-var CSelectvue_type_template_id_09c1d007_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7ab675ec-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CSelect/CSelect.vue?vue&type=template&id=6851a701&
+var CSelectvue_type_template_id_6851a701_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.label)?_c('div',{staticClass:"flex w-full justify-between"},[_c('div',{staticClass:"flex items-center"},[_c('label',{staticClass:"block text-sm font-medium text-gray-900"},[_vm._v(" "+_vm._s(_vm.label)+" ")]),(_vm.isRequired)?_c('p',{staticClass:"ml-1 text-red-600"},[_vm._v("*")]):_vm._e()]),(_vm.hint)?_c('span',{staticClass:"text-sm text-gray-500"},[_vm._v(_vm._s(_vm.hint))]):_vm._e()]):_vm._e(),_c('div',{staticClass:"relative",class:_vm.label ? 'mt-1' : ''},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.selectSearch),expression:"selectSearch"}],staticClass:"focus:outline-none relative w-full cursor-pointer rounded-md py-2 pl-3 pr-10 text-left disabled:opacity-50 sm:text-sm",class:_vm.classes,attrs:{"type":"text","aria-haspopup":"listbox","aria-expanded":"true","aria-labelledby":"listbox-label","disabled":_vm.isDisabled},domProps:{"value":(_vm.selectSearch)},on:{"click":function($event){_vm.toggleDropdown = !_vm.toggleDropdown},"focus":function($event){_vm.type == 'tertiary' ? (_vm.showFocus = true) : ''},"blur":function($event){return _vm.close()},"keyup":function($event){return _vm.search()},"input":function($event){if($event.target.composing){ return; }_vm.selectSearch=$event.target.value}}}),_c('div',{staticClass:"pointer-events-none absolute top-2 left-3 flex"},[_c('span',{staticClass:"flex items-center",style:(_vm.selectedOptionStyles)},[(_vm.showImage && !_vm.selectSearch)?_c('c-avatar',{attrs:{"size":"extraextrasmall","image":"https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80","rounded":true}}):_vm._e(),(_vm.icon && !_vm.selectSearch)?_c('c-icon',{class:_vm.icon.class,attrs:{"name":_vm.icon.name,"type":_vm.icon.type}}):_vm._e(),_c('span',{staticClass:"block truncate text-sm",class:_vm.showImage ? 'ml-3' : ''},[_vm._v(" "+_vm._s(_vm.selectedValue ? _vm.selectedValue : !_vm.selectSearch || _vm.selectSearch == "" ? _vm.placeholder : null)+" ")])],1)]),_c('div',{staticClass:"pointer-events-none absolute top-2.5 right-3 flex"},[(_vm.type == 'tertiary' ? _vm.showFocus : true)?_c('div',{staticClass:"pointer-events-none right-0 flex items-center"},[_c('c-icon',{staticClass:"h-5 w-5",attrs:{"name":"selector","type":"solid"}})],1):_vm._e()]),_c('transition',{attrs:{"enter-active-class":"transition ease-out duration-100","enter-class":"transform opacity-0 scale-95","enter-to-class":"transform opacity-100 scale-100","leave-active-class":"transition ease-in duration-75","leave-class":"transform opacity-100 scale-100","leave-to-class":"transform opacity-0 scale-95"}},[(_vm.toggleDropdown && !_vm.isDisabled)?_c('div',{staticClass:"absolute z-10 mt-1 w-full rounded-md bg-white shadow-lg"},[_c('ul',{staticClass:"focus:outline-none max-h-60 overflow-auto rounded-md py-1 text-base ring-1 ring-gray-900 ring-opacity-5 sm:text-sm",attrs:{"tabindex":"-1","role":"listbox","aria-labelledby":"listbox-label"}},[(_vm.addAction)?_c('li',{staticClass:"relative flex cursor-pointer select-none py-2 pl-3 pr-9 text-indigo-500 hover:bg-indigo-100 hover:text-indigo-700",on:{"mousedown":function($event){return _vm.actionEvent($event)}}},[_c('c-icon',{staticClass:"mr-1 h-5 w-5 text-indigo-400 group-hover:text-indigo-500",attrs:{"type":"outline","name":"plus"}}),_vm._v(" "+_vm._s(_vm.addAction.label)+" ")],1):_vm._e(),_vm._l((_vm.renderOptions),function(option,index){return _c('li',{key:index,staticClass:"relative cursor-pointer select-none py-2 pl-3 pr-9 text-gray-900 hover:bg-indigo-700 hover:text-white",class:option.isDisabled ? 'pointer-events-none opacity-50' : '',attrs:{"id":"listbox-option-0","role":"option"},on:{"mousedown":function($event){return _vm.handleSelect($event, option)}}},[_c('span',{staticClass:"flex items-center"},[(_vm.showImage && option.image)?_c('c-avatar',{attrs:{"size":"extraextrasmall","image":option.image,"rounded":true}}):_vm._e(),_c('span',{staticClass:"list-options block break-words font-normal",class:_vm.showImage && option.image ? 'ml-3' : ''},[_vm._v(_vm._s(option[_vm.renderOptionName])+" ")])],1),_c('span',{staticClass:"absolute inset-y-0 right-0 flex items-center pr-4 text-indigo-600"},[_c('c-icon',{directives:[{name:"show",rawName:"v-show",value:(_vm.showSelectedValue),expression:"showSelectedValue"}],staticClass:"h-5 w-5",attrs:{"id":"list-icon","name":"check","type":"solid"}})],1)])})],2)]):_vm._e()]),(!_vm.isValidate)?_c('p',{staticClass:"mt-2 text-left text-sm text-red-600"},[_vm._v(" "+_vm._s(_vm.errorMessage)+" ")]):_vm._e(),(_vm.helpText)?_c('p',{staticClass:"mt-2 text-sm text-gray-500"},[_vm._v(" "+_vm._s(_vm.helpText)+" ")]):_vm._e()],1)])}
+var CSelectvue_type_template_id_6851a701_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/CSelect/CSelect.vue?vue&type=template&id=09c1d007&
+// CONCATENATED MODULE: ./src/components/CSelect/CSelect.vue?vue&type=template&id=6851a701&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 5 modules
 var toConsumableArray = __webpack_require__("2909");
@@ -88081,6 +88081,10 @@ var lodash = __webpack_require__("2ef0");
     isValidate: {
       type: Boolean
     },
+    // will truncate the text in input field
+    selectedOptionStyles: {
+      type: String
+    },
     // validation error message
     errorMessage: {
       type: String
@@ -88186,8 +88190,8 @@ var lodash = __webpack_require__("2ef0");
 
 var CSelect_component = normalizeComponent(
   CSelect_CSelectvue_type_script_lang_js_,
-  CSelectvue_type_template_id_09c1d007_render,
-  CSelectvue_type_template_id_09c1d007_staticRenderFns,
+  CSelectvue_type_template_id_6851a701_render,
+  CSelectvue_type_template_id_6851a701_staticRenderFns,
   false,
   null,
   null,