@joker.front/datav 1.0.2 → 1.0.4

package/dist_lowcode/index.lowcode.mjs

@@ -80,10 +80,8 @@ class s extends window[Symbol.for("JOKER")].Component {
     t(this, "resize");
     t(this, "domObserver");
     this.model.width = 0, this.model.height = 0, this.$on("mounted", () => {
-      this.$updatedRender(() => {
-        var i;
-        this.container = this.$rootVNode.first((r) => r instanceof window[Symbol.for("JOKER")].VNode.Element).output, this.container && (this.initSize(), (i = this.resize) == null || i.call(this), this.bindDomResizeCallback());
-      });
+      var i;
+      this.container = this.$rootVNode.first((r) => r instanceof window[Symbol.for("JOKER")].VNode.Element).output, this.container && (this.initSize(), (i = this.resize) == null || i.call(this), this.bindDomResizeCallback());
     }), this.$on("beforeDestroy", () => {
       this.unbindDomResizeCallback();
     });
@@ -93,22 +91,26 @@ class s extends window[Symbol.for("JOKER")].Component {
     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 = Ce(this.container, this.debounceInitWHFun), window.addEventListener("resize", this.debounceInitWHFun));
+    this.container && (this.domObserver = Se(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) {
+    if (o.startsWith("rgba"))
+      return o;
     o = o.replace("#", "");
     let r = parseInt(o.substring(0, 2), 16), n = parseInt(o.substring(2, 4), 16), d = parseInt(o.substring(4, 6), 16);
+    if (isNaN(r))
+      debugger;
     return `rgba(${r},${n},${d},${i / 100})`;
   }
 }
-function Ce(e, l) {
+function Se(e, l) {
   let o = new MutationObserver(l);
   return o.observe(e, { attributes: !0, attributeFilter: ["style"], attributeOldValue: !0 }), o;
 }
-class Se extends s {
+class Ce extends s {
   constructor() {
     super(...arguments);
     t(this, "propsOption", {
@@ -121,10 +123,10 @@ class Se extends s {
 let ve = { 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", "")])])];
 } }, ke = {
-  component: Se
+  component: Ce
 };
-var R, C;
-let Oe = class extends (C = ke.component, R = window[Symbol.for("JOKER")].SCOPE_ID, C) {
+var R, S;
+let Oe = class extends (S = ke.component, R = window[Symbol.for("JOKER")].SCOPE_ID, S) {
   constructor() {
     super(...arguments);
     t(this, R, "2b4d949b");
@@ -145,11 +147,11 @@ let Le = { render: function(e) {
 } }, Pe = {
   component: Ie
 };
-var S, v;
-let xe = class extends (v = Pe.component, S = window[Symbol.for("JOKER")].SCOPE_ID, v) {
+var C, v;
+let xe = class extends (v = Pe.component, C = window[Symbol.for("JOKER")].SCOPE_ID, v) {
   constructor() {
     super(...arguments);
-    t(this, S, "3b9d3fa6");
+    t(this, C, "3b9d3fa6");
     t(this, "template", Le.render);
   }
 };
@@ -456,17 +458,17 @@ class Rt extends s {
     this.model.svgScale = [this.model.width / o, this.model.height / i];
   }
 }
-let Ct = { render: function(e) {
+let St = { 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" }, [])])])])])];
-} }, St = {
+} }, Ct = {
   component: Rt
 };
 var j, Q;
-let vt = class extends (Q = St.component, j = window[Symbol.for("JOKER")].SCOPE_ID, Q) {
+let vt = class extends (Q = Ct.component, j = window[Symbol.for("JOKER")].SCOPE_ID, Q) {
   constructor() {
     super(...arguments);
     t(this, j, "5d2cdceb");
-    t(this, "template", Ct.render);
+    t(this, "template", St.render);
   }
 };
 class kt extends s {
@@ -633,7 +635,7 @@ var oe, le;
 let Wt = class extends (le = Ft.component, oe = window[Symbol.for("JOKER")].SCOPE_ID, le) {
   constructor() {
     super(...arguments);
-    t(this, oe, "165a82cd");
+    t(this, oe, "919d71b1");
     t(this, "template", Kt.render);
   }
 };
@@ -662,12 +664,15 @@ class Ht extends s {
     });
   }
   calcPointsPosition() {
-    let { svgWH: o, rowNum: i, rowPoints: r } = this, [n, d] = o, h = n / (r + 1), a = d / (i + 1), c = new Array(i).fill(0).map(
-      (m, E) => new Array(r).fill(0).map((w, _) => [h * (_ + 1), a * (E + 1)])
-    );
-    this.model.points = c.reduce((m, E) => [...m, ...E], []);
-    let g = this.model.heights = new Array(i * r).fill(0).map((m) => Math.random() > 0.8 ? b(0.7 * d, d) : b(0.2 * d, 0.5 * d));
-    this.model.minHeights = new Array(i * r).fill(0).map((m, E) => g[E] * Math.random()), this.model.randoms = new Array(i * r).fill(0).map((m) => Math.random() + 1.5);
+    let { svgWH: o, rowNum: i, rowPoints: r } = this, [n, d] = o, h = n / (r + 1), a = d / (i + 1);
+    window[Symbol.for("JOKER")].combinedReply(() => {
+      let c = new Array(i).fill(0).map(
+        (m, E) => new Array(r).fill(0).map((w, _) => [h * (_ + 1), a * (E + 1)])
+      );
+      this.model.points = c.reduce((m, E) => [...m, ...E], []);
+      let g = this.model.heights = new Array(i * r).fill(0).map((m) => Math.random() > 0.8 ? b(0.7 * d, d) : b(0.2 * d, 0.5 * d));
+      this.model.minHeights = new Array(i * r).fill(0).map((m, E) => g[E] * Math.random()), this.model.randoms = new Array(i * r).fill(0).map((m) => Math.random() + 1.5);
+    });
   }
   calcScale() {
     let [o, i] = this.svgWH;
@@ -683,7 +688,7 @@ var ie, re;
 let Gt = class extends (re = Bt.component, ie = window[Symbol.for("JOKER")].SCOPE_ID, re) {
   constructor() {
     super(...arguments);
-    t(this, ie, "2a7c89dd");
+    t(this, ie, "b2dd06a3");
     t(this, "template", zt.render);
   }
 };

package/dist_lowcode/index.lowcode.umd.js

@@ -1,2 +1,2 @@
-(function(d){typeof define=="function"&&define.amd?define(d):d()})(function(){"use strict";var fo=Object.defineProperty;var Eo=(d,E,w)=>E in d?fo(d,E,{enumerable:!0,configurable:!0,writable:!0,value:w}):d[E]=w;var t=(d,E,w)=>Eo(d,typeof E!="symbol"?E+"":E,w);var R,C,S,x,O,I,L,P,A,T,N,$,D,M,J,K,F,j,H,W,z,X,B,G,U,Q,V,Y,q,Z,ee,te,oe,ie,re,le,de,ne,se,ae,ce,pe,me,he,ge,fe,Ee,we,be,_e;function d(e=32){let r=[],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 l=Math.round(Math.random()*(o.length-1));r.push(o[l])}return r.join("")}function E(e,r="-"){return e=e||"",e.split(/(?=[A-Z])/).map(i=>i.toLowerCase()).join(r)}function w(e,r,o={}){let i,l=!1,n=0,s=()=>{i&&clearTimeout(i)},h=m=>{s(),l=!m};function c(...m){let g=Date.now()-n;if(l)return;let p=()=>{n=Date.now(),r.apply(c,m)};function f(){i=void 0}!o.noLeading&&o.debounceMode&&!i&&p(),s(),o.debounceMode===void 0&&g>e?o.noLeading?(n=Date.now(),o.noTrailing||(i=setTimeout(o.debounceMode?f:p,e))):p():o.noTrailing!==!0&&(i=setTimeout(o.debounceMode?f:p,o.debounceMode===void 0?e-g:e))}return c.cancel=h,c}function ue(e,r,o=!1){return w(e,r,{debounceMode:o!==!1})}class a extends window[Symbol.for("JOKER")].Component{constructor(...o){super(...o);t(this,"container");t(this,"debounceInitWHFun",ue(100,this.initSize.bind(this)));t(this,"resize");t(this,"domObserver");this.model.width=0,this.model.height=0,this.$on("mounted",()=>{this.$updatedRender(()=>{var i;this.container=this.$rootVNode.first(l=>l instanceof window[Symbol.for("JOKER")].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=ve(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 l=parseInt(o.substring(0,2),16),n=parseInt(o.substring(2,4),16),s=parseInt(o.substring(4,6),16);return`rgba(${l},${n},${s},${i/100})`}}function ve(e,r){let o=new MutationObserver(r);return o.observe(e,{attributes:!0,attributeFilter:["style"],attributeOldValue:!0}),o}class ke extends a{constructor(){super(...arguments);t(this,"propsOption",{colors:["#4fd2dd","#235fa7"],backgroundColor:"transparent"});t(this,"border",["left-top","right-top","left-bottom","right-bottom"])}}let ye={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:ke},Ce=class extends(C=Re.component,R=window[Symbol.for("JOKER")].SCOPE_ID,C){constructor(){super(...arguments);t(this,R,"2b4d949b");t(this,"template",ye.render)}};class Se extends a{constructor(){super(...arguments);t(this,"propsOption",{colors:["#fff","rgba(255, 255, 255, 0.6)"],backgroundColor:"transparent"})}}let xe={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","")])])]}},Oe={component:Se},Ie=class extends(x=Oe.component,S=window[Symbol.for("JOKER")].SCOPE_ID,x){constructor(){super(...arguments);t(this,S,"3b9d3fa6");t(this,"template",xe.render)}};class Le extends a{constructor(){super(...arguments);t(this,"propsOption",{colors:["#2862b7","#2862b7"],backgroundColor:"transparent"})}}let Pe={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","")])])]}},Ae={component:Le},Te=class extends(I=Ae.component,O=window[Symbol.for("JOKER")].SCOPE_ID,I){constructor(){super(...arguments);t(this,O,"113d37b6");t(this,"template",Pe.render)}};class Ne extends a{constructor(){super(...arguments);t(this,"propsOption",{colors:["red","rgba(0,0,255,0.8)"],backgroundColor:"transparent"})}}let $e={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","")])])]}},De={component:Ne},Me=class extends(P=De.component,L=window[Symbol.for("JOKER")].SCOPE_ID,P){constructor(){super(...arguments);t(this,L,"237a53e4");t(this,"template",$e.render)}};class Je extends a{constructor(){super(...arguments);t(this,"propsOption",{colors:["rgba(255, 255, 255, 0.35)","rgba(255, 255, 255, 0.20)"],backgroundColor:"transparent"})}}let Ke={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","")])])]}},Fe={component:Je},je=class extends(T=Fe.component,A=window[Symbol.for("JOKER")].SCOPE_ID,T){constructor(){super(...arguments);t(this,A,"6fd7b4d4");t(this,"template",Ke.render)}};class He extends a{constructor(){super(...arguments);t(this,"propsOption",{colors:["rgba(255, 255, 255, 0.35)","gray"],backgroundColor:"transparent"})}}let We={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","")])])]}},ze={component:He},Xe=class extends($=ze.component,N=window[Symbol.for("JOKER")].SCOPE_ID,$){constructor(){super(...arguments);t(this,N,"ebdf6a26");t(this,"template",We.render)}};class Be extends a{constructor(){super(...arguments);t(this,"propsOption",{colors:["rgba(128,128,128,0.3)","rgba(128,128,128,0.5)"],backgroundColor:"transparent"})}}let Ge={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","")])])]}},Ue={component:Be},Qe=class extends(M=Ue.component,D=window[Symbol.for("JOKER")].SCOPE_ID,M){constructor(){super(...arguments);t(this,D,"44fa29fb");t(this,"template",Ge.render)}};class Ve extends a{constructor(){super(...arguments);t(this,"path",`border-box-8-path-${d()}`);t(this,"gradient",`border-box-8-gradient-${d()}`);t(this,"mask",`border-box-8-mask-${d()}`);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 Ye={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","")])])]}},qe={component:Ve},Ze=class extends(K=qe.component,J=window[Symbol.for("JOKER")].SCOPE_ID,K){constructor(){super(...arguments);t(this,J,"df10b11e");t(this,"template",Ye.render)}};class et extends a{constructor(){super(...arguments);t(this,"gradient",`border-box-9-gradient-${d()}`);t(this,"mask",`border-box-9-mask-${d()}`);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 tt={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","")])])]}},ot={component:et},it=class extends(j=ot.component,F=window[Symbol.for("JOKER")].SCOPE_ID,j){constructor(){super(...arguments);t(this,F,"e4c62a5f");t(this,"template",tt.render)}};class rt extends a{constructor(){super(...arguments);t(this,"propsOption",{colors:["#1d48c4","#d3e1f8"],backgroundColor:"transparent"});t(this,"border",["left-top","right-top","left-bottom","right-bottom"])}}let lt={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","")])])]}},dt={component:rt},nt=class extends(W=dt.component,H=window[Symbol.for("JOKER")].SCOPE_ID,W){constructor(){super(...arguments);t(this,H,"c1b255d6");t(this,"template",lt.render)}};class st extends a{constructor(){super(...arguments);t(this,"propsOption",{colors:["#8aaafb","#1f33a2"],backgroundColor:"transparent",titleWidth:250,title:""});t(this,"filterId",`border-box-11-filterId-${d()}`)}}let at={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","")])])]}},ct={component:st},pt=class extends(X=ct.component,z=window[Symbol.for("JOKER")].SCOPE_ID,X){constructor(){super(...arguments);t(this,z,"639f3c2e");t(this,"template",at.render)}};class mt extends a{constructor(){super(...arguments);t(this,"propsOption",{colors:["#2e6099","#7ce7fd"],backgroundColor:"transparent"});t(this,"filterId",`borderr-box-12-filterId-${d()}`)}}let ht={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",{},[])])])]}},gt={component:mt},ft=class extends(G=gt.component,B=window[Symbol.for("JOKER")].SCOPE_ID,G){constructor(){super(...arguments);t(this,B,"9a8985f2");t(this,"template",ht.render)}};class Et extends a{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","")])])]}},bt={component:Et},_t=class extends(Q=bt.component,U=window[Symbol.for("JOKER")].SCOPE_ID,Q){constructor(){super(...arguments);t(this,U,"9f1d0629");t(this,"template",wt.render)}};class ut extends a{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:l}=this,[n,s]=o,h=n/(l+1),c=s/(i+1),m=new Array(i).fill(0).map((g,p)=>new Array(l).fill(0).map((f,_)=>[h*(_+1),c*(p+1)]));this.model.points=m.reduce((g,p)=>[...g,...p],[])}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 vt={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"},[])])])])])]}},kt={component:ut},yt=class extends(Y=kt.component,V=window[Symbol.for("JOKER")].SCOPE_ID,Y){constructor(){super(...arguments);t(this,V,"5d2cdceb");t(this,"template",vt.render)}};class Rt extends a{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 Ct={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"},[])])])])]}},St={component:Rt},xt=class extends(Z=St.component,q=window[Symbol.for("JOKER")].SCOPE_ID,Z){constructor(){super(...arguments);t(this,q,"2ceeebd3");t(this,"template",Ct.render)}};class Ot extends a{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:l}=this,[n,s]=o,h=n/(l+1),c=s/(i+1),m=new Array(i).fill(0).map((g,p)=>new Array(l).fill(0).map((f,_)=>[h*(_+1),c*(p+1)]));this.model.points=m.reduce((g,p)=>[...g,...p],[])}calcScale(){let[o,i]=this.svgWH;this.model.svgScale=[this.model.width/o,this.model.height/i]}}let It={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"},[])])])])])]}},Lt={component:Ot},Pt=class extends(te=Lt.component,ee=window[Symbol.for("JOKER")].SCOPE_ID,te){constructor(){super(...arguments);t(this,ee,"e4dd1f59");t(this,"template",It.render)}};class At extends a{constructor(){super(...arguments);t(this,"propsOption",{colors:["rgba(255, 255, 255, 0.3)","rgba(255, 255, 255, 0.3)"],dur:3})}}let Tt={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}`)"},[])])])])]}},Nt={component:At},$t=class extends(ie=Nt.component,oe=window[Symbol.for("JOKER")].SCOPE_ID,ie){constructor(){super(...arguments);t(this,oe,"820e3df4");t(this,"template",Tt.render)}};function v(e){let r=0;for(let o=1;o<e.length;o++){let i=e[o-1],l=e[o],n=l[0]-i[0],s=l[1]-i[1];r+=Math.sqrt(n*n+s*s)}return r}function k(e,r){return arguments.length===1?parseInt((Math.random()*e+1).toString(),10):parseInt((Math.random()*(r-e+1)+e).toString(),10)}function b(e,r,o,i){return[e+Math.cos(i)*o,r+Math.sin(i)*o]}class Dt extends a{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,l=[[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]],n=[[o*.3,i*.8],[o*.7,i*.8]],s=v(l),h=v(n);this.model.line1Points=l.map(c=>c.join(",")).join(" "),this.model.line2Points=n.map(c=>c.join(",")).join(" "),this.model.line1Length=s,this.model.line2Length=h}}let Mt={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:Dt},Kt=class extends(le=Jt.component,re=window[Symbol.for("JOKER")].SCOPE_ID,le){constructor(){super(...arguments);t(this,re,"165a82cd");t(this,"template",Mt.render)}};class Ft extends a{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:l}=this,[n,s]=o,h=n/(l+1),c=s/(i+1),m=new Array(i).fill(0).map((p,f)=>new Array(l).fill(0).map((_,u)=>[h*(u+1),c*(f+1)]));this.model.points=m.reduce((p,f)=>[...p,...f],[]);let g=this.model.heights=new Array(i*l).fill(0).map(p=>Math.random()>.8?k(.7*s,s):k(.2*s,.5*s));this.model.minHeights=new Array(i*l).fill(0).map((p,f)=>g[f]*Math.random()),this.model.randoms=new Array(i*l).fill(0).map(p=>Math.random()+1.5)}calcScale(){let[o,i]=this.svgWH;this.model.svgScale=[this.model.width/o,this.model.height/i]}}let jt={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"},[])])])])])]}},Ht={component:Ft},Wt=class extends(ne=Ht.component,de=window[Symbol.for("JOKER")].SCOPE_ID,ne){constructor(){super(...arguments);t(this,de,"2a7c89dd");t(this,"template",jt.render)}};class zt extends a{constructor(){super(...arguments);t(this,"propsOption",{colors:["#1dc1f5","#1dc1f5"]})}}let Xt={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"},[])])])]}},Bt={component:zt},Gt=class extends(ae=Bt.component,se=window[Symbol.for("JOKER")].SCOPE_ID,ae){constructor(){super(...arguments);t(this,se,"6a75cfee");t(this,"template",Xt.render)}};class Ut extends a{constructor(){super(...arguments);t(this,"propsOption",{colors:["#3f96a5","#3f96a5"]})}xPos(o){return this.props.reverse?this.model.width-o:o}}let Qt={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)"},[])])])]}},Vt={component:Ut},Yt=class extends(pe=Vt.component,ce=window[Symbol.for("JOKER")].SCOPE_ID,pe){constructor(){super(...arguments);t(this,ce,"597abf05");t(this,"template",Qt.render)}};class qt extends a{constructor(){super(...arguments);t(this,"model",{width:0,height:0,svgScale:[1,1]});t(this,"polygonId",`decoration-9-polygon-${d()}`);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 Zt={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","")])]}},eo={component:qt},to=class extends(he=eo.component,me=window[Symbol.for("JOKER")].SCOPE_ID,he){constructor(){super(...arguments);t(this,me,"ed9a8703");t(this,"template",Zt.render)}};class oo extends a{constructor(){super(...arguments);t(this,"animationId1",`d10ani1${d()}`);t(this,"animationId2",`d10ani2${d()}`);t(this,"animationId3",`d10ani3${d()}`);t(this,"animationId4",`d10ani4${d()}`);t(this,"animationId5",`d10ani5${d()}`);t(this,"animationId6",`d10ani6${d()}`);t(this,"animationId7",`d10ani7${d()}`);t(this,"propsOption",{colors:["#00c2ff","rgba(0, 194, 255, 0.3)"]})}}let io={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:oo},lo=class extends(fe=ro.component,ge=window[Symbol.for("JOKER")].SCOPE_ID,fe){constructor(){super(...arguments);t(this,ge,"72693e04");t(this,"template",io.render)}};class no extends a{constructor(){super(...arguments);t(this,"propsOption",{colors:["#1a98fc","#2cf7fe"]})}}let so={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","")])])]}},ao={component:no},co=class extends(we=ao.component,Ee=window[Symbol.for("JOKER")].SCOPE_ID,we){constructor(){super(...arguments);t(this,Ee,"be570701");t(this,"template",so.render)}};class po extends a{constructor(){super(...arguments);t(this,"gId",`decoration-12-g-${d()}`);t(this,"gradientId",`decoration-12-gradient-${d()}`);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:l,sectorAngle:n}=this,s=-Math.PI/2,h=n/l,c=this.model.width/4,m=b(o,i,c,s);this.model.pathD=new Array(l).fill("").map((g,p)=>{let f=b(o,i,c,s-(p+1)*h).map(u=>u.toFixed(5)),_=`M${m.join(",")} A${c}, ${c} 0 0 0 ${f.join(",")}`;return m=f.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,l)=>this.fade(this.props.colors[0],100-l*o))}calcCircleR(){let{ringNum:o,ringWidth:i}=this,l=(this.model.width/2-i/2)/o;this.model.circleR=new Array(o).fill(0).map((n,s)=>l*(s+1))}calcSplitLinePoints(){let{x:o,y:i}=this,l=Math.PI/6,n=this.model.width/2;this.model.splitLinePoints=new Array(6).fill("").map((s,h)=>{const c=l*(h+1),m=c+Math.PI,g=b(o,i,n,c),p=b(o,i,n,m);return`${g.join(",")} ${p.join(",")}`})}calcArcD(){let{x:o,y:i}=this,l=Math.PI/6,n=this.model.width/2-1;this.model.arcD=new Array(4).fill("").map((s,h)=>{let c=l*(3*h+1),m=c+l,g=b(o,i,n,c),p=b(o,i,n,m);return`M${g.join(",")} A${o}, ${i} 0 0 1 ${p.join(",")}`})}}let mo={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","")])])]}},ho={component:po},go=class extends(_e=ho.component,be=window[Symbol.for("JOKER")].SCOPE_ID,_e){constructor(){super(...arguments);t(this,be,"b78c6be8");t(this,"template",mo.render)}},y={BorderBox1:Ce,BorderBox2:Ie,BorderBox3:Te,BorderBox4:Me,BorderBox5:je,BorderBox6:Xe,BorderBox7:Qe,BorderBox8:Ze,BorderBox9:it,BorderBox10:nt,BorderBox11:pt,BorderBox12:ft,BorderBox13:_t,Decoration1:yt,Decoration2:xt,Decoration3:Pt,Decoration4:$t,Decoration5:Kt,Decoration6:Wt,Decoration7:Gt,Decoration8:Yt,Decoration9:to,Decoration10:lo,Decoration11:co,Decoration12:go};for(let e in y){let r=`dv-${E(e)}`;window[Symbol.for("JOKER")].registerGlobalComponent({[r]: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}
+(function(d){typeof define=="function"&&define.amd?define(d):d()})(function(){"use strict";var fo=Object.defineProperty;var Eo=(d,E,w)=>E in d?fo(d,E,{enumerable:!0,configurable:!0,writable:!0,value:w}):d[E]=w;var t=(d,E,w)=>Eo(d,typeof E!="symbol"?E+"":E,w);var R,S,C,x,O,I,L,P,A,T,N,$,D,M,J,K,F,j,H,W,z,X,B,G,U,Q,V,Y,q,Z,ee,te,oe,ie,re,le,de,ne,se,ae,ce,pe,me,he,ge,fe,Ee,we,be,_e;function d(e=32){let r=[],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 l=Math.round(Math.random()*(o.length-1));r.push(o[l])}return r.join("")}function E(e,r="-"){return e=e||"",e.split(/(?=[A-Z])/).map(i=>i.toLowerCase()).join(r)}function w(e,r,o={}){let i,l=!1,n=0,s=()=>{i&&clearTimeout(i)},h=m=>{s(),l=!m};function c(...m){let g=Date.now()-n;if(l)return;let p=()=>{n=Date.now(),r.apply(c,m)};function f(){i=void 0}!o.noLeading&&o.debounceMode&&!i&&p(),s(),o.debounceMode===void 0&&g>e?o.noLeading?(n=Date.now(),o.noTrailing||(i=setTimeout(o.debounceMode?f:p,e))):p():o.noTrailing!==!0&&(i=setTimeout(o.debounceMode?f:p,o.debounceMode===void 0?e-g:e))}return c.cancel=h,c}function ue(e,r,o=!1){return w(e,r,{debounceMode:o!==!1})}class a extends window[Symbol.for("JOKER")].Component{constructor(...o){super(...o);t(this,"container");t(this,"debounceInitWHFun",ue(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(l=>l instanceof window[Symbol.for("JOKER")].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=ve(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){if(o.startsWith("rgba"))return o;o=o.replace("#","");let l=parseInt(o.substring(0,2),16),n=parseInt(o.substring(2,4),16),s=parseInt(o.substring(4,6),16);if(isNaN(l))debugger;return`rgba(${l},${n},${s},${i/100})`}}function ve(e,r){let o=new MutationObserver(r);return o.observe(e,{attributes:!0,attributeFilter:["style"],attributeOldValue:!0}),o}class ke extends a{constructor(){super(...arguments);t(this,"propsOption",{colors:["#4fd2dd","#235fa7"],backgroundColor:"transparent"});t(this,"border",["left-top","right-top","left-bottom","right-bottom"])}}let ye={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:ke},Se=class extends(S=Re.component,R=window[Symbol.for("JOKER")].SCOPE_ID,S){constructor(){super(...arguments);t(this,R,"2b4d949b");t(this,"template",ye.render)}};class Ce extends a{constructor(){super(...arguments);t(this,"propsOption",{colors:["#fff","rgba(255, 255, 255, 0.6)"],backgroundColor:"transparent"})}}let xe={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","")])])]}},Oe={component:Ce},Ie=class extends(x=Oe.component,C=window[Symbol.for("JOKER")].SCOPE_ID,x){constructor(){super(...arguments);t(this,C,"3b9d3fa6");t(this,"template",xe.render)}};class Le extends a{constructor(){super(...arguments);t(this,"propsOption",{colors:["#2862b7","#2862b7"],backgroundColor:"transparent"})}}let Pe={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","")])])]}},Ae={component:Le},Te=class extends(I=Ae.component,O=window[Symbol.for("JOKER")].SCOPE_ID,I){constructor(){super(...arguments);t(this,O,"113d37b6");t(this,"template",Pe.render)}};class Ne extends a{constructor(){super(...arguments);t(this,"propsOption",{colors:["red","rgba(0,0,255,0.8)"],backgroundColor:"transparent"})}}let $e={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","")])])]}},De={component:Ne},Me=class extends(P=De.component,L=window[Symbol.for("JOKER")].SCOPE_ID,P){constructor(){super(...arguments);t(this,L,"237a53e4");t(this,"template",$e.render)}};class Je extends a{constructor(){super(...arguments);t(this,"propsOption",{colors:["rgba(255, 255, 255, 0.35)","rgba(255, 255, 255, 0.20)"],backgroundColor:"transparent"})}}let Ke={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","")])])]}},Fe={component:Je},je=class extends(T=Fe.component,A=window[Symbol.for("JOKER")].SCOPE_ID,T){constructor(){super(...arguments);t(this,A,"6fd7b4d4");t(this,"template",Ke.render)}};class He extends a{constructor(){super(...arguments);t(this,"propsOption",{colors:["rgba(255, 255, 255, 0.35)","gray"],backgroundColor:"transparent"})}}let We={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","")])])]}},ze={component:He},Xe=class extends($=ze.component,N=window[Symbol.for("JOKER")].SCOPE_ID,$){constructor(){super(...arguments);t(this,N,"ebdf6a26");t(this,"template",We.render)}};class Be extends a{constructor(){super(...arguments);t(this,"propsOption",{colors:["rgba(128,128,128,0.3)","rgba(128,128,128,0.5)"],backgroundColor:"transparent"})}}let Ge={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","")])])]}},Ue={component:Be},Qe=class extends(M=Ue.component,D=window[Symbol.for("JOKER")].SCOPE_ID,M){constructor(){super(...arguments);t(this,D,"44fa29fb");t(this,"template",Ge.render)}};class Ve extends a{constructor(){super(...arguments);t(this,"path",`border-box-8-path-${d()}`);t(this,"gradient",`border-box-8-gradient-${d()}`);t(this,"mask",`border-box-8-mask-${d()}`);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 Ye={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","")])])]}},qe={component:Ve},Ze=class extends(K=qe.component,J=window[Symbol.for("JOKER")].SCOPE_ID,K){constructor(){super(...arguments);t(this,J,"df10b11e");t(this,"template",Ye.render)}};class et extends a{constructor(){super(...arguments);t(this,"gradient",`border-box-9-gradient-${d()}`);t(this,"mask",`border-box-9-mask-${d()}`);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 tt={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","")])])]}},ot={component:et},it=class extends(j=ot.component,F=window[Symbol.for("JOKER")].SCOPE_ID,j){constructor(){super(...arguments);t(this,F,"e4c62a5f");t(this,"template",tt.render)}};class rt extends a{constructor(){super(...arguments);t(this,"propsOption",{colors:["#1d48c4","#d3e1f8"],backgroundColor:"transparent"});t(this,"border",["left-top","right-top","left-bottom","right-bottom"])}}let lt={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","")])])]}},dt={component:rt},nt=class extends(W=dt.component,H=window[Symbol.for("JOKER")].SCOPE_ID,W){constructor(){super(...arguments);t(this,H,"c1b255d6");t(this,"template",lt.render)}};class st extends a{constructor(){super(...arguments);t(this,"propsOption",{colors:["#8aaafb","#1f33a2"],backgroundColor:"transparent",titleWidth:250,title:""});t(this,"filterId",`border-box-11-filterId-${d()}`)}}let at={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","")])])]}},ct={component:st},pt=class extends(X=ct.component,z=window[Symbol.for("JOKER")].SCOPE_ID,X){constructor(){super(...arguments);t(this,z,"639f3c2e");t(this,"template",at.render)}};class mt extends a{constructor(){super(...arguments);t(this,"propsOption",{colors:["#2e6099","#7ce7fd"],backgroundColor:"transparent"});t(this,"filterId",`borderr-box-12-filterId-${d()}`)}}let ht={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",{},[])])])]}},gt={component:mt},ft=class extends(G=gt.component,B=window[Symbol.for("JOKER")].SCOPE_ID,G){constructor(){super(...arguments);t(this,B,"9a8985f2");t(this,"template",ht.render)}};class Et extends a{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","")])])]}},bt={component:Et},_t=class extends(Q=bt.component,U=window[Symbol.for("JOKER")].SCOPE_ID,Q){constructor(){super(...arguments);t(this,U,"9f1d0629");t(this,"template",wt.render)}};class ut extends a{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:l}=this,[n,s]=o,h=n/(l+1),c=s/(i+1),m=new Array(i).fill(0).map((g,p)=>new Array(l).fill(0).map((f,_)=>[h*(_+1),c*(p+1)]));this.model.points=m.reduce((g,p)=>[...g,...p],[])}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 vt={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"},[])])])])])]}},kt={component:ut},yt=class extends(Y=kt.component,V=window[Symbol.for("JOKER")].SCOPE_ID,Y){constructor(){super(...arguments);t(this,V,"5d2cdceb");t(this,"template",vt.render)}};class Rt extends a{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"},[])])])])]}},Ct={component:Rt},xt=class extends(Z=Ct.component,q=window[Symbol.for("JOKER")].SCOPE_ID,Z){constructor(){super(...arguments);t(this,q,"2ceeebd3");t(this,"template",St.render)}};class Ot extends a{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:l}=this,[n,s]=o,h=n/(l+1),c=s/(i+1),m=new Array(i).fill(0).map((g,p)=>new Array(l).fill(0).map((f,_)=>[h*(_+1),c*(p+1)]));this.model.points=m.reduce((g,p)=>[...g,...p],[])}calcScale(){let[o,i]=this.svgWH;this.model.svgScale=[this.model.width/o,this.model.height/i]}}let It={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"},[])])])])])]}},Lt={component:Ot},Pt=class extends(te=Lt.component,ee=window[Symbol.for("JOKER")].SCOPE_ID,te){constructor(){super(...arguments);t(this,ee,"e4dd1f59");t(this,"template",It.render)}};class At extends a{constructor(){super(...arguments);t(this,"propsOption",{colors:["rgba(255, 255, 255, 0.3)","rgba(255, 255, 255, 0.3)"],dur:3})}}let Tt={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}`)"},[])])])])]}},Nt={component:At},$t=class extends(ie=Nt.component,oe=window[Symbol.for("JOKER")].SCOPE_ID,ie){constructor(){super(...arguments);t(this,oe,"820e3df4");t(this,"template",Tt.render)}};function v(e){let r=0;for(let o=1;o<e.length;o++){let i=e[o-1],l=e[o],n=l[0]-i[0],s=l[1]-i[1];r+=Math.sqrt(n*n+s*s)}return r}function k(e,r){return arguments.length===1?parseInt((Math.random()*e+1).toString(),10):parseInt((Math.random()*(r-e+1)+e).toString(),10)}function b(e,r,o,i){return[e+Math.cos(i)*o,r+Math.sin(i)*o]}class Dt extends a{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,l=[[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]],n=[[o*.3,i*.8],[o*.7,i*.8]],s=v(l),h=v(n);this.model.line1Points=l.map(c=>c.join(",")).join(" "),this.model.line2Points=n.map(c=>c.join(",")).join(" "),this.model.line1Length=s,this.model.line2Length=h}}let Mt={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:Dt},Kt=class extends(le=Jt.component,re=window[Symbol.for("JOKER")].SCOPE_ID,le){constructor(){super(...arguments);t(this,re,"919d71b1");t(this,"template",Mt.render)}};class Ft extends a{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:l}=this,[n,s]=o,h=n/(l+1),c=s/(i+1);window[Symbol.for("JOKER")].combinedReply(()=>{let m=new Array(i).fill(0).map((p,f)=>new Array(l).fill(0).map((_,u)=>[h*(u+1),c*(f+1)]));this.model.points=m.reduce((p,f)=>[...p,...f],[]);let g=this.model.heights=new Array(i*l).fill(0).map(p=>Math.random()>.8?k(.7*s,s):k(.2*s,.5*s));this.model.minHeights=new Array(i*l).fill(0).map((p,f)=>g[f]*Math.random()),this.model.randoms=new Array(i*l).fill(0).map(p=>Math.random()+1.5)})}calcScale(){let[o,i]=this.svgWH;this.model.svgScale=[this.model.width/o,this.model.height/i]}}let jt={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"},[])])])])])]}},Ht={component:Ft},Wt=class extends(ne=Ht.component,de=window[Symbol.for("JOKER")].SCOPE_ID,ne){constructor(){super(...arguments);t(this,de,"b2dd06a3");t(this,"template",jt.render)}};class zt extends a{constructor(){super(...arguments);t(this,"propsOption",{colors:["#1dc1f5","#1dc1f5"]})}}let Xt={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"},[])])])]}},Bt={component:zt},Gt=class extends(ae=Bt.component,se=window[Symbol.for("JOKER")].SCOPE_ID,ae){constructor(){super(...arguments);t(this,se,"6a75cfee");t(this,"template",Xt.render)}};class Ut extends a{constructor(){super(...arguments);t(this,"propsOption",{colors:["#3f96a5","#3f96a5"]})}xPos(o){return this.props.reverse?this.model.width-o:o}}let Qt={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)"},[])])])]}},Vt={component:Ut},Yt=class extends(pe=Vt.component,ce=window[Symbol.for("JOKER")].SCOPE_ID,pe){constructor(){super(...arguments);t(this,ce,"597abf05");t(this,"template",Qt.render)}};class qt extends a{constructor(){super(...arguments);t(this,"model",{width:0,height:0,svgScale:[1,1]});t(this,"polygonId",`decoration-9-polygon-${d()}`);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 Zt={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","")])]}},eo={component:qt},to=class extends(he=eo.component,me=window[Symbol.for("JOKER")].SCOPE_ID,he){constructor(){super(...arguments);t(this,me,"ed9a8703");t(this,"template",Zt.render)}};class oo extends a{constructor(){super(...arguments);t(this,"animationId1",`d10ani1${d()}`);t(this,"animationId2",`d10ani2${d()}`);t(this,"animationId3",`d10ani3${d()}`);t(this,"animationId4",`d10ani4${d()}`);t(this,"animationId5",`d10ani5${d()}`);t(this,"animationId6",`d10ani6${d()}`);t(this,"animationId7",`d10ani7${d()}`);t(this,"propsOption",{colors:["#00c2ff","rgba(0, 194, 255, 0.3)"]})}}let io={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:oo},lo=class extends(fe=ro.component,ge=window[Symbol.for("JOKER")].SCOPE_ID,fe){constructor(){super(...arguments);t(this,ge,"72693e04");t(this,"template",io.render)}};class no extends a{constructor(){super(...arguments);t(this,"propsOption",{colors:["#1a98fc","#2cf7fe"]})}}let so={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","")])])]}},ao={component:no},co=class extends(we=ao.component,Ee=window[Symbol.for("JOKER")].SCOPE_ID,we){constructor(){super(...arguments);t(this,Ee,"be570701");t(this,"template",so.render)}};class po extends a{constructor(){super(...arguments);t(this,"gId",`decoration-12-g-${d()}`);t(this,"gradientId",`decoration-12-gradient-${d()}`);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:l,sectorAngle:n}=this,s=-Math.PI/2,h=n/l,c=this.model.width/4,m=b(o,i,c,s);this.model.pathD=new Array(l).fill("").map((g,p)=>{let f=b(o,i,c,s-(p+1)*h).map(u=>u.toFixed(5)),_=`M${m.join(",")} A${c}, ${c} 0 0 0 ${f.join(",")}`;return m=f.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,l)=>this.fade(this.props.colors[0],100-l*o))}calcCircleR(){let{ringNum:o,ringWidth:i}=this,l=(this.model.width/2-i/2)/o;this.model.circleR=new Array(o).fill(0).map((n,s)=>l*(s+1))}calcSplitLinePoints(){let{x:o,y:i}=this,l=Math.PI/6,n=this.model.width/2;this.model.splitLinePoints=new Array(6).fill("").map((s,h)=>{const c=l*(h+1),m=c+Math.PI,g=b(o,i,n,c),p=b(o,i,n,m);return`${g.join(",")} ${p.join(",")}`})}calcArcD(){let{x:o,y:i}=this,l=Math.PI/6,n=this.model.width/2-1;this.model.arcD=new Array(4).fill("").map((s,h)=>{let c=l*(3*h+1),m=c+l,g=b(o,i,n,c),p=b(o,i,n,m);return`M${g.join(",")} A${o}, ${i} 0 0 1 ${p.join(",")}`})}}let mo={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","")])])]}},ho={component:po},go=class extends(_e=ho.component,be=window[Symbol.for("JOKER")].SCOPE_ID,_e){constructor(){super(...arguments);t(this,be,"b78c6be8");t(this,"template",mo.render)}},y={BorderBox1:Se,BorderBox2:Ie,BorderBox3:Te,BorderBox4:Me,BorderBox5:je,BorderBox6:Xe,BorderBox7:Qe,BorderBox8:Ze,BorderBox9:it,BorderBox10:nt,BorderBox11:pt,BorderBox12:ft,BorderBox13:_t,Decoration1:yt,Decoration2:xt,Decoration3:Pt,Decoration4:$t,Decoration5:Kt,Decoration6:Wt,Decoration7:Gt,Decoration8:Yt,Decoration9:to,Decoration10:lo,Decoration11:co,Decoration12:go};for(let e in y){let r=`dv-${E(e)}`;window[Symbol.for("JOKER")].registerGlobalComponent({[r]: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-919d71b1],.container[data-scoped-b2dd06a3]{width:100%;height:100%}.container svg[data-scoped-b2dd06a3]{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}
 `;documnet.head.appendChild(__joker_style__);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@joker.front/datav",
-    "version": "1.0.2",
+    "version": "1.0.4",
     "description": "Joker Large screen data display component library",
     "author": "Zohar",
     "license": "MIT",
@@ -31,21 +31,21 @@
         "README.md"
     ],
     "scripts": {
-        "demo": "joker --open=/examples/index.html",
+        "demo": "joker --open=/examples/",
         "build": "joker build --config=build.config.js --sourcemap=true",
         "build:prod": "joker build --config=build.config.js",
         "build:lowcode": "joker build --config=build.lowcode.config.js",
-        "build:demo": "npm run docs && joker build ./examples",
+        "build:demo": "npm run docs && joker build --config=joker.demo.build.config ./examples",
         "docs": "ts-node build/docs.ts",
         "release": "npm run build && joker_release_library",
         "release:prod": "npm run build:lowcode && npm run build:prod && npm publish --access public --registry https://registry.npmjs.org/"
     },
     "devDependencies": {
         "@joker.front/cli": "^1.1.136",
-        "@joker.front/core": "^1.3.34",
+        "@joker.front/core": "^1.3.57",
         "@joker.front/library-cli": "^1.2.13",
-        "@joker.front/router": "^1.0.32",
-        "@joker.front/shared": "^1.5.28",
+        "@joker.front/router": "^1.0.38",
+        "@joker.front/shared": "^1.5.30",
         "@types/markdown-it": "^12.2.3",
         "@typescript-eslint/eslint-plugin": "^5.58.0",
         "@typescript-eslint/parser": "^5.58.0",