framework7-vue 6.3.16 → 7.0.0-beta.12

package/cjs/components/text-editor.js

@@ -1,174 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-var _f = require("../shared/f7");
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var _hoisted_1 = {
-  class: "text-editor-content",
-  contenteditable: ""
-};
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    ref: "elRef",
-    class: _ctx.classes
-  }, [(0, _vue.renderSlot)(_ctx.$slots, "root-start"), (0, _vue.createVNode)("div", _hoisted_1, [(0, _vue.renderSlot)(_ctx.$slots, "default")]), (0, _vue.renderSlot)(_ctx.$slots, "root-end"), (0, _vue.renderSlot)(_ctx.$slots, "root")], 2);
-}
-
-var _default = {
-  name: 'f7-text-editor',
-  render: render,
-  props: _extends({
-    mode: {
-      type: String,
-      default: undefined
-    },
-    value: {
-      type: String,
-      default: undefined
-    },
-    buttons: Array,
-    customButtons: Object,
-    dividers: {
-      type: Boolean,
-      default: undefined
-    },
-    imageUrlText: {
-      type: String,
-      default: undefined
-    },
-    linkUrlText: {
-      type: String,
-      default: undefined
-    },
-    placeholder: {
-      type: String,
-      default: undefined
-    },
-    clearFormattingOnPaste: {
-      type: Boolean,
-      default: undefined
-    },
-    resizable: {
-      type: Boolean,
-      default: false
-    }
-  }, _mixins.colorProps),
-  emits: ['texteditor:change', 'texteditor:input', 'texteditor:focus', 'texteditor:blur', 'texteditor:buttonclick', 'texteditor:keyboardopen', 'texteditor:keyboardclose', 'texteditor:popoveropen', 'texteditor:popoverclose', 'texteditor:insertlink', 'texteditor:insertimage', 'texteditorChange', 'texteditorInput', 'texteditorFocus', 'texteditorBlur'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var f7TextEditor = null;
-    var elRef = (0, _vue.ref)(null);
-
-    var onChange = function onChange(editor, editorValue) {
-      emit('texteditor:change', editorValue);
-      emit('texteditorChange', editorValue);
-    };
-
-    var onInput = function onInput(editor, editorValue) {
-      emit('texteditor:input', editorValue);
-      emit('texteditorInput', editorValue);
-    };
-
-    var onFocus = function onFocus() {
-      emit('texteditor:focus');
-      emit('texteditorFocus');
-    };
-
-    var onBlur = function onBlur() {
-      emit('texteditor:blur');
-      emit('texteditorBlur');
-    };
-
-    var onButtonClick = function onButtonClick(editor, button) {
-      emit('texteditor:buttonclick', button);
-    };
-
-    var onKeyboardOpen = function onKeyboardOpen() {
-      emit('texteditor:keyboardopen');
-    };
-
-    var onKeyboardClose = function onKeyboardClose() {
-      emit('texteditor:keyboardclose');
-    };
-
-    var onPopoverOpen = function onPopoverOpen() {
-      emit('texteditor:popoveropen');
-    };
-
-    var onPopoverClose = function onPopoverClose() {
-      emit('texteditor:popoverclose');
-    };
-
-    var onInsertLink = function onInsertLink(editor, url) {
-      emit('texteditor:insertlink', url);
-    };
-
-    var onInsertImage = function onInsertImage(editor, url) {
-      emit('texteditor:insertimage', url);
-    };
-
-    (0, _vue.watch)(function () {
-      return props.value;
-    }, function (newValue) {
-      if (f7TextEditor) {
-        f7TextEditor.setValue(newValue);
-      }
-    });
-    (0, _vue.onMounted)(function () {
-      var params = (0, _utils.noUndefinedProps)({
-        el: elRef.value,
-        mode: props.mode,
-        value: props.value,
-        buttons: props.buttons,
-        customButtons: props.customButtons,
-        dividers: props.dividers,
-        imageUrlText: props.imageUrlText,
-        linkUrlText: props.linkUrlText,
-        placeholder: props.placeholder,
-        clearFormattingOnPaste: props.clearFormattingOnPaste,
-        on: {
-          change: onChange,
-          input: onInput,
-          focus: onFocus,
-          blur: onBlur,
-          buttonClick: onButtonClick,
-          keyboardOpen: onKeyboardOpen,
-          keyboardClose: onKeyboardClose,
-          popoverOpen: onPopoverOpen,
-          popoverClose: onPopoverClose,
-          insertLink: onInsertLink,
-          insertImage: onInsertImage
-        }
-      });
-      (0, _f.f7ready)(function () {
-        f7TextEditor = _f.f7.textEditor.create(params);
-      });
-    });
-    (0, _vue.onBeforeUnmount)(function () {
-      if (f7TextEditor && f7TextEditor.destroy) {
-        f7TextEditor.destroy();
-      }
-
-      f7TextEditor = null;
-    });
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('text-editor', props.resizable && 'text-editor-resizable', (0, _mixins.colorClasses)(props));
-    });
-    return {
-      elRef: elRef,
-      classes: classes
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/toggle.js

@@ -1,106 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-var _f = require("../shared/f7");
-
-var _useTooltip = require("../shared/use-tooltip");
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var _hoisted_1 = /*#__PURE__*/(0, _vue.createVNode)("span", {
-  class: "toggle-icon"
-}, null, -1);
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("label", {
-    ref: "elRef",
-    class: _ctx.classes
-  }, [(0, _vue.createVNode)("input", {
-    type: "checkbox",
-    name: _ctx.name,
-    disabled: _ctx.disabled,
-    readonly: _ctx.readonly,
-    checked: _ctx.checked,
-    value: _ctx.value,
-    onChange: _cache[1] || (_cache[1] = function () {
-      return _ctx.onChange && _ctx.onChange.apply(_ctx, arguments);
-    })
-  }, null, 40, ["name", "disabled", "readonly", "checked", "value"]), _hoisted_1], 2);
-}
-
-var _default = {
-  name: 'f7-toggle',
-  render: render,
-  props: _extends({
-    init: {
-      type: Boolean,
-      default: true
-    },
-    checked: Boolean,
-    disabled: Boolean,
-    readonly: Boolean,
-    name: String,
-    value: [String, Number, Array],
-    tooltip: String,
-    tooltipTrigger: String
-  }, _mixins.colorProps),
-  emits: ['change', 'toggle:change', 'update:checked'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var f7Toggle = null;
-    var elRef = (0, _vue.ref)(null);
-    (0, _useTooltip.useTooltip)(elRef, props);
-
-    var onChange = function onChange(event) {
-      emit('change', event);
-    };
-
-    (0, _vue.watch)(function () {
-      return props.checked;
-    }, function (newValue) {
-      if (!f7Toggle) return;
-      f7Toggle.checked = newValue;
-    });
-    (0, _vue.onMounted)(function () {
-      (0, _f.f7ready)(function () {
-        if (!props.init || !elRef.value) return;
-        f7Toggle = _f.f7.toggle.create({
-          el: elRef.value,
-          on: {
-            change: function change(toggleInstance) {
-              emit('toggle:change', toggleInstance.checked);
-              emit('update:checked', toggleInstance.checked);
-            }
-          }
-        });
-      });
-    });
-    (0, _vue.onBeforeUnmount)(function () {
-      if (f7Toggle && f7Toggle.destroy && f7Toggle.$el) {
-        f7Toggle.destroy();
-      }
-
-      f7Toggle = null;
-    });
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('toggle', {
-        disabled: props.disabled
-      }, (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes,
-      elRef: elRef,
-      f7Toggle: f7Toggle,
-      onChange: onChange
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/toolbar.js

@@ -1,168 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-var _f = require("../shared/f7");
-
-var _useTheme = require("../shared/use-theme");
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var _hoisted_1 = {
-  key: 0,
-  className: "toolbar-inner"
-};
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    ref: "elRef",
-    class: _ctx.classes
-  }, [(0, _vue.renderSlot)(_ctx.$slots, "before-inner"), _ctx.inner ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("div", _hoisted_1, [(0, _vue.renderSlot)(_ctx.$slots, "default")])) : (0, _vue.renderSlot)(_ctx.$slots, "default", {
-    key: 1
-  }), (0, _vue.renderSlot)(_ctx.$slots, "after-inner")], 2);
-}
-
-var _default = {
-  name: 'f7-toolbar',
-  render: render,
-  props: _extends({
-    tabbar: Boolean,
-    labels: Boolean,
-    scrollable: Boolean,
-    hidden: Boolean,
-    noShadow: Boolean,
-    noHairline: Boolean,
-    noBorder: Boolean,
-    position: {
-      type: String,
-      default: undefined
-    },
-    topMd: {
-      type: Boolean,
-      default: undefined
-    },
-    topIos: {
-      type: Boolean,
-      default: undefined
-    },
-    topAurora: {
-      type: Boolean,
-      default: undefined
-    },
-    top: {
-      type: Boolean,
-      default: undefined
-    },
-    bottomMd: {
-      type: Boolean,
-      default: undefined
-    },
-    bottomIos: {
-      type: Boolean,
-      default: undefined
-    },
-    bottomAurora: {
-      type: Boolean,
-      default: undefined
-    },
-    bottom: {
-      type: Boolean,
-      default: undefined
-    },
-    inner: {
-      type: Boolean,
-      default: true
-    }
-  }, _mixins.colorProps),
-  emits: ['toolbar:hide', 'toolbar:show'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var elRef = (0, _vue.ref)(null);
-    var theme = (0, _useTheme.useTheme)();
-
-    var onHide = function onHide(toolbarEl) {
-      if (elRef.value !== toolbarEl) return;
-      emit('toolbar:hide');
-    };
-
-    var onShow = function onShow(toolbarEl) {
-      if (elRef.value !== toolbarEl) return;
-      emit('toolbar:show');
-    };
-
-    var hide = function hide(animate) {
-      if (!_f.f7) return;
-
-      _f.f7.toolbar.hide(elRef.value, animate);
-    };
-
-    var show = function show(animate) {
-      if (!_f.f7) return;
-
-      _f.f7.toolbar.show(elRef.value, animate);
-    };
-
-    (0, _vue.onMounted)(function () {
-      if (props.tabbar && _f.f7 && elRef.value) {
-        _f.f7.toolbar.setHighlight(elRef.value);
-      }
-
-      _f.f7.on('toolbarShow', onShow);
-
-      _f.f7.on('toolbarHide', onHide);
-    });
-    (0, _vue.onBeforeUnmount)(function () {
-      _f.f7.off('toolbarShow', onShow);
-
-      _f.f7.off('toolbarHide', onHide);
-    });
-    var TabbarContext = (0, _vue.computed)(function () {
-      return {
-        tabbarHasLabels: props.labels
-      };
-    });
-    (0, _vue.provide)('TabbarContext', TabbarContext);
-    var classes = (0, _vue.computed)(function () {
-      var tabbar = props.tabbar,
-          bottomMd = props.bottomMd,
-          bottomIos = props.bottomIos,
-          bottomAurora = props.bottomAurora,
-          bottom = props.bottom,
-          position = props.position,
-          topMd = props.topMd,
-          topIos = props.topIos,
-          topAurora = props.topAurora,
-          top = props.top,
-          labels = props.labels,
-          scrollable = props.scrollable,
-          hidden = props.hidden,
-          noShadow = props.noShadow,
-          noHairline = props.noHairline,
-          noBorder = props.noBorder;
-      return (0, _utils.classNames)('toolbar', {
-        tabbar: tabbar,
-        'toolbar-bottom': theme.value && theme.value.md && bottomMd || theme.value && theme.value.ios && bottomIos || theme.value && theme.value.aurora && bottomAurora || bottom || position === 'bottom',
-        'toolbar-top': theme.value && theme.value.md && topMd || theme.value && theme.value.ios && topIos || theme.value && theme.value.aurora && topAurora || top || position === 'top',
-        'tabbar-labels': labels,
-        'tabbar-scrollable': scrollable,
-        'toolbar-hidden': hidden,
-        'no-shadow': noShadow,
-        'no-hairline': noHairline || noBorder
-      }, (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes,
-      elRef: elRef,
-      hide: hide,
-      show: show
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/treeview-item.js

@@ -1,179 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-var _useIcon = require("../shared/use-icon");
-
-var _f = require("../shared/f7");
-
-var _useIcon2 = _interopRequireDefault(require("./use-icon"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var _hoisted_1 = {
-  key: 0,
-  className: "treeview-toggle"
-};
-var _hoisted_2 = {
-  className: "treeview-item-content"
-};
-var _hoisted_3 = {
-  className: "treeview-item-label"
-};
-var _hoisted_4 = {
-  key: 0,
-  className: "treeview-item-children"
-};
-
-function render(_ctx, _cache) {
-  var _component_f7_use_icon = (0, _vue.resolveComponent)("f7-use-icon");
-
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    ref: "elRef",
-    class: _ctx.classes
-  }, [((0, _vue.openBlock)(), (0, _vue.createBlock)((0, _vue.resolveDynamicComponent)(_ctx.itemRootTag), (0, _vue.mergeProps)({
-    class: _ctx.itemRootClasses
-  }, _ctx.itemRootAttrs, {
-    onClick: _ctx.onClick
-  }), {
-    default: (0, _vue.withCtx)(function () {
-      return [(0, _vue.renderSlot)(_ctx.$slots, "root-start"), _ctx.needToggle ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("div", _hoisted_1)) : (0, _vue.createCommentVNode)("", true), (0, _vue.createVNode)("div", _hoisted_2, [(0, _vue.renderSlot)(_ctx.$slots, "content-start"), _ctx.icon ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_f7_use_icon, {
-        key: 0,
-        icon: _ctx.icon
-      }, null, 8, ["icon"])) : (0, _vue.createCommentVNode)("", true), (0, _vue.renderSlot)(_ctx.$slots, "media"), (0, _vue.createVNode)("div", _hoisted_3, [(0, _vue.renderSlot)(_ctx.$slots, "label-start"), (0, _vue.createTextVNode)(" " + (0, _vue.toDisplayString)(_ctx.label) + " ", 1), (0, _vue.renderSlot)(_ctx.$slots, "label")]), (0, _vue.renderSlot)(_ctx.$slots, "content"), (0, _vue.renderSlot)(_ctx.$slots, "content-end")]), (0, _vue.renderSlot)(_ctx.$slots, "root"), (0, _vue.renderSlot)(_ctx.$slots, "root-end")];
-    }),
-    _: 3
-  }, 16, ["class", "onClick"])), _ctx.hasChildren ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("div", _hoisted_4, [(0, _vue.renderSlot)(_ctx.$slots, "children-start"), (0, _vue.renderSlot)(_ctx.$slots, "default"), (0, _vue.renderSlot)(_ctx.$slots, "children")])) : (0, _vue.createCommentVNode)("", true)], 2);
-}
-
-var _default = {
-  name: 'f7-treeview-item',
-  render: render,
-  components: {
-    f7UseIcon: _useIcon2.default
-  },
-  props: _extends({
-    toggle: {
-      type: Boolean,
-      default: undefined
-    },
-    itemToggle: Boolean,
-    selectable: Boolean,
-    selected: Boolean,
-    opened: Boolean,
-    label: String,
-    loadChildren: Boolean,
-    link: {
-      type: [Boolean, String],
-      default: undefined
-    }
-  }, _mixins.colorProps, _mixins.actionsProps, _mixins.iconProps, _mixins.routerProps),
-  emits: ['click', 'treeview:open', 'treeview:close', 'treeview:loadchildren'],
-  setup: function setup(props, _ref) {
-    var slots = _ref.slots,
-        emit = _ref.emit;
-    var elRef = (0, _vue.ref)(null);
-    var hasChildren = (0, _vue.computed)(function () {
-      return slots.default || slots.children || slots['children-start'];
-    });
-    var needToggle = (0, _vue.computed)(function () {
-      return typeof props.toggle === 'undefined' ? hasChildren.value : props.toggle;
-    });
-    var icon = (0, _vue.computed)(function () {
-      return (0, _useIcon.useIcon)(props);
-    });
-
-    var onClick = function onClick(event) {
-      emit('click', event);
-    };
-
-    var onOpen = function onOpen(el) {
-      if (elRef.value !== el) return;
-      emit('treeview:open', el);
-    };
-
-    var onClose = function onClose(el) {
-      if (elRef.value !== el) return;
-      emit('treeview:close', el);
-    };
-
-    var onLoadChildren = function onLoadChildren(el, done) {
-      if (elRef.value !== el) return;
-      emit('treeview:loadchildren', el, done);
-    };
-
-    var attachEvents = function attachEvents() {
-      if (!elRef.value) return;
-      (0, _f.f7ready)(function () {
-        _f.f7.on('treeviewOpen', onOpen);
-
-        _f.f7.on('treeviewClose', onClose);
-
-        _f.f7.on('treeviewLoadChildren', onLoadChildren);
-      });
-    };
-
-    var detachEvents = function detachEvents() {
-      if (!_f.f7) return;
-
-      _f.f7.off('treeviewOpen', onOpen);
-
-      _f.f7.off('treeviewClose', onClose);
-
-      _f.f7.off('treeviewLoadChildren', onLoadChildren);
-    };
-
-    (0, _vue.onMounted)(function () {
-      return attachEvents();
-    });
-    (0, _vue.onBeforeUnmount)(function () {
-      return detachEvents();
-    });
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('treeview-item', {
-        'treeview-item-opened': props.opened,
-        'treeview-load-children': props.loadChildren
-      }, (0, _mixins.colorClasses)(props));
-    });
-    var itemRootClasses = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('treeview-item-root', {
-        'treeview-item-selectable': props.selectable,
-        'treeview-item-selected': props.selected,
-        'treeview-item-toggle': props.itemToggle
-      }, (0, _mixins.routerClasses)(props), (0, _mixins.actionsClasses)(props));
-    });
-    var itemRootTag = (0, _vue.computed)(function () {
-      return props.link || props.link === '' ? 'a' : 'div';
-    });
-    var itemRootAttrs = (0, _vue.computed)(function () {
-      var href = props.link;
-      if (props.link === true) href = '#';
-      if (props.link === false) href = undefined; // no href attribute
-
-      return _extends({
-        href: href
-      }, (0, _mixins.routerAttrs)(props), (0, _mixins.actionsAttrs)(props));
-    });
-    return {
-      itemRootTag: itemRootTag,
-      itemRootAttrs: itemRootAttrs,
-      itemRootClasses: itemRootClasses,
-      classes: classes,
-      icon: icon,
-      onClick: onClick,
-      hasChildren: hasChildren,
-      needToggle: needToggle,
-      elRef: elRef
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/treeview.js

@@ -1,33 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    class: _ctx.classes
-  }, [(0, _vue.renderSlot)(_ctx.$slots, "default")], 2);
-}
-
-var _default = {
-  name: 'f7-treeview',
-  render: render,
-  props: _extends({}, _mixins.colorProps),
-  setup: function setup(props) {
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('treeview', (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/use-icon.js

@@ -1,45 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _icon = _interopRequireDefault(require("./icon"));
-
-var _badge = _interopRequireDefault(require("./badge"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function render(_ctx, _cache) {
-  var _component_f7_badge = (0, _vue.resolveComponent)("f7-badge");
-
-  var _component_f7_icon = (0, _vue.resolveComponent)("f7-icon");
-
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)(_component_f7_icon, _ctx.icon.props, {
-    default: (0, _vue.withCtx)(function () {
-      return [_ctx.icon.badge ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_f7_badge, (0, _vue.mergeProps)({
-        key: 0
-      }, _ctx.icon.badge.props), {
-        default: (0, _vue.withCtx)(function () {
-          return [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.icon.badge.content), 1)];
-        }),
-        _: 1
-      }, 16)) : (0, _vue.createCommentVNode)("", true)];
-    }),
-    _: 1
-  }, 16);
-}
-
-var _default = {
-  name: 'f7-use-icon',
-  render: render,
-  components: {
-    f7Icon: _icon.default,
-    f7Badge: _badge.default
-  },
-  props: {
-    icon: Object
-  }
-};
-exports.default = _default;