vue-spear-tip 0.1.3 → 0.1.5-alpha.0

package/dist/.vite/manifest.json

@@ -0,0 +1,33 @@
+{
+  "src/components/Button/Button.vue": {
+    "file": "Button-CIlBP6tS.cjs",
+    "name": "Button",
+    "src": "src/components/Button/Button.vue",
+    "isDynamicEntry": true,
+    "imports": [
+      "src/index.ts"
+    ]
+  },
+  "src/components/Button/index.ts": {
+    "file": "index-CTjZqel9.cjs",
+    "name": "index",
+    "src": "src/components/Button/index.ts",
+    "isDynamicEntry": true,
+    "dynamicImports": [
+      "src/components/Button/Button.vue"
+    ]
+  },
+  "src/index.ts": {
+    "file": "vue-spear-tip.cjs.js",
+    "name": "index.js",
+    "src": "src/index.ts",
+    "isEntry": true,
+    "dynamicImports": [
+      "src/components/Button/index.ts"
+    ]
+  },
+  "style.css": {
+    "file": "vue-spear-tip.css",
+    "src": "style.css"
+  }
+}

package/dist/Button-CIlBP6tS.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./vue-spear-tip.cjs.js"),e=require("vue");var u=Object.defineProperty,d=Object.getOwnPropertyDescriptor,n=(t,r,a,h)=>{for(var l=h>1?void 0:h?d(r,a):r,c=t.length-1,s;c>=0;c--)(s=t[c])&&(l=(h?s(r,a,l):s(l))||l);return h&&l&&u(r,a,l),l};let o=class extends i.BaseComponent{emits=["click","touchstart","touchend","mousedown","mouseup","clickTap","clickTouch","clickOrTouchstart","clickOrTouchend","mousedownOrTouchstart","mouseupOrTouchend","keydownEnter"];icon="";iconRight="";badge="";badgeBg=null;badgeColor=null;style={};bg=null;color=null;borderColor=null;bgActive=null;colorActive=null;colorHover=null;borderColorActive=null;boxShadowColor=null;fontSize=null;fontFamily=null;bgGradientTop=null;bgGradientBottom=null;disabled=!1;shine=!1;type="button";title=null;disabledTitle=null;dataTheme="black";dataDisabledTheme="gray";dataPlacement="top";dataOffset="top";width="calc(100% - 8px)";borderRadius="3px";link=null;linkRevert=null;theme="primary";backgroundCss="";boxShadowCss="";isOnHover=!1;isButtonActive=!1;randomClass="";dataThemeInner="";currentBg=null;currentColor=null;currentColorHover=null;currentBorderColor=null;currentBgActive=null;currentBorderColorActive=null;currentBoxShadowColor=null;currentColorActive=null;innerTitle=null;hasTouchpad=!1;mounted(){this.randomClass="button-c",this.updateTheme(),this.$refs?.button}updateTheme(){const r="#ccc",a="#000",h="#cacaca",l="#ccc",c="#b6b6b6",s="#5b5a5a";this.currentBgActive,this.currentBorderColor=this.currentColor=this.currentBg=this.currentColorActive=null,this.theme=="primary"&&(this.currentBg="#005bbf",this.currentColor="#fff",this.currentBorderColor="#0367d5",this.currentBgActive="#005fc8",this.currentBorderColorActive="#0871e3",this.currentBoxShadowColor="#065e8d",this.currentColorActive="#fff",this.currentColorHover="#fff"),this.theme=="success"?(this.currentBg="#0aa86d",this.currentColor="#fff",this.currentBorderColor="#24a876",this.currentBgActive="#0b9762",this.currentBorderColorActive="#0b9762",this.currentBoxShadowColor="#31735b",this.currentColorActive="#fff",this.currentColorHover="#fff"):this.theme=="danger"?(this.currentBg="#FF3B30",this.currentColor="#fff",this.currentBorderColor="#FF3B30",this.currentBgActive="#FF3B30",this.currentBorderColorActive="#FF3B30",this.currentBoxShadowColor="#ff8179",this.currentColorActive="#fff",this.currentColorHover="#fff"):this.theme=="pink"?(this.currentBg="#ff6161",this.currentColor="#fff",this.currentBorderColor="#ff4741c9",this.currentBgActive="#ff6a60",this.currentBorderColorActive="#ff4141",this.currentBoxShadowColor="#ff6a60",this.currentColorActive="#fff",this.currentColorHover="#fff"):this.theme=="warning"?(this.currentBg="#FF9500",this.currentColor="#fff",this.currentBorderColor="#FF9500",this.currentBgActive="#ffb546",this.currentBorderColorActive="#ffb546",this.currentBoxShadowColor="#ffbe64",this.currentColorActive="#fdff98",this.currentColorHover="#fff8e8"):this.theme=="info"?(this.currentBg="#78d9ff",this.currentColor="#203464",this.currentColorHover="#34aff1",this.currentBorderColor="#3db0ee",this.currentBgActive="#78d9ff",this.currentBorderColorActive="#78d9ff",this.currentBoxShadowColor="#78d9ff",this.currentColorActive="#fff",this.currentColorHover="#304460"):this.theme=="yellow"?(this.currentBg="#ffd900",this.currentColor="#444",this.currentBorderColor="#ffd900",this.currentBgActive="#ffc400",this.currentBorderColorActive="#f3c922",this.currentBoxShadowColor="#cac838",this.currentColorActive="#fff"):this.theme=="white"?(this.currentBg="#ffffff",this.currentColor="#444",this.currentColorHover="#164205",this.currentBorderColor="#cacaca",this.currentBgActive="#efede7",this.currentBorderColorActive="##cacaca",this.currentBoxShadowColor="#b3b3ab",this.currentColorActive="#164205"):this.theme=="purple"?(this.currentBg="#942cdd",this.currentColor="#fff",this.currentColorHover="#e7c0ff",this.currentBorderColor="#a539f3",this.currentBgActive="#b755ff",this.currentBorderColorActive="#b755ff",this.currentBoxShadowColor="#7f18c5",this.currentColorActive="#ffffff"):this.theme=="black"&&(this.currentBg="#32383e",this.currentColor="#fff",this.currentColorHover="#fcb7ab",this.currentBorderColor="#32383e",this.currentBgActive="#3b4249",this.currentBorderColorActive="#3b4249",this.currentBoxShadowColor="#32383e",this.currentColorActive="#ffffff"),this.currentBg=this.bg??this.currentBg??r,this.currentColor=this.color??this.currentColor??a,this.currentBorderColor=this.borderColor??this.currentBorderColor??h,this.currentBgActive=this.bgActive??this.currentBgActive??l,this.currentBorderColorActive=this.borderColorActive??this.currentBorderColorActive??c,this.currentBoxShadowColor=this.boxShadowColor??this.currentBoxShadowColor??s,this.currentColorActive=this.colorActive??this.currentColorActive??null,this.boxShadowCss=this.disabled?"box-shadow: none":`box-shadow: 0px 1px 2px 0px ${this.currentBoxShadowColor}`,this.dataThemeInner=this.disabled?this.dataDisabledTheme:this.dataTheme,this.backgroundCss="background: "+(this.bgGradientTop&&this.bgGradientBottom?`linear-gradient(to bottom, ${this.bgGradientTop}, ${this.bgGradientBottom})`:this.bg)}click(r){this.disabled||(this.$emit("click",r,this),this.hasTouchpad||(this.$emit("clickTouch",r,this),this.$emit("clickOrTouchstart",r,this),this.$emit("clickTap",r,this),this.link&&(this.link?.startsWith("http")||this.link?.startsWith("//"))||this.link&&this.linkRevert&&!this.linkRevert?.startsWith("http")&&!this.linkRevert?.startsWith("//")?this.$refs.link?.click():(this.link||this.linkRevert)&&window.pjax(this.link||this.linkRevert)))}touchstart(r){this.disabled||(this.$emit("touchstart",r,this),this.hasTouchpad&&(this.$emit("clickTouch",r,this),this.$emit("clickOrTouchstart",r,this)))}touchend(r){this.disabled||(this.$emit("touchend",r,this),this.hasTouchpad||this.$emit("clickOrTouchend",r,this))}mouseup(r){this.disabled||(this.$emit("mouseup",r,this),this.$emit("mouseupOrTouchend",r,this),this.$emit("clickOrTouchend",r,this))}mousedown(r){this.disabled||(this.$emit("mousedown",r,this),this.$emit("mousedownOrTouchstart",r,this))}keydownEnter(r){this.disabled||this.$emit("keydownEnter",r,this)}focus(){this.$refs?.button?.focus()}_onThemeChanged(){this.updateTheme()}_onTitleChanged(r){this.innerTitle=null,r&&this.nextTick(()=>this.innerTitle=r)}showButton=!0;_onDisabledChanged(r){this.dataThemeInner=r?this.dataDisabledTheme:this.dataTheme,this.showButton=!1,this.nextTick(()=>this.showButton=!0)}};n([i.Prop(String)],o.prototype,"icon",2);n([i.Prop(String)],o.prototype,"iconRight",2);n([i.Prop(String)],o.prototype,"badge",2);n([i.Prop(String)],o.prototype,"badgeBg",2);n([i.Prop(String)],o.prototype,"badgeColor",2);n([i.Prop(Object)],o.prototype,"style",2);n([i.Prop(String,null)],o.prototype,"bg",2);n([i.Prop(String,null)],o.prototype,"color",2);n([i.Prop(String,null)],o.prototype,"borderColor",2);n([i.Prop(String,null)],o.prototype,"bgActive",2);n([i.Prop(String,null)],o.prototype,"colorActive",2);n([i.Prop(String,null)],o.prototype,"colorHover",2);n([i.Prop(String,null)],o.prototype,"borderColorActive",2);n([i.Prop(String,null)],o.prototype,"boxShadowColor",2);n([i.Prop(String)],o.prototype,"fontSize",2);n([i.Prop(String)],o.prototype,"fontFamily",2);n([i.Prop(String)],o.prototype,"bgGradientTop",2);n([i.Prop(String)],o.prototype,"bgGradientBottom",2);n([i.Prop(Boolean)],o.prototype,"disabled",2);n([i.Prop(Boolean)],o.prototype,"shine",2);n([i.Prop(String)],o.prototype,"type",2);n([i.Prop(String)],o.prototype,"title",2);n([i.Prop(String)],o.prototype,"disabledTitle",2);n([i.Prop(String)],o.prototype,"dataTheme",2);n([i.Prop(String)],o.prototype,"dataDisabledTheme",2);n([i.Prop(String)],o.prototype,"dataPlacement",2);n([i.Prop(String)],o.prototype,"dataOffset",2);n([i.Prop(String)],o.prototype,"width",2);n([i.Prop(String)],o.prototype,"borderRadius",2);n([i.Prop(String)],o.prototype,"link",2);n([i.Prop(String)],o.prototype,"linkRevert",2);n([i.Prop(String,null)],o.prototype,"theme",2);n([i.Watch("theme")],o.prototype,"_onThemeChanged",1);n([i.Watch("title",!1,!0)],o.prototype,"_onTitleChanged",1);n([i.Watch("disabled")],o.prototype,"_onDisabledChanged",1);o=n([i.VueClassComponent],o);const f=["title","data-theme","data-offset","data-placement"],p=["title","data-theme","data-offset","data-placement","disabled","type"],m=["href"],C=["href"];function g(t,r,a,h,l,c){return t.showButton?(e.openBlock(),e.createElementBlock("span",{key:0,class:"d-inline-block relative",title:t.disabled?t.disabledTitle:"","data-theme":t.dataThemeInner,"data-offset":t.dataOffset,"data-placement":t.dataPlacement},[e.createElementVNode("button",{class:e.normalizeClass(["relative",{shine:t.shine,[t.randomClass+(t.isOnHover?" hover":"")]:!0}]),title:t.disabled?"":t.innerTitle,"data-theme":t.dataThemeInner,"data-offset":t.dataOffset,"data-placement":t.dataPlacement,onMouseover:r[0]||(r[0]=s=>t.isOnHover=!0),onMouseout:r[1]||(r[1]=s=>t.isOnHover=!1),onClick:r[2]||(r[2]=(...s)=>t.click&&t.click(...s)),onTouchstart:r[3]||(r[3]=(...s)=>t.touchstart&&t.touchstart(...s)),onTouchend:r[4]||(r[4]=(...s)=>t.touchend&&t.touchend(...s)),onMouseup:r[5]||(r[5]=(...s)=>t.mouseup&&t.mouseup(...s)),onMousedown:r[6]||(r[6]=(...s)=>t.mousedown&&t.mousedown(...s)),onKeydown:r[7]||(r[7]=e.withKeys((...s)=>t.keydownEnter&&t.keydownEnter(...s),["enter"])),onMouseleave:r[8]||(r[8]=s=>t.isButtonActive=!1),disabled:t.disabled,type:t.type,style:e.normalizeStyle({fontSize:t.fontSize,fontFamily:t.fontFamily,borderRadius:t.borderRadius,width:t.width,...t.style}),ref:"button"},[t.badge?(e.openBlock(),e.createElementBlock("div",{key:0,class:"absolute right--9px top--9px bg-lightblue-400 fw-bold rounded-full z-3 px7px",style:e.normalizeStyle({background:t.badgeBg??void 0,color:t.badgeColor??"#ffffff"})},e.toDisplayString(t.badge),5)):e.createCommentVNode("",!0),t.icon?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(["left-icon-animate",t.$slots.default?"left-icon":""])},[e.createElementVNode("i",{class:e.normalizeClass(["fa",t.icon])},null,2)],2)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},void 0,!0),t.iconRight?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(["right-icon-animate",t.$slots.default?"right-icon":""])},[e.createElementVNode("i",{class:e.normalizeClass(["fa",t.iconRight])},null,2)],2)):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent("style"),null,{default:e.withCtx(()=>[e.createTextVNode("."+e.toDisplayString(t.randomClass)+" { background: "+e.toDisplayString(t.style?.bacground??t.currentBg+"!important")+"; box-shadow: none !important; color: "+e.toDisplayString(t.currentColor)+" !important; border-color: "+e.toDisplayString(t.currentBorderColor)+" !important; }",1),t.currentColorHover?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode("."+e.toDisplayString(t.randomClass)+":hover { color: "+e.toDisplayString(t.style?.color??t.currentColorHover+"!important")+"; }",1)],64)):e.createCommentVNode("",!0),t.disabled?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode("."+e.toDisplayString(t.randomClass)+":active { background: "+e.toDisplayString(t.currentBgActive)+" !important; border-color: "+e.toDisplayString(t.currentBorderColorActive)+" !important; color: "+e.toDisplayString(t.currentColorActive)+" !important; opacity: 1 !important; "+e.toDisplayString(t.boxShadowCss)+" !important; }",1)],64))]),_:1})),t.link&&t.link?.startsWith("http")||t.link?.startsWith("//")?(e.openBlock(),e.createElementBlock("a",{key:3,class:"d-none",ref:"link",href:t.link,target:"_blank"}," ",8,m)):!t.link&&t.linkRevert&&!t.linkRevert?.startsWith("http")&&!t.linkRevert?.startsWith("//")?(e.openBlock(),e.createElementBlock("a",{key:4,class:"d-none",ref:"link",href:t.linkRevert,target:"_blank"}," ",8,C)):e.createCommentVNode("",!0)],46,p)],8,f)):e.createCommentVNode("",!0)}const b=(t,r)=>{const a=t.__vccOpts||t;for(const[h,l]of r)a[h]=l;return a},B=b(o,[["render",g],["__scopeId","data-v-62b3eb97"]]);exports.default=B;

package/dist/Button-CJGpSsNS.js

@@ -0,0 +1,315 @@
+import { BaseComponent as B, Prop as i, Watch as g, VueClassComponent as y } from "./vue-spear-tip.es.js";
+import { createElementBlock as d, createCommentVNode as c, openBlock as u, createElementVNode as C, normalizeStyle as m, withKeys as k, normalizeClass as p, renderSlot as A, createBlock as S, toDisplayString as l, resolveDynamicComponent as w, withCtx as T, createTextVNode as b, Fragment as v } from "vue";
+var $ = Object.defineProperty, O = Object.getOwnPropertyDescriptor, o = (t, e, h, a) => {
+  for (var s = a > 1 ? void 0 : a ? O(e, h) : e, f = t.length - 1, n; f >= 0; f--)
+    (n = t[f]) && (s = (a ? n(e, h, s) : n(s)) || s);
+  return a && s && $(e, h, s), s;
+};
+let r = class extends B {
+  emits = [
+    "click",
+    "touchstart",
+    "touchend",
+    "mousedown",
+    "mouseup",
+    "clickTap",
+    "clickTouch",
+    "clickOrTouchstart",
+    "clickOrTouchend",
+    "mousedownOrTouchstart",
+    "mouseupOrTouchend",
+    "keydownEnter"
+  ];
+  icon = "";
+  iconRight = "";
+  badge = "";
+  badgeBg = null;
+  badgeColor = null;
+  style = {};
+  bg = null;
+  color = null;
+  borderColor = null;
+  bgActive = null;
+  colorActive = null;
+  colorHover = null;
+  borderColorActive = null;
+  boxShadowColor = null;
+  fontSize = null;
+  fontFamily = null;
+  bgGradientTop = null;
+  bgGradientBottom = null;
+  disabled = !1;
+  shine = !1;
+  type = "button";
+  title = null;
+  disabledTitle = null;
+  dataTheme = "black";
+  dataDisabledTheme = "gray";
+  dataPlacement = "top";
+  dataOffset = "top";
+  width = "calc(100% - 8px)";
+  borderRadius = "3px";
+  link = null;
+  linkRevert = null;
+  theme = "primary";
+  backgroundCss = "";
+  boxShadowCss = "";
+  isOnHover = !1;
+  isButtonActive = !1;
+  randomClass = "";
+  dataThemeInner = "";
+  currentBg = null;
+  currentColor = null;
+  currentColorHover = null;
+  currentBorderColor = null;
+  currentBgActive = null;
+  currentBorderColorActive = null;
+  currentBoxShadowColor = null;
+  currentColorActive = null;
+  innerTitle = null;
+  hasTouchpad = !1;
+  // TODO добавить проверку и Hammer
+  mounted() {
+    this.randomClass = "button-c", this.updateTheme(), this.$refs?.button;
+  }
+  updateTheme() {
+    const e = "#ccc", h = "#000", a = "#cacaca", s = "#ccc", f = "#b6b6b6", n = "#5b5a5a";
+    this.currentBgActive, this.currentBorderColor = this.currentColor = this.currentBg = this.currentColorActive = null, this.theme == "primary" && (this.currentBg = "#005bbf", this.currentColor = "#fff", this.currentBorderColor = "#0367d5", this.currentBgActive = "#005fc8", this.currentBorderColorActive = "#0871e3", this.currentBoxShadowColor = "#065e8d", this.currentColorActive = "#fff", this.currentColorHover = "#fff"), this.theme == "success" ? (this.currentBg = "#0aa86d", this.currentColor = "#fff", this.currentBorderColor = "#24a876", this.currentBgActive = "#0b9762", this.currentBorderColorActive = "#0b9762", this.currentBoxShadowColor = "#31735b", this.currentColorActive = "#fff", this.currentColorHover = "#fff") : this.theme == "danger" ? (this.currentBg = "#FF3B30", this.currentColor = "#fff", this.currentBorderColor = "#FF3B30", this.currentBgActive = "#FF3B30", this.currentBorderColorActive = "#FF3B30", this.currentBoxShadowColor = "#ff8179", this.currentColorActive = "#fff", this.currentColorHover = "#fff") : this.theme == "pink" ? (this.currentBg = "#ff6161", this.currentColor = "#fff", this.currentBorderColor = "#ff4741c9", this.currentBgActive = "#ff6a60", this.currentBorderColorActive = "#ff4141", this.currentBoxShadowColor = "#ff6a60", this.currentColorActive = "#fff", this.currentColorHover = "#fff") : this.theme == "warning" ? (this.currentBg = "#FF9500", this.currentColor = "#fff", this.currentBorderColor = "#FF9500", this.currentBgActive = "#ffb546", this.currentBorderColorActive = "#ffb546", this.currentBoxShadowColor = "#ffbe64", this.currentColorActive = "#fdff98", this.currentColorHover = "#fff8e8") : this.theme == "info" ? (this.currentBg = "#78d9ff", this.currentColor = "#203464", this.currentColorHover = "#34aff1", this.currentBorderColor = "#3db0ee", this.currentBgActive = "#78d9ff", this.currentBorderColorActive = "#78d9ff", this.currentBoxShadowColor = "#78d9ff", this.currentColorActive = "#fff", this.currentColorHover = "#304460") : this.theme == "yellow" ? (this.currentBg = "#ffd900", this.currentColor = "#444", this.currentBorderColor = "#ffd900", this.currentBgActive = "#ffc400", this.currentBorderColorActive = "#f3c922", this.currentBoxShadowColor = "#cac838", this.currentColorActive = "#fff") : this.theme == "white" ? (this.currentBg = "#ffffff", this.currentColor = "#444", this.currentColorHover = "#164205", this.currentBorderColor = "#cacaca", this.currentBgActive = "#efede7", this.currentBorderColorActive = "##cacaca", this.currentBoxShadowColor = "#b3b3ab", this.currentColorActive = "#164205") : this.theme == "purple" ? (this.currentBg = "#942cdd", this.currentColor = "#fff", this.currentColorHover = "#e7c0ff", this.currentBorderColor = "#a539f3", this.currentBgActive = "#b755ff", this.currentBorderColorActive = "#b755ff", this.currentBoxShadowColor = "#7f18c5", this.currentColorActive = "#ffffff") : this.theme == "black" && (this.currentBg = "#32383e", this.currentColor = "#fff", this.currentColorHover = "#fcb7ab", this.currentBorderColor = "#32383e", this.currentBgActive = "#3b4249", this.currentBorderColorActive = "#3b4249", this.currentBoxShadowColor = "#32383e", this.currentColorActive = "#ffffff"), this.currentBg = this.bg ?? this.currentBg ?? e, this.currentColor = this.color ?? this.currentColor ?? h, this.currentBorderColor = this.borderColor ?? this.currentBorderColor ?? a, this.currentBgActive = this.bgActive ?? this.currentBgActive ?? s, this.currentBorderColorActive = this.borderColorActive ?? this.currentBorderColorActive ?? f, this.currentBoxShadowColor = this.boxShadowColor ?? this.currentBoxShadowColor ?? n, this.currentColorActive = this.colorActive ?? this.currentColorActive ?? null, this.boxShadowCss = this.disabled ? "box-shadow: none" : `box-shadow: 0px 1px 2px 0px ${this.currentBoxShadowColor}`, this.dataThemeInner = this.disabled ? this.dataDisabledTheme : this.dataTheme, this.backgroundCss = "background: " + (this.bgGradientTop && this.bgGradientBottom ? `linear-gradient(to bottom, ${this.bgGradientTop}, ${this.bgGradientBottom})` : this.bg);
+  }
+  click(e) {
+    this.disabled || (this.$emit("click", e, this), this.hasTouchpad || (this.$emit("clickTouch", e, this), this.$emit("clickOrTouchstart", e, this), this.$emit("clickTap", e, this), this.link && (this.link?.startsWith("http") || this.link?.startsWith("//")) || this.link && this.linkRevert && !this.linkRevert?.startsWith("http") && !this.linkRevert?.startsWith("//") ? this.$refs.link?.click() : (this.link || this.linkRevert) && window.pjax(this.link || this.linkRevert)));
+  }
+  touchstart(e) {
+    this.disabled || (this.$emit("touchstart", e, this), this.hasTouchpad && (this.$emit("clickTouch", e, this), this.$emit("clickOrTouchstart", e, this)));
+  }
+  touchend(e) {
+    this.disabled || (this.$emit("touchend", e, this), this.hasTouchpad || this.$emit("clickOrTouchend", e, this));
+  }
+  mouseup(e) {
+    this.disabled || (this.$emit("mouseup", e, this), this.$emit("mouseupOrTouchend", e, this), this.$emit("clickOrTouchend", e, this));
+  }
+  mousedown(e) {
+    this.disabled || (this.$emit("mousedown", e, this), this.$emit("mousedownOrTouchstart", e, this));
+  }
+  keydownEnter(e) {
+    this.disabled || this.$emit("keydownEnter", e, this);
+  }
+  focus() {
+    this.$refs?.button?.focus();
+  }
+  _onThemeChanged() {
+    this.updateTheme();
+  }
+  _onTitleChanged(e) {
+    this.innerTitle = null, e && this.nextTick(() => this.innerTitle = e);
+  }
+  showButton = !0;
+  _onDisabledChanged(e) {
+    this.dataThemeInner = e ? this.dataDisabledTheme : this.dataTheme, this.showButton = !1, this.nextTick(() => this.showButton = !0);
+  }
+};
+o([
+  i(String)
+], r.prototype, "icon", 2);
+o([
+  i(String)
+], r.prototype, "iconRight", 2);
+o([
+  i(String)
+], r.prototype, "badge", 2);
+o([
+  i(String)
+], r.prototype, "badgeBg", 2);
+o([
+  i(String)
+], r.prototype, "badgeColor", 2);
+o([
+  i(Object)
+], r.prototype, "style", 2);
+o([
+  i(String, null)
+], r.prototype, "bg", 2);
+o([
+  i(String, null)
+], r.prototype, "color", 2);
+o([
+  i(String, null)
+], r.prototype, "borderColor", 2);
+o([
+  i(String, null)
+], r.prototype, "bgActive", 2);
+o([
+  i(String, null)
+], r.prototype, "colorActive", 2);
+o([
+  i(String, null)
+], r.prototype, "colorHover", 2);
+o([
+  i(String, null)
+], r.prototype, "borderColorActive", 2);
+o([
+  i(String, null)
+], r.prototype, "boxShadowColor", 2);
+o([
+  i(String)
+], r.prototype, "fontSize", 2);
+o([
+  i(String)
+], r.prototype, "fontFamily", 2);
+o([
+  i(String)
+], r.prototype, "bgGradientTop", 2);
+o([
+  i(String)
+], r.prototype, "bgGradientBottom", 2);
+o([
+  i(Boolean)
+], r.prototype, "disabled", 2);
+o([
+  i(Boolean)
+], r.prototype, "shine", 2);
+o([
+  i(String)
+], r.prototype, "type", 2);
+o([
+  i(String)
+], r.prototype, "title", 2);
+o([
+  i(String)
+], r.prototype, "disabledTitle", 2);
+o([
+  i(String)
+], r.prototype, "dataTheme", 2);
+o([
+  i(String)
+], r.prototype, "dataDisabledTheme", 2);
+o([
+  i(String)
+], r.prototype, "dataPlacement", 2);
+o([
+  i(String)
+], r.prototype, "dataOffset", 2);
+o([
+  i(String)
+], r.prototype, "width", 2);
+o([
+  i(String)
+], r.prototype, "borderRadius", 2);
+o([
+  i(String)
+], r.prototype, "link", 2);
+o([
+  i(String)
+], r.prototype, "linkRevert", 2);
+o([
+  i(String, null)
+], r.prototype, "theme", 2);
+o([
+  g("theme")
+], r.prototype, "_onThemeChanged", 1);
+o([
+  g("title", !1, !0)
+], r.prototype, "_onTitleChanged", 1);
+o([
+  g("disabled")
+], r.prototype, "_onDisabledChanged", 1);
+r = o([
+  y
+], r);
+const H = ["title", "data-theme", "data-offset", "data-placement"], R = ["title", "data-theme", "data-offset", "data-placement", "disabled", "type"], F = ["href"], D = ["href"];
+function P(t, e, h, a, s, f) {
+  return t.showButton ? (u(), d("span", {
+    key: 0,
+    class: "d-inline-block relative",
+    title: t.disabled ? t.disabledTitle : "",
+    "data-theme": t.dataThemeInner,
+    "data-offset": t.dataOffset,
+    "data-placement": t.dataPlacement
+  }, [
+    C("button", {
+      class: p(["relative", {
+        shine: t.shine,
+        [t.randomClass + (t.isOnHover ? " hover" : "")]: !0
+        // mobile: viewPortType == 'mobile',
+        // tablet: viewPortType == 'tablet',
+      }]),
+      title: t.disabled ? "" : t.innerTitle,
+      "data-theme": t.dataThemeInner,
+      "data-offset": t.dataOffset,
+      "data-placement": t.dataPlacement,
+      onMouseover: e[0] || (e[0] = (n) => t.isOnHover = !0),
+      onMouseout: e[1] || (e[1] = (n) => t.isOnHover = !1),
+      onClick: e[2] || (e[2] = (...n) => t.click && t.click(...n)),
+      onTouchstart: e[3] || (e[3] = (...n) => t.touchstart && t.touchstart(...n)),
+      onTouchend: e[4] || (e[4] = (...n) => t.touchend && t.touchend(...n)),
+      onMouseup: e[5] || (e[5] = (...n) => t.mouseup && t.mouseup(...n)),
+      onMousedown: e[6] || (e[6] = (...n) => t.mousedown && t.mousedown(...n)),
+      onKeydown: e[7] || (e[7] = k((...n) => t.keydownEnter && t.keydownEnter(...n), ["enter"])),
+      onMouseleave: e[8] || (e[8] = (n) => t.isButtonActive = !1),
+      disabled: t.disabled,
+      type: t.type,
+      style: m({ fontSize: t.fontSize, fontFamily: t.fontFamily, borderRadius: t.borderRadius, width: t.width, ...t.style }),
+      ref: "button"
+    }, [
+      t.badge ? (u(), d("div", {
+        key: 0,
+        class: "absolute right--9px top--9px bg-lightblue-400 fw-bold rounded-full z-3 px7px",
+        style: m({
+          background: t.badgeBg ?? void 0,
+          color: t.badgeColor ?? "#ffffff"
+        })
+      }, l(t.badge), 5)) : c("", !0),
+      t.icon ? (u(), d("span", {
+        key: 1,
+        class: p(["left-icon-animate", t.$slots.default ? "left-icon" : ""])
+      }, [
+        C("i", {
+          class: p(["fa", t.icon])
+        }, null, 2)
+      ], 2)) : c("", !0),
+      A(t.$slots, "default", {}, void 0, !0),
+      t.iconRight ? (u(), d("span", {
+        key: 2,
+        class: p(["right-icon-animate", t.$slots.default ? "right-icon" : ""])
+      }, [
+        C("i", {
+          class: p(["fa", t.iconRight])
+        }, null, 2)
+      ], 2)) : c("", !0),
+      (u(), S(w("style"), null, {
+        default: T(() => [
+          b("." + l(t.randomClass) + " { background: " + l(t.style?.bacground ?? t.currentBg + "!important") + "; box-shadow: none !important; color: " + l(t.currentColor) + " !important; border-color: " + l(t.currentBorderColor) + " !important; }", 1),
+          t.currentColorHover ? (u(), d(v, { key: 0 }, [
+            b("." + l(t.randomClass) + ":hover { color: " + l(t.style?.color ?? t.currentColorHover + "!important") + "; }", 1)
+          ], 64)) : c("", !0),
+          t.disabled ? c("", !0) : (u(), d(v, { key: 1 }, [
+            b("." + l(t.randomClass) + ":active { background: " + l(t.currentBgActive) + " !important; border-color: " + l(t.currentBorderColorActive) + " !important; color: " + l(t.currentColorActive) + " !important; opacity: 1 !important; " + l(t.boxShadowCss) + " !important; }", 1)
+          ], 64))
+        ]),
+        _: 1
+      })),
+      t.link && t.link?.startsWith("http") || t.link?.startsWith("//") ? (u(), d("a", {
+        key: 3,
+        class: "d-none",
+        ref: "link",
+        href: t.link,
+        target: "_blank"
+      }, " ", 8, F)) : !t.link && t.linkRevert && !t.linkRevert?.startsWith("http") && !t.linkRevert?.startsWith("//") ? (u(), d("a", {
+        key: 4,
+        class: "d-none",
+        ref: "link",
+        href: t.linkRevert,
+        target: "_blank"
+      }, " ", 8, D)) : c("", !0)
+    ], 46, R)
+  ], 8, H)) : c("", !0);
+}
+const W = (t, e) => {
+  const h = t.__vccOpts || t;
+  for (const [a, s] of e)
+    h[a] = s;
+  return h;
+}, M = /* @__PURE__ */ W(r, [["render", P], ["__scopeId", "data-v-62b3eb97"]]);
+export {
+  M as default
+};

package/dist/Interfaces/IBaseVueComponent.d.ts

@@ -0,0 +1,6 @@
+import IVueClass from './IVueClass';
+export default interface IBaseVueComponent extends IVueClass {
+    readonly $root: {
+        [key: string]: any;
+    };
+}

package/dist/Interfaces/IGlobalComponent.d.ts

@@ -0,0 +1,6 @@
+export default interface IGlobalComponent {
+    _vueClassInstances: Record<string, any>;
+    _vueClassProps: Record<string, any>;
+    _vueClassWatchers: Record<string, any>;
+    _vueComputed: Record<string, any>;
+}

package/dist/Interfaces/IVueClass.d.ts

@@ -0,0 +1,207 @@
+import { VNode } from '@vue/runtime-core';
+/**
+ * Наследуемый интерфейс компонента vue
+ * @interface IVueClass
+ * @typedef {Function} mounted Mount
+ */
+export default interface IVueClass {
+    readonly mixins: Array<any>;
+    readonly components: {
+        [key: string | symbol | number]: any;
+    };
+    readonly emits: Array<string>;
+    readonly emitsParent: Array<string>;
+    readonly inject: Array<string>;
+    readonly injectParent: Array<string>;
+    readonly provide: {
+        [key: string]: any;
+    };
+    readonly provideParent: {
+        [key: string]: (...args: any) => any;
+    };
+    /**
+     * Название компонента. Определяется автоматически по названию класса если наследовать от View.
+     */
+    readonly name: string;
+    /**
+     * Экземпляр класса. Учтите, что контекст this не будет содержать vue элементов.
+     */
+    readonly instance?: this;
+    /**
+     * Содержит привязки атрибутов и события в родительском компоненте,
+     * которые не были распознаны (и исключены) как
+     * [входные параметры](https://v3.ru.vuejs.org/ru/api/options-data.html#props)
+     * компонента или пользовательские события.
+     * Если компонент не объявляет входные параметры или
+     * [пользовательские события](https://v3.ru.vuejs.org/ru/api/options-data.html#emits),
+     * тут будут все привязки из родительского компонента,
+     * которые можно передать через v-bind="$attrs" внутреннему компоненту —
+     * удобно при создании компонентов высшего порядка (HOC, High Order Components).
+     *
+     * **См. также**
+     *
+     * [$attrs](https://v3.ru.vuejs.org/ru/api/instance-properties.html#attrs)
+     *
+     * [Передача обычных атрибутов](https://v3.ru.vuejs.org/ru/guide/component-attrs.html)
+     *
+     * [Options API / Разное — inheritAttrs](https://v3.ru.vuejs.org/ru/api/options-misc.html#inheritattrs)
+     */
+    readonly $attrs: Object;
+    /**
+     * Объект с данными, за которыми осуществляет наблюдение экземпляр компонента.
+     * Экземпляр компонента проксирует доступ к свойствам объекта данных.
+     *
+     * **См. также**
+     *
+     * [$data](https://v3.ru.vuejs.org/ru/api/instance-properties.html#data)
+     *
+     * [Options API / Локальное состояние — data](https://v3.ru.vuejs.org/ru/api/options-data.html#data)
+     */
+    readonly $data: Object;
+    /**
+     * Корневой элемент DOM, которым управляет экземпляр компонента.
+     *
+     * Для компонентов использующих [фрагменты](https://v3.ru.vuejs.org/ru/guide/migration/fragments.html),
+     * `$el` будет узлом DOM, с помощью которого Vue будет отслеживать место компонента в DOM.
+     * Рекомендуется использовать ссылки на элементы шаблона для доступа к элементам DOM напрямую,
+     * а не полагаться на `$el`
+     *
+     * **См. также**
+     *
+     * [$el](https://v3.ru.vuejs.org/ru/api/instance-properties.html#el)
+     */
+    readonly $el: HTMLElement;
+    /**
+     * Опции инициализации, используемые для текущего экземпляра компонента.
+     * Полезно, если потребуется добавить пользовательские свойства в опции:
+     *
+     * **См. также**
+     *
+     * [$options](https://v3.ru.vuejs.org/ru/api/instance-properties.html#options)
+     */
+    readonly $options: {
+        __scopeId: string;
+        __file: string;
+    };
+    /**
+     * Родительский экземпляр, если таковой имеется
+     *
+     * **См. также**
+     *
+     * [$parent](https://v3.ru.vuejs.org/ru/api/instance-properties.html#parent)
+     */
+    readonly $parent: IVueClass | null;
+    /**
+     * Объект, содержащий текущие входные параметры, которые получил компонент.
+     * Экземпляр компонента проксирует доступ к свойствам объекта входных параметров.
+     *
+     * **См. также**
+     *
+     * [$props](https://v3.ru.vuejs.org/ru/api/instance-properties.html#props)
+     */
+    readonly $props: {
+        [key: string]: any;
+    };
+    /**
+     * Объект из DOM-элементов и экземпляров компонентов, зарегистрированных с помощью
+     * [атрибутов ref](https://v3.ru.vuejs.org/ru/guide/component-template-refs.html).
+     *
+     * **См. также**
+     *
+     * [Ссылки на элементы шаблона](https://v3.ru.vuejs.org/ru/guide/component-template-refs.html)
+     * [Специальные атрибуты — ref](https://v3.ru.vuejs.org/ru/api/special-attributes.html#ref)
+     */
+    readonly $refs: {
+        [key: string]: HTMLElement | HTMLInputElement | undefined | HTMLElement[] | HTMLInputElement[];
+    };
+    /**
+     * Экземпляр корневого компонента текущего дерева компонентов.
+     * Если у текущего экземпляра нет родителя, то значением будет он сам.
+     */
+    readonly $root: {
+        readonly APP?: any;
+    } | this | any;
+    /**
+     * Используется для программного доступа к содержимому, распределяемому с помощью слотов.
+     * Каждый именованный слот имеет соответствующее свойство
+     * (например, содержимое v-slot:foo будет доступно через this.$slots.foo()).
+     */
+    readonly $slots: {
+        default: () => VNode[];
+    } & {
+        [key: string]: (() => VNode[]) | undefined;
+    };
+    /**
+     * Генерирует событие на текущем экземпляре.
+     * Любые дополнительные аргументы будут переданы в callback функции прослушивания события.
+     * @param {String} eventName Название события
+     * @param {*} args Аргументы передаваемые в него
+     */
+    $emit(eventName: string, ...args: any[]): void;
+    /**
+     * Откладывает вызов коллбэка до следующего цикла обновления DOM.
+     * @param {Function} callback
+     */
+    $forceUpdate(callback?: Function): void;
+    /**
+     * Отслеживание изменений реактивного свойства или функции вычисляемого свойства.
+     * @param {String} source
+     * @param {Function} callback
+     * @param {VueWatchOptions} options
+     */
+    $watch(source?: string | Function, callback?: Function | object, options?: VueWatchOptions): void;
+    /**
+     * Откладывает вызов коллбэка до следующего цикла обновления DOM.
+     * @param {Function} callback
+     */
+    $nextTick(callback?: Function): void;
+    /** Параметры vue компонента */
+    readonly $: {
+        [key: string]: any;
+        uid: number;
+        app: {
+            [key: string]: any;
+            appContext: {
+                [key: string]: any;
+                version: string;
+            };
+        };
+        vnode: {
+            [key: string]: any;
+            scopeId: string;
+        };
+    };
+    beforeCreate(): void;
+    created(): void;
+    beforeMount(): void;
+    mounted(): void;
+    beforeUpdate(): void;
+    updated(): void;
+    beforeUnmount(): void;
+    unmounted(): void;
+    beforeCreateParent(): void;
+    createdParent(): void;
+    beforeMountParent(): void;
+    mountedParent(): void;
+    beforeUpdateParent(): void;
+    updatedParent(): void;
+    beforeUnmountParent(): void;
+    unmountedParent(): void;
+    /**
+     * Рекурсивный пропуск шагов
+     * @param {Function} callback
+     * @param {Number} steps Количество шагов (тиков, смен сцен), которые нужно пропустить
+     */
+    nextTick(callback: () => void, steps?: number): void;
+    /**
+     * Проверка наличия внешнего обработчика события
+     * @param name
+     */
+    hasExternalHandlerEvent(name: string): boolean;
+}
+export interface VueWatchOptions {
+    deep?: boolean;
+    immediate?: boolean;
+    once?: boolean;
+    flush?: string;
+}

package/dist/builder.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/components/LazyComponents.d.ts

@@ -0,0 +1,5 @@
+import { VueClass } from '../core';
+declare let LazyComponents: {
+    Button: VueClass;
+};
+export default LazyComponents;

package/dist/core/Computed.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Трансформация метода в vue computed функцию
+ * @param {String} propertyName Название свойства
+ * @constructor
+ */
+export declare const Computed: (propertyName: string) => any;

package/dist/core/Props.d.ts

@@ -0,0 +1,24 @@
+import { DebuggerEvent } from 'vue/dist/vue.esm-bundler';
+type VuePropsTypes = typeof String | typeof Number | typeof Array | typeof Boolean | typeof Object | typeof Date | typeof Function | typeof Symbol | null;
+type WatchCallback<T> = (value: T, oldValue: T, onCleanup: (cleanupFn: () => void) => void) => void;
+interface VuePropObj {
+    type: VuePropsTypes | VuePropsTypes[];
+    validator?: Function;
+    default?: any;
+    required?: boolean;
+    event?: string;
+    deep?: boolean;
+    handler?: WatchCallback<any> | string;
+    immediate?: boolean;
+    flush?: 'pre' | 'post' | 'sync';
+    onTrack?: (event: DebuggerEvent) => void;
+    onTrigger?: (event: DebuggerEvent) => void;
+}
+/**
+ * Трансформация свойства во vue property
+ * @param propDataOrType
+ * @param types
+ * @constructor
+ */
+export declare const Prop: (propDataOrType: VuePropsTypes | VuePropObj, ...types: (VuePropsTypes)[]) => any;
+export {};