@mozaic-ds/vue 0.20.0-beta.5 → 0.20.0-beta.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -32769,12 +32769,24 @@ MLink.install = function (Vue) {
32769
32769
  };
32770
32770
 
32771
32771
 
32772
- ;// 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/MListBoxOptions.vue?vue&type=template&id=78812feb&
32773
- var MListBoxOptionsvue_type_template_id_78812feb_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"}],staticClass:"mc-listbox-options"},[_c('button',{staticClass:"mc-listbox-options__trigger",attrs:{"type":"button"},on:{"click":function($event){_vm.isOpen = !_vm.isOpen}}},[_c('m-icon',{attrs:{"name":"DisplayOptions24"}}),_c('span',{staticClass:"mc-listbox-options__trigger-label"},[_vm._v(_vm._s(_vm.triggerLabel))])],1),(_vm.items.length > 0)?_c('ul',{ref:"listbox",staticClass:"mc-listbox-options__list",class:{ 'is-open': _vm.isOpen, 'align-right': _vm.position == 'right' },attrs:{"role":"listbox","aria-labelledby":"listbox"}},_vm._l((_vm.items),function(item){return _c('li',{key:item.id,staticClass:"mc-listbox-options__tile"},[(item.icon)?_c('m-icon',{staticClass:"mc-listbox-options__icon",attrs:{"name":item.icon,"color":item.danger ? '#C61112' : '#71706B'}}):_vm._e(),_c(item.href ? 'a' : 'button',{tag:"component",staticClass:"mc-listbox-options__item",class:{ 'is-danger': item.danger },attrs:{"href":item.href ? item.href : null,"type":item.href ? null : 'button'}},[_vm._v(" "+_vm._s(item.text)+" ")])],1)}),0):_vm._e()])}
32774
- var MListBoxOptionsvue_type_template_id_78812feb_staticRenderFns = []
32772
+ ;// 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/MListBoxOptions.vue?vue&type=template&id=784d0f60&
32773
+ var MListBoxOptionsvue_type_template_id_784d0f60_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"}],staticClass:"mc-listbox-options"},[_c('button',{staticClass:"mc-listbox-options__trigger",attrs:{"type":"button"},on:{"click":function($event){_vm.isOpen = !_vm.isOpen}}},[_c('m-icon',{attrs:{"name":"DisplayOptions24"}}),_c('span',{staticClass:"mc-listbox-options__trigger-label"},[_vm._v(_vm._s(_vm.triggerLabel))])],1),_c('div',{ref:"listbox",staticClass:"mc-listbox-options__container",class:{ 'is-open': _vm.isOpen, 'align-right': _vm.position == 'right' },attrs:{"role":"listbox","aria-labelledby":"listbox"}},_vm._l((_vm.listItems),function(list,index){return _c('ul',{key:(list + "-" + index),staticClass:"mc-listbox-options__list"},_vm._l((list),function(item){return _c('li',{key:item.id,staticClass:"mc-listbox-options__tile"},[(item.icon)?_c('m-icon',{staticClass:"mc-listbox-options__icon",attrs:{"name":item.icon,"color":item.danger ? '#C61112' : '#71706B'}}):_vm._e(),_c(item.href ? 'a' : 'button',{tag:"component",staticClass:"mc-listbox-options__item",class:{ 'is-danger': item.danger },attrs:{"href":item.href ? item.href : null,"type":item.href ? null : 'button'},on:{"click":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.$emit('update:itemSelected', item)}}},[_vm._v(" "+_vm._s(item.text)+" ")])],1)}),0)}),0)])}
32774
+ var MListBoxOptionsvue_type_template_id_784d0f60_staticRenderFns = []
32775
32775
 
32776
32776
 
32777
32777
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-81[0].rules[0].use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/listbox/MListBoxOptions.vue?vue&type=script&lang=js&
32778
+
32779
+
32780
+ //
32781
+ //
32782
+ //
32783
+ //
32784
+ //
32785
+ //
32786
+ //
32787
+ //
32788
+ //
32789
+ //
32778
32790
  //
32779
32791
  //
32780
32792
  //
@@ -32861,6 +32873,19 @@ var MListBoxOptionsvue_type_template_id_78812feb_staticRenderFns = []
32861
32873
  isOpen: this.open
32862
32874
  };
32863
32875
  },
32876
+ computed: {
32877
+ listItems: function listItems() {
32878
+ var hasNestedArray = this.items.filter(Array.isArray).length;
32879
+
32880
+ if (hasNestedArray === 0) {
32881
+ var listItems = [];
32882
+ listItems.push(this.items);
32883
+ return [this.items];
32884
+ }
32885
+
32886
+ return this.items;
32887
+ }
32888
+ },
32864
32889
  methods: {
32865
32890
  onClickOutside: function onClickOutside() {
32866
32891
  this.isOpen = false;
@@ -32885,8 +32910,8 @@ var MListBoxOptionsvue_type_template_id_78812feb_staticRenderFns = []
32885
32910
 
32886
32911
  var MListBoxOptions_component = normalizeComponent(
32887
32912
  listbox_MListBoxOptionsvue_type_script_lang_js_,
32888
- MListBoxOptionsvue_type_template_id_78812feb_render,
32889
- MListBoxOptionsvue_type_template_id_78812feb_staticRenderFns,
32913
+ MListBoxOptionsvue_type_template_id_784d0f60_render,
32914
+ MListBoxOptionsvue_type_template_id_784d0f60_staticRenderFns,
32890
32915
  false,
32891
32916
  null,
32892
32917
  null,