framework7-vue 7.0.0-beta.15 → 7.0.0-beta.20

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.
Files changed (105) hide show
  1. package/components/accordion-content.js +3 -3
  2. package/components/accordion-item.js +7 -6
  3. package/components/accordion-toggle.js +3 -3
  4. package/components/accordion.js +3 -3
  5. package/components/actions-button.js +12 -9
  6. package/components/actions-group.js +3 -3
  7. package/components/actions-label.js +11 -7
  8. package/components/actions.js +7 -6
  9. package/components/app.js +3 -3
  10. package/components/appbar.js +5 -5
  11. package/components/area-chart.js +48 -41
  12. package/components/badge.js +3 -3
  13. package/components/block-footer.js +3 -3
  14. package/components/block-header.js +3 -3
  15. package/components/block-title.js +5 -4
  16. package/components/block.js +7 -6
  17. package/components/breadcrumbs-collapsed.js +3 -3
  18. package/components/breadcrumbs-item.js +4 -4
  19. package/components/breadcrumbs-separator.js +2 -2
  20. package/components/breadcrumbs.js +2 -2
  21. package/components/button.js +5 -5
  22. package/components/card-content.js +3 -3
  23. package/components/card-footer.js +3 -3
  24. package/components/card-header.js +3 -3
  25. package/components/card.js +10 -8
  26. package/components/checkbox.js +14 -10
  27. package/components/chip.js +14 -11
  28. package/components/col.js +7 -6
  29. package/components/fab-backdrop.js +3 -3
  30. package/components/fab-button.js +13 -9
  31. package/components/fab-buttons.js +3 -3
  32. package/components/fab.js +5 -4
  33. package/components/gauge.js +16 -9
  34. package/components/icon.js +5 -5
  35. package/components/input.js +25 -8
  36. package/components/link.js +8 -7
  37. package/components/list-button.js +9 -6
  38. package/components/list-group.js +5 -4
  39. package/components/list-index.js +7 -6
  40. package/components/list-input.js +25 -8
  41. package/components/list-item-cell.js +3 -3
  42. package/components/list-item-row.js +3 -3
  43. package/components/list-item.js +17 -15
  44. package/components/list.js +5 -4
  45. package/components/login-screen-title.js +3 -3
  46. package/components/login-screen.js +7 -6
  47. package/components/menu-dropdown-item.js +9 -6
  48. package/components/menu-dropdown.js +6 -6
  49. package/components/menu-item.js +7 -6
  50. package/components/menu.js +4 -4
  51. package/components/message.js +47 -29
  52. package/components/messagebar-attachment.js +17 -10
  53. package/components/messagebar-attachments.js +3 -3
  54. package/components/messagebar-sheet-image.js +16 -11
  55. package/components/messagebar-sheet-item.js +3 -3
  56. package/components/messagebar-sheet.js +3 -3
  57. package/components/messagebar.js +5 -4
  58. package/components/messages-title.js +3 -3
  59. package/components/messages.js +7 -6
  60. package/components/nav-left.js +9 -7
  61. package/components/nav-right.js +3 -3
  62. package/components/nav-title-large.js +4 -4
  63. package/components/nav-title.js +4 -4
  64. package/components/navbar.js +12 -11
  65. package/components/page-content.js +14 -12
  66. package/components/page.js +5 -4
  67. package/components/panel.js +13 -8
  68. package/components/photo-browser.js +4 -3
  69. package/components/pie-chart.js +25 -21
  70. package/components/popover.js +9 -8
  71. package/components/popup.js +7 -6
  72. package/components/preloader.js +15 -12
  73. package/components/progressbar.js +7 -6
  74. package/components/radio.js +14 -10
  75. package/components/range.js +10 -8
  76. package/components/row.js +7 -6
  77. package/components/searchbar.js +29 -15
  78. package/components/segmented.js +3 -3
  79. package/components/sheet.js +5 -4
  80. package/components/stepper.js +24 -14
  81. package/components/subnavbar.js +4 -4
  82. package/components/swipeout-actions.js +3 -3
  83. package/components/swipeout-button.js +13 -8
  84. package/components/tab.js +7 -6
  85. package/components/tabs.js +7 -7
  86. package/components/text-editor.js +8 -7
  87. package/components/toggle.js +14 -10
  88. package/components/toolbar.js +8 -7
  89. package/components/treeview-item.js +11 -10
  90. package/components/treeview.js +3 -3
  91. package/components/use-icon.js +4 -4
  92. package/components/view.js +5 -4
  93. package/components/views.js +3 -3
  94. package/framework7-vue-bundle.js +2 -2
  95. package/framework7-vue-web-types.json +1 -1
  96. package/framework7-vue.js +2 -2
  97. package/package.json +1 -1
  98. package/shared/components-router.js +23 -20
  99. package/shared/f7.js +9 -1
  100. package/shared/modal-state-classes.js +5 -4
  101. package/shared/plugin.js +5 -1
  102. package/shared/use-icon.js +5 -1
  103. package/shared/use-route-props.js +4 -3
  104. package/shared/use-store.js +5 -5
  105. package/shared/utils.js +16 -3
@@ -1,6 +1,6 @@
1
- import { createVNode as _createVNode, renderSlot as _renderSlot, resolveComponent as _resolveComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode } from "vue";
1
+ import { createElementVNode as _createElementVNode, renderSlot as _renderSlot, resolveComponent as _resolveComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass } from "vue";
2
2
 
3
- const _hoisted_1 = /*#__PURE__*/_createVNode("div", {
3
+ const _hoisted_1 = /*#__PURE__*/_createElementVNode("div", {
4
4
  class: "navbar-bg"
5
5
  }, null, -1);
6
6
 
@@ -19,11 +19,11 @@ function render(_ctx, _cache) {
19
19
 
20
20
  const _component_f7_nav_right = _resolveComponent("f7-nav-right");
21
21
 
22
- return _openBlock(), _createBlock("div", {
22
+ return _openBlock(), _createElementBlock("div", {
23
23
  ref: "elRef",
24
- class: _ctx.classes
25
- }, [_hoisted_1, _renderSlot(_ctx.$slots, "before-inner"), _createVNode("div", {
26
- class: _ctx.innerClasses
24
+ class: _normalizeClass(_ctx.classes)
25
+ }, [_hoisted_1, _renderSlot(_ctx.$slots, "before-inner"), _createElementVNode("div", {
26
+ class: _normalizeClass(_ctx.innerClasses)
27
27
  }, [_ctx.hasLeft ? (_openBlock(), _createBlock(_component_f7_nav_left, {
28
28
  key: 0,
29
29
  "back-link": _ctx.backLink,
@@ -46,7 +46,7 @@ function render(_ctx, _cache) {
46
46
  }, {
47
47
  default: _withCtx(() => [_renderSlot(_ctx.$slots, "nav-right"), _renderSlot(_ctx.$slots, "right")]),
48
48
  _: 3
49
- })) : _createCommentVNode("", true), _ctx.hasLargeTitle ? (_openBlock(), _createBlock("div", _hoisted_2, [_createVNode("div", _hoisted_3, [_createTextVNode(_toDisplayString(_ctx.largeTitle) + " ", 1), _renderSlot(_ctx.$slots, "title-large")])])) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default")], 2), _renderSlot(_ctx.$slots, "after-inner")], 2);
49
+ })) : _createCommentVNode("", true), _ctx.hasLargeTitle ? (_openBlock(), _createElementBlock("div", _hoisted_2, [_createElementVNode("div", _hoisted_3, [_createTextVNode(_toDisplayString(_ctx.largeTitle) + " ", 1), _renderSlot(_ctx.$slots, "title-large")])])) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default")], 2), _renderSlot(_ctx.$slots, "after-inner")], 2);
50
50
  }
51
51
 
52
52
  import { computed, ref, onMounted, onBeforeUnmount } from 'vue';
@@ -92,10 +92,11 @@ export default {
92
92
  },
93
93
  emits: ['navbar:hide', 'navbar:show', 'navbar:expand', 'navbar:collapse', 'navbar:transparentshow', 'navbar:transparenthide', 'click:back', 'back:click'],
94
94
 
95
- setup(props, {
96
- emit,
97
- slots
98
- }) {
95
+ setup(props, _ref) {
96
+ let {
97
+ emit,
98
+ slots
99
+ } = _ref;
99
100
  let routerPositionClass = '';
100
101
  let largeCollapsed = false;
101
102
  let routerNavbarRole = null;
@@ -1,38 +1,39 @@
1
- import { resolveComponent as _resolveComponent, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot } from "vue";
2
- const _hoisted_1 = {
1
+ import { resolveComponent as _resolveComponent, createVNode as _createVNode, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock, renderSlot as _renderSlot, normalizeClass as _normalizeClass } from "vue";
2
+ const _hoisted_1 = ["data-ptr-distance", "data-ptr-mousewheel", "data-infinite-distance"];
3
+ const _hoisted_2 = {
3
4
  key: 0,
4
5
  class: "ptr-preloader"
5
6
  };
6
7
 
7
- const _hoisted_2 = /*#__PURE__*/_createVNode("div", {
8
+ const _hoisted_3 = /*#__PURE__*/_createElementVNode("div", {
8
9
  class: "ptr-arrow"
9
10
  }, null, -1);
10
11
 
11
- const _hoisted_3 = {
12
+ const _hoisted_4 = {
12
13
  key: 3,
13
14
  class: "ptr-preloader"
14
15
  };
15
16
 
16
- const _hoisted_4 = /*#__PURE__*/_createVNode("div", {
17
+ const _hoisted_5 = /*#__PURE__*/_createElementVNode("div", {
17
18
  class: "ptr-arrow"
18
19
  }, null, -1);
19
20
 
20
21
  function render(_ctx, _cache) {
21
22
  const _component_f7_preloader = _resolveComponent("f7-preloader");
22
23
 
23
- return _openBlock(), _createBlock("div", {
24
+ return _openBlock(), _createElementBlock("div", {
24
25
  ref: "elRef",
25
- class: _ctx.classes,
26
+ class: _normalizeClass(_ctx.classes),
26
27
  "data-ptr-distance": _ctx.ptrDistance || undefined,
27
28
  "data-ptr-mousewheel": _ctx.ptrMousewheel || undefined,
28
29
  "data-infinite-distance": _ctx.infiniteDistance || undefined
29
- }, [_ctx.ptr && _ctx.ptrPreloader && !_ctx.ptrBottom ? (_openBlock(), _createBlock("div", _hoisted_1, [_createVNode(_component_f7_preloader), _hoisted_2])) : _createCommentVNode("", true), _ctx.infinite && _ctx.infinitePreloader && _ctx.infiniteTop ? (_openBlock(), _createBlock(_component_f7_preloader, {
30
+ }, [_ctx.ptr && _ctx.ptrPreloader && !_ctx.ptrBottom ? (_openBlock(), _createElementBlock("div", _hoisted_2, [_createVNode(_component_f7_preloader), _hoisted_3])) : _createCommentVNode("", true), _ctx.infinite && _ctx.infinitePreloader && _ctx.infiniteTop ? (_openBlock(), _createBlock(_component_f7_preloader, {
30
31
  key: 1,
31
32
  class: "infinite-scroll-preloader"
32
33
  })) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default"), _ctx.infinite && _ctx.infinitePreloader && !_ctx.infiniteTop ? (_openBlock(), _createBlock(_component_f7_preloader, {
33
34
  key: 2,
34
35
  class: "infinite-scroll-preloader"
35
- })) : _createCommentVNode("", true), _ctx.ptr && _ctx.ptrPreloader && _ctx.ptrBottom ? (_openBlock(), _createBlock("div", _hoisted_3, [_createVNode(_component_f7_preloader), _hoisted_4])) : _createCommentVNode("", true)], 10, ["data-ptr-distance", "data-ptr-mousewheel", "data-infinite-distance"]);
36
+ })) : _createCommentVNode("", true), _ctx.ptr && _ctx.ptrPreloader && _ctx.ptrBottom ? (_openBlock(), _createElementBlock("div", _hoisted_4, [_createVNode(_component_f7_preloader), _hoisted_5])) : _createCommentVNode("", true)], 10, _hoisted_1);
36
37
  }
37
38
 
38
39
  import { computed, ref, onMounted, onBeforeUnmount } from 'vue';
@@ -74,9 +75,10 @@ export default {
74
75
  },
75
76
  emits: ['ptr:pullstart', 'ptr:pullmove', 'ptr:pullend', 'ptr:refresh', 'ptr:done', 'infinite', 'ptrPullStart', 'ptrPullMove', 'ptrPullEnd', 'ptrRefresh', 'ptrDone', 'tab:hide', 'tab:show'],
76
77
 
77
- setup(props, {
78
- emit
79
- }) {
78
+ setup(props, _ref) {
79
+ let {
80
+ emit
81
+ } = _ref;
80
82
  const elRef = ref(null);
81
83
 
82
84
  const onPtrPullStart = el => {
@@ -57,10 +57,11 @@ export default {
57
57
  },
58
58
  emits: ['page:mounted', 'page:init', 'page:reinit', 'page:beforein', 'page:beforeout', 'page:afterout', 'page:afterin', 'page:beforeremove', 'page:beforeunmount', 'page:tabshow', 'page:tabhide', 'ptr:pullstart', 'ptr:pullmove', 'ptr:pullend', 'ptr:refresh', 'ptr:done', 'infinite'],
59
59
 
60
- setup(props, {
61
- emit,
62
- slots
63
- }) {
60
+ setup(props, _ref) {
61
+ let {
62
+ emit,
63
+ slots
64
+ } = _ref;
64
65
  let hasSubnavbar = false;
65
66
  let hasNavbarLarge = false;
66
67
  let hasNavbarLargeCollapsed = false;
@@ -1,14 +1,14 @@
1
- import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from "vue";
1
+ import { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass } from "vue";
2
2
  const _hoisted_1 = {
3
3
  key: 0,
4
4
  class: "panel-resize-handler"
5
5
  };
6
6
 
7
7
  function render(_ctx, _cache) {
8
- return _openBlock(), _createBlock("div", {
8
+ return _openBlock(), _createElementBlock("div", {
9
9
  ref: "elRef",
10
- class: _ctx.classes
11
- }, [_renderSlot(_ctx.$slots, "default"), _ctx.resizable ? (_openBlock(), _createBlock("div", _hoisted_1)) : _createCommentVNode("", true)], 2);
10
+ class: _normalizeClass(_ctx.classes)
11
+ }, [_renderSlot(_ctx.$slots, "default"), _ctx.resizable ? (_openBlock(), _createElementBlock("div", _hoisted_1)) : _createCommentVNode("", true)], 2);
12
12
  }
13
13
 
14
14
  import { computed, ref, watch, onMounted, onBeforeUnmount } from 'vue';
@@ -63,9 +63,10 @@ export default {
63
63
  },
64
64
  emits: ['panel:open', 'panel:opened', 'panel:close', 'panel:closed', 'click', 'panel:backdropclick', 'panel:swipe', 'panel:swipeopen', 'panel:breakpoint', 'panel:collapsedbreakpoint', 'panel:resize', 'update:opened'],
65
65
 
66
- setup(props, {
67
- emit
68
- }) {
66
+ setup(props, _ref) {
67
+ let {
68
+ emit
69
+ } = _ref;
69
70
  let f7Panel = null;
70
71
  const elRef = ref(null);
71
72
  let isOpened = false;
@@ -121,7 +122,11 @@ export default {
121
122
  emit('panel:collapsedbreakpoint', event);
122
123
  };
123
124
 
124
- const onResize = (...args) => {
125
+ const onResize = function () {
126
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
127
+ args[_key] = arguments[_key];
128
+ }
129
+
125
130
  emit('panel:resize', ...args);
126
131
  };
127
132
 
@@ -85,9 +85,10 @@ export default {
85
85
  },
86
86
  emits: ['photobrowser:open', 'photobrowser:close', 'photobrowser:opened', 'photobrowser:closed', 'photobrowser:swipetoclose'],
87
87
 
88
- setup(props, {
89
- emit
90
- }) {
88
+ setup(props, _ref) {
89
+ let {
90
+ emit
91
+ } = _ref;
91
92
  let f7PhotoBrowser = null;
92
93
 
93
94
  const open = index => {
@@ -1,31 +1,33 @@
1
- import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createBlock as _createBlock, renderSlot as _renderSlot } from "vue";
1
+ import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, renderSlot as _renderSlot } from "vue";
2
+ const _hoisted_1 = ["width", "height", "viewBox"];
3
+ const _hoisted_2 = ["d", "fill", "data-index", "onClick", "onMouseenter"];
2
4
 
3
5
  function render(_ctx, _cache) {
4
- return _openBlock(), _createBlock("div", {
6
+ return _openBlock(), _createElementBlock("div", {
5
7
  ref: "elRef",
6
- class: _ctx.classes
7
- }, [(_openBlock(), _createBlock("svg", {
8
+ class: _normalizeClass(_ctx.classes)
9
+ }, [(_openBlock(), _createElementBlock("svg", {
8
10
  xmlns: "http://www.w3.org/2000/svg",
9
11
  width: _ctx.size,
10
12
  height: _ctx.size,
11
13
  viewBox: `-${_ctx.size / 3} -${_ctx.size / 3} ${_ctx.size * 2 / 3} ${_ctx.size * 2 / 3}`,
12
- style: {
14
+ style: _normalizeStyle({
13
15
  transform: 'rotate(-90deg)'
14
- }
15
- }, [(_openBlock(true), _createBlock(_Fragment, null, _renderList(_ctx.paths, (path, index) => {
16
- return _openBlock(), _createBlock("path", {
16
+ })
17
+ }, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.paths, (path, index) => {
18
+ return _openBlock(), _createElementBlock("path", {
17
19
  key: path.label || index,
18
20
  d: path.points,
19
21
  fill: path.color,
20
22
  "data-index": index,
21
- class: _ctx.classNames({
23
+ class: _normalizeClass(_ctx.classNames({
22
24
  'pie-chart-hidden': _ctx.currentIndex !== null && _ctx.currentIndex !== index
23
- }),
25
+ })),
24
26
  onClick: $event => _ctx.setCurrentIndex(index),
25
27
  onMouseenter: $event => _ctx.setCurrentIndex(index),
26
- onMouseleave: _cache[1] || (_cache[1] = $event => _ctx.setCurrentIndex(null))
27
- }, null, 42, ["d", "fill", "data-index", "onClick", "onMouseenter"]);
28
- }), 128))], 12, ["width", "height", "viewBox"])), _renderSlot(_ctx.$slots, "default")], 2);
28
+ onMouseleave: _cache[0] || (_cache[0] = $event => _ctx.setCurrentIndex(null))
29
+ }, null, 42, _hoisted_2);
30
+ }), 128))], 12, _hoisted_1)), _renderSlot(_ctx.$slots, "default")], 2);
29
31
  }
30
32
 
31
33
  import { computed, onBeforeUnmount, ref, watch } from 'vue';
@@ -48,9 +50,10 @@ export default {
48
50
  },
49
51
  emits: ['select'],
50
52
 
51
- setup(props, {
52
- emit
53
- }) {
53
+ setup(props, _ref) {
54
+ let {
55
+ emit
56
+ } = _ref;
54
57
  const elRef = ref(null);
55
58
  let f7Tooltip = null;
56
59
  const currentIndex = ref(null);
@@ -76,11 +79,12 @@ export default {
76
79
  return [x, y];
77
80
  }
78
81
 
79
- props.datasets.forEach(({
80
- value,
81
- label,
82
- color
83
- }) => {
82
+ props.datasets.forEach(_ref2 => {
83
+ let {
84
+ value,
85
+ label,
86
+ color
87
+ } = _ref2;
84
88
  const percentage = value / summValue.value;
85
89
  const [startX, startY] = getCoordinatesForPercentage(cumulativePercentage);
86
90
  cumulativePercentage += percentage;
@@ -1,6 +1,6 @@
1
- import { createVNode as _createVNode, renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
1
+ import { createElementVNode as _createElementVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
2
2
 
3
- const _hoisted_1 = /*#__PURE__*/_createVNode("div", {
3
+ const _hoisted_1 = /*#__PURE__*/_createElementVNode("div", {
4
4
  class: "popover-angle"
5
5
  }, null, -1);
6
6
 
@@ -9,10 +9,10 @@ const _hoisted_2 = {
9
9
  };
10
10
 
11
11
  function render(_ctx, _cache) {
12
- return _openBlock(), _createBlock("div", {
12
+ return _openBlock(), _createElementBlock("div", {
13
13
  ref: "elRef",
14
- class: _ctx.classes
15
- }, [_hoisted_1, _createVNode("div", _hoisted_2, [_renderSlot(_ctx.$slots, "default")])], 2);
14
+ class: _normalizeClass(_ctx.classes)
15
+ }, [_hoisted_1, _createElementVNode("div", _hoisted_2, [_renderSlot(_ctx.$slots, "default")])], 2);
16
16
  }
17
17
 
18
18
  import { computed, ref, watch, onMounted, onBeforeUnmount } from 'vue';
@@ -61,9 +61,10 @@ export default {
61
61
  },
62
62
  emits: ['popover:open', 'popover:opened', 'popover:close', 'popover:closed', 'update:opened'],
63
63
 
64
- setup(props, {
65
- emit
66
- }) {
64
+ setup(props, _ref) {
65
+ let {
66
+ emit
67
+ } = _ref;
67
68
  const f7Popover = ref(null); // eslint-disable-next-line
68
69
 
69
70
  let isOpened = props.opened;
@@ -1,9 +1,9 @@
1
- import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
1
+ import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
2
2
 
3
3
  function render(_ctx, _cache) {
4
- return _openBlock(), _createBlock("div", {
4
+ return _openBlock(), _createElementBlock("div", {
5
5
  ref: "elRef",
6
- class: _ctx.classes
6
+ class: _normalizeClass(_ctx.classes)
7
7
  }, [_renderSlot(_ctx.$slots, "default")], 2);
8
8
  }
9
9
 
@@ -55,9 +55,10 @@ export default {
55
55
  },
56
56
  emits: ['popup:swipestart', 'popup:swipemove', 'popup:swipeend', 'popup:swipeclose', 'popup:open', 'popup:opened', 'popup:close', 'popup:closed', 'update:opened'],
57
57
 
58
- setup(props, {
59
- emit
60
- }) {
58
+ setup(props, _ref) {
59
+ let {
60
+ emit
61
+ } = _ref;
61
62
  const f7Popup = ref(null); // eslint-disable-next-line
62
63
 
63
64
  let isOpened = props.opened;
@@ -1,43 +1,46 @@
1
- import { createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createStaticVNode as _createStaticVNode } from "vue";
1
+ import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createStaticVNode as _createStaticVNode } from "vue";
2
2
  const _hoisted_1 = {
3
3
  key: 0,
4
4
  class: "preloader-inner"
5
5
  };
6
6
 
7
- const _hoisted_2 = /*#__PURE__*/_createVNode("svg", {
7
+ const _hoisted_2 = /*#__PURE__*/_createElementVNode("svg", {
8
8
  viewBox: "0 0 36 36"
9
- }, [/*#__PURE__*/_createVNode("circle", {
9
+ }, [/*#__PURE__*/_createElementVNode("circle", {
10
10
  cx: "18",
11
11
  cy: "18",
12
12
  r: "16"
13
13
  })], -1);
14
14
 
15
- const _hoisted_3 = {
15
+ const _hoisted_3 = [_hoisted_2];
16
+ const _hoisted_4 = {
16
17
  key: 1,
17
18
  class: "preloader-inner"
18
19
  };
19
20
 
20
- const _hoisted_4 = /*#__PURE__*/_createStaticVNode("<span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span>", 8);
21
+ const _hoisted_5 = /*#__PURE__*/_createStaticVNode("<span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span>", 8);
21
22
 
22
- const _hoisted_12 = {
23
+ const _hoisted_13 = [_hoisted_5];
24
+ const _hoisted_14 = {
23
25
  key: 2,
24
26
  class: "preloader-inner"
25
27
  };
26
28
 
27
- const _hoisted_13 = /*#__PURE__*/_createVNode("span", {
29
+ const _hoisted_15 = /*#__PURE__*/_createElementVNode("span", {
28
30
  class: "preloader-inner-circle"
29
31
  }, null, -1);
30
32
 
31
- const _hoisted_14 = {
33
+ const _hoisted_16 = [_hoisted_15];
34
+ const _hoisted_17 = {
32
35
  key: 3,
33
36
  class: "preloader-inner"
34
37
  };
35
38
 
36
39
  function render(_ctx, _cache) {
37
- return _openBlock(), _createBlock("div", {
38
- class: _ctx.classes,
39
- style: _ctx.style
40
- }, [_ctx.theme && _ctx.theme.md ? (_openBlock(), _createBlock("span", _hoisted_1, [_hoisted_2])) : _ctx.theme && _ctx.theme.ios ? (_openBlock(), _createBlock("span", _hoisted_3, [_hoisted_4])) : _ctx.theme && _ctx.theme.aurora ? (_openBlock(), _createBlock("span", _hoisted_12, [_hoisted_13])) : !_ctx.theme ? (_openBlock(), _createBlock("span", _hoisted_14)) : _createCommentVNode("", true)], 6);
40
+ return _openBlock(), _createElementBlock("div", {
41
+ class: _normalizeClass(_ctx.classes),
42
+ style: _normalizeStyle(_ctx.style)
43
+ }, [_ctx.theme && _ctx.theme.md ? (_openBlock(), _createElementBlock("span", _hoisted_1, _hoisted_3)) : _ctx.theme && _ctx.theme.ios ? (_openBlock(), _createElementBlock("span", _hoisted_4, _hoisted_13)) : _ctx.theme && _ctx.theme.aurora ? (_openBlock(), _createElementBlock("span", _hoisted_14, _hoisted_16)) : !_ctx.theme ? (_openBlock(), _createElementBlock("span", _hoisted_17)) : _createCommentVNode("", true)], 6);
41
44
  }
42
45
 
43
46
  import { computed } from 'vue';
@@ -1,13 +1,14 @@
1
- import { createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from "vue";
1
+ import { normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
2
+ const _hoisted_1 = ["data-progress"];
2
3
 
3
4
  function render(_ctx, _cache) {
4
- return _openBlock(), _createBlock("span", {
5
+ return _openBlock(), _createElementBlock("span", {
5
6
  ref: "elRef",
6
- class: _ctx.classes,
7
+ class: _normalizeClass(_ctx.classes),
7
8
  "data-progress": _ctx.progress
8
- }, [_createVNode("span", {
9
- style: _ctx.transformStyle
10
- }, null, 4)], 10, ["data-progress"]);
9
+ }, [_createElementVNode("span", {
10
+ style: _normalizeStyle(_ctx.transformStyle)
11
+ }, null, 4)], 10, _hoisted_1);
11
12
  }
12
13
 
13
14
  import { computed, ref } from 'vue';
@@ -1,13 +1,14 @@
1
- import { createVNode as _createVNode, renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
1
+ import { createElementVNode as _createElementVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
2
+ const _hoisted_1 = ["name", "value", "disabled", "readonly", "checked"];
2
3
 
3
- const _hoisted_1 = /*#__PURE__*/_createVNode("i", {
4
+ const _hoisted_2 = /*#__PURE__*/_createElementVNode("i", {
4
5
  class: "icon-radio"
5
6
  }, null, -1);
6
7
 
7
8
  function render(_ctx, _cache) {
8
- return _openBlock(), _createBlock("label", {
9
- class: _ctx.classes
10
- }, [_createVNode("input", {
9
+ return _openBlock(), _createElementBlock("label", {
10
+ class: _normalizeClass(_ctx.classes)
11
+ }, [_createElementVNode("input", {
11
12
  ref: "inputElRef",
12
13
  type: "radio",
13
14
  name: _ctx.name,
@@ -15,8 +16,10 @@ function render(_ctx, _cache) {
15
16
  disabled: _ctx.disabled,
16
17
  readonly: _ctx.readonly,
17
18
  checked: _ctx.checked,
18
- onChange: _cache[1] || (_cache[1] = (...args) => _ctx.onChange && _ctx.onChange(...args))
19
- }, null, 40, ["name", "value", "disabled", "readonly", "checked"]), _hoisted_1, _renderSlot(_ctx.$slots, "default")], 2);
19
+ onChange: _cache[0] || (_cache[0] = function () {
20
+ return _ctx.onChange && _ctx.onChange(...arguments);
21
+ })
22
+ }, null, 40, _hoisted_1), _hoisted_2, _renderSlot(_ctx.$slots, "default")], 2);
20
23
  }
21
24
 
22
25
  import { ref, computed } from 'vue';
@@ -38,9 +41,10 @@ export default {
38
41
  },
39
42
  emits: ['update:checked', 'change'],
40
43
 
41
- setup(props, {
42
- emit
43
- }) {
44
+ setup(props, _ref) {
45
+ let {
46
+ emit
47
+ } = _ref;
44
48
  const inputElRef = ref(null);
45
49
 
46
50
  const onChange = event => {
@@ -1,15 +1,16 @@
1
- import { openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot } from "vue";
1
+ import { openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass } from "vue";
2
+ const _hoisted_1 = ["name"];
2
3
 
3
4
  function render(_ctx, _cache) {
4
- return _openBlock(), _createBlock("div", {
5
+ return _openBlock(), _createElementBlock("div", {
5
6
  ref: "elRef",
6
- class: _ctx.classes
7
- }, [_ctx.input ? (_openBlock(), _createBlock("input", {
7
+ class: _normalizeClass(_ctx.classes)
8
+ }, [_ctx.input ? (_openBlock(), _createElementBlock("input", {
8
9
  key: 0,
9
10
  id: "inputId",
10
11
  type: "range",
11
12
  name: _ctx.name
12
- }, null, 8, ["name"])) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default")], 2);
13
+ }, null, 8, _hoisted_1)) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default")], 2);
13
14
  }
14
15
 
15
16
  import { computed, ref, onMounted, onBeforeUnmount, watch } from 'vue';
@@ -86,9 +87,10 @@ export default {
86
87
  },
87
88
  emits: ['range:change', 'range:changed', 'rangeChange', 'rangeChanged', 'update:value'],
88
89
 
89
- setup(props, {
90
- emit
91
- }) {
90
+ setup(props, _ref) {
91
+ let {
92
+ emit
93
+ } = _ref;
92
94
  let f7Range = null;
93
95
  const elRef = ref(null);
94
96
  watch(() => props.value, newValue => {
package/components/row.js CHANGED
@@ -1,4 +1,4 @@
1
- import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx } from "vue";
1
+ import { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveDynamicComponent as _resolveDynamicComponent, normalizeClass as _normalizeClass, withCtx as _withCtx, createBlock as _createBlock } from "vue";
2
2
  const _hoisted_1 = {
3
3
  key: 0,
4
4
  class: "resize-handler"
@@ -7,9 +7,9 @@ const _hoisted_1 = {
7
7
  function render(_ctx, _cache) {
8
8
  return _openBlock(), _createBlock(_resolveDynamicComponent(_ctx.tag), {
9
9
  ref: "elRef",
10
- class: _ctx.classes
10
+ class: _normalizeClass(_ctx.classes)
11
11
  }, {
12
- default: _withCtx(() => [_renderSlot(_ctx.$slots, "default"), _ctx.resizable && _ctx.resizableHandler ? (_openBlock(), _createBlock("span", _hoisted_1)) : _createCommentVNode("", true)]),
12
+ default: _withCtx(() => [_renderSlot(_ctx.$slots, "default"), _ctx.resizable && _ctx.resizableHandler ? (_openBlock(), _createElementBlock("span", _hoisted_1)) : _createCommentVNode("", true)]),
13
13
  _: 3
14
14
  }, 8, ["class"]);
15
15
  }
@@ -38,9 +38,10 @@ export default {
38
38
  },
39
39
  emits: ['grid:resize'],
40
40
 
41
- setup(props, {
42
- emit
43
- }) {
41
+ setup(props, _ref) {
42
+ let {
43
+ emit
44
+ } = _ref;
44
45
  const elRef = ref(null);
45
46
 
46
47
  const onResize = el => {
@@ -1,38 +1,51 @@
1
- import { renderSlot as _renderSlot, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx } from "vue";
1
+ import { renderSlot as _renderSlot, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, resolveDynamicComponent as _resolveDynamicComponent, normalizeClass as _normalizeClass, withCtx as _withCtx, createBlock as _createBlock } from "vue";
2
2
  const _hoisted_1 = {
3
3
  class: "searchbar-inner"
4
4
  };
5
5
  const _hoisted_2 = {
6
6
  class: "searchbar-input-wrap"
7
7
  };
8
+ const _hoisted_3 = ["value", "placeholder", "spellcheck"];
8
9
 
9
- const _hoisted_3 = /*#__PURE__*/_createVNode("i", {
10
+ const _hoisted_4 = /*#__PURE__*/_createElementVNode("i", {
10
11
  class: "searchbar-icon"
11
12
  }, null, -1);
12
13
 
13
14
  function render(_ctx, _cache) {
14
15
  return _openBlock(), _createBlock(_resolveDynamicComponent(_ctx.tag), {
15
16
  ref: "elRef",
16
- class: _ctx.classes,
17
+ class: _normalizeClass(_ctx.classes),
17
18
  onSubmit: _ctx.onSubmit
18
19
  }, {
19
- default: _withCtx(() => [_renderSlot(_ctx.$slots, "before-inner"), _createVNode("div", _hoisted_1, [_renderSlot(_ctx.$slots, "inner-start"), _createVNode("div", _hoisted_2, [_renderSlot(_ctx.$slots, "input-wrap-start"), _createVNode("input", {
20
+ default: _withCtx(() => [_renderSlot(_ctx.$slots, "before-inner"), _createElementVNode("div", _hoisted_1, [_renderSlot(_ctx.$slots, "inner-start"), _createElementVNode("div", _hoisted_2, [_renderSlot(_ctx.$slots, "input-wrap-start"), _createElementVNode("input", {
20
21
  value: _ctx.value,
21
22
  placeholder: _ctx.placeholder,
22
23
  spellcheck: _ctx.spellcheck,
23
24
  type: "search",
24
- onInput: _cache[1] || (_cache[1] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
25
- onChange: _cache[2] || (_cache[2] = (...args) => _ctx.onChange && _ctx.onChange(...args)),
26
- onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
27
- onBlur: _cache[4] || (_cache[4] = (...args) => _ctx.onBlur && _ctx.onBlur(...args))
28
- }, null, 40, ["value", "placeholder", "spellcheck"]), _hoisted_3, _ctx.clearButton ? (_openBlock(), _createBlock("span", {
25
+ onInput: _cache[0] || (_cache[0] = function () {
26
+ return _ctx.onInput && _ctx.onInput(...arguments);
27
+ }),
28
+ onChange: _cache[1] || (_cache[1] = function () {
29
+ return _ctx.onChange && _ctx.onChange(...arguments);
30
+ }),
31
+ onFocus: _cache[2] || (_cache[2] = function () {
32
+ return _ctx.onFocus && _ctx.onFocus(...arguments);
33
+ }),
34
+ onBlur: _cache[3] || (_cache[3] = function () {
35
+ return _ctx.onBlur && _ctx.onBlur(...arguments);
36
+ })
37
+ }, null, 40, _hoisted_3), _hoisted_4, _ctx.clearButton ? (_openBlock(), _createElementBlock("span", {
29
38
  key: 0,
30
39
  class: "input-clear-button",
31
- onClick: _cache[5] || (_cache[5] = (...args) => _ctx.onClearButtonClick && _ctx.onClearButtonClick(...args))
32
- })) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "input-wrap-end")]), _ctx.disableButton ? (_openBlock(), _createBlock("span", {
40
+ onClick: _cache[4] || (_cache[4] = function () {
41
+ return _ctx.onClearButtonClick && _ctx.onClearButtonClick(...arguments);
42
+ })
43
+ })) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "input-wrap-end")]), _ctx.disableButton ? (_openBlock(), _createElementBlock("span", {
33
44
  key: 0,
34
45
  class: "searchbar-disable-button",
35
- onClick: _cache[6] || (_cache[6] = (...args) => _ctx.onDisableButtonClick && _ctx.onDisableButtonClick(...args))
46
+ onClick: _cache[5] || (_cache[5] = function () {
47
+ return _ctx.onDisableButtonClick && _ctx.onDisableButtonClick(...arguments);
48
+ })
36
49
  }, _toDisplayString(_ctx.disableButtonText), 1)) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "inner-end"), _renderSlot(_ctx.$slots, "default")]), _renderSlot(_ctx.$slots, "after-inner")]),
37
50
  _: 3
38
51
  }, 8, ["class", "onSubmit"]);
@@ -147,9 +160,10 @@ export default {
147
160
  },
148
161
  emits: ['change', 'input', 'focus', 'blur', 'submit', 'click:clear', 'click:disable', 'searchbar:search', 'searchbar:clear', 'searchbar:enable', 'searchbar:disable', 'update:value'],
149
162
 
150
- setup(props, {
151
- emit
152
- }) {
163
+ setup(props, _ref) {
164
+ let {
165
+ emit
166
+ } = _ref;
153
167
  let f7Searchbar = null;
154
168
  const elRef = ref(null);
155
169
 
@@ -1,4 +1,4 @@
1
- import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx } from "vue";
1
+ import { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveDynamicComponent as _resolveDynamicComponent, normalizeClass as _normalizeClass, withCtx as _withCtx, createBlock as _createBlock } from "vue";
2
2
  const _hoisted_1 = {
3
3
  key: 0,
4
4
  class: "segmented-highlight"
@@ -6,9 +6,9 @@ const _hoisted_1 = {
6
6
 
7
7
  function render(_ctx, _cache) {
8
8
  return _openBlock(), _createBlock(_resolveDynamicComponent(_ctx.tag), {
9
- class: _ctx.classes
9
+ class: _normalizeClass(_ctx.classes)
10
10
  }, {
11
- default: _withCtx(() => [_renderSlot(_ctx.$slots, "default"), _ctx.strong || _ctx.strongIos || _ctx.strongMd || _ctx.strongAurora ? (_openBlock(), _createBlock("span", _hoisted_1)) : _createCommentVNode("", true)]),
11
+ default: _withCtx(() => [_renderSlot(_ctx.$slots, "default"), _ctx.strong || _ctx.strongIos || _ctx.strongMd || _ctx.strongAurora ? (_openBlock(), _createElementBlock("span", _hoisted_1)) : _createCommentVNode("", true)]),
12
12
  _: 3
13
13
  }, 8, ["class"]);
14
14
  }