@xenknight/framework7-vue 0.0.2

package/LICENSE

@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright (c) 2014 Vladimir Kharlampidi
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,33 @@
+<a href="https://www.patreon.com/framework7"><img src="https://framework7.io/i/support-badge.png" height="20"></a>
+
+# Framework7 Vue
+
+Framework7 Vue combines power and simplicity of great Vue.js framework with flexibility and UI of Framework7 mobile framework to build mobile apps in even more easy and quick way.
+
+## Supporting Framework7
+
+Framework7 is an MIT-licensed open source project with its ongoing development made possible entirely by the support of these awesome [backers](https://github.com/framework7io/framework7/blob/master/BACKERS.md). If you'd like to join them, please consider [becoming a backer or sponsor on Patreon.](https://www.patreon.com/framework7)
+
+
+## Getting Started with Framework7 Vue
+  * [Installation Guide](https://framework7.io/vue/installation.html)
+  * [Starter App Templates](https://framework7.io/templates/)
+  * [App Layout](https://framework7.io/vue/app-layout.html)
+  * [Initialize App](https://framework7.io/vue/init-app.html)
+  * [Navigation Router](https://framework7.io/vue/navigation-router.html)
+
+## Docs
+
+Documentation available at https://framework7.io/vue/
+
+## Forum
+
+If you have questions about Framework7 or want to help others you are welcome to special forum at https://forum.framework7.io/
+
+## Tutorials
+
+Tutorials available at https://framework7.io/tutorials/
+
+## Showcase
+
+Appstore apps made with Framework7: https://framework7.io/showcase/

package/components/accordion-content.d.ts

@@ -0,0 +1,46 @@
+
+import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
+
+
+declare const AccordionContent: 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 AccordionContent;
+  

package/components/accordion-content.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-accordion-content',
+  render,
+  props: {
+    ...colorProps
+  },
+  setup(props) {
+    const classes = computed(() => classNames('accordion-item-content', colorClasses(props)));
+    return {
+      classes
+    };
+  }
+};

package/components/accordion-item.d.ts

@@ -0,0 +1,51 @@
+
+import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
+
+
+declare const AccordionItem: DefineComponent<
+  {
+    
+    opened: {
+      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,
+  ("accordion:beforeopen" | "accordion:open" | "accordion:opened" | "accordion:beforeclose" | "accordion:close" | "accordion:closed")[],
+  "accordion:beforeopen" | "accordion:open" | "accordion:opened" | "accordion:beforeclose" | "accordion:close" | "accordion:closed"
+>;
+
+export default AccordionItem;
+  

package/components/accordion-item.js

@@ -0,0 +1,77 @@
+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, onBeforeUnmount, onMounted } from 'vue';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { f7, f7ready } from '../shared/f7.js';
+export default {
+  name: 'f7-accordion-item',
+  render,
+  props: {
+    opened: Boolean,
+    ...colorProps
+  },
+  emits: ['accordion:beforeopen', 'accordion:open', 'accordion:opened', 'accordion:beforeclose', 'accordion:close', 'accordion:closed'],
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
+    const elRef = ref(null);
+    const onBeforeOpen = (el, prevent) => {
+      if (elRef.value !== el) return;
+      emit('accordion:beforeopen', prevent);
+    };
+    const onOpen = el => {
+      if (elRef.value !== el) return;
+      emit('accordion:open');
+    };
+    const onOpened = el => {
+      if (elRef.value !== el) return;
+      emit('accordion:opened');
+    };
+    const onBeforeClose = (el, prevent) => {
+      if (elRef.value !== el) return;
+      emit('accordion:beforeclose', prevent);
+    };
+    const onClose = el => {
+      if (elRef.value !== el) return;
+      emit('accordion:close');
+    };
+    const onClosed = el => {
+      if (elRef.value !== el) return;
+      emit('accordion:closed');
+    };
+    const attachEvents = () => {
+      f7ready(() => {
+        f7.on('accordionBeforeOpen', onBeforeOpen);
+        f7.on('accordionOpen', onOpen);
+        f7.on('accordionOpened', onOpened);
+        f7.on('accordionBeforeClose', onBeforeClose);
+        f7.on('accordionClose', onClose);
+        f7.on('accordionClosed', onClosed);
+      });
+    };
+    const detachEvents = () => {
+      f7.off('accordionBeforeOpen', onBeforeOpen);
+      f7.off('accordionOpen', onOpen);
+      f7.off('accordionOpened', onOpened);
+      f7.off('accordionBeforeClose', onBeforeClose);
+      f7.off('accordionClose', onClose);
+      f7.off('accordionClosed', onClosed);
+    };
+    onMounted(() => attachEvents());
+    onBeforeUnmount(() => detachEvents());
+    const classes = computed(() => classNames('accordion-item', {
+      'accordion-item-opened': props.opened
+    }, colorClasses(props)));
+    return {
+      elRef,
+      classes
+    };
+  }
+};

package/components/accordion-toggle.d.ts

@@ -0,0 +1,46 @@
+
+import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
+
+
+declare const AccordionToggle: 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 AccordionToggle;
+  

package/components/accordion-toggle.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-accordion-toggle',
+  render,
+  props: {
+    ...colorProps
+  },
+  setup(props) {
+    const classes = computed(() => classNames('accordion-item-toggle', colorClasses(props)));
+    return {
+      classes
+    };
+  }
+};

package/components/accordion.d.ts

@@ -0,0 +1,50 @@
+
+import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
+
+
+declare const Accordion: DefineComponent<
+  {
+    
+    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,
+  
+>;
+
+export default Accordion;
+  

package/components/accordion.js

@@ -0,0 +1,23 @@
+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-accordion',
+  render,
+  props: {
+    accordionOpposite: Boolean,
+    ...colorProps
+  },
+  setup(props) {
+    const classes = computed(() => classNames('accordion-list', props.accordionOpposite && 'accordion-opposite', colorClasses(props)));
+    return {
+      classes
+    };
+  }
+};

package/components/actions-button.d.ts

@@ -0,0 +1,56 @@
+
+import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
+
+
+declare const ActionsButton: DefineComponent<
+  {
+    
+    strong: {
+      type: BooleanConstructor;
+    },
+
+    close: {
+      type: BooleanConstructor;
+      default: boolean;
+    },
+
+    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,
+  ("click")[],
+  "click"
+>;
+
+export default ActionsButton;
+  

package/components/actions-button.js

@@ -0,0 +1,58 @@
+import { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = {
+  key: 0,
+  class: "actions-button-media"
+};
+const _hoisted_2 = {
+  class: "actions-button-text"
+};
+function render(_ctx, _cache) {
+  return _openBlock(), _createElementBlock("div", {
+    ref: "elRef",
+    class: _normalizeClass(_ctx.classes),
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.onClick && _ctx.onClick(...arguments);
+    })
+  }, [_ctx.hasMedia ? (_openBlock(), _createElementBlock("div", _hoisted_1, [_renderSlot(_ctx.$slots, "media")])) : _createCommentVNode("", true), _createElementVNode("div", _hoisted_2, [_renderSlot(_ctx.$slots, "default")])], 2);
+}
+import { computed, ref } from 'vue';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { f7 } from '../shared/f7.js';
+export default {
+  name: 'f7-actions-button',
+  render,
+  props: {
+    strong: Boolean,
+    close: {
+      type: Boolean,
+      default: true
+    },
+    ...colorProps
+  },
+  emits: ['click'],
+  setup(props, _ref) {
+    let {
+      slots,
+      emit
+    } = _ref;
+    const elRef = ref(null);
+    const onClick = e => {
+      if (elRef.value && props.close && f7) {
+        f7.actions.close(f7.$(elRef.value).parents('.actions-modal'));
+      }
+      emit('click', e);
+    };
+    const hasMedia = computed(() => slots && !!slots.media);
+    const classes = computed(() => classNames({
+      'actions-button': true,
+      'actions-button-strong': props.strong
+    }, colorClasses(props)));
+    return {
+      classes,
+      elRef,
+      hasMedia,
+      onClick
+    };
+  }
+};

package/components/actions-group.d.ts

@@ -0,0 +1,46 @@
+
+import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
+
+
+declare const ActionsGroup: 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 ActionsGroup;
+  

package/components/actions-group.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-actions-group',
+  render,
+  props: {
+    ...colorProps
+  },
+  setup(props) {
+    const classes = computed(() => classNames('actions-group', colorClasses(props)));
+    return {
+      classes
+    };
+  }
+};

package/components/actions-label.d.ts

@@ -0,0 +1,51 @@
+
+import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
+
+
+declare const ActionsLabel: DefineComponent<
+  {
+    
+    strong: {
+      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,
+  ("click")[],
+  "click"
+>;
+
+export default ActionsLabel;
+  

package/components/actions-label.js

@@ -0,0 +1,36 @@
+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),
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.onClick && _ctx.onClick(...arguments);
+    })
+  }, [_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-actions-label',
+  render,
+  props: {
+    strong: Boolean,
+    ...colorProps
+  },
+  emits: ['click'],
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
+    const onClick = e => {
+      emit('click', e);
+    };
+    const classes = computed(() => classNames('actions-label', {
+      'actions-button-strong': props.strong
+    }, colorClasses(props)));
+    return {
+      classes,
+      onClick
+    };
+  }
+};