framework7-vue 6.3.4 → 7.0.0-beta.3

package/cjs/components/chip.js

@@ -1,103 +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 _useTooltip = require("../shared/use-tooltip");
-
-var _useIcon = require("../shared/use-icon");
-
-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: 1,
-  class: "chip-label"
-};
-
-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
-  }, [_ctx.hasMedia ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    key: 0,
-    class: _ctx.mediaClasses
-  }, [_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.createTextVNode)(" " + (0, _vue.toDisplayString)(_ctx.media) + " ", 1), (0, _vue.renderSlot)(_ctx.$slots, "media")], 2)) : (0, _vue.createCommentVNode)("", true), _ctx.hasLabel ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("div", _hoisted_1, [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.text) + " ", 1), (0, _vue.renderSlot)(_ctx.$slots, "text"), (0, _vue.renderSlot)(_ctx.$slots, "default")])) : (0, _vue.createCommentVNode)("", true), _ctx.deleteable ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("a", {
-    key: 2,
-    class: "chip-delete",
-    onClick: _cache[1] || (_cache[1] = function () {
-      return _ctx.onDeleteClick && _ctx.onDeleteClick.apply(_ctx, arguments);
-    })
-  })) : (0, _vue.createCommentVNode)("", true)], 2);
-}
-
-var _default = {
-  name: 'f7-chip',
-  render: render,
-  components: {
-    f7UseIcon: _useIcon2.default
-  },
-  props: _extends({
-    media: String,
-    text: [String, Number],
-    deleteable: Boolean,
-    mediaBgColor: String,
-    mediaTextColor: String,
-    outline: Boolean,
-    tooltip: String,
-    tooltipTrigger: String
-  }, _mixins.iconProps, _mixins.colorProps),
-  emits: ['delete'],
-  setup: function setup(props, _ref) {
-    var slots = _ref.slots,
-        emit = _ref.emit;
-    var elRef = (0, _vue.ref)(null);
-
-    var onDeleteClick = function onDeleteClick(event) {
-      emit('delete', event);
-    };
-
-    (0, _useTooltip.useTooltip)(elRef, props);
-    var icon = (0, _vue.computed)(function () {
-      return (0, _useIcon.useIcon)(props);
-    });
-    var mediaClasses = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('chip-media', props.mediaTextColor && "text-color-" + props.mediaTextColor, props.mediaBgColor && "bg-color-" + props.mediaBgColor);
-    });
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('chip', {
-        'chip-outline': props.outline
-      }, (0, _mixins.colorClasses)(props));
-    });
-    var hasLabel = (0, _vue.computed)(function () {
-      return props.text || slots && (slots.text || slots.default);
-    });
-    var hasMedia = (0, _vue.computed)(function () {
-      return props.media || icon.value || slots && slots.media;
-    });
-    return {
-      classes: classes,
-      icon: icon,
-      mediaClasses: mediaClasses,
-      elRef: elRef,
-      hasLabel: hasLabel,
-      hasMedia: hasMedia,
-      onDeleteClick: onDeleteClick
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/col.js

@@ -1,100 +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-col',
-  render: render,
-  props: _extends({
-    tag: {
-      type: String,
-      default: 'div'
-    },
-    width: {
-      type: [Number, String],
-      default: 'auto'
-    },
-    xsmall: {
-      type: [Number, String]
-    },
-    small: {
-      type: [Number, String]
-    },
-    medium: {
-      type: [Number, String]
-    },
-    large: {
-      type: [Number, String]
-    },
-    xlarge: {
-      type: [Number, String]
-    },
-    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 () {
-      var _classNames;
-
-      return (0, _utils.classNames)((_classNames = {
-        col: props.width === 'auto'
-      }, _classNames["col-" + props.width] = props.width !== 'auto', _classNames["xsmall-" + props.xsmall] = props.xsmall, _classNames["small-" + props.small] = props.small, _classNames["medium-" + props.medium] = props.medium, _classNames["large-" + props.large] = props.large, _classNames["xlarge-" + props.xlarge] = props.xlarge, _classNames.resizable = props.resizable, _classNames['resizable-fixed'] = props.resizableFixed, _classNames['resizable-absolute'] = props.resizableAbsolute, _classNames), (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes,
-      elRef: elRef
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/fab-backdrop.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-fab-backdrop',
-  render: render,
-  props: _extends({}, _mixins.colorProps),
-  setup: function setup(props) {
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('fab-backdrop', (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/fab-button.js

@@ -1,65 +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 _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 = {
-  key: 0,
-  class: "fab-label"
-};
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("a", {
-    ref: "elRef",
-    class: _ctx.classes,
-    target: _ctx.target,
-    onClick: _cache[1] || (_cache[1] = function () {
-      return _ctx.onClick && _ctx.onClick.apply(_ctx, arguments);
-    })
-  }, [(0, _vue.renderSlot)(_ctx.$slots, "default"), _ctx.label ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("span", _hoisted_1, (0, _vue.toDisplayString)(_ctx.label), 1)) : (0, _vue.createCommentVNode)("", true)], 10, ["target"]);
-}
-
-var _default = {
-  name: 'f7-fab-button',
-  render: render,
-  props: _extends({
-    fabClose: Boolean,
-    label: String,
-    target: String,
-    tooltip: String,
-    tooltipTrigger: String
-  }, _mixins.colorProps),
-  emits: ['click'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var elRef = (0, _vue.ref)(null);
-
-    var onClick = function onClick(e) {
-      emit('click', e);
-    };
-
-    (0, _useTooltip.useTooltip)(elRef, props);
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)({
-        'fab-close': props.fabClose,
-        'fab-label-button': props.label
-      }, (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes,
-      onClick: onClick,
-      elRef: elRef
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/fab-buttons.js

@@ -1,38 +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-fab-buttons',
-  render: render,
-  props: _extends({
-    position: {
-      type: String,
-      default: 'top'
-    }
-  }, _mixins.colorProps),
-  setup: function setup(props) {
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('fab-buttons', "fab-buttons-" + props.position, (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/fab.js

@@ -1,92 +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 _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 _default = {
-  name: 'f7-fab',
-  props: _extends({
-    morphTo: String,
-    href: [Boolean, String],
-    target: String,
-    text: String,
-    position: {
-      type: String,
-      default: 'right-bottom'
-    },
-    tooltip: String,
-    tooltipTrigger: String
-  }, _mixins.colorProps),
-  emits: ['click'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit,
-        slots = _ref.slots;
-    var elRef = (0, _vue.ref)(null);
-
-    var onClick = function onClick(e) {
-      emit('click', e);
-    };
-
-    (0, _useTooltip.useTooltip)(elRef, props);
-    var hrefComputed = (0, _vue.computed)(function () {
-      var href = props.href;
-      if (href === true) href = '#';
-      if (href === false) href = undefined; // no href attribute
-
-      return href;
-    });
-    return function () {
-      var linkChildren = [];
-      var rootChildren = [];
-      var textEl;
-      var linkEl;
-      var linkSlots = slots.link,
-          defaultSlots = slots.default,
-          rootSlots = slots.root,
-          textSlots = slots.text;
-
-      if (defaultSlots) {
-        defaultSlots().forEach(function (vnode) {
-          if (typeof vnode === 'undefined') return;
-          var tag = vnode.type && vnode.type.name ? vnode.type.name : vnode.type;
-          if (tag === 'FabButtons' || tag === 'f7-fab-buttons') rootChildren.push(vnode);else linkChildren.push(vnode);
-        });
-      }
-
-      if (props.text || textSlots) {
-        textEl = (0, _vue.h)('div', {
-          class: 'fab-text'
-        }, [props.text, textSlots && textSlots()]);
-      }
-
-      if (linkChildren.length || linkSlots || textEl) {
-        linkEl = (0, _vue.h)('a', {
-          target: props.target,
-          href: hrefComputed.value,
-          onClick: onClick
-        }, [linkChildren, textEl, linkSlots && linkSlots()]);
-      }
-
-      var classes = (0, _utils.classNames)('fab', "fab-" + props.position, {
-        'fab-morph': props.morphTo,
-        'fab-extended': typeof textEl !== 'undefined'
-      }, (0, _mixins.colorClasses)(props));
-      return (0, _vue.h)('div', {
-        class: classes,
-        'data-morph-to': props.morphTo,
-        ref: elRef
-      }, [linkEl, rootChildren, rootSlots && rootSlots()]);
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/gauge.js

@@ -1,160 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _hoisted_1 = {
-  class: "gauge"
-};
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", _hoisted_1, [((0, _vue.openBlock)(), (0, _vue.createBlock)("svg", {
-    class: "gauge-svg",
-    width: _ctx.size + "px",
-    height: (_ctx.semiCircle ? _ctx.size / 2 : _ctx.size) + "px",
-    viewBox: "0 0 " + _ctx.size + " " + (_ctx.semiCircle ? _ctx.size / 2 : _ctx.size)
-  }, [_ctx.semiCircle ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("path", {
-    key: 0,
-    class: "gauge-back-semi",
-    d: "M" + (_ctx.size - _ctx.borderWidth / 2) + "," + _ctx.size / 2 + " a1,1 0 0,0 -" + (_ctx.size - _ctx.borderWidth) + ",0",
-    stroke: _ctx.borderBgColor,
-    "stroke-width": _ctx.borderWidth,
-    fill: _ctx.bgColor || 'none'
-  }, null, 8, ["d", "stroke", "stroke-width", "fill"])) : (0, _vue.createCommentVNode)("", true), _ctx.semiCircle ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("path", {
-    key: 1,
-    class: "gauge-front-semi",
-    d: "M" + (_ctx.size - _ctx.borderWidth / 2) + "," + _ctx.size / 2 + " a1,1 0 0,0 -" + (_ctx.size - _ctx.borderWidth) + ",0",
-    stroke: _ctx.borderColor,
-    "stroke-width": _ctx.borderWidth,
-    "stroke-dasharray": _ctx.length / 2,
-    "stroke-dashoffset": _ctx.length / 2 * (1 + _ctx.progress),
-    fill: _ctx.borderBgColor ? 'none' : _ctx.bgColor || 'none'
-  }, null, 8, ["d", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "fill"])) : (0, _vue.createCommentVNode)("", true), !_ctx.semiCircle && _ctx.borderBgColor ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("circle", {
-    key: 2,
-    class: "gauge-back-circle",
-    stroke: _ctx.borderBgColor,
-    "stroke-width": _ctx.borderWidth,
-    fill: _ctx.bgColor || 'none',
-    cx: _ctx.size / 2,
-    cy: _ctx.size / 2,
-    r: _ctx.radius
-  }, null, 8, ["stroke", "stroke-width", "fill", "cx", "cy", "r"])) : (0, _vue.createCommentVNode)("", true), !_ctx.semiCircle ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("circle", {
-    key: 3,
-    class: "gauge-front-circle",
-    transform: "rotate(-90 " + _ctx.size / 2 + " " + _ctx.size / 2 + ")",
-    stroke: _ctx.borderColor,
-    "stroke-width": _ctx.borderWidth,
-    "stroke-dasharray": _ctx.length,
-    "stroke-dashoffset": _ctx.length * (1 - _ctx.progress),
-    fill: _ctx.borderBgColor ? 'none' : _ctx.bgColor || 'none',
-    cx: _ctx.size / 2,
-    cy: _ctx.size / 2,
-    r: _ctx.radius
-  }, null, 8, ["transform", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "fill", "cx", "cy", "r"])) : (0, _vue.createCommentVNode)("", true), _ctx.valueText ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("text", {
-    key: 4,
-    class: "gauge-value-text",
-    x: "50%",
-    y: _ctx.semiCircle ? '100%' : '50%',
-    "font-weight": _ctx.valueFontWeight,
-    "font-size": _ctx.valueFontSize,
-    fill: _ctx.valueTextColor,
-    dy: _ctx.semiCircle ? _ctx.labelText ? -_ctx.labelFontSize - 15 : -5 : 0,
-    "text-anchor": "middle",
-    "dominant-baseline": !_ctx.semiCircle ? 'middle' : null
-  }, (0, _vue.toDisplayString)(_ctx.valueText), 9, ["y", "font-weight", "font-size", "fill", "dy", "dominant-baseline"])) : (0, _vue.createCommentVNode)("", true), _ctx.labelText ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("text", {
-    key: 5,
-    class: "gauge-label-text",
-    x: "50%",
-    y: _ctx.semiCircle ? '100%' : '50%',
-    "font-weight": _ctx.labelFontWeight,
-    "font-size": _ctx.labelFontSize,
-    fill: _ctx.labelTextColor,
-    dy: _ctx.semiCircle ? -5 : _ctx.valueText ? _ctx.valueFontSize / 2 + 10 : 0,
-    "text-anchor": "middle",
-    "dominant-baseline": !_ctx.semiCircle ? 'middle' : null
-  }, (0, _vue.toDisplayString)(_ctx.labelText), 9, ["y", "font-weight", "font-size", "fill", "dy", "dominant-baseline"])) : (0, _vue.createCommentVNode)("", true)], 8, ["width", "height", "viewBox"]))]);
-}
-
-var _default = {
-  name: 'f7-gauge',
-  render: render,
-  props: {
-    type: {
-      type: String,
-      default: 'circle'
-    },
-    value: {
-      type: [Number, String],
-      default: 0
-    },
-    size: {
-      type: [Number, String],
-      default: 200
-    },
-    bgColor: {
-      type: String,
-      default: 'transparent'
-    },
-    borderBgColor: {
-      type: String,
-      default: '#eeeeee'
-    },
-    borderColor: {
-      type: String,
-      default: '#000000'
-    },
-    borderWidth: {
-      type: [Number, String],
-      default: 10
-    },
-    valueText: [Number, String],
-    valueTextColor: {
-      type: String,
-      default: '#000000'
-    },
-    valueFontSize: {
-      type: [Number, String],
-      default: 31
-    },
-    valueFontWeight: {
-      type: [Number, String],
-      default: 500
-    },
-    labelText: String,
-    labelTextColor: {
-      type: String,
-      default: '#888888'
-    },
-    labelFontSize: {
-      type: [Number, String],
-      default: 14
-    },
-    labelFontWeight: {
-      type: [Number, String],
-      default: 400
-    }
-  },
-  setup: function setup(props) {
-    var semiCircle = (0, _vue.computed)(function () {
-      return props.type === 'semicircle';
-    });
-    var radius = (0, _vue.computed)(function () {
-      return props.size / 2 - props.borderWidth / 2;
-    });
-    var length = (0, _vue.computed)(function () {
-      return 2 * Math.PI * radius.value;
-    });
-    var progress = (0, _vue.computed)(function () {
-      return Math.max(Math.min(props.value, 1), 0);
-    });
-    return {
-      semiCircle: semiCircle,
-      radius: radius,
-      length: length,
-      progress: progress
-    };
-  }
-};
-exports.default = _default;