@everymatrix/general-icon-progress-ring 1.74.10 → 1.75.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/{GeneralIconProgressRing-DcDCwpJ4.js → GeneralIconProgressRing-CjkHIIJ8.js} +51 -51
- package/components/GeneralIconProgressRing-DBcIRAqq.cjs +1 -0
- package/components/{GeneralIconProgressRing-DMA1GtR7.js → GeneralIconProgressRing-DT24LOVN.js} +106 -106
- package/es2015/general-icon-progress-ring.cjs +1 -1
- package/es2015/general-icon-progress-ring.js +1 -1
- package/esnext/general-icon-progress-ring.js +1 -1
- package/package.json +1 -1
- package/components/GeneralIconProgressRing-Cd9FP4qa.cjs +0 -1
package/components/{GeneralIconProgressRing-DcDCwpJ4.js → GeneralIconProgressRing-CjkHIIJ8.js}
RENAMED
|
@@ -70,7 +70,7 @@ function ct(e, t) {
|
|
|
70
70
|
t = "" + t, e.data !== t && (e.data = /** @type {string} */
|
|
71
71
|
t);
|
|
72
72
|
}
|
|
73
|
-
function
|
|
73
|
+
function lt(e) {
|
|
74
74
|
const t = {};
|
|
75
75
|
return e.childNodes.forEach(
|
|
76
76
|
/** @param {Element} node */
|
|
@@ -83,20 +83,20 @@ let W;
|
|
|
83
83
|
function k(e) {
|
|
84
84
|
W = e;
|
|
85
85
|
}
|
|
86
|
-
function
|
|
86
|
+
function ut() {
|
|
87
87
|
if (!W)
|
|
88
88
|
throw new Error("Function called outside component initialization");
|
|
89
89
|
return W;
|
|
90
90
|
}
|
|
91
|
-
function
|
|
92
|
-
|
|
91
|
+
function dt(e) {
|
|
92
|
+
ut().$$.on_mount.push(e);
|
|
93
93
|
}
|
|
94
94
|
const m = [], F = [];
|
|
95
95
|
let x = [];
|
|
96
|
-
const Z = [],
|
|
96
|
+
const Z = [], at = /* @__PURE__ */ Promise.resolve();
|
|
97
97
|
let I = !1;
|
|
98
98
|
function ft() {
|
|
99
|
-
I || (I = !0,
|
|
99
|
+
I || (I = !0, at.then(y));
|
|
100
100
|
}
|
|
101
101
|
function B(e) {
|
|
102
102
|
x.push(e);
|
|
@@ -157,8 +157,8 @@ function _t(e, t) {
|
|
|
157
157
|
function mt(e, t) {
|
|
158
158
|
e.$$.dirty[0] === -1 && (m.push(e), ft(), e.$$.dirty.fill(0)), e.$$.dirty[t / 31 | 0] |= 1 << t % 31;
|
|
159
159
|
}
|
|
160
|
-
function yt(e, t, r, i, n, s,
|
|
161
|
-
const
|
|
160
|
+
function yt(e, t, r, i, n, s, l = null, o = [-1]) {
|
|
161
|
+
const u = W;
|
|
162
162
|
k(e);
|
|
163
163
|
const c = e.$$ = {
|
|
164
164
|
fragment: null,
|
|
@@ -174,27 +174,27 @@ function yt(e, t, r, i, n, s, u = null, o = [-1]) {
|
|
|
174
174
|
on_disconnect: [],
|
|
175
175
|
before_update: [],
|
|
176
176
|
after_update: [],
|
|
177
|
-
context: new Map(t.context || (
|
|
177
|
+
context: new Map(t.context || (u ? u.$$.context : [])),
|
|
178
178
|
// everything else
|
|
179
179
|
callbacks: J(),
|
|
180
180
|
dirty: o,
|
|
181
181
|
skip_bound: !1,
|
|
182
|
-
root: t.target ||
|
|
182
|
+
root: t.target || u.$$.root
|
|
183
183
|
};
|
|
184
|
-
|
|
184
|
+
l && l(c.root);
|
|
185
185
|
let h = !1;
|
|
186
|
-
if (c.ctx = r(e, t.props || {}, (
|
|
186
|
+
if (c.ctx = r ? r(e, t.props || {}, (a, v, ...w) => {
|
|
187
187
|
const R = w.length ? w[0] : v;
|
|
188
|
-
return c.ctx && n(c.ctx[
|
|
189
|
-
}), c.update(), h = !0, O(c.before_update), c.fragment = i(c.ctx), t.target) {
|
|
188
|
+
return c.ctx && n(c.ctx[a], c.ctx[a] = R) && (!c.skip_bound && c.bound[a] && c.bound[a](R), h && mt(e, a)), v;
|
|
189
|
+
}) : [], c.update(), h = !0, O(c.before_update), c.fragment = i ? i(c.ctx) : !1, t.target) {
|
|
190
190
|
if (t.hydrate) {
|
|
191
|
-
const
|
|
192
|
-
c.fragment && c.fragment.l(
|
|
191
|
+
const a = ot(t.target);
|
|
192
|
+
c.fragment && c.fragment.l(a), a.forEach(D);
|
|
193
193
|
} else
|
|
194
194
|
c.fragment && c.fragment.c();
|
|
195
195
|
t.intro && pt(e.$$.fragment), bt(e, t.target, t.anchor), y();
|
|
196
196
|
}
|
|
197
|
-
k(
|
|
197
|
+
k(u);
|
|
198
198
|
}
|
|
199
199
|
let Q;
|
|
200
200
|
typeof HTMLElement == "function" && (Q = class extends HTMLElement {
|
|
@@ -245,18 +245,18 @@ typeof HTMLElement == "function" && (Q = class extends HTMLElement {
|
|
|
245
245
|
* @param {HTMLElement} target
|
|
246
246
|
* @param {HTMLElement} [anchor]
|
|
247
247
|
*/
|
|
248
|
-
m: function(
|
|
249
|
-
K(
|
|
248
|
+
m: function(u, c) {
|
|
249
|
+
K(u, s, c);
|
|
250
250
|
},
|
|
251
|
-
d: function(
|
|
252
|
-
|
|
251
|
+
d: function(u) {
|
|
252
|
+
u && D(s);
|
|
253
253
|
}
|
|
254
254
|
};
|
|
255
255
|
};
|
|
256
256
|
};
|
|
257
257
|
if (await Promise.resolve(), !this.$$cn || this.$$c)
|
|
258
258
|
return;
|
|
259
|
-
const t = {}, r =
|
|
259
|
+
const t = {}, r = lt(this);
|
|
260
260
|
for (const n of this.$$s)
|
|
261
261
|
n in r && (t[n] = [e(n)]);
|
|
262
262
|
for (const n of this.attributes) {
|
|
@@ -292,8 +292,8 @@ typeof HTMLElement == "function" && (Q = class extends HTMLElement {
|
|
|
292
292
|
this.$$c.$$.after_update.push(i), i();
|
|
293
293
|
for (const n in this.$$l)
|
|
294
294
|
for (const s of this.$$l[n]) {
|
|
295
|
-
const
|
|
296
|
-
this.$$l_u.set(s,
|
|
295
|
+
const l = this.$$c.$on(n, s);
|
|
296
|
+
this.$$l_u.set(s, l);
|
|
297
297
|
}
|
|
298
298
|
this.$$l = {};
|
|
299
299
|
}
|
|
@@ -344,7 +344,7 @@ function C(e, t, r, i) {
|
|
|
344
344
|
}
|
|
345
345
|
}
|
|
346
346
|
function xt(e, t, r, i, n, s) {
|
|
347
|
-
let
|
|
347
|
+
let l = class extends Q {
|
|
348
348
|
constructor() {
|
|
349
349
|
super(e, r, n), this.$$p_d = t;
|
|
350
350
|
}
|
|
@@ -355,22 +355,22 @@ function xt(e, t, r, i, n, s) {
|
|
|
355
355
|
}
|
|
356
356
|
};
|
|
357
357
|
return Object.keys(t).forEach((o) => {
|
|
358
|
-
Object.defineProperty(
|
|
358
|
+
Object.defineProperty(l.prototype, o, {
|
|
359
359
|
get() {
|
|
360
360
|
return this.$$c && o in this.$$c ? this.$$c[o] : this.$$d[o];
|
|
361
361
|
},
|
|
362
|
-
set(
|
|
363
|
-
|
|
362
|
+
set(u) {
|
|
363
|
+
u = C(o, u, t), this.$$d[o] = u, this.$$c?.$set({ [o]: u });
|
|
364
364
|
}
|
|
365
365
|
});
|
|
366
366
|
}), i.forEach((o) => {
|
|
367
|
-
Object.defineProperty(
|
|
367
|
+
Object.defineProperty(l.prototype, o, {
|
|
368
368
|
get() {
|
|
369
369
|
return this.$$c?.[o];
|
|
370
370
|
}
|
|
371
371
|
});
|
|
372
372
|
}), e.element = /** @type {any} */
|
|
373
|
-
|
|
373
|
+
l, l;
|
|
374
374
|
}
|
|
375
375
|
class vt {
|
|
376
376
|
/**
|
|
@@ -422,16 +422,16 @@ function Rt(e) {
|
|
|
422
422
|
rt(e, "svelte-1s0yc9b", '*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.general-icon-progress-ring{background:var(--emw--color-black, #000000);color:var(--emw--color-white, #FFFFFF)}.Progress{margin:auto;width:var(--progressRingWidth);height:var(--progressRingWidth);position:relative}.Progress .InnerSection{position:absolute;width:var(--innerSectionWidth);height:var(--innerSectionWidth);background-color:white;border-radius:50%;left:var(--innerSectionLeft, 1rem);top:var(--innerSectionLeft, 1rem);line-height:var(--innerSectionWidth);text-align:center}.Progress .InnerSection .Percent{background-color:var(--progresscolor);border-radius:50%;width:var(--percentSectionWidth);height:var(--percentSectionWidth);position:absolute;left:var(--percentSectionLeft, 0.1rem);top:var(--percentSectionLeft, 0.1rem)}.Left,.Right{width:var(--leftRotateSectionWidth);height:var(--progressRingWidth);overflow:hidden;position:relative;float:left;background-color:#F2F4F6}.Left{border-radius:0;border-top-left-radius:var(--progressRingWidth);border-bottom-left-radius:var(--progressRingWidth)}.Right{border-radius:0;border-top-right-radius:var(--progressRingWidth);border-bottom-right-radius:var(--progressRingWidth)}.Left:after,.Right:after{content:"";position:absolute;display:block;width:var(--leftRotateSectionAfterWidth);height:var(--progressRingWidth, 8em);background-color:white;border-radius:0;border-top-left-radius:var(--progressRingWidth);border-bottom-left-radius:var(--progressRingWidth);background-color:var(--progresscolor);transition-property:transform;transition-duration:1.1s;transition-timing-function:cubic-bezier(0.43, 0.8, 0.95, 0.88);transition-delay:0.5s}.Right:after{content:"";position:absolute;display:block;border-radius:0;border-top-right-radius:var(--widthInPx);border-bottom-right-radius:var(--widthInPx)}.Left:after{transform-origin:right center;transform:rotateZ(var(--leftRotateDeg, 180deg))}.Right:after{transform-origin:left center;transform:rotateZ(var(--rightRotateDeg, 0deg))}');
|
|
423
423
|
}
|
|
424
424
|
function St(e) {
|
|
425
|
-
let t, r, i, n, s,
|
|
425
|
+
let t, r, i, n, s, l, o, u;
|
|
426
426
|
return {
|
|
427
427
|
c() {
|
|
428
|
-
t = b("div"), r = b("div"), i = b("div"), n = st(), s = b("div"),
|
|
428
|
+
t = b("div"), r = b("div"), i = b("div"), n = st(), s = b("div"), l = b("div"), o = N(
|
|
429
429
|
/*currentstep*/
|
|
430
430
|
e[0]
|
|
431
|
-
),
|
|
431
|
+
), u = N("%"), f(r, "class", "Left"), f(r, "part", "Progress Left"), f(i, "class", "Right"), f(i, "part", "Progress Right"), f(l, "class", "Percent"), f(l, "part", "Progress Percent"), f(s, "class", "InnerSection"), f(s, "part", "Progress InnerSection"), f(t, "class", "general-icon-progress-ring Progress"), f(t, "part", "ProgressRing");
|
|
432
432
|
},
|
|
433
433
|
m(c, h) {
|
|
434
|
-
K(c, t, h), p(t, r), p(t, i), p(t, n), p(t, s), p(s,
|
|
434
|
+
K(c, t, h), p(t, r), p(t, i), p(t, n), p(t, s), p(s, l), p(l, o), p(l, u), e[5](t);
|
|
435
435
|
},
|
|
436
436
|
p(c, [h]) {
|
|
437
437
|
h & /*currentstep*/
|
|
@@ -449,17 +449,17 @@ function St(e) {
|
|
|
449
449
|
};
|
|
450
450
|
}
|
|
451
451
|
function kt(e, t, r) {
|
|
452
|
-
let { currentstep: i = 0 } = t, { livecolor: n = "#00AEEF" } = t, { expiredcolor: s = "#C4C4C4" } = t, { status:
|
|
453
|
-
const H = (
|
|
452
|
+
let { currentstep: i = 0 } = t, { livecolor: n = "#00AEEF" } = t, { expiredcolor: s = "#C4C4C4" } = t, { status: l = "true" } = t, o = 100, u, c, h, a, v, w, R, M, V, z, S, E, $, A;
|
|
453
|
+
const H = (d, g) => {
|
|
454
454
|
for (const L in g)
|
|
455
|
-
|
|
456
|
-
}, T = (
|
|
455
|
+
d.style.setProperty(`--${L}`, g[L]);
|
|
456
|
+
}, T = (d, g) => (H(d, g), {
|
|
457
457
|
update(L) {
|
|
458
|
-
H(
|
|
458
|
+
H(d, L);
|
|
459
459
|
}
|
|
460
460
|
}), X = () => {
|
|
461
|
-
|
|
462
|
-
progressRingWidth:
|
|
461
|
+
l == "true" ? A = n : A = s, u = o * 0.74, c = (o - u) / 2, h = o * 0.7, a = `${o}px`, v = `${u}px`, w = `${c}px`, R = `${h}px`, M = `${(u - h) / 2}px`, V = `${o / 2}px`, z = `${o / 2 + 1}px`, T($, {
|
|
462
|
+
progressRingWidth: a,
|
|
463
463
|
innerSectionWidth: v,
|
|
464
464
|
innerSectionLeft: w,
|
|
465
465
|
progresscolor: A,
|
|
@@ -471,24 +471,24 @@ function kt(e, t, r) {
|
|
|
471
471
|
}, G = () => {
|
|
472
472
|
$ && (S = "0deg", E = "0deg", i > 100 ? (r(0, i = 100), S = "360deg") : i >= 50 ? (S = `${(i - 50) / 50 * 180 + 180}deg`, E = "0deg") : (S = "180deg", E = `${i / 50 * 180 - 180}deg`), T($, { rightRotateDeg: E, leftRotateDeg: S }));
|
|
473
473
|
};
|
|
474
|
-
|
|
474
|
+
dt(() => {
|
|
475
475
|
if ($.offsetWidth == 0)
|
|
476
476
|
return;
|
|
477
|
-
let
|
|
478
|
-
o =
|
|
477
|
+
let d = $.offsetWidth, g = $.offsetHeight;
|
|
478
|
+
o = d > g && d * g > 0 ? g || 100 : d || 100, X();
|
|
479
479
|
});
|
|
480
|
-
function Y(
|
|
481
|
-
F[
|
|
482
|
-
$ =
|
|
480
|
+
function Y(d) {
|
|
481
|
+
F[d ? "unshift" : "push"](() => {
|
|
482
|
+
$ = d, r(1, $);
|
|
483
483
|
});
|
|
484
484
|
}
|
|
485
|
-
return e.$$set = (
|
|
486
|
-
"currentstep" in
|
|
485
|
+
return e.$$set = (d) => {
|
|
486
|
+
"currentstep" in d && r(0, i = d.currentstep), "livecolor" in d && r(2, n = d.livecolor), "expiredcolor" in d && r(3, s = d.expiredcolor), "status" in d && r(4, l = d.status);
|
|
487
487
|
}, e.$$.update = () => {
|
|
488
488
|
e.$$.dirty & /*currentstep*/
|
|
489
489
|
1 && i && G(), e.$$.dirty & /*status*/
|
|
490
|
-
16 &&
|
|
491
|
-
}, [i, $, n, s,
|
|
490
|
+
16 && l && G();
|
|
491
|
+
}, [i, $, n, s, l, Y];
|
|
492
492
|
}
|
|
493
493
|
class Pt extends vt {
|
|
494
494
|
constructor(t) {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var ct=Object.defineProperty,lt=Object.defineProperties;var ut=Object.getOwnPropertyDescriptors;var U=Object.getOwnPropertySymbols;var dt=Object.prototype.hasOwnProperty,at=Object.prototype.propertyIsEnumerable;var N=(e,t,r)=>t in e?ct(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,q=(e,t)=>{for(var r in t||(t={}))dt.call(t,r)&&N(e,r,t[r]);if(U)for(var r of U(t))at.call(t,r)&&N(e,r,t[r]);return e},K=(e,t)=>lt(e,ut(t));var f=(e,t,r)=>(N(e,typeof t!="symbol"?t+"":t,r),r);var Q=(e,t,r)=>new Promise((n,s)=>{var i=u=>{try{l(r.next(u))}catch(c){s(c)}},o=u=>{try{l(r.throw(u))}catch(c){s(c)}},l=u=>u.done?n(u.value):Promise.resolve(u.value).then(i,o);l((r=r.apply(e,t)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function W(){}function tt(e){return e()}function X(){return Object.create(null)}function j(e){e.forEach(tt)}function et(e){return typeof e=="function"}function ft(e,t){return e!=e?t==t:e!==t||e&&typeof e=="object"||typeof e=="function"}function ht(e){return Object.keys(e).length===0}function b(e,t){e.appendChild(t)}function $t(e,t,r){const n=gt(e);if(!n.getElementById(t)){const s=_("style");s.id=t,s.textContent=r,pt(n,s)}}function gt(e){if(!e)return document;const t=e.getRootNode?e.getRootNode():e.ownerDocument;return t&&t.host?t:e.ownerDocument}function pt(e,t){return b(e.head||e,t),t.sheet}function rt(e,t,r){e.insertBefore(t,r||null)}function V(e){e.parentNode&&e.parentNode.removeChild(e)}function _(e){return document.createElement(e)}function I(e){return document.createTextNode(e)}function bt(){return I(" ")}function $(e,t,r){r==null?e.removeAttribute(t):e.getAttribute(t)!==r&&e.setAttribute(t,r)}function _t(e){return Array.from(e.childNodes)}function mt(e,t){t=""+t,e.data!==t&&(e.data=t)}function yt(e){const t={};return e.childNodes.forEach(r=>{t[r.slot||"default"]=!0}),t}let E;function k(e){E=e}function vt(){if(!E)throw new Error("Function called outside component initialization");return E}function xt(e){vt().$$.on_mount.push(e)}const y=[],B=[];let x=[];const Y=[],wt=Promise.resolve();let D=!1;function Rt(){D||(D=!0,wt.then(v))}function M(e){x.push(e)}const F=new Set;let m=0;function v(){if(m!==0)return;const e=E;do{try{for(;m<y.length;){const t=y[m];m++,k(t),St(t.$$)}}catch(t){throw y.length=0,m=0,t}for(k(null),y.length=0,m=0;B.length;)B.pop()();for(let t=0;t<x.length;t+=1){const r=x[t];F.has(r)||(F.add(r),r())}x.length=0}while(y.length);for(;Y.length;)Y.pop()();D=!1,F.clear(),k(e)}function St(e){if(e.fragment!==null){e.update(),j(e.before_update);const t=e.dirty;e.dirty=[-1],e.fragment&&e.fragment.p(e.ctx,t),e.after_update.forEach(M)}}function Pt(e){const t=[],r=[];x.forEach(n=>e.indexOf(n)===-1?t.push(n):r.push(n)),r.forEach(n=>n()),x=t}const kt=new Set;function Wt(e,t){e&&e.i&&(kt.delete(e),e.i(t))}function Et(e,t,r){const{fragment:n,after_update:s}=e.$$;n&&n.m(t,r),M(()=>{const i=e.$$.on_mount.map(tt).filter(et);e.$$.on_destroy?e.$$.on_destroy.push(...i):j(i),e.$$.on_mount=[]}),s.forEach(M)}function Lt(e,t){const r=e.$$;r.fragment!==null&&(Pt(r.after_update),j(r.on_destroy),r.fragment&&r.fragment.d(t),r.on_destroy=r.fragment=null,r.ctx=[])}function Ot(e,t){e.$$.dirty[0]===-1&&(y.push(e),Rt(),e.$$.dirty.fill(0)),e.$$.dirty[t/31|0]|=1<<t%31}function Ct(e,t,r,n,s,i,o=null,l=[-1]){const u=E;k(e);const c=e.$$={fragment:null,ctx:[],props:i,update:W,not_equal:s,bound:X(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(t.context||(u?u.$$.context:[])),callbacks:X(),dirty:l,skip_bound:!1,root:t.target||u.$$.root};o&&o(c.root);let a=!1;if(c.ctx=r?r(e,t.props||{},(h,w,...R)=>{const S=R.length?R[0]:w;return c.ctx&&s(c.ctx[h],c.ctx[h]=S)&&(!c.skip_bound&&c.bound[h]&&c.bound[h](S),a&&Ot(e,h)),w}):[],c.update(),a=!0,j(c.before_update),c.fragment=n?n(c.ctx):!1,t.target){if(t.hydrate){const h=_t(t.target);c.fragment&&c.fragment.l(h),h.forEach(V)}else c.fragment&&c.fragment.c();t.intro&&Wt(e.$$.fragment),Et(e,t.target,t.anchor),v()}k(u)}let nt;typeof HTMLElement=="function"&&(nt=class extends HTMLElement{constructor(t,r,n){super();f(this,"$$ctor");f(this,"$$s");f(this,"$$c");f(this,"$$cn",!1);f(this,"$$d",{});f(this,"$$r",!1);f(this,"$$p_d",{});f(this,"$$l",{});f(this,"$$l_u",new Map);this.$$ctor=t,this.$$s=r,n&&this.attachShadow({mode:"open"})}addEventListener(t,r,n){if(this.$$l[t]=this.$$l[t]||[],this.$$l[t].push(r),this.$$c){const s=this.$$c.$on(t,r);this.$$l_u.set(r,s)}super.addEventListener(t,r,n)}removeEventListener(t,r,n){if(super.removeEventListener(t,r,n),this.$$c){const s=this.$$l_u.get(r);s&&(s(),this.$$l_u.delete(r))}}connectedCallback(){return Q(this,null,function*(){if(this.$$cn=!0,!this.$$c){let t=function(i){return()=>{let o;return{c:function(){o=_("slot"),i!=="default"&&$(o,"name",i)},m:function(c,a){rt(c,o,a)},d:function(c){c&&V(o)}}}};if(yield Promise.resolve(),!this.$$cn||this.$$c)return;const r={},n=yt(this);for(const i of this.$$s)i in n&&(r[i]=[t(i)]);for(const i of this.attributes){const o=this.$$g_p(i.name);o in this.$$d||(this.$$d[o]=C(o,i.value,this.$$p_d,"toProp"))}for(const i in this.$$p_d)!(i in this.$$d)&&this[i]!==void 0&&(this.$$d[i]=this[i],delete this[i]);this.$$c=new this.$$ctor({target:this.shadowRoot||this,props:K(q({},this.$$d),{$$slots:r,$$scope:{ctx:[]}})});const s=()=>{this.$$r=!0;for(const i in this.$$p_d)if(this.$$d[i]=this.$$c.$$.ctx[this.$$c.$$.props[i]],this.$$p_d[i].reflect){const o=C(i,this.$$d[i],this.$$p_d,"toAttribute");o==null?this.removeAttribute(this.$$p_d[i].attribute||i):this.setAttribute(this.$$p_d[i].attribute||i,o)}this.$$r=!1};this.$$c.$$.after_update.push(s),s();for(const i in this.$$l)for(const o of this.$$l[i]){const l=this.$$c.$on(i,o);this.$$l_u.set(o,l)}this.$$l={}}})}attributeChangedCallback(t,r,n){var s;this.$$r||(t=this.$$g_p(t),this.$$d[t]=C(t,n,this.$$p_d,"toProp"),(s=this.$$c)==null||s.$set({[t]:this.$$d[t]}))}disconnectedCallback(){this.$$cn=!1,Promise.resolve().then(()=>{!this.$$cn&&this.$$c&&(this.$$c.$destroy(),this.$$c=void 0)})}$$g_p(t){return Object.keys(this.$$p_d).find(r=>this.$$p_d[r].attribute===t||!this.$$p_d[r].attribute&&r.toLowerCase()===t)||t}});function C(e,t,r,n){var i;const s=(i=r[e])==null?void 0:i.type;if(t=s==="Boolean"&&typeof t!="boolean"?t!=null:t,!n||!r[e])return t;if(n==="toAttribute")switch(s){case"Object":case"Array":return t==null?null:JSON.stringify(t);case"Boolean":return t?"":null;case"Number":return t==null?null:t;default:return t}else switch(s){case"Object":case"Array":return t&&JSON.parse(t);case"Boolean":return t;case"Number":return t!=null?+t:t;default:return t}}function jt(e,t,r,n,s,i){let o=class extends nt{constructor(){super(e,r,s),this.$$p_d=t}static get observedAttributes(){return Object.keys(t).map(l=>(t[l].attribute||l).toLowerCase())}};return Object.keys(t).forEach(l=>{Object.defineProperty(o.prototype,l,{get(){return this.$$c&&l in this.$$c?this.$$c[l]:this.$$d[l]},set(u){var c;u=C(l,u,t),this.$$d[l]=u,(c=this.$$c)==null||c.$set({[l]:u})}})}),n.forEach(l=>{Object.defineProperty(o.prototype,l,{get(){var u;return(u=this.$$c)==null?void 0:u[l]}})}),e.element=o,o}class At{constructor(){f(this,"$$");f(this,"$$set")}$destroy(){Lt(this,1),this.$destroy=W}$on(t,r){if(!et(r))return W;const n=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return n.push(r),()=>{const s=n.indexOf(r);s!==-1&&n.splice(s,1)}}$set(t){this.$$set&&!ht(t)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1)}}const Nt="4";typeof window!="undefined"&&(window.__svelte||(window.__svelte={v:new Set})).v.add(Nt);function Ft(e){$t(e,"svelte-1s0yc9b",'*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.general-icon-progress-ring{background:var(--emw--color-black, #000000);color:var(--emw--color-white, #FFFFFF)}.Progress{margin:auto;width:var(--progressRingWidth);height:var(--progressRingWidth);position:relative}.Progress .InnerSection{position:absolute;width:var(--innerSectionWidth);height:var(--innerSectionWidth);background-color:white;border-radius:50%;left:var(--innerSectionLeft, 1rem);top:var(--innerSectionLeft, 1rem);line-height:var(--innerSectionWidth);text-align:center}.Progress .InnerSection .Percent{background-color:var(--progresscolor);border-radius:50%;width:var(--percentSectionWidth);height:var(--percentSectionWidth);position:absolute;left:var(--percentSectionLeft, 0.1rem);top:var(--percentSectionLeft, 0.1rem)}.Left,.Right{width:var(--leftRotateSectionWidth);height:var(--progressRingWidth);overflow:hidden;position:relative;float:left;background-color:#F2F4F6}.Left{border-radius:0;border-top-left-radius:var(--progressRingWidth);border-bottom-left-radius:var(--progressRingWidth)}.Right{border-radius:0;border-top-right-radius:var(--progressRingWidth);border-bottom-right-radius:var(--progressRingWidth)}.Left:after,.Right:after{content:"";position:absolute;display:block;width:var(--leftRotateSectionAfterWidth);height:var(--progressRingWidth, 8em);background-color:white;border-radius:0;border-top-left-radius:var(--progressRingWidth);border-bottom-left-radius:var(--progressRingWidth);background-color:var(--progresscolor);transition-property:transform;transition-duration:1.1s;transition-timing-function:cubic-bezier(0.43, 0.8, 0.95, 0.88);transition-delay:0.5s}.Right:after{content:"";position:absolute;display:block;border-radius:0;border-top-right-radius:var(--widthInPx);border-bottom-right-radius:var(--widthInPx)}.Left:after{transform-origin:right center;transform:rotateZ(var(--leftRotateDeg, 180deg))}.Right:after{transform-origin:left center;transform:rotateZ(var(--rightRotateDeg, 0deg))}')}function It(e){let t,r,n,s,i,o,l,u;return{c(){t=_("div"),r=_("div"),n=_("div"),s=bt(),i=_("div"),o=_("div"),l=I(e[0]),u=I("%"),$(r,"class","Left"),$(r,"part","Progress Left"),$(n,"class","Right"),$(n,"part","Progress Right"),$(o,"class","Percent"),$(o,"part","Progress Percent"),$(i,"class","InnerSection"),$(i,"part","Progress InnerSection"),$(t,"class","general-icon-progress-ring Progress"),$(t,"part","ProgressRing")},m(c,a){rt(c,t,a),b(t,r),b(t,n),b(t,s),b(t,i),b(i,o),b(o,l),b(o,u),e[5](t)},p(c,[a]){a&1&&mt(l,c[0])},i:W,o:W,d(c){c&&V(t),e[5](null)}}}function Bt(e,t,r){let{currentstep:n=0}=t,{livecolor:s="#00AEEF"}=t,{expiredcolor:i="#C4C4C4"}=t,{status:o="true"}=t,l=100,u,c,a,h,w,R,S,T,z,H,P,L,g,A;const J=(d,p)=>{for(const O in p)d.style.setProperty(`--${O}`,p[O])},Z=(d,p)=>(J(d,p),{update(O){J(d,O)}}),st=()=>{o=="true"?A=s:A=i,u=l*.74,c=(l-u)/2,a=l*.7,h=`${l}px`,w=`${u}px`,R=`${c}px`,S=`${a}px`,T=`${(u-a)/2}px`,z=`${l/2}px`,H=`${l/2+1}px`,Z(g,{progressRingWidth:h,innerSectionWidth:w,innerSectionLeft:R,progresscolor:A,percentSectionWidth:S,percentSectionLeft:T,leftRotateSectionWidth:z,leftRotateSectionAfterWidth:H})},G=()=>{g&&(P="0deg",L="0deg",n>100?(r(0,n=100),P="360deg"):n>=50?(P=`${(n-50)/50*180+180}deg`,L="0deg"):(P="180deg",L=`${n/50*180-180}deg`),Z(g,{rightRotateDeg:L,leftRotateDeg:P}))};xt(()=>{if(g.offsetWidth==0)return;let d=g.offsetWidth,p=g.offsetHeight;l=d>p&&d*p>0?p||100:d||100,st()});function ot(d){B[d?"unshift":"push"](()=>{g=d,r(1,g)})}return e.$$set=d=>{"currentstep"in d&&r(0,n=d.currentstep),"livecolor"in d&&r(2,s=d.livecolor),"expiredcolor"in d&&r(3,i=d.expiredcolor),"status"in d&&r(4,o=d.status)},e.$$.update=()=>{e.$$.dirty&1&&n&&G(),e.$$.dirty&16&&o&&G()},[n,g,s,i,o,ot]}class it extends At{constructor(t){super(),Ct(this,t,Bt,It,ft,{currentstep:0,livecolor:2,expiredcolor:3,status:4},Ft)}get currentstep(){return this.$$.ctx[0]}set currentstep(t){this.$$set({currentstep:t}),v()}get livecolor(){return this.$$.ctx[2]}set livecolor(t){this.$$set({livecolor:t}),v()}get expiredcolor(){return this.$$.ctx[3]}set expiredcolor(t){this.$$set({expiredcolor:t}),v()}get status(){return this.$$.ctx[4]}set status(t){this.$$set({status:t}),v()}}jt(it,{currentstep:{},livecolor:{},expiredcolor:{},status:{}},[],[],!0);exports.default=it;
|
package/components/{GeneralIconProgressRing-DMA1GtR7.js → GeneralIconProgressRing-DT24LOVN.js}
RENAMED
|
@@ -1,31 +1,31 @@
|
|
|
1
1
|
var ot = Object.defineProperty, ct = Object.defineProperties;
|
|
2
|
-
var
|
|
2
|
+
var lt = Object.getOwnPropertyDescriptors;
|
|
3
3
|
var U = Object.getOwnPropertySymbols;
|
|
4
|
-
var
|
|
4
|
+
var ut = Object.prototype.hasOwnProperty, dt = Object.prototype.propertyIsEnumerable;
|
|
5
5
|
var N = (e, t, r) => t in e ? ot(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, q = (e, t) => {
|
|
6
6
|
for (var r in t || (t = {}))
|
|
7
|
-
|
|
7
|
+
ut.call(t, r) && N(e, r, t[r]);
|
|
8
8
|
if (U)
|
|
9
9
|
for (var r of U(t))
|
|
10
|
-
|
|
10
|
+
dt.call(t, r) && N(e, r, t[r]);
|
|
11
11
|
return e;
|
|
12
|
-
}, K = (e, t) => ct(e,
|
|
12
|
+
}, K = (e, t) => ct(e, lt(t));
|
|
13
13
|
var f = (e, t, r) => (N(e, typeof t != "symbol" ? t + "" : t, r), r);
|
|
14
|
-
var Q = (e, t, r) => new Promise((
|
|
15
|
-
var
|
|
14
|
+
var Q = (e, t, r) => new Promise((n, s) => {
|
|
15
|
+
var i = (u) => {
|
|
16
16
|
try {
|
|
17
|
-
|
|
17
|
+
l(r.next(u));
|
|
18
18
|
} catch (c) {
|
|
19
19
|
s(c);
|
|
20
20
|
}
|
|
21
|
-
}, o = (
|
|
21
|
+
}, o = (u) => {
|
|
22
22
|
try {
|
|
23
|
-
|
|
23
|
+
l(r.throw(u));
|
|
24
24
|
} catch (c) {
|
|
25
25
|
s(c);
|
|
26
26
|
}
|
|
27
|
-
},
|
|
28
|
-
|
|
27
|
+
}, l = (u) => u.done ? n(u.value) : Promise.resolve(u.value).then(i, o);
|
|
28
|
+
l((r = r.apply(e, t)).next());
|
|
29
29
|
});
|
|
30
30
|
function W() {
|
|
31
31
|
}
|
|
@@ -41,7 +41,7 @@ function A(e) {
|
|
|
41
41
|
function et(e) {
|
|
42
42
|
return typeof e == "function";
|
|
43
43
|
}
|
|
44
|
-
function
|
|
44
|
+
function at(e, t) {
|
|
45
45
|
return e != e ? t == t : e !== t || e && typeof e == "object" || typeof e == "function";
|
|
46
46
|
}
|
|
47
47
|
function ft(e) {
|
|
@@ -51,10 +51,10 @@ function b(e, t) {
|
|
|
51
51
|
e.appendChild(t);
|
|
52
52
|
}
|
|
53
53
|
function ht(e, t, r) {
|
|
54
|
-
const
|
|
55
|
-
if (!
|
|
54
|
+
const n = $t(e);
|
|
55
|
+
if (!n.getElementById(t)) {
|
|
56
56
|
const s = _("style");
|
|
57
|
-
s.id = t, s.textContent = r, gt(
|
|
57
|
+
s.id = t, s.textContent = r, gt(n, s);
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
60
|
function $t(e) {
|
|
@@ -166,17 +166,17 @@ function Rt(e) {
|
|
|
166
166
|
}
|
|
167
167
|
function St(e) {
|
|
168
168
|
const t = [], r = [];
|
|
169
|
-
v.forEach((
|
|
169
|
+
v.forEach((n) => e.indexOf(n) === -1 ? t.push(n) : r.push(n)), r.forEach((n) => n()), v = t;
|
|
170
170
|
}
|
|
171
171
|
const kt = /* @__PURE__ */ new Set();
|
|
172
172
|
function Pt(e, t) {
|
|
173
173
|
e && e.i && (kt.delete(e), e.i(t));
|
|
174
174
|
}
|
|
175
175
|
function Wt(e, t, r) {
|
|
176
|
-
const { fragment:
|
|
177
|
-
|
|
178
|
-
const
|
|
179
|
-
e.$$.on_destroy ? e.$$.on_destroy.push(...
|
|
176
|
+
const { fragment: n, after_update: s } = e.$$;
|
|
177
|
+
n && n.m(t, r), M(() => {
|
|
178
|
+
const i = e.$$.on_mount.map(tt).filter(et);
|
|
179
|
+
e.$$.on_destroy ? e.$$.on_destroy.push(...i) : A(i), e.$$.on_mount = [];
|
|
180
180
|
}), s.forEach(M);
|
|
181
181
|
}
|
|
182
182
|
function Et(e, t) {
|
|
@@ -186,14 +186,14 @@ function Et(e, t) {
|
|
|
186
186
|
function Lt(e, t) {
|
|
187
187
|
e.$$.dirty[0] === -1 && (y.push(e), wt(), e.$$.dirty.fill(0)), e.$$.dirty[t / 31 | 0] |= 1 << t % 31;
|
|
188
188
|
}
|
|
189
|
-
function Ct(e, t, r,
|
|
190
|
-
const
|
|
189
|
+
function Ct(e, t, r, n, s, i, o = null, l = [-1]) {
|
|
190
|
+
const u = E;
|
|
191
191
|
P(e);
|
|
192
192
|
const c = e.$$ = {
|
|
193
193
|
fragment: null,
|
|
194
194
|
ctx: [],
|
|
195
195
|
// state
|
|
196
|
-
props:
|
|
196
|
+
props: i,
|
|
197
197
|
update: W,
|
|
198
198
|
not_equal: s,
|
|
199
199
|
bound: X(),
|
|
@@ -203,19 +203,19 @@ function Ct(e, t, r, i, s, n, o = null, u = [-1]) {
|
|
|
203
203
|
on_disconnect: [],
|
|
204
204
|
before_update: [],
|
|
205
205
|
after_update: [],
|
|
206
|
-
context: new Map(t.context || (
|
|
206
|
+
context: new Map(t.context || (u ? u.$$.context : [])),
|
|
207
207
|
// everything else
|
|
208
208
|
callbacks: X(),
|
|
209
|
-
dirty:
|
|
209
|
+
dirty: l,
|
|
210
210
|
skip_bound: !1,
|
|
211
|
-
root: t.target ||
|
|
211
|
+
root: t.target || u.$$.root
|
|
212
212
|
};
|
|
213
213
|
o && o(c.root);
|
|
214
|
-
let
|
|
215
|
-
if (c.ctx = r(e, t.props || {}, (h, w, ...R) => {
|
|
214
|
+
let a = !1;
|
|
215
|
+
if (c.ctx = r ? r(e, t.props || {}, (h, w, ...R) => {
|
|
216
216
|
const S = R.length ? R[0] : w;
|
|
217
|
-
return c.ctx && s(c.ctx[h], c.ctx[h] = S) && (!c.skip_bound && c.bound[h] && c.bound[h](S),
|
|
218
|
-
}), c.update(),
|
|
217
|
+
return c.ctx && s(c.ctx[h], c.ctx[h] = S) && (!c.skip_bound && c.bound[h] && c.bound[h](S), a && Lt(e, h)), w;
|
|
218
|
+
}) : [], c.update(), a = !0, A(c.before_update), c.fragment = n ? n(c.ctx) : !1, t.target) {
|
|
219
219
|
if (t.hydrate) {
|
|
220
220
|
const h = bt(t.target);
|
|
221
221
|
c.fragment && c.fragment.l(h), h.forEach(V);
|
|
@@ -223,11 +223,11 @@ function Ct(e, t, r, i, s, n, o = null, u = [-1]) {
|
|
|
223
223
|
c.fragment && c.fragment.c();
|
|
224
224
|
t.intro && Pt(e.$$.fragment), Wt(e, t.target, t.anchor), x();
|
|
225
225
|
}
|
|
226
|
-
P(
|
|
226
|
+
P(u);
|
|
227
227
|
}
|
|
228
228
|
let nt;
|
|
229
229
|
typeof HTMLElement == "function" && (nt = class extends HTMLElement {
|
|
230
|
-
constructor(t, r,
|
|
230
|
+
constructor(t, r, n) {
|
|
231
231
|
super();
|
|
232
232
|
/** The Svelte component constructor */
|
|
233
233
|
f(this, "$$ctor");
|
|
@@ -247,17 +247,17 @@ typeof HTMLElement == "function" && (nt = class extends HTMLElement {
|
|
|
247
247
|
f(this, "$$l", {});
|
|
248
248
|
/** @type {Map<Function, Function>} Event listener unsubscribe functions */
|
|
249
249
|
f(this, "$$l_u", /* @__PURE__ */ new Map());
|
|
250
|
-
this.$$ctor = t, this.$$s = r,
|
|
250
|
+
this.$$ctor = t, this.$$s = r, n && this.attachShadow({ mode: "open" });
|
|
251
251
|
}
|
|
252
|
-
addEventListener(t, r,
|
|
252
|
+
addEventListener(t, r, n) {
|
|
253
253
|
if (this.$$l[t] = this.$$l[t] || [], this.$$l[t].push(r), this.$$c) {
|
|
254
254
|
const s = this.$$c.$on(t, r);
|
|
255
255
|
this.$$l_u.set(r, s);
|
|
256
256
|
}
|
|
257
|
-
super.addEventListener(t, r,
|
|
257
|
+
super.addEventListener(t, r, n);
|
|
258
258
|
}
|
|
259
|
-
removeEventListener(t, r,
|
|
260
|
-
if (super.removeEventListener(t, r,
|
|
259
|
+
removeEventListener(t, r, n) {
|
|
260
|
+
if (super.removeEventListener(t, r, n), this.$$c) {
|
|
261
261
|
const s = this.$$l_u.get(r);
|
|
262
262
|
s && (s(), this.$$l_u.delete(r));
|
|
263
263
|
}
|
|
@@ -265,19 +265,19 @@ typeof HTMLElement == "function" && (nt = class extends HTMLElement {
|
|
|
265
265
|
connectedCallback() {
|
|
266
266
|
return Q(this, null, function* () {
|
|
267
267
|
if (this.$$cn = !0, !this.$$c) {
|
|
268
|
-
let t = function(
|
|
268
|
+
let t = function(i) {
|
|
269
269
|
return () => {
|
|
270
270
|
let o;
|
|
271
271
|
return {
|
|
272
272
|
c: function() {
|
|
273
|
-
o = _("slot"),
|
|
273
|
+
o = _("slot"), i !== "default" && $(o, "name", i);
|
|
274
274
|
},
|
|
275
275
|
/**
|
|
276
276
|
* @param {HTMLElement} target
|
|
277
277
|
* @param {HTMLElement} [anchor]
|
|
278
278
|
*/
|
|
279
|
-
m: function(c,
|
|
280
|
-
rt(c, o,
|
|
279
|
+
m: function(c, a) {
|
|
280
|
+
rt(c, o, a);
|
|
281
281
|
},
|
|
282
282
|
d: function(c) {
|
|
283
283
|
c && V(o);
|
|
@@ -287,15 +287,15 @@ typeof HTMLElement == "function" && (nt = class extends HTMLElement {
|
|
|
287
287
|
};
|
|
288
288
|
if (yield Promise.resolve(), !this.$$cn || this.$$c)
|
|
289
289
|
return;
|
|
290
|
-
const r = {},
|
|
291
|
-
for (const
|
|
292
|
-
|
|
293
|
-
for (const
|
|
294
|
-
const o = this.$$g_p(
|
|
295
|
-
o in this.$$d || (this.$$d[o] = O(o,
|
|
290
|
+
const r = {}, n = mt(this);
|
|
291
|
+
for (const i of this.$$s)
|
|
292
|
+
i in n && (r[i] = [t(i)]);
|
|
293
|
+
for (const i of this.attributes) {
|
|
294
|
+
const o = this.$$g_p(i.name);
|
|
295
|
+
o in this.$$d || (this.$$d[o] = O(o, i.value, this.$$p_d, "toProp"));
|
|
296
296
|
}
|
|
297
|
-
for (const
|
|
298
|
-
!(
|
|
297
|
+
for (const i in this.$$p_d)
|
|
298
|
+
!(i in this.$$d) && this[i] !== void 0 && (this.$$d[i] = this[i], delete this[i]);
|
|
299
299
|
this.$$c = new this.$$ctor({
|
|
300
300
|
target: this.shadowRoot || this,
|
|
301
301
|
props: K(q({}, this.$$d), {
|
|
@@ -307,23 +307,23 @@ typeof HTMLElement == "function" && (nt = class extends HTMLElement {
|
|
|
307
307
|
});
|
|
308
308
|
const s = () => {
|
|
309
309
|
this.$$r = !0;
|
|
310
|
-
for (const
|
|
311
|
-
if (this.$$d[
|
|
310
|
+
for (const i in this.$$p_d)
|
|
311
|
+
if (this.$$d[i] = this.$$c.$$.ctx[this.$$c.$$.props[i]], this.$$p_d[i].reflect) {
|
|
312
312
|
const o = O(
|
|
313
|
-
|
|
314
|
-
this.$$d[
|
|
313
|
+
i,
|
|
314
|
+
this.$$d[i],
|
|
315
315
|
this.$$p_d,
|
|
316
316
|
"toAttribute"
|
|
317
317
|
);
|
|
318
|
-
o == null ? this.removeAttribute(this.$$p_d[
|
|
318
|
+
o == null ? this.removeAttribute(this.$$p_d[i].attribute || i) : this.setAttribute(this.$$p_d[i].attribute || i, o);
|
|
319
319
|
}
|
|
320
320
|
this.$$r = !1;
|
|
321
321
|
};
|
|
322
322
|
this.$$c.$$.after_update.push(s), s();
|
|
323
|
-
for (const
|
|
324
|
-
for (const o of this.$$l[
|
|
325
|
-
const
|
|
326
|
-
this.$$l_u.set(o,
|
|
323
|
+
for (const i in this.$$l)
|
|
324
|
+
for (const o of this.$$l[i]) {
|
|
325
|
+
const l = this.$$c.$on(i, o);
|
|
326
|
+
this.$$l_u.set(o, l);
|
|
327
327
|
}
|
|
328
328
|
this.$$l = {};
|
|
329
329
|
}
|
|
@@ -331,9 +331,9 @@ typeof HTMLElement == "function" && (nt = class extends HTMLElement {
|
|
|
331
331
|
}
|
|
332
332
|
// We don't need this when working within Svelte code, but for compatibility of people using this outside of Svelte
|
|
333
333
|
// and setting attributes through setAttribute etc, this is helpful
|
|
334
|
-
attributeChangedCallback(t, r,
|
|
334
|
+
attributeChangedCallback(t, r, n) {
|
|
335
335
|
var s;
|
|
336
|
-
this.$$r || (t = this.$$g_p(t), this.$$d[t] = O(t,
|
|
336
|
+
this.$$r || (t = this.$$g_p(t), this.$$d[t] = O(t, n, this.$$p_d, "toProp"), (s = this.$$c) == null || s.$set({ [t]: this.$$d[t] }));
|
|
337
337
|
}
|
|
338
338
|
disconnectedCallback() {
|
|
339
339
|
this.$$cn = !1, Promise.resolve().then(() => {
|
|
@@ -346,12 +346,12 @@ typeof HTMLElement == "function" && (nt = class extends HTMLElement {
|
|
|
346
346
|
) || t;
|
|
347
347
|
}
|
|
348
348
|
});
|
|
349
|
-
function O(e, t, r,
|
|
350
|
-
var
|
|
351
|
-
const s = (
|
|
352
|
-
if (t = s === "Boolean" && typeof t != "boolean" ? t != null : t, !
|
|
349
|
+
function O(e, t, r, n) {
|
|
350
|
+
var i;
|
|
351
|
+
const s = (i = r[e]) == null ? void 0 : i.type;
|
|
352
|
+
if (t = s === "Boolean" && typeof t != "boolean" ? t != null : t, !n || !r[e])
|
|
353
353
|
return t;
|
|
354
|
-
if (
|
|
354
|
+
if (n === "toAttribute")
|
|
355
355
|
switch (s) {
|
|
356
356
|
case "Object":
|
|
357
357
|
case "Array":
|
|
@@ -376,32 +376,32 @@ function O(e, t, r, i) {
|
|
|
376
376
|
return t;
|
|
377
377
|
}
|
|
378
378
|
}
|
|
379
|
-
function Ot(e, t, r,
|
|
379
|
+
function Ot(e, t, r, n, s, i) {
|
|
380
380
|
let o = class extends nt {
|
|
381
381
|
constructor() {
|
|
382
382
|
super(e, r, s), this.$$p_d = t;
|
|
383
383
|
}
|
|
384
384
|
static get observedAttributes() {
|
|
385
385
|
return Object.keys(t).map(
|
|
386
|
-
(
|
|
386
|
+
(l) => (t[l].attribute || l).toLowerCase()
|
|
387
387
|
);
|
|
388
388
|
}
|
|
389
389
|
};
|
|
390
|
-
return Object.keys(t).forEach((
|
|
391
|
-
Object.defineProperty(o.prototype,
|
|
390
|
+
return Object.keys(t).forEach((l) => {
|
|
391
|
+
Object.defineProperty(o.prototype, l, {
|
|
392
392
|
get() {
|
|
393
|
-
return this.$$c &&
|
|
393
|
+
return this.$$c && l in this.$$c ? this.$$c[l] : this.$$d[l];
|
|
394
394
|
},
|
|
395
|
-
set(
|
|
395
|
+
set(u) {
|
|
396
396
|
var c;
|
|
397
|
-
|
|
397
|
+
u = O(l, u, t), this.$$d[l] = u, (c = this.$$c) == null || c.$set({ [l]: u });
|
|
398
398
|
}
|
|
399
399
|
});
|
|
400
|
-
}),
|
|
401
|
-
Object.defineProperty(o.prototype,
|
|
400
|
+
}), n.forEach((l) => {
|
|
401
|
+
Object.defineProperty(o.prototype, l, {
|
|
402
402
|
get() {
|
|
403
|
-
var
|
|
404
|
-
return (
|
|
403
|
+
var u;
|
|
404
|
+
return (u = this.$$c) == null ? void 0 : u[l];
|
|
405
405
|
}
|
|
406
406
|
});
|
|
407
407
|
}), e.element = /** @type {any} */
|
|
@@ -439,10 +439,10 @@ class At {
|
|
|
439
439
|
$on(t, r) {
|
|
440
440
|
if (!et(r))
|
|
441
441
|
return W;
|
|
442
|
-
const
|
|
443
|
-
return
|
|
444
|
-
const s =
|
|
445
|
-
s !== -1 &&
|
|
442
|
+
const n = this.$$.callbacks[t] || (this.$$.callbacks[t] = []);
|
|
443
|
+
return n.push(r), () => {
|
|
444
|
+
const s = n.indexOf(r);
|
|
445
|
+
s !== -1 && n.splice(s, 1);
|
|
446
446
|
};
|
|
447
447
|
}
|
|
448
448
|
/**
|
|
@@ -459,21 +459,21 @@ function Nt(e) {
|
|
|
459
459
|
ht(e, "svelte-1s0yc9b", '*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.general-icon-progress-ring{background:var(--emw--color-black, #000000);color:var(--emw--color-white, #FFFFFF)}.Progress{margin:auto;width:var(--progressRingWidth);height:var(--progressRingWidth);position:relative}.Progress .InnerSection{position:absolute;width:var(--innerSectionWidth);height:var(--innerSectionWidth);background-color:white;border-radius:50%;left:var(--innerSectionLeft, 1rem);top:var(--innerSectionLeft, 1rem);line-height:var(--innerSectionWidth);text-align:center}.Progress .InnerSection .Percent{background-color:var(--progresscolor);border-radius:50%;width:var(--percentSectionWidth);height:var(--percentSectionWidth);position:absolute;left:var(--percentSectionLeft, 0.1rem);top:var(--percentSectionLeft, 0.1rem)}.Left,.Right{width:var(--leftRotateSectionWidth);height:var(--progressRingWidth);overflow:hidden;position:relative;float:left;background-color:#F2F4F6}.Left{border-radius:0;border-top-left-radius:var(--progressRingWidth);border-bottom-left-radius:var(--progressRingWidth)}.Right{border-radius:0;border-top-right-radius:var(--progressRingWidth);border-bottom-right-radius:var(--progressRingWidth)}.Left:after,.Right:after{content:"";position:absolute;display:block;width:var(--leftRotateSectionAfterWidth);height:var(--progressRingWidth, 8em);background-color:white;border-radius:0;border-top-left-radius:var(--progressRingWidth);border-bottom-left-radius:var(--progressRingWidth);background-color:var(--progresscolor);transition-property:transform;transition-duration:1.1s;transition-timing-function:cubic-bezier(0.43, 0.8, 0.95, 0.88);transition-delay:0.5s}.Right:after{content:"";position:absolute;display:block;border-radius:0;border-top-right-radius:var(--widthInPx);border-bottom-right-radius:var(--widthInPx)}.Left:after{transform-origin:right center;transform:rotateZ(var(--leftRotateDeg, 180deg))}.Right:after{transform-origin:left center;transform:rotateZ(var(--rightRotateDeg, 0deg))}');
|
|
460
460
|
}
|
|
461
461
|
function Ft(e) {
|
|
462
|
-
let t, r,
|
|
462
|
+
let t, r, n, s, i, o, l, u;
|
|
463
463
|
return {
|
|
464
464
|
c() {
|
|
465
|
-
t = _("div"), r = _("div"),
|
|
465
|
+
t = _("div"), r = _("div"), n = _("div"), s = pt(), i = _("div"), o = _("div"), l = I(
|
|
466
466
|
/*currentstep*/
|
|
467
467
|
e[0]
|
|
468
|
-
),
|
|
468
|
+
), u = I("%"), $(r, "class", "Left"), $(r, "part", "Progress Left"), $(n, "class", "Right"), $(n, "part", "Progress Right"), $(o, "class", "Percent"), $(o, "part", "Progress Percent"), $(i, "class", "InnerSection"), $(i, "part", "Progress InnerSection"), $(t, "class", "general-icon-progress-ring Progress"), $(t, "part", "ProgressRing");
|
|
469
469
|
},
|
|
470
|
-
m(c,
|
|
471
|
-
rt(c, t,
|
|
470
|
+
m(c, a) {
|
|
471
|
+
rt(c, t, a), b(t, r), b(t, n), b(t, s), b(t, i), b(i, o), b(o, l), b(o, u), e[5](t);
|
|
472
472
|
},
|
|
473
|
-
p(c, [
|
|
474
|
-
|
|
473
|
+
p(c, [a]) {
|
|
474
|
+
a & /*currentstep*/
|
|
475
475
|
1 && _t(
|
|
476
|
-
|
|
476
|
+
l,
|
|
477
477
|
/*currentstep*/
|
|
478
478
|
c[0]
|
|
479
479
|
);
|
|
@@ -486,16 +486,16 @@ function Ft(e) {
|
|
|
486
486
|
};
|
|
487
487
|
}
|
|
488
488
|
function It(e, t, r) {
|
|
489
|
-
let { currentstep:
|
|
490
|
-
const J = (
|
|
489
|
+
let { currentstep: n = 0 } = t, { livecolor: s = "#00AEEF" } = t, { expiredcolor: i = "#C4C4C4" } = t, { status: o = "true" } = t, l = 100, u, c, a, h, w, R, S, z, H, T, k, L, g, j;
|
|
490
|
+
const J = (d, p) => {
|
|
491
491
|
for (const C in p)
|
|
492
|
-
|
|
493
|
-
}, Z = (
|
|
492
|
+
d.style.setProperty(`--${C}`, p[C]);
|
|
493
|
+
}, Z = (d, p) => (J(d, p), {
|
|
494
494
|
update(C) {
|
|
495
|
-
J(
|
|
495
|
+
J(d, C);
|
|
496
496
|
}
|
|
497
497
|
}), it = () => {
|
|
498
|
-
o == "true" ? j = s : j =
|
|
498
|
+
o == "true" ? j = s : j = i, u = l * 0.74, c = (l - u) / 2, a = l * 0.7, h = `${l}px`, w = `${u}px`, R = `${c}px`, S = `${a}px`, z = `${(u - a) / 2}px`, H = `${l / 2}px`, T = `${l / 2 + 1}px`, Z(g, {
|
|
499
499
|
progressRingWidth: h,
|
|
500
500
|
innerSectionWidth: w,
|
|
501
501
|
innerSectionLeft: R,
|
|
@@ -506,26 +506,26 @@ function It(e, t, r) {
|
|
|
506
506
|
leftRotateSectionAfterWidth: T
|
|
507
507
|
});
|
|
508
508
|
}, G = () => {
|
|
509
|
-
g && (k = "0deg", L = "0deg",
|
|
509
|
+
g && (k = "0deg", L = "0deg", n > 100 ? (r(0, n = 100), k = "360deg") : n >= 50 ? (k = `${(n - 50) / 50 * 180 + 180}deg`, L = "0deg") : (k = "180deg", L = `${n / 50 * 180 - 180}deg`), Z(g, { rightRotateDeg: L, leftRotateDeg: k }));
|
|
510
510
|
};
|
|
511
511
|
xt(() => {
|
|
512
512
|
if (g.offsetWidth == 0)
|
|
513
513
|
return;
|
|
514
|
-
let
|
|
515
|
-
|
|
514
|
+
let d = g.offsetWidth, p = g.offsetHeight;
|
|
515
|
+
l = d > p && d * p > 0 ? p || 100 : d || 100, it();
|
|
516
516
|
});
|
|
517
|
-
function st(
|
|
518
|
-
B[
|
|
519
|
-
g =
|
|
517
|
+
function st(d) {
|
|
518
|
+
B[d ? "unshift" : "push"](() => {
|
|
519
|
+
g = d, r(1, g);
|
|
520
520
|
});
|
|
521
521
|
}
|
|
522
|
-
return e.$$set = (
|
|
523
|
-
"currentstep" in
|
|
522
|
+
return e.$$set = (d) => {
|
|
523
|
+
"currentstep" in d && r(0, n = d.currentstep), "livecolor" in d && r(2, s = d.livecolor), "expiredcolor" in d && r(3, i = d.expiredcolor), "status" in d && r(4, o = d.status);
|
|
524
524
|
}, e.$$.update = () => {
|
|
525
525
|
e.$$.dirty & /*currentstep*/
|
|
526
|
-
1 &&
|
|
526
|
+
1 && n && G(), e.$$.dirty & /*status*/
|
|
527
527
|
16 && o && G();
|
|
528
|
-
}, [
|
|
528
|
+
}, [n, g, s, i, o, st];
|
|
529
529
|
}
|
|
530
530
|
class Bt extends At {
|
|
531
531
|
constructor(t) {
|
|
@@ -534,7 +534,7 @@ class Bt extends At {
|
|
|
534
534
|
t,
|
|
535
535
|
It,
|
|
536
536
|
Ft,
|
|
537
|
-
|
|
537
|
+
at,
|
|
538
538
|
{
|
|
539
539
|
currentstep: 0,
|
|
540
540
|
livecolor: 2,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";if(typeof window!="undefined"){let n=function(t){return function(...s){try{return t.apply(this,s)}catch(e){if(e instanceof DOMException&&e.message.includes("has already been used with this registry")||e.message.includes("Cannot define multiple custom elements with the same tag name"))return!1;throw e}}};customElements.define=n(customElements.define),Promise.resolve().then(()=>require("../components/GeneralIconProgressRing-
|
|
1
|
+
"use strict";if(typeof window!="undefined"){let n=function(t){return function(...s){try{return t.apply(this,s)}catch(e){if(e instanceof DOMException&&e.message.includes("has already been used with this registry")||e.message.includes("Cannot define multiple custom elements with the same tag name"))return!1;throw e}}};customElements.define=n(customElements.define),Promise.resolve().then(()=>require("../components/GeneralIconProgressRing-DBcIRAqq.cjs")).then(({default:t})=>{!customElements.get("general-icon-progress-ring")&&customElements.define("general-icon-progress-ring",t.element)})}
|
|
@@ -10,7 +10,7 @@ if (typeof window != "undefined") {
|
|
|
10
10
|
}
|
|
11
11
|
};
|
|
12
12
|
};
|
|
13
|
-
customElements.define = n(customElements.define), import("../components/GeneralIconProgressRing-
|
|
13
|
+
customElements.define = n(customElements.define), import("../components/GeneralIconProgressRing-DT24LOVN.js").then(({ default: t }) => {
|
|
14
14
|
!customElements.get("general-icon-progress-ring") && customElements.define("general-icon-progress-ring", t.element);
|
|
15
15
|
});
|
|
16
16
|
}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var ct=Object.defineProperty,ut=Object.defineProperties;var lt=Object.getOwnPropertyDescriptors;var U=Object.getOwnPropertySymbols;var dt=Object.prototype.hasOwnProperty,at=Object.prototype.propertyIsEnumerable;var N=(e,t,r)=>t in e?ct(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,q=(e,t)=>{for(var r in t||(t={}))dt.call(t,r)&&N(e,r,t[r]);if(U)for(var r of U(t))at.call(t,r)&&N(e,r,t[r]);return e},K=(e,t)=>ut(e,lt(t));var f=(e,t,r)=>(N(e,typeof t!="symbol"?t+"":t,r),r);var Q=(e,t,r)=>new Promise((i,s)=>{var n=l=>{try{u(r.next(l))}catch(c){s(c)}},o=l=>{try{u(r.throw(l))}catch(c){s(c)}},u=l=>l.done?i(l.value):Promise.resolve(l.value).then(n,o);u((r=r.apply(e,t)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function W(){}function tt(e){return e()}function X(){return Object.create(null)}function j(e){e.forEach(tt)}function et(e){return typeof e=="function"}function ft(e,t){return e!=e?t==t:e!==t||e&&typeof e=="object"||typeof e=="function"}function ht(e){return Object.keys(e).length===0}function b(e,t){e.appendChild(t)}function $t(e,t,r){const i=gt(e);if(!i.getElementById(t)){const s=_("style");s.id=t,s.textContent=r,pt(i,s)}}function gt(e){if(!e)return document;const t=e.getRootNode?e.getRootNode():e.ownerDocument;return t&&t.host?t:e.ownerDocument}function pt(e,t){return b(e.head||e,t),t.sheet}function rt(e,t,r){e.insertBefore(t,r||null)}function V(e){e.parentNode&&e.parentNode.removeChild(e)}function _(e){return document.createElement(e)}function I(e){return document.createTextNode(e)}function bt(){return I(" ")}function $(e,t,r){r==null?e.removeAttribute(t):e.getAttribute(t)!==r&&e.setAttribute(t,r)}function _t(e){return Array.from(e.childNodes)}function mt(e,t){t=""+t,e.data!==t&&(e.data=t)}function yt(e){const t={};return e.childNodes.forEach(r=>{t[r.slot||"default"]=!0}),t}let E;function k(e){E=e}function vt(){if(!E)throw new Error("Function called outside component initialization");return E}function xt(e){vt().$$.on_mount.push(e)}const y=[],B=[];let x=[];const Y=[],wt=Promise.resolve();let D=!1;function Rt(){D||(D=!0,wt.then(v))}function M(e){x.push(e)}const F=new Set;let m=0;function v(){if(m!==0)return;const e=E;do{try{for(;m<y.length;){const t=y[m];m++,k(t),St(t.$$)}}catch(t){throw y.length=0,m=0,t}for(k(null),y.length=0,m=0;B.length;)B.pop()();for(let t=0;t<x.length;t+=1){const r=x[t];F.has(r)||(F.add(r),r())}x.length=0}while(y.length);for(;Y.length;)Y.pop()();D=!1,F.clear(),k(e)}function St(e){if(e.fragment!==null){e.update(),j(e.before_update);const t=e.dirty;e.dirty=[-1],e.fragment&&e.fragment.p(e.ctx,t),e.after_update.forEach(M)}}function Pt(e){const t=[],r=[];x.forEach(i=>e.indexOf(i)===-1?t.push(i):r.push(i)),r.forEach(i=>i()),x=t}const kt=new Set;function Wt(e,t){e&&e.i&&(kt.delete(e),e.i(t))}function Et(e,t,r){const{fragment:i,after_update:s}=e.$$;i&&i.m(t,r),M(()=>{const n=e.$$.on_mount.map(tt).filter(et);e.$$.on_destroy?e.$$.on_destroy.push(...n):j(n),e.$$.on_mount=[]}),s.forEach(M)}function Lt(e,t){const r=e.$$;r.fragment!==null&&(Pt(r.after_update),j(r.on_destroy),r.fragment&&r.fragment.d(t),r.on_destroy=r.fragment=null,r.ctx=[])}function Ot(e,t){e.$$.dirty[0]===-1&&(y.push(e),Rt(),e.$$.dirty.fill(0)),e.$$.dirty[t/31|0]|=1<<t%31}function Ct(e,t,r,i,s,n,o=null,u=[-1]){const l=E;k(e);const c=e.$$={fragment:null,ctx:[],props:n,update:W,not_equal:s,bound:X(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(t.context||(l?l.$$.context:[])),callbacks:X(),dirty:u,skip_bound:!1,root:t.target||l.$$.root};o&&o(c.root);let a=!1;if(c.ctx=r(e,t.props||{},(h,w,...R)=>{const S=R.length?R[0]:w;return c.ctx&&s(c.ctx[h],c.ctx[h]=S)&&(!c.skip_bound&&c.bound[h]&&c.bound[h](S),a&&Ot(e,h)),w}),c.update(),a=!0,j(c.before_update),c.fragment=i(c.ctx),t.target){if(t.hydrate){const h=_t(t.target);c.fragment&&c.fragment.l(h),h.forEach(V)}else c.fragment&&c.fragment.c();t.intro&&Wt(e.$$.fragment),Et(e,t.target,t.anchor),v()}k(l)}let nt;typeof HTMLElement=="function"&&(nt=class extends HTMLElement{constructor(t,r,i){super();f(this,"$$ctor");f(this,"$$s");f(this,"$$c");f(this,"$$cn",!1);f(this,"$$d",{});f(this,"$$r",!1);f(this,"$$p_d",{});f(this,"$$l",{});f(this,"$$l_u",new Map);this.$$ctor=t,this.$$s=r,i&&this.attachShadow({mode:"open"})}addEventListener(t,r,i){if(this.$$l[t]=this.$$l[t]||[],this.$$l[t].push(r),this.$$c){const s=this.$$c.$on(t,r);this.$$l_u.set(r,s)}super.addEventListener(t,r,i)}removeEventListener(t,r,i){if(super.removeEventListener(t,r,i),this.$$c){const s=this.$$l_u.get(r);s&&(s(),this.$$l_u.delete(r))}}connectedCallback(){return Q(this,null,function*(){if(this.$$cn=!0,!this.$$c){let t=function(n){return()=>{let o;return{c:function(){o=_("slot"),n!=="default"&&$(o,"name",n)},m:function(c,a){rt(c,o,a)},d:function(c){c&&V(o)}}}};if(yield Promise.resolve(),!this.$$cn||this.$$c)return;const r={},i=yt(this);for(const n of this.$$s)n in i&&(r[n]=[t(n)]);for(const n of this.attributes){const o=this.$$g_p(n.name);o in this.$$d||(this.$$d[o]=C(o,n.value,this.$$p_d,"toProp"))}for(const n in this.$$p_d)!(n in this.$$d)&&this[n]!==void 0&&(this.$$d[n]=this[n],delete this[n]);this.$$c=new this.$$ctor({target:this.shadowRoot||this,props:K(q({},this.$$d),{$$slots:r,$$scope:{ctx:[]}})});const s=()=>{this.$$r=!0;for(const n in this.$$p_d)if(this.$$d[n]=this.$$c.$$.ctx[this.$$c.$$.props[n]],this.$$p_d[n].reflect){const o=C(n,this.$$d[n],this.$$p_d,"toAttribute");o==null?this.removeAttribute(this.$$p_d[n].attribute||n):this.setAttribute(this.$$p_d[n].attribute||n,o)}this.$$r=!1};this.$$c.$$.after_update.push(s),s();for(const n in this.$$l)for(const o of this.$$l[n]){const u=this.$$c.$on(n,o);this.$$l_u.set(o,u)}this.$$l={}}})}attributeChangedCallback(t,r,i){var s;this.$$r||(t=this.$$g_p(t),this.$$d[t]=C(t,i,this.$$p_d,"toProp"),(s=this.$$c)==null||s.$set({[t]:this.$$d[t]}))}disconnectedCallback(){this.$$cn=!1,Promise.resolve().then(()=>{!this.$$cn&&this.$$c&&(this.$$c.$destroy(),this.$$c=void 0)})}$$g_p(t){return Object.keys(this.$$p_d).find(r=>this.$$p_d[r].attribute===t||!this.$$p_d[r].attribute&&r.toLowerCase()===t)||t}});function C(e,t,r,i){var n;const s=(n=r[e])==null?void 0:n.type;if(t=s==="Boolean"&&typeof t!="boolean"?t!=null:t,!i||!r[e])return t;if(i==="toAttribute")switch(s){case"Object":case"Array":return t==null?null:JSON.stringify(t);case"Boolean":return t?"":null;case"Number":return t==null?null:t;default:return t}else switch(s){case"Object":case"Array":return t&&JSON.parse(t);case"Boolean":return t;case"Number":return t!=null?+t:t;default:return t}}function jt(e,t,r,i,s,n){let o=class extends nt{constructor(){super(e,r,s),this.$$p_d=t}static get observedAttributes(){return Object.keys(t).map(u=>(t[u].attribute||u).toLowerCase())}};return Object.keys(t).forEach(u=>{Object.defineProperty(o.prototype,u,{get(){return this.$$c&&u in this.$$c?this.$$c[u]:this.$$d[u]},set(l){var c;l=C(u,l,t),this.$$d[u]=l,(c=this.$$c)==null||c.$set({[u]:l})}})}),i.forEach(u=>{Object.defineProperty(o.prototype,u,{get(){var l;return(l=this.$$c)==null?void 0:l[u]}})}),e.element=o,o}class At{constructor(){f(this,"$$");f(this,"$$set")}$destroy(){Lt(this,1),this.$destroy=W}$on(t,r){if(!et(r))return W;const i=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return i.push(r),()=>{const s=i.indexOf(r);s!==-1&&i.splice(s,1)}}$set(t){this.$$set&&!ht(t)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1)}}const Nt="4";typeof window!="undefined"&&(window.__svelte||(window.__svelte={v:new Set})).v.add(Nt);function Ft(e){$t(e,"svelte-1s0yc9b",'*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.general-icon-progress-ring{background:var(--emw--color-black, #000000);color:var(--emw--color-white, #FFFFFF)}.Progress{margin:auto;width:var(--progressRingWidth);height:var(--progressRingWidth);position:relative}.Progress .InnerSection{position:absolute;width:var(--innerSectionWidth);height:var(--innerSectionWidth);background-color:white;border-radius:50%;left:var(--innerSectionLeft, 1rem);top:var(--innerSectionLeft, 1rem);line-height:var(--innerSectionWidth);text-align:center}.Progress .InnerSection .Percent{background-color:var(--progresscolor);border-radius:50%;width:var(--percentSectionWidth);height:var(--percentSectionWidth);position:absolute;left:var(--percentSectionLeft, 0.1rem);top:var(--percentSectionLeft, 0.1rem)}.Left,.Right{width:var(--leftRotateSectionWidth);height:var(--progressRingWidth);overflow:hidden;position:relative;float:left;background-color:#F2F4F6}.Left{border-radius:0;border-top-left-radius:var(--progressRingWidth);border-bottom-left-radius:var(--progressRingWidth)}.Right{border-radius:0;border-top-right-radius:var(--progressRingWidth);border-bottom-right-radius:var(--progressRingWidth)}.Left:after,.Right:after{content:"";position:absolute;display:block;width:var(--leftRotateSectionAfterWidth);height:var(--progressRingWidth, 8em);background-color:white;border-radius:0;border-top-left-radius:var(--progressRingWidth);border-bottom-left-radius:var(--progressRingWidth);background-color:var(--progresscolor);transition-property:transform;transition-duration:1.1s;transition-timing-function:cubic-bezier(0.43, 0.8, 0.95, 0.88);transition-delay:0.5s}.Right:after{content:"";position:absolute;display:block;border-radius:0;border-top-right-radius:var(--widthInPx);border-bottom-right-radius:var(--widthInPx)}.Left:after{transform-origin:right center;transform:rotateZ(var(--leftRotateDeg, 180deg))}.Right:after{transform-origin:left center;transform:rotateZ(var(--rightRotateDeg, 0deg))}')}function It(e){let t,r,i,s,n,o,u,l;return{c(){t=_("div"),r=_("div"),i=_("div"),s=bt(),n=_("div"),o=_("div"),u=I(e[0]),l=I("%"),$(r,"class","Left"),$(r,"part","Progress Left"),$(i,"class","Right"),$(i,"part","Progress Right"),$(o,"class","Percent"),$(o,"part","Progress Percent"),$(n,"class","InnerSection"),$(n,"part","Progress InnerSection"),$(t,"class","general-icon-progress-ring Progress"),$(t,"part","ProgressRing")},m(c,a){rt(c,t,a),b(t,r),b(t,i),b(t,s),b(t,n),b(n,o),b(o,u),b(o,l),e[5](t)},p(c,[a]){a&1&&mt(u,c[0])},i:W,o:W,d(c){c&&V(t),e[5](null)}}}function Bt(e,t,r){let{currentstep:i=0}=t,{livecolor:s="#00AEEF"}=t,{expiredcolor:n="#C4C4C4"}=t,{status:o="true"}=t,u=100,l,c,a,h,w,R,S,T,z,H,P,L,g,A;const J=(d,p)=>{for(const O in p)d.style.setProperty(`--${O}`,p[O])},Z=(d,p)=>(J(d,p),{update(O){J(d,O)}}),st=()=>{o=="true"?A=s:A=n,l=u*.74,c=(u-l)/2,a=u*.7,h=`${u}px`,w=`${l}px`,R=`${c}px`,S=`${a}px`,T=`${(l-a)/2}px`,z=`${u/2}px`,H=`${u/2+1}px`,Z(g,{progressRingWidth:h,innerSectionWidth:w,innerSectionLeft:R,progresscolor:A,percentSectionWidth:S,percentSectionLeft:T,leftRotateSectionWidth:z,leftRotateSectionAfterWidth:H})},G=()=>{g&&(P="0deg",L="0deg",i>100?(r(0,i=100),P="360deg"):i>=50?(P=`${(i-50)/50*180+180}deg`,L="0deg"):(P="180deg",L=`${i/50*180-180}deg`),Z(g,{rightRotateDeg:L,leftRotateDeg:P}))};xt(()=>{if(g.offsetWidth==0)return;let d=g.offsetWidth,p=g.offsetHeight;u=d>p&&d*p>0?p||100:d||100,st()});function ot(d){B[d?"unshift":"push"](()=>{g=d,r(1,g)})}return e.$$set=d=>{"currentstep"in d&&r(0,i=d.currentstep),"livecolor"in d&&r(2,s=d.livecolor),"expiredcolor"in d&&r(3,n=d.expiredcolor),"status"in d&&r(4,o=d.status)},e.$$.update=()=>{e.$$.dirty&1&&i&&G(),e.$$.dirty&16&&o&&G()},[i,g,s,n,o,ot]}class it extends At{constructor(t){super(),Ct(this,t,Bt,It,ft,{currentstep:0,livecolor:2,expiredcolor:3,status:4},Ft)}get currentstep(){return this.$$.ctx[0]}set currentstep(t){this.$$set({currentstep:t}),v()}get livecolor(){return this.$$.ctx[2]}set livecolor(t){this.$$set({livecolor:t}),v()}get expiredcolor(){return this.$$.ctx[3]}set expiredcolor(t){this.$$set({expiredcolor:t}),v()}get status(){return this.$$.ctx[4]}set status(t){this.$$set({status:t}),v()}}jt(it,{currentstep:{},livecolor:{},expiredcolor:{},status:{}},[],[],!0);exports.default=it;
|