framework7-vue 6.3.15 → 7.0.0-beta.11

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;

package/cjs/components/sheet.js

@@ -1,219 +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 _modalStateClasses = require("../shared/modal-state-classes");
-
-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-sheet',
-  props: _extends({
-    opened: Boolean,
-    animate: {
-      type: Boolean,
-      default: undefined
-    },
-    top: Boolean,
-    bottom: Boolean,
-    position: String,
-    backdrop: {
-      type: Boolean,
-      default: undefined
-    },
-    backdropEl: {
-      type: [String, Object],
-      default: undefined
-    },
-    closeByBackdropClick: {
-      type: Boolean,
-      default: undefined
-    },
-    closeByOutsideClick: {
-      type: Boolean,
-      default: undefined
-    },
-    closeOnEscape: {
-      type: Boolean,
-      default: undefined
-    },
-    push: Boolean,
-    swipeToClose: {
-      type: Boolean,
-      default: undefined
-    },
-    swipeToStep: {
-      type: Boolean,
-      default: undefined
-    },
-    swipeHandler: {
-      type: [String, Object],
-      default: undefined
-    },
-    containerEl: {
-      type: [String, Object],
-      default: undefined
-    }
-  }, _mixins.colorProps),
-  emits: ['sheet:stepprogress', 'sheet:stepopen', 'sheet:stepclose', 'sheet:open', 'sheet:opened', 'sheet:close', 'sheet:closed', 'update:opened'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit,
-        slots = _ref.slots;
-    var f7Sheet = null; // eslint-disable-next-line
-
-    var isOpened = props.opened;
-    var isClosing = false;
-    var elRef = (0, _vue.ref)(null);
-
-    var onStepProgress = function onStepProgress(instance, progress) {
-      emit('sheet:stepprogress', instance, progress);
-    };
-
-    var onStepOpen = function onStepOpen(instance) {
-      emit('sheet:stepopen', instance);
-    };
-
-    var onStepClose = function onStepClose(instance) {
-      emit('sheet:stepclose', instance);
-    };
-
-    var onOpen = function onOpen(instance) {
-      isOpened = true;
-      isClosing = false;
-      emit('sheet:open', instance);
-      emit('update:opened', true);
-    };
-
-    var onOpened = function onOpened(instance) {
-      emit('sheet:opened', instance);
-    };
-
-    var onClose = function onClose(instance) {
-      isOpened = false;
-      isClosing = true;
-      emit('sheet:close', instance);
-    };
-
-    var onClosed = function onClosed(instance) {
-      isClosing = false;
-      emit('sheet:closed', instance);
-      emit('update:opened', false);
-    };
-
-    (0, _vue.onMounted)(function () {
-      if (!elRef.value) return;
-      var sheetParams = {
-        el: elRef.value,
-        on: {
-          open: onOpen,
-          opened: onOpened,
-          close: onClose,
-          closed: onClosed,
-          stepOpen: onStepOpen,
-          stepClose: onStepClose,
-          stepProgress: onStepProgress
-        }
-      };
-      var animate = props.animate,
-          backdrop = props.backdrop,
-          backdropEl = props.backdropEl,
-          closeByBackdropClick = props.closeByBackdropClick,
-          closeByOutsideClick = props.closeByOutsideClick,
-          closeOnEscape = props.closeOnEscape,
-          swipeToClose = props.swipeToClose,
-          swipeToStep = props.swipeToStep,
-          swipeHandler = props.swipeHandler,
-          containerEl = props.containerEl;
-      if (typeof animate !== 'undefined') sheetParams.animate = animate;
-      if (typeof backdrop !== 'undefined') sheetParams.backdrop = backdrop;
-      if (typeof backdropEl !== 'undefined') sheetParams.backdropEl = backdropEl;
-      if (typeof closeByBackdropClick !== 'undefined') sheetParams.closeByBackdropClick = closeByBackdropClick;
-      if (typeof closeByOutsideClick !== 'undefined') sheetParams.closeByOutsideClick = closeByOutsideClick;
-      if (typeof closeOnEscape !== 'undefined') sheetParams.closeOnEscape = closeOnEscape;
-      if (typeof swipeToClose !== 'undefined') sheetParams.swipeToClose = swipeToClose;
-      if (typeof swipeToStep !== 'undefined') sheetParams.swipeToStep = swipeToStep;
-      if (typeof swipeHandler !== 'undefined') sheetParams.swipeHandler = swipeHandler;
-      if (typeof containerEl !== 'undefined') sheetParams.containerEl = containerEl;
-      (0, _f.f7ready)(function () {
-        f7Sheet = _f.f7.sheet.create(sheetParams);
-
-        if (props.opened) {
-          f7Sheet.open(false);
-        }
-      });
-    });
-    (0, _vue.onBeforeUnmount)(function () {
-      if (f7Sheet) {
-        f7Sheet.destroy();
-      }
-
-      f7Sheet = null;
-    });
-    (0, _vue.watch)(function () {
-      return props.opened;
-    }, function (value) {
-      if (!f7Sheet) return;
-
-      if (value) {
-        f7Sheet.open();
-      } else {
-        f7Sheet.close();
-      }
-    });
-    ['closeByBackdropClick', 'closeByOutsideClick', 'closeOnEscape', 'swipeToClose'].forEach(function (propName) {
-      (0, _vue.watch)(function () {
-        return props[propName];
-      }, function (propValue) {
-        if (!f7Sheet) return;
-        f7Sheet.params[propName] = propValue;
-      });
-    });
-    var classes = (0, _vue.computed)(function () {
-      var positionComputed = 'bottom';
-      if (props.position) positionComputed = props.position;else if (props.top) positionComputed = 'top';else if (props.bottom) positionComputed = 'bottom';
-      return (0, _utils.classNames)('sheet-modal', "sheet-modal-" + positionComputed, {
-        'sheet-modal-push': props.push
-      }, (0, _modalStateClasses.modalStateClasses)({
-        isOpened: isOpened,
-        isClosing: isClosing
-      }), (0, _mixins.colorClasses)(props));
-    });
-    var fixedTags = 'navbar toolbar tabbar subnavbar searchbar messagebar fab list-index panel'.split(' ').map(function (tagName) {
-      return "f7-" + tagName;
-    });
-    return function () {
-      var fixedList = [];
-      var staticList = [];
-
-      if (slots.default) {
-        slots.default().forEach(function (vnode) {
-          if (typeof vnode === 'undefined') return;
-          var tag = vnode.type && vnode.type.name ? vnode.type.name : vnode.type;
-
-          if (fixedTags.indexOf(tag) >= 0) {
-            fixedList.push(vnode);
-          } else {
-            staticList.push(vnode);
-          }
-        });
-      }
-
-      return (0, _vue.h)('div', {
-        class: classes.value,
-        ref: elRef
-      }, [fixedList, slots.fixed && slots.fixed(), (0, _vue.h)('div', {
-        class: 'sheet-modal-inner'
-      }, [staticList, slots.static && slots.static()])]);
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/skeleton-avatar.js

@@ -1,9 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("skeleton-elements/vue");
-
-var _default = _vue.SkeletonAvatar;
-exports.default = _default;

package/cjs/components/skeleton-block.js

@@ -1,9 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("skeleton-elements/vue");
-
-var _default = _vue.SkeletonBlock;
-exports.default = _default;