@iwusong/datav-vue3
Version:
Vue3 large screen data display component library
257 lines • 74.8 kB
JavaScript
(function($,r){typeof exports=="object"&&typeof module!="undefined"?r(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],r):($=typeof globalThis!="undefined"?globalThis:$||self,r($.DataV={},$.Vue))})(this,function($,r){"use strict";var Sl=Object.defineProperty,Bl=Object.defineProperties;var Tl=Object.getOwnPropertyDescriptors;var yr=Object.getOwnPropertySymbols;var Dl=Object.prototype.hasOwnProperty,Ll=Object.prototype.propertyIsEnumerable;var br=($,r,P)=>r in $?Sl($,r,{enumerable:!0,configurable:!0,writable:!0,value:P}):$[r]=P,k=($,r)=>{for(var P in r||(r={}))Dl.call(r,P)&&br($,P,r[P]);if(yr)for(var P of yr(r))Ll.call(r,P)&&br($,P,r[P]);return $},K=($,r)=>Bl($,Tl(r));var P=typeof global=="object"&&global&&global.Object===Object&&global;const Fe=P;var Nr=typeof self=="object"&&self&&self.Object===Object&&self,Vr=Fe||Nr||Function("return this")();const R=Vr;var wr=R.Symbol;const U=wr;var Oe=Object.prototype,kr=Oe.hasOwnProperty,_r=Oe.toString,J=U?U.toStringTag:void 0;function Cr(e){var t=kr.call(e,J),o=e[J];try{e[J]=void 0;var s=!0}catch(u){}var f=_r.call(e);return s&&(t?e[J]=o:delete e[J]),f}var xr=Object.prototype,Sr=xr.toString;function Br(e){return Sr.call(e)}var Tr="[object Null]",Dr="[object Undefined]",Ie=U?U.toStringTag:void 0;function v(e){return e==null?e===void 0?Dr:Tr:Ie&&Ie in Object(e)?Cr(e):Br(e)}function Y(e){return e!=null&&typeof e=="object"}var Lr="[object Symbol]";function Re(e){return typeof e=="symbol"||Y(e)&&v(e)==Lr}function Pr(e,t){for(var o=-1,s=e==null?0:e.length,f=Array(s);++o<s;)f[o]=t(e[o],o,e);return f}var zr=Array.isArray;const ae=zr;var Ar=1/0,Ye=U?U.prototype:void 0,Ge=Ye?Ye.toString:void 0;function He(e){if(typeof e=="string")return e;if(ae(e))return Pr(e,He)+"";if(Re(e))return Ge?Ge.call(e):"";var t=e+"";return t=="0"&&1/e==-Ar?"-0":t}var jr=/\s/;function Mr(e){for(var t=e.length;t--&&jr.test(e.charAt(t)););return t}var Er=/^\s+/;function Fr(e){return e&&e.slice(0,Mr(e)+1).replace(Er,"")}function F(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var Ue=0/0,Or=/^[-+]0x[0-9a-f]+$/i,Ir=/^0b[01]+$/i,Rr=/^0o[0-7]+$/i,Yr=parseInt;function he(e){if(typeof e=="number")return e;if(Re(e))return Ue;if(F(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=F(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=Fr(e);var o=Ir.test(e);return o||Rr.test(e)?Yr(e.slice(2),o?2:8):Or.test(e)?Ue:+e}var We=1/0,Gr=17976931348623157e292;function $e(e){if(!e)return e===0?e:0;if(e=he(e),e===We||e===-We){var t=e<0?-1:1;return t*Gr}return e===e?e:0}function Hr(e){var t=$e(e),o=t%1;return t===t?o?t-o:t:0}function ge(e){return e}var Ur="[object AsyncFunction]",Wr="[object Function]",qr="[object GeneratorFunction]",Xr="[object Proxy]";function me(e){if(!F(e))return!1;var t=v(e);return t==Wr||t==qr||t==Ur||t==Xr}var Qr=R["__core-js_shared__"];const ye=Qr;var qe=function(){var e=/[^.]+$/.exec(ye&&ye.keys&&ye.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function Kr(e){return!!qe&&qe in e}var Jr=Function.prototype,vr=Jr.toString;function Zr(e){if(e!=null){try{return vr.call(e)}catch(t){}try{return e+""}catch(t){}}return""}var en=/[\\^$.*+?()[\]{}|]/g,tn=/^\[object .+?Constructor\]$/,rn=Function.prototype,nn=Object.prototype,on=rn.toString,an=nn.hasOwnProperty,ln=RegExp("^"+on.call(an).replace(en,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function sn(e){if(!F(e)||Kr(e))return!1;var t=me(e)?ln:tn;return t.test(Zr(e))}function dn(e,t){return e==null?void 0:e[t]}function be(e,t){var o=dn(e,t);return sn(o)?o:void 0}var Xe=Object.create,cn=function(){function e(){}return function(t){if(!F(t))return{};if(Xe)return Xe(t);e.prototype=t;var o=new e;return e.prototype=void 0,o}}();const fn=cn;function un(e,t,o){switch(o.length){case 0:return e.call(t);case 1:return e.call(t,o[0]);case 2:return e.call(t,o[0],o[1]);case 3:return e.call(t,o[0],o[1],o[2])}return e.apply(t,o)}function pn(e,t){var o=-1,s=e.length;for(t||(t=Array(s));++o<s;)t[o]=e[o];return t}var hn=800,$n=16,gn=Date.now;function mn(e){var t=0,o=0;return function(){var s=gn(),f=$n-(s-o);if(o=s,f>0){if(++t>=hn)return arguments[0]}else t=0;return e.apply(void 0,arguments)}}function yn(e){return function(){return e}}var bn=function(){try{var e=be(Object,"defineProperty");return e({},"",{}),e}catch(t){}}();const ie=bn;var Nn=ie?function(e,t){return ie(e,"toString",{configurable:!0,enumerable:!1,value:yn(t),writable:!0})}:ge,Vn=mn(Nn);const wn=Vn;var kn=9007199254740991,_n=/^(?:0|[1-9]\d*)$/;function Qe(e,t){var o=typeof e;return t=t==null?kn:t,!!t&&(o=="number"||o!="symbol"&&_n.test(e))&&e>-1&&e%1==0&&e<t}function Ne(e,t,o){t=="__proto__"&&ie?ie(e,t,{configurable:!0,enumerable:!0,value:o,writable:!0}):e[t]=o}function le(e,t){return e===t||e!==e&&t!==t}var Cn=Object.prototype,xn=Cn.hasOwnProperty;function Sn(e,t,o){var s=e[t];(!(xn.call(e,t)&&le(s,o))||o===void 0&&!(t in e))&&Ne(e,t,o)}function Bn(e,t,o,s){var f=!o;o||(o={});for(var u=-1,c=t.length;++u<c;){var d=t[u],l=s?s(o[d],e[d],d,o,e):void 0;l===void 0&&(l=e[d]),f?Ne(o,d,l):Sn(o,d,l)}return o}var Ke=Math.max;function Tn(e,t,o){return t=Ke(t===void 0?e.length-1:t,0),function(){for(var s=arguments,f=-1,u=Ke(s.length-t,0),c=Array(u);++f<u;)c[f]=s[t+f];f=-1;for(var d=Array(t+1);++f<t;)d[f]=s[f];return d[t]=o(c),un(e,this,d)}}function Dn(e,t){return wn(Tn(e,t,ge),e+"")}var Ln=9007199254740991;function Je(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=Ln}function Ve(e){return e!=null&&Je(e.length)&&!me(e)}function ve(e,t,o){if(!F(o))return!1;var s=typeof t;return(s=="number"?Ve(o)&&Qe(t,o.length):s=="string"&&t in o)?le(o[t],e):!1}function Pn(e){return Dn(function(t,o){var s=-1,f=o.length,u=f>1?o[f-1]:void 0,c=f>2?o[2]:void 0;for(u=e.length>3&&typeof u=="function"?(f--,u):void 0,c&&ve(o[0],o[1],c)&&(u=f<3?void 0:u,f=1),t=Object(t);++s<f;){var d=o[s];d&&e(t,d,s,u)}return t})}var zn=Object.prototype;function Ze(e){var t=e&&e.constructor,o=typeof t=="function"&&t.prototype||zn;return e===o}function An(e,t){for(var o=-1,s=Array(e);++o<e;)s[o]=t(o);return s}var jn="[object Arguments]";function et(e){return Y(e)&&v(e)==jn}var tt=Object.prototype,Mn=tt.hasOwnProperty,En=tt.propertyIsEnumerable,Fn=et(function(){return arguments}())?et:function(e){return Y(e)&&Mn.call(e,"callee")&&!En.call(e,"callee")};const we=Fn;function On(){return!1}var rt=typeof $=="object"&&$&&!$.nodeType&&$,nt=rt&&typeof module=="object"&&module&&!module.nodeType&&module,In=nt&&nt.exports===rt,ot=In?R.Buffer:void 0,Rn=ot?ot.isBuffer:void 0,Yn=Rn||On;const at=Yn;var Gn="[object Arguments]",Hn="[object Array]",Un="[object Boolean]",Wn="[object Date]",qn="[object Error]",Xn="[object Function]",Qn="[object Map]",Kn="[object Number]",Jn="[object Object]",vn="[object RegExp]",Zn="[object Set]",eo="[object String]",to="[object WeakMap]",ro="[object ArrayBuffer]",no="[object DataView]",oo="[object Float32Array]",ao="[object Float64Array]",io="[object Int8Array]",lo="[object Int16Array]",so="[object Int32Array]",co="[object Uint8Array]",fo="[object Uint8ClampedArray]",uo="[object Uint16Array]",po="[object Uint32Array]",V={};V[oo]=V[ao]=V[io]=V[lo]=V[so]=V[co]=V[fo]=V[uo]=V[po]=!0,V[Gn]=V[Hn]=V[ro]=V[Un]=V[no]=V[Wn]=V[qn]=V[Xn]=V[Qn]=V[Kn]=V[Jn]=V[vn]=V[Zn]=V[eo]=V[to]=!1;function ho(e){return Y(e)&&Je(e.length)&&!!V[v(e)]}function $o(e){return function(t){return e(t)}}var it=typeof $=="object"&&$&&!$.nodeType&&$,Z=it&&typeof module=="object"&&module&&!module.nodeType&&module,go=Z&&Z.exports===it,ke=go&&Fe.process,mo=function(){try{var e=Z&&Z.require&&Z.require("util").types;return e||ke&&ke.binding&&ke.binding("util")}catch(t){}}();const lt=mo;var st=lt&<.isTypedArray,yo=st?$o(st):ho;const dt=yo;var bo=Object.prototype,No=bo.hasOwnProperty;function Vo(e,t){var o=ae(e),s=!o&&we(e),f=!o&&!s&&at(e),u=!o&&!s&&!f&&dt(e),c=o||s||f||u,d=c?An(e.length,String):[],l=d.length;for(var n in e)(t||No.call(e,n))&&!(c&&(n=="length"||f&&(n=="offset"||n=="parent")||u&&(n=="buffer"||n=="byteLength"||n=="byteOffset")||Qe(n,l)))&&d.push(n);return d}function wo(e,t){return function(o){return e(t(o))}}function ko(e){var t=[];if(e!=null)for(var o in Object(e))t.push(o);return t}var _o=Object.prototype,Co=_o.hasOwnProperty;function xo(e){if(!F(e))return ko(e);var t=Ze(e),o=[];for(var s in e)s=="constructor"&&(t||!Co.call(e,s))||o.push(s);return o}function ct(e){return Ve(e)?Vo(e,!0):xo(e)}var So=be(Object,"create");const ee=So;function Bo(){this.__data__=ee?ee(null):{},this.size=0}function To(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var Do="__lodash_hash_undefined__",Lo=Object.prototype,Po=Lo.hasOwnProperty;function zo(e){var t=this.__data__;if(ee){var o=t[e];return o===Do?void 0:o}return Po.call(t,e)?t[e]:void 0}var Ao=Object.prototype,jo=Ao.hasOwnProperty;function Mo(e){var t=this.__data__;return ee?t[e]!==void 0:jo.call(t,e)}var Eo="__lodash_hash_undefined__";function Fo(e,t){var o=this.__data__;return this.size+=this.has(e)?0:1,o[e]=ee&&t===void 0?Eo:t,this}function G(e){var t=-1,o=e==null?0:e.length;for(this.clear();++t<o;){var s=e[t];this.set(s[0],s[1])}}G.prototype.clear=Bo,G.prototype.delete=To,G.prototype.get=zo,G.prototype.has=Mo,G.prototype.set=Fo;function Oo(){this.__data__=[],this.size=0}function se(e,t){for(var o=e.length;o--;)if(le(e[o][0],t))return o;return-1}var Io=Array.prototype,Ro=Io.splice;function Yo(e){var t=this.__data__,o=se(t,e);if(o<0)return!1;var s=t.length-1;return o==s?t.pop():Ro.call(t,o,1),--this.size,!0}function Go(e){var t=this.__data__,o=se(t,e);return o<0?void 0:t[o][1]}function Ho(e){return se(this.__data__,e)>-1}function Uo(e,t){var o=this.__data__,s=se(o,e);return s<0?(++this.size,o.push([e,t])):o[s][1]=t,this}function O(e){var t=-1,o=e==null?0:e.length;for(this.clear();++t<o;){var s=e[t];this.set(s[0],s[1])}}O.prototype.clear=Oo,O.prototype.delete=Yo,O.prototype.get=Go,O.prototype.has=Ho,O.prototype.set=Uo;var Wo=be(R,"Map");const ft=Wo;function qo(){this.size=0,this.__data__={hash:new G,map:new(ft||O),string:new G}}function Xo(e){var t=typeof e;return t=="string"||t=="number"||t=="symbol"||t=="boolean"?e!=="__proto__":e===null}function de(e,t){var o=e.__data__;return Xo(t)?o[typeof t=="string"?"string":"hash"]:o.map}function Qo(e){var t=de(this,e).delete(e);return this.size-=t?1:0,t}function Ko(e){return de(this,e).get(e)}function Jo(e){return de(this,e).has(e)}function vo(e,t){var o=de(this,e),s=o.size;return o.set(e,t),this.size+=o.size==s?0:1,this}function W(e){var t=-1,o=e==null?0:e.length;for(this.clear();++t<o;){var s=e[t];this.set(s[0],s[1])}}W.prototype.clear=qo,W.prototype.delete=Qo,W.prototype.get=Ko,W.prototype.has=Jo,W.prototype.set=vo;function Zo(e){return e==null?"":He(e)}var ea=wo(Object.getPrototypeOf,Object);const ut=ea;var ta="[object Object]",ra=Function.prototype,na=Object.prototype,pt=ra.toString,oa=na.hasOwnProperty,aa=pt.call(Object);function ht(e){if(!Y(e)||v(e)!=ta)return!1;var t=ut(e);if(t===null)return!0;var o=oa.call(t,"constructor")&&t.constructor;return typeof o=="function"&&o instanceof o&&pt.call(o)==aa}var ia="Expected a function";function la(e,t){var o;if(typeof t!="function")throw new TypeError(ia);return e=Hr(e),function(){return--e>0&&(o=t.apply(this,arguments)),e<=1&&(t=void 0),o}}function sa(){this.__data__=new O,this.size=0}function da(e){var t=this.__data__,o=t.delete(e);return this.size=t.size,o}function ca(e){return this.__data__.get(e)}function fa(e){return this.__data__.has(e)}var ua=200;function pa(e,t){var o=this.__data__;if(o instanceof O){var s=o.__data__;if(!ft||s.length<ua-1)return s.push([e,t]),this.size=++o.size,this;o=this.__data__=new W(s)}return o.set(e,t),this.size=o.size,this}function q(e){var t=this.__data__=new O(e);this.size=t.size}q.prototype.clear=sa,q.prototype.delete=da,q.prototype.get=ca,q.prototype.has=fa,q.prototype.set=pa;var $t=typeof $=="object"&&$&&!$.nodeType&&$,gt=$t&&typeof module=="object"&&module&&!module.nodeType&&module,ha=gt&>.exports===$t,mt=ha?R.Buffer:void 0,yt=mt?mt.allocUnsafe:void 0;function $a(e,t){if(t)return e.slice();var o=e.length,s=yt?yt(o):new e.constructor(o);return e.copy(s),s}var ga=R.Uint8Array;const bt=ga;function ma(e){var t=new e.constructor(e.byteLength);return new bt(t).set(new bt(e)),t}function ya(e,t){var o=t?ma(e.buffer):e.buffer;return new e.constructor(o,e.byteOffset,e.length)}function ba(e){return typeof e.constructor=="function"&&!Ze(e)?fn(ut(e)):{}}function Na(e){return function(t,o,s){for(var f=-1,u=Object(t),c=s(t),d=c.length;d--;){var l=c[e?d:++f];if(o(u[l],l,u)===!1)break}return t}}var Va=Na();const wa=Va;var ka=function(){return R.Date.now()};const _e=ka;var _a="Expected a function",Ca=Math.max,xa=Math.min;function Sa(e,t,o){var s,f,u,c,d,l,n=0,a=!1,i=!1,p=!0;if(typeof e!="function")throw new TypeError(_a);t=he(t)||0,F(o)&&(a=!!o.leading,i="maxWait"in o,u=i?Ca(he(o.maxWait)||0,t):u,p="trailing"in o?!!o.trailing:p);function h(b){var L=s,oe=f;return s=f=void 0,n=b,c=e.apply(oe,L),c}function g(b){return n=b,d=setTimeout(M,t),a?h(b):c}function x(b){var L=b-l,oe=b-n,mr=t-L;return i?xa(mr,u-oe):mr}function y(b){var L=b-l,oe=b-n;return l===void 0||L>=t||L<0||i&&oe>=u}function M(){var b=_e();if(y(b))return j(b);d=setTimeout(M,x(b))}function j(b){return d=void 0,p&&s?h(b):(s=f=void 0,c)}function pe(){d!==void 0&&clearTimeout(d),n=0,s=l=f=d=void 0}function ne(){return d===void 0?c:j(_e())}function E(){var b=_e(),L=y(b);if(s=arguments,f=this,l=b,L){if(d===void 0)return g(l);if(i)return clearTimeout(d),d=setTimeout(M,t),h(l)}return d===void 0&&(d=setTimeout(M,t)),c}return E.cancel=pe,E.flush=ne,E}function Ce(e,t,o){(o!==void 0&&!le(e[t],o)||o===void 0&&!(t in e))&&Ne(e,t,o)}function Ba(e){return Y(e)&&Ve(e)}function xe(e,t){if(!(t==="constructor"&&typeof e[t]=="function")&&t!="__proto__")return e[t]}function Ta(e){return Bn(e,ct(e))}function Da(e,t,o,s,f,u,c){var d=xe(e,o),l=xe(t,o),n=c.get(l);if(n){Ce(e,o,n);return}var a=u?u(d,l,o+"",e,t,c):void 0,i=a===void 0;if(i){var p=ae(l),h=!p&&at(l),g=!p&&!h&&dt(l);a=l,p||h||g?ae(d)?a=d:Ba(d)?a=pn(d):h?(i=!1,a=$a(l,!0)):g?(i=!1,a=ya(l,!0)):a=[]:ht(l)||we(l)?(a=d,we(d)?a=Ta(d):(!F(d)||me(d))&&(a=ba(l))):i=!1}i&&(c.set(l,a),f(a,l,s,u,c),c.delete(l)),Ce(e,o,a)}function Nt(e,t,o,s,f){e!==t&&wa(t,function(u,c){if(f||(f=new q),F(u))Da(e,t,c,o,Nt,s,f);else{var d=s?s(xe(e,c),u,c+"",e,t,f):void 0;d===void 0&&(d=u),Ce(e,c,d)}},ct)}function Vt(e){return Y(e)&&e.nodeType===1&&!ht(e)}function La(e,t){for(var o,s=-1,f=e.length;++s<f;){var u=t(e[s]);u!==void 0&&(o=o===void 0?u:o+u)}return o}var Pa=Pn(function(e,t,o){Nt(e,t,o)});const wt=Pa;function za(e){return la(2,e)}var Aa=Math.floor,ja=Math.random;function Ma(e,t){return e+Aa(ja()*(t-e+1))}var Ea=parseFloat,Fa=Math.min,Oa=Math.random;function kt(e,t,o){if(o&&typeof o!="boolean"&&ve(e,t,o)&&(t=o=void 0),o===void 0&&(typeof t=="boolean"?(o=t,t=void 0):typeof e=="boolean"&&(o=e,e=void 0)),e===void 0&&t===void 0?(e=0,t=1):(e=$e(e),t===void 0?(t=e,e=0):t=$e(t)),e>t){var s=e;e=t,t=s}if(o||e%1||t%1){var f=Oa();return Fa(e+f*(t-e+Ea("1e-"+((f+"").length-1))),t)}return Ma(e,t)}function _t(e){return e&&e.length?La(e,ge):0}var Ia=0;function Ct(e){var t=++Ia;return Zo(e)+t}function Ra(e){const t=`[DataV - ${e}]`;return{info(...o){console.log(`${t} ${o.join(" ")}`)},warn(...o){console.warn(`${t} ${o.join(" ")}`)},error(...o){console.error(`${t} ${o.join(" ")}`)}}}const Se=Ra("useResize");function Ya(e,t){const o=new MutationObserver(t);return o.observe(e,{attributes:!0,attributeFilter:["class","style"],attributeOldValue:!0}),o}function Ga(e,t){const{clientWidth:o=0,clientHeight:s=0}=e||{};e?(!o||!s)&&Se.warn("Component width or height is 0px, rendering abnormality may occur!"):Se.warn("Failed to get dom node, component rendering may be abnormal!"),t.width=o,t.height=s}function Ha(e){return Vt(e)?e:Vt(e.$el)?e.$el:null}function w(){const e=r.ref(),t=[],o=r.reactive({width:0,height:0}),s=()=>{Ga(e.value,o)},f=Sa(s,100),u=za(c=>{const d=Ha(c);if(!d){Se.error("Bind Component Dom Ref Failed!");return}e.value=d});return r.onMounted(()=>{s();const c=Ya(e.value,f);window.addEventListener("resize",f),t.push(()=>{c.disconnect()},()=>{window.removeEventListener("resize",f)})}),r.onUnmounted(()=>{t.forEach(c=>c())}),{domSize:o,autoBindRef:u,refreshLayoutSize:s}}function N(e){const t=e;return t.install=function(o){o.component(t.displayName||t.name,e)},e}const xt=e=>e,Ua=(e,t)=>{const o=Math.abs(e[0]-t[0]),s=Math.abs(e[1]-t[1]);return Math.sqrt(Math.pow(o,2)+Math.pow(s,2))};function z(e,t=[]){return wt(e,t)}function S(){return{color:{type:xt(Array),default:()=>[]},backgroundColor:{type:String,default:"transparent"}}}function B(e,t=[]){return wt(e,t)}function Wa(e){let t=e;const o={},s=i=>{var p;return(p=o[i])!=null?p:0},f=i=>{var p;o[i]=((p=o[i])!=null?p:0)+1},u=i=>{let p=o[i]-1;p<=0&&(p=0),o[i]=p},c=i=>{t=i},d=(i,p=!0)=>`${p?".":""}${t||""}${i}`,l=i=>d(i,!1),n=(i,p)=>{const h=d(p);return`.__STYLED__ {${i.toString()}}`.replaceAll(".__STYLED__",h)};function a(i){return p=>{const h=document.createElement("style"),g=y=>{h.innerHTML=n(p,y),document.querySelector("head").appendChild(h)},x=()=>document.querySelector("head").removeChild(h);return y=>{const M=i,j=Ct("style");return r.defineComponent({setup(ne,{slots:E}){r.onMounted(()=>{s(j)===0&&g(y),f(j)}),r.onUnmounted(()=>{u(j),s(j)===0&&x()});const b=d(y,!1);return()=>r.createVNode(M,r.mergeProps(ne,{class:b}),{default:()=>{var L;return[(L=E==null?void 0:E.default)==null?void 0:L.call(E)]}})}})}}}return a.setClassNamePrefix=c,a.getClassNameForBind=l,a.span=a((i,{slots:p})=>r.createVNode("span",i,[p==null?void 0:p.default()])),a.div=a((i,{slots:p})=>r.createVNode("div",i,[p==null?void 0:p.default()])),a.img=a(i=>r.createVNode("img",i,null)),a.svg=a((i,{slots:p})=>r.createVNode("svg",i,[p==null?void 0:p.default()])),a}const m=Wa("dv-"),St=m.setClassNamePrefix,T=m.div`
position: relative;
width: 100%;
height: 100%;
`("border-box"),D=m.div`
position: relative;
width: 100%;
height: 100%;
`("border-box-content"),qa=["#4fd2dd","#235fa7"],Xa=["left-top","right-top","left-bottom","right-bottom"],Bt=m.svg`
position: absolute;
display: block;
}
.__STYLED__.right-top {
right: 0px;
transform: rotateY(180deg);
}
.__STYLED__.left-bottom {
bottom: 0px;
transform: rotateX(180deg);
}
.__STYLED__.right-bottom {
right: 0px;
bottom: 0px;
transform: rotateX(180deg) rotateY(180deg);
`("border"),Tt=N(r.defineComponent({name:"BorderBox1",props:S(),setup(e,{slots:t,expose:o}){const{autoBindRef:s,refreshLayoutSize:f,domSize:u}=w();return o({refreshLayoutSize:f}),()=>{const{color:c,backgroundColor:d}=e,{width:l,height:n}=u,a=B(qa,c);return r.createVNode(T,{class:m.getClassNameForBind("border-box-1"),ref:s},{default:()=>[r.createVNode(Bt,{width:l,height:n},{default:()=>[r.createVNode("polygon",{fill:d,points:`10, 27 10, ${n-27} 13, ${n-24} 13, ${n-21} 24, ${n-11} 38, ${n-11}
41, ${n-8} 73, ${n-8} 75, ${n-10} 81, ${n-10} 85, ${n-6}
${l-85}, ${n-6} ${l-81}, ${n-10} ${l-75}, ${n-10}
${l-73}, ${n-8} ${l-41}, ${n-8} ${l-38}, ${n-11}
${l-24}, ${n-11} ${l-13}, ${n-21} ${l-13}, ${n-24}
${l-10}, ${n-27} ${l-10}, 27 ${l-13}, 25 ${l-13}, 21
${l-24}, 11 ${l-38}, 11 ${l-41}, 8 ${l-73}, 8 ${l-75}, 10
${l-81}, 10 ${l-85}, 6 85, 6 81, 10 75, 10 73, 8 41, 8 38, 11 24, 11 13, 21 13, 24`},null)]}),Xa.map(i=>r.createVNode(Bt,{key:i,width:"150",height:"150",class:i},{default:()=>[r.createVNode("polygon",{fill:a[0],points:"6,66 6,18 12,12 18,12 24,6 27,6 30,9 36,9 39,6 84,6 81,9 75,9 73.2,7 40.8,7 37.8,10.2 24,10.2 12,21 12,24 9,27 9,51 7.8,54 7.8,63"},[r.createVNode("animate",{attributeName:"fill",values:`${a[0]};${a[1]};${a[0]}`,dur:"0.5s",begin:"0s",repeatCount:"indefinite"},null)]),r.createVNode("polygon",{fill:a[1],points:"27.6,4.8 38.4,4.8 35.4,7.8 30.6,7.8"},[r.createVNode("animate",{attributeName:"fill",values:`${a[1]};${a[0]};${a[1]}`,dur:"0.5s",begin:"0s",repeatCount:"indefinite"},null)]),r.createVNode("polygon",{fill:a[0],points:"9,54 9,63 7.2,66 7.2,75 7.8,78 7.8,110 8.4,110 8.4,66 9.6,66 9.6,54"},[r.createVNode("animate",{attributeName:"fill",values:`${a[0]};${a[1]};transparent`,dur:"1s",begin:"0s",repeatCount:"indefinite"},null)])]})),r.createVNode(D,null,{default:()=>{var i;return[(i=t.default)==null?void 0:i.call(t)]}})]})}}})),Qa=["#1d48c4","#d3e1f8"],Ka=["left-top","right-top","left-bottom","right-bottom"],Dt=m.svg`
position: absolute;
display: block;
}
.__STYLED__.right-top {
right: 0px;
transform: rotateY(180deg);
}
.__STYLED__.left-bottom {
bottom: 0px;
transform: rotateX(180deg);
}
.__STYLED__.right-bottom {
right: 0px;
bottom: 0px;
transform: rotateX(180deg) rotateY(180deg);
`("border-svg-container"),Lt=N(r.defineComponent({name:"BorderBox10",props:S(),setup(e,{slots:t,expose:o}){const{autoBindRef:s,refreshLayoutSize:f,domSize:u}=w();return o({refreshLayoutSize:f}),()=>{const{width:c,height:d}=u,{backgroundColor:l,color:n}=e,a=B(Qa,n);return r.createVNode(T,{class:m.getClassNameForBind("border-box-10"),ref:s,style:{boxShadow:`inset 0 0 25px 3px ${a[0]}`}},{default:()=>[r.createVNode(Dt,{width:c,height:d},{default:()=>[r.createVNode("polygon",{fill:l,points:`
4, 0 ${c-4}, 0 ${c}, 4 ${c}, ${d-4} ${c-4}, ${d}
4, ${d} 0, ${d-4} 0, 4
`},null)]}),Ka.map(i=>r.createVNode(Dt,{width:"150px",height:"150px",key:i,class:i},{default:()=>[r.createVNode("polygon",{fill:a[1],points:"40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"},null)]})),r.createVNode(D,null,{default:()=>{var i;return[(i=t.default)==null?void 0:i.call(t)]}})]})}}}));var Pt=(e=>(e.transparent="rgba(0,0,0,0)",e.black="#000000",e.silver="#C0C0C0",e.gray="#808080",e.white="#FFFFFF",e.maroon="#800000",e.red="#FF0000",e.purple="#800080",e.fuchsia="#FF00FF",e.green="#008000",e.lime="#00FF00",e.olive="#808000",e.yellow="#FFFF00",e.navy="#000080",e.blue="#0000FF",e.teal="#008080",e.aqua="#00FFFF",e.aliceblue="#f0f8ff",e.antiquewhite="#faebd7",e.aquamarine="#7fffd4",e.azure="#f0ffff",e.beige="#f5f5dc",e.bisque="#ffe4c4",e.blanchedalmond="#ffebcd",e.blueviolet="#8a2be2",e.brown="#a52a2a",e.burlywood="#deb887",e.cadetblue="#5f9ea0",e.chartreuse="#7fff00",e.chocolate="#d2691e",e.coral="#ff7f50",e.cornflowerblue="#6495ed",e.cornsilk="#fff8dc",e.crimson="#dc143c",e.cyan="#00ffff",e.darkblue="#00008b",e.darkcyan="#008b8b",e.darkgoldenrod="#b8860b",e.darkgray="#a9a9a9",e.darkgreen="#006400",e.darkgrey="#a9a9a9",e.darkkhaki="#bdb76b",e.darkmagenta="#8b008b",e.darkolivegreen="#556b2f",e.darkorange="#ff8c00",e.darkorchid="#9932cc",e.darkred="#8b0000",e.darksalmon="#e9967a",e.darkseagreen="#8fbc8f",e.darkslateblue="#483d8b",e.darkslategray="#2f4f4f",e.darkslategrey="#2f4f4f",e.darkturquoise="#00ced1",e.darkviolet="#9400d3",e.deeppink="#ff1493",e.deepskyblue="#00bfff",e.dimgray="#696969",e.dimgrey="#696969",e.dodgerblue="#1e90ff",e.firebrick="#b22222",e.floralwhite="#fffaf0",e.forestgreen="#228b22",e.gainsboro="#dcdcdc",e.ghostwhite="#f8f8ff",e.gold="#ffd700",e.goldenrod="#daa520",e.greenyellow="#adff2f",e.grey="#808080",e.honeydew="#f0fff0",e.hotpink="#ff69b4",e.indianred="#cd5c5c",e.indigo="#4b0082",e.ivory="#fffff0",e.khaki="#f0e68c",e.lavender="#e6e6fa",e.lavenderblush="#fff0f5",e.lawngreen="#7cfc00",e.lemonchiffon="#fffacd",e.lightblue="#add8e6",e.lightcoral="#f08080",e.lightcyan="#e0ffff",e.lightgoldenrodyellow="#fafad2",e.lightgray="#d3d3d3",e.lightgreen="#90ee90",e.lightgrey="#d3d3d3",e.lightpink="#ffb6c1",e.lightsalmon="#ffa07a",e.lightseagreen="#20b2aa",e.lightskyblue="#87cefa",e.lightslategray="#778899",e.lightslategrey="#778899",e.lightsteelblue="#b0c4de",e.lightyellow="#ffffe0",e.limegreen="#32cd32",e.linen="#faf0e6",e.magenta="#ff00ff",e.mediumaquamarine="#66cdaa",e.mediumblue="#0000cd",e.mediumorchid="#ba55d3",e.mediumpurple="#9370db",e.mediumseagreen="#3cb371",e.mediumslateblue="#7b68ee",e.mediumspringgreen="#00fa9a",e.mediumturquoise="#48d1cc",e.mediumvioletred="#c71585",e.midnightblue="#191970",e.mintcream="#f5fffa",e.mistyrose="#ffe4e1",e.moccasin="#ffe4b5",e.navajowhite="#ffdead",e.oldlace="#fdf5e6",e.olivedrab="#6b8e23",e.orange="#ffa500",e.orangered="#ff4500",e.orchid="#da70d6",e.palegoldenrod="#eee8aa",e.palegreen="#98fb98",e.paleturquoise="#afeeee",e.palevioletred="#db7093",e.papayawhip="#ffefd5",e.peachpuff="#ffdab9",e.peru="#cd853f",e.pink="#ffc0cb",e.plum="#dda0dd",e.powderblue="#b0e0e6",e.rosybrown="#bc8f8f",e.royalblue="#4169e1",e.saddlebrown="#8b4513",e.salmon="#fa8072",e.sandybrown="#f4a460",e.seagreen="#2e8b57",e.seashell="#fff5ee",e.sienna="#a0522d",e.skyblue="#87ceeb",e.slateblue="#6a5acd",e.slategray="#708090",e.snow="#fffafa",e.springgreen="#00ff7f",e.steelblue="#4682b4",e.tan="#d2b48c",e.thistle="#d8bfd8",e.tomato="#ff6347",e.turquoise="#40e0d0",e.violet="#ee82ee",e.wheat="#f5deb3",e.whitesmoke="#f5f5f5",e.yellowgreen="#9acd32",e))(Pt||{});function zt(e){return typeof e!="string"?!1:(e=e.toLowerCase(),/^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/.test(e))}function Ja(e){return/^(rgb|rgba|RGB|RGBA)/.test(e)}function va(e){return Pt[e]}function Za(e){if(zt(e)||Ja(e))return e;const t=va(e);if(!t)throw new Error(`Color: Invalid Input of ${e}`);return t}function ei(e){e=e.replace("#",""),e.length===3&&(e=Array.from(e).map(o=>o+o).join(""));const t=e.split("");return new Array(3).fill(0).map((o,s)=>parseInt(`0x${t[s*2]}${t[s*2+1]}`))}function ti(e){return e.replace(/rgb\(|rgba\(|\)/g,"").split(",").slice(0,3).map(t=>parseInt(t))}function ri(e){const t=Za(e).toLowerCase();return zt(t)?ei(t):ti(t)}function ni(e){if(!Array.isArray(e))throw new Error(`getColorFromRgbValue: ${e} is not an array`);const{length:t}=e;if(t!==3&&t!==4)throw new Error("getColorFromRgbValue: value length should be 3 or 4");return(t===3?"rgb(":"rgba(")+e.join(",")+")"}function _(e,t=100){const o=ri(e);return ni([...o,t/100])}function H(){return r.readonly(r.reactive({id:Ct("datav_uuid")}))}const At=["#8aaafb","#1f33a2"],oi=m.svg`
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
}
.__STYLED__ > polyline {
fill: none;
stroke-width: 1;
`("border-svg-container"),ai=()=>K(k({},S()),{titleWidth:{type:Number,default:250},title:{type:String,default:""}}),jt=N(r.defineComponent({name:"BorderBox11",props:ai(),setup(e,{slots:t,expose:o}){const{autoBindRef:s,refreshLayoutSize:f,domSize:u}=w();o({refreshLayoutSize:f});const c=H();return()=>{const{color:d,backgroundColor:l,titleWidth:n,title:a}=e,{width:i,height:p}=u,h=B(At,d),g=`border-box-11-filterId-${c}`;return r.createVNode(T,{class:m.getClassNameForBind("border-box-11"),ref:s},{default:()=>[r.createVNode(oi,{width:i,height:p},{default:()=>[r.createVNode("defs",null,[r.createVNode("filter",{id:g,height:"150%",width:"150%",x:"-25%",y:"-25%"},[r.createVNode("feMorphology",{operator:"dilate",radius:"2",in:"SourceAlpha",result:"thicken"},null),r.createVNode("feGaussianBlur",{in:"thicken",stdDeviation:"3",result:"blurred"},null),r.createVNode("feFlood",{"flood-color":h[1],result:"glowColor"},null),r.createVNode("feComposite",{in:"glowColor",in2:"blurred",operator:"in",result:"softGlowColored"},null),r.createVNode("feMerge",null,[r.createVNode("feMergeNode",{in:"softGlowColored"},null),r.createVNode("feMergeNode",{in:"SourceGraphic"},null)])])]),r.createVNode("polygon",{fill:l,points:`
20, 32 ${i*.5-n/2}, 32 ${i*.5-n/2+20}, 53
${i*.5+n/2-20}, 53 ${i*.5+n/2}, 32
${i-20}, 32 ${i-8}, 48 ${i-8}, ${p-25} ${i-20}, ${p-8}
20, ${p-8} 8, ${p-25} 8, 50
`},null),r.createVNode("polyline",{stroke:h[0],filter:`url(#${g})`,points:`
${(i-n)/2}, 30
20, 30 7, 50 7, ${50+(p-167)/2}
13, ${55+(p-167)/2} 13, ${135+(p-167)/2}
7, ${140+(p-167)/2} 7, ${p-27}
20, ${p-7} ${i-20}, ${p-7} ${i-7}, ${p-27}
${i-7}, ${140+(p-167)/2} ${i-13}, ${135+(p-167)/2}
${i-13}, ${55+(p-167)/2} ${i-7}, ${50+(p-167)/2}
${i-7}, 50 ${i-20}, 30 ${(i+n)/2}, 30
${(i+n)/2-20}, 7 ${(i-n)/2+20}, 7
${(i-n)/2}, 30 ${(i-n)/2+20}, 52
${(i+n)/2-20}, 52 ${(i+n)/2}, 30
`},null),r.createVNode("polygon",{stroke:h[0],fill:"transparent",points:`
${(i+n)/2-5}, 30 ${(i+n)/2-21}, 11
${(i+n)/2-27}, 11 ${(i+n)/2-8}, 34
`},null),r.createVNode("polygon",{stroke:h[0],fill:"transparent",points:`
${(i-n)/2+5}, 30 ${(i-n)/2+22}, 49
${(i-n)/2+28}, 49 ${(i-n)/2+8}, 26
`},null),r.createVNode("polygon",{stroke:h[0],fill:_(h[1]||At[1],30),filter:`url(#${g})`,points:`
${(i+n)/2-11}, 37 ${(i+n)/2-32}, 11
${(i-n)/2+23}, 11 ${(i-n)/2+11}, 23
${(i-n)/2+33}, 49 ${(i+n)/2-22}, 49
`},null),r.createVNode("polygon",{filter:`url(#${g})`,fill:h[0],opacity:"1",points:`
${(i-n)/2-10}, 37 ${(i-n)/2-31}, 37
${(i-n)/2-25}, 46 ${(i-n)/2-4}, 46
`},[r.createVNode("animate",{attributeName:"opacity",values:"1;0.7;1",dur:"2s",begin:"0s",repeatCount:"indefinite"},null)]),r.createVNode("polygon",{filter:`url(#${g})`,fill:h[0],opacity:"0.7",points:`
${(i-n)/2-40}, 37 ${(i-n)/2-61}, 37
${(i-n)/2-55}, 46 ${(i-n)/2-34}, 46
`},[r.createVNode("animate",{attributeName:"opacity",values:"0.7;0.4;0.7",dur:"2s",begin:"0s",repeatCount:"indefinite"},null)]),r.createVNode("polygon",{filter:`url(#${g})`,fill:h[0],opacity:"0.5",points:`
${(i-n)/2-70}, 37 ${(i-n)/2-91}, 37
${(i-n)/2-85}, 46 ${(i-n)/2-64}, 46
`},[r.createVNode("animate",{attributeName:"opacity",values:"0.5;0.2;0.5",dur:"2s",begin:"0s",repeatCount:"indefinite"},null)]),r.createVNode("polygon",{filter:`url(#${g})`,fill:h[0],opacity:"1",points:`
${(i+n)/2+30}, 37 ${(i+n)/2+9}, 37
${(i+n)/2+3}, 46 ${(i+n)/2+24}, 46
`},[r.createVNode("animate",{attributeName:"opacity",values:"1;0.7;1",dur:"2s",begin:"0s",repeatCount:"indefinite"},null)]),r.createVNode("polygon",{filter:`url(#${g})`,fill:h[0],opacity:"0.7",points:`
${(i+n)/2+60}, 37 ${(i+n)/2+39}, 37
${(i+n)/2+33}, 46 ${(i+n)/2+54}, 46
`},[r.createVNode("animate",{attributeName:"opacity",values:"0.7;0.4;0.7",dur:"2s",begin:"0s",repeatCount:"indefinite"},null)]),r.createVNode("polygon",{filter:`url(#${g})`,fill:h[0],opacity:"0.5",points:`
${(i+n)/2+90}, 37 ${(i+n)/2+69}, 37
${(i+n)/2+63}, 46 ${(i+n)/2+84}, 46
`},[r.createVNode("animate",{attributeName:"opacity",values:"0.5;0.2;0.5",dur:"2s",begin:"0s",repeatCount:"indefinite"},null)]),r.createVNode("text",{class:"dv-border-box-11-title",x:`${i/2}`,y:"32",fill:"#fff","font-size":"18","text-anchor":"middle","dominant-baseline":"middle"},[a]),r.createVNode("polygon",{fill:h[0],filter:`url(#${g})`,points:`
7, ${53+(p-167)/2} 11, ${57+(p-167)/2}
11, ${133+(p-167)/2} 7, ${137+(p-167)/2}
`},null),r.createVNode("polygon",{fill:h[0],filter:`url(#${g})`,points:`
${i-7}, ${53+(p-167)/2} ${i-11}, ${57+(p-167)/2}
${i-11}, ${133+(p-167)/2} ${i-7}, ${137+(p-167)/2}
`},null)]}),r.createVNode(D,null,{default:()=>{var x;return[(x=t.default)==null?void 0:x.call(t)]}})]})}}})),te=["#2e6099","#7ce7fd"],ii=m.svg`
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
`("border-svg-container"),Mt=N(r.defineComponent({name:"BorderBox12",props:S(),setup(e,{slots:t,expose:o}){const{autoBindRef:s,refreshLayoutSize:f,domSize:u}=w();o({refreshLayoutSize:f});const c=H();return()=>{const{color:d,backgroundColor:l}=e,{width:n,height:a}=u,i=B(te,d),p=`border-box-12-filterId-${c}`;return r.createVNode(T,{class:m.getClassNameForBind("border-box-12"),ref:s},{default:()=>[r.createVNode(ii,{width:n,height:a},{default:()=>[r.createVNode("defs",null,[r.createVNode("filter",{id:p,height:"150%",width:"150%",x:"-25%",y:"-25%"},[r.createVNode("feMorphology",{operator:"dilate",radius:"1",in:"SourceAlpha",result:"thicken"},null),r.createVNode("feGaussianBlur",{in:"thicken",stdDeviation:"2",result:"blurred"},null),r.createVNode("feFlood",{"flood-color":_(i[1]||te[1],70),result:"glowColor"},[r.createVNode("animate",{attributeName:"flood-color",values:`
${_(i[1]||te[1],70)};
${_(i[1]||te[1],30)};
${_(i[1]||te[1],70)};
`,dur:"3s",begin:"0s",repeatCount:"indefinite"},null)]),r.createVNode("feComposite",{in:"glowColor",in2:"blurred",operator:"in",result:"softGlowColored"},null),r.createVNode("feMerge",null,[r.createVNode("feMergeNode",{in:"softGlowColored"},null),r.createVNode("feMergeNode",{in:"SourceGraphic"},null)])])]),n&&a&&r.createVNode("path",{fill:l,"stroke-width":"2",stroke:i[0],d:`
M15 5 L ${n-15} 5 Q ${n-5} 5, ${n-5} 15
L ${n-5} ${a-15} Q ${n-5} ${a-5}, ${n-15} ${a-5}
L 15, ${a-5} Q 5 ${a-5} 5 ${a-15} L 5 15
Q 5 5 15 5
`},null),r.createVNode("path",{"stroke-width":"2",fill:"transparent","stroke-linecap":"round",filter:`url(#${p})`,stroke:i[1],d:"M 20 5 L 15 5 Q 5 5 5 15 L 5 20"},null),r.createVNode("path",{"stroke-width":"2",fill:"transparent","stroke-linecap":"round",filter:`url(#${p})`,stroke:i[1],d:`M ${n-20} 5 L ${n-15} 5 Q ${n-5} 5 ${n-5} 15 L ${n-5} 20`},null),r.createVNode("path",{"stroke-width":"2",fill:"transparent","stroke-linecap":"round",filter:`url(#${p})`,stroke:i[1],d:`
M ${n-20} ${a-5} L ${n-15} ${a-5}
Q ${n-5} ${a-5} ${n-5} ${a-15}
L ${n-5} ${a-20}
`},null),r.createVNode("path",{"stroke-width":"2",fill:"transparent","stroke-linecap":"round",filter:`url(#${p})`,stroke:i[1],d:`
M 20 ${a-5} L 15 ${a-5}
Q 5 ${a-5} 5 ${a-15}
L 5 ${a-20}
`},null)]}),r.createVNode(D,null,{default:()=>{var h;return[(h=t.default)==null?void 0:h.call(t)]}})]})}}})),li=["#6586ec","#2cf7fe"],si=m.svg`
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
`("border-svg-container"),Et=N(r.defineComponent({name:"BorderBox13",props:S(),setup(e,{slots:t,expose:o}){const{autoBindRef:s,refreshLayoutSize:f,domSize:u}=w();return o({refreshLayoutSize:f}),()=>{const{color:c,backgroundColor:d}=e,{width:l,height:n}=u,a=B(li,c);return r.createVNode(T,{class:m.getClassNameForBind("border-box-13"),ref:s},{default:()=>[r.createVNode(si,{width:l,height:n},{default:()=>[r.createVNode("path",{fill:d,stroke:a[0],d:`
M 5 20 L 5 10 L 12 3 L 60 3 L 68 10
L ${l-20} 10 L ${l-5} 25
L ${l-5} ${n-5} L 20 ${n-5}
L 5 ${n-20} L 5 20
`},null),r.createVNode("path",{fill:"transparent","stroke-width":"3","stroke-linecap":"round","stroke-dasharray":"10, 5",stroke:a[0],d:"M 16 9 L 61 9"},null),r.createVNode("path",{fill:"transparent",stroke:a[1],d:"M 5 20 L 5 10 L 12 3 L 60 3 L 68 10"},null),r.createVNode("path",{fill:"transparent",stroke:a[1],d:`M ${l-5} ${n-30} L ${l-5} ${n-5} L ${l-30} ${n-5}`},null)]}),r.createVNode(D,null,{default:()=>{var i;return[(i=t.default)==null?void 0:i.call(t)]}})]})}}})),di=["#fff","rgba(255, 255, 255, 0.6)"],ci=m.svg`
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
}
.__STYLED__ > polyline {
fill: none;
stroke-width: 1;
`("border-svg-container"),Ft=N(r.defineComponent({name:"BorderBox2",props:S(),setup(e,{slots:t,expose:o}){const{autoBindRef:s,refreshLayoutSize:f,domSize:u}=w();return o({refreshLayoutSize:f}),()=>{const{color:c,backgroundColor:d}=e,{width:l,height:n}=u,a=B(di,c);return r.createVNode(T,{class:m.getClassNameForBind("border-box-2"),ref:s},{default:()=>[r.createVNode(ci,{width:l,height:n},{default:()=>[r.createVNode("polygon",{fill:d,points:`7, 7 ${l-7}, 7 ${l-7}, ${n-7} 7, ${n-7}`},null),r.createVNode("polyline",{stroke:a[0],points:`2, 2 ${l-2} ,2 ${l-2}, ${n-2} 2, ${n-2} 2, 2`},null),r.createVNode("polyline",{stroke:a[1],points:`6, 6 ${l-6}, 6 ${l-6}, ${n-6} 6, ${n-6} 6, 6`},null),r.createVNode("circle",{fill:a[0],cx:"11",cy:"11",r:"1"},null),r.createVNode("circle",{fill:a[0],cx:l-11,cy:"11",r:"1"},null),r.createVNode("circle",{fill:a[0],cx:l-11,cy:n-11,r:"1"},null),r.createVNode("circle",{fill:a[0],cx:"11",cy:n-11,r:"1"},null)]}),r.createVNode(D,null,{default:()=>{var i;return[(i=t.default)==null?void 0:i.call(t)]}})]})}}})),fi=["#2862b7","#2862b7"],ui=m.svg`
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
}
.__STYLED__ > polyline {
fill: none;
}
.__STYLED__ .stroke-width-1 {
stroke-width: 1;
}
.__STYLED__ .stroke-width-3 {
stroke-width: 3;
`("border-svg-container"),Ot=N(r.defineComponent({name:"BorderBox3",props:S(),setup(e,{slots:t,expose:o}){const{autoBindRef:s,refreshLayoutSize:f,domSize:u}=w();return o({refreshLayoutSize:f}),()=>{const{color:c,backgroundColor:d}=e,{width:l,height:n}=u,a=B(fi,c);return r.createVNode(T,{class:m.getClassNameForBind("border-box-3"),ref:s},{default:()=>[r.createVNode(ui,{width:l,height:n},{default:()=>[r.createVNode("polygon",{fill:d,points:`23, 23 ${l-24}, 23 ${l-24}, ${n-24} 23, ${n-24}`},null),r.createVNode("polyline",{class:"stroke-width-3",stroke:a[0],points:`4, 4 ${l-22} ,4 ${l-22}, ${n-22} 4, ${n-22} 4, 4`},null),r.createVNode("polyline",{class:"stroke-width-1",stroke:a[1],points:`10, 10 ${l-16}, 10 ${l-16}, ${n-16} 10, ${n-16} 10, 10`},null),r.createVNode("polyline",{class:"stroke-width-1",stroke:a[1],points:`16, 16 ${l-10}, 16 ${l-10}, ${n-10} 16, ${n-10} 16, 16`},null),r.createVNode("polyline",{class:"stroke-width-1",stroke:a[1],points:`22, 22 ${l-4}, 22 ${l-4}, ${n-4} 22, ${n-4} 22, 22`},null)]}),r.createVNode(D,null,{default:()=>{var i;return[(i=t.default)==null?void 0:i.call(t)]}})]})}}}));var It={exports:{}};(function(e){(function(){var t={}.hasOwnProperty;function o(){for(var s=[],f=0;f<arguments.length;f++){var u=arguments[f];if(!!u){var c=typeof u;if(c==="string"||c==="number")s.push(u);else if(Array.isArray(u)){if(u.length){var d=o.apply(null,u);d&&s.push(d)}}else if(c==="object"){if(u.toString!==Object.prototype.toString&&!u.toString.toString().includes("[native code]")){s.push(u.toString());continue}for(var l in u)t.call(u,l)&&u[l]&&s.push(l)}}}return s.join(" ")}e.exports?(o.default=o,e.exports=o):window.classNames=o})()})(It);const Be=It.exports,pi=["red","rgba(0,0,255,0.8)"],hi=m.svg`
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
}
.__STYLED__ > polyline {
fill: none;
}
.__STYLED__.reverse {
transform: rotate(180deg);
}
.__STYLED__ .stroke-width1 {
stroke-width: 1;
}
.__STYLED__ .stroke-width3 {
stroke-width: 3px;
stroke-linecap: round;
`("border-svg-container"),$i=()=>K(k({},S()),{reverse:{type:Boolean,default:!1}}),Rt=N(r.defineComponent({name:"BorderBox4",props:$i(),setup(e,{slots:t,expose:o}){const{autoBindRef:s,refreshLayoutSize:f,domSize:u}=w();return o({refreshLayoutSize:f}),()=>{const{color:c,backgroundColor:d,reverse:l}=e,{width:n,height:a}=u,i=B(pi,c);return r.createVNode(T,{class:m.getClassNameForBind("border-box-4"),ref:s},{default:()=>[r.createVNode(hi,{class:Be({reverse:l}),width:n,height:a},{default:()=>[r.createVNode("polygon",{fill:d,points:`${n-15}, 22 170, 22 150, 7 40, 7 28, 21 32, 24
16, 42 16, ${a-32} 41, ${a-7} ${n-15}, ${a-7}`},null),r.createVNode("polyline",{class:"stroke-width1",stroke:i[0],points:`145, ${a-5} 40, ${a-5} 10, ${a-35} 10, 40 40, 5 150, 5 170, 20 ${n-15}, 20`},null),r.createVNode("polyline",{stroke:i[1],class:"stroke-width1",points:`245, ${a-1} 36, ${a-1} 14, ${a-23} 14, ${a-100}`},null),r.createVNode("polyline",{class:"stroke-width3",stroke:i[0],points:`7, ${a-40} 7, ${a-75}`},null),r.createVNode("polyline",{class:"stroke-width3",stroke:i[0],points:"28, 24 13, 41 13, 64"},null),r.createVNode("polyline",{class:"stroke-width1",stroke:i[0],points:"5, 45 5, 140"},null),r.createVNode("polyline",{class:"stroke-width1",stroke:i[1],points:"14, 75 14, 180"},null),r.createVNode("polyline",{class:"stroke-width1",stroke:i[1],points:"55, 11 147, 11 167, 26 250, 26"},null),r.createVNode("polyline",{class:"stroke-width3",stroke:i[1],points:"158, 5 173, 16"},null),r.createVNode("polyline",{class:"stroke-width3",style:{strokeDasharray:"100 250"},stroke:i[0],points:`200, 17 ${n-10}, 17`},null),r.createVNode("polyline",{class:"stroke-width1",style:{strokeDasharray:"80 270"},stroke:i[1],points:`385, 17 ${n-10}, 17`},null)]}),r.createVNode(D,null,{default:()=>{var p;return[(p=t.default)==null?void 0:p.call(t)]}})]})}}})),gi=["rgba(255, 255, 255, 0.35)","rgba(255, 255, 255, 0.20)"],mi=m.svg`
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.__STYLED__ > polyline {
fill: none;
}
.__STYLED__.reverse {
transform: rotate(180deg);
}
.__STYLED__ .stroke-width1 {
stroke-width: 1;
}
.__STYLED__ .stroke-width2 {
stroke-width: 2px;
}
.__STYLED__ .stroke-width5 {
stroke-width: 5px;
`("border-svg-container"),yi=()=>K(k({},S()),{reverse:{type:Boolean,default:!1}}),Yt=N(r.defineComponent({name:"BorderBox5",props:yi(),setup(e,{slots:t,expose:o}){const{autoBindRef:s,refreshLayoutSize:f,domSize:u}=w();return o({refreshLayoutSize:f}),()=>{const{color:c,backgroundColor:d,reverse:l}=e,{width:n,height:a}=u,i=B(gi,c);return r.createVNode(T,{class:m.getClassNameForBind("border-box-5"),ref:s},{default:()=>[r.createVNode(mi,{class:Be({reverse:l}),width:n,height:a},{default:()=>[r.createVNode("polygon",{fill:d,points:`
10, 22 ${n-22}, 22 ${n-22}, ${a-86} ${n-84}, ${a-24} 10, ${a-24}`},null),r.createVNode("polyline",{class:"stroke-width1",stroke:i[0],points:`8, 5 ${n-5}, 5 ${n-5}, ${a-100}
${n-100}, ${a-5} 8, ${a-5} 8, 5`},null),r.createVNode("polyline",{class:"stroke-width1",stroke:i[1],points:`3, 5 ${n-20}, 5 ${n-20}, ${a-60}
${n-74}, ${a-5} 3, ${a-5} 3, 5`},null),r.createVNode("polyline",{class:"stroke-width5",stroke:i[1],points:`50, 13 ${n-35}, 13`},null),r.createVNode("polyline",{class:"stroke-width2",stroke:i[1],points:`15, 20 ${n-35}, 20`},null),r.createVNode("polyline",{class:"stroke-width2",stroke:i[1],points:`15, ${a-20} ${n-110}, ${a-20}`},null),r.createVNode("polyline",{class:"stroke-width5",stroke:i[1],points:`15, ${a-13} ${n-110}, ${a-13}`},null)]}),r.createVNode(D,null,{default:()=>{var p;return[(p=t.default)==null?void 0:p.call(t)]}})]})}}})),bi=["rgba(255, 255, 255, 0.35)","gray"],Ni=m.svg`
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.__STYLED__ > polyline {
fill: none;
stroke-width: 1;
`("border-svg-container"),Gt=N(r.defineComponent({name:"BorderBox6",props:S(),setup(e,{slots:t,expose:o}){const{autoBindRef:s,refreshLayoutSize:f,domSize:u}=w();return o({refreshLayoutSize:f}),()=>{const{color:c,backgroundColor:d}=e,{width:l,height:n}=u,a=B(bi,c);return r.createVNode(T,{class:m.getClassNameForBind("border-box-6"),ref:s},{default:()=>[r.createVNode(Ni,{width:l,height:n},{default:()=>[r.createVNode("polygon",{fill:d,points:`
9, 7 ${l-9}, 7 ${l-9}, ${n-7} 9, ${n-7}`},null),r.createVNode("circle",{fill:a[1],cx:"5",cy:"5",r:"2"},null),r.createVNode("circle",{fill:a[1],cx:l-5,cy:"5",r:"2"},null),r.createVNode("circle",{fill:a[1],cx:l-5,cy:n-5,r:"2"},null),r.createVNode("circle",{fill:a[1],cx:"5",cy:n-5,r:"2"},null),r.createVNode("polyline",{stroke:a[0],points:`10, 4 ${l-10}, 4`},null),r.createVNode("polyline",{stroke:a[0],points:`10, ${n-4} ${l-10}, ${n-4}`},null),r.createVNode("polyline",{stroke:a[0],points:`5, 70 5, ${n-70}`},null),r.createVNode("polyline",{stroke:a[0],points:`${l-5}, 70 ${l-5}, ${n-70}`},null),r.createVNode("polyline",{stroke:a[0],points:"3, 10, 3, 50"},null),r.createVNode("polyline",{stroke:a[0],points:"7, 30 7, 80"},null),r.createVNode("polyline",{stroke:a[0],points:`${l-3}, 10 ${l-3}, 50`},null),r.createVNode("polyline",{stroke:a[0],points:`${l-7}, 30 ${l-7}, 80`},null),r.createVNode("polyline",{stroke:a[0],points:`3, ${n-10} 3, ${n-50}`},null),r.createVNode("polyline",{stroke:a[0],points:`7, ${n-30} 7, ${n-80}`},null),r.createVNode("polyline",{stroke:a[0],points:`${l-3}, ${n-10} ${l-3}, ${n-50}`},null),r.createVNode("polyline",{stroke:a[0],points:`${l-7}, ${n-30} ${l-7}, ${n-80}`},null)]}),r.createVNode(D,null,{default:()=>{var i;return[(i=t.default)==null?void 0:i.call(t)]}})]})}}})),Vi=["rgba(128,128,128,0.3)","rgba(128,128,128,0.5)"],wi=m.svg`
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.__STYLED__ > polyline {
fill: none;
stroke-linecap: round;
}
.__STYLED__ .stroke-width2 {
stroke-width: 2px;
}
.__STYLED__ .stroke-width5 {
stroke-width: 5px;
`("border-svg-container"),Ht=N(r.defineComponent({name:"BorderBox7",props:S(),setup(e,{slots:t,expose:o}){const{autoBindRef:s,refreshLayoutSize:f,domSize:u}=w();return o({refreshLayoutSize:f}),()=>{const{color:c,backgroundColor:d}=e,{width:l,height:n}=u,a=B(Vi,c);return r.createVNode(T,{class:m.getClassNameForBind("border-box-7"),ref:s,style:{boxShadow:`inset 0 0 40px ${a[0]}`,border:`1px solid ${a[0]}`,backgroundColor:d}},{default:()=>[r.createVNode(wi,{width:l,height:n},{default:()=>[r.createVNode("polyline",{class:"stroke-width2",stroke:a[0],points:"0, 25 0, 0 25, 0"},null),r.createVNode("polyline",{class:"stroke-width2",stroke:a[0],points:`${l-25}, 0 ${l}, 0 ${l}, 25`},null),r.createVNode("polyline",{class:"stroke-width2",stroke:a[0],points:`${l-25}, ${n} ${l}, ${n} ${l}, ${n-25}`},null),r.createVNode("polyline",{class:"stroke-width2",stroke:a[0],points:`0, ${n-25} 0, ${n} 25, ${n}`},null),r.createVNode("polyline",{class:"stroke-width5",stroke:a[1],points:"0, 10 0, 0 10, 0"},null),r.createVNode("polyline",{class:"stroke-width5",stroke:a[1],points:`${l-10}, 0 ${l}, 0 ${l}, 10`},null),r.createVNode("polyline",{class:"stroke-width5",stroke:a[1],points:`${l-10}, ${n} ${l}, ${n} ${l}, ${n-10}`},null),r.createVNode("polyline",{class:"stroke-width5",stroke:a[1],points:`0, ${n-10} 0, ${n} 10, ${n}`},null)]}),r.createVNode(D,null,{default:()=>{var i;return[(i=t.default)==null?void 0:i.call(t)]}})]})}}})),ki=["#235fa7","#4fd2dd"],_i=m.svg`
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
`("border-svg-container"),Ci=()=>K(k({},S()),{duration:{type:Number,default:3},reverse:{type:Boolean,default:!1}}),Ut=N(r.defineComponent({name:"BorderBox8",props:Ci(),setup(e,{slots:t,expose:o}){const{autoBindRef:s,refreshLayoutSize:f,domSize:u}=w();o({refreshLayoutSize:f});const c=H();return()=>{const{color:d,backgroundColor:l,duration:n,reverse:a}=e,{width:i,height:p}=u,h=B(ki,d),g=`border-box-8-path-${c.id}`,x=`border-box-8-gradient-${c.id}`,y=`border-box-8-mask-${c.id}`,M=a?`M 2.5, 2.5 L 2.5, ${p-2.5} L ${i-2.5}, ${p-2.5} L ${i-2.5}, 2.5 L 2.5, 2.5`:`M2.5, 2.5 L${i-2.5}, 2.5 L${i-2.5}, ${p-2.5} L2.5, ${p-2.5} L2.5, 2.5`;return r.createVNode(T,{class:m.getClassNameForBind("border-box-8"),ref:s},{default:()=>[r.createVNode(_i,{width:i,height:p},{default:()=>[r.createVNode("defs",null,[r.createVNode("path",{id:g,d:M,fill:"transparent"},null),r.createVNode("radialGradient",{id:x,cx:"50%",cy:"50%",r:"50%"},[r.createVNode("stop",{offset:"0%","stop-color":"#fff","stop-opacity":"1"},null),r.createVNode("stop",{offset:"100%","stop-color":"#fff","stop-opacity":"0"},null)]),r.createVNode("mask",{id:y},[r.createVNode("circle",{cx:"0",cy:"0",r:"150",fill:`url(#${x})`},[r.createVNode("animateMotion",{dur:`${n}s`,path:M,rotate:"auto",repeatCount:"indefinite"},null)])])]),r.createVNode("polygon",{fill:l,points:`5, 5 ${i-5}, 5 ${i-5} ${p-5} 5, ${p-5}`},null),r.createVNode("use",{stroke:h[0],"stroke-width":"1","xlink:href":`#${g}`},null),r.createVNode("use",{stroke:h[1],"stroke-width":"3","xlink:href":`#${g}`,mask:`url(#${y})`},[r.createVNode("animate",{attributeName:"stroke-dasharray",from:`0, ${length}`,to:`${length}, 0`,dur:`${n}s`,repeatCount:"indefinite"},null)])]}),r.createVNode(D,null,{default:()=>{var j;return[(j=t.default)==null?void 0:j.call(t)]}})]})}}})),xi=["#11eefd","#0078d2"],Si=m.svg`
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
`("border-svg-container"),Wt=N(r.defineComponent({name:"BorderBox9",props:S(),setup(e,{slots:t,expose:o}){const{autoBindRef:s,refreshLayoutSize:f,domSize:u}=w();o({refreshLayoutSize:f});const c=H();return()=>{const{color:d,backgroundColor:l}=e,{width:n,height:a}=u,i=B(xi,d),p=`border-box-9-gradient-${c.id}`,h=`border-box-9-mask-${c.id}`;return r.createVNode(T,{class:m.getClassNameForBind("border-box-9"),ref:s},{default:()=>[r.createVNode(Si,{width:n,height:a},{default:()=>[r.createVNode("defs",null,[r.createVNode("linearGradient",{id:p,x1:"0%",y1:"0%",x2:"100%",y2:"100%"},[r.createVNode("animate",{attributeName:"x1",values:"0%;100%;0%",dur:"10s",begin:"0s",repeatCount:"indefinite"},null),r.createVNode("animate",{attributeName:"x2",values:"100%;0%;100%",dur:"10s",begin:"0s",repeatCount:"indefinite"},null),r.createVNode("stop",{offset:"0%","stop-color":i[0]},[r.createVNode("animate",{attributeName:"stop-color",values:`${i[0]};${i[1]};${i[0]}`,dur:"10s",begin:"0s",repeatCount:"indefinite"},null)]),r.createVNode("stop",{offset:"100%","stop-color":i[1]},[r.createVNode("animate",{attributeName:"stop-color",values:`${i[1]};${i[0]};${i[1]}`,dur:"10s",begin:"0s",repeatCount:"indefinite"},null)])]),r.createVNode("mask",{id:h},[r.createVNode("polyline",{stroke:"#fff","stroke-width":"3",fill:"transparent",points:`8, ${a*.4} 8, 3, ${n*.4+7}, 3`},null),r.createVNode("polyline",{fill:"#fff",points:`
8, ${a*.15} 8, 3, ${n*.1+7}, 3
${n*.1}, 8 14, 8 14, ${a*.15-7}
`},null