@topvisor/ui 0.0.14 → 0.0.16

package/.chunks/core-97b070be.amd.js

@@ -0,0 +1,2 @@
+var g=Object.defineProperty;var v=(s,t,n)=>t in s?g(s,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):s[t]=n;var a=(s,t,n)=>(v(s,typeof t!="symbol"?t+"":t,n),n);define(["exports","vue","../utils/device.amd"],function(s,t,n){"use strict";let m;const c=new Map,d={width:window.innerWidth,height:window.innerHeight};function f(o){c.set(o,o)}function b(o){c.delete(o)}function z(o){clearTimeout(m),m=setTimeout(function(){o.topEvent={widthDiff:d.width-window.innerWidth,hightDiff:d.height-window.innerHeight},d.width=window.innerWidth,d.height=window.innerHeight,c.forEach(e=>e(o))},100)}window.addEventListener("resize",z);const M={addOnReize:f,removeOnResize:b},u={widthForMobile:900},R={isMobile:!1,isMobileUA:!1,isRetina:!1,isApp:!1,isLandscape:!0,isPortrait:!1,size:0},h=window,i=class i{static appendStyle(e,w){let l="all";w==="m"&&(l="(max-width: "+this.options.widthForMobile+"px)"),w==="pc"&&(l="(min-width: "+this.options.widthForMobile+"px)");const p=document.createElement("style");p.innerHTML=e,p.media=l,document.head.append(p)}static install(e,w){i.defineOptions(w),e.provide("top-core",i)}static defineOptions(e){e.widthForMobile&&(this.options.widthForMobile=e.widthForMobile),i.setState()}static setState(){i.matchMediaIsMobile=window.matchMedia(`(max-width: ${i.options.widthForMobile}px)`),i.state.isMobileUA=n.isMobile(),i.state.isRetina=n.isRetina(),i.state.isApp=n.isApp(),i.setStateByWindowSize(),M.addOnReize(i.onResize),i.onResize(),i.saveToCookie()}static onResize(){i.setStateByWindowSize(),document.documentElement.style.setProperty("--100vh",window.innerHeight+"px")}static setStateByWindowSize(){var e;i.state.isMobile=!!((e=i.matchMediaIsMobile)!=null&&e.matches),i.state.isLandscape=window.innerWidth>window.innerHeight,i.state.isPortrait=!i.state.isLandscape,i.state.size=window.innerWidth>window.innerHeight?window.innerWidth:window.innerHeight,i.saveToCookie()}static saveToCookie(){const e=[1,window.innerWidth,window.innerHeight,window.devicePixelRatio,Number(i.state.isMobile),Number(i.state.isRetina)];document.cookie="device="+e.join(",")+"; path=/;"}};a(i,"page",(h==null?void 0:h.page)||{}),a(i,"options",u),a(i,"state",t.reactive({...R})),a(i,"matchMediaIsMobile");let r=i;s.Core=r,s.Events=M});
+//# sourceMappingURL=core-97b070be.amd.js.map

package/.chunks/core-97b070be.amd.js.map

@@ -0,0 +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"}

package/.chunks/core-c3afa109.es.js

@@ -0,0 +1,121 @@
+var p = Object.defineProperty;
+var m = (t, e, n) => e in t ? p(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var o = (t, e, n) => (m(t, typeof e != "symbol" ? e + "" : e, n), n);
+import { reactive as M } from "vue";
+import w from "../utils/device.js";
+const f = 100;
+let r;
+const h = /* @__PURE__ */ new Map(), s = {
+  width: window.innerWidth,
+  height: window.innerHeight
+};
+function b(t) {
+  h.set(t, t);
+}
+function z(t) {
+  h.delete(t);
+}
+function R(t) {
+  clearTimeout(r), r = setTimeout(function() {
+    t.topEvent = {
+      widthDiff: s.width - window.innerWidth,
+      hightDiff: s.height - window.innerHeight
+    }, s.width = window.innerWidth, s.height = window.innerHeight, h.forEach((e) => e(t));
+  }, f);
+}
+window.addEventListener("resize", R);
+const g = {
+  addOnReize: b,
+  removeOnResize: z
+}, u = {
+  widthForMobile: 900
+}, v = {
+  /**
+   * Device by size
+   * @see widthForMobile
+   */
+  isMobile: !1,
+  /**
+   * Device by user agent
+   */
+  isMobileUA: !1,
+  /**
+   * true, если плотность пикселей экрана больше 1
+   */
+  isRetina: !1,
+  /**
+   * true, елси это приложение
+   */
+  isApp: !1,
+  /**
+   * true при горизонтальном расположении устройства
+   */
+  isLandscape: !0,
+  /**
+   * true при вертикальном расположении устройства
+   */
+  isPortrait: !1,
+  size: 0
+}, c = window, i = class i {
+  /**
+   * Добавить на страницу стили, используется для загрузки стилей из js
+   *
+   * Условная загрузка стилей m и pc отключена в пользу производительсности, стили грузятся всегда, но применяются по условию
+   * @param style - css стили в строке
+   * @param type - если указать 'm' или 'pc', то стили будут применяться по условию в зависимости от настройки this.options.widthForMobile
+   */
+  static appendStyle(e, n) {
+    let a = "all";
+    n === "m" && (a = "(max-width: " + this.options.widthForMobile + "px)"), n === "pc" && (a = "(min-width: " + this.options.widthForMobile + "px)");
+    const d = document.createElement("style");
+    d.innerHTML = e, d.media = a, document.head.append(d);
+  }
+  /**
+   * Установить как плагин в прилоежнии Vue
+   * Core.state является общим для всех приложений Vue на странице
+   * Core.options является общим для всех приложений Vue на странице
+   * @param app - Vue App
+   * @param {typeof options} options - параметры UI
+   */
+  static install(e, n) {
+    i.defineOptions(n), e.provide("top-core", i);
+  }
+  /**
+   * Установить конфигурацию UI
+   * @param {typeof options} options
+   */
+  static defineOptions(e) {
+    e.widthForMobile && (this.options.widthForMobile = e.widthForMobile), i.setState();
+  }
+  static setState() {
+    i.matchMediaIsMobile = window.matchMedia(`(max-width: ${i.options.widthForMobile}px)`), i.state.isMobileUA = w.isMobile(), i.state.isRetina = w.isRetina(), i.state.isApp = w.isApp(), i.setStateByWindowSize(), g.addOnReize(i.onResize), i.onResize(), i.saveToCookie();
+  }
+  static onResize() {
+    i.setStateByWindowSize(), document.documentElement.style.setProperty("--100vh", window.innerHeight + "px");
+  }
+  static setStateByWindowSize() {
+    var e;
+    i.state.isMobile = !!((e = i.matchMediaIsMobile) != null && e.matches), i.state.isLandscape = window.innerWidth > window.innerHeight, i.state.isPortrait = !i.state.isLandscape, i.state.size = window.innerWidth > window.innerHeight ? window.innerWidth : window.innerHeight, i.saveToCookie();
+  }
+  /**
+   * Сохранить информацию об устройстве в cookie
+   */
+  static saveToCookie() {
+    const e = [
+      1,
+      window.innerWidth,
+      window.innerHeight,
+      window.devicePixelRatio,
+      Number(i.state.isMobile),
+      Number(i.state.isRetina)
+    ];
+    document.cookie = "device=" + e.join(",") + "; path=/;";
+  }
+};
+o(i, "page", (c == null ? void 0 : c.page) || {}), o(i, "options", u), o(i, "state", M({ ...v })), o(i, "matchMediaIsMobile");
+let l = i;
+export {
+  l as C,
+  g as E
+};
+//# sourceMappingURL=core-c3afa109.es.js.map

package/.chunks/core-c3afa109.es.js.map

@@ -0,0 +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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"}

package/.chunks/forms-6a6b0b80.es.js

@@ -0,0 +1,436 @@
+import { defineComponent as d, computed as y, openBlock as r, createBlock as v, resolveDynamicComponent as V, normalizeClass as i, withCtx as z, renderSlot as k, createTextVNode as S, toDisplayString as f, createElementBlock as n, useCssVars as L, resolveDirective as N, withDirectives as $, createElementVNode as h, mergeProps as T, vModelText as w, createCommentVNode as p, unref as _, withKeys as D } from "vue";
+var B = /* @__PURE__ */ ((t) => (t.S = "s", t.L = "l", t.XL = "xl", t))(B || {}), E = /* @__PURE__ */ ((t) => (t.Theme = "theme", t.Blue = "blue", t.Green = "green", t.Orange = "orange", t.Red = "red", t.Pink = "pink", t))(E || {}), M = /* @__PURE__ */ ((t) => (t.Regular = "", t.Outline = "outline", t.Soft = "soft", t.Transparent = "transparent", t))(M || {});
+const P = /* @__PURE__ */ d({
+  __name: "button",
+  props: {
+    color: { default: E.Blue },
+    styling: { default: M.Regular },
+    size: { default: B.S },
+    name: {},
+    title: {},
+    icon: {},
+    icon2: {},
+    href: {},
+    disabled: { type: Boolean },
+    isSubmit: { type: Boolean },
+    isActive: { type: Boolean },
+    isProgress: { type: Boolean }
+  },
+  setup(t) {
+    const e = t, a = y(() => e.href ? "a" : "button"), l = y(() => e.isSubmit ? "submit" : void 0);
+    return (o, c) => (r(), v(V(a.value), {
+      class: i({
+        "top-active": o.isActive,
+        "top-disabled": o.disabled,
+        "top-forms-focusable": !o.disabled,
+        "top-button": !0,
+        "top-button-progress": o.isProgress,
+        [`top-size_${o.size}`]: !!o.size,
+        [`top-color_${o.color}`]: !0,
+        [`top-style_${o.styling}`]: !!o.styling
+      }),
+      name: o.name,
+      title: o.title,
+      href: o.href,
+      type: l.value,
+      "data-top-icon": o.icon || void 0,
+      "data-top-icon2": o.icon2 || void 0,
+      disabled: o.disabled || void 0,
+      inProgress: o.isProgress
+    }, {
+      default: z(() => [
+        k(o.$slots, "default", {}, () => [
+          S(f(o.icon ? "" : "Button"), 1)
+        ])
+      ]),
+      _: 3
+    }, 8, ["class", "name", "title", "href", "type", "data-top-icon", "data-top-icon2", "disabled", "inProgress"]));
+  }
+}), W = "_progress_1hqxk_1", H = {
+  "top-button": "top-button",
+  "top-active": "top-active",
+  "top-button-progress": "top-button-progress",
+  progress: W,
+  "top-color_blue": "top-color_blue",
+  "top-color_green": "top-color_green",
+  "top-color_orange": "top-color_orange",
+  "top-color_red": "top-color_red",
+  "top-color_pink": "top-color_pink",
+  "top-color_theme": "top-color_theme",
+  "top-style_outline": "top-style_outline",
+  "top-style_soft": "top-style_soft",
+  "top-style_transparent": "top-style_transparent",
+  "top-size_l": "top-size_l",
+  "top-size_xl": "top-size_xl"
+}, u = (t, e) => {
+  const a = t.__vccOpts || t;
+  for (const [l, o] of e)
+    a[l] = o;
+  return a;
+}, K = {
+  $style: H
+}, _e = /* @__PURE__ */ u(P, [["__cssModules", K]]), U = ["title"], q = /* @__PURE__ */ d({
+  __name: "hint",
+  props: {
+    hint: {}
+  },
+  setup(t) {
+    return (e, a) => (r(), n("span", {
+      class: "top-hint",
+      "data-top-icon": "",
+      title: e.hint
+    }, null, 8, U));
+  }
+}), X = {
+  "top-hint": "top-hint"
+}, j = {
+  $style: X
+}, A = /* @__PURE__ */ u(q, [["__cssModules", j]]), F = ["name", "placeholder", "disabled", "readonly", "rows"], J = {
+  key: 0,
+  class: "top-textarea_pseudoContent"
+}, Q = /* @__PURE__ */ d({
+  __name: "textarea",
+  props: {
+    modelValue: {},
+    name: {},
+    placeholder: {},
+    rows: { default: 5 },
+    minHeight: { default: 120 },
+    expandable: { type: Boolean },
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    isError: { type: Boolean },
+    hint: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: e }) {
+    const a = t;
+    L((o) => ({
+      bcf6b9ae: o.minHeight + "px"
+    }));
+    const l = y({
+      get() {
+        return a.modelValue;
+      },
+      set(o) {
+        e("update:modelValue", o);
+      }
+    });
+    return (o, c) => {
+      const s = N("tv-tooltip");
+      return r(), n("label", {
+        class: i({
+          "top-textarea": !0,
+          ["top-textarea-" + o.name]: o.name,
+          "top-disabled": o.disabled
+        })
+      }, [
+        $(h("textarea", T({
+          type: "text",
+          class: {
+            "top-forms-focusable": !o.disabled,
+            "top-textarea_textarea": !0,
+            "top-textarea_textarea-expandable": o.expandable,
+            "top-error": o.isError
+          },
+          autocomplete: "off_always",
+          name: o.name,
+          placeholder: o.placeholder,
+          disabled: o.disabled,
+          readonly: o.readonly,
+          rows: o.expandable ? void 0 : o.rows
+        }, o.$attrs, {
+          "onUpdate:modelValue": c[0] || (c[0] = (b) => l.value = b)
+        }), null, 16, F), [
+          [w, l.value]
+        ]),
+        o.expandable ? (r(), n("div", J, f(l.value + " "), 1)) : p("", !0),
+        o.hint ? $((r(), v(A, {
+          key: 1,
+          class: "top-textarea_hint",
+          hint: o.hint
+        }, null, 8, ["hint"])), [
+          [s]
+        ]) : p("", !0)
+      ], 2);
+    };
+  }
+}), G = {
+  "top-textarea": "top-textarea",
+  "top-textarea_textarea": "top-textarea_textarea",
+  "top-textarea_textarea-expandable": "top-textarea_textarea-expandable",
+  "top-textarea_pseudoContent": "top-textarea_pseudoContent",
+  "top-textarea_hint": "top-textarea_hint"
+}, O = {
+  $style: G
+}, ke = /* @__PURE__ */ u(Q, [["__cssModules", O]]), R = { class: "top-forms-optionLabel" }, Z = {
+  key: 0,
+  class: "top-forms-optionLabel_description"
+}, Y = /* @__PURE__ */ d({
+  __name: "controlLabel",
+  props: {
+    title: {},
+    description: {},
+    disabled: { type: Boolean }
+  },
+  setup(t) {
+    return (e, a) => (r(), n("div", R, [
+      h("div", {
+        class: i({
+          "top-forms-optionLabel_title": !0,
+          "top-forms-optionLabel_title-disabled": e.disabled
+        })
+      }, f(e.title), 3),
+      e.description ? (r(), n("div", Z, f(e.description), 1)) : p("", !0)
+    ]));
+  }
+}), I = {
+  "top-forms-optionLabel": "top-forms-optionLabel",
+  "top-forms-optionLabel_title": "top-forms-optionLabel_title",
+  "top-forms-optionLabel_title-disabled": "top-forms-optionLabel_title-disabled",
+  "top-forms-optionLabel_description": "top-forms-optionLabel_description"
+}, x = {
+  $style: I
+}, g = /* @__PURE__ */ u(Y, [["__cssModules", x]]), ee = ["name", "value", "checked", "indeterminate", "disabled"], oe = /* @__PURE__ */ d({
+  __name: "checkbox",
+  props: {
+    name: {},
+    value: {},
+    title: {},
+    description: {},
+    checked: { type: Boolean },
+    disabled: { type: Boolean },
+    indeterminate: { type: Boolean },
+    isError: { type: Boolean }
+  },
+  setup(t) {
+    return (e, a) => (r(), n("label", {
+      class: i({
+        "top-forms-optionWrapper": !0,
+        "top-checkbox": !0,
+        ["top-checkbox_" + e.name]: e.name !== "",
+        "top-active": e.checked,
+        "top-disabled": e.disabled,
+        "top-error": e.isError && !e.disabled
+      })
+    }, [
+      h("input", {
+        type: "checkbox",
+        class: i({
+          "top-forms-focusable": !e.disabled,
+          "top-forms-option": !0,
+          "top-checkbox_input": !0,
+          "top-error": e.isError && !e.disabled
+        }),
+        name: e.name,
+        value: e.value,
+        checked: e.checked,
+        indeterminate: e.indeterminate,
+        disabled: e.disabled
+      }, null, 10, ee),
+      e.title ? (r(), v(g, {
+        key: 0,
+        title: e.title,
+        description: e.description,
+        disabled: e.disabled
+      }, null, 8, ["title", "description", "disabled"])) : p("", !0)
+    ], 2));
+  }
+}), te = {
+  "top-checkbox": "top-checkbox",
+  "top-checkbox_input": "top-checkbox_input",
+  "top-error": "top-error"
+}, se = {
+  $style: te
+}, $e = /* @__PURE__ */ u(oe, [["__cssModules", se]]);
+var m = /* @__PURE__ */ ((t) => (t.NONE = "", t.SLIDE = "slide", t.TOP = "top", t))(m || {});
+const ae = ["data-top-icon"], re = ["name", "title", "placeholder", "disabled", "readonly"], le = {
+  key: 2,
+  class: "top-formsCaption"
+}, ne = /* @__PURE__ */ d({
+  __name: "input",
+  props: {
+    modelValue: {},
+    name: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    title: {},
+    captionType: { default: m.NONE },
+    size: { default: B.S },
+    icon: {},
+    addCleaner: { type: Boolean },
+    isError: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: e }) {
+    const a = t, l = y({
+      get() {
+        return a.modelValue;
+      },
+      set(s) {
+        e("update:modelValue", s);
+      }
+    }), o = y(() => a.addCleaner && !a.title || a.captionType !== m.NONE ? "" : a.title), c = () => {
+      e("update:modelValue", "");
+    };
+    return (s, b) => (r(), n("label", {
+      class: i({
+        "top-input": !0,
+        ["top-input-" + s.name]: s.name,
+        ["top-size_" + s.size]: !0,
+        "top-disabled": s.disabled,
+        "top-input-withCleaner": s.addCleaner,
+        "top-formsCaptionWrapper": s.captionType !== _(m).NONE,
+        "top-formsCaptionWrapper-always": s.captionType === _(m).TOP,
+        "top-input-withButton": !!s.$slots.btn
+      }),
+      "data-top-icon": s.icon
+    }, [
+      $(h("input", {
+        type: "text",
+        class: i({
+          "top-forms-focusable": !s.disabled,
+          "top-input_input": !0,
+          "top-error": s.isError
+        }),
+        autocomplete: "off_always",
+        name: s.name,
+        "onUpdate:modelValue": b[0] || (b[0] = (C) => l.value = C),
+        title: s.title,
+        placeholder: o.value,
+        disabled: s.disabled,
+        readonly: s.readonly,
+        onKeydown: b[1] || (b[1] = D(() => (s.addCleaner || !!s.$slots.btn) && c(), ["esc"]))
+      }, null, 42, re), [
+        [w, l.value]
+      ]),
+      s.addCleaner && l.value ? (r(), n("span", {
+        key: 0,
+        class: "top-input_cleaner top-cleaner",
+        "data-top-icon": "",
+        onClick: c
+      })) : p("", !0),
+      l.value ? k(s.$slots, "btn", { key: 1 }) : p("", !0),
+      k(s.$slots, "default"),
+      s.captionType !== _(m).NONE ? (r(), n("span", le, f(s.title), 1)) : p("", !0)
+    ], 10, ae));
+  }
+}), ie = {
+  "top-input": "top-input",
+  "top-input_input": "top-input_input",
+  "top-input-withCleaner": "top-input-withCleaner"
+}, pe = {
+  $style: ie
+}, Be = /* @__PURE__ */ u(ne, [["__cssModules", pe]]), de = ["name", "value", "checked", "disabled"], ue = /* @__PURE__ */ d({
+  __name: "radio",
+  props: {
+    name: {},
+    value: {},
+    title: {},
+    description: {},
+    checked: { type: Boolean },
+    disabled: { type: Boolean },
+    isError: { type: Boolean }
+  },
+  setup(t) {
+    return (e, a) => (r(), n("label", {
+      class: i({
+        "top-forms-optionWrapper": !0,
+        "top-radio": !0,
+        ["top-radio_" + e.name]: e.name !== "",
+        "top-active": e.checked,
+        "top-disabled": e.disabled,
+        "top-error": e.isError && !e.disabled
+      })
+    }, [
+      h("input", {
+        type: "radio",
+        class: i({
+          "top-forms-focusable": !e.disabled,
+          "top-forms-option": !0,
+          "top-radio_input": !0,
+          "top-error": e.isError && !e.disabled
+        }),
+        name: e.name,
+        value: e.value,
+        checked: e.checked,
+        disabled: e.disabled
+      }, null, 10, de),
+      e.title ? (r(), v(g, {
+        key: 0,
+        title: e.title,
+        description: e.description,
+        disabled: e.disabled
+      }, null, 8, ["title", "description", "disabled"])) : p("", !0)
+    ], 2));
+  }
+}), ce = {
+  "top-radio": "top-radio",
+  "top-radio_input": "top-radio_input",
+  "top-error": "top-error"
+}, be = {
+  $style: ce
+}, ge = /* @__PURE__ */ u(ue, [["__cssModules", be]]), me = ["name", "value", "checked", "disabled"], he = /* @__PURE__ */ d({
+  __name: "switcher",
+  props: {
+    name: {},
+    value: {},
+    title: {},
+    description: {},
+    checked: { type: Boolean },
+    disabled: { type: Boolean },
+    isError: { type: Boolean },
+    isSwitcher: { type: Boolean }
+  },
+  setup(t) {
+    return (e, a) => (r(), n("label", {
+      class: i({
+        "top-forms-optionWrapper": !0,
+        "top-checkboxSwitcher": !0,
+        "top-active": e.checked,
+        "top-disabled": e.disabled,
+        "top-error": e.isError && !e.disabled
+      })
+    }, [
+      h("input", {
+        type: "checkbox",
+        class: i({
+          "top-forms-focusable": !e.disabled,
+          "top-forms-option": !0,
+          "top-checkboxSwitcher_input": !0,
+          "top-error": e.isError && !e.disabled
+        }),
+        name: e.name,
+        value: e.value,
+        checked: e.checked,
+        disabled: e.disabled
+      }, null, 10, me),
+      e.title ? (r(), v(g, {
+        key: 0,
+        title: e.title,
+        description: e.description,
+        disabled: e.disabled
+      }, null, 8, ["title", "description", "disabled"])) : p("", !0)
+    ], 2));
+  }
+}), ye = {
+  "top-checkboxSwitcher": "top-checkboxSwitcher",
+  "top-checkboxSwitcher_input": "top-checkboxSwitcher_input",
+  "top-error": "top-error"
+}, fe = {
+  $style: ye
+}, we = /* @__PURE__ */ u(he, [["__cssModules", fe]]);
+export {
+  _e as B,
+  E as C,
+  A as H,
+  B as S,
+  ke as T,
+  u as _,
+  g as a,
+  $e as c,
+  Be as i,
+  ge as r,
+  we as s
+};
+//# sourceMappingURL=forms-6a6b0b80.es.js.map

package/.chunks/forms-6a6b0b80.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forms-6a6b0b80.es.js","sources":["../../src/components/forms/helpers.ts","../../src/components/forms/button/button.ts","../../src/components/forms/button/button.vue","../../src/components/forms/textarea/textarea.vue","../../src/components/forms/input/input.ts","../../src/components/forms/input/input.vue"],"sourcesContent":["/**\n * Размеры\n */\nexport enum SIZE {\n\tS = 's',\n\tL = 'l',\n\tXL = 'xl',\n}","import type { VNode } from 'vue';\nimport { SIZE } from '@/components/forms/helpers';\n\n/**\n * Определение параметров\n */\nexport interface Props {\n\tcolor?: COLOR\n\tstyling?: STYLING // bug: name = style init with object type\n\tsize?: SIZE\n\n\tname?: string\n\ttitle?: string\n\ticon?: string\n\ticon2?: string\n\n\thref?: string // если установлена ссылка, isSubmit не может быть true\n\t// value?: string\n\n\tdisabled?: boolean\n\tisSubmit?: boolean\n\tisActive?: boolean\n\tisProgress?: boolean\n}\n\n// /**\n//  * Определение слотов\n//  */\n// export interface Slots {\n// \t/**\n// \t * Слот с проивзольным содержимым\n// \t */\n// \tdefault(): VNode[];\n// }\n\n/**\n * Определение событий\n */\nexport interface Emits { }\n\n/**\n * Цвета\n */\nexport enum COLOR {\n\tTheme = 'theme',\n\tBlue = 'blue',\n\tGreen = 'green',\n\tOrange = 'orange',\n\tRed = 'red',\n\tPink = 'pink',\n}\n\n/**\n * Стили\n */\nexport enum STYLING {\n\tRegular = '',\n\tOutline = 'outline',\n\tSoft = 'soft',\n\tTransparent = 'transparent',\n}\n\nexport { SIZE };","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { Props } from './button';\nimport { COLOR, STYLING, SIZE } from './button';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tcolor: COLOR.Blue,\n\tstyling: STYLING.Regular,\n\tsize: SIZE.S,\n});\n\nconst tagName = computed(() => props.href ? 'a' : 'button');\n\nconst type = computed(() => props.isSubmit ? 'submit' : undefined);\n</script>\n\n<template>\n\t<component\n\t\t:is=\"tagName\"\n\t\t:class=\"{\n\t\t\t['top-active']: isActive,\n\t\t\t['top-disabled']: disabled,\n\t\t\t['top-forms-focusable']: !disabled,\n\t\t\t['top-button']: true,\n\t\t\t['top-button-progress']: isProgress,\n\t\t\t[`top-size_${size}`]: !!size,\n\t\t\t[`top-color_${color}`]: true,\n\t\t\t[`top-style_${styling}`]: !!styling,\n\t\t}\"\n\t\t:name=\"name\"\n\t\t:title=\"title\"\n\t\t:href=\"href\"\n\t\t:type=\"type\"\n\t\t:data-top-icon=\"icon || undefined\"\n\t\t:data-top-icon2=\"icon2 || undefined\"\n\t\t:disabled=\"disabled || undefined\"\n\t\t:inProgress=\"isProgress\"\n\t>\n\t\t<!-- @slot Текст или HTML в кнопке -->\n\t\t<slot>\n\t\t\t{{ !icon ? 'Button' : '' }}\n\t\t</slot>\n\t</component>\n</template>\n\n<style module>\n@import \"./style/button.css\";\n@import \"./style/style-outline.css\";\n@import \"./style/style-soft.css\";\n@import \"./style/style-transparent.css\";\n\n.top-button {\n\t--top-button-color: var(--color-white);\n\t--top-button-background-color: transparent;\n\t--top-button-background-color-hover: var(--top-button-background-color);\n\t--top-button-background-color-active: var(--top-button-background-color-hover);\n\t--top-button-background-color-selected: var(--top-button-background-color-hover);\n\t--top-button-box-shadow: none;\n\t--top-button-box-shadow-hover: var(--top-shadow-darken-2);\n\t--top-button-box-shadow-active: var(--top-shadow-darken-3);\n\t--top-button-box-shadow-selected: var(--top-shadow-darken-3);\n\t--top-forms-border-width: 0px;\n\t--top-icon-width: calc(var(--top-icon-size) + var(--top-forms-padding));\n\t--top-icon2-width: calc(var(--top-icon2-size) + var(--top-forms-padding));\n}\n\n.top-button.top-size_l {\n\t--top-forms-padding: var(--top-forms-padding_l);\n\t--top-forms-base-height: var(--top-forms-base-height_l);\n}\n\n.top-button.top-size_xl {\n\t--top-forms-padding: var(--top-forms-padding_xl);\n\t--top-forms-base-height: var(--top-forms-base-height_xl);\n}\n</style>","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport Hint from '@/components/forms/hint/hint.vue';\nimport type { Props, Emits } from './textarea';\n\nconst props = withDefaults(defineProps<Props>(), {\n\trows: 5,\n\tminHeight: 120,\n});\n\nconst emit = defineEmits<Emits>();\n\nconst value = computed({\n\tget () {\n\t\treturn props.modelValue;\n\t},\n\tset (value) {\n\t\temit('update:modelValue', value);\n\t},\n});\n</script>\n\n<template>\n\t<label\n\t\t:class=\"{\n\t\t\t['top-textarea']: true,\n\t\t\t['top-textarea-' + name]: name,\n\t\t\t['top-disabled']: disabled,\n\t\t}\"\n\t>\n\t\t<textarea\n\t\t\ttype=\"text\"\n\t\t\t:class=\"{\n\t\t\t\t['top-forms-focusable']: !disabled,\n\t\t\t\t['top-textarea_textarea']: true,\n\t\t\t\t['top-textarea_textarea-expandable']: expandable,\n\t\t\t\t['top-error']: isError,\n\t\t\t}\"\n\t\t\tautocomplete=\"off_always\"\n\t\t\t:name=\"name\"\n\t\t\t:placeholder=\"placeholder\"\n\t\t\t:disabled=\"disabled\"\n\t\t\t:readonly=\"readonly\"\n\t\t\t:rows=\"!expandable ? rows : undefined\"\n\t\t\t:=\"$attrs\"\n\t\t\tv-model=\"value\"\n\t\t/>\n\n\t\t<div\n\t\t\tv-if=\"expandable\"\n\t\t\tclass=\"top-textarea_pseudoContent\"\n\t\t>\n\t\t\t{{ value + ' ' }}\n\t\t</div>\n\n\t\t<Hint\n\t\t\tv-if=\"hint\"\n\t\t\tclass=\"top-textarea_hint\"\n\t\t\t:hint=\"hint\"\n\t\t\tv-tv-tooltip\n\t\t/>\n\t</label>\n</template>\n\n<style module>\n.top-textarea {\n\twidth: 180px;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tposition: relative;\n}\n\n.top-textarea_textarea {\n\tbackground: var(--top-forms-background-color);\n\twidth: 100%;\n\tpadding: var(--top-forms-padding);\n\tresize: none;\n}\n\n.top-textarea_textarea:hover {\n\tbackground: var(--top-forms-background-color-hover);\n}\n\n.top-textarea_textarea:focus {\n\toutline-color: var(--color-theme-75);\n\toutline-offset: 0px;\n}\n\n.top-textarea_textarea.top-textarea_textarea-expandable {\n\twidth: 100%;\n\theight: 100%;\n\toverflow: hidden;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n}\n\n.top-textarea_pseudoContent {\n\tbox-sizing: border-box;\n\tmin-height: v-bind(minHeight + 'px');\n\tpadding: var(--top-forms-padding);\n\tfont-size: 14px;\n\twhite-space: pre-wrap;\n\toverflow-wrap: anywhere;\n\tpointer-events: none;\n\topacity: 0;\n\tz-index: -1;\n}\n\n.top-textarea_hint {\n\tposition: absolute;\n\ttop: 2px;\n\tright: 2px;\n}\n</style>","import type { VNode } from 'vue';\nimport { SIZE } from '@/components/forms/helpers';\n\n/**\n * Определение параметров\n */\nexport interface Props {\n\tmodelValue?: string\n\n\tname?: string\n\tdisabled?: boolean\n\treadonly?: boolean\n\n\ttitle?: string\n\tcaptionType?: CAPTION_TYPE\n\n\tsize?: SIZE\n\ticon?: string\n\taddCleaner?: boolean\n\tisError?: boolean\n}\n\n/**\n * Определение слотов\n */\nexport interface Slots {\n\t/**\n\t * Cлот с проивзольным содержимым\n\t */\n\tdefault(): VNode[];\n\tbtn(): VNode[];\n}\n\n/**\n * Определение событий\n */\nexport interface Emits {\n\t(e: 'update:modelValue', value?: string): void\n}\n\n/**\n * Типы заголовка\n */\nexport enum CAPTION_TYPE {\n\tNONE = '',\n\tSLIDE = 'slide',\n\tTOP = 'top',\n}\n\nexport { SIZE };","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { Props, Emits } from './input';\nimport { SIZE, CAPTION_TYPE } from './input';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tsize: SIZE.S,\n\tcaptionType: CAPTION_TYPE.NONE,\n});\n\nconst emit = defineEmits<Emits>();\n\nconst value = computed({\n\tget () {\n\t\treturn props.modelValue;\n\t},\n\tset (value) {\n\t\temit('update:modelValue', value);\n\t},\n});\n\nconst placeholder = computed(() => {\n\tif (props.addCleaner && !props.title) {\n\t\treturn '';\n\t}\n\tif (props.captionType !== CAPTION_TYPE.NONE) {\n\t\treturn '';\n\t}\n\n\treturn props.title;\n});\n\nconst clean = () => {\n\temit('update:modelValue', '');\n};\n</script>\n\n<template>\n\t<label\n\t\t:class=\"{\n\t\t\t['top-input']: true,\n\t\t\t['top-input-' + name]: name,\n\t\t\t['top-size_' + size]: true,\n\t\t\t['top-disabled']: disabled,\n\t\t\t['top-input-withCleaner']: addCleaner,\n\t\t\t['top-formsCaptionWrapper']: captionType !== CAPTION_TYPE.NONE,\n\t\t\t['top-formsCaptionWrapper-always']: captionType === CAPTION_TYPE.TOP,\n\t\t\t['top-input-withButton']: !!$slots.btn,\n\t\t}\"\n\t\t:data-top-icon=\"icon\"\n\t>\n\t\t<input\n\t\t\ttype=\"text\"\n\t\t\t:class=\"{\n\t\t\t\t['top-forms-focusable']: !disabled,\n\t\t\t\t['top-input_input']: true,\n\t\t\t\t['top-error']: isError,\n\t\t\t}\"\n\t\t\tautocomplete=\"off_always\"\n\t\t\t:name=\"name\"\n\t\t\tv-model=\"value\"\n\t\t\t:title=\"title\"\n\t\t\t:placeholder=\"placeholder\"\n\t\t\t:disabled=\"disabled\"\n\t\t\t:readonly=\"readonly\"\n\t\t\t@keydown.esc=\"() => (addCleaner || !!$slots.btn) && clean()\"\n\t\t>\n\n\t\t<span\n\t\t\tv-if=\"addCleaner && value\"\n\t\t\tclass=\"top-input_cleaner top-cleaner\"\n\t\t\tdata-top-icon=\"\"\n\t\t\t@click=\"clean\"\n\t\t></span>\n\n\t\t<!-- TODO: кнопка должна отоборажаться только при изменении value -->\n\t\t<!-- TODO: до нажатия на кнопку, изменеине не должно применяться -->\n\t\t<!-- TODO: при отмене состояние должно возвращаться к первоначальному -->\n\t\t<slot\n\t\t\tv-if=\"value\"\n\t\t\tname=\"btn\"\n\t\t/>\n\n\t\t<slot></slot>\n\n\t\t<span\n\t\t\tv-if=\"captionType !== CAPTION_TYPE.NONE\"\n\t\t\tclass=\"top-formsCaption\"\n\t\t>\n\t\t\t{{ title }}\n\t\t</span>\n\t</label>\n</template>\n\n<style module>\n.top-input {\n\twidth: 180px;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: var(--top-gap-1);\n}\n\n.top-input_input {\n\tbackground: var(--top-forms-background-color);\n}\n\n.top-input_input:hover {\n\tbackground: var(--top-forms-background-color-hover);\n}\n\n.top-input_input:focus {\n\toutline-color: var(--color-theme-75);\n\toutline-offset: 0px;\n}\n\n.top-input-withCleaner .top-input_input:not(:placeholder-shown) {\n\t--top-forms_clear-width: 24px;\n}\n\n/* TODO: перенести в inputsRange */\n.top-input_input {\n\twidth: 50%;\n\tflex-grow: 1;\n}\n\n.top-input[data-top-icon]:before {\n\t--top-icon-color: var(--color-text-secondary);\n}\n</style>"],"names":["SIZE","COLOR","STYLING","tagName","computed","props","type","value","emit","CAPTION_TYPE","placeholder","clean"],"mappings":";AAGY,IAAAA,sBAAAA,OACXA,EAAA,IAAI,KACJA,EAAA,IAAI,KACJA,EAAA,KAAK,MAHMA,IAAAA,KAAA,CAAA,CAAA,GCwCAC,sBAAAA,OACXA,EAAA,QAAQ,SACRA,EAAA,OAAO,QACPA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,MAAM,OACNA,EAAA,OAAO,QANIA,IAAAA,KAAA,CAAA,CAAA,GAYAC,sBAAAA,OACXA,EAAA,UAAU,IACVA,EAAA,UAAU,WACVA,EAAA,OAAO,QACPA,EAAA,cAAc,eAJHA,IAAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;iBC5CNC,IAAUC,EAAS,MAAMC,EAAM,OAAO,MAAM,QAAQ,GAEpDC,IAAOF,EAAS,MAAMC,EAAM,WAAW,WAAW,MAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACDjE,UAAME,IAAQH,EAAS;AAAA,MACtB,MAAO;AACN,eAAOC,EAAM;AAAA,MACd;AAAA,MACA,IAAKE,GAAO;AACX,QAAAC,EAAK,qBAAqBD,CAAK;AAAA,MAChC;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACwBW,IAAAE,sBAAAA,OACXA,EAAA,OAAO,IACPA,EAAA,QAAQ,SACRA,EAAA,MAAM,OAHKA,IAAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;iBC/BNF,IAAQH,EAAS;AAAA,MACtB,MAAO;AACN,eAAOC,EAAM;AAAA,MACd;AAAA,MACA,IAAKE,GAAO;AACX,QAAAC,EAAK,qBAAqBD,CAAK;AAAA,MAChC;AAAA,IAAA,CACA,GAEKG,IAAcN,EAAS,MACxBC,EAAM,cAAc,CAACA,EAAM,SAG3BA,EAAM,gBAAgBI,EAAa,OAC/B,KAGDJ,EAAM,KACb,GAEKM,IAAQ,MAAM;AACnB,MAAAH,EAAK,qBAAqB,EAAE;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}