isobit-ui 0.0.511 → 0.0.514

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
- * isobit-ui v0.0.511
+ * isobit-ui v0.0.514
  * (c) Erik Alarcon Pinedo
  * Released under the MIT License.
  */
@@ -185,7 +185,7 @@ function _createForOfIteratorHelper(o, allowArrayLike) {
 //
 //
 //
-var script$l = {
+var script$m = {
   props: {
     value: {
       value: Object
@@ -386,10 +386,10 @@ var script$l = {
 };
 
 /* script */
-var __vue_script__$l = script$l;
+var __vue_script__$m = script$m;
 /* template */
 
-var __vue_render__$k = function __vue_render__() {
+var __vue_render__$l = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -533,34 +533,34 @@ var __vue_render__$k = function __vue_render__() {
   }, [_vm._v("No existen resultados.")]) : _vm._e()])])], 1);
 };
 
-var __vue_staticRenderFns__$k = [];
+var __vue_staticRenderFns__$l = [];
 /* style */
 
-var __vue_inject_styles__$l = undefined;
+var __vue_inject_styles__$m = undefined;
 /* scoped */
 
-var __vue_scope_id__$l = undefined;
+var __vue_scope_id__$m = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$l = undefined;
+var __vue_module_identifier__$m = undefined;
 /* functional template */
 
-var __vue_is_functional_template__$l = false;
+var __vue_is_functional_template__$m = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$l = /*#__PURE__*/__vue_normalize__({
-  render: __vue_render__$k,
-  staticRenderFns: __vue_staticRenderFns__$k
-}, __vue_inject_styles__$l, __vue_script__$l, __vue_scope_id__$l, __vue_is_functional_template__$l, __vue_module_identifier__$l, false, undefined, undefined, undefined);
+var __vue_component__$m = /*#__PURE__*/__vue_normalize__({
+  render: __vue_render__$l,
+  staticRenderFns: __vue_staticRenderFns__$l
+}, __vue_inject_styles__$m, __vue_script__$m, __vue_scope_id__$m, __vue_is_functional_template__$m, __vue_module_identifier__$m, false, undefined, undefined, undefined);
 
 //
 //
 //
-var script$k = {
+var script$l = {
   mounted: function mounted() {
     var me = this;
     var span = document.createElement("span");
@@ -608,10 +608,10 @@ var script$k = {
 };
 
 /* script */
-var __vue_script__$k = script$k;
+var __vue_script__$l = script$l;
 /* template */
 
-var __vue_render__$j = function __vue_render__() {
+var __vue_render__$k = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -626,36 +626,36 @@ var __vue_render__$j = function __vue_render__() {
   });
 };
 
-var __vue_staticRenderFns__$j = [];
+var __vue_staticRenderFns__$k = [];
 /* style */
 
-var __vue_inject_styles__$k = undefined;
+var __vue_inject_styles__$l = undefined;
 /* scoped */
 
-var __vue_scope_id__$k = undefined;
+var __vue_scope_id__$l = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$k = undefined;
+var __vue_module_identifier__$l = undefined;
 /* functional template */
 
-var __vue_is_functional_template__$k = false;
+var __vue_is_functional_template__$l = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$k = /*#__PURE__*/__vue_normalize__({
-  render: __vue_render__$j,
-  staticRenderFns: __vue_staticRenderFns__$j
-}, __vue_inject_styles__$k, __vue_script__$k, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, undefined, undefined, undefined);
+var __vue_component__$l = /*#__PURE__*/__vue_normalize__({
+  render: __vue_render__$k,
+  staticRenderFns: __vue_staticRenderFns__$k
+}, __vue_inject_styles__$l, __vue_script__$l, __vue_scope_id__$l, __vue_is_functional_template__$l, __vue_module_identifier__$l, false, undefined, undefined, undefined);
 
 //
 //
 //
 //
 //
-var script$j = {
+var script$k = {
   props: {
     value: {
       value: String
@@ -757,10 +757,10 @@ var script$j = {
 };
 
 /* script */
-var __vue_script__$j = script$j;
+var __vue_script__$k = script$k;
 /* template */
 
-var __vue_render__$i = function __vue_render__() {
+var __vue_render__$j = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -783,29 +783,29 @@ var __vue_render__$i = function __vue_render__() {
   })]);
 };
 
-var __vue_staticRenderFns__$i = [];
+var __vue_staticRenderFns__$j = [];
 /* style */
 
-var __vue_inject_styles__$j = undefined;
+var __vue_inject_styles__$k = undefined;
 /* scoped */
 
-var __vue_scope_id__$j = undefined;
+var __vue_scope_id__$k = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$j = undefined;
+var __vue_module_identifier__$k = undefined;
 /* functional template */
 
-var __vue_is_functional_template__$j = false;
+var __vue_is_functional_template__$k = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$j = /*#__PURE__*/__vue_normalize__({
-  render: __vue_render__$i,
-  staticRenderFns: __vue_staticRenderFns__$i
-}, __vue_inject_styles__$j, __vue_script__$j, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, undefined, undefined, undefined);
+var __vue_component__$k = /*#__PURE__*/__vue_normalize__({
+  render: __vue_render__$j,
+  staticRenderFns: __vue_staticRenderFns__$j
+}, __vue_inject_styles__$k, __vue_script__$k, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, undefined, undefined, undefined);
 
 //
 //
@@ -813,7 +813,7 @@ var __vue_component__$j = /*#__PURE__*/__vue_normalize__({
 //
 //
 //
-var script$i = {
+var script$j = {
   model: {
     prop: 'vmodel',
     event2: 'change'
@@ -874,10 +874,10 @@ var script$i = {
 };
 
 /* script */
-var __vue_script__$i = script$i;
+var __vue_script__$j = script$j;
 /* template */
 
-var __vue_render__$h = function __vue_render__() {
+var __vue_render__$i = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -910,35 +910,35 @@ var __vue_render__$h = function __vue_render__() {
   })]);
 };
 
-var __vue_staticRenderFns__$h = [];
+var __vue_staticRenderFns__$i = [];
 /* style */
 
-var __vue_inject_styles__$i = undefined;
+var __vue_inject_styles__$j = undefined;
 /* scoped */
 
-var __vue_scope_id__$i = undefined;
+var __vue_scope_id__$j = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$i = undefined;
+var __vue_module_identifier__$j = undefined;
 /* functional template */
 
-var __vue_is_functional_template__$i = false;
+var __vue_is_functional_template__$j = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$i = /*#__PURE__*/__vue_normalize__({
-  render: __vue_render__$h,
-  staticRenderFns: __vue_staticRenderFns__$h
-}, __vue_inject_styles__$i, __vue_script__$i, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, undefined, undefined, undefined);
+var __vue_component__$j = /*#__PURE__*/__vue_normalize__({
+  render: __vue_render__$i,
+  staticRenderFns: __vue_staticRenderFns__$i
+}, __vue_inject_styles__$j, __vue_script__$j, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, undefined, undefined, undefined);
 
 //
 //
 //
 //
-var script$h = {
+var script$i = {
   props: {
     value: String,
     label: String
@@ -956,10 +956,10 @@ var script$h = {
 };
 
 /* script */
-var __vue_script__$h = script$h;
+var __vue_script__$i = script$i;
 /* template */
 
-var __vue_render__$g = function __vue_render__() {
+var __vue_render__$h = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -984,34 +984,34 @@ var __vue_render__$g = function __vue_render__() {
   }), _vm._t("default")], 2);
 };
 
-var __vue_staticRenderFns__$g = [];
+var __vue_staticRenderFns__$h = [];
 /* style */
 
-var __vue_inject_styles__$h = undefined;
+var __vue_inject_styles__$i = undefined;
 /* scoped */
 
-var __vue_scope_id__$h = undefined;
+var __vue_scope_id__$i = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$h = undefined;
+var __vue_module_identifier__$i = undefined;
 /* functional template */
 
-var __vue_is_functional_template__$h = false;
+var __vue_is_functional_template__$i = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$h = /*#__PURE__*/__vue_normalize__({
-  render: __vue_render__$g,
-  staticRenderFns: __vue_staticRenderFns__$g
-}, __vue_inject_styles__$h, __vue_script__$h, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, undefined, undefined, undefined);
+var __vue_component__$i = /*#__PURE__*/__vue_normalize__({
+  render: __vue_render__$h,
+  staticRenderFns: __vue_staticRenderFns__$h
+}, __vue_inject_styles__$i, __vue_script__$i, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, undefined, undefined, undefined);
 
 //
 //
 //
-var script$g = {
+var script$h = {
   props: {
     required: String,
     name: String
@@ -1054,10 +1054,10 @@ var script$g = {
 };
 
 /* script */
-var __vue_script__$g = script$g;
+var __vue_script__$h = script$h;
 /* template */
 
-var __vue_render__$f = function __vue_render__() {
+var __vue_render__$g = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1067,29 +1067,29 @@ var __vue_render__$f = function __vue_render__() {
   return _c('div', [_vm._t("default")], 2);
 };
 
-var __vue_staticRenderFns__$f = [];
+var __vue_staticRenderFns__$g = [];
 /* style */
 
-var __vue_inject_styles__$g = undefined;
+var __vue_inject_styles__$h = undefined;
 /* scoped */
 
-var __vue_scope_id__$g = undefined;
+var __vue_scope_id__$h = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$g = undefined;
+var __vue_module_identifier__$h = undefined;
 /* functional template */
 
-var __vue_is_functional_template__$g = false;
+var __vue_is_functional_template__$h = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$g = /*#__PURE__*/__vue_normalize__({
-  render: __vue_render__$f,
-  staticRenderFns: __vue_staticRenderFns__$f
-}, __vue_inject_styles__$g, __vue_script__$g, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, undefined, undefined, undefined);
+var __vue_component__$h = /*#__PURE__*/__vue_normalize__({
+  render: __vue_render__$g,
+  staticRenderFns: __vue_staticRenderFns__$g
+}, __vue_inject_styles__$h, __vue_script__$h, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, undefined, undefined, undefined);
 
 //
 //
@@ -1100,7 +1100,7 @@ var __vue_component__$g = /*#__PURE__*/__vue_normalize__({
 //
 //
 //
-var script$f = {
+var script$g = {
   props: {
     value: Array,
     filterKey: String,
@@ -1236,10 +1236,10 @@ var script$f = {
 };
 
 /* script */
-var __vue_script__$f = script$f;
+var __vue_script__$g = script$g;
 /* template */
 
-var __vue_render__$e = function __vue_render__() {
+var __vue_render__$f = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1271,10 +1271,10 @@ var __vue_render__$e = function __vue_render__() {
   }, [_vm._v("Ver mas resultados")]) : _vm._e()], 2);
 };
 
-var __vue_staticRenderFns__$e = [];
+var __vue_staticRenderFns__$f = [];
 /* style */
 
-var __vue_inject_styles__$f = function __vue_inject_styles__(inject) {
+var __vue_inject_styles__$g = function __vue_inject_styles__(inject) {
   if (!inject) return;
   inject("data-v-a035d3e6_0", {
     source: ".v-dataview>.v-no-results{padding:15px;color:rgb(255 193 7);background:#ffffff45;padding-bottom:7px;padding-top:7px;border-radius:10px;border-style:solid;border-width:1px}.v-dataview>.v-more-results{cursor:pointer;padding:15px;color:#106e8a;background:#ffffff45;padding-bottom:7px;padding-top:7px;border-radius:10px;border-style:solid;border-width:1px}",
@@ -1285,21 +1285,21 @@ var __vue_inject_styles__$f = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$f = undefined;
+var __vue_scope_id__$g = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$f = undefined;
+var __vue_module_identifier__$g = undefined;
 /* functional template */
 
-var __vue_is_functional_template__$f = false;
+var __vue_is_functional_template__$g = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$f = /*#__PURE__*/__vue_normalize__({
-  render: __vue_render__$e,
-  staticRenderFns: __vue_staticRenderFns__$e
-}, __vue_inject_styles__$f, __vue_script__$f, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, __vue_create_injector__, undefined, undefined);
+var __vue_component__$g = /*#__PURE__*/__vue_normalize__({
+  render: __vue_render__$f,
+  staticRenderFns: __vue_staticRenderFns__$f
+}, __vue_inject_styles__$g, __vue_script__$g, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, __vue_create_injector__, undefined, undefined);
 
 //
 //
@@ -1308,7 +1308,7 @@ var __vue_component__$f = /*#__PURE__*/__vue_normalize__({
 //
 //
 //
-var script$e = {
+var script$f = {
   props: {
     legend: String,
     closable: null
@@ -1340,10 +1340,10 @@ var script$e = {
 };
 
 /* script */
-var __vue_script__$e = script$e;
+var __vue_script__$f = script$f;
 /* template */
 
-var __vue_render__$d = function __vue_render__() {
+var __vue_render__$e = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1385,29 +1385,29 @@ var __vue_render__$d = function __vue_render__() {
   }, [_vm._t("default")], 2)]);
 };
 
-var __vue_staticRenderFns__$d = [];
+var __vue_staticRenderFns__$e = [];
 /* style */
 
-var __vue_inject_styles__$e = undefined;
+var __vue_inject_styles__$f = undefined;
 /* scoped */
 
-var __vue_scope_id__$e = undefined;
+var __vue_scope_id__$f = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$e = undefined;
+var __vue_module_identifier__$f = undefined;
 /* functional template */
 
-var __vue_is_functional_template__$e = false;
+var __vue_is_functional_template__$f = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$e = /*#__PURE__*/__vue_normalize__({
-  render: __vue_render__$d,
-  staticRenderFns: __vue_staticRenderFns__$d
-}, __vue_inject_styles__$e, __vue_script__$e, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, undefined, undefined, undefined);
+var __vue_component__$f = /*#__PURE__*/__vue_normalize__({
+  render: __vue_render__$e,
+  staticRenderFns: __vue_staticRenderFns__$e
+}, __vue_inject_styles__$f, __vue_script__$f, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, undefined, undefined, undefined);
 
 function _await$2(value, then, direct) {
   if (direct) {
@@ -1434,7 +1434,7 @@ function _invoke$1(body, then) {
 }
 
 var compiledTemplate = Vue$1.compile(template);
-var script$d = {
+var script$e = {
   props: {
     value: Array,
     filterKey: String,
@@ -2096,28 +2096,28 @@ var script$d = {
 };
 
 /* script */
-var __vue_script__$d = script$d;
+var __vue_script__$e = script$e;
 /* template */
 
 /* style */
 
-var __vue_inject_styles__$d = undefined;
+var __vue_inject_styles__$e = undefined;
 /* scoped */
 
-var __vue_scope_id__$d = undefined;
+var __vue_scope_id__$e = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$d = undefined;
+var __vue_module_identifier__$e = undefined;
 /* functional template */
 
-var __vue_is_functional_template__$d = undefined;
+var __vue_is_functional_template__$e = undefined;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$d = /*#__PURE__*/__vue_normalize__({}, __vue_inject_styles__$d, __vue_script__$d, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, undefined, undefined, undefined);
+var __vue_component__$e = /*#__PURE__*/__vue_normalize__({}, __vue_inject_styles__$e, __vue_script__$e, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, undefined, undefined, undefined);
 
 //
 //
@@ -2129,7 +2129,7 @@ var __vue_component__$d = /*#__PURE__*/__vue_normalize__({}, __vue_inject_styles
 //
 //
 //
-var script$c = {
+var script$d = {
   data: function data() {
     return {
       tabs: [],
@@ -2236,10 +2236,10 @@ var script$c = {
 };
 
 /* script */
-var __vue_script__$c = script$c;
+var __vue_script__$d = script$d;
 /* template */
 
-var __vue_render__$c = function __vue_render__() {
+var __vue_render__$d = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2267,12 +2267,123 @@ var __vue_render__$c = function __vue_render__() {
   }), 0), _vm._v(" "), _vm._t("default")], 2);
 };
 
+var __vue_staticRenderFns__$d = [];
+/* style */
+
+var __vue_inject_styles__$d = undefined;
+/* scoped */
+
+var __vue_scope_id__$d = undefined;
+/* module identifier */
+
+var __vue_module_identifier__$d = undefined;
+/* functional template */
+
+var __vue_is_functional_template__$d = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+var __vue_component__$d = /*#__PURE__*/__vue_normalize__({
+  render: __vue_render__$d,
+  staticRenderFns: __vue_staticRenderFns__$d
+}, __vue_inject_styles__$d, __vue_script__$d, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, undefined, undefined, undefined);
+
+//
+//
+//
+var script$c = {
+  props: {
+    value: {
+      type: String
+    }
+  },
+  data: function data() {
+    return {};
+  },
+  template: '<textarea>{{value}}</textarea>',
+  updated: function updated() {
+    var me = this,
+        v = me.value;
+
+    if (v && me.$el.maxLength > 0 && v.length > me.$el.maxLength) {
+      v = v.substring(0, me.$el.maxLength);
+    }
+
+    me.$el.value = v;
+    me.$emit('input', v);
+    me.delayedResize();
+  },
+  methods: {
+    resize: function resize() {
+      var text = this.$el;
+      text.style.height = 'auto';
+      text.style.height = text.scrollHeight //-(parseInt(text.style.paddingTop)+parseInt(text.style.paddingBottom))
+      + 'px';
+    },
+    delayedResize: function delayedResize() {
+      var me = this;
+      window.setTimeout(me.resize, 100);
+    }
+  },
+  mounted: function mounted() {
+    var me = this;
+    me.$el.addEventListener('keyup', function () {
+      me.$emit('input', me.$el.value);
+    });
+    var text = me.$el;
+    /* 0-timeout to get the already changed text */
+
+    var observe;
+
+    if (window.attachEvent) {
+      observe = function observe(element, event, handler) {
+        element.attachEvent('on' + event, handler);
+      };
+    } else {
+      observe = function observe(element, event, handler) {
+        element.addEventListener(event, handler, false);
+      };
+    }
+
+    observe(text, 'change', me.resize);
+    observe(text, 'cut', me.delayedResize);
+    observe(text, 'paste', me.delayedResize);
+    observe(text, 'drop', me.delayedResize);
+    observe(text, 'keydown', me.delayedResize);
+  }
+};
+
+/* script */
+var __vue_script__$c = script$c;
+/* template */
+
+var __vue_render__$c = function __vue_render__() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('textarea', [_vm._v(_vm._s(_vm.value))]);
+};
+
 var __vue_staticRenderFns__$c = [];
 /* style */
 
-var __vue_inject_styles__$c = undefined;
+var __vue_inject_styles__$c = function __vue_inject_styles__(inject) {
+  if (!inject) return;
+  inject("data-v-d80fde5c_0", {
+    source: "textarea{box-sizing:border-box;resize:none}",
+    map: undefined,
+    media: undefined
+  });
+};
 /* scoped */
 
+
 var __vue_scope_id__$c = undefined;
 /* module identifier */
 
@@ -2280,8 +2391,6 @@ var __vue_module_identifier__$c = undefined;
 /* functional template */
 
 var __vue_is_functional_template__$c = false;
-/* style inject */
-
 /* style inject SSR */
 
 /* style inject shadow dom */
@@ -2289,7 +2398,7 @@ var __vue_is_functional_template__$c = false;
 var __vue_component__$c = /*#__PURE__*/__vue_normalize__({
   render: __vue_render__$c,
   staticRenderFns: __vue_staticRenderFns__$c
-}, __vue_inject_styles__$c, __vue_script__$c, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, undefined, undefined, undefined);
+}, __vue_inject_styles__$c, __vue_script__$c, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, __vue_create_injector__, undefined, undefined);
 
 //
 //
@@ -3440,191 +3549,82 @@ var __vue_staticRenderFns__$6 = [];
 var __vue_inject_styles__$6 = undefined;
 /* scoped */
 
-var __vue_scope_id__$6 = undefined;
-/* module identifier */
-
-var __vue_module_identifier__$6 = undefined;
-/* functional template */
-
-var __vue_is_functional_template__$6 = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-var __vue_component__$6 = /*#__PURE__*/__vue_normalize__({
-  render: __vue_render__$6,
-  staticRenderFns: __vue_staticRenderFns__$6
-}, __vue_inject_styles__$6, __vue_script__$6, __vue_scope_id__$6, __vue_is_functional_template__$6, __vue_module_identifier__$6, false, undefined, undefined, undefined);
-
-//
-//
-//
-//
-var script$5 = {
-  props: {
-    header: String
-  }
-};
-
-/* script */
-var __vue_script__$5 = script$5;
-/* template */
-
-var __vue_render__$5 = function __vue_render__() {
-  var _vm = this;
-
-  var _h = _vm.$createElement;
-
-  var _c = _vm._self._c || _h;
-
-  return _c('div', {
-    staticClass: "ui-panel"
-  }, [_vm.header ? _c('div', {
-    staticClass: "v-panel-titlebar v-widget-header ui-helper-clearfix ui-corner-all"
-  }, [_c('span', {
-    staticClass: "v-panel-title"
-  }, [_vm._v(_vm._s(_vm.header))])]) : _vm._e(), _c('div', {
-    staticClass: "v-panel-content v-dialog-content v-widget-content"
-  }, [_vm._t("default")], 2)]);
-};
-
-var __vue_staticRenderFns__$5 = [];
-/* style */
-
-var __vue_inject_styles__$5 = undefined;
-/* scoped */
-
-var __vue_scope_id__$5 = undefined;
-/* module identifier */
-
-var __vue_module_identifier__$5 = undefined;
-/* functional template */
-
-var __vue_is_functional_template__$5 = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-var __vue_component__$5 = /*#__PURE__*/__vue_normalize__({
-  render: __vue_render__$5,
-  staticRenderFns: __vue_staticRenderFns__$5
-}, __vue_inject_styles__$5, __vue_script__$5, __vue_scope_id__$5, __vue_is_functional_template__$5, __vue_module_identifier__$5, false, undefined, undefined, undefined);
-
-//
-//
-//
-var script$4 = {
-  props: {
-    value: {
-      type: String
-    }
-  },
-  data: function data() {
-    return {};
-  },
-  template: '<textarea>{{value}}</textarea>',
-  updated: function updated() {
-    var me = this,
-        v = me.value;
+var __vue_scope_id__$6 = undefined;
+/* module identifier */
 
-    if (v && me.$el.maxLength > 0 && v.length > me.$el.maxLength) {
-      v = v.substring(0, me.$el.maxLength);
-    }
+var __vue_module_identifier__$6 = undefined;
+/* functional template */
 
-    me.$el.value = v;
-    me.$emit('input', v);
-    me.delayedResize();
-  },
-  methods: {
-    resize: function resize() {
-      var text = this.$el;
-      text.style.height = 'auto';
-      text.style.height = text.scrollHeight //-(parseInt(text.style.paddingTop)+parseInt(text.style.paddingBottom))
-      + 'px';
-    },
-    delayedResize: function delayedResize() {
-      var me = this;
-      window.setTimeout(me.resize, 100);
-    }
-  },
-  mounted: function mounted() {
-    var me = this;
-    me.$el.addEventListener('keyup', function () {
-      me.$emit('input', me.$el.value);
-    });
-    var text = me.$el;
-    /* 0-timeout to get the already changed text */
+var __vue_is_functional_template__$6 = false;
+/* style inject */
 
-    var observe;
+/* style inject SSR */
 
-    if (window.attachEvent) {
-      observe = function observe(element, event, handler) {
-        element.attachEvent('on' + event, handler);
-      };
-    } else {
-      observe = function observe(element, event, handler) {
-        element.addEventListener(event, handler, false);
-      };
-    }
+/* style inject shadow dom */
 
-    observe(text, 'change', me.resize);
-    observe(text, 'cut', me.delayedResize);
-    observe(text, 'paste', me.delayedResize);
-    observe(text, 'drop', me.delayedResize);
-    observe(text, 'keydown', me.delayedResize);
+var __vue_component__$6 = /*#__PURE__*/__vue_normalize__({
+  render: __vue_render__$6,
+  staticRenderFns: __vue_staticRenderFns__$6
+}, __vue_inject_styles__$6, __vue_script__$6, __vue_scope_id__$6, __vue_is_functional_template__$6, __vue_module_identifier__$6, false, undefined, undefined, undefined);
+
+//
+//
+//
+//
+var script$5 = {
+  props: {
+    header: String
   }
 };
 
 /* script */
-var __vue_script__$4 = script$4;
+var __vue_script__$5 = script$5;
 /* template */
 
-var __vue_render__$4 = function __vue_render__() {
+var __vue_render__$5 = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
 
   var _c = _vm._self._c || _h;
 
-  return _c('textarea', [_vm._v(_vm._s(_vm.value))]);
+  return _c('div', {
+    staticClass: "ui-panel"
+  }, [_vm.header ? _c('div', {
+    staticClass: "v-panel-titlebar v-widget-header ui-helper-clearfix ui-corner-all"
+  }, [_c('span', {
+    staticClass: "v-panel-title"
+  }, [_vm._v(_vm._s(_vm.header))])]) : _vm._e(), _c('div', {
+    staticClass: "v-panel-content v-dialog-content v-widget-content"
+  }, [_vm._t("default")], 2)]);
 };
 
-var __vue_staticRenderFns__$4 = [];
+var __vue_staticRenderFns__$5 = [];
 /* style */
 
-var __vue_inject_styles__$4 = function __vue_inject_styles__(inject) {
-  if (!inject) return;
-  inject("data-v-d80fde5c_0", {
-    source: "textarea{box-sizing:border-box;resize:none}",
-    map: undefined,
-    media: undefined
-  });
-};
+var __vue_inject_styles__$5 = undefined;
 /* scoped */
 
-
-var __vue_scope_id__$4 = undefined;
+var __vue_scope_id__$5 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$4 = undefined;
+var __vue_module_identifier__$5 = undefined;
 /* functional template */
 
-var __vue_is_functional_template__$4 = false;
+var __vue_is_functional_template__$5 = false;
+/* style inject */
+
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$4 = /*#__PURE__*/__vue_normalize__({
-  render: __vue_render__$4,
-  staticRenderFns: __vue_staticRenderFns__$4
-}, __vue_inject_styles__$4, __vue_script__$4, __vue_scope_id__$4, __vue_is_functional_template__$4, __vue_module_identifier__$4, false, __vue_create_injector__, undefined, undefined);
+var __vue_component__$5 = /*#__PURE__*/__vue_normalize__({
+  render: __vue_render__$5,
+  staticRenderFns: __vue_staticRenderFns__$5
+}, __vue_inject_styles__$5, __vue_script__$5, __vue_scope_id__$5, __vue_is_functional_template__$5, __vue_module_identifier__$5, false, undefined, undefined, undefined);
 
 //
-var script$3 = {
+var script$4 = {
   data: function data() {
     return {
       loaded: null,
@@ -3960,10 +3960,10 @@ var script$3 = {
 };
 
 /* script */
-var __vue_script__$3 = script$3;
+var __vue_script__$4 = script$4;
 /* template */
 
-var __vue_render__$3 = function __vue_render__() {
+var __vue_render__$4 = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3973,34 +3973,34 @@ var __vue_render__$3 = function __vue_render__() {
   return _c('div', [_vm._t("default")], 2);
 };
 
-var __vue_staticRenderFns__$3 = [];
+var __vue_staticRenderFns__$4 = [];
 /* style */
 
-var __vue_inject_styles__$3 = undefined;
+var __vue_inject_styles__$4 = undefined;
 /* scoped */
 
-var __vue_scope_id__$3 = undefined;
+var __vue_scope_id__$4 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$3 = undefined;
+var __vue_module_identifier__$4 = undefined;
 /* functional template */
 
-var __vue_is_functional_template__$3 = false;
+var __vue_is_functional_template__$4 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$3 = /*#__PURE__*/__vue_normalize__({
-  render: __vue_render__$3,
-  staticRenderFns: __vue_staticRenderFns__$3
-}, __vue_inject_styles__$3, __vue_script__$3, __vue_scope_id__$3, __vue_is_functional_template__$3, __vue_module_identifier__$3, false, undefined, undefined, undefined);
+var __vue_component__$4 = /*#__PURE__*/__vue_normalize__({
+  render: __vue_render__$4,
+  staticRenderFns: __vue_staticRenderFns__$4
+}, __vue_inject_styles__$4, __vue_script__$4, __vue_scope_id__$4, __vue_is_functional_template__$4, __vue_module_identifier__$4, false, undefined, undefined, undefined);
 
 //
 //
 //
-var script$2 = {
+var script$3 = {
   mounted: function mounted() {
     var m = this; //_.loadCSS('/cdn/ol.css');
     //_.loadScript('/cdn/ol.js',(r) => {
@@ -4344,10 +4344,10 @@ var script$2 = {
 };
 
 /* script */
-var __vue_script__$2 = script$2;
+var __vue_script__$3 = script$3;
 /* template */
 
-var __vue_render__$2 = function __vue_render__() {
+var __vue_render__$3 = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -4357,29 +4357,29 @@ var __vue_render__$2 = function __vue_render__() {
   return _c('div', [_vm._t("default")], 2);
 };
 
-var __vue_staticRenderFns__$2 = [];
+var __vue_staticRenderFns__$3 = [];
 /* style */
 
-var __vue_inject_styles__$2 = undefined;
+var __vue_inject_styles__$3 = undefined;
 /* scoped */
 
-var __vue_scope_id__$2 = undefined;
+var __vue_scope_id__$3 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$2 = undefined;
+var __vue_module_identifier__$3 = undefined;
 /* functional template */
 
-var __vue_is_functional_template__$2 = false;
+var __vue_is_functional_template__$3 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$2 = /*#__PURE__*/__vue_normalize__({
-  render: __vue_render__$2,
-  staticRenderFns: __vue_staticRenderFns__$2
-}, __vue_inject_styles__$2, __vue_script__$2, __vue_scope_id__$2, __vue_is_functional_template__$2, __vue_module_identifier__$2, false, undefined, undefined, undefined);
+var __vue_component__$3 = /*#__PURE__*/__vue_normalize__({
+  render: __vue_render__$3,
+  staticRenderFns: __vue_staticRenderFns__$3
+}, __vue_inject_styles__$3, __vue_script__$3, __vue_scope_id__$3, __vue_is_functional_template__$3, __vue_module_identifier__$3, false, undefined, undefined, undefined);
 
 //
 //
@@ -4389,7 +4389,7 @@ var __vue_component__$2 = /*#__PURE__*/__vue_normalize__({
 //
 //
 //
-var script$1 = {
+var script$2 = {
   props: {
     icon: String,
     visible: {
@@ -4452,10 +4452,10 @@ var script$1 = {
 };
 
 /* script */
-var __vue_script__$1 = script$1;
+var __vue_script__$2 = script$2;
 /* template */
 
-var __vue_render__$1 = function __vue_render__() {
+var __vue_render__$2 = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -4484,29 +4484,29 @@ var __vue_render__$1 = function __vue_render__() {
   }) : _vm._e()]) : _vm._e()], 2);
 };
 
-var __vue_staticRenderFns__$1 = [];
+var __vue_staticRenderFns__$2 = [];
 /* style */
 
-var __vue_inject_styles__$1 = undefined;
+var __vue_inject_styles__$2 = undefined;
 /* scoped */
 
-var __vue_scope_id__$1 = undefined;
+var __vue_scope_id__$2 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$1 = undefined;
+var __vue_module_identifier__$2 = undefined;
 /* functional template */
 
-var __vue_is_functional_template__$1 = false;
+var __vue_is_functional_template__$2 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$1 = /*#__PURE__*/__vue_normalize__({
-  render: __vue_render__$1,
-  staticRenderFns: __vue_staticRenderFns__$1
-}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
+var __vue_component__$2 = /*#__PURE__*/__vue_normalize__({
+  render: __vue_render__$2,
+  staticRenderFns: __vue_staticRenderFns__$2
+}, __vue_inject_styles__$2, __vue_script__$2, __vue_scope_id__$2, __vue_is_functional_template__$2, __vue_module_identifier__$2, false, undefined, undefined, undefined);
 
 //
 //
@@ -4520,7 +4520,7 @@ var __vue_component__$1 = /*#__PURE__*/__vue_normalize__({
 //
 //
 //
-var script = {
+var script$1 = {
   props: {
     value: {
       value: Object
@@ -4681,9 +4681,9 @@ var script = {
 };
 
 /* script */
-var __vue_script__ = script;
+var __vue_script__$1 = script$1;
 
-var __vue_render__ = function __vue_render__() {
+var __vue_render__$1 = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -4726,10 +4726,10 @@ var __vue_render__ = function __vue_render__() {
   })]) : _vm._e()]);
 };
 
-var __vue_staticRenderFns__ = [];
+var __vue_staticRenderFns__$1 = [];
 /* style */
 
-var __vue_inject_styles__ = function __vue_inject_styles__(inject) {
+var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
   if (!inject) return;
   inject("data-v-7e2ebcd2_0", {
     source: ".v-ol-overlay>.v-panel-titlebar{padding:10px}.v-icon-close{cursor:pointer}",
@@ -4740,6 +4740,121 @@ var __vue_inject_styles__ = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
+var __vue_scope_id__$1 = undefined;
+/* module identifier */
+
+var __vue_module_identifier__$1 = undefined;
+/* functional template */
+
+var __vue_is_functional_template__$1 = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+var __vue_component__$1 = /*#__PURE__*/__vue_normalize__({
+  render: __vue_render__$1,
+  staticRenderFns: __vue_staticRenderFns__$1
+}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, __vue_create_injector__, undefined, undefined);
+
+//
+//
+//
+var script = {
+  data: function data() {
+    return {
+      show: null,
+      overlay: null
+    };
+  },
+  mounted: function mounted() {
+    var me = this;
+    me.$el.addEventListener("close", function () {
+      me.hide();
+    });
+  },
+  destroyed: function destroyed() {
+    var overlay = this.overlay;
+
+    if (overlay) {
+      overlay.style.visibility = "hidden";
+      overlay.style.opacity = 0;
+      overlay.remove();
+      overlay = null;
+    }
+  },
+  methods: {
+    hide: function hide() {
+      var overlay = this.overlay;
+
+      if (overlay) {
+        overlay.style.visibility = "hidden";
+        overlay.style.opacity = 0;
+      }
+
+      this.show = 0;
+    },
+    toggle: function toggle() {
+      var me = this;
+      me.show = !me.show;
+      var overlay = me.overlay;
+
+      if (me.show) {
+        var h = document.querySelector('.v-layout-north');
+        me.$el.style.top = h.offsetHeight + 'px';
+        console.log(me.$el);
+
+        if (!overlay) {
+          overlay = document.createElement("div");
+          overlay.classList.add("v-overlay");
+          overlay.style.padding = "40px";
+          overlay.addEventListener("click", function () {
+            overlay.style.visibility = "hidden";
+            overlay.style.opacity = 0;
+            me.show = false;
+          });
+          document.body.appendChild(me.overlay = overlay);
+        }
+
+        overlay.style.visibility = "unset";
+        overlay.style.opacity = "unset";
+      } else {
+        this.hide();
+      }
+    }
+  }
+};
+
+/* script */
+var __vue_script__ = script;
+/* template */
+
+var __vue_render__ = function __vue_render__() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.show,
+      expression: "show"
+    }],
+    staticClass: "v-popup",
+    staticStyle: {
+      "position": "absolute"
+    }
+  }, [_vm._t("default")], 2);
+};
+
+var __vue_staticRenderFns__ = [];
+/* style */
+
+var __vue_inject_styles__ = undefined;
+/* scoped */
+
 var __vue_scope_id__ = undefined;
 /* module identifier */
 
@@ -4747,6 +4862,8 @@ var __vue_module_identifier__ = undefined;
 /* functional template */
 
 var __vue_is_functional_template__ = false;
+/* style inject */
+
 /* style inject SSR */
 
 /* style inject shadow dom */
@@ -4754,7 +4871,7 @@ var __vue_is_functional_template__ = false;
 var __vue_component__ = /*#__PURE__*/__vue_normalize__({
   render: __vue_render__,
   staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, __vue_create_injector__, undefined, undefined);
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 
 function _await(value, then, direct) {
   if (direct) {
@@ -4905,7 +5022,7 @@ var resize = function resize() {
   document.body.children[0].style.height = h + '.px';
   var ph = document.querySelectorAll("#page-header,.ui-layout-north,.ion-page >ion-header");
   ph = ph[0];
-  var pc = document.querySelectorAll("#page-content,.ui-layout-pane-center,.ion-page > ion-content,ion-header + .ui-panel"); //console.log(pc);
+  var pc = document.querySelectorAll("#page-content,.ui-layout-pane-center,.v-layout-center,.ion-page > ion-content,ion-header + .ui-panel"); //console.log(pc);
 
   if (pc && pc[0]) {
     //console.log('cccccccccccc');
@@ -4921,7 +5038,6 @@ var resize = function resize() {
       h = h - e[0].offsetHeight - 2;
       buildPopupMenu(e[1].children[0]);
       e = e[1].children[0].children;
-      console.log(e);
 
       for (i = 0; i < e.length; i++) {
         //v-dataview
@@ -4934,6 +5050,7 @@ var resize = function resize() {
 
       return;
     } else if (pc[0].nodeName == "DIV") {
+      console.log(pc[0]);
       p = pc[0];
       h = h - ph.offsetHeight - 0;
       p.style.height = h + 'px';
@@ -5935,8 +6052,8 @@ window.ui = _$1.ui = function (cfg) {
               t.rowSelect(null, -1);
               t.selected = [];
               console.log('cbb===' + cb);
-              if (cb) cb();
               me.$emit('destroyed', ele);
+              if (cb) cb();
             }
           }, ['SI', 'NO']);
         } else {
@@ -6618,28 +6735,29 @@ Vue$1.configureAxios = configureAxios;
 configureAxios(axios$1);
 var index = {
   install: function install(Vue, options) {
-    Vue.component("v-autocomplete", __vue_component__$l);
-    Vue.component("v-button", __vue_component__$k);
-    Vue.component("v-calendar", __vue_component__$j);
-    Vue.component("v-checkbox", __vue_component__$i);
-    Vue.component("v-radio", __vue_component__$h);
-    Vue.component("v-radio-group", __vue_component__$g);
-    Vue.component("v-dataview", __vue_component__$f);
-    Vue.component("v-fieldset", __vue_component__$e);
+    Vue.component("v-autocomplete", __vue_component__$m);
+    Vue.component("v-button", __vue_component__$l);
+    Vue.component("v-calendar", __vue_component__$k);
+    Vue.component("v-checkbox", __vue_component__$j);
+    Vue.component("v-radio", __vue_component__$i);
+    Vue.component("v-radio-group", __vue_component__$h);
+    Vue.component("v-dataview", __vue_component__$g);
+    Vue.component("v-fieldset", __vue_component__$f);
     Vue.component("v-form", __vue_component__$6);
-    Vue.component("v-table", __vue_component__$d);
-    Vue.component("v-tabview", __vue_component__$c);
+    Vue.component("v-table", __vue_component__$e);
+    Vue.component("v-tabview", __vue_component__$d);
     Vue.component("v-switch", __vue_component__$a);
     Vue.component("v-select", __vue_component__$b);
-    Vue.component("v-layer-control", __vue_component__$3);
-    Vue.component("v-map", __vue_component__$2);
-    Vue.component("v-map-control", __vue_component__$1);
+    Vue.component("v-layer-control", __vue_component__$4);
+    Vue.component("v-map", __vue_component__$3);
+    Vue.component("v-map-control", __vue_component__$2);
     Vue.component("v-number", __vue_component__$9);
     Vue.component("v-options", __vue_component__$8);
-    Vue.component("v-overlay", __vue_component__);
+    Vue.component("v-overlay", __vue_component__$1);
     Vue.component("v-uploader", __vue_component__$7);
     Vue.component("v-panel", __vue_component__$5);
-    Vue.component("v-textarea", __vue_component__$4);
+    Vue.component("v-popup", __vue_component__);
+    Vue.component("v-textarea", __vue_component__$c);
   }
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "isobit-ui",
-	"version": "0.0.511",
+	"version": "0.0.514",
 	"type": "module",
 	"description": "Vue component to play videos",
 	"keywords": [