@topvisor/ui 0.0.16 → 0.0.17

package/.chunks/core-0b2c7817.es.js

@@ -0,0 +1,152 @@
+import { reactive } from "vue";
+import Device from "../utils/device.js";
+const onResizeDelay = 100;
+let onResizeTimer;
+const onResizeListeners = /* @__PURE__ */ new Map();
+const windowSize = {
+  width: window.innerWidth,
+  height: window.innerHeight
+};
+function addOnReize(listener) {
+  onResizeListeners.set(listener, listener);
+}
+function removeOnResize(listener) {
+  onResizeListeners.delete(listener);
+}
+function onResize(e) {
+  clearTimeout(onResizeTimer);
+  onResizeTimer = setTimeout(function() {
+    e.topEvent = {
+      widthDiff: windowSize.width - window.innerWidth,
+      hightDiff: windowSize.height - window.innerHeight
+    };
+    windowSize.width = window.innerWidth;
+    windowSize.height = window.innerHeight;
+    onResizeListeners.forEach((callback) => callback(e));
+  }, onResizeDelay);
+}
+window.addEventListener("resize", onResize);
+const Events = {
+  addOnReize,
+  removeOnResize
+};
+const options = {
+  widthForMobile: 900
+};
+const state = {
+  /**
+   * Device by size
+   * @see widthForMobile
+   */
+  isMobile: false,
+  /**
+   * Device by user agent
+   */
+  isMobileUA: false,
+  /**
+   * true, если плотность пикселей экрана больше 1
+   */
+  isRetina: false,
+  /**
+   * true, елси это приложение
+   */
+  isApp: false,
+  /**
+   * true при горизонтальном расположении устройства
+   */
+  isLandscape: true,
+  /**
+   * true при вертикальном расположении устройства
+   */
+  isPortrait: false,
+  size: 0
+};
+const _window = window;
+class Core {
+  static page = (_window == null ? void 0 : _window.page) || {};
+  static options = options;
+  static state = reactive({ ...state });
+  static matchMediaIsMobile;
+  /**
+   * Добавить на страницу стили, используется для загрузки стилей из js
+   *
+   * Условная загрузка стилей m и pc отключена в пользу производительсности, стили грузятся всегда, но применяются по условию
+   * @param style - css стили в строке
+   * @param type - если указать 'm' или 'pc', то стили будут применяться по условию в зависимости от настройки this.options.widthForMobile
+   */
+  static appendStyle(style, type) {
+    let media = "all";
+    if (type === "m") {
+      media = "(max-width: " + this.options.widthForMobile + "px)";
+    }
+    if (type === "pc") {
+      media = "(min-width: " + this.options.widthForMobile + "px)";
+    }
+    const elStyle = document.createElement("style");
+    elStyle.innerHTML = style;
+    elStyle.media = media;
+    document.head.append(elStyle);
+  }
+  /**
+   * Установить как плагин в прилоежнии Vue
+   * Core.state является общим для всех приложений Vue на странице
+   * Core.options является общим для всех приложений Vue на странице
+   * @param app - Vue App
+   * @param {typeof options} options - параметры UI
+   */
+  static install(app, options2) {
+    Core.defineOptions(options2);
+    app.provide("top-core", Core);
+  }
+  /**
+   * Установить конфигурацию UI
+   * @param {typeof options} options
+   */
+  static defineOptions(options2) {
+    if (options2.widthForMobile) {
+      this.options.widthForMobile = options2.widthForMobile;
+    }
+    Core.setState();
+  }
+  static setState() {
+    Core.matchMediaIsMobile = window.matchMedia(`(max-width: ${Core.options.widthForMobile}px)`);
+    Core.state.isMobileUA = Device.isMobile();
+    Core.state.isRetina = Device.isRetina();
+    Core.state.isApp = Device.isApp();
+    Core.setStateByWindowSize();
+    Events.addOnReize(Core.onResize);
+    Core.onResize();
+    Core.saveToCookie();
+  }
+  static onResize() {
+    Core.setStateByWindowSize();
+    document.documentElement.style.setProperty("--100vh", window.innerHeight + "px");
+  }
+  static setStateByWindowSize() {
+    var _a;
+    Core.state.isMobile = !!((_a = Core.matchMediaIsMobile) == null ? void 0 : _a.matches);
+    Core.state.isLandscape = window.innerWidth > window.innerHeight;
+    Core.state.isPortrait = !Core.state.isLandscape;
+    Core.state.size = window.innerWidth > window.innerHeight ? window.innerWidth : window.innerHeight;
+    Core.saveToCookie();
+  }
+  /**
+   * Сохранить информацию об устройстве в cookie
+   */
+  static saveToCookie() {
+    const device = [
+      1,
+      window.innerWidth,
+      window.innerHeight,
+      window.devicePixelRatio,
+      Number(Core.state.isMobile),
+      Number(Core.state.isRetina)
+    ];
+    document.cookie = "device=" + device.join(",") + "; path=/;";
+  }
+}
+export {
+  Core as C,
+  Events as E
+};
+//# sourceMappingURL=core-0b2c7817.es.js.map

package/.chunks/{core-c3afa109.es.js.map → core-0b2c7817.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"core-c3afa109.es.js","sources":["../../src/core/core/events.ts","../../src/core/core/options.ts","../../src/core/core/state.ts","../../src/core/core/core.ts"],"sourcesContent":["const onResizeDelay = 100;\n\nlet onResizeTimer: NodeJS.Timeout;\n\ntype TopEvent = Event & { topEvent: { widthDiff: number, hightDiff: number } }\n\n/**\n * Установленные обрабочики на событие изменения размеров окна\n */\nconst onResizeListeners: Map<(ev: TopEvent) => any, (ev: TopEvent) => any> = new Map();\n\n// зафиксированное состояние размеров окна\nconst windowSize = {\n\twidth: window.innerWidth,\n\theight: window.innerHeight,\n};\n\n/**\n * Добавить обработчик на событие изменения размеров экрана\n * вызов таких обработчиков будет опмизирован и объединен в одно событие\n */\nfunction addOnReize (listener: (this: Element, ev: TopEvent) => any) {\n\tonResizeListeners.set(listener, listener);\n}\n\n/**\n * Удаление обработчика на событие изменений размеров экрана\n */\nfunction removeOnResize (listener: (this: Element, ev: TopEvent) => any) {\n\tonResizeListeners.delete(listener);\n}\n\nfunction onResize (e: any) {\n\tclearTimeout(onResizeTimer);\n\n\tonResizeTimer = setTimeout(function () {\n\t\te.topEvent = {\n\t\t\twidthDiff: windowSize.width - window.innerWidth,\n\t\t\thightDiff: windowSize.height - window.innerHeight,\n\t\t};\n\n\t\twindowSize.width = window.innerWidth;\n\t\twindowSize.height = window.innerHeight;\n\n\t\tonResizeListeners.forEach((callback) => callback(e));\n\t}, onResizeDelay);\n}\n\nwindow.addEventListener('resize', onResize);\n\nexport default {\n\taddOnReize,\n\tremoveOnResize,\n};\n","/**\n * Конфигурация UI\n * Можно переопределить при подклчюении UI во Vue приложение через app.use(Core, options)\n */\nconst options = {\n\twidthForMobile: 900,\n};\n\nexport default options;","/**\n * State UI для взаимодейсвтиями с приложениями Vue\n */\nconst state = {\n\t/**\n\t * Device by size\n\t * @see widthForMobile\n\t */\n\tisMobile: false,\n\n\t/**\n\t * Device by user agent\n\t */\n\tisMobileUA: false,\n\n\t/**\n\t * true, если плотность пикселей экрана больше 1\n\t */\n\tisRetina: false,\n\n\t/**\n\t * true, елси это приложение\n\t */\n\tisApp: false,\n\n\t/**\n\t * true при горизонтальном расположении устройства\n\t */\n\tisLandscape: true,\n\n\t/**\n\t * true при вертикальном расположении устройства\n\t */\n\tisPortrait: false,\n\tsize: 0,\n};\n\nexport default state;","import { reactive } from 'vue';\nimport Device from '@/core/utils/device';\nimport DOM from '@/core/utils/dom';\nimport Events from '@/core/core/events';\nimport options from '@/core/core/options';\nimport state from '@/core/core/state';\n\nconst _window: any = window;\n\nclass Core {\n\n\tstatic page = _window?.page || {};\n\n\tstatic options = options;\n\n\tstatic state = reactive({ ...state });\n\n\tstatic matchMediaIsMobile?: MediaQueryList;\n\n\t/**\n\t * Добавить на страницу стили, используется для загрузки стилей из js\n\t *\n\t * Условная загрузка стилей m и pc отключена в пользу производительсности, стили грузятся всегда, но применяются по условию\n\t * @param style - css стили в строке\n\t * @param type - если указать 'm' или 'pc', то стили будут применяться по условию в зависимости от настройки this.options.widthForMobile\n\t */\n\tstatic appendStyle (style: string, type: '' | 'm' | 'pc'): void {\n\t\tlet media = 'all';\n\n\t\tif (type === 'm') {\n\t\t\tmedia = '(max-width: ' + this.options.widthForMobile + 'px)';\n\t\t}\n\n\t\tif (type === 'pc') {\n\t\t\tmedia = '(min-width: ' + this.options.widthForMobile + 'px)';\n\t\t}\n\n\t\tconst elStyle = document.createElement('style');\n\t\telStyle.innerHTML = style;\n\t\telStyle.media = media;\n\n\t\tdocument.head.append(elStyle);\n\t}\n\n\t/**\n\t * Установить как плагин в прилоежнии Vue\n\t * Core.state является общим для всех приложений Vue на странице\n\t * Core.options является общим для всех приложений Vue на странице\n\t * @param app - Vue App\n\t * @param {typeof options} options - параметры UI\n\t */\n\tstatic install (app: any, options: typeof this.options) {\n\t\tCore.defineOptions(options);\n\n\t\tapp.provide('top-core', Core);\n\t}\n\n\t/**\n\t * Установить конфигурацию UI\n\t * @param {typeof options} options\n\t */\n\tstatic defineOptions (options: typeof this.options) {\n\t\tif (options.widthForMobile) {\n\t\t\tthis.options.widthForMobile = options.widthForMobile;\n\t\t}\n\n\t\tCore.setState();\n\t}\n\n\tstatic setState () {\n\t\tCore.matchMediaIsMobile = window.matchMedia(`(max-width: ${Core.options.widthForMobile}px)`);\n\n\t\tCore.state.isMobileUA = Device.isMobile();\n\t\tCore.state.isRetina = Device.isRetina();\n\t\tCore.state.isApp = Device.isApp();\n\n\t\tCore.setStateByWindowSize();\n\n\t\t// пересчет значений, зависящих от рамзеров окна\n\t\tEvents.addOnReize(Core.onResize);\n\n\t\tCore.onResize();\n\n\t\tCore.saveToCookie();\n\t}\n\n\tstatic onResize () {\n\t\tCore.setStateByWindowSize();\n\n\t\t// честный vh\n\t\tdocument.documentElement.style.setProperty('--100vh', window.innerHeight + 'px');\n\t}\n\n\tstatic setStateByWindowSize () {\n\t\tCore.state.isMobile = !!Core.matchMediaIsMobile?.matches;\n\t\tCore.state.isLandscape = (window.innerWidth > window.innerHeight);\n\t\tCore.state.isPortrait = !Core.state.isLandscape;\n\t\tCore.state.size = (window.innerWidth > window.innerHeight) ? window.innerWidth : window.innerHeight;\n\n\t\tCore.saveToCookie();\n\t}\n\n\t/**\n\t * Сохранить информацию об устройстве в cookie\n\t */\n\tstatic saveToCookie () {\n\t\tconst device = [\n\t\t\t1,\n\t\t\twindow.innerWidth,\n\t\t\twindow.innerHeight,\n\t\t\twindow.devicePixelRatio,\n\t\t\tNumber(Core.state.isMobile),\n\t\t\tNumber(Core.state.isRetina),\n\t\t];\n\n\t\tdocument.cookie = 'device=' + device.join(',') + '; path=/;';\n\t}\n\n}\n\nexport default Core;"],"names":["onResizeDelay","onResizeTimer","onResizeListeners","windowSize","addOnReize","listener","removeOnResize","onResize","e","callback","Events","options","state","_window","_Core","style","type","media","elStyle","app","Device","_a","device","__publicField","reactive","Core"],"mappings":"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"}
+{"version":3,"file":"core-0b2c7817.es.js","sources":["../../src/core/core/events.ts","../../src/core/core/options.ts","../../src/core/core/state.ts","../../src/core/core/core.ts"],"sourcesContent":["const onResizeDelay = 100;\n\nlet onResizeTimer: NodeJS.Timeout;\n\ntype TopEvent = Event & { topEvent: { widthDiff: number, hightDiff: number } }\n\n/**\n * Установленные обрабочики на событие изменения размеров окна\n */\nconst onResizeListeners: Map<(ev: TopEvent) => any, (ev: TopEvent) => any> = new Map();\n\n// зафиксированное состояние размеров окна\nconst windowSize = {\n\twidth: window.innerWidth,\n\theight: window.innerHeight,\n};\n\n/**\n * Добавить обработчик на событие изменения размеров экрана\n * вызов таких обработчиков будет опмизирован и объединен в одно событие\n */\nfunction addOnReize (listener: (this: Element, ev: TopEvent) => any) {\n\tonResizeListeners.set(listener, listener);\n}\n\n/**\n * Удаление обработчика на событие изменений размеров экрана\n */\nfunction removeOnResize (listener: (this: Element, ev: TopEvent) => any) {\n\tonResizeListeners.delete(listener);\n}\n\nfunction onResize (e: any) {\n\tclearTimeout(onResizeTimer);\n\n\tonResizeTimer = setTimeout(function () {\n\t\te.topEvent = {\n\t\t\twidthDiff: windowSize.width - window.innerWidth,\n\t\t\thightDiff: windowSize.height - window.innerHeight,\n\t\t};\n\n\t\twindowSize.width = window.innerWidth;\n\t\twindowSize.height = window.innerHeight;\n\n\t\tonResizeListeners.forEach((callback) => callback(e));\n\t}, onResizeDelay);\n}\n\nwindow.addEventListener('resize', onResize);\n\nexport default {\n\taddOnReize,\n\tremoveOnResize,\n};\n","/**\n * Конфигурация UI\n * Можно переопределить при подклчюении UI во Vue приложение через app.use(Core, options)\n */\nconst options = {\n\twidthForMobile: 900,\n};\n\nexport default options;","/**\n * State UI для взаимодейсвтиями с приложениями Vue\n */\nconst state = {\n\t/**\n\t * Device by size\n\t * @see widthForMobile\n\t */\n\tisMobile: false,\n\n\t/**\n\t * Device by user agent\n\t */\n\tisMobileUA: false,\n\n\t/**\n\t * true, если плотность пикселей экрана больше 1\n\t */\n\tisRetina: false,\n\n\t/**\n\t * true, елси это приложение\n\t */\n\tisApp: false,\n\n\t/**\n\t * true при горизонтальном расположении устройства\n\t */\n\tisLandscape: true,\n\n\t/**\n\t * true при вертикальном расположении устройства\n\t */\n\tisPortrait: false,\n\tsize: 0,\n};\n\nexport default state;","import { reactive } from 'vue';\nimport Device from '@/core/utils/device';\nimport DOM from '@/core/utils/dom';\nimport Events from '@/core/core/events';\nimport options from '@/core/core/options';\nimport state from '@/core/core/state';\n\nconst _window: any = window;\n\nclass Core {\n\n\tstatic page = _window?.page || {};\n\n\tstatic options = options;\n\n\tstatic state = reactive({ ...state });\n\n\tstatic matchMediaIsMobile?: MediaQueryList;\n\n\t/**\n\t * Добавить на страницу стили, используется для загрузки стилей из js\n\t *\n\t * Условная загрузка стилей m и pc отключена в пользу производительсности, стили грузятся всегда, но применяются по условию\n\t * @param style - css стили в строке\n\t * @param type - если указать 'm' или 'pc', то стили будут применяться по условию в зависимости от настройки this.options.widthForMobile\n\t */\n\tstatic appendStyle (style: string, type: '' | 'm' | 'pc'): void {\n\t\tlet media = 'all';\n\n\t\tif (type === 'm') {\n\t\t\tmedia = '(max-width: ' + this.options.widthForMobile + 'px)';\n\t\t}\n\n\t\tif (type === 'pc') {\n\t\t\tmedia = '(min-width: ' + this.options.widthForMobile + 'px)';\n\t\t}\n\n\t\tconst elStyle = document.createElement('style');\n\t\telStyle.innerHTML = style;\n\t\telStyle.media = media;\n\n\t\tdocument.head.append(elStyle);\n\t}\n\n\t/**\n\t * Установить как плагин в прилоежнии Vue\n\t * Core.state является общим для всех приложений Vue на странице\n\t * Core.options является общим для всех приложений Vue на странице\n\t * @param app - Vue App\n\t * @param {typeof options} options - параметры UI\n\t */\n\tstatic install (app: any, options: typeof this.options) {\n\t\tCore.defineOptions(options);\n\n\t\tapp.provide('top-core', Core);\n\t}\n\n\t/**\n\t * Установить конфигурацию UI\n\t * @param {typeof options} options\n\t */\n\tstatic defineOptions (options: typeof this.options) {\n\t\tif (options.widthForMobile) {\n\t\t\tthis.options.widthForMobile = options.widthForMobile;\n\t\t}\n\n\t\tCore.setState();\n\t}\n\n\tstatic setState () {\n\t\tCore.matchMediaIsMobile = window.matchMedia(`(max-width: ${Core.options.widthForMobile}px)`);\n\n\t\tCore.state.isMobileUA = Device.isMobile();\n\t\tCore.state.isRetina = Device.isRetina();\n\t\tCore.state.isApp = Device.isApp();\n\n\t\tCore.setStateByWindowSize();\n\n\t\t// пересчет значений, зависящих от рамзеров окна\n\t\tEvents.addOnReize(Core.onResize);\n\n\t\tCore.onResize();\n\n\t\tCore.saveToCookie();\n\t}\n\n\tstatic onResize () {\n\t\tCore.setStateByWindowSize();\n\n\t\t// честный vh\n\t\tdocument.documentElement.style.setProperty('--100vh', window.innerHeight + 'px');\n\t}\n\n\tstatic setStateByWindowSize () {\n\t\tCore.state.isMobile = !!Core.matchMediaIsMobile?.matches;\n\t\tCore.state.isLandscape = (window.innerWidth > window.innerHeight);\n\t\tCore.state.isPortrait = !Core.state.isLandscape;\n\t\tCore.state.size = (window.innerWidth > window.innerHeight) ? window.innerWidth : window.innerHeight;\n\n\t\tCore.saveToCookie();\n\t}\n\n\t/**\n\t * Сохранить информацию об устройстве в cookie\n\t */\n\tstatic saveToCookie () {\n\t\tconst device = [\n\t\t\t1,\n\t\t\twindow.innerWidth,\n\t\t\twindow.innerHeight,\n\t\t\twindow.devicePixelRatio,\n\t\t\tNumber(Core.state.isMobile),\n\t\t\tNumber(Core.state.isRetina),\n\t\t];\n\n\t\tdocument.cookie = 'device=' + device.join(',') + '; path=/;';\n\t}\n\n}\n\nexport default Core;"],"names":["options"],"mappings":"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"}

package/.chunks/core-51f7b679.amd.js

@@ -0,0 +1,151 @@
+define(["exports", "vue", "../utils/device.amd"], function(exports, vue, utils_device) {
+  "use strict";
+  const onResizeDelay = 100;
+  let onResizeTimer;
+  const onResizeListeners = /* @__PURE__ */ new Map();
+  const windowSize = {
+    width: window.innerWidth,
+    height: window.innerHeight
+  };
+  function addOnReize(listener) {
+    onResizeListeners.set(listener, listener);
+  }
+  function removeOnResize(listener) {
+    onResizeListeners.delete(listener);
+  }
+  function onResize(e) {
+    clearTimeout(onResizeTimer);
+    onResizeTimer = setTimeout(function() {
+      e.topEvent = {
+        widthDiff: windowSize.width - window.innerWidth,
+        hightDiff: windowSize.height - window.innerHeight
+      };
+      windowSize.width = window.innerWidth;
+      windowSize.height = window.innerHeight;
+      onResizeListeners.forEach((callback) => callback(e));
+    }, onResizeDelay);
+  }
+  window.addEventListener("resize", onResize);
+  const Events = {
+    addOnReize,
+    removeOnResize
+  };
+  const options = {
+    widthForMobile: 900
+  };
+  const state = {
+    /**
+     * Device by size
+     * @see widthForMobile
+     */
+    isMobile: false,
+    /**
+     * Device by user agent
+     */
+    isMobileUA: false,
+    /**
+     * true, если плотность пикселей экрана больше 1
+     */
+    isRetina: false,
+    /**
+     * true, елси это приложение
+     */
+    isApp: false,
+    /**
+     * true при горизонтальном расположении устройства
+     */
+    isLandscape: true,
+    /**
+     * true при вертикальном расположении устройства
+     */
+    isPortrait: false,
+    size: 0
+  };
+  const _window = window;
+  class Core {
+    static page = (_window == null ? void 0 : _window.page) || {};
+    static options = options;
+    static state = vue.reactive({ ...state });
+    static matchMediaIsMobile;
+    /**
+     * Добавить на страницу стили, используется для загрузки стилей из js
+     *
+     * Условная загрузка стилей m и pc отключена в пользу производительсности, стили грузятся всегда, но применяются по условию
+     * @param style - css стили в строке
+     * @param type - если указать 'm' или 'pc', то стили будут применяться по условию в зависимости от настройки this.options.widthForMobile
+     */
+    static appendStyle(style, type) {
+      let media = "all";
+      if (type === "m") {
+        media = "(max-width: " + this.options.widthForMobile + "px)";
+      }
+      if (type === "pc") {
+        media = "(min-width: " + this.options.widthForMobile + "px)";
+      }
+      const elStyle = document.createElement("style");
+      elStyle.innerHTML = style;
+      elStyle.media = media;
+      document.head.append(elStyle);
+    }
+    /**
+     * Установить как плагин в прилоежнии Vue
+     * Core.state является общим для всех приложений Vue на странице
+     * Core.options является общим для всех приложений Vue на странице
+     * @param app - Vue App
+     * @param {typeof options} options - параметры UI
+     */
+    static install(app, options2) {
+      Core.defineOptions(options2);
+      app.provide("top-core", Core);
+    }
+    /**
+     * Установить конфигурацию UI
+     * @param {typeof options} options
+     */
+    static defineOptions(options2) {
+      if (options2.widthForMobile) {
+        this.options.widthForMobile = options2.widthForMobile;
+      }
+      Core.setState();
+    }
+    static setState() {
+      Core.matchMediaIsMobile = window.matchMedia(`(max-width: ${Core.options.widthForMobile}px)`);
+      Core.state.isMobileUA = utils_device.isMobile();
+      Core.state.isRetina = utils_device.isRetina();
+      Core.state.isApp = utils_device.isApp();
+      Core.setStateByWindowSize();
+      Events.addOnReize(Core.onResize);
+      Core.onResize();
+      Core.saveToCookie();
+    }
+    static onResize() {
+      Core.setStateByWindowSize();
+      document.documentElement.style.setProperty("--100vh", window.innerHeight + "px");
+    }
+    static setStateByWindowSize() {
+      var _a;
+      Core.state.isMobile = !!((_a = Core.matchMediaIsMobile) == null ? void 0 : _a.matches);
+      Core.state.isLandscape = window.innerWidth > window.innerHeight;
+      Core.state.isPortrait = !Core.state.isLandscape;
+      Core.state.size = window.innerWidth > window.innerHeight ? window.innerWidth : window.innerHeight;
+      Core.saveToCookie();
+    }
+    /**
+     * Сохранить информацию об устройстве в cookie
+     */
+    static saveToCookie() {
+      const device = [
+        1,
+        window.innerWidth,
+        window.innerHeight,
+        window.devicePixelRatio,
+        Number(Core.state.isMobile),
+        Number(Core.state.isRetina)
+      ];
+      document.cookie = "device=" + device.join(",") + "; path=/;";
+    }
+  }
+  exports.Core = Core;
+  exports.Events = Events;
+});
+//# sourceMappingURL=core-51f7b679.amd.js.map

package/.chunks/{core-97b070be.amd.js.map → core-51f7b679.amd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"core-97b070be.amd.js","sources":["../../src/core/core/events.ts","../../src/core/core/options.ts","../../src/core/core/state.ts","../../src/core/core/core.ts"],"sourcesContent":["const onResizeDelay = 100;\n\nlet onResizeTimer: NodeJS.Timeout;\n\ntype TopEvent = Event & { topEvent: { widthDiff: number, hightDiff: number } }\n\n/**\n * Установленные обрабочики на событие изменения размеров окна\n */\nconst onResizeListeners: Map<(ev: TopEvent) => any, (ev: TopEvent) => any> = new Map();\n\n// зафиксированное состояние размеров окна\nconst windowSize = {\n\twidth: window.innerWidth,\n\theight: window.innerHeight,\n};\n\n/**\n * Добавить обработчик на событие изменения размеров экрана\n * вызов таких обработчиков будет опмизирован и объединен в одно событие\n */\nfunction addOnReize (listener: (this: Element, ev: TopEvent) => any) {\n\tonResizeListeners.set(listener, listener);\n}\n\n/**\n * Удаление обработчика на событие изменений размеров экрана\n */\nfunction removeOnResize (listener: (this: Element, ev: TopEvent) => any) {\n\tonResizeListeners.delete(listener);\n}\n\nfunction onResize (e: any) {\n\tclearTimeout(onResizeTimer);\n\n\tonResizeTimer = setTimeout(function () {\n\t\te.topEvent = {\n\t\t\twidthDiff: windowSize.width - window.innerWidth,\n\t\t\thightDiff: windowSize.height - window.innerHeight,\n\t\t};\n\n\t\twindowSize.width = window.innerWidth;\n\t\twindowSize.height = window.innerHeight;\n\n\t\tonResizeListeners.forEach((callback) => callback(e));\n\t}, onResizeDelay);\n}\n\nwindow.addEventListener('resize', onResize);\n\nexport default {\n\taddOnReize,\n\tremoveOnResize,\n};\n","/**\n * Конфигурация UI\n * Можно переопределить при подклчюении UI во Vue приложение через app.use(Core, options)\n */\nconst options = {\n\twidthForMobile: 900,\n};\n\nexport default options;","/**\n * State UI для взаимодейсвтиями с приложениями Vue\n */\nconst state = {\n\t/**\n\t * Device by size\n\t * @see widthForMobile\n\t */\n\tisMobile: false,\n\n\t/**\n\t * Device by user agent\n\t */\n\tisMobileUA: false,\n\n\t/**\n\t * true, если плотность пикселей экрана больше 1\n\t */\n\tisRetina: false,\n\n\t/**\n\t * true, елси это приложение\n\t */\n\tisApp: false,\n\n\t/**\n\t * true при горизонтальном расположении устройства\n\t */\n\tisLandscape: true,\n\n\t/**\n\t * true при вертикальном расположении устройства\n\t */\n\tisPortrait: false,\n\tsize: 0,\n};\n\nexport default state;","import { reactive } from 'vue';\nimport Device from '@/core/utils/device';\nimport DOM from '@/core/utils/dom';\nimport Events from '@/core/core/events';\nimport options from '@/core/core/options';\nimport state from '@/core/core/state';\n\nconst _window: any = window;\n\nclass Core {\n\n\tstatic page = _window?.page || {};\n\n\tstatic options = options;\n\n\tstatic state = reactive({ ...state });\n\n\tstatic matchMediaIsMobile?: MediaQueryList;\n\n\t/**\n\t * Добавить на страницу стили, используется для загрузки стилей из js\n\t *\n\t * Условная загрузка стилей m и pc отключена в пользу производительсности, стили грузятся всегда, но применяются по условию\n\t * @param style - css стили в строке\n\t * @param type - если указать 'm' или 'pc', то стили будут применяться по условию в зависимости от настройки this.options.widthForMobile\n\t */\n\tstatic appendStyle (style: string, type: '' | 'm' | 'pc'): void {\n\t\tlet media = 'all';\n\n\t\tif (type === 'm') {\n\t\t\tmedia = '(max-width: ' + this.options.widthForMobile + 'px)';\n\t\t}\n\n\t\tif (type === 'pc') {\n\t\t\tmedia = '(min-width: ' + this.options.widthForMobile + 'px)';\n\t\t}\n\n\t\tconst elStyle = document.createElement('style');\n\t\telStyle.innerHTML = style;\n\t\telStyle.media = media;\n\n\t\tdocument.head.append(elStyle);\n\t}\n\n\t/**\n\t * Установить как плагин в прилоежнии Vue\n\t * Core.state является общим для всех приложений Vue на странице\n\t * Core.options является общим для всех приложений Vue на странице\n\t * @param app - Vue App\n\t * @param {typeof options} options - параметры UI\n\t */\n\tstatic install (app: any, options: typeof this.options) {\n\t\tCore.defineOptions(options);\n\n\t\tapp.provide('top-core', Core);\n\t}\n\n\t/**\n\t * Установить конфигурацию UI\n\t * @param {typeof options} options\n\t */\n\tstatic defineOptions (options: typeof this.options) {\n\t\tif (options.widthForMobile) {\n\t\t\tthis.options.widthForMobile = options.widthForMobile;\n\t\t}\n\n\t\tCore.setState();\n\t}\n\n\tstatic setState () {\n\t\tCore.matchMediaIsMobile = window.matchMedia(`(max-width: ${Core.options.widthForMobile}px)`);\n\n\t\tCore.state.isMobileUA = Device.isMobile();\n\t\tCore.state.isRetina = Device.isRetina();\n\t\tCore.state.isApp = Device.isApp();\n\n\t\tCore.setStateByWindowSize();\n\n\t\t// пересчет значений, зависящих от рамзеров окна\n\t\tEvents.addOnReize(Core.onResize);\n\n\t\tCore.onResize();\n\n\t\tCore.saveToCookie();\n\t}\n\n\tstatic onResize () {\n\t\tCore.setStateByWindowSize();\n\n\t\t// честный vh\n\t\tdocument.documentElement.style.setProperty('--100vh', window.innerHeight + 'px');\n\t}\n\n\tstatic setStateByWindowSize () {\n\t\tCore.state.isMobile = !!Core.matchMediaIsMobile?.matches;\n\t\tCore.state.isLandscape = (window.innerWidth > window.innerHeight);\n\t\tCore.state.isPortrait = !Core.state.isLandscape;\n\t\tCore.state.size = (window.innerWidth > window.innerHeight) ? window.innerWidth : window.innerHeight;\n\n\t\tCore.saveToCookie();\n\t}\n\n\t/**\n\t * Сохранить информацию об устройстве в cookie\n\t */\n\tstatic saveToCookie () {\n\t\tconst device = [\n\t\t\t1,\n\t\t\twindow.innerWidth,\n\t\t\twindow.innerHeight,\n\t\t\twindow.devicePixelRatio,\n\t\t\tNumber(Core.state.isMobile),\n\t\t\tNumber(Core.state.isRetina),\n\t\t];\n\n\t\tdocument.cookie = 'device=' + device.join(',') + '; path=/;';\n\t}\n\n}\n\nexport default Core;"],"names":["onResizeTimer","onResizeListeners","windowSize","addOnReize","listener","removeOnResize","onResize","e","callback","Events","options","state","_window","_Core","style","type","media","elStyle","app","Device","_a","device","__publicField","reactive","Core"],"mappings":"oPAEA,IAAIA,EAOJ,MAAMC,MAA2E,IAG3EC,EAAa,CAClB,MAAO,OAAO,WACd,OAAQ,OAAO,WAChB,EAMA,SAASC,EAAYC,EAAgD,CAClDH,EAAA,IAAIG,EAAUA,CAAQ,CACzC,CAKA,SAASC,EAAgBD,EAAgD,CACxEH,EAAkB,OAAOG,CAAQ,CAClC,CAEA,SAASE,EAAUC,EAAQ,CAC1B,aAAaP,CAAa,EAE1BA,EAAgB,WAAW,UAAY,CACtCO,EAAE,SAAW,CACZ,UAAWL,EAAW,MAAQ,OAAO,WACrC,UAAWA,EAAW,OAAS,OAAO,WAAA,EAGvCA,EAAW,MAAQ,OAAO,WAC1BA,EAAW,OAAS,OAAO,YAE3BD,EAAkB,QAASO,GAAaA,EAASD,CAAC,CAAC,GACjD,GAAa,CACjB,CAEA,OAAO,iBAAiB,SAAUD,CAAQ,EAE3B,MAAAG,EAAA,CACd,WAAAN,EACA,eAAAE,CACD,ECjDMK,EAAU,CACf,eAAgB,GACjB,ECHMC,EAAQ,CAKb,SAAU,GAKV,WAAY,GAKZ,SAAU,GAKV,MAAO,GAKP,YAAa,GAKb,WAAY,GACZ,KAAM,CACP,EC5BMC,EAAe,OAEfC,EAAN,MAAMA,CAAK,CAiBV,OAAO,YAAaC,EAAeC,EAA6B,CAC/D,IAAIC,EAAQ,MAERD,IAAS,MACJC,EAAA,eAAiB,KAAK,QAAQ,eAAiB,OAGpDD,IAAS,OACJC,EAAA,eAAiB,KAAK,QAAQ,eAAiB,OAGlD,MAAAC,EAAU,SAAS,cAAc,OAAO,EAC9CA,EAAQ,UAAYH,EACpBG,EAAQ,MAAQD,EAEP,SAAA,KAAK,OAAOC,CAAO,CAC7B,CASA,OAAO,QAASC,EAAUR,EAA8B,CACvDG,EAAK,cAAcH,CAAO,EAEtBQ,EAAA,QAAQ,WAAYL,CAAI,CAC7B,CAMA,OAAO,cAAeH,EAA8B,CAC/CA,EAAQ,iBACN,KAAA,QAAQ,eAAiBA,EAAQ,gBAGvCG,EAAK,SAAS,CACf,CAEA,OAAO,UAAY,CAClBA,EAAK,mBAAqB,OAAO,WAAW,eAAeA,EAAK,QAAQ,cAAc,KAAK,EAEtFA,EAAA,MAAM,WAAaM,EAAO,SAAS,EACnCN,EAAA,MAAM,SAAWM,EAAO,SAAS,EACjCN,EAAA,MAAM,MAAQM,EAAO,MAAM,EAEhCN,EAAK,qBAAqB,EAGnBJ,EAAA,WAAWI,EAAK,QAAQ,EAE/BA,EAAK,SAAS,EAEdA,EAAK,aAAa,CACnB,CAEA,OAAO,UAAY,CAClBA,EAAK,qBAAqB,EAG1B,SAAS,gBAAgB,MAAM,YAAY,UAAW,OAAO,YAAc,IAAI,CAChF,CAEA,OAAO,sBAAwB,OAC9BA,EAAK,MAAM,SAAW,CAAC,GAACO,EAAAP,EAAK,qBAAL,MAAAO,EAAyB,SACjDP,EAAK,MAAM,YAAe,OAAO,WAAa,OAAO,YACrDA,EAAK,MAAM,WAAa,CAACA,EAAK,MAAM,YAC/BA,EAAA,MAAM,KAAQ,OAAO,WAAa,OAAO,YAAe,OAAO,WAAa,OAAO,YAExFA,EAAK,aAAa,CACnB,CAKA,OAAO,cAAgB,CACtB,MAAMQ,EAAS,CACd,EACA,OAAO,WACP,OAAO,YACP,OAAO,iBACP,OAAOR,EAAK,MAAM,QAAQ,EAC1B,OAAOA,EAAK,MAAM,QAAQ,CAAA,EAG3B,SAAS,OAAS,UAAYQ,EAAO,KAAK,GAAG,EAAI,WAClD,CAED,EA3GCC,EAFKT,EAEE,QAAOD,GAAA,YAAAA,EAAS,OAAQ,IAE/BU,EAJKT,EAIE,UAAUH,GAEjBY,EANKT,EAME,QAAQU,EAAA,SAAS,CAAE,GAAGZ,CAAO,CAAA,GAEpCW,EARKT,EAQE,sBARR,IAAMW,EAANX"}
+{"version":3,"file":"core-51f7b679.amd.js","sources":["../../src/core/core/events.ts","../../src/core/core/options.ts","../../src/core/core/state.ts","../../src/core/core/core.ts"],"sourcesContent":["const onResizeDelay = 100;\n\nlet onResizeTimer: NodeJS.Timeout;\n\ntype TopEvent = Event & { topEvent: { widthDiff: number, hightDiff: number } }\n\n/**\n * Установленные обрабочики на событие изменения размеров окна\n */\nconst onResizeListeners: Map<(ev: TopEvent) => any, (ev: TopEvent) => any> = new Map();\n\n// зафиксированное состояние размеров окна\nconst windowSize = {\n\twidth: window.innerWidth,\n\theight: window.innerHeight,\n};\n\n/**\n * Добавить обработчик на событие изменения размеров экрана\n * вызов таких обработчиков будет опмизирован и объединен в одно событие\n */\nfunction addOnReize (listener: (this: Element, ev: TopEvent) => any) {\n\tonResizeListeners.set(listener, listener);\n}\n\n/**\n * Удаление обработчика на событие изменений размеров экрана\n */\nfunction removeOnResize (listener: (this: Element, ev: TopEvent) => any) {\n\tonResizeListeners.delete(listener);\n}\n\nfunction onResize (e: any) {\n\tclearTimeout(onResizeTimer);\n\n\tonResizeTimer = setTimeout(function () {\n\t\te.topEvent = {\n\t\t\twidthDiff: windowSize.width - window.innerWidth,\n\t\t\thightDiff: windowSize.height - window.innerHeight,\n\t\t};\n\n\t\twindowSize.width = window.innerWidth;\n\t\twindowSize.height = window.innerHeight;\n\n\t\tonResizeListeners.forEach((callback) => callback(e));\n\t}, onResizeDelay);\n}\n\nwindow.addEventListener('resize', onResize);\n\nexport default {\n\taddOnReize,\n\tremoveOnResize,\n};\n","/**\n * Конфигурация UI\n * Можно переопределить при подклчюении UI во Vue приложение через app.use(Core, options)\n */\nconst options = {\n\twidthForMobile: 900,\n};\n\nexport default options;","/**\n * State UI для взаимодейсвтиями с приложениями Vue\n */\nconst state = {\n\t/**\n\t * Device by size\n\t * @see widthForMobile\n\t */\n\tisMobile: false,\n\n\t/**\n\t * Device by user agent\n\t */\n\tisMobileUA: false,\n\n\t/**\n\t * true, если плотность пикселей экрана больше 1\n\t */\n\tisRetina: false,\n\n\t/**\n\t * true, елси это приложение\n\t */\n\tisApp: false,\n\n\t/**\n\t * true при горизонтальном расположении устройства\n\t */\n\tisLandscape: true,\n\n\t/**\n\t * true при вертикальном расположении устройства\n\t */\n\tisPortrait: false,\n\tsize: 0,\n};\n\nexport default state;","import { reactive } from 'vue';\nimport Device from '@/core/utils/device';\nimport DOM from '@/core/utils/dom';\nimport Events from '@/core/core/events';\nimport options from '@/core/core/options';\nimport state from '@/core/core/state';\n\nconst _window: any = window;\n\nclass Core {\n\n\tstatic page = _window?.page || {};\n\n\tstatic options = options;\n\n\tstatic state = reactive({ ...state });\n\n\tstatic matchMediaIsMobile?: MediaQueryList;\n\n\t/**\n\t * Добавить на страницу стили, используется для загрузки стилей из js\n\t *\n\t * Условная загрузка стилей m и pc отключена в пользу производительсности, стили грузятся всегда, но применяются по условию\n\t * @param style - css стили в строке\n\t * @param type - если указать 'm' или 'pc', то стили будут применяться по условию в зависимости от настройки this.options.widthForMobile\n\t */\n\tstatic appendStyle (style: string, type: '' | 'm' | 'pc'): void {\n\t\tlet media = 'all';\n\n\t\tif (type === 'm') {\n\t\t\tmedia = '(max-width: ' + this.options.widthForMobile + 'px)';\n\t\t}\n\n\t\tif (type === 'pc') {\n\t\t\tmedia = '(min-width: ' + this.options.widthForMobile + 'px)';\n\t\t}\n\n\t\tconst elStyle = document.createElement('style');\n\t\telStyle.innerHTML = style;\n\t\telStyle.media = media;\n\n\t\tdocument.head.append(elStyle);\n\t}\n\n\t/**\n\t * Установить как плагин в прилоежнии Vue\n\t * Core.state является общим для всех приложений Vue на странице\n\t * Core.options является общим для всех приложений Vue на странице\n\t * @param app - Vue App\n\t * @param {typeof options} options - параметры UI\n\t */\n\tstatic install (app: any, options: typeof this.options) {\n\t\tCore.defineOptions(options);\n\n\t\tapp.provide('top-core', Core);\n\t}\n\n\t/**\n\t * Установить конфигурацию UI\n\t * @param {typeof options} options\n\t */\n\tstatic defineOptions (options: typeof this.options) {\n\t\tif (options.widthForMobile) {\n\t\t\tthis.options.widthForMobile = options.widthForMobile;\n\t\t}\n\n\t\tCore.setState();\n\t}\n\n\tstatic setState () {\n\t\tCore.matchMediaIsMobile = window.matchMedia(`(max-width: ${Core.options.widthForMobile}px)`);\n\n\t\tCore.state.isMobileUA = Device.isMobile();\n\t\tCore.state.isRetina = Device.isRetina();\n\t\tCore.state.isApp = Device.isApp();\n\n\t\tCore.setStateByWindowSize();\n\n\t\t// пересчет значений, зависящих от рамзеров окна\n\t\tEvents.addOnReize(Core.onResize);\n\n\t\tCore.onResize();\n\n\t\tCore.saveToCookie();\n\t}\n\n\tstatic onResize () {\n\t\tCore.setStateByWindowSize();\n\n\t\t// честный vh\n\t\tdocument.documentElement.style.setProperty('--100vh', window.innerHeight + 'px');\n\t}\n\n\tstatic setStateByWindowSize () {\n\t\tCore.state.isMobile = !!Core.matchMediaIsMobile?.matches;\n\t\tCore.state.isLandscape = (window.innerWidth > window.innerHeight);\n\t\tCore.state.isPortrait = !Core.state.isLandscape;\n\t\tCore.state.size = (window.innerWidth > window.innerHeight) ? window.innerWidth : window.innerHeight;\n\n\t\tCore.saveToCookie();\n\t}\n\n\t/**\n\t * Сохранить информацию об устройстве в cookie\n\t */\n\tstatic saveToCookie () {\n\t\tconst device = [\n\t\t\t1,\n\t\t\twindow.innerWidth,\n\t\t\twindow.innerHeight,\n\t\t\twindow.devicePixelRatio,\n\t\t\tNumber(Core.state.isMobile),\n\t\t\tNumber(Core.state.isRetina),\n\t\t];\n\n\t\tdocument.cookie = 'device=' + device.join(',') + '; path=/;';\n\t}\n\n}\n\nexport default Core;"],"names":["reactive","options","Device"],"mappings":"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"}