@mozaic-ds/vue 0.20.0-beta.3 → 0.20.0-beta.4

package/dist/mozaic-vue.umd.js

@@ -27952,11 +27952,11 @@ MAccordion.install = function (Vue) {
 };
 
 
-;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/autocomplete/MAutocomplete.vue?vue&type=template&id=639f3f37&
-var MAutocompletevue_type_template_id_639f3f37_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"template"},[_c('p',[_vm._v("Listbox Value : "+_vm._s(_vm.listboxValue))]),_c('div',{directives:[{name:"click-outside",rawName:"v-click-outside",value:(_vm.onClickOutside),expression:"onClickOutside"}],ref:"autocomplete",staticClass:"mc-autocomplete",class:{ 'mc-autocomplete--multi': _vm.multiple },style:(_vm.tagStyle)},[(_vm.multiple && _vm.tagValue.length > 1)?_c('m-tag',{staticClass:"mc-autocomplete__tag",attrs:{"type":"removable","label":_vm.tagValue.length.toString() + ' ' + _vm.tagLabel,"size":"s"},on:{"remove-tag":function($event){return _vm.clearAutocomplete()}}}):_vm._e(),_c('m-text-input',{attrs:{"placeholder":_vm.placeholder,"text-input-field-class":"mc-autocomplete__trigger","icon-position":"left","icon":"DisplaySearch48","autocomplete":"off"},on:{"input":_vm.filterList,"click":function($event){_vm.isOpen = true}},model:{value:(_vm.inputValue),callback:function ($$v) {_vm.inputValue=$$v},expression:"inputValue"}}),_c('m-list-box',{attrs:{"open":_vm.isOpen,"items":_vm.itemListForDropdown,"multiple":_vm.multiple,"empty-search-label":_vm.emptySearchLabel,"data-key-expr":_vm.dataKeyExpr,"data-text-expr":_vm.dataTextExpr,"data-value-expr":_vm.dataValueExpr},scopedSlots:_vm._u([{key:"item",fn:function(ref){
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/autocomplete/MAutocomplete.vue?vue&type=template&id=9633704a&
+var MAutocompletevue_type_template_id_9633704a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"click-outside",rawName:"v-click-outside",value:(_vm.onClickOutside),expression:"onClickOutside"}],ref:"autocomplete",staticClass:"mc-autocomplete",class:{ 'mc-autocomplete--multi': _vm.multiple },style:(_vm.tagStyle)},[(_vm.multiple && _vm.tagValue.length > 1)?_c('m-tag',{staticClass:"mc-autocomplete__tag",attrs:{"type":"removable","label":_vm.tagValue.length.toString() + ' ' + _vm.tagLabel,"size":"s"},on:{"remove-tag":function($event){return _vm.clearAutocomplete()}}}):_vm._e(),_c('m-text-input',{attrs:{"placeholder":_vm.placeholder,"text-input-field-class":"mc-autocomplete__trigger","icon-position":"left","icon":"DisplaySearch48","autocomplete":"off"},on:{"input":_vm.filterList,"click":function($event){_vm.isOpen = true}},model:{value:(_vm.inputValue),callback:function ($$v) {_vm.inputValue=$$v},expression:"inputValue"}}),_c('m-list-box',{attrs:{"open":_vm.isOpen,"items":_vm.itemListForDropdown,"multiple":_vm.multiple,"empty-search-label":_vm.emptySearchLabel,"data-key-expr":_vm.dataKeyExpr,"data-text-expr":_vm.dataTextExpr,"data-value-expr":_vm.dataValueExpr},on:{"change":_vm.onChange},scopedSlots:_vm._u([{key:"item",fn:function(ref){
 var item = ref.item;
-return [_vm._t("item",null,{"item":item})]}}],null,true),model:{value:(_vm.listboxValue),callback:function ($$v) {_vm.listboxValue=$$v},expression:"listboxValue"}})],1)])}
-var MAutocompletevue_type_template_id_639f3f37_staticRenderFns = []
+return [_vm._t("item",null,{"item":item})]}}],null,true),model:{value:(_vm.listboxValue),callback:function ($$v) {_vm.listboxValue=$$v},expression:"listboxValue"}})],1)}
+var MAutocompletevue_type_template_id_9633704a_staticRenderFns = []
 
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.find.js
@@ -27965,9 +27965,9 @@ var es_array_find = __webpack_require__(9826);
 var es_array_filter = __webpack_require__(7327);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.includes.js
 var es_string_includes = __webpack_require__(2023);
-;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/listbox/MListBox.vue?vue&type=template&id=9945e1e6&
-var MListBoxvue_type_template_id_9945e1e6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.items.length > 0)?_c('ul',{ref:"listbox",staticClass:"mc-listbox",class:{ 'is-open': _vm.open, 'mc-listbox--multi': _vm.multiple },attrs:{"role":"listbox","aria-labelledby":"listbox"}},_vm._l((_vm.selectableItems),function(item){return _c('li',{key:item.id,staticClass:"mc-listbox__item"},[_vm._t("item",function(){return [_c('label',{staticClass:"mc-listbox__label",attrs:{"for":("checkbox-dropdown-" + (item[_vm.dataKeyExpr]) + "-" + _vm.uuid)}},[_vm._v(_vm._s(item[_vm.dataTextExpr])+" ")])]},{"item":item}),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.localValue),expression:"localValue"}],ref:"input",refInFor:true,staticClass:"mc-checkbox__input mc-listbox__input",class:{ hideCheckbox: !_vm.multiple },attrs:{"id":("checkbox-dropdown-" + (item[_vm.dataKeyExpr]) + "-" + _vm.uuid),"type":"checkbox"},domProps:{"value":item.value,"checked":Array.isArray(_vm.localValue)?_vm._i(_vm.localValue,item.value)>-1:(_vm.localValue)},on:{"change":[function($event){var $$a=_vm.localValue,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=item.value,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.localValue=$$a.concat([$$v]))}else{$$i>-1&&(_vm.localValue=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.localValue=$$c}},_vm.onChange]}})],2)}),0):_c('div',{staticClass:"mc-list-box__empty"},[_vm._v(" "+_vm._s(_vm.emptySearchLabel)+" ")])}
-var MListBoxvue_type_template_id_9945e1e6_staticRenderFns = []
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/listbox/MListBox.vue?vue&type=template&id=2484e9a1&
+var MListBoxvue_type_template_id_2484e9a1_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.items.length > 0)?_c('ul',{ref:"listbox",staticClass:"mc-listbox",class:{ 'is-open': _vm.open, 'mc-listbox--multi': _vm.multiple },attrs:{"role":"listbox","aria-labelledby":"listbox"}},_vm._l((_vm.selectableItems),function(item){return _c('li',{key:item.id,staticClass:"mc-listbox__item"},[_vm._t("item",function(){return [_c('label',{staticClass:"mc-listbox__label",attrs:{"for":("checkbox-dropdown-" + (item[_vm.dataKeyExpr]) + "-" + _vm.uuid)}},[_vm._v(_vm._s(item[_vm.dataTextExpr])+" ")])]},{"item":item}),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.localValue),expression:"localValue"}],ref:"input",refInFor:true,staticClass:"mc-checkbox__input mc-listbox__input",class:{ hideCheckbox: !_vm.multiple },attrs:{"id":("checkbox-dropdown-" + (item[_vm.dataKeyExpr]) + "-" + _vm.uuid),"type":"checkbox"},domProps:{"value":item.value,"checked":Array.isArray(_vm.localValue)?_vm._i(_vm.localValue,item.value)>-1:(_vm.localValue)},on:{"change":[function($event){var $$a=_vm.localValue,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=item.value,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.localValue=$$a.concat([$$v]))}else{$$i>-1&&(_vm.localValue=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.localValue=$$c}},_vm.onChange]}})],2)}),0):_c('div',{staticClass:"mc-list-box__empty"},[_vm._v(" "+_vm._s(_vm.emptySearchLabel)+" ")])}
+var MListBoxvue_type_template_id_2484e9a1_staticRenderFns = []
 
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.from.js
@@ -28014,13 +28014,6 @@ var es_array_slice = __webpack_require__(7042);
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
 /* harmony default export */ var MListBoxvue_type_script_lang_js_ = ({
   name: 'MListbox',
   model: {
@@ -28141,8 +28134,8 @@ var es_array_slice = __webpack_require__(7042);
 
 var MListBox_component = normalizeComponent(
   listbox_MListBoxvue_type_script_lang_js_,
-  MListBoxvue_type_template_id_9945e1e6_render,
-  MListBoxvue_type_template_id_9945e1e6_staticRenderFns,
+  MListBoxvue_type_template_id_2484e9a1_render,
+  MListBoxvue_type_template_id_2484e9a1_staticRenderFns,
   false,
   null,
   null,
@@ -28799,8 +28792,6 @@ var MTextInput_component = normalizeComponent(
 //
 //
 //
-//
-//
 
 
 
@@ -28827,6 +28818,9 @@ var MTextInput_component = normalizeComponent(
       }
     }
   },
+  model: {
+    event: 'change'
+  },
   props: {
     open: {
       type: Boolean,
@@ -28870,11 +28864,13 @@ var MTextInput_component = normalizeComponent(
     dataValueExpr: {
       type: String,
       default: 'text'
-    } // value: {
-    //   type: Array,
-    //   default: () => [],
-    // },
-
+    },
+    value: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    }
   },
   data: function data() {
     return {
@@ -28913,6 +28909,12 @@ var MTextInput_component = normalizeComponent(
         this.setTagWidth();
       },
       immediate: true
+    },
+    value: {
+      handler: function handler(value) {
+        this.listboxValue = value;
+      },
+      immediate: true
     }
   },
   mounted: function mounted() {
@@ -28928,6 +28930,7 @@ var MTextInput_component = normalizeComponent(
     },
     clearAutocomplete: function clearAutocomplete() {
       this.listboxValue = [];
+      this.onChange();
       this.$emit('clear');
     },
     filterList: function filterList(value) {
@@ -28945,6 +28948,9 @@ var MTextInput_component = normalizeComponent(
     },
     onClickOutside: function onClickOutside() {
       this.isOpen = false;
+    },
+    onChange: function onChange() {
+      this.$emit('change', this.listboxValue);
     }
   }
 }); // TODO:
@@ -28968,8 +28974,8 @@ var MTextInput_component = normalizeComponent(
 
 var MAutocomplete_component = normalizeComponent(
   autocomplete_MAutocompletevue_type_script_lang_js_,
-  MAutocompletevue_type_template_id_639f3f37_render,
-  MAutocompletevue_type_template_id_639f3f37_staticRenderFns,
+  MAutocompletevue_type_template_id_9633704a_render,
+  MAutocompletevue_type_template_id_9633704a_staticRenderFns,
   false,
   null,
   null,