@xenknight/framework7 0.0.2

package/components/app/app-class.js

@@ -0,0 +1,349 @@
+/* eslint-disable no-underscore-dangle */
+
+import { getWindow, getDocument } from 'ssr-window';
+import { extend, nextFrame } from '../../shared/utils.js';
+import { getDevice } from '../../shared/get-device.js';
+import { getSupport } from '../../shared/get-support.js';
+import Framework7Class from '../../shared/class.js';
+import EventsClass from '../../shared/events-class.js';
+import ConstructorMethods from '../../shared/constructor-methods.js';
+import ModalMethods from '../../shared/modal-methods.js';
+import $ from '../../shared/dom7.js';
+import loadModule from './load-module.js';
+import $jsx from '../../shared/$jsx.js';
+class Framework7 extends Framework7Class {
+  constructor(params) {
+    if (params === void 0) {
+      params = {};
+    }
+    super(params);
+    // eslint-disable-next-line
+    if (Framework7.instance && typeof window !== 'undefined') {
+      throw new Error("Framework7 is already initialized and can't be initialized more than once");
+    }
+    const device = getDevice({
+      userAgent: params.userAgent || undefined
+    });
+    const support = getSupport();
+    const passedParams = extend({}, params);
+
+    // App Instance
+    const app = this;
+    app.device = device;
+    app.support = support;
+    const w = getWindow();
+    const d = getDocument();
+    Framework7.instance = app;
+
+    // Default
+    const defaults = {
+      el: 'body',
+      theme: 'auto',
+      routes: [],
+      name: 'Framework7',
+      lazyModulesPath: null,
+      initOnDeviceReady: true,
+      init: true,
+      darkMode: undefined,
+      iosTranslucentBars: true,
+      iosTranslucentModals: true,
+      component: undefined,
+      componentUrl: undefined,
+      userAgent: null,
+      url: null,
+      colors: {
+        primary: '#007aff',
+        red: '#ff3b30',
+        green: '#4cd964',
+        blue: '#2196f3',
+        pink: '#ff2d55',
+        yellow: '#ffcc00',
+        orange: '#ff9500',
+        purple: '#9c27b0',
+        deeppurple: '#673ab7',
+        lightblue: '#5ac8fa',
+        teal: '#009688',
+        lime: '#cddc39',
+        deeporange: '#ff6b22',
+        white: '#ffffff',
+        black: '#000000'
+      }
+    };
+
+    // Extend defaults with modules params
+    app.useModulesParams(defaults);
+
+    // Extend defaults with passed params
+    app.params = extend(defaults, params);
+    extend(app, {
+      // App Name
+      name: app.params.name,
+      // Routes
+      routes: app.params.routes,
+      // Theme
+      theme: function getTheme() {
+        if (app.params.theme === 'auto') {
+          if (device.ios) return 'ios';
+          return 'md';
+        }
+        return app.params.theme;
+      }(),
+      // Initially passed parameters
+      passedParams,
+      online: w.navigator.onLine,
+      colors: app.params.colors,
+      darkMode: app.params.darkMode
+    });
+    if (params.store) app.params.store = params.store;
+
+    // Save Root
+    if (app.$el && app.$el[0]) {
+      app.$el[0].f7 = app;
+    }
+
+    // Install Modules
+    app.useModules();
+
+    // Init Store
+    app.initStore();
+
+    // Init
+    if (app.params.init) {
+      if (device.cordova && app.params.initOnDeviceReady) {
+        $(d).on('deviceready', () => {
+          app.init();
+        });
+      } else {
+        app.init();
+      }
+    }
+
+    // Return app instance
+    return app;
+  }
+  setColorTheme(color) {
+    if (!color) return;
+    const app = this;
+    app.colors.primary = color;
+    app.setColors();
+  }
+  setColors() {
+    const app = this;
+    const document = getDocument();
+    if (!app.colorsStyleEl) {
+      app.colorsStyleEl = document.createElement('style');
+      document.head.prepend(app.colorsStyleEl);
+    }
+    app.colorsStyleEl.textContent = app.utils.colorThemeCSSStyles(app.colors);
+  }
+  mount(rootEl) {
+    const app = this;
+    const window = getWindow();
+    const document = getDocument();
+    const $rootEl = $(rootEl || app.params.el).eq(0);
+    app.$el = $rootEl;
+    if (app.$el && app.$el[0]) {
+      app.el = app.$el[0];
+      app.el.f7 = app;
+      app.rtl = $rootEl.css('direction') === 'rtl';
+    }
+
+    // Auto Dark Mode
+    const DARK = '(prefers-color-scheme: dark)';
+    const LIGHT = '(prefers-color-scheme: light)';
+    app.mq = {};
+    if (window.matchMedia) {
+      app.mq.dark = window.matchMedia(DARK);
+      app.mq.light = window.matchMedia(LIGHT);
+    }
+    app.colorSchemeListener = function colorSchemeListener(_ref) {
+      let {
+        matches,
+        media
+      } = _ref;
+      if (!matches) {
+        return;
+      }
+      const html = document.querySelector('html');
+      if (media === DARK) {
+        html.classList.add('dark');
+        app.darkMode = true;
+        app.emit('darkModeChange', true);
+      } else if (media === LIGHT) {
+        html.classList.remove('dark');
+        app.darkMode = false;
+        app.emit('darkModeChange', false);
+      }
+    };
+    app.emit('mount');
+  }
+  initStore() {
+    const app = this;
+    if (typeof app.params.store !== 'undefined' && app.params.store.__store) {
+      app.store = app.params.store;
+    } else {
+      app.store = app.createStore(app.params.store);
+    }
+  }
+  enableAutoDarkMode() {
+    const window = getWindow();
+    const document = getDocument();
+    if (!window.matchMedia) return;
+    const app = this;
+    const html = document.querySelector('html');
+    if (app.mq.dark && app.mq.light) {
+      app.mq.dark.addEventListener('change', app.colorSchemeListener);
+      app.mq.light.addEventListener('change', app.colorSchemeListener);
+    }
+    if (app.mq.dark && app.mq.dark.matches) {
+      html.classList.add('dark');
+      app.darkMode = true;
+      app.emit('darkModeChange', true);
+    } else if (app.mq.light && app.mq.light.matches) {
+      html.classList.remove('dark');
+      app.darkMode = false;
+      app.emit('darkModeChange', false);
+    }
+  }
+  disableAutoDarkMode() {
+    const window = getWindow();
+    if (!window.matchMedia) return;
+    const app = this;
+    if (app.mq.dark) app.mq.dark.removeEventListener('change', app.colorSchemeListener);
+    if (app.mq.light) app.mq.light.removeEventListener('change', app.colorSchemeListener);
+  }
+  setDarkMode(mode) {
+    const app = this;
+    if (mode === 'auto') {
+      app.enableAutoDarkMode();
+    } else {
+      app.disableAutoDarkMode();
+      $('html')[mode ? 'addClass' : 'removeClass']('dark');
+      app.darkMode = mode;
+    }
+  }
+  initAppComponent(callback) {
+    const app = this;
+    app.router.componentLoader(app.params.component, app.params.componentUrl, {
+      componentOptions: {
+        el: app.$el[0]
+      }
+    }, el => {
+      app.$el = $(el);
+      app.$el[0].f7 = app;
+      app.$elComponent = el.f7Component;
+      app.el = app.$el[0];
+      if (callback) callback();
+    }, () => {});
+  }
+  init(rootEl) {
+    const app = this;
+    app.setColors();
+    app.mount(rootEl);
+    const init = () => {
+      if (app.initialized) return;
+      app.$el.addClass('framework7-initializing');
+
+      // RTL attr
+      if (app.rtl) {
+        $('html').attr('dir', 'rtl');
+      }
+
+      // Auto Dark Mode
+      if (typeof app.params.darkMode === 'undefined') {
+        app.darkMode = $('html').hasClass('dark');
+      } else {
+        app.setDarkMode(app.params.darkMode);
+      }
+
+      // Watch for online/offline state
+      const window = getWindow();
+      window.addEventListener('offline', () => {
+        app.online = false;
+        app.emit('offline');
+        app.emit('connection', false);
+      });
+      window.addEventListener('online', () => {
+        app.online = true;
+        app.emit('online');
+        app.emit('connection', true);
+      });
+
+      // Root class
+      app.$el.addClass('framework7-root');
+
+      // Theme class
+      $('html').removeClass('ios md').addClass(app.theme);
+
+      // iOS Translucent
+      if (app.params.iosTranslucentBars && app.theme === 'ios') {
+        $('html').addClass('ios-translucent-bars');
+      }
+      if (app.params.iosTranslucentModals && app.theme === 'ios') {
+        $('html').addClass('ios-translucent-modals');
+      }
+
+      // Init class
+      nextFrame(() => {
+        app.$el.removeClass('framework7-initializing');
+      });
+      // Emit, init other modules
+      app.initialized = true;
+      app.emit('init');
+    };
+    if (app.params.component || app.params.componentUrl) {
+      app.initAppComponent(() => {
+        init();
+      });
+    } else {
+      init();
+    }
+    return app;
+  }
+
+  // eslint-disable-next-line
+  loadModule() {
+    return Framework7.loadModule(...arguments);
+  }
+
+  // eslint-disable-next-line
+  loadModules() {
+    return Framework7.loadModules(...arguments);
+  }
+  getVnodeHooks(hook, id) {
+    const app = this;
+    if (!app.vnodeHooks || !app.vnodeHooks[hook]) return [];
+    return app.vnodeHooks[hook][id] || [];
+  }
+
+  // eslint-disable-next-line
+  get $() {
+    return $;
+  }
+  static get Dom7() {
+    return $;
+  }
+  static get $() {
+    return $;
+  }
+  static get device() {
+    return getDevice();
+  }
+  static get support() {
+    return getSupport();
+  }
+  static get Class() {
+    return Framework7Class;
+  }
+  static get Events() {
+    return EventsClass;
+  }
+}
+Framework7.$jsx = $jsx;
+Framework7.ModalMethods = ModalMethods;
+Framework7.ConstructorMethods = ConstructorMethods;
+Framework7.loadModule = loadModule;
+Framework7.loadModules = function loadModules(modules) {
+  return Promise.all(modules.map(module => Framework7.loadModule(module)));
+};
+export default Framework7;

package/components/app/app-ios.less

@@ -0,0 +1,23 @@
+.ios {
+  .md-only,
+  .if-md,
+  .if-not-ios,
+  .not-ios {
+    display: none !important;
+  }
+  // Fix for iPad in Safari in Lanscape mode
+  @media (width: 1024px) and (height: 691px) and (orientation: landscape) {
+    &,
+    & body,
+    & .framework7-root {
+      height: 671px;
+    }
+  }
+  @media (width: 1024px) and (height: 692px) and (orientation: landscape) {
+    &,
+    & body,
+    & .framework7-root {
+      height: 672px;
+    }
+  }
+}

package/components/app/app-md.less

@@ -0,0 +1,8 @@
+.md {
+  .ios-only,
+  .if-ios,
+  .if-not-md,
+  .not-md {
+    display: none !important;
+  }
+}

package/components/app/app-vars.less

@@ -0,0 +1,122 @@
+/*====================
+  Core
+  ==================== */
+:root {
+  --f7-safe-area-left: 0px;
+  --f7-safe-area-right: 0px;
+  --f7-safe-area-top: 0px;
+  --f7-safe-area-bottom: 0px;
+
+  --f7-safe-area-outer-left: 0px;
+  --f7-safe-area-outer-right: 0px;
+
+  @supports (left: env(safe-area-inset-left)) {
+    --f7-safe-area-top: env(safe-area-inset-top);
+    --f7-safe-area-bottom: env(safe-area-inset-bottom);
+    .ios-left-edge,
+    .ios-edges,
+    .safe-area-left,
+    .safe-areas,
+    .popup,
+    .sheet-modal,
+    .panel-left {
+      --f7-safe-area-left: env(safe-area-inset-left);
+      --f7-safe-area-outer-left: env(safe-area-inset-left);
+    }
+    .ios-right-edge,
+    .ios-edges,
+    .safe-area-right,
+    .safe-areas,
+    .popup,
+    .sheet-modal,
+    .panel-right {
+      --f7-safe-area-right: env(safe-area-inset-right);
+      --f7-safe-area-outer-right: env(safe-area-inset-right);
+    }
+    .no-safe-areas,
+    .no-safe-area-left,
+    .no-ios-edges,
+    .no-ios-left-edge {
+      --f7-safe-area-left: 0px;
+      --f7-safe-area-outer-left: 0px;
+    }
+    .no-safe-areas,
+    .no-safe-area-right,
+    .no-ios-edges,
+    .no-ios-right-edge {
+      --f7-safe-area-right: 0px;
+      --f7-safe-area-outer-right: 0px;
+    }
+  }
+
+  --f7-device-pixel-ratio: 1;
+  @media (min-resolution: 2dppx) {
+    --f7-device-pixel-ratio: 2;
+  }
+  @media (min-resolution: 3dppx) {
+    --f7-device-pixel-ratio: 3;
+  }
+}
+/*====================
+  Fonts & Bars
+  ==================== */
+:root {
+  --f7-font-size: 14px;
+
+  --f7-bars-translucent-opacity: 0.8;
+  --f7-bars-translucent-blur: 20px;
+}
+.ios-vars({
+  --f7-font-family: -apple-system, SF Pro Text, SF UI Text, system-ui, Helvetica Neue, Helvetica, Arial, sans-serif;
+  --f7-line-height: 1.4;
+  /*
+  --f7-bars-link-color: var(--f7-theme-color);
+  */
+  .light-vars({
+    --f7-bars-text-color: #000;
+    --f7-text-color: #000;
+    --f7-bars-bg-color: #f7f7f8;
+    --f7-bars-bg-color-rgb: 247, 247, 248;
+    --f7-bars-border-color: rgba(0,0,0,0.25);
+  });
+  .dark-vars({
+    --f7-bars-text-color: #fff;
+    --f7-text-color: #fff;
+    --f7-bars-bg-color: #121212;
+    --f7-bars-bg-color-rgb: 22, 22, 22;
+    --f7-bars-border-color: rgba(255,255,255,0.16);
+  });
+});
+.md-vars({
+  --f7-font-family: Roboto, system-ui, Noto, Helvetica, Arial, sans-serif;
+  --f7-line-height: 1.5;
+  --f7-bars-border-color: transparent;
+
+  .light-vars({
+    --f7-text-color: #212121;
+  });
+  .dark-vars({
+    --f7-text-color: rgba(255,255,255,0.87);
+  });
+});
+.md-color-vars({
+  --f7-bars-link-color: var(--f7-md-on-surface);
+  --f7-bars-bg-color: var(--f7-md-surface-2);
+  --f7-bars-bg-color-rgb: var(--f7-md-surface-2-rgb);
+});
+
+/*====================
+  Color Themes
+  ==================== */
+.text-color-primary {
+  --f7-theme-color-text-color: var(--f7-theme-color);
+}
+.bg-color-primary {
+  --f7-theme-color-bg-color: var(--f7-theme-color);
+}
+.border-color-primary {
+  --f7-theme-color-border-color: var(--f7-theme-color);
+}
+.ripple-color-primary {
+  --f7-theme-color-ripple-color: rgba(var(--f7-theme-color-rgb), 0.3);
+}

package/components/app/app.less

@@ -0,0 +1,121 @@
+@import './app-vars.less';
+// Core Icons
+@font-face {
+  @fontBase64: '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';
+  font-family: 'framework7-core-icons';
+  src: url('data:application/font-woff;charset=utf-8;base64, @{fontBase64}') format('woff');
+  font-weight: 400;
+  font-style: normal;
+}
+html {
+  overscroll-behavior: none;
+}
+.rtl({
+  html {
+    direction: rtl;
+  }
+});
+html,
+body,
+.framework7-root {
+  position: relative;
+  height: 100%;
+  width: 100%;
+  overflow-x: hidden;
+}
+body {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  background: #fff;
+  overflow: hidden;
+  overflow-y: scroll;
+  -webkit-text-size-adjust: 100%;
+  -webkit-font-smoothing: antialiased;
+  font-family: var(--f7-font-family);
+  font-size: var(--f7-font-size);
+  line-height: var(--f7-line-height);
+  color: var(--f7-text-color);
+  .no-scrollbar();
+}
+.dark body,
+body.dark {
+  background: #000;
+}
+.dark {
+  color: var(--f7-text-color);
+}
+.framework7-root {
+  overflow: hidden;
+  box-sizing: border-box;
+}
+.framework7-initializing * {
+  &,
+  &:before,
+  &:after {
+    transition-duration: 0ms !important;
+  }
+}
+.device-ios,
+.device-android {
+  cursor: pointer;
+}
+.device-ios {
+  touch-action: manipulation;
+}
+
+// Fix for iPad in Safari in Lanscape mode
+@media (width: 1024px) and (height: 691px) and (orientation: landscape) {
+  html,
+  body,
+  .framework7-root {
+    height: 671px;
+  }
+}
+@media (width: 1024px) and (height: 692px) and (orientation: landscape) {
+  html,
+  body,
+  .framework7-root {
+    height: 672px;
+  }
+}
+* {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-touch-callout: none;
+}
+a,
+input,
+textarea,
+select {
+  outline: 0;
+}
+a {
+  cursor: pointer;
+  text-decoration: none;
+  color: var(--f7-theme-color);
+}
+.link,
+.item-link {
+  cursor: pointer;
+}
+p {
+  margin: 1em 0;
+}
+// Disabled
+.disabled {
+  .disabled() !important;
+}
+// Full viewport
+html.device-full-viewport {
+  &,
+  & body {
+    height: 100vh;
+  }
+}
+
+.if-ios-theme({
+  @import './app-ios.less';
+});
+.if-md-theme({
+  @import './app-md.less';
+});