@topvisor/ui 0.9.35-1 → 0.9.35-3

package/core/utils/css.d.ts

@@ -1,43 +0,0 @@
-/**
- * Упраление загрузками стилей
- * @packageDocumentation
- */
-/**
- * Вставить css стили на страницу по ссылке с автоматическим добавлением правил media
- *
- * Правила media:
- * - Файлы *.m.css будут грузиться, только на экранах с шириной менее, чем Core.widthForMobile
- * - Файлы *.pc.css будут грузиться, только на экранах с шириной более, чем Core.widthForMobile
- *
- * Настройкой Core.widthForMobile можно управлять через plugin: @topvisor/ui/plugin/core
- *
- * @param fileNames - список ссылок на css файлы
- * @param useSync - использовать синхронную загрузку css, только для css с того же домена. В синхронном режиме стили предзагружаются независимо от
- * media
- */
-export declare const insertToPage: (fileNames: Array<string>, useSync?: boolean) => Promise<unknown[]>;
-/**
- * Вставить css стили на страницу с автоматическим добавлением правил media
- *
- * Загрузка с Vite:
- *
- * ```js
- * import style from '/style.css?raw';
- *
- * insertToPageAsInine(style);
- * ```
- *
- * Загрузка с fetch:
- *
- * ```js
- * const style = await fetch('./style.css');
- *
- * insertToPageAsInine(style);
- * ```
- *
- * @param style - css стили в строке
- * @param type - если указать 'm' или 'pc', то стили будут применяться по условию в зависимости от настройки this.widthForMobile
- *
- * @see insertToPage
- */
-export declare const insertToPageAsInine: (style: string, type?: "" | "m" | "pc") => void;

package/utils/css.amd.js

@@ -1,2 +0,0 @@
-define(["require","exports","../.chunks/forms-oowSA2rF.amd"],function(P,u,p){"use strict";if(typeof h>"u")var h=window.Vue;const m=(l,c=!1)=>{const e=new Map;e.set("::",[]),l.forEach(t=>{let n=!1,i=!1;t.match(/\.m\./)&&(n=!0),t.match(/\.pc\./)&&(i=!0);const a=`${n}:${i}`;e.has(a)||e.set(`${n}:${i}`,[]),e.get(`${n}:${i}`).push(t)});const o=[];return e.forEach((t,n)=>{if(!t.length)return;const[i,a]=n.split(":").map(s=>s==="true");let d="all";i&&(d="(max-width: "+p.Core.widthForMobile+"px)"),a&&(d="(max-width: "+p.Core.widthForMobile+"px)"),f(t,d,c).forEach(s=>o.push(s))}),Promise.all(o)},f=(l,c,e)=>{const o=[];return l.forEach(t=>{if(e){const s=new XMLHttpRequest;s.open("GET",t,!1),s.send()}const n="topCSSLink-"+t.replace(/\W/g,"-");if(window.hasOwnProperty(n))return;let i,a;const d=new Promise((s,g)=>{i=s,a=g});o.push(d);const r=document.createElement("link");r.id=n,r.rel="stylesheet",r.media=c,r.href=t,r.onload=()=>i(),r.onerror=()=>a(),document.head.append(r)}),o},w=(l,c="")=>{let e="all";c==="m"&&(e="(max-width: "+p.Core.widthForMobile+"px)"),c==="pc"&&(e="(min-width: "+p.Core.widthForMobile+"px)");const o=document.createElement("style");o.innerHTML=l,o.media=e,document.head.append(o)};u.insertToPage=m,u.insertToPageAsInine=w,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});
-//# sourceMappingURL=css.amd.js.map

package/utils/css.amd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"css.amd.js","sources":["../../src/core/utils/css.ts"],"sourcesContent":["/**\r\n * Упраление загрузками стилей\r\n * @packageDocumentation\r\n */\r\n\r\nimport Core from '@/core/core/core';\r\n\r\n/**\r\n * Вставить css стили на страницу по ссылке с автоматическим добавлением правил media\r\n *\r\n * Правила media:\r\n * - Файлы *.m.css будут грузиться, только на экранах с шириной менее, чем Core.widthForMobile\r\n * - Файлы *.pc.css будут грузиться, только на экранах с шириной более, чем Core.widthForMobile\r\n *\r\n * Настройкой Core.widthForMobile можно управлять через plugin: @topvisor/ui/plugin/core\r\n *\r\n * @param fileNames - список ссылок на css файлы\r\n * @param useSync - использовать синхронную загрузку css, только для css с того же домена. В синхронном режиме стили предзагружаются независимо от\r\n * media\r\n */\r\nexport const insertToPage = (fileNames: Array<string>, useSync = false) => {\r\n\tconst cssFilesByOptions = new Map();\r\n\tcssFilesByOptions.set('::', []);\r\n\r\n\tfileNames.forEach(filename => {\r\n\t\tlet m = false;\r\n\t\tlet pc = false;\r\n\r\n\t\tif (filename.match(/\\.m\\./)) {\r\n\t\t\tm = true;\r\n\t\t}\r\n\t\tif (filename.match(/\\.pc\\./)) {\r\n\t\t\tpc = true;\r\n\t\t}\r\n\r\n\t\tconst key = `${m}:${pc}`;\r\n\t\tif (!cssFilesByOptions.has(key)) {\r\n\t\t\tcssFilesByOptions.set(`${m}:${pc}`, []);\r\n\t\t}\r\n\t\tcssFilesByOptions.get(`${m}:${pc}`).push(filename);\r\n\t});\r\n\r\n\tconst promises: Array<Promise<unknown>> = [];\r\n\r\n\tcssFilesByOptions.forEach((fileNames, options: string) => {\r\n\t\tif (!fileNames.length) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst [m, pc] = options.split(':').map(item => item === 'true');\r\n\r\n\t\tlet media = 'all';\r\n\t\tif (m) {\r\n\t\t\tmedia = '(max-width: ' + Core.widthForMobile + 'px)';\r\n\t\t}\r\n\t\tif (pc) {\r\n\t\t\tmedia = '(max-width: ' + Core.widthForMobile + 'px)';\r\n\t\t}\r\n\r\n\t\tconst promisesI = _insertToPage(fileNames, media, useSync);\r\n\t\tpromisesI.forEach(promise => promises.push(promise));\r\n\t});\r\n\r\n\treturn Promise.all(promises);\r\n};\r\n\r\nconst _insertToPage = (fileNames: Array<string>, media: string, useSync: boolean) => {\r\n\tconst promises: Array<Promise<unknown>> = [];\r\n\r\n\tfileNames.forEach(fileName => {\r\n\t\t// синхронная загрузка, чтобы функция не выполнилась раньше загрузки стилей\r\n\t\tif (useSync) {\r\n\t\t\tconst request = new XMLHttpRequest();\r\n\t\t\trequest.open('GET', fileName, false);\r\n\t\t\trequest.send();\r\n\t\t}\r\n\r\n\t\tconst id = 'topCSSLink-' + fileName.replace(/\\W/g, '-');\r\n\r\n\t\t// стиль уже загружен\r\n\t\tif (window.hasOwnProperty(id)) return;\r\n\r\n\t\tlet resolve: Function;\r\n\t\tlet reject: Function;\r\n\t\tconst promise = new Promise((_resolve, _reject) => {\r\n\t\t\tresolve = _resolve;\r\n\t\t\treject = _reject;\r\n\t\t});\r\n\t\tpromises.push(promise);\r\n\r\n\t\tconst elLink = document.createElement('link');\r\n\t\telLink.id = id;\r\n\t\telLink.rel = 'stylesheet';\r\n\t\telLink.media = media;\r\n\t\telLink.href = fileName;\r\n\t\telLink.onload = () => resolve();\r\n\t\telLink.onerror = () => reject();\r\n\r\n\t\tdocument.head.append(elLink);\r\n\t});\r\n\r\n\treturn promises;\r\n};\r\n\r\n/**\r\n * Вставить css стили на страницу с автоматическим добавлением правил media\r\n *\r\n * Загрузка с Vite:\r\n *\r\n * ```js\r\n * import style from '/style.css?raw';\r\n *\r\n * insertToPageAsInine(style);\r\n * ```\r\n *\r\n * Загрузка с fetch:\r\n *\r\n * ```js\r\n * const style = await fetch('./style.css');\r\n *\r\n * insertToPageAsInine(style);\r\n * ```\r\n *\r\n * @param style - css стили в строке\r\n * @param type - если указать 'm' или 'pc', то стили будут применяться по условию в зависимости от настройки this.widthForMobile\r\n *\r\n * @see insertToPage\r\n */\r\nexport const insertToPageAsInine = (style: string, type: '' | 'm' | 'pc' = '') => {\r\n\tlet media = 'all';\r\n\r\n\tif (type === 'm') {\r\n\t\tmedia = '(max-width: ' + Core.widthForMobile + 'px)';\r\n\t}\r\n\r\n\tif (type === 'pc') {\r\n\t\tmedia = '(min-width: ' + Core.widthForMobile + 'px)';\r\n\t}\r\n\r\n\tconst elStyle = document.createElement('style');\r\n\telStyle.innerHTML = style;\r\n\telStyle.media = media;\r\n\r\n\tdocument.head.append(elStyle);\r\n};\r\n"],"names":["insertToPage","fileNames","useSync","cssFilesByOptions","filename","m","pc","key","promises","fileNames2","media","promise","fileName","request","id","elLink","resolve","reject","insertToPageAsInine","style","type","elStyle"],"mappings":"2HAoBO,MAAAA,EAAA,CAAAC,EAAAC,EAAA,KAAA,CACN,MAAAC,EAAA,IAAA,mBAGAF,EAAA,QAAAG,GAAA,CACC,IAAAC,EAAA,GACAC,EAAA,GAEAF,EAAA,MAAA,OAAA,UAGAA,EAAA,MAAA,QAAA,UAIA,MAAAG,EAAA,GAAAF,CAAA,IAAAC,CAAA,aAECH,EAAA,IAAA,GAAAE,CAAA,IAAAC,CAAA,GAAA,CAAA,CAAA,EAEDH,EAAA,IAAA,GAAAE,CAAA,IAAAC,CAAA,EAAA,EAAA,KAAAF,CAAA,CAAiD,CAAA,EAGlD,MAAAI,EAAA,CAAA,2BAGC,GAAA,CAAAC,EAAA,OACC,kDAKD,IAAAC,EAAA,mHASA,QAAAC,GAAAH,EAAA,KAAAG,CAAA,CAAA,CAAmD,CAAA,EAGpD,QAAA,IAAAH,CAAA,eAIA,MAAAA,EAAA,CAAA,EAEA,OAAAP,EAAA,QAAAW,GAAA,OAGE,MAAAC,EAAA,IAAA,kCAEAA,EAAA,KAAA,EAGD,MAAAC,EAAA,cAAAF,EAAA,QAAA,MAAA,GAAA,gFASU,CAAA,EAEVJ,EAAA,KAAAG,CAAA,yCAGAI,EAAA,GAAAD,EACAC,EAAA,IAAA,aACAA,EAAA,MAAAL,EACAK,EAAA,KAAAH,EACAG,EAAA,OAAA,IAAAC,EAAA,EACAD,EAAA,QAAA,IAAAE,EAAA,yBAE2B,CAAA,GAI7B,EA0BOC,EAAA,CAAAC,EAAAC,EAAA,KAAA,CACN,IAAAV,EAAA,MAEAU,IAAA,oDAIAA,IAAA,6FAKAC,EAAA,UAAAF,EACAE,EAAA,MAAAX,yBAGD"}

package/utils/css.d.ts

@@ -1 +0,0 @@
-export * from '../core/utils/css'

package/utils/css.js

@@ -1,45 +0,0 @@
-import { C as d } from "../.chunks/forms-CPEVHoks.es.js";
-const f = (l, c = !1) => {
-  const e = /* @__PURE__ */ new Map();
-  e.set("::", []), l.forEach((t) => {
-    let s = !1, r = !1;
-    t.match(/\.m\./) && (s = !0), t.match(/\.pc\./) && (r = !0);
-    const a = `${s}:${r}`;
-    e.has(a) || e.set(`${s}:${r}`, []), e.get(`${s}:${r}`).push(t);
-  });
-  const o = [];
-  return e.forEach((t, s) => {
-    if (!t.length)
-      return;
-    const [r, a] = s.split(":").map((i) => i === "true");
-    let p = "all";
-    r && (p = "(max-width: " + d.widthForMobile + "px)"), a && (p = "(max-width: " + d.widthForMobile + "px)"), h(t, p, c).forEach((i) => o.push(i));
-  }), Promise.all(o);
-}, h = (l, c, e) => {
-  const o = [];
-  return l.forEach((t) => {
-    if (e) {
-      const i = new XMLHttpRequest();
-      i.open("GET", t, !1), i.send();
-    }
-    const s = "topCSSLink-" + t.replace(/\W/g, "-");
-    if (window.hasOwnProperty(s)) return;
-    let r, a;
-    const p = new Promise((i, m) => {
-      r = i, a = m;
-    });
-    o.push(p);
-    const n = document.createElement("link");
-    n.id = s, n.rel = "stylesheet", n.media = c, n.href = t, n.onload = () => r(), n.onerror = () => a(), document.head.append(n);
-  }), o;
-}, w = (l, c = "") => {
-  let e = "all";
-  c === "m" && (e = "(max-width: " + d.widthForMobile + "px)"), c === "pc" && (e = "(min-width: " + d.widthForMobile + "px)");
-  const o = document.createElement("style");
-  o.innerHTML = l, o.media = e, document.head.append(o);
-};
-export {
-  f as insertToPage,
-  w as insertToPageAsInine
-};
-//# sourceMappingURL=css.js.map

package/utils/css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"css.js","sources":["../../src/core/utils/css.ts"],"sourcesContent":["/**\r\n * Упраление загрузками стилей\r\n * @packageDocumentation\r\n */\r\n\r\nimport Core from '@/core/core/core';\r\n\r\n/**\r\n * Вставить css стили на страницу по ссылке с автоматическим добавлением правил media\r\n *\r\n * Правила media:\r\n * - Файлы *.m.css будут грузиться, только на экранах с шириной менее, чем Core.widthForMobile\r\n * - Файлы *.pc.css будут грузиться, только на экранах с шириной более, чем Core.widthForMobile\r\n *\r\n * Настройкой Core.widthForMobile можно управлять через plugin: @topvisor/ui/plugin/core\r\n *\r\n * @param fileNames - список ссылок на css файлы\r\n * @param useSync - использовать синхронную загрузку css, только для css с того же домена. В синхронном режиме стили предзагружаются независимо от\r\n * media\r\n */\r\nexport const insertToPage = (fileNames: Array<string>, useSync = false) => {\r\n\tconst cssFilesByOptions = new Map();\r\n\tcssFilesByOptions.set('::', []);\r\n\r\n\tfileNames.forEach(filename => {\r\n\t\tlet m = false;\r\n\t\tlet pc = false;\r\n\r\n\t\tif (filename.match(/\\.m\\./)) {\r\n\t\t\tm = true;\r\n\t\t}\r\n\t\tif (filename.match(/\\.pc\\./)) {\r\n\t\t\tpc = true;\r\n\t\t}\r\n\r\n\t\tconst key = `${m}:${pc}`;\r\n\t\tif (!cssFilesByOptions.has(key)) {\r\n\t\t\tcssFilesByOptions.set(`${m}:${pc}`, []);\r\n\t\t}\r\n\t\tcssFilesByOptions.get(`${m}:${pc}`).push(filename);\r\n\t});\r\n\r\n\tconst promises: Array<Promise<unknown>> = [];\r\n\r\n\tcssFilesByOptions.forEach((fileNames, options: string) => {\r\n\t\tif (!fileNames.length) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst [m, pc] = options.split(':').map(item => item === 'true');\r\n\r\n\t\tlet media = 'all';\r\n\t\tif (m) {\r\n\t\t\tmedia = '(max-width: ' + Core.widthForMobile + 'px)';\r\n\t\t}\r\n\t\tif (pc) {\r\n\t\t\tmedia = '(max-width: ' + Core.widthForMobile + 'px)';\r\n\t\t}\r\n\r\n\t\tconst promisesI = _insertToPage(fileNames, media, useSync);\r\n\t\tpromisesI.forEach(promise => promises.push(promise));\r\n\t});\r\n\r\n\treturn Promise.all(promises);\r\n};\r\n\r\nconst _insertToPage = (fileNames: Array<string>, media: string, useSync: boolean) => {\r\n\tconst promises: Array<Promise<unknown>> = [];\r\n\r\n\tfileNames.forEach(fileName => {\r\n\t\t// синхронная загрузка, чтобы функция не выполнилась раньше загрузки стилей\r\n\t\tif (useSync) {\r\n\t\t\tconst request = new XMLHttpRequest();\r\n\t\t\trequest.open('GET', fileName, false);\r\n\t\t\trequest.send();\r\n\t\t}\r\n\r\n\t\tconst id = 'topCSSLink-' + fileName.replace(/\\W/g, '-');\r\n\r\n\t\t// стиль уже загружен\r\n\t\tif (window.hasOwnProperty(id)) return;\r\n\r\n\t\tlet resolve: Function;\r\n\t\tlet reject: Function;\r\n\t\tconst promise = new Promise((_resolve, _reject) => {\r\n\t\t\tresolve = _resolve;\r\n\t\t\treject = _reject;\r\n\t\t});\r\n\t\tpromises.push(promise);\r\n\r\n\t\tconst elLink = document.createElement('link');\r\n\t\telLink.id = id;\r\n\t\telLink.rel = 'stylesheet';\r\n\t\telLink.media = media;\r\n\t\telLink.href = fileName;\r\n\t\telLink.onload = () => resolve();\r\n\t\telLink.onerror = () => reject();\r\n\r\n\t\tdocument.head.append(elLink);\r\n\t});\r\n\r\n\treturn promises;\r\n};\r\n\r\n/**\r\n * Вставить css стили на страницу с автоматическим добавлением правил media\r\n *\r\n * Загрузка с Vite:\r\n *\r\n * ```js\r\n * import style from '/style.css?raw';\r\n *\r\n * insertToPageAsInine(style);\r\n * ```\r\n *\r\n * Загрузка с fetch:\r\n *\r\n * ```js\r\n * const style = await fetch('./style.css');\r\n *\r\n * insertToPageAsInine(style);\r\n * ```\r\n *\r\n * @param style - css стили в строке\r\n * @param type - если указать 'm' или 'pc', то стили будут применяться по условию в зависимости от настройки this.widthForMobile\r\n *\r\n * @see insertToPage\r\n */\r\nexport const insertToPageAsInine = (style: string, type: '' | 'm' | 'pc' = '') => {\r\n\tlet media = 'all';\r\n\r\n\tif (type === 'm') {\r\n\t\tmedia = '(max-width: ' + Core.widthForMobile + 'px)';\r\n\t}\r\n\r\n\tif (type === 'pc') {\r\n\t\tmedia = '(min-width: ' + Core.widthForMobile + 'px)';\r\n\t}\r\n\r\n\tconst elStyle = document.createElement('style');\r\n\telStyle.innerHTML = style;\r\n\telStyle.media = media;\r\n\r\n\tdocument.head.append(elStyle);\r\n};\r\n"],"names":["insertToPage","fileNames","useSync","cssFilesByOptions","filename","m","pc","key","promises","options","item","media","Core","_insertToPage","promise","fileName","request","id","resolve","reject","_resolve","_reject","elLink","insertToPageAsInine","style","type","elStyle"],"mappings":";AAoBO,MAAMA,IAAe,CAACC,GAA0BC,IAAU,OAAU;AACpE,QAAAC,wBAAwB;AACZ,EAAAA,EAAA,IAAI,MAAM,CAAA,CAAE,GAE9BF,EAAU,QAAQ,CAAYG,MAAA;AAC7B,QAAIC,IAAI,IACJC,IAAK;AAEL,IAAAF,EAAS,MAAM,OAAO,MACrBC,IAAA,KAEDD,EAAS,MAAM,QAAQ,MACrBE,IAAA;AAGN,UAAMC,IAAM,GAAGF,CAAC,IAAIC,CAAE;AACtB,IAAKH,EAAkB,IAAII,CAAG,KAC7BJ,EAAkB,IAAI,GAAGE,CAAC,IAAIC,CAAE,IAAI,CAAA,CAAE,GAErBH,EAAA,IAAI,GAAGE,CAAC,IAAIC,CAAE,EAAE,EAAE,KAAKF,CAAQ;AAAA,EAAA,CACjD;AAED,QAAMI,IAAoC,CAAA;AAExB,SAAAL,EAAA,QAAQ,CAACF,GAAWQ,MAAoB;AACrD,QAAA,CAACR,EAAU;AACd;AAGK,UAAA,CAACI,GAAGC,CAAE,IAAIG,EAAQ,MAAM,GAAG,EAAE,IAAI,CAAQC,MAAAA,MAAS,MAAM;AAE9D,QAAIC,IAAQ;AACZ,IAAIN,MACKM,IAAA,iBAAiBC,EAAK,iBAAiB,QAE5CN,MACKK,IAAA,iBAAiBC,EAAK,iBAAiB,QAG9BC,EAAcZ,GAAWU,GAAOT,CAAO,EAC/C,QAAQ,CAAAY,MAAWN,EAAS,KAAKM,CAAO,CAAC;AAAA,EAAA,CACnD,GAEM,QAAQ,IAAIN,CAAQ;AAC5B,GAEMK,IAAgB,CAACZ,GAA0BU,GAAeT,MAAqB;AACpF,QAAMM,IAAoC,CAAA;AAE1C,SAAAP,EAAU,QAAQ,CAAYc,MAAA;AAE7B,QAAIb,GAAS;AACN,YAAAc,IAAU,IAAI;AACZ,MAAAA,EAAA,KAAK,OAAOD,GAAU,EAAK,GACnCC,EAAQ,KAAK;AAAA,IACd;AAEA,UAAMC,IAAK,gBAAgBF,EAAS,QAAQ,OAAO,GAAG;AAGlD,QAAA,OAAO,eAAeE,CAAE,EAAG;AAE3B,QAAAC,GACAC;AACJ,UAAML,IAAU,IAAI,QAAQ,CAACM,GAAUC,MAAY;AACxC,MAAAH,IAAAE,GACDD,IAAAE;AAAA,IAAA,CACT;AACD,IAAAb,EAAS,KAAKM,CAAO;AAEf,UAAAQ,IAAS,SAAS,cAAc,MAAM;AAC5C,IAAAA,EAAO,KAAKL,GACZK,EAAO,MAAM,cACbA,EAAO,QAAQX,GACfW,EAAO,OAAOP,GACPO,EAAA,SAAS,MAAMJ,KACfI,EAAA,UAAU,MAAMH,KAEd,SAAA,KAAK,OAAOG,CAAM;AAAA,EAAA,CAC3B,GAEMd;AACR,GA0Bae,IAAsB,CAACC,GAAeC,IAAwB,OAAO;AACjF,MAAId,IAAQ;AAEZ,EAAIc,MAAS,QACJd,IAAA,iBAAiBC,EAAK,iBAAiB,QAG5Ca,MAAS,SACJd,IAAA,iBAAiBC,EAAK,iBAAiB;AAG1C,QAAAc,IAAU,SAAS,cAAc,OAAO;AAC9C,EAAAA,EAAQ,YAAYF,GACpBE,EAAQ,QAAQf,GAEP,SAAA,KAAK,OAAOe,CAAO;AAC7B;"}