lyco 1.2.1 → 1.2.3
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 +80 -75
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +112 -107
- package/dist/index.es.js.map +1 -1
- package/dist/types/components/AbsoluteBox.d.ts +7 -11
- package/dist/types/components/Overlay.d.ts +7 -1
- package/dist/types/components/PositionContainer.d.ts +8 -2
- package/dist/types/components/Row.d.ts +5 -1
- package/dist/types/components/RowSplit.d.ts +7 -2
- package/dist/types/components/core.d.ts +59 -0
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));const c=s(require(`lit`));function l(e){return e?typeof e==`function`?e():e:c.html``}function u(e,t){let n=t??(e=>e);if(e===void 0)return c.html``;if(Array.isArray(e))return e.map((e,t)=>n(l(e),t,!0,!1));if(typeof e!=`function`)return n(l(e),void 0,!1,!1);let r=e();return Array.isArray(r)?r.map((e,t)=>n(l(e),t,!0,!1)):n(l(r),void 0,!1,!0)}function d(e){let t=Math.random().toString(36).substring(2,15);return e?`lyco-${e}-${t}`:`lyco-${t}`}function f(e,t){let n=t??(e=>e),r=e=>n(l(e));return e?r(e):r}function p(e,t,n){let r=t??(e=>e),i=e=>r(u(e,n));return e?i(e):i}
|
|
1
|
+
var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));const c=s(require(`lit`));function l(e){return e?typeof e==`function`?e():e:c.html``}function u(e,t){let n=t??(e=>e);if(e===void 0)return c.html``;if(Array.isArray(e))return e.map((e,t)=>n(l(e),t,!0,!1));if(typeof e!=`function`)return n(l(e),void 0,!1,!1);let r=e();return Array.isArray(r)?r.map((e,t)=>n(l(e),t,!0,!1)):n(l(r),void 0,!1,!0)}function d(e){let t=Math.random().toString(36).substring(2,15);return e?`lyco-${e}-${t}`:`lyco-${t}`}function f(e,t){let n=t??(e=>e),r=e=>n(l(e));return e?r(e):r}function p(e,t,n){let r=t??(e=>e),i=e=>r(u(e,n));return e?i(e):i}const m=e=>({init:!1,prefix:e,className:`___LYCO_NULL___`}),h={"GridBreakpoint::grid-breakpoint":m(`grid-breakpoint`),"Hidden::hidden-container":m(`hidden-container`),"ListGroup::list-group":m(`list-group`),"ScrollBar::scrollbar-container":m(`scrollbar-container`),"SkeletonLoader::skeleton-shimmer":m(`skeleton-shimmer`),"Swiper::swiper":m(`swiper`),"Table::table":m(`table`),"WaterFlow::waterflow":m(`waterflow`),"AutoFitGrid::auto-fit-grid":m(`auto-fit-grid`),"GridCol::grid-col":m(`grid-col`),"GridRow::grid-row":m(`grid-row`)};function g(e){let t=h[e];return t.init||(h[e].init=!0,h[e].className=d(t.prefix)),h[e].className===`___LYCO_NULL___`?d(t.prefix):h[e].className}function _(e,t){if(t===void 0){let t=t=>_(e,t??c.html``);return t.html=(t,...n)=>_(e,(0,c.html)(t,...n)),t}let n=e?.fadeBg??`rgba(0,0,0,0.7)`,r=e?.zIndex??2e3;return c.html`
|
|
2
2
|
<div
|
|
3
3
|
style="
|
|
4
4
|
position: fixed;
|
|
@@ -12,7 +12,7 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
12
12
|
>
|
|
13
13
|
${l(t)}
|
|
14
14
|
</div>
|
|
15
|
-
`}function
|
|
15
|
+
`}function v(e,t){return t===void 0?t=>v(e,t??[c.html``]):c.html`
|
|
16
16
|
<div
|
|
17
17
|
style="
|
|
18
18
|
display: flex;
|
|
@@ -22,7 +22,7 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
22
22
|
>
|
|
23
23
|
${u(t)}
|
|
24
24
|
</div>
|
|
25
|
-
`}function
|
|
25
|
+
`}function y(e,t){if(t===void 0){let t=t=>y(e,t??c.html``);return t.html=(t,...n)=>y(e,(0,c.html)(t,...n)),t}let n=e?.direction??`row`;return c.html`
|
|
26
26
|
<div
|
|
27
27
|
style="
|
|
28
28
|
display: flex;
|
|
@@ -34,11 +34,11 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
34
34
|
>
|
|
35
35
|
${l(t)}
|
|
36
36
|
</div>
|
|
37
|
-
`}function
|
|
37
|
+
`}function b(e){return c.html`
|
|
38
38
|
<div style="break-inside: avoid; margin-bottom: 16px;">
|
|
39
39
|
${l(e)}
|
|
40
40
|
</div>
|
|
41
|
-
`}function
|
|
41
|
+
`}function x(e,t){if(t===void 0)return t=>x(e,t??[c.html``]);let n=e?.columns??1;return c.html`
|
|
42
42
|
<div
|
|
43
43
|
style="
|
|
44
44
|
display: grid;
|
|
@@ -48,31 +48,33 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
48
48
|
>
|
|
49
49
|
${u(t)}
|
|
50
50
|
</div>
|
|
51
|
-
`}function
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
>
|
|
59
|
-
${
|
|
60
|
-
</
|
|
61
|
-
|
|
51
|
+
`}function S(e,t){if(t===void 0){let t=t=>S(e,t??c.html``);return t.html=(t,...n)=>S(e,(0,c.html)(t,...n)),t}let n=g(`GridCol::grid-col`),r=e?.gap?`column-gap: ${e.gap};`:``,i=`
|
|
52
|
+
.${n} {
|
|
53
|
+
display: grid;
|
|
54
|
+
grid-auto-flow: column;
|
|
55
|
+
${r}
|
|
56
|
+
}
|
|
57
|
+
`;return c.html`
|
|
58
|
+
<style>
|
|
59
|
+
${i}
|
|
60
|
+
</style>
|
|
61
|
+
<div class="${n}">${l(t)}</div>
|
|
62
|
+
`}function C(e,t){if(t===void 0){let t=t=>C(e,t??c.html``);return t.html=(t,...n)=>C(e,(0,c.html)(t,...n)),t}return c.html`
|
|
62
63
|
<div style="${e?.span?`grid-column: span ${e.span};`:``}">
|
|
63
64
|
${l(t)}
|
|
64
65
|
</div>
|
|
65
|
-
`}function
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
>
|
|
73
|
-
${
|
|
74
|
-
</
|
|
75
|
-
|
|
66
|
+
`}function w(e,t){if(t===void 0){let t=t=>w(e,t??c.html``);return t.html=(t,...n)=>w(e,(0,c.html)(t,...n)),t}let n=g(`GridRow::grid-row`),r=e?.gap?`row-gap: ${e.gap};`:``,i=`
|
|
67
|
+
.${n} {
|
|
68
|
+
display: grid;
|
|
69
|
+
grid-auto-flow: row;
|
|
70
|
+
${r}
|
|
71
|
+
}
|
|
72
|
+
`;return c.html`
|
|
73
|
+
<style>
|
|
74
|
+
${i}
|
|
75
|
+
</style>
|
|
76
|
+
<div class="${n}">${l(t)}</div>
|
|
77
|
+
`}function T(e,t){return t===void 0?t=>T(e,t??[c.html``]):c.html`
|
|
76
78
|
<div
|
|
77
79
|
style="
|
|
78
80
|
display: flex;
|
|
@@ -82,7 +84,7 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
82
84
|
>
|
|
83
85
|
${u(t)}
|
|
84
86
|
</div>
|
|
85
|
-
`}function
|
|
87
|
+
`}function E(e,t){if(t===void 0){let t=t=>E(e,t??c.html``);return t.html=(t,...n)=>E(e,(0,c.html)(t,...n)),t}let n=e?.columnCount??3,r=e?.gap??`16px`,i=g(`WaterFlow::waterflow`);return c.html`
|
|
86
88
|
<style>
|
|
87
89
|
/* 使用 CSS 类来控制多列布局 */
|
|
88
90
|
.${i} {
|
|
@@ -97,7 +99,7 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
97
99
|
</style>
|
|
98
100
|
|
|
99
101
|
<div class="${i}">${l(t)}</div>
|
|
100
|
-
`}
|
|
102
|
+
`}E().html`
|
|
101
103
|
<div>
|
|
102
104
|
<div>1</div>
|
|
103
105
|
<div>2</div>
|
|
@@ -110,7 +112,7 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
110
112
|
<div>9</div>
|
|
111
113
|
<div>10</div>
|
|
112
114
|
</div>
|
|
113
|
-
`;function
|
|
115
|
+
`;function D(e,t){if(t===void 0){let t=t=>D(e,t??c.html``);return t.html=(t,...n)=>D(e,(0,c.html)(t,...n)),t}let n=e?.gap??`0px`,r=e?.firstHeight??`50%`,i=c.html``,a=c.html``;if(typeof t==`function`){var o;let e=(o=t.call)?.call(t,null)??[];i=e[0]??c.html``,a=e[1]??c.html``}else i=l(t);return c.html`
|
|
114
116
|
<div
|
|
115
117
|
style="
|
|
116
118
|
display: flex;
|
|
@@ -123,7 +125,7 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
123
125
|
<div style="flex: 0 0 ${r}; overflow: auto;">${i}</div>
|
|
124
126
|
<div style="flex: 1 1 auto; overflow: auto;">${a}</div>
|
|
125
127
|
</div>
|
|
126
|
-
`}function
|
|
128
|
+
`}function O(e,t){if(t===void 0){let t=t=>O(e,t??c.html``);return t.html=(t,...n)=>O(e,(0,c.html)(t,...n)),t}let n=e?.gap??`0px`,r=e?.firstWidth??`50%`,i=c.html``,a=c.html``;if(typeof t==`function`){var o;let e=(o=t.call)?.call(t,null)??[];i=e[0]??c.html``,a=e[1]??c.html``}else i=l(t);return c.html`
|
|
127
129
|
<div
|
|
128
130
|
style="
|
|
129
131
|
display: flex;
|
|
@@ -136,7 +138,7 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
136
138
|
<div style="flex: 0 0 ${r}; overflow: auto;">${i}</div>
|
|
137
139
|
<div style="flex: 1 1 auto; overflow: auto;">${a}</div>
|
|
138
140
|
</div>
|
|
139
|
-
`}function
|
|
141
|
+
`}function k(e,t){if(t===void 0){let t=t=>k(e,t??c.html``);return t.html=(t,...n)=>k(e,(0,c.html)(t,...n)),t}let n=e?.direction??`vertical`,r=e?.height??`100%`,i=e?.width??`100%`,a=e?.customCss??``,o=e?.className??g(`ScrollBar::scrollbar-container`),s=n===`horizontal`?`overflow-x: auto; overflow-y: hidden`:`overflow-y: auto; overflow-x: hidden`;return c.html`
|
|
140
142
|
<style>
|
|
141
143
|
.${o} {
|
|
142
144
|
${s};
|
|
@@ -157,7 +159,7 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
157
159
|
${a}
|
|
158
160
|
</style>
|
|
159
161
|
<div class="${o}">${l(t)}</div>
|
|
160
|
-
`}function
|
|
162
|
+
`}function A(e,t){if(t===void 0)return t=>A(e,t??[c.html``]);let n=e?.sidebarWidth??`240px`,r=e?.sidebarPosition??`left`,i=e?.gap??`0px`,a=c.html``,o=c.html``;if(typeof t==`function`){var s;let e=(s=t.call)?.call(t,null)??[];a=e[0]??c.html``,o=e[1]??c.html``}else o=u(t);return c.html`
|
|
161
163
|
<div
|
|
162
164
|
style="
|
|
163
165
|
display: flex;
|
|
@@ -170,26 +172,26 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
170
172
|
<div style="flex: 0 0 ${n}; overflow: auto;">${a}</div>
|
|
171
173
|
<div style="flex: 1 1 auto; overflow: auto;">${o}</div>
|
|
172
174
|
</div>
|
|
173
|
-
`}function
|
|
175
|
+
`}function j(e={},t){if(t===void 0)return t=>j(e,t??[c.html``]);let{gap:n=`8px`,snapType:r=`mandatory`,height:i=`auto`,width:a=`100%`,className:o=g(`Swiper::swiper`),direction:s=`x`,scrollBehavior:l=`smooth`,align:u=`start`,showNavigation:d=!0,navigationPosition:f=`inside`,showPagination:p=!0,paginationType:m=`dots`,autoPlay:h=!1,interval:_=3e3,loop:v=!1,touchEnabled:y=!0,mouseWheel:b=!1,onSlideChange:x}=e,S=o,C=S+`-container`,w=S+`-slide`,T=S+`-navigation`,E=S+`-pagination`,D;D=t?typeof t==`function`?t():t:[];let O=D.length,[k,A]=(()=>{let e={value:0};return[()=>e.value,t=>{let n=Math.max(0,Math.min(t,O-1));e.value!==n&&(e.value=n,x?.(n))}]})(),M=e=>{let t=typeof document<`u`?document.querySelector(`.${C}`):null;if(!t)return;let n=t.querySelectorAll(`.${w}`);if(e<0||e>=n.length)return;let r=n[e],i=r.getBoundingClientRect(),a=t.getBoundingClientRect(),o;s===`x`?(o=r.offsetLeft-t.offsetLeft,u===`center`?o-=(a.width-i.width)/2:u===`end`&&(o-=a.width-i.width),t.scrollTo({left:o,behavior:l})):(o=r.offsetTop-t.offsetTop,u===`center`?o-=(a.height-i.height)/2:u===`end`&&(o-=a.height-i.height),t.scrollTo({top:o,behavior:l})),A(e)},N=()=>{let e=k()+1>=O?v?0:k():k()+1;M(e)},P=()=>{let e=k()-1<0?v?O-1:k():k()-1;M(e)},F=()=>{let e=typeof document<`u`?document.querySelector(`.${C}`):null;if(!e)return;let t=e.querySelectorAll(`.${w}`),n=0,r=1/0;t.forEach((t,i)=>{let a=t.getBoundingClientRect(),o=e.getBoundingClientRect(),c;if(s===`x`){let e=a.left+a.width/2-(o.left+o.width/2);c=Math.abs(e)}else{let e=a.top+a.height/2-(o.top+o.height/2);c=Math.abs(e)}c<r&&(r=c,n=i)}),A(n)},I=e=>{if(!y)return;let t=e.touches[0],n=e.currentTarget;n.dataset.touchStartX=t.clientX.toString(),n.dataset.touchStartY=t.clientY.toString()},L=e=>{if(!y)return;let t=e.touches[0],n=e.currentTarget,r=parseFloat(n.dataset.touchStartX||`0`),i=parseFloat(n.dataset.touchStartY||`0`),a=t.clientX-r,o=t.clientY-i;(Math.abs(a)>Math.abs(o)||s===`x`)&&e.preventDefault()},R=e=>{if(!y)return;let t=e.currentTarget,n=parseFloat(t.dataset.touchStartX||`0`),r=parseFloat(t.dataset.touchStartY||`0`);if(!n&&!r)return;let i=e.changedTouches[0],a=i.clientX-n,o=i.clientY-r,c=Math.max(Math.abs(a),Math.abs(o))>30;c&&(s===`x`?a>0?P():N():o>0?P():N()),delete t.dataset.touchStartX,delete t.dataset.touchStartY},z=e=>{b&&(e.preventDefault(),e.deltaY>0?N():P())},B=e=>{if(!h||!e)return;let t,n=()=>{t=setInterval(N,_)},r=()=>{clearInterval(t)};return e.addEventListener(`mouseenter`,r),e.addEventListener(`mouseleave`,n),n(),()=>{clearInterval(t),e.removeEventListener(`mouseenter`,r),e.removeEventListener(`mouseleave`,n)}},V=()=>{let e=typeof document<`u`?document.querySelector(`.${C}`):null;if(!e)return;let t=[];e.addEventListener(`scroll`,F),t.push(()=>e.removeEventListener(`scroll`,F)),y&&(e.addEventListener(`touchstart`,I),e.addEventListener(`touchmove`,L,{passive:!1}),e.addEventListener(`touchend`,R),t.push(()=>e.removeEventListener(`touchstart`,I)),t.push(()=>e.removeEventListener(`touchmove`,L)),t.push(()=>e.removeEventListener(`touchend`,R))),b&&(e.addEventListener(`wheel`,z,{passive:!1}),t.push(()=>e.removeEventListener(`wheel`,z)));let n=B(e);return n&&t.push(n),M(0),()=>t.forEach(e=>e())};typeof window<`u`&&typeof document<`u`&&setTimeout(V,0);let H=c.html`
|
|
174
176
|
<div class="${E}">
|
|
175
|
-
${Array.from({length:
|
|
177
|
+
${Array.from({length:O},(e,t)=>c.html`
|
|
176
178
|
<button
|
|
177
|
-
class="${t===
|
|
179
|
+
class="${t===k()?`active`:``}"
|
|
178
180
|
@click=${()=>M(t)}
|
|
179
181
|
></button>
|
|
180
182
|
`)}
|
|
181
183
|
</div>
|
|
182
184
|
`,U=c.html`
|
|
183
185
|
<div class="${E} fraction">
|
|
184
|
-
<span class="current">${
|
|
186
|
+
<span class="current">${k()+1}</span>
|
|
185
187
|
<span class="separator">/</span>
|
|
186
|
-
<span class="total">${
|
|
188
|
+
<span class="total">${O}</span>
|
|
187
189
|
</div>
|
|
188
190
|
`,W=c.html`
|
|
189
191
|
<div class="${E} progressbar">
|
|
190
192
|
<div
|
|
191
193
|
class="progress"
|
|
192
|
-
style="width: ${
|
|
194
|
+
style="width: ${O>1?k()/(O-1)*100:0}%"
|
|
193
195
|
></div>
|
|
194
196
|
</div>
|
|
195
197
|
`,G=c.html`
|
|
@@ -232,7 +234,7 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
232
234
|
display: flex;
|
|
233
235
|
justify-content: space-between;
|
|
234
236
|
pointer-events: none;
|
|
235
|
-
padding: ${
|
|
237
|
+
padding: ${f===`outside`?`0 1rem`:`0 0.5rem`};
|
|
236
238
|
}
|
|
237
239
|
|
|
238
240
|
.${T} button {
|
|
@@ -314,23 +316,25 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
314
316
|
`)}
|
|
315
317
|
</div>
|
|
316
318
|
|
|
317
|
-
${
|
|
318
|
-
${m
|
|
319
|
-
${m
|
|
320
|
-
${m
|
|
319
|
+
${d?G:null}
|
|
320
|
+
${p&&m===`dots`?H:null}
|
|
321
|
+
${p&&m===`fraction`?U:null}
|
|
322
|
+
${p&&m===`progressbar`?W:null}
|
|
321
323
|
</div>
|
|
322
|
-
`}function
|
|
324
|
+
`}function M(e,t){let n=e?.top?`top: ${e.top};`:``,r=e?.right?`right: ${e.right};`:``,i=e?.bottom?`bottom: ${e.bottom};`:``,a=e?.left?`left: ${e.left};`:``,o=e?.width?`width: ${e.width};`:``,s=e?.height?`height: ${e.height};`:``,u=typeof e?.zIndex==`number`?`z-index: ${e.zIndex};`:``,d=e?.style?e.style:``,p=e?.className?e.className:``,m=e=>c.html`
|
|
323
325
|
<div
|
|
326
|
+
class="${p}"
|
|
324
327
|
style="
|
|
325
328
|
position: absolute;
|
|
326
329
|
${n} ${r} ${i} ${a}
|
|
327
330
|
${o} ${s}
|
|
328
331
|
${u}
|
|
332
|
+
${d}
|
|
329
333
|
"
|
|
330
334
|
>
|
|
331
335
|
${l(e)}
|
|
332
336
|
</div>
|
|
333
|
-
`;return f(t,
|
|
337
|
+
`;return f(t,m)}function N(e,t){let n=e?.width??`300px`,r=e?.height??`auto`,i=e?.top??`20%`,a=e?.bottom??`auto`,o=e?.left??`50%`,s=e?.right??`auto`,l=o===`auto`?``:`transform: translateX(-50%);`,u=e?.background??`rgba(255, 255, 255, 0.3)`,d=e?.blur??`10px`,f=e?.borderRadius??`12px`,m=e?.padding??`16px`,h=e?.zIndex??1e3,g=e=>c.html`
|
|
334
338
|
<div
|
|
335
339
|
style="
|
|
336
340
|
position: fixed;
|
|
@@ -354,7 +358,7 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
354
358
|
>
|
|
355
359
|
${e}
|
|
356
360
|
</div>
|
|
357
|
-
`;return p(t,void 0,g)}function
|
|
361
|
+
`;return p(t,void 0,g)}function P(e,t){if(t===void 0)return t=>P(e,t??[c.html``]);let n=`${100/e.ratio}%`,r=e.maxWidth?`max-width: ${e.maxWidth};`:``,i=e.background?`background: ${e.background};`:``,a=e.overflow??`hidden`;return c.html`
|
|
358
362
|
<div
|
|
359
363
|
style="
|
|
360
364
|
position: relative;
|
|
@@ -377,17 +381,18 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
377
381
|
${u(t)}
|
|
378
382
|
</div>
|
|
379
383
|
</div>
|
|
380
|
-
`}function
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
>
|
|
388
|
-
${
|
|
389
|
-
</
|
|
390
|
-
|
|
384
|
+
`}function F(e,t){if(t===void 0){let t=t=>F(e,t);return t.html=(t,...n)=>F(e,(0,c.html)(t,...n)),t}let n=g(`AutoFitGrid::auto-fit-grid`),r=e?.gap??`16px`,i=`
|
|
385
|
+
.${n} {
|
|
386
|
+
display: grid;
|
|
387
|
+
grid-template-columns: repeat(auto-fit, minmax(${e.minItemWidth}, 1fr));
|
|
388
|
+
gap: ${r};
|
|
389
|
+
}
|
|
390
|
+
`;return c.html`
|
|
391
|
+
<style>
|
|
392
|
+
${i}
|
|
393
|
+
</style>
|
|
394
|
+
<div class="${n}">${l(t)}</div>
|
|
395
|
+
`}function I(e,t){if(t===void 0)return t=>I(e,t??[c.html``]);let n=e?.size??`32px`,r=e?.overlap??`-8px`,i=(e,t)=>c.html`
|
|
391
396
|
<div
|
|
392
397
|
style="
|
|
393
398
|
width: ${n};
|
|
@@ -405,7 +410,7 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
405
410
|
<div style="display: flex; align-items: center;">
|
|
406
411
|
${u(t,i)}
|
|
407
412
|
</div>
|
|
408
|
-
`}function
|
|
413
|
+
`}function L(e,t){if(t===void 0){let t=t=>L(e,t??c.html``);return t.html=(t,...n)=>L(e,(0,c.html)(t,...n)),t}let n=e?.position??`top-right`,r=e?.size??`16px`,i=e?.background??`red`,a=e?.color??`#fff`,[o,s,u,d]=[n.includes(`top`)?`0`:`auto`,n.includes(`right`)?`0`:`auto`,n.includes(`bottom`)?`0`:`auto`,n.includes(`left`)?`0`:`auto`];return c.html`
|
|
409
414
|
<div style="position: relative; display: inline-block;">
|
|
410
415
|
${l(t)}
|
|
411
416
|
<div
|
|
@@ -430,7 +435,7 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
430
435
|
${e?.content??``}
|
|
431
436
|
</div>
|
|
432
437
|
</div>
|
|
433
|
-
`}function
|
|
438
|
+
`}function R(e,t){if(t===void 0)return t=>R(e,t??[c.html``]);let n=e?.padding??`16px`,r=e?.borderRadius??`8px`,i=e?.shadow??`0 2px 8px rgba(0,0,0,0.1)`,a=e?.background??`#fff`;return c.html`
|
|
434
439
|
<div
|
|
435
440
|
style="
|
|
436
441
|
background: ${a};
|
|
@@ -442,7 +447,7 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
442
447
|
>
|
|
443
448
|
${u(t)}
|
|
444
449
|
</div>
|
|
445
|
-
`}function
|
|
450
|
+
`}function z(e,t){if(t===void 0){let t=t=>z(e,t??c.html``);return t.html=(t,...n)=>z(e,(0,c.html)(t,...n)),t}let n=e?.width?`width: ${e.width};`:``,r=e?.height?`height: ${e.height};`:``,i=e?.background?`background: ${e.background};`:``;return c.html`
|
|
446
451
|
<div
|
|
447
452
|
style="
|
|
448
453
|
display: flex;
|
|
@@ -453,7 +458,7 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
453
458
|
>
|
|
454
459
|
${l(t)}
|
|
455
460
|
</div>
|
|
456
|
-
`}function
|
|
461
|
+
`}function B(e,t){if(t===void 0)return t=>B(e,t??[c.html``]);let n=e?.maxWidth??`1024px`,r=e?.padding??`0 16px`,i=e?.background?`background: ${e.background};`:``,a=e?.fullHeight?`height: 100%;`:``;return c.html`
|
|
457
462
|
<div
|
|
458
463
|
style="
|
|
459
464
|
width: 100%;
|
|
@@ -468,7 +473,7 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
468
473
|
>
|
|
469
474
|
${u(t)}
|
|
470
475
|
</div>
|
|
471
|
-
`}function
|
|
476
|
+
`}function V(e){let t=e?.orientation??`horizontal`,n=e?.thickness??`1px`,r=e?.color??`#e0e0e0`,i=e?.margin??(t===`horizontal`?`8px 0`:`0 8px`),a=t===`horizontal`?`width: 100%; height: ${n}; background: ${r}; margin: ${i};`:`width: ${n}; height: 100%; background: ${r}; margin: ${i};`;return c.html`<div style="${a}"></div>`}function H(e,t){if(t===void 0){let t=t=>H(e,t??c.html``);return t.html=(t,...n)=>H(e,(0,c.html)(t,...n)),t}let n=e?.columns??4,r=e?.gap??`24px`,i=e?.background??`#f8f8f8`,a=e?.padding??`40px 16px`;return c.html`
|
|
472
477
|
<div
|
|
473
478
|
style="
|
|
474
479
|
width: 100%;
|
|
@@ -490,7 +495,7 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
490
495
|
© ${new Date().getFullYear()} Your Company. All rights reserved.
|
|
491
496
|
</div>
|
|
492
497
|
</div>
|
|
493
|
-
`}function
|
|
498
|
+
`}function U(e,t){if(t===void 0){let t=t=>U(e,t??c.html``);return t.html=(t,...n)=>U(e,(0,c.html)(t,...n)),t}let n=e.defaultColumns??1,r=e.gap??`16px`,i=e.className??g(`GridBreakpoint::grid-breakpoint`),a=Object.entries(e.breakpoints).map(([e,t])=>`
|
|
494
499
|
@media ${e} {
|
|
495
500
|
.${i} { grid-template-columns: repeat(${t}, 1fr); }
|
|
496
501
|
}
|
|
@@ -505,7 +510,7 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
505
510
|
${a}
|
|
506
511
|
</style>
|
|
507
512
|
<div class="${i}">${l(t)}</div>
|
|
508
|
-
`}function
|
|
513
|
+
`}function W(e,t){if(t===void 0)return t=>W(e,t??[c.html``]);let n=e?.backgroundImage?`background-image: url('${e.backgroundImage}');`:``,r=e?.height??`400px`,i=e?.overlayColor??`rgba(0, 0, 0, 0.3)`;return c.html`
|
|
509
514
|
<div
|
|
510
515
|
style="
|
|
511
516
|
position: relative;
|
|
@@ -542,7 +547,7 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
542
547
|
${u(t)}
|
|
543
548
|
</div>
|
|
544
549
|
</div>
|
|
545
|
-
`}function
|
|
550
|
+
`}function G(e,t){if(t===void 0){let t=t=>G(e,t??c.html``);return t.html=(t,...n)=>G(e,(0,c.html)(t,...n)),t}let n=e?.breakpoint??`(max-width: 600px)`,r=e?.mode??`hide`,i=e?.className??g(`Hidden::hidden-container`),a=r===`hide`?`@media ${n} { .${i} { display: none !important; } }`:`@media ${n} { .${i} { display: block !important; } }
|
|
546
551
|
@media not ${n} { .${i} { display: none !important; } }`;return c.html`
|
|
547
552
|
<style>
|
|
548
553
|
.${i} {
|
|
@@ -551,7 +556,7 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
551
556
|
${a}
|
|
552
557
|
</style>
|
|
553
558
|
<div class="${i}">${l(t)}</div>
|
|
554
|
-
`}function
|
|
559
|
+
`}function K(e,t){let n=e?.bordered?`border: 1px solid #ddd; border-radius: 4px`:``,r=e?.striped?`li:nth-child(even) { background: #f9f9f9; }`:``,i=e?.hover?`li:hover { background: #f1f1f1; cursor: pointer; }`:``,a=e?.className??g(`ListGroup::list-group`),o=(e,t,n,r)=>n?c.html` <li>${e}</li> `:e,s=t=>c.html`
|
|
555
560
|
<style>
|
|
556
561
|
ul.${a} {
|
|
557
562
|
list-style: none;
|
|
@@ -572,7 +577,7 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
572
577
|
<ul class="${a}">
|
|
573
578
|
${u(t,o)}
|
|
574
579
|
</ul>
|
|
575
|
-
`;return p(t,s)}function
|
|
580
|
+
`;return p(t,s)}function q(e,t){if(t===void 0)return t=>q(e,t??[c.html``]);let n=e?.background??`rgba(0, 0, 0, 0.5)`,r=e?.zIndex??1e3,i=e?.fullScreen!==!1;return c.html`
|
|
576
581
|
<div
|
|
577
582
|
style="
|
|
578
583
|
position: ${i?`fixed`:`absolute`};
|
|
@@ -586,7 +591,7 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
586
591
|
>
|
|
587
592
|
${u(t)}
|
|
588
593
|
</div>
|
|
589
|
-
`}function
|
|
594
|
+
`}function J(e,t){if(t===void 0){let t=t=>J(e,t??c.html``);return t.html=(t,...n)=>J(e,(0,c.html)(t,...n)),t}let n=e?.width?`width: ${e.width};`:``,r=e?.height?`height: ${e.height};`:``,i=e?.background?`background: ${e.background};`:``;return c.html`
|
|
590
595
|
<div
|
|
591
596
|
style="
|
|
592
597
|
position: relative;
|
|
@@ -596,7 +601,7 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
596
601
|
>
|
|
597
602
|
${l(t)}
|
|
598
603
|
</div>
|
|
599
|
-
`}function
|
|
604
|
+
`}function Y(e){let t=e?.width?`width: ${e.width};`:``,n=e?.height?`height: ${e.height};`:``;return c.html` <div style="${t} ${n}"></div> `}function ee(e){let t=e?.type??`rect`,n=e?.width??`100%`,r=e?.height??`16px`,i=e?.borderRadius??`4px`,a=e?.animation!==!1,o=e?.className??g(`SkeletonLoader::skeleton-shimmer`),s=t===`circle`?`border-radius: 50%; width: ${n}; height: ${n}`:`border-radius: ${i}; width: ${n}; height: ${r}`;return c.html`
|
|
600
605
|
<style>
|
|
601
606
|
${`
|
|
602
607
|
@keyframes ${o+`-shimmer`} {
|
|
@@ -612,7 +617,7 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
612
617
|
}
|
|
613
618
|
</style>
|
|
614
619
|
<div class="${o}"></div>
|
|
615
|
-
`}function
|
|
620
|
+
`}function te(){return c.html`<div style="flex: 1 1 auto;"></div>`}function X(e,t){if(t===void 0){let t=t=>X(e,t??c.html``);return t.html=(t,...n)=>X(e,(0,c.html)(t,...n)),t}let n=e?.top?`top: ${e.top};`:``,r=e?.bottom?`bottom: ${e.bottom};`:``,i=typeof e?.zIndex==`number`?`z-index: ${e.zIndex};`:``;return c.html`
|
|
616
621
|
<div
|
|
617
622
|
style="
|
|
618
623
|
position: sticky;
|
|
@@ -622,7 +627,7 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
622
627
|
>
|
|
623
628
|
${l(t)}
|
|
624
629
|
</div>
|
|
625
|
-
`}function
|
|
630
|
+
`}function Z(e,t){if(t===void 0){let t=t=>Z(e,t??c.html``);return t.html=(t,...n)=>Z(e,(0,c.html)(t,...n)),t}let n=e?.className??g(`Table::table`),r=e?.striped?`
|
|
626
631
|
.${n} tr:nth-child(even) { background: #f9f9f9; }
|
|
627
632
|
`:``,i=e?.hover?`
|
|
628
633
|
.${n} tr:hover { background: #f1f1f1; }
|
|
@@ -650,7 +655,7 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
650
655
|
${l(t)}
|
|
651
656
|
</table>
|
|
652
657
|
</div>
|
|
653
|
-
`}function
|
|
658
|
+
`}function Q(e,t){let n=e?.direction??`row`;return t===void 0?t=>Q(e,t??c.html``):c.html`
|
|
654
659
|
<div
|
|
655
660
|
style="
|
|
656
661
|
display: flex;
|
|
@@ -663,7 +668,7 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
663
668
|
>
|
|
664
669
|
${u(t)}
|
|
665
670
|
</div>
|
|
666
|
-
`}function
|
|
671
|
+
`}function $(e,t){let n=e?.width?`width: ${e.width};`:``,r=e?.height?`height: ${e.height};`:``,i=e?.background?`background: ${e.background};`:``;if(t===void 0)return t=>$(e,t??[c.html``]);let a=`flex-start`,o=`flex-start`;switch(e?.align){case`top-right`:a=`flex-end`,o=`flex-start`;break;case`center`:a=`center`,o=`center`;break;case`bottom-left`:a=`flex-start`,o=`flex-end`;break;case`bottom-right`:a=`flex-end`,o=`flex-end`;break;default:a=`flex-start`,o=`flex-start`}return c.html`
|
|
667
672
|
<div
|
|
668
673
|
style="
|
|
669
674
|
position: relative;
|
|
@@ -675,5 +680,5 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
|
|
|
675
680
|
>
|
|
676
681
|
${u(t)}
|
|
677
682
|
</div>
|
|
678
|
-
`}exports.AbsoluteBox=
|
|
683
|
+
`}exports.AbsoluteBox=M,exports.AcrylicBar=N,exports.AspectRatio=P,exports.AutoFitGrid=F,exports.AvatarStack=I,exports.Badge=L,exports.Card=R,exports.Center=z,exports.Column=v,exports.ColumnSplit=D,exports.Container=B,exports.Divider=V,exports.Flex=y,exports.FlowItem=b,exports.FooterLayout=H,exports.Grid=x,exports.GridBreakpoint=U,exports.GridCol=S,exports.GridItem=C,exports.GridRow=w,exports.HeroSection=W,exports.Hidden=G,exports.LightboxContainer=_,exports.ListGroup=K,exports.Overlay=q,exports.PositionContainer=J,exports.Row=T,exports.RowSplit=O,exports.ScrollBar=k,exports.SideBarContainer=A,exports.SizedBox=Y,exports.SkeletonLoader=ee,exports.Spacer=te,exports.Sticky=X,exports.Swiper=j,exports.Table=Z,exports.WaterFlow=E,exports.Wrap=Q,exports.ZStack=$;
|
|
679
684
|
//# sourceMappingURL=index.cjs.js.map
|