lyco 1.0.1 → 1.0.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.cjs.js +73 -73
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +85 -85
- package/dist/index.es.js.map +1 -1
- package/dist/types/components/GridBreakpoint.d.ts +1 -0
- package/dist/types/components/Hidden.d.ts +1 -0
- package/dist/types/components/ListGroup.d.ts +1 -0
- package/dist/types/components/ScrollBar.d.ts +1 -0
- package/dist/types/components/SkeletonLoader.d.ts +1 -0
- package/dist/types/components/Swiper.d.ts +1 -0
- package/dist/types/components/Table.d.ts +1 -0
- package/dist/types/components/core.d.ts +1 -0
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{html as e,unsafeCSS as t}from"lit";function n(t){return t?typeof t==`function`?t():t:e``}function r(t,r){let i=r??(e=>e);if(t===void 0)return e``;if(Array.isArray(t))return t.map((e,t)=>i(n(e),t));if(typeof t!=`function`)return i(t);let a=t();return Array.isArray(a)?a.map((e,t)=>i(n(e),t)):i(n(a))}function i(t,r){let i=t?.fadeBg??`rgba(0,0,0,0.7)`,a=t?.zIndex??2e3;return e`
|
|
1
|
+
import{html as e,unsafeCSS as t}from"lit";function n(t){return t?typeof t==`function`?t():t:e``}function r(t,r){let i=r??(e=>e);if(t===void 0)return e``;if(Array.isArray(t))return t.map((e,t)=>i(n(e),t));if(typeof t!=`function`)return i(t);let a=t();return Array.isArray(a)?a.map((e,t)=>i(n(e),t)):i(n(a))}function i(e){let t=Math.random().toString(36).substring(2,15);return e?`lyco-${e}-${t}`:`lyco-${t}`}function a(t,r){let i=t?.fadeBg??`rgba(0,0,0,0.7)`,a=t?.zIndex??2e3;return e`
|
|
2
2
|
<div
|
|
3
3
|
style="
|
|
4
4
|
position: fixed;
|
|
@@ -12,7 +12,7 @@ import{html as e,unsafeCSS as t}from"lit";function n(t){return t?typeof t==`func
|
|
|
12
12
|
>
|
|
13
13
|
${n(r)}
|
|
14
14
|
</div>
|
|
15
|
-
`}function
|
|
15
|
+
`}function o(t,n){return e`
|
|
16
16
|
<div
|
|
17
17
|
style="
|
|
18
18
|
display: flex;
|
|
@@ -22,7 +22,7 @@ import{html as e,unsafeCSS as t}from"lit";function n(t){return t?typeof t==`func
|
|
|
22
22
|
>
|
|
23
23
|
${r(n)}
|
|
24
24
|
</div>
|
|
25
|
-
`}function
|
|
25
|
+
`}function s(t,r){let i=t?.direction??`row`;return e`
|
|
26
26
|
<div
|
|
27
27
|
style="
|
|
28
28
|
display: flex;
|
|
@@ -34,11 +34,11 @@ import{html as e,unsafeCSS as t}from"lit";function n(t){return t?typeof t==`func
|
|
|
34
34
|
>
|
|
35
35
|
${n(r)}
|
|
36
36
|
</div>
|
|
37
|
-
`}function
|
|
37
|
+
`}function c(t,r){return e`
|
|
38
38
|
<div style="break-inside: avoid; margin-bottom: 16px;">
|
|
39
39
|
${n(r)}
|
|
40
40
|
</div>
|
|
41
|
-
`}function
|
|
41
|
+
`}function l(t,n){let i=t?.columns??1;return e`
|
|
42
42
|
<div
|
|
43
43
|
style="
|
|
44
44
|
display: grid;
|
|
@@ -48,7 +48,7 @@ import{html as e,unsafeCSS as t}from"lit";function n(t){return t?typeof t==`func
|
|
|
48
48
|
>
|
|
49
49
|
${r(n)}
|
|
50
50
|
</div>
|
|
51
|
-
`}function
|
|
51
|
+
`}function u(t,r){return e`
|
|
52
52
|
<div
|
|
53
53
|
style="
|
|
54
54
|
display: grid;
|
|
@@ -58,11 +58,11 @@ import{html as e,unsafeCSS as t}from"lit";function n(t){return t?typeof t==`func
|
|
|
58
58
|
>
|
|
59
59
|
${n(r)}
|
|
60
60
|
</div>
|
|
61
|
-
`}function
|
|
61
|
+
`}function d(t,r){return e`
|
|
62
62
|
<div style="${t?.span?`grid-column: span ${t.span};`:``}">
|
|
63
63
|
${n(r)}
|
|
64
64
|
</div>
|
|
65
|
-
`}function
|
|
65
|
+
`}function f(t,r){return e`
|
|
66
66
|
<div
|
|
67
67
|
style="
|
|
68
68
|
display: grid;
|
|
@@ -72,7 +72,7 @@ import{html as e,unsafeCSS as t}from"lit";function n(t){return t?typeof t==`func
|
|
|
72
72
|
>
|
|
73
73
|
${n(r)}
|
|
74
74
|
</div>
|
|
75
|
-
`}function
|
|
75
|
+
`}function p(t,n){return e`
|
|
76
76
|
<div
|
|
77
77
|
style="
|
|
78
78
|
display: flex;
|
|
@@ -82,7 +82,7 @@ import{html as e,unsafeCSS as t}from"lit";function n(t){return t?typeof t==`func
|
|
|
82
82
|
>
|
|
83
83
|
${r(n)}
|
|
84
84
|
</div>
|
|
85
|
-
`}function
|
|
85
|
+
`}function m(t,r){let i=t?.columnCount??3,a=t?.gap??`16px`;return e`
|
|
86
86
|
<div
|
|
87
87
|
style="
|
|
88
88
|
column-count: ${i};
|
|
@@ -91,7 +91,7 @@ import{html as e,unsafeCSS as t}from"lit";function n(t){return t?typeof t==`func
|
|
|
91
91
|
>
|
|
92
92
|
${n(r)}
|
|
93
93
|
</div>
|
|
94
|
-
`}function
|
|
94
|
+
`}function h(t,r){let i=t?.gap??`0px`,a=t?.firstHeight??`50%`,o=e``,s=e``;if(typeof r==`function`){var c;let t=(c=r.call)?.call(r,null)??[];o=t[0]??e``,s=t[1]??e``}else o=n(r);return e`
|
|
95
95
|
<div
|
|
96
96
|
style="
|
|
97
97
|
display: flex;
|
|
@@ -104,7 +104,7 @@ import{html as e,unsafeCSS as t}from"lit";function n(t){return t?typeof t==`func
|
|
|
104
104
|
<div style="flex: 0 0 ${a}; overflow: auto;">${o}</div>
|
|
105
105
|
<div style="flex: 1 1 auto; overflow: auto;">${s}</div>
|
|
106
106
|
</div>
|
|
107
|
-
`}function
|
|
107
|
+
`}function g(t,r){let i=t?.gap??`0px`,a=t?.firstWidth??`50%`,o=e``,s=e``;if(typeof r==`function`){var c;let t=(c=r.call)?.call(r,null)??[];o=t[0]??e``,s=t[1]??e``}else o=n(r);return e`
|
|
108
108
|
<div
|
|
109
109
|
style="
|
|
110
110
|
display: flex;
|
|
@@ -117,28 +117,28 @@ import{html as e,unsafeCSS as t}from"lit";function n(t){return t?typeof t==`func
|
|
|
117
117
|
<div style="flex: 0 0 ${a}; overflow: auto;">${o}</div>
|
|
118
118
|
<div style="flex: 1 1 auto; overflow: auto;">${s}</div>
|
|
119
119
|
</div>
|
|
120
|
-
`}function
|
|
120
|
+
`}function _(t,r){let a=t?.direction??`vertical`,o=t?.height??`100%`,s=t?.width??`100%`,c=t?.customCss??``,l=t?.className??i(`scrollbar-container`),u=a===`horizontal`?`overflow-x: auto; overflow-y: hidden`:`overflow-y: auto; overflow-x: hidden`;return e`
|
|
121
121
|
<style>
|
|
122
|
-
|
|
123
|
-
${
|
|
124
|
-
width: ${
|
|
125
|
-
height: ${
|
|
122
|
+
.${l} {
|
|
123
|
+
${u};
|
|
124
|
+
width: ${s};
|
|
125
|
+
height: ${o};
|
|
126
126
|
}
|
|
127
|
-
|
|
127
|
+
.${l}::-webkit-scrollbar {
|
|
128
128
|
width: 8px;
|
|
129
129
|
height: 8px;
|
|
130
130
|
}
|
|
131
|
-
|
|
131
|
+
.${l}::-webkit-scrollbar-thumb {
|
|
132
132
|
background-color: rgba(0, 0, 0, 0.2);
|
|
133
133
|
border-radius: 4px;
|
|
134
134
|
}
|
|
135
|
-
|
|
135
|
+
.${l}::-webkit-scrollbar-track {
|
|
136
136
|
background: rgba(0, 0, 0, 0.05);
|
|
137
137
|
}
|
|
138
|
-
${
|
|
138
|
+
${c}
|
|
139
139
|
</style>
|
|
140
|
-
<div class="
|
|
141
|
-
`}function
|
|
140
|
+
<div class="${l}">${n(r)}</div>
|
|
141
|
+
`}function v(t,n){let i=t?.sidebarWidth??`240px`,a=t?.sidebarPosition??`left`,o=t?.gap??`0px`,s=e``,c=e``;if(typeof n==`function`){var l;let t=(l=n.call)?.call(n,null)??[];s=t[0]??e``,c=t[1]??e``}else c=r(n);return e`
|
|
142
142
|
<div
|
|
143
143
|
style="
|
|
144
144
|
display: flex;
|
|
@@ -151,27 +151,27 @@ import{html as e,unsafeCSS as t}from"lit";function n(t){return t?typeof t==`func
|
|
|
151
151
|
<div style="flex: 0 0 ${i}; overflow: auto;">${s}</div>
|
|
152
152
|
<div style="flex: 1 1 auto; overflow: auto;">${c}</div>
|
|
153
153
|
</div>
|
|
154
|
-
`}function
|
|
154
|
+
`}function y(n,r){var a;let o=n?.gap??`8px`,s=n?.snapType??`mandatory`,c=n?.height??`auto`,l=n?.width??`100%`,u=n?.className??i(`swiper`),d=u+`-container`,f=u+`-slide`,p=[];return typeof r==`function`?p=(a=r.call)?.call(r,null)??[]:r&&(p=[r]),e`
|
|
155
155
|
<style>
|
|
156
|
-
|
|
157
|
-
width: ${
|
|
158
|
-
height: ${
|
|
156
|
+
.${d} {
|
|
157
|
+
width: ${l};
|
|
158
|
+
height: ${c};
|
|
159
159
|
overflow-x: auto;
|
|
160
160
|
overflow-y: hidden;
|
|
161
161
|
display: flex;
|
|
162
|
-
scroll-snap-type: x ${
|
|
162
|
+
scroll-snap-type: x ${s};
|
|
163
163
|
-webkit-overflow-scrolling: touch;
|
|
164
|
-
gap: ${t(
|
|
164
|
+
gap: ${t(o)};
|
|
165
165
|
}
|
|
166
|
-
|
|
166
|
+
.${f} {
|
|
167
167
|
scroll-snap-align: start;
|
|
168
168
|
flex-shrink: 0;
|
|
169
169
|
}
|
|
170
170
|
</style>
|
|
171
|
-
<div class="
|
|
172
|
-
${
|
|
171
|
+
<div class="${d}">
|
|
172
|
+
${p.map(t=>e` <div class="${f}">${t}</div> `)}
|
|
173
173
|
</div>
|
|
174
|
-
`}function
|
|
174
|
+
`}function b(t,r){let i=t?.top?`top: ${t.top};`:``,a=t?.right?`right: ${t.right};`:``,o=t?.bottom?`bottom: ${t.bottom};`:``,s=t?.left?`left: ${t.left};`:``,c=t?.width?`width: ${t.width};`:``,l=t?.height?`height: ${t.height};`:``,u=typeof t?.zIndex==`number`?`z-index: ${t.zIndex};`:``;return e`
|
|
175
175
|
<div
|
|
176
176
|
style="
|
|
177
177
|
position: absolute;
|
|
@@ -182,7 +182,7 @@ import{html as e,unsafeCSS as t}from"lit";function n(t){return t?typeof t==`func
|
|
|
182
182
|
>
|
|
183
183
|
${n(r)}
|
|
184
184
|
</div>
|
|
185
|
-
`}function
|
|
185
|
+
`}function x(t,n){let i=t?.width??`300px`,a=t?.height??`auto`,o=t?.top??`20%`,s=t?.bottom??`auto`,c=t?.left??`50%`,l=t?.right??`auto`,u=c===`auto`?``:`transform: translateX(-50%);`,d=t?.background??`rgba(255, 255, 255, 0.3)`,f=t?.blur??`10px`,p=t?.borderRadius??`12px`,m=t?.padding??`16px`,h=t?.zIndex??1e3;return e`
|
|
186
186
|
<div
|
|
187
187
|
style="
|
|
188
188
|
position: fixed;
|
|
@@ -206,7 +206,7 @@ import{html as e,unsafeCSS as t}from"lit";function n(t){return t?typeof t==`func
|
|
|
206
206
|
>
|
|
207
207
|
${r(n)}
|
|
208
208
|
</div>
|
|
209
|
-
`}function
|
|
209
|
+
`}function S(t,n){let i=`${100/t.ratio}%`,a=t.maxWidth?`max-width: ${t.maxWidth};`:``,o=t.background?`background: ${t.background};`:``,s=t.overflow??`hidden`;return e`
|
|
210
210
|
<div
|
|
211
211
|
style="
|
|
212
212
|
position: relative;
|
|
@@ -229,7 +229,7 @@ import{html as e,unsafeCSS as t}from"lit";function n(t){return t?typeof t==`func
|
|
|
229
229
|
${r(n)}
|
|
230
230
|
</div>
|
|
231
231
|
</div>
|
|
232
|
-
`}function
|
|
232
|
+
`}function C(t,r){let i=t?.gap??`16px`;return e`
|
|
233
233
|
<div
|
|
234
234
|
style="
|
|
235
235
|
display: grid;
|
|
@@ -239,7 +239,7 @@ import{html as e,unsafeCSS as t}from"lit";function n(t){return t?typeof t==`func
|
|
|
239
239
|
>
|
|
240
240
|
${n(r)}
|
|
241
241
|
</div>
|
|
242
|
-
`}function
|
|
242
|
+
`}function w(t,n){let i=t?.size??`32px`,a=t?.overlap??`-8px`,o=(t,n)=>e`
|
|
243
243
|
<div
|
|
244
244
|
style="
|
|
245
245
|
width: ${i};
|
|
@@ -257,7 +257,7 @@ import{html as e,unsafeCSS as t}from"lit";function n(t){return t?typeof t==`func
|
|
|
257
257
|
<div style="display: flex; align-items: center;">
|
|
258
258
|
${r(n,o)}
|
|
259
259
|
</div>
|
|
260
|
-
`}function
|
|
260
|
+
`}function T(t,r){let i=t?.position??`top-right`,a=t?.size??`16px`,o=t?.background??`red`,s=t?.color??`#fff`,[c,l,u,d]=[i.includes(`top`)?`0`:`auto`,i.includes(`right`)?`0`:`auto`,i.includes(`bottom`)?`0`:`auto`,i.includes(`left`)?`0`:`auto`];return e`
|
|
261
261
|
<div style="position: relative; display: inline-block;">
|
|
262
262
|
${n(r)}
|
|
263
263
|
<div
|
|
@@ -282,7 +282,7 @@ import{html as e,unsafeCSS as t}from"lit";function n(t){return t?typeof t==`func
|
|
|
282
282
|
${t?.content??``}
|
|
283
283
|
</div>
|
|
284
284
|
</div>
|
|
285
|
-
`}function
|
|
285
|
+
`}function E(t,n){let i=t?.padding??`16px`,a=t?.borderRadius??`8px`,o=t?.shadow??`0 2px 8px rgba(0,0,0,0.1)`,s=t?.background??`#fff`;return e`
|
|
286
286
|
<div
|
|
287
287
|
style="
|
|
288
288
|
background: ${s};
|
|
@@ -294,7 +294,7 @@ import{html as e,unsafeCSS as t}from"lit";function n(t){return t?typeof t==`func
|
|
|
294
294
|
>
|
|
295
295
|
${r(n)}
|
|
296
296
|
</div>
|
|
297
|
-
`}function
|
|
297
|
+
`}function D(t,r){let i=t?.width?`width: ${t.width};`:``,a=t?.height?`height: ${t.height};`:``,o=t?.background?`background: ${t.background};`:``;return e`
|
|
298
298
|
<div
|
|
299
299
|
style="
|
|
300
300
|
display: flex;
|
|
@@ -305,7 +305,7 @@ import{html as e,unsafeCSS as t}from"lit";function n(t){return t?typeof t==`func
|
|
|
305
305
|
>
|
|
306
306
|
${n(r)}
|
|
307
307
|
</div>
|
|
308
|
-
`}function
|
|
308
|
+
`}function O(t,n){let i=t?.maxWidth??`1024px`,a=t?.padding??`0 16px`,o=t?.background?`background: ${t.background};`:``,s=t?.fullHeight?`height: 100%;`:``;return e`
|
|
309
309
|
<div
|
|
310
310
|
style="
|
|
311
311
|
width: 100%;
|
|
@@ -320,7 +320,7 @@ import{html as e,unsafeCSS as t}from"lit";function n(t){return t?typeof t==`func
|
|
|
320
320
|
>
|
|
321
321
|
${r(n)}
|
|
322
322
|
</div>
|
|
323
|
-
`}function
|
|
323
|
+
`}function k(t){let n=t?.orientation??`horizontal`,r=t?.thickness??`1px`,i=t?.color??`#e0e0e0`,a=t?.margin??(n===`horizontal`?`8px 0`:`0 8px`),o=n===`horizontal`?`width: 100%; height: ${r}; background: ${i}; margin: ${a};`:`width: ${r}; height: 100%; background: ${i}; margin: ${a};`;return e`<div style="${o}"></div>`}function A(t,r){let i=t?.columns??4,a=t?.gap??`24px`,o=t?.background??`#f8f8f8`,s=t?.padding??`40px 16px`;return e`
|
|
324
324
|
<div
|
|
325
325
|
style="
|
|
326
326
|
width: 100%;
|
|
@@ -342,22 +342,22 @@ import{html as e,unsafeCSS as t}from"lit";function n(t){return t?typeof t==`func
|
|
|
342
342
|
© ${new Date().getFullYear()} Your Company. All rights reserved.
|
|
343
343
|
</div>
|
|
344
344
|
</div>
|
|
345
|
-
`}function
|
|
345
|
+
`}function j(t,r){let a=t.defaultColumns??1,o=t.gap??`16px`,s=t.className??i(`grid-breakpoint`),c=Object.entries(t.breakpoints).map(([e,t])=>`
|
|
346
346
|
@media ${e} {
|
|
347
|
-
|
|
347
|
+
.${s} { grid-template-columns: repeat(${t}, 1fr); }
|
|
348
348
|
}
|
|
349
349
|
`).join(`
|
|
350
350
|
`);return e`
|
|
351
351
|
<style>
|
|
352
|
-
|
|
352
|
+
.${s} {
|
|
353
353
|
display: grid;
|
|
354
|
-
grid-template-columns: repeat(${
|
|
355
|
-
gap: ${
|
|
354
|
+
grid-template-columns: repeat(${a}, 1fr);
|
|
355
|
+
gap: ${o};
|
|
356
356
|
}
|
|
357
|
-
${
|
|
357
|
+
${c}
|
|
358
358
|
</style>
|
|
359
|
-
<div class="
|
|
360
|
-
`}function
|
|
359
|
+
<div class="${s}">${n(r)}</div>
|
|
360
|
+
`}function M(t,n){let i=t?.backgroundImage?`background-image: url('${t.backgroundImage}');`:``,a=t?.height??`400px`,o=t?.overlayColor??`rgba(0, 0, 0, 0.3)`;return e`
|
|
361
361
|
<div
|
|
362
362
|
style="
|
|
363
363
|
position: relative;
|
|
@@ -394,37 +394,37 @@ import{html as e,unsafeCSS as t}from"lit";function n(t){return t?typeof t==`func
|
|
|
394
394
|
${r(n)}
|
|
395
395
|
</div>
|
|
396
396
|
</div>
|
|
397
|
-
`}function
|
|
398
|
-
@media not ${
|
|
397
|
+
`}function N(t,r){let a=t?.breakpoint??`(max-width: 600px)`,o=t?.mode??`hide`,s=t?.className??i(`hidden-container`),c=o===`hide`?`@media ${a} { .${s} { display: none !important; } }`:`@media ${a} { .${s} { display: block !important; } }
|
|
398
|
+
@media not ${a} { .${s} { display: none !important; } }`;return e`
|
|
399
399
|
<style>
|
|
400
|
-
|
|
400
|
+
.${s} {
|
|
401
401
|
display: block;
|
|
402
402
|
}
|
|
403
|
-
${
|
|
403
|
+
${c}
|
|
404
404
|
</style>
|
|
405
|
-
<div class="
|
|
406
|
-
`}function
|
|
405
|
+
<div class="${s}">${n(r)}</div>
|
|
406
|
+
`}function P(t,r){let a=t?.bordered?`border: 1px solid #ddd; border-radius: 4px`:``,o=t?.striped?`li:nth-child(even) { background: #f9f9f9; }`:``,s=t?.hover?`li:hover { background: #f1f1f1; cursor: pointer; }`:``,c=t?.className??i(`list-group`);return e`
|
|
407
407
|
<style>
|
|
408
|
-
ul
|
|
408
|
+
ul.${c} {
|
|
409
409
|
list-style: none;
|
|
410
410
|
margin: 0;
|
|
411
411
|
padding: 0;
|
|
412
|
-
${
|
|
412
|
+
${a};
|
|
413
413
|
}
|
|
414
|
-
ul
|
|
414
|
+
ul.${c} li {
|
|
415
415
|
padding: 12px 16px;
|
|
416
416
|
${t?.bordered?`border-bottom: 1px solid #ddd`:``};
|
|
417
417
|
}
|
|
418
|
-
ul
|
|
418
|
+
ul.${c} li:last-child {
|
|
419
419
|
${t?.bordered?`border-bottom: none`:``};
|
|
420
420
|
}
|
|
421
|
-
${a}
|
|
422
421
|
${o}
|
|
422
|
+
${s}
|
|
423
423
|
</style>
|
|
424
|
-
<ul class="
|
|
424
|
+
<ul class="${c}">
|
|
425
425
|
${n(r)}
|
|
426
426
|
</ul>
|
|
427
|
-
`}function
|
|
427
|
+
`}function F(t,n){let i=t?.background??`rgba(0, 0, 0, 0.5)`,a=t?.zIndex??1e3,o=t?.fullScreen!==!1;return e`
|
|
428
428
|
<div
|
|
429
429
|
style="
|
|
430
430
|
position: ${o?`fixed`:`absolute`};
|
|
@@ -438,7 +438,7 @@ import{html as e,unsafeCSS as t}from"lit";function n(t){return t?typeof t==`func
|
|
|
438
438
|
>
|
|
439
439
|
${r(n)}
|
|
440
440
|
</div>
|
|
441
|
-
`}function
|
|
441
|
+
`}function I(t,r){let i=t?.width?`width: ${t.width};`:``,a=t?.height?`height: ${t.height};`:``,o=t?.background?`background: ${t.background};`:``;return e`
|
|
442
442
|
<div
|
|
443
443
|
style="
|
|
444
444
|
position: relative;
|
|
@@ -448,23 +448,23 @@ import{html as e,unsafeCSS as t}from"lit";function n(t){return t?typeof t==`func
|
|
|
448
448
|
>
|
|
449
449
|
${n(r)}
|
|
450
450
|
</div>
|
|
451
|
-
`}function
|
|
451
|
+
`}function L(t){let n=t?.width?`width: ${t.width};`:``,r=t?.height?`height: ${t.height};`:``;return e` <div style="${n} ${r}"></div> `}function R(t){let n=t?.type??`rect`,r=t?.width??`100%`,a=t?.height??`16px`,o=t?.borderRadius??`4px`,s=t?.animation!==!1,c=t?.className??i(`skeleton-shimmer`),l=n===`circle`?`border-radius: 50%; width: ${r}; height: ${r}`:`border-radius: ${o}; width: ${r}; height: ${a}`;return e`
|
|
452
452
|
<style>
|
|
453
453
|
${`
|
|
454
|
-
@keyframes
|
|
454
|
+
@keyframes ${c+`-shimmer`} {
|
|
455
455
|
0% { background-color: #eee; }
|
|
456
456
|
50% { background-color: #ddd; }
|
|
457
457
|
100% { background-color: #eee; }
|
|
458
458
|
}
|
|
459
459
|
`}
|
|
460
|
-
|
|
461
|
-
${
|
|
460
|
+
.${c} {
|
|
461
|
+
${l};
|
|
462
462
|
background-color: #eee;
|
|
463
|
-
${
|
|
463
|
+
${s?`animation: ${c+`-shimmer`} 1.2s infinite ease-in-out`:``};
|
|
464
464
|
}
|
|
465
465
|
</style>
|
|
466
|
-
<div class="
|
|
467
|
-
`}function
|
|
466
|
+
<div class="${c}"></div>
|
|
467
|
+
`}function z(){return e`<div style="flex: 1 1 auto;"></div>`}function B(t,r){let i=t?.top?`top: ${t.top};`:``,a=t?.bottom?`bottom: ${t.bottom};`:``,o=typeof t?.zIndex==`number`?`z-index: ${t.zIndex};`:``;return e`
|
|
468
468
|
<div
|
|
469
469
|
style="
|
|
470
470
|
position: sticky;
|
|
@@ -474,30 +474,30 @@ import{html as e,unsafeCSS as t}from"lit";function n(t){return t?typeof t==`func
|
|
|
474
474
|
>
|
|
475
475
|
${n(r)}
|
|
476
476
|
</div>
|
|
477
|
-
`}function
|
|
478
|
-
tr:nth-child(even) { background: #f9f9f9; }
|
|
479
|
-
`:``,
|
|
480
|
-
tr:hover { background: #f1f1f1; }
|
|
481
|
-
`:``,
|
|
482
|
-
table, th, td { border: 1px solid #ddd; }
|
|
477
|
+
`}function V(t,r){let a=t?.className??i(`table`),o=t?.striped?`
|
|
478
|
+
.${a} tr:nth-child(even) { background: #f9f9f9; }
|
|
479
|
+
`:``,s=t?.hover?`
|
|
480
|
+
.${a} tr:hover { background: #f1f1f1; }
|
|
481
|
+
`:``,c=t?.bordered?`
|
|
482
|
+
.${a} table, .${a} th, .${a} td { border: 1px solid #ddd; }
|
|
483
483
|
`:``;return e`
|
|
484
484
|
<style>
|
|
485
|
-
table {
|
|
485
|
+
.${a} table {
|
|
486
486
|
width: 100%;
|
|
487
487
|
border-collapse: collapse;
|
|
488
488
|
}
|
|
489
|
-
th, td {
|
|
489
|
+
.${a} th, .${a} td {
|
|
490
490
|
padding: 8px 12px;
|
|
491
491
|
text-align: left;
|
|
492
492
|
}
|
|
493
|
-
${i}
|
|
494
|
-
${a}
|
|
495
493
|
${o}
|
|
494
|
+
${s}
|
|
495
|
+
${c}
|
|
496
496
|
</style>
|
|
497
|
-
<table>
|
|
497
|
+
<table class="table">
|
|
498
498
|
${n(r)}
|
|
499
499
|
</table>
|
|
500
|
-
`}function
|
|
500
|
+
`}function H(t,n){let i=t?.direction??`row`;return e`
|
|
501
501
|
<div
|
|
502
502
|
style="
|
|
503
503
|
display: flex;
|
|
@@ -510,7 +510,7 @@ import{html as e,unsafeCSS as t}from"lit";function n(t){return t?typeof t==`func
|
|
|
510
510
|
>
|
|
511
511
|
${r(n)}
|
|
512
512
|
</div>
|
|
513
|
-
`}function
|
|
513
|
+
`}function U(t,n){let i=t?.width?`width: ${t.width};`:``,a=t?.height?`height: ${t.height};`:``,o=t?.background?`background: ${t.background};`:``,s=`flex-start`,c=`flex-start`;switch(t?.align){case`top-right`:s=`flex-end`,c=`flex-start`;break;case`center`:s=`center`,c=`center`;break;case`bottom-left`:s=`flex-start`,c=`flex-end`;break;case`bottom-right`:s=`flex-end`,c=`flex-end`;break;default:s=`flex-start`,c=`flex-start`}return e`
|
|
514
514
|
<div
|
|
515
515
|
style="
|
|
516
516
|
position: relative;
|
|
@@ -522,5 +522,5 @@ import{html as e,unsafeCSS as t}from"lit";function n(t){return t?typeof t==`func
|
|
|
522
522
|
>
|
|
523
523
|
${r(n)}
|
|
524
524
|
</div>
|
|
525
|
-
`}export{
|
|
525
|
+
`}export{b as AbsoluteBox,x as AcrylicBar,S as AspectRatio,C as AutoFitGrid,w as AvatarStack,T as Badge,E as Card,D as Center,o as Column,h as ColumnSplit,O as Container,k as Divider,s as Flex,c as FlowItem,A as FooterLayout,l as Grid,j as GridBreakpoint,u as GridCol,d as GridItem,f as GridRow,M as HeroSection,N as Hidden,a as LightboxContainer,P as ListGroup,F as Overlay,I as PositionContainer,p as Row,g as RowSplit,_ as ScrollBar,v as SideBarContainer,L as SizedBox,R as SkeletonLoader,z as Spacer,B as Sticky,y as Swiper,V as Table,m as WaterFlow,H as Wrap,U as ZStack};
|
|
526
526
|
//# sourceMappingURL=index.es.js.map
|