framework7-vue 7.0.0-beta.8 → 7.0.0

package/components/accordion-content.js

@@ -1,8 +1,8 @@
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
 

package/components/accordion-item.js

@@ -1,9 +1,9 @@
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
+  return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
-    class: _ctx.classes
+    class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
 
@@ -20,9 +20,10 @@ export default {
   },
   emits: ['accordion:beforeopen', 'accordion:open', 'accordion:opened', 'accordion:beforeclose', 'accordion:close', 'accordion:closed'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     const elRef = ref(null);
 
     const onBeforeOpen = (el, prevent) => {

package/components/accordion-toggle.js

@@ -1,8 +1,8 @@
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
 

package/components/accordion.js

@@ -1,8 +1,8 @@
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
 

package/components/actions-button.js

@@ -1,4 +1,4 @@
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createVNode as _createVNode } from "vue";
+import { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass } from "vue";
 const _hoisted_1 = {
   key: 0,
   class: "actions-button-media"
@@ -8,11 +8,13 @@ const _hoisted_2 = {
 };
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
+  return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
-    class: _ctx.classes,
-    onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClick && _ctx.onClick(...args))
-  }, [_ctx.hasMedia ? (_openBlock(), _createBlock("div", _hoisted_1, [_renderSlot(_ctx.$slots, "media")])) : _createCommentVNode("", true), _createVNode("div", _hoisted_2, [_renderSlot(_ctx.$slots, "default")])], 2);
+    class: _normalizeClass(_ctx.classes),
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.onClick && _ctx.onClick(...arguments);
+    })
+  }, [_ctx.hasMedia ? (_openBlock(), _createElementBlock("div", _hoisted_1, [_renderSlot(_ctx.$slots, "media")])) : _createCommentVNode("", true), _createElementVNode("div", _hoisted_2, [_renderSlot(_ctx.$slots, "default")])], 2);
 }
 
 import { computed, ref } from 'vue';
@@ -32,10 +34,11 @@ export default {
   },
   emits: ['click'],
 
-  setup(props, {
-    slots,
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      slots,
+      emit
+    } = _ref;
     const elRef = ref(null);
 
     const onClick = e => {

package/components/actions-group.js

@@ -1,8 +1,8 @@
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
 

package/components/actions-label.js

@@ -1,9 +1,11 @@
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes,
-    onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes),
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.onClick && _ctx.onClick(...arguments);
+    })
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
 
@@ -19,9 +21,11 @@ export default {
   },
   emits: ['click'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
+
     const onClick = e => {
       emit('click', e);
     };

package/components/actions.js

@@ -1,9 +1,9 @@
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
+  return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
-    class: _ctx.classes
+    class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
 
@@ -63,9 +63,10 @@ export default {
   },
   emits: ['actions:open', 'actions:opened', 'actions:close', 'actions:closed', 'update:opened'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     // eslint-disable-next-line
     let f7Actions = null; // eslint-disable-next-line
 

package/components/app.js

@@ -1,12 +1,12 @@
-import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, createVNode as _createVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 
 function render(_ctx, _cache) {
   const _component_routable_modals = _resolveComponent("routable-modals");
 
-  return _openBlock(), _createBlock("div", {
+  return _openBlock(), _createElementBlock("div", {
     id: "framework7-root",
     ref: "elRef",
-    class: _ctx.classes
+    class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default"), _createVNode(_component_routable_modals)], 2);
 }
 

package/components/appbar.js

@@ -1,11 +1,11 @@
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from "vue";
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from "vue";
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
-  }, [_renderSlot(_ctx.$slots, "before-inner"), _ctx.inner ? (_openBlock(), _createBlock("div", {
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes)
+  }, [_renderSlot(_ctx.$slots, "before-inner"), _ctx.inner ? (_openBlock(), _createElementBlock("div", {
     key: 0,
-    class: _ctx.innerClasses
+    class: _normalizeClass(_ctx.innerClasses)
   }, [_renderSlot(_ctx.$slots, "default")], 2)) : _renderSlot(_ctx.$slots, "default", {
     key: 1
   }), _renderSlot(_ctx.$slots, "after-inner")], 2);

package/components/area-chart.js

@@ -1,28 +1,30 @@
-import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createBlock as _createBlock, resolveDynamicComponent as _resolveDynamicComponent, toDisplayString as _toDisplayString, createCommentVNode as _createCommentVNode, createVNode as _createVNode, createTextVNode as _createTextVNode, withCtx as _withCtx, renderSlot as _renderSlot } from "vue";
-const _hoisted_1 = {
+import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, resolveDynamicComponent as _resolveDynamicComponent, createBlock as _createBlock, normalizeClass as _normalizeClass, toDisplayString as _toDisplayString, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, createTextVNode as _createTextVNode, withCtx as _withCtx, renderSlot as _renderSlot } from "vue";
+const _hoisted_1 = ["width", "height", "viewBox"];
+const _hoisted_2 = ["data-index", "x1", "x2", "y2"];
+const _hoisted_3 = {
   key: 0,
   class: "area-chart-axis"
 };
-const _hoisted_2 = {
+const _hoisted_4 = {
   key: 0
 };
-const _hoisted_3 = {
+const _hoisted_5 = {
   key: 1,
   class: "area-chart-legend"
 };
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
+  return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
-    class: _ctx.classes
-  }, [(_openBlock(), _createBlock("svg", {
+    class: _normalizeClass(_ctx.classes)
+  }, [(_openBlock(), _createElementBlock("svg", {
     ref: "svgElRef",
     xmlns: "http://www.w3.org/2000/svg",
     width: _ctx.width,
     height: _ctx.height,
     viewBox: `0 0 ${_ctx.width} ${_ctx.height}`,
     preserveAspectRatio: "none"
-  }, [(_openBlock(true), _createBlock(_Fragment, null, _renderList(_ctx.chartData, (data, index) => {
+  }, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.chartData, (data, index) => {
     return _openBlock(), _createBlock(_resolveDynamicComponent(_ctx.ChartTag), {
       key: `${_ctx.ChartTag}-${index}`,
       fill: _ctx.lineChart ? undefined : data.color,
@@ -31,8 +33,8 @@ function render(_ctx, _cache) {
       points: _ctx.lineChart ? undefined : data.points,
       d: _ctx.lineChart ? data.points : undefined
     }, null, 8, ["fill", "stroke", "points", "d"]);
-  }), 128)), (_openBlock(true), _createBlock(_Fragment, null, _renderList(_ctx.verticalLines, (line, index) => {
-    return _openBlock(), _createBlock("line", {
+  }), 128)), (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.verticalLines, (line, index) => {
+    return _openBlock(), _createElementBlock("line", {
       key: `line-${index}`,
       "data-index": index,
       fill: "#000",
@@ -40,28 +42,28 @@ function render(_ctx, _cache) {
       y1: 0,
       x2: line,
       y2: _ctx.height,
-      class: _ctx.classNames({
+      class: _normalizeClass(_ctx.classNames({
         'area-chart-current-line': _ctx.currentIndex === index
-      })
-    }, null, 10, ["data-index", "x1", "x2", "y2"]);
-  }), 128))], 8, ["width", "height", "viewBox"])), _ctx.axis ? (_openBlock(), _createBlock("div", _hoisted_1, [(_openBlock(true), _createBlock(_Fragment, null, _renderList(_ctx.axisLabels, (label, index) => {
-    return _openBlock(), _createBlock("span", {
+      }))
+    }, null, 10, _hoisted_2);
+  }), 128))], 8, _hoisted_1)), _ctx.axis ? (_openBlock(), _createElementBlock("div", _hoisted_3, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.axisLabels, (label, index) => {
+    return _openBlock(), _createElementBlock("span", {
       key: index
-    }, [_ctx.visibleLegends.includes(label) ? (_openBlock(), _createBlock("span", _hoisted_2, _toDisplayString(_ctx.formatAxisLabelMethod(label)), 1)) : _createCommentVNode("", true)]);
-  }), 128))])) : _createCommentVNode("", true), _ctx.legend ? (_openBlock(), _createBlock("div", _hoisted_3, [(_openBlock(true), _createBlock(_Fragment, null, _renderList(_ctx.datasets, (dataset, index) => {
+    }, [_ctx.visibleLegends.includes(label) ? (_openBlock(), _createElementBlock("span", _hoisted_4, _toDisplayString(_ctx.formatAxisLabelMethod(label)), 1)) : _createCommentVNode("", true)]);
+  }), 128))])) : _createCommentVNode("", true), _ctx.legend ? (_openBlock(), _createElementBlock("div", _hoisted_5, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.datasets, (dataset, index) => {
     return _openBlock(), _createBlock(_resolveDynamicComponent(_ctx.LegendItemTag), {
       key: index,
-      class: _ctx.classNames('area-chart-legend-item', {
+      class: _normalizeClass(_ctx.classNames('area-chart-legend-item', {
         'area-chart-legend-item-hidden': _ctx.hiddenDatasets.includes(index),
         'area-chart-legend-button': _ctx.toggleDatasets
-      }),
+      })),
       type: _ctx.toggleDatasets ? 'button' : undefined,
       onClick: $event => _ctx.toggleDataset(index)
     }, {
-      default: _withCtx(() => [_createVNode("span", {
-        style: {
+      default: _withCtx(() => [_createElementVNode("span", {
+        style: _normalizeStyle({
           backgroundColor: dataset.color
-        }
+        })
       }, null, 4), _createTextVNode(" " + _toDisplayString(_ctx.formatLegendLabelMethod(dataset.label)), 1)]),
       _: 2
     }, 1032, ["class", "type", "onClick"]);
@@ -109,9 +111,10 @@ export default {
   },
   emits: ['select'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     let f7Tooltip = null;
     const currentIndex = ref(null);
     const hiddenDatasets = ref([]);
@@ -126,9 +129,10 @@ export default {
     });
     const summValues = computed(() => {
       const summ = [];
-      props.datasets.filter((dataset, index) => !hiddenDatasets.value.includes(index)).forEach(({
-        values
-      }) => {
+      props.datasets.filter((dataset, index) => !hiddenDatasets.value.includes(index)).forEach(_ref2 => {
+        let {
+          values
+        } = _ref2;
         values.forEach((value, valueIndex) => {
           if (!summ[valueIndex]) summ[valueIndex] = 0;
           summ[valueIndex] += value;
@@ -153,9 +157,10 @@ export default {
       let maxValue = 0;
 
       if (lineChart) {
-        datasets.forEach(({
-          values
-        }) => {
+        datasets.forEach(_ref3 => {
+          let {
+            values
+          } = _ref3;
           const datasetMaxValue = Math.max(...values);
           if (datasetMaxValue > maxValue) maxValue = datasetMaxValue;
         });
@@ -163,11 +168,12 @@ export default {
         maxValue = Math.max(...summValues.value);
       }
 
-      datasets.filter((dataset, index) => !hiddenDatasets.value.includes(index)).forEach(({
-        label,
-        values,
-        color
-      }) => {
+      datasets.filter((dataset, index) => !hiddenDatasets.value.includes(index)).forEach(_ref4 => {
+        let {
+          label,
+          values,
+          color
+        } = _ref4;
         const points = values.map((originalValue, valueIndex) => {
           lastValues[valueIndex] += originalValue;
           const value = lineChart ? originalValue : lastValues[valueIndex];
@@ -266,11 +272,12 @@ export default {
 
       const datasetsText = currentValues.length > 0 ? `
       <ul class="area-chart-tooltip-list">
-        ${currentValues.map(({
-        label,
-        color,
-        value
-      }) => {
+        ${currentValues.map(_ref5 => {
+        let {
+          label,
+          color,
+          value
+        } = _ref5;
         const valueText = props.formatTooltipDataset ? props.formatTooltipDataset(label, value, color) : `${label}: ${value}`;
         return `
               <li><span style="background-color: ${color};"></span>${valueText}</li>

package/components/badge.js

@@ -1,9 +1,9 @@
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("span", {
+  return _openBlock(), _createElementBlock("span", {
     ref: "elRef",
-    class: _ctx.classes
+    class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
 

package/components/block-footer.js

@@ -1,8 +1,8 @@
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
 

package/components/block-header.js

@@ -1,8 +1,8 @@
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
 

package/components/block-title.js

@@ -1,10 +1,11 @@
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = ["medium"];
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes,
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes),
     medium: _ctx.medium
-  }, [_renderSlot(_ctx.$slots, "default")], 10, ["medium"]);
+  }, [_renderSlot(_ctx.$slots, "default")], 10, _hoisted_1);
 }
 
 import { computed } from 'vue';

package/components/block.js

@@ -1,9 +1,9 @@
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
+  return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
-    class: _ctx.classes
+    class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
 
@@ -35,9 +35,10 @@ export default {
   },
   emits: ['tab:hide', 'tab:show'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     const elRef = ref(null);
     useTab(elRef, emit);
     const classes = computed(() => {

package/components/breadcrumbs-collapsed.d.ts

@@ -0,0 +1,19 @@
+
+import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
+
+
+declare const BreadcrumbsCollapsed: DefineComponent<
+  {
+    
+  },
+  () => JSX.Element,
+  unknown,
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  
+>;
+
+export default BreadcrumbsCollapsed;
+  

package/components/breadcrumbs-collapsed.js

@@ -0,0 +1,26 @@
+import { createElementVNode as _createElementVNode, renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = {
+  ref: "elRef",
+  class: "breadcrumbs-collapsed"
+};
+
+const _hoisted_2 = /*#__PURE__*/_createElementVNode("span", null, null, -1);
+
+function render(_ctx, _cache) {
+  return _openBlock(), _createElementBlock("div", _hoisted_1, [_hoisted_2, _renderSlot(_ctx.$slots, "default")], 512);
+}
+
+import { ref } from 'vue';
+export default {
+  name: 'f7-breadcrumbs-collapsed',
+  render,
+  props: {},
+
+  setup() {
+    const elRef = ref(null);
+    return {
+      elRef
+    };
+  }
+
+};

package/components/breadcrumbs-item.d.ts

@@ -0,0 +1,22 @@
+
+import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
+
+
+declare const BreadcrumbsItem: DefineComponent<
+  {
+    
+    active: {
+      type: BooleanConstructor;
+    }
+  },
+  () => JSX.Element,
+  unknown,
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  
+>;
+
+export default BreadcrumbsItem;
+  

package/components/breadcrumbs-item.js

@@ -0,0 +1,28 @@
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+
+function render(_ctx, _cache) {
+  return _openBlock(), _createElementBlock("div", {
+    ref: "elRef",
+    class: _normalizeClass({
+      'breadcrumbs-item': true,
+      'breadcrumbs-item-active': _ctx.active
+    })
+  }, [_renderSlot(_ctx.$slots, "default")], 2);
+}
+
+import { ref } from 'vue';
+export default {
+  name: 'f7-breadcrumbs-item',
+  render,
+  props: {
+    active: Boolean
+  },
+
+  setup() {
+    const elRef = ref(null);
+    return {
+      elRef
+    };
+  }
+
+};

package/components/breadcrumbs-separator.d.ts

@@ -0,0 +1,19 @@
+
+import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
+
+
+declare const BreadcrumbsSeparator: DefineComponent<
+  {
+    
+  },
+  () => JSX.Element,
+  unknown,
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  
+>;
+
+export default BreadcrumbsSeparator;
+  

package/components/breadcrumbs-separator.js

@@ -0,0 +1,24 @@
+import { openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = {
+  ref: "elRef",
+  class: "breadcrumbs-separator"
+};
+
+function render(_ctx, _cache) {
+  return _openBlock(), _createElementBlock("div", _hoisted_1, null, 512);
+}
+
+import { ref } from 'vue';
+export default {
+  name: 'f7-breadcrumbs-separator',
+  render,
+  props: {},
+
+  setup() {
+    const elRef = ref(null);
+    return {
+      elRef
+    };
+  }
+
+};

package/components/breadcrumbs.d.ts

@@ -0,0 +1,19 @@
+
+import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
+
+
+declare const Breadcrumbs: DefineComponent<
+  {
+    
+  },
+  () => JSX.Element,
+  unknown,
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  
+>;
+
+export default Breadcrumbs;
+  

package/components/breadcrumbs.js

@@ -0,0 +1,24 @@
+import { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = {
+  ref: "elRef",
+  class: "breadcrumbs"
+};
+
+function render(_ctx, _cache) {
+  return _openBlock(), _createElementBlock("div", _hoisted_1, [_renderSlot(_ctx.$slots, "default")], 512);
+}
+
+import { ref } from 'vue';
+export default {
+  name: 'f7-breadcrumbs',
+  render,
+  props: {},
+
+  setup() {
+    const elRef = ref(null);
+    return {
+      elRef
+    };
+  }
+
+};