framework7-vue 6.3.4 → 7.0.0-beta.3

package/cjs/components/range.js

@@ -1,152 +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); }
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    ref: "elRef",
-    class: _ctx.classes
-  }, [_ctx.input ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("input", {
-    key: 0,
-    id: "inputId",
-    type: "range",
-    name: _ctx.name
-  }, null, 8, ["name"])) : (0, _vue.createCommentVNode)("", true), (0, _vue.renderSlot)(_ctx.$slots, "default")], 2);
-}
-
-var _default = {
-  name: 'f7-range',
-  render: render,
-  props: _extends({
-    init: {
-      type: Boolean,
-      default: true
-    },
-    value: {
-      type: [Number, Array, String],
-      default: 0
-    },
-    min: {
-      type: [Number, String],
-      default: 0
-    },
-    max: {
-      type: [Number, String],
-      default: 100
-    },
-    step: {
-      type: [Number, String],
-      default: 1
-    },
-    label: {
-      type: Boolean,
-      default: false
-    },
-    dual: {
-      type: Boolean,
-      default: false
-    },
-    vertical: {
-      type: Boolean,
-      default: false
-    },
-    verticalReversed: {
-      type: Boolean,
-      default: false
-    },
-    draggableBar: {
-      type: Boolean,
-      default: true
-    },
-    formatLabel: Function,
-    scale: {
-      type: Boolean,
-      default: false
-    },
-    scaleSteps: {
-      type: Number,
-      default: 5
-    },
-    scaleSubSteps: {
-      type: Number,
-      default: 0
-    },
-    formatScaleLabel: Function,
-    limitKnobPosition: {
-      type: Boolean,
-      default: undefined
-    },
-    name: String,
-    input: Boolean,
-    inputId: String,
-    disabled: Boolean
-  }, _mixins.colorProps),
-  emits: ['range:change', 'range:changed', 'rangeChange', 'rangeChanged', 'update:value'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var f7Range = null;
-    var elRef = (0, _vue.ref)(null);
-    (0, _vue.watch)(function () {
-      return props.value;
-    }, function (newValue) {
-      if (!f7Range) return;
-      var rangeValue = f7Range.value;
-
-      if (Array.isArray(newValue) && Array.isArray(rangeValue)) {
-        if (rangeValue[0] !== newValue[0] || rangeValue[1] !== newValue[1]) {
-          f7Range.setValue(newValue);
-        }
-      } else {
-        f7Range.setValue(newValue);
-      }
-    });
-    (0, _vue.onMounted)(function () {
-      (0, _f.f7ready)(function () {
-        if (!props.init || !elRef.value) return;
-        f7Range = _f.f7.range.create((0, _utils.noUndefinedProps)(_extends({
-          el: elRef.value
-        }, props, {
-          on: {
-            change: function change(range, val) {
-              emit('range:change', val);
-              emit('rangeChange', val);
-            },
-            changed: function changed(range, val) {
-              emit('range:changed', val);
-              emit('rangeChanged', val);
-              emit('update:value', val);
-            }
-          }
-        })));
-      });
-    });
-    (0, _vue.onBeforeUnmount)(function () {
-      if (f7Range && f7Range.destroy) f7Range.destroy();
-      f7Range = null;
-    });
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('range-slider', {
-        'range-slider-horizontal': !props.vertical,
-        'range-slider-vertical': props.vertical,
-        'range-slider-vertical-reversed': props.vertical && props.verticalReversed,
-        disabled: props.disabled
-      }, (0, _mixins.colorClasses)(props));
-    });
-    return {
-      elRef: elRef,
-      classes: classes
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/routable-modals.js

@@ -1,71 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-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 _default = {
-  name: 'f7-routable-modals',
-  setup: function setup() {
-    var elRef = (0, _vue.ref)(null);
-    var modals = (0, _vue.ref)([]);
-    var routerData = (0, _vue.ref)(null);
-    (0, _vue.onMounted)(function () {
-      routerData.value = {
-        modals: modals,
-        el: elRef.value,
-        setModals: function setModals(newModals) {
-          newModals.forEach(function (modal) {
-            // eslint-disable-next-line
-            modal.component = (0, _vue.toRaw)(modal.component);
-          });
-          modals.value = [].concat(newModals);
-        }
-      };
-      _f.f7routers.modals = routerData.value;
-    });
-    (0, _vue.onUpdated)(function () {
-      if (!routerData.value || !_f.f7) return;
-
-      _f.f7events.emit('modalsRouterDidUpdate', routerData.value);
-    });
-    (0, _vue.onBeforeUnmount)(function () {
-      if (!routerData.value) return;
-      _f.f7routers.modals = null;
-      routerData.value = null;
-    });
-
-    var getComponent = function getComponent(modal) {
-      return (0, _vue.toRaw)(modal.component);
-    };
-
-    var getProps = function getProps(modal) {
-      var modalComponent = modal.component,
-          modalProps = modal.props;
-      var keys = [];
-      var passProps = {};
-      if (modalComponent && modalComponent.props) keys = Object.keys(modalComponent.props);
-      keys.forEach(function (key) {
-        if (key in modalProps) passProps[key] = modalProps[key];
-      });
-      return passProps;
-    };
-
-    return function () {
-      return (0, _vue.h)('div', {
-        ref: elRef,
-        class: 'framework7-modals'
-      }, [].concat(modals.value.map(function (modal) {
-        return (0, _vue.h)(getComponent(modal), _extends({
-          key: modal.id
-        }, getProps(modal)));
-      })));
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/row.js

@@ -1,83 +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 = {
-  key: 0,
-  class: "resize-handler"
-};
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)((0, _vue.resolveDynamicComponent)(_ctx.tag), {
-    ref: "elRef",
-    class: _ctx.classes
-  }, {
-    default: (0, _vue.withCtx)(function () {
-      return [(0, _vue.renderSlot)(_ctx.$slots, "default"), _ctx.resizable && _ctx.resizableHandler ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("span", _hoisted_1)) : (0, _vue.createCommentVNode)("", true)];
-    }),
-    _: 3
-  }, 8, ["class"]);
-}
-
-var _default = {
-  name: 'f7-row',
-  render: render,
-  props: _extends({
-    noGap: Boolean,
-    tag: {
-      type: String,
-      default: 'div'
-    },
-    resizable: Boolean,
-    resizableFixed: Boolean,
-    resizableAbsolute: Boolean,
-    resizableHandler: {
-      type: Boolean,
-      default: true
-    }
-  }, _mixins.colorProps),
-  emits: ['grid:resize'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var elRef = (0, _vue.ref)(null);
-
-    var onResize = function onResize(el) {
-      if (el === elRef.value) {
-        emit('grid:resize');
-      }
-    };
-
-    (0, _vue.onMounted)(function () {
-      (0, _f.f7ready)(function () {
-        _f.f7.on('gridResize', onResize);
-      });
-    });
-    (0, _vue.onBeforeUnmount)(function () {
-      _f.f7.off('gridResize', onResize);
-    });
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('row', {
-        'no-gap': props.noGap,
-        resizable: props.resizable,
-        'resizable-fixed': props.resizableFixed,
-        'resizable-absolute': props.resizableAbsolute
-      }, (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes,
-      elRef: elRef
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/searchbar.js

@@ -1,313 +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: "searchbar-inner"
-};
-var _hoisted_2 = {
-  class: "searchbar-input-wrap"
-};
-
-var _hoisted_3 = /*#__PURE__*/(0, _vue.createVNode)("i", {
-  class: "searchbar-icon"
-}, null, -1);
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)((0, _vue.resolveDynamicComponent)(_ctx.tag), {
-    ref: "elRef",
-    class: _ctx.classes,
-    onSubmit: _ctx.onSubmit
-  }, {
-    default: (0, _vue.withCtx)(function () {
-      return [(0, _vue.renderSlot)(_ctx.$slots, "before-inner"), (0, _vue.createVNode)("div", _hoisted_1, [(0, _vue.renderSlot)(_ctx.$slots, "inner-start"), (0, _vue.createVNode)("div", _hoisted_2, [(0, _vue.renderSlot)(_ctx.$slots, "input-wrap-start"), (0, _vue.createVNode)("input", {
-        value: _ctx.value,
-        placeholder: _ctx.placeholder,
-        spellcheck: _ctx.spellcheck,
-        type: "search",
-        onInput: _cache[1] || (_cache[1] = function () {
-          return _ctx.onInput && _ctx.onInput.apply(_ctx, arguments);
-        }),
-        onChange: _cache[2] || (_cache[2] = function () {
-          return _ctx.onChange && _ctx.onChange.apply(_ctx, arguments);
-        }),
-        onFocus: _cache[3] || (_cache[3] = function () {
-          return _ctx.onFocus && _ctx.onFocus.apply(_ctx, arguments);
-        }),
-        onBlur: _cache[4] || (_cache[4] = function () {
-          return _ctx.onBlur && _ctx.onBlur.apply(_ctx, arguments);
-        })
-      }, null, 40, ["value", "placeholder", "spellcheck"]), _hoisted_3, _ctx.clearButton ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("span", {
-        key: 0,
-        class: "input-clear-button",
-        onClick: _cache[5] || (_cache[5] = function () {
-          return _ctx.onClearButtonClick && _ctx.onClearButtonClick.apply(_ctx, arguments);
-        })
-      })) : (0, _vue.createCommentVNode)("", true), (0, _vue.renderSlot)(_ctx.$slots, "input-wrap-end")]), _ctx.disableButton ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("span", {
-        key: 0,
-        class: "searchbar-disable-button",
-        onClick: _cache[6] || (_cache[6] = function () {
-          return _ctx.onDisableButtonClick && _ctx.onDisableButtonClick.apply(_ctx, arguments);
-        })
-      }, (0, _vue.toDisplayString)(_ctx.disableButtonText), 1)) : (0, _vue.createCommentVNode)("", true), (0, _vue.renderSlot)(_ctx.$slots, "inner-end"), (0, _vue.renderSlot)(_ctx.$slots, "default")]), (0, _vue.renderSlot)(_ctx.$slots, "after-inner")];
-    }),
-    _: 3
-  }, 8, ["class", "onSubmit"]);
-}
-
-var _default = {
-  name: 'f7-searchbar',
-  render: render,
-  props: _extends({
-    noShadow: Boolean,
-    noHairline: Boolean,
-    form: {
-      type: Boolean,
-      default: true
-    },
-    placeholder: {
-      type: String,
-      default: 'Search'
-    },
-    spellcheck: {
-      type: Boolean,
-      default: undefined
-    },
-    disableButton: {
-      type: Boolean,
-      default: true
-    },
-    disableButtonText: {
-      type: String,
-      default: 'Cancel'
-    },
-    clearButton: {
-      type: Boolean,
-      default: true
-    },
-    // Input Value
-    value: [String, Number, Array],
-    // SB Params
-    inputEvents: {
-      type: String,
-      default: 'change input compositionend'
-    },
-    expandable: Boolean,
-    inline: Boolean,
-    searchContainer: [String, Object],
-    searchIn: {
-      type: String,
-      default: '.item-title'
-    },
-    searchItem: {
-      type: String,
-      default: 'li'
-    },
-    searchGroup: {
-      type: String,
-      default: '.list-group'
-    },
-    searchGroupTitle: {
-      type: String,
-      default: '.item-divider, .list-group-title'
-    },
-    foundEl: {
-      type: [String, Object],
-      default: '.searchbar-found'
-    },
-    notFoundEl: {
-      type: [String, Object],
-      default: '.searchbar-not-found'
-    },
-    backdrop: {
-      type: Boolean,
-      default: undefined
-    },
-    backdropEl: [String, Object],
-    hideOnEnableEl: {
-      type: [String, Object],
-      default: '.searchbar-hide-on-enable'
-    },
-    hideOnSearchEl: {
-      type: [String, Object],
-      default: '.searchbar-hide-on-search'
-    },
-    ignore: {
-      type: String,
-      default: '.searchbar-ignore'
-    },
-    customSearch: {
-      type: Boolean,
-      default: false
-    },
-    removeDiacritics: {
-      type: Boolean,
-      default: false
-    },
-    hideDividers: {
-      type: Boolean,
-      default: true
-    },
-    hideGroups: {
-      type: Boolean,
-      default: true
-    },
-    init: {
-      type: Boolean,
-      default: true
-    }
-  }, _mixins.colorProps),
-  emits: ['change', 'input', 'focus', 'blur', 'submit', 'click:clear', 'click:disable', 'searchbar:search', 'searchbar:clear', 'searchbar:enable', 'searchbar:disable', 'update:value'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var f7Searchbar = null;
-    var elRef = (0, _vue.ref)(null);
-
-    var search = function search(query) {
-      if (!f7Searchbar) return undefined;
-      return f7Searchbar.search(query);
-    };
-
-    var enable = function enable() {
-      if (!f7Searchbar) return undefined;
-      return f7Searchbar.enable();
-    };
-
-    var disable = function disable() {
-      if (!f7Searchbar) return undefined;
-      return f7Searchbar.disable();
-    };
-
-    var toggle = function toggle() {
-      if (!f7Searchbar) return undefined;
-      return f7Searchbar.toggle();
-    };
-
-    var clear = function clear() {
-      if (!f7Searchbar) return undefined;
-      return f7Searchbar.clear();
-    };
-
-    var onChange = function onChange(event) {
-      emit('change', event);
-    };
-
-    var onInput = function onInput(event) {
-      emit('input', event);
-      emit('update:value', event.target.value);
-    };
-
-    var onFocus = function onFocus(event) {
-      emit('focus', event);
-    };
-
-    var onBlur = function onBlur(event) {
-      emit('blur', event);
-    };
-
-    var onSubmit = function onSubmit(event) {
-      emit('submit', event);
-    };
-
-    var onClearButtonClick = function onClearButtonClick(event) {
-      emit('click:clear', event);
-    };
-
-    var onDisableButtonClick = function onDisableButtonClick(event) {
-      emit('click:disable', event);
-    };
-
-    (0, _vue.onMounted)(function () {
-      if (!props.init) return;
-      (0, _f.f7ready)(function () {
-        var params = (0, _utils.noUndefinedProps)({
-          el: elRef.value,
-          inputEvents: props.inputEvents,
-          searchContainer: props.searchContainer,
-          searchIn: props.searchIn,
-          searchItem: props.searchItem,
-          searchGroup: props.searchGroup,
-          searchGroupTitle: props.searchGroupTitle,
-          hideOnEnableEl: props.hideOnEnableEl,
-          hideOnSearchEl: props.hideOnSearchEl,
-          foundEl: props.foundEl,
-          notFoundEl: props.notFoundEl,
-          backdrop: props.backdrop,
-          backdropEl: props.backdropEl,
-          disableButton: props.disableButton,
-          ignore: props.ignore,
-          customSearch: props.customSearch,
-          removeDiacritics: props.removeDiacritics,
-          hideDividers: props.hideDividers,
-          hideGroups: props.hideGroups,
-          expandable: props.expandable,
-          inline: props.inline,
-          on: {
-            search: function search(searchbar, query, previousQuery) {
-              emit('searchbar:search', searchbar, query, previousQuery);
-            },
-            clear: function clear(searchbar, previousQuery) {
-              emit('searchbar:clear', searchbar, previousQuery);
-            },
-            enable: function enable(searchbar) {
-              emit('searchbar:enable', searchbar);
-            },
-            disable: function disable(searchbar) {
-              emit('searchbar:disable', searchbar);
-            }
-          }
-        });
-        Object.keys(params).forEach(function (key) {
-          if (params[key] === '') {
-            delete params[key];
-          }
-        });
-        f7Searchbar = _f.f7.searchbar.create(params);
-      });
-    });
-    (0, _vue.onBeforeUnmount)(function () {
-      if (f7Searchbar && f7Searchbar.destroy) f7Searchbar.destroy();
-      f7Searchbar = null;
-    });
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('searchbar', {
-        'searchbar-inline': props.inline,
-        'no-shadow': props.noShadow,
-        'no-hairline': props.noHairline,
-        'searchbar-expandable': props.expandable
-      }, (0, _mixins.colorClasses)(props));
-    });
-    var tag = (0, _vue.computed)(function () {
-      return props.form ? 'form' : 'div';
-    });
-    return {
-      elRef: elRef,
-      tag: tag,
-      classes: classes,
-      search: search,
-      enable: enable,
-      disable: disable,
-      toggle: toggle,
-      clear: clear,
-      onChange: onChange,
-      onInput: onInput,
-      onFocus: onFocus,
-      onBlur: onBlur,
-      onSubmit: onSubmit,
-      onClearButtonClick: onClearButtonClick,
-      onDisableButtonClick: onDisableButtonClick
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/segmented.js

@@ -1,74 +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); }
-
-var _hoisted_1 = {
-  key: 0,
-  class: "segmented-highlight"
-};
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)((0, _vue.resolveDynamicComponent)(_ctx.tag), {
-    class: _ctx.classes
-  }, {
-    default: (0, _vue.withCtx)(function () {
-      return [(0, _vue.renderSlot)(_ctx.$slots, "default"), _ctx.strong || _ctx.strongIos || _ctx.strongMd || _ctx.strongAurora ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("span", _hoisted_1)) : (0, _vue.createCommentVNode)("", true)];
-    }),
-    _: 3
-  }, 8, ["class"]);
-}
-
-var _default = {
-  name: 'f7-segmented',
-  render: render,
-  props: _extends({
-    raised: Boolean,
-    raisedIos: Boolean,
-    raisedMd: Boolean,
-    raisedAurora: Boolean,
-    round: Boolean,
-    roundIos: Boolean,
-    roundMd: Boolean,
-    roundAurora: Boolean,
-    strong: Boolean,
-    strongIos: Boolean,
-    strongMd: Boolean,
-    strongAurora: Boolean,
-    tag: {
-      type: String,
-      default: 'div'
-    }
-  }, _mixins.colorProps),
-  setup: function setup(props) {
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)({
-        segmented: true,
-        'segmented-raised': props.raised,
-        'segmented-raised-ios': props.raisedIos,
-        'segmented-raised-aurora': props.raisedAurora,
-        'segmented-raised-md': props.raisedMd,
-        'segmented-round': props.round,
-        'segmented-round-ios': props.roundIos,
-        'segmented-round-aurora': props.roundAurora,
-        'segmented-round-md': props.roundMd,
-        'segmented-strong': props.strong,
-        'segmented-strong-ios': props.strongIos,
-        'segmented-strong-md': props.strongMd,
-        'segmented-strong-aurora': props.strongAurora
-      }, (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};
-exports.default = _default;