@joker.front/datav 1.0.0
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +9 -0
- package/dist/index.css +1 -0
- package/dist/index.mjs +926 -0
- package/dist/index.umd.js +2 -0
- package/dist_lowcode/index.css +1 -0
- package/dist_lowcode/index.lowcode.mjs +925 -0
- package/dist_lowcode/index.lowcode.umd.js +2 -0
- package/package.json +64 -0
- package/shims.d.ts +9 -0
- package/types/packages/mixin/BaseComponent.d.ts +18 -0
- package/types/packages/utils.d.ts +3 -0
- package/types/src/index.d.ts +1 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
(function(r,n){typeof exports=="object"&&typeof module<"u"?n(require("@joker.front/core")):typeof define=="function"&&define.amd?define(["@joker.front/core"],n):(r=typeof globalThis<"u"?globalThis:r||self,n(r.core))})(this,function(r){"use strict";var Eo=Object.defineProperty;var bo=(r,n,b)=>n in r?Eo(r,n,{enumerable:!0,configurable:!0,writable:!0,value:b}):r[n]=b;var t=(r,n,b)=>bo(r,typeof n!="symbol"?n+"":n,b);var C,R,S,x,I,L,P,O,A,T,N,$,D,M,F,j,J,K,H,W,z,X,B,G,U,Q,V,Y,q,Z,ee,te,oe,ie,le,re,de,ne,se,ae,ce,pe,me,he,ge,fe,Ee,be,we,_e;function n(e=32){let l=[],o=["0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"];for(let i=0;i<e;i++){let d=Math.round(Math.random()*(o.length-1));l.push(o[d])}return l.join("")}function b(e,l="-"){return e=e||"",e.split(/(?=[A-Z])/).map(i=>i.toLowerCase()).join(l)}function ue(e,l,o={}){let i,d=!1,s=0,a=()=>{i&&clearTimeout(i)},g=h=>{a(),d=!h};function p(...h){let f=Date.now()-s;if(d)return;let m=()=>{s=Date.now(),l.apply(p,h)};function E(){i=void 0}!o.noLeading&&o.debounceMode&&!i&&m(),a(),o.debounceMode===void 0&&f>e?o.noLeading?(s=Date.now(),o.noTrailing||(i=setTimeout(o.debounceMode?E:m,e))):m():o.noTrailing!==!0&&(i=setTimeout(o.debounceMode?E:m,o.debounceMode===void 0?e-f:e))}return p.cancel=g,p}function ve(e,l,o=!1){return ue(e,l,{debounceMode:o!==!1})}class c extends r.Component{constructor(...o){super(...o);t(this,"container");t(this,"debounceInitWHFun",ve(100,this.initSize.bind(this)));t(this,"resize");t(this,"domObserver");this.model.width=0,this.model.height=0,this.$on("mounted",()=>{var i;this.container=this.$rootVNode.first(d=>d instanceof r.VNode.Element).output,this.container&&(this.initSize(),(i=this.resize)==null||i.call(this),this.bindDomResizeCallback())}),this.$on("beforeDestroy",()=>{this.unbindDomResizeCallback()})}initSize(){var o;this.container&&(this.model.width=this.container.clientWidth,this.model.height=this.container.clientHeight,(o=this.resize)==null||o.call(this))}bindDomResizeCallback(){this.container&&(this.domObserver=ke(this.container,this.debounceInitWHFun),window.addEventListener("resize",this.debounceInitWHFun))}unbindDomResizeCallback(){this.container&&(this.domObserver&&(this.domObserver.disconnect(),this.domObserver.takeRecords()),window.removeEventListener("resize",this.debounceInitWHFun))}fade(o,i){o=o.replace("#","");let d=parseInt(o.substring(0,2),16),s=parseInt(o.substring(2,4),16),a=parseInt(o.substring(4,6),16);return`rgba(${d},${s},${a},${i/100})`}}function ke(e,l){let o=new MutationObserver(l);return o.observe(e,{attributes:!0,attributeFilter:["style"],attributeOldValue:!0}),o}class ye extends c{constructor(){super(...arguments);t(this,"propsOption",{colors:["#4fd2dd","#235fa7"],backgroundColor:"transparent"});t(this,"border",["left-top","right-top","left-bottom","right-bottom"])}}let Ce={render:function(e){return[e.createElement("div",{class:"@(['container', props.class])"},[e.createElement("svg",{class:"border",width:"@model.width",height:"@model.height"},[e.createElement("polygon",{fill:"@props.backgroundColor",points:"10, 27 10, @(model.height - 27) 13, @(model.height - 24) 13, @(model.height - 21) 24, @(model.height - 11) 38, @(model.height - 11) 41, @(model.height - 8) 73, @(model.height - 8) 75, @(model.height-10) 81, @(model.height - 10) 85, @(model.height - 6) @(model.width - 85), @(model.height - 6) @(model.width - 81), @(model.height - 10) @(model.width - 75), @(model.height - 10) @(model.width - 73), @(model.height - 8) @(model.width - 41), @(model.height - 8) @(model.width-38), @(model.height - 11) @(model.width - 24), @(model.height - 11) @(model.width - 13), @(model.height - 21) @(model.width -13), @(model.height - 24) @(model.width - 10), @(model.height - 27) @(model.width - 10), 27 @(model.width - 13), 25 @(model.width -13), 21 @(model.width - 24), 11 @(model.width - 38), 11 @(model.width - 41), 8 @(model.width - 73), 8 @(model.width -75), 10 @(model.width - 81), 10 @(model.width -85), 6 85, 6 81, 10 75, 10 73, 8 41, 8 38, 11 24, 11 13, 21 13, 24"},[])]),e.createCommand("for","let item of border",[e.createElement("svg",{width:"150px",height:"150px",class:"@item border"},[e.createElement("polygon",{fill:"@(props.colors[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"},[e.createElement("animate",{attributeName:"fill",values:"@(props.colors[0]);@(props.colors[1]);@(props.colors[0])",dur:"0.5s",begin:"0s",repeatCount:"indefinite"},[])]),e.createElement("polygon",{fill:"@(props.colors[1])",points:"27.599999999999998,4.8 38.4,4.8 35.4,7.8 30.599999999999998,7.8"},[e.createElement("animate",{attributeName:"fill",values:"@(props.colors[1]);@(props.colors[0]);@(props.colors[1])",dur:"0.5s",begin:"0s",repeatCount:"indefinite"},[])]),e.createElement("polygon",{fill:"@(props.colors[0])",points:"9,54 9,63 7.199999999999999,66 7.199999999999999,75 7.8,78 7.8,110 8.4,110 8.4,66 9.6,66 9.6,54"},[e.createElement("animate",{attributeName:"fill",values:"@(props.colors[0]);@(props.colors[1]);transparent",dur:"1s",begin:"0s",repeatCount:"indefinite"},[])])])]),e.createElement("div",{class:"border-box-content"},[e.createCommand("RenderSection","")])])]}},Re={component:ye},Se=class extends(R=Re.component,C=r.SCOPE_ID,R){constructor(){super(...arguments);t(this,C,"2b4d949b");t(this,"template",Ce.render)}};class xe extends c{constructor(){super(...arguments);t(this,"propsOption",{colors:["#fff","rgba(255, 255, 255, 0.6)"],backgroundColor:"transparent"})}}let Ie={render:function(e){return[e.createElement("div",{class:"@(['container', props.class])"},[e.createElement("svg",{class:"dv-border-svg-container",width:"@model.width",height:"@model.height"},[e.createElement("polygon",{fill:"@props.backgroundColor",points:"7, 7 @(model.width-7), 7 @(model.width-7), @(model.height-7) 7, @(model.height-7)"},[]),e.createElement("polyline",{stroke:"@props.colors[0]",points:"2, 2 @(model.width-2) ,2 @(model.width-2), @(model.height-2) 2, @(model.height-2) 2, 2"},[]),e.createElement("polyline",{stroke:"@props.colors[1]",points:"6, 6 @(model.width-6), 6 @(model.width-6), @(model.height-6) 6, @(model.height-6) 6, 6"},[]),e.createElement("circle",{fill:"@props.colors[0]",cx:"11",cy:"11",r:"1"},[]),e.createElement("circle",{fill:"@props.colors[0]",cx:"@(model.width - 11)",cy:"11",r:"1"},[]),e.createElement("circle",{fill:"@props.colors[0]",cx:"@(model.width - 11)",cy:"@(model.height - 11)",r:"1"},[]),e.createElement("circle",{fill:"@props.colors[0]",cx:"11",cy:"@(model.height - 11)",r:"1"},[])]),e.createElement("div",{class:"border-box-content"},[e.createCommand("RenderSection","")])])]}},Le={component:xe},Pe=class extends(x=Le.component,S=r.SCOPE_ID,x){constructor(){super(...arguments);t(this,S,"3b9d3fa6");t(this,"template",Ie.render)}};class Oe extends c{constructor(){super(...arguments);t(this,"propsOption",{colors:["#2862b7","#2862b7"],backgroundColor:"transparent"})}}let Ae={render:function(e){return[e.createElement("div",{class:"@(['container', props.class])"},[e.createElement("svg",{class:"dv-border-svg-container",width:"@model.width",height:"@model.height"},[e.createElement("polygon",{fill:"@props.backgroundColor",points:"23, 23 @(model.width-24), 23 @(model.width-24), @(model.height-24) 23, @(model.height-24)"},[]),e.createElement("polyline",{class:"dv-bb3-line1",stroke:"@props.colors[0]",points:"4, 4 @(model.width-22) ,4 @(model.width-22), @(model.height-22) 4, @(model.height-22) 4, 4"},[]),e.createElement("polyline",{class:"dv-bb3-line2",stroke:"@props.colors[1]",points:"10, 10 @(model.width-16), 10 @(model.width-16), @(model.height-16) 10, @(model.height-16) 10, 10"},[]),e.createElement("polyline",{class:"dv-bb3-line2",stroke:"@props.colors[1]",points:"16, 16 @(model.width-10), 16 @(model.width-10), @(model.height-10) 16, @(model.height-10) 16, 16"},[]),e.createElement("polyline",{class:"dv-bb3-line2",stroke:"@props.colors[1]",points:"22, 22 @(model.width-4), 22 @(model.width-4), @(model.height-4) 22, @(model.height-4) 22, 22"},[])]),e.createElement("div",{class:"border-box-content"},[e.createCommand("RenderSection","")])])]}},Te={component:Oe},Ne=class extends(L=Te.component,I=r.SCOPE_ID,L){constructor(){super(...arguments);t(this,I,"113d37b6");t(this,"template",Ae.render)}};class $e extends c{constructor(){super(...arguments);t(this,"propsOption",{colors:["red","rgba(0,0,255,0.8)"],backgroundColor:"transparent"})}}let De={render:function(e){return[e.createElement("div",{class:"@(['container', props.class])"},[e.createElement("svg",{class:"dv-border-svg-container @(props.reverse && 'dv-reverse')",width:"@model.width",height:"@model.height"},[e.createElement("polygon",{fill:"@props.backgroundColor",points:"@(model.width-15), 22 170, 22 150, 7 40, 7 28, 21 32, 24 16, 42 16, @(model.height-32) 41, @(model.height-7) @(model.width-15), @(model.height-7)"},[]),e.createElement("polyline",{class:"dv-bb4-line-1",stroke:"@props.colors[0]",points:"145, @(model.height-5) 40, @(model.height-5) 10, @(model.height-35) 10, 40 40, 5 150, 5 170, 20 @(model.width-15), 20"},[]),e.createElement("polyline",{stroke:"@props.colors[1]",class:"dv-bb4-line-2",points:"245, @(model.height-1) 36, @(model.height-1) 14,@(model.height-23) 14, @(model.height-100)"},[]),e.createElement("polyline",{class:"dv-bb4-line-3",stroke:"@props.colors[0]",points:"7, @(model.height-40) 7, @(model.height-75)"},[]),e.createElement("polyline",{class:"dv-bb4-line-4",stroke:"@props.colors[0]",points:"28, 24 13, 41 13, 64"},[]),e.createElement("polyline",{class:"dv-bb4-line-5",stroke:"@props.colors[0]",points:"5, 45 5, 140"},[]),e.createElement("polyline",{class:"dv-bb4-line-6",stroke:"@props.colors[1]",points:"14, 75 14, 180"},[]),e.createElement("polyline",{class:"dv-bb4-line-7",stroke:"@props.colors[1]",points:"55, 11 147, 11 167, 26 250, 26"},[]),e.createElement("polyline",{class:"dv-bb4-line-8",stroke:"@props.colors[1]",points:"158, 5 173, 16"},[]),e.createElement("polyline",{class:"dv-bb4-line-9",stroke:"@props.colors[0]",points:"200, 17 @(model.width-10), 17"},[]),e.createElement("polyline",{class:"dv-bb4-line-10",stroke:"@props.colors[1]",points:"385, 17 @(model.width-10), 17"},[])]),e.createElement("div",{class:"border-box-content"},[e.createCommand("RenderSection","")])])]}},Me={component:$e},Fe=class extends(O=Me.component,P=r.SCOPE_ID,O){constructor(){super(...arguments);t(this,P,"237a53e4");t(this,"template",De.render)}};class je extends c{constructor(){super(...arguments);t(this,"propsOption",{colors:["rgba(255, 255, 255, 0.35)","rgba(255, 255, 255, 0.20)"],backgroundColor:"transparent"})}}let Je={render:function(e){return[e.createElement("div",{class:"@(['container', props.class])"},[e.createElement("svg",{class:"dv-border-svg-container @(props.reverse && 'dv-reverse')",width:"@model.width",height:"@model.height"},[e.createElement("polygon",{fill:"@props.backgroundColor",points:"10, 22 @(model.width-22), 22 @(model.width-22), @(model.height-86) @(model.height-84), @(model.height-24) 10, @(model.height-24)"},[]),e.createElement("polyline",{class:"dv-bb5-line-1",stroke:"@props.colors[0]",points:"8, 5 @(model.width-5), 5 @(model.width-5), @(model.height-100) @(model.width-100), @(model.height-5) 8, @(model.height-5) 8, 5"},[]),e.createElement("polyline",{class:"dv-bb5-line-2",stroke:"@props.colors[1]",points:"3, 5 @(model.width-20), 5 @(model.width-20), @(model.height-60) @(model.width-74), @(model.height-5) 3, @(model.height-5) 3, 5"},[]),e.createElement("polyline",{class:"dv-bb5-line-3",stroke:"@props.colors[1]",points:"50, 13 @(model.width-35), 13"},[]),e.createElement("polyline",{class:"dv-bb5-line-4",stroke:"@props.colors[1]",points:"15, 20 @(model.width-35), 20"},[]),e.createElement("polyline",{class:"dv-bb5-line-5",stroke:"@props.colors[1]",points:"15, @(model.height-20) @(model.width-110), @(model.height-20)"},[]),e.createElement("polyline",{class:"dv-bb5-line-6",stroke:"@props.colors[1]",points:"15, @(model.height-13) @(model.width-110), @(model.height-13)"},[])]),e.createElement("div",{class:"border-box-content"},[e.createCommand("RenderSection","")])])]}},Ke={component:je},He=class extends(T=Ke.component,A=r.SCOPE_ID,T){constructor(){super(...arguments);t(this,A,"6fd7b4d4");t(this,"template",Je.render)}};class We extends c{constructor(){super(...arguments);t(this,"propsOption",{colors:["rgba(255, 255, 255, 0.35)","gray"],backgroundColor:"transparent"})}}let ze={render:function(e){return[e.createElement("div",{class:"@(['container', props.class])"},[e.createElement("svg",{class:"dv-border-svg-container",width:"@model.width",height:"@model.height"},[e.createElement("polygon",{fill:"@props.backgroundColor",points:"9, 7 @(model.width-9), 7 @(model.width-9), @(model.height-7) 9, @(model.height-7)"},[]),e.createElement("circle",{fill:"@props.colors[1]",cx:"5",cy:"5",r:"2"},[]),e.createElement("circle",{fill:"@props.colors[1]",cx:"@(model.width - 5)",cy:"5",r:"2"},[]),e.createElement("circle",{fill:"@props.colors[1]",cx:"@(model.width - 5)",":cy":"height - 5",r:"2"},[]),e.createElement("circle",{fill:"@props.colors[1]",cx:"5",cy:"@(model.height - 5)",r:"2"},[]),e.createElement("polyline",{stroke:"@props.colors[0]",points:"10, 4 @(model.width - 10), 4"},[]),e.createElement("polyline",{stroke:"@props.colors[0]",points:"10, @(model.height-4) @(model.width - 10), @(model.height-4)"},[]),e.createElement("polyline",{stroke:"@props.colors[0]",points:"5, 70 5, @(model.height-70)"},[]),e.createElement("polyline",{stroke:"@props.colors[0]",points:"@(model.width - 5), 70 @(model.width - 5), @(model.height-70)"},[]),e.createElement("polyline",{stroke:"@props.colors[0]",points:"3, 10, 3, 50"},[]),e.createElement("polyline",{stroke:"@props.colors[0]",points:"7, 30 7, 80"},[]),e.createElement("polyline",{stroke:"@props.colors[0]",points:"@(model.width - 3), 10 @(model.width - 3), 50"},[]),e.createElement("polyline",{stroke:"@props.colors[0]",points:"@(model.width - 7), 30 @(model.width - 7), 80"},[]),e.createElement("polyline",{stroke:"@props.colors[0]",points:"3, @(model.height-10) 3, @(model.height-50)"},[]),e.createElement("polyline",{stroke:"@props.colors[0]",points:"7, @(model.height-30) 7, @(model.height-80)"},[]),e.createElement("polyline",{stroke:"@props.colors[0]",points:"@(model.width-3), @(model.height-10) @(model.width-3), @(model.height-50)"},[]),e.createElement("polyline",{stroke:"@props.colors[0]",points:"@(model.width-7), @(model.height-30) @(model.width-7), @(model.height-80)"},[])]),e.createElement("div",{class:"border-box-content"},[e.createCommand("RenderSection","")])])]}},Xe={component:We},Be=class extends($=Xe.component,N=r.SCOPE_ID,$){constructor(){super(...arguments);t(this,N,"ebdf6a26");t(this,"template",ze.render)}};class Ge extends c{constructor(){super(...arguments);t(this,"propsOption",{colors:["rgba(128,128,128,0.3)","rgba(128,128,128,0.5)"],backgroundColor:"transparent"})}}let Ue={render:function(e){return[e.createElement("div",{class:"@(['container', props.class])",style:"box-shadow: inset 0 0 40px @(props.colors[0]); border: 1px solid @(props.colors[0]); background-color: @(props.backgroundColor)"},[e.createElement("svg",{class:"dv-border-svg-container",width:"@model.width",height:"@model.height"},[e.createElement("polyline",{class:"dv-bb7-line-width-2",stroke:"@props.colors[0]",points:"0, 25 0, 0 25, 0"},[]),e.createElement("polyline",{class:"dv-bb7-line-width-2",stroke:"@props.colors[0]",points:"@(model.width-25), 0 @(model.width), 0 @(model.width), 25"},[]),e.createElement("polyline",{class:"dv-bb7-line-width-2",stroke:"@props.colors[0]",points:"@(model.width-25), @(model.height) @(model.width), @(model.height) @(model.width), @(model.height-25)"},[]),e.createElement("polyline",{class:"dv-bb7-line-width-2",stroke:"@props.colors[0]",points:"0, @(model.height-25) 0, @(model.height) 25, @(model.height)"},[]),e.createElement("polyline",{class:"dv-bb7-line-width-5",stroke:"@props.colors[1]",points:"0, 10 0, 0 10, 0"},[]),e.createElement("polyline",{class:"dv-bb7-line-width-5",stroke:"@props.colors[1]",points:"@(model.width-10), 0 @(model.width), 0 @(model.width), 10"},[]),e.createElement("polyline",{class:"dv-bb7-line-width-5",stroke:"@props.colors[1]",points:"@(model.width-10), @(model.height) @(model.width), @(model.height) @(model.width), @(model.height-10)"},[]),e.createElement("polyline",{class:"dv-bb7-line-width-5",stroke:"@props.colors[1]",points:"0, @(model.height-10) 0, @(model.height) 10, @(model.height)"},[])]),e.createElement("div",{class:"border-box-content"},[e.createCommand("RenderSection","")])])]}},Qe={component:Ge},Ve=class extends(M=Qe.component,D=r.SCOPE_ID,M){constructor(){super(...arguments);t(this,D,"44fa29fb");t(this,"template",Ue.render)}};class Ye extends c{constructor(){super(...arguments);t(this,"path",`border-box-8-path-${n()}`);t(this,"gradient",`border-box-8-gradient-${n()}`);t(this,"mask",`border-box-8-mask-${n()}`);t(this,"propsOption",{colors:["#235fa7","#4fd2dd"],backgroundColor:"transparent",dur:3})}get length(){return(this.model.width+this.model.height-5)*2}get pathD(){return this.props.reverse?`M 2.5, 2.5 L 2.5, ${this.model.height-2.5} L ${this.model.width-2.5}, ${this.model.height-2.5} L ${this.model.width-2.5}, 2.5 L 2.5, 2.5`:`M2.5, 2.5 L${this.model.width-2.5}, 2.5 L${this.model.width-2.5}, ${this.model.height-2.5} L2.5, ${this.model.height-2.5} L2.5, 2.5`}}let qe={render:function(e){return[e.createElement("div",{class:"@(['container', props.class])"},[e.createElement("svg",{class:"dv-border-svg-container",width:"@model.width",height:"@model.height"},[e.createElement("defs",{},[e.createElement("path",{id:"@path",d:"@pathD",fill:"transparent"},[]),e.createElement("radialGradient",{id:"@gradient",cx:"50%",cy:"50%",r:"50%"},[e.createElement("stop",{offset:"0%","stop-color":"#fff","stop-opacity":"1"},[]),e.createElement("stop",{offset:"100%","stop-color":"#fff","stop-opacity":"0"},[])]),e.createElement("mask",{id:"@mask"},[e.createElement("circle",{cx:"0",cy:"0",r:"150",fill:"url(#@(gradient))"},[e.createElement("animateMotion",{dur:"@(props.dur)s",path:"@pathD",rotate:"auto",repeatCount:"indefinite"},[])])])]),e.createElement("polygon",{fill:"@props.backgroundColor",points:"5, 5 @(model.width-5), 5 @(model.width-5) @(model.height-5) 5,@(model.height-5)"},[]),e.createElement("use",{stroke:"@props.colors[0]","stroke-width":"1","xlink:href":"#@(path)"},[]),e.createElement("use",{stroke:"@props.colors[1]","stroke-width":"3","xlink:href":"#@(path)",mask:"url(#@(mask))"},[e.createElement("animate",{attributeName:"stroke-dasharray",from:"0, @(length)",to:"@length, 0",dur:"@(props.dur)s",repeatCount:"indefinite"},[])])]),e.createElement("div",{class:"border-box-content"},[e.createCommand("RenderSection","")])])]}},Ze={component:Ye},et=class extends(j=Ze.component,F=r.SCOPE_ID,j){constructor(){super(...arguments);t(this,F,"df10b11e");t(this,"template",qe.render)}};class tt extends c{constructor(){super(...arguments);t(this,"gradient",`border-box-9-gradient-${n()}`);t(this,"mask",`border-box-9-mask-${n()}`);t(this,"propsOption",{colors:["#11eefd","#0078d2"],backgroundColor:"transparent",dur:3})}get length(){return(this.model.width+this.model.height-5)*2}get pathD(){return this.props.reverse?`M 2.5, 2.5 L 2.5, ${this.model.height-2.5} L ${this.model.width-2.5}, ${this.model.height-2.5} L ${this.model.width-2.5}, 2.5 L 2.5, 2.5`:`M2.5, 2.5 L${this.model.width-2.5}, 2.5 L${this.model.width-2.5}, ${this.model.height-2.5} L2.5, ${this.model.height-2.5} L2.5, 2.5`}}let ot={render:function(e){return[e.createElement("div",{class:"@(['container', props.class])"},[e.createElement("svg",{class:"dv-border-svg-container",width:"@model.width",height:"@model.height"},[e.createElement("defs",{},[e.createElement("linearGradient",{id:"@gradient",x1:"0%",y1:"0%",x2:"100%",y2:"100%"},[e.createElement("animate",{attributeName:"x1",values:"0%;100%;0%",dur:"10s",begin:"0s",repeatCount:"indefinite"},[]),e.createElement("animate",{attributeName:"x2",values:"100%;0%;100%",dur:"10s",begin:"0s",repeatCount:"indefinite"},[]),e.createElement("stop",{offset:"0%","stop-color":"@props.colors[0]"},[e.createElement("animate",{attributeName:"stop-color",values:"@(props.colors[0]);@(props.colors[1]);@(props.colors[0])",dur:"10s",begin:"0s",repeatCount:"indefinite"},[])]),e.createElement("stop",{offset:"100%","stop-color":"@(props.colors[1])"},[e.createElement("animate",{attributeName:"stop-color",values:"`@(props.colors[1]);@(props.colors[0]);@(props.colors[1])",dur:"10s",begin:"0s",repeatCount:"indefinite"},[])])]),e.createElement("mask",{id:"@mask"},[e.createElement("polyline",{stroke:"#fff","stroke-width":"3",fill:"transparent",points:"8, @(model.height*0.4) 8, 3, @(model.width*0.4+7), 3"},[]),e.createElement("polyline",{fill:"#fff",points:"8, @(model.height*0.15) 8, 3, @(model.width*0.1+7), 3 @(model.width*0.1), 8 14, 8 14, @(model.height*0.15-7)"},[]),e.createElement("polyline",{stroke:"#fff","stroke-width":"3",fill:"transparent",points:"@(model.width*0.5), 3 @(model.width -3), 3, @(model.width -3), @(model.height*0.25)"},[]),e.createElement("polyline",{fill:"#fff",points:"@(model.width*0.52), 3 @(model.width*0.58), 3 @(model.width*0.58-7), 9 @(model.width*0.52-7), 9"},[]),e.createElement("polyline",{fill:"#fff",points:"@(model.width*0.9), 3 @(model.width -3), 3 @(model.width -3), @(model.height*0.1) @(model.width -9), @(model.height*0.1-7) @(model.width -9), 9 @(model.width *0.9+7), 9"},[]),e.createElement("polyline",{stroke:"#fff","stroke-width":"3",fill:"transparent",points:"8, @(model.height*0.5) 8, @(model.height -3) @(model.width *0.3 + 7), @(model.height -3)"},[]),e.createElement("polyline",{fill:"#fff",points:"8, @(model.height*0.55) 8, @(model.height*0.7) 2,@(model.height*0.7-7) 2, @(model.height*0.55+7)"},[]),e.createElement("polyline",{stroke:"#fff","stroke-width":"3",fill:"transparent",points:"@(model.width * 0.35), @(model.height - 3) @(model.width - 3), @(model.height - 3) @(model.width - 3), @(model.height*0.35)"},[]),e.createElement("polyline",{fill:"#fff",points:"@(model.width * 0.92), @(model.height - 3) @(model.width - 3), @(model.height - 3) @(model.width - 3), @(model.height *0.8) @(model.width - 9), @(model.height*0.8 + 7) @(model.width - 9), @(model.height - 9) @(model.width*0.92 +7), @(model.height - 9)"},[])])]),e.createElement("polygon",{fill:"@props.backgroundColor",points:"15, 9 @(model.width * 0.1 + 1), 9 @(model.width * 0.1 + 4), 6 @(model.width * 0.52 + 2), 6 @(model.width * 0.52 + 6), 10 @(model.width * 0.58 - 7), 10 @(model.width * 0.58 - 2), 6 @(model.width * 0.9 + 2), 6 @(model.width * 0.9 + 6), 10 @(model.width - 10), 10 @(model.width - 10), @(model.height * 0.1 - 6) @(model.width - 6), @(model.height * 0.1 - 1) @(model.width - 6), @(model.height * 0.8 + 1) @(model.width - 10), @(model.height * 0.8 + 6) @(model.width - 10), @(model.height - 10) @(model.width * 0.92 + 7), @(model.height - 10) @(model.width * 0.92 + 2), @(model.height - 6) 11, @(model.height - 6) 11, @(model.height * 0.15 - 2) 15, @(model.height * 0.15 - 7)"},[]),e.createElement("rect",{x:"0",y:"0",width:"@model.width",height:"@model.height",fill:"url(#@(gradient))",mask:"url(#@(mask))"},[])]),e.createElement("div",{class:"border-box-content"},[e.createCommand("RenderSection","")])])]}},it={component:tt},lt=class extends(K=it.component,J=r.SCOPE_ID,K){constructor(){super(...arguments);t(this,J,"e4c62a5f");t(this,"template",ot.render)}};class rt extends c{constructor(){super(...arguments);t(this,"propsOption",{colors:["#1d48c4","#d3e1f8"],backgroundColor:"transparent"});t(this,"border",["left-top","right-top","left-bottom","right-bottom"])}}let dt={render:function(e){return[e.createElement("div",{class:"@(['container', props.class])",style:"box-shadow: inset 0 0 25px 3px @(props.colors[0])"},[e.createElement("svg",{class:"dv-border-svg-container",width:"@model.width",height:"@model.height"},[e.createElement("polygon",{fill:"@props.backgroundColor",points:"4, 0 @(model.width - 4), 0 @(model.width), 4 @(model.width), @(model.height - 4) @(model.width - 4), @(model.height) 4, @(model.height) 0, @(model.height - 4) 0, 4"},[])]),e.createCommand("for","let item of border",[e.createElement("svg",{width:"150px",height:"150px",class:"@item dv-border-svg-container"},[e.createElement("polygon",{fill:"@(props.colors[1])",points:"40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"},[])])]),e.createElement("div",{class:"border-box-content"},[e.createCommand("RenderSection","")])])]}},nt={component:rt},st=class extends(W=nt.component,H=r.SCOPE_ID,W){constructor(){super(...arguments);t(this,H,"c1b255d6");t(this,"template",dt.render)}};class at extends c{constructor(){super(...arguments);t(this,"propsOption",{colors:["#8aaafb","#1f33a2"],backgroundColor:"transparent",titleWidth:250,title:""});t(this,"filterId",`border-box-11-filterId-${n()}`)}}let ct={render:function(e){return[e.createElement("div",{class:"@(['container', props.class])"},[e.createElement("svg",{class:"dv-border-svg-container",width:"@model.width",height:"@model.height"},[e.createElement("defs",{},[e.createElement("filter",{id:"@filterId",height:"150%",width:"150%",x:"-25%",y:"-25%"},[e.createElement("feMorphology",{operator:"dilate",radius:"2",in:"SourceAlpha",result:"thicken"},[]),e.createElement("feGaussianBlur",{in:"thicken",stdDeviation:"3",result:"blurred"},[]),e.createElement("feFlood",{"flood-color":"@(props.colors[1])",result:"glowColor"},[]),e.createElement("feComposite",{in:"glowColor",in2:"blurred",operator:"in",result:"softGlowColored"},[]),e.createElement("feMerge",{},[e.createElement("feMergeNode",{in:"softGlowColored"},[]),e.createElement("feMergeNode",{in:"SourceGraphic"},[])])])]),e.createElement("polygon",{fill:"@props.backgroundColor",points:"20, 32 @(model.width * 0.5 - props.titleWidth / 2), 32 @(model.width * 0.5 - props.titleWidth / 2 + 20), 53 @(model.width * 0.5 + props.titleWidth / 2 - 20), 53 @(model.width * 0.5 + props.titleWidth / 2), 32 @(model.width - 20), 32 @(model.width - 8), 48 @(model.width - 8), @(model.height - 25) @(model.width - 20), @(model.height - 8) 20, @(model.height - 8) 8, @(model.height - 25) 8, 50"},[]),e.createElement("polyline",{stroke:"@(props.colors[0])",filter:"url(#@(filterId))",points:"@((model.width - props.titleWidth) / 2), 30 20, 30 7, 50 7, @(50 + (model.height - 167) / 2) 13, @(55 + (model.height - 167) / 2) 13, @(135 + (model.height - 167) / 2) 7, @(140 + (model.height - 167) / 2) 7, @(model.height - 27) 20, @(model.height - 7) @(model.width - 20), @(model.height - 7) @(model.width - 7), @(model.height - 27) @(model.width - 7), @(140 + (model.height - 167) / 2) @(model.width - 13), @(135 + (model.height - 167) / 2) @(model.width - 13), @(55 + (model.height - 167) / 2) @(model.width - 7), @(50 + (model.height - 167) / 2) @(model.width - 7), 50 @(model.width - 20), 30 @((model.width + props.titleWidth) / 2), 30 @((model.width + props.titleWidth) / 2 - 20), 7 @((model.width - props.titleWidth) / 2 + 20), 7 @((model.width - props.titleWidth) / 2), 30 @((model.width - props.titleWidth) / 2 + 20), 52 @((model.width + props.titleWidth) / 2 - 20), 52 @((model.width + props.titleWidth) / 2), 30"},[]),e.createElement("polygon",{stroke:"@(props.colors[0])",fill:"transparent",points:"@((model.width + props.titleWidth) / 2 - 5), 30 @((model.width + props.titleWidth) / 2 - 21), 11 @((model.width + props.titleWidth) / 2 - 27), 11 @((model.width + props.titleWidth) / 2 - 8), 34"},[]),e.createElement("polygon",{stroke:"@(props.colors[0])",fill:"transparent",points:"@((model.width - props.titleWidth) / 2 + 5), 30 @((model.width - props.titleWidth) / 2 + 22), 49 @((model.width - props.titleWidth) / 2 + 28), 49 @((model.width - props.titleWidth) / 2 + 8), 26"},[]),e.createElement("polygon",{stroke:"@(props.colors[0])",fill:"@(fade(props.colors[1]), 30)",filter:"url(#@(filterId))",points:"@((model.width + props.titleWidth) / 2 - 11), 37 @((model.width + props.titleWidth) / 2 - 32), 11 @((model.width - props.titleWidth) / 2 + 23), 11 @((model.width - props.titleWidth) / 2 + 11), 23 @((model.width - props.titleWidth) / 2 + 33), 49 @((model.width + props.titleWidth) / 2 - 22), 49"},[]),e.createElement("polygon",{filter:"url(#@(filterId))",fill:"@(props.colors[0])",opacity:"1",points:"@((model.width - props.titleWidth) / 2 - 10), 37 @((model.width - props.titleWidth) / 2 - 31), 37 @((model.width - props.titleWidth) / 2 - 25), 46 @((model.width - props.titleWidth) / 2 - 4), 46"},[e.createElement("animate",{attributeName:"opacity",values:"1;0.7;1",dur:"2s",begin:"0s",repeatCount:"indefinite"},[])]),e.createElement("polygon",{filter:"url(#@(filterId))",fill:"@(props.colors[0])",opacity:"0.7",points:"@((model.width - props.titleWidth) / 2 - 40), 37 @((model.width - props.titleWidth) / 2 - 61), 37 @((model.width - props.titleWidth) / 2 - 55), 46 @((model.width - props.titleWidth) / 2 - 34), 46"},[e.createElement("animate",{attributeName:"opacity",values:"0.7;0.4;0.7",dur:"2s",begin:"0s",repeatCount:"indefinite"},[])]),e.createElement("polygon",{filter:"url(#@(filterId))",fill:"@(props.colors[0])",opacity:"0.5",points:"@((model.width - props.titleWidth) / 2 - 70), 37 @((model.width - props.titleWidth) / 2 - 91), 37 @((model.width - props.titleWidth) / 2 - 85), 46 @((model.width - props.titleWidth) / 2 - 64), 46"},[e.createElement("animate",{attributeName:"opacity",values:"0.5;0.2;0.5",dur:"2s",begin:"0s",repeatCount:"indefinite"},[])]),e.createElement("polygon",{filter:"url(#@(filterId))",fill:"@(props.colors[0])",opacity:"1",points:"@((model.width + props.titleWidth) / 2 + 30), 37 @((model.width + props.titleWidth) / 2 + 9), 37 @((model.width + props.titleWidth) / 2 + 3), 46 @((model.width + props.titleWidth) / 2 + 24), 46"},[e.createElement("animate",{attributeName:"opacity",values:"1;0.7;1",dur:"2s",begin:"0s",repeatCount:"indefinite"},[])]),e.createElement("polygon",{filter:"url(#@(filterId))",fill:"@(props.colors[0])",opacity:"0.7",points:"@((model.width + props.titleWidth) / 2 + 60), 37 @((model.width + props.titleWidth) / 2 + 39), 37 @((model.width + props.titleWidth) / 2 + 33), 46 @((model.width + props.titleWidth) / 2 + 54), 46"},[e.createElement("animate",{attributeName:"opacity",values:"0.7;0.4;0.7",dur:"2s",begin:"0s",repeatCount:"indefinite"},[])]),e.createElement("polygon",{filter:"url(#@(filterId))",fill:"@(props.colors[0])",opacity:"0.5",points:"@((model.width + props.titleWidth) / 2 + 90), 37 @((model.width + props.titleWidth) / 2 + 69), 37 @((model.width + props.titleWidth) / 2 + 63), 46 @((model.width + props.titleWidth) / 2 + 84), 46"},[e.createElement("animate",{attributeName:"opacity",values:"0.5;0.2;0.5",dur:"2s",begin:"0s",repeatCount:"indefinite"},[])]),e.createElement("text",{class:"dv-border-box-11-title",x:"@(model.width / 2)",y:"32",fill:"#fff","font-size":"18","text-anchor":"middle","dominant-baseline":"middle"},[e.createCodeFunction("props.title")]),e.createElement("polygon",{fill:"@(props.colors[0])",filter:"url(#@(filterId))",points:"7, @(53 + (model.height - 167) / 2) 11, @(57 + (model.height - 167) / 2) 11, @(133 + (model.height - 167) / 2) 7, @(137 + (model.height - 167) / 2)"},[]),e.createElement("polygon",{fill:"@(props.colors[0])",filter:"url(#@(filterId))",points:"@(model.width - 7), @(53 + (model.height - 167) / 2) @(model.width - 11), @(57 + (model.height - 167) / 2) @(model.width - 11), @(133 + (model.height - 167) / 2) @(model.width - 7), @(137 + (model.height - 167) / 2)"},[])]),e.createElement("div",{class:"border-box-content"},[e.createCommand("RenderSection","")])])]}},pt={component:at},mt=class extends(X=pt.component,z=r.SCOPE_ID,X){constructor(){super(...arguments);t(this,z,"639f3c2e");t(this,"template",ct.render)}};class ht extends c{constructor(){super(...arguments);t(this,"propsOption",{colors:["#2e6099","#7ce7fd"],backgroundColor:"transparent"});t(this,"filterId",`borderr-box-12-filterId-${n()}`)}}let gt={render:function(e){return[e.createElement("div",{class:"@(['container', props.class])"},[e.createElement("svg",{class:"dv-border-svg-container",width:"@model.width",height:"@model.height"},[e.createElement("defs",{},[e.createElement("filter",{id:"@filterId",height:"150%",width:"150%",x:"-25%",y:"-25%"},[e.createElement("feMorphology",{operator:"dilate",radius:"1",in:"SourceAlpha",result:"thicken"},[]),e.createElement("feGaussianBlur",{in:"thicken",stdDeviation:"2",result:"blurred"},[]),e.createElement("feFlood",{"flood-color":"@(fade(props.colors[1]), 70)",result:"glowColor"},[e.createElement("animate",{attributeName:"flood-color",values:"@(fade(props.colors[1], 70)); @(fade(props.colors[1], 30)); @(fade(props.colors[1], 70));",dur:"3s",begin:"0s",repeatCount:"indefinite"},[])]),e.createElement("feComposite",{in:"glowColor",in2:"blurred",operator:"in",result:"softGlowColored"},[]),e.createElement("feMerge",{},[e.createElement("feMergeNode",{in:"softGlowColored"},[]),e.createElement("feMergeNode",{in:"SourceGraphic"},[])])])]),e.createElement("path",{"v-if":"width && height",fill:"@props.backgroundColor","stroke-width":"2",stroke:"@(props.colors[0])",d:"M15 5 L @(model.width - 15) 5 Q @(model.width - 5) 5, @(model.width - 5) 15 L @(model.width - 5) @(model.height - 15) Q @(model.width - 5) @(model.height - 5), @(model.width - 15) @(model.height - 5) L 15, @(model.height - 5) Q 5 @(model.height - 5) 5 @(model.height - 15) L 5 15 Q 5 5 15 5"},[]),e.createElement("path",{"stroke-width":"2",fill:"transparent","stroke-linecap":"round",filter:"url(#@(filterId))",stroke:"@(props.colors[1])",d:"M 20 5 L 15 5 Q 5 5 5 15 L 5 20"},[]),e.createElement("path",{"stroke-width":"2",fill:"transparent","stroke-linecap":"round",filter:"url(#@(filterId))",stroke:"@(props.colors[1])",d:"M @(model.width - 20) 5 L @(model.width - 15) 5 Q @(model.width - 5) 5 @(model.width - 5) 15 L @(model.width - 5) 20"},[]),e.createElement("path",{"stroke-width":"2",fill:"transparent","stroke-linecap":"round",filter:"url(#@(filterId))",stroke:"@(props.colors[1])",d:"M @(model.width - 20) @(model.height - 5) L @(model.width - 15) @(model.height - 5) Q @(model.width - 5) @(model.height - 5) @(model.width - 5) @(model.height - 15) L @(model.width - 5) @(model.height - 20)"},[]),e.createElement("path",{"stroke-width":"2",fill:"transparent","stroke-linecap":"round",filter:"url(#@(filterId))",stroke:"@(props.colors[1])",d:"M 20 @(model.height - 5) L 15 @(model.height - 5) Q 5 @(model.height - 5) 5 @(model.height - 15) L 5 @(model.height - 20)"},[])]),e.createElement("div",{class:"border-box-content"},[e.createElement("slot",{},[])])])]}},ft={component:ht},Et=class extends(G=ft.component,B=r.SCOPE_ID,G){constructor(){super(...arguments);t(this,B,"9a8985f2");t(this,"template",gt.render)}};class bt extends c{constructor(){super(...arguments);t(this,"propsOption",{colors:["#6586ec","#2cf7fe"],backgroundColor:"transparent"})}}let wt={render:function(e){return[e.createElement("div",{class:"@(['container', props.class])"},[e.createElement("svg",{class:"dv-border-svg-container",width:"@model.width",height:"@model.height"},[e.createElement("path",{fill:"@props.backgroundColor",stroke:"@(props.colors[0])",d:"M 5 20 L 5 10 L 12 3 L 60 3 L 68 10 L @(model.width - 20) 10 L @(model.width - 5) 25 L @(model.width - 5) @(model.height - 5) L 20 @(model.height - 5) L 5 @(model.height - 20) L 5 20"},[]),e.createElement("path",{fill:"transparent","stroke-width":"3","stroke-linecap":"round","stroke-dasharray":"10, 5",stroke:"@(props.colors[0])",d:"M 16 9 L 61 9"},[]),e.createElement("path",{fill:"transparent",stroke:"@(props.colors[1])",d:"M 5 20 L 5 10 L 12 3 L 60 3 L 68 10"},[]),e.createElement("path",{fill:"transparent",stroke:"@(props.colors[1])",d:"M @(model.width - 5) @(model.height - 30) L @(model.width - 5) @(model.height - 5) L @(model.width - 30) @(model.height - 5)"},[])]),e.createElement("div",{class:"border-box-content"},[e.createCommand("RenderSection","")])])]}},_t={component:bt},ut=class extends(Q=_t.component,U=r.SCOPE_ID,Q){constructor(){super(...arguments);t(this,U,"9f1d0629");t(this,"template",wt.render)}};class vt extends c{constructor(){super(...arguments);t(this,"propsOption",{colors:["#fff","#0de7c2"]});t(this,"model",{width:0,height:0,points:[],rects:[],svgScale:[1,1]});t(this,"resize",()=>{this.calcPointsPosition(),this.calcRectsPosition(),this.calcScale()});t(this,"svgWH",[200,50]);t(this,"rowNum",4);t(this,"rowPoints",20);t(this,"pointSideLength",2.5);t(this,"halfPointSideLength",2.5/2)}calcPointsPosition(){let{svgWH:o,rowNum:i,rowPoints:d}=this,[s,a]=o,g=s/(d+1),p=a/(i+1),h=new Array(i).fill(0).map((f,m)=>new Array(d).fill(0).map((E,_)=>[g*(_+1),p*(m+1)]));this.model.points=h.reduce((f,m)=>[...f,...m],[])}calcRectsPosition(){let o=this.model.points[this.rowPoints*2-1],i=this.model.points[this.rowPoints*2-3];this.model.rects=[o,i]}calcScale(){let[o,i]=this.svgWH;this.model.svgScale=[this.model.width/o,this.model.height/i]}}let kt={render:function(e){return[e.createElement("div",{class:"@(['container', props.class])",style:"@props.style"},[e.createElement("svg",{width:"@(svgWH[0])px",height:"@(svgWH[1])px",style:"transform:scale(@(model.svgScale[0]),@(model.svgScale[1]));"},[e.createCommand("for","let point of model.points",[e.createCommand("if","Math.random() > 0.6",[e.createElement("rect",{fill:"@(props.colors[0])",x:"@(point[0] - halfPointSideLength)",y:"@(point[1] - halfPointSideLength)",width:"@pointSideLength",height:"@pointSideLength"},[e.createCommand("if","Math.random() > 0.6",[e.createElement("animate",{attributeName:"fill",values:"@(props.colors[0]);transparent",dur:"1s",begin:"@(Math.random() * 2)",repeatCount:"indefinite"},[])])])])]),e.createCommand("if","model.rects[0]",[e.createElement("rect",{fill:"@(props.colors[1])",x:"@(model.rects[0][0] - pointSideLength)",y:"@(model.rects[0][1] - pointSideLength)",width:"@(pointSideLength * 2)",height:"@(pointSideLength * 2)"},[e.createElement("animate",{attributeName:"width",values:"0;@(pointSideLength * 2)",dur:"2s",repeatCount:"indefinite"},[]),e.createElement("animate",{attributeName:"height",values:"0;@(pointSideLength * 2)",dur:"2s",repeatCount:"indefinite"},[]),e.createElement("animate",{attributeName:"x",values:"@(model.rects[0][0]);@(model.rects[0][0] - pointSideLength)",dur:"2s",repeatCount:"indefinite"},[]),e.createElement("animate",{attributeName:"y",values:"@(model.rects[0][1]);@(model.rects[0][1] - pointSideLength)",dur:"2s",repeatCount:"indefinite"},[])])]),e.createCommand("if","model.rects[1]",[e.createElement("rect",{fill:"@(props.colors[1])",x:"@(model.rects[1][0] - 40)",y:"@(model.rects[1][1] - pointSideLength)",width:"40",height:"@(pointSideLength * 2)"},[e.createElement("animate",{attributeName:"width",values:"0;40;0",dur:"2s",repeatCount:"indefinite"},[]),e.createElement("animate",{attributeName:"x",values:"@(model.rects[1][0]);@(model.rects[1][0] - 40);@(model.rects[1][0])",dur:"2s",repeatCount:"indefinite"},[])])])])])]}},yt={component:vt},Ct=class extends(Y=yt.component,V=r.SCOPE_ID,Y){constructor(){super(...arguments);t(this,V,"5d2cdceb");t(this,"template",kt.render)}};class Rt extends c{constructor(){super(...arguments);t(this,"propsOption",{colors:["#3faacb","#fff"],dur:6});t(this,"model",{width:0,height:0,x:0,y:0,w:0,h:0});t(this,"resize",()=>{this.calcSVGData()})}calcSVGData(){this.props.reverse?(this.model.w=1,this.model.h=this.model.height,this.model.x=this.model.width/2,this.model.y=0):(this.model.w=this.model.width,this.model.h=1,this.model.x=0,this.model.y=this.model.height/2)}}let St={render:function(e){return[e.createElement("div",{class:"@(['container', props.class])",style:"@props.style"},[e.createElement("svg",{width:"@(model.width)px",height:"@(model.height)px"},[e.createElement("rect",{x:"@model.x",y:"@model.y",width:"@model.w",height:"@model.h",fill:"@(props.colors[0])"},[e.createElement("animate",{attributeName:"@(props.reverse ? 'height' : 'width')",from:"0",to:"@(props.reverse ? model.height : model.width)",dur:"@(props.dur)s",calcMode:"spline",keyTimes:"0;1",keySplines:".42,0,.58,1",repeatCount:"indefinite"},[])]),e.createElement("rect",{x:"@model.x",y:"@model.y",width:"1",height:"1",fill:"@(props.colors[1])"},[e.createElement("animate",{attributeName:"@(props.reverse ? 'y' : 'x')",from:"0",to:"@(props.reverse ? model.height : model.width)",dur:"@(props.dur)s",calcMode:"spline",keyTimes:"0;1",keySplines:"0.42,0,0.58,1",repeatCount:"indefinite"},[])])])])]}},xt={component:Rt},It=class extends(Z=xt.component,q=r.SCOPE_ID,Z){constructor(){super(...arguments);t(this,q,"2ceeebd3");t(this,"template",St.render)}};class Lt extends c{constructor(){super(...arguments);t(this,"propsOption",{colors:["#7acaec","transparent"]});t(this,"model",{width:0,height:0,svgScale:[1,1],points:[]});t(this,"resize",()=>{this.calcPointsPosition(),this.calcScale()});t(this,"svgWH",[300,35]);t(this,"rowNum",2);t(this,"rowPoints",25);t(this,"pointSideLength",7);t(this,"halfPointSideLength",this.pointSideLength/2)}calcPointsPosition(){let{svgWH:o,rowNum:i,rowPoints:d}=this,[s,a]=o,g=s/(d+1),p=a/(i+1),h=new Array(i).fill(0).map((f,m)=>new Array(d).fill(0).map((E,_)=>[g*(_+1),p*(m+1)]));this.model.points=h.reduce((f,m)=>[...f,...m],[])}calcScale(){let[o,i]=this.svgWH;this.model.svgScale=[this.model.width/o,this.model.height/i]}}let Pt={render:function(e){return[e.createElement("div",{class:"@(['container', props.class])",style:"@props.style"},[e.createElement("svg",{width:"@(svgWH[0])px",height:"@(svgWH[1])px",style:"transform:scale(@(model.svgScale[0]),@(model.svgScale[1]));"},[e.createCommand("for","let point of model.points",[e.createElement("rect",{fill:"@(props.colors[0])",x:"@(point[0] - halfPointSideLength)",y:"@(point[1] - halfPointSideLength)",width:"@pointSideLength",height:"@pointSideLength"},[e.createElement("animate",{attributeName:"fill",values:"@(props.colors.join(';'))",dur:"@(Math.random() + 1)s",begin:"@(Math.random() * 2)",repeatCount:"indefinite"},[])])])])])]}},Ot={component:Lt},At=class extends(te=Ot.component,ee=r.SCOPE_ID,te){constructor(){super(...arguments);t(this,ee,"e4dd1f59");t(this,"template",Pt.render)}};class Tt extends c{constructor(){super(...arguments);t(this,"propsOption",{colors:["rgba(255, 255, 255, 0.3)","rgba(255, 255, 255, 0.3)"],dur:3})}}let Nt={render:function(e){return[e.createElement("div",{class:"@(['container', props.class])",style:"@props.style"},[e.createElement("div",{class:"container-bar @(props.reverse ? 'reverse' : 'normal')",style:"@({ width: props.reverse ? model.width + 'px' : '5px', height: props.reverse ? '5px' : model.height + 'px', animationDuration: props.dur + 's' })"},[e.createElement("svg",{width:"@(props.reverse ? model.width : 5)",height:"@(props.reverse ? 5 : model.height)"},[e.createElement("polyline",{stroke:"@(props.colors[0])",points:"@(props.reverse ? `0, 2.5 ${model.width}, 2.5` : `2.5, 0 2.5, ${model.height}`)"},[]),e.createElement("polyline",{class:"bold-line",stroke:"@(props.colors[1])","stroke-width":"3","stroke-dasharray":"20, 80","stroke-dashoffset":"-30",points:"@(props.reverse ? `0, 2.5 ${model.width}, 2.5` : `2.5, 0 2.5, ${model.height}`)"},[])])])])]}},$t={component:Tt},Dt=class extends(ie=$t.component,oe=r.SCOPE_ID,ie){constructor(){super(...arguments);t(this,oe,"820e3df4");t(this,"template",Nt.render)}};function v(e){let l=0;for(let o=1;o<e.length;o++){let i=e[o-1],d=e[o],s=d[0]-i[0],a=d[1]-i[1];l+=Math.sqrt(s*s+a*a)}return l}function k(e,l){return arguments.length===1?parseInt((Math.random()*e+1).toString(),10):parseInt((Math.random()*(l-e+1)+e).toString(),10)}function w(e,l,o,i){return[e+Math.cos(i)*o,l+Math.sin(i)*o]}class Mt extends c{constructor(){super(...arguments);t(this,"propsOption",{colors:["#3f96a5","#3f96a5"],dur:1.2});t(this,"model",{width:0,height:0,line1Points:"",line2Points:"",line1Length:0,line2Length:0});t(this,"resize",()=>{this.calcSVGData()})}calcSVGData(){let{width:o,height:i}=this.model,d=[[0,i*.2],[o*.18,i*.2],[o*.2,i*.4],[o*.25,i*.4],[o*.27,i*.6],[o*.72,i*.6],[o*.75,i*.4],[o*.8,i*.4],[o*.82,i*.2],[o,i*.2]],s=[[o*.3,i*.8],[o*.7,i*.8]],a=v(d),g=v(s);this.model.line1Points=d.map(p=>p.join(",")).join(" "),this.model.line2Points=s.map(p=>p.join(",")).join(" "),this.model.line1Length=a,this.model.line2Length=g}}let Ft={render:function(e){return[e.createElement("div",{class:"@(['container', props.class])",style:"@props.style"},[e.createElement("svg",{width:"@model.width",height:"@model.height"},[e.createElement("polyline",{fill:"transparent",stroke:"@(props.colors[0])","stroke-width":"3",points:"@model.line1Points"},[e.createElement("animate",{attributeName:"stroke-dasharray",attributeType:"XML",from:"0, @(model.line1Length / 2), 0, @(model.line1Length / 2)",to:"0, 0, @(model.line1Length), 0",dur:"@(props.dur)s",begin:"0s",calcMode:"spline",keyTimes:"0;1",keySplines:"0.4,1,0.49,0.98",repeatCount:"indefinite"},[])]),e.createElement("polyline",{fill:"transparent",stroke:"@(props.colors[1])","stroke-width":"2",points:"@model.line2Points"},[e.createElement("animate",{attributeName:"stroke-dasharray",attributeType:"XML",from:"0, @(model.line2Length / 2), 0, @(model.line2Length / 2)",to:"0, 0, @(model.line2Length), 0",dur:"@(props.dur)s",begin:"0s",calcMode:"spline",keyTimes:"0;1",keySplines:".4,1,.49,.98",repeatCount:"indefinite"},[])])])])]}},jt={component:Mt},Jt=class extends(re=jt.component,le=r.SCOPE_ID,re){constructor(){super(...arguments);t(this,le,"165a82cd");t(this,"template",Ft.render)}};class Kt extends c{constructor(){super(...arguments);t(this,"propsOption",{colors:["#7acaec","#7acaec"]});t(this,"model",{width:0,height:0,svgScale:[1,1],points:[],heights:[],minHeights:[],randoms:[]});t(this,"svgWH",[300,35]);t(this,"rowNum",1);t(this,"rowPoints",40);t(this,"rectWidth",7);t(this,"halfRectWidth",this.rectWidth/2);t(this,"resize",()=>{this.calcPointsPosition(),this.calcScale()})}calcPointsPosition(){let{svgWH:o,rowNum:i,rowPoints:d}=this,[s,a]=o,g=s/(d+1),p=a/(i+1),h=new Array(i).fill(0).map((m,E)=>new Array(d).fill(0).map((_,u)=>[g*(u+1),p*(E+1)]));this.model.points=h.reduce((m,E)=>[...m,...E],[]);let f=this.model.heights=new Array(i*d).fill(0).map(m=>Math.random()>.8?k(.7*a,a):k(.2*a,.5*a));this.model.minHeights=new Array(i*d).fill(0).map((m,E)=>f[E]*Math.random()),this.model.randoms=new Array(i*d).fill(0).map(m=>Math.random()+1.5)}calcScale(){let[o,i]=this.svgWH;this.model.svgScale=[this.model.width/o,this.model.height/i]}}let Ht={render:function(e){return[e.createElement("div",{class:"@(['container', props.class])",style:"@props.style"},[e.createElement("svg",{width:"@(svgWH[0])px",height:"@(svgWH[1])px",style:"transform:scale(@(model.svgScale[0]),@(model.svgScale[1]));"},[e.createCommand("for","let (i,point) in model.points",[e.createElement("rect",{fill:"@(props.colors[Math.random() > 0.5 ? 0 : 1])",x:"@(point[0] - halfRectWidth)",y:"@(point[1] - model.heights[i] / 2)",width:"@rectWidth",height:"@(model.heights[i])"},[e.createElement("animate",{attributeName:"y",values:"@(point[1] - model.minHeights[i] / 2);@(point[1] - model.heights[i] / 2);@(point[1] - model.minHeights[i] / 2)",dur:"@(model.randoms[i])s",keyTimes:"0;0.5;1",calcMode:"spline",keySplines:"0.42,0,0.58,1;0.42,0,0.58,1",begin:"0s",repeatCount:"indefinite"},[]),e.createElement("animate",{attributeName:"height",values:"@(model.minHeights[i]);@(model.heights[i]);@(model.minHeights[i])",dur:"@(model.randoms[i])s",keyTimes:"0;0.5;1",calcMode:"spline",keySplines:"0.42,0,0.58,1;0.42,0,0.58,1",begin:"0s",repeatCount:"indefinite"},[])])])])])]}},Wt={component:Kt},zt=class extends(ne=Wt.component,de=r.SCOPE_ID,ne){constructor(){super(...arguments);t(this,de,"2a7c89dd");t(this,"template",Ht.render)}};class Xt extends c{constructor(){super(...arguments);t(this,"propsOption",{colors:["#1dc1f5","#1dc1f5"]})}}let Bt={render:function(e){return[e.createElement("div",{class:"@(['container', props.class])",style:"@props.style"},[e.createElement("svg",{width:"21px",height:"20px"},[e.createElement("polyline",{"stroke-width":"4",fill:"transparent",stroke:"@(props.colors[0])",points:"10, 0 19, 10 10, 20"},[]),e.createElement("polyline",{"stroke-width":"2",fill:"transparent",stroke:"@(props.colors[1])",points:"2, 0 11, 10 2, 20"},[])]),e.createCommand("RenderSection",""),e.createElement("svg",{width:"21px",height:"20px"},[e.createElement("polyline",{"stroke-width":"4",fill:"transparent",stroke:"@(props.colors[0])",points:"11, 0 2, 10 11, 20"},[]),e.createElement("polyline",{"stroke-width":"2",fill:"transparent",stroke:"@(props.colors[1])",points:"19, 0 10, 10 19, 20"},[])])])]}},Gt={component:Xt},Ut=class extends(ae=Gt.component,se=r.SCOPE_ID,ae){constructor(){super(...arguments);t(this,se,"6a75cfee");t(this,"template",Bt.render)}};class Qt extends c{constructor(){super(...arguments);t(this,"propsOption",{colors:["#3f96a5","#3f96a5"]})}xPos(o){return this.props.reverse?this.model.width-o:o}}let Vt={render:function(e){return[e.createElement("div",{class:"@(['container', props.class])",style:"@props.style"},[e.createElement("svg",{width:"@model.width",height:"@model.height"},[e.createElement("polyline",{stroke:"@(props.colors[0])","stroke-width":"2",fill:"transparent",points:"@xPos(0), 0 @xPos(30), @(model.height / 2)"},[]),e.createElement("polyline",{stroke:"@(props.colors[0])","stroke-width":"2",fill:"transparent",points:"@xPos(20), 0 @xPos(50), @(model.height / 2) @xPos(model.width), @(model.height / 2)"},[]),e.createElement("polyline",{stroke:"@(props.colors[1])",fill:"transparent","stroke-width":"3",points:"@xPos(0), @(model.height - 3), @xPos(200), @(model.height - 3)"},[])])])]}},Yt={component:Qt},qt=class extends(pe=Yt.component,ce=r.SCOPE_ID,pe){constructor(){super(...arguments);t(this,ce,"597abf05");t(this,"template",Vt.render)}};class Zt extends c{constructor(){super(...arguments);t(this,"model",{width:0,height:0,svgScale:[1,1]});t(this,"polygonId",`decoration-9-polygon-${n()}`);t(this,"propsOption",{colors:["rgba(3, 166, 224, 0.8)","rgba(3, 166, 224, 0.5)"],dur:3});t(this,"resize",()=>{this.calcScale()});t(this,"svgWH",[100,100])}calcScale(){let[o,i]=this.svgWH;this.model.svgScale=[this.model.width/o,this.model.height/i]}}let eo={render:function(e){return[e.createElement("div",{class:"@(['container', props.class])",style:"@props.style"},[e.createElement("svg",{width:"@(svgWH[0])px",height:"@(svgWH[1])px",style:"transform:scale(@(model.svgScale[0]),@(model.svgScale[1]));"},[e.createElement("defs",{},[e.createElement("polygon",{id:"@polygonId",points:"15, 46.5, 21, 47.5, 21, 52.5, 15, 53.5"},[])]),e.createElement("circle",{cx:"50",cy:"50",r:"45",fill:"transparent",stroke:"@(props.colors[1])","stroke-width":"10","stroke-dasharray":"80, 100, 30, 100"},[e.createElement("animateTransform",{attributeName:"transform",type:"rotate",values:"0 50 50;360 50 50",dur:"@(props.dur)s",repeatCount:"indefinite"},[])]),e.createElement("circle",{cx:"50",cy:"50",r:"45",fill:"transparent",stroke:"@(props.colors[0])","stroke-width":"6","stroke-dasharray":"50, 66, 100, 66"},[e.createElement("animateTransform",{attributeName:"transform",type:"rotate",values:"0 50 50;-360 50 50",dur:"@(props.dur)s",repeatCount:"indefinite"},[])]),e.createElement("circle",{cx:"50",cy:"50",r:"38",fill:"transparent",stroke:"@(fade(props.colors[1], 30))","stroke-width":"1","stroke-dasharray":"5, 1"},[]),e.createCommand("for","let i = 0; i < 20; i++",[e.createElement("use",{"xlink:href":"#@(polygonId)",stroke:"@(props.colors[1])",fill:"@(Math.random() > 0.4 ? 'transparent' : props.colors[0])"},[e.createElement("animateTransform",{attributeName:"transform",type:"rotate",values:"0 50 50;360 50 50",dur:"@(props.dur)s",begin:"@(i * props.dur / 20)s",repeatCount:"indefinite"},[])])]),e.createElement("circle",{cx:"50",cy:"50",r:"26",fill:"transparent",stroke:"@(fade(props.colors[1], 30))","stroke-width":"1","stroke-dasharray":"5, 1"},[])]),e.createCommand("RenderSection","")])]}},to={component:Zt},oo=class extends(he=to.component,me=r.SCOPE_ID,he){constructor(){super(...arguments);t(this,me,"ed9a8703");t(this,"template",eo.render)}};class io extends c{constructor(){super(...arguments);t(this,"animationId1",`d10ani1${n()}`);t(this,"animationId2",`d10ani2${n()}`);t(this,"animationId3",`d10ani3${n()}`);t(this,"animationId4",`d10ani4${n()}`);t(this,"animationId5",`d10ani5${n()}`);t(this,"animationId6",`d10ani6${n()}`);t(this,"animationId7",`d10ani7${n()}`);t(this,"propsOption",{colors:["#00c2ff","rgba(0, 194, 255, 0.3)"]})}}let lo={render:function(e){return[e.createElement("div",{class:"@(['container', props.class])",style:"@props.style"},[e.createElement("svg",{width:"@model.width",height:"@model.height"},[e.createElement("polyline",{stroke:"@(props.colors[1])","stroke-width":"2",points:"0, @(model.height / 2) @(model.width), @(model.height / 2)"},[]),e.createElement("polyline",{stroke:"@(props.colors[0])","stroke-width":"2",points:"5, @(model.height / 2) @(model.width * 0.2 - 3), @(model.height / 2)","stroke-dasharray":"0, @(model.width * 0.2)",fill:"freeze"},[e.createElement("animate",{id:"@animationId2",attributeName:"stroke-dasharray",values:"0, @(model.width * 0.2);@(model.width * 0.2), 0;",dur:"3s",begin:"@(animationId1).end",fill:"freeze"},[]),e.createElement("animate",{attributeName:"stroke-dasharray",values:"@(model.width * 0.2), 0;0, @(model.width * 0.2)",dur:"0.01s",begin:"@(animationId7).end",fill:"freeze"},[])]),e.createElement("polyline",{stroke:"@(props.colors[0])","stroke-width":"2",points:"@(model.width * 0.2 + 3), @(model.height / 2) @(model.width * 0.8 - 3), @(model.height / 2)","stroke-dasharray":"0, @(model.width * 0.6)"},[e.createElement("animate",{id:"@animationId4",attributeName:"stroke-dasharray",values:"0, @(model.width * 0.6);@(model.width * 0.6), 0",dur:"3s",begin:"@(animationId3).end + 1s",fill:"freeze"},[]),e.createElement("animate",{attributeName:"stroke-dasharray",values:"@(model.width * 0.6), 0;0, @(model.width * 0.6)",dur:"0.01s",begin:"@(animationId7).end",fill:"freeze"},[])]),e.createElement("polyline",{stroke:"@(props.colors[0])","stroke-width":"2",points:"@(model.width * 0.8 + 3), @(model.height / 2) @(model.width - 5), @(model.height / 2)","stroke-dasharray":"0, @(model.width * 0.2)"},[e.createElement("animate",{id:"@animationId6",attributeName:"stroke-dasharray",values:"0, @(model.width * 0.2);@(model.width * 0.2), 0",dur:"3s",begin:"@(animationId5).end + 1s",fill:"freeze"},[]),e.createElement("animate",{attributeName:"stroke-dasharray",values:"@(model.width * 0.2), 0;0, @(model.width * 0.3)",dur:"0.01s",begin:"@(animationId7).end",fill:"freeze"},[])]),e.createElement("circle",{cx:"2",cy:"@(model.height / 2)",r:"2",fill:"@(props.colors[1])"},[e.createElement("animate",{id:"@animationId1",attributeName:"fill",values:"@(props.colors[1]);@(props.colors[0])",begin:"0s;@(animationId7).end",dur:"0.3s",fill:"freeze"},[])]),e.createElement("circle",{cx:"@(model.width * 0.2)",cy:"@(model.height / 2)",r:"2",fill:"@(props.colors[1])"},[e.createElement("animate",{id:"@animationId3",attributeName:"fill",values:"@(props.colors[1]);@(props.colors[0])",begin:"@(animationId2).end",dur:"0.3s",fill:"freeze"},[]),e.createElement("animate",{attributeName:"fill",values:"@(props.colors[1]);@(props.colors[1])",dur:"0.01s",begin:"@(animationId7).end",fill:"freeze"},[])]),e.createElement("circle",{cx:"@(model.width * 0.8)",cy:"@(model.height / 2)",r:"2",fill:"@(props.colors[1])"},[e.createElement("animate",{id:"@animationId5",attributeName:"fill",values:"@(props.colors[1]);@(props.colors[0])",begin:"@(animationId4).end",dur:"0.3s",fill:"freeze"},[]),e.createElement("animate",{attributeName:"fill",values:"@(props.colors[1]);@(props.colors[1])",dur:"0.01s",begin:"@(animationId7).end",fill:"freeze"},[])]),e.createElement("circle",{cx:"@(model.width - 2)",cy:"@(model.height / 2)",r:"2",fill:"@(props.colors[1])"},[e.createElement("animate",{id:"@animationId7",attributeName:"fill",values:"@(props.colors[1]);@(props.colors[0])",begin:"@(animationId6).end",dur:"0.3s",fill:"freeze"},[]),e.createElement("animate",{attributeName:"fill",values:"@(props.colors[1]);@(props.colors[1])",dur:"0.01s",begin:"@(animationId7).end",fill:"freeze"},[])])])])]}},ro={component:io},no=class extends(fe=ro.component,ge=r.SCOPE_ID,fe){constructor(){super(...arguments);t(this,ge,"72693e04");t(this,"template",lo.render)}};class so extends c{constructor(){super(...arguments);t(this,"propsOption",{colors:["#1a98fc","#2cf7fe"]})}}let ao={render:function(e){return[e.createElement("div",{class:"@(['container', props.class])",style:"@props.style"},[e.createElement("svg",{width:"@model.width",height:"@model.height"},[e.createElement("polygon",{fill:"@(fade(props.colors[1], 10))",stroke:"@(props.colors[1])",points:"20 10, 25 4, 55 4 60 10"},[]),e.createElement("polygon",{fill:"@(fade(props.colors[1], 10))",stroke:"@(props.colors[1])",points:"20 @(model.height - 10), 25 @(model.height - 4), 55 @(model.height - 4) 60 @(model.height - 10)"},[]),e.createElement("polygon",{fill:"@(fade(props.colors[1], 10))",stroke:"@(props.colors[1])",points:"@(model.width - 20) 10, @(model.width - 25) 4, @(model.width - 55) 4 @(model.width - 60) 10"},[]),e.createElement("polygon",{fill:"@(fade(props.colors[1], 10))",stroke:"@(props.colors[1])",points:"@(model.width - 20) @(model.height - 10), @(model.width - 25) @(model.height - 4), @(model.width - 55) @(model.height - 4) @(model.width - 60) @(model.height - 10)"},[]),e.createElement("polygon",{fill:"@(fade(props.colors[0] , 20))",stroke:"@(props.colors[0])",points:"20 10, 5 @(model.height / 2) 20 @(model.height - 10) @(model.width - 20) @(model.height - 10) @(model.width - 5) @(model.height / 2) @(model.width - 20) 10"},[]),e.createElement("polyline",{fill:"transparent",stroke:"@fade(props.colors[0] , 70)",points:"25 18, 15 @(model.height / 2) 25 @(model.height - 18)"},[]),e.createElement("polyline",{fill:"transparent",stroke:"@fade(props.colors[0] , 70)",points:"@(model.width - 25) 18, @(model.width - 15) @(model.height / 2) @(model.width - 25) @(model.height - 18)"},[])]),e.createElement("div",{class:"decoration-content"},[e.createCommand("RenderSection","")])])]}},co={component:so},po=class extends(be=co.component,Ee=r.SCOPE_ID,be){constructor(){super(...arguments);t(this,Ee,"be570701");t(this,"template",ao.render)}};class mo extends c{constructor(){super(...arguments);t(this,"gId",`decoration-12-g-${n()}`);t(this,"gradientId",`decoration-12-gradient-${n()}`);t(this,"propsOption",{colors:["#2783ce","#2cf7fe"],scanDur:3,haloDur:2});t(this,"segment",30);t(this,"sectorAngle",Math.PI/3);t(this,"ringNum",3);t(this,"ringWidth",1);t(this,"model",{width:0,height:0,pathD:[],pathColor:[],circleR:[],splitLinePoints:[],arcD:[]});t(this,"resize",()=>{this.calcPathColor(),this.calcPathD(),this.calcCircleR(),this.calcSplitLinePoints(),this.calcArcD()})}get x(){return this.model.width/2}get y(){return this.model.height/2}calcPathD(){let{x:o,y:i,segment:d,sectorAngle:s}=this,a=-Math.PI/2,g=s/d,p=this.model.width/4,h=w(o,i,p,a);this.model.pathD=new Array(d).fill("").map((f,m)=>{let E=w(o,i,p,a-(m+1)*g).map(u=>u.toFixed(5)),_=`M${h.join(",")} A${p}, ${p} 0 0 0 ${E.join(",")}`;return h=E.map(u=>Number(u)),_})}calcPathColor(){let o=100/(this.segment-1);this.model.pathColor=new Array(this.segment).fill(this.props.colors[0]).map((i,d)=>this.fade(this.props.colors[0],100-d*o))}calcCircleR(){let{ringNum:o,ringWidth:i}=this,d=(this.model.width/2-i/2)/o;this.model.circleR=new Array(o).fill(0).map((s,a)=>d*(a+1))}calcSplitLinePoints(){let{x:o,y:i}=this,d=Math.PI/6,s=this.model.width/2;this.model.splitLinePoints=new Array(6).fill("").map((a,g)=>{const p=d*(g+1),h=p+Math.PI,f=w(o,i,s,p),m=w(o,i,s,h);return`${f.join(",")} ${m.join(",")}`})}calcArcD(){let{x:o,y:i}=this,d=Math.PI/6,s=this.model.width/2-1;this.model.arcD=new Array(4).fill("").map((a,g)=>{let p=d*(3*g+1),h=p+d,f=w(o,i,s,p),m=w(o,i,s,h);return`M${f.join(",")} A${o}, ${i} 0 0 1 ${m.join(",")}`})}}let ho={render:function(e){return[e.createElement("div",{class:"@(['container', props.class])",style:"@props.style"},[e.createElement("svg",{width:"@model.width",height:"@model.height"},[e.createElement("defs",{},[e.createElement("g",{id:"@gId"},[e.createCommand("for","let (i,d) in model.pathD",[e.createElement("path",{stroke:"@(model.pathColor[i])","stroke-width":"@(model.width / 2)",fill:"transparent",d:"@d"},[])])]),e.createElement("radialGradient",{id:"@gradientId",cx:"50%",cy:"50%",r:"50%"},[e.createElement("stop",{offset:"0%","stop-color":"transparent","stop-opacity":"1"},[]),e.createElement("stop",{offset:"100%","stop-color":"@fade(props.colors[1], 30)","stop-opacity":"1"},[])])]),e.createCommand("for","let r of model.circleR",[e.createElement("circle",{r:"@r",cx:"@x",cy:"@y",stroke:"@(props.colors[1])","stroke-width":"0.5",fill:"transparent"},[])]),e.createElement("circle",{r:"1",cx:"@x",cy:"@y",stroke:"transparent",fill:"url(#@(gradientId))"},[e.createElement("animate",{attributeName:"r",values:"1;@(model.width / 2)",dur:"@(props.haloDur)s",repeatCount:"indefinite"},[]),e.createElement("animate",{attributeName:"opacity",values:"1;0",dur:"@(props.haloDur)s",repeatCount:"indefinite"},[])]),e.createElement("circle",{r:"2",cx:"@x",cy:"@y",fill:"@(props.colors[1])"},[]),e.createElement("g",{},[e.createCommand("for","let p of model.splitLinePoints",[e.createElement("polyline",{points:"@p",stroke:"@(props.colors[1])","stroke-width":"0.5",opacity:"0.5"},[])])]),e.createCommand("for","let d of model.arcD",[e.createElement("path",{d:"@d",stroke:"@(props.colors[1])","stroke-width":"2",fill:"transparent"},[])]),e.createElement("use",{"xlink:href":"#@gId"},[e.createElement("animateTransform",{attributeName:"transform",type:"rotate",values:"0, @x @y;360, @x @y",dur:"@(props.scanDur)s",repeatCount:"indefinite"},[])])]),e.createElement("div",{class:"decoration-content"},[e.createCommand("RenderSection","")])])]}},go={component:mo},fo=class extends(_e=go.component,we=r.SCOPE_ID,_e){constructor(){super(...arguments);t(this,we,"b78c6be8");t(this,"template",ho.render)}},y={BorderBox1:Se,BorderBox2:Pe,BorderBox3:Ne,BorderBox4:Fe,BorderBox5:He,BorderBox6:Be,BorderBox7:Ve,BorderBox8:et,BorderBox9:lt,BorderBox10:st,BorderBox11:mt,BorderBox12:Et,BorderBox13:ut,Decoration1:Ct,Decoration2:It,Decoration3:At,Decoration4:Dt,Decoration5:Jt,Decoration6:zt,Decoration7:Ut,Decoration8:qt,Decoration9:oo,Decoration10:no,Decoration11:po,Decoration12:fo};for(let e in y){let l=`dv-${b(e)}`;r.registerGlobalComponent({[l]:y[e]})}});let __joker_style__=documnet.createElement("style");__joker_style__.innerHTML=`@charset "UTF-8";:root{--jk-color-primary: #409eff;--jk-color-primary-light-3: #79bbff;--jk-color-primary-light-4: #8cc5ff;--jk-color-primary-light-5: #a0cfff;--jk-color-primary-light-6: #b3d8ff;--jk-color-primary-light-7: #c6e2ff;--jk-color-primary-light-8: #d9ecff;--jk-color-primary-light-9: #ecf5ff;--jk-color-primary-dark-2: #337ecc;--jk-color-success: #67c23a;--jk-color-success-light-3: #95d475;--jk-color-success-light-4: #a4da89;--jk-color-success-light-5: #b3e19d;--jk-color-success-light-6: #c2e7b0;--jk-color-success-light-7: #d1edc4;--jk-color-success-light-8: #e1f3d8;--jk-color-success-light-9: #f0f9eb;--jk-color-success-dark-2: #529b2e;--jk-color-warning: #e6a23c;--jk-color-warning-light-3: #eebe77;--jk-color-warning-light-4: #f0c78a;--jk-color-warning-light-5: #f3d19e;--jk-color-warning-light-6: #f5dab1;--jk-color-warning-light-7: #f8e3c5;--jk-color-warning-light-8: #faecd8;--jk-color-warning-light-9: #fdf6ec;--jk-color-warning-dark-2: #b88230;--jk-color-danger: #f56c6c;--jk-color-danger-light-3: #f89898;--jk-color-danger-light-4: #f9a7a7;--jk-color-danger-light-5: #fab6b6;--jk-color-danger-light-6: #fbc4c4;--jk-color-danger-light-7: #fcd3d3;--jk-color-danger-light-8: #fde2e2;--jk-color-danger-light-9: #fef0f0;--jk-color-danger-dark-2: #c45656;--jk-color-info: #909399;--jk-color-info-light-3: #b1b3b8;--jk-color-info-light-4: #bcbec2;--jk-color-info-light-5: #c8c9cc;--jk-color-info-light-6: #d3d4d6;--jk-color-info-light-7: #dedfe0;--jk-color-info-light-8: #e9e9eb;--jk-color-info-light-9: #f4f4f5;--jk-color-info-dark-2: #73767a;--jk-color-text-primary: #303133;--jk-color-text-regular: #606266;--jk-color-text-secondary: #909399;--jk-color-text-placeholder: #c0c4cc;--jk-background-color-base: #f5f7fa;--jk-scrollbar-background-color: rgba(144, 147, 153, .3);--jk-scrollbar-hover-background-color: rgba(144, 147, 153, .6);--jk-border-color-base: #dcdfe6;--jk-border-color-light: #e4e7ed;--jk-border-color-lighter: #ebeef5;--jk-border-color-extra-light: #f2f6fc;--jk-border-color-hover: var(--jk-color-text-placeholder);--jk-box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);--jk-box-shadow-dark: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12);--jk-box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, .1);--jk-disabled-color: var(--jk-color-text-placeholder);--jk-disabled-background-color: #f5f7fa;--jk-disabled-border-color: var(--jk-border-color-light);--jk-button-default-background-color: #fff;--jk-button-default-font-color: var(--jk-color-text-regular);--jk-button-font-color: #fff;--jk-radio-checked-target-background-color: #fff;--jk-message-background-color: #edf2fc;--jk-modal-background-color: rgba(0, 0, 0, .5)}html,body{width:100%;height:100%;overflow:hidden;margin:0;padding:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\\5fae\\8f6f\\96c5\\9ed1,Arial,sans-serif;font-weight:400;color:var(--jk-color-text-primary);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.container[data-scoped-2b4d949b]{position:relative;width:100%;height:100%}.container .border[data-scoped-2b4d949b]{position:absolute;display:block}.container .right-top[data-scoped-2b4d949b]{right:0;transform:rotateY(180deg)}.container .left-bottom[data-scoped-2b4d949b]{bottom:0;transform:rotateX(180deg)}.container .right-bottom[data-scoped-2b4d949b]{right:0;bottom:0;transform:rotateX(180deg) rotateY(180deg)}.container .border-box-content[data-scoped-2b4d949b],.container[data-scoped-3b9d3fa6]{position:relative;width:100%;height:100%}.container .dv-border-svg-container[data-scoped-3b9d3fa6]{position:absolute;width:100%;height:100%;top:0;left:0}.container .dv-border-svg-container>polyline[data-scoped-3b9d3fa6]{fill:none;stroke-width:1}.container .border-box-content[data-scoped-3b9d3fa6],.container[data-scoped-113d37b6]{position:relative;width:100%;height:100%}.container .dv-border-svg-container[data-scoped-113d37b6]{position:absolute;width:100%;height:100%;top:0;left:0}.container .dv-border-svg-container>polyline[data-scoped-113d37b6]{fill:none}.container .dv-bb3-line1[data-scoped-113d37b6]{stroke-width:3}.container .dv-bb3-line2[data-scoped-113d37b6]{stroke-width:1}.container .border-box-content[data-scoped-113d37b6],.container[data-scoped-237a53e4]{position:relative;width:100%;height:100%}.container .dv-reverse[data-scoped-237a53e4]{transform:rotate(180deg)}.container .dv-border-svg-container[data-scoped-237a53e4]{position:absolute;width:100%;height:100%;top:0;left:0}.container .dv-border-svg-container>polyline[data-scoped-237a53e4]{fill:none}.container .dv-bb4-line-1[data-scoped-237a53e4],.container .dv-bb4-line-2[data-scoped-237a53e4]{stroke-width:1}.container .dv-bb4-line-3[data-scoped-237a53e4],.container .dv-bb4-line-4[data-scoped-237a53e4]{stroke-width:3px;stroke-linecap:round}.container .dv-bb4-line-5[data-scoped-237a53e4],.container .dv-bb4-line-6[data-scoped-237a53e4],.container .dv-bb4-line-7[data-scoped-237a53e4]{stroke-width:1}.container .dv-bb4-line-8[data-scoped-237a53e4]{stroke-width:3px;stroke-linecap:round}.container .dv-bb4-line-9[data-scoped-237a53e4]{stroke-width:3px;stroke-linecap:round;stroke-dasharray:100 250}.container .dv-bb4-line-10[data-scoped-237a53e4]{stroke-width:1;stroke-dasharray:80 270}.container .border-box-content[data-scoped-237a53e4],.container[data-scoped-6fd7b4d4]{position:relative;width:100%;height:100%}.container .dv-reverse[data-scoped-6fd7b4d4]{transform:rotate(180deg)}.container .dv-border-svg-container[data-scoped-6fd7b4d4]{position:absolute;top:0;left:0;width:100%;height:100%}.container .dv-border-svg-container>polyline[data-scoped-6fd7b4d4]{fill:none}.container .dv-bb5-line-1[data-scoped-6fd7b4d4],.container .dv-bb5-line-2[data-scoped-6fd7b4d4]{stroke-width:1}.container .dv-bb5-line-3[data-scoped-6fd7b4d4],.container .dv-bb5-line-6[data-scoped-6fd7b4d4]{stroke-width:5}.container .dv-bb5-line-4[data-scoped-6fd7b4d4],.container .dv-bb5-line-5[data-scoped-6fd7b4d4]{stroke-width:2}.container .border-box-content[data-scoped-6fd7b4d4],.container[data-scoped-ebdf6a26]{position:relative;width:100%;height:100%}.container .dv-border-svg-container[data-scoped-ebdf6a26]{position:absolute;top:0;left:0;width:100%;height:100%}.container .dv-border-svg-container>polyline[data-scoped-ebdf6a26]{fill:none;stroke-width:1}.container .border-box-content[data-scoped-ebdf6a26],.container[data-scoped-44fa29fb]{position:relative;width:100%;height:100%}.container .dv-border-svg-container[data-scoped-44fa29fb]{position:absolute;top:0;left:0;width:100%;height:100%}.container .dv-border-svg-container>polyline[data-scoped-44fa29fb]{fill:none;stroke-linecap:round}.container .dv-bb7-line-width-2[data-scoped-44fa29fb]{stroke-width:2}.container .dv-bb7-line-width-5[data-scoped-44fa29fb]{stroke-width:5}.container .border-box-content[data-scoped-44fa29fb],.container[data-scoped-df10b11e]{position:relative;width:100%;height:100%}.container .dv-border-svg-container[data-scoped-df10b11e]{position:absolute;width:100%;height:100%;left:0;top:0}.container .border-box-content[data-scoped-df10b11e],.container[data-scoped-e4c62a5f]{position:relative;width:100%;height:100%}.container .dv-border-svg-container[data-scoped-e4c62a5f]{position:absolute;width:100%;height:100%;left:0;top:0}.container .border-box-content[data-scoped-e4c62a5f]{position:relative;width:100%;height:100%}.container[data-scoped-c1b255d6]{position:relative;width:100%;height:100%;border-radius:6px}.container .dv-border-svg-container[data-scoped-c1b255d6]{position:absolute;display:block}.container .right-top[data-scoped-c1b255d6]{right:0;transform:rotateY(180deg)}.container .left-bottom[data-scoped-c1b255d6]{bottom:0;transform:rotateX(180deg)}.container .right-bottom[data-scoped-c1b255d6]{right:0;bottom:0;transform:rotateX(180deg) rotateY(180deg)}.container .border-box-content[data-scoped-c1b255d6],.container[data-scoped-639f3c2e]{position:relative;width:100%;height:100%}.container .dv-border-svg-container[data-scoped-639f3c2e]{position:absolute;width:100%;height:100%;top:0;left:0}.container .dv-border-svg-container>polyline[data-scoped-639f3c2e]{fill:none;stroke-width:1}.container .border-box-content[data-scoped-639f3c2e],.container[data-scoped-9a8985f2]{position:relative;width:100%;height:100%}.container .dv-border-svg-container[data-scoped-9a8985f2]{position:absolute;width:100%;height:100%;top:0;left:0}.container .border-box-content[data-scoped-9a8985f2],.container[data-scoped-9f1d0629]{position:relative;width:100%;height:100%}.container .dv-border-svg-container[data-scoped-9f1d0629]{position:absolute;width:100%;height:100%;top:0;left:0}.container .border-box-content[data-scoped-9f1d0629]{position:relative;width:100%;height:100%}.container[data-scoped-5d2cdceb]{width:100%;height:100%}.container svg[data-scoped-5d2cdceb]{transform-origin:left top}.container[data-scoped-2ceeebd3]{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.container[data-scoped-e4dd1f59]{width:100%;height:100%}.container svg[data-scoped-e4dd1f59]{transform-origin:left top}.container[data-scoped-820e3df4]{position:relative;width:100%;height:100%}.container .container-bar[data-scoped-820e3df4]{display:flex;overflow:hidden;position:absolute;flex:1}.container .normal[data-scoped-820e3df4]{animation:ani-height-820e3df4 ease-in-out infinite;left:50%;margin-left:-2px}.container .reverse[data-scoped-820e3df4]{animation:ani-width-820e3df4 ease-in-out infinite;top:50%;margin-top:-2px}@keyframes ani-height-820e3df4{0%{height:0%}70%{height:100%}to{height:100%}}@keyframes ani-width-820e3df4{0%{width:0%}70%{width:100%}to{width:100%}}.container[data-scoped-165a82cd],.container[data-scoped-2a7c89dd]{width:100%;height:100%}.container svg[data-scoped-2a7c89dd]{transform-origin:left top}.container[data-scoped-6a75cfee]{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.container[data-scoped-597abf05]{display:flex;width:100%;height:100%}.container[data-scoped-ed9a8703]{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.container svg[data-scoped-ed9a8703]{position:absolute;left:0;top:0;transform-origin:left top}.contianer[data-scoped-72693e04]{width:100%;height:100%;display:flex}.container[data-scoped-be570701]{position:relative;width:100%;height:100%;display:flex}.container .decoration-content[data-scoped-be570701]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.container[data-scoped-b78c6be8]{position:relative;width:100%;height:100%;display:flex}.container .decoration-content[data-scoped-b78c6be8]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
|
|
2
|
+
`;documnet.head.appendChild(__joker_style__);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@charset "UTF-8";:root{--jk-color-primary: #409eff;--jk-color-primary-light-3: #79bbff;--jk-color-primary-light-4: #8cc5ff;--jk-color-primary-light-5: #a0cfff;--jk-color-primary-light-6: #b3d8ff;--jk-color-primary-light-7: #c6e2ff;--jk-color-primary-light-8: #d9ecff;--jk-color-primary-light-9: #ecf5ff;--jk-color-primary-dark-2: #337ecc;--jk-color-success: #67c23a;--jk-color-success-light-3: #95d475;--jk-color-success-light-4: #a4da89;--jk-color-success-light-5: #b3e19d;--jk-color-success-light-6: #c2e7b0;--jk-color-success-light-7: #d1edc4;--jk-color-success-light-8: #e1f3d8;--jk-color-success-light-9: #f0f9eb;--jk-color-success-dark-2: #529b2e;--jk-color-warning: #e6a23c;--jk-color-warning-light-3: #eebe77;--jk-color-warning-light-4: #f0c78a;--jk-color-warning-light-5: #f3d19e;--jk-color-warning-light-6: #f5dab1;--jk-color-warning-light-7: #f8e3c5;--jk-color-warning-light-8: #faecd8;--jk-color-warning-light-9: #fdf6ec;--jk-color-warning-dark-2: #b88230;--jk-color-danger: #f56c6c;--jk-color-danger-light-3: #f89898;--jk-color-danger-light-4: #f9a7a7;--jk-color-danger-light-5: #fab6b6;--jk-color-danger-light-6: #fbc4c4;--jk-color-danger-light-7: #fcd3d3;--jk-color-danger-light-8: #fde2e2;--jk-color-danger-light-9: #fef0f0;--jk-color-danger-dark-2: #c45656;--jk-color-info: #909399;--jk-color-info-light-3: #b1b3b8;--jk-color-info-light-4: #bcbec2;--jk-color-info-light-5: #c8c9cc;--jk-color-info-light-6: #d3d4d6;--jk-color-info-light-7: #dedfe0;--jk-color-info-light-8: #e9e9eb;--jk-color-info-light-9: #f4f4f5;--jk-color-info-dark-2: #73767a;--jk-color-text-primary: #303133;--jk-color-text-regular: #606266;--jk-color-text-secondary: #909399;--jk-color-text-placeholder: #c0c4cc;--jk-background-color-base: #f5f7fa;--jk-scrollbar-background-color: rgba(144, 147, 153, .3);--jk-scrollbar-hover-background-color: rgba(144, 147, 153, .6);--jk-border-color-base: #dcdfe6;--jk-border-color-light: #e4e7ed;--jk-border-color-lighter: #ebeef5;--jk-border-color-extra-light: #f2f6fc;--jk-border-color-hover: var(--jk-color-text-placeholder);--jk-box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);--jk-box-shadow-dark: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12);--jk-box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, .1);--jk-disabled-color: var(--jk-color-text-placeholder);--jk-disabled-background-color: #f5f7fa;--jk-disabled-border-color: var(--jk-border-color-light);--jk-button-default-background-color: #fff;--jk-button-default-font-color: var(--jk-color-text-regular);--jk-button-font-color: #fff;--jk-radio-checked-target-background-color: #fff;--jk-message-background-color: #edf2fc;--jk-modal-background-color: rgba(0, 0, 0, .5)}html,body{width:100%;height:100%;overflow:hidden;margin:0;padding:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial,sans-serif;font-weight:400;color:var(--jk-color-text-primary);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.container[data-scoped-2b4d949b]{position:relative;width:100%;height:100%}.container .border[data-scoped-2b4d949b]{position:absolute;display:block}.container .right-top[data-scoped-2b4d949b]{right:0;transform:rotateY(180deg)}.container .left-bottom[data-scoped-2b4d949b]{bottom:0;transform:rotateX(180deg)}.container .right-bottom[data-scoped-2b4d949b]{right:0;bottom:0;transform:rotateX(180deg) rotateY(180deg)}.container .border-box-content[data-scoped-2b4d949b],.container[data-scoped-3b9d3fa6]{position:relative;width:100%;height:100%}.container .dv-border-svg-container[data-scoped-3b9d3fa6]{position:absolute;width:100%;height:100%;top:0;left:0}.container .dv-border-svg-container>polyline[data-scoped-3b9d3fa6]{fill:none;stroke-width:1}.container .border-box-content[data-scoped-3b9d3fa6],.container[data-scoped-113d37b6]{position:relative;width:100%;height:100%}.container .dv-border-svg-container[data-scoped-113d37b6]{position:absolute;width:100%;height:100%;top:0;left:0}.container .dv-border-svg-container>polyline[data-scoped-113d37b6]{fill:none}.container .dv-bb3-line1[data-scoped-113d37b6]{stroke-width:3}.container .dv-bb3-line2[data-scoped-113d37b6]{stroke-width:1}.container .border-box-content[data-scoped-113d37b6],.container[data-scoped-237a53e4]{position:relative;width:100%;height:100%}.container .dv-reverse[data-scoped-237a53e4]{transform:rotate(180deg)}.container .dv-border-svg-container[data-scoped-237a53e4]{position:absolute;width:100%;height:100%;top:0;left:0}.container .dv-border-svg-container>polyline[data-scoped-237a53e4]{fill:none}.container .dv-bb4-line-1[data-scoped-237a53e4],.container .dv-bb4-line-2[data-scoped-237a53e4]{stroke-width:1}.container .dv-bb4-line-3[data-scoped-237a53e4],.container .dv-bb4-line-4[data-scoped-237a53e4]{stroke-width:3px;stroke-linecap:round}.container .dv-bb4-line-5[data-scoped-237a53e4],.container .dv-bb4-line-6[data-scoped-237a53e4],.container .dv-bb4-line-7[data-scoped-237a53e4]{stroke-width:1}.container .dv-bb4-line-8[data-scoped-237a53e4]{stroke-width:3px;stroke-linecap:round}.container .dv-bb4-line-9[data-scoped-237a53e4]{stroke-width:3px;stroke-linecap:round;stroke-dasharray:100 250}.container .dv-bb4-line-10[data-scoped-237a53e4]{stroke-width:1;stroke-dasharray:80 270}.container .border-box-content[data-scoped-237a53e4],.container[data-scoped-6fd7b4d4]{position:relative;width:100%;height:100%}.container .dv-reverse[data-scoped-6fd7b4d4]{transform:rotate(180deg)}.container .dv-border-svg-container[data-scoped-6fd7b4d4]{position:absolute;top:0;left:0;width:100%;height:100%}.container .dv-border-svg-container>polyline[data-scoped-6fd7b4d4]{fill:none}.container .dv-bb5-line-1[data-scoped-6fd7b4d4],.container .dv-bb5-line-2[data-scoped-6fd7b4d4]{stroke-width:1}.container .dv-bb5-line-3[data-scoped-6fd7b4d4],.container .dv-bb5-line-6[data-scoped-6fd7b4d4]{stroke-width:5}.container .dv-bb5-line-4[data-scoped-6fd7b4d4],.container .dv-bb5-line-5[data-scoped-6fd7b4d4]{stroke-width:2}.container .border-box-content[data-scoped-6fd7b4d4],.container[data-scoped-ebdf6a26]{position:relative;width:100%;height:100%}.container .dv-border-svg-container[data-scoped-ebdf6a26]{position:absolute;top:0;left:0;width:100%;height:100%}.container .dv-border-svg-container>polyline[data-scoped-ebdf6a26]{fill:none;stroke-width:1}.container .border-box-content[data-scoped-ebdf6a26],.container[data-scoped-44fa29fb]{position:relative;width:100%;height:100%}.container .dv-border-svg-container[data-scoped-44fa29fb]{position:absolute;top:0;left:0;width:100%;height:100%}.container .dv-border-svg-container>polyline[data-scoped-44fa29fb]{fill:none;stroke-linecap:round}.container .dv-bb7-line-width-2[data-scoped-44fa29fb]{stroke-width:2}.container .dv-bb7-line-width-5[data-scoped-44fa29fb]{stroke-width:5}.container .border-box-content[data-scoped-44fa29fb],.container[data-scoped-df10b11e]{position:relative;width:100%;height:100%}.container .dv-border-svg-container[data-scoped-df10b11e]{position:absolute;width:100%;height:100%;left:0;top:0}.container .border-box-content[data-scoped-df10b11e],.container[data-scoped-e4c62a5f]{position:relative;width:100%;height:100%}.container .dv-border-svg-container[data-scoped-e4c62a5f]{position:absolute;width:100%;height:100%;left:0;top:0}.container .border-box-content[data-scoped-e4c62a5f]{position:relative;width:100%;height:100%}.container[data-scoped-c1b255d6]{position:relative;width:100%;height:100%;border-radius:6px}.container .dv-border-svg-container[data-scoped-c1b255d6]{position:absolute;display:block}.container .right-top[data-scoped-c1b255d6]{right:0;transform:rotateY(180deg)}.container .left-bottom[data-scoped-c1b255d6]{bottom:0;transform:rotateX(180deg)}.container .right-bottom[data-scoped-c1b255d6]{right:0;bottom:0;transform:rotateX(180deg) rotateY(180deg)}.container .border-box-content[data-scoped-c1b255d6],.container[data-scoped-639f3c2e]{position:relative;width:100%;height:100%}.container .dv-border-svg-container[data-scoped-639f3c2e]{position:absolute;width:100%;height:100%;top:0;left:0}.container .dv-border-svg-container>polyline[data-scoped-639f3c2e]{fill:none;stroke-width:1}.container .border-box-content[data-scoped-639f3c2e],.container[data-scoped-9a8985f2]{position:relative;width:100%;height:100%}.container .dv-border-svg-container[data-scoped-9a8985f2]{position:absolute;width:100%;height:100%;top:0;left:0}.container .border-box-content[data-scoped-9a8985f2],.container[data-scoped-9f1d0629]{position:relative;width:100%;height:100%}.container .dv-border-svg-container[data-scoped-9f1d0629]{position:absolute;width:100%;height:100%;top:0;left:0}.container .border-box-content[data-scoped-9f1d0629]{position:relative;width:100%;height:100%}.container[data-scoped-5d2cdceb]{width:100%;height:100%}.container svg[data-scoped-5d2cdceb]{transform-origin:left top}.container[data-scoped-2ceeebd3]{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.container[data-scoped-e4dd1f59]{width:100%;height:100%}.container svg[data-scoped-e4dd1f59]{transform-origin:left top}.container[data-scoped-820e3df4]{position:relative;width:100%;height:100%}.container .container-bar[data-scoped-820e3df4]{display:flex;overflow:hidden;position:absolute;flex:1}.container .normal[data-scoped-820e3df4]{animation:ani-height-820e3df4 ease-in-out infinite;left:50%;margin-left:-2px}.container .reverse[data-scoped-820e3df4]{animation:ani-width-820e3df4 ease-in-out infinite;top:50%;margin-top:-2px}@keyframes ani-height-820e3df4{0%{height:0%}70%{height:100%}to{height:100%}}@keyframes ani-width-820e3df4{0%{width:0%}70%{width:100%}to{width:100%}}.container[data-scoped-165a82cd],.container[data-scoped-2a7c89dd]{width:100%;height:100%}.container svg[data-scoped-2a7c89dd]{transform-origin:left top}.container[data-scoped-6a75cfee]{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.container[data-scoped-597abf05]{display:flex;width:100%;height:100%}.container[data-scoped-ed9a8703]{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.container svg[data-scoped-ed9a8703]{position:absolute;left:0;top:0;transform-origin:left top}.contianer[data-scoped-72693e04]{width:100%;height:100%;display:flex}.container[data-scoped-be570701]{position:relative;width:100%;height:100%;display:flex}.container .decoration-content[data-scoped-be570701]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.container[data-scoped-b78c6be8]{position:relative;width:100%;height:100%;display:flex}.container .decoration-content[data-scoped-b78c6be8]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
|