vue-spear-tip 0.4.2 → 0.4.3-beta.1

package/dist/replaceable/BaseComponent.vue

@@ -20,6 +20,7 @@ export default abstract class BaseComponent extends VueClass implements IBaseVue
       const windowHeight = ref(window.innerHeight)
       const isAndroid = this.VST.device().osName()?.toLowerCase().includes('android')
       const isApple = this.VST.device().deviceVendor() == 'Apple'
+      const hasTouchpad = () => 'ontouchstart' in window || navigator.maxTouchPoints > 0 || (navigator as any).msMaxTouchPoints > 0
       const isIphone =
       this.VST.device().osName()?.toLowerCase().includes('ios')
         || this.VST.device().deviceModel()?.toLowerCase().includes('iphone')
@@ -30,18 +31,25 @@ export default abstract class BaseComponent extends VueClass implements IBaseVue
 
       this.VST.$reactive = reactive({
         locale: (Intl ? ((new Intl.DateTimeFormat())?.resolvedOptions?.()?.locale) : navigator.language) || 'en',
-        isMobile: computed(() => windowWidth.value < 768),
+        isMobile: computed(() => windowWidth.value < 768 || (windowHeight.value < 768 && windowWidth.value < 1000)),
         isTablet: computed(() => windowWidth.value < 1280 && windowWidth.value >= 768),
         isNotebook: computed(() => windowWidth.value <= 1366 && windowWidth.value >= 1280),
         isDesktop: computed(() => windowWidth.value > 1366),
-        viewPortType: computed(() => (windowWidth.value < 768) ? 'mobile' : (
-          (windowWidth.value < 1280)
-            ? 'tablet'
-            : (
-              (windowWidth.value < 1366)
-                ? 'notebook'
-                : 'desktop'
-            )),
+        viewPortType: computed(() => (
+          windowWidth.value < 768 || (
+            // Мобильник в повёрнутом состоянии в большинстве случаев
+            windowHeight.value < 768 && windowWidth.value < 1000
+          ))
+            ? 'mobile'
+            : hasTouchpad() && windowWidth.value < 1440 // Планшет в режиме desktop
+              ? 'tablet'
+              : ((windowWidth.value < 1280)
+                ? 'tablet'
+                : (
+                  (windowWidth.value < 1366)
+                    ? 'notebook'
+                    : 'desktop'
+                )),
         ),
         get isIphone() {
           return isIphone
@@ -53,7 +61,7 @@ export default abstract class BaseComponent extends VueClass implements IBaseVue
           return isAndroid
         },
         get hasTouchpad() {
-          return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || (navigator as any).msMaxTouchPoints > 0
+          return hasTouchpad()
         },
         viewPortWidth: computed(() => windowWidth.value),
         viewPortHeight: computed(() => windowHeight.value),

package/dist/vue-spear-tip.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BzJgL_gB.cjs");exports.BaseComponent=e.BaseComponent$1;exports.Button=e.VSTButton;exports.ButtonInherited=e.ButtonInherited$1;exports.CodeHighlight=e.index;exports.Computed=e.Computed;exports.DateField=e.index$5;exports.FieldComponent=e.FieldComponent;exports.Prop=e.Prop;exports.SelectField=e.index$2;exports.StringField=e.VSTStringField;exports.SwitchField=e.index$3;exports.Tabs=e.index$1;exports.TextField=e.index$4;exports.VST=e.VST;exports.VueClass=e.VueClass;exports.VueClassComponent=e.VueClassComponent;exports.Watch=e.Watch;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D3Eee-TB.cjs");exports.BaseComponent=e.BaseComponent$1;exports.Button=e.VSTButton;exports.ButtonInherited=e.ButtonInherited$1;exports.CodeHighlight=e.index;exports.Computed=e.Computed;exports.DateField=e.index$5;exports.FieldComponent=e.FieldComponent;exports.Prop=e.Prop;exports.SelectField=e.index$2;exports.StringField=e.VSTStringField;exports.SwitchField=e.index$3;exports.Tabs=e.index$1;exports.TextField=e.index$4;exports.VST=e.VST;exports.VueClass=e.VueClass;exports.VueClassComponent=e.VueClassComponent;exports.Watch=e.Watch;

package/dist/vue-spear-tip.es.js

@@ -1,4 +1,4 @@
-import { e, c as t, h as o, i, C as l, m as d, F as n, P as C, j as F, b as h, k as m, g as p, l as r, V as u, d as c, f as g, W as S } from "./index-C2FyHQM_.js";
+import { e, c as t, h as o, i, C as l, m as d, F as n, P as C, j as F, b as h, k as m, g as p, l as r, V as u, d as c, f as g, W as S } from "./index-CwPJq1hT.js";
 export {
   e as BaseComponent,
   t as Button,

package/docs/index.html

@@ -3,7 +3,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Vue Spear Tip</title>
-  <script type="module" crossorigin src="/static/main-CFEGvCly.js"></script>
+  <script type="module" crossorigin src="/static/main-BSbegBSy.js"></script>
   <link rel="stylesheet" crossorigin href="/static/main-hpuWh67r.css">
 </head>
 <body>

package/docs/static/{Button-rIzfcWIC.js → Button-DY0tM6dA.js}

@@ -1 +1 @@
-var v=Object.defineProperty;var p=(e,o)=>v(e,"name",{value:o,configurable:!0});import{N as g,V as w,c as r,f as a,o as t,a as C,h as B,e as T,g as b,t as s,n as i,i as $,j as m,F as k,k as z,w as R,b as H}from"./main-CFEGvCly.js";var M=Object.getOwnPropertyDescriptor,O=p((e,o,y,f)=>{for(var d=f>1?void 0:f?M(o,y):o,u=e.length-1,n;u>=0;u--)(n=e[u])&&(d=n(d)||d);return d},"__decorateClass"),l;let h=(l=class extends g{},p(l,"Button"),l);h=O([w],h);const S=["title","data-theme","data-offset","data-placement"],W=["title","data-theme","data-offset","data-placement","disabled","type"],V=["innerHTML"],A=["innerHTML"],D=["href"],F=["href"];function I(e,o,y,f,d,u){return e.showButton?(t(),r("div",{key:0,class:i(["d-inline-block relative whitespace-nowrap",{h24px:e.size=="sm",h34px:e.size=="md","min-h40px":e.size=="lg"}]),title:e.disabled?e.disabledTitle:"","data-theme":e.dataThemeInner,"data-offset":e.dataOffset,"data-placement":e.dataPlacement},[C("button",{class:i(["relative w100% h100% flex! items-center! justify-center!",{shine:e.shine,[e.randomClass+(e.isOnHover?" hover":"")]:!0,"py10px px8px":e.size=="sm","py10px px13px":e.size=="md","py10px px18px":e.size=="lg"}]),title:e.disabled?"":e.innerTitle,"data-theme":e.dataThemeInner,"data-offset":e.dataOffset,"data-placement":e.dataPlacement,onMouseover:o[0]||(o[0]=n=>e.isOnHover=!0),onMouseout:o[1]||(o[1]=n=>e.isOnHover=!1),onTouchstart:o[2]||(o[2]=(...n)=>e.touchstart&&e.touchstart(...n)),onTouchend:o[3]||(o[3]=(...n)=>e.touchend&&e.touchend(...n)),onMouseup:o[4]||(o[4]=(...n)=>e.mouseup&&e.mouseup(...n)),onMousedown:o[5]||(o[5]=(...n)=>e.mousedown&&e.mousedown(...n)),onKeydown:o[6]||(o[6]=R((...n)=>e.keydownEnter&&e.keydownEnter(...n),["enter"])),onMouseleave:o[7]||(o[7]=n=>e.isButtonActive=!1),disabled:e.disabled,type:e.type,style:b({fontSize:e.size=="sm"?"0.75rem":e.fontSize,fontFamily:e.fontFamily,borderRadius:e.borderRadius,width:e.width,...e.style}),ref:"button"},[e.badge?(t(),r("div",{key:0,class:"absolute right--9px top--9px bg-lightblue-400 fw-bold rounded-full z-3 px7px",style:b({background:e.badgeBg??void 0,color:e.badgeColor??"#ffffff"})},s(e.badge),5)):a("",!0),e.icon?(t(),r("span",{key:1,class:i(["left-icon-animate",e.$slots.default&&e.$refs?.button?.innerText?.trim?.()?.length?"left-icon":""])},[e.icon?.startsWith("<")?(t(),r("div",{key:0,innerHTML:e.icon},null,8,V)):(t(),r("i",{key:1,class:i(["fa",e.icon])},null,2))],2)):a("",!0),B(e.$slots,"default",{},void 0,!0),e.iconRight?(t(),r("span",{key:2,class:i(["right-icon-animate",e.$slots.default&&e.$refs?.button?.innerText?.trim?.()?.length?"right-icon":""])},[e.iconRight?.startsWith("<")?(t(),r("div",{key:0,innerHTML:e.iconRight},null,8,A)):(t(),r("i",{key:1,class:i(["fa",e.iconRight])},null,2))],2)):a("",!0),(t(),T(z("style"),null,{default:$(()=>[m("."+s(e.randomClass)+" { background: "+s(e.style?.bacground??e.currentBg+"!important")+"; box-shadow: none !important; color: "+s(e.currentColor)+" !important; border-color: "+s(e.currentBorderColor)+" !important; }",1),e.currentColorHover?(t(),r(k,{key:0},[m("."+s(e.randomClass)+":hover { color: "+s(e.style?.color??e.currentColorHover+"!important")+"; }",1)],64)):a("",!0),e.disabled?a("",!0):(t(),r(k,{key:1},[m("."+s(e.randomClass)+":active { background: "+s(e.currentBgActive)+" !important; border-color: "+s(e.currentBorderColorActive)+" !important; color: "+s(e.currentColorActive)+" !important; opacity: 1 !important; "+s(e.boxShadowCss)+" !important; }",1)],64))]),_:1})),e.link&&e.link?.startsWith("http")||e.link?.startsWith("//")?(t(),r("a",{key:3,class:"d-none",ref:"link",href:e.link,target:"_blank"}," ",8,D)):!e.link&&e.linkRevert&&!e.linkRevert?.startsWith("http")&&!e.linkRevert?.startsWith("//")?(t(),r("a",{key:4,class:"d-none",ref:"link",href:e.linkRevert,target:"_blank"}," ",8,F)):a("",!0)],46,W)],10,S)):a("",!0)}p(I,"render");const P=H(h,[["render",I],["__scopeId","data-v-4053962d"]]);export{P as default};
+var v=Object.defineProperty;var p=(e,o)=>v(e,"name",{value:o,configurable:!0});import{N as g,V as w,c as r,f as a,o as t,a as C,h as B,e as T,g as b,t as s,n as i,i as $,j as m,F as k,k as z,w as R,b as H}from"./main-BSbegBSy.js";var M=Object.getOwnPropertyDescriptor,O=p((e,o,y,f)=>{for(var d=f>1?void 0:f?M(o,y):o,u=e.length-1,n;u>=0;u--)(n=e[u])&&(d=n(d)||d);return d},"__decorateClass"),l;let h=(l=class extends g{},p(l,"Button"),l);h=O([w],h);const S=["title","data-theme","data-offset","data-placement"],W=["title","data-theme","data-offset","data-placement","disabled","type"],V=["innerHTML"],A=["innerHTML"],D=["href"],F=["href"];function I(e,o,y,f,d,u){return e.showButton?(t(),r("div",{key:0,class:i(["d-inline-block relative whitespace-nowrap",{h24px:e.size=="sm",h34px:e.size=="md","min-h40px":e.size=="lg"}]),title:e.disabled?e.disabledTitle:"","data-theme":e.dataThemeInner,"data-offset":e.dataOffset,"data-placement":e.dataPlacement},[C("button",{class:i(["relative w100% h100% flex! items-center! justify-center!",{shine:e.shine,[e.randomClass+(e.isOnHover?" hover":"")]:!0,"py10px px8px":e.size=="sm","py10px px13px":e.size=="md","py10px px18px":e.size=="lg"}]),title:e.disabled?"":e.innerTitle,"data-theme":e.dataThemeInner,"data-offset":e.dataOffset,"data-placement":e.dataPlacement,onMouseover:o[0]||(o[0]=n=>e.isOnHover=!0),onMouseout:o[1]||(o[1]=n=>e.isOnHover=!1),onTouchstart:o[2]||(o[2]=(...n)=>e.touchstart&&e.touchstart(...n)),onTouchend:o[3]||(o[3]=(...n)=>e.touchend&&e.touchend(...n)),onMouseup:o[4]||(o[4]=(...n)=>e.mouseup&&e.mouseup(...n)),onMousedown:o[5]||(o[5]=(...n)=>e.mousedown&&e.mousedown(...n)),onKeydown:o[6]||(o[6]=R((...n)=>e.keydownEnter&&e.keydownEnter(...n),["enter"])),onMouseleave:o[7]||(o[7]=n=>e.isButtonActive=!1),disabled:e.disabled,type:e.type,style:b({fontSize:e.size=="sm"?"0.75rem":e.fontSize,fontFamily:e.fontFamily,borderRadius:e.borderRadius,width:e.width,...e.style}),ref:"button"},[e.badge?(t(),r("div",{key:0,class:"absolute right--9px top--9px bg-lightblue-400 fw-bold rounded-full z-3 px7px",style:b({background:e.badgeBg??void 0,color:e.badgeColor??"#ffffff"})},s(e.badge),5)):a("",!0),e.icon?(t(),r("span",{key:1,class:i(["left-icon-animate",e.$slots.default&&e.$refs?.button?.innerText?.trim?.()?.length?"left-icon":""])},[e.icon?.startsWith("<")?(t(),r("div",{key:0,innerHTML:e.icon},null,8,V)):(t(),r("i",{key:1,class:i(["fa",e.icon])},null,2))],2)):a("",!0),B(e.$slots,"default",{},void 0,!0),e.iconRight?(t(),r("span",{key:2,class:i(["right-icon-animate",e.$slots.default&&e.$refs?.button?.innerText?.trim?.()?.length?"right-icon":""])},[e.iconRight?.startsWith("<")?(t(),r("div",{key:0,innerHTML:e.iconRight},null,8,A)):(t(),r("i",{key:1,class:i(["fa",e.iconRight])},null,2))],2)):a("",!0),(t(),T(z("style"),null,{default:$(()=>[m("."+s(e.randomClass)+" { background: "+s(e.style?.bacground??e.currentBg+"!important")+"; box-shadow: none !important; color: "+s(e.currentColor)+" !important; border-color: "+s(e.currentBorderColor)+" !important; }",1),e.currentColorHover?(t(),r(k,{key:0},[m("."+s(e.randomClass)+":hover { color: "+s(e.style?.color??e.currentColorHover+"!important")+"; }",1)],64)):a("",!0),e.disabled?a("",!0):(t(),r(k,{key:1},[m("."+s(e.randomClass)+":active { background: "+s(e.currentBgActive)+" !important; border-color: "+s(e.currentBorderColorActive)+" !important; color: "+s(e.currentColorActive)+" !important; opacity: 1 !important; "+s(e.boxShadowCss)+" !important; }",1)],64))]),_:1})),e.link&&e.link?.startsWith("http")||e.link?.startsWith("//")?(t(),r("a",{key:3,class:"d-none",ref:"link",href:e.link,target:"_blank"}," ",8,D)):!e.link&&e.linkRevert&&!e.linkRevert?.startsWith("http")&&!e.linkRevert?.startsWith("//")?(t(),r("a",{key:4,class:"d-none",ref:"link",href:e.linkRevert,target:"_blank"}," ",8,F)):a("",!0)],46,W)],10,S)):a("",!0)}p(I,"render");const P=H(h,[["render",I],["__scopeId","data-v-4053962d"]]);export{P as default};