@xenknight/framework7-vue 0.0.2

package/components/badge.d.ts

@@ -0,0 +1,54 @@
+
+import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
+
+
+declare const Badge: DefineComponent<
+  {
+    
+    tooltip: {
+      type: StringConstructor;
+    },
+
+    tooltipTrigger: {
+      type: StringConstructor;
+    },
+
+    color: {
+      type: StringConstructor;
+    },
+
+    colorTheme: {
+      type: StringConstructor;
+    },
+
+    textColor: {
+      type: StringConstructor;
+    },
+
+    bgColor: {
+      type: StringConstructor;
+    },
+
+    borderColor: {
+      type: StringConstructor;
+    },
+
+    rippleColor: {
+      type: StringConstructor;
+    },
+
+    dark: {
+      type: BooleanConstructor;
+    }
+  },
+  () => JSX.Element,
+  unknown,
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  
+>;
+
+export default Badge;
+  

package/components/badge.js

@@ -0,0 +1,29 @@
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+function render(_ctx, _cache) {
+  return _openBlock(), _createElementBlock("span", {
+    ref: "elRef",
+    class: _normalizeClass(_ctx.classes)
+  }, [_renderSlot(_ctx.$slots, "default")], 2);
+}
+import { computed, ref } from 'vue';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { useTooltip } from '../shared/use-tooltip.js';
+export default {
+  name: 'f7-badge',
+  render,
+  props: {
+    tooltip: String,
+    tooltipTrigger: String,
+    ...colorProps
+  },
+  setup(props) {
+    const elRef = ref(null);
+    useTooltip(elRef, props);
+    const classes = computed(() => classNames('badge', colorClasses(props)));
+    return {
+      elRef,
+      classes
+    };
+  }
+};

package/components/block-footer.d.ts

@@ -0,0 +1,46 @@
+
+import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
+
+
+declare const BlockFooter: DefineComponent<
+  {
+    
+    color: {
+      type: StringConstructor;
+    },
+
+    colorTheme: {
+      type: StringConstructor;
+    },
+
+    textColor: {
+      type: StringConstructor;
+    },
+
+    bgColor: {
+      type: StringConstructor;
+    },
+
+    borderColor: {
+      type: StringConstructor;
+    },
+
+    rippleColor: {
+      type: StringConstructor;
+    },
+
+    dark: {
+      type: BooleanConstructor;
+    }
+  },
+  () => JSX.Element,
+  unknown,
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  
+>;
+
+export default BlockFooter;
+  

package/components/block-footer.js

@@ -0,0 +1,22 @@
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+function render(_ctx, _cache) {
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes)
+  }, [_renderSlot(_ctx.$slots, "default")], 2);
+}
+import { computed } from 'vue';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+export default {
+  name: 'f7-block-footer',
+  render,
+  props: {
+    ...colorProps
+  },
+  setup(props) {
+    const classes = computed(() => classNames('block-footer', colorClasses(props)));
+    return {
+      classes
+    };
+  }
+};

package/components/block-header.d.ts

@@ -0,0 +1,46 @@
+
+import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
+
+
+declare const BlockHeader: DefineComponent<
+  {
+    
+    color: {
+      type: StringConstructor;
+    },
+
+    colorTheme: {
+      type: StringConstructor;
+    },
+
+    textColor: {
+      type: StringConstructor;
+    },
+
+    bgColor: {
+      type: StringConstructor;
+    },
+
+    borderColor: {
+      type: StringConstructor;
+    },
+
+    rippleColor: {
+      type: StringConstructor;
+    },
+
+    dark: {
+      type: BooleanConstructor;
+    }
+  },
+  () => JSX.Element,
+  unknown,
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  
+>;
+
+export default BlockHeader;
+  

package/components/block-header.js

@@ -0,0 +1,22 @@
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+function render(_ctx, _cache) {
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes)
+  }, [_renderSlot(_ctx.$slots, "default")], 2);
+}
+import { computed } from 'vue';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+export default {
+  name: 'f7-block-header',
+  render,
+  props: {
+    ...colorProps
+  },
+  setup(props) {
+    const classes = computed(() => classNames('block-header', colorClasses(props)));
+    return {
+      classes
+    };
+  }
+};

package/components/block-title.d.ts

@@ -0,0 +1,54 @@
+
+import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
+
+
+declare const BlockTitle: DefineComponent<
+  {
+    
+    large: {
+      type: BooleanConstructor;
+    },
+
+    medium: {
+      type: BooleanConstructor;
+    },
+
+    color: {
+      type: StringConstructor;
+    },
+
+    colorTheme: {
+      type: StringConstructor;
+    },
+
+    textColor: {
+      type: StringConstructor;
+    },
+
+    bgColor: {
+      type: StringConstructor;
+    },
+
+    borderColor: {
+      type: StringConstructor;
+    },
+
+    rippleColor: {
+      type: StringConstructor;
+    },
+
+    dark: {
+      type: BooleanConstructor;
+    }
+  },
+  () => JSX.Element,
+  unknown,
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  
+>;
+
+export default BlockTitle;
+  

package/components/block-title.js

@@ -0,0 +1,35 @@
+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(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes),
+    medium: _ctx.medium
+  }, [_renderSlot(_ctx.$slots, "default")], 10, _hoisted_1);
+}
+import { computed } from 'vue';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+export default {
+  name: 'f7-block-title',
+  render,
+  props: {
+    large: Boolean,
+    medium: Boolean,
+    ...colorProps
+  },
+  setup(props) {
+    const classes = computed(() => {
+      const {
+        large,
+        medium
+      } = props;
+      return classNames('block-title', {
+        'block-title-large': large,
+        'block-title-medium': medium
+      }, colorClasses(props));
+    });
+    return {
+      classes
+    };
+  }
+};

package/components/block.d.ts

@@ -0,0 +1,163 @@
+
+import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
+
+
+declare const Block: DefineComponent<
+  {
+    
+    inset: {
+      type: BooleanConstructor;
+    },
+
+    insetIos: {
+      type: BooleanConstructor;
+    },
+
+    insetMd: {
+      type: BooleanConstructor;
+    },
+
+    xsmallInset: {
+      type: BooleanConstructor;
+    },
+
+    xsmallInsetIos: {
+      type: BooleanConstructor;
+    },
+
+    xsmallInsetMd: {
+      type: BooleanConstructor;
+    },
+
+    smallInset: {
+      type: BooleanConstructor;
+    },
+
+    smallInsetIos: {
+      type: BooleanConstructor;
+    },
+
+    smallInsetMd: {
+      type: BooleanConstructor;
+    },
+
+    mediumInset: {
+      type: BooleanConstructor;
+    },
+
+    mediumInsetIos: {
+      type: BooleanConstructor;
+    },
+
+    mediumInsetMd: {
+      type: BooleanConstructor;
+    },
+
+    largeInset: {
+      type: BooleanConstructor;
+    },
+
+    largeInsetIos: {
+      type: BooleanConstructor;
+    },
+
+    largeInsetMd: {
+      type: BooleanConstructor;
+    },
+
+    xlargeInset: {
+      type: BooleanConstructor;
+    },
+
+    xlargeInsetIos: {
+      type: BooleanConstructor;
+    },
+
+    xlargeInsetMd: {
+      type: BooleanConstructor;
+    },
+
+    strong: {
+      type: BooleanConstructor;
+    },
+
+    strongIos: {
+      type: BooleanConstructor;
+    },
+
+    strongMd: {
+      type: BooleanConstructor;
+    },
+
+    outline: {
+      type: BooleanConstructor;
+    },
+
+    outlineIos: {
+      type: BooleanConstructor;
+    },
+
+    outlineMd: {
+      type: BooleanConstructor;
+    },
+
+    tabs: {
+      type: BooleanConstructor;
+    },
+
+    tab: {
+      type: BooleanConstructor;
+    },
+
+    tabActive: {
+      type: BooleanConstructor;
+    },
+
+    accordionList: {
+      type: BooleanConstructor;
+    },
+
+    accordionOpposite: {
+      type: BooleanConstructor;
+    },
+
+    color: {
+      type: StringConstructor;
+    },
+
+    colorTheme: {
+      type: StringConstructor;
+    },
+
+    textColor: {
+      type: StringConstructor;
+    },
+
+    bgColor: {
+      type: StringConstructor;
+    },
+
+    borderColor: {
+      type: StringConstructor;
+    },
+
+    rippleColor: {
+      type: StringConstructor;
+    },
+
+    dark: {
+      type: BooleanConstructor;
+    }
+  },
+  () => JSX.Element,
+  unknown,
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  ("tab:hide" | "tab:show")[],
+  "tab:hide" | "tab:show"
+>;
+
+export default Block;
+  

package/components/block.js

@@ -0,0 +1,123 @@
+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(_ctx.classes)
+  }, [_renderSlot(_ctx.$slots, "default")], 2);
+}
+import { ref, computed } from 'vue';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { useTab } from '../shared/use-tab.js';
+export default {
+  name: 'f7-block',
+  render,
+  props: {
+    inset: Boolean,
+    insetIos: Boolean,
+    insetMd: Boolean,
+    xsmallInset: Boolean,
+    xsmallInsetIos: Boolean,
+    xsmallInsetMd: Boolean,
+    smallInset: Boolean,
+    smallInsetIos: Boolean,
+    smallInsetMd: Boolean,
+    mediumInset: Boolean,
+    mediumInsetIos: Boolean,
+    mediumInsetMd: Boolean,
+    largeInset: Boolean,
+    largeInsetIos: Boolean,
+    largeInsetMd: Boolean,
+    xlargeInset: Boolean,
+    xlargeInsetIos: Boolean,
+    xlargeInsetMd: Boolean,
+    strong: Boolean,
+    strongIos: Boolean,
+    strongMd: Boolean,
+    outline: Boolean,
+    outlineIos: Boolean,
+    outlineMd: Boolean,
+    tabs: Boolean,
+    tab: Boolean,
+    tabActive: Boolean,
+    accordionList: Boolean,
+    accordionOpposite: Boolean,
+    ...colorProps
+  },
+  emits: ['tab:hide', 'tab:show'],
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
+    const elRef = ref(null);
+    useTab(elRef, emit);
+    const classes = computed(() => {
+      const {
+        inset,
+        insetIos,
+        insetMd,
+        xsmallInset,
+        xsmallInsetIos,
+        xsmallInsetMd,
+        smallInset,
+        smallInsetIos,
+        smallInsetMd,
+        mediumInset,
+        mediumInsetIos,
+        mediumInsetMd,
+        largeInset,
+        largeInsetIos,
+        largeInsetMd,
+        xlargeInset,
+        xlargeInsetIos,
+        xlargeInsetMd,
+        strong,
+        strongIos,
+        strongMd,
+        outline,
+        outlineIos,
+        outlineMd,
+        accordionList,
+        accordionOpposite,
+        tabs,
+        tab,
+        tabActive
+      } = props;
+      return classNames('block', {
+        inset,
+        'inset-ios': insetIos,
+        'inset-md': insetMd,
+        'xsmall-inset': xsmallInset,
+        'xsmall-inset-ios': xsmallInsetIos,
+        'xsmall-inset-md': xsmallInsetMd,
+        'small-inset': smallInset,
+        'small-inset-ios': smallInsetIos,
+        'small-inset-md': smallInsetMd,
+        'medium-inset': mediumInset,
+        'medium-inset-ios': mediumInsetIos,
+        'medium-inset-md': mediumInsetMd,
+        'large-inset': largeInset,
+        'large-inset-ios': largeInsetIos,
+        'large-inset-md': largeInsetMd,
+        'xlarge-inset': xlargeInset,
+        'xlarge-inset-ios': xlargeInsetIos,
+        'xlarge-inset-md': xlargeInsetMd,
+        'block-strong': strong,
+        'block-strong-ios': strongIos,
+        'block-strong-md': strongMd,
+        'accordion-list': accordionList,
+        'accordion-opposite': accordionOpposite,
+        tabs,
+        tab,
+        'tab-active': tabActive,
+        'block-outline': outline,
+        'block-outline-md': outlineMd,
+        'block-outline-ios': outlineIos
+      }, colorClasses(props));
+    });
+    return {
+      elRef,
+      classes
+    };
+  }
+};

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,21 @@
+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,24 @@
+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;
+