forstok-ui-lib 6.2.12 → 6.3.2
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/dist/index.d.ts +20 -18
- package/dist/index.js +252 -62
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +317 -127
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/assets/javascripts/function.ts +2 -2
- package/src/assets/stylesheets/shares.styles.ts +197 -5
- package/src/typeds/shares.typed.ts +29 -1
package/dist/index.mjs
CHANGED
|
@@ -162,13 +162,13 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
162
162
|
font-size: 28px;
|
|
163
163
|
margin-right: 16px;
|
|
164
164
|
}
|
|
165
|
-
`,et=e=>{var t,i,{$mode:a,$aliasLabel:o,$isError:s,$iconLeft:l,$iconRight:c,reset:d,setReset:u,isForceUpdate:p,setForceUpdate:h,evChange:g,evBlur:m,isField:f,evChangeCustom:x,evEnter:y,evKeyUp:v}=e,b=w(e,["$mode","$aliasLabel","$isError","$iconLeft","$iconRight","reset","setReset","isForceUpdate","setForceUpdate","evChange","evBlur","isField","evChangeCustom","evEnter","evKeyUp"]);const{type:C,name:k,defaultValue:I,defaultChecked:E}=b,A="currency"===a?Ie(null!==(t=null==I?void 0:I.toString())&&void 0!==t?t:""):null!==(i=null==I?void 0:I.toString())&&void 0!==i?i:"",[D,j]=n(A),[S,F]=n(E||!1);r((()=>{var e,t;if(p){const n="currency"===a?Ie(null!==(e=null==I?void 0:I.toString())&&void 0!==e?e:""):null!==(t=null==I?void 0:I.toString())&&void 0!==t?t:"";j(n),F(E||!1),h&&h(!1)}d&&(j(""),F(!1),u&&u(!1))}),[p,h,d,u,I,E,F,a]);const N=e=>{const t=e.target.value;j(t)};let T=Object.assign({},b);delete T.defaultValue,delete T.defaultChecked;const O=M.jsx(Qe,Object.assign({$mode:a,$isError:s,$iconLeft:l,$iconRight:c,checked:S,value:D,onChange:e=>{N(e),g&&g(e)},onBlur:e=>{N(e),(e=>{if(m&&m(e),f&&y&&y(e),f&&k){const t="number"===C?parseInt(e.target.value):"currency"===a?e.target.value?parseInt(Ie(e.target.value,!1)):null:e.target.value.trim();x&&x(k,t)}})(e)},onKeyUp:e=>{v&&v(e),(e=>{"currency"===a&&(e.currentTarget.value=Ie(e.currentTarget.value)),"Enter"===e.key&&(e.preventDefault(),f&&y&&y(e))})(e)}},("number"===C||"currency"===a)&&{onKeyPress:e=>{const t=e.target;return"number"!==C&&"currency"!==a||(isNaN(Number(e.key))||void 0===e.key||""===e.key)&&e.preventDefault(),"currency"!==a||((1!==t.value.length||"0"!==e.key||"0"!==t.value)&&" "!==e.key||void e.preventDefault())}},"number"===C&&{onPaste:e=>{const t=(e.clipboardData||window.clipboardData).getData("text").replace(/[^0-9]/g,"");e.preventDefault(),document.execCommand("insertText",!1,t)}},"number"===C&&{onFocus:e=>e.target.addEventListener("wheel",(function(e){e.preventDefault()}),{passive:!1})},"number"===C&&{min:"0"},o&&{$aliasLabel:o},T));return"currency"===a?M.jsxs(Ue,{children:[O,M.jsxs(qe,{children:[o||"","Rp"]})]}):O},tt=i(((e,t)=>{var{$mode:n,$isError:r,$iconLeft:i,$iconRight:a}=e,o=w(e,["$mode","$isError","$iconLeft","$iconRight"]);const{type:s}=o,l=M.jsx(Qe,Object.assign({ref:t,$mode:n,$isError:r,$iconLeft:i,$iconRight:a,onKeyUp:e=>{(e=>{"currency"===n&&(e.currentTarget.value=Ie(e.currentTarget.value))})(e)}},("number"===s||"currency"===n)&&{onKeyPress:e=>{const t=e.target;return"number"!==s&&"currency"!==n||(isNaN(Number(e.key))||void 0===e.key||""===e.key)&&e.preventDefault(),"currency"!==n||((1!==t.value.length||"0"!==e.key||"0"!==t.value)&&" "!==e.key||void e.preventDefault())}},"number"===s&&{onPaste:e=>{const t=(e.clipboardData||window.clipboardData).getData("text").replace(/[^0-9]/g,"");e.preventDefault(),document.execCommand("insertText",!1,t)}},"number"===s&&{onFocus:e=>e.target.addEventListener("wheel",(function(e){e.preventDefault()}),{passive:!1})},"number"===s&&{min:"0"},o));return"currency"===n?M.jsxs(Ue,{children:[l,M.jsx(qe,{children:"Rp"})]}):l})),nt=e=>{var{otpLength:t=6,value:n,onChange:r}=e,i=w(e,["otpLength","value","onChange"]);const a=e=>{var i;const a=e.target,o=a.value,s=a.dataset.index?parseInt(a.dataset.index):0;if(""===o||/^\d$/.test(o)){let e=n.split("");e[s]=o;const a=e.join("");r(a),""!==o&&s<t-1&&(null===(i=document.getElementById(`otp-inputbox-${s+1}`))||void 0===i||i.focus())}},o=e=>{var t;const r=e.target,i=r.dataset.index?parseInt(r.dataset.index):0;"Backspace"===e.key&&!n[i]&&i>0&&(null===(t=document.getElementById("otp-inputbox-"+(i-1)))||void 0===t||t.focus())};let s=[];for(let e=0;e<t;e++)s.push(M.jsx(Ke,Object.assign({"data-index":e,id:`otp-inputbox-${e}`,name:`otp-input-${e}`,autoComplete:"one-time-code",inputMode:"numeric",required:!0,value:n[e]||"",onChange:e=>a(e),onKeyDown:e=>o(e),onFocus:e=>{e.target.addEventListener("wheel",(function(e){e.preventDefault()}),{passive:!1}),e.target.select()}},i),e));return M.jsx("div",{onPaste:e=>{e.preventDefault();const n=e.clipboardData.getData("Text").replace(/\D/g,"").slice(0,t);r(n)},children:s})},
|
|
165
|
+
`,et=e=>{var t,i,{$mode:a,$aliasLabel:o,$isError:s,$iconLeft:l,$iconRight:c,reset:d,setReset:u,isForceUpdate:p,setForceUpdate:h,evChange:g,evBlur:m,isField:f,evChangeCustom:x,evEnter:y,evKeyUp:v}=e,b=w(e,["$mode","$aliasLabel","$isError","$iconLeft","$iconRight","reset","setReset","isForceUpdate","setForceUpdate","evChange","evBlur","isField","evChangeCustom","evEnter","evKeyUp"]);const{type:C,name:k,defaultValue:I,defaultChecked:E}=b,A="currency"===a?Ie(null!==(t=null==I?void 0:I.toString())&&void 0!==t?t:""):null!==(i=null==I?void 0:I.toString())&&void 0!==i?i:"",[D,j]=n(A),[S,F]=n(E||!1);r((()=>{var e,t;if(p){const n="currency"===a?Ie(null!==(e=null==I?void 0:I.toString())&&void 0!==e?e:""):null!==(t=null==I?void 0:I.toString())&&void 0!==t?t:"";j(n),F(E||!1),h&&h(!1)}d&&(j(""),F(!1),u&&u(!1))}),[p,h,d,u,I,E,F,a]);const N=e=>{const t=e.target.value;j(t)};let T=Object.assign({},b);delete T.defaultValue,delete T.defaultChecked;const O=M.jsx(Qe,Object.assign({$mode:a,$isError:s,$iconLeft:l,$iconRight:c,checked:S,value:D,onChange:e=>{N(e),g&&g(e)},onBlur:e=>{N(e),(e=>{if(m&&m(e),f&&y&&y(e),f&&k){const t="number"===C?parseInt(e.target.value):"currency"===a?e.target.value?parseInt(Ie(e.target.value,!1)):null:e.target.value.trim();x&&x(k,t)}})(e)},onKeyUp:e=>{v&&v(e),(e=>{"currency"===a&&(e.currentTarget.value=Ie(e.currentTarget.value)),"Enter"===e.key&&(e.preventDefault(),f&&y&&y(e))})(e)}},("number"===C||"currency"===a)&&{onKeyPress:e=>{const t=e.target;return"number"!==C&&"currency"!==a||(isNaN(Number(e.key))||void 0===e.key||""===e.key)&&e.preventDefault(),"currency"!==a||((1!==t.value.length||"0"!==e.key||"0"!==t.value)&&" "!==e.key||void e.preventDefault())}},"number"===C&&{onPaste:e=>{const t=(e.clipboardData||window.clipboardData).getData("text").replace(/[^0-9]/g,"");e.preventDefault(),document.execCommand("insertText",!1,t)}},"number"===C&&{onFocus:e=>e.target.addEventListener("wheel",(function(e){e.preventDefault()}),{passive:!1})},"number"===C&&{min:"0"},o&&{$aliasLabel:o},T));return"currency"===a?M.jsxs(Ue,{children:[O,M.jsxs(qe,{children:[o||"","Rp"]})]}):O},tt=i(((e,t)=>{var{$mode:n,$isError:r,$iconLeft:i,$iconRight:a}=e,o=w(e,["$mode","$isError","$iconLeft","$iconRight"]);const{type:s}=o,l=M.jsx(Qe,Object.assign({ref:t,$mode:n,$isError:r,$iconLeft:i,$iconRight:a,onKeyUp:e=>{(e=>{"currency"===n&&(e.currentTarget.value=Ie(e.currentTarget.value))})(e)}},("number"===s||"currency"===n)&&{onKeyPress:e=>{const t=e.target;return"number"!==s&&"currency"!==n||(isNaN(Number(e.key))||void 0===e.key||""===e.key)&&e.preventDefault(),"currency"!==n||((1!==t.value.length||"0"!==e.key||"0"!==t.value)&&" "!==e.key||void e.preventDefault())}},"number"===s&&{onPaste:e=>{const t=(e.clipboardData||window.clipboardData).getData("text").replace(/[^0-9]/g,"");e.preventDefault(),document.execCommand("insertText",!1,t)}},"number"===s&&{onFocus:e=>e.target.addEventListener("wheel",(function(e){e.preventDefault()}),{passive:!1})},"number"===s&&{min:"0"},o));return"currency"===n?M.jsxs(Ue,{children:[l,M.jsx(qe,{children:"Rp"})]}):l})),nt=e=>{var{otpLength:t=6,value:n,onChange:r}=e,i=w(e,["otpLength","value","onChange"]);const a=e=>{var i;const a=e.target,o=a.value,s=a.dataset.index?parseInt(a.dataset.index):0;if(""===o||/^\d$/.test(o)){let e=n.split("");e[s]=o;const a=e.join("");r(a),""!==o&&s<t-1&&(null===(i=document.getElementById(`otp-inputbox-${s+1}`))||void 0===i||i.focus())}},o=e=>{var t;const r=e.target,i=r.dataset.index?parseInt(r.dataset.index):0;"Backspace"===e.key&&!n[i]&&i>0&&(null===(t=document.getElementById("otp-inputbox-"+(i-1)))||void 0===t||t.focus())};let s=[];for(let e=0;e<t;e++)s.push(M.jsx(Ke,Object.assign({"data-index":e,id:`otp-inputbox-${e}`,name:`otp-input-${e}`,autoComplete:"one-time-code",inputMode:"numeric",required:!0,value:n[e]||"",onChange:e=>a(e),onKeyDown:e=>o(e),onFocus:e=>{e.target.addEventListener("wheel",(function(e){e.preventDefault()}),{passive:!1}),e.target.select()}},i),e));return M.jsx("div",{onPaste:e=>{e.preventDefault();const n=e.clipboardData.getData("Text").replace(/\D/g,"").slice(0,t);r(n)},children:s})},rt=y`
|
|
166
166
|
position: absolute;
|
|
167
167
|
opacity: 0;
|
|
168
168
|
cursor: pointer;
|
|
169
169
|
height: 0;
|
|
170
170
|
width: 0;
|
|
171
|
-
`,
|
|
171
|
+
`,it=y`
|
|
172
172
|
padding-right: 18px;
|
|
173
173
|
i {
|
|
174
174
|
position: absolute;
|
|
@@ -176,7 +176,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
176
176
|
top: 50%;
|
|
177
177
|
margin-top: -10px;
|
|
178
178
|
}
|
|
179
|
-
`,
|
|
179
|
+
`,at=x.span`
|
|
180
180
|
position: absolute;
|
|
181
181
|
left: 0;
|
|
182
182
|
height: 14px;
|
|
@@ -196,7 +196,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
196
196
|
border-radius: var(--ter-rd);
|
|
197
197
|
}
|
|
198
198
|
${({$isError:e})=>{let t="";return e&&(t+=" \n border:1px solid #fc5c64; \n "),t}}
|
|
199
|
-
`,
|
|
199
|
+
`,ot=x.label`
|
|
200
200
|
grid-gap: 6px;
|
|
201
201
|
position: relative;
|
|
202
202
|
cursor: pointer;
|
|
@@ -204,7 +204,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
204
204
|
align-items: center;
|
|
205
205
|
padding-left: 24px;
|
|
206
206
|
> input {
|
|
207
|
-
${
|
|
207
|
+
${rt}
|
|
208
208
|
}
|
|
209
209
|
input:checked ~ span,
|
|
210
210
|
input.checked ~ span {
|
|
@@ -218,7 +218,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
218
218
|
@media (min-width: 425px) {
|
|
219
219
|
padding-left: 24px;
|
|
220
220
|
}
|
|
221
|
-
${({$flow:e,$iconRight:t,disabled:n})=>{let r="";if(n&&(r+="\n cursor: default; \n "),"column"===e)r+="\n display: inline-grid; \n grid-auto-flow: column;\n ";else r+="\n display: grid; \n grid-auto-flow: row;\n ";return t&&(r+=
|
|
221
|
+
${({$flow:e,$iconRight:t,disabled:n})=>{let r="";if(n&&(r+="\n cursor: default; \n "),"column"===e)r+="\n display: inline-grid; \n grid-auto-flow: column;\n ";else r+="\n display: grid; \n grid-auto-flow: row;\n ";return t&&(r+=it),r}}
|
|
222
222
|
`;x.input`
|
|
223
223
|
&:disabled {
|
|
224
224
|
cursor: default;
|
|
@@ -227,8 +227,8 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
227
227
|
border-color: var(--pri-clr-ln);
|
|
228
228
|
}
|
|
229
229
|
}
|
|
230
|
-
${
|
|
231
|
-
`;const
|
|
230
|
+
${rt}
|
|
231
|
+
`;const st=e=>{var{id:t,name:i,children:o,$flow:s,extendKey:l,extendClass:c,reset:d,setReset:u,isForceUpdate:p,setForceUpdate:h,evChange:g,$isError:m,$iconRight:f}=e,x=w(e,["id","name","children","$flow","extendKey","extendClass","reset","setReset","isForceUpdate","setForceUpdate","evChange","$isError","$iconRight"]);const{disabled:y,defaultChecked:v}=x,[b,C]=n(v||!1),k=a(null);r((()=>{p&&(C(v||!1),h&&h(!1)),d&&(C(!1),u&&u(!1))}),[d,u,p,h,v]);return delete Object.assign({},x).defaultChecked,M.jsxs(ot,{$flow:s,$iconRight:f,ref:k,htmlFor:t,disabled:y||!1,children:[o,M.jsx(et,Object.assign({id:t,type:"checkbox",checked:b,name:i,evChange:e=>{C(e.target.checked),g&&g(e)}},c&&{className:c},""!==l&&{"data-key":l},x)),M.jsx(at,Object.assign({$isError:m},x["data-qa-id"]&&{"data-qa-id":x["data-qa-id"]}))]})};y`
|
|
232
232
|
width: 32px;
|
|
233
233
|
height: 32px;
|
|
234
234
|
align-items: center;
|
|
@@ -237,7 +237,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
237
237
|
`,y`
|
|
238
238
|
display: inline-grid;
|
|
239
239
|
width: 100%;
|
|
240
|
-
`;const
|
|
240
|
+
`;const lt=x.aside`
|
|
241
241
|
display: grid;
|
|
242
242
|
grid-auto-flow: column;
|
|
243
243
|
grid-gap: 8px;
|
|
@@ -254,7 +254,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
254
254
|
@media only screen and (min-width: 1800px) {
|
|
255
255
|
right: 28px;
|
|
256
256
|
}
|
|
257
|
-
`,
|
|
257
|
+
`,ct=x.h1`
|
|
258
258
|
font-size: 22px;
|
|
259
259
|
color: var(--ter-clr);
|
|
260
260
|
> aside {
|
|
@@ -270,7 +270,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
270
270
|
display: inline !important;
|
|
271
271
|
}
|
|
272
272
|
}
|
|
273
|
-
`,
|
|
273
|
+
`,dt=x.section`
|
|
274
274
|
${L}
|
|
275
275
|
position: relative;
|
|
276
276
|
min-height: 1px;
|
|
@@ -283,7 +283,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
283
283
|
${({$mode:e})=>"full"===e&&y`
|
|
284
284
|
width: 100%;
|
|
285
285
|
`}
|
|
286
|
-
`,
|
|
286
|
+
`,ut=x.section`
|
|
287
287
|
position: relative;
|
|
288
288
|
height: 100%;
|
|
289
289
|
padding: 5px 5px 0;
|
|
@@ -292,13 +292,13 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
292
292
|
margin-top: 1em;
|
|
293
293
|
}
|
|
294
294
|
&._refCashierPanelContainer {
|
|
295
|
-
${
|
|
295
|
+
${lt} {
|
|
296
296
|
margin-top: 0;
|
|
297
297
|
}
|
|
298
|
-
${
|
|
298
|
+
${ct} {
|
|
299
299
|
display: none;
|
|
300
300
|
}
|
|
301
|
-
${
|
|
301
|
+
${dt} {
|
|
302
302
|
padding-left: 8px !important;
|
|
303
303
|
padding-right: 8px !important;
|
|
304
304
|
}
|
|
@@ -306,10 +306,10 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
306
306
|
@media only screen and (min-width: 768px) {
|
|
307
307
|
padding: 10px 1em 0;
|
|
308
308
|
&._refCashierPanelContainer {
|
|
309
|
-
${
|
|
309
|
+
${ct} {
|
|
310
310
|
display: block;
|
|
311
311
|
}
|
|
312
|
-
${
|
|
312
|
+
${dt} {
|
|
313
313
|
padding-left: 16px !important;
|
|
314
314
|
padding-right: 16px !important;
|
|
315
315
|
}
|
|
@@ -317,7 +317,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
317
317
|
}
|
|
318
318
|
@media only screen and (min-width: 1024px) {
|
|
319
319
|
&._refCashierPanelContainer {
|
|
320
|
-
${
|
|
320
|
+
${lt} {
|
|
321
321
|
> i {
|
|
322
322
|
&:first-child, &:nth-child(3) {
|
|
323
323
|
display: none;
|
|
@@ -344,7 +344,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
344
344
|
display: none !important;
|
|
345
345
|
}
|
|
346
346
|
`}}
|
|
347
|
-
`,
|
|
347
|
+
`,pt=x.section`
|
|
348
348
|
position: relative;
|
|
349
349
|
&:first-child {
|
|
350
350
|
margin-top: -4px;
|
|
@@ -359,7 +359,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
359
359
|
padding-right: 0;
|
|
360
360
|
}
|
|
361
361
|
}
|
|
362
|
-
`,
|
|
362
|
+
`,ht=x.section`
|
|
363
363
|
width: 100%;
|
|
364
364
|
${({$mode:e})=>"master-listing"===e?y`
|
|
365
365
|
padding: 0 16px;
|
|
@@ -368,7 +368,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
368
368
|
`:"no-header"===e?y`
|
|
369
369
|
padding-top: 0;
|
|
370
370
|
`:void 0}
|
|
371
|
-
`,
|
|
371
|
+
`,gt=x.div`
|
|
372
372
|
padding-top: 16px;
|
|
373
373
|
&._refNoTab {
|
|
374
374
|
padding-top: 0;
|
|
@@ -379,7 +379,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
379
379
|
}
|
|
380
380
|
}
|
|
381
381
|
${({$mode:e})=>{let t="";return"list"===e?t+=" \n min-height: 750px;\n @media only screen and (min-width: 1280px) {\n min-height: 600px;\n }\n ":"chat"===e?t+="\n height: calc(100vh - 150px);\n overflow: hidden;\n ":"clear"===e&&(t+="\n padding-top: 9px;\n @media only screen and (min-width: 768px) {\n padding-top: 11px;\n }\n "),t}}
|
|
382
|
-
`,
|
|
382
|
+
`,mt=x.section`
|
|
383
383
|
position: relative;
|
|
384
384
|
> section,
|
|
385
385
|
> article {
|
|
@@ -414,7 +414,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
414
414
|
}
|
|
415
415
|
}
|
|
416
416
|
`}
|
|
417
|
-
`,
|
|
417
|
+
`,ft=x.aside`
|
|
418
418
|
position: relative;
|
|
419
419
|
padding: 0;
|
|
420
420
|
text-align: center;
|
|
@@ -467,7 +467,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
467
467
|
@media (min-width: 1366px) {
|
|
468
468
|
margin-left: 28px !important;
|
|
469
469
|
}
|
|
470
|
-
`,
|
|
470
|
+
`,xt=x.div`
|
|
471
471
|
display: inline-grid;
|
|
472
472
|
grid-auto-flow: column;
|
|
473
473
|
grid-template-columns: minmax(140px, 165px) minmax(140px, 1fr);
|
|
@@ -487,7 +487,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
487
487
|
overflow-wrap: break-word;
|
|
488
488
|
word-break: break-word;
|
|
489
489
|
}
|
|
490
|
-
`,
|
|
490
|
+
`,yt=x.span`
|
|
491
491
|
color: var(--mt-clr);
|
|
492
492
|
font-size: 12px;
|
|
493
493
|
word-break: break-all;
|
|
@@ -507,7 +507,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
507
507
|
margin-right: 4px;
|
|
508
508
|
}
|
|
509
509
|
`}
|
|
510
|
-
`,
|
|
510
|
+
`,vt=x.article`
|
|
511
511
|
> label,
|
|
512
512
|
> aside {
|
|
513
513
|
${W}
|
|
@@ -521,13 +521,13 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
521
521
|
._refRangeContainer {
|
|
522
522
|
width: 100%;
|
|
523
523
|
}
|
|
524
|
-
${({$mode:e,$required:t})=>{let n="";return"column"===e?n+=" \n display: grid;\n grid-auto-flow: column;\n grid-template-columns: 1.1fr 2fr;\n align-items: baseline;\n grid-gap: 10px;\n > label, > aside {\n padding: 0;\n margin: 0;\n }\n ":"column-product"===e&&(n+=` \n > div {\n display: grid;\n grid-auto-flow: column;\n grid-template-columns: max-content auto;\n grid-gap: 10px;\n ${
|
|
525
|
-
`,
|
|
524
|
+
${({$mode:e,$required:t})=>{let n="";return"column"===e?n+=" \n display: grid;\n grid-auto-flow: column;\n grid-template-columns: 1.1fr 2fr;\n align-items: baseline;\n grid-gap: 10px;\n > label, > aside {\n padding: 0;\n margin: 0;\n }\n ":"column-product"===e&&(n+=` \n > div {\n display: grid;\n grid-auto-flow: column;\n grid-template-columns: max-content auto;\n grid-gap: 10px;\n ${yt} {\n display: grid;\n align-items: center;\n }\n }\n `),t&&(n+=" \n > label, > aside {\n &:after {\n content: '*';\n color: red;\n }\n }\n "),n}}
|
|
525
|
+
`,bt=x.aside`
|
|
526
526
|
position: relative;
|
|
527
527
|
@media only screen and (min-width: 768px) {
|
|
528
528
|
padding-bottom: 16px;
|
|
529
529
|
}
|
|
530
|
-
`,
|
|
530
|
+
`,Ct=x.aside`
|
|
531
531
|
position: fixed;
|
|
532
532
|
z-index: 101;
|
|
533
533
|
bottom: -100%;
|
|
@@ -656,7 +656,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
656
656
|
}
|
|
657
657
|
}
|
|
658
658
|
`}
|
|
659
|
-
`,
|
|
659
|
+
`,wt=x.span`
|
|
660
660
|
height: 32px;
|
|
661
661
|
background-color: #000;
|
|
662
662
|
align-items: center;
|
|
@@ -665,7 +665,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
665
665
|
text-align: center !important;
|
|
666
666
|
border-radius: var(--ter-rd);
|
|
667
667
|
width: 100%;
|
|
668
|
-
`,
|
|
668
|
+
`,kt=x.section`
|
|
669
669
|
height: 35px;
|
|
670
670
|
border-bottom: 1px solid var(--tab-clr-ln);
|
|
671
671
|
background-color: var(--pri-clr-bg);
|
|
@@ -687,7 +687,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
687
687
|
height: 50px !important;
|
|
688
688
|
}
|
|
689
689
|
`}
|
|
690
|
-
`,
|
|
690
|
+
`,It=x.figure`
|
|
691
691
|
margin: 0;
|
|
692
692
|
position: relative;
|
|
693
693
|
overflow: hidden;
|
|
@@ -708,12 +708,12 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
708
708
|
width:${e};
|
|
709
709
|
height:${e};
|
|
710
710
|
`}
|
|
711
|
-
`,
|
|
711
|
+
`,Et=x.section`
|
|
712
712
|
height: 100%;
|
|
713
|
-
${
|
|
713
|
+
${ut} {
|
|
714
714
|
overflow-y: auto;
|
|
715
715
|
}
|
|
716
|
-
`,
|
|
716
|
+
`,At=x.main`
|
|
717
717
|
display: inline-grid;
|
|
718
718
|
width: 100%;
|
|
719
719
|
> section {
|
|
@@ -730,18 +730,18 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
730
730
|
grid-template-columns: calc(100vw - 450px) 450px;
|
|
731
731
|
height: calc(100vh - 50px);
|
|
732
732
|
}
|
|
733
|
-
`,
|
|
733
|
+
`,Dt=x.section`
|
|
734
734
|
border-right: 1px solid var(--lay-clr-ln);
|
|
735
|
-
`,
|
|
735
|
+
`,jt=x.section`
|
|
736
736
|
display: none !important;
|
|
737
737
|
background-color: var(--pri-clr-bg);
|
|
738
|
-
${
|
|
738
|
+
${ut} {
|
|
739
739
|
height: calc(100vh - 50px);
|
|
740
740
|
}
|
|
741
741
|
@media only screen and (min-width: 1024px) {
|
|
742
742
|
display: inline-grid !important;
|
|
743
743
|
}
|
|
744
|
-
`,
|
|
744
|
+
`,St=x.div`
|
|
745
745
|
position: relative;
|
|
746
746
|
input[name='search'] {
|
|
747
747
|
font-size: 13px;
|
|
@@ -780,7 +780,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
780
780
|
}
|
|
781
781
|
}
|
|
782
782
|
`}}
|
|
783
|
-
`,
|
|
783
|
+
`,Ft=x.span`
|
|
784
784
|
color: var(--mt-clr);
|
|
785
785
|
position: relative;
|
|
786
786
|
cursor: pointer;
|
|
@@ -795,7 +795,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
795
795
|
display: inline;
|
|
796
796
|
width: auto;
|
|
797
797
|
}
|
|
798
|
-
`,
|
|
798
|
+
`,Mt=x.div`
|
|
799
799
|
display: grid;
|
|
800
800
|
border-bottom: 2px solid var(--ter-clr-ln);
|
|
801
801
|
padding-top: 22px;
|
|
@@ -804,7 +804,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
804
804
|
> span:last-child {
|
|
805
805
|
justify-self: right;
|
|
806
806
|
}
|
|
807
|
-
& ${
|
|
807
|
+
& ${Ft} {
|
|
808
808
|
&:empty, &:last-child {
|
|
809
809
|
cursor: default;
|
|
810
810
|
&:after { display: none; }
|
|
@@ -813,14 +813,14 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
813
813
|
@media only screen and (min-width: 1366px) {
|
|
814
814
|
padding-top: 28px;
|
|
815
815
|
}
|
|
816
|
-
${({$mode:e,$isPlayground:t})=>{let n=`\n & ${
|
|
817
|
-
`,
|
|
816
|
+
${({$mode:e,$isPlayground:t})=>{let n=`\n & ${Ft} {\n &:empty, \n &:last-child {\n cursor: default;\n &:after { \n display: none; \n }\n }\n }\n `;if("order-detail"===e)n+=`\n padding-top: 16px;\n padding-bottom: 10px;\n display: inline-grid;\n width: 100%;\n grid-gap: 8px;\n @media only screen and (max-width: 767.9px) {\n > div {\n &:first-child {\n position: absolute;\n top: 16px;\n letter-spacing: 0;\n }\n &:nth-child(2) { \n margin-left: 50px; \n }\n }\n }\n @media only screen and (min-width: 768px) {\n grid-template-columns: 40px 1fr max-content;\n background-color: transparent;\n border-bottom: 0;\n &:hover {\n background-color: transparent;\n }\n ${Nt}, \n ${Tt} { \n display: grid; \n }\n > div {\n &:nth-child(1) { \n display: grid; \n }\n &:nth-child(2) {\n > div:nth-child(2) {\n > span:nth-child(1) { \n display: none; \n }\n }\n }\n &:nth-child(3) {\n > div:nth-child(1) { \n display: none; \n }\n }\n }\n }\n @media only screen and (min-width: 1024px) {\n > div {\n &:nth-child(2) {\n > div:nth-child(2) {\n > span:nth-child(1) { \n display: block; \n }\n }\n }\n &:nth-child(3) {\n > div:nth-child(1) { \n display: grid; \n }\n }\n }\n }\n `;else if("picklist-detail"===e)n+=`\n padding-top: 16px;\n padding-bottom: 10px;\n grid-template-columns: 1fr max-content;\n background-color: transparent;\n &:hover { \n background-color: transparent; \n }\n ${Tt} {\n justify-content: start;\n padding-top: 12px;\n }\n @media only screen and (min-width: 768px) {\n border-bottom: 0;\n ${Tt} {\n justify-content: end;\n padding-top: 0;\n }\n }\n `;else if("product-detail"===e)n+=`\n grid-gap: 10px;\n padding-top: 16px;\n padding-bottom: 10px;\n & ${Tt} {\n justify-content: start;\n }\n @media only screen and (min-width: 768px) {\n grid-template-rows:none;\n grid-template-columns: 1fr max-content;\n min-height: 73px;\n border-bottom: 0;\n }\n `;else if("chat"===e){const e=t?"1fr max-content;":"30px 1fr max-content;";n+=` \n padding: 0;\n align-items: center;\n grid-template-columns: ${e};\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n grid-gap: 8px;\n margin-left: 16px;\n border-bottom: 0;\n ${Nt} { \n ${Ot} {\n span {\n ${B}\n }\n }\n }\n @media only screen and (min-width: 768px) {\n grid-gap: 8px;\n }\n @media only screen and (min-width: 1280px) {\n grid-template-columns: ${e};\n padding: 0 16px 0 16px;\n top: 0;\n transform: none;\n margin-left: 0;\n ${Nt}, \n ${Tt}{\n display: grid;\n }\n ${Nt} {\n ${Ot} {\n grid-template-columns: auto;\n &:first-child {\n margin-bottom: 3px;\n }\n }\n }\n > div {\n position: relative;\n padding: 0;\n &:nth-child(2) {\n display: block;\n }\n :nth-child(4) {\n padding-top: 21px;\n }\n }\n }\n `}else"category"===e&&(n+=`\n & ${Ft} {\n &:last-child {\n cursor: pointer;\n &:after { \n display: inline-block; \n }\n }\n }\n `);return t&&(n+="\n min-height: 41px;\n align-content: center;\n "),n}}
|
|
817
|
+
`,Nt=x.div`
|
|
818
818
|
display: grid;
|
|
819
819
|
grid-auto-flow: row;
|
|
820
820
|
grid-gap: 4px;
|
|
821
821
|
align-content: flex-start;
|
|
822
822
|
${({$content:e,$mode:t})=>{let n="";return"right"===e?n+="\n grid-gap: 4px;\n justify-content: right;\n justify-items: right;\n align-self: start;\n span {\n &:last-child {\n text-align: right;\n }\n }\n ":"right-amount"===e&&(n+="\n grid-gap: 10px;\n justify-content: right;\n justify-items: right;\n align-self: center;\n "),"items"===t?n+=`\n padding-right: 2px;\n grid-gap: 2px;\n align-content: start;\n display: grid !important;\n margin-left: -6px;\n > strong { \n ${P} \n }\n `:"list-items"===t?n+="\n position: relative;\n grid-gap: 10px;\n ":"master-detail-img"===t?n+="\n justify-items: center;\n span {\n text-align: center;\n width: 50px;\n overflow-wrap: break-word;\n }\n ":"item-sale-price"===t&&(n+="\n grid-gap: 2px;\n "),n}}
|
|
823
|
-
`,
|
|
823
|
+
`,Tt=x.div`
|
|
824
824
|
display:grid;
|
|
825
825
|
grid-auto-flow: column;
|
|
826
826
|
grid-gap: 6px;
|
|
@@ -834,7 +834,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
834
834
|
@media only screen and (min-width: 1366px) {
|
|
835
835
|
grid-gap: 8px;
|
|
836
836
|
}
|
|
837
|
-
`,
|
|
837
|
+
`,Ot=x.div`
|
|
838
838
|
display: grid;
|
|
839
839
|
grid-auto-flow: column;
|
|
840
840
|
grid-gap: 4px;
|
|
@@ -845,13 +845,13 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
845
845
|
min-height: 30px;
|
|
846
846
|
align-items: center;
|
|
847
847
|
}
|
|
848
|
-
${({$mode:e,$content:t})=>{let n="";return"items-detail"===e?n+=`\n grid-gap: 16px;\n align-items: start;\n grid-template-columns: 30px 1fr;\n ${
|
|
849
|
-
`,
|
|
848
|
+
${({$mode:e,$content:t})=>{let n="";return"items-detail"===e?n+=`\n grid-gap: 16px;\n align-items: start;\n grid-template-columns: 30px 1fr;\n ${Nt} { \n display: block; \n }\n @media only screen and (min-width: 768px) {\n ${Nt} { \n display: grid; \n }\n }\n `:"store"===e?n+=`\n align-items: center;\n grid-gap: 4px;\n > div > span {\n font-size: 10px;\n }\n > div:first-child {\n align-self: start;\n }\n > *:nth-child(2) {\n ${B}\n }\n `:"store-static"===e?n+=`\n align-items: center;\n grid-gap: 6px;\n position: relative;\n padding-left: 24px;\n > div > span {\n font-size: 10px;\n }\n > div:first-child {\n position: absolute;\n top: 50%;\n left: 0;\n margin-top: -10px;\n }\n > *:nth-child(2) {\n ${P}\n }\n `:"amount"===e?n+=`\n width: 100%;\n grid-gap: 20px;\n grid-template-columns: 180px 1fr;\n justify-content: right;\n justify-items: right;\n font-size: 15px;\n ${_t} {\n text-align: right;\n display: block;\n width: 100%;\n }\n `:"account-amount"===e?n+=`\n width: 100%;\n grid-gap: 20px;\n grid-template-columns: 360px 1fr;\n justify-content: right;\n justify-items: right;\n font-size: 15px;\n ${_t} {\n text-align: right;\n display: block;\n width: 100%;\n }\n `:"product"===e?n+=`\n display: grid;\n grid-auto-flow: column;\n justify-content: left;\n grid-gap: ${"store"===t?"6px":"8px"};\n grid-template-columns: ${"store"===t?"28px 1fr":"checkbox"===t?"16px 34px 1fr":"34px 1fr"};\n align-items: start;\n > div:first-child {\n height: ${"store"===t?"28px":"34px"};\n }\n > aside {\n align-items: center;\n display: grid;\n line-height: 15px;\n }\n ${Lt} {\n display: inline-grid;\n grid-auto-flow: row;\n grid-gap: 2px;\n align-self: center;\n > div:first-child { \n ${P} \n line-height: ${"store"===t?"14px":"17px"};\n }\n > span {\n ${B}\n }\n ${Ot} {\n > div:first-child {\n line-height: 8px;\n }\n }\n }\n `:"contra"===e&&(n+="\n grid-auto-flow: row;\n align-items: start;\n @media only screen and (min-width: 1024px) {\n grid-auto-flow: column;\n }\n "),"right"===t&&(n+="\n grid-gap: 10px;\n justify-content: end;\n align-items: center;\n > div {\n min-width: 170px;\n width: 170px;\n }\n "),n}}
|
|
849
|
+
`,_t=x.span`
|
|
850
850
|
${({$mode:e})=>{if("correct"===e)return y`
|
|
851
851
|
text-decoration: line-through;
|
|
852
852
|
color: var(--mt-clr);
|
|
853
853
|
`}}
|
|
854
|
-
`,
|
|
854
|
+
`,Lt=x.span`
|
|
855
855
|
line-height: 16px;
|
|
856
856
|
&._refWithIcon {
|
|
857
857
|
> a,
|
|
@@ -892,7 +892,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
892
892
|
padding-right: 8px;
|
|
893
893
|
margin-left: -6px;
|
|
894
894
|
`}}
|
|
895
|
-
`,
|
|
895
|
+
`,Bt=x.span`
|
|
896
896
|
font-size: 16px;
|
|
897
897
|
font-weight: 600;
|
|
898
898
|
color: var(--hd-clr);
|
|
@@ -902,10 +902,10 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
902
902
|
display: inline;
|
|
903
903
|
}
|
|
904
904
|
${({$mode:e})=>{let t="";return"dropship"===e?t+="\n display: inline-grid;\n grid-auto-flow: column;\n grid-template-columns: auto max-content;\n grid-gap: 8px;\n align-items: center;\n ":"header"===e&&(t+=`\n font-size: 22px;\n ${P}\n line-height: 1;\n `),t}}
|
|
905
|
-
`,
|
|
905
|
+
`,Pt=x.article`
|
|
906
906
|
margin: 0 auto;
|
|
907
907
|
${L}
|
|
908
|
-
`,
|
|
908
|
+
`,Rt=x.div`
|
|
909
909
|
cursor: pointer;
|
|
910
910
|
position: relative;
|
|
911
911
|
padding: 9px;
|
|
@@ -927,14 +927,14 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
927
927
|
font-weight: 600;
|
|
928
928
|
padding: 16px 15px 11px 15px;
|
|
929
929
|
}
|
|
930
|
-
`,
|
|
930
|
+
`,Gt=x.div`
|
|
931
931
|
display: inline-grid;
|
|
932
932
|
grid-auto-flow: column;
|
|
933
933
|
grid-gap: 4px;
|
|
934
934
|
grid-auto-columns: max-content;
|
|
935
935
|
width: auto;
|
|
936
936
|
min-width: 100%;
|
|
937
|
-
`,
|
|
937
|
+
`,Yt=x.section`
|
|
938
938
|
width: 100%;
|
|
939
939
|
overflow: auto;
|
|
940
940
|
&.is-sticky {
|
|
@@ -961,8 +961,8 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
961
961
|
padding: 0 20px 0 28px;
|
|
962
962
|
}
|
|
963
963
|
}
|
|
964
|
-
${({$mode:e})=>{let t="";return"detail"===e?t+="\n width: 100%;\n > article {\n min-width: auto;\n width: 100%;\n }\n ":"master-listing"===e?t+=`\n width: 100%;\n ${
|
|
965
|
-
`,
|
|
964
|
+
${({$mode:e})=>{let t="";return"detail"===e?t+="\n width: 100%;\n > article {\n min-width: auto;\n width: 100%;\n }\n ":"master-listing"===e?t+=`\n width: 100%;\n ${Gt} {\n width: 100%;\n justify-content: start;\n padding: 0;\n border-bottom: 1px solid #DEE0E0;\n }\n ${Rt} {\n font-size: 14px;\n }\n `:"chat-account"===e||"chat-complement"===e?t+=`\n ${Pt} {\n width: 100vw;\n margin: 0;\n }\n ${Gt} {\n border-bottom: 1px solid #DEE0E0;\n }\n ${Rt} {\n padding-left: 10px; \n padding-right: 10px;\n }\n @media only screen and (min-width: 1024px) {\n ${Pt} {\n width: 100%;\n min-width: unset;\n max-width: unset;\n }\n }\n @media only screen and (min-width: 1280px) {\n ${Gt} {\n padding-left: 1em;\n padding-right: 1em;\n }\n ${Rt} {\n font-size: 15px;\n padding-left: 6px;\n padding-right: 6px;\n }\n }\n @media only screen and (min-width: 1366px) {\n ${Rt} {\n padding-left: 8px; \n padding-right: 8px;\n }\n }\n @media only screen and (min-width: 1920px) {\n ${Rt} {\n padding-left: 10px; \n padding-right: 10px;\n }\n }\n `:"chat-complement"===e?t+=`\n ${Rt} {\n padding: 16px 10px 11px 10px; \n }\n `:"chat-faq"===e&&(t+=`\n ${Gt} {\n border-bottom: 1px solid #DEE0E0;\n justify-content: center;\n }\n ${Rt} {\n padding-left: 10px; \n padding-right: 10px;\n }\n @media only screen and (min-width: 1024px) {\n ${Pt} {\n width: 100%;\n min-width: unset;\n max-width: unset;\n }\n }\n @media only screen and (min-width: 1280px) {\n ${Gt} {\n padding-left: 1em;\n padding-right: 1em;\n padding-top: 6px;\n }\n ${Rt} {\n font-size: 14px;\n padding-left: 16px;\n padding-right: 16px;\n }\n }\n `),t}}
|
|
965
|
+
`,Wt=x.div`
|
|
966
966
|
display: grid;
|
|
967
967
|
&._refFooterContainer {
|
|
968
968
|
font-weight: 600;
|
|
@@ -990,10 +990,10 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
990
990
|
align-content: start;
|
|
991
991
|
}
|
|
992
992
|
}
|
|
993
|
-
${({$mode:e})=>{let t=`\n &._refItemContainer {\n ${
|
|
994
|
-
`,
|
|
993
|
+
${({$mode:e})=>{let t=`\n &._refItemContainer {\n ${Ot} {\n grid-gap: 10px;\n }\n }\n `;return"amount"===e?t+="\n grid-auto-flow: column;\n grid-template-columns: 1fr;\n > aside { \n padding: 20px 10px; \n }\n > aside.list-price {\n display: grid;\n grid-gap: 11px;\n }\n > aside.list-info { \n display: none; \n }\n @media only screen and (min-width: 768px) {\n > aside.list-info {\n display: grid;\n span { \n color: var(--hd-clr); \n }\n }\n }\n ":"detail-amount"===e&&(t+="\n grid-auto-flow: column;\n grid-template-columns: 1fr;\n margin-top: 16px;\n > aside {\n padding: 20px 10px;\n }\n > aside.list-price {\n display: grid;\n grid-gap: 11px;\n }\n > aside.list-info {\n display: none;\n }\n @media only screen and (min-width: 768px) {\n > aside.list-info {\n display: grid;\n }\n }\n "),t}}
|
|
994
|
+
`,Vt=x.section`
|
|
995
995
|
overflow-x: auto;
|
|
996
|
-
${
|
|
996
|
+
${Wt} {
|
|
997
997
|
width: 960px;
|
|
998
998
|
border-bottom: 1px solid var(--pri-clr-ln);
|
|
999
999
|
> * {
|
|
@@ -1017,12 +1017,12 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1017
1017
|
}
|
|
1018
1018
|
@media only screen and (min-width: 1024px) {
|
|
1019
1019
|
overflow-x: unset;
|
|
1020
|
-
${
|
|
1020
|
+
${Wt} {
|
|
1021
1021
|
width: unset;
|
|
1022
1022
|
}
|
|
1023
1023
|
}
|
|
1024
|
-
${({$mode:e,$isBorder:t,$isPopup:n})=>{let r=`\n ${Vt} {\n width: 100%;\n border-bottom: 1px solid var(--pri-clr-ln);\n &:first-child {\n border-bottom: 1px solid var(--sec-clr-ln);\n display: grid;\n > * { \n padding: 0 10px 12px; \n }\n }\n &:last-child { \n border-bottom: none; \n }\n > * {\n padding: 15px 10px;\n }\n &[role='rowheader'] {\n ${Y}\n color: var(--mt-clr);\n }\n }\n @media only screen and (min-width: 1024px) {\n overflow-x: unset;\n ${Vt} { \n width: unset \n }\n }\n `;if("order"===e)r+=`\n ${Vt} {\n grid-template-columns: auto var(--warehouse) var(--status-big) var(--qty-pd20-big) repeat(2, var(--price-pd20)); \n > div {\n &:last-child, \n &:nth-last-child(2), \n &:nth-last-child(3) { \n text-align: right; \n }\n }\n }\n `;else if("picklist"===e)r+=`\n ${Vt} {\n grid-template-columns: auto var(--ref-pd20) var(--ref) var(--status) var(--status) repeat(3, var(--qty-small));\n @media only screen and (min-width: 1366px) {\n grid-template-columns: auto var(--ref-pd20) minmax(85px, 120px) minmax(105px, 155px) minmax(105px, 133px) repeat(3, var(--qty-small));\n }\n @media only screen and (min-width: 1512px) {\n grid-template-columns: auto var(--ref-pd20) minmax(85px, 120px) minmax(105px, 155px) minmax(105px, 133px) repeat(3, minmax(88px, 103px));\n }\n @media only screen and (min-width: 1800px) {\n grid-template-columns: auto var(--store) var(--ref-pd20) minmax(105px, 155px) minmax(105px, 155px) repeat(3, minmax(88px, 103px));\n }\n >div {\n &:nth-child(n+6) { text-align: right; }\n }\n }\n `;else if("package"===e)r+=`\n ${Vt} {\n grid-template-columns: auto repeat(2, var(--qty-pd20-big));\n > div:not(:first-child) { \n text-align: right; \n }\n }\n `;else if("shipment"===e)r+=`\n ${Vt} {\n grid-template-columns: auto var(--ref-big) repeat(2, var(--qty-pd20-big)); \n > div:not(:first-child) { \n text-align: right; \n }\n }\n `;else if("payment-receive"===e)r+=`\n ${Vt} {\n grid-template-columns: var(--id-big) var(--ref-pd20) var(--store) var(--ref-pd20) var(--time-pd20) 1fr;\n > div {\n &:last-child { \n text-align: right; \n }\n }\n }\n `;else if("item"===e)r+=`\n ${Vt} {\n grid-template-columns: var(--variant-pd20) var(--sku-pd20) var(--qty-pd20-big) repeat(2, var(--price-pd20)) var(--sku-pd20);\n }\n `;else if("bundle"===e)r+=`\n ${Vt} {\n grid-template-columns: 1fr 145px 130px 130px 100px 130px 60px;\n &:last-child { \n border-bottom: 1px solid var(--pri-clr-ln); \n }\n > section {\n display: grid;\n align-items: center;\n align-content: start;\n &.list-price {\n > div { \n padding-top: 8px; \n }\n }\n &:last-child {\n padding-top: 20px;\n }\n }\n > section, \n > div {\n text-align: right;\n &:first-child {\n text-align: left; \n }\n }\n @media only screen and (min-width: 1280px) {\n grid-template-columns: 1fr 145px 160px 150px 112px 130px 60px;\n }\n }\n `;else if("item-listing"===e)r+=`\n &:not(:first-child) {\n margin-top: 30px;\n }\n ${Vt} {\n width: ${n?"834px":"940px"};\n grid-template-columns: ${n?"auto var(--variant-small) var(var(--qty-small)) var(--price) var(--status-small) 90px":"auto var(--variant) var(--qty-big) var(--price) var(--status-small) minmax(90px, 100px)"};\n &:last-child { \n ${n?"border-bottom: 0 !important":""} \n }\n > *:nth-child(6) { \n text-align: right; \n }\n }\n @media only screen and (min-width: 1024px) {\n ${Vt} { \n width: unset;\n }\n }\n `;else if("item-bundle"===e)r+=`\n &:not(:first-child) {\n margin-top: 30px;\n }\n ${Vt} {\n width: ${n?"834px":"940px"};\n grid-template-columns: ${n?"auto var(--variant-small) var(--qty-small) var(--qty-big)":"auto var(--variant) var(--qty-pd20-big) var(--qty-pd20-big)"};\n &:last-child { \n ${n?"border-bottom: 0 !important":""} \n }\n }\n @media only screen and (min-width: 768px) {\n ${Vt} { \n width: unset; \n }\n }\n `;else if("invoice"===e)r+=`\n ${Vt} {\n grid-template-columns: auto var(--status) var(--qty-pd20-big) repeat(3, var(--price-pd20));\n > *:not(:first-child) { \n text-align: right; \n }\n }\n `;else if("stock"===e)r+=`\n ${Vt} {\n grid-template-columns: auto var(--variant-pd20) var(--sku-pd20) var(--qty-pd20-big) var(--qty-pd20-big); \n > div:not(:first-child) { \n text-align: right; \n }\n }\n `;else if("inbound"===e)r+=`\n ${Vt} {\n grid-template-columns: var(--time-pd20) auto var(--variant-pd20) var(--sku-pd20) var(--status-big) minmax(110px, 150px) minmax(110px, 150px); \n }\n `;else if("priceadjustment"===e)r+=`\n ${Vt} {\n grid-template-columns: var(--sku) auto var(--store) var(--price-pd20) var(--price-pd20) var(--price) var(--price) var(--time) var(--time); \n }\n `;else if("add-item"===e)r+=`\n ${Vt} {\n grid-template-columns: 30px auto 100px 156px 128px;\n &:first-child {\n > div { \n padding-bottom: 16px; \n }\n }\n > div:first-child { \n padding-left: 16px; \n > label {\n > span {\n top: 0; \n margin-top: 0;\n }\n }\n }\n ._refCheckboxMark { \n top: 0; \n margin-top: 0; \n }\n }\n ${Vt}, \n ._refProductList {\n width: 700px;\n }\n `;else if("add-item-price"===e)r+=`\n ${Vt} {\n grid-template-columns: 30px auto 100px 156px 128px;\n &:first-child {\n > div { \n padding-bottom: 16px; \n }\n }\n > div:first-child { \n padding-left: 16px; \n > label {\n > span {\n top: 0; margin-top: 0;\n }\n }\n }\n ._refCheckboxMark { \n top: 0;\n margin-top: 0; \n }\n }\n ${Vt}, ._refProductList {\n width: 700px;\n }\n `;else if("inventory-qty"===e)r+=`\n overflow: auto;\n ${Vt} {\n display: flex;\n &:first-child {\n display: flex;\n }\n &:last-child { \n border-bottom: 1px solid var(--pri-clr-ln); \n }\n .column-batch-id {\n min-width: 95px;\n max-width: 110px;\n flex: 1;\n }\n .column-created-date {\n min-width: var(--time-pd20-min);\n max-width: var(--time-pd20-max);\n flex: 1;\n }\n .column-expiry-date {\n min-width: var(--time-pd20-min);\n max-width: var(--time-pd20-max);\n flex: 1;\n }\n .column-location {\n min-width: 85px;\n max-width: 100px;\n flex: 1;\n }\n .column-serial-numbers {\n min-width: 120px;\n max-width: 250px;\n flex: 1;\n }\n .column-qty-on-hand-total {\n min-width: 115px;\n max-width: 120px;\n flex: 1;\n }\n .column-qty-on-hand-damage {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-on-hand-normal {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-reserved {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-picked {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-packed {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-handover {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-promotions {\n min-width: 125px;\n max-width: 130px;\n flex: 1;\n }\n .column-qty-available-to-sell {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-in-transit {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-waiting-inbound {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-inbounded {\n min-width: 120px;\n max-width: 130px;\n flex: 1;\n }\n .column-qty-waiting-outbound {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n }\n `;else if("putaway"===e)r+=`\n ${Vt} {\n &[role=rowheader] {\n grid-template-columns: var(--item) var(--variant-pd20) var(--sku-pd20) max-content;\n > div[role=group] {\n padding: 0;\n display: grid;\n grid-template-columns: var(--time) minmax(110px, 200px) var(--id) var(--status) var(--status) var(--status) var(--status-big) var(--qty-big) var(--qty-big);\n > div {\n padding: 0 10px 12px;\n }\n }\n }\n &[role=row] {\n grid-template-columns: var(--item) var(--variant-pd20) var(--sku-pd20) max-content;\n > div[role=group] {\n padding: 0;\n > div[role=rowgroup] {\n display: grid;\n grid-template-columns: var(--time) minmax(110px, 200px) var(--id) var(--status) var(--status) var(--status) var(--status-big) var(--qty-big) var(--qty-big);\n > div {\n padding: 15px 10px;\n }\n }\n }\n }\n }\n `;else if("stock-adjustment"===e)r+=`\n ${Vt} {\n grid-template-columns: auto var(--variant-pd20) var(--sku-pd20) var(--qty-pd20-big) minmax(135px, 140px) var(--qty-pd20-big); \n }\n `;else if("confirm"===e)r+=`\n ${Vt} {\n grid-template-columns: auto 120px 120px 100px 120px; \n }\n `;else if("confirm-adjustment"===e)r+=`\n ${Vt} {\n grid-template-columns: auto 120px 120px 90px 90px 90px; \n }\n `;else if("add-item"===e||"add-item-price"===e||"add-location"===e){r+=`\n ${Vt} {\n grid-template-columns: ${"add-item-price"===e||"add-item"===e?"30px auto 100px 156px 128px":"30px 115px 105px 130px 110px 110px"};\n &:first-child {\n > div { \n padding-bottom: 16px; \n }\n }\n > div:first-child { \n padding-left: 16px; \n > label {\n > span {\n top: 0; margin-top: 0;\n }\n }\n }\n ._refCheckboxMark { \n top: 0; \n margin-top: 0; \n }\n }\n ${Vt}._refProductList {\n width: 700px;\n }\n `}else"priceadjustment"===e?r+=`\n ${Vt} {\n grid-template-columns: auto var(--price-pd20) var(--price-pd20); \n > div:not(:first-child) { \n text-align: right; \n }\n }\n `:"link-master"===e?r+=`\n &:not(:first-child) {\n margin-top: 30px;\n }\n ${Vt} {\n grid-template-columns: 1fr 120px 105px; \n }\n `:"promotion"===e?r+=`\n padding-top: 16px;\n ${Vt} {\n grid-template-columns: auto var(--price) var(--price) minmax(150px, 175px) var(--qty-pd20-big); \n > *:not(:first-child) { \n text-align: right; \n }\n }\n `:"warehouse"===e?r+=`\n ${Vt} {\n >*:last-child { text-align: right; }\n grid-template-columns: var(--warehouse) auto var(--time-pd20) minmax(120px, 150px); \n }\n `:"item-stock"===e&&(r+=`\n ${Vt} {\n &[role=rowheader] {\n grid-template-columns: 270px 270px var(--qty-pd20); \n }\n &[role=row] {\n grid-template-columns: 270px auto; \n }\n &[role=row] > div[role=cellgroup] > div[role=rowgroup], \n ._refCollapse > div, \n ._refCollapseContainer > div {\n padding-bottom: 1em;\n &:nth-child(n+2) {\n border-top: 1px solid rgb(245, 245, 245);\n padding-top: 16px;\n }\n &:last-child {\n padding-bottom: 0;\n }\n }\n &[role=rowheader] > div[role=group], \n &[role=row] > div[role=cellgroup] > div[role=rowgroup], \n ._refCollapse > div:not(._refCollapseContainer), \n ._refCollapseContainer > div {\n grid-template-columns: 270px var(--qty-pd20);\n }\n }\n @media only screen and (min-width: 1024px) {\n ${Vt} {\n &[role=rowheader] {\n grid-template-columns: 310px 270px var(--qty-pd20); \n }\n &[role=row] {\n grid-template-columns: 310px auto; \n }\n }\n }\n `);return t&&(r+=`\n ${Vt} {\n &:last-child { \n border-bottom: 1px solid var(--pri-clr-ln); \n }\n }\n `),r}}
|
|
1025
|
-
`,
|
|
1024
|
+
${({$mode:e,$isBorder:t,$isPopup:n})=>{let r=`\n ${Wt} {\n width: 100%;\n border-bottom: 1px solid var(--pri-clr-ln);\n &:first-child {\n border-bottom: 1px solid var(--sec-clr-ln);\n display: grid;\n > * { \n padding: 0 10px 12px; \n }\n }\n &:last-child { \n border-bottom: none; \n }\n > * {\n padding: 15px 10px;\n }\n &[role='rowheader'] {\n ${Y}\n color: var(--mt-clr);\n }\n }\n @media only screen and (min-width: 1024px) {\n overflow-x: unset;\n ${Wt} { \n width: unset \n }\n }\n `;if("order"===e)r+=`\n ${Wt} {\n grid-template-columns: auto var(--warehouse) var(--status-big) var(--qty-pd20-big) repeat(2, var(--price-pd20)); \n > div {\n &:last-child, \n &:nth-last-child(2), \n &:nth-last-child(3) { \n text-align: right; \n }\n }\n }\n `;else if("picklist"===e)r+=`\n ${Wt} {\n grid-template-columns: auto var(--ref-pd20) var(--ref) var(--status) var(--status) repeat(3, var(--qty-small));\n @media only screen and (min-width: 1366px) {\n grid-template-columns: auto var(--ref-pd20) minmax(85px, 120px) minmax(105px, 155px) minmax(105px, 133px) repeat(3, var(--qty-small));\n }\n @media only screen and (min-width: 1512px) {\n grid-template-columns: auto var(--ref-pd20) minmax(85px, 120px) minmax(105px, 155px) minmax(105px, 133px) repeat(3, minmax(88px, 103px));\n }\n @media only screen and (min-width: 1800px) {\n grid-template-columns: auto var(--store) var(--ref-pd20) minmax(105px, 155px) minmax(105px, 155px) repeat(3, minmax(88px, 103px));\n }\n >div {\n &:nth-child(n+6) { text-align: right; }\n }\n }\n `;else if("package"===e)r+=`\n ${Wt} {\n grid-template-columns: auto repeat(2, var(--qty-pd20-big));\n > div:not(:first-child) { \n text-align: right; \n }\n }\n `;else if("shipment"===e)r+=`\n ${Wt} {\n grid-template-columns: auto var(--ref-big) repeat(2, var(--qty-pd20-big)); \n > div:not(:first-child) { \n text-align: right; \n }\n }\n `;else if("payment-receive"===e)r+=`\n ${Wt} {\n grid-template-columns: var(--id-big) var(--ref-pd20) var(--store) var(--ref-pd20) var(--time-pd20) 1fr;\n > div {\n &:last-child { \n text-align: right; \n }\n }\n }\n `;else if("item"===e)r+=`\n ${Wt} {\n grid-template-columns: var(--variant-pd20) var(--sku-pd20) var(--qty-pd20-big) repeat(2, var(--price-pd20)) var(--sku-pd20);\n }\n `;else if("bundle"===e)r+=`\n ${Wt} {\n grid-template-columns: 1fr 145px 130px 130px 100px 130px 60px;\n &:last-child { \n border-bottom: 1px solid var(--pri-clr-ln); \n }\n > section {\n display: grid;\n align-items: center;\n align-content: start;\n &.list-price {\n > div { \n padding-top: 8px; \n }\n }\n &:last-child {\n padding-top: 20px;\n }\n }\n > section, \n > div {\n text-align: right;\n &:first-child {\n text-align: left; \n }\n }\n @media only screen and (min-width: 1280px) {\n grid-template-columns: 1fr 145px 160px 150px 112px 130px 60px;\n }\n }\n `;else if("item-listing"===e)r+=`\n &:not(:first-child) {\n margin-top: 30px;\n }\n ${Wt} {\n width: ${n?"834px":"940px"};\n grid-template-columns: ${n?"auto var(--variant-small) var(var(--qty-small)) var(--price) var(--status-small) 90px":"auto var(--variant) var(--qty-big) var(--price) var(--status-small) minmax(90px, 100px)"};\n &:last-child { \n ${n?"border-bottom: 0 !important":""} \n }\n > *:nth-child(6) { \n text-align: right; \n }\n }\n @media only screen and (min-width: 1024px) {\n ${Wt} { \n width: unset;\n }\n }\n `;else if("item-bundle"===e)r+=`\n &:not(:first-child) {\n margin-top: 30px;\n }\n ${Wt} {\n width: ${n?"834px":"940px"};\n grid-template-columns: ${n?"auto var(--variant-small) var(--qty-small) var(--qty-big)":"auto var(--variant) var(--qty-pd20-big) var(--qty-pd20-big)"};\n &:last-child { \n ${n?"border-bottom: 0 !important":""} \n }\n }\n @media only screen and (min-width: 768px) {\n ${Wt} { \n width: unset; \n }\n }\n `;else if("invoice"===e)r+=`\n ${Wt} {\n grid-template-columns: auto var(--status) var(--qty-pd20-big) repeat(3, var(--price-pd20));\n > *:not(:first-child) { \n text-align: right; \n }\n }\n `;else if("stock"===e)r+=`\n ${Wt} {\n grid-template-columns: auto var(--variant-pd20) var(--sku-pd20) var(--qty-pd20-big) var(--qty-pd20-big); \n > div:not(:first-child) { \n text-align: right; \n }\n }\n `;else if("inbound"===e)r+=`\n ${Wt} {\n grid-template-columns: var(--time-pd20) auto var(--variant-pd20) var(--sku-pd20) var(--status-big) minmax(110px, 150px) minmax(110px, 150px); \n }\n `;else if("priceadjustment"===e)r+=`\n ${Wt} {\n grid-template-columns: var(--sku) auto var(--store) var(--price-pd20) var(--price-pd20) var(--price) var(--price) var(--time) var(--time); \n }\n `;else if("add-item"===e)r+=`\n ${Wt} {\n grid-template-columns: 30px auto 100px 156px 128px;\n &:first-child {\n > div { \n padding-bottom: 16px; \n }\n }\n > div:first-child { \n padding-left: 16px; \n > label {\n > span {\n top: 0; \n margin-top: 0;\n }\n }\n }\n ._refCheckboxMark { \n top: 0; \n margin-top: 0; \n }\n }\n ${Wt}, \n ._refProductList {\n width: 700px;\n }\n `;else if("add-item-price"===e)r+=`\n ${Wt} {\n grid-template-columns: 30px auto 100px 156px 128px;\n &:first-child {\n > div { \n padding-bottom: 16px; \n }\n }\n > div:first-child { \n padding-left: 16px; \n > label {\n > span {\n top: 0; margin-top: 0;\n }\n }\n }\n ._refCheckboxMark { \n top: 0;\n margin-top: 0; \n }\n }\n ${Wt}, ._refProductList {\n width: 700px;\n }\n `;else if("inventory-qty"===e)r+=`\n overflow: auto;\n ${Wt} {\n display: flex;\n &:first-child {\n display: flex;\n }\n &:last-child { \n border-bottom: 1px solid var(--pri-clr-ln); \n }\n .column-batch-id {\n min-width: 95px;\n max-width: 110px;\n flex: 1;\n }\n .column-created-date {\n min-width: var(--time-pd20-min);\n max-width: var(--time-pd20-max);\n flex: 1;\n }\n .column-expiry-date {\n min-width: var(--time-pd20-min);\n max-width: var(--time-pd20-max);\n flex: 1;\n }\n .column-location {\n min-width: 85px;\n max-width: 100px;\n flex: 1;\n }\n .column-serial-numbers {\n min-width: 120px;\n max-width: 250px;\n flex: 1;\n }\n .column-qty-on-hand-total {\n min-width: 115px;\n max-width: 120px;\n flex: 1;\n }\n .column-qty-on-hand-damage {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-on-hand-normal {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-reserved {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-picked {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-packed {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-handover {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-promotions {\n min-width: 125px;\n max-width: 130px;\n flex: 1;\n }\n .column-qty-available-to-sell {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-in-transit {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-waiting-inbound {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-inbounded {\n min-width: 120px;\n max-width: 130px;\n flex: 1;\n }\n .column-qty-waiting-outbound {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n }\n `;else if("putaway"===e)r+=`\n ${Wt} {\n &[role=rowheader] {\n grid-template-columns: var(--item) var(--variant-pd20) var(--sku-pd20) max-content;\n > div[role=group] {\n padding: 0;\n display: grid;\n grid-template-columns: var(--time) minmax(110px, 200px) var(--id) var(--status) var(--status) var(--status) var(--status-big) var(--qty-big) var(--qty-big);\n > div {\n padding: 0 10px 12px;\n }\n }\n }\n &[role=row] {\n grid-template-columns: var(--item) var(--variant-pd20) var(--sku-pd20) max-content;\n > div[role=group] {\n padding: 0;\n > div[role=rowgroup] {\n display: grid;\n grid-template-columns: var(--time) minmax(110px, 200px) var(--id) var(--status) var(--status) var(--status) var(--status-big) var(--qty-big) var(--qty-big);\n > div {\n padding: 15px 10px;\n }\n }\n }\n }\n }\n `;else if("stock-adjustment"===e)r+=`\n ${Wt} {\n grid-template-columns: auto var(--variant-pd20) var(--sku-pd20) var(--qty-pd20-big) minmax(135px, 140px) var(--qty-pd20-big); \n }\n `;else if("confirm"===e)r+=`\n ${Wt} {\n grid-template-columns: auto 120px 120px 100px 120px; \n }\n `;else if("confirm-adjustment"===e)r+=`\n ${Wt} {\n grid-template-columns: auto 120px 120px 90px 90px 90px; \n }\n `;else if("add-item"===e||"add-item-price"===e||"add-location"===e){r+=`\n ${Wt} {\n grid-template-columns: ${"add-item-price"===e||"add-item"===e?"30px auto 100px 156px 128px":"30px 115px 105px 130px 110px 110px"};\n &:first-child {\n > div { \n padding-bottom: 16px; \n }\n }\n > div:first-child { \n padding-left: 16px; \n > label {\n > span {\n top: 0; margin-top: 0;\n }\n }\n }\n ._refCheckboxMark { \n top: 0; \n margin-top: 0; \n }\n }\n ${Wt}._refProductList {\n width: 700px;\n }\n `}else"priceadjustment"===e?r+=`\n ${Wt} {\n grid-template-columns: auto var(--price-pd20) var(--price-pd20); \n > div:not(:first-child) { \n text-align: right; \n }\n }\n `:"link-master"===e?r+=`\n &:not(:first-child) {\n margin-top: 30px;\n }\n ${Wt} {\n grid-template-columns: 1fr 120px 105px; \n }\n `:"promotion"===e?r+=`\n padding-top: 16px;\n ${Wt} {\n grid-template-columns: auto var(--price) var(--price) minmax(150px, 175px) var(--qty-pd20-big); \n > *:not(:first-child) { \n text-align: right; \n }\n }\n `:"warehouse"===e?r+=`\n ${Wt} {\n >*:last-child { text-align: right; }\n grid-template-columns: var(--warehouse) auto var(--time-pd20) minmax(120px, 150px); \n }\n `:"item-stock"===e&&(r+=`\n ${Wt} {\n &[role=rowheader] {\n grid-template-columns: 270px 270px var(--qty-pd20); \n }\n &[role=row] {\n grid-template-columns: 270px auto; \n }\n &[role=row] > div[role=cellgroup] > div[role=rowgroup], \n ._refCollapse > div, \n ._refCollapseContainer > div {\n padding-bottom: 1em;\n &:nth-child(n+2) {\n border-top: 1px solid rgb(245, 245, 245);\n padding-top: 16px;\n }\n &:last-child {\n padding-bottom: 0;\n }\n }\n &[role=rowheader] > div[role=group], \n &[role=row] > div[role=cellgroup] > div[role=rowgroup], \n ._refCollapse > div:not(._refCollapseContainer), \n ._refCollapseContainer > div {\n grid-template-columns: 270px var(--qty-pd20);\n }\n }\n @media only screen and (min-width: 1024px) {\n ${Wt} {\n &[role=rowheader] {\n grid-template-columns: 310px 270px var(--qty-pd20); \n }\n &[role=row] {\n grid-template-columns: 310px auto; \n }\n }\n }\n `);return t&&(r+=`\n ${Wt} {\n &:last-child { \n border-bottom: 1px solid var(--pri-clr-ln); \n }\n }\n `),r}}
|
|
1025
|
+
`,Ht=x.section`
|
|
1026
1026
|
${L}
|
|
1027
1027
|
position: relative;
|
|
1028
1028
|
display: grid;
|
|
@@ -1076,7 +1076,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1076
1076
|
background-color: #FFFFEE;
|
|
1077
1077
|
border: 1px solid var(--lay-clr-ln);
|
|
1078
1078
|
`}
|
|
1079
|
-
|
|
1079
|
+
`,zt=x.div`
|
|
1080
1080
|
position: relative;
|
|
1081
1081
|
top: 0;
|
|
1082
1082
|
overflow-y: hidden;
|
|
@@ -1093,7 +1093,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1093
1093
|
${({$mode:e})=>"nav"===e&&y`
|
|
1094
1094
|
display: block;
|
|
1095
1095
|
`}
|
|
1096
|
-
|
|
1096
|
+
`,$t=x.div`
|
|
1097
1097
|
margin: 9px auto 10px;
|
|
1098
1098
|
display: inline-grid;
|
|
1099
1099
|
width: 100%;
|
|
@@ -1103,7 +1103,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1103
1103
|
margin: 9px auto 30px;
|
|
1104
1104
|
padding: 16px 0 16px;
|
|
1105
1105
|
}
|
|
1106
|
-
`,
|
|
1106
|
+
`,Xt=x.div`
|
|
1107
1107
|
display: grid;
|
|
1108
1108
|
grid-auto-flow: row;
|
|
1109
1109
|
grid-gap: 10px;
|
|
@@ -1145,7 +1145,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1145
1145
|
}
|
|
1146
1146
|
}
|
|
1147
1147
|
`}
|
|
1148
|
-
`,
|
|
1148
|
+
`,Zt=x.div`
|
|
1149
1149
|
display: grid;
|
|
1150
1150
|
justify-content: center;
|
|
1151
1151
|
align-content: center;
|
|
@@ -1176,18 +1176,18 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1176
1176
|
cursor: default;
|
|
1177
1177
|
}
|
|
1178
1178
|
`}
|
|
1179
|
-
`,
|
|
1179
|
+
`,Jt=x.span`
|
|
1180
1180
|
font-size: 12px;
|
|
1181
1181
|
text-align: center;
|
|
1182
|
-
`,
|
|
1182
|
+
`,Qt=x.div`
|
|
1183
1183
|
padding-top: 3px;
|
|
1184
1184
|
height: 28px;
|
|
1185
1185
|
width: 28px;
|
|
1186
1186
|
text-align: center;
|
|
1187
|
-
`,
|
|
1187
|
+
`,Ut=x.span`
|
|
1188
1188
|
font-size: 14px;
|
|
1189
1189
|
font-weight: 400;
|
|
1190
|
-
`,
|
|
1190
|
+
`,qt=x.article`
|
|
1191
1191
|
display: inline-grid;
|
|
1192
1192
|
grid-auto-flow: row;
|
|
1193
1193
|
grid-gap: 14px;
|
|
@@ -1203,11 +1203,11 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1203
1203
|
border: 0;
|
|
1204
1204
|
border-top: 1px solid var(--pri-clr-ln);
|
|
1205
1205
|
}
|
|
1206
|
-
`,
|
|
1206
|
+
`,Kt=x.article`
|
|
1207
1207
|
> div {
|
|
1208
1208
|
justify-content: left;
|
|
1209
1209
|
}
|
|
1210
|
-
`,
|
|
1210
|
+
`,en=x.div`
|
|
1211
1211
|
width: 100%;
|
|
1212
1212
|
margin-bottom: 16px !important;
|
|
1213
1213
|
> article {
|
|
@@ -1230,7 +1230,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1230
1230
|
${({$mode:e})=>"detail"===e&&y`
|
|
1231
1231
|
padding-bottom: 10px;
|
|
1232
1232
|
`}
|
|
1233
|
-
`,
|
|
1233
|
+
`,tn=x.div`
|
|
1234
1234
|
display: grid;
|
|
1235
1235
|
grid-template-columns: 148px 1fr;
|
|
1236
1236
|
position: relative;
|
|
@@ -1267,7 +1267,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1267
1267
|
width: ${e};
|
|
1268
1268
|
}
|
|
1269
1269
|
`}}}
|
|
1270
|
-
`,
|
|
1270
|
+
`,nn=x.div`
|
|
1271
1271
|
position: relative;
|
|
1272
1272
|
display: grid;
|
|
1273
1273
|
grid-auto-flow: column;
|
|
@@ -1302,7 +1302,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1302
1302
|
font-size: var(--pri-ft-sz);
|
|
1303
1303
|
}
|
|
1304
1304
|
}
|
|
1305
|
-
`,
|
|
1305
|
+
`,rn=x.section`
|
|
1306
1306
|
display: inline-block;
|
|
1307
1307
|
padding-left: 0;
|
|
1308
1308
|
width: 100%;
|
|
@@ -1313,7 +1313,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1313
1313
|
> article {
|
|
1314
1314
|
margin-top: 10px;
|
|
1315
1315
|
}
|
|
1316
|
-
${
|
|
1316
|
+
${nn} {
|
|
1317
1317
|
margin-bottom: 10px;
|
|
1318
1318
|
&:last-child {
|
|
1319
1319
|
margin-right: 0;
|
|
@@ -1370,11 +1370,11 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1370
1370
|
&:first-child {
|
|
1371
1371
|
padding-left: 0;
|
|
1372
1372
|
}
|
|
1373
|
-
${
|
|
1373
|
+
${nn} {
|
|
1374
1374
|
margin-bottom: 0;
|
|
1375
1375
|
}
|
|
1376
1376
|
}
|
|
1377
|
-
`,
|
|
1377
|
+
`,an=x.div`
|
|
1378
1378
|
display: grid;
|
|
1379
1379
|
padding: 0 .625em 10px;
|
|
1380
1380
|
@media only screen and (min-width: 375px) {
|
|
@@ -1386,8 +1386,8 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1386
1386
|
@media only screen and (min-width: 1800px) {
|
|
1387
1387
|
padding: 0 16px 0 9px;
|
|
1388
1388
|
}
|
|
1389
|
-
`,
|
|
1390
|
-
${
|
|
1389
|
+
`,on=x.section``,sn={item:y`
|
|
1390
|
+
${on} {
|
|
1391
1391
|
grid-template-columns: var(--checkbox) var(--item) minmax(auto, max-content) var(--time) minmax(88px, auto);
|
|
1392
1392
|
&[role=rowheader] > div[role=group],
|
|
1393
1393
|
&[role=row] > div[role=cellgroup] > div[role=rowgroup],
|
|
@@ -1402,7 +1402,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1402
1402
|
}
|
|
1403
1403
|
}
|
|
1404
1404
|
`,listing:y`
|
|
1405
|
-
${
|
|
1405
|
+
${on} {
|
|
1406
1406
|
grid-template-columns: var(--checkbox) var(--item) minmax(auto, max-content) minmax(88px, auto);
|
|
1407
1407
|
&[role=rowheader] > div[role=group],
|
|
1408
1408
|
&[role=row] > div[role=cellgroup] > div[role=rowgroup],
|
|
@@ -1417,9 +1417,104 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1417
1417
|
}
|
|
1418
1418
|
}
|
|
1419
1419
|
`,quantity:y`
|
|
1420
|
-
|
|
1421
|
-
|
|
1422
|
-
|
|
1420
|
+
overflow: hidden;
|
|
1421
|
+
> div {
|
|
1422
|
+
overflow: auto;
|
|
1423
|
+
}
|
|
1424
|
+
@media only screen and (min-width: 1024px) {
|
|
1425
|
+
> div {
|
|
1426
|
+
margin: 0px 9px 0px 9px;
|
|
1427
|
+
}
|
|
1428
|
+
}
|
|
1429
|
+
${on} {
|
|
1430
|
+
width: 100%;
|
|
1431
|
+
display: flex;
|
|
1432
|
+
margin: 0;
|
|
1433
|
+
padding: 0;
|
|
1434
|
+
grid-gap: 0;
|
|
1435
|
+
&[role=rowheader] > div[role=group],
|
|
1436
|
+
&[role=row] > div[role=group],
|
|
1437
|
+
&[role=row] > div[role=cellgroup] > div[role=rowgroup],
|
|
1438
|
+
&[role=row] > div[role=cellgroup],
|
|
1439
|
+
._refCollapse > div:not(._refCollapseContainer),
|
|
1440
|
+
._refCollapseContainer > div {
|
|
1441
|
+
display: flex;
|
|
1442
|
+
flex: 2;
|
|
1443
|
+
grid-gap: 0;
|
|
1444
|
+
}
|
|
1445
|
+
&[role=row] > div[role=cellgroup] {
|
|
1446
|
+
flex-direction: column;
|
|
1447
|
+
}
|
|
1448
|
+
&[role=rowheader] > div[role=columnheader],
|
|
1449
|
+
&[role=rowheader] > div[role=group] > div[role=cell],
|
|
1450
|
+
&[role=row] > div[role=cell],
|
|
1451
|
+
&[role=row] > div[role=cellgroup] > div[role=rowgroup] > div[role=cell],
|
|
1452
|
+
._refCollapse > div:not(._refCollapseContainer) > div[role=cell],
|
|
1453
|
+
._refCollapseContainer > div > div[role=cell] {
|
|
1454
|
+
align-self: stretch;
|
|
1455
|
+
width: 100%;
|
|
1456
|
+
}
|
|
1457
|
+
&[role=rowheader] > div[role=columnheader],
|
|
1458
|
+
&[role=rowheader] > div[role=group] > div[role=cell] {
|
|
1459
|
+
padding-top: 1em;
|
|
1460
|
+
padding-bottom: 1em;
|
|
1461
|
+
border-bottom: 1px solid var(--ter-clr-ln);
|
|
1462
|
+
}
|
|
1463
|
+
&[role=row] > div[role=cell],
|
|
1464
|
+
&[role=row] > div[role=cellgroup] > div[role=rowgroup] > div[role=cell],
|
|
1465
|
+
._refCollapse > div:not(._refCollapseContainer) > div[role=cell],
|
|
1466
|
+
._refCollapseContainer > div > div[role=cell] {
|
|
1467
|
+
padding-top: 1.25em;
|
|
1468
|
+
padding-bottom: 1.25em;
|
|
1469
|
+
}
|
|
1470
|
+
&[role=rowheader], &[role=row] {
|
|
1471
|
+
padding: 0;
|
|
1472
|
+
margin: 0;
|
|
1473
|
+
> div {
|
|
1474
|
+
padding-right: 12px;
|
|
1475
|
+
&:first-child {
|
|
1476
|
+
padding-left: 0;
|
|
1477
|
+
}
|
|
1478
|
+
&:last-child {
|
|
1479
|
+
padding-right: 0;
|
|
1480
|
+
}
|
|
1481
|
+
}
|
|
1482
|
+
}
|
|
1483
|
+
&[role=rowheader] > div[role=group] > div[role=cell], &[role=row] > div[role=cellgroup] > div[role=rowgroup] > div[role=cell] {
|
|
1484
|
+
padding-right: 12px;
|
|
1485
|
+
&:last-child {
|
|
1486
|
+
|
|
1487
|
+
}
|
|
1488
|
+
}
|
|
1489
|
+
&[role=rowheader] {
|
|
1490
|
+
border: none;
|
|
1491
|
+
}
|
|
1492
|
+
&[role=row] > div[role=cellgroup] > div[role=rowgroup],
|
|
1493
|
+
._refCollapse > div, ._refCollapseContainer > div {
|
|
1494
|
+
padding-bottom: 0;
|
|
1495
|
+
padding-top: 0;
|
|
1496
|
+
&:nth-child(n+2) {
|
|
1497
|
+
padding-top: 0;
|
|
1498
|
+
}
|
|
1499
|
+
&:last-child {
|
|
1500
|
+
padding-bottom: 0;
|
|
1501
|
+
}
|
|
1502
|
+
}
|
|
1503
|
+
&:last-child {
|
|
1504
|
+
margin-bottom: 0;
|
|
1505
|
+
}
|
|
1506
|
+
@media only screen and (min-width: 1024px) {
|
|
1507
|
+
&[role=rowheader], &[role=row] {
|
|
1508
|
+
> div {
|
|
1509
|
+
&:first-child {
|
|
1510
|
+
padding-left: 9px;
|
|
1511
|
+
}
|
|
1512
|
+
&:last-child {
|
|
1513
|
+
padding-right: 9px;
|
|
1514
|
+
}
|
|
1515
|
+
}
|
|
1516
|
+
}
|
|
1517
|
+
}
|
|
1423
1518
|
.column-product {
|
|
1424
1519
|
min-width: calc(var(--item-min) + 25px);
|
|
1425
1520
|
max-width: calc(var(--item-max) + 25px);
|
|
@@ -1512,70 +1607,70 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1512
1607
|
}
|
|
1513
1608
|
}
|
|
1514
1609
|
`,picklist:y`
|
|
1515
|
-
${
|
|
1610
|
+
${on} {
|
|
1516
1611
|
grid-template-columns: var(--checkbox) var(--time) var(--id) var(--status) var(--person) var(--warehouse) var(--ref) var(--time) minmax(185px, auto);
|
|
1517
1612
|
}
|
|
1518
1613
|
`,package:y`
|
|
1519
|
-
${
|
|
1614
|
+
${on} {
|
|
1520
1615
|
grid-template-columns: var(--checkbox) var(--time) var(--id) var(--status) var(--person) var(--warehouse) var(--person) var(--ref) var(--time) minmax(110px, auto);
|
|
1521
1616
|
}
|
|
1522
1617
|
`,shipment:y`
|
|
1523
|
-
${
|
|
1618
|
+
${on} {
|
|
1524
1619
|
grid-template-columns: var(--checkbox) var(--time) var(--id-big) var(--status) minmax(80px, 160px) minmax(80px, 160px) minmax(95px, 160px) var(--ref) minmax(140px, auto);
|
|
1525
1620
|
}
|
|
1526
1621
|
`,invoice:y`
|
|
1527
|
-
${
|
|
1622
|
+
${on} {
|
|
1528
1623
|
grid-template-columns: var(--checkbox) var(--id-big) var(--status-small) var(--store) var(--price) var(--price) var(--ref) var(--person) var(--time) minmax(180px, auto);
|
|
1529
1624
|
@media only screen and (max-width: 1279px) {
|
|
1530
1625
|
width: unset;
|
|
1531
1626
|
}
|
|
1532
1627
|
}
|
|
1533
1628
|
`,"payment-receive":y`
|
|
1534
|
-
${
|
|
1629
|
+
${on} {
|
|
1535
1630
|
grid-template-columns: var(--time) 155px var(--person) var(--qty) var(--price) minmax(110px, auto);
|
|
1536
1631
|
}
|
|
1537
1632
|
`,"sales-return":y`
|
|
1538
|
-
${
|
|
1633
|
+
${on} {
|
|
1539
1634
|
grid-template-columns: var(--id-big) var(--status) var(--warehouse) var(--person) var(--person) var(--ref-big) var(--time) minmax(120px, auto);
|
|
1540
1635
|
}
|
|
1541
1636
|
`,activity:y`
|
|
1542
|
-
${
|
|
1637
|
+
${on} {
|
|
1543
1638
|
grid-template-columns: var(--time) var(--id-big) var(--item) var(--status) var(--email) var(--status) var(--status) minmax(110px, auto);
|
|
1544
1639
|
}
|
|
1545
1640
|
`,putaway:y`
|
|
1546
|
-
${
|
|
1641
|
+
${on} {
|
|
1547
1642
|
grid-template-columns: var(--id-pd20) var(--status-big) var(--warehouse) var(--ref) var(--person) var(--time) minmax(60px, auto);
|
|
1548
1643
|
}
|
|
1549
1644
|
`,inbound:y`
|
|
1550
|
-
${
|
|
1645
|
+
${on} {
|
|
1551
1646
|
grid-template-columns: var(--id-pd20) var(--status-big) var(--warehouse) var(--ref) minmax(140px, 160px) var(--person) var(--time) minmax(170px, auto);
|
|
1552
1647
|
}
|
|
1553
1648
|
`,lowstock:y`
|
|
1554
|
-
${
|
|
1649
|
+
${on} {
|
|
1555
1650
|
grid-template-columns: var(--checkbox) var(--item) var(--variant) var(--sku) var(--warehouse) var(--qty-big) var(--statusnow) var(--time) minmax(60px, auto);
|
|
1556
1651
|
}
|
|
1557
1652
|
`,price:y`
|
|
1558
|
-
${
|
|
1653
|
+
${on} {
|
|
1559
1654
|
grid-template-columns: var(--time) var(--id-big) var(--status) var(--qty) var(--email) var(--status) minmax(60px, auto);
|
|
1560
1655
|
}
|
|
1561
1656
|
`,"stock-adjustment":y`
|
|
1562
|
-
${
|
|
1657
|
+
${on} {
|
|
1563
1658
|
grid-template-columns: var(--id-pd20) var(--status-big) var(--warehouse) var(--ref) minmax(140px, 150px) var(--person) var(--time) minmax(160px, auto);
|
|
1564
1659
|
}
|
|
1565
1660
|
`,"stock-outbound":y`
|
|
1566
|
-
${
|
|
1661
|
+
${on} {
|
|
1567
1662
|
grid-template-columns: var(--id-pd20) var(--status-big) var(--warehouse) var(--ref) minmax(150px,160px) var(--person) var(--time) minmax(160px, auto);
|
|
1568
1663
|
}
|
|
1569
1664
|
`,"stock-transfer":y`
|
|
1570
|
-
${
|
|
1665
|
+
${on} {
|
|
1571
1666
|
grid-template-columns: var(--id) var(--status-big) var(--warehouse) var(--warehouse) minmax(90px, 100px) var(--person) var(--time) minmax(160px, auto);
|
|
1572
1667
|
}
|
|
1573
1668
|
`,promotion:y`
|
|
1574
|
-
${
|
|
1669
|
+
${on} {
|
|
1575
1670
|
grid-template-columns: var(--store) var(--id-big) var(--ref-big) minmax(100px,160px) var(--status-small) var(--time) var(--time) minmax(42px, 88px) var(--time) minmax(62px, auto);
|
|
1576
1671
|
}
|
|
1577
1672
|
`,"stock-history":y`
|
|
1578
|
-
${
|
|
1673
|
+
${on} {
|
|
1579
1674
|
grid-template-columns: minmax(120px, 360px) var(--sku) var(--warehouse) minmax(85px,120px) minmax(105px,190px) var(--qty-small) var(--qty-small) minmax(68px, 100px) var(--time) minmax(75px, 88px);
|
|
1580
1675
|
> *:last-child {
|
|
1581
1676
|
display: unset;
|
|
@@ -1586,7 +1681,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1586
1681
|
}
|
|
1587
1682
|
}
|
|
1588
1683
|
`,"price-history":y`
|
|
1589
|
-
${
|
|
1684
|
+
${on} {
|
|
1590
1685
|
@media only screen and (max-width: 1279px) {
|
|
1591
1686
|
width: unset;
|
|
1592
1687
|
}
|
|
@@ -1597,7 +1692,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1597
1692
|
grid-template-columns: minmax(110px,146px) minmax(120px,360px) var(--sku) var(--store) minmax(75px,120px) minmax(85px,120px) minmax(75px,120px) minmax(80px,120px) var(--time) var(--status) minmax(75px,88px);
|
|
1598
1693
|
}
|
|
1599
1694
|
`,turnover:y`
|
|
1600
|
-
${
|
|
1695
|
+
${on} {
|
|
1601
1696
|
@media only screen and (max-width: 1279px) {
|
|
1602
1697
|
width: unset;
|
|
1603
1698
|
}
|
|
@@ -1608,7 +1703,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1608
1703
|
grid-template-columns: minmax(120px,360px) var(--sku) var(--warehouse) repeat(4, var(--qty)) minmax(75px,88px);
|
|
1609
1704
|
}
|
|
1610
1705
|
`,"days-outofstock":y`
|
|
1611
|
-
${
|
|
1706
|
+
${on} {
|
|
1612
1707
|
@media only screen and (max-width: 1279px) {
|
|
1613
1708
|
width: unset;
|
|
1614
1709
|
}
|
|
@@ -1619,11 +1714,11 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1619
1714
|
grid-template-columns: minmax(120px,360px) var(--sku) var(--warehouse) var(--qty-big) var(--qty) var(--qty-big) var(--time) minmax(75px,88px);
|
|
1620
1715
|
}
|
|
1621
1716
|
`,warehouses:y`
|
|
1622
|
-
${
|
|
1717
|
+
${on} {
|
|
1623
1718
|
grid-template-columns: var(--warehouse) var(--status) var(--id-big) var(--qty-big) var(--time) minmax(110px, auto);
|
|
1624
1719
|
}
|
|
1625
1720
|
`,archived:y`
|
|
1626
|
-
${
|
|
1721
|
+
${on} {
|
|
1627
1722
|
grid-template-columns: var(--time-pd20) minmax(auto, max-content) minmax(88px, auto);
|
|
1628
1723
|
&[role=rowheader] > div[role=group],
|
|
1629
1724
|
&[role=row] > div[role=cellgroup] > div[role=rowgroup],
|
|
@@ -1633,7 +1728,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1633
1728
|
}
|
|
1634
1729
|
}
|
|
1635
1730
|
`,order:y`
|
|
1636
|
-
${
|
|
1731
|
+
${on} {
|
|
1637
1732
|
grid-template-columns: var(--checkbox) 118px 90px minmax(auto, max-content);
|
|
1638
1733
|
input[name=checkbox-list]{
|
|
1639
1734
|
& + span {
|
|
@@ -1656,7 +1751,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1656
1751
|
}
|
|
1657
1752
|
}
|
|
1658
1753
|
@media only screen and (min-width: 1280px) {
|
|
1659
|
-
${
|
|
1754
|
+
${on} {
|
|
1660
1755
|
grid-template-columns: var(--checkbox) 118px 118px minmax(auto, max-content);
|
|
1661
1756
|
&[role=rowheader] > div[role=group] {
|
|
1662
1757
|
grid-template-columns: var(--order) 40px 80px 80px 107px minmax(145px, auto);
|
|
@@ -1668,7 +1763,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1668
1763
|
}
|
|
1669
1764
|
}
|
|
1670
1765
|
@media only screen and (min-width: 1366px) {
|
|
1671
|
-
${
|
|
1766
|
+
${on} {
|
|
1672
1767
|
grid-template-columns: var(--checkbox) 120px 118px minmax(auto, max-content);
|
|
1673
1768
|
&[role=rowheader] > div[role=group] {
|
|
1674
1769
|
grid-template-columns: var(--order) 40px 90px 80px 130px minmax(150px, auto);
|
|
@@ -1680,7 +1775,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1680
1775
|
}
|
|
1681
1776
|
}
|
|
1682
1777
|
@media only screen and (min-width: 1800px) {
|
|
1683
|
-
${
|
|
1778
|
+
${on} {
|
|
1684
1779
|
grid-template-columns: var(--checkbox) minmax(125px, 170px) minmax(85px, 145px) minmax(auto, max-content);
|
|
1685
1780
|
&[role=rowheader] > div[role=group] {
|
|
1686
1781
|
grid-template-columns: var(--order) 50px 110px 130px 130px minmax(50px, 2000px);
|
|
@@ -1692,7 +1787,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1692
1787
|
}
|
|
1693
1788
|
}
|
|
1694
1789
|
@media only screen and (min-width: 1920px) {
|
|
1695
|
-
${
|
|
1790
|
+
${on} {
|
|
1696
1791
|
&[role=rowheader] > div[role=group] {
|
|
1697
1792
|
grid-template-columns: var(--order) 50px 110px 145px 130px minmax(50px, 2000px);
|
|
1698
1793
|
}
|
|
@@ -1703,19 +1798,114 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1703
1798
|
}
|
|
1704
1799
|
}
|
|
1705
1800
|
`,"table-customheader":y`
|
|
1706
|
-
|
|
1707
|
-
|
|
1708
|
-
|
|
1801
|
+
overflow: hidden;
|
|
1802
|
+
> div {
|
|
1803
|
+
overflow: auto;
|
|
1804
|
+
}
|
|
1805
|
+
@media only screen and (min-width: 1024px) {
|
|
1806
|
+
> div {
|
|
1807
|
+
margin: 0px 9px 0px 9px;
|
|
1808
|
+
}
|
|
1809
|
+
}
|
|
1810
|
+
${on} {
|
|
1811
|
+
width: 100%;
|
|
1812
|
+
display: flex;
|
|
1813
|
+
margin: 0;
|
|
1814
|
+
padding: 0;
|
|
1815
|
+
grid-gap: 0;
|
|
1816
|
+
&[role=rowheader] > div[role=group],
|
|
1817
|
+
&[role=row] > div[role=group],
|
|
1818
|
+
&[role=row] > div[role=cellgroup] > div[role=rowgroup],
|
|
1819
|
+
&[role=row] > div[role=cellgroup],
|
|
1820
|
+
._refCollapse > div:not(._refCollapseContainer),
|
|
1821
|
+
._refCollapseContainer > div {
|
|
1822
|
+
display: flex;
|
|
1823
|
+
flex: 2;
|
|
1824
|
+
grid-gap: 0;
|
|
1825
|
+
}
|
|
1826
|
+
&[role=row] > div[role=cellgroup] {
|
|
1827
|
+
flex-direction: column;
|
|
1828
|
+
}
|
|
1829
|
+
&[role=rowheader] > div[role=columnheader],
|
|
1830
|
+
&[role=rowheader] > div[role=group] > div[role=cell],
|
|
1831
|
+
&[role=row] > div[role=cell],
|
|
1832
|
+
&[role=row] > div[role=cellgroup] > div[role=rowgroup] > div[role=cell],
|
|
1833
|
+
._refCollapse > div:not(._refCollapseContainer) > div[role=cell],
|
|
1834
|
+
._refCollapseContainer > div > div[role=cell] {
|
|
1835
|
+
align-self: stretch;
|
|
1836
|
+
width: 100%;
|
|
1837
|
+
}
|
|
1838
|
+
&[role=rowheader] > div[role=columnheader],
|
|
1839
|
+
&[role=rowheader] > div[role=group] > div[role=cell] {
|
|
1840
|
+
padding-top: 1em;
|
|
1841
|
+
padding-bottom: 1em;
|
|
1842
|
+
border-bottom: 1px solid var(--ter-clr-ln);
|
|
1843
|
+
}
|
|
1844
|
+
&[role=row] > div[role=cell],
|
|
1845
|
+
&[role=row] > div[role=cellgroup] > div[role=rowgroup] > div[role=cell],
|
|
1846
|
+
._refCollapse > div:not(._refCollapseContainer) > div[role=cell],
|
|
1847
|
+
._refCollapseContainer > div > div[role=cell] {
|
|
1848
|
+
padding-top: 1.25em;
|
|
1849
|
+
padding-bottom: 1.25em;
|
|
1850
|
+
}
|
|
1851
|
+
&[role=rowheader], &[role=row] {
|
|
1852
|
+
padding: 0;
|
|
1853
|
+
margin: 0;
|
|
1854
|
+
> div {
|
|
1855
|
+
padding-right: 12px;
|
|
1856
|
+
&:first-child {
|
|
1857
|
+
padding-left: 0;
|
|
1858
|
+
}
|
|
1859
|
+
&:last-child {
|
|
1860
|
+
padding-right: 0;
|
|
1861
|
+
}
|
|
1862
|
+
}
|
|
1863
|
+
}
|
|
1864
|
+
&[role=rowheader] > div[role=group] > div[role=cell], &[role=row] > div[role=cellgroup] > div[role=rowgroup] > div[role=cell] {
|
|
1865
|
+
padding-right: 12px;
|
|
1866
|
+
&:last-child {
|
|
1867
|
+
|
|
1868
|
+
}
|
|
1869
|
+
}
|
|
1870
|
+
&[role=rowheader] {
|
|
1871
|
+
border: none;
|
|
1872
|
+
}
|
|
1873
|
+
&[role=row] > div[role=cellgroup] > div[role=rowgroup],
|
|
1874
|
+
._refCollapse > div, ._refCollapseContainer > div {
|
|
1875
|
+
padding-bottom: 0;
|
|
1876
|
+
padding-top: 0;
|
|
1877
|
+
&:nth-child(n+2) {
|
|
1878
|
+
padding-top: 0;
|
|
1879
|
+
}
|
|
1880
|
+
&:last-child {
|
|
1881
|
+
padding-bottom: 0;
|
|
1882
|
+
}
|
|
1883
|
+
}
|
|
1884
|
+
&:last-child {
|
|
1885
|
+
margin-bottom: 0;
|
|
1886
|
+
}
|
|
1887
|
+
@media only screen and (min-width: 1024px) {
|
|
1888
|
+
&[role=rowheader], &[role=row] {
|
|
1889
|
+
> div {
|
|
1890
|
+
&:first-child {
|
|
1891
|
+
padding-left: 9px;
|
|
1892
|
+
}
|
|
1893
|
+
&:last-child {
|
|
1894
|
+
padding-right: 9px;
|
|
1895
|
+
}
|
|
1896
|
+
}
|
|
1897
|
+
}
|
|
1898
|
+
}
|
|
1709
1899
|
> *:last-child {
|
|
1710
1900
|
display: block;
|
|
1711
1901
|
justify-content: inherit;
|
|
1712
1902
|
}
|
|
1713
1903
|
}
|
|
1714
|
-
`},
|
|
1904
|
+
`},ln=x.main`
|
|
1715
1905
|
position: relative;
|
|
1716
1906
|
width: 100%;
|
|
1717
1907
|
overflow-x: auto;
|
|
1718
|
-
${
|
|
1908
|
+
${on} {
|
|
1719
1909
|
padding: 8px 0 8px 0;
|
|
1720
1910
|
width: calc(100% - 20px);
|
|
1721
1911
|
min-width: 975px;
|
|
@@ -1774,7 +1964,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1774
1964
|
}
|
|
1775
1965
|
}
|
|
1776
1966
|
@media only screen and (min-width: 1024px) {
|
|
1777
|
-
${
|
|
1967
|
+
${on} {
|
|
1778
1968
|
&[role=rowheader],
|
|
1779
1969
|
&[role=row] {
|
|
1780
1970
|
margin: 0 10px;
|
|
@@ -1783,8 +1973,8 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1783
1973
|
}
|
|
1784
1974
|
}
|
|
1785
1975
|
}
|
|
1786
|
-
${({$mode:e})=>e&&e in
|
|
1787
|
-
`,
|
|
1976
|
+
${({$mode:e})=>e&&e in sn?sn[e]:""}
|
|
1977
|
+
`,cn=x.div`
|
|
1788
1978
|
display: grid;
|
|
1789
1979
|
grid-template-columns: 16px 125px;
|
|
1790
1980
|
position: relative;
|
|
@@ -1803,7 +1993,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1803
1993
|
cursor: pointer;
|
|
1804
1994
|
}
|
|
1805
1995
|
}
|
|
1806
|
-
`,
|
|
1996
|
+
`,dn=x.div`
|
|
1807
1997
|
padding: 1em 1em .8em;
|
|
1808
1998
|
display: grid;
|
|
1809
1999
|
grid-auto-flow: column;
|
|
@@ -1812,7 +2002,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1812
2002
|
i {
|
|
1813
2003
|
font-style: normal;
|
|
1814
2004
|
}
|
|
1815
|
-
`,
|
|
2005
|
+
`,un=x.ul`
|
|
1816
2006
|
${_}
|
|
1817
2007
|
max-height: 44vh;
|
|
1818
2008
|
overflow: auto;
|
|
@@ -1826,7 +2016,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1826
2016
|
@media only screen and (min-width: 1366px) {
|
|
1827
2017
|
max-height: 50vh;
|
|
1828
2018
|
}
|
|
1829
|
-
`,
|
|
2019
|
+
`,pn=x.li`
|
|
1830
2020
|
display: inline-grid;
|
|
1831
2021
|
width: 100%;
|
|
1832
2022
|
grid-gap: 10px;
|
|
@@ -1850,16 +2040,16 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1850
2040
|
grid-template-columns: 22px auto;
|
|
1851
2041
|
}
|
|
1852
2042
|
`}
|
|
1853
|
-
`,
|
|
2043
|
+
`,hn=x.div`
|
|
1854
2044
|
padding: .8em 1em 1em;
|
|
1855
2045
|
display: grid;
|
|
1856
2046
|
grid-auto-flow: column;
|
|
1857
2047
|
justify-content: end;
|
|
1858
2048
|
grid-gap: 4px;
|
|
1859
2049
|
border-top: 1px solid var(--sec-clr-ln);
|
|
1860
|
-
`,
|
|
2050
|
+
`,gn=x.ul`
|
|
1861
2051
|
${_}
|
|
1862
|
-
|
|
2052
|
+
`,mn=x.li`
|
|
1863
2053
|
&._refCheckbox {
|
|
1864
2054
|
display: block;
|
|
1865
2055
|
float: left;
|
|
@@ -1907,7 +2097,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1907
2097
|
border-radius: var(--sec-rd);
|
|
1908
2098
|
}
|
|
1909
2099
|
}
|
|
1910
|
-
|
|
2100
|
+
`,fn=x.strong`
|
|
1911
2101
|
padding-top: 8px;
|
|
1912
2102
|
font-size: 13px;
|
|
1913
2103
|
`,xn=x.div`
|
|
@@ -4062,7 +4252,7 @@ r.version="2.30.1",i(Jn),r.fn=la,r.min=Kn,r.max=er,r.now=tr,r.utc=g,r.unix=ca,r.
|
|
|
4062
4252
|
font-size: 12px;
|
|
4063
4253
|
text-wrap: wrap;
|
|
4064
4254
|
word-wrap: break-word;
|
|
4065
|
-
`,lC=({data:e,heightContent:t,firstHeaderColumnsWidth:n,evCheckbox:r,headerColumns:i,switchEditor:a,totalColGroupWidth:o,lastHeaderColumnsWidth:s,evRemove:l,type:c,isRemovable:d})=>e.map(((e,u)=>{const p=t?e.variants.length*t:e.variants.length;let h=u;if("putaway-inbound"===c)h=e.id;else h=u;return M.jsxs(Ub,{className:"_refMasterTableBodyContent",style:{height:p},children:[M.jsxs("div",{className:"cell-colGroup",style:{height:p},children:[M.jsx("div",{className:"cell cell-checkbox",style:{width:n,height:p},children:M.jsxs("article",{children:[M.jsx("div",{children:u+1}),M.jsx(lt,{id:`checkbox-list-${u}`,name:"checkbox-list",extendKey:u.toString(),onClick:r})]})},0),i.filter((e=>!(null==e?void 0:e.isHidden))).filter((e=>"colGroup"===e.type)).map(((t,n)=>{const r=e[t.key],i=n+1,o=(null==e?void 0:e[t.key+"_error"])||"",s=a(u,t,r,o,void 0,p,e);return M.jsx("div",{"data-idx":u,"data-key":t.key,className:`cell cell-${t.fieldType} ${o?"cell-error":""}`,style:{width:t.width,height:p},children:s},i)}))]},0),M.jsx("div",{className:"cell-rowGroup",style:{left:o,overflow:"hidden"},children:e.locations.map(((n,r)=>{var o;const p="create-adjustment"===c?r+"-"+((null===(o=n.batchId)||void 0===o?void 0:o.value)||"0")+"-"+(n.location||"0"):r;let h=[];return M.jsxs("div",{className:"cell-row","data-row":r,style:{height:t},children:[i.filter((e=>!(null==e?void 0:e.isHidden))).filter((e=>"colGroup"!==e.type)).map(((t,i)=>{var o,s,l,c,d;const p=i+1;let g=null,m="",f=!1,x=t.key.replace("locations-","");if(-1===x.indexOf("-"))g=n[x],m=(null===(s=null===(o=null==e?void 0:e.locations)||void 0===o?void 0:o[r])||void 0===s?void 0:s[x+"_error"])||"";else{const t=x.split("-"),i=t[0],a=t[1],o=n[i]?n[i].length:0;if(o){let t=0;h.filter((e=>e===x)).length&&(t=h.filter((e=>e===x)).length),g=o>t?n[i][t][a]:null,m=o>t?null===(c=null===(l=null==e?void 0:e.locations)||void 0===l?void 0:l[r])||void 0===c?void 0:c[i][t][a+"_error"]:null,h.push(x)}}"adjustLocation"!==(null==t?void 0:t.condition)&&"countAdjustment"!==(null==t?void 0:t.condition)||(null===(d=e.locations[r])||void 0===d?void 0:d.location)||(f=!0);const y=a(u,t,g,m,r);return M.jsx("div",{"data-idx":u,"data-key":t.key,"data-row":r,className:`cell cell-${t.fieldType} ${m?"cell-error":""} ${f?"cell-disabled":""}`,style:{width:t.width},children:y},p)})),d?M.jsx("div",{"data-idx":u,"data-key":"trash","data-row":r,className:"cell cell-trash",onClick:l,style:{width:s},children:M.jsx("div",{children:M.jsx(fr,{$name:"trash",$width:"18px","data-qa-id":`mt-icon-trash-${u}${null!==r?"-"+r:""}`})})},i.length+1):null]},p)}))},1)]},h)})),cC=({data:e,firstHeaderColumnsWidth:t,evCheckbox:n,headerColumns:r,switchEditor:i,lastHeaderColumnsWidth:a,evRemove:o,type:s,isRemovable:l})=>e.map(((e,c)=>{var d;let u=c;switch(s){case"create-promotion":case"create-adjustment":case"create-price":case"create-inbound":case"create-outbound":case"create-transfer":case"confirm-adjustment":case"confirm-inbound":case"confirm-outbound":u=e.id;break;case"create-return":u=(null===(d=null==e?void 0:e.product)||void 0===d?void 0:d.id)||c;break;default:u=c}let p="";return"edit-picklist"===s?p=e.qtyOrdered===e.qtyPicked?"is-fullfilled":"":"create-package"===s?p=e.qtyOrdered===e.qtyPack?"is-fullfilled":"":"create-return"===s&&(p=e.qtyOrdered-e.qtyReturned===e.qtyToReturn?"is-fullfilled":""),M.jsx(Ub,{$mode:s,id:`row-${u}`,className:`_refMasterTableBodyContent ${p}`,children:M.jsxs("div",{className:"cell-colGroup",children:[M.jsx("div",{className:"cell cell-checkbox",style:{width:t},children:l?M.jsxs("article",{children:[M.jsx("div",{children:c+1}),M.jsx("div",{children:M.jsx(lt,{id:`checkbox-list-${c}`,name:"checkbox-list",extendKey:c.toString(),onClick:n})})]}):M.jsx("div",{children:c+1})},0),r.filter((e=>!(null==e?void 0:e.isHidden))).filter((e=>"colGroup"===e.type)).map(((t,n)=>{const r=e[t.key],a=n+1,o=(null==e?void 0:e[t.key+"_error"])||"",l=i(c,t,r,o,void 0,"auto",e);let d=!1;if("create-price"===s&&"price"!==t.key&&"salePrice"!==t.key&&"item"!==t.key){const n=t.key.split("_");"salePrice"===n[1]||"saleStartAt"===n[1]||"saleEndAt"===n[1]?void 0===e[`${n[0]}_salePrice`]&&void 0===e[`${n[0]}_saleStartAt`]&&void 0===e[`${n[0]}_saleEndAt`]&&(d=!0):void 0===r&&(d=!0)}return M.jsx("div",{"data-idx":c,"data-key":t.key,className:`cell cell-${t.fieldType} ${d?"cell-disabled":""} ${o?"cell-error":""}`,style:{width:t.width},children:l},a)})),l?M.jsx("div",{"data-idx":c,"data-key":"trash",className:"cell cell-trash",style:{width:a},onClick:o,children:M.jsx("div",{children:M.jsx(fr,{$name:"trash",$width:"18px","data-qa-id":`mt-icon-trash-${c}`})})},r.length+1):null]},0)},u)})),dC=({head:e,value:t,height:i,evChange:s,idx:l,variantIdx:c,error:d,evCloseEditor:u})=>{const[p,h]=n(!1),[g,m]=n(t||null),[f,x]=n(!0),[y,v]=n(!1),b=a(null),C=e.format||"DD/MM/YYYY",w=`${e.key}-${l}${void 0!==c?"-"+c:""}`;r((()=>{const e=t?gb(t,C).toDate():t;m(e)}),[C,t]);const k=o((t=>{const n=document.getElementById("cur-key"),r=n?n.innerHTML:"";r&&r===w&&(s(e,t,l,c),u((()=>{h(!1)})))}),[w,e,l,c,s,u]);r((()=>{if(f)x(!1);else{const e=g?gb(g).format(C):g;k(e)}}),[g,k,f,C]),r((()=>{const e=document.body,t=e=>{if(!p)return!1;const t=e.target;return!t.closest(".react-datepicker")&&!t.closest(".cell-wrapper")&&(t.closest(".master-editor")?void 0:(m(g),void u((()=>{h(!1)}))))};return e.addEventListener("click",t),()=>e.removeEventListener("click",t)}),[g,p,u]);const I=`${e.name.toLowerCase().replaceAll(" ","-")}-${l}${void 0!==c?"-"+c:""}`;return p?M.jsx("div",{className:"master-editor",children:M.jsx(Db,Object.assign({ref:b,saveFormat:C,evChange:(e,t)=>{m(t),v(!0)},name:e.fieldType+"_"+e.key},g&&{value:g},{isError:!!d,isForceUpdate:y,setForceUpdate:v,"data-qa-id":`mt-field-date-${I}`},(null==e?void 0:e.allowEmpty)&&{allowEmpty:e.allowEmpty},(null==e?void 0:e.showFormat)&&{showFormat:e.showFormat}))}):M.jsx("section",{onClick:e=>{e.preventDefault();const t=e.target;if(t.closest(".cell-disabled"))return!1;const n=document.getElementById("cur-key");n&&(n.innerHTML=w),h(!p);const r=t.closest(".cell");p?r&&r.classList.remove("cell-editing"):r&&r.classList.add("cell-editing")},className:"cell-wrapper",children:e.multiline?M.jsxs(M.Fragment,{children:[!g&&d?M.jsx(O,{$color:"blue",style:{fontWeight:500},children:"+ Add"}):M.jsx("div",{className:"truncate-overflow",style:{maxHeight:i?parseInt(i)-34:"auto"},"data-qa-id":`mt-input-label-${I}`,children:(null==e?void 0:e.showFormat)&&g?gb(g,C).format(e.showFormat):g}),d&&M.jsx(Yg,{$mode:"table",children:d})]}):M.jsxs(M.Fragment,{children:[!g&&d?M.jsx(O,{$color:"blue",style:{fontWeight:500},children:"+ Add"}):M.jsx("div",{"data-qa-id":`mt-input-label-${I}`,children:(null==e?void 0:e.showFormat)&&g?gb(g,C).format(e.showFormat):g}),d&&M.jsx(Yg,{$mode:"table",children:d})]})})},uC=({head:e,value:t,evChange:n,idx:r,variantIdx:i,error:a,isForceUpdate:s,setForceUpdate:l})=>{const c=`${e.key}-${r}${void 0!==i?"-"+i:""}`,d=o((t=>{const a=document.getElementById("cur-key"),o=a?a.innerHTML:"";o&&o===c&&n(e,t,r,i)}),[c,e,r,i,n]),u=e.format||"DD/MM/YYYY",p=`${e.name.toLowerCase().replaceAll(" ","-")}-${r}${void 0!==i?"-"+i:""}`,h=t?gb(t,u).toDate():t;return M.jsx("div",{className:"master-editor",children:void 0===t&&"sale"===(null==e?void 0:e.condition)?M.jsx(O,{$color:"grey",children:"No Listing yet!"}):M.jsx(Db,Object.assign({saveFormat:u,evChange:(e,t)=>{const n=document.getElementById("cur-key");n&&(n.innerHTML=c);const r=t?gb(t).format(u):t;d(r)},name:e.fieldType+"_"+e.key,value:h},(null==e?void 0:e.allowEmpty)&&{allowEmpty:!0},a&&{isError:!0,"data-tip":a,"data-place":"top","data-type":"error"},{isForceUpdate:s,setForceUpdate:l,"data-qa-id":`mt-field-date-${p}`},(null==e?void 0:e.showFormat)&&{showFormat:e.showFormat}))})},pC=({head:e,value:t,height:i,evChange:a,idx:s,variantIdx:l,error:c,evCloseEditor:d,content:u})=>{const[p,h]=n(!1),[g,m]=n(t||""),[f,x]=n(!0);r((()=>{m(t)}),[t]);const y=`${e.key}-${s}${void 0!==l?"-"+l:""}`,v=o((t=>{const n=document.getElementById("cur-key"),r=n?n.innerHTML:"";r&&r===y&&(a(e,t,s,l),d((()=>{h(!1)})))}),[y,e,s,l,a,d]);r((()=>{f?x(!1):v(g)}),[g,v,f]);const b=we((e=>{}),250),C=t=>{const n=t.value,r="Integer"===e.typeData?!g&&!n||parseInt(g)===parseInt(n):g===n;m(n),r&&d((()=>{h(!1)}))},w=`${e.name.toLowerCase().replaceAll(" ","-")}-${s}${void 0!==l?"-"+l:""}`,k="Currency"===e.typeData||"Integer"===e.typeData?null!==g?g:"":g?"string"==typeof g?g.toString().trim():g:"";let I=M.jsx("div",{"data-qa-id":`mt-input-label-${w}`,children:Me(t,e.key)});if("priceAdjustment"===(null==e?void 0:e.condition)||"priceAdjustment-sale"===(null==e?void 0:e.condition)){let n=parseInt(t||0)-parseInt(u[`${e.key}_base`]||0),r=je(n);n>0?r="+"+je(n):0===n&&(r=""),I=M.jsxs("div",{children:[M.jsx("div",{"data-qa-id":`mt-input-label-${w}`,children:Me(t,e.key)}),0!==n&&null!==n&&!c&&M.jsx(oC,{style:{color:se(n)},children:r})]})}return p?M.jsx("div",{className:"master-editor",children:e.multiline?M.jsx(im,{name:e.fieldType+"_"+e.key,defaultValue:g,evChange:e=>{b(e.target)},evBlur:e=>{b(e.target),C(e.target)}}):M.jsx(et,Object.assign({type:"Integer"===e.typeData?"number":"text"},"Currency"===e.typeData&&{mode:"currency"},{name:e.fieldType+"_"+e.key,defaultValue:g,evChange:e=>{b(e.target)},evBlur:e=>{b(e.target),C(e.target)},evKeyUp:t=>{if("Enter"===t.key){t.preventDefault();const n=t.currentTarget.value,r="Integer"===e.typeData?parseInt(g)===parseInt(n):g===n;return m(n),void(r&&d((()=>{h(!1)})))}},"data-qa-id":`mt-input-${w}`}))}):M.jsx("section",{onClick:e=>{e.preventDefault();const t=e.target;if(t.closest(".cell-disabled"))return!1;const n=document.getElementById("cur-key");n&&(n.innerHTML=y),h(!p);const r=t.closest(".cell");p?r&&r.classList.remove("cell-editing"):r&&r.classList.add("cell-editing"),setTimeout((()=>{const e=r.querySelector("input");e&&e.focus(),e&&e.select()}),1)},className:"cell-wrapper",children:e.multiline?M.jsxs(M.Fragment,{children:[""===k&&c?M.jsx(O,{$color:"blue",style:{fontWeight:500},children:"+ Add"}):M.jsx("div",{className:"truncate-overflow","data-qa-id":`mt-input-label-${w}`,style:{maxHeight:i?parseInt(i)-34:"auto"},children:Me(t,e.key)}),c&&M.jsx(Yg,{$mode:"table",children:c})]}):M.jsxs(M.Fragment,{children:[""===k&&c?M.jsx(O,{$color:"blue",style:{fontWeight:500},children:"+ Add"}):I,c&&M.jsx(Yg,{$mode:"table",children:c})]})})},hC=({head:e,value:t,evChange:n,idx:r,variantIdx:i,error:a,content:s,type:l,isForceUpdate:c,setForceUpdate:d})=>{const u=`${e.key}-${r}${void 0!==i?"-"+i:""}`,p=o((t=>{const a=document.getElementById("cur-key"),o=a?a.innerHTML:"";o&&o===u&&n(e,t,r,i)}),[u,e,r,i,n]),h=we((e=>{}),250),g=e=>{p(e.value)},m=e=>{if("Enter"===e.key)return e.preventDefault(),void p(e.currentTarget.value)},f=e=>{e.persist(),setTimeout((()=>{const t=e.target,n=t.value;""!==n&&null!=n&&(t&&t.focus(),t&&t.select())}),1);const t=document.getElementById("cur-key");t&&(t.innerHTML=u)},x=Me(t,e.key),y=["shipping","platformRebate"],v=e.multiline?M.jsx(im,Object.assign({name:e.fieldType+"_"+e.key,defaultValue:t,evChange:e=>{h(e.target)},evBlur:e=>{h(e.target),g(e.target)},onClick:e=>{e.persist();const t=document.getElementById("cur-key");t&&(t.innerHTML=u)}},a&&{isError:!0,"data-tip":a,"data-place":"top","data-type":"error"})):M.jsx(et,Object.assign({type:"Integer"===e.typeData?"number":"text",name:e.fieldType+"_"+e.key,defaultValue:t,evChange:e=>{h(e.target)},evBlur:e=>{h(e.target),g(e.target)},onKeyUp:m,onClick:f,onFocus:f,isForceUpdate:c,setForceUpdate:d,"data-qa-id":`mt-input-${e.name.toLowerCase().replaceAll(" ","-")}-${r}${void 0!==i?"-"+i:""}`},"Currency"===e.typeData&&{mode:"currency",aliasLabel:y.includes(e.key)?"+":"-"},e.placeholder&&{placeholder:e.placeholder},a&&{isError:!0,"data-tip":a,"data-place":"top","data-type":"error"}));let b=M.jsx("div",{className:"master-editor",children:v});return"countAdjustment"===(null==e?void 0:e.condition)?b=M.jsx("div",{className:"master-editor",children:M.jsxs(M.Fragment,{children:[v,null!==t&&t<s.qtyReserved&&M.jsx(sC,{style:{color:"red"},children:"Qty Available'll be minus"})]})}):"countOutbound"===(null==e?void 0:e.condition)&&(b=M.jsx("div",{className:"master-editor",children:M.jsxs(M.Fragment,{children:[v,null!==t&&t>s.qtyOnHand&&M.jsx(sC,{style:{color:"red"},children:"Qty On Hand'll be minus"})]})})),"create-paymentreceive"===l?M.jsx(et,Object.assign({type:"Integer"===e.typeData?"number":"text",disabled:s.orderCashless&&"shipping"===e.key||!1,name:e.fieldType+"_"+e.key,defaultValue:x,evChange:e=>{h(e.target)},evBlur:e=>{h(e.target),g(e.target)},evKeyUp:m,onClick:f,onFocus:f,"data-qa-id":`mt-input-${e.name.toLowerCase().replaceAll(" ","-")}-${r}${void 0!==i?"-"+i:""}`},"Currency"===e.typeData&&{mode:"currency",aliasLabel:y.includes(e.key)?"+":"-"},e.placeholder&&{placeholder:e.placeholder},a&&{isError:!0,"data-tip":a,"data-place":"top","data-type":"error"})):b},gC=({head:e,value:t,evChange:n,evOpenPopup:i,idx:a,variantIdx:s,resultPopup:l,setResultPopup:c,error:d,evCloseEditor:u})=>{const p=`${e.key}-${a}${void 0!==s?"-"+s:""}`,h=o((t=>{const r=document.getElementById("cur-key"),i=r?r.innerHTML:"";i&&i===p&&(n(e,t,a,s),u())}),[p,e,a,s,n,u]);r((()=>(l&&"image"in l&&(c&&c(null),h(l.image)),()=>{c&&c(null)})),[l,c,h]);return M.jsxs("section",{className:"cell-wrapper",onClick:e=>{e.preventDefault();const t=e.target;if(t.closest(".cell-disabled"))return!1;const n=document.getElementById("cur-key");n&&(n.innerHTML=p);const r=t.closest(".cell");r&&r.classList.add("cell-editing"),i&&i(e,"cell-wrapper")},"data-popup":"table-image","data-detail":JSON.stringify({title:e.name,value:t,head:e}),children:[d&&-1===d.indexOf("minimum")&&-1===d.indexOf("maximum")?M.jsx(O,{$color:"blue",style:{fontWeight:500},children:"+ Add"}):M.jsx("div",{children:t&&M.jsx("figure",{className:"table-image-figure","data-qa-id":`mt-image-${e.name.toLowerCase().replaceAll(" ","-")}-${a}${void 0!==s?"-"+s:""}`,children:M.jsx(Js,{src:Array.isArray(t)?t[0]:t})})}),d&&M.jsx(Yg,{$mode:"table",children:d.replace("Product","")})]})},mC=({head:e,value:t,height:n,idx:r,evOpenPopup:i,content:a,type:o})=>{let s=t?"object"==typeof(l=t)&&!Array.isArray(l)&&null!==l&&Object.keys(t).length?t[Object.keys(t)[0]]:t:"Integer"===e.typeData?t.toString():"";var l;let c;if("product"===(null==e?void 0:e.condition)){const e=t.imageUrl?Array.isArray(t.imageUrl)&&t.imageUrl.length?t.imageUrl[0]:t.imageUrl:"";c=M.jsx("section",{className:"cell-wrapper",children:M.jsxs(Kb,{children:[M.jsxs("section",{children:[M.jsx("figure",{className:"table-image-figure",children:M.jsx(Js,{src:e})}),M.jsxs("div",{children:[M.jsx(eC,{children:t.name}),t.totalVariant&&M.jsxs("span",{className:"counter-product-label",children:[t.totalVariant," variants"]})]})]}),M.jsxs("section",{children:[M.jsxs("div",{children:[M.jsx(vt,{$size:"medium",children:"Category: "})," ",t.category||"No Category"]}),M.jsxs("div",{children:[M.jsx(vt,{$size:"medium",children:"Brand: "})," ",t.brand||"No Brand"]})]})]})})}else if("addVariant"===(null==e?void 0:e.condition))c=M.jsx("section",{className:"cell-wrapper","data-detail":JSON.stringify({idx:r,data:a}),"data-popup":"add-variant-master",children:M.jsx(tC,{$mode:"add",children:M.jsx("div",{onClick:e=>i&&i(e,"cell-wrapper"),children:M.jsx(O,{color:"blue",title:"Add Variant",style:{fontWeight:500},children:"+ Add"})})})});else if("item"===(null==e?void 0:e.condition)){const e=t.imageUrl?Array.isArray(t.imageUrl)&&t.imageUrl.length?t.imageUrl[0]:t.imageUrl:"";c=M.jsx("section",{className:"cell-wrapper",children:M.jsxs(qb,{children:[M.jsx(Et,{$size:"30px",children:M.jsx(Js,{alt:t.name,$mode:"product",src:e||""})}),M.jsxs("div",{children:[M.jsx(eC,{children:M.jsx("strong",{children:t.name})}),t.sku&&M.jsxs(vt,{$size:"medium",children:[M.jsx("span",{children:"SKU:"}),M.jsx(K,{target:"_blank",href:`https://app.forstok.com/dashboard/items/master/${encodeURIComponent(t.sku)}?src=sku`,children:t.sku})]})]})]})})}else if("productPicklist"===(null==e?void 0:e.condition)){const e=t.imageUrl?Array.isArray(t.imageUrl)&&t.imageUrl.length?t.imageUrl[0]:t.imageUrl:"";c=M.jsx("section",{className:"cell-wrapper",children:M.jsxs(qb,{children:[M.jsx(Et,{$size:"30px",children:M.jsx(Js,{alt:t.name,$mode:"product",src:e||""})}),M.jsxs("div",{style:{display:"grid",gridGap:"4px"},children:[M.jsx(O,{style:{fontWeight:600},children:t.name}),M.jsxs(vt,{$size:"medium",children:[M.jsx("span",{children:"SKU:"}),t.sku?M.jsx(K,{target:"_blank",href:`https://app.forstok.com/dashboard/items/master/${encodeURIComponent(t.sku)}?src=sku`,children:t.sku}):"-"]}),M.jsxs(vt,{$size:"medium",children:[M.jsx("span",{children:"UPC:"}),t.barcode||"-"]})]})]})})}else if("option"===(null==e?void 0:e.condition))c=M.jsx(O,{$elipsis:!1,className:"multi-elipsis",children:t||"-"});else if("adjustment"===(null==e?void 0:e.condition)){let t=a.quantity-a.availableQuantity;t>0?t="+"+t:0===t&&(t=""),c=M.jsx(O,{$elipsis:!1,id:`text-${e.key}-${r}`,className:"multi-elipsis",style:Object.assign({display:"inline"},(null==e?void 0:e.align)&&{textAlign:e.align}),children:t||"-"})}else if("countAdjustment"===(null==e?void 0:e.condition)){let t=0;null!==a.quantity&&void 0!==a.quantity&&(t=a.quantity-a.qtyOnHand);const n=t>0?"+"+t:t;c=t?M.jsx(oC,{id:`text-${e.key}-${r}`,className:"multi-elipsis",style:{color:se(t),textAlign:(null==e?void 0:e.align)||";eft"},children:n}):M.jsx(M.Fragment,{})}else c="store"===(null==e?void 0:e.condition)?M.jsx("section",{className:"cell-wrapper",children:M.jsx(aC,{children:M.jsxs("section",{children:[t.channelImage?M.jsx(Js,{$mode:"store",alt:t.channelName,src:t.channelImage,width:"30px"}):M.jsx(kt,{style:{fontSize:"10px",width:"30px",height:"30px",backgroundColor:t.channelColor||"#000000"},children:t.channelInitials}),M.jsxs("div",{children:[M.jsx("strong",{className:"multi-elipsis",title:null==t?void 0:t.accountName,children:(null==t?void 0:t.accountName)||"-"}),M.jsxs(K,{target:"_blank",href:`https://app.forstok.com/dashboard/invoices/salesinvoices/${a.invoiceId}`,children:["INV-",a.invoiceId]})]})]})})}):M.jsx("section",{className:"cell-wrapper",children:M.jsx("div",Object.assign({className:"truncate-overflow"},n&&"auto"!==n&&{style:{maxHeight:n?parseInt(n)-34:"auto"}},(null==e?void 0:e.align)&&{style:{textAlign:e.align}},{children:s}))});return c},fC=({head:e,value:t,height:i,evChange:a,idx:s,variantIdx:l,error:c,evCloseEditor:d})=>{var u,p;const[h,g]=n(!1),[m,f]=n(null),[x,y]=n(null!==t||void 0!==t?t:""),[v,b]=n(!1),[C,w]=n(!0),k=`${e.key}-${s}${void 0!==l?"-"+l:""}`,I=o((t=>{const n=document.getElementById("cur-key"),r=n?n.innerHTML:"";r&&r===k&&(a(e,t,s,l),d&&d((()=>{g(!1)})))}),[k,e,s,l,a,d]);r((()=>{C?v?I(x):w(!1):I(x)}),[x,I,C,v]),r((()=>{const e=document.body,t=e=>{if(!h)return!1;const t=e.target,n=t.dataset.id||"";return(!n||!/^react-select/.test(n))&&(t.closest(".master-editor ._refSelectContainer")?void 0:(y(x),void d((()=>{g(!1)}))))};return e.addEventListener("click",t),()=>{e.removeEventListener("click",t)}}),[x,h,d]);r((()=>{if(!m){const t=document.getElementById("master-categories"),n=(null==e?void 0:e.schema)&&"master_category"===e.schema?""!==t.innerHTML?JSON.parse(_e(t.innerHTML)):[]:e.options||[];f&&f(n)}}),[e,m]);const E="Boolean"===e.typeData?(null===(u=e.options)||void 0===u?void 0:u.filter((e=>e.value===t)).length)?e.options.filter((e=>e.value===t))[0]:t:t?"string"==typeof t?{value:t,label:t}:t:{},A="Boolean"===e.typeData&&(null===(p=e.options)||void 0===p?void 0:p.filter((e=>e.value===t)).length)?e.options.filter((e=>e.value===t))[0].label:t,D=`${e.name.toLowerCase().replaceAll(" ","-")}-${s}${void 0!==l?"-"+l:""}`;return h?M.jsx("div",{className:"master-editor",children:M.jsx(Pg,Object.assign({options:m,defaultValue:E,mode:"small-table",name:e.fieldType+"_"+e.key,evCreate:e=>{y(e),b(!0)},evChange:e=>{const t=e;(null==t?void 0:t.value)&&y(t.value),b(!0)},isForceUpdate:v,setForceUpdate:b,"data-qa-id":`mt-select-${D}`},"category"===e.key&&{isCreateable:!0}))}):M.jsx("section",{onClick:e=>{e.preventDefault();const t=e.target;if(t.closest(".cell-disabled"))return!1;const n=document.getElementById("cur-key");n&&(n.innerHTML=k),g(!h);const r=t.closest(".cell");h?r&&r.classList.remove("cell-editing"):r&&r.classList.add("cell-editing")},className:"cell-wrapper",children:e.multiline?M.jsxs(M.Fragment,{children:[""===x&&c?M.jsx(O,{$color:"blue",style:{fontWeight:500},children:"+ Add"}):M.jsx("div",{className:"truncate-overflow","data-qa-id":`mt-select-label-${D}`,style:{maxHeight:i?parseInt(i)-34:"auto"},children:A}),c&&M.jsx(Yg,{$mode:"table",children:c})]}):M.jsxs(M.Fragment,{children:[""===x&&c?M.jsx(O,{$color:"blue",style:{fontWeight:500},children:"+ Add"}):M.jsx("div",{"data-qa-id":`mt-select-label-${D}`,children:A}),c&&M.jsx(Yg,{$mode:"table",children:c})]})})},xC=({head:e,value:t,evChange:i,idx:a,variantIdx:s,error:l,isForceUpdate:c,setForceUpdate:d,content:u})=>{var p,h;const[g,m]=n(null),f=`${e.key}-${a}${void 0!==s?"-"+s:""}`,x=o((t=>{const n=document.getElementById("cur-key"),r=n?n.innerHTML:"";r&&r===f&&i(e,t,a,s)}),[f,e,a,s,i]),y=o((()=>{let t=[];if(null==u?void 0:u.dataLocations)if("locations-batchId"===e.key){const e=u.dataLocations.filter((e=>{var t,n;return e.location===(null===(n=null===(t=u.locations)||void 0===t?void 0:t[s||0])||void 0===n?void 0:n.location)}));e.length&&(t=e.map((e=>e.batchId)).filter(((e,t,n)=>n.indexOf(e)===t)).map((e=>({value:e,label:e}))))}else if("locations-expiryDate"===e.key){const e=u.dataLocations.filter((e=>{var t,n,r,i;return e.location===(null===(n=null===(t=u.locations)||void 0===t?void 0:t[s||0])||void 0===n?void 0:n.location)&&e.batchId===(null===(i=null===(r=u.locations)||void 0===r?void 0:r[s||0])||void 0===i?void 0:i.batchId.value)}));e.length&&(t=e.map((e=>({value:e.expiryDate,label:gb(e.expiryDate,"YYYY-MM-DD HH:mm:ss ZZ").format("D MMM YYYY, hh:mm A")}))))}return t}),[u,e,s]);r((()=>{if(!g){const t=document.getElementById("master-categories");let n=[];if("qtyToReturn"===(null==e?void 0:e.condition)){const e=u.qtyOrdered-u.qtyReturned;for(let t=0;t<=e;t++)n.push({value:t,label:t})}else n=(null==e?void 0:e.schema)?"master_category"===e.schema&&""!==(null==t?void 0:t.innerHTML)?JSON.parse(_e(null==t?void 0:t.innerHTML)):[]:y().length?y():e.options||[];m(n)}}),[u,y,e,g]),r((()=>{if(c){const e=y();e.length&&m(e),d&&d(!1)}}),[u,y,e,c,d,s]);const v="qtyToReturn"===(null==e?void 0:e.condition)?{value:t,label:t}:"Boolean"===e.typeData?(null===(p=e.options)||void 0===p?void 0:p.filter((e=>e.value===t)).length)?e.options.filter((e=>e.value===t))[0]:t:t?"string"==typeof t?{value:t,label:t}:t:{},b=`${e.name.toLowerCase().replaceAll(" ","-")}-${a}${void 0!==s?"-"+s:""}`;return"adjustLocation"!==(null==e?void 0:e.condition)||(null===(h=u.locations[s||0])||void 0===h?void 0:h.location)?M.jsx("div",{className:"master-editor",children:M.jsx(Pg,Object.assign({},"category"===e.key&&{isCreateable:!0},{options:g,defaultValue:v,mode:"small-table",name:e.fieldType+"_"+e.key,evCreate:e=>{const t=document.getElementById("cur-key");t&&(t.innerHTML=f),x(e),d&&d(!0)},evChange:t=>{const n=t,r=document.getElementById("cur-key");r&&(r.innerHTML=f),"qtyToReturn"===(null==e?void 0:e.condition)?x(null==n?void 0:n.value):x(n),d&&d(!0)},isForceUpdate:c,setForceUpdate:d,"data-qa-id":`mt-select-${b}`},l&&{isError:!0,"data-tip":l,"data-place":"top","data-type":"error"},{placeholder:`Select ${e.name}`}))}):null},yC=({head:e,value:t,evChange:i,idx:a,variantIdx:s,evCloseEditor:l})=>{const[c,d]=n(t||!1),[u,p]=n(!0),h=`${e.name.toLowerCase().replaceAll(" ","-")}-${a}${void 0!==s?"-"+s:""}`;r((()=>{const n=document.getElementById(`${e.fieldType}_${h}`);n&&(n.checked=t),d(t)}),[t,e,h]);const g=`${e.key}-${a}${void 0!==s?"-"+s:""}`,m=o((t=>{const n=document.getElementById("cur-key"),r=n?n.innerHTML:"";r&&r===g&&(i(e,t,a,s),l())}),[g,e,a,s,i,l]);r((()=>{u?p(!1):m(c)}),[c,m,u]);const f=c;return M.jsx("div",{className:"master-editor",children:M.jsx(Bb,{name:e.fieldType+"_"+e.key,id:`${e.fieldType}_${h}`,"aria-label":e.name,value:c.toString(),defaultChecked:f,"data-qa-id":`mt-checkbox-${h}`,evChange:e=>{(e=>{const t=document.getElementById("cur-key");t&&(t.innerHTML=g);const n=e.closest(".cell");n&&n.classList.add("cell-editing");const r=e.checked,i=c===r;d(r),i&&l()})(e.target)}})})},vC=({head:e,value:t,height:n,evChange:i,evOpenPopup:a,idx:s,variantIdx:l,resultPopup:c,setResultPopup:d,evCloseEditor:u})=>{const p=`${e.key}-${s}${void 0!==l?"-"+l:""}`,h=o((t=>{const n=document.getElementById("cur-key"),r=n?n.innerHTML:"";r&&r===p&&(i(e,t,s,l),u())}),[p,e,s,l,i,u]);r((()=>{c&&"tag"in c&&(d&&d(null),h(c.tag))}),[c,d,h]);return M.jsx("section",{className:"cell-wrapper",onClick:e=>{e.preventDefault();const t=e.target;if(t.closest(".cell-disabled"))return!1;const n=document.getElementById("cur-key");n&&(n.innerHTML=p);const r=t.closest(".cell");r&&r.classList.add("cell-editing"),a&&a(e,"cell-wrapper")},"data-popup":"table-tag","data-detail":JSON.stringify({title:e.name,value:t}),children:M.jsx("div",{className:"truncate-overflow",style:{maxHeight:n?parseInt(n)-34:"auto"},children:t&&t.map(((e,t)=>M.jsx("span",{children:e},t)))})})},bC=({value:e,height:t})=>M.jsx("section",{className:"cell-wrapper",children:M.jsx("div",Object.assign({className:"truncate-overflow"},t&&"auto"!==t&&{style:{maxHeight:t?parseInt(t)-34:"auto"}},{children:e}))}),CC=e=>{const{evOpenPopup:t,headerColumns:i,data:a,setData:s,resultPopup:l,setResultPopup:c,type:d,evCreateMessageQuestion:u,evCreateMessage:p,autoCopy:h,setAutoCopy:g,isRemovable:m=!0,isForceUpdate:f,setForceUpdate:x}=e,[y,v]=n(!1),[b,C]=n();r((()=>{const e=()=>{const e=document.querySelector("._refResizeContainer");if(e){const t=document.querySelector("._refMasterTableViewport"),n=e.offsetHeight,r=document.querySelector("._refHeaderContainer"),i=r?r.offsetHeight:0;t&&(t.style.height=`calc(100vh - ${n+i+12}px)`)}};return e(),window.addEventListener("resize",e,!0),()=>{window.removeEventListener("resize",e,!0)}}),[]);const w=ae(d||"");r((()=>{const e=document.querySelector("#master-clone"),t=e?e.innerHTML:"";if((null==a?void 0:a.length)&&!t){const t=document.querySelector("._refMasterTableViewport"),n=document.querySelector("._refMasterTableHeaderClone");let r=0,i=0,a=!1;t&&t.addEventListener("scroll",(e=>{const o=t.offsetWidth-t.clientWidth,s=t.scrollLeft;i!==o&&(n.style.width=parseInt(n.style.width)+o+"px"),a||(window.requestAnimationFrame((()=>{r!==s&&(n.style.left="-"+s+"px"),a=!1,r=s})),a=!0),i=o}),{passive:!0}),e.innerHTML="true"}}),[a]);const k=55,I=m?55:0;let E=0,A=0;for(const e of i.filter((e=>!(null==e?void 0:e.isHidden))))"colGroup"===e.type&&(A+=e.width),E+=e.width;E+=k+I+1,A+=k;const D=(e,t,n,r)=>{const i="category"===(null==e?void 0:e.condition)?"Array":e.typeData||"String",o=Ne(i,t),l="category"===(null==e?void 0:e.condition)?Te(e,o,(null==e?void 0:e.condition[0].toUpperCase())+(null==e?void 0:e.condition.substring(1))):Te(e,o,void 0,Oe(e.validations,null==a?void 0:a[n]));if(n>=0){let t=[...a],i=t[n];if(r&&r>=0)if("putaway-inbound"===d){let t=i.locations[r];const n=e.key.replace("locations-","");t[n]=o,l.approved?delete t[n+"_error"]:t[n+"_error"]=l.errors[0],i.locations.splice(r,1,t)}else{let t=i.variants[r];const n=e.key.replace("variants-",""),a=i.variants.length;if("options-option"===n||"options-type"===n){const s=-1!==e.name.indexOf("1")?0:1,c="options-option"===n?"option":"type";if("type"===c){let e=[];for(let t=0;t<a;t++){let n=i.variants[t];if(n.options[s][c]=o,`${c}_error`in n.options[s]&&delete n.options[s][`${c}_error`],n.options.length>1){const e=0===s?1:0;`${c}_error`in n.options[e]&&delete n.options[e][`${c}_error`],o.toLowerCase()===n.options[e].type.toLowerCase()&&(n.options[s][`${c}_error`]="Variant type is duplicate")}e.push(n)}i.variants=e}else t.options[s][c]=o,l.approved?delete t.options[s][c+"_error"]:t.options[s][c+"_error"]=l.errors[0],i.variants.splice(r,1,t)}else t[n]=o,l.approved?delete t[n+"_error"]:t[n+"_error"]=l.errors[0],i.variants.splice(r,1,t)}else if("category"===(null==e?void 0:e.condition)){if(-1!==e.key.indexOf("listing")&&i.listing){const t=i.listing.findIndex((t=>t.accountId===e.value));if(t>=0){let n=[...i.listing],r=n[t];r[e.condition]=o,l.approved?delete r[e.condition+"_error"]:r[e.condition+"_error"]=l.errors[0],n.splice(t,1,r),i.listing=n}}}else i[e.key]=o,l.approved?delete i[e.key+"_error"]:i[e.key+"_error"]=l.errors[0];t.splice(n,1,i),s(t),e.bare&&l.approved&&x&&x(!0)}},j=e=>{const t=e.target,n=De("confirm",`Are you sure you want to remove ${"create-paymentreceive"===d?"invoice":"product"}?`,"",(()=>{let e=[...a];const n=t=>{var n;if(!h)return!1;let r=[...h];for(const i of t){const t=Object.assign({},e[i]),a=t.category,o=r.reduce(((e,t,n)=>e.concat(t.category===a?n:[])),[]);if(o.length)for(const e of o)if(e>=0){let i=null===(n=r[e])||void 0===n?void 0:n.copy;if(i){const e=i.findIndex((e=>e.id===t.id));e>=0&&i.splice(e,1)}}}g&&g(r),b&&C(void 0)},r=e=>{const t=document.getElementById("listing-data");t&&!t.innerHTML&&(t.innerText=JSON.stringify(e))};if("bulk"===(t.dataset.type||"")){let t=document.querySelectorAll("[name='checkbox-list']:checked"),i=[];for(let e=0;e<t.length;e++){const n=t[e],r=n.dataset.key?parseInt(n.dataset.key):0;i.push(r)}const a=e.filter(((e,t)=>-1===i.indexOf(t)));"listing"===w?(n(i),s(a,(e=>r(e)))):s(a),B()}else{const i=t.closest(".cell-trash"),a=i.dataset.idx?parseInt(i.dataset.idx):null,o=i.dataset.row?parseInt(i.dataset.row):null;if(null!==a)if("listing"===w)n([a]),e.splice(a,1),s(e,(e=>r(e)));else if("master"===w){let t=Object.assign({},e[a]);if(null==t?void 0:t.variants)if(1===t.variants.length)e.splice(a,1);else{let n=[...t.variants];o&&n.splice(o,1),t.variants=n,e.splice(a,1,t)}else e.splice(a,1);s(e)}else if("putaway-inbound"===d){let t=Object.assign({},e[a]);if(null==t?void 0:t.locations)if(1===t.locations.length)e.splice(a,1);else{let n=[...t.locations];o&&n.splice(o,1),t.locations=n,e.splice(a,1,t)}else e.splice(a,1);s(e)}else e.splice(a,1),s(e)}}));u&&u(n)},S=e=>{const t=document.querySelectorAll("[name='checkbox-list']:checked").length,n=document.querySelector("._refMasterTableBulkWrapper"),r=n.getElementsByTagName("span");r&&(r[0].innerHTML=`${t} selected`),t>0?n.classList.add("is-active"):n.classList.remove("is-active")},F=e=>{const t=e.target.checked,n=document.querySelectorAll("[name='checkbox-list']");if(null==n?void 0:n.length)for(let e=0;e<n.length;e++){const r=n[e],i=r.closest(".cell-checkbox"),a=r.closest("._refMasterTableBodyContent");t?(i&&i.classList.add("isChecked"),a&&a.classList.add("is-highlighted")):(i&&i.classList.remove("isChecked"),a&&a.classList.remove("is-highlighted")),r.checked=t}else{const t=Ae("warning","No Products Selected");p&&p(t),e.target.checked=!1,v(!1)}S()},N=e=>{const t=e.target,n=t.checked,r=document.querySelectorAll("[name='checkbox-selectAll']"),i=t.closest(".cell-checkbox"),a=t.closest("._refMasterTableBodyContent");!n&&(null==r?void 0:r.length)&&r.forEach((e=>e.checked&&(e.checked=!1))),n?(i&&i.classList.add("isChecked"),a&&a.classList.add("is-highlighted")):(i&&i.classList.remove("isChecked"),a&&a.classList.remove("is-highlighted")),S()},T="stock"===w?66:82,_=(e,n,r,i,a,o,s)=>{const u=o||T,p=e=>{const t=document.getElementById("cur-key");document.querySelectorAll(".cell-editing").forEach((e=>e.classList.remove("cell-editing"))),t&&(t.innerHTML=""),e&&e()};let h;switch(n.fieldType){case"image":h=M.jsx(gC,{head:n,value:r,height:u,evOpenPopup:t,idx:e,variantIdx:a,evChange:D,resultPopup:l,setResultPopup:c,error:i,evCloseEditor:p});break;case"textarea":h=M.jsx(bC,{head:n,value:r,height:u,idx:e,variantIdx:a});break;case"select":h=n.bare?M.jsx(xC,{head:n,value:r,idx:e,variantIdx:a,evChange:D,error:i,content:s,isForceUpdate:f,setForceUpdate:x}):M.jsx(fC,{head:n,value:r,height:u,idx:e,variantIdx:a,evChange:D,error:i,evCloseEditor:p});break;case"tag":h=M.jsx(vC,{head:n,value:r,height:u,evOpenPopup:t,idx:e,variantIdx:a,evChange:D,resultPopup:l,setResultPopup:c,evCloseEditor:p});break;case"label":h=M.jsx(mC,{head:n,value:r,height:u,idx:e,evOpenPopup:t,content:s,type:d,variantIdx:a});break;case"switch":h=M.jsx(yC,{head:n,value:r,idx:e,variantIdx:a,evChange:D,evCloseEditor:p});break;case"date":h=n.bare?M.jsx(uC,{head:n,value:r,idx:e,variantIdx:a,evChange:D,error:i,isForceUpdate:f,setForceUpdate:x}):M.jsx(dC,{head:n,value:r,height:u,idx:e,variantIdx:a,evChange:D,error:i,evCloseEditor:p});break;default:h=n.bare?M.jsx(hC,{head:n,content:s,value:r,height:u,idx:e,variantIdx:a,evChange:D,error:i,type:d,isForceUpdate:f,setForceUpdate:x}):M.jsx(pC,{head:n,value:r,height:u,idx:e,variantIdx:a,evChange:D,error:i,evCloseEditor:p,content:s})}return h},L=e=>{const t=e.target.dataset.key||"",n=i.findIndex((e=>e.key===t));if(n>=0){const e=i[n],r=document.querySelector("[name='checkbox-selectAll']"),o=document.querySelectorAll("[name='checkbox-list']:checked"),l=!r.checked&&o.length?`Clear to selected products (${o.length})`:"Clear all products",c=De("confirm","Are you sure you want to clear this column?","By clearing data, you can't undo this action.",(()=>{const n="validations"in e?Te(e,""):{approved:!0},i=t.split("-"),l=i[0],c=i[1],d="Boolean"!==e.typeData&&"";let u=[...a];if("stock"===w){const e=u.map((e=>{let r=e;return t&&(r[t]=d,n.approved?delete r[t+"_error"]:r[t+"_error"]=n.errors[0]),r}));s(e)}else if(!r.checked&&o.length){for(let e=0;e<o.length;e++){const t=o[e],r=t.dataset.key?parseInt(t.dataset.key):null;if(null!==r){let e=u[r];if(c){const t=e[l].map((e=>{const t=e;return t[c]=d,n.approved?delete t[c+"_error"]:t[c+"_error"]=n.errors[0],t}));e[l]=t}else e[l]=d,n.approved?delete e[l+"_error"]:e[l+"_error"]=n.errors[0];u.splice(r,1,e)}}s(u)}else{const e=u.map((e=>{let t=e;if(c){const e=t[l].map((e=>{const t=e;return t[c]=d,n.approved?delete t[c+"_error"]:t[c+"_error"]=n.errors[0],t}));t[l]=e}else t[l]=d,n.approved?delete t[l+"_error"]:t[l+"_error"]=n.errors[0];return t}));s(e)}}),l);u&&u(c)}},B=o((()=>{const e=document.querySelectorAll("[name='checkbox-selectAll']");setTimeout((()=>{e.forEach((e=>e.checked&&(e.checked=!1)))}),10);const t=document.querySelectorAll("[name='checkbox-list']:checked");if(null==t?void 0:t.length)for(let e=0;e<t.length;e++){const n=t[e],r=n.closest(".cell-checkbox"),i=n.closest("._refMasterTableBodyContent");r&&r.classList.remove("isChecked"),i&&i.classList.remove("is-highlighted"),n.checked=!1}y&&v(!1)}),[y]);r((()=>{if(l&&"edit"in l){const e=l.edit.key,t=l.edit.value,n=e.split("-"),r=n[0],i=n[1],o=document.querySelector("[name='checkbox-selectAll']"),d=document.querySelectorAll("[name='checkbox-list']:checked");let u=[...a];if(!o.checked&&d.length){for(let e=0;e<d.length;e++){const n=d[e],a=n.dataset.key?parseInt(n.dataset.key):null;if(null!==a){let e=u[a];if(i){const n=e[r].map((e=>{const n=e;return n[i]=t,delete n[i+"_error"],n}));e[r]=n}else e[r]="",delete e[r+"_error"];u.splice(a,1,e)}}s(u)}else{const e=u.map((e=>{let n=e;if(i){const e=n[r].map((e=>{const n=e;return n[i]=t,delete n[i+"_error"],n}));n[r]=e}else n[r]="",delete n[r+"_error"];return n}));s(e)}c&&c(null)}}),[l,c,a,s,w,d,i]);const P=i.filter((e=>e.isMassEditable||e.isMassClearable)).length>0,R=(e,n,r,i,o,s)=>(null==e?void 0:e.length)?M.jsxs(Zb,{className:""+(s?"_refMasterTableHeaderClone":"_refMasterTableHeader"),style:{width:s&&o||"100%"},children:[M.jsxs(Jb,{children:[M.jsx("div",{className:"headerCell headerCell-Checkbox",style:{width:n},children:m?M.jsx(lt,{onClick:F,name:"checkbox-selectAll",id:""+(s?"checkbox-selectAll-clone":"checkbox-selectAll")}):null},0),e.filter((e=>!(null==e?void 0:e.isHidden))).map(((e,t)=>{var n;return M.jsxs("div",{className:"headerCell "+(e.icon||e.initial?"headerCell-img":""),"data-key":e.key,style:{width:e.width},children:[e.icon?M.jsx(Js,{width:"24px",src:e.icon,alt:e.name}):e.initial?M.jsx(kt,{className:"initial-wrapper",style:{width:"24px",height:"24px",backgroundColor:(null==e?void 0:e.color)||"#000000",fontSize:"10px"},children:e.initial}):null,M.jsxs("header",{className:"multi-elipsis",title:e.name,children:[e.name,(null===(n=null==e?void 0:e.validations)||void 0===n?void 0:n.required)&&M.jsx(O,{$color:"red",style:{display:"inline",lineHeight:"normal"},children:"*"}),(null==e?void 0:e.tip)&&M.jsx(fr,{$name:"question",$width:"12px","data-tip":e.tip,"data-place":"top","data-multiline":!0})]})]},t+1)})),m?M.jsx("div",{className:"headerCell headerCell-trash",style:{width:r}},e.length+("picklist"===w?2:1)):null]}),P&&(null==a?void 0:a.length)?M.jsxs(It,{children:[M.jsx("div",{className:"actionCell",style:{width:n}}),e.filter((e=>!(null==e?void 0:e.isHidden))).map(((e,n)=>M.jsx("div",{className:"actionCell",style:{width:e.width},children:M.jsxs(iC,{children:[e.isMassEditable&&M.jsx(K,{mode:"clear",title:"Bulk Edit","data-popup":"table-mass-edit","data-detail":JSON.stringify({title:"Bulk Edit",head:e}),onClick:t,children:"Edit"}),e.isMassClearable&&M.jsx(K,{mode:"clear",title:"Bulk Clear","data-key":e.key,onClick:L,children:"Clear"})]})},n+1))),m?M.jsx("div",{className:"actionCell",style:{width:r}},e.length+("picklist"===w?2:1)):null]}):null]}):null;return console.log(a,"dataTable"),M.jsxs(M.Fragment,{children:[R(i,k,I,0,E,!0),M.jsxs(Hb,{children:[M.jsx(zb,{children:M.jsx($b,{className:"_refMasterTableViewport",$mode:d||"create-master",children:M.jsxs(Xb,{className:"_refMasterTableCanvas",style:{width:E},children:[R(i,k,I),M.jsx(Qb,{className:"_refMasterTableBody",children:(null==a?void 0:a.length)?"putaway-inbound"===d?M.jsx(lC,{data:a,heightContent:T,firstHeaderColumnsWidth:k,evCheckbox:N,headerColumns:i,switchEditor:_,totalColGroupWidth:A,lastHeaderColumnsWidth:I,evRemove:j,type:d,isRemovable:m}):M.jsx(cC,{data:a,firstHeaderColumnsWidth:k,evCheckbox:N,headerColumns:i,switchEditor:_,lastHeaderColumnsWidth:I,evRemove:j,type:d,isRemovable:m}):null})]})})}),M.jsxs("section",{className:"_refContainer",children:[M.jsxs(wt,{className:"_refMasterTableBulkWrapper",children:[M.jsx(fr,{className:"_refBulkCloseButton",$name:"cross",$width:"16px",onClick:e=>{e.persist(),B()}}),M.jsx("span",{children:"0 Selected"}),M.jsxs(or,{$mode:"red","data-type":"bulk",onClick:j,children:["Remove ","create-paymentreceive"===d?"Invoice":"Product"]})]}),M.jsx("div",{className:"_refDropdownOverlay",onClick:()=>{document.querySelector("._refDropdownOverlay").style.display="none";document.getElementsByTagName("BODY")[0].classList.remove("is-immuned")}})]})]}),M.jsx("div",{id:"master-clone",className:"hidden"})]})},wC=y`
|
|
4255
|
+
`,lC=({data:e,heightContent:t,firstHeaderColumnsWidth:n,evCheckbox:r,headerColumns:i,switchEditor:a,totalColGroupWidth:o,lastHeaderColumnsWidth:s,evRemove:l,type:c,isRemovable:d})=>e.map(((e,u)=>{const p=t?e.variants.length*t:e.variants.length;let h=u;if("putaway-inbound"===c)h=e.id;else h=u;return M.jsxs(Ub,{className:"_refMasterTableBodyContent",style:{height:p},children:[M.jsxs("div",{className:"cell-colGroup",style:{height:p},children:[M.jsx("div",{className:"cell cell-checkbox",style:{width:n,height:p},children:M.jsxs("article",{children:[M.jsx("div",{children:u+1}),M.jsx(st,{id:`checkbox-list-${u}`,name:"checkbox-list",extendKey:u.toString(),onClick:r})]})},0),i.filter((e=>!(null==e?void 0:e.isHidden))).filter((e=>"colGroup"===e.type)).map(((t,n)=>{const r=e[t.key],i=n+1,o=(null==e?void 0:e[t.key+"_error"])||"",s=a(u,t,r,o,void 0,p,e);return M.jsx("div",{"data-idx":u,"data-key":t.key,className:`cell cell-${t.fieldType} ${o?"cell-error":""}`,style:{width:t.width,height:p},children:s},i)}))]},0),M.jsx("div",{className:"cell-rowGroup",style:{left:o,overflow:"hidden"},children:e.locations.map(((n,r)=>{var o;const p="create-adjustment"===c?r+"-"+((null===(o=n.batchId)||void 0===o?void 0:o.value)||"0")+"-"+(n.location||"0"):r;let h=[];return M.jsxs("div",{className:"cell-row","data-row":r,style:{height:t},children:[i.filter((e=>!(null==e?void 0:e.isHidden))).filter((e=>"colGroup"!==e.type)).map(((t,i)=>{var o,s,l,c,d;const p=i+1;let g=null,m="",f=!1,x=t.key.replace("locations-","");if(-1===x.indexOf("-"))g=n[x],m=(null===(s=null===(o=null==e?void 0:e.locations)||void 0===o?void 0:o[r])||void 0===s?void 0:s[x+"_error"])||"";else{const t=x.split("-"),i=t[0],a=t[1],o=n[i]?n[i].length:0;if(o){let t=0;h.filter((e=>e===x)).length&&(t=h.filter((e=>e===x)).length),g=o>t?n[i][t][a]:null,m=o>t?null===(c=null===(l=null==e?void 0:e.locations)||void 0===l?void 0:l[r])||void 0===c?void 0:c[i][t][a+"_error"]:null,h.push(x)}}"adjustLocation"!==(null==t?void 0:t.condition)&&"countAdjustment"!==(null==t?void 0:t.condition)||(null===(d=e.locations[r])||void 0===d?void 0:d.location)||(f=!0);const y=a(u,t,g,m,r);return M.jsx("div",{"data-idx":u,"data-key":t.key,"data-row":r,className:`cell cell-${t.fieldType} ${m?"cell-error":""} ${f?"cell-disabled":""}`,style:{width:t.width},children:y},p)})),d?M.jsx("div",{"data-idx":u,"data-key":"trash","data-row":r,className:"cell cell-trash",onClick:l,style:{width:s},children:M.jsx("div",{children:M.jsx(fr,{$name:"trash",$width:"18px","data-qa-id":`mt-icon-trash-${u}${null!==r?"-"+r:""}`})})},i.length+1):null]},p)}))},1)]},h)})),cC=({data:e,firstHeaderColumnsWidth:t,evCheckbox:n,headerColumns:r,switchEditor:i,lastHeaderColumnsWidth:a,evRemove:o,type:s,isRemovable:l})=>e.map(((e,c)=>{var d;let u=c;switch(s){case"create-promotion":case"create-adjustment":case"create-price":case"create-inbound":case"create-outbound":case"create-transfer":case"confirm-adjustment":case"confirm-inbound":case"confirm-outbound":u=e.id;break;case"create-return":u=(null===(d=null==e?void 0:e.product)||void 0===d?void 0:d.id)||c;break;default:u=c}let p="";return"edit-picklist"===s?p=e.qtyOrdered===e.qtyPicked?"is-fullfilled":"":"create-package"===s?p=e.qtyOrdered===e.qtyPack?"is-fullfilled":"":"create-return"===s&&(p=e.qtyOrdered-e.qtyReturned===e.qtyToReturn?"is-fullfilled":""),M.jsx(Ub,{$mode:s,id:`row-${u}`,className:`_refMasterTableBodyContent ${p}`,children:M.jsxs("div",{className:"cell-colGroup",children:[M.jsx("div",{className:"cell cell-checkbox",style:{width:t},children:l?M.jsxs("article",{children:[M.jsx("div",{children:c+1}),M.jsx("div",{children:M.jsx(st,{id:`checkbox-list-${c}`,name:"checkbox-list",extendKey:c.toString(),onClick:n})})]}):M.jsx("div",{children:c+1})},0),r.filter((e=>!(null==e?void 0:e.isHidden))).filter((e=>"colGroup"===e.type)).map(((t,n)=>{const r=e[t.key],a=n+1,o=(null==e?void 0:e[t.key+"_error"])||"",l=i(c,t,r,o,void 0,"auto",e);let d=!1;if("create-price"===s&&"price"!==t.key&&"salePrice"!==t.key&&"item"!==t.key){const n=t.key.split("_");"salePrice"===n[1]||"saleStartAt"===n[1]||"saleEndAt"===n[1]?void 0===e[`${n[0]}_salePrice`]&&void 0===e[`${n[0]}_saleStartAt`]&&void 0===e[`${n[0]}_saleEndAt`]&&(d=!0):void 0===r&&(d=!0)}return M.jsx("div",{"data-idx":c,"data-key":t.key,className:`cell cell-${t.fieldType} ${d?"cell-disabled":""} ${o?"cell-error":""}`,style:{width:t.width},children:l},a)})),l?M.jsx("div",{"data-idx":c,"data-key":"trash",className:"cell cell-trash",style:{width:a},onClick:o,children:M.jsx("div",{children:M.jsx(fr,{$name:"trash",$width:"18px","data-qa-id":`mt-icon-trash-${c}`})})},r.length+1):null]},0)},u)})),dC=({head:e,value:t,height:i,evChange:s,idx:l,variantIdx:c,error:d,evCloseEditor:u})=>{const[p,h]=n(!1),[g,m]=n(t||null),[f,x]=n(!0),[y,v]=n(!1),b=a(null),C=e.format||"DD/MM/YYYY",w=`${e.key}-${l}${void 0!==c?"-"+c:""}`;r((()=>{const e=t?gb(t,C).toDate():t;m(e)}),[C,t]);const k=o((t=>{const n=document.getElementById("cur-key"),r=n?n.innerHTML:"";r&&r===w&&(s(e,t,l,c),u((()=>{h(!1)})))}),[w,e,l,c,s,u]);r((()=>{if(f)x(!1);else{const e=g?gb(g).format(C):g;k(e)}}),[g,k,f,C]),r((()=>{const e=document.body,t=e=>{if(!p)return!1;const t=e.target;return!t.closest(".react-datepicker")&&!t.closest(".cell-wrapper")&&(t.closest(".master-editor")?void 0:(m(g),void u((()=>{h(!1)}))))};return e.addEventListener("click",t),()=>e.removeEventListener("click",t)}),[g,p,u]);const I=`${e.name.toLowerCase().replaceAll(" ","-")}-${l}${void 0!==c?"-"+c:""}`;return p?M.jsx("div",{className:"master-editor",children:M.jsx(Db,Object.assign({ref:b,saveFormat:C,evChange:(e,t)=>{m(t),v(!0)},name:e.fieldType+"_"+e.key},g&&{value:g},{isError:!!d,isForceUpdate:y,setForceUpdate:v,"data-qa-id":`mt-field-date-${I}`},(null==e?void 0:e.allowEmpty)&&{allowEmpty:e.allowEmpty},(null==e?void 0:e.showFormat)&&{showFormat:e.showFormat}))}):M.jsx("section",{onClick:e=>{e.preventDefault();const t=e.target;if(t.closest(".cell-disabled"))return!1;const n=document.getElementById("cur-key");n&&(n.innerHTML=w),h(!p);const r=t.closest(".cell");p?r&&r.classList.remove("cell-editing"):r&&r.classList.add("cell-editing")},className:"cell-wrapper",children:e.multiline?M.jsxs(M.Fragment,{children:[!g&&d?M.jsx(O,{$color:"blue",style:{fontWeight:500},children:"+ Add"}):M.jsx("div",{className:"truncate-overflow",style:{maxHeight:i?parseInt(i)-34:"auto"},"data-qa-id":`mt-input-label-${I}`,children:(null==e?void 0:e.showFormat)&&g?gb(g,C).format(e.showFormat):g}),d&&M.jsx(Yg,{$mode:"table",children:d})]}):M.jsxs(M.Fragment,{children:[!g&&d?M.jsx(O,{$color:"blue",style:{fontWeight:500},children:"+ Add"}):M.jsx("div",{"data-qa-id":`mt-input-label-${I}`,children:(null==e?void 0:e.showFormat)&&g?gb(g,C).format(e.showFormat):g}),d&&M.jsx(Yg,{$mode:"table",children:d})]})})},uC=({head:e,value:t,evChange:n,idx:r,variantIdx:i,error:a,isForceUpdate:s,setForceUpdate:l})=>{const c=`${e.key}-${r}${void 0!==i?"-"+i:""}`,d=o((t=>{const a=document.getElementById("cur-key"),o=a?a.innerHTML:"";o&&o===c&&n(e,t,r,i)}),[c,e,r,i,n]),u=e.format||"DD/MM/YYYY",p=`${e.name.toLowerCase().replaceAll(" ","-")}-${r}${void 0!==i?"-"+i:""}`,h=t?gb(t,u).toDate():t;return M.jsx("div",{className:"master-editor",children:void 0===t&&"sale"===(null==e?void 0:e.condition)?M.jsx(O,{$color:"grey",children:"No Listing yet!"}):M.jsx(Db,Object.assign({saveFormat:u,evChange:(e,t)=>{const n=document.getElementById("cur-key");n&&(n.innerHTML=c);const r=t?gb(t).format(u):t;d(r)},name:e.fieldType+"_"+e.key,value:h},(null==e?void 0:e.allowEmpty)&&{allowEmpty:!0},a&&{isError:!0,"data-tip":a,"data-place":"top","data-type":"error"},{isForceUpdate:s,setForceUpdate:l,"data-qa-id":`mt-field-date-${p}`},(null==e?void 0:e.showFormat)&&{showFormat:e.showFormat}))})},pC=({head:e,value:t,height:i,evChange:a,idx:s,variantIdx:l,error:c,evCloseEditor:d,content:u})=>{const[p,h]=n(!1),[g,m]=n(t||""),[f,x]=n(!0);r((()=>{m(t)}),[t]);const y=`${e.key}-${s}${void 0!==l?"-"+l:""}`,v=o((t=>{const n=document.getElementById("cur-key"),r=n?n.innerHTML:"";r&&r===y&&(a(e,t,s,l),d((()=>{h(!1)})))}),[y,e,s,l,a,d]);r((()=>{f?x(!1):v(g)}),[g,v,f]);const b=we((e=>{}),250),C=t=>{const n=t.value,r="Integer"===e.typeData?!g&&!n||parseInt(g)===parseInt(n):g===n;m(n),r&&d((()=>{h(!1)}))},w=`${e.name.toLowerCase().replaceAll(" ","-")}-${s}${void 0!==l?"-"+l:""}`,k="Currency"===e.typeData||"Integer"===e.typeData?null!==g?g:"":g?"string"==typeof g?g.toString().trim():g:"";let I=M.jsx("div",{"data-qa-id":`mt-input-label-${w}`,children:Me(t,e.key)});if("priceAdjustment"===(null==e?void 0:e.condition)||"priceAdjustment-sale"===(null==e?void 0:e.condition)){let n=parseInt(t||0)-parseInt(u[`${e.key}_base`]||0),r=je(n);n>0?r="+"+je(n):0===n&&(r=""),I=M.jsxs("div",{children:[M.jsx("div",{"data-qa-id":`mt-input-label-${w}`,children:Me(t,e.key)}),0!==n&&null!==n&&!c&&M.jsx(oC,{style:{color:se(n)},children:r})]})}return p?M.jsx("div",{className:"master-editor",children:e.multiline?M.jsx(im,{name:e.fieldType+"_"+e.key,defaultValue:g,evChange:e=>{b(e.target)},evBlur:e=>{b(e.target),C(e.target)}}):M.jsx(et,Object.assign({type:"Integer"===e.typeData?"number":"text"},"Currency"===e.typeData&&{mode:"currency"},{name:e.fieldType+"_"+e.key,defaultValue:g,evChange:e=>{b(e.target)},evBlur:e=>{b(e.target),C(e.target)},evKeyUp:t=>{if("Enter"===t.key){t.preventDefault();const n=t.currentTarget.value,r="Integer"===e.typeData?parseInt(g)===parseInt(n):g===n;return m(n),void(r&&d((()=>{h(!1)})))}},"data-qa-id":`mt-input-${w}`}))}):M.jsx("section",{onClick:e=>{e.preventDefault();const t=e.target;if(t.closest(".cell-disabled"))return!1;const n=document.getElementById("cur-key");n&&(n.innerHTML=y),h(!p);const r=t.closest(".cell");p?r&&r.classList.remove("cell-editing"):r&&r.classList.add("cell-editing"),setTimeout((()=>{const e=r.querySelector("input");e&&e.focus(),e&&e.select()}),1)},className:"cell-wrapper",children:e.multiline?M.jsxs(M.Fragment,{children:[""===k&&c?M.jsx(O,{$color:"blue",style:{fontWeight:500},children:"+ Add"}):M.jsx("div",{className:"truncate-overflow","data-qa-id":`mt-input-label-${w}`,style:{maxHeight:i?parseInt(i)-34:"auto"},children:Me(t,e.key)}),c&&M.jsx(Yg,{$mode:"table",children:c})]}):M.jsxs(M.Fragment,{children:[""===k&&c?M.jsx(O,{$color:"blue",style:{fontWeight:500},children:"+ Add"}):I,c&&M.jsx(Yg,{$mode:"table",children:c})]})})},hC=({head:e,value:t,evChange:n,idx:r,variantIdx:i,error:a,content:s,type:l,isForceUpdate:c,setForceUpdate:d})=>{const u=`${e.key}-${r}${void 0!==i?"-"+i:""}`,p=o((t=>{const a=document.getElementById("cur-key"),o=a?a.innerHTML:"";o&&o===u&&n(e,t,r,i)}),[u,e,r,i,n]),h=we((e=>{}),250),g=e=>{p(e.value)},m=e=>{if("Enter"===e.key)return e.preventDefault(),void p(e.currentTarget.value)},f=e=>{e.persist(),setTimeout((()=>{const t=e.target,n=t.value;""!==n&&null!=n&&(t&&t.focus(),t&&t.select())}),1);const t=document.getElementById("cur-key");t&&(t.innerHTML=u)},x=Me(t,e.key),y=["shipping","platformRebate"],v=e.multiline?M.jsx(im,Object.assign({name:e.fieldType+"_"+e.key,defaultValue:t,evChange:e=>{h(e.target)},evBlur:e=>{h(e.target),g(e.target)},onClick:e=>{e.persist();const t=document.getElementById("cur-key");t&&(t.innerHTML=u)}},a&&{isError:!0,"data-tip":a,"data-place":"top","data-type":"error"})):M.jsx(et,Object.assign({type:"Integer"===e.typeData?"number":"text",name:e.fieldType+"_"+e.key,defaultValue:t,evChange:e=>{h(e.target)},evBlur:e=>{h(e.target),g(e.target)},onKeyUp:m,onClick:f,onFocus:f,isForceUpdate:c,setForceUpdate:d,"data-qa-id":`mt-input-${e.name.toLowerCase().replaceAll(" ","-")}-${r}${void 0!==i?"-"+i:""}`},"Currency"===e.typeData&&{mode:"currency",aliasLabel:y.includes(e.key)?"+":"-"},e.placeholder&&{placeholder:e.placeholder},a&&{isError:!0,"data-tip":a,"data-place":"top","data-type":"error"}));let b=M.jsx("div",{className:"master-editor",children:v});return"countAdjustment"===(null==e?void 0:e.condition)?b=M.jsx("div",{className:"master-editor",children:M.jsxs(M.Fragment,{children:[v,null!==t&&t<s.qtyReserved&&M.jsx(sC,{style:{color:"red"},children:"Qty Available'll be minus"})]})}):"countOutbound"===(null==e?void 0:e.condition)&&(b=M.jsx("div",{className:"master-editor",children:M.jsxs(M.Fragment,{children:[v,null!==t&&t>s.qtyOnHand&&M.jsx(sC,{style:{color:"red"},children:"Qty On Hand'll be minus"})]})})),"create-paymentreceive"===l?M.jsx(et,Object.assign({type:"Integer"===e.typeData?"number":"text",disabled:s.orderCashless&&"shipping"===e.key||!1,name:e.fieldType+"_"+e.key,defaultValue:x,evChange:e=>{h(e.target)},evBlur:e=>{h(e.target),g(e.target)},evKeyUp:m,onClick:f,onFocus:f,"data-qa-id":`mt-input-${e.name.toLowerCase().replaceAll(" ","-")}-${r}${void 0!==i?"-"+i:""}`},"Currency"===e.typeData&&{mode:"currency",aliasLabel:y.includes(e.key)?"+":"-"},e.placeholder&&{placeholder:e.placeholder},a&&{isError:!0,"data-tip":a,"data-place":"top","data-type":"error"})):b},gC=({head:e,value:t,evChange:n,evOpenPopup:i,idx:a,variantIdx:s,resultPopup:l,setResultPopup:c,error:d,evCloseEditor:u})=>{const p=`${e.key}-${a}${void 0!==s?"-"+s:""}`,h=o((t=>{const r=document.getElementById("cur-key"),i=r?r.innerHTML:"";i&&i===p&&(n(e,t,a,s),u())}),[p,e,a,s,n,u]);r((()=>(l&&"image"in l&&(c&&c(null),h(l.image)),()=>{c&&c(null)})),[l,c,h]);return M.jsxs("section",{className:"cell-wrapper",onClick:e=>{e.preventDefault();const t=e.target;if(t.closest(".cell-disabled"))return!1;const n=document.getElementById("cur-key");n&&(n.innerHTML=p);const r=t.closest(".cell");r&&r.classList.add("cell-editing"),i&&i(e,"cell-wrapper")},"data-popup":"table-image","data-detail":JSON.stringify({title:e.name,value:t,head:e}),children:[d&&-1===d.indexOf("minimum")&&-1===d.indexOf("maximum")?M.jsx(O,{$color:"blue",style:{fontWeight:500},children:"+ Add"}):M.jsx("div",{children:t&&M.jsx("figure",{className:"table-image-figure","data-qa-id":`mt-image-${e.name.toLowerCase().replaceAll(" ","-")}-${a}${void 0!==s?"-"+s:""}`,children:M.jsx(Js,{src:Array.isArray(t)?t[0]:t})})}),d&&M.jsx(Yg,{$mode:"table",children:d.replace("Product","")})]})},mC=({head:e,value:t,height:n,idx:r,evOpenPopup:i,content:a,type:o})=>{let s=t?"object"==typeof(l=t)&&!Array.isArray(l)&&null!==l&&Object.keys(t).length?t[Object.keys(t)[0]]:t:"Integer"===e.typeData?t.toString():"";var l;let c;if("product"===(null==e?void 0:e.condition)){const e=t.imageUrl?Array.isArray(t.imageUrl)&&t.imageUrl.length?t.imageUrl[0]:t.imageUrl:"";c=M.jsx("section",{className:"cell-wrapper",children:M.jsxs(Kb,{children:[M.jsxs("section",{children:[M.jsx("figure",{className:"table-image-figure",children:M.jsx(Js,{src:e})}),M.jsxs("div",{children:[M.jsx(eC,{children:t.name}),t.totalVariant&&M.jsxs("span",{className:"counter-product-label",children:[t.totalVariant," variants"]})]})]}),M.jsxs("section",{children:[M.jsxs("div",{children:[M.jsx(yt,{$size:"medium",children:"Category: "})," ",t.category||"No Category"]}),M.jsxs("div",{children:[M.jsx(yt,{$size:"medium",children:"Brand: "})," ",t.brand||"No Brand"]})]})]})})}else if("addVariant"===(null==e?void 0:e.condition))c=M.jsx("section",{className:"cell-wrapper","data-detail":JSON.stringify({idx:r,data:a}),"data-popup":"add-variant-master",children:M.jsx(tC,{$mode:"add",children:M.jsx("div",{onClick:e=>i&&i(e,"cell-wrapper"),children:M.jsx(O,{color:"blue",title:"Add Variant",style:{fontWeight:500},children:"+ Add"})})})});else if("item"===(null==e?void 0:e.condition)){const e=t.imageUrl?Array.isArray(t.imageUrl)&&t.imageUrl.length?t.imageUrl[0]:t.imageUrl:"";c=M.jsx("section",{className:"cell-wrapper",children:M.jsxs(qb,{children:[M.jsx(It,{$size:"30px",children:M.jsx(Js,{alt:t.name,$mode:"product",src:e||""})}),M.jsxs("div",{children:[M.jsx(eC,{children:M.jsx("strong",{children:t.name})}),t.sku&&M.jsxs(yt,{$size:"medium",children:[M.jsx("span",{children:"SKU:"}),M.jsx(K,{target:"_blank",href:`https://app.forstok.com/dashboard/items/master/${encodeURIComponent(t.sku)}?src=sku`,children:t.sku})]})]})]})})}else if("productPicklist"===(null==e?void 0:e.condition)){const e=t.imageUrl?Array.isArray(t.imageUrl)&&t.imageUrl.length?t.imageUrl[0]:t.imageUrl:"";c=M.jsx("section",{className:"cell-wrapper",children:M.jsxs(qb,{children:[M.jsx(It,{$size:"30px",children:M.jsx(Js,{alt:t.name,$mode:"product",src:e||""})}),M.jsxs("div",{style:{display:"grid",gridGap:"4px"},children:[M.jsx(O,{style:{fontWeight:600},children:t.name}),M.jsxs(yt,{$size:"medium",children:[M.jsx("span",{children:"SKU:"}),t.sku?M.jsx(K,{target:"_blank",href:`https://app.forstok.com/dashboard/items/master/${encodeURIComponent(t.sku)}?src=sku`,children:t.sku}):"-"]}),M.jsxs(yt,{$size:"medium",children:[M.jsx("span",{children:"UPC:"}),t.barcode||"-"]})]})]})})}else if("option"===(null==e?void 0:e.condition))c=M.jsx(O,{$elipsis:!1,className:"multi-elipsis",children:t||"-"});else if("adjustment"===(null==e?void 0:e.condition)){let t=a.quantity-a.availableQuantity;t>0?t="+"+t:0===t&&(t=""),c=M.jsx(O,{$elipsis:!1,id:`text-${e.key}-${r}`,className:"multi-elipsis",style:Object.assign({display:"inline"},(null==e?void 0:e.align)&&{textAlign:e.align}),children:t||"-"})}else if("countAdjustment"===(null==e?void 0:e.condition)){let t=0;null!==a.quantity&&void 0!==a.quantity&&(t=a.quantity-a.qtyOnHand);const n=t>0?"+"+t:t;c=t?M.jsx(oC,{id:`text-${e.key}-${r}`,className:"multi-elipsis",style:{color:se(t),textAlign:(null==e?void 0:e.align)||";eft"},children:n}):M.jsx(M.Fragment,{})}else c="store"===(null==e?void 0:e.condition)?M.jsx("section",{className:"cell-wrapper",children:M.jsx(aC,{children:M.jsxs("section",{children:[t.channelImage?M.jsx(Js,{$mode:"store",alt:t.channelName,src:t.channelImage,width:"30px"}):M.jsx(wt,{style:{fontSize:"10px",width:"30px",height:"30px",backgroundColor:t.channelColor||"#000000"},children:t.channelInitials}),M.jsxs("div",{children:[M.jsx("strong",{className:"multi-elipsis",title:null==t?void 0:t.accountName,children:(null==t?void 0:t.accountName)||"-"}),M.jsxs(K,{target:"_blank",href:`https://app.forstok.com/dashboard/invoices/salesinvoices/${a.invoiceId}`,children:["INV-",a.invoiceId]})]})]})})}):M.jsx("section",{className:"cell-wrapper",children:M.jsx("div",Object.assign({className:"truncate-overflow"},n&&"auto"!==n&&{style:{maxHeight:n?parseInt(n)-34:"auto"}},(null==e?void 0:e.align)&&{style:{textAlign:e.align}},{children:s}))});return c},fC=({head:e,value:t,height:i,evChange:a,idx:s,variantIdx:l,error:c,evCloseEditor:d})=>{var u,p;const[h,g]=n(!1),[m,f]=n(null),[x,y]=n(null!==t||void 0!==t?t:""),[v,b]=n(!1),[C,w]=n(!0),k=`${e.key}-${s}${void 0!==l?"-"+l:""}`,I=o((t=>{const n=document.getElementById("cur-key"),r=n?n.innerHTML:"";r&&r===k&&(a(e,t,s,l),d&&d((()=>{g(!1)})))}),[k,e,s,l,a,d]);r((()=>{C?v?I(x):w(!1):I(x)}),[x,I,C,v]),r((()=>{const e=document.body,t=e=>{if(!h)return!1;const t=e.target,n=t.dataset.id||"";return(!n||!/^react-select/.test(n))&&(t.closest(".master-editor ._refSelectContainer")?void 0:(y(x),void d((()=>{g(!1)}))))};return e.addEventListener("click",t),()=>{e.removeEventListener("click",t)}}),[x,h,d]);r((()=>{if(!m){const t=document.getElementById("master-categories"),n=(null==e?void 0:e.schema)&&"master_category"===e.schema?""!==t.innerHTML?JSON.parse(_e(t.innerHTML)):[]:e.options||[];f&&f(n)}}),[e,m]);const E="Boolean"===e.typeData?(null===(u=e.options)||void 0===u?void 0:u.filter((e=>e.value===t)).length)?e.options.filter((e=>e.value===t))[0]:t:t?"string"==typeof t?{value:t,label:t}:t:{},A="Boolean"===e.typeData&&(null===(p=e.options)||void 0===p?void 0:p.filter((e=>e.value===t)).length)?e.options.filter((e=>e.value===t))[0].label:t,D=`${e.name.toLowerCase().replaceAll(" ","-")}-${s}${void 0!==l?"-"+l:""}`;return h?M.jsx("div",{className:"master-editor",children:M.jsx(Pg,Object.assign({options:m,defaultValue:E,mode:"small-table",name:e.fieldType+"_"+e.key,evCreate:e=>{y(e),b(!0)},evChange:e=>{const t=e;(null==t?void 0:t.value)&&y(t.value),b(!0)},isForceUpdate:v,setForceUpdate:b,"data-qa-id":`mt-select-${D}`},"category"===e.key&&{isCreateable:!0}))}):M.jsx("section",{onClick:e=>{e.preventDefault();const t=e.target;if(t.closest(".cell-disabled"))return!1;const n=document.getElementById("cur-key");n&&(n.innerHTML=k),g(!h);const r=t.closest(".cell");h?r&&r.classList.remove("cell-editing"):r&&r.classList.add("cell-editing")},className:"cell-wrapper",children:e.multiline?M.jsxs(M.Fragment,{children:[""===x&&c?M.jsx(O,{$color:"blue",style:{fontWeight:500},children:"+ Add"}):M.jsx("div",{className:"truncate-overflow","data-qa-id":`mt-select-label-${D}`,style:{maxHeight:i?parseInt(i)-34:"auto"},children:A}),c&&M.jsx(Yg,{$mode:"table",children:c})]}):M.jsxs(M.Fragment,{children:[""===x&&c?M.jsx(O,{$color:"blue",style:{fontWeight:500},children:"+ Add"}):M.jsx("div",{"data-qa-id":`mt-select-label-${D}`,children:A}),c&&M.jsx(Yg,{$mode:"table",children:c})]})})},xC=({head:e,value:t,evChange:i,idx:a,variantIdx:s,error:l,isForceUpdate:c,setForceUpdate:d,content:u})=>{var p,h;const[g,m]=n(null),f=`${e.key}-${a}${void 0!==s?"-"+s:""}`,x=o((t=>{const n=document.getElementById("cur-key"),r=n?n.innerHTML:"";r&&r===f&&i(e,t,a,s)}),[f,e,a,s,i]),y=o((()=>{let t=[];if(null==u?void 0:u.dataLocations)if("locations-batchId"===e.key){const e=u.dataLocations.filter((e=>{var t,n;return e.location===(null===(n=null===(t=u.locations)||void 0===t?void 0:t[s||0])||void 0===n?void 0:n.location)}));e.length&&(t=e.map((e=>e.batchId)).filter(((e,t,n)=>n.indexOf(e)===t)).map((e=>({value:e,label:e}))))}else if("locations-expiryDate"===e.key){const e=u.dataLocations.filter((e=>{var t,n,r,i;return e.location===(null===(n=null===(t=u.locations)||void 0===t?void 0:t[s||0])||void 0===n?void 0:n.location)&&e.batchId===(null===(i=null===(r=u.locations)||void 0===r?void 0:r[s||0])||void 0===i?void 0:i.batchId.value)}));e.length&&(t=e.map((e=>({value:e.expiryDate,label:gb(e.expiryDate,"YYYY-MM-DD HH:mm:ss ZZ").format("D MMM YYYY, hh:mm A")}))))}return t}),[u,e,s]);r((()=>{if(!g){const t=document.getElementById("master-categories");let n=[];if("qtyToReturn"===(null==e?void 0:e.condition)){const e=u.qtyOrdered-u.qtyReturned;for(let t=0;t<=e;t++)n.push({value:t,label:t})}else n=(null==e?void 0:e.schema)?"master_category"===e.schema&&""!==(null==t?void 0:t.innerHTML)?JSON.parse(_e(null==t?void 0:t.innerHTML)):[]:y().length?y():e.options||[];m(n)}}),[u,y,e,g]),r((()=>{if(c){const e=y();e.length&&m(e),d&&d(!1)}}),[u,y,e,c,d,s]);const v="qtyToReturn"===(null==e?void 0:e.condition)?{value:t,label:t}:"Boolean"===e.typeData?(null===(p=e.options)||void 0===p?void 0:p.filter((e=>e.value===t)).length)?e.options.filter((e=>e.value===t))[0]:t:t?"string"==typeof t?{value:t,label:t}:t:{},b=`${e.name.toLowerCase().replaceAll(" ","-")}-${a}${void 0!==s?"-"+s:""}`;return"adjustLocation"!==(null==e?void 0:e.condition)||(null===(h=u.locations[s||0])||void 0===h?void 0:h.location)?M.jsx("div",{className:"master-editor",children:M.jsx(Pg,Object.assign({},"category"===e.key&&{isCreateable:!0},{options:g,defaultValue:v,mode:"small-table",name:e.fieldType+"_"+e.key,evCreate:e=>{const t=document.getElementById("cur-key");t&&(t.innerHTML=f),x(e),d&&d(!0)},evChange:t=>{const n=t,r=document.getElementById("cur-key");r&&(r.innerHTML=f),"qtyToReturn"===(null==e?void 0:e.condition)?x(null==n?void 0:n.value):x(n),d&&d(!0)},isForceUpdate:c,setForceUpdate:d,"data-qa-id":`mt-select-${b}`},l&&{isError:!0,"data-tip":l,"data-place":"top","data-type":"error"},{placeholder:`Select ${e.name}`}))}):null},yC=({head:e,value:t,evChange:i,idx:a,variantIdx:s,evCloseEditor:l})=>{const[c,d]=n(t||!1),[u,p]=n(!0),h=`${e.name.toLowerCase().replaceAll(" ","-")}-${a}${void 0!==s?"-"+s:""}`;r((()=>{const n=document.getElementById(`${e.fieldType}_${h}`);n&&(n.checked=t),d(t)}),[t,e,h]);const g=`${e.key}-${a}${void 0!==s?"-"+s:""}`,m=o((t=>{const n=document.getElementById("cur-key"),r=n?n.innerHTML:"";r&&r===g&&(i(e,t,a,s),l())}),[g,e,a,s,i,l]);r((()=>{u?p(!1):m(c)}),[c,m,u]);const f=c;return M.jsx("div",{className:"master-editor",children:M.jsx(Bb,{name:e.fieldType+"_"+e.key,id:`${e.fieldType}_${h}`,"aria-label":e.name,value:c.toString(),defaultChecked:f,"data-qa-id":`mt-checkbox-${h}`,evChange:e=>{(e=>{const t=document.getElementById("cur-key");t&&(t.innerHTML=g);const n=e.closest(".cell");n&&n.classList.add("cell-editing");const r=e.checked,i=c===r;d(r),i&&l()})(e.target)}})})},vC=({head:e,value:t,height:n,evChange:i,evOpenPopup:a,idx:s,variantIdx:l,resultPopup:c,setResultPopup:d,evCloseEditor:u})=>{const p=`${e.key}-${s}${void 0!==l?"-"+l:""}`,h=o((t=>{const n=document.getElementById("cur-key"),r=n?n.innerHTML:"";r&&r===p&&(i(e,t,s,l),u())}),[p,e,s,l,i,u]);r((()=>{c&&"tag"in c&&(d&&d(null),h(c.tag))}),[c,d,h]);return M.jsx("section",{className:"cell-wrapper",onClick:e=>{e.preventDefault();const t=e.target;if(t.closest(".cell-disabled"))return!1;const n=document.getElementById("cur-key");n&&(n.innerHTML=p);const r=t.closest(".cell");r&&r.classList.add("cell-editing"),a&&a(e,"cell-wrapper")},"data-popup":"table-tag","data-detail":JSON.stringify({title:e.name,value:t}),children:M.jsx("div",{className:"truncate-overflow",style:{maxHeight:n?parseInt(n)-34:"auto"},children:t&&t.map(((e,t)=>M.jsx("span",{children:e},t)))})})},bC=({value:e,height:t})=>M.jsx("section",{className:"cell-wrapper",children:M.jsx("div",Object.assign({className:"truncate-overflow"},t&&"auto"!==t&&{style:{maxHeight:t?parseInt(t)-34:"auto"}},{children:e}))}),CC=e=>{const{evOpenPopup:t,headerColumns:i,data:a,setData:s,resultPopup:l,setResultPopup:c,type:d,evCreateMessageQuestion:u,evCreateMessage:p,autoCopy:h,setAutoCopy:g,isRemovable:m=!0,isForceUpdate:f,setForceUpdate:x}=e,[y,v]=n(!1),[b,C]=n();r((()=>{const e=()=>{const e=document.querySelector("._refResizeContainer");if(e){const t=document.querySelector("._refMasterTableViewport"),n=e.offsetHeight,r=document.querySelector("._refHeaderContainer"),i=r?r.offsetHeight:0;t&&(t.style.height=`calc(100vh - ${n+i+12}px)`)}};return e(),window.addEventListener("resize",e,!0),()=>{window.removeEventListener("resize",e,!0)}}),[]);const w=ae(d||"");r((()=>{const e=document.querySelector("#master-clone"),t=e?e.innerHTML:"";if((null==a?void 0:a.length)&&!t){const t=document.querySelector("._refMasterTableViewport"),n=document.querySelector("._refMasterTableHeaderClone");let r=0,i=0,a=!1;t&&t.addEventListener("scroll",(e=>{const o=t.offsetWidth-t.clientWidth,s=t.scrollLeft;i!==o&&(n.style.width=parseInt(n.style.width)+o+"px"),a||(window.requestAnimationFrame((()=>{r!==s&&(n.style.left="-"+s+"px"),a=!1,r=s})),a=!0),i=o}),{passive:!0}),e.innerHTML="true"}}),[a]);const k=55,I=m?55:0;let E=0,A=0;for(const e of i.filter((e=>!(null==e?void 0:e.isHidden))))"colGroup"===e.type&&(A+=e.width),E+=e.width;E+=k+I+1,A+=k;const D=(e,t,n,r)=>{const i="category"===(null==e?void 0:e.condition)?"Array":e.typeData||"String",o=Ne(i,t),l="category"===(null==e?void 0:e.condition)?Te(e,o,(null==e?void 0:e.condition[0].toUpperCase())+(null==e?void 0:e.condition.substring(1))):Te(e,o,void 0,Oe(e.validations,null==a?void 0:a[n]));if(n>=0){let t=[...a],i=t[n];if(r&&r>=0)if("putaway-inbound"===d){let t=i.locations[r];const n=e.key.replace("locations-","");t[n]=o,l.approved?delete t[n+"_error"]:t[n+"_error"]=l.errors[0],i.locations.splice(r,1,t)}else{let t=i.variants[r];const n=e.key.replace("variants-",""),a=i.variants.length;if("options-option"===n||"options-type"===n){const s=-1!==e.name.indexOf("1")?0:1,c="options-option"===n?"option":"type";if("type"===c){let e=[];for(let t=0;t<a;t++){let n=i.variants[t];if(n.options[s][c]=o,`${c}_error`in n.options[s]&&delete n.options[s][`${c}_error`],n.options.length>1){const e=0===s?1:0;`${c}_error`in n.options[e]&&delete n.options[e][`${c}_error`],o.toLowerCase()===n.options[e].type.toLowerCase()&&(n.options[s][`${c}_error`]="Variant type is duplicate")}e.push(n)}i.variants=e}else t.options[s][c]=o,l.approved?delete t.options[s][c+"_error"]:t.options[s][c+"_error"]=l.errors[0],i.variants.splice(r,1,t)}else t[n]=o,l.approved?delete t[n+"_error"]:t[n+"_error"]=l.errors[0],i.variants.splice(r,1,t)}else if("category"===(null==e?void 0:e.condition)){if(-1!==e.key.indexOf("listing")&&i.listing){const t=i.listing.findIndex((t=>t.accountId===e.value));if(t>=0){let n=[...i.listing],r=n[t];r[e.condition]=o,l.approved?delete r[e.condition+"_error"]:r[e.condition+"_error"]=l.errors[0],n.splice(t,1,r),i.listing=n}}}else i[e.key]=o,l.approved?delete i[e.key+"_error"]:i[e.key+"_error"]=l.errors[0];t.splice(n,1,i),s(t),e.bare&&l.approved&&x&&x(!0)}},j=e=>{const t=e.target,n=De("confirm",`Are you sure you want to remove ${"create-paymentreceive"===d?"invoice":"product"}?`,"",(()=>{let e=[...a];const n=t=>{var n;if(!h)return!1;let r=[...h];for(const i of t){const t=Object.assign({},e[i]),a=t.category,o=r.reduce(((e,t,n)=>e.concat(t.category===a?n:[])),[]);if(o.length)for(const e of o)if(e>=0){let i=null===(n=r[e])||void 0===n?void 0:n.copy;if(i){const e=i.findIndex((e=>e.id===t.id));e>=0&&i.splice(e,1)}}}g&&g(r),b&&C(void 0)},r=e=>{const t=document.getElementById("listing-data");t&&!t.innerHTML&&(t.innerText=JSON.stringify(e))};if("bulk"===(t.dataset.type||"")){let t=document.querySelectorAll("[name='checkbox-list']:checked"),i=[];for(let e=0;e<t.length;e++){const n=t[e],r=n.dataset.key?parseInt(n.dataset.key):0;i.push(r)}const a=e.filter(((e,t)=>-1===i.indexOf(t)));"listing"===w?(n(i),s(a,(e=>r(e)))):s(a),B()}else{const i=t.closest(".cell-trash"),a=i.dataset.idx?parseInt(i.dataset.idx):null,o=i.dataset.row?parseInt(i.dataset.row):null;if(null!==a)if("listing"===w)n([a]),e.splice(a,1),s(e,(e=>r(e)));else if("master"===w){let t=Object.assign({},e[a]);if(null==t?void 0:t.variants)if(1===t.variants.length)e.splice(a,1);else{let n=[...t.variants];o&&n.splice(o,1),t.variants=n,e.splice(a,1,t)}else e.splice(a,1);s(e)}else if("putaway-inbound"===d){let t=Object.assign({},e[a]);if(null==t?void 0:t.locations)if(1===t.locations.length)e.splice(a,1);else{let n=[...t.locations];o&&n.splice(o,1),t.locations=n,e.splice(a,1,t)}else e.splice(a,1);s(e)}else e.splice(a,1),s(e)}}));u&&u(n)},S=e=>{const t=document.querySelectorAll("[name='checkbox-list']:checked").length,n=document.querySelector("._refMasterTableBulkWrapper"),r=n.getElementsByTagName("span");r&&(r[0].innerHTML=`${t} selected`),t>0?n.classList.add("is-active"):n.classList.remove("is-active")},F=e=>{const t=e.target.checked,n=document.querySelectorAll("[name='checkbox-list']");if(null==n?void 0:n.length)for(let e=0;e<n.length;e++){const r=n[e],i=r.closest(".cell-checkbox"),a=r.closest("._refMasterTableBodyContent");t?(i&&i.classList.add("isChecked"),a&&a.classList.add("is-highlighted")):(i&&i.classList.remove("isChecked"),a&&a.classList.remove("is-highlighted")),r.checked=t}else{const t=Ae("warning","No Products Selected");p&&p(t),e.target.checked=!1,v(!1)}S()},N=e=>{const t=e.target,n=t.checked,r=document.querySelectorAll("[name='checkbox-selectAll']"),i=t.closest(".cell-checkbox"),a=t.closest("._refMasterTableBodyContent");!n&&(null==r?void 0:r.length)&&r.forEach((e=>e.checked&&(e.checked=!1))),n?(i&&i.classList.add("isChecked"),a&&a.classList.add("is-highlighted")):(i&&i.classList.remove("isChecked"),a&&a.classList.remove("is-highlighted")),S()},T="stock"===w?66:82,_=(e,n,r,i,a,o,s)=>{const u=o||T,p=e=>{const t=document.getElementById("cur-key");document.querySelectorAll(".cell-editing").forEach((e=>e.classList.remove("cell-editing"))),t&&(t.innerHTML=""),e&&e()};let h;switch(n.fieldType){case"image":h=M.jsx(gC,{head:n,value:r,height:u,evOpenPopup:t,idx:e,variantIdx:a,evChange:D,resultPopup:l,setResultPopup:c,error:i,evCloseEditor:p});break;case"textarea":h=M.jsx(bC,{head:n,value:r,height:u,idx:e,variantIdx:a});break;case"select":h=n.bare?M.jsx(xC,{head:n,value:r,idx:e,variantIdx:a,evChange:D,error:i,content:s,isForceUpdate:f,setForceUpdate:x}):M.jsx(fC,{head:n,value:r,height:u,idx:e,variantIdx:a,evChange:D,error:i,evCloseEditor:p});break;case"tag":h=M.jsx(vC,{head:n,value:r,height:u,evOpenPopup:t,idx:e,variantIdx:a,evChange:D,resultPopup:l,setResultPopup:c,evCloseEditor:p});break;case"label":h=M.jsx(mC,{head:n,value:r,height:u,idx:e,evOpenPopup:t,content:s,type:d,variantIdx:a});break;case"switch":h=M.jsx(yC,{head:n,value:r,idx:e,variantIdx:a,evChange:D,evCloseEditor:p});break;case"date":h=n.bare?M.jsx(uC,{head:n,value:r,idx:e,variantIdx:a,evChange:D,error:i,isForceUpdate:f,setForceUpdate:x}):M.jsx(dC,{head:n,value:r,height:u,idx:e,variantIdx:a,evChange:D,error:i,evCloseEditor:p});break;default:h=n.bare?M.jsx(hC,{head:n,content:s,value:r,height:u,idx:e,variantIdx:a,evChange:D,error:i,type:d,isForceUpdate:f,setForceUpdate:x}):M.jsx(pC,{head:n,value:r,height:u,idx:e,variantIdx:a,evChange:D,error:i,evCloseEditor:p,content:s})}return h},L=e=>{const t=e.target.dataset.key||"",n=i.findIndex((e=>e.key===t));if(n>=0){const e=i[n],r=document.querySelector("[name='checkbox-selectAll']"),o=document.querySelectorAll("[name='checkbox-list']:checked"),l=!r.checked&&o.length?`Clear to selected products (${o.length})`:"Clear all products",c=De("confirm","Are you sure you want to clear this column?","By clearing data, you can't undo this action.",(()=>{const n="validations"in e?Te(e,""):{approved:!0},i=t.split("-"),l=i[0],c=i[1],d="Boolean"!==e.typeData&&"";let u=[...a];if("stock"===w){const e=u.map((e=>{let r=e;return t&&(r[t]=d,n.approved?delete r[t+"_error"]:r[t+"_error"]=n.errors[0]),r}));s(e)}else if(!r.checked&&o.length){for(let e=0;e<o.length;e++){const t=o[e],r=t.dataset.key?parseInt(t.dataset.key):null;if(null!==r){let e=u[r];if(c){const t=e[l].map((e=>{const t=e;return t[c]=d,n.approved?delete t[c+"_error"]:t[c+"_error"]=n.errors[0],t}));e[l]=t}else e[l]=d,n.approved?delete e[l+"_error"]:e[l+"_error"]=n.errors[0];u.splice(r,1,e)}}s(u)}else{const e=u.map((e=>{let t=e;if(c){const e=t[l].map((e=>{const t=e;return t[c]=d,n.approved?delete t[c+"_error"]:t[c+"_error"]=n.errors[0],t}));t[l]=e}else t[l]=d,n.approved?delete t[l+"_error"]:t[l+"_error"]=n.errors[0];return t}));s(e)}}),l);u&&u(c)}},B=o((()=>{const e=document.querySelectorAll("[name='checkbox-selectAll']");setTimeout((()=>{e.forEach((e=>e.checked&&(e.checked=!1)))}),10);const t=document.querySelectorAll("[name='checkbox-list']:checked");if(null==t?void 0:t.length)for(let e=0;e<t.length;e++){const n=t[e],r=n.closest(".cell-checkbox"),i=n.closest("._refMasterTableBodyContent");r&&r.classList.remove("isChecked"),i&&i.classList.remove("is-highlighted"),n.checked=!1}y&&v(!1)}),[y]);r((()=>{if(l&&"edit"in l){const e=l.edit.key,t=l.edit.value,n=e.split("-"),r=n[0],i=n[1],o=document.querySelector("[name='checkbox-selectAll']"),d=document.querySelectorAll("[name='checkbox-list']:checked");let u=[...a];if(!o.checked&&d.length){for(let e=0;e<d.length;e++){const n=d[e],a=n.dataset.key?parseInt(n.dataset.key):null;if(null!==a){let e=u[a];if(i){const n=e[r].map((e=>{const n=e;return n[i]=t,delete n[i+"_error"],n}));e[r]=n}else e[r]="",delete e[r+"_error"];u.splice(a,1,e)}}s(u)}else{const e=u.map((e=>{let n=e;if(i){const e=n[r].map((e=>{const n=e;return n[i]=t,delete n[i+"_error"],n}));n[r]=e}else n[r]="",delete n[r+"_error"];return n}));s(e)}c&&c(null)}}),[l,c,a,s,w,d,i]);const P=i.filter((e=>e.isMassEditable||e.isMassClearable)).length>0,R=(e,n,r,i,o,s)=>(null==e?void 0:e.length)?M.jsxs(Zb,{className:""+(s?"_refMasterTableHeaderClone":"_refMasterTableHeader"),style:{width:s&&o||"100%"},children:[M.jsxs(Jb,{children:[M.jsx("div",{className:"headerCell headerCell-Checkbox",style:{width:n},children:m?M.jsx(st,{onClick:F,name:"checkbox-selectAll",id:""+(s?"checkbox-selectAll-clone":"checkbox-selectAll")}):null},0),e.filter((e=>!(null==e?void 0:e.isHidden))).map(((e,t)=>{var n;return M.jsxs("div",{className:"headerCell "+(e.icon||e.initial?"headerCell-img":""),"data-key":e.key,style:{width:e.width},children:[e.icon?M.jsx(Js,{width:"24px",src:e.icon,alt:e.name}):e.initial?M.jsx(wt,{className:"initial-wrapper",style:{width:"24px",height:"24px",backgroundColor:(null==e?void 0:e.color)||"#000000",fontSize:"10px"},children:e.initial}):null,M.jsxs("header",{className:"multi-elipsis",title:e.name,children:[e.name,(null===(n=null==e?void 0:e.validations)||void 0===n?void 0:n.required)&&M.jsx(O,{$color:"red",style:{display:"inline",lineHeight:"normal"},children:"*"}),(null==e?void 0:e.tip)&&M.jsx(fr,{$name:"question",$width:"12px","data-tip":e.tip,"data-place":"top","data-multiline":!0})]})]},t+1)})),m?M.jsx("div",{className:"headerCell headerCell-trash",style:{width:r}},e.length+("picklist"===w?2:1)):null]}),P&&(null==a?void 0:a.length)?M.jsxs(kt,{children:[M.jsx("div",{className:"actionCell",style:{width:n}}),e.filter((e=>!(null==e?void 0:e.isHidden))).map(((e,n)=>M.jsx("div",{className:"actionCell",style:{width:e.width},children:M.jsxs(iC,{children:[e.isMassEditable&&M.jsx(K,{mode:"clear",title:"Bulk Edit","data-popup":"table-mass-edit","data-detail":JSON.stringify({title:"Bulk Edit",head:e}),onClick:t,children:"Edit"}),e.isMassClearable&&M.jsx(K,{mode:"clear",title:"Bulk Clear","data-key":e.key,onClick:L,children:"Clear"})]})},n+1))),m?M.jsx("div",{className:"actionCell",style:{width:r}},e.length+("picklist"===w?2:1)):null]}):null]}):null;return console.log(a,"dataTable"),M.jsxs(M.Fragment,{children:[R(i,k,I,0,E,!0),M.jsxs(Hb,{children:[M.jsx(zb,{children:M.jsx($b,{className:"_refMasterTableViewport",$mode:d||"create-master",children:M.jsxs(Xb,{className:"_refMasterTableCanvas",style:{width:E},children:[R(i,k,I),M.jsx(Qb,{className:"_refMasterTableBody",children:(null==a?void 0:a.length)?"putaway-inbound"===d?M.jsx(lC,{data:a,heightContent:T,firstHeaderColumnsWidth:k,evCheckbox:N,headerColumns:i,switchEditor:_,totalColGroupWidth:A,lastHeaderColumnsWidth:I,evRemove:j,type:d,isRemovable:m}):M.jsx(cC,{data:a,firstHeaderColumnsWidth:k,evCheckbox:N,headerColumns:i,switchEditor:_,lastHeaderColumnsWidth:I,evRemove:j,type:d,isRemovable:m}):null})]})})}),M.jsxs("section",{className:"_refContainer",children:[M.jsxs(Ct,{className:"_refMasterTableBulkWrapper",children:[M.jsx(fr,{className:"_refBulkCloseButton",$name:"cross",$width:"16px",onClick:e=>{e.persist(),B()}}),M.jsx("span",{children:"0 Selected"}),M.jsxs(or,{$mode:"red","data-type":"bulk",onClick:j,children:["Remove ","create-paymentreceive"===d?"Invoice":"Product"]})]}),M.jsx("div",{className:"_refDropdownOverlay",onClick:()=>{document.querySelector("._refDropdownOverlay").style.display="none";document.getElementsByTagName("BODY")[0].classList.remove("is-immuned")}})]})]}),M.jsx("div",{id:"master-clone",className:"hidden"})]})},wC=y`
|
|
4066
4256
|
display: grid;
|
|
4067
4257
|
grid-template-columns: 1fr;
|
|
4068
4258
|
align-items: center;
|
|
@@ -4180,5 +4370,5 @@ and limitations under the License.
|
|
|
4180
4370
|
`:t?y`
|
|
4181
4371
|
x: ${t}
|
|
4182
4372
|
`:void 0}
|
|
4183
|
-
`,VC=Fe().width,HC=Fe().height,zC=()=>M.jsxs(FC,{height:260,width:"100%",speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx("rect",{x:"10",y:"15",rx:"50",ry:"50",width:"35",height:"35"}),M.jsx("rect",{x:"55",y:"15",rx:"0",ry:"0",width:"330",height:"13"}),M.jsx("rect",{x:"55",y:"35",rx:"0",ry:"0",width:"330",height:"11"}),M.jsx("rect",{x:"10",y:"65",rx:"50",ry:"50",width:"35",height:"35"}),M.jsx("rect",{x:"55",y:"65",rx:"0",ry:"0",width:"330",height:"13"}),M.jsx("rect",{x:"55",y:"85",rx:"0",ry:"0",width:"330",height:"11"}),M.jsx("rect",{x:"10",y:"115",rx:"50",ry:"50",width:"35",height:"35"}),M.jsx("rect",{x:"55",y:"115",rx:"0",ry:"0",width:"330",height:"13"}),M.jsx("rect",{x:"55",y:"135",rx:"0",ry:"0",width:"330",height:"11"}),M.jsx("rect",{x:"10",y:"165",rx:"50",ry:"50",width:"35",height:"35"}),M.jsx("rect",{x:"55",y:"165",rx:"0",ry:"0",width:"330",height:"13"}),M.jsx("rect",{x:"55",y:"185",rx:"0",ry:"0",width:"330",height:"11"}),M.jsx("rect",{x:"10",y:"215",rx:"50",ry:"50",width:"35",height:"35"}),M.jsx("rect",{x:"55",y:"215",rx:"0",ry:"0",width:"330",height:"13"}),M.jsx("rect",{x:"55",y:"235",rx:"0",ry:"0",width:"330",height:"11"})]}),$C=()=>M.jsxs(FC,{height:284,width:"100%",speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,viewBox:"0 0 290 284",children:[M.jsx("rect",{x:"10",y:"15",rx:"0",ry:"0",width:"40",height:"40"}),M.jsx("rect",{x:"62",y:"15",rx:"0",ry:"0",width:"90",height:"13"}),M.jsx("rect",{x:"62",y:"30",rx:"0",ry:"0",width:"185",height:"13"}),M.jsx("rect",{x:"62",y:"45",rx:"0",ry:"0",width:"50",height:"11"}),M.jsx("rect",{x:"257",y:"23",rx:"50",ry:"50",width:"25",height:"25"}),M.jsx("rect",{x:"10",y:"70",rx:"0",ry:"0",width:"40",height:"40"}),M.jsx("rect",{x:"62",y:"70",rx:"0",ry:"0",width:"90",height:"13"}),M.jsx("rect",{x:"62",y:"85",rx:"0",ry:"0",width:"185",height:"13"}),M.jsx("rect",{x:"62",y:"100",rx:"0",ry:"0",width:"50",height:"11"}),M.jsx("rect",{x:"257",y:"77",rx:"50",ry:"50",width:"25",height:"25"}),M.jsx("rect",{x:"10",y:"125",rx:"0",ry:"0",width:"40",height:"40"}),M.jsx("rect",{x:"62",y:"125",rx:"0",ry:"0",width:"90",height:"13"}),M.jsx("rect",{x:"62",y:"140",rx:"0",ry:"0",width:"185",height:"13"}),M.jsx("rect",{x:"62",y:"155",rx:"0",ry:"0",width:"50",height:"11"}),M.jsx("rect",{x:"257",y:"131",rx:"50",ry:"50",width:"25",height:"25"}),M.jsx("rect",{x:"10",y:"180",rx:"0",ry:"0",width:"40",height:"40"}),M.jsx("rect",{x:"62",y:"180",rx:"0",ry:"0",width:"90",height:"13"}),M.jsx("rect",{x:"62",y:"195",rx:"0",ry:"0",width:"185",height:"13"}),M.jsx("rect",{x:"62",y:"210",rx:"0",ry:"0",width:"50",height:"11"}),M.jsx("rect",{x:"257",y:"185",rx:"50",ry:"50",width:"25",height:"25"}),M.jsx("rect",{x:"10",y:"235",rx:"0",ry:"0",width:"40",height:"40"}),M.jsx("rect",{x:"62",y:"235",rx:"0",ry:"0",width:"90",height:"13"}),M.jsx("rect",{x:"62",y:"250",rx:"0",ry:"0",width:"185",height:"13"}),M.jsx("rect",{x:"62",y:"265",rx:"0",ry:"0",width:"50",height:"11"}),M.jsx("rect",{x:"257",y:"239",rx:"50",ry:"50",width:"25",height:"25"})]}),XC=()=>M.jsx(FC,{height:60,width:"100%",speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:M.jsx("rect",{x:"0",y:"15",rx:"0",ry:"0",width:"100%",height:"36"})}),ZC=()=>{const e=100,t=VC-600,n=VC-405,r=120,i=VC-275,a=VC-190,o=140,s=VC-45,l=VC-18,c=VC-777,d=VC-665,u=VC-625,p=VC-515,h=140,g=VC-365,m=160,f=VC-190,x=140;return M.jsxs(NC,{children:[M.jsx(TC,{children:M.jsxs(FC,{speed:1,width:VC,height:"100%",backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:"52",y:"15",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:e,y:"15",rx:"2",ry:"2",width:t,height:"31"}),M.jsx("rect",{x:n,y:"15",rx:"2",ry:"2",width:r,height:"32"}),M.jsx("rect",{x:i,y:"15",rx:"2",ry:"2",width:80,height:"32"}),M.jsx("rect",{x:a,y:"15",rx:"2",ry:"2",width:o,height:"32"}),M.jsx("rect",{x:s,y:"15",rx:"2",ry:"2",width:30,height:"32"}),M.jsx("rect",{x:"52",y:"80",rx:"2",ry:"2",width:"200",height:"15"}),M.jsx("rect",{x:9,y:"110",rx:"0",ry:"0",width:l,height:"2"}),M.jsx("rect",{x:"52",y:"127",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:95,y:"127",rx:"2",ry:"2",width:c,height:"50"}),M.jsx("rect",{x:d,y:"127",rx:"2",ry:"2",width:26,height:"31"}),M.jsx("rect",{x:u,y:"127",rx:"2",ry:"2",width:90,height:"31"}),M.jsx("rect",{x:p,y:"127",rx:"2",ry:"2",width:h,height:"31"}),M.jsx("rect",{x:g,y:"127",rx:"2",ry:"2",width:m,height:"31"}),M.jsx("rect",{x:f,y:"127",rx:"2",ry:"2",width:x,height:"65"})]})}),M.jsx(TC,{children:M.jsxs(FC,{speed:1,width:VC,height:"100%",backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:"52",y:"15",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:e,y:"15",rx:"2",ry:"2",width:t,height:"31"}),M.jsx("rect",{x:n,y:"15",rx:"2",ry:"2",width:r,height:"32"}),M.jsx("rect",{x:i,y:"15",rx:"2",ry:"2",width:80,height:"32"}),M.jsx("rect",{x:a,y:"15",rx:"2",ry:"2",width:o,height:"32"}),M.jsx("rect",{x:s,y:"15",rx:"2",ry:"2",width:30,height:"32"}),M.jsx("rect",{x:"52",y:"80",rx:"2",ry:"2",width:"200",height:"15"}),M.jsx("rect",{x:9,y:"110",rx:"0",ry:"0",width:l,height:"2"}),M.jsx("rect",{x:"52",y:"127",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:95,y:"127",rx:"2",ry:"2",width:c,height:"50"}),M.jsx("rect",{x:d,y:"127",rx:"2",ry:"2",width:26,height:"31"}),M.jsx("rect",{x:u,y:"127",rx:"2",ry:"2",width:90,height:"31"}),M.jsx("rect",{x:p,y:"127",rx:"2",ry:"2",width:h,height:"31"}),M.jsx("rect",{x:g,y:"127",rx:"2",ry:"2",width:m,height:"31"}),M.jsx("rect",{x:f,y:"127",rx:"2",ry:"2",width:x,height:"65"})]})}),M.jsx(TC,{children:M.jsxs(FC,{speed:1,width:VC,height:"100%",backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:"52",y:"15",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:e,y:"15",rx:"2",ry:"2",width:t,height:"31"}),M.jsx("rect",{x:n,y:"15",rx:"2",ry:"2",width:r,height:"32"}),M.jsx("rect",{x:i,y:"15",rx:"2",ry:"2",width:80,height:"32"}),M.jsx("rect",{x:a,y:"15",rx:"2",ry:"2",width:o,height:"32"}),M.jsx("rect",{x:s,y:"15",rx:"2",ry:"2",width:30,height:"32"}),M.jsx("rect",{x:"52",y:"80",rx:"2",ry:"2",width:"200",height:"15"}),M.jsx("rect",{x:9,y:"110",rx:"0",ry:"0",width:l,height:"2"}),M.jsx("rect",{x:"52",y:"127",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:95,y:"127",rx:"2",ry:"2",width:c,height:"50"}),M.jsx("rect",{x:d,y:"127",rx:"2",ry:"2",width:26,height:"31"}),M.jsx("rect",{x:u,y:"127",rx:"2",ry:"2",width:90,height:"31"}),M.jsx("rect",{x:p,y:"127",rx:"2",ry:"2",width:h,height:"31"}),M.jsx("rect",{x:g,y:"127",rx:"2",ry:"2",width:m,height:"31"}),M.jsx("rect",{x:f,y:"127",rx:"2",ry:"2",width:x,height:"65"})]})}),M.jsx(TC,{children:M.jsxs(FC,{speed:1,width:VC,height:"100%",backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:"52",y:"15",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:e,y:"15",rx:"2",ry:"2",width:t,height:"31"}),M.jsx("rect",{x:n,y:"15",rx:"2",ry:"2",width:r,height:"32"}),M.jsx("rect",{x:i,y:"15",rx:"2",ry:"2",width:80,height:"32"}),M.jsx("rect",{x:a,y:"15",rx:"2",ry:"2",width:o,height:"32"}),M.jsx("rect",{x:s,y:"15",rx:"2",ry:"2",width:30,height:"32"}),M.jsx("rect",{x:"52",y:"80",rx:"2",ry:"2",width:"200",height:"15"}),M.jsx("rect",{x:9,y:"110",rx:"0",ry:"0",width:l,height:"2"}),M.jsx("rect",{x:"52",y:"127",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:95,y:"127",rx:"2",ry:"2",width:c,height:"50"}),M.jsx("rect",{x:d,y:"127",rx:"2",ry:"2",width:26,height:"31"}),M.jsx("rect",{x:u,y:"127",rx:"2",ry:"2",width:90,height:"31"}),M.jsx("rect",{x:p,y:"127",rx:"2",ry:"2",width:h,height:"31"}),M.jsx("rect",{x:g,y:"127",rx:"2",ry:"2",width:m,height:"31"}),M.jsx("rect",{x:f,y:"127",rx:"2",ry:"2",width:x,height:"65"})]})}),M.jsx(TC,{children:M.jsxs(FC,{speed:1,width:VC,height:"100%",backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:"52",y:"15",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:e,y:"15",rx:"2",ry:"2",width:t,height:"31"}),M.jsx("rect",{x:n,y:"15",rx:"2",ry:"2",width:r,height:"32"}),M.jsx("rect",{x:i,y:"15",rx:"2",ry:"2",width:80,height:"32"}),M.jsx("rect",{x:a,y:"15",rx:"2",ry:"2",width:o,height:"32"}),M.jsx("rect",{x:s,y:"15",rx:"2",ry:"2",width:30,height:"32"}),M.jsx("rect",{x:"52",y:"80",rx:"2",ry:"2",width:"200",height:"15"}),M.jsx("rect",{x:9,y:"110",rx:"0",ry:"0",width:l,height:"2"}),M.jsx("rect",{x:"52",y:"127",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:95,y:"127",rx:"2",ry:"2",width:c,height:"50"}),M.jsx("rect",{x:d,y:"127",rx:"2",ry:"2",width:26,height:"31"}),M.jsx("rect",{x:u,y:"127",rx:"2",ry:"2",width:90,height:"31"}),M.jsx("rect",{x:p,y:"127",rx:"2",ry:"2",width:h,height:"31"}),M.jsx("rect",{x:g,y:"127",rx:"2",ry:"2",width:m,height:"31"}),M.jsx("rect",{x:f,y:"127",rx:"2",ry:"2",width:x,height:"65"})]})})]})},JC=()=>{const e=VC-700,t=VC-432,n=VC-302,r=VC-217,i=VC-72,a=VC-777,o=VC-665,s=VC-625,l=VC-515,c=VC-365,d=VC-190,u=140,p=VC-777,h=VC-629,g=VC-529,m=VC-389,f=VC-214;return M.jsx(PC,{children:M.jsxs(FC,{speed:1,width:VC,height:"100%",backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:"38",y:"18",rx:"2",ry:"2",width:"36",height:"36"}),M.jsx("rect",{x:84,y:"18",rx:"2",ry:"2",width:e,height:"36"}),M.jsx("rect",{x:t,y:"20",rx:"2",ry:"2",width:120,height:"32"}),M.jsx("rect",{x:n,y:"20",rx:"2",ry:"2",width:80,height:"32"}),M.jsx("rect",{x:r,y:"20",rx:"2",ry:"2",width:140,height:"32"}),M.jsx("rect",{x:i,y:"20",rx:"2",ry:"2",width:30,height:"32"}),M.jsx("rect",{x:"38",y:"85",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"152",y:"85",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"266",y:"85",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"64",y:"150",rx:"2",ry:"2",width:"31",height:"61"}),M.jsx("rect",{x:121,y:"150",rx:"2",ry:"2",width:p,height:"61"}),M.jsx("rect",{x:h,y:"150",rx:"2",ry:"2",width:90,height:"61"}),M.jsx("rect",{x:g,y:"150",rx:"2",ry:"2",width:140,height:"61"}),M.jsx("rect",{x:m,y:"150",rx:"2",ry:"2",width:160,height:"61"}),M.jsx("rect",{x:f,y:"150",rx:"2",ry:"2",width:140,height:"61"}),M.jsx("rect",{x:"38",y:"284",rx:"2",ry:"2",width:"285",height:"31"}),M.jsx("rect",{x:"389",y:"284",rx:"2",ry:"2",width:"285",height:"31"}),M.jsx("rect",{x:"38",y:"324",rx:"2",ry:"2",width:"285",height:"31"}),M.jsx("rect",{x:"389",y:"324",rx:"2",ry:"2",width:"285",height:"31"}),M.jsx("rect",{x:"38",y:"364",rx:"2",ry:"2",width:"285",height:"31"}),M.jsx("rect",{x:"389",y:"364",rx:"2",ry:"2",width:"285",height:"31"}),M.jsx("rect",{x:"38",y:"404",rx:"2",ry:"2",width:"285",height:"31"}),M.jsx("rect",{x:"389",y:"404",rx:"2",ry:"2",width:"285",height:"31"}),M.jsx("rect",{x:"38",y:"444",rx:"2",ry:"2",width:"285",height:"31"}),M.jsx("rect",{x:"389",y:"444",rx:"2",ry:"2",width:"285",height:"31"}),M.jsx("rect",{x:"38",y:"515",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:95,y:"515",rx:"2",ry:"2",width:a,height:"31"}),M.jsx("rect",{x:o,y:"515",rx:"2",ry:"2",width:26,height:"31"}),M.jsx("rect",{x:s,y:"515",rx:"2",ry:"2",width:90,height:"31"}),M.jsx("rect",{x:l,y:"515",rx:"2",ry:"2",width:140,height:"31"}),M.jsx("rect",{x:c,y:"515",rx:"2",ry:"2",width:160,height:"31"}),M.jsx("rect",{x:d,y:"515",rx:"2",ry:"2",width:u,height:"31"}),M.jsx("rect",{x:"38",y:"555",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:95,y:"555",rx:"2",ry:"2",width:a,height:"31"}),M.jsx("rect",{x:o,y:"555",rx:"2",ry:"2",width:26,height:"31"}),M.jsx("rect",{x:s,y:"555",rx:"2",ry:"2",width:90,height:"31"}),M.jsx("rect",{x:l,y:"555",rx:"2",ry:"2",width:140,height:"31"}),M.jsx("rect",{x:c,y:"555",rx:"2",ry:"2",width:160,height:"31"}),M.jsx("rect",{x:d,y:"555",rx:"2",ry:"2",width:u,height:"31"}),M.jsx("rect",{x:d,y:"604",rx:"2",ry:"2",width:u,height:"31"}),M.jsx("rect",{x:d,y:"654",rx:"2",ry:"2",width:u,height:"31"}),M.jsx("rect",{x:"38",y:"684",rx:"2",ry:"2",width:e,height:"36"})]})})},QC=()=>{const e=VC-250,t=VC-150,n=VC-80,r=140,i=183,a=200,o=388,s=140,l=533,c=140,d=678,u=140,p=823,h=140;return M.jsx(PC,{children:M.jsxs(FC,{speed:1,width:VC,height:"100%",backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:38,y:"20",rx:"2",ry:"2",width:e,height:"30"}),M.jsx("rect",{x:t,y:"20",rx:"2",ry:"2",width:60,height:"30"}),M.jsx("rect",{x:n,y:"20",rx:"2",ry:"2",width:30,height:"30"}),M.jsx("rect",{x:"50",y:"80",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"170",y:"80",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"290",y:"80",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"38",y:"130",rx:"2",ry:"2",width:"150",height:"20"}),M.jsx("rect",{x:"200",y:"130",rx:"2",ry:"2",width:"285",height:"20"}),M.jsx("rect",{x:"38",y:"165",rx:"2",ry:"2",width:"150",height:"20"}),M.jsx("rect",{x:"200",y:"165",rx:"2",ry:"2",width:"285",height:"20"}),M.jsx("rect",{x:"38",y:"200",rx:"2",ry:"2",width:"150",height:"20"}),M.jsx("rect",{x:"200",y:"200",rx:"2",ry:"2",width:"285",height:"20"}),M.jsx("rect",{x:"38",y:"235",rx:"2",ry:"2",width:"150",height:"20"}),M.jsx("rect",{x:"200",y:"235",rx:"2",ry:"2",width:"285",height:"20"}),M.jsx("rect",{x:"38",y:"270",rx:"2",ry:"2",width:"150",height:"20"}),M.jsx("rect",{x:"200",y:"270",rx:"2",ry:"2",width:"285",height:"20"}),M.jsx("rect",{x:38,y:"320",rx:"2",ry:"2",width:r,height:"31"}),M.jsx("rect",{x:i,y:"320",rx:"2",ry:"2",width:a,height:"31"}),M.jsx("rect",{x:o,y:"320",rx:"2",ry:"2",width:s,height:"31"}),M.jsx("rect",{x:l,y:"320",rx:"2",ry:"2",width:c,height:"31"}),M.jsx("rect",{x:d,y:"320",rx:"2",ry:"2",width:u,height:"31"}),M.jsx("rect",{x:p,y:"320",rx:"2",ry:"2",width:h,height:"31"}),M.jsx("rect",{x:38,y:"370",rx:"2",ry:"2",width:r,height:"31"}),M.jsx("rect",{x:i,y:"370",rx:"2",ry:"2",width:a,height:"31"}),M.jsx("rect",{x:o,y:"370",rx:"2",ry:"2",width:s,height:"31"}),M.jsx("rect",{x:l,y:"370",rx:"2",ry:"2",width:c,height:"31"}),M.jsx("rect",{x:d,y:"370",rx:"2",ry:"2",width:u,height:"31"}),M.jsx("rect",{x:p,y:"370",rx:"2",ry:"2",width:h,height:"31"}),M.jsx("rect",{x:38,y:"420",rx:"2",ry:"2",width:r,height:"31"}),M.jsx("rect",{x:i,y:"420",rx:"2",ry:"2",width:a,height:"31"}),M.jsx("rect",{x:o,y:"420",rx:"2",ry:"2",width:s,height:"31"}),M.jsx("rect",{x:l,y:"420",rx:"2",ry:"2",width:c,height:"31"}),M.jsx("rect",{x:d,y:"420",rx:"2",ry:"2",width:u,height:"31"}),M.jsx("rect",{x:p,y:"420",rx:"2",ry:"2",width:h,height:"31"}),M.jsx("rect",{x:38,y:"470",rx:"2",ry:"2",width:r,height:"31"}),M.jsx("rect",{x:i,y:"470",rx:"2",ry:"2",width:a,height:"31"}),M.jsx("rect",{x:o,y:"470",rx:"2",ry:"2",width:s,height:"31"}),M.jsx("rect",{x:l,y:"470",rx:"2",ry:"2",width:c,height:"31"}),M.jsx("rect",{x:d,y:"470",rx:"2",ry:"2",width:u,height:"31"}),M.jsx("rect",{x:p,y:"470",rx:"2",ry:"2",width:h,height:"31"}),M.jsx("rect",{x:"38",y:"530",rx:"2",ry:"2",width:"200",height:"15"}),M.jsx("rect",{x:38,y:"560",rx:"2",ry:"2",width:"50",height:"50"}),M.jsx("rect",{x:108,y:"560",rx:"2",ry:"2",width:"50",height:"50"}),M.jsx("rect",{x:178,y:"560",rx:"2",ry:"2",width:"50",height:"50"}),M.jsx("rect",{x:248,y:"560",rx:"2",ry:"2",width:"50",height:"50"}),M.jsx("rect",{x:318,y:"560",rx:"2",ry:"2",width:"50",height:"50"})]})})},UC=()=>{let e=VC>=994?VC>=1031&&VC>=1031?VC-100:VC-60:994;const t=e-777,n=e-665,r=e-555,i=e-405,a=e-230;return M.jsx(RC,{children:M.jsxs(FC,{speed:1,width:e,height:"100%",backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:"38",y:"15",rx:"2",ry:"2",width:"31",height:"61"}),M.jsx("rect",{x:95,y:"15",rx:"2",ry:"2",width:t,height:"61"}),M.jsx("rect",{x:n,y:"15",rx:"2",ry:"2",width:90,height:"61"}),M.jsx("rect",{x:r,y:"15",rx:"2",ry:"2",width:140,height:"61"}),M.jsx("rect",{x:i,y:"15",rx:"2",ry:"2",width:160,height:"61"}),M.jsx("rect",{x:a,y:"15",rx:"2",ry:"2",width:140,height:"61"})]})})},qC=()=>{const e=window.innerWidth,t=e>=1336?150:e>=1112?110:100,n=29+t+12,r=e>=1336?120:e>=1112?110:100,i=n+r+12,a=e>=1336||e>=1112?110:105,o=i+a+12,s=e>=1336||e>=1112?140:130,l=o+s+12,c=e>=1336?130:e>=1112?120:100,d=l+c+12,u=e>=1336?115:e>=1112?105:100,p=d+u+12,g=e>=1336?150:e>=1112?110:100,m=e-150-24,f=HC?Math.ceil((HC-78)/70):0;let x=p+g+12,y=[];for(let e=0;x+122<m;e++)y.push({x:p+g+12+122*e,w:110}),x=p+g+12+122*e;return M.jsx(OC,{className:"_refLoadingList",children:M.jsxs(FC,{speed:1,width:e,height:"100%",backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:29,y:"23",rx:"2",ry:"2",width:t,height:"16"}),M.jsx("rect",{x:n,y:"23",rx:"2",ry:"2",width:r,height:"16"}),M.jsx("rect",{x:i,y:"23",rx:"2",ry:"2",width:a,height:"16"}),M.jsx("rect",{x:o,y:"23",rx:"2",ry:"2",width:s,height:"16"}),M.jsx("rect",{x:l,y:"23",rx:"2",ry:"2",width:c,height:"16"}),M.jsx("rect",{x:d,y:"23",rx:"2",ry:"2",width:u,height:"16"}),M.jsx("rect",{x:p,y:"23",rx:"2",ry:"2",width:g,height:"16"}),y.map(((e,t)=>M.jsx(h,{children:M.jsx("rect",{x:e.x,y:"23",rx:"2",ry:"2",width:e.w,height:"16"})},t))),M.jsx("rect",{x:m,y:"23",rx:"2",ry:"2",width:100,height:"16"}),Array.apply(0,Array(f)).map(((e,f)=>{const x=70*f+78;return M.jsxs(h,{children:[M.jsx("rect",{x:29,y:x,rx:"2",ry:"2",width:t,height:"31"}),M.jsx("rect",{x:n,y:x,rx:"2",ry:"2",width:r,height:"31"}),M.jsx("rect",{x:i,y:x,rx:"2",ry:"2",width:a,height:"31"}),M.jsx("rect",{x:o,y:x,rx:"2",ry:"2",width:s,height:"31"}),M.jsx("rect",{x:l,y:x,rx:"2",ry:"2",width:c,height:"31"}),M.jsx("rect",{x:d,y:x,rx:"2",ry:"2",width:u,height:"31"}),M.jsx("rect",{x:p,y:x,rx:"2",ry:"2",width:g,height:"31"}),y.map(((e,t)=>M.jsx(h,{children:M.jsx("rect",{x:e.x,y:x,rx:"2",ry:"2",width:e.w,height:"31"})},t))),M.jsx("rect",{x:m,y:x,rx:"2",ry:"2",width:100,height:"31"})]},f)}))]})})},KC=()=>{const e=VC/2,t=e-160,n=e-128,r=e-96,i=e-64,a=e-32,o=e+0,s=e+32,l=e+64,c=e+96,d=e+128;return M.jsx(BC,{className:"_refLoadingPage",children:M.jsxs(FC,{speed:1,width:VC,height:"100%",backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:t,y:"23",rx:"2",ry:"2",width:"27",height:"27"}),M.jsx("rect",{x:n,y:"23",rx:"2",ry:"2",width:"27",height:"27"}),M.jsx("rect",{x:r,y:"23",rx:"2",ry:"2",width:"27",height:"27"}),M.jsx("rect",{x:i,y:"23",rx:"2",ry:"2",width:"27",height:"27"}),M.jsx("rect",{x:a,y:"23",rx:"2",ry:"2",width:"27",height:"27"}),M.jsx("rect",{x:o,y:"23",rx:"2",ry:"2",width:"27",height:"27"}),M.jsx("rect",{x:s,y:"23",rx:"2",ry:"2",width:"27",height:"27"}),M.jsx("rect",{x:l,y:"23",rx:"2",ry:"2",width:"27",height:"27"}),M.jsx("rect",{x:c,y:"23",rx:"2",ry:"2",width:"27",height:"27"}),M.jsx("rect",{x:d,y:"23",rx:"2",ry:"2",width:"27",height:"27"}),M.jsx("rect",{x:i,y:"60",rx:"2",ry:"2",width:"128",height:"6"})]})})},ew=()=>M.jsx(LC,{className:"_refLoadingList",children:M.jsxs(FC,{speed:1,width:VC,height:250,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{width:"100%",maxWidth:"1336px",minWidth:"1024px"},children:[M.jsx("rect",{x:"40",y:"0",rx:"2",ry:"2",width:"130",height:"21"}),M.jsx("rect",{x:"190",y:"0",rx:"2",ry:"2",width:"130",height:"21"}),M.jsx("rect",{x:"330",y:"0",rx:"2",ry:"2",width:"250",height:"21"}),M.jsx("rect",{x:"600",y:"0",rx:"2",ry:"2",width:"200",height:"21"}),M.jsx("rect",{x:VC-240,y:"0",rx:"2",ry:"2",width:"200",height:"21"}),M.jsx("rect",{x:"40",y:"50",rx:"2",ry:"2",width:"130",height:"31"}),M.jsx("rect",{x:"190",y:"50",rx:"2",ry:"2",width:"130",height:"31"}),M.jsx("rect",{x:"330",y:"50",rx:"2",ry:"2",width:"250",height:"31"}),M.jsx("rect",{x:"600",y:"50",rx:"2",ry:"2",width:"200",height:"31"}),M.jsx("rect",{x:VC-240,y:"50",rx:"2",ry:"2",width:"200",height:"31"}),M.jsx("rect",{x:"40",y:"100",rx:"2",ry:"2",width:"130",height:"31"}),M.jsx("rect",{x:"190",y:"100",rx:"2",ry:"2",width:"130",height:"31"}),M.jsx("rect",{x:"330",y:"100",rx:"2",ry:"2",width:"250",height:"31"}),M.jsx("rect",{x:"600",y:"100",rx:"2",ry:"2",width:"200",height:"31"}),M.jsx("rect",{x:VC-240,y:"100",rx:"2",ry:"2",width:"200",height:"31"}),M.jsx("rect",{x:"40",y:"150",rx:"2",ry:"2",width:"130",height:"31"}),M.jsx("rect",{x:"190",y:"150",rx:"2",ry:"2",width:"130",height:"31"}),M.jsx("rect",{x:"330",y:"150",rx:"2",ry:"2",width:"250",height:"31"}),M.jsx("rect",{x:"600",y:"150",rx:"2",ry:"2",width:"200",height:"31"}),M.jsx("rect",{x:VC-240,y:"150",rx:"2",ry:"2",width:"200",height:"31"}),M.jsx("rect",{x:"40",y:"200",rx:"2",ry:"2",width:"130",height:"31"}),M.jsx("rect",{x:"190",y:"200",rx:"2",ry:"2",width:"130",height:"31"}),M.jsx("rect",{x:"330",y:"200",rx:"2",ry:"2",width:"250",height:"31"}),M.jsx("rect",{x:"600",y:"200",rx:"2",ry:"2",width:"200",height:"31"}),M.jsx("rect",{x:VC-240,y:"200",rx:"2",ry:"2",width:"200",height:"31"})]})}),tw=()=>M.jsx(GC,{children:M.jsxs(FC,{speed:1,width:900,height:255,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{width:"100%",maxWidth:"900px",minWidth:"800px"},children:[M.jsx("rect",{x:"20",y:"25",rx:"2",ry:"2",width:"25",height:"22"}),M.jsx("rect",{x:"55",y:"20",rx:"2",ry:"2",width:"32",height:"32"}),M.jsx("rect",{x:"97",y:"20",rx:"2",ry:"2",width:"250",height:"32"}),M.jsx("rect",{x:"500",y:"20",rx:"2",ry:"2",width:"170",height:"32"}),M.jsx("rect",{x:"680",y:"20",rx:"2",ry:"2",width:"170",height:"32"}),M.jsx("rect",{x:"860",y:"20",rx:"2",ry:"2",width:"25",height:"22"}),M.jsx("rect",{x:"20",y:"70",rx:"2",ry:"2",width:"25",height:"22"}),M.jsx("rect",{x:"55",y:"65",rx:"2",ry:"2",width:"32",height:"32"}),M.jsx("rect",{x:"97",y:"65",rx:"2",ry:"2",width:"250",height:"32"}),M.jsx("rect",{x:"500",y:"65",rx:"2",ry:"2",width:"170",height:"32"}),M.jsx("rect",{x:"680",y:"65",rx:"2",ry:"2",width:"170",height:"32"}),M.jsx("rect",{x:"860",y:"65",rx:"2",ry:"2",width:"25",height:"22"}),M.jsx("rect",{x:"20",y:"115",rx:"2",ry:"2",width:"25",height:"22"}),M.jsx("rect",{x:"55",y:"110",rx:"2",ry:"2",width:"32",height:"32"}),M.jsx("rect",{x:"97",y:"110",rx:"2",ry:"2",width:"250",height:"32"}),M.jsx("rect",{x:"500",y:"110",rx:"2",ry:"2",width:"170",height:"32"}),M.jsx("rect",{x:"680",y:"110",rx:"2",ry:"2",width:"170",height:"32"}),M.jsx("rect",{x:"860",y:"110",rx:"2",ry:"2",width:"25",height:"22"}),M.jsx("rect",{x:"20",y:"160",rx:"2",ry:"2",width:"25",height:"22"}),M.jsx("rect",{x:"55",y:"155",rx:"2",ry:"2",width:"32",height:"32"}),M.jsx("rect",{x:"97",y:"155",rx:"2",ry:"2",width:"250",height:"32"}),M.jsx("rect",{x:"500",y:"155",rx:"2",ry:"2",width:"170",height:"32"}),M.jsx("rect",{x:"680",y:"155",rx:"2",ry:"2",width:"170",height:"32"}),M.jsx("rect",{x:"860",y:"155",rx:"2",ry:"2",width:"25",height:"22"}),M.jsx("rect",{x:"20",y:"205",rx:"2",ry:"2",width:"25",height:"22"}),M.jsx("rect",{x:"55",y:"200",rx:"2",ry:"2",width:"32",height:"32"}),M.jsx("rect",{x:"97",y:"200",rx:"2",ry:"2",width:"250",height:"32"}),M.jsx("rect",{x:"500",y:"200",rx:"2",ry:"2",width:"170",height:"32"}),M.jsx("rect",{x:"680",y:"200",rx:"2",ry:"2",width:"170",height:"32"}),M.jsx("rect",{x:"860",y:"200",rx:"2",ry:"2",width:"25",height:"22"})]})}),nw=()=>M.jsx(GC,{children:M.jsxs(FC,{speed:1,width:840,height:255,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{width:"100%",maxWidth:"840px",minWidth:"800px"},children:[M.jsx("rect",{x:"20",y:"25",rx:"2",ry:"2",width:"25",height:"22"}),M.jsx("rect",{x:"55",y:"20",rx:"2",ry:"2",width:"32",height:"32"}),M.jsx("rect",{x:"97",y:"20",rx:"2",ry:"2",width:"250",height:"32"}),M.jsx("rect",{x:"620",y:"20",rx:"2",ry:"2",width:"170",height:"32"}),M.jsx("rect",{x:"800",y:"20",rx:"2",ry:"2",width:"25",height:"22"}),M.jsx("rect",{x:"60",y:"80",rx:"2",ry:"2",width:"200",height:"20"}),M.jsx("rect",{x:"440",y:"80",rx:"2",ry:"2",width:"90",height:"20"}),M.jsx("rect",{x:"560",y:"80",rx:"2",ry:"2",width:"90",height:"20"}),M.jsx("rect",{x:"680",y:"80",rx:"2",ry:"2",width:"90",height:"20"}),M.jsx("rect",{x:"60",y:"130",rx:"2",ry:"2",width:"200",height:"20"}),M.jsx("rect",{x:"440",y:"130",rx:"2",ry:"2",width:"90",height:"20"}),M.jsx("rect",{x:"560",y:"130",rx:"2",ry:"2",width:"90",height:"20"}),M.jsx("rect",{x:"680",y:"130",rx:"2",ry:"2",width:"90",height:"20"}),M.jsx("rect",{x:"20",y:"210",rx:"2",ry:"2",width:"25",height:"22"}),M.jsx("rect",{x:"55",y:"205",rx:"2",ry:"2",width:"32",height:"32"}),M.jsx("rect",{x:"97",y:"205",rx:"2",ry:"2",width:"250",height:"32"}),M.jsx("rect",{x:"620",y:"205",rx:"2",ry:"2",width:"170",height:"32"}),M.jsx("rect",{x:"800",y:"205",rx:"2",ry:"2",width:"25",height:"22"})]})}),rw=()=>M.jsx(GC,{children:M.jsxs(FC,{speed:1,width:1e3,height:340,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{width:"100%",maxWidth:"1000px",minWidth:"800px"},children:[M.jsx("rect",{x:"130",y:"20",rx:"2",ry:"2",width:"100",height:"21"}),M.jsx("rect",{x:"510",y:"20",rx:"2",ry:"2",width:"100",height:"21"}),M.jsx("rect",{x:"130",y:"51",rx:"2",ry:"2",width:"360",height:"36"}),M.jsx("rect",{x:"510",y:"51",rx:"2",ry:"2",width:"360",height:"36"}),M.jsx("rect",{x:"130",y:"110",rx:"2",ry:"2",width:"100",height:"21"}),M.jsx("rect",{x:"510",y:"110",rx:"2",ry:"2",width:"100",height:"21"}),M.jsx("rect",{x:"130",y:"141",rx:"2",ry:"2",width:"360",height:"36"}),M.jsx("rect",{x:"510",y:"141",rx:"2",ry:"2",width:"360",height:"36"}),M.jsx("rect",{x:"52",y:"200",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:"95",y:"200",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"217",y:"200",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"339",y:"200",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"461",y:"200",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"583",y:"200",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"705",y:"200",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"827",y:"200",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"52",y:"240",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:"95",y:"240",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"217",y:"240",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"339",y:"240",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"461",y:"240",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"583",y:"240",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"705",y:"240",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"827",y:"240",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"52",y:"280",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:"95",y:"280",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"217",y:"280",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"339",y:"280",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"461",y:"280",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"583",y:"280",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"705",y:"280",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"827",y:"280",rx:"2",ry:"2",width:"110",height:"31"})]})}),iw=()=>M.jsx(GC,{children:M.jsxs(FC,{speed:1,width:1e3,height:340,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{width:"100%",maxWidth:"1000px",minWidth:"800px"},children:[M.jsx("rect",{x:"40",y:"20",rx:"2",ry:"2",width:"80",height:"21"}),M.jsx("rect",{x:"40",y:"51",rx:"2",ry:"2",width:"260",height:"30"}),M.jsx("rect",{x:"40",y:"110",rx:"2",ry:"2",width:"80",height:"21"}),M.jsx("rect",{x:"320",y:"110",rx:"2",ry:"2",width:"80",height:"21"}),M.jsx("rect",{x:"40",y:"141",rx:"2",ry:"2",width:"260",height:"30"}),M.jsx("rect",{x:"320",y:"141",rx:"2",ry:"2",width:"260",height:"30"}),M.jsx("rect",{x:"55",y:"200",rx:"2",ry:"2",width:"220",height:"30"}),M.jsx("rect",{x:"320",y:"200",rx:"2",ry:"2",width:"260",height:"30"}),M.jsx("rect",{x:"55",y:"245",rx:"2",ry:"2",width:"220",height:"30"}),M.jsx("rect",{x:"320",y:"245",rx:"2",ry:"2",width:"260",height:"30"}),M.jsx("rect",{x:"55",y:"290",rx:"2",ry:"2",width:"220",height:"30"}),M.jsx("rect",{x:"320",y:"290",rx:"2",ry:"2",width:"260",height:"30"})]})}),aw=()=>M.jsx(GC,{children:M.jsx(FC,{speed:1,width:325.5,height:30,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:M.jsx("rect",{x:"0",y:"0",rx:"5",ry:"5",width:"325.5",height:"30"})})}),ow=()=>M.jsxs(FC,{height:31,width:500,speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx("rect",{x:"0",y:"5",rx:"8",ry:"8",width:"90",height:"20"}),M.jsx("rect",{x:"100",y:"5",rx:"8",ry:"8",width:"90",height:"20"}),M.jsx("rect",{x:"200",y:"5",rx:"8",ry:"8",width:"90",height:"20"}),M.jsx("rect",{x:"300",y:"5",rx:"8",ry:"8",width:"90",height:"20"}),M.jsx("rect",{x:"400",y:"5",rx:"8",ry:"8",width:"90",height:"20"})]}),sw=()=>M.jsxs(FC,{height:172,width:210,speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx("rect",{x:"4",y:"12",rx:"4",ry:"4",width:"14",height:"14"}),M.jsx("rect",{x:"28",y:"12",rx:"2",ry:"2",width:"170",height:"14"}),M.jsx("rect",{x:"4",y:"36",rx:"4",ry:"4",width:"14",height:"14"}),M.jsx("rect",{x:"28",y:"36",rx:"2",ry:"2",width:"170",height:"14"}),M.jsx("rect",{x:"4",y:"60",rx:"4",ry:"4",width:"14",height:"14"}),M.jsx("rect",{x:"28",y:"60",rx:"2",ry:"2",width:"170",height:"14"}),M.jsx("rect",{x:"4",y:"84",rx:"4",ry:"4",width:"14",height:"14"}),M.jsx("rect",{x:"28",y:"84",rx:"2",ry:"2",width:"170",height:"14"}),M.jsx("rect",{x:"4",y:"108",rx:"4",ry:"4",width:"14",height:"14"}),M.jsx("rect",{x:"28",y:"108",rx:"2",ry:"2",width:"170",height:"14"}),M.jsx("rect",{x:"4",y:"132",rx:"4",ry:"4",width:"14",height:"14"}),M.jsx("rect",{x:"28",y:"132",rx:"2",ry:"2",width:"170",height:"14"}),M.jsx("rect",{x:"4",y:"156",rx:"4",ry:"4",width:"14",height:"14"}),M.jsx("rect",{x:"28",y:"156",rx:"2",ry:"2",width:"170",height:"14"})]}),lw=()=>{const e=HC-96,t=Math.floor((VC-110)/120),n=Math.floor((e-20)/50);return M.jsx(LC,{children:M.jsx(FC,{speed:1,width:VC,height:e,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:Array.apply(0,Array(n)).map(((e,n)=>{const r=n+50*(n+1)-30;return Array.apply(0,Array(t)).map(((e,t)=>{const i=t+120*(t+1)-65;return M.jsx("rect",{x:i,y:r,rx:"2",ry:"2",width:100,height:0===n?16:30},t)}))}))})})},cw=()=>{const e=HC-286,t=VC>=1336?370:VC>=1112?250:150,n=29+t+12,r=VC>=1336?130:VC>=1112?110:100,i=n+r+12,a=VC>=1336?100:95,o=i+a+12,s=VC>=1336?90:80,l=o+s+12,c=VC>=1336?85:75,d=l+c+12,u=VC>=1336?80:70,p=d+u+12,g=VC>=1336?70:60,m=p+g+12,f=VC>=1336?95:85,x=VC-100-24,y=HC&&Math.ceil((e-78)/70)>0?Math.ceil((e-78)/70):0;let v=m+f+12,b=[];for(let e=0;v+122<x;e++)b.push({x:m+f+12+122*e,w:110}),v=m+f+12+122*e;return M.jsx(OC,{children:M.jsxs(FC,{speed:1,width:VC,height:"100%",backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:29,y:"23",rx:"2",ry:"2",width:t,height:"16"}),M.jsx("rect",{x:n,y:"23",rx:"2",ry:"2",width:r,height:"16"}),M.jsx("rect",{x:i,y:"23",rx:"2",ry:"2",width:a,height:"16"}),M.jsx("rect",{x:o,y:"23",rx:"2",ry:"2",width:s,height:"16"}),M.jsx("rect",{x:l,y:"23",rx:"2",ry:"2",width:c,height:"16"}),M.jsx("rect",{x:d,y:"23",rx:"2",ry:"2",width:u,height:"16"}),M.jsx("rect",{x:p,y:"23",rx:"2",ry:"2",width:g,height:"16"}),M.jsx("rect",{x:m,y:"23",rx:"2",ry:"2",width:f,height:"16"}),b.map(((e,t)=>M.jsx(h,{children:M.jsx("rect",{x:e.x,y:"23",rx:"2",ry:"2",width:e.w,height:"16"})},t))),M.jsx("rect",{x:x,y:"23",rx:"2",ry:"2",width:100,height:"16"}),Array.apply(0,Array(y)).map(((e,y)=>{const v=70*y+78;return M.jsxs(h,{children:[M.jsx("rect",{x:29,y:v,rx:"2",ry:"2",width:t,height:"31"}),M.jsx("rect",{x:n,y:v,rx:"2",ry:"2",width:r,height:"31"}),M.jsx("rect",{x:i,y:v,rx:"2",ry:"2",width:a,height:"31"}),M.jsx("rect",{x:o,y:v,rx:"2",ry:"2",width:s,height:"31"}),M.jsx("rect",{x:l,y:v,rx:"2",ry:"2",width:c,height:"31"}),M.jsx("rect",{x:d,y:v,rx:"2",ry:"2",width:u,height:"31"}),M.jsx("rect",{x:p,y:v,rx:"2",ry:"2",width:g,height:"31"}),M.jsx("rect",{x:m,y:v,rx:"2",ry:"2",width:f,height:"31"}),b.map(((e,t)=>M.jsx(h,{children:M.jsx("rect",{x:e.x,y:v,rx:"2",ry:"2",width:e.w,height:"31"})},t))),M.jsx("rect",{x:x,y:v,rx:"2",ry:"2",width:100,height:"31"})]},y)}))]})})},dw=()=>M.jsxs(FC,{height:270,width:800,speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx("rect",{x:"15",y:"25",width:"425",height:"15"}),M.jsx("rect",{x:"490",y:"25",width:"150",height:"15"}),M.jsx("rect",{x:"670",y:"25",width:"95",height:"15"}),M.jsx("rect",{x:"15",y:"60",rx:"8",ry:"8",width:"30",height:"30"}),M.jsx("rect",{x:"60",y:"60",width:"380",height:"30"}),M.jsx("rect",{x:"490",y:"60",width:"150",height:"30"}),M.jsx("rect",{x:"670",y:"60",width:"95",height:"30"}),M.jsx("rect",{x:"15",y:"110",rx:"8",ry:"8",width:"30",height:"30"}),M.jsx("rect",{x:"60",y:"110",width:"380",height:"30"}),M.jsx("rect",{x:"490",y:"110",width:"150",height:"30"}),M.jsx("rect",{x:"670",y:"110",width:"95",height:"30"}),M.jsx("rect",{x:"15",y:"160",rx:"8",ry:"8",width:"30",height:"30"}),M.jsx("rect",{x:"60",y:"160",width:"380",height:"30"}),M.jsx("rect",{x:"490",y:"160",width:"150",height:"30"}),M.jsx("rect",{x:"670",y:"160",width:"95",height:"30"}),M.jsx("rect",{x:"15",y:"210",rx:"8",ry:"8",width:"30",height:"30"}),M.jsx("rect",{x:"60",y:"210",width:"380",height:"30"}),M.jsx("rect",{x:"490",y:"210",width:"150",height:"30"}),M.jsx("rect",{x:"670",y:"210",width:"95",height:"30"})]}),uw=()=>M.jsxs(FC,{height:270,width:800,speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx("rect",{x:"15",y:"60",width:"300",height:"15"}),M.jsx("rect",{x:"330",y:"25",width:"100",height:"15"}),M.jsx("rect",{x:"450",y:"25",width:"75",height:"15"}),M.jsx("rect",{x:"540",y:"25",width:"130",height:"15"}),M.jsx("rect",{x:"690",y:"25",width:"75",height:"15"}),M.jsx("rect",{x:"15",y:"60",width:"300",height:"30"}),M.jsx("rect",{x:"330",y:"60",width:"100",height:"30"}),M.jsx("rect",{x:"450",y:"60",width:"75",height:"30"}),M.jsx("rect",{x:"540",y:"60",width:"130",height:"30"}),M.jsx("rect",{x:"690",y:"60",width:"75",height:"30"}),M.jsx("rect",{x:"15",y:"110",width:"300",height:"30"}),M.jsx("rect",{x:"330",y:"110",width:"100",height:"30"}),M.jsx("rect",{x:"450",y:"110",width:"75",height:"30"}),M.jsx("rect",{x:"540",y:"110",width:"130",height:"30"}),M.jsx("rect",{x:"690",y:"110",width:"75",height:"30"}),M.jsx("rect",{x:"15",y:"160",width:"300",height:"30"}),M.jsx("rect",{x:"330",y:"160",width:"100",height:"30"}),M.jsx("rect",{x:"450",y:"160",width:"75",height:"30"}),M.jsx("rect",{x:"540",y:"160",width:"130",height:"30"}),M.jsx("rect",{x:"690",y:"160",width:"75",height:"30"}),M.jsx("rect",{x:"15",y:"210",width:"300",height:"30"}),M.jsx("rect",{x:"330",y:"210",width:"100",height:"30"}),M.jsx("rect",{x:"450",y:"210",width:"75",height:"30"}),M.jsx("rect",{x:"540",y:"210",width:"130",height:"30"}),M.jsx("rect",{x:"690",y:"210",width:"75",height:"30"})]}),pw=()=>{const e=VC>=1336?645:VC>=1112?400:300,t=e+45,n=e+90;return M.jsx(_C,{children:M.jsxs(FC,{speed:1,width:VC,height:300,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:"15",y:"25",rx:"2",ry:"2",width:t,height:"15"}),M.jsx("rect",{x:n,y:"25",rx:"2",ry:"2",width:"250",height:"15"}),M.jsx("rect",{x:"15",y:"60",rx:"8",ry:"8",width:"30",height:"30"}),M.jsx("rect",{x:"60",y:"60",rx:"2",ry:"2",width:e,height:"30"}),M.jsx("rect",{x:n,y:"60",rx:"2",ry:"2",width:"250",height:"30"}),M.jsx("rect",{x:"15",y:"110",rx:"8",ry:"8",width:"30",height:"30"}),M.jsx("rect",{x:"60",y:"110",rx:"2",ry:"2",width:e,height:"30"}),M.jsx("rect",{x:n,y:"110",rx:"2",ry:"2",width:"250",height:"30"}),M.jsx("rect",{x:"15",y:"160",rx:"8",ry:"8",width:"30",height:"30"}),M.jsx("rect",{x:"60",y:"160",rx:"2",ry:"2",width:e,height:"30"}),M.jsx("rect",{x:n,y:"160",rx:"2",ry:"2",width:"250",height:"30"}),M.jsx("rect",{x:"15",y:"210",rx:"8",ry:"8",width:"30",height:"30"}),M.jsx("rect",{x:"60",y:"210",rx:"2",ry:"2",width:e,height:"30"}),M.jsx("rect",{x:n,y:"210",rx:"2",ry:"2",width:"250",height:"30"})]})})},hw=()=>{const e=VC>=1336?540:VC>=1112?320:250,t=e+30,n=150,r=t+n+15,i=80,a=r+i+15,o=150,s=a+o+15;return M.jsx(_C,{children:M.jsxs(FC,{speed:1,width:VC,height:300,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:"15",y:"25",rx:"2",ry:"2",width:e,height:"15"}),M.jsx("rect",{x:t,y:"25",rx:"2",ry:"2",width:n,height:"15"}),M.jsx("rect",{x:r,y:"25",rx:"2",ry:"2",width:i,height:"15"}),M.jsx("rect",{x:a,y:"25",rx:"2",ry:"2",width:o,height:"15"}),M.jsx("rect",{x:s,y:"25",rx:"2",ry:"2",width:80,height:"15"}),M.jsx("rect",{x:"15",y:"60",rx:"2",ry:"2",width:e,height:"30"}),M.jsx("rect",{x:t,y:"60",rx:"2",ry:"2",width:n,height:"30"}),M.jsx("rect",{x:r,y:"60",rx:"2",ry:"2",width:i,height:"30"}),M.jsx("rect",{x:a,y:"60",rx:"2",ry:"2",width:o,height:"30"}),M.jsx("rect",{x:s,y:"60",rx:"2",ry:"2",width:80,height:"30"}),M.jsx("rect",{x:"15",y:"110",rx:"2",ry:"2",width:e,height:"30"}),M.jsx("rect",{x:t,y:"110",rx:"2",ry:"2",width:n,height:"30"}),M.jsx("rect",{x:r,y:"110",rx:"2",ry:"2",width:i,height:"30"}),M.jsx("rect",{x:a,y:"110",rx:"2",ry:"2",width:o,height:"30"}),M.jsx("rect",{x:s,y:"110",rx:"2",ry:"2",width:80,height:"30"}),M.jsx("rect",{x:"15",y:"160",rx:"2",ry:"2",width:e,height:"30"}),M.jsx("rect",{x:t,y:"160",rx:"2",ry:"2",width:n,height:"30"}),M.jsx("rect",{x:r,y:"160",rx:"2",ry:"2",width:i,height:"30"}),M.jsx("rect",{x:a,y:"160",rx:"2",ry:"2",width:o,height:"30"}),M.jsx("rect",{x:s,y:"160",rx:"2",ry:"2",width:80,height:"30"}),M.jsx("rect",{x:"15",y:"210",rx:"2",ry:"2",width:e,height:"30"}),M.jsx("rect",{x:t,y:"210",rx:"2",ry:"2",width:n,height:"30"}),M.jsx("rect",{x:r,y:"210",rx:"2",ry:"2",width:i,height:"30"}),M.jsx("rect",{x:a,y:"210",rx:"2",ry:"2",width:o,height:"30"}),M.jsx("rect",{x:s,y:"210",rx:"2",ry:"2",width:80,height:"30"})]})})},gw=()=>M.jsxs(FC,{height:80,width:600,speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx("rect",{x:"0",y:"0",rx:"5",ry:"5",width:"172",height:"34"}),M.jsx("rect",{x:"178",y:"0",rx:"5",ry:"5",width:"172",height:"34"}),M.jsx("rect",{x:"356",y:"0",rx:"5",ry:"5",width:"100",height:"34"}),M.jsx("rect",{x:"462",y:"0",rx:"5",ry:"5",width:"100",height:"34"}),M.jsx("rect",{x:"0",y:"40",rx:"5",ry:"5",width:"172",height:"34"}),M.jsx("rect",{x:"178",y:"40",rx:"5",ry:"5",width:"100",height:"34"}),M.jsx("rect",{x:"284",y:"40",rx:"5",ry:"5",width:"140",height:"34"}),M.jsx("rect",{x:"430",y:"40",rx:"5",ry:"5",width:"100",height:"34"})]}),mw=()=>M.jsxs(FC,{height:500,width:1150,speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx("rect",{x:"0",y:"25",width:"35",height:"35"}),M.jsx("rect",{x:"50",y:"25",width:"400",height:"35"}),M.jsx("rect",{x:"50",y:"75",width:"170",height:"35"}),M.jsx("rect",{x:"235",y:"75",width:"170",height:"35"}),M.jsx("rect",{x:"420",y:"75",width:"170",height:"35"}),M.jsx("rect",{x:"605",y:"75",width:"170",height:"35"}),M.jsx("rect",{x:"50",y:"125",width:"170",height:"35"}),M.jsx("rect",{x:"0",y:"245",width:"200",height:"35"}),M.jsx("rect",{x:"420",y:"305",width:"150",height:"25"}),M.jsx("rect",{x:"585",y:"305",width:"150",height:"25"}),M.jsx("rect",{x:"750",y:"305",width:"150",height:"25"}),M.jsx("rect",{x:"915",y:"305",width:"150",height:"25"}),M.jsx("rect",{x:"0",y:"345",width:"25",height:"25"}),M.jsx("rect",{x:"40",y:"345",width:"360",height:"25"}),M.jsx("rect",{x:"420",y:"345",width:"150",height:"25"}),M.jsx("rect",{x:"585",y:"345",width:"150",height:"25"}),M.jsx("rect",{x:"750",y:"345",width:"150",height:"25"}),M.jsx("rect",{x:"915",y:"345",width:"150",height:"25"}),M.jsx("rect",{x:"750",y:"395",width:"315",height:"25"})]}),fw=()=>{const e=Math.floor((VC-110)/120);return M.jsx(LC,{children:M.jsx(FC,{speed:1,width:VC,height:100,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[0].map(((t,n)=>Array.apply(0,Array(e)).map(((e,t)=>{const r=t+120*(t+1)-65;return M.jsx("rect",{x:r,y:20,rx:"2",ry:"2",width:100,height:0===n?16:30},t)}))))})})},xw=()=>{const e=window.innerHeight-96,t=Math.floor((VC-110)/120),n=Math.floor((e-20)/50);return M.jsx(LC,{children:M.jsx(FC,{speed:1,width:VC,height:e,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:Array.apply(0,Array(n)).map(((e,n)=>{const r=n+50*(n+1)-30;return Array.apply(0,Array(t)).map(((e,t)=>{const n=t+120*(t+1)-65;return M.jsx("rect",{x:n,y:r,rx:"2",ry:"2",width:100,height:"30"},t)}))}))})})},yw=()=>M.jsx(YC,{children:M.jsxs(FC,{height:220,width:"100%",speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx("rect",{x:"0",y:"0",rx:"0",ry:"0",width:"200",height:"50"}),M.jsx("rect",{x:"0",y:"70",rx:"0",ry:"0",width:"100%",height:"25"}),M.jsx("rect",{x:"0",y:"105",rx:"0",ry:"0",width:"100%",height:"15"}),M.jsx("rect",{x:"0",y:"130",rx:"0",ry:"0",width:"100%",height:"15"}),M.jsx("rect",{x:"0",y:"155",rx:"0",ry:"0",width:"100%",height:"15"}),M.jsx("rect",{x:"0",y:"180",rx:"0",ry:"0",width:"100%",height:"15"}),M.jsx("rect",{x:"0",y:"205",rx:"0",ry:"0",width:"100%",height:"15"})]})}),vw=()=>M.jsxs(FC,{height:650,width:"100%",speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx("rect",{x:"0",y:"30",rx:"0",ry:"0",width:"50%",height:"20"}),M.jsx("rect",{x:"0",y:"55",rx:"0",ry:"0",width:"50%",height:"20"}),M.jsx("rect",{x:"0",y:"80",rx:"0",ry:"0",width:"50%",height:"20"}),M.jsx("rect",{x:"0",y:"105",rx:"0",ry:"0",width:"50%",height:"20"}),M.jsx("rect",{x:"0",y:"130",rx:"0",ry:"0",width:"50%",height:"20"}),M.jsx("rect",{x:"0",y:"155",rx:"0",ry:"0",width:"50%",height:"20"}),M.jsx("rect",{x:"0",y:"180",rx:"0",ry:"0",width:"50%",height:"20"}),M.jsx("rect",{x:"0",y:"205",rx:"0",ry:"0",width:"50%",height:"20"}),M.jsx("rect",{x:"0",y:"250",rx:"0",ry:"0",width:"100%",height:"250"}),M.jsx("rect",{x:"0",y:"525",rx:"0",ry:"0",width:"100%",height:"15"}),M.jsx("rect",{x:"0",y:"550",rx:"0",ry:"0",width:"100%",height:"15"}),M.jsx("rect",{x:"0",y:"575",rx:"0",ry:"0",width:"100%",height:"15"})]}),bw=()=>M.jsxs(FC,{height:220,width:"100%",speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx("rect",{x:"0",y:"0",rx:"0",ry:"0",width:"100%",height:"14"}),M.jsx("rect",{x:"0",y:"28",rx:"0",ry:"0",width:"100%",height:"14"}),M.jsx("rect",{x:"0",y:"56",rx:"0",ry:"0",width:"100%",height:"14"}),M.jsx("rect",{x:"0",y:"84",rx:"0",ry:"0",width:"100%",height:"14"}),M.jsx("rect",{x:"0",y:"112",rx:"0",ry:"0",width:"100%",height:"14"}),M.jsx("rect",{x:"0",y:"140",rx:"0",ry:"0",width:"100%",height:"14"}),M.jsx("rect",{x:"0",y:"168",rx:"0",ry:"0",width:"100%",height:"14"})]}),Cw=({mode:e})=>{const t=document.querySelector("._refChatContainer"),n=t?t.offsetWidth:0,r="single"===e?65:t&&t.offsetHeight-140>=0?t.offsetHeight:0,i=n-48-88-20,a=i+60+16,o="single"===e?1:Math.floor(r/64);let s=0;return M.jsx(FC,{height:r,width:"100%",speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:Array.apply(0,Array(o)).map(((e,t)=>{const n=14+s,r=32+s,o=64+s;return s=o,M.jsxs(h,{children:[M.jsx("rect",{x:"16",y:n,rx:"4",ry:"4",width:"32",height:"32"}),M.jsx("rect",{x:"60",y:n,rx:"0",ry:"0",width:i,height:"14"}),M.jsx("rect",{x:"60",y:r,rx:"0",ry:"0",width:i,height:"14"}),M.jsx("rect",{x:a,y:n,rx:"0",ry:"0",width:"66",height:"14"}),M.jsx("rect",{x:a,y:r,rx:"0",ry:"0",width:"66",height:"14"}),M.jsx("rect",{x:"0",y:o,rx:"0",ry:"0",width:"100%",height:"1"})]},t)}))})},ww=({mode:e})=>{const t=document.querySelector("._refTabsContent"),n=document.querySelector("._refChatContainer"),r=t&&t.offsetWidth-30>=0?t.offsetWidth-30:0,i="single"===e?65:n&&n.offsetHeight-204>=0?n.offsetHeight-204:0,a=r-48-88,o=a+60+16+22,s="single"===e?1:Math.floor(i/64);let l=0;return!(r<=0)&&M.jsx(FC,{height:i,width:"100%",speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:Array.apply(0,Array(s)).map(((e,t)=>{const n=14+l,r=32+l,i=64+l;return l=i,M.jsxs(h,{children:[M.jsx("rect",{x:"16",y:n,rx:"4",ry:"4",width:"14",height:"14"}),M.jsx("rect",{x:"38",y:n,rx:"4",ry:"4",width:"32",height:"32"}),M.jsx("rect",{x:"78",y:n,rx:"0",ry:"0",width:a,height:"14"}),M.jsx("rect",{x:"78",y:r,rx:"0",ry:"0",width:a,height:"20"}),M.jsx("rect",{x:o,y:n,rx:"0",ry:"0",width:"20",height:"14"}),M.jsx("rect",{x:o,y:r,rx:"0",ry:"0",width:"20",height:"14"}),M.jsx("rect",{x:"0",y:i,rx:"0",ry:"0",width:"100%",height:"1"})]},t)}))})},kw=({mode:e})=>{const t=document.querySelectorAll("._refChatContainer > article"),n=document.querySelector("._refChatContainer");let r=t[0]&&t[0].offsetWidth>=0?t[0].offsetWidth:0;r=r<=0?n&&n.offsetWidth>=0?n.offsetWidth:0:r;const i="single"===e?234:n&&n.offsetHeight>=0?n.offsetHeight:0,a=r-32<=360?r-32:360,o=r-a-16,s=i-145,l="single"===e?1:Math.floor(s/76);let c=0;return M.jsx(FC,{height:s,width:"100%",speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:Array.apply(0,Array(l)).map(((e,t)=>{const n=0===t?s-76:c-76;return c=n,M.jsx("rect",{x:t>=3?"16":o,y:n,rx:"10",ry:"10",width:a,height:"60"},t)}))})},Iw=()=>M.jsxs(FC,{speed:1,width:"100%",height:550,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx("rect",{x:"0",y:"0",rx:"2",ry:"2",width:"125",height:"15"}),M.jsx("rect",{x:"0",y:"25",rx:"2",ry:"2",width:"620",height:"25"}),M.jsx("rect",{x:"0",y:"60",rx:"2",ry:"2",width:"450",height:"25"}),M.jsx("rect",{x:"0",y:"110",rx:"2",ry:"2",width:"125",height:"15"}),M.jsx("rect",{x:"0",y:"135",rx:"2",ry:"2",width:"620",height:"25"}),M.jsx("rect",{x:"0",y:"170",rx:"2",ry:"2",width:"450",height:"25"}),M.jsx("rect",{x:"0",y:"220",rx:"2",ry:"2",width:"125",height:"15"}),M.jsx("rect",{x:"0",y:"245",rx:"2",ry:"2",width:"620",height:"25"}),M.jsx("rect",{x:"0",y:"280",rx:"2",ry:"2",width:"450",height:"25"}),M.jsx("rect",{x:"0",y:"330",rx:"2",ry:"2",width:"125",height:"15"}),M.jsx("rect",{x:"0",y:"355",rx:"2",ry:"2",width:"450",height:"80"}),M.jsx("rect",{x:"0",y:"460",rx:"2",ry:"2",width:"125",height:"15"}),M.jsx("rect",{x:"0",y:"485",rx:"2",ry:"2",width:"450",height:"80"}),M.jsx("rect",{x:"0",y:"585",rx:"2",ry:"2",width:"125",height:"15"}),M.jsx("rect",{x:"0",y:"610",rx:"2",ry:"2",width:"170",height:"25"}),M.jsx("rect",{x:"180",y:"610",rx:"2",ry:"2",width:"170",height:"25"}),M.jsx("rect",{x:"0",y:"645",rx:"2",ry:"2",width:"170",height:"25"}),M.jsx("rect",{x:"180",y:"645",rx:"2",ry:"2",width:"170",height:"25"}),M.jsx("rect",{x:"0",y:"695",rx:"2",ry:"2",width:"125",height:"15"}),M.jsx("rect",{x:"0",y:"720",rx:"2",ry:"2",width:"450",height:"25"}),M.jsx("rect",{x:"0",y:"755",rx:"2",ry:"2",width:"400",height:"25"})]}),Ew=()=>M.jsx(YC,{children:M.jsxs(FC,{speed:1,width:VC,height:500,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:"10",y:"10",rx:"2",ry:"2",width:"210",height:"25"}),M.jsx("rect",{x:"10",y:"60",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"10",y:"95",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"10",y:"130",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"10",y:"165",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"10",y:"200",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"10",y:"235",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"10",y:"270",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"10",y:"305",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"280",y:"10",rx:"2",ry:"2",width:"210",height:"25"}),M.jsx("rect",{x:"280",y:"60",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"280",y:"95",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"280",y:"130",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"280",y:"165",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"280",y:"200",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"280",y:"235",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"280",y:"270",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"280",y:"305",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"550",y:"10",rx:"2",ry:"2",width:"210",height:"25"}),M.jsx("rect",{x:"550",y:"60",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"550",y:"95",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"550",y:"130",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"550",y:"165",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"550",y:"200",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"550",y:"235",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"550",y:"270",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"550",y:"305",rx:"2",ry:"2",width:"210",height:"20"})]})}),Aw=()=>{const e=window.innerHeight-286,t=VC>=1336||VC>=1112?400:300,n=32+t+12,r=VC-t-85,i=e?Math.ceil((e-78)/70):0;return M.jsx(OC,{children:M.jsxs(FC,{speed:1,width:VC,height:"100%",backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:32,y:"23",rx:"2",ry:"2",width:t,height:"16"}),M.jsx("rect",{x:n,y:"23",rx:"2",ry:"2",width:r,height:"16"}),Array.apply(0,Array(i)).map(((e,i)=>{const a=70*i+78;return M.jsxs(h,{children:[M.jsx("rect",{x:32,y:a,rx:"2",ry:"2",width:t,height:"31"}),M.jsx("rect",{x:n,y:a,rx:"2",ry:"2",width:r,height:"31"})]},i)}))]})})},Dw=()=>M.jsx(GC,{children:M.jsxs(FC,{speed:1,width:1e3,height:300,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{width:"100%",maxWidth:"1000px",minWidth:"800px"},children:[M.jsx("rect",{x:"60",y:"20",rx:"2",ry:"2",width:"100",height:"21"}),M.jsx("rect",{x:"60",y:"51",rx:"2",ry:"2",width:"280",height:"36"}),M.jsx("rect",{x:"360",y:"20",rx:"2",ry:"2",width:"100",height:"21"}),M.jsx("rect",{x:"360",y:"51",rx:"2",ry:"2",width:"280",height:"36"}),M.jsx("rect",{x:"660",y:"20",rx:"2",ry:"2",width:"100",height:"21"}),M.jsx("rect",{x:"660",y:"51",rx:"2",ry:"2",width:"280",height:"36"}),M.jsx("rect",{x:"52",y:"130",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:"95",y:"130",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"217",y:"130",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"339",y:"130",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"461",y:"130",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"583",y:"130",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"705",y:"130",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"827",y:"130",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"52",y:"170",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:"95",y:"170",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"217",y:"170",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"339",y:"170",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"461",y:"170",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"583",y:"170",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"705",y:"170",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"827",y:"170",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"52",y:"210",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:"95",y:"210",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"217",y:"210",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"339",y:"210",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"461",y:"210",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"583",y:"210",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"705",y:"210",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"827",y:"210",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"52",y:"250",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:"95",y:"250",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"217",y:"250",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"339",y:"250",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"461",y:"250",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"583",y:"250",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"705",y:"250",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"827",y:"250",rx:"2",ry:"2",width:"110",height:"31"})]})}),jw=()=>M.jsx(FC,{height:36,width:"100%",speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:M.jsx("rect",{x:"0",y:"0",rx:"0",ry:"0",width:"100%",height:"36"})}),Sw=()=>M.jsxs(FC,{height:151,width:"100%",speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx("rect",{x:"0",y:"4",rx:"0",ry:"0",width:"135",height:"14"}),M.jsx("rect",{x:"150",y:"4",rx:"0",ry:"0",width:"140",height:"14"}),M.jsx("rect",{x:"0",y:"32",rx:"0",ry:"0",width:"135",height:"14"}),M.jsx("rect",{x:"150",y:"32",rx:"0",ry:"0",width:"140",height:"14"}),M.jsx("rect",{x:"0",y:"60",rx:"0",ry:"0",width:"135",height:"14"}),M.jsx("rect",{x:"150",y:"60",rx:"0",ry:"0",width:"140",height:"14"}),M.jsx("rect",{x:"0",y:"88",rx:"0",ry:"0",width:"135",height:"14"}),M.jsx("rect",{x:"150",y:"88",rx:"0",ry:"0",width:"140",height:"14"}),M.jsx("rect",{x:"0",y:"116",rx:"0",ry:"0",width:"135",height:"14"}),M.jsx("rect",{x:"150",y:"116",rx:"0",ry:"0",width:"140",height:"14"}),M.jsx("rect",{x:"150",y:"132",rx:"0",ry:"0",width:"140",height:"14"})]}),Fw=()=>M.jsx(FC,{height:16,width:86,speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,viewBox:"0 0 86 16",children:M.jsx("rect",{x:"0",y:"2",rx:"5",ry:"5",width:80,height:14})}),Mw=()=>M.jsxs(FC,{height:125,width:"100%",speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx("rect",{x:"0",y:"4",rx:"0",ry:"0",width:"100%",height:"20"}),M.jsx("rect",{x:"0",y:"28",rx:"0",ry:"0",width:"100%",height:"20"}),M.jsx("rect",{x:"0",y:"70",rx:"0",ry:"0",width:"180px",height:"16"}),M.jsx("rect",{x:"0",y:"110",rx:"0",ry:"0",width:"100px",height:"14"})]}),Nw=()=>{const e=Math.floor(31*Math.random())+50;return M.jsx(FC,{height:30,width:e,speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:M.jsx("rect",{x:"0",y:"0",rx:"4",ry:"4",width:"100%",height:"30"})})},Tw=()=>M.jsxs(FC,{height:116,width:"100%",speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx(WC,{$width:"calc(100% - 20px)",x:"10",y:"10",rx:"0",ry:"0",height:"16"}),M.jsx("rect",{x:"10",y:"35",rx:"0",ry:"0",width:"75%",height:"16"}),M.jsx(WC,{$width:"calc(100% - 20px)",x:"10",y:"63",rx:"0",ry:"0",height:"16"}),M.jsx(WC,{$x:"calc(50% - 30px)",y:"95",rx:"4",ry:"4",width:"60px",height:"16"})]}),Ow=()=>M.jsxs(FC,{speed:1,width:"100%",height:580,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx("rect",{x:"0",y:"0",rx:"0",ry:"0",width:"100%",height:"198"}),M.jsx("rect",{x:"0",y:"214",rx:"0",ry:"0",width:"100%",height:"16"}),M.jsx("rect",{x:"0",y:"240",rx:"0",ry:"0",width:"100%",height:"16"}),M.jsx("rect",{x:"0",y:"266",rx:"0",ry:"0",width:"100%",height:"16"}),M.jsx("rect",{x:"0",y:"292",rx:"0",ry:"0",width:"100%",height:"16"}),M.jsx("rect",{x:"0",y:"318",rx:"0",ry:"0",width:"100%",height:"40"}),M.jsx("rect",{x:"0",y:"368",rx:"0",ry:"0",width:"100%",height:"16"}),M.jsx("rect",{x:"0",y:"394",rx:"0",ry:"0",width:"100%",height:"16"}),M.jsx("rect",{x:"0",y:"420",rx:"0",ry:"0",width:"100%",height:"16"}),M.jsx("rect",{x:"0",y:"456",rx:"0",ry:"0",width:"100px",height:"16"}),M.jsx("rect",{x:"0",y:"480",rx:"0",ry:"0",width:"100%",height:"94"})]}),_w={rangeDate:"lastsecondweek",startDate:gb().clone().subtract(13,"days").format("YYYY-MM-DD"),endDate:gb().clone().format("YYYY-MM-DD"),placeholder:"Last 14 days",minDate:gb().clone().subtract(89,"days").format("YYYY-MM-DD")};export{Ct as BoxContainer,xt as BreadcrumbContainer,wt as BulkActionWrapper,or as ButtonComponent,rn as ButtonGroup,qt as ButtonLabel,Cn as CardContainer,kn as CardWrapper,lt as CheckboxComponent,$t as CollapseContainer,$C as ContentLoaderAccountsList,zC as ContentLoaderActivityList,UC as ContentLoaderAddition,XC as ContentLoaderAnalyticsMenu,Aw as ContentLoaderCategoryList,Cw as ContentLoaderChatAccounts,kw as ContentLoaderChatMessages,ww as ContentLoaderChatProducts,bw as ContentLoaderChatStores,yw as ContentLoaderDashboardCard,mw as ContentLoaderEditBundle,sw as ContentLoaderFilterCategories,ow as ContentLoaderFilters,ew as ContentLoaderInvoiceListPaymentreceiveDetail,hw as ContentLoaderMasterBundleDetail,QC as ContentLoaderMasterDetail,cw as ContentLoaderMasterList,pw as ContentLoaderMasterListingDetail,qC as ContentLoaderNonOrderList,jw as ContentLoaderNotifUpdate,Fw as ContentLoaderOneLinePromotion,vw as ContentLoaderOnlyBodyDashboardCard,xw as ContentLoaderOnlyBodyTableList,fw as ContentLoaderOnlyHeaderTableList,JC as ContentLoaderOrderDetail,ZC as ContentLoaderOrderList,Nw as ContentLoaderPOSCategory,Tw as ContentLoaderPOSItem,Mw as ContentLoaderPOSStore,KC as ContentLoaderPagination,uw as ContentLoaderPopupBundle,gw as ContentLoaderPopupChooseStore,dw as ContentLoaderPopupLinkedListing,nw as ContentLoaderPopupListOrder,iw as ContentLoaderPopupPaymentReceive,Dw as ContentLoaderPopupPaymentReceived,rw as ContentLoaderPopupPicklist,tw as ContentLoaderPopupReadyToShip,aw as ContentLoaderPopupStoreSelect,Ow as ContentLoaderPosProductDetail,Sw as ContentLoaderPromotionHover,Ew as ContentLoaderReportingDashboard,Iw as ContentLoaderSetting,lw as ContentLoaderTableList,Tn as CreateContainer,On as CreateHeaderWrapper,_n as CreateToolWrapper,Db as DateComponent,Sb as DateTimeComponent,dn as DateWrapper,jn as DetailItem,An as DetailItemAction,Dn as DetailItemInfo,En as DetailItemTitle,Sn as DetailItemWrapper,In as DetailList,Fn as DetailPanelWrapper,bn as DetailWrapper,gn as DropdownAction,hn as DropdownItem,pn as DropdownList,un as DropdownTitle,Yg as ErrorComponent,Et as FigureWraper,xn as FilterButton,tr as FilterColumnContainer,en as FilterContainer,mn as FilterList,fn as FilterListTitle,an as FilterWrapper,ft as FoContainer,AC as FormContainer,ct as HeaderContainer,fr as IconComponent,yn as IconDot,Js as ImageComponent,yt as InfoGroup,kt as InitialContainer,et as InputComponent,bt as InputGroup,nt as InputOTPComponent,tt as InputRefComponent,Ee as IsNumeric,Lt as ItemPriceLabel,sn as ItemTable,dr as LabelComponent,jt as LeftPanelContainer,K as LinkComponent,Kt as LinkContainer,Gn as ListAddItemContainer,IC as ListComponent,ht as ListContainer,cn as ListTable,on as ListTableContainer,hr as LoadingComponent,It as MasterTableActionWrapper,CC as MasterTableComponent,Rg as MenuList,Dr as MessageComponent,Ts as MessageQuestionComponent,Dt as MultiPanelContainer,vt as MuteLabel,Pt as NameLabel,qn as NavChildItem,Un as NavChildLine,Jn as NavContainer,Zn as NavContainerStyles,$n as NavList,Qn as NavMainItem,Kn as NavMainItemWrapper,Xn as NavMobileHeaderWrapper,zn as NavMobileOverlay,Jt as PageButton,Ut as PageDot,Qt as PageLabel,Zt as PageWrapper,Xt as PaginationContainer,At as PanelBody,pt as PanelContainer,ut as PanelWrapper,Wn as PopupAddProductContainer,Mn as PopupBoxWrapper,Vn as PopupCard,zs as PopupComponent,Nn as PopupDownloadWrapper,Hn as PopupExportCardWrapper,Tb as RadioComponent,St as RightPanelContainer,nr as ScrollArrowContainer,Ln as SearchDropdownContainer,tn as SearchFilterContainer,Ft as SearchFormWrapper,Rn as SearchResultItem,Pn as SearchResultList,Bn as SearchResultWrapper,nn as SearchWrapper,Yn as SearchWrapperPopup,Pg as SelectComponent,DC as SingleFormContainer,vn as SortByWrapper,Bb as SwitchComponent,_t as TableColumnGroup,Mt as TableHeadLabel,Nt as TableHeadWrapper,Vt as TableItemColumn,Ht as TableItemWrapper,Bt as TableLabel,Ot as TableRightGroup,Tt as TableRowGroup,gt as TabsContainer,mt as TabsContent,Rt as TabsHeader,Gt as TabsItem,Yt as TabsList,Wt as TabsWrapper,im as TextAreaComponent,am as TextAreaRefComponent,O as TextComponent,dt as Title,er as TotalLabel,zt as UpdateContainer,tm as UploadComponent,nm as UploadDragDropComponent,We as abbreviateNumber,$ as buttonActiveShadowStyle,z as buttonActiveStyle,H as buttonHoverStyle,V as buttonStyle,ke as capitalize,xe as channelMap,_ as clearList,se as colorCommonQuantity,ye as colorStatus,he as colorStockAdjust,pe as colorStockInboundQuantity,de as colorStockInboundStatus,ue as colorStockQuantity,ce as colorStockStatus,up as components,_w as configDateRange,je as currencyNumber,ie as dateRangeStatus,we as debounce,G as dropBase,B as elipsis,ge as errorMessage,oe as errorTitle,Ge as evCheckAllValidation,Xe as evCloseDropdown,Re as evExecuteError,Oe as evGenerateValueMatch,Be as evHighlight,Pe as evKeyMapperScanner,Le as evScrollTo,Ze as evSetTotal,Se as evUpdateInputRc,W as formLabel,Ie as formatNumber,Ae as generateMessage,De as generateMessageQuestion,Ne as generateValue,Me as generateValueTable,Fe as getSizeContainer,ve as getStorage,Y as headTable,fe as historyType,He as isDesktop,$e as isMobile,ze as isTablet,P as multiElipsis,ae as pageMasterTable,Ve as pasteIntoInput,Ce as removeStorage,L as responseWidth,be as setStorage,le as statusColor,R as thirdElipsis,me as typePage,Ye as unCamelCaseKeys,_e as unescapeHTML,Te as validateByApproveJs};
|
|
4373
|
+
`,VC=Fe().width,HC=Fe().height,zC=()=>M.jsxs(FC,{height:260,width:"100%",speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx("rect",{x:"10",y:"15",rx:"50",ry:"50",width:"35",height:"35"}),M.jsx("rect",{x:"55",y:"15",rx:"0",ry:"0",width:"330",height:"13"}),M.jsx("rect",{x:"55",y:"35",rx:"0",ry:"0",width:"330",height:"11"}),M.jsx("rect",{x:"10",y:"65",rx:"50",ry:"50",width:"35",height:"35"}),M.jsx("rect",{x:"55",y:"65",rx:"0",ry:"0",width:"330",height:"13"}),M.jsx("rect",{x:"55",y:"85",rx:"0",ry:"0",width:"330",height:"11"}),M.jsx("rect",{x:"10",y:"115",rx:"50",ry:"50",width:"35",height:"35"}),M.jsx("rect",{x:"55",y:"115",rx:"0",ry:"0",width:"330",height:"13"}),M.jsx("rect",{x:"55",y:"135",rx:"0",ry:"0",width:"330",height:"11"}),M.jsx("rect",{x:"10",y:"165",rx:"50",ry:"50",width:"35",height:"35"}),M.jsx("rect",{x:"55",y:"165",rx:"0",ry:"0",width:"330",height:"13"}),M.jsx("rect",{x:"55",y:"185",rx:"0",ry:"0",width:"330",height:"11"}),M.jsx("rect",{x:"10",y:"215",rx:"50",ry:"50",width:"35",height:"35"}),M.jsx("rect",{x:"55",y:"215",rx:"0",ry:"0",width:"330",height:"13"}),M.jsx("rect",{x:"55",y:"235",rx:"0",ry:"0",width:"330",height:"11"})]}),$C=()=>M.jsxs(FC,{height:284,width:"100%",speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,viewBox:"0 0 290 284",children:[M.jsx("rect",{x:"10",y:"15",rx:"0",ry:"0",width:"40",height:"40"}),M.jsx("rect",{x:"62",y:"15",rx:"0",ry:"0",width:"90",height:"13"}),M.jsx("rect",{x:"62",y:"30",rx:"0",ry:"0",width:"185",height:"13"}),M.jsx("rect",{x:"62",y:"45",rx:"0",ry:"0",width:"50",height:"11"}),M.jsx("rect",{x:"257",y:"23",rx:"50",ry:"50",width:"25",height:"25"}),M.jsx("rect",{x:"10",y:"70",rx:"0",ry:"0",width:"40",height:"40"}),M.jsx("rect",{x:"62",y:"70",rx:"0",ry:"0",width:"90",height:"13"}),M.jsx("rect",{x:"62",y:"85",rx:"0",ry:"0",width:"185",height:"13"}),M.jsx("rect",{x:"62",y:"100",rx:"0",ry:"0",width:"50",height:"11"}),M.jsx("rect",{x:"257",y:"77",rx:"50",ry:"50",width:"25",height:"25"}),M.jsx("rect",{x:"10",y:"125",rx:"0",ry:"0",width:"40",height:"40"}),M.jsx("rect",{x:"62",y:"125",rx:"0",ry:"0",width:"90",height:"13"}),M.jsx("rect",{x:"62",y:"140",rx:"0",ry:"0",width:"185",height:"13"}),M.jsx("rect",{x:"62",y:"155",rx:"0",ry:"0",width:"50",height:"11"}),M.jsx("rect",{x:"257",y:"131",rx:"50",ry:"50",width:"25",height:"25"}),M.jsx("rect",{x:"10",y:"180",rx:"0",ry:"0",width:"40",height:"40"}),M.jsx("rect",{x:"62",y:"180",rx:"0",ry:"0",width:"90",height:"13"}),M.jsx("rect",{x:"62",y:"195",rx:"0",ry:"0",width:"185",height:"13"}),M.jsx("rect",{x:"62",y:"210",rx:"0",ry:"0",width:"50",height:"11"}),M.jsx("rect",{x:"257",y:"185",rx:"50",ry:"50",width:"25",height:"25"}),M.jsx("rect",{x:"10",y:"235",rx:"0",ry:"0",width:"40",height:"40"}),M.jsx("rect",{x:"62",y:"235",rx:"0",ry:"0",width:"90",height:"13"}),M.jsx("rect",{x:"62",y:"250",rx:"0",ry:"0",width:"185",height:"13"}),M.jsx("rect",{x:"62",y:"265",rx:"0",ry:"0",width:"50",height:"11"}),M.jsx("rect",{x:"257",y:"239",rx:"50",ry:"50",width:"25",height:"25"})]}),XC=()=>M.jsx(FC,{height:60,width:"100%",speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:M.jsx("rect",{x:"0",y:"15",rx:"0",ry:"0",width:"100%",height:"36"})}),ZC=()=>{const e=100,t=VC-600,n=VC-405,r=120,i=VC-275,a=VC-190,o=140,s=VC-45,l=VC-18,c=VC-777,d=VC-665,u=VC-625,p=VC-515,h=140,g=VC-365,m=160,f=VC-190,x=140;return M.jsxs(NC,{children:[M.jsx(TC,{children:M.jsxs(FC,{speed:1,width:VC,height:"100%",backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:"52",y:"15",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:e,y:"15",rx:"2",ry:"2",width:t,height:"31"}),M.jsx("rect",{x:n,y:"15",rx:"2",ry:"2",width:r,height:"32"}),M.jsx("rect",{x:i,y:"15",rx:"2",ry:"2",width:80,height:"32"}),M.jsx("rect",{x:a,y:"15",rx:"2",ry:"2",width:o,height:"32"}),M.jsx("rect",{x:s,y:"15",rx:"2",ry:"2",width:30,height:"32"}),M.jsx("rect",{x:"52",y:"80",rx:"2",ry:"2",width:"200",height:"15"}),M.jsx("rect",{x:9,y:"110",rx:"0",ry:"0",width:l,height:"2"}),M.jsx("rect",{x:"52",y:"127",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:95,y:"127",rx:"2",ry:"2",width:c,height:"50"}),M.jsx("rect",{x:d,y:"127",rx:"2",ry:"2",width:26,height:"31"}),M.jsx("rect",{x:u,y:"127",rx:"2",ry:"2",width:90,height:"31"}),M.jsx("rect",{x:p,y:"127",rx:"2",ry:"2",width:h,height:"31"}),M.jsx("rect",{x:g,y:"127",rx:"2",ry:"2",width:m,height:"31"}),M.jsx("rect",{x:f,y:"127",rx:"2",ry:"2",width:x,height:"65"})]})}),M.jsx(TC,{children:M.jsxs(FC,{speed:1,width:VC,height:"100%",backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:"52",y:"15",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:e,y:"15",rx:"2",ry:"2",width:t,height:"31"}),M.jsx("rect",{x:n,y:"15",rx:"2",ry:"2",width:r,height:"32"}),M.jsx("rect",{x:i,y:"15",rx:"2",ry:"2",width:80,height:"32"}),M.jsx("rect",{x:a,y:"15",rx:"2",ry:"2",width:o,height:"32"}),M.jsx("rect",{x:s,y:"15",rx:"2",ry:"2",width:30,height:"32"}),M.jsx("rect",{x:"52",y:"80",rx:"2",ry:"2",width:"200",height:"15"}),M.jsx("rect",{x:9,y:"110",rx:"0",ry:"0",width:l,height:"2"}),M.jsx("rect",{x:"52",y:"127",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:95,y:"127",rx:"2",ry:"2",width:c,height:"50"}),M.jsx("rect",{x:d,y:"127",rx:"2",ry:"2",width:26,height:"31"}),M.jsx("rect",{x:u,y:"127",rx:"2",ry:"2",width:90,height:"31"}),M.jsx("rect",{x:p,y:"127",rx:"2",ry:"2",width:h,height:"31"}),M.jsx("rect",{x:g,y:"127",rx:"2",ry:"2",width:m,height:"31"}),M.jsx("rect",{x:f,y:"127",rx:"2",ry:"2",width:x,height:"65"})]})}),M.jsx(TC,{children:M.jsxs(FC,{speed:1,width:VC,height:"100%",backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:"52",y:"15",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:e,y:"15",rx:"2",ry:"2",width:t,height:"31"}),M.jsx("rect",{x:n,y:"15",rx:"2",ry:"2",width:r,height:"32"}),M.jsx("rect",{x:i,y:"15",rx:"2",ry:"2",width:80,height:"32"}),M.jsx("rect",{x:a,y:"15",rx:"2",ry:"2",width:o,height:"32"}),M.jsx("rect",{x:s,y:"15",rx:"2",ry:"2",width:30,height:"32"}),M.jsx("rect",{x:"52",y:"80",rx:"2",ry:"2",width:"200",height:"15"}),M.jsx("rect",{x:9,y:"110",rx:"0",ry:"0",width:l,height:"2"}),M.jsx("rect",{x:"52",y:"127",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:95,y:"127",rx:"2",ry:"2",width:c,height:"50"}),M.jsx("rect",{x:d,y:"127",rx:"2",ry:"2",width:26,height:"31"}),M.jsx("rect",{x:u,y:"127",rx:"2",ry:"2",width:90,height:"31"}),M.jsx("rect",{x:p,y:"127",rx:"2",ry:"2",width:h,height:"31"}),M.jsx("rect",{x:g,y:"127",rx:"2",ry:"2",width:m,height:"31"}),M.jsx("rect",{x:f,y:"127",rx:"2",ry:"2",width:x,height:"65"})]})}),M.jsx(TC,{children:M.jsxs(FC,{speed:1,width:VC,height:"100%",backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:"52",y:"15",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:e,y:"15",rx:"2",ry:"2",width:t,height:"31"}),M.jsx("rect",{x:n,y:"15",rx:"2",ry:"2",width:r,height:"32"}),M.jsx("rect",{x:i,y:"15",rx:"2",ry:"2",width:80,height:"32"}),M.jsx("rect",{x:a,y:"15",rx:"2",ry:"2",width:o,height:"32"}),M.jsx("rect",{x:s,y:"15",rx:"2",ry:"2",width:30,height:"32"}),M.jsx("rect",{x:"52",y:"80",rx:"2",ry:"2",width:"200",height:"15"}),M.jsx("rect",{x:9,y:"110",rx:"0",ry:"0",width:l,height:"2"}),M.jsx("rect",{x:"52",y:"127",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:95,y:"127",rx:"2",ry:"2",width:c,height:"50"}),M.jsx("rect",{x:d,y:"127",rx:"2",ry:"2",width:26,height:"31"}),M.jsx("rect",{x:u,y:"127",rx:"2",ry:"2",width:90,height:"31"}),M.jsx("rect",{x:p,y:"127",rx:"2",ry:"2",width:h,height:"31"}),M.jsx("rect",{x:g,y:"127",rx:"2",ry:"2",width:m,height:"31"}),M.jsx("rect",{x:f,y:"127",rx:"2",ry:"2",width:x,height:"65"})]})}),M.jsx(TC,{children:M.jsxs(FC,{speed:1,width:VC,height:"100%",backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:"52",y:"15",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:e,y:"15",rx:"2",ry:"2",width:t,height:"31"}),M.jsx("rect",{x:n,y:"15",rx:"2",ry:"2",width:r,height:"32"}),M.jsx("rect",{x:i,y:"15",rx:"2",ry:"2",width:80,height:"32"}),M.jsx("rect",{x:a,y:"15",rx:"2",ry:"2",width:o,height:"32"}),M.jsx("rect",{x:s,y:"15",rx:"2",ry:"2",width:30,height:"32"}),M.jsx("rect",{x:"52",y:"80",rx:"2",ry:"2",width:"200",height:"15"}),M.jsx("rect",{x:9,y:"110",rx:"0",ry:"0",width:l,height:"2"}),M.jsx("rect",{x:"52",y:"127",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:95,y:"127",rx:"2",ry:"2",width:c,height:"50"}),M.jsx("rect",{x:d,y:"127",rx:"2",ry:"2",width:26,height:"31"}),M.jsx("rect",{x:u,y:"127",rx:"2",ry:"2",width:90,height:"31"}),M.jsx("rect",{x:p,y:"127",rx:"2",ry:"2",width:h,height:"31"}),M.jsx("rect",{x:g,y:"127",rx:"2",ry:"2",width:m,height:"31"}),M.jsx("rect",{x:f,y:"127",rx:"2",ry:"2",width:x,height:"65"})]})})]})},JC=()=>{const e=VC-700,t=VC-432,n=VC-302,r=VC-217,i=VC-72,a=VC-777,o=VC-665,s=VC-625,l=VC-515,c=VC-365,d=VC-190,u=140,p=VC-777,h=VC-629,g=VC-529,m=VC-389,f=VC-214;return M.jsx(PC,{children:M.jsxs(FC,{speed:1,width:VC,height:"100%",backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:"38",y:"18",rx:"2",ry:"2",width:"36",height:"36"}),M.jsx("rect",{x:84,y:"18",rx:"2",ry:"2",width:e,height:"36"}),M.jsx("rect",{x:t,y:"20",rx:"2",ry:"2",width:120,height:"32"}),M.jsx("rect",{x:n,y:"20",rx:"2",ry:"2",width:80,height:"32"}),M.jsx("rect",{x:r,y:"20",rx:"2",ry:"2",width:140,height:"32"}),M.jsx("rect",{x:i,y:"20",rx:"2",ry:"2",width:30,height:"32"}),M.jsx("rect",{x:"38",y:"85",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"152",y:"85",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"266",y:"85",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"64",y:"150",rx:"2",ry:"2",width:"31",height:"61"}),M.jsx("rect",{x:121,y:"150",rx:"2",ry:"2",width:p,height:"61"}),M.jsx("rect",{x:h,y:"150",rx:"2",ry:"2",width:90,height:"61"}),M.jsx("rect",{x:g,y:"150",rx:"2",ry:"2",width:140,height:"61"}),M.jsx("rect",{x:m,y:"150",rx:"2",ry:"2",width:160,height:"61"}),M.jsx("rect",{x:f,y:"150",rx:"2",ry:"2",width:140,height:"61"}),M.jsx("rect",{x:"38",y:"284",rx:"2",ry:"2",width:"285",height:"31"}),M.jsx("rect",{x:"389",y:"284",rx:"2",ry:"2",width:"285",height:"31"}),M.jsx("rect",{x:"38",y:"324",rx:"2",ry:"2",width:"285",height:"31"}),M.jsx("rect",{x:"389",y:"324",rx:"2",ry:"2",width:"285",height:"31"}),M.jsx("rect",{x:"38",y:"364",rx:"2",ry:"2",width:"285",height:"31"}),M.jsx("rect",{x:"389",y:"364",rx:"2",ry:"2",width:"285",height:"31"}),M.jsx("rect",{x:"38",y:"404",rx:"2",ry:"2",width:"285",height:"31"}),M.jsx("rect",{x:"389",y:"404",rx:"2",ry:"2",width:"285",height:"31"}),M.jsx("rect",{x:"38",y:"444",rx:"2",ry:"2",width:"285",height:"31"}),M.jsx("rect",{x:"389",y:"444",rx:"2",ry:"2",width:"285",height:"31"}),M.jsx("rect",{x:"38",y:"515",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:95,y:"515",rx:"2",ry:"2",width:a,height:"31"}),M.jsx("rect",{x:o,y:"515",rx:"2",ry:"2",width:26,height:"31"}),M.jsx("rect",{x:s,y:"515",rx:"2",ry:"2",width:90,height:"31"}),M.jsx("rect",{x:l,y:"515",rx:"2",ry:"2",width:140,height:"31"}),M.jsx("rect",{x:c,y:"515",rx:"2",ry:"2",width:160,height:"31"}),M.jsx("rect",{x:d,y:"515",rx:"2",ry:"2",width:u,height:"31"}),M.jsx("rect",{x:"38",y:"555",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:95,y:"555",rx:"2",ry:"2",width:a,height:"31"}),M.jsx("rect",{x:o,y:"555",rx:"2",ry:"2",width:26,height:"31"}),M.jsx("rect",{x:s,y:"555",rx:"2",ry:"2",width:90,height:"31"}),M.jsx("rect",{x:l,y:"555",rx:"2",ry:"2",width:140,height:"31"}),M.jsx("rect",{x:c,y:"555",rx:"2",ry:"2",width:160,height:"31"}),M.jsx("rect",{x:d,y:"555",rx:"2",ry:"2",width:u,height:"31"}),M.jsx("rect",{x:d,y:"604",rx:"2",ry:"2",width:u,height:"31"}),M.jsx("rect",{x:d,y:"654",rx:"2",ry:"2",width:u,height:"31"}),M.jsx("rect",{x:"38",y:"684",rx:"2",ry:"2",width:e,height:"36"})]})})},QC=()=>{const e=VC-250,t=VC-150,n=VC-80,r=140,i=183,a=200,o=388,s=140,l=533,c=140,d=678,u=140,p=823,h=140;return M.jsx(PC,{children:M.jsxs(FC,{speed:1,width:VC,height:"100%",backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:38,y:"20",rx:"2",ry:"2",width:e,height:"30"}),M.jsx("rect",{x:t,y:"20",rx:"2",ry:"2",width:60,height:"30"}),M.jsx("rect",{x:n,y:"20",rx:"2",ry:"2",width:30,height:"30"}),M.jsx("rect",{x:"50",y:"80",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"170",y:"80",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"290",y:"80",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"38",y:"130",rx:"2",ry:"2",width:"150",height:"20"}),M.jsx("rect",{x:"200",y:"130",rx:"2",ry:"2",width:"285",height:"20"}),M.jsx("rect",{x:"38",y:"165",rx:"2",ry:"2",width:"150",height:"20"}),M.jsx("rect",{x:"200",y:"165",rx:"2",ry:"2",width:"285",height:"20"}),M.jsx("rect",{x:"38",y:"200",rx:"2",ry:"2",width:"150",height:"20"}),M.jsx("rect",{x:"200",y:"200",rx:"2",ry:"2",width:"285",height:"20"}),M.jsx("rect",{x:"38",y:"235",rx:"2",ry:"2",width:"150",height:"20"}),M.jsx("rect",{x:"200",y:"235",rx:"2",ry:"2",width:"285",height:"20"}),M.jsx("rect",{x:"38",y:"270",rx:"2",ry:"2",width:"150",height:"20"}),M.jsx("rect",{x:"200",y:"270",rx:"2",ry:"2",width:"285",height:"20"}),M.jsx("rect",{x:38,y:"320",rx:"2",ry:"2",width:r,height:"31"}),M.jsx("rect",{x:i,y:"320",rx:"2",ry:"2",width:a,height:"31"}),M.jsx("rect",{x:o,y:"320",rx:"2",ry:"2",width:s,height:"31"}),M.jsx("rect",{x:l,y:"320",rx:"2",ry:"2",width:c,height:"31"}),M.jsx("rect",{x:d,y:"320",rx:"2",ry:"2",width:u,height:"31"}),M.jsx("rect",{x:p,y:"320",rx:"2",ry:"2",width:h,height:"31"}),M.jsx("rect",{x:38,y:"370",rx:"2",ry:"2",width:r,height:"31"}),M.jsx("rect",{x:i,y:"370",rx:"2",ry:"2",width:a,height:"31"}),M.jsx("rect",{x:o,y:"370",rx:"2",ry:"2",width:s,height:"31"}),M.jsx("rect",{x:l,y:"370",rx:"2",ry:"2",width:c,height:"31"}),M.jsx("rect",{x:d,y:"370",rx:"2",ry:"2",width:u,height:"31"}),M.jsx("rect",{x:p,y:"370",rx:"2",ry:"2",width:h,height:"31"}),M.jsx("rect",{x:38,y:"420",rx:"2",ry:"2",width:r,height:"31"}),M.jsx("rect",{x:i,y:"420",rx:"2",ry:"2",width:a,height:"31"}),M.jsx("rect",{x:o,y:"420",rx:"2",ry:"2",width:s,height:"31"}),M.jsx("rect",{x:l,y:"420",rx:"2",ry:"2",width:c,height:"31"}),M.jsx("rect",{x:d,y:"420",rx:"2",ry:"2",width:u,height:"31"}),M.jsx("rect",{x:p,y:"420",rx:"2",ry:"2",width:h,height:"31"}),M.jsx("rect",{x:38,y:"470",rx:"2",ry:"2",width:r,height:"31"}),M.jsx("rect",{x:i,y:"470",rx:"2",ry:"2",width:a,height:"31"}),M.jsx("rect",{x:o,y:"470",rx:"2",ry:"2",width:s,height:"31"}),M.jsx("rect",{x:l,y:"470",rx:"2",ry:"2",width:c,height:"31"}),M.jsx("rect",{x:d,y:"470",rx:"2",ry:"2",width:u,height:"31"}),M.jsx("rect",{x:p,y:"470",rx:"2",ry:"2",width:h,height:"31"}),M.jsx("rect",{x:"38",y:"530",rx:"2",ry:"2",width:"200",height:"15"}),M.jsx("rect",{x:38,y:"560",rx:"2",ry:"2",width:"50",height:"50"}),M.jsx("rect",{x:108,y:"560",rx:"2",ry:"2",width:"50",height:"50"}),M.jsx("rect",{x:178,y:"560",rx:"2",ry:"2",width:"50",height:"50"}),M.jsx("rect",{x:248,y:"560",rx:"2",ry:"2",width:"50",height:"50"}),M.jsx("rect",{x:318,y:"560",rx:"2",ry:"2",width:"50",height:"50"})]})})},UC=()=>{let e=VC>=994?VC>=1031&&VC>=1031?VC-100:VC-60:994;const t=e-777,n=e-665,r=e-555,i=e-405,a=e-230;return M.jsx(RC,{children:M.jsxs(FC,{speed:1,width:e,height:"100%",backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:"38",y:"15",rx:"2",ry:"2",width:"31",height:"61"}),M.jsx("rect",{x:95,y:"15",rx:"2",ry:"2",width:t,height:"61"}),M.jsx("rect",{x:n,y:"15",rx:"2",ry:"2",width:90,height:"61"}),M.jsx("rect",{x:r,y:"15",rx:"2",ry:"2",width:140,height:"61"}),M.jsx("rect",{x:i,y:"15",rx:"2",ry:"2",width:160,height:"61"}),M.jsx("rect",{x:a,y:"15",rx:"2",ry:"2",width:140,height:"61"})]})})},qC=()=>{const e=window.innerWidth,t=e>=1336?150:e>=1112?110:100,n=29+t+12,r=e>=1336?120:e>=1112?110:100,i=n+r+12,a=e>=1336||e>=1112?110:105,o=i+a+12,s=e>=1336||e>=1112?140:130,l=o+s+12,c=e>=1336?130:e>=1112?120:100,d=l+c+12,u=e>=1336?115:e>=1112?105:100,p=d+u+12,g=e>=1336?150:e>=1112?110:100,m=e-150-24,f=HC?Math.ceil((HC-78)/70):0;let x=p+g+12,y=[];for(let e=0;x+122<m;e++)y.push({x:p+g+12+122*e,w:110}),x=p+g+12+122*e;return M.jsx(OC,{className:"_refLoadingList",children:M.jsxs(FC,{speed:1,width:e,height:"100%",backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:29,y:"23",rx:"2",ry:"2",width:t,height:"16"}),M.jsx("rect",{x:n,y:"23",rx:"2",ry:"2",width:r,height:"16"}),M.jsx("rect",{x:i,y:"23",rx:"2",ry:"2",width:a,height:"16"}),M.jsx("rect",{x:o,y:"23",rx:"2",ry:"2",width:s,height:"16"}),M.jsx("rect",{x:l,y:"23",rx:"2",ry:"2",width:c,height:"16"}),M.jsx("rect",{x:d,y:"23",rx:"2",ry:"2",width:u,height:"16"}),M.jsx("rect",{x:p,y:"23",rx:"2",ry:"2",width:g,height:"16"}),y.map(((e,t)=>M.jsx(h,{children:M.jsx("rect",{x:e.x,y:"23",rx:"2",ry:"2",width:e.w,height:"16"})},t))),M.jsx("rect",{x:m,y:"23",rx:"2",ry:"2",width:100,height:"16"}),Array.apply(0,Array(f)).map(((e,f)=>{const x=70*f+78;return M.jsxs(h,{children:[M.jsx("rect",{x:29,y:x,rx:"2",ry:"2",width:t,height:"31"}),M.jsx("rect",{x:n,y:x,rx:"2",ry:"2",width:r,height:"31"}),M.jsx("rect",{x:i,y:x,rx:"2",ry:"2",width:a,height:"31"}),M.jsx("rect",{x:o,y:x,rx:"2",ry:"2",width:s,height:"31"}),M.jsx("rect",{x:l,y:x,rx:"2",ry:"2",width:c,height:"31"}),M.jsx("rect",{x:d,y:x,rx:"2",ry:"2",width:u,height:"31"}),M.jsx("rect",{x:p,y:x,rx:"2",ry:"2",width:g,height:"31"}),y.map(((e,t)=>M.jsx(h,{children:M.jsx("rect",{x:e.x,y:x,rx:"2",ry:"2",width:e.w,height:"31"})},t))),M.jsx("rect",{x:m,y:x,rx:"2",ry:"2",width:100,height:"31"})]},f)}))]})})},KC=()=>{const e=VC/2,t=e-160,n=e-128,r=e-96,i=e-64,a=e-32,o=e+0,s=e+32,l=e+64,c=e+96,d=e+128;return M.jsx(BC,{className:"_refLoadingPage",children:M.jsxs(FC,{speed:1,width:VC,height:"100%",backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:t,y:"23",rx:"2",ry:"2",width:"27",height:"27"}),M.jsx("rect",{x:n,y:"23",rx:"2",ry:"2",width:"27",height:"27"}),M.jsx("rect",{x:r,y:"23",rx:"2",ry:"2",width:"27",height:"27"}),M.jsx("rect",{x:i,y:"23",rx:"2",ry:"2",width:"27",height:"27"}),M.jsx("rect",{x:a,y:"23",rx:"2",ry:"2",width:"27",height:"27"}),M.jsx("rect",{x:o,y:"23",rx:"2",ry:"2",width:"27",height:"27"}),M.jsx("rect",{x:s,y:"23",rx:"2",ry:"2",width:"27",height:"27"}),M.jsx("rect",{x:l,y:"23",rx:"2",ry:"2",width:"27",height:"27"}),M.jsx("rect",{x:c,y:"23",rx:"2",ry:"2",width:"27",height:"27"}),M.jsx("rect",{x:d,y:"23",rx:"2",ry:"2",width:"27",height:"27"}),M.jsx("rect",{x:i,y:"60",rx:"2",ry:"2",width:"128",height:"6"})]})})},ew=()=>M.jsx(LC,{className:"_refLoadingList",children:M.jsxs(FC,{speed:1,width:VC,height:250,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{width:"100%",maxWidth:"1336px",minWidth:"1024px"},children:[M.jsx("rect",{x:"40",y:"0",rx:"2",ry:"2",width:"130",height:"21"}),M.jsx("rect",{x:"190",y:"0",rx:"2",ry:"2",width:"130",height:"21"}),M.jsx("rect",{x:"330",y:"0",rx:"2",ry:"2",width:"250",height:"21"}),M.jsx("rect",{x:"600",y:"0",rx:"2",ry:"2",width:"200",height:"21"}),M.jsx("rect",{x:VC-240,y:"0",rx:"2",ry:"2",width:"200",height:"21"}),M.jsx("rect",{x:"40",y:"50",rx:"2",ry:"2",width:"130",height:"31"}),M.jsx("rect",{x:"190",y:"50",rx:"2",ry:"2",width:"130",height:"31"}),M.jsx("rect",{x:"330",y:"50",rx:"2",ry:"2",width:"250",height:"31"}),M.jsx("rect",{x:"600",y:"50",rx:"2",ry:"2",width:"200",height:"31"}),M.jsx("rect",{x:VC-240,y:"50",rx:"2",ry:"2",width:"200",height:"31"}),M.jsx("rect",{x:"40",y:"100",rx:"2",ry:"2",width:"130",height:"31"}),M.jsx("rect",{x:"190",y:"100",rx:"2",ry:"2",width:"130",height:"31"}),M.jsx("rect",{x:"330",y:"100",rx:"2",ry:"2",width:"250",height:"31"}),M.jsx("rect",{x:"600",y:"100",rx:"2",ry:"2",width:"200",height:"31"}),M.jsx("rect",{x:VC-240,y:"100",rx:"2",ry:"2",width:"200",height:"31"}),M.jsx("rect",{x:"40",y:"150",rx:"2",ry:"2",width:"130",height:"31"}),M.jsx("rect",{x:"190",y:"150",rx:"2",ry:"2",width:"130",height:"31"}),M.jsx("rect",{x:"330",y:"150",rx:"2",ry:"2",width:"250",height:"31"}),M.jsx("rect",{x:"600",y:"150",rx:"2",ry:"2",width:"200",height:"31"}),M.jsx("rect",{x:VC-240,y:"150",rx:"2",ry:"2",width:"200",height:"31"}),M.jsx("rect",{x:"40",y:"200",rx:"2",ry:"2",width:"130",height:"31"}),M.jsx("rect",{x:"190",y:"200",rx:"2",ry:"2",width:"130",height:"31"}),M.jsx("rect",{x:"330",y:"200",rx:"2",ry:"2",width:"250",height:"31"}),M.jsx("rect",{x:"600",y:"200",rx:"2",ry:"2",width:"200",height:"31"}),M.jsx("rect",{x:VC-240,y:"200",rx:"2",ry:"2",width:"200",height:"31"})]})}),tw=()=>M.jsx(GC,{children:M.jsxs(FC,{speed:1,width:900,height:255,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{width:"100%",maxWidth:"900px",minWidth:"800px"},children:[M.jsx("rect",{x:"20",y:"25",rx:"2",ry:"2",width:"25",height:"22"}),M.jsx("rect",{x:"55",y:"20",rx:"2",ry:"2",width:"32",height:"32"}),M.jsx("rect",{x:"97",y:"20",rx:"2",ry:"2",width:"250",height:"32"}),M.jsx("rect",{x:"500",y:"20",rx:"2",ry:"2",width:"170",height:"32"}),M.jsx("rect",{x:"680",y:"20",rx:"2",ry:"2",width:"170",height:"32"}),M.jsx("rect",{x:"860",y:"20",rx:"2",ry:"2",width:"25",height:"22"}),M.jsx("rect",{x:"20",y:"70",rx:"2",ry:"2",width:"25",height:"22"}),M.jsx("rect",{x:"55",y:"65",rx:"2",ry:"2",width:"32",height:"32"}),M.jsx("rect",{x:"97",y:"65",rx:"2",ry:"2",width:"250",height:"32"}),M.jsx("rect",{x:"500",y:"65",rx:"2",ry:"2",width:"170",height:"32"}),M.jsx("rect",{x:"680",y:"65",rx:"2",ry:"2",width:"170",height:"32"}),M.jsx("rect",{x:"860",y:"65",rx:"2",ry:"2",width:"25",height:"22"}),M.jsx("rect",{x:"20",y:"115",rx:"2",ry:"2",width:"25",height:"22"}),M.jsx("rect",{x:"55",y:"110",rx:"2",ry:"2",width:"32",height:"32"}),M.jsx("rect",{x:"97",y:"110",rx:"2",ry:"2",width:"250",height:"32"}),M.jsx("rect",{x:"500",y:"110",rx:"2",ry:"2",width:"170",height:"32"}),M.jsx("rect",{x:"680",y:"110",rx:"2",ry:"2",width:"170",height:"32"}),M.jsx("rect",{x:"860",y:"110",rx:"2",ry:"2",width:"25",height:"22"}),M.jsx("rect",{x:"20",y:"160",rx:"2",ry:"2",width:"25",height:"22"}),M.jsx("rect",{x:"55",y:"155",rx:"2",ry:"2",width:"32",height:"32"}),M.jsx("rect",{x:"97",y:"155",rx:"2",ry:"2",width:"250",height:"32"}),M.jsx("rect",{x:"500",y:"155",rx:"2",ry:"2",width:"170",height:"32"}),M.jsx("rect",{x:"680",y:"155",rx:"2",ry:"2",width:"170",height:"32"}),M.jsx("rect",{x:"860",y:"155",rx:"2",ry:"2",width:"25",height:"22"}),M.jsx("rect",{x:"20",y:"205",rx:"2",ry:"2",width:"25",height:"22"}),M.jsx("rect",{x:"55",y:"200",rx:"2",ry:"2",width:"32",height:"32"}),M.jsx("rect",{x:"97",y:"200",rx:"2",ry:"2",width:"250",height:"32"}),M.jsx("rect",{x:"500",y:"200",rx:"2",ry:"2",width:"170",height:"32"}),M.jsx("rect",{x:"680",y:"200",rx:"2",ry:"2",width:"170",height:"32"}),M.jsx("rect",{x:"860",y:"200",rx:"2",ry:"2",width:"25",height:"22"})]})}),nw=()=>M.jsx(GC,{children:M.jsxs(FC,{speed:1,width:840,height:255,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{width:"100%",maxWidth:"840px",minWidth:"800px"},children:[M.jsx("rect",{x:"20",y:"25",rx:"2",ry:"2",width:"25",height:"22"}),M.jsx("rect",{x:"55",y:"20",rx:"2",ry:"2",width:"32",height:"32"}),M.jsx("rect",{x:"97",y:"20",rx:"2",ry:"2",width:"250",height:"32"}),M.jsx("rect",{x:"620",y:"20",rx:"2",ry:"2",width:"170",height:"32"}),M.jsx("rect",{x:"800",y:"20",rx:"2",ry:"2",width:"25",height:"22"}),M.jsx("rect",{x:"60",y:"80",rx:"2",ry:"2",width:"200",height:"20"}),M.jsx("rect",{x:"440",y:"80",rx:"2",ry:"2",width:"90",height:"20"}),M.jsx("rect",{x:"560",y:"80",rx:"2",ry:"2",width:"90",height:"20"}),M.jsx("rect",{x:"680",y:"80",rx:"2",ry:"2",width:"90",height:"20"}),M.jsx("rect",{x:"60",y:"130",rx:"2",ry:"2",width:"200",height:"20"}),M.jsx("rect",{x:"440",y:"130",rx:"2",ry:"2",width:"90",height:"20"}),M.jsx("rect",{x:"560",y:"130",rx:"2",ry:"2",width:"90",height:"20"}),M.jsx("rect",{x:"680",y:"130",rx:"2",ry:"2",width:"90",height:"20"}),M.jsx("rect",{x:"20",y:"210",rx:"2",ry:"2",width:"25",height:"22"}),M.jsx("rect",{x:"55",y:"205",rx:"2",ry:"2",width:"32",height:"32"}),M.jsx("rect",{x:"97",y:"205",rx:"2",ry:"2",width:"250",height:"32"}),M.jsx("rect",{x:"620",y:"205",rx:"2",ry:"2",width:"170",height:"32"}),M.jsx("rect",{x:"800",y:"205",rx:"2",ry:"2",width:"25",height:"22"})]})}),rw=()=>M.jsx(GC,{children:M.jsxs(FC,{speed:1,width:1e3,height:340,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{width:"100%",maxWidth:"1000px",minWidth:"800px"},children:[M.jsx("rect",{x:"130",y:"20",rx:"2",ry:"2",width:"100",height:"21"}),M.jsx("rect",{x:"510",y:"20",rx:"2",ry:"2",width:"100",height:"21"}),M.jsx("rect",{x:"130",y:"51",rx:"2",ry:"2",width:"360",height:"36"}),M.jsx("rect",{x:"510",y:"51",rx:"2",ry:"2",width:"360",height:"36"}),M.jsx("rect",{x:"130",y:"110",rx:"2",ry:"2",width:"100",height:"21"}),M.jsx("rect",{x:"510",y:"110",rx:"2",ry:"2",width:"100",height:"21"}),M.jsx("rect",{x:"130",y:"141",rx:"2",ry:"2",width:"360",height:"36"}),M.jsx("rect",{x:"510",y:"141",rx:"2",ry:"2",width:"360",height:"36"}),M.jsx("rect",{x:"52",y:"200",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:"95",y:"200",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"217",y:"200",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"339",y:"200",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"461",y:"200",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"583",y:"200",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"705",y:"200",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"827",y:"200",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"52",y:"240",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:"95",y:"240",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"217",y:"240",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"339",y:"240",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"461",y:"240",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"583",y:"240",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"705",y:"240",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"827",y:"240",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"52",y:"280",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:"95",y:"280",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"217",y:"280",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"339",y:"280",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"461",y:"280",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"583",y:"280",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"705",y:"280",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"827",y:"280",rx:"2",ry:"2",width:"110",height:"31"})]})}),iw=()=>M.jsx(GC,{children:M.jsxs(FC,{speed:1,width:1e3,height:340,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{width:"100%",maxWidth:"1000px",minWidth:"800px"},children:[M.jsx("rect",{x:"40",y:"20",rx:"2",ry:"2",width:"80",height:"21"}),M.jsx("rect",{x:"40",y:"51",rx:"2",ry:"2",width:"260",height:"30"}),M.jsx("rect",{x:"40",y:"110",rx:"2",ry:"2",width:"80",height:"21"}),M.jsx("rect",{x:"320",y:"110",rx:"2",ry:"2",width:"80",height:"21"}),M.jsx("rect",{x:"40",y:"141",rx:"2",ry:"2",width:"260",height:"30"}),M.jsx("rect",{x:"320",y:"141",rx:"2",ry:"2",width:"260",height:"30"}),M.jsx("rect",{x:"55",y:"200",rx:"2",ry:"2",width:"220",height:"30"}),M.jsx("rect",{x:"320",y:"200",rx:"2",ry:"2",width:"260",height:"30"}),M.jsx("rect",{x:"55",y:"245",rx:"2",ry:"2",width:"220",height:"30"}),M.jsx("rect",{x:"320",y:"245",rx:"2",ry:"2",width:"260",height:"30"}),M.jsx("rect",{x:"55",y:"290",rx:"2",ry:"2",width:"220",height:"30"}),M.jsx("rect",{x:"320",y:"290",rx:"2",ry:"2",width:"260",height:"30"})]})}),aw=()=>M.jsx(GC,{children:M.jsx(FC,{speed:1,width:325.5,height:30,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:M.jsx("rect",{x:"0",y:"0",rx:"5",ry:"5",width:"325.5",height:"30"})})}),ow=()=>M.jsxs(FC,{height:31,width:500,speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx("rect",{x:"0",y:"5",rx:"8",ry:"8",width:"90",height:"20"}),M.jsx("rect",{x:"100",y:"5",rx:"8",ry:"8",width:"90",height:"20"}),M.jsx("rect",{x:"200",y:"5",rx:"8",ry:"8",width:"90",height:"20"}),M.jsx("rect",{x:"300",y:"5",rx:"8",ry:"8",width:"90",height:"20"}),M.jsx("rect",{x:"400",y:"5",rx:"8",ry:"8",width:"90",height:"20"})]}),sw=()=>M.jsxs(FC,{height:172,width:210,speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx("rect",{x:"4",y:"12",rx:"4",ry:"4",width:"14",height:"14"}),M.jsx("rect",{x:"28",y:"12",rx:"2",ry:"2",width:"170",height:"14"}),M.jsx("rect",{x:"4",y:"36",rx:"4",ry:"4",width:"14",height:"14"}),M.jsx("rect",{x:"28",y:"36",rx:"2",ry:"2",width:"170",height:"14"}),M.jsx("rect",{x:"4",y:"60",rx:"4",ry:"4",width:"14",height:"14"}),M.jsx("rect",{x:"28",y:"60",rx:"2",ry:"2",width:"170",height:"14"}),M.jsx("rect",{x:"4",y:"84",rx:"4",ry:"4",width:"14",height:"14"}),M.jsx("rect",{x:"28",y:"84",rx:"2",ry:"2",width:"170",height:"14"}),M.jsx("rect",{x:"4",y:"108",rx:"4",ry:"4",width:"14",height:"14"}),M.jsx("rect",{x:"28",y:"108",rx:"2",ry:"2",width:"170",height:"14"}),M.jsx("rect",{x:"4",y:"132",rx:"4",ry:"4",width:"14",height:"14"}),M.jsx("rect",{x:"28",y:"132",rx:"2",ry:"2",width:"170",height:"14"}),M.jsx("rect",{x:"4",y:"156",rx:"4",ry:"4",width:"14",height:"14"}),M.jsx("rect",{x:"28",y:"156",rx:"2",ry:"2",width:"170",height:"14"})]}),lw=()=>{const e=HC-96,t=Math.floor((VC-110)/120),n=Math.floor((e-20)/50);return M.jsx(LC,{children:M.jsx(FC,{speed:1,width:VC,height:e,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:Array.apply(0,Array(n)).map(((e,n)=>{const r=n+50*(n+1)-30;return Array.apply(0,Array(t)).map(((e,t)=>{const i=t+120*(t+1)-65;return M.jsx("rect",{x:i,y:r,rx:"2",ry:"2",width:100,height:0===n?16:30},t)}))}))})})},cw=()=>{const e=HC-286,t=VC>=1336?370:VC>=1112?250:150,n=29+t+12,r=VC>=1336?130:VC>=1112?110:100,i=n+r+12,a=VC>=1336?100:95,o=i+a+12,s=VC>=1336?90:80,l=o+s+12,c=VC>=1336?85:75,d=l+c+12,u=VC>=1336?80:70,p=d+u+12,g=VC>=1336?70:60,m=p+g+12,f=VC>=1336?95:85,x=VC-100-24,y=HC&&Math.ceil((e-78)/70)>0?Math.ceil((e-78)/70):0;let v=m+f+12,b=[];for(let e=0;v+122<x;e++)b.push({x:m+f+12+122*e,w:110}),v=m+f+12+122*e;return M.jsx(OC,{children:M.jsxs(FC,{speed:1,width:VC,height:"100%",backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:29,y:"23",rx:"2",ry:"2",width:t,height:"16"}),M.jsx("rect",{x:n,y:"23",rx:"2",ry:"2",width:r,height:"16"}),M.jsx("rect",{x:i,y:"23",rx:"2",ry:"2",width:a,height:"16"}),M.jsx("rect",{x:o,y:"23",rx:"2",ry:"2",width:s,height:"16"}),M.jsx("rect",{x:l,y:"23",rx:"2",ry:"2",width:c,height:"16"}),M.jsx("rect",{x:d,y:"23",rx:"2",ry:"2",width:u,height:"16"}),M.jsx("rect",{x:p,y:"23",rx:"2",ry:"2",width:g,height:"16"}),M.jsx("rect",{x:m,y:"23",rx:"2",ry:"2",width:f,height:"16"}),b.map(((e,t)=>M.jsx(h,{children:M.jsx("rect",{x:e.x,y:"23",rx:"2",ry:"2",width:e.w,height:"16"})},t))),M.jsx("rect",{x:x,y:"23",rx:"2",ry:"2",width:100,height:"16"}),Array.apply(0,Array(y)).map(((e,y)=>{const v=70*y+78;return M.jsxs(h,{children:[M.jsx("rect",{x:29,y:v,rx:"2",ry:"2",width:t,height:"31"}),M.jsx("rect",{x:n,y:v,rx:"2",ry:"2",width:r,height:"31"}),M.jsx("rect",{x:i,y:v,rx:"2",ry:"2",width:a,height:"31"}),M.jsx("rect",{x:o,y:v,rx:"2",ry:"2",width:s,height:"31"}),M.jsx("rect",{x:l,y:v,rx:"2",ry:"2",width:c,height:"31"}),M.jsx("rect",{x:d,y:v,rx:"2",ry:"2",width:u,height:"31"}),M.jsx("rect",{x:p,y:v,rx:"2",ry:"2",width:g,height:"31"}),M.jsx("rect",{x:m,y:v,rx:"2",ry:"2",width:f,height:"31"}),b.map(((e,t)=>M.jsx(h,{children:M.jsx("rect",{x:e.x,y:v,rx:"2",ry:"2",width:e.w,height:"31"})},t))),M.jsx("rect",{x:x,y:v,rx:"2",ry:"2",width:100,height:"31"})]},y)}))]})})},dw=()=>M.jsxs(FC,{height:270,width:800,speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx("rect",{x:"15",y:"25",width:"425",height:"15"}),M.jsx("rect",{x:"490",y:"25",width:"150",height:"15"}),M.jsx("rect",{x:"670",y:"25",width:"95",height:"15"}),M.jsx("rect",{x:"15",y:"60",rx:"8",ry:"8",width:"30",height:"30"}),M.jsx("rect",{x:"60",y:"60",width:"380",height:"30"}),M.jsx("rect",{x:"490",y:"60",width:"150",height:"30"}),M.jsx("rect",{x:"670",y:"60",width:"95",height:"30"}),M.jsx("rect",{x:"15",y:"110",rx:"8",ry:"8",width:"30",height:"30"}),M.jsx("rect",{x:"60",y:"110",width:"380",height:"30"}),M.jsx("rect",{x:"490",y:"110",width:"150",height:"30"}),M.jsx("rect",{x:"670",y:"110",width:"95",height:"30"}),M.jsx("rect",{x:"15",y:"160",rx:"8",ry:"8",width:"30",height:"30"}),M.jsx("rect",{x:"60",y:"160",width:"380",height:"30"}),M.jsx("rect",{x:"490",y:"160",width:"150",height:"30"}),M.jsx("rect",{x:"670",y:"160",width:"95",height:"30"}),M.jsx("rect",{x:"15",y:"210",rx:"8",ry:"8",width:"30",height:"30"}),M.jsx("rect",{x:"60",y:"210",width:"380",height:"30"}),M.jsx("rect",{x:"490",y:"210",width:"150",height:"30"}),M.jsx("rect",{x:"670",y:"210",width:"95",height:"30"})]}),uw=()=>M.jsxs(FC,{height:270,width:800,speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx("rect",{x:"15",y:"60",width:"300",height:"15"}),M.jsx("rect",{x:"330",y:"25",width:"100",height:"15"}),M.jsx("rect",{x:"450",y:"25",width:"75",height:"15"}),M.jsx("rect",{x:"540",y:"25",width:"130",height:"15"}),M.jsx("rect",{x:"690",y:"25",width:"75",height:"15"}),M.jsx("rect",{x:"15",y:"60",width:"300",height:"30"}),M.jsx("rect",{x:"330",y:"60",width:"100",height:"30"}),M.jsx("rect",{x:"450",y:"60",width:"75",height:"30"}),M.jsx("rect",{x:"540",y:"60",width:"130",height:"30"}),M.jsx("rect",{x:"690",y:"60",width:"75",height:"30"}),M.jsx("rect",{x:"15",y:"110",width:"300",height:"30"}),M.jsx("rect",{x:"330",y:"110",width:"100",height:"30"}),M.jsx("rect",{x:"450",y:"110",width:"75",height:"30"}),M.jsx("rect",{x:"540",y:"110",width:"130",height:"30"}),M.jsx("rect",{x:"690",y:"110",width:"75",height:"30"}),M.jsx("rect",{x:"15",y:"160",width:"300",height:"30"}),M.jsx("rect",{x:"330",y:"160",width:"100",height:"30"}),M.jsx("rect",{x:"450",y:"160",width:"75",height:"30"}),M.jsx("rect",{x:"540",y:"160",width:"130",height:"30"}),M.jsx("rect",{x:"690",y:"160",width:"75",height:"30"}),M.jsx("rect",{x:"15",y:"210",width:"300",height:"30"}),M.jsx("rect",{x:"330",y:"210",width:"100",height:"30"}),M.jsx("rect",{x:"450",y:"210",width:"75",height:"30"}),M.jsx("rect",{x:"540",y:"210",width:"130",height:"30"}),M.jsx("rect",{x:"690",y:"210",width:"75",height:"30"})]}),pw=()=>{const e=VC>=1336?645:VC>=1112?400:300,t=e+45,n=e+90;return M.jsx(_C,{children:M.jsxs(FC,{speed:1,width:VC,height:300,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:"15",y:"25",rx:"2",ry:"2",width:t,height:"15"}),M.jsx("rect",{x:n,y:"25",rx:"2",ry:"2",width:"250",height:"15"}),M.jsx("rect",{x:"15",y:"60",rx:"8",ry:"8",width:"30",height:"30"}),M.jsx("rect",{x:"60",y:"60",rx:"2",ry:"2",width:e,height:"30"}),M.jsx("rect",{x:n,y:"60",rx:"2",ry:"2",width:"250",height:"30"}),M.jsx("rect",{x:"15",y:"110",rx:"8",ry:"8",width:"30",height:"30"}),M.jsx("rect",{x:"60",y:"110",rx:"2",ry:"2",width:e,height:"30"}),M.jsx("rect",{x:n,y:"110",rx:"2",ry:"2",width:"250",height:"30"}),M.jsx("rect",{x:"15",y:"160",rx:"8",ry:"8",width:"30",height:"30"}),M.jsx("rect",{x:"60",y:"160",rx:"2",ry:"2",width:e,height:"30"}),M.jsx("rect",{x:n,y:"160",rx:"2",ry:"2",width:"250",height:"30"}),M.jsx("rect",{x:"15",y:"210",rx:"8",ry:"8",width:"30",height:"30"}),M.jsx("rect",{x:"60",y:"210",rx:"2",ry:"2",width:e,height:"30"}),M.jsx("rect",{x:n,y:"210",rx:"2",ry:"2",width:"250",height:"30"})]})})},hw=()=>{const e=VC>=1336?540:VC>=1112?320:250,t=e+30,n=150,r=t+n+15,i=80,a=r+i+15,o=150,s=a+o+15;return M.jsx(_C,{children:M.jsxs(FC,{speed:1,width:VC,height:300,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:"15",y:"25",rx:"2",ry:"2",width:e,height:"15"}),M.jsx("rect",{x:t,y:"25",rx:"2",ry:"2",width:n,height:"15"}),M.jsx("rect",{x:r,y:"25",rx:"2",ry:"2",width:i,height:"15"}),M.jsx("rect",{x:a,y:"25",rx:"2",ry:"2",width:o,height:"15"}),M.jsx("rect",{x:s,y:"25",rx:"2",ry:"2",width:80,height:"15"}),M.jsx("rect",{x:"15",y:"60",rx:"2",ry:"2",width:e,height:"30"}),M.jsx("rect",{x:t,y:"60",rx:"2",ry:"2",width:n,height:"30"}),M.jsx("rect",{x:r,y:"60",rx:"2",ry:"2",width:i,height:"30"}),M.jsx("rect",{x:a,y:"60",rx:"2",ry:"2",width:o,height:"30"}),M.jsx("rect",{x:s,y:"60",rx:"2",ry:"2",width:80,height:"30"}),M.jsx("rect",{x:"15",y:"110",rx:"2",ry:"2",width:e,height:"30"}),M.jsx("rect",{x:t,y:"110",rx:"2",ry:"2",width:n,height:"30"}),M.jsx("rect",{x:r,y:"110",rx:"2",ry:"2",width:i,height:"30"}),M.jsx("rect",{x:a,y:"110",rx:"2",ry:"2",width:o,height:"30"}),M.jsx("rect",{x:s,y:"110",rx:"2",ry:"2",width:80,height:"30"}),M.jsx("rect",{x:"15",y:"160",rx:"2",ry:"2",width:e,height:"30"}),M.jsx("rect",{x:t,y:"160",rx:"2",ry:"2",width:n,height:"30"}),M.jsx("rect",{x:r,y:"160",rx:"2",ry:"2",width:i,height:"30"}),M.jsx("rect",{x:a,y:"160",rx:"2",ry:"2",width:o,height:"30"}),M.jsx("rect",{x:s,y:"160",rx:"2",ry:"2",width:80,height:"30"}),M.jsx("rect",{x:"15",y:"210",rx:"2",ry:"2",width:e,height:"30"}),M.jsx("rect",{x:t,y:"210",rx:"2",ry:"2",width:n,height:"30"}),M.jsx("rect",{x:r,y:"210",rx:"2",ry:"2",width:i,height:"30"}),M.jsx("rect",{x:a,y:"210",rx:"2",ry:"2",width:o,height:"30"}),M.jsx("rect",{x:s,y:"210",rx:"2",ry:"2",width:80,height:"30"})]})})},gw=()=>M.jsxs(FC,{height:80,width:600,speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx("rect",{x:"0",y:"0",rx:"5",ry:"5",width:"172",height:"34"}),M.jsx("rect",{x:"178",y:"0",rx:"5",ry:"5",width:"172",height:"34"}),M.jsx("rect",{x:"356",y:"0",rx:"5",ry:"5",width:"100",height:"34"}),M.jsx("rect",{x:"462",y:"0",rx:"5",ry:"5",width:"100",height:"34"}),M.jsx("rect",{x:"0",y:"40",rx:"5",ry:"5",width:"172",height:"34"}),M.jsx("rect",{x:"178",y:"40",rx:"5",ry:"5",width:"100",height:"34"}),M.jsx("rect",{x:"284",y:"40",rx:"5",ry:"5",width:"140",height:"34"}),M.jsx("rect",{x:"430",y:"40",rx:"5",ry:"5",width:"100",height:"34"})]}),mw=()=>M.jsxs(FC,{height:500,width:1150,speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx("rect",{x:"0",y:"25",width:"35",height:"35"}),M.jsx("rect",{x:"50",y:"25",width:"400",height:"35"}),M.jsx("rect",{x:"50",y:"75",width:"170",height:"35"}),M.jsx("rect",{x:"235",y:"75",width:"170",height:"35"}),M.jsx("rect",{x:"420",y:"75",width:"170",height:"35"}),M.jsx("rect",{x:"605",y:"75",width:"170",height:"35"}),M.jsx("rect",{x:"50",y:"125",width:"170",height:"35"}),M.jsx("rect",{x:"0",y:"245",width:"200",height:"35"}),M.jsx("rect",{x:"420",y:"305",width:"150",height:"25"}),M.jsx("rect",{x:"585",y:"305",width:"150",height:"25"}),M.jsx("rect",{x:"750",y:"305",width:"150",height:"25"}),M.jsx("rect",{x:"915",y:"305",width:"150",height:"25"}),M.jsx("rect",{x:"0",y:"345",width:"25",height:"25"}),M.jsx("rect",{x:"40",y:"345",width:"360",height:"25"}),M.jsx("rect",{x:"420",y:"345",width:"150",height:"25"}),M.jsx("rect",{x:"585",y:"345",width:"150",height:"25"}),M.jsx("rect",{x:"750",y:"345",width:"150",height:"25"}),M.jsx("rect",{x:"915",y:"345",width:"150",height:"25"}),M.jsx("rect",{x:"750",y:"395",width:"315",height:"25"})]}),fw=()=>{const e=Math.floor((VC-110)/120);return M.jsx(LC,{children:M.jsx(FC,{speed:1,width:VC,height:100,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[0].map(((t,n)=>Array.apply(0,Array(e)).map(((e,t)=>{const r=t+120*(t+1)-65;return M.jsx("rect",{x:r,y:20,rx:"2",ry:"2",width:100,height:0===n?16:30},t)}))))})})},xw=()=>{const e=window.innerHeight-96,t=Math.floor((VC-110)/120),n=Math.floor((e-20)/50);return M.jsx(LC,{children:M.jsx(FC,{speed:1,width:VC,height:e,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:Array.apply(0,Array(n)).map(((e,n)=>{const r=n+50*(n+1)-30;return Array.apply(0,Array(t)).map(((e,t)=>{const n=t+120*(t+1)-65;return M.jsx("rect",{x:n,y:r,rx:"2",ry:"2",width:100,height:"30"},t)}))}))})})},yw=()=>M.jsx(YC,{children:M.jsxs(FC,{height:220,width:"100%",speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx("rect",{x:"0",y:"0",rx:"0",ry:"0",width:"200",height:"50"}),M.jsx("rect",{x:"0",y:"70",rx:"0",ry:"0",width:"100%",height:"25"}),M.jsx("rect",{x:"0",y:"105",rx:"0",ry:"0",width:"100%",height:"15"}),M.jsx("rect",{x:"0",y:"130",rx:"0",ry:"0",width:"100%",height:"15"}),M.jsx("rect",{x:"0",y:"155",rx:"0",ry:"0",width:"100%",height:"15"}),M.jsx("rect",{x:"0",y:"180",rx:"0",ry:"0",width:"100%",height:"15"}),M.jsx("rect",{x:"0",y:"205",rx:"0",ry:"0",width:"100%",height:"15"})]})}),vw=()=>M.jsxs(FC,{height:650,width:"100%",speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx("rect",{x:"0",y:"30",rx:"0",ry:"0",width:"50%",height:"20"}),M.jsx("rect",{x:"0",y:"55",rx:"0",ry:"0",width:"50%",height:"20"}),M.jsx("rect",{x:"0",y:"80",rx:"0",ry:"0",width:"50%",height:"20"}),M.jsx("rect",{x:"0",y:"105",rx:"0",ry:"0",width:"50%",height:"20"}),M.jsx("rect",{x:"0",y:"130",rx:"0",ry:"0",width:"50%",height:"20"}),M.jsx("rect",{x:"0",y:"155",rx:"0",ry:"0",width:"50%",height:"20"}),M.jsx("rect",{x:"0",y:"180",rx:"0",ry:"0",width:"50%",height:"20"}),M.jsx("rect",{x:"0",y:"205",rx:"0",ry:"0",width:"50%",height:"20"}),M.jsx("rect",{x:"0",y:"250",rx:"0",ry:"0",width:"100%",height:"250"}),M.jsx("rect",{x:"0",y:"525",rx:"0",ry:"0",width:"100%",height:"15"}),M.jsx("rect",{x:"0",y:"550",rx:"0",ry:"0",width:"100%",height:"15"}),M.jsx("rect",{x:"0",y:"575",rx:"0",ry:"0",width:"100%",height:"15"})]}),bw=()=>M.jsxs(FC,{height:220,width:"100%",speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx("rect",{x:"0",y:"0",rx:"0",ry:"0",width:"100%",height:"14"}),M.jsx("rect",{x:"0",y:"28",rx:"0",ry:"0",width:"100%",height:"14"}),M.jsx("rect",{x:"0",y:"56",rx:"0",ry:"0",width:"100%",height:"14"}),M.jsx("rect",{x:"0",y:"84",rx:"0",ry:"0",width:"100%",height:"14"}),M.jsx("rect",{x:"0",y:"112",rx:"0",ry:"0",width:"100%",height:"14"}),M.jsx("rect",{x:"0",y:"140",rx:"0",ry:"0",width:"100%",height:"14"}),M.jsx("rect",{x:"0",y:"168",rx:"0",ry:"0",width:"100%",height:"14"})]}),Cw=({mode:e})=>{const t=document.querySelector("._refChatContainer"),n=t?t.offsetWidth:0,r="single"===e?65:t&&t.offsetHeight-140>=0?t.offsetHeight:0,i=n-48-88-20,a=i+60+16,o="single"===e?1:Math.floor(r/64);let s=0;return M.jsx(FC,{height:r,width:"100%",speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:Array.apply(0,Array(o)).map(((e,t)=>{const n=14+s,r=32+s,o=64+s;return s=o,M.jsxs(h,{children:[M.jsx("rect",{x:"16",y:n,rx:"4",ry:"4",width:"32",height:"32"}),M.jsx("rect",{x:"60",y:n,rx:"0",ry:"0",width:i,height:"14"}),M.jsx("rect",{x:"60",y:r,rx:"0",ry:"0",width:i,height:"14"}),M.jsx("rect",{x:a,y:n,rx:"0",ry:"0",width:"66",height:"14"}),M.jsx("rect",{x:a,y:r,rx:"0",ry:"0",width:"66",height:"14"}),M.jsx("rect",{x:"0",y:o,rx:"0",ry:"0",width:"100%",height:"1"})]},t)}))})},ww=({mode:e})=>{const t=document.querySelector("._refTabsContent"),n=document.querySelector("._refChatContainer"),r=t&&t.offsetWidth-30>=0?t.offsetWidth-30:0,i="single"===e?65:n&&n.offsetHeight-204>=0?n.offsetHeight-204:0,a=r-48-88,o=a+60+16+22,s="single"===e?1:Math.floor(i/64);let l=0;return!(r<=0)&&M.jsx(FC,{height:i,width:"100%",speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:Array.apply(0,Array(s)).map(((e,t)=>{const n=14+l,r=32+l,i=64+l;return l=i,M.jsxs(h,{children:[M.jsx("rect",{x:"16",y:n,rx:"4",ry:"4",width:"14",height:"14"}),M.jsx("rect",{x:"38",y:n,rx:"4",ry:"4",width:"32",height:"32"}),M.jsx("rect",{x:"78",y:n,rx:"0",ry:"0",width:a,height:"14"}),M.jsx("rect",{x:"78",y:r,rx:"0",ry:"0",width:a,height:"20"}),M.jsx("rect",{x:o,y:n,rx:"0",ry:"0",width:"20",height:"14"}),M.jsx("rect",{x:o,y:r,rx:"0",ry:"0",width:"20",height:"14"}),M.jsx("rect",{x:"0",y:i,rx:"0",ry:"0",width:"100%",height:"1"})]},t)}))})},kw=({mode:e})=>{const t=document.querySelectorAll("._refChatContainer > article"),n=document.querySelector("._refChatContainer");let r=t[0]&&t[0].offsetWidth>=0?t[0].offsetWidth:0;r=r<=0?n&&n.offsetWidth>=0?n.offsetWidth:0:r;const i="single"===e?234:n&&n.offsetHeight>=0?n.offsetHeight:0,a=r-32<=360?r-32:360,o=r-a-16,s=i-145,l="single"===e?1:Math.floor(s/76);let c=0;return M.jsx(FC,{height:s,width:"100%",speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:Array.apply(0,Array(l)).map(((e,t)=>{const n=0===t?s-76:c-76;return c=n,M.jsx("rect",{x:t>=3?"16":o,y:n,rx:"10",ry:"10",width:a,height:"60"},t)}))})},Iw=()=>M.jsxs(FC,{speed:1,width:"100%",height:550,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx("rect",{x:"0",y:"0",rx:"2",ry:"2",width:"125",height:"15"}),M.jsx("rect",{x:"0",y:"25",rx:"2",ry:"2",width:"620",height:"25"}),M.jsx("rect",{x:"0",y:"60",rx:"2",ry:"2",width:"450",height:"25"}),M.jsx("rect",{x:"0",y:"110",rx:"2",ry:"2",width:"125",height:"15"}),M.jsx("rect",{x:"0",y:"135",rx:"2",ry:"2",width:"620",height:"25"}),M.jsx("rect",{x:"0",y:"170",rx:"2",ry:"2",width:"450",height:"25"}),M.jsx("rect",{x:"0",y:"220",rx:"2",ry:"2",width:"125",height:"15"}),M.jsx("rect",{x:"0",y:"245",rx:"2",ry:"2",width:"620",height:"25"}),M.jsx("rect",{x:"0",y:"280",rx:"2",ry:"2",width:"450",height:"25"}),M.jsx("rect",{x:"0",y:"330",rx:"2",ry:"2",width:"125",height:"15"}),M.jsx("rect",{x:"0",y:"355",rx:"2",ry:"2",width:"450",height:"80"}),M.jsx("rect",{x:"0",y:"460",rx:"2",ry:"2",width:"125",height:"15"}),M.jsx("rect",{x:"0",y:"485",rx:"2",ry:"2",width:"450",height:"80"}),M.jsx("rect",{x:"0",y:"585",rx:"2",ry:"2",width:"125",height:"15"}),M.jsx("rect",{x:"0",y:"610",rx:"2",ry:"2",width:"170",height:"25"}),M.jsx("rect",{x:"180",y:"610",rx:"2",ry:"2",width:"170",height:"25"}),M.jsx("rect",{x:"0",y:"645",rx:"2",ry:"2",width:"170",height:"25"}),M.jsx("rect",{x:"180",y:"645",rx:"2",ry:"2",width:"170",height:"25"}),M.jsx("rect",{x:"0",y:"695",rx:"2",ry:"2",width:"125",height:"15"}),M.jsx("rect",{x:"0",y:"720",rx:"2",ry:"2",width:"450",height:"25"}),M.jsx("rect",{x:"0",y:"755",rx:"2",ry:"2",width:"400",height:"25"})]}),Ew=()=>M.jsx(YC,{children:M.jsxs(FC,{speed:1,width:VC,height:500,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:"10",y:"10",rx:"2",ry:"2",width:"210",height:"25"}),M.jsx("rect",{x:"10",y:"60",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"10",y:"95",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"10",y:"130",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"10",y:"165",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"10",y:"200",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"10",y:"235",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"10",y:"270",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"10",y:"305",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"280",y:"10",rx:"2",ry:"2",width:"210",height:"25"}),M.jsx("rect",{x:"280",y:"60",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"280",y:"95",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"280",y:"130",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"280",y:"165",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"280",y:"200",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"280",y:"235",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"280",y:"270",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"280",y:"305",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"550",y:"10",rx:"2",ry:"2",width:"210",height:"25"}),M.jsx("rect",{x:"550",y:"60",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"550",y:"95",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"550",y:"130",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"550",y:"165",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"550",y:"200",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"550",y:"235",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"550",y:"270",rx:"2",ry:"2",width:"210",height:"20"}),M.jsx("rect",{x:"550",y:"305",rx:"2",ry:"2",width:"210",height:"20"})]})}),Aw=()=>{const e=window.innerHeight-286,t=VC>=1336||VC>=1112?400:300,n=32+t+12,r=VC-t-85,i=e?Math.ceil((e-78)/70):0;return M.jsx(OC,{children:M.jsxs(FC,{speed:1,width:VC,height:"100%",backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{position:"relative",zIndex:"2"},children:[M.jsx("rect",{x:32,y:"23",rx:"2",ry:"2",width:t,height:"16"}),M.jsx("rect",{x:n,y:"23",rx:"2",ry:"2",width:r,height:"16"}),Array.apply(0,Array(i)).map(((e,i)=>{const a=70*i+78;return M.jsxs(h,{children:[M.jsx("rect",{x:32,y:a,rx:"2",ry:"2",width:t,height:"31"}),M.jsx("rect",{x:n,y:a,rx:"2",ry:"2",width:r,height:"31"})]},i)}))]})})},Dw=()=>M.jsx(GC,{children:M.jsxs(FC,{speed:1,width:1e3,height:300,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,style:{width:"100%",maxWidth:"1000px",minWidth:"800px"},children:[M.jsx("rect",{x:"60",y:"20",rx:"2",ry:"2",width:"100",height:"21"}),M.jsx("rect",{x:"60",y:"51",rx:"2",ry:"2",width:"280",height:"36"}),M.jsx("rect",{x:"360",y:"20",rx:"2",ry:"2",width:"100",height:"21"}),M.jsx("rect",{x:"360",y:"51",rx:"2",ry:"2",width:"280",height:"36"}),M.jsx("rect",{x:"660",y:"20",rx:"2",ry:"2",width:"100",height:"21"}),M.jsx("rect",{x:"660",y:"51",rx:"2",ry:"2",width:"280",height:"36"}),M.jsx("rect",{x:"52",y:"130",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:"95",y:"130",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"217",y:"130",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"339",y:"130",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"461",y:"130",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"583",y:"130",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"705",y:"130",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"827",y:"130",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"52",y:"170",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:"95",y:"170",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"217",y:"170",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"339",y:"170",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"461",y:"170",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"583",y:"170",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"705",y:"170",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"827",y:"170",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"52",y:"210",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:"95",y:"210",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"217",y:"210",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"339",y:"210",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"461",y:"210",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"583",y:"210",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"705",y:"210",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"827",y:"210",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"52",y:"250",rx:"2",ry:"2",width:"31",height:"31"}),M.jsx("rect",{x:"95",y:"250",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"217",y:"250",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"339",y:"250",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"461",y:"250",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"583",y:"250",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"705",y:"250",rx:"2",ry:"2",width:"110",height:"31"}),M.jsx("rect",{x:"827",y:"250",rx:"2",ry:"2",width:"110",height:"31"})]})}),jw=()=>M.jsx(FC,{height:36,width:"100%",speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:M.jsx("rect",{x:"0",y:"0",rx:"0",ry:"0",width:"100%",height:"36"})}),Sw=()=>M.jsxs(FC,{height:151,width:"100%",speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx("rect",{x:"0",y:"4",rx:"0",ry:"0",width:"135",height:"14"}),M.jsx("rect",{x:"150",y:"4",rx:"0",ry:"0",width:"140",height:"14"}),M.jsx("rect",{x:"0",y:"32",rx:"0",ry:"0",width:"135",height:"14"}),M.jsx("rect",{x:"150",y:"32",rx:"0",ry:"0",width:"140",height:"14"}),M.jsx("rect",{x:"0",y:"60",rx:"0",ry:"0",width:"135",height:"14"}),M.jsx("rect",{x:"150",y:"60",rx:"0",ry:"0",width:"140",height:"14"}),M.jsx("rect",{x:"0",y:"88",rx:"0",ry:"0",width:"135",height:"14"}),M.jsx("rect",{x:"150",y:"88",rx:"0",ry:"0",width:"140",height:"14"}),M.jsx("rect",{x:"0",y:"116",rx:"0",ry:"0",width:"135",height:"14"}),M.jsx("rect",{x:"150",y:"116",rx:"0",ry:"0",width:"140",height:"14"}),M.jsx("rect",{x:"150",y:"132",rx:"0",ry:"0",width:"140",height:"14"})]}),Fw=()=>M.jsx(FC,{height:16,width:86,speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,viewBox:"0 0 86 16",children:M.jsx("rect",{x:"0",y:"2",rx:"5",ry:"5",width:80,height:14})}),Mw=()=>M.jsxs(FC,{height:125,width:"100%",speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx("rect",{x:"0",y:"4",rx:"0",ry:"0",width:"100%",height:"20"}),M.jsx("rect",{x:"0",y:"28",rx:"0",ry:"0",width:"100%",height:"20"}),M.jsx("rect",{x:"0",y:"70",rx:"0",ry:"0",width:"180px",height:"16"}),M.jsx("rect",{x:"0",y:"110",rx:"0",ry:"0",width:"100px",height:"14"})]}),Nw=()=>{const e=Math.floor(31*Math.random())+50;return M.jsx(FC,{height:30,width:e,speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:M.jsx("rect",{x:"0",y:"0",rx:"4",ry:"4",width:"100%",height:"30"})})},Tw=()=>M.jsxs(FC,{height:116,width:"100%",speed:1,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx(WC,{$width:"calc(100% - 20px)",x:"10",y:"10",rx:"0",ry:"0",height:"16"}),M.jsx("rect",{x:"10",y:"35",rx:"0",ry:"0",width:"75%",height:"16"}),M.jsx(WC,{$width:"calc(100% - 20px)",x:"10",y:"63",rx:"0",ry:"0",height:"16"}),M.jsx(WC,{$x:"calc(50% - 30px)",y:"95",rx:"4",ry:"4",width:"60px",height:"16"})]}),Ow=()=>M.jsxs(FC,{speed:1,width:"100%",height:580,backgroundColor:"rgb(0,0,0)",foregroundColor:"rgb(0,0,0)",backgroundOpacity:.06,foregroundOpacity:.12,children:[M.jsx("rect",{x:"0",y:"0",rx:"0",ry:"0",width:"100%",height:"198"}),M.jsx("rect",{x:"0",y:"214",rx:"0",ry:"0",width:"100%",height:"16"}),M.jsx("rect",{x:"0",y:"240",rx:"0",ry:"0",width:"100%",height:"16"}),M.jsx("rect",{x:"0",y:"266",rx:"0",ry:"0",width:"100%",height:"16"}),M.jsx("rect",{x:"0",y:"292",rx:"0",ry:"0",width:"100%",height:"16"}),M.jsx("rect",{x:"0",y:"318",rx:"0",ry:"0",width:"100%",height:"40"}),M.jsx("rect",{x:"0",y:"368",rx:"0",ry:"0",width:"100%",height:"16"}),M.jsx("rect",{x:"0",y:"394",rx:"0",ry:"0",width:"100%",height:"16"}),M.jsx("rect",{x:"0",y:"420",rx:"0",ry:"0",width:"100%",height:"16"}),M.jsx("rect",{x:"0",y:"456",rx:"0",ry:"0",width:"100px",height:"16"}),M.jsx("rect",{x:"0",y:"480",rx:"0",ry:"0",width:"100%",height:"94"})]}),_w={rangeDate:"lastsecondweek",startDate:gb().clone().subtract(13,"days").format("YYYY-MM-DD"),endDate:gb().clone().format("YYYY-MM-DD"),placeholder:"Last 14 days",minDate:gb().clone().subtract(89,"days").format("YYYY-MM-DD")};export{bt as BoxContainer,ft as BreadcrumbContainer,Ct as BulkActionWrapper,or as ButtonComponent,nn as ButtonGroup,Ut as ButtonLabel,Cn as CardContainer,kn as CardWrapper,st as CheckboxComponent,zt as CollapseContainer,$C as ContentLoaderAccountsList,zC as ContentLoaderActivityList,UC as ContentLoaderAddition,XC as ContentLoaderAnalyticsMenu,Aw as ContentLoaderCategoryList,Cw as ContentLoaderChatAccounts,kw as ContentLoaderChatMessages,ww as ContentLoaderChatProducts,bw as ContentLoaderChatStores,yw as ContentLoaderDashboardCard,mw as ContentLoaderEditBundle,sw as ContentLoaderFilterCategories,ow as ContentLoaderFilters,ew as ContentLoaderInvoiceListPaymentreceiveDetail,hw as ContentLoaderMasterBundleDetail,QC as ContentLoaderMasterDetail,cw as ContentLoaderMasterList,pw as ContentLoaderMasterListingDetail,qC as ContentLoaderNonOrderList,jw as ContentLoaderNotifUpdate,Fw as ContentLoaderOneLinePromotion,vw as ContentLoaderOnlyBodyDashboardCard,xw as ContentLoaderOnlyBodyTableList,fw as ContentLoaderOnlyHeaderTableList,JC as ContentLoaderOrderDetail,ZC as ContentLoaderOrderList,Nw as ContentLoaderPOSCategory,Tw as ContentLoaderPOSItem,Mw as ContentLoaderPOSStore,KC as ContentLoaderPagination,uw as ContentLoaderPopupBundle,gw as ContentLoaderPopupChooseStore,dw as ContentLoaderPopupLinkedListing,nw as ContentLoaderPopupListOrder,iw as ContentLoaderPopupPaymentReceive,Dw as ContentLoaderPopupPaymentReceived,rw as ContentLoaderPopupPicklist,tw as ContentLoaderPopupReadyToShip,aw as ContentLoaderPopupStoreSelect,Ow as ContentLoaderPosProductDetail,Sw as ContentLoaderPromotionHover,Ew as ContentLoaderReportingDashboard,Iw as ContentLoaderSetting,lw as ContentLoaderTableList,Tn as CreateContainer,On as CreateHeaderWrapper,_n as CreateToolWrapper,Db as DateComponent,Sb as DateTimeComponent,cn as DateWrapper,jn as DetailItem,An as DetailItemAction,Dn as DetailItemInfo,En as DetailItemTitle,Sn as DetailItemWrapper,In as DetailList,Fn as DetailPanelWrapper,bn as DetailWrapper,hn as DropdownAction,pn as DropdownItem,un as DropdownList,dn as DropdownTitle,Yg as ErrorComponent,It as FigureWraper,xn as FilterButton,tr as FilterColumnContainer,Kt as FilterContainer,mn as FilterItem,gn as FilterList,fn as FilterListTitle,rn as FilterWrapper,mt as FoContainer,AC as FormContainer,lt as HeaderContainer,fr as IconComponent,yn as IconDot,Js as ImageComponent,xt as InfoGroup,wt as InitialContainer,et as InputComponent,vt as InputGroup,nt as InputOTPComponent,tt as InputRefComponent,Ee as IsNumeric,_t as ItemPriceLabel,on as ItemTable,dr as LabelComponent,Dt as LeftPanelContainer,K as LinkComponent,qt as LinkContainer,Gn as ListAddItemContainer,IC as ListComponent,pt as ListContainer,ln as ListTable,an as ListTableContainer,hr as LoadingComponent,kt as MasterTableActionWrapper,CC as MasterTableComponent,Rg as MenuList,Dr as MessageComponent,Ts as MessageQuestionComponent,At as MultiPanelContainer,yt as MuteLabel,Bt as NameLabel,qn as NavChildItem,Un as NavChildLine,Jn as NavContainer,Zn as NavContainerStyles,$n as NavList,Qn as NavMainItem,Kn as NavMainItemWrapper,Xn as NavMobileHeaderWrapper,zn as NavMobileOverlay,Zt as PageButton,Qt as PageDot,Jt as PageLabel,Xt as PageWrapper,$t as PaginationContainer,Et as PanelBody,ut as PanelContainer,dt as PanelWrapper,Wn as PopupAddProductContainer,Mn as PopupBoxWrapper,Vn as PopupCard,zs as PopupComponent,Nn as PopupDownloadWrapper,Hn as PopupExportCardWrapper,Tb as RadioComponent,jt as RightPanelContainer,nr as ScrollArrowContainer,Ln as SearchDropdownContainer,en as SearchFilterContainer,St as SearchFormWrapper,Rn as SearchResultItem,Pn as SearchResultList,Bn as SearchResultWrapper,tn as SearchWrapper,Yn as SearchWrapperPopup,Pg as SelectComponent,DC as SingleFormContainer,vn as SortByWrapper,Bb as SwitchComponent,Ot as TableColumnGroup,Ft as TableHeadLabel,Mt as TableHeadWrapper,Wt as TableItemColumn,Vt as TableItemWrapper,Lt as TableLabel,Tt as TableRightGroup,Nt as TableRowGroup,ht as TabsContainer,gt as TabsContent,Pt as TabsHeader,Rt as TabsItem,Gt as TabsList,Yt as TabsWrapper,im as TextAreaComponent,am as TextAreaRefComponent,O as TextComponent,ct as Title,er as TotalLabel,Ht as UpdateContainer,tm as UploadComponent,nm as UploadDragDropComponent,We as abbreviateNumber,$ as buttonActiveShadowStyle,z as buttonActiveStyle,H as buttonHoverStyle,V as buttonStyle,ke as capitalize,xe as channelMap,_ as clearList,se as colorCommonQuantity,ye as colorStatus,he as colorStockAdjust,pe as colorStockInboundQuantity,de as colorStockInboundStatus,ue as colorStockQuantity,ce as colorStockStatus,up as components,_w as configDateRange,je as currencyNumber,ie as dateRangeStatus,we as debounce,G as dropBase,B as elipsis,ge as errorMessage,oe as errorTitle,Ge as evCheckAllValidation,Xe as evCloseDropdown,Re as evExecuteError,Oe as evGenerateValueMatch,Be as evHighlight,Pe as evKeyMapperScanner,Le as evScrollTo,Ze as evSetTotal,Se as evUpdateInputRc,W as formLabel,Ie as formatNumber,Ae as generateMessage,De as generateMessageQuestion,Ne as generateValue,Me as generateValueTable,Fe as getSizeContainer,ve as getStorage,Y as headTable,fe as historyType,He as isDesktop,$e as isMobile,ze as isTablet,P as multiElipsis,ae as pageMasterTable,Ve as pasteIntoInput,Ce as removeStorage,L as responseWidth,be as setStorage,le as statusColor,R as thirdElipsis,me as typePage,Ye as unCamelCaseKeys,_e as unescapeHTML,Te as validateByApproveJs};
|
|
4184
4374
|
//# sourceMappingURL=index.mjs.map
|