livevegas-ui-kit 1.0.257 → 1.0.258
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/livevegas-ui-kit.es.js +32 -22
- package/dist/livevegas-ui-kit.umd.js +32 -22
- package/package.json +1 -1
|
@@ -14133,27 +14133,29 @@ const Eu = {
|
|
|
14133
14133
|
]
|
|
14134
14134
|
}
|
|
14135
14135
|
),
|
|
14136
|
-
Expand: () => /* @__PURE__ */ a.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
14136
|
+
Expand: () => /* @__PURE__ */ a.jsxs("svg", { className: "full", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
14137
14137
|
/* @__PURE__ */ a.jsx("polyline", { points: "15 3 21 3 21 9" }),
|
|
14138
14138
|
/* @__PURE__ */ a.jsx("polyline", { points: "9 21 3 21 3 15" }),
|
|
14139
14139
|
/* @__PURE__ */ a.jsx("line", { x1: "21", y1: "3", x2: "14", y2: "10" }),
|
|
14140
14140
|
/* @__PURE__ */ a.jsx("line", { x1: "3", y1: "21", x2: "10", y2: "14" })
|
|
14141
14141
|
] })
|
|
14142
14142
|
}, K1 = f.div`
|
|
14143
|
-
background-color: #
|
|
14143
|
+
background-color: #121212c9;
|
|
14144
14144
|
color: #ffffff;
|
|
14145
14145
|
border-top-right-radius: 16px;
|
|
14146
14146
|
border-top-left-radius: 16px;
|
|
14147
14147
|
width: 100%;
|
|
14148
|
-
font-family:
|
|
14149
|
-
|
|
14148
|
+
font-family:
|
|
14149
|
+
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial,
|
|
14150
|
+
sans-serif;
|
|
14151
|
+
padding: 10px;
|
|
14150
14152
|
`, M1 = f.div`
|
|
14151
14153
|
display: flex;
|
|
14152
14154
|
justify-content: space-between;
|
|
14153
14155
|
align-items: center;
|
|
14154
|
-
padding-bottom:
|
|
14156
|
+
padding-bottom: 10px;
|
|
14155
14157
|
border-bottom: 1px solid #2a2a2a;
|
|
14156
|
-
margin-bottom:
|
|
14158
|
+
margin-bottom: 10px;
|
|
14157
14159
|
`, U1 = f.h2`
|
|
14158
14160
|
font-size: 16px;
|
|
14159
14161
|
font-weight: 700;
|
|
@@ -14167,15 +14169,15 @@ const Eu = {
|
|
|
14167
14169
|
align-items: center;
|
|
14168
14170
|
justify-content: center;
|
|
14169
14171
|
padding: 4px;
|
|
14170
|
-
|
|
14172
|
+
|
|
14171
14173
|
&:hover {
|
|
14172
14174
|
color: #fff;
|
|
14173
14175
|
}
|
|
14174
14176
|
`, Ot = f.div`
|
|
14175
14177
|
display: flex;
|
|
14176
14178
|
align-items: flex-start;
|
|
14177
|
-
margin-bottom:
|
|
14178
|
-
padding-bottom:
|
|
14179
|
+
margin-bottom: 12px;
|
|
14180
|
+
padding-bottom: 12px;
|
|
14179
14181
|
border-bottom: 1px solid #2a2a2a;
|
|
14180
14182
|
align-items: center;
|
|
14181
14183
|
&:last-child {
|
|
@@ -14187,7 +14189,7 @@ const Eu = {
|
|
|
14187
14189
|
width: 65px;
|
|
14188
14190
|
font-size: 14px;
|
|
14189
14191
|
font-weight: 500;
|
|
14190
|
-
color: #
|
|
14192
|
+
color: #e0e0e0c9;
|
|
14191
14193
|
margin-top: 10px;
|
|
14192
14194
|
flex-shrink: 0;
|
|
14193
14195
|
`, Mt = f.div`
|
|
@@ -14197,10 +14199,10 @@ const Eu = {
|
|
|
14197
14199
|
align-items: center;
|
|
14198
14200
|
height: fit-content;
|
|
14199
14201
|
`, Gr = kt`
|
|
14200
|
-
box-shadow: 0 0 12px rgba(168, 255, 255, 0.
|
|
14202
|
+
box-shadow: 0 0 12px rgba(168, 255, 255, 0.1);
|
|
14201
14203
|
border: 2px solid #a8ffff;
|
|
14202
14204
|
`, Yr = f.button`
|
|
14203
|
-
background-color: #
|
|
14205
|
+
background-color: #242424af;
|
|
14204
14206
|
border: 1px solid transparent;
|
|
14205
14207
|
border-radius: 24px;
|
|
14206
14208
|
color: #fff;
|
|
@@ -14211,23 +14213,23 @@ const Eu = {
|
|
|
14211
14213
|
transition: all 0.2s ease;
|
|
14212
14214
|
|
|
14213
14215
|
&:hover {
|
|
14214
|
-
background-color: #
|
|
14216
|
+
background-color: #333333c9;
|
|
14215
14217
|
}
|
|
14216
14218
|
`, xa = f(Yr)`
|
|
14217
|
-
width:
|
|
14218
|
-
height:
|
|
14219
|
+
width: 30px;
|
|
14220
|
+
height: 30px;
|
|
14219
14221
|
border-radius: 50%;
|
|
14220
14222
|
${(e) => e.$highlight && Gr}
|
|
14221
14223
|
`, G1 = f.div`
|
|
14222
14224
|
display: flex;
|
|
14223
14225
|
align-items: center;
|
|
14224
|
-
background-color: #
|
|
14226
|
+
background-color: #1e1e1ec9;
|
|
14225
14227
|
border-radius: 24px;
|
|
14226
14228
|
padding: 4px 16px 4px 4px;
|
|
14227
14229
|
flex: 1;
|
|
14228
14230
|
justify-content: space-between;
|
|
14229
14231
|
`, Y1 = f.div`
|
|
14230
|
-
border: 1px solid #
|
|
14232
|
+
border: 1px solid #333333c9;
|
|
14231
14233
|
border-radius: 24px;
|
|
14232
14234
|
padding: 16px;
|
|
14233
14235
|
display: flex;
|
|
@@ -14240,7 +14242,7 @@ const Eu = {
|
|
|
14240
14242
|
gap: 12px;
|
|
14241
14243
|
align-items: center;
|
|
14242
14244
|
`, Vr = f(Yr)`
|
|
14243
|
-
padding:
|
|
14245
|
+
padding: 8px 10px;
|
|
14244
14246
|
font-size: 13px;
|
|
14245
14247
|
font-weight: 500;
|
|
14246
14248
|
flex: 1;
|
|
@@ -14248,12 +14250,12 @@ const Eu = {
|
|
|
14248
14250
|
gap: 12px;
|
|
14249
14251
|
`, Q1 = f.div`
|
|
14250
14252
|
display: flex;
|
|
14251
|
-
background-color: #
|
|
14253
|
+
background-color: #242424c9;
|
|
14252
14254
|
border-radius: 24px;
|
|
14253
14255
|
height: 40px;
|
|
14254
14256
|
flex: 1;
|
|
14255
14257
|
align-items: center;
|
|
14256
|
-
|
|
14258
|
+
|
|
14257
14259
|
span {
|
|
14258
14260
|
flex: 1;
|
|
14259
14261
|
text-align: center;
|
|
@@ -14264,12 +14266,20 @@ const Eu = {
|
|
|
14264
14266
|
.divider {
|
|
14265
14267
|
width: 1px;
|
|
14266
14268
|
height: 16px;
|
|
14267
|
-
background-color: #
|
|
14269
|
+
background-color: #444444c9;
|
|
14268
14270
|
}
|
|
14269
14271
|
`, J1 = f(Vr)`
|
|
14270
14272
|
justify-content: center;
|
|
14271
14273
|
width: 100%;
|
|
14272
14274
|
${Gr}
|
|
14275
|
+
.full {
|
|
14276
|
+
transform: rotate(90deg);
|
|
14277
|
+
}
|
|
14278
|
+
.expand-icon {
|
|
14279
|
+
display: flex;
|
|
14280
|
+
justify-content: space-around;
|
|
14281
|
+
width: 100%;
|
|
14282
|
+
}
|
|
14273
14283
|
`, _w = ({ onClose: e }) => /* @__PURE__ */ a.jsxs(K1, { children: [
|
|
14274
14284
|
/* @__PURE__ */ a.jsxs(M1, { children: [
|
|
14275
14285
|
/* @__PURE__ */ a.jsx(U1, { children: "Full Screen View" }),
|
|
@@ -14306,7 +14316,7 @@ const Eu = {
|
|
|
14306
14316
|
] }),
|
|
14307
14317
|
/* @__PURE__ */ a.jsxs(Ot, { children: [
|
|
14308
14318
|
/* @__PURE__ */ a.jsx(Kt, { children: "Step 3" }),
|
|
14309
|
-
/* @__PURE__ */ a.jsx(Mt, { children: /* @__PURE__ */ a.jsxs(J1, { children: [
|
|
14319
|
+
/* @__PURE__ */ a.jsx(Mt, { children: /* @__PURE__ */ a.jsxs(J1, { className: "expand-icon", children: [
|
|
14310
14320
|
/* @__PURE__ */ a.jsx(Oe.Expand, {}),
|
|
14311
14321
|
"Hide Toolbar"
|
|
14312
14322
|
] }) })
|
|
@@ -4571,21 +4571,23 @@ See https://s-c.sh/2BAXzed for more info.`),window[Za]+=1);const ps=f.div`
|
|
|
4571
4571
|
transform: scale(1.3);
|
|
4572
4572
|
}
|
|
4573
4573
|
}
|
|
4574
|
-
`,C1=({chipAmounts:e,selectedChipIndex:t,selectChipIndex:n,onUndo:i,onDouble:r,onRepeat:o,balance:s,isUndo:l,isDouble:d,onDeal:h,isDeal:c,isRepeat:p,isLandscape:b,gameType:u})=>{const{t:g}=U(),[y,k]=T.useState(!1);return a.jsxs(y1,{$isLandscape:b,children:[a.jsxs(k1,{children:[a.jsx(Pr,{$isLandscape:b,$isDisabled:l,onClick:i,children:a.jsx("div",{className:"icon",children:a.jsx(kr,{})})}),a.jsxs(x1,{$isLandscape:b,$isChipsSelector:y,children:[a.jsx("div",{className:"chip",children:a.jsx(va,{amount:e[t],chipAmounts:e,height:y?64:56,width:y?64:56,onClick:()=>{k(!y)}})}),e.map((v,w)=>a.jsxs(v1,{$isLandscape:b,$isActiveChips:y,$index:w,children:[a.jsx(b1,{index:w,isActive:w===t,isChipsSelector:y}),a.jsx("div",{className:"chips-select",children:a.jsx(va,{amount:v,chipAmounts:e,height:42,width:42,onClick:()=>{k(!1),n(w)},isDisabled:v>s})})]},v))]}),a.jsxs(Pr,{$isLandscape:b,$isDisabled:c?d:p,onClick:c?r:o,children:[a.jsx("div",{className:"icon button-icon",children:c?a.jsx(ha,{}):a.jsx(vr,{})}),a.jsx("div",{className:"animations-button-bg"})]})]}),u!==X.TEXAS&&a.jsxs(A1,{$isDisabled:c,onClick:h,$isLandscape:b,children:[a.jsx("div",{className:"button-icon icon",children:a.jsx(wr,{})}),a.jsx("p",{className:"text-button",children:g("Deal Now")})]})]})},Oe={Close:()=>a.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:a.jsx("path",{d:"M13 1L1 13M1 1l12 12"})}),LeftArrow:()=>a.jsx("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"#888",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:a.jsx("path",{d:"M15 18l-6-6 6-6"})}),BrowserTab:()=>a.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[a.jsx("rect",{x:"4",y:"4",width:"16",height:"7",rx:"2"}),a.jsx("line",{x1:"4",y1:"15",x2:"20",y2:"15"}),a.jsx("line",{x1:"4",y1:"20",x2:"12",y2:"20"})]}),Refresh:()=>a.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.2",strokeLinecap:"round",strokeLinejoin:"round",children:[a.jsx("path",{d:"M21 12a9 9 0 1 1-2.636-6.364"}),a.jsx("path",{d:"M21 3v6h-6"})]}),Dots:()=>a.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"currentColor",children:[a.jsx("circle",{cx:"5",cy:"12",r:"2"}),a.jsx("circle",{cx:"12",cy:"12",r:"2"}),a.jsx("circle",{cx:"19",cy:"12",r:"2"})]}),Extensions:()=>a.jsx("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:a.jsx("path",{d:"M7 5 H17 A2 2 0 0 1 19 7 V9 A3 3 0 0 1 19 15 V17 A2 2 0 0 1 17 19 H7 A2 2 0 0 1 5 17 V15 A3 3 0 0 0 5 9 V7 A2 2 0 0 1 7 5 Z"})}),DocumentSearch:()=>a.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[a.jsx("path",{d:"M19 11 V5 A2 2 0 0 0 17 3 H7 A2 2 0 0 0 5 5 V19 A2 2 0 0 0 7 21 H12"}),a.jsx("circle",{cx:"16",cy:"16",r:"3"}),a.jsx("line",{x1:"18.1",y1:"18.1",x2:"21.5",y2:"21.5"}),a.jsx("line",{x1:"9",y1:"8",x2:"15",y2:"8"}),a.jsx("line",{x1:"9",y1:"12",x2:"12",y2:"12"})]}),Expand:()=>a.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[a.jsx("polyline",{points:"15 3 21 3 21 9"}),a.jsx("polyline",{points:"9 21 3 21 3 15"}),a.jsx("line",{x1:"21",y1:"3",x2:"14",y2:"10"}),a.jsx("line",{x1:"3",y1:"21",x2:"10",y2:"14"})]})},T1=f.div`
|
|
4575
|
-
background-color: #
|
|
4574
|
+
`,C1=({chipAmounts:e,selectedChipIndex:t,selectChipIndex:n,onUndo:i,onDouble:r,onRepeat:o,balance:s,isUndo:l,isDouble:d,onDeal:h,isDeal:c,isRepeat:p,isLandscape:b,gameType:u})=>{const{t:g}=U(),[y,k]=T.useState(!1);return a.jsxs(y1,{$isLandscape:b,children:[a.jsxs(k1,{children:[a.jsx(Pr,{$isLandscape:b,$isDisabled:l,onClick:i,children:a.jsx("div",{className:"icon",children:a.jsx(kr,{})})}),a.jsxs(x1,{$isLandscape:b,$isChipsSelector:y,children:[a.jsx("div",{className:"chip",children:a.jsx(va,{amount:e[t],chipAmounts:e,height:y?64:56,width:y?64:56,onClick:()=>{k(!y)}})}),e.map((v,w)=>a.jsxs(v1,{$isLandscape:b,$isActiveChips:y,$index:w,children:[a.jsx(b1,{index:w,isActive:w===t,isChipsSelector:y}),a.jsx("div",{className:"chips-select",children:a.jsx(va,{amount:v,chipAmounts:e,height:42,width:42,onClick:()=>{k(!1),n(w)},isDisabled:v>s})})]},v))]}),a.jsxs(Pr,{$isLandscape:b,$isDisabled:c?d:p,onClick:c?r:o,children:[a.jsx("div",{className:"icon button-icon",children:c?a.jsx(ha,{}):a.jsx(vr,{})}),a.jsx("div",{className:"animations-button-bg"})]})]}),u!==X.TEXAS&&a.jsxs(A1,{$isDisabled:c,onClick:h,$isLandscape:b,children:[a.jsx("div",{className:"button-icon icon",children:a.jsx(wr,{})}),a.jsx("p",{className:"text-button",children:g("Deal Now")})]})]})},Oe={Close:()=>a.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:a.jsx("path",{d:"M13 1L1 13M1 1l12 12"})}),LeftArrow:()=>a.jsx("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"#888",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:a.jsx("path",{d:"M15 18l-6-6 6-6"})}),BrowserTab:()=>a.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[a.jsx("rect",{x:"4",y:"4",width:"16",height:"7",rx:"2"}),a.jsx("line",{x1:"4",y1:"15",x2:"20",y2:"15"}),a.jsx("line",{x1:"4",y1:"20",x2:"12",y2:"20"})]}),Refresh:()=>a.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.2",strokeLinecap:"round",strokeLinejoin:"round",children:[a.jsx("path",{d:"M21 12a9 9 0 1 1-2.636-6.364"}),a.jsx("path",{d:"M21 3v6h-6"})]}),Dots:()=>a.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"currentColor",children:[a.jsx("circle",{cx:"5",cy:"12",r:"2"}),a.jsx("circle",{cx:"12",cy:"12",r:"2"}),a.jsx("circle",{cx:"19",cy:"12",r:"2"})]}),Extensions:()=>a.jsx("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:a.jsx("path",{d:"M7 5 H17 A2 2 0 0 1 19 7 V9 A3 3 0 0 1 19 15 V17 A2 2 0 0 1 17 19 H7 A2 2 0 0 1 5 17 V15 A3 3 0 0 0 5 9 V7 A2 2 0 0 1 7 5 Z"})}),DocumentSearch:()=>a.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[a.jsx("path",{d:"M19 11 V5 A2 2 0 0 0 17 3 H7 A2 2 0 0 0 5 5 V19 A2 2 0 0 0 7 21 H12"}),a.jsx("circle",{cx:"16",cy:"16",r:"3"}),a.jsx("line",{x1:"18.1",y1:"18.1",x2:"21.5",y2:"21.5"}),a.jsx("line",{x1:"9",y1:"8",x2:"15",y2:"8"}),a.jsx("line",{x1:"9",y1:"12",x2:"12",y2:"12"})]}),Expand:()=>a.jsxs("svg",{className:"full",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[a.jsx("polyline",{points:"15 3 21 3 21 9"}),a.jsx("polyline",{points:"9 21 3 21 3 15"}),a.jsx("line",{x1:"21",y1:"3",x2:"14",y2:"10"}),a.jsx("line",{x1:"3",y1:"21",x2:"10",y2:"14"})]})},T1=f.div`
|
|
4575
|
+
background-color: #121212c9;
|
|
4576
4576
|
color: #ffffff;
|
|
4577
4577
|
border-top-right-radius: 16px;
|
|
4578
4578
|
border-top-left-radius: 16px;
|
|
4579
4579
|
width: 100%;
|
|
4580
|
-
font-family:
|
|
4581
|
-
|
|
4580
|
+
font-family:
|
|
4581
|
+
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial,
|
|
4582
|
+
sans-serif;
|
|
4583
|
+
padding: 10px;
|
|
4582
4584
|
`,S1=f.div`
|
|
4583
4585
|
display: flex;
|
|
4584
4586
|
justify-content: space-between;
|
|
4585
4587
|
align-items: center;
|
|
4586
|
-
padding-bottom:
|
|
4588
|
+
padding-bottom: 10px;
|
|
4587
4589
|
border-bottom: 1px solid #2a2a2a;
|
|
4588
|
-
margin-bottom:
|
|
4590
|
+
margin-bottom: 10px;
|
|
4589
4591
|
`,I1=f.h2`
|
|
4590
4592
|
font-size: 16px;
|
|
4591
4593
|
font-weight: 700;
|
|
@@ -4599,15 +4601,15 @@ See https://s-c.sh/2BAXzed for more info.`),window[Za]+=1);const ps=f.div`
|
|
|
4599
4601
|
align-items: center;
|
|
4600
4602
|
justify-content: center;
|
|
4601
4603
|
padding: 4px;
|
|
4602
|
-
|
|
4604
|
+
|
|
4603
4605
|
&:hover {
|
|
4604
4606
|
color: #fff;
|
|
4605
4607
|
}
|
|
4606
4608
|
`,cn=f.div`
|
|
4607
4609
|
display: flex;
|
|
4608
4610
|
align-items: flex-start;
|
|
4609
|
-
margin-bottom:
|
|
4610
|
-
padding-bottom:
|
|
4611
|
+
margin-bottom: 12px;
|
|
4612
|
+
padding-bottom: 12px;
|
|
4611
4613
|
border-bottom: 1px solid #2a2a2a;
|
|
4612
4614
|
align-items: center;
|
|
4613
4615
|
&:last-child {
|
|
@@ -4619,7 +4621,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[Za]+=1);const ps=f.div`
|
|
|
4619
4621
|
width: 65px;
|
|
4620
4622
|
font-size: 14px;
|
|
4621
4623
|
font-weight: 500;
|
|
4622
|
-
color: #
|
|
4624
|
+
color: #e0e0e0c9;
|
|
4623
4625
|
margin-top: 10px;
|
|
4624
4626
|
flex-shrink: 0;
|
|
4625
4627
|
`,mn=f.div`
|
|
@@ -4629,10 +4631,10 @@ See https://s-c.sh/2BAXzed for more info.`),window[Za]+=1);const ps=f.div`
|
|
|
4629
4631
|
align-items: center;
|
|
4630
4632
|
height: fit-content;
|
|
4631
4633
|
`,jr=Xa`
|
|
4632
|
-
box-shadow: 0 0 12px rgba(168, 255, 255, 0.
|
|
4634
|
+
box-shadow: 0 0 12px rgba(168, 255, 255, 0.1);
|
|
4633
4635
|
border: 2px solid #a8ffff;
|
|
4634
4636
|
`,Br=f.button`
|
|
4635
|
-
background-color: #
|
|
4637
|
+
background-color: #242424af;
|
|
4636
4638
|
border: 1px solid transparent;
|
|
4637
4639
|
border-radius: 24px;
|
|
4638
4640
|
color: #fff;
|
|
@@ -4643,23 +4645,23 @@ See https://s-c.sh/2BAXzed for more info.`),window[Za]+=1);const ps=f.div`
|
|
|
4643
4645
|
transition: all 0.2s ease;
|
|
4644
4646
|
|
|
4645
4647
|
&:hover {
|
|
4646
|
-
background-color: #
|
|
4648
|
+
background-color: #333333c9;
|
|
4647
4649
|
}
|
|
4648
4650
|
`,Fa=f(Br)`
|
|
4649
|
-
width:
|
|
4650
|
-
height:
|
|
4651
|
+
width: 30px;
|
|
4652
|
+
height: 30px;
|
|
4651
4653
|
border-radius: 50%;
|
|
4652
4654
|
${e=>e.$highlight&&jr}
|
|
4653
4655
|
`,j1=f.div`
|
|
4654
4656
|
display: flex;
|
|
4655
4657
|
align-items: center;
|
|
4656
|
-
background-color: #
|
|
4658
|
+
background-color: #1e1e1ec9;
|
|
4657
4659
|
border-radius: 24px;
|
|
4658
4660
|
padding: 4px 16px 4px 4px;
|
|
4659
4661
|
flex: 1;
|
|
4660
4662
|
justify-content: space-between;
|
|
4661
4663
|
`,B1=f.div`
|
|
4662
|
-
border: 1px solid #
|
|
4664
|
+
border: 1px solid #333333c9;
|
|
4663
4665
|
border-radius: 24px;
|
|
4664
4666
|
padding: 16px;
|
|
4665
4667
|
display: flex;
|
|
@@ -4672,7 +4674,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[Za]+=1);const ps=f.div`
|
|
|
4672
4674
|
gap: 12px;
|
|
4673
4675
|
align-items: center;
|
|
4674
4676
|
`,Lr=f(Br)`
|
|
4675
|
-
padding:
|
|
4677
|
+
padding: 8px 10px;
|
|
4676
4678
|
font-size: 13px;
|
|
4677
4679
|
font-weight: 500;
|
|
4678
4680
|
flex: 1;
|
|
@@ -4680,12 +4682,12 @@ See https://s-c.sh/2BAXzed for more info.`),window[Za]+=1);const ps=f.div`
|
|
|
4680
4682
|
gap: 12px;
|
|
4681
4683
|
`,q1=f.div`
|
|
4682
4684
|
display: flex;
|
|
4683
|
-
background-color: #
|
|
4685
|
+
background-color: #242424c9;
|
|
4684
4686
|
border-radius: 24px;
|
|
4685
4687
|
height: 40px;
|
|
4686
4688
|
flex: 1;
|
|
4687
4689
|
align-items: center;
|
|
4688
|
-
|
|
4690
|
+
|
|
4689
4691
|
span {
|
|
4690
4692
|
flex: 1;
|
|
4691
4693
|
text-align: center;
|
|
@@ -4696,13 +4698,21 @@ See https://s-c.sh/2BAXzed for more info.`),window[Za]+=1);const ps=f.div`
|
|
|
4696
4698
|
.divider {
|
|
4697
4699
|
width: 1px;
|
|
4698
4700
|
height: 16px;
|
|
4699
|
-
background-color: #
|
|
4701
|
+
background-color: #444444c9;
|
|
4700
4702
|
}
|
|
4701
4703
|
`,F1=f(Lr)`
|
|
4702
4704
|
justify-content: center;
|
|
4703
4705
|
width: 100%;
|
|
4704
4706
|
${jr}
|
|
4705
|
-
|
|
4707
|
+
.full {
|
|
4708
|
+
transform: rotate(90deg);
|
|
4709
|
+
}
|
|
4710
|
+
.expand-icon {
|
|
4711
|
+
display: flex;
|
|
4712
|
+
justify-content: space-around;
|
|
4713
|
+
width: 100%;
|
|
4714
|
+
}
|
|
4715
|
+
`,N1=({onClose:e})=>a.jsxs(T1,{children:[a.jsxs(S1,{children:[a.jsx(I1,{children:"Full Screen View"}),a.jsx(P1,{onClick:e,children:a.jsx(Oe.Close,{})})]}),a.jsxs(cn,{children:[a.jsx(un,{children:"Step 1"}),a.jsxs(mn,{children:[a.jsx(Fa,{children:a.jsx(Oe.LeftArrow,{})}),a.jsxs(j1,{children:[a.jsx(Fa,{$highlight:!0,children:a.jsx(Oe.BrowserTab,{})}),a.jsx(Oe.Refresh,{})]}),a.jsx(Fa,{children:a.jsx(Oe.Dots,{})})]})]}),a.jsxs(cn,{children:[a.jsx(un,{children:"Step 2"}),a.jsx(mn,{children:a.jsxs(B1,{children:[a.jsxs(Lr,{style:{height:"180px"},children:[a.jsx(Oe.Extensions,{}),"Manage Extensions"]}),a.jsxs(L1,{children:[a.jsx(Fa,{style:{width:"40px"},children:a.jsx(Oe.DocumentSearch,{})}),a.jsxs(q1,{children:[a.jsx("span",{style:{fontSize:8},children:"A"}),a.jsx("div",{className:"divider"}),a.jsx("span",{style:{fontSize:14},children:"A"})]}),a.jsx(Fa,{$highlight:!0,children:a.jsx(Oe.Dots,{})})]})]})})]}),a.jsxs(cn,{children:[a.jsx(un,{children:"Step 3"}),a.jsx(mn,{children:a.jsxs(F1,{className:"expand-icon",children:[a.jsx(Oe.Expand,{}),"Hide Toolbar"]})})]})]}),E1="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJCSURBVHgBjVI9bxNBEJ3Z3du9s0MSylROCgokJJKGDmEjIUGFKZAoCRJ1SIdEQfwHSGoUidDRIEFNEbugoSGhoERG9P4S9t3e7t4wZ8dgFCFx0t7uad+7N/PeICw8P15fe65NZT2OKxBXqqB5B71KoC6MIF56hVeens6xWL6+Hl6uJVi9p41+ESdMiqtg4gpKUwWIVpm8zEgxANurw6T3HRtHA/xycGnfGL1j4iomTDJJQkzEiNVESdDLpSKAHyPkfSiy4SCd2IaQQjQLjzeNNkcqUqSURqkUCGkIhAEQMQIVACHj2sJG8LZL4JqKQSijGES5S41KRSCVBpBMkCVRsdoEwU0A8gyC9/3C51yN1mS0XFFRBGeLUGqakmQMrEYQUpoq6pycy9F7T0JJfaJ18iRSUa1UE7xAJjgrk88hZcUMqbCUjdJ6CH4zL/IOXyW73NuAS75R9oZCz0ilIoVZbz4F7xz64PaLUOyt3W+3cZ5L+uFBncs+FqWL0QqCXiLIf06dJDska7NOcvttY44X80Ny601biLh11hv9dtKzIcENWX17cVjE4gdef7nHxEeA6pTLQw6tTyHveJlvJXfedeF/Hvq0e0wfHz/81z3+Bf7c2gHUTSjGNch6q4UdorWTrh2nJ9koa61tt7tzrPpDenaX/3MwddKlZX8UOOjg3FV2c9NJW2fYxvkeC1Xn3njnsHmRt8BBo3ce2RwqvF//drhVO6fIyb9nJy+Cy3kULbrgODtPLgSeFMejFmg0puEc/gvfFxOz+2y5IwAAAABJRU5ErkJggg==",D1=f.div`
|
|
4706
4716
|
position: absolute;
|
|
4707
4717
|
width: 40px;
|
|
4708
4718
|
height: 40px;
|