@vielzeug/refine 1.1.1 → 1.1.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/custom-elements.json +5445 -5445
- package/dist/ore/dist/props.cjs +1 -1
- package/dist/ore/dist/props.cjs.map +1 -1
- package/dist/ore/dist/props.js +2 -2
- package/dist/ore/dist/props.js.map +1 -1
- package/dist/refine.cjs +130 -130
- package/dist/refine.cjs.map +1 -1
- package/dist/refine.iife.js +130 -130
- package/dist/refine.iife.js.map +1 -1
- package/dist/refine.js +115 -115
- package/dist/refine.js.map +1 -1
- package/package.json +1 -1
package/dist/refine.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import{createContext as e,createStableId as t,css as n,define as r,html as i,inject as a,prop as o,ref as s,useField as c}from"@vielzeug/ore";import{computed as l,effect as u,isReactive as d,onCleanup as f,signal as p,untrack as m,watch as h}from"@vielzeug/ripple";import*as g from"lucide";import{autoUpdate as _,computePosition as v,flip as y,offset as b,shift as x,size as S}from"@vielzeug/orbit";import{clamp as C,debounce as w,uuid as T}from"@vielzeug/arsenal";import{Temporal as E,format as D,parsePlainDate as O}from"@vielzeug/tempo";import{createDropZone as k,matchesAccept as A}from"@vielzeug/dnd";var j=!globalThis.__ORE_PROD__;function M(e){j&&console.warn(`[@vielzeug/ore] ${e}`)}var N=e=>{let t=Symbol.for(e);return{is:e=>typeof e==`object`&&!!e&&t in e,stamp:e=>Object.assign(e,{[t]:!0})}},P=N(`ore:directive`),F=e=>P.stamp({mount:e});P.is,N(`ore:spread`).is;var I=N(`ore:html-result`).is,L=e=>{for(let t=e.length-1;t>=0;t--)e[t]()},R=e=>{for(let t of e)t.remove()}
|
|
1
|
+
import{createContext as e,createStableId as t,css as n,define as r,html as i,inject as a,prop as o,ref as s,useField as c}from"@vielzeug/ore";import{computed as l,effect as u,isReactive as d,onCleanup as f,signal as p,untrack as m,watch as h}from"@vielzeug/ripple";import*as g from"lucide";import{autoUpdate as _,computePosition as v,flip as y,offset as b,shift as x,size as S}from"@vielzeug/orbit";import{clamp as C,debounce as w,uuid as T}from"@vielzeug/arsenal";import{Temporal as E,format as D,parsePlainDate as O}from"@vielzeug/tempo";import{createDropZone as k,matchesAccept as A}from"@vielzeug/dnd";var j=!globalThis.__ORE_PROD__;function M(e){j&&console.warn(`[@vielzeug/ore] ${e}`)}var N=e=>{let t=Symbol.for(e);return{is:e=>typeof e==`object`&&!!e&&t in e,stamp:e=>Object.assign(e,{[t]:!0})}},P=N(`ore:directive`),F=e=>P.stamp({mount:e});P.is,N(`ore:spread`).is;var I=N(`ore:html-result`).is,L=e=>{for(let t=e.length-1;t>=0;t--)e[t]()},R=e=>{for(let t of e)t.remove()},z=e=>e.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),ee=new WeakSet,B=e=>(ee.add(e),e),te=!1,V=e=>(e&&!te&&(te=!0,M(`raw() was called without a sanitizer registered. Passing user-supplied HTML directly to raw() is an XSS risk. Register a sanitizer with setRawSanitizer() — e.g. setRawSanitizer(DOMPURIFY.sanitize).`)),e),ne=(e,t,n)=>{let r=document.createElement(`template`);r.innerHTML=e;let i=Array.from(r.content.cloneNode(!0).childNodes);for(let e of i)t.insertBefore(e,n);return i};function re(e){if(typeof e==`function`){let t=l(e);return F((e,n)=>{n(()=>t.dispose()),re(t).mount(e,n)})}return F((t,n)=>{let r=t.parentNode,i=document.createComment(`raw/end`);if(r.insertBefore(i,t.nextSibling),d(e)){let t=[],a=e,o=u(()=>{R(t),t=ne(V(a.value),r,i)});n(()=>o.dispose()),n(()=>{R(t),i.remove()})}else ne(V(e),r,i),n(()=>i.remove())})}var H=e=>{let t=typeof e==`function`?e():d(e)?e.value:e;return t==null||t===!1?``:String(t).replace(/[;{}]/g,``)},ie=/[;{}]/g,U=e=>l(()=>{let t=[];for(let[n,r]of Object.entries(e)){let e=H(r);if(!e)continue;let i=z(n).replace(ie,``);i&&t.push(`${i}:${e}`)}return t.join(`;`)}),ae=(e,t,n,r)=>e.mount(t,n,r);function oe(e,t,n){return typeof e!=`function`&&!d(e)?F((r,i)=>{let a=e?t():n?n():null;if(!a||!I(a))return;let o=r.parentNode,s=ae(a,o,r,i);i(()=>R(s))}):F((r,i)=>{let a=typeof e==`function`?l(e):null,o=a??e;a&&i(()=>a.dispose());let s=r.parentNode,c=document.createComment(`when/end`);s.insertBefore(c,r.nextSibling);let d=[],f=[],p=u(()=>{let e=o.value;L(f),R(d),f=[],d=[];let r=e?t():n?n():null;if(!r||!I(r))return;let i=[];d=m(()=>ae(r,s,c,e=>i.push(e))),f=i});i(()=>p.dispose()),i(()=>{L(f),R(d),c.remove()})})}var se=`@layer refine.base{:host{--_bg:var(--code-window-bg,var(--color-canvas));--_header-bg:var(--code-window-header-bg,var(--color-contrast-100));--_border-color:var(--code-window-border-color,var(--color-contrast-300));--_radius:var(--code-window-radius,var(--rounded-lg));--_shadow:var(--code-window-shadow,var(--shadow-sm));--_body-padding:var(--code-window-body-padding,var(--size-5) var(--size-6));display:block}.window{background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);overflow:hidden}.header{gap:var(--size-1-5);padding:var(--size-3) var(--size-5);background:var(--_header-bg);border-bottom:var(--border) solid var(--_border-color);transition:background var(--transition-normal);align-items:center;display:flex;overflow:hidden}.lang{padding:2px var(--size-1-5);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--font-semibold);color:var(--color-primary);letter-spacing:.03em;background:var(--color-primary-backdrop);border:var(--border) solid #a18fe233;border-radius:var(--rounded-sm);flex-shrink:0}@supports (color:lab(0% 0 0)){.lang{border:var(--border) solid lab(63.6951% 20.4189 -39.9919/.2)}}.filename{text-overflow:ellipsis;min-width:0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-color-secondary);white-space:nowrap;overflow:hidden}.filename:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-2)}.filename:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--size-2)}.dots{gap:var(--size-1-5);flex-shrink:0;align-items:center;display:flex}.dots:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_border-color);margin-right:var(--size-1-5);padding-right:var(--size-3)}.dots:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color);margin-left:var(--size-1-5);padding-left:var(--size-3)}.dots span{width:var(--size-3);height:var(--size-3);border-radius:var(--rounded-full);display:block}.dots span:first-child{background:lab(57.6104% 56.6725 33.4484)}.dots span:nth-child(2){background:lab(67.409% 21.2366 110.235)}.dots span:nth-child(3){background:lab(58.0445% -50.6808 43.5643)}.title{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-color-secondary);letter-spacing:.02em}.header-spacer{flex:1}::slotted([slot=header-end]){flex-shrink:0}.body{padding:var(--_body-padding);overflow-x:auto}}`,ce=`ore-code-window`;r(ce,{props:{filename:o.string(),lang:o.string(`ts`),title:o.string(`MCP tool call`),variant:o.oneOf([`code`,`chat`],`code`)},setup(e){let t=l(()=>e.variant.value===`code`),n=l(()=>!!e.filename.value);return i`
|
|
2
2
|
<div class="window" part="window">
|
|
3
3
|
<div class="header" part="header">
|
|
4
|
-
${
|
|
4
|
+
${oe(t,()=>i`
|
|
5
5
|
<span class="lang" part="lang">${e.lang}</span>
|
|
6
|
-
${
|
|
6
|
+
${oe(n,()=>i`<span class="filename" part="filename">${e.filename}</span>`)}
|
|
7
7
|
`,()=>i`
|
|
8
8
|
<div class="dots" part="dots" aria-hidden="true"><span></span><span></span><span></span></div>
|
|
9
9
|
<span class="title" part="title">${e.title}</span>
|
|
@@ -15,7 +15,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
15
15
|
<slot></slot>
|
|
16
16
|
</div>
|
|
17
17
|
</div>
|
|
18
|
-
`},styles:[
|
|
18
|
+
`},styles:[se]});var le=`position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border-width:0;clip-path:inset(50%);`,ue=n`
|
|
19
19
|
.sr-only {
|
|
20
20
|
position: absolute;
|
|
21
21
|
width: 1px;
|
|
@@ -64,7 +64,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
64
64
|
--_motion-animation: none;
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
|
-
`,
|
|
67
|
+
`,de=n`
|
|
68
68
|
/* ========================================
|
|
69
69
|
Padding Variants
|
|
70
70
|
======================================== */
|
|
@@ -88,7 +88,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
88
88
|
:host([padding='xl']) {
|
|
89
89
|
--_padding: var(--size-8);
|
|
90
90
|
}
|
|
91
|
-
`,
|
|
91
|
+
`,fe=n`
|
|
92
92
|
:host([rounded='none']) {
|
|
93
93
|
--_radius: var(--rounded-none);
|
|
94
94
|
}
|
|
@@ -114,8 +114,8 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
114
114
|
:host([rounded='']) {
|
|
115
115
|
--_radius: var(--rounded-full);
|
|
116
116
|
}
|
|
117
|
-
`,
|
|
118
|
-
`),K=e=>{let t=
|
|
117
|
+
`,pe={fontSize:`--_font-size`,gap:`--_gap`,height:`--_height`,iconSize:`--_icon-size`,lineHeight:`--_line-height`,padding:`--_padding`,size:`--_size`,thumbSize:`--_thumb-size`,width:`--_width`},me=e=>Object.entries(e).filter(([,e])=>e!==void 0).map(([e,t])=>`${e.startsWith(`--`)?e:pe[e]??`--_${e}`}: ${t};`).join(`
|
|
118
|
+
`),K=e=>{let t=me({fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`,size:`var(--size-4)`,...e?.sm}),r=me({fontSize:`var(--text-sm)`,gap:`var(--size-2)`,size:`var(--size-5)`,...e?.md});return n`
|
|
119
119
|
:host {
|
|
120
120
|
${r}
|
|
121
121
|
}
|
|
@@ -126,9 +126,9 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
126
126
|
${r}
|
|
127
127
|
}
|
|
128
128
|
:host([size='lg']) {
|
|
129
|
-
${
|
|
129
|
+
${me({fontSize:`var(--text-base)`,gap:`var(--size-2-5)`,size:`var(--size-6)`,...e?.lg})}
|
|
130
130
|
}
|
|
131
|
-
`},
|
|
131
|
+
`},he=n`
|
|
132
132
|
:host([disabled]) {
|
|
133
133
|
opacity: 0.5;
|
|
134
134
|
cursor: not-allowed;
|
|
@@ -148,7 +148,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
148
148
|
:host([loading]) > :not(slot) {
|
|
149
149
|
pointer-events: none;
|
|
150
150
|
}
|
|
151
|
-
`;var
|
|
151
|
+
`;var ge=n`
|
|
152
152
|
:host([disabled]),
|
|
153
153
|
:host([loading]) {
|
|
154
154
|
opacity: 0.5;
|
|
@@ -163,7 +163,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
163
163
|
:host([loading]) > :not(slot) {
|
|
164
164
|
pointer-events: none;
|
|
165
165
|
}
|
|
166
|
-
`,
|
|
166
|
+
`,_e=[`primary`,`secondary`,`info`,`success`,`warning`,`error`],ve={backdrop:e=>`var(--color-${e}-backdrop)`,base:e=>`var(--color-${e})`,border:e=>`var(--color-${e}-border)`,content:e=>`var(--color-${e}-content)`,contrast:e=>`var(--color-${e}-contrast)`,focus:e=>`var(--color-${e}-focus)`,halo:e=>`var(--halo-shadow-${e})`,shadow:e=>`var(--color-${e}-focus-shadow)`},q=n`
|
|
167
167
|
:host {
|
|
168
168
|
--_theme-base: var(--color-neutral);
|
|
169
169
|
--_theme-content: var(--color-neutral-content);
|
|
@@ -175,11 +175,11 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
175
175
|
--_theme-halo: var(--halo-shadow-neutral);
|
|
176
176
|
}
|
|
177
177
|
|
|
178
|
-
${
|
|
178
|
+
${_e.map(e=>`:host([color='${e}']) {\n${Object.entries(ve).map(([t,n])=>` --_theme-${t}: ${n(e)};`).join(`
|
|
179
179
|
`)}\n}`).join(`
|
|
180
180
|
|
|
181
181
|
`)}
|
|
182
|
-
`,
|
|
182
|
+
`,ye=n`
|
|
183
183
|
/* ========================================
|
|
184
184
|
Elevation Levels (0-5)
|
|
185
185
|
======================================== */
|
|
@@ -207,13 +207,13 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
207
207
|
:host([elevation='5']) {
|
|
208
208
|
--_shadow: var(--shadow-2xl);
|
|
209
209
|
}
|
|
210
|
-
`,
|
|
210
|
+
`,be=n`
|
|
211
211
|
@media (forced-colors: active) {
|
|
212
212
|
:host {
|
|
213
213
|
border: 1px solid ButtonText;
|
|
214
214
|
}
|
|
215
215
|
}
|
|
216
|
-
`,
|
|
216
|
+
`,xe=e=>n`
|
|
217
217
|
@media (forced-colors: active) {
|
|
218
218
|
${e}:focus-visible {
|
|
219
219
|
outline: 2px solid Highlight;
|
|
@@ -221,7 +221,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
221
221
|
box-shadow: none;
|
|
222
222
|
}
|
|
223
223
|
}
|
|
224
|
-
`,
|
|
224
|
+
`,Se=n`
|
|
225
225
|
@media (forced-colors: active) {
|
|
226
226
|
:host {
|
|
227
227
|
forced-color-adjust: none;
|
|
@@ -241,7 +241,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
241
241
|
border-color: GrayText;
|
|
242
242
|
}
|
|
243
243
|
}
|
|
244
|
-
`,
|
|
244
|
+
`,Ce=!1;function we(){if(!Ce){if(typeof CSS<`u`&&CSS.registerProperty)try{CSS.registerProperty({inherits:!1,initialValue:`0deg`,name:`--rainbow-angle`,syntax:`<angle>`})}catch{}Ce=!0}}var Te=!1;function Ee(){if(!Te){if(typeof CSS<`u`&&CSS.registerProperty)try{CSS.registerProperty({inherits:!1,initialValue:`0deg`,name:`--shine-angle`,syntax:`<angle>`})}catch{}Te=!0}}var De=e=>(we(),n`
|
|
245
245
|
/* ========================================
|
|
246
246
|
Rainbow Border Effect
|
|
247
247
|
======================================== */
|
|
@@ -310,7 +310,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
310
310
|
animation: none;
|
|
311
311
|
}
|
|
312
312
|
}
|
|
313
|
-
`),
|
|
313
|
+
`),Oe=e=>(Ee(),n`
|
|
314
314
|
/* ========================================
|
|
315
315
|
Shine Border Effect
|
|
316
316
|
======================================== */
|
|
@@ -372,7 +372,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
372
372
|
animation: none;
|
|
373
373
|
}
|
|
374
374
|
}
|
|
375
|
-
`),
|
|
375
|
+
`),ke=e=>n`
|
|
376
376
|
:host([variant='frost']) ${e} {
|
|
377
377
|
backdrop-filter: blur(var(--blur-xl)) saturate(200%) brightness(1.1);
|
|
378
378
|
-webkit-backdrop-filter: blur(var(--blur-xl)) saturate(200%) brightness(1.1);
|
|
@@ -425,7 +425,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
425
425
|
backdrop-filter: blur(var(--blur-3xl)) saturate(240%) brightness(1.2);
|
|
426
426
|
-webkit-backdrop-filter: blur(var(--blur-3xl)) saturate(240%) brightness(1.2);
|
|
427
427
|
}
|
|
428
|
-
`,
|
|
428
|
+
`,Ae=e=>n`
|
|
429
429
|
@layer refine.base {
|
|
430
430
|
:host {
|
|
431
431
|
/* ── Public token API ─────────────────────────────────────────────── */
|
|
@@ -517,7 +517,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
517
517
|
width: 100%;
|
|
518
518
|
}
|
|
519
519
|
}
|
|
520
|
-
`,
|
|
520
|
+
`,je=[q,ye,de,fe],Me=[q,W,G,fe,ge],Ne=!globalThis.__REFINE_PROD__;function Pe(e){Ne&&console.warn(`[@vielzeug/refine] ${e}`)}var Fe=`@layer refine.base{:host{vertical-align:middle;color:inherit;line-height:0;display:inline-flex}:host([hidden]){display:none}svg{width:100%;height:100%;display:block}}:host{width:var(--ore-icon-size,var(--_size-px));height:var(--ore-icon-size,var(--_size-px))}`,Ie=16,Le=2,Re=24,ze=new Set([`circle`,`clipPath`,`defs`,`ellipse`,`g`,`line`,`linearGradient`,`mask`,`path`,`polygon`,`polyline`,`radialGradient`,`rect`,`stop`,`symbol`,`use`]),Be=/^[a-zA-Z][a-zA-Z0-9:_-]*$/,Ve=/^(on|xlink:|xml:|href$)/i,He=new Map(Object.entries(g.icons));function Ue(e){for(let[t,n]of Object.entries(e))He.set(t,n)}var We=e=>Object.entries(e).filter(([e])=>Be.test(e)&&!Ve.test(e)).map(([e,t])=>`${e}="${String(t).replace(/&/g,`&`).replace(/"/g,`"`).replace(/</g,`<`).replace(/>/g,`>`)}"`).join(` `),Ge=e=>e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).split(/[^a-zA-Z0-9]+/).filter(Boolean).map(e=>e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()).join(``),Ke=e=>{if(e==null||e===``)return Ie;let t=Number(e);return Number.isFinite(t)&&t>0&&/^\d+(\.\d+)?$/.test(e.trim())?t:e},qe=`ore-icon`;r(qe,{props:{absoluteStrokeWidth:o.bool(),label:o.string(),name:o.string(),size:{default:Ie,parse:Ke,reflect:!1},solid:o.bool(),strokeWidth:o.number(Le)},setup(e,{bind:t}){return t({attr:{"aria-hidden":()=>(e.label.value??``).trim()?null:`true`,"aria-label":()=>(e.label.value??``).trim()||null,role:()=>(e.label.value??``).trim()?`img`:null},style:{"--_size-px":()=>{let t=e.size.value;return typeof t==`number`?`${t}px`:String(t)}}}),i`${re(l(()=>{let t=(e.name.value??``).trim();if(!t)return``;let n=He.get(t)??He.get(Ge(t));if(!n)return Pe(`ore-icon: icon not found: "${String(t).slice(0,64)}"`),``;let r=e.size.value,i=typeof r==`number`?r:Re,a=e.absoluteStrokeWidth.value&&!e.solid.value?e.strokeWidth.value*(Re/i):e.strokeWidth.value,o=n.filter(([e])=>ze.has(e)).map(([e,t])=>{let n={};for(let[e,r]of Object.entries(t))r!==void 0&&(n[e]=r);return`<${e} ${We(n)} />`}).join(``);return`<svg ${We({fill:e.solid.value?`currentColor`:`none`,part:`svg`,stroke:e.solid.value?`none`:`currentColor`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":e.solid.value?0:a,style:`width:100%;height:100%`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`})}>${o}</svg>`}))}`},styles:[Fe]});var Je=`@layer refine.base{:host{--_bg:var(--copy-command-bg,var(--color-contrast-100));--_color:var(--copy-command-color,var(--text-color-body));--_border-color:var(--copy-command-border-color,var(--color-contrast-300));--_radius:var(--copy-command-radius,var(--rounded-md));--_padding:var(--copy-command-padding,var(--size-2) var(--size-3));--_font-size:var(--copy-command-font-size,var(--text-sm));--_icon-color:var(--copy-command-icon-color,var(--text-color-secondary));--_hover-bg:var(--copy-command-hover-bg,var(--color-contrast-200));display:inline-block}:host([hidden]){display:none}:host([rounded=none]){--_radius:var(--rounded-none,0)}:host([rounded=sm]){--_radius:var(--rounded-sm)}:host([rounded=md]){--_radius:var(--rounded-md)}:host([rounded=lg]){--_radius:var(--rounded-lg)}:host([rounded=xl]){--_radius:var(--rounded-xl)}:host([rounded="2xl"]){--_radius:var(--rounded-2xl)}:host([rounded="3xl"]){--_radius:var(--rounded-3xl)}:host([rounded=full]){--_radius:var(--rounded-full)}:host([size=sm]){--_padding:var(--copy-command-padding,var(--size-1) var(--size-2));--_font-size:var(--copy-command-font-size,var(--text-xs))}:host([size=lg]){--_padding:var(--copy-command-padding,var(--size-2-5) var(--size-4));--_font-size:var(--copy-command-font-size,var(--text-base))}:host([variant=bordered]){--_bg:var(--copy-command-bg,transparent);--_border-color:var(--copy-command-border-color,var(--color-contrast-400))}:host([variant=ghost]){--_bg:var(--copy-command-bg,transparent);--_border-color:var(--copy-command-border-color,transparent);--_hover-bg:var(--copy-command-hover-bg,var(--color-contrast-100))}.wrapper{background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);transition:border-color var(--transition-normal), background var(--transition-normal);align-items:stretch;display:inline-flex;overflow:hidden}.command{gap:var(--size-2);padding:var(--_padding);font-family:var(--font-mono);font-size:var(--_font-size);color:var(--_color);text-align:start;cursor:pointer;transition:background var(--transition-normal);background:0 0;border:none;flex:1;align-items:center;display:inline-flex}.command:hover{background:var(--_hover-bg)}.command:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:calc(var(--_radius) - 1px)}.command-text{text-overflow:ellipsis;font-family:inherit;font-size:inherit;color:inherit;white-space:nowrap;background:0 0;flex:1;overflow:hidden}.copy-icon{color:var(--_icon-color);transition:color var(--transition-normal);flex-shrink:0;align-items:center;display:inline-flex}.icon-copied{color:var(--color-success,#44a53b)}@supports (color:lab(0% 0 0)){.icon-copied{color:var(--color-success,lab(60.204% -45.248 44.171))}}.icon-failed{color:var(--color-danger,#ed4042)}@supports (color:lab(0% 0 0)){.icon-failed{color:var(--color-danger,lab(54.9593% 66.408 40.8869))}}.suffix{align-items:stretch;display:flex}.suffix:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}.suffix:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_border-color)}.suffix[hidden]{display:none}::slotted([slot=suffix]){align-items:center;display:flex}}`,Ye=`ore-copy-command`;r(Ye,{props:{rounded:o.string(`md`),size:o.string(`md`),value:o.string(``),variant:o.string(`flat`)},setup(e,{emit:t,onCleanup:n,slots:r}){let a=p(!1),o=p(!1),s=null;n(()=>{s!==null&&clearTimeout(s)});let c=async()=>{let n=e.value.value??``;if(n){s!==null&&clearTimeout(s);try{await navigator.clipboard.writeText(n),a.value=!0,o.value=!1,t(`copy`,{value:n})}catch{a.value=!1,o.value=!0}s=setTimeout(()=>{a.value=!1,o.value=!1,s=null},2e3)}},u=l(()=>r.has(`suffix`).value);return i`
|
|
521
521
|
<div class="wrapper" part="wrapper">
|
|
522
522
|
<button class="command" part="command" type="button" :aria-label="${l(()=>a.value?`Copied!`:o.value?`Copy failed — press to try again`:`Copy: ${e.value.value??``}`)}" @click=${c}>
|
|
523
523
|
<code class="command-text" part="command-text">${e.value}</code>
|
|
@@ -532,7 +532,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
532
532
|
<div role="status" class="sr-only">
|
|
533
533
|
${()=>a.value?`Copied to clipboard.`:o.value?`Copy failed. Select the command text and copy it manually.`:``}
|
|
534
534
|
</div>
|
|
535
|
-
`},styles:[
|
|
535
|
+
`},styles:[ue,Je]});var J={color:o.string()},Y={size:o.string()},X={disabled:o.bool(!1)},Xe={loading:o.bool(!1)},Ze={rounded:o.string()},Qe={elevation:o.number()},$e={...J,...Y,...X,...Xe,...Ze},et={lg:{"--_field-height":`var(--size-12)`,"--_padding":`var(--size-2-5) var(--size-3-5)`,fontSize:`var(--text-base)`,gap:`var(--size-2-5)`},md:{"--_field-height":`var(--size-10)`,"--_padding":`var(--size-1-5) var(--size-3)`,fontSize:`var(--text-sm)`,gap:`var(--size-2)`},sm:{"--_field-height":`var(--size-8)`,"--_padding":`var(--size-1) var(--size-2)`,fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`}},tt={lg:{"--_padding":`var(--size-2-5) var(--size-3-5)`,fontSize:`var(--text-base)`,gap:`var(--size-2-5)`},md:{"--_padding":`var(--size-1-5) var(--size-3)`,fontSize:`var(--text-sm)`,gap:`var(--size-2)`},sm:{"--_padding":`var(--size-1) var(--size-2)`,fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`}},nt={lg:{fontSize:`var(--text-base)`,gap:`var(--size-2-5)`,size:`var(--size-6)`},sm:{fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`,size:`var(--size-4)`}},rt={lg:{fontSize:`var(--text-base)`,gap:`var(--size-3)`,height:`var(--size-7)`,thumbSize:`var(--size-6)`,width:`var(--size-14)`},sm:{fontSize:`var(--text-xs)`,gap:`var(--size-2)`,height:`var(--size-5)`,thumbSize:`var(--size-4)`,width:`var(--size-9)`}},it={lg:{fontSize:`var(--text-base)`,height:`calc(var(--size-5) - var(--size-1))`,size:`var(--size-5)`},md:{fontSize:`var(--text-base)`,height:`var(--size-3)`,size:`var(--size-5)`},sm:{fontSize:`var(--text-xs)`,height:`var(--size-2)`,size:`var(--size-4)`}},at={lg:{"--_min-height":`var(--size-40)`,fontSize:`var(--text-base)`},md:{"--_min-height":`var(--size-32)`,fontSize:`var(--text-sm)`},sm:{"--_min-height":`var(--size-28)`,fontSize:`var(--text-xs)`}},ot=`@layer refine.base{:host{--_height:var(--progress-height,var(--size-2,.5rem));--_radius:var(--progress-radius,var(--rounded-lg));--_circle-size:var(--progress-circle-size,6rem);--_circular-label-size:var(--progress-circular-label-size,var(--text-xl,1.25rem));--_circular-title-size:var(--progress-circular-title-size,var(--text-xs,.75rem));width:100%;display:block}.track{width:100%;height:var(--_height);background:var(--progress-track-bg,var(--color-contrast-300,#ddd));border-radius:var(--_radius);overflow:hidden}.fill{width:var(--_percent,0%);background:var(--progress-fill,var(--_theme-base,#3b82f6));border-radius:inherit;transform-origin:0;height:100%;transition:var(--_motion-transition,width var(--transition-normal))}:host(:dir(rtl)) .fill{transform-origin:100%}@keyframes ore-progress-slide{0%{transform:translate(-150%)scaleX(.6)}50%{transform:translate(50%)scaleX(1)}to{transform:translate(300%)scaleX(.6)}}:host([indeterminate]) .fill{width:40%;animation:var(--_motion-animation,ore-progress-slide var(--duration-1500) var(--ease-linear) infinite)}:host(:dir(rtl)[indeterminate]) .fill{animation-direction:reverse}:host([type=vertical]){--_width:var(--progress-width,var(--size-2,.5rem));width:auto;display:inline-flex}:host([type=vertical]) .wrapper{gap:var(--progress-label-gap,var(--space-1,.25rem));flex-direction:row;width:auto;height:100%}:host([type=vertical]) .track{width:var(--_width);height:100%;overflow:hidden}:host([type=vertical]) .fill{width:100%;height:var(--_percent,0%);transform-origin:bottom;transition:var(--_motion-transition,height var(--transition-normal))}:host([type=vertical][indeterminate]) .fill{height:40%;animation:var(--_motion-animation,ore-progress-slide-v var(--duration-1500) var(--ease-linear) infinite)}@keyframes ore-progress-slide-v{0%{transform:translateY(150%)scaleY(.6)}50%{transform:translateY(-50%)scaleY(1)}to{transform:translateY(-300%)scaleY(.6)}}.bar-row-vertical{flex-direction:column;align-items:center;height:100%;display:flex}:host([type=vertical]) .track-outer{flex:1;justify-content:center;align-items:stretch;width:auto;height:100%;display:flex}.wrapper{gap:var(--progress-label-gap,var(--space-1,.25rem));flex-direction:column;width:100%;display:flex}.header{gap:var(--space-2,.5rem);justify-content:space-between;align-items:baseline;display:none}:host([title]) .header{display:flex}.progress-title{font-size:var(--text-sm,.875rem);font-weight:var(--font-weight-medium,500);color:var(--progress-title-color,currentColor);line-height:1.25}.header-label{display:none}:host([title][label]) .header-label{display:inline}.bar-row{display:contents}:host([label]:not([title])) .bar-row{gap:var(--progress-label-gap,var(--space-2,.5rem));align-items:center;width:100%;display:flex}.track-outer{width:100%;position:relative}:host([label]:not([title])) .track-outer{flex:1;width:auto;min-width:0}.end-label{font-size:var(--text-sm,.875rem);color:var(--progress-label-color,currentColor);white-space:nowrap;flex-shrink:0;line-height:1.25}.row-label{display:none}:host([label]:not([title])) .row-label{display:inline}.floating-label{bottom:calc(100% + var(--space-1,.25rem));left:var(--_percent,0%);padding:var(--space-0-5,.125rem) var(--space-2,.5rem);font-size:var(--text-xs,.75rem);font-weight:var(--font-weight-medium,500);color:var(--color-white,#fff);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;background:var(--progress-fill,var(--_theme-base,#3b82f6));border-radius:var(--rounded-md,.375rem);line-height:1;display:none;position:absolute;transform:translate(-50%)}:host([floating-label]:not([indeterminate])) .floating-label{display:block}:host([floating-label]:not([indeterminate])) .wrapper{padding-top:calc(var(--text-xs,.75rem) + var(--space-1,.25rem) * 3)}.circular-track{width:var(--_circle-size);height:var(--_circle-size);justify-content:center;align-items:center;display:inline-flex;position:relative}.circular-track svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.circular-inner{gap:var(--space-0-5,.125rem);padding:calc(8% + var(--_height));text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.circular-label{text-overflow:ellipsis;max-width:100%;font-size:var(--_circular-label-size);font-weight:var(--font-weight-semibold,600);color:var(--progress-label-color,currentColor);white-space:nowrap;line-height:1;overflow:hidden}.circular-title{text-overflow:ellipsis;max-width:100%;font-size:var(--_circular-title-size);color:var(--progress-title-color,var(--color-contrast-500,#6b7280));white-space:nowrap;line-height:1.25;overflow:hidden}.circular-label:empty,.circular-title:empty{display:none}.circle-bg{fill:none;stroke:var(--progress-track-bg,var(--color-contrast-300,#ddd));stroke-width:var(--progress-stroke-width,calc(var(--_height) * 1.2))}.circle-fill{fill:none;stroke:var(--progress-fill,var(--_theme-base,#3b82f6));stroke-width:var(--progress-stroke-width,calc(var(--_height) * 1.2));stroke-linecap:round;transition:var(--_motion-transition,stroke-dashoffset var(--transition-normal))}@keyframes ore-progress-spin{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes ore-progress-dash{0%{stroke-dasharray:1px var(--_circ);stroke-dashoffset:var(--_circ)}40%{stroke-dasharray:calc(var(--_circ) * .75) var(--_circ);stroke-dashoffset:calc(var(--_circ) * -.1)}60%{stroke-dasharray:calc(var(--_circ) * .75) var(--_circ);stroke-dashoffset:calc(var(--_circ) * -.1)}to{stroke-dasharray:1px var(--_circ);stroke-dashoffset:calc(var(--_circ) * -.9)}}:host([indeterminate]) .circular-track svg{animation:var(--_motion-animation,ore-progress-spin var(--duration-1400) var(--ease-linear) infinite)}:host([indeterminate]) .circle-fill{animation:var(--_motion-animation,ore-progress-dash var(--duration-1400) var(--ease-in-out) infinite)}}@layer refine.utilities{:host([size=sm]){--_height:var(--size-1,.25rem);--_circle-size:4rem;--_circular-label-size:var(--text-sm,.875rem);--_circular-title-size:var(--text-2xs,.625rem)}:host([size=md]){--_height:var(--size-2,.5rem);--_circle-size:6rem}:host([size=lg]){--_height:var(--size-3-5,.875rem);--_circle-size:9rem;--_circular-label-size:var(--text-3xl);--_circular-title-size:var(--text-sm,.875rem)}}@media (prefers-reduced-motion:reduce){:host([indeterminate]) .fill{opacity:.6;width:100%}:host([indeterminate]) .circle-fill{stroke-dasharray:none}:host([type=vertical][indeterminate]) .fill{opacity:.6;height:100%}}`,st=`ore-progress`;r(st,{props:{...J,...Y,"floating-label":o.string(),indeterminate:o.bool(!1),label:o.string(),max:o.number(100),title:o.string(),type:o.oneOf([`linear`,`circular`,`vertical`],`linear`),value:o.number(0),"value-text":o.string()},setup(e,{el:t,watch:n}){let r=2*Math.PI*45,a=l(()=>`${Math.max(0,Math.min(Number(e.value.value),Number(e.max.value)))/Math.max(1,Number(e.max.value))*100}%`),o=l(()=>{let t=Math.max(0,Math.min(Number(e.value.value),Number(e.max.value))),n=Math.max(1,Number(e.max.value));return r-t/n*r}),s=()=>e.indeterminate.value?null:String(e.value.value),c=()=>e.label.value??e.title.value??`Progress`,u=U({"--_circ":`${r}px`}),d=()=>e.indeterminate.value?void 0:`${r}px`,f=()=>e.indeterminate.value?void 0:`${o.value}px`,p=l(()=>e.type.value===`vertical`),m=U({height:()=>!e.indeterminate.value&&p.value?a.value:null,width:()=>!e.indeterminate.value&&!p.value?a.value:null});n(()=>{t.style.setProperty(`--_percent`,e.indeterminate.value?`0%`:a.value)});let h=()=>i` <div
|
|
536
536
|
class="circular-track"
|
|
537
537
|
role="progressbar"
|
|
538
538
|
:aria-valuenow="${s}"
|
|
@@ -576,7 +576,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
576
576
|
</div>
|
|
577
577
|
<span class="end-label row-label">${()=>e.label.value??``}</span>
|
|
578
578
|
</div>
|
|
579
|
-
</div>`;return i` ${()=>e.type.value===`circular`?h():g()} `},styles:[q,xe,G,st]});var Z=e=>{let t=new AbortController;return e(()=>t.abort()),t.signal},lt=e=>l(()=>({errorText:e.error?.value??``,helperText:e.helper?.value??``})),ut=e=>l(()=>{let t=e.value?.value??``,n=e.maxLength?.value,r=Number(n),i=Number.isFinite(r)&&r>0?r:null,a=i!==null,o=a?`${t.length} / ${i}`:``,s=a?t.length/i:0;return{counterAtLimit:a?s>=1:!1,counterNearLimit:a?s>=.9&&s<1:!1,counterText:o}}),dt=e=>{let n=l(()=>!!e.disabled?.value),r=e.validateOn,i=e.id??t(e.prefix??`field`),a=t(`helper`),o=t=>{r?.value===t&&e.getFormField?.()?.reportValidity()},s=t(`label`),c=t(`error`),u=e.label??l(()=>void 0),d=e.hasLabel??l(()=>!!u.value),f=lt({error:e.error,helper:e.helper}),p=l(()=>f.value.errorText||f.value.helperText?a:null),m=l(()=>f.value.errorText?c:null),h=l(()=>f.value.errorText?`true`:null),g=l(()=>d.value?s:null);return{ariaDescribedBy:p,ariaErrorMessage:m,ariaInvalid:h,ariaLabelledBy:g,ariaProps:()=>({"aria-describedby":p.value,"aria-errormessage":m.value,"aria-invalid":h.value,"aria-labelledby":g.value}),assistiveId:a,disabled:n,errorId:c,errorText:l(()=>f.value.errorText),fieldId:i,helperText:l(()=>f.value.helperText),labelId:s,labelVisible:d,triggerValidation:o}},ft=(e,t,n=e=>e)=>{let r=p(m(()=>n(e.value))),i=h(e,e=>{r.value=n(e)});return t&&t.addEventListener(`abort`,()=>i.dispose(),{once:!0}),r},pt=e=>{let t=ft(e.value,e.signal,e=>String(e??``)),n=dt(e),r=e.maxLength?ut({maxLength:e.maxLength,value:t}):null,i=r=>{r?.preventDefault?.(),t.value=``,e.onInput?.(r??new InputEvent(`input`,{bubbles:!0}),``),e.onChange?.(r??new Event(`change`,{bubbles:!0}),``),n.triggerValidation(`change`)},a=(r,i)=>{let a=[],o=(e,t)=>{r.addEventListener(e,t),a.push(()=>r.removeEventListener(e,t))};e.onFocus&&o(`focus`,t=>e.onFocus(t)),o(`input`,n=>{n.stopPropagation(),e.onBeforeInput?.(n),t.value=r.value,e.onInput?.(n,r.value)}),o(`change`,i=>{i.stopPropagation(),t.value=r.value,e.onChange?.(i,r.value),n.triggerValidation(`change`)}),o(`blur`,t=>{e.onBlur?.(t),n.triggerValidation(`blur`)});let s=!1,c=()=>{if(!s){s=!0;for(let e of a)e()}};return i?.addEventListener(`abort`,c,{once:!0}),c};return{...n,clear:i,counter:r,value:t,wire:a}},mt=e=>e?Array.isArray(e)?e.filter(Boolean):e.split(`,`).map(e=>e.trim()).filter(Boolean):[],ht=e=>{let t=p([]),n=l(()=>!!e.multiple?.value),r=l(()=>n.value?t.value.join(`,`):t.value[0]??``),i=e=>{let t=n.value?e:e.slice(0,1);return[...new Set(t.filter(Boolean))]},a=e=>{t.value=i(e)},o=()=>a([]),s=e=>{t.value=t.value.filter(t=>t!==e)},c=e=>{if(n.value){t.value.includes(e)||a([...t.value,e]);return}a([e])},u=e=>{n.value&&t.value.includes(e)?s(e):c(e)},d=e=>{a(mt(e))},f=dt(e),m=h(e.value,d,{immediate:!0});if(e.signal.addEventListener(`abort`,()=>m.dispose(),{once:!0}),e.multiple){let t=h(e.multiple,()=>d(e.value.value));e.signal.addEventListener(`abort`,()=>t.dispose(),{once:!0})}return{...f,clear:o,formValue:r,removeValue:s,selectedValue:l(()=>t.value[0]),selectedValues:t,selectValue:c,setValues:a,toggleValue:u}},gt=(e,t)=>{if(t.disabled?.value)return!1;let n=Object.hasOwn(t.keymap,e.key)?t.keymap[e.key]:void 0;if(!n)return!1;let r=t.preventDefault??`before`;r===`before`&&e.preventDefault();let i=n(e)!==!1;return r===`after`&&i&&e.preventDefault(),i},_t=e=>{let t=()=>!!e.disabled?.value,n=e.keys??[`Enter`,` `],r=Object.fromEntries(n.map(t=>[t,t=>e.onPress?.(t,`keyboard`)]));return{handleBlur:n=>{t()||e.onBlur?.(n)},handleClick:n=>t()?!1:(e.onPress?.(n,`pointer`),!0),handleFocus:n=>{t()||e.onFocus?.(n)},handleKeydown:t=>gt(t,{disabled:e.disabled,keymap:r})}},vt=e=>{let t=ft(e.checked,e.signal,Boolean),n=e.indeterminate?ft(e.indeterminate,e.signal,Boolean):p(!1),r=l(()=>n.value?null:t.value?e.value.value??``:null),i=dt(e),a=n=>({checked:t.value,originalEvent:n,value:e.value.value??``}),o=r=>{if(!i.disabled.value){if(e.group){n.value=!1,e.group.toggle(e.value.value??``,r),e.onToggle?.(a(r));return}e.clearIndeterminateFirst&&n.value||(t.value=!t.value),n.value=!1,e.onToggle?.(a(r))}},s=_t({disabled:i.disabled,onPress:e=>o(e)});return{...i,checkableFormValue:r,checked:t,handleClick:s.handleClick,handleKeydown:s.handleKeydown,indeterminate:n,toggle:o}},yt=class e extends Error{constructor(e,t){super(e,t),this.name=new.target.name,Object.setPrototypeOf(this,new.target.prototype)}static is(t){return t instanceof e}},bt=class extends yt{},xt=e=>{let t=e.delay??500,n=``,r=null,i=()=>{n=``,r!==null&&(clearTimeout(r),r=null)};return e.signal?.addEventListener(`abort`,i,{once:!0}),{handleKeydown:a=>{if(a.key.length!==1||a.ctrlKey||a.altKey||a.metaKey)return!1;n+=a.key.toLowerCase(),r!==null&&clearTimeout(r),r=setTimeout(i,t);let o=e.getItems(),s=e.getIndex(),c=s>=0?s+1:0;for(let t=0;t<o.length;t++){let r=(c+t)%o.length;if(!e.isItemDisabled?.(o[r],r)&&e.getItemLabel(o[r],r).toLowerCase().startsWith(n))return e.onNavigate(r,a),!0}return!1},reset:i}},St=(e,t,n)=>{for(let r=t;r<e.length;r++)if(n(e[r],r))return r;return-1},Ct=(e,t,n)=>{for(let r=t;r>=0;r--)if(n(e[r],r))return r;return-1},wt={both:{first:[`Home`],last:[`End`],next:[`ArrowDown`,`ArrowRight`],prev:[`ArrowUp`,`ArrowLeft`]},horizontal:{first:[`Home`],last:[`End`],next:[`ArrowRight`],prev:[`ArrowLeft`]},vertical:{first:[`Home`],last:[`End`],next:[`ArrowDown`],prev:[`ArrowUp`]}},Tt=e=>typeof e==`object`&&!!e&&`disabled`in e,Et=e=>{let t=p(-1),n=(t,n)=>e.isItemDisabled?.(t,n)??(Tt(t)?t.disabled:!1),r=(n,r,i)=>(n>=0&&(t.value=n,e.onNavigate?.(r,n,i)),n),i=(e,t,r)=>r===`forward`?St(e,t,(e,t)=>!n(e,t)):Ct(e,t,(e,t)=>!n(e,t)),a=r=>{if(r<0)return l(),-1;let i=e.getItems();if(!i.length)return-1;let a=Math.min(r,i.length-1);return n(i[a],a)?-1:(t.value=a,a)},o=(n,a)=>{let o=e.getItems(),s=t.value;if(!o.length)return-1;let c=i(o,s<0?n===`forward`?0:o.length-1:n===`forward`?s+1:s-1,n),l=n===`forward`?`next`:`prev`;if(c>=0)return r(c,l,a);if(e.loop){let e=i(o,n===`forward`?0:o.length-1,n);if(e>=0)return r(e,l,a)}return s},s=t=>{let n=e.getItems();return n.length?t===`first`?r(i(n,0,`forward`),`first`):t===`last`?r(i(n,n.length-1,`backward`),`last`):o(t===`next`?`forward`:`backward`):-1},c=()=>{let n=e.getItems(),r=t.value;return r>=0&&r<n.length?n[r]:void 0},l=()=>{t.value=-1},u=()=>!!e.disabled?.value,d=()=>typeof e.orientation==`function`?e.orientation():e.orientation??`vertical`,f=()=>{let t=e.keys,n=wt[d()],a={first:t?.first??n.first,last:t?.last??n.last,next:t?.next??n.next,prev:t?.prev??n.prev},s={};for(let t of[`next`,`prev`,`first`,`last`])for(let n of a[t])s[n]=n=>{if(t===`first`||t===`last`){let a=e.getItems();if(!a.length)return;r(t===`first`?i(a,0,`forward`):i(a,a.length-1,`backward`),t,n)}else o(t===`next`?`forward`:`backward`,n)};return s},m=e.getItemLabel?xt({getIndex:()=>t.value,getItemLabel:e.getItemLabel,getItems:e.getItems,isItemDisabled:(e,t)=>n(e,t),onNavigate:(n,r)=>{u()||(t.value=n,e.onNavigate?.(`typeahead`,n,r))}}):null,h=typeof e.orientation==`function`?null:f(),g=t=>{let n=h??f();return gt(t,{disabled:e.disabled,keymap:n})?!0:m?.handleKeydown(t)??!1},_=()=>{m?.reset()};return e.signal&&e.signal.addEventListener(`abort`,_,{once:!0}),{focusedIndex:t,getActiveItem:c,handleKeydown:g,navigate:s,reset:l,set:a,[Symbol.dispose]:_}},Dt=e=>{let t=null,n=()=>typeof e.restoreFocus==`function`?e.restoreFocus():e.restoreFocus??!0,r=t=>{if(!e.isOpen())return;let n=t.composedPath?.()??[],r=e.getBoundary(),i=e.getPanel?.()??null,a=n[0]??t.target,s=a instanceof Node?a:null,c=n.some(e=>e===r||e===i),l=s?(r?.contains(s)??!1)||(i?.contains(s)??!1):!1;!c&&!l&&o(`outsideClick`)},i=e=>{e?document.addEventListener(`pointerdown`,r,{capture:!0}):document.removeEventListener(`pointerdown`,r,{capture:!0})},a=(n=`programmatic`)=>{e.isDisabled?.()||e.isOpen()||(e.setOpen(!0,n),i(!0),e.positioner&&(e.positioner.update(),t=e.positioner.startAutoUpdate?.()??null),e.onOpen?.(n))},o=(r=`programmatic`,a,o=!1)=>{e.isOpen()&&(e.setOpen(!1,r),i(!1),t&&=(t(),null),(a??n())&&e.getTrigger?.()?.focus(),o||e.onClose?.(r))},s=(t=`click`,n=`trigger`)=>{e.isOpen()?o(n):a(t)},c=()=>{e.isOpen()&&o(`programmatic`,!1,!0),i(!1),t&&=(t(),null)};return e.signal.addEventListener(`abort`,c,{once:!0}),{close:o,dispose:c,open:a,[Symbol.dispose]:c,toggle:s}};function Ot(e){let t=e;for(;t;){let e=t.getAttribute(`dir`);if(e===`rtl`||e===`ltr`)return e;t=t.parentElement}return e!==null&&getComputedStyle(e).direction===`rtl`?`rtl`:`ltr`}var kt=e=>e.endsWith(`-start`)?e.replace(`-start`,`-end`):e.endsWith(`-end`)?e.replace(`-end`,`-start`):e;function At({getDir:e,getFloating:t,getPlacement:n,getReference:r,matchWidth:i=!0,offsetPx:a=0,padding:o=6}){function s(){let t=n?.()??`bottom-start`;return(e?.()??Ot(r()))===`rtl`?kt(t):t}function c(){let e=r(),n=t();if(!e||!n)return;let c=s(),l=v(e,n,{middleware:[...a?[b(a)]:[],y({padding:o}),x({padding:o}),...i?[S({padding:o})]:[]],placement:c});n.style.left=`${l.x}px`,n.style.top=`${l.y}px`,i&&(n.style.width=`${e.getBoundingClientRect().width}px`)}function l(){let e=r(),n=t();return!e||!n?()=>{}:_(e,n,c)}return{floating:t,reference:r,startAutoUpdate:l,update:c}}var jt=e=>{if(typeof e.getBoundary!=`function`)throw new bt(`createOptionList: getBoundary is required`);if(typeof e.getPanel!=`function`)throw new bt(`createOptionList: getPanel is required`);if(typeof e.getReference!=`function`)throw new bt(`createOptionList: getReference is required`);let t=p(!1),n=l(()=>String(t.value)),r=At({...e.positioning,getFloating:e.getPanel,getReference:e.getReference}),i=()=>{e.getFocusedOptionElement?.()?.scrollIntoView({block:`nearest`})},a=Et({disabled:l(()=>!t.value),getItemLabel:e.getItemLabel,getItems:e.getItems,isItemDisabled:e.isItemDisabled,keys:e.keys,loop:e.loop??!0,onNavigate:(t,n,r)=>{i(),n>=0&&e.onNavigate?.(t,n,r)},orientation:e.orientation,signal:e.signal}),o=l(()=>{let n=a.focusedIndex.value;return e.getOptionId&&t.value&&n>=0?e.getOptionId(n):null}),s=Dt({getBoundary:e.getBoundary,getPanel:e.getPanel,getTrigger:e.getTrigger,isDisabled:e.isDisabled,isOpen:()=>t.value,onClose:e.onClose,onOpen:e.onOpen,positioner:r,restoreFocus:e.restoreFocus,setOpen:e=>{t.value=e,e||a.reset()},signal:e.signal});return{ariaActiveDescendant:o,ariaExpanded:n,close:e=>s.close(e),focusedIndex:a.focusedIndex,getActiveItem:a.getActiveItem,handleKeydown:e=>t.value?e.key===`Escape`?(e.preventDefault(),s.close(`escape`),!0):a.handleKeydown(e):!1,isOpen:t,navigate:a.navigate,open:e=>s.open(e),scrollFocusedIntoView:i,set:a.set,toggle:(e,t)=>s.toggle(e,t),updatePosition:r.update}},Mt=e=>{let t=p(0),n=()=>{let t=e.pageSize;return t===void 0?10:typeof t==`number`?t:t.value??10},r=l(()=>Math.ceil(e.getItems().length/n())),i=l(()=>r.value===0?-1:Math.min(t.value,r.value-1)),a=l(()=>{let t=i.value,r=n(),a=t*r;return e.getItems().slice(a,a+r)});return{goTo:e=>{Number.isFinite(e)&&(t.value=Math.max(0,e))},hasNext:l(()=>r.value>0&&i.value<r.value-1),hasPrev:l(()=>i.value>0),next:()=>{r.value>0&&i.value<r.value-1&&(t.value=i.value+1)},pageCount:r,pageIndex:i,pageItems:a,prev:()=>{i.value>0&&(t.value=i.value-1)},reset:()=>{t.value=0}}},Nt=e=>{let t=Number(e);return Number.isFinite(t)?t:void 0},Pt=(e,t)=>Nt(e)??t,Ft=(e,t)=>Math.abs(Pt(e,t))||t,It=e=>{let t=()=>!!e.disabled?.value||!!e.readonly?.value,n=()=>Nt(e.min?.value),r=()=>Nt(e.max?.value),i=e=>C(e,n(),r()),a=()=>Ft(e.step?.value,1),o=()=>{let t=a();return Ft(e.largeStep?.value,t*10)},s=()=>e.parse()??n()??0,c=(t,n)=>{if(t==null){e.commit(null,n);return}e.commit(i(t),n)},l=(e,n)=>{t()||c(s()+e,n)};return{atMax:()=>{let t=e.parse(),n=r();return t!=null&&n!=null&&t>=n},atMin:()=>{let t=e.parse(),r=n();return t!=null&&r!=null&&t<=r},handleKeydown:e=>t()?!1:gt(e,{keymap:{ArrowDown:()=>l(-a(),e),ArrowUp:()=>l(a(),e),End:()=>{let t=r();if(t==null)return!1;c(t,e)},Home:()=>{let t=n();if(t==null)return!1;c(t,e)},PageDown:()=>l(-o(),e),PageUp:()=>l(o(),e)},preventDefault:`after`}),incrementBy:l}},Lt=e=>{let t=()=>Pt(e.min?.value,0),n=()=>Pt(e.max?.value,100),r=()=>Ft(e.step?.value,1),i=e=>{let r=t(),i=n();return C(Pt(e,r),r,i)},a=e=>{let n=t();return i(Math.round(Pt(e,n)/r())*r())},o=e=>{let r=t(),i=n(),a=Pt(e,r);return i<=r?0:(a-r)/(i-r)*100},s=(e,r)=>{if(r.width<=0)return a(t());let i=Math.max(0,Math.min(1,(e-r.left)/r.width)),o=t();return a(o+i*(n()-o))},c=(e,a)=>{let o=Pt(a,t());return e===`ArrowRight`||e===`ArrowUp`?i(o+r()):e===`ArrowLeft`||e===`ArrowDown`?i(o-r()):e===`Home`?t():e===`End`?n():null};return{clamp:i,fromClientX:s,handleKeydown:(t,n,r)=>{if(e.disabled?.value||e.readonly?.value)return!1;let i=c(t.key,n);return i===null?!1:(t.preventDefault(),r(i),!0)},max:n,min:t,nextFromKey:c,snap:a,toPercent:o}},Rt=e=>e.axis?.()??`x`,zt=e=>{let t=e.threshold?.()??48;return Number.isFinite(t)&&t>0?t:1},Bt=(e,t)=>t===`x`?e.clientX:e.clientY,Vt=e=>e.currentTarget instanceof HTMLElement?e.currentTarget:e.target instanceof HTMLElement?e.target:null,Ht=e=>{let t=null,n=()=>!!e.disabled?.value,r=()=>{t=null},i=e=>t?.pointerId===e.pointerId,a=e=>{if(!t)return null;let n=Bt(e,t.axis),r=n-t.start;return{axis:t.axis,current:n,distance:r,event:e,pointerId:t.pointerId,progress:Math.min(Math.abs(r)/t.threshold,1),start:t.start,threshold:t.threshold}};return{dispose:r,handlePointerCancel:n=>{if(!t||!i(n))return!1;let o=a(n);return r(),o&&e.onCancel?.(o),!0},handlePointerDown:r=>{if(t||n())return!1;let i=Rt(e);t={axis:i,pointerId:r.pointerId,start:Bt(r,i),threshold:zt(e)},(typeof e.captureTarget==`function`?e.captureTarget(r):Vt(r))?.setPointerCapture?.(r.pointerId);let o=a(r);return o&&e.onStart?.(o),!0},handlePointerMove:n=>{if(!t||!i(n))return!1;let o=a(n);return o?(e.onMove?.(o),e.shouldCommit?.(o)??Math.abs(o.distance)>=o.threshold?(r(),e.onCommit?.(o),!0):!0):!1},handlePointerUp:n=>{if(!t||!i(n))return!1;let o=a(n);return r(),o&&e.onRelease?.(o),!0},isActive:()=>t!=null,[Symbol.dispose]:r}},Ut=new WeakMap,Wt=new WeakMap,Gt=(e,t)=>{let n=t.createElement(`div`);return n.setAttribute(`aria-live`,e),n.setAttribute(`aria-atomic`,`true`),n.setAttribute(`data-block-announcer`,e),n.style.cssText=ue,t.body.appendChild(n),n},Kt=(e,t)=>{let n=Ut.get(t);return n?.[e]&&!t.body.contains(n[e])&&(n[e]=void 0),n?.[e]||(n||(n={},Ut.set(t,n)),n[e]=Gt(e,t)),n[e]??null},qt=(e,t={})=>{if(typeof document>`u`)return;let n=Kt(t.politeness??`polite`,document);if(!n)return;n.textContent=``;let r=Wt.get(n);r!==void 0&&clearTimeout(r);let i=setTimeout(()=>{n.textContent=e,Wt.delete(n)},50);Wt.set(n,i)};function Jt(e){if(!e)return null;try{return O(e)}catch{return null}}function Yt(e){return e?e.toString():null}function Xt(e,t){return D(e,{intl:{day:`numeric`,month:`short`,year:`numeric`},locale:t,tz:`UTC`})}function Zt(){return E.Now.plainDateISO()}function Qt(e){return e%7}function $t(e){let t=e.value??null,n=`day`,r=t??Zt(),i=r.year,a=r.month;function o(){return e.locale??(typeof navigator<`u`?navigator.language:`en`)}function s(){return e.weekendDays??[]}function c(t){return!!(e.min&&E.PlainDate.compare(t,e.min)<0||e.max&&E.PlainDate.compare(t,e.max)>0)}function l(e){return!!(c(e)||s().includes(Qt(e.dayOfWeek)))}function u(){let e=Zt(),n=E.PlainDate.from({day:1,month:a,year:i}),r=Qt(n.dayOfWeek),o=[];for(let i=r-1;i>=0;i--){let r=n.subtract({days:i+1});o.push({day:r.day,isDisabled:l(r),iso:r.toString(),isOutsideMonth:!0,isSelected:t!==null&&E.PlainDate.compare(r,t)===0,isToday:E.PlainDate.compare(r,e)===0,plain:r})}let s=n.daysInMonth;for(let n=1;n<=s;n++){let r=E.PlainDate.from({day:n,month:a,year:i});o.push({day:n,isDisabled:l(r),iso:r.toString(),isOutsideMonth:!1,isSelected:t!==null&&E.PlainDate.compare(r,t)===0,isToday:E.PlainDate.compare(r,e)===0,plain:r})}let c=(7-o.length%7)%7,u=n.add({months:1});for(let n=0;n<c;n++){let r=u.add({days:n});o.push({day:r.day,isDisabled:l(r),iso:r.toString(),isOutsideMonth:!0,isSelected:t!==null&&E.PlainDate.compare(r,t)===0,isToday:E.PlainDate.compare(r,e)===0,plain:r})}return o}function d(){let n=[],r=o();for(let a=1;a<=12;a++){let o=E.PlainDate.from({day:1,month:a,year:i}),s=o.with({day:o.daysInMonth}),c=(e.min!==null&&e.min!==void 0?E.PlainDate.compare(s,e.min)<0:!1)||(e.max!==null&&e.max!==void 0?E.PlainDate.compare(o,e.max)>0:!1);n.push({isDisabled:c,isSelected:t!==null&&t.year===i&&t.month===a,label:D(o,{intl:{month:`long`},locale:r,tz:`UTC`}),month:a,shortLabel:D(o,{intl:{month:`short`},locale:r,tz:`UTC`})})}return n}function f(){let n=Math.floor(i/10)*10,r=[];for(let i=n;i<n+12;i++){let n=E.PlainDate.from({day:1,month:1,year:i}),a=E.PlainDate.from({day:31,month:12,year:i}),o=(e.min!==null&&e.min!==void 0?E.PlainDate.compare(a,e.min)<0:!1)||(e.max!==null&&e.max!==void 0?E.PlainDate.compare(n,e.max)>0:!1);r.push({isDisabled:o,isSelected:t!==null&&t.year===i,year:i})}return r}function p(){let e=O(`2024-01-07`),t=o();return Array.from({length:7},(n,r)=>D(e.add({days:r}),{intl:{weekday:`short`},locale:t,tz:`UTC`}))}return{dayCells:u,displayMonth:()=>a,displayYear:()=>i,goTo(e,t){Number.isFinite(e)&&(i=e,a=Math.max(1,Math.min(12,t)))},monthCells:d,nextMonth(){a===12?(a=1,i++):a++},nextYear(){i++},prevMonth(){a===1?(a=12,i--):a--},prevYear(){i--},select(n){n!==null&&l(n)||(t=n,t&&(i=t.year,a=t.month),e.onChange(t))},selected:()=>t,setView(e){n=e},view:()=>n,weekdayLabels:p,yearCells:f}}function en(e){let t=null,n=null;return{applyInitialFocus(){n!==null&&(cancelAnimationFrame(n),n=null);let t=e.getInitialFocusSelector();if(t){let r=e.host.shadowRoot??e.host,i=null;try{i=r.querySelector(t)}catch{return}i&&(n=requestAnimationFrame(()=>{n=null,i.focus()}))}},cancelInitialFocus(){n!==null&&(cancelAnimationFrame(n),n=null)},captureReturnFocus(){t=document.activeElement},restoreFocus(){e.getReturnFocus()!==!1&&t&&(t.focus(),t=null)}}}var tn=(e,t)=>Array.from(e.getElementsByTagName(t)),nn=(e,t)=>e.find(e=>(e.getAttribute(`value`)??``)===t)?.textContent?.replace(/\s+/g,` `).trim()||t,rn=e=>{let t=p(new Set),n=e=>t.value.has(e),r=()=>{let n=e.pageItems();return n.length?n.every(n=>t.value.has(e.getRowKey(n))):!1},i=n=>{t.value=n,e.onSelectionChange?.(n)};return{clearSelection:()=>{i(new Set)},isAllSelected:r,isSelected:n,selectAll:()=>{if(e.selectionMode()!==`multi`)return;let n=e.pageItems();if(r()){let r=new Set(t.value);for(let t of n)r.delete(e.getRowKey(t));i(r)}else{let r=new Set(t.value);for(let t of n)r.add(e.getRowKey(t));i(r)}},selectedKeys:l(()=>new Set(t.value)),setSelection:e=>{i(new Set(e))},toggleRow:n=>{let r=e.selectionMode();if(r===`none`)return;let a=new Set(t.value);a.has(n)?a.delete(n):(r===`single`&&a.clear(),a.add(n)),i(a)}}},an=e=>{let t=e.items,n=p(``),r=p(`none`),i=l(()=>({direction:r.value,key:n.value}));return{sortBy:t=>{n.value===t?r.value===`asc`?r.value=`desc`:r.value===`desc`&&(n.value=``,r.value=`none`):(n.value=t,r.value=`asc`),e.onSortChange?.({direction:r.value,key:n.value})},sortedItems:l(()=>{let i=t.value,a=n.value,o=r.value;if(!a||o===`none`)return i;let s=e.columns().find(e=>e.key===a);return i.slice().sort((e,t)=>{let n=s?.sortValue?s.sortValue(e):e[a],r=s?.sortValue?s.sortValue(t):t[a],i=typeof n==`number`&&typeof r==`number`?n-r:String(n??``).localeCompare(String(r??``));return o===`asc`?i:-i})}),sortState:i,sortTo:(t,i)=>{i===`none`?(n.value=``,r.value=`none`):(n.value=t,r.value=i),e.onSortChange?.({direction:r.value,key:n.value})}}},on=e=>{let t=an({columns:e.columns,items:e.items,onSortChange:e.onSortChange}),n=Mt({getItems:()=>t.sortedItems.value,pageSize:l(()=>{let t=e.pageSize();return t<=0?2**53-1:t})}),r=l(()=>t.sortedItems.value.length),i=l(()=>e.pageSize()<=0?t.sortedItems.value:n.pageItems.value),a=e=>{t.sortBy(e),n.reset()},o=(e,r)=>{t.sortTo(e,r),n.reset()},s=rn({getRowKey:e.getRowKey,onSelectionChange:e.onSelectionChange,pageItems:()=>n.pageItems.value,selectionMode:e.selectionMode}),c=l(()=>e.items.value.filter(t=>s.selectedKeys.value.has(e.getRowKey(t))));return{clearSelection:s.clearSelection,currentPageItems:i,goToPage:e=>{Number.isFinite(e)&&n.goTo(Math.max(0,e))},hasNextPage:n.hasNext,hasPrevPage:n.hasPrev,isAllSelected:s.isAllSelected,isSelected:s.isSelected,nextPage:n.next,pageCount:n.pageCount,pageIndex:n.pageIndex,prevPage:n.prev,selectAll:s.selectAll,selectedKeys:s.selectedKeys,selectedRows:c,setSelection:s.setSelection,sortBy:a,sortState:t.sortState,sortTo:o,toggleRow:s.toggleRow,totalItems:r}},sn=(e,t,n)=>{let r=String(e??``).split(`,`).map(e=>e.trim()).filter(e=>t.has(e));return r.length>0?r:[...n]},cn=`@layer refine.base{:host{--_bg:var(--carousel-bg,var(--color-canvas));--_radius:var(--carousel-radius,var(--rounded-xl));--_dot-bg:var(--carousel-dot-bg,var(--color-contrast-300));--_dot-active-bg:var(--carousel-dot-active-bg,var(--color-contrast-700));width:100%;min-height:var(--carousel-min-height,240px);touch-action:auto;background:var(--_bg);border-radius:var(--_radius);outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.track{flex:auto;width:100%;min-height:0;position:relative}.controls{gap:var(--size-0-5);pointer-events:none;align-items:center;display:flex}.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}:host>.controls{padding:var(--size-1-5) var(--size-2);background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);position:absolute}:host>.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-3);margin-left:0}:host>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3);margin-right:0}.nav-btn{pointer-events:auto}:host([variant=gallery]) .track{gap:var(--carousel-gallery-gap,var(--size-2));flex-direction:row;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}:host([variant=gallery][orientation=vertical]) .track{flex-direction:column;align-items:stretch}:host([variant=marquee]){overflow:hidden}:host([variant=marquee]) .track{gap:var(--carousel-marquee-gap,var(--size-4));width:max-content;animation:carousel-marquee var(--_marquee-duration,0s) linear infinite;flex-direction:row;align-items:stretch;display:flex;position:absolute;top:0;bottom:0}:host([variant=marquee]) .track:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([variant=marquee]) .track:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([variant=marquee][orientation=vertical]) .track{flex-direction:column;align-items:stretch;width:100%;height:max-content;animation-name:carousel-marquee-v;inset:0 0 auto}:host([variant=filmstrip]) .track{gap:var(--carousel-filmstrip-gap,var(--size-2));flex-direction:row;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}:host([variant=filmstrip][orientation=vertical]) .track{flex-direction:column;width:100%}:host([orientation=vertical]){--_slide-translate-before:translateY(-100%);--_slide-translate-after:translateY(100%)}:host([orientation=vertical]) .indicators{top:50%;bottom:auto;inset-inline:var(--size-3) auto;width:auto;height:max-content;padding-block:var(--size-6) var(--size-2);padding-inline:var(--size-1-5);border-radius:var(--rounded-full);flex-direction:column;transform:translate(0)translateY(-50%)}:host([orientation=vertical]) .controls{flex-direction:column;margin-top:auto}:host([orientation=vertical]) .controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:0}:host([orientation=vertical]) .controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}:host([orientation=vertical])>.controls{bottom:var(--size-3);margin-top:0}:host([orientation=vertical])>.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-3)}:host([orientation=vertical])>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3)}:host([orientation=vertical]) .indicator:not(.indicator-active){width:var(--size-2)!important;height:var(--size-2)!important}:host([orientation=vertical]) .indicator-active{height:var(--size-8);width:var(--size-1-5)!important}.indicators{gap:var(--size-1-5);width:max-content;padding:var(--size-1-5) var(--size-2) var(--size-1-5) var(--size-6);pointer-events:none;background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);flex-direction:row;align-items:center;display:flex;position:absolute;left:50%;right:50%;transform:translate(-50%)}.indicator{pointer-events:auto;cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:0;display:block}.indicator>ore-progress{pointer-events:none;width:100%;height:100%;display:block}.indicator:not(.indicator-active){border-radius:var(--rounded-full);overflow:hidden;width:var(--size-2)!important;height:var(--size-2)!important}.indicator-active{--progress-track-bg:color-mix(in oklch, var(--_dot-bg) 60%, transparent);width:var(--size-8)!important}.indicator:focus-visible{outline:var(--border) solid currentcolor;outline-offset:2px}.indicator:hover{opacity:.8}.indicator ore-progress::part(fill){transition:width var(--transition-normal)}.indicator-active ore-progress::part(fill){animation-name:var(--carousel-animation-name,none);animation-duration:calc(var(--carousel-timeout,4000) * 1ms);animation-timing-function:var(--ease-linear);animation-fill-mode:forwards}}@media (prefers-reduced-motion:reduce){:host{--carousel-transition-duration:0s}:host([variant=marquee]) .track,:host([variant=marquee][orientation=vertical]) .track{animation:none}}@keyframes carousel-fill{0%{width:0%}to{width:100%}}@keyframes carousel-fill-v{0%{height:0%}to{height:100%}}@keyframes carousel-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes carousel-marquee-v{0%{transform:translateY(0)}to{transform:translateY(-50%)}}`,ln=`:host{pointer-events:none;opacity:0;width:100%;height:100%;transform:var(--_slide-translate-after,translateX(100%));transition:transform var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);display:block;position:absolute;inset:0;overflow:hidden}:host([data-before]){transform:var(--_slide-translate-before,translateX(-100%))}:host([data-active]){pointer-events:auto;opacity:1;transform:translate(0)}:host([data-variant=fade]){transition:opacity var(--carousel-transition-duration,.35s) var(--ease-move);transform:none}:host([data-variant=filmstrip]){pointer-events:auto;border-radius:var(--carousel-radius,var(--rounded-xl));opacity:1;transition:flex var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);flex-shrink:0;align-self:stretch;position:relative;inset:auto;transform:none}:host([data-variant=filmstrip][data-orientation=horizontal]){flex:0 0 var(--carousel-filmstrip-inactive,var(--size-16));width:auto;min-width:var(--carousel-filmstrip-inactive,var(--size-16));height:100%}:host([data-variant=filmstrip][data-orientation=horizontal][data-active]){flex:1 1 0}:host([data-variant=filmstrip][data-orientation=vertical]){flex:0 0 var(--carousel-filmstrip-inactive,var(--size-10));width:100%;height:auto;min-height:var(--carousel-filmstrip-inactive,var(--size-10))}:host([data-variant=filmstrip][data-orientation=vertical][data-active]){flex:1 1 0}:host([data-variant=gallery]){display:none}:host([data-variant=gallery][data-gallery-visible]){pointer-events:auto;border-radius:var(--carousel-radius,var(--rounded-xl));opacity:.5;transition:flex var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);align-self:stretch;display:block;position:relative;inset:auto;overflow:hidden;transform:none}:host([data-variant=gallery][data-gallery-visible][data-active]){opacity:1}:host([data-variant=gallery][data-orientation=horizontal][data-gallery-visible]){flex:0 0 var(--carousel-gallery-thumbnail,var(--size-24));width:auto;min-width:var(--carousel-gallery-thumbnail,var(--size-24));flex-shrink:0;height:100%}:host([data-variant=gallery][data-orientation=horizontal][data-gallery-visible][data-active]){flex:1 1 0}:host([data-variant=gallery][data-orientation=vertical][data-gallery-visible]){flex:1 1 0;width:100%;height:auto}:host([data-variant=gallery][data-orientation=vertical][data-gallery-visible][data-active]){flex:4 1 0}:host([data-variant=marquee]){pointer-events:auto;opacity:1;flex:none;transition:none;position:relative;inset:auto;transform:none}:host([data-variant=marquee][data-orientation=horizontal]){width:auto;height:100%}:host([data-variant=marquee][data-orientation=vertical]){width:100%;height:auto}:host([data-variant=marquee][data-marquee-clone]){pointer-events:none;-webkit-user-select:none;user-select:none}::slotted(*){max-width:100%}`,un=`ore-carousel-slide`;r(un,{props:{},setup(e,{bind:t}){return t({attr:{"aria-roledescription":()=>`slide`,role:()=>`group`}}),i`<slot></slot>`},styles:[ln]});var dn=`ore-carousel`,fn=(e,t)=>{let n=e.length;e.forEach((e,r)=>{let i=r===t;e.toggleAttribute(`data-active`,i),e.setAttribute(`aria-hidden`,String(!i)),e.setAttribute(`aria-label`,e.getAttribute(`aria-label`)??`Slide ${r+1} of ${n}`),e.removeAttribute(`data-gallery-visible`),e.toggleAttribute(`data-before`,r<t),e.toggleAttribute(`data-after`,r>t)})},pn=(e,t)=>{let n=e.length;e.forEach((e,r)=>{let i=r===t;e.toggleAttribute(`data-active`,i),e.setAttribute(`aria-hidden`,String(!i)),e.setAttribute(`aria-label`,e.getAttribute(`aria-label`)??`Slide ${r+1} of ${n}`),e.removeAttribute(`data-gallery-visible`),e.removeAttribute(`data-before`),e.removeAttribute(`data-after`)})},mn=(e,t)=>{let n=e.length;e.forEach((e,r)=>{let i=r===t,a=t>0&&r===t-1,o=t<n-1&&r===t+1;e.toggleAttribute(`data-active`,i),e.setAttribute(`aria-hidden`,String(!i)),e.setAttribute(`aria-label`,e.getAttribute(`aria-label`)??`Slide ${r+1} of ${n}`),e.removeAttribute(`data-before`),e.removeAttribute(`data-after`),e.toggleAttribute(`data-gallery-visible`,i||a||o)})},hn=(e,t)=>{e.forEach((e,n)=>{e.toggleAttribute(`data-active`,n===t),e.setAttribute(`aria-hidden`,`false`),e.removeAttribute(`data-before`),e.removeAttribute(`data-after`),e.removeAttribute(`data-gallery-visible`)})};r(dn,{props:{autoplay:o.bool(!1),"autoplay-interval":o.number(5e3),color:o.string(),label:o.string(`Carousel`),loop:o.bool(!0),"marquee-duration":o.number(10),orientation:o.string(`horizontal`),"show-controls":o.bool(!0),"show-indicators":o.bool(!0),"slide-index":o.number(0),variant:o.string(`default`)},setup(e,{bind:t,el:n,emit:r,onMounted:a}){let o=p(e[`slide-index`].value??0),s=l(()=>e.variant.value===`marquee`),c=null,u=Array.from(n.querySelectorAll(`:scope > ore-carousel-slide`)),d=p(u.length),f=()=>{u=Array.from(n.querySelectorAll(`:scope > ore-carousel-slide`)),d.value=u.length},m=l(()=>e.orientation.value!==`vertical`),g=l(()=>e.loop.value!==!1),_=l(()=>e[`show-controls`].value!==!1),v=l(()=>e[`show-indicators`].value!==!1),y=l(()=>g.value||o.value>0),b=l(()=>g.value||o.value<d.value-1),x=null,S=(e,t=!0)=>{let i=d.value;if(i===0)return;let a=g.value?(e%i+i)%i:Math.max(0,Math.min(e,i-1));a!==o.value&&(o.value=a,n.setAttribute(`slide-index`,String(a)),r(`change`,{index:a}),x?.seekTo(a,u),t&&qt(u[a]?.getAttribute(`aria-label`)??`Slide ${a+1} of ${i}`))},C=()=>S(o.value-1),w=()=>S(o.value+1);h(e[`slide-index`],e=>{typeof e==`number`&&e!==o.value&&S(e,!1)});let T=()=>{let t=e.variant.value??`default`,n=e.orientation.value??`horizontal`;u.forEach(e=>{e.setAttribute(`data-variant`,t),e.setAttribute(`data-orientation`,n)})};h(l(()=>({orientation:e.orientation.value,variant:e.variant.value})),T,{immediate:!0});let E={default:fn,fade:fn,filmstrip:pn,gallery:mn,marquee:hn},D=()=>{E[e.variant.value??`default`](u,o.value)};h(o,D,{immediate:!0});let O=()=>{c===null&&(c=setInterval(w,e[`autoplay-interval`].value??5e3))},k=()=>{c!==null&&(clearInterval(c),c=null)};h(l(()=>({enabled:e.autoplay.value,interval:e[`autoplay-interval`].value})),({enabled:e})=>{k(),e&&O()});let A=e=>{let t=m.value,n=t?`ArrowLeft`:`ArrowUp`,r=t?`ArrowRight`:`ArrowDown`;e.key===n?(e.preventDefault(),C()):e.key===r?(e.preventDefault(),w()):e.key===`Home`?(e.preventDefault(),S(0)):e.key===`End`&&(e.preventDefault(),S(d.value-1))},j=Ht({axis:()=>m.value?`x`:`y`,onCommit:e=>{e.distance<0?w():C()},threshold:()=>48});t({attr:{"aria-label":()=>e.label.value??`Carousel`,"aria-roledescription":()=>`carousel`,orientation:()=>e.orientation.value??`horizontal`,role:()=>`region`,style:()=>`touch-action:${m.value?`pan-y`:`pan-x`}`,variant:()=>e.variant.value??`default`},on:{focusin:()=>{k()},focusout:()=>{e.autoplay.value&&O()},keydown:A,pointercancel:e=>j.handlePointerCancel(e),pointerdown:e=>{e.composedPath().some(e=>e instanceof HTMLElement&&(e.tagName===`BUTTON`||e.tagName===`ORE-BUTTON`||e.tagName===`ORE-PROGRESS`))||j.handlePointerDown(e)},pointerenter:()=>{k()},pointerleave:()=>{e.autoplay.value&&O()},pointermove:e=>j.handlePointerMove(e),pointerup:e=>j.handlePointerUp(e)}});let M=t=>{let r=e.orientation.value??`horizontal`,i=r!==`vertical`;s.value&&e.loop.value===!1&&Fe(`ore-carousel: loop="false" on the marquee variant stops the scroll animation rather than disabling navigation wrap-around. Navigation in marquee always loops. This is different from loop="false" on other variants.`);let a=u.map(e=>{let n=e.cloneNode(!0);return n.setAttribute(`aria-hidden`,`true`),n.setAttribute(`data-variant`,`marquee`),n.setAttribute(`data-orientation`,r),n.setAttribute(`data-marquee-clone`,``),t.appendChild(n),n});t.style.setProperty(`--_marquee-duration`,`${e[`marquee-duration`].value??10}s`),g.value||t.style.setProperty(`animation-iteration-count`,`1`);let o=!1,c=()=>{o=!0,t.style.setProperty(`animation-play-state`,`paused`)},l=()=>{o=!1,t.style.removeProperty(`animation-play-state`)};n.addEventListener(`mouseenter`,c),n.addEventListener(`mouseleave`,l);let d=null;return{cleanup:()=>{d!==null&&clearTimeout(d),d=null,a.forEach(e=>e.remove()),t.style.removeProperty(`transition`),t.style.removeProperty(`transform`),t.style.removeProperty(`animation`),t.style.removeProperty(`--_marquee-duration`),t.style.removeProperty(`animation-iteration-count`),t.style.removeProperty(`animation-delay`),t.style.removeProperty(`animation-play-state`),n.removeEventListener(`mouseenter`,c),n.removeEventListener(`mouseleave`,l)},seekTo:(r,a)=>{let s=a[r];if(!s)return;let c=i?s.offsetLeft:s.offsetTop,l=i?t.scrollWidth/2:t.scrollHeight/2,u=e[`marquee-duration`].value??10,f=l>0?-(c/l*u):0;if(d!==null&&(clearTimeout(d),d=null,t.style.removeProperty(`transition`)),l===0){t.style.setProperty(`animation-delay`,`${f}s`),o||t.style.removeProperty(`animation-play-state`);return}let p=parseFloat(getComputedStyle(n).getPropertyValue(`--carousel-transition-duration`)||`0.35`)*1e3||350,m=i?`translateX(-${c}px)`:`translateY(-${c}px)`;t.getBoundingClientRect();let h=getComputedStyle(t).transform.match(/matrix\(([^)]+)\)/)?.[1].split(`,`).map(Number),g=i?h?.[4]??0:h?.[5]??0,_=i?`translateX(${g}px)`:`translateY(${g}px)`;t.style.setProperty(`animation`,`none`),t.style.setProperty(`transform`,_),requestAnimationFrame(()=>{t.style.setProperty(`transition`,`transform ${p}ms ease-in-out`),t.style.setProperty(`transform`,m),d=setTimeout(()=>{d=null,t.style.removeProperty(`transition`),t.style.removeProperty(`transform`),t.style.removeProperty(`animation`),t.style.setProperty(`animation-delay`,`${f}s`),o&&t.style.setProperty(`animation-play-state`,`paused`)},p)})}}};a(()=>{let t=n.shadowRoot,r=t.querySelector(`.track`),i=t.querySelector(`slot`),a=()=>{f(),T(),D(),s.value&&(x?.cleanup(),x=M(r))};return i.addEventListener(`slotchange`,a),h(l(()=>({duration:e[`marquee-duration`].value,isMarquee:s.value,loop:e.loop.value,orientation:e.orientation.value})),({isMarquee:e})=>{x?.cleanup(),x=e?M(r):null},{immediate:!0}),e.autoplay.value&&O(),()=>{k(),j.dispose(),i.removeEventListener(`slotchange`,a),x?.cleanup()}});let N=e=>{(n.shadowRoot?.querySelector(`.indicator[data-index="${e}"]`))?.focus()},P=(e,t)=>{let n=d.value,r;switch(e.key){case`ArrowDown`:case`ArrowRight`:r=(t+1)%n;break;case`ArrowLeft`:case`ArrowUp`:r=(t-1+n)%n;break;case`End`:r=n-1;break;case`Home`:r=0;break;default:return}e.preventDefault(),S(r),N(r)},F=()=>_.value?i`<div class="controls" part="controls">
|
|
579
|
+
</div>`;return i` ${()=>e.type.value===`circular`?h():g()} `},styles:[q,be,G,ot]});var Z=e=>{let t=new AbortController;return e(()=>t.abort()),t.signal},ct=e=>l(()=>({errorText:e.error?.value??``,helperText:e.helper?.value??``})),lt=e=>l(()=>{let t=e.value?.value??``,n=e.maxLength?.value,r=Number(n),i=Number.isFinite(r)&&r>0?r:null,a=i!==null,o=a?`${t.length} / ${i}`:``,s=a?t.length/i:0;return{counterAtLimit:a?s>=1:!1,counterNearLimit:a?s>=.9&&s<1:!1,counterText:o}}),ut=e=>{let n=l(()=>!!e.disabled?.value),r=e.validateOn,i=e.id??t(e.prefix??`field`),a=t(`helper`),o=t=>{r?.value===t&&e.getFormField?.()?.reportValidity()},s=t(`label`),c=t(`error`),u=e.label??l(()=>void 0),d=e.hasLabel??l(()=>!!u.value),f=ct({error:e.error,helper:e.helper}),p=l(()=>f.value.errorText||f.value.helperText?a:null),m=l(()=>f.value.errorText?c:null),h=l(()=>f.value.errorText?`true`:null),g=l(()=>d.value?s:null);return{ariaDescribedBy:p,ariaErrorMessage:m,ariaInvalid:h,ariaLabelledBy:g,ariaProps:()=>({"aria-describedby":p.value,"aria-errormessage":m.value,"aria-invalid":h.value,"aria-labelledby":g.value}),assistiveId:a,disabled:n,errorId:c,errorText:l(()=>f.value.errorText),fieldId:i,helperText:l(()=>f.value.helperText),labelId:s,labelVisible:d,triggerValidation:o}},dt=(e,t,n=e=>e)=>{let r=p(m(()=>n(e.value))),i=h(e,e=>{r.value=n(e)});return t&&t.addEventListener(`abort`,()=>i.dispose(),{once:!0}),r},ft=e=>{let t=dt(e.value,e.signal,e=>String(e??``)),n=ut(e),r=e.maxLength?lt({maxLength:e.maxLength,value:t}):null,i=r=>{r?.preventDefault?.(),t.value=``,e.onInput?.(r??new InputEvent(`input`,{bubbles:!0}),``),e.onChange?.(r??new Event(`change`,{bubbles:!0}),``),n.triggerValidation(`change`)},a=(r,i)=>{let a=[],o=(e,t)=>{r.addEventListener(e,t),a.push(()=>r.removeEventListener(e,t))};e.onFocus&&o(`focus`,t=>e.onFocus(t)),o(`input`,n=>{n.stopPropagation(),e.onBeforeInput?.(n),t.value=r.value,e.onInput?.(n,r.value)}),o(`change`,i=>{i.stopPropagation(),t.value=r.value,e.onChange?.(i,r.value),n.triggerValidation(`change`)}),o(`blur`,t=>{e.onBlur?.(t),n.triggerValidation(`blur`)});let s=!1,c=()=>{if(!s){s=!0;for(let e of a)e()}};return i?.addEventListener(`abort`,c,{once:!0}),c};return{...n,clear:i,counter:r,value:t,wire:a}},pt=e=>e?Array.isArray(e)?e.filter(Boolean):e.split(`,`).map(e=>e.trim()).filter(Boolean):[],mt=e=>{let t=p([]),n=l(()=>!!e.multiple?.value),r=l(()=>n.value?t.value.join(`,`):t.value[0]??``),i=e=>{let t=n.value?e:e.slice(0,1);return[...new Set(t.filter(Boolean))]},a=e=>{t.value=i(e)},o=()=>a([]),s=e=>{t.value=t.value.filter(t=>t!==e)},c=e=>{if(n.value){t.value.includes(e)||a([...t.value,e]);return}a([e])},u=e=>{n.value&&t.value.includes(e)?s(e):c(e)},d=e=>{a(pt(e))},f=ut(e),m=h(e.value,d,{immediate:!0});if(e.signal.addEventListener(`abort`,()=>m.dispose(),{once:!0}),e.multiple){let t=h(e.multiple,()=>d(e.value.value));e.signal.addEventListener(`abort`,()=>t.dispose(),{once:!0})}return{...f,clear:o,formValue:r,removeValue:s,selectedValue:l(()=>t.value[0]),selectedValues:t,selectValue:c,setValues:a,toggleValue:u}},ht=(e,t)=>{if(t.disabled?.value)return!1;let n=Object.hasOwn(t.keymap,e.key)?t.keymap[e.key]:void 0;if(!n)return!1;let r=t.preventDefault??`before`;r===`before`&&e.preventDefault();let i=n(e)!==!1;return r===`after`&&i&&e.preventDefault(),i},gt=e=>{let t=()=>!!e.disabled?.value,n=e.keys??[`Enter`,` `],r=Object.fromEntries(n.map(t=>[t,t=>e.onPress?.(t,`keyboard`)]));return{handleBlur:n=>{t()||e.onBlur?.(n)},handleClick:n=>t()?!1:(e.onPress?.(n,`pointer`),!0),handleFocus:n=>{t()||e.onFocus?.(n)},handleKeydown:t=>ht(t,{disabled:e.disabled,keymap:r})}},_t=e=>{let t=dt(e.checked,e.signal,Boolean),n=e.indeterminate?dt(e.indeterminate,e.signal,Boolean):p(!1),r=l(()=>n.value?null:t.value?e.value.value??``:null),i=ut(e),a=n=>({checked:t.value,originalEvent:n,value:e.value.value??``}),o=r=>{if(!i.disabled.value){if(e.group){n.value=!1,e.group.toggle(e.value.value??``,r),e.onToggle?.(a(r));return}e.clearIndeterminateFirst&&n.value||(t.value=!t.value),n.value=!1,e.onToggle?.(a(r))}},s=gt({disabled:i.disabled,onPress:e=>o(e)});return{...i,checkableFormValue:r,checked:t,handleClick:s.handleClick,handleKeydown:s.handleKeydown,indeterminate:n,toggle:o}},vt=class e extends Error{constructor(e,t){super(e,t),this.name=new.target.name,Object.setPrototypeOf(this,new.target.prototype)}static is(t){return t instanceof e}},yt=class extends vt{},bt=e=>{let t=e.delay??500,n=``,r=null,i=()=>{n=``,r!==null&&(clearTimeout(r),r=null)};return e.signal?.addEventListener(`abort`,i,{once:!0}),{handleKeydown:a=>{if(a.key.length!==1||a.ctrlKey||a.altKey||a.metaKey)return!1;n+=a.key.toLowerCase(),r!==null&&clearTimeout(r),r=setTimeout(i,t);let o=e.getItems(),s=e.getIndex(),c=s>=0?s+1:0;for(let t=0;t<o.length;t++){let r=(c+t)%o.length;if(!e.isItemDisabled?.(o[r],r)&&e.getItemLabel(o[r],r).toLowerCase().startsWith(n))return e.onNavigate(r,a),!0}return!1},reset:i}},xt=(e,t,n)=>{for(let r=t;r<e.length;r++)if(n(e[r],r))return r;return-1},St=(e,t,n)=>{for(let r=t;r>=0;r--)if(n(e[r],r))return r;return-1},Ct={both:{first:[`Home`],last:[`End`],next:[`ArrowDown`,`ArrowRight`],prev:[`ArrowUp`,`ArrowLeft`]},horizontal:{first:[`Home`],last:[`End`],next:[`ArrowRight`],prev:[`ArrowLeft`]},vertical:{first:[`Home`],last:[`End`],next:[`ArrowDown`],prev:[`ArrowUp`]}},wt=e=>typeof e==`object`&&!!e&&`disabled`in e,Tt=e=>{let t=p(-1),n=(t,n)=>e.isItemDisabled?.(t,n)??(wt(t)?t.disabled:!1),r=(n,r,i)=>(n>=0&&(t.value=n,e.onNavigate?.(r,n,i)),n),i=(e,t,r)=>r===`forward`?xt(e,t,(e,t)=>!n(e,t)):St(e,t,(e,t)=>!n(e,t)),a=r=>{if(r<0)return l(),-1;let i=e.getItems();if(!i.length)return-1;let a=Math.min(r,i.length-1);return n(i[a],a)?-1:(t.value=a,a)},o=(n,a)=>{let o=e.getItems(),s=t.value;if(!o.length)return-1;let c=s<0?n===`forward`?0:o.length-1:n===`forward`?s+1:s-1,l=i(o,c,n),u=n===`forward`?`next`:`prev`;if(l>=0)return r(l,u,a);if(e.loop){let e=n===`forward`?0:o.length-1,t=i(o,e,n);if(t>=0)return r(t,u,a)}return s},s=t=>{let n=e.getItems();if(!n.length)return-1;if(t===`first`){let e=i(n,0,`forward`);return r(e,`first`)}if(t===`last`){let e=i(n,n.length-1,`backward`);return r(e,`last`)}return o(t===`next`?`forward`:`backward`)},c=()=>{let n=e.getItems(),r=t.value;return r>=0&&r<n.length?n[r]:void 0},l=()=>{t.value=-1},u=()=>!!e.disabled?.value,d=()=>typeof e.orientation==`function`?e.orientation():e.orientation??`vertical`,f=()=>{let t=e.keys,n=Ct[d()],a={first:t?.first??n.first,last:t?.last??n.last,next:t?.next??n.next,prev:t?.prev??n.prev},s={};for(let t of[`next`,`prev`,`first`,`last`])for(let n of a[t])s[n]=n=>{if(t===`first`||t===`last`){let a=e.getItems();if(!a.length)return;let o=t===`first`?i(a,0,`forward`):i(a,a.length-1,`backward`);r(o,t,n)}else o(t===`next`?`forward`:`backward`,n)};return s},m=e.getItemLabel?bt({getIndex:()=>t.value,getItemLabel:e.getItemLabel,getItems:e.getItems,isItemDisabled:(e,t)=>n(e,t),onNavigate:(n,r)=>{u()||(t.value=n,e.onNavigate?.(`typeahead`,n,r))}}):null,h=typeof e.orientation==`function`?null:f(),g=t=>{let n=h??f();return ht(t,{disabled:e.disabled,keymap:n})?!0:m?.handleKeydown(t)??!1},_=()=>{m?.reset()};return e.signal&&e.signal.addEventListener(`abort`,_,{once:!0}),{focusedIndex:t,getActiveItem:c,handleKeydown:g,navigate:s,reset:l,set:a,[Symbol.dispose]:_}},Et=e=>{let t=null,n=()=>typeof e.restoreFocus==`function`?e.restoreFocus():e.restoreFocus??!0,r=t=>{if(!e.isOpen())return;let n=t.composedPath?.()??[],r=e.getBoundary(),i=e.getPanel?.()??null,a=n[0]??t.target,s=a instanceof Node?a:null,c=n.some(e=>e===r||e===i),l=s?(r?.contains(s)??!1)||(i?.contains(s)??!1):!1;!c&&!l&&o(`outsideClick`)},i=e=>{e?document.addEventListener(`pointerdown`,r,{capture:!0}):document.removeEventListener(`pointerdown`,r,{capture:!0})},a=(n=`programmatic`)=>{e.isDisabled?.()||e.isOpen()||(e.setOpen(!0,n),i(!0),e.positioner&&(e.positioner.update(),t=e.positioner.startAutoUpdate?.()??null),e.onOpen?.(n))},o=(r=`programmatic`,a,o=!1)=>{e.isOpen()&&(e.setOpen(!1,r),i(!1),t&&=(t(),null),(a??n())&&e.getTrigger?.()?.focus(),o||e.onClose?.(r))},s=(t=`click`,n=`trigger`)=>{e.isOpen()?o(n):a(t)},c=()=>{e.isOpen()&&o(`programmatic`,!1,!0),i(!1),t&&=(t(),null)};return e.signal.addEventListener(`abort`,c,{once:!0}),{close:o,dispose:c,open:a,[Symbol.dispose]:c,toggle:s}};function Dt(e){let t=e;for(;t;){let e=t.getAttribute(`dir`);if(e===`rtl`||e===`ltr`)return e;t=t.parentElement}return e!==null&&getComputedStyle(e).direction===`rtl`?`rtl`:`ltr`}var Ot=e=>e.endsWith(`-start`)?e.replace(`-start`,`-end`):e.endsWith(`-end`)?e.replace(`-end`,`-start`):e;function kt({getDir:e,getFloating:t,getPlacement:n,getReference:r,matchWidth:i=!0,offsetPx:a=0,padding:o=6}){function s(){let t=n?.()??`bottom-start`;return(e?.()??Dt(r()))===`rtl`?Ot(t):t}function c(){let e=r(),n=t();if(!e||!n)return;let c=s(),l=v(e,n,{middleware:[...a?[b(a)]:[],y({padding:o}),x({padding:o}),...i?[S({padding:o})]:[]],placement:c});n.style.left=`${l.x}px`,n.style.top=`${l.y}px`,i&&(n.style.width=`${e.getBoundingClientRect().width}px`)}function l(){let e=r(),n=t();return!e||!n?()=>{}:_(e,n,c)}return{floating:t,reference:r,startAutoUpdate:l,update:c}}var At=e=>{if(typeof e.getBoundary!=`function`)throw new yt(`createOptionList: getBoundary is required`);if(typeof e.getPanel!=`function`)throw new yt(`createOptionList: getPanel is required`);if(typeof e.getReference!=`function`)throw new yt(`createOptionList: getReference is required`);let t=p(!1),n=l(()=>String(t.value)),r=kt({...e.positioning,getFloating:e.getPanel,getReference:e.getReference}),i=()=>{e.getFocusedOptionElement?.()?.scrollIntoView({block:`nearest`})},a=Tt({disabled:l(()=>!t.value),getItemLabel:e.getItemLabel,getItems:e.getItems,isItemDisabled:e.isItemDisabled,keys:e.keys,loop:e.loop??!0,onNavigate:(t,n,r)=>{i(),n>=0&&e.onNavigate?.(t,n,r)},orientation:e.orientation,signal:e.signal}),o=l(()=>{let n=a.focusedIndex.value;return e.getOptionId&&t.value&&n>=0?e.getOptionId(n):null}),s=Et({getBoundary:e.getBoundary,getPanel:e.getPanel,getTrigger:e.getTrigger,isDisabled:e.isDisabled,isOpen:()=>t.value,onClose:e.onClose,onOpen:e.onOpen,positioner:r,restoreFocus:e.restoreFocus,setOpen:e=>{t.value=e,e||a.reset()},signal:e.signal});return{ariaActiveDescendant:o,ariaExpanded:n,close:e=>s.close(e),focusedIndex:a.focusedIndex,getActiveItem:a.getActiveItem,handleKeydown:e=>t.value?e.key===`Escape`?(e.preventDefault(),s.close(`escape`),!0):a.handleKeydown(e):!1,isOpen:t,navigate:a.navigate,open:e=>s.open(e),scrollFocusedIntoView:i,set:a.set,toggle:(e,t)=>s.toggle(e,t),updatePosition:r.update}},jt=e=>{let t=p(0),n=()=>{let t=e.pageSize;return t===void 0?10:typeof t==`number`?t:t.value??10},r=l(()=>Math.ceil(e.getItems().length/n())),i=l(()=>r.value===0?-1:Math.min(t.value,r.value-1)),a=l(()=>{let t=i.value,r=n(),a=t*r;return e.getItems().slice(a,a+r)});return{goTo:e=>{Number.isFinite(e)&&(t.value=Math.max(0,e))},hasNext:l(()=>r.value>0&&i.value<r.value-1),hasPrev:l(()=>i.value>0),next:()=>{r.value>0&&i.value<r.value-1&&(t.value=i.value+1)},pageCount:r,pageIndex:i,pageItems:a,prev:()=>{i.value>0&&(t.value=i.value-1)},reset:()=>{t.value=0}}},Mt=e=>{let t=Number(e);return Number.isFinite(t)?t:void 0},Nt=(e,t)=>Mt(e)??t,Pt=(e,t)=>Math.abs(Nt(e,t))||t,Ft=e=>{let t=()=>!!e.disabled?.value||!!e.readonly?.value,n=()=>Mt(e.min?.value),r=()=>Mt(e.max?.value),i=e=>C(e,n(),r()),a=()=>Pt(e.step?.value,1),o=()=>{let t=a();return Pt(e.largeStep?.value,t*10)},s=()=>e.parse()??n()??0,c=(t,n)=>{if(t==null){e.commit(null,n);return}e.commit(i(t),n)},l=(e,n)=>{t()||c(s()+e,n)};return{atMax:()=>{let t=e.parse(),n=r();return t!=null&&n!=null&&t>=n},atMin:()=>{let t=e.parse(),r=n();return t!=null&&r!=null&&t<=r},handleKeydown:e=>t()?!1:ht(e,{keymap:{ArrowDown:()=>l(-a(),e),ArrowUp:()=>l(a(),e),End:()=>{let t=r();if(t==null)return!1;c(t,e)},Home:()=>{let t=n();if(t==null)return!1;c(t,e)},PageDown:()=>l(-o(),e),PageUp:()=>l(o(),e)},preventDefault:`after`}),incrementBy:l}},It=e=>{let t=()=>Nt(e.min?.value,0),n=()=>Nt(e.max?.value,100),r=()=>Pt(e.step?.value,1),i=e=>{let r=t(),i=n();return C(Nt(e,r),r,i)},a=e=>{let n=t();return i(Math.round(Nt(e,n)/r())*r())},o=e=>{let r=t(),i=n(),a=Nt(e,r);return i<=r?0:(a-r)/(i-r)*100},s=(e,r)=>{if(r.width<=0)return a(t());let i=Math.max(0,Math.min(1,(e-r.left)/r.width)),o=t(),s=n();return a(o+i*(s-o))},c=(e,a)=>{let o=Nt(a,t());return e===`ArrowRight`||e===`ArrowUp`?i(o+r()):e===`ArrowLeft`||e===`ArrowDown`?i(o-r()):e===`Home`?t():e===`End`?n():null};return{clamp:i,fromClientX:s,handleKeydown:(t,n,r)=>{if(e.disabled?.value||e.readonly?.value)return!1;let i=c(t.key,n);return i===null?!1:(t.preventDefault(),r(i),!0)},max:n,min:t,nextFromKey:c,snap:a,toPercent:o}},Lt=e=>e.axis?.()??`x`,Rt=e=>{let t=e.threshold?.()??48;return Number.isFinite(t)&&t>0?t:1},zt=(e,t)=>t===`x`?e.clientX:e.clientY,Bt=e=>e.currentTarget instanceof HTMLElement?e.currentTarget:e.target instanceof HTMLElement?e.target:null,Vt=e=>{let t=null,n=()=>!!e.disabled?.value,r=()=>{t=null},i=e=>t?.pointerId===e.pointerId,a=e=>{if(!t)return null;let n=zt(e,t.axis),r=n-t.start;return{axis:t.axis,current:n,distance:r,event:e,pointerId:t.pointerId,progress:Math.min(Math.abs(r)/t.threshold,1),start:t.start,threshold:t.threshold}};return{dispose:r,handlePointerCancel:n=>{if(!t||!i(n))return!1;let o=a(n);return r(),o&&e.onCancel?.(o),!0},handlePointerDown:r=>{if(t||n())return!1;let i=Lt(e);t={axis:i,pointerId:r.pointerId,start:zt(r,i),threshold:Rt(e)},(typeof e.captureTarget==`function`?e.captureTarget(r):Bt(r))?.setPointerCapture?.(r.pointerId);let o=a(r);return o&&e.onStart?.(o),!0},handlePointerMove:n=>{if(!t||!i(n))return!1;let o=a(n);return o?(e.onMove?.(o),e.shouldCommit?.(o)??Math.abs(o.distance)>=o.threshold?(r(),e.onCommit?.(o),!0):!0):!1},handlePointerUp:n=>{if(!t||!i(n))return!1;let o=a(n);return r(),o&&e.onRelease?.(o),!0},isActive:()=>t!=null,[Symbol.dispose]:r}},Ht=new WeakMap,Ut=new WeakMap,Wt=(e,t)=>{let n=t.createElement(`div`);return n.setAttribute(`aria-live`,e),n.setAttribute(`aria-atomic`,`true`),n.setAttribute(`data-block-announcer`,e),n.style.cssText=le,t.body.appendChild(n),n},Gt=(e,t)=>{let n=Ht.get(t);return n?.[e]&&!t.body.contains(n[e])&&(n[e]=void 0),n?.[e]||(n||(n={},Ht.set(t,n)),n[e]=Wt(e,t)),n[e]??null},Kt=(e,t={})=>{if(typeof document>`u`)return;let n=Gt(t.politeness??`polite`,document);if(!n)return;n.textContent=``;let r=Ut.get(n);r!==void 0&&clearTimeout(r);let i=setTimeout(()=>{n.textContent=e,Ut.delete(n)},50);Ut.set(n,i)};function qt(e){if(!e)return null;try{return O(e)}catch{return null}}function Jt(e){return e?e.toString():null}function Yt(e,t){return D(e,{intl:{day:`numeric`,month:`short`,year:`numeric`},locale:t,tz:`UTC`})}function Xt(){return E.Now.plainDateISO()}function Zt(e){return e%7}function Qt(e){let t=e.value??null,n=`day`,r=t??Xt(),i=r.year,a=r.month;function o(){return e.locale??(typeof navigator<`u`?navigator.language:`en`)}function s(){return e.weekendDays??[]}function c(t){return!!(e.min&&E.PlainDate.compare(t,e.min)<0||e.max&&E.PlainDate.compare(t,e.max)>0)}function l(e){return!!(c(e)||s().includes(Zt(e.dayOfWeek)))}function u(){let e=Xt(),n=E.PlainDate.from({day:1,month:a,year:i}),r=Zt(n.dayOfWeek),o=[];for(let i=r-1;i>=0;i--){let r=n.subtract({days:i+1});o.push({day:r.day,isDisabled:l(r),iso:r.toString(),isOutsideMonth:!0,isSelected:t!==null&&E.PlainDate.compare(r,t)===0,isToday:E.PlainDate.compare(r,e)===0,plain:r})}let s=n.daysInMonth;for(let n=1;n<=s;n++){let r=E.PlainDate.from({day:n,month:a,year:i});o.push({day:n,isDisabled:l(r),iso:r.toString(),isOutsideMonth:!1,isSelected:t!==null&&E.PlainDate.compare(r,t)===0,isToday:E.PlainDate.compare(r,e)===0,plain:r})}let c=(7-o.length%7)%7,u=n.add({months:1});for(let n=0;n<c;n++){let r=u.add({days:n});o.push({day:r.day,isDisabled:l(r),iso:r.toString(),isOutsideMonth:!0,isSelected:t!==null&&E.PlainDate.compare(r,t)===0,isToday:E.PlainDate.compare(r,e)===0,plain:r})}return o}function d(){let n=[],r=o();for(let a=1;a<=12;a++){let o=E.PlainDate.from({day:1,month:a,year:i}),s=o.with({day:o.daysInMonth}),c=(e.min!==null&&e.min!==void 0?E.PlainDate.compare(s,e.min)<0:!1)||(e.max!==null&&e.max!==void 0?E.PlainDate.compare(o,e.max)>0:!1);n.push({isDisabled:c,isSelected:t!==null&&t.year===i&&t.month===a,label:D(o,{intl:{month:`long`},locale:r,tz:`UTC`}),month:a,shortLabel:D(o,{intl:{month:`short`},locale:r,tz:`UTC`})})}return n}function f(){let n=Math.floor(i/10)*10,r=[];for(let i=n;i<n+12;i++){let n=E.PlainDate.from({day:1,month:1,year:i}),a=E.PlainDate.from({day:31,month:12,year:i}),o=(e.min!==null&&e.min!==void 0?E.PlainDate.compare(a,e.min)<0:!1)||(e.max!==null&&e.max!==void 0?E.PlainDate.compare(n,e.max)>0:!1);r.push({isDisabled:o,isSelected:t!==null&&t.year===i,year:i})}return r}function p(){let e=O(`2024-01-07`),t=o();return Array.from({length:7},(n,r)=>D(e.add({days:r}),{intl:{weekday:`short`},locale:t,tz:`UTC`}))}return{dayCells:u,displayMonth:()=>a,displayYear:()=>i,goTo(e,t){Number.isFinite(e)&&(i=e,a=Math.max(1,Math.min(12,t)))},monthCells:d,nextMonth(){a===12?(a=1,i++):a++},nextYear(){i++},prevMonth(){a===1?(a=12,i--):a--},prevYear(){i--},select(n){n!==null&&l(n)||(t=n,t&&(i=t.year,a=t.month),e.onChange(t))},selected:()=>t,setView(e){n=e},view:()=>n,weekdayLabels:p,yearCells:f}}function $t(e){let t=null,n=null;return{applyInitialFocus(){n!==null&&(cancelAnimationFrame(n),n=null);let t=e.getInitialFocusSelector();if(t){let r=e.host.shadowRoot??e.host,i=null;try{i=r.querySelector(t)}catch{return}i&&(n=requestAnimationFrame(()=>{n=null,i.focus()}))}},cancelInitialFocus(){n!==null&&(cancelAnimationFrame(n),n=null)},captureReturnFocus(){t=document.activeElement},restoreFocus(){e.getReturnFocus()!==!1&&t&&(t.focus(),t=null)}}}var en=(e,t)=>Array.from(e.getElementsByTagName(t)),tn=(e,t)=>e.find(e=>(e.getAttribute(`value`)??``)===t)?.textContent?.replace(/\s+/g,` `).trim()||t,nn=e=>{let t=p(new Set),n=e=>t.value.has(e),r=()=>{let n=e.pageItems();return n.length?n.every(n=>t.value.has(e.getRowKey(n))):!1},i=n=>{t.value=n,e.onSelectionChange?.(n)};return{clearSelection:()=>{i(new Set)},isAllSelected:r,isSelected:n,selectAll:()=>{if(e.selectionMode()!==`multi`)return;let n=e.pageItems();if(r()){let r=new Set(t.value);for(let t of n)r.delete(e.getRowKey(t));i(r)}else{let r=new Set(t.value);for(let t of n)r.add(e.getRowKey(t));i(r)}},selectedKeys:l(()=>new Set(t.value)),setSelection:e=>{i(new Set(e))},toggleRow:n=>{let r=e.selectionMode();if(r===`none`)return;let a=new Set(t.value);a.has(n)?a.delete(n):(r===`single`&&a.clear(),a.add(n)),i(a)}}},rn=e=>{let t=e.items,n=p(``),r=p(`none`),i=l(()=>({direction:r.value,key:n.value}));return{sortBy:t=>{n.value===t?r.value===`asc`?r.value=`desc`:r.value===`desc`&&(n.value=``,r.value=`none`):(n.value=t,r.value=`asc`),e.onSortChange?.({direction:r.value,key:n.value})},sortedItems:l(()=>{let i=t.value,a=n.value,o=r.value;if(!a||o===`none`)return i;let s=e.columns().find(e=>e.key===a);return i.slice().sort((e,t)=>{let n=s?.sortValue?s.sortValue(e):e[a],r=s?.sortValue?s.sortValue(t):t[a],i=typeof n==`number`&&typeof r==`number`?n-r:String(n??``).localeCompare(String(r??``));return o===`asc`?i:-i})}),sortState:i,sortTo:(t,i)=>{i===`none`?(n.value=``,r.value=`none`):(n.value=t,r.value=i),e.onSortChange?.({direction:r.value,key:n.value})}}},an=e=>{let t=rn({columns:e.columns,items:e.items,onSortChange:e.onSortChange}),n=jt({getItems:()=>t.sortedItems.value,pageSize:l(()=>{let t=e.pageSize();return t<=0?2**53-1:t})}),r=l(()=>t.sortedItems.value.length),i=l(()=>e.pageSize()<=0?t.sortedItems.value:n.pageItems.value),a=e=>{t.sortBy(e),n.reset()},o=(e,r)=>{t.sortTo(e,r),n.reset()},s=nn({getRowKey:e.getRowKey,onSelectionChange:e.onSelectionChange,pageItems:()=>n.pageItems.value,selectionMode:e.selectionMode}),c=l(()=>e.items.value.filter(t=>s.selectedKeys.value.has(e.getRowKey(t))));return{clearSelection:s.clearSelection,currentPageItems:i,goToPage:e=>{Number.isFinite(e)&&n.goTo(Math.max(0,e))},hasNextPage:n.hasNext,hasPrevPage:n.hasPrev,isAllSelected:s.isAllSelected,isSelected:s.isSelected,nextPage:n.next,pageCount:n.pageCount,pageIndex:n.pageIndex,prevPage:n.prev,selectAll:s.selectAll,selectedKeys:s.selectedKeys,selectedRows:c,setSelection:s.setSelection,sortBy:a,sortState:t.sortState,sortTo:o,toggleRow:s.toggleRow,totalItems:r}},on=(e,t,n)=>{let r=String(e??``).split(`,`).map(e=>e.trim()).filter(e=>t.has(e));return r.length>0?r:[...n]},sn=`@layer refine.base{:host{--_bg:var(--carousel-bg,var(--color-canvas));--_radius:var(--carousel-radius,var(--rounded-xl));--_dot-bg:var(--carousel-dot-bg,var(--color-contrast-300));--_dot-active-bg:var(--carousel-dot-active-bg,var(--color-contrast-700));width:100%;min-height:var(--carousel-min-height,240px);touch-action:auto;background:var(--_bg);border-radius:var(--_radius);outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.track{flex:auto;width:100%;min-height:0;position:relative}.controls{gap:var(--size-0-5);pointer-events:none;align-items:center;display:flex}.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}:host>.controls{padding:var(--size-1-5) var(--size-2);background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);position:absolute}:host>.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-3);margin-left:0}:host>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3);margin-right:0}.nav-btn{pointer-events:auto}:host([variant=gallery]) .track{gap:var(--carousel-gallery-gap,var(--size-2));flex-direction:row;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}:host([variant=gallery][orientation=vertical]) .track{flex-direction:column;align-items:stretch}:host([variant=marquee]){overflow:hidden}:host([variant=marquee]) .track{gap:var(--carousel-marquee-gap,var(--size-4));width:max-content;animation:carousel-marquee var(--_marquee-duration,0s) linear infinite;flex-direction:row;align-items:stretch;display:flex;position:absolute;top:0;bottom:0}:host([variant=marquee]) .track:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([variant=marquee]) .track:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([variant=marquee][orientation=vertical]) .track{flex-direction:column;align-items:stretch;width:100%;height:max-content;animation-name:carousel-marquee-v;inset:0 0 auto}:host([variant=filmstrip]) .track{gap:var(--carousel-filmstrip-gap,var(--size-2));flex-direction:row;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}:host([variant=filmstrip][orientation=vertical]) .track{flex-direction:column;width:100%}:host([orientation=vertical]){--_slide-translate-before:translateY(-100%);--_slide-translate-after:translateY(100%)}:host([orientation=vertical]) .indicators{top:50%;bottom:auto;inset-inline:var(--size-3) auto;width:auto;height:max-content;padding-block:var(--size-6) var(--size-2);padding-inline:var(--size-1-5);border-radius:var(--rounded-full);flex-direction:column;transform:translate(0)translateY(-50%)}:host([orientation=vertical]) .controls{flex-direction:column;margin-top:auto}:host([orientation=vertical]) .controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:0}:host([orientation=vertical]) .controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}:host([orientation=vertical])>.controls{bottom:var(--size-3);margin-top:0}:host([orientation=vertical])>.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-3)}:host([orientation=vertical])>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3)}:host([orientation=vertical]) .indicator:not(.indicator-active){width:var(--size-2)!important;height:var(--size-2)!important}:host([orientation=vertical]) .indicator-active{height:var(--size-8);width:var(--size-1-5)!important}.indicators{gap:var(--size-1-5);width:max-content;padding:var(--size-1-5) var(--size-2) var(--size-1-5) var(--size-6);pointer-events:none;background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);flex-direction:row;align-items:center;display:flex;position:absolute;left:50%;right:50%;transform:translate(-50%)}.indicator{pointer-events:auto;cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:0;display:block}.indicator>ore-progress{pointer-events:none;width:100%;height:100%;display:block}.indicator:not(.indicator-active){border-radius:var(--rounded-full);overflow:hidden;width:var(--size-2)!important;height:var(--size-2)!important}.indicator-active{--progress-track-bg:color-mix(in oklch, var(--_dot-bg) 60%, transparent);width:var(--size-8)!important}.indicator:focus-visible{outline:var(--border) solid currentcolor;outline-offset:2px}.indicator:hover{opacity:.8}.indicator ore-progress::part(fill){transition:width var(--transition-normal)}.indicator-active ore-progress::part(fill){animation-name:var(--carousel-animation-name,none);animation-duration:calc(var(--carousel-timeout,4000) * 1ms);animation-timing-function:var(--ease-linear);animation-fill-mode:forwards}}@media (prefers-reduced-motion:reduce){:host{--carousel-transition-duration:0s}:host([variant=marquee]) .track,:host([variant=marquee][orientation=vertical]) .track{animation:none}}@keyframes carousel-fill{0%{width:0%}to{width:100%}}@keyframes carousel-fill-v{0%{height:0%}to{height:100%}}@keyframes carousel-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes carousel-marquee-v{0%{transform:translateY(0)}to{transform:translateY(-50%)}}`,cn=`:host{pointer-events:none;opacity:0;width:100%;height:100%;transform:var(--_slide-translate-after,translateX(100%));transition:transform var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);display:block;position:absolute;inset:0;overflow:hidden}:host([data-before]){transform:var(--_slide-translate-before,translateX(-100%))}:host([data-active]){pointer-events:auto;opacity:1;transform:translate(0)}:host([data-variant=fade]){transition:opacity var(--carousel-transition-duration,.35s) var(--ease-move);transform:none}:host([data-variant=filmstrip]){pointer-events:auto;border-radius:var(--carousel-radius,var(--rounded-xl));opacity:1;transition:flex var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);flex-shrink:0;align-self:stretch;position:relative;inset:auto;transform:none}:host([data-variant=filmstrip][data-orientation=horizontal]){flex:0 0 var(--carousel-filmstrip-inactive,var(--size-16));width:auto;min-width:var(--carousel-filmstrip-inactive,var(--size-16));height:100%}:host([data-variant=filmstrip][data-orientation=horizontal][data-active]){flex:1 1 0}:host([data-variant=filmstrip][data-orientation=vertical]){flex:0 0 var(--carousel-filmstrip-inactive,var(--size-10));width:100%;height:auto;min-height:var(--carousel-filmstrip-inactive,var(--size-10))}:host([data-variant=filmstrip][data-orientation=vertical][data-active]){flex:1 1 0}:host([data-variant=gallery]){display:none}:host([data-variant=gallery][data-gallery-visible]){pointer-events:auto;border-radius:var(--carousel-radius,var(--rounded-xl));opacity:.5;transition:flex var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);align-self:stretch;display:block;position:relative;inset:auto;overflow:hidden;transform:none}:host([data-variant=gallery][data-gallery-visible][data-active]){opacity:1}:host([data-variant=gallery][data-orientation=horizontal][data-gallery-visible]){flex:0 0 var(--carousel-gallery-thumbnail,var(--size-24));width:auto;min-width:var(--carousel-gallery-thumbnail,var(--size-24));flex-shrink:0;height:100%}:host([data-variant=gallery][data-orientation=horizontal][data-gallery-visible][data-active]){flex:1 1 0}:host([data-variant=gallery][data-orientation=vertical][data-gallery-visible]){flex:1 1 0;width:100%;height:auto}:host([data-variant=gallery][data-orientation=vertical][data-gallery-visible][data-active]){flex:4 1 0}:host([data-variant=marquee]){pointer-events:auto;opacity:1;flex:none;transition:none;position:relative;inset:auto;transform:none}:host([data-variant=marquee][data-orientation=horizontal]){width:auto;height:100%}:host([data-variant=marquee][data-orientation=vertical]){width:100%;height:auto}:host([data-variant=marquee][data-marquee-clone]){pointer-events:none;-webkit-user-select:none;user-select:none}::slotted(*){max-width:100%}`,ln=`ore-carousel-slide`;r(ln,{props:{},setup(e,{bind:t}){return t({attr:{"aria-roledescription":()=>`slide`,role:()=>`group`}}),i`<slot></slot>`},styles:[cn]});var un=`ore-carousel`,dn=(e,t)=>{let n=e.length;e.forEach((e,r)=>{let i=r===t;e.toggleAttribute(`data-active`,i),e.setAttribute(`aria-hidden`,String(!i)),e.setAttribute(`aria-label`,e.getAttribute(`aria-label`)??`Slide ${r+1} of ${n}`),e.removeAttribute(`data-gallery-visible`),e.toggleAttribute(`data-before`,r<t),e.toggleAttribute(`data-after`,r>t)})},fn=(e,t)=>{let n=e.length;e.forEach((e,r)=>{let i=r===t;e.toggleAttribute(`data-active`,i),e.setAttribute(`aria-hidden`,String(!i)),e.setAttribute(`aria-label`,e.getAttribute(`aria-label`)??`Slide ${r+1} of ${n}`),e.removeAttribute(`data-gallery-visible`),e.removeAttribute(`data-before`),e.removeAttribute(`data-after`)})},pn=(e,t)=>{let n=e.length;e.forEach((e,r)=>{let i=r===t,a=t>0&&r===t-1,o=t<n-1&&r===t+1;e.toggleAttribute(`data-active`,i),e.setAttribute(`aria-hidden`,String(!i)),e.setAttribute(`aria-label`,e.getAttribute(`aria-label`)??`Slide ${r+1} of ${n}`),e.removeAttribute(`data-before`),e.removeAttribute(`data-after`),e.toggleAttribute(`data-gallery-visible`,i||a||o)})},mn=(e,t)=>{e.forEach((e,n)=>{e.toggleAttribute(`data-active`,n===t),e.setAttribute(`aria-hidden`,`false`),e.removeAttribute(`data-before`),e.removeAttribute(`data-after`),e.removeAttribute(`data-gallery-visible`)})};r(un,{props:{autoplay:o.bool(!1),"autoplay-interval":o.number(5e3),color:o.string(),label:o.string(`Carousel`),loop:o.bool(!0),"marquee-duration":o.number(10),orientation:o.string(`horizontal`),"show-controls":o.bool(!0),"show-indicators":o.bool(!0),"slide-index":o.number(0),variant:o.string(`default`)},setup(e,{bind:t,el:n,emit:r,onMounted:a}){let o=p(e[`slide-index`].value??0),s=l(()=>e.variant.value===`marquee`),c=null,u=Array.from(n.querySelectorAll(`:scope > ore-carousel-slide`)),d=p(u.length),f=()=>{u=Array.from(n.querySelectorAll(`:scope > ore-carousel-slide`)),d.value=u.length},m=l(()=>e.orientation.value!==`vertical`),g=l(()=>e.loop.value!==!1),_=l(()=>e[`show-controls`].value!==!1),v=l(()=>e[`show-indicators`].value!==!1),y=l(()=>g.value||o.value>0),b=l(()=>g.value||o.value<d.value-1),x=null,S=(e,t=!0)=>{let i=d.value;if(i===0)return;let a=g.value?(e%i+i)%i:Math.max(0,Math.min(e,i-1));a!==o.value&&(o.value=a,n.setAttribute(`slide-index`,String(a)),r(`change`,{index:a}),x?.seekTo(a,u),t&&Kt(u[a]?.getAttribute(`aria-label`)??`Slide ${a+1} of ${i}`))},C=()=>S(o.value-1),w=()=>S(o.value+1);h(e[`slide-index`],e=>{typeof e==`number`&&e!==o.value&&S(e,!1)});let T=()=>{let t=e.variant.value??`default`,n=e.orientation.value??`horizontal`;u.forEach(e=>{e.setAttribute(`data-variant`,t),e.setAttribute(`data-orientation`,n)})};h(l(()=>({orientation:e.orientation.value,variant:e.variant.value})),T,{immediate:!0});let E={default:dn,fade:dn,filmstrip:fn,gallery:pn,marquee:mn},D=()=>{let t=e.variant.value??`default`;E[t](u,o.value)};h(o,D,{immediate:!0});let O=()=>{c===null&&(c=setInterval(w,e[`autoplay-interval`].value??5e3))},k=()=>{c!==null&&(clearInterval(c),c=null)};h(l(()=>({enabled:e.autoplay.value,interval:e[`autoplay-interval`].value})),({enabled:e})=>{k(),e&&O()});let A=e=>{let t=m.value,n=t?`ArrowLeft`:`ArrowUp`,r=t?`ArrowRight`:`ArrowDown`;e.key===n?(e.preventDefault(),C()):e.key===r?(e.preventDefault(),w()):e.key===`Home`?(e.preventDefault(),S(0)):e.key===`End`&&(e.preventDefault(),S(d.value-1))},j=Vt({axis:()=>m.value?`x`:`y`,onCommit:e=>{e.distance<0?w():C()},threshold:()=>48});t({attr:{"aria-label":()=>e.label.value??`Carousel`,"aria-roledescription":()=>`carousel`,orientation:()=>e.orientation.value??`horizontal`,role:()=>`region`,style:()=>`touch-action:${m.value?`pan-y`:`pan-x`}`,variant:()=>e.variant.value??`default`},on:{focusin:()=>{k()},focusout:()=>{e.autoplay.value&&O()},keydown:A,pointercancel:e=>j.handlePointerCancel(e),pointerdown:e=>{e.composedPath().some(e=>e instanceof HTMLElement&&(e.tagName===`BUTTON`||e.tagName===`ORE-BUTTON`||e.tagName===`ORE-PROGRESS`))||j.handlePointerDown(e)},pointerenter:()=>{k()},pointerleave:()=>{e.autoplay.value&&O()},pointermove:e=>j.handlePointerMove(e),pointerup:e=>j.handlePointerUp(e)}});let M=t=>{let r=e.orientation.value??`horizontal`,i=r!==`vertical`;s.value&&e.loop.value===!1&&Pe(`ore-carousel: loop="false" on the marquee variant stops the scroll animation rather than disabling navigation wrap-around. Navigation in marquee always loops. This is different from loop="false" on other variants.`);let a=u.map(e=>{let n=e.cloneNode(!0);return n.setAttribute(`aria-hidden`,`true`),n.setAttribute(`data-variant`,`marquee`),n.setAttribute(`data-orientation`,r),n.setAttribute(`data-marquee-clone`,``),t.appendChild(n),n});t.style.setProperty(`--_marquee-duration`,`${e[`marquee-duration`].value??10}s`),g.value||t.style.setProperty(`animation-iteration-count`,`1`);let o=!1,c=()=>{o=!0,t.style.setProperty(`animation-play-state`,`paused`)},l=()=>{o=!1,t.style.removeProperty(`animation-play-state`)};n.addEventListener(`mouseenter`,c),n.addEventListener(`mouseleave`,l);let d=null;return{cleanup:()=>{d!==null&&clearTimeout(d),d=null,a.forEach(e=>e.remove()),t.style.removeProperty(`transition`),t.style.removeProperty(`transform`),t.style.removeProperty(`animation`),t.style.removeProperty(`--_marquee-duration`),t.style.removeProperty(`animation-iteration-count`),t.style.removeProperty(`animation-delay`),t.style.removeProperty(`animation-play-state`),n.removeEventListener(`mouseenter`,c),n.removeEventListener(`mouseleave`,l)},seekTo:(r,a)=>{let s=a[r];if(!s)return;let c=i?s.offsetLeft:s.offsetTop,l=i?t.scrollWidth/2:t.scrollHeight/2,u=e[`marquee-duration`].value??10,f=l>0?-(c/l*u):0;if(d!==null&&(clearTimeout(d),d=null,t.style.removeProperty(`transition`)),l===0){t.style.setProperty(`animation-delay`,`${f}s`),o||t.style.removeProperty(`animation-play-state`);return}let p=parseFloat(getComputedStyle(n).getPropertyValue(`--carousel-transition-duration`)||`0.35`)*1e3||350,m=i?`translateX(-${c}px)`:`translateY(-${c}px)`;t.getBoundingClientRect();let h=getComputedStyle(t).transform.match(/matrix\(([^)]+)\)/)?.[1].split(`,`).map(Number),g=i?h?.[4]??0:h?.[5]??0,_=i?`translateX(${g}px)`:`translateY(${g}px)`;t.style.setProperty(`animation`,`none`),t.style.setProperty(`transform`,_),requestAnimationFrame(()=>{t.style.setProperty(`transition`,`transform ${p}ms ease-in-out`),t.style.setProperty(`transform`,m),d=setTimeout(()=>{d=null,t.style.removeProperty(`transition`),t.style.removeProperty(`transform`),t.style.removeProperty(`animation`),t.style.setProperty(`animation-delay`,`${f}s`),o&&t.style.setProperty(`animation-play-state`,`paused`)},p)})}}};a(()=>{let t=n.shadowRoot,r=t.querySelector(`.track`),i=t.querySelector(`slot`),a=()=>{f(),T(),D(),s.value&&(x?.cleanup(),x=M(r))};return i.addEventListener(`slotchange`,a),h(l(()=>({duration:e[`marquee-duration`].value,isMarquee:s.value,loop:e.loop.value,orientation:e.orientation.value})),({isMarquee:e})=>{x?.cleanup(),x=e?M(r):null},{immediate:!0}),e.autoplay.value&&O(),()=>{k(),j.dispose(),i.removeEventListener(`slotchange`,a),x?.cleanup()}});let N=e=>{(n.shadowRoot?.querySelector(`.indicator[data-index="${e}"]`))?.focus()},P=(e,t)=>{let n=d.value,r;switch(e.key){case`ArrowDown`:case`ArrowRight`:r=(t+1)%n;break;case`ArrowLeft`:case`ArrowUp`:r=(t-1+n)%n;break;case`End`:r=n-1;break;case`Home`:r=0;break;default:return}e.preventDefault(),S(r),N(r)},F=()=>_.value?i`<div class="controls" part="controls">
|
|
580
580
|
<ore-button
|
|
581
581
|
class="nav-btn prev-btn"
|
|
582
582
|
part="prev-btn"
|
|
@@ -635,7 +635,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
635
635
|
</button>`)}
|
|
636
636
|
${F}
|
|
637
637
|
</div>`:i`${F}`}
|
|
638
|
-
`},styles:[
|
|
638
|
+
`},styles:[sn]});var hn=`@layer refine.base{:host{flex-direction:row;display:inline-flex}::slotted(ore-avatar){--avatar-border:var(--border-2) solid var(--color-canvas);margin-left:calc(var(--avatar-group-overlap,-.75rem))}::slotted(ore-avatar:first-child){margin-left:0}:host([dir=rtl]) ::slotted(ore-avatar),:host(:dir(rtl)) ::slotted(ore-avatar){margin-right:calc(var(--avatar-group-overlap,-.75rem));margin-left:0}:host([dir=rtl]) ::slotted(ore-avatar:first-child),:host(:dir(rtl)) ::slotted(ore-avatar:first-child){margin-right:0}::slotted(ore-avatar[data-avatar-group-hidden]){display:none}.overflow-badge{--_size:var(--avatar-size,var(--size-10));box-sizing:border-box;width:var(--_size);height:var(--_size);margin-left:calc(var(--avatar-group-overlap,-.75rem));font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-700);-webkit-user-select:none;user-select:none;background:var(--color-contrast-200);border:var(--border-2) solid var(--color-canvas);border-radius:var(--rounded-full);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}:host([dir=rtl]) .overflow-badge,:host(:dir(rtl)) .overflow-badge{margin-right:calc(var(--avatar-group-overlap,-.75rem));margin-left:0}}`,gn=`@layer refine.base{:host{--_bg:var(--avatar-bg,var(--_theme-backdrop,var(--color-contrast-200)));--_color:var(--avatar-color,var(--_theme-base,var(--color-contrast-700)));--_radius:var(--avatar-radius,var(--rounded-full));--_font-weight:var(--avatar-font-weight,var(--font-semibold));--_border:var(--avatar-border,none);--_border-color:var(--avatar-border-color,var(--color-canvas));--_size:var(--avatar-size,var(--size-10));--_font-size:var(--avatar-font-size,var(--text-sm));flex-shrink:0;display:inline-flex;position:relative}.avatar{box-sizing:border-box;width:var(--_size);height:var(--_size);font-size:var(--_font-size);font-weight:var(--_font-weight);color:var(--_color);text-transform:uppercase;-webkit-user-select:none;user-select:none;background:var(--_bg);border:var(--_border);border-color:var(--_border-color);border-radius:var(--_radius);justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}img{object-fit:cover;width:100%;height:100%;display:block}img[hidden]{display:none}.initials{justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex}.icon-fallback{width:100%;height:100%;color:var(--_color);opacity:.6;justify-content:center;align-items:center;display:inline-flex}.status{border:2px solid var(--_border-color,var(--color-canvas));border-radius:var(--rounded-full);width:.75em;height:.75em;position:absolute;bottom:0}.status:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.status:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.status[data-status=online]{background:var(--color-success)}.status[data-status=offline]{background:var(--color-contrast-400)}.status[data-status=busy]{background:var(--color-error)}.status[data-status=away]{background:var(--color-warning)}}@media (forced-colors:active){.avatar{forced-color-adjust:none;border:1px solid buttontext}.status{background:highlight;border:2px solid buttontext}}`,_n={away:`Away`,busy:`Busy`,offline:`Offline`,online:`Online`},vn=`ore-avatar`;r(vn,{props:{...J,...Y,...Ze,alt:o.string(),initials:o.string(),src:o.string(),status:o.string()},setup(e){let t=p(!1);h(e.src,()=>{t.value=!1});let n=e=>{e&&(e.addEventListener(`error`,()=>{t.value=!0}),e.addEventListener(`load`,()=>{t.value=!1}))},r=l(()=>{if(e.initials.value)return e.initials.value.slice(0,2);let t=e.alt.value;if(!t)return``;let n=t.trim().split(/\s+/);return n.length>=2?(n[0][0]+n[n.length-1][0]).toUpperCase():n[0].slice(0,2).toUpperCase()}),a=l(()=>!!e.src.value&&!t.value),o=l(()=>!a.value&&!!r.value),s=l(()=>!a.value&&!o.value),c=()=>{let t=e.alt.value||null,n=e.status.value,r=n?_n[n]:null;return!t&&!r?null:t?r?`${t}, ${r}`:t:`Status: ${r}`};return i`
|
|
639
639
|
<span class="avatar" part="avatar" :aria-label="${c}" :role="${()=>c()?`img`:null}">
|
|
640
640
|
${()=>e.src.value?i`<img
|
|
641
641
|
ref="${n}"
|
|
@@ -648,10 +648,10 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
648
648
|
${()=>s.value?i`<ore-icon class="icon-fallback" part="fallback" name="user" size="50%"></ore-icon>`:``}
|
|
649
649
|
</span>
|
|
650
650
|
${()=>e.status.value?i`<span class="status" part="status" :data-status="${e.status}" aria-hidden="true"></span>`:``}
|
|
651
|
-
`},styles:[q,
|
|
651
|
+
`},styles:[q,fe,K({lg:{fontSize:`var(--avatar-font-size, var(--text-base))`,size:`var(--avatar-size, var(--size-14))`},md:{fontSize:`var(--avatar-font-size, var(--text-sm))`,size:`var(--avatar-size, var(--size-10))`},sm:{fontSize:`var(--avatar-font-size, var(--text-xs))`,size:`var(--avatar-size, var(--size-7))`}}),gn]});var yn=`ore-avatar-group`;r(yn,{props:{max:o.number(5),total:o.number()},setup(e,{el:t,slots:n,watch:r}){let a=p(0),o=()=>{let n=[...t.querySelectorAll(`ore-avatar`)],r=Number(e.max.value)||5,i=Math.max(0,n.length-r);a.value=e.total.value==null?i:Number(e.total.value)-r,n.forEach((e,t)=>{t>=r?e.setAttribute(`data-avatar-group-hidden`,``):e.removeAttribute(`data-avatar-group-hidden`)})};r(()=>{n.elements().value,o()});let s=()=>`+${a.value} more`,c=()=>`+${a.value}`;return i`
|
|
652
652
|
<slot></slot>
|
|
653
653
|
${()=>a.value>0?i`<span class="overflow-badge" part="overflow" aria-label="${s}"> ${c} </span>`:``}
|
|
654
|
-
`},styles:[
|
|
654
|
+
`},styles:[hn]});var bn=`@layer refine.base{:host,.item{align-items:center;display:inline-flex}.separator{padding-inline:var(--size-2);font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-contrast-400);display:none}:host([data-show-separator]) .separator{display:inline-block}.link{gap:var(--size-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-contrast-600);outline-offset:2px;border-radius:var(--rounded-lg);transition:color var(--transition-fast);align-items:center;text-decoration:none;display:inline-flex}.link:hover{color:var(--color-contrast-900);text-decoration:underline}.link:focus-visible{outline:var(--border-2) solid currentcolor;outline-offset:var(--border-2)}:host([active]) .link{font-weight:var(--font-semibold);color:var(--color-contrast-900);pointer-events:none;text-decoration:none}.icon{display:contents}.label{min-width:0;max-width:var(--breadcrumb-item-max-width,20ch);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}`,xn=`@layer refine.base{:host,nav{display:block}ol{flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}}`,Sn=`ore-breadcrumb-item`;r(Sn,{props:{active:o.bool(),href:o.string(),separator:o.string(`/`)},setup(e){return i`
|
|
655
655
|
<li class="item" role="listitem">
|
|
656
656
|
<span class="separator" part="separator" aria-hidden="true">${e.separator}</span>
|
|
657
657
|
<a
|
|
@@ -664,13 +664,13 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
664
664
|
<span class="label"><slot></slot></span>
|
|
665
665
|
</a>
|
|
666
666
|
</li>
|
|
667
|
-
`},styles:[
|
|
667
|
+
`},styles:[bn]});var Cn=`ore-breadcrumb`;r(Cn,{props:{label:o.string(`Breadcrumb`),separator:o.string()},setup(e,{el:t,slots:n,watch:r}){let a=()=>Array.from(t.getElementsByTagName(`ore-breadcrumb-item`)),o=()=>{let n=e.separator.value||`/`,r=a();for(let e=0;e<r.length;e++)r[e].setAttribute(`separator`,n),r[e].toggleAttribute(`data-show-separator`,e>0);n?t.style.setProperty(`--breadcrumb-separator`,`'${n}'`):t.style.removeProperty(`--breadcrumb-separator`)};return r(()=>{n.elements().value,o()}),i`
|
|
668
668
|
<nav part="nav" :aria-label="${e.label}">
|
|
669
669
|
<ol role="list" part="list">
|
|
670
670
|
<slot></slot>
|
|
671
671
|
</ol>
|
|
672
672
|
</nav>
|
|
673
|
-
`},styles:[
|
|
673
|
+
`},styles:[xn]});var wn=`@layer refine.base{:host{--_bg:var(--card-bg,var(--color-canvas));--_color:var(--card-color,var(--color-contrast-900));--_border:var(--card-border,var(--border));--_border-color:var(--card-border-color,var(--color-contrast-300));--_radius:var(--card-radius,var(--rounded-lg));--_padding:var(--card-padding,var(--size-4));--_shadow:var(--card-shadow,var(--shadow-sm));--_hover-shadow:var(--card-hover-shadow,var(--shadow-md));flex-direction:column;display:flex;position:relative}.card{color:var(--_color);background:var(--_bg);border-radius:var(--_radius);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:box-shadow var(--transition-normal), transform var(--transition-normal), background var(--transition-normal), border-color var(--transition-normal);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.card-media{flex-shrink:0;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:auto;display:block}.card-body{flex-direction:column;flex:1;min-height:0;display:flex}.card-header,.card-content,.card-footer{padding:var(--_padding)}.card-header{padding-bottom:calc(var(--_padding) / 2)}.card-footer{padding-top:calc(var(--_padding) / 2)}.card-content{flex:1}.card-actions{gap:var(--size-2);padding:var(--_padding);padding-top:calc(var(--_padding) / 2);flex-wrap:wrap;align-items:center;display:flex}[hidden]{display:none}}@layer refine.variants{:host(:not([variant],[color])){--_shadow:var(--card-shadow,var(--shadow-sm))}:host(:not([variant],[color])) .card{border:var(--_border) solid var(--_border-color);box-shadow:var(--_shadow)}:host(:not([variant])[color]){--_bg:var(--card-bg,var(--_theme-backdrop));--_border-color:var(--card-border-color,var(--_theme-border))}:host(:not([variant])[color]) .card{border:var(--_border) solid var(--_border-color)}:host(:not([variant])[color]:hover){--_bg:var(--card-bg,color-mix(in oklch, var(--_theme-base) 16%, var(--color-contrast-50)));--_border-color:var(--card-border-color,var(--_theme-focus))}:host([variant=solid]){--_bg:var(--card-bg,var(--_theme-base));--_color:var(--card-color,var(--_theme-contrast));--_border-color:var(--card-border-color,var(--_theme-base));--_shadow:var(--card-shadow,var(--shadow-sm))}:host([variant=solid]) .card{border:var(--_border) solid var(--_border-color);box-shadow:var(--_shadow)}:host([variant=flat]){--_bg:var(--card-bg,var(--_theme-backdrop));--_border-color:var(--card-border-color,color-mix(in oklch, var(--_theme-border) 50%, transparent))}:host([variant=flat]) .card{border:var(--_border) solid var(--_border-color)}:host([variant=glass]) .card{text-shadow:var(--text-shadow-xs);border:var(--_border) solid var(--_border-color);box-shadow:var(--card-shadow,var(--shadow-md)), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([variant=glass]:hover) .card{box-shadow:var(--card-hover-shadow,var(--shadow-xl)), var(--inset-shadow-sm);-webkit-backdrop-filter:blur(var(--blur-xl)) saturate(200%) brightness(1.1);backdrop-filter:blur(var(--blur-xl)) saturate(200%) brightness(1.1)}:host([variant=glass][interactive]:hover) .card{box-shadow:var(--card-hover-shadow,var(--shadow-2xl)), var(--inset-shadow-sm)}}@layer refine.overrides{.loading-bar{background:linear-gradient(90deg, transparent 0%, var(--_theme-base,var(--color-primary)) 50%, transparent 100%);width:65%;height:3px;display:none;position:absolute;top:0}.loading-bar:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.loading-bar:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([loading]) .loading-bar{animation:var(--_motion-animation,loading-bar 1.4s linear infinite);display:block}:host(:dir(rtl)[loading]) .loading-bar{animation-direction:reverse}:host([disabled]){pointer-events:none;opacity:.6}:host([disabled][interactive]) .card{cursor:not-allowed}:host([interactive]:not([disabled]):hover) .card{box-shadow:var(--_hover-shadow);transform:translateY(-2px)scale(1.01)}:host([interactive]) .card{cursor:pointer;will-change:transform}:host([interactive]:not([disabled]):active) .card{box-shadow:var(--_shadow);transition:box-shadow var(--transition-fast), transform .12s var(--ease-spring);transform:translateY(0)scale(.99)}:host([interactive]:focus-visible) .card{outline:var(--border-2) solid var(--_theme-focus,var(--color-primary));outline-offset:var(--border-2)}:host([orientation=horizontal]) .card{flex-direction:row}:host([orientation=horizontal]) .card-media{width:30%;min-width:192px;max-width:320px}:host([orientation=horizontal]) .card-media img{object-fit:cover;width:100%;height:100%}:host([orientation=horizontal]) .card-body{flex:1}}@keyframes loading-bar{0%{transform:translate(-100%)}to{transform:translate(200%)}}`,Tn=`button, a[href], input, select, textarea, summary, [role="button"], [role="link"], [contenteditable=""], [contenteditable="true"]`;function En(e,t){for(let n of t.composedPath())if(n instanceof HTMLElement){if(n===e)return!1;if(n.matches(Tn)||n.closest(Tn))return!0}return!1}var Dn=`ore-card`;r(Dn,{props:{...J,...X,...Xe,elevation:o.number(),interactive:o.bool(!1),orientation:o.string(),padding:o.string(),variant:o.string()},setup(e,{bind:t,el:n,emit:r,slots:a,watch:o}){t({attr:{ariaBusy:()=>e.loading.value?`true`:`false`,ariaDisabled:()=>e.interactive.value?String(e.disabled.value):null,role:()=>e.interactive.value?`button`:null}}),o(()=>{e.interactive.value?n.setAttribute(`tabindex`,e.disabled.value?`-1`:`0`):n.removeAttribute(`tabindex`)});let s=gt({disabled:l(()=>!e.interactive.value||!!e.disabled.value),onPress:(e,t)=>{r(`activate`,{originalEvent:e,trigger:t})}}),c=t=>{!e.interactive.value||e.disabled.value||En(n,t)||s.handleClick(t)},u=e=>{s.handleKeydown(e)};return t({on:{click:e=>c(e),keydown:e=>u(e)}}),i`
|
|
674
674
|
<div class="card" part="card">
|
|
675
675
|
<div class="loading-bar" part="loading-bar"></div>
|
|
676
676
|
<div class="card-media" part="media" ?hidden="${()=>!a.has(`media`).value}">
|
|
@@ -691,11 +691,11 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
691
691
|
</div>
|
|
692
692
|
</div>
|
|
693
693
|
</div>
|
|
694
|
-
`},styles:[...
|
|
694
|
+
`},styles:[...je,ke(`.card`),G,wn]});function On(e){if(!e)return null;let t=e.trim();return/[;{}\n\r]/.test(t)?null:/^-?(\d+(\.\d+)?)(px|em|rem|%|vh|vw|vmin|vmax|dvh|dvw|svh|svw|ch|ex|lh|rlh|cm|mm|in|pt|pc|fr|s|ms|deg|rad|turn)$/.test(t)||/^(0|auto|none|inherit|initial|unset|revert)$/.test(t)||/^(var|calc|env|clamp|min|max)\([^;{}]*\)$/.test(t)?t:null}function kn(e,t){let n=e??``;if(t!==`_blank`)return n||null;let r=new Set(n.split(/\s+/).filter(Boolean));return r.add(`noopener`),r.add(`noreferrer`),[...r].join(` `)}function An(e,t,n,r){let i=l(()=>!!e.value&&!r?.value);return{effectiveRel:l(()=>kn(t.value,n.value)),isLink:i}}var jn=`@layer refine.base{:host{--group-gap:var(--size-2);--group-radius:var(--rounded-lg);display:inline-flex}.button-group{gap:var(--group-gap);flex-direction:row;display:flex}}@layer refine.variants{:host([orientation=vertical]) .button-group{flex-direction:column}}@layer refine.overrides{:host([fullwidth]){width:100%;display:flex}:host([fullwidth]) .button-group{width:100%}:host([fullwidth]) ::slotted(ore-button){flex:1}:host([attached]) .button-group{gap:0}:host([attached]) ::slotted(ore-button:hover),:host([attached]) ::slotted(ore-button:focus-within){z-index:1;position:relative}:host([attached]:not([orientation=vertical])) ::slotted(ore-button){--button-radius:0}:host([attached]:not([orientation=vertical])) ::slotted(ore-button:not(:first-child)){--button-border-start:0}:host([attached]:not([orientation=vertical])) ::slotted(ore-button:first-child){--button-radius:var(--group-radius) 0 0 var(--group-radius)}:host([attached]:not([orientation=vertical])) ::slotted(ore-button:last-child){--button-radius:0 var(--group-radius) var(--group-radius) 0}:host([attached][orientation=vertical]) ::slotted(ore-button){--button-radius:0}:host([attached][orientation=vertical]) ::slotted(ore-button:not(:first-child)){--button-border-top:0}:host([attached][orientation=vertical]) ::slotted(ore-button:first-child){--button-radius:var(--group-radius) var(--group-radius) 0 0}:host([attached][orientation=vertical]) ::slotted(ore-button:last-child){--button-radius:0 0 var(--group-radius) var(--group-radius)}}`,Mn=e(`OreButtonGroup`),Nn=`ore-button-group`;r(Nn,{props:{...J,...Y,attached:o.bool(!1),fullwidth:o.bool(!1),label:o.string(),orientation:o.string(),variant:o.string()},setup(e,{provide:t}){return t(Mn,{color:e.color,size:e.size,variant:e.variant}),i`
|
|
695
695
|
<div class="button-group" part="group" role="group" :aria-label="${e.label}">
|
|
696
696
|
<slot></slot>
|
|
697
697
|
</div>
|
|
698
|
-
`},styles:[
|
|
698
|
+
`},styles:[jn]});var Pn=(e,t,n,r)=>{let{assistiveId:i,checked:a,disabled:o,errorText:s,handleClick:c,handleKeydown:l,helperText:u,indeterminate:d,labelId:f}=n;e({attr:{...d!==void 0&&{indeterminate:d},ariaChecked:()=>r===`checkbox`&&d?.value?`mixed`:a.value?`true`:`false`,ariaDescribedby:()=>s.value||u.value?i:null,ariaDisabled:()=>o.value?`true`:null,ariaInvalid:()=>s.value?`true`:null,ariaLabelledby:f,checked:a,role:r,size:t,tabindex:()=>o.value?void 0:0},class:()=>({"is-checked":a.value,"is-disabled":o.value,...d!==void 0&&{"is-indeterminate":d.value}}),on:{click:c,keydown:l}})},Q=e(`FormContext`),Fn=(e,t)=>({disabled:l(()=>!!e.disabled?.value||!!t?.disabled?.value),size:l(()=>e.size?.value??t?.size?.value),variant:l(()=>e.variant?.value??t?.variant?.value)}),$=(e,t,n)=>{let r=Fn(t,n);return e({attr:{disabled:()=>r.disabled.value?``:void 0}}),r},In=(e,t,n,r)=>i`<div
|
|
699
699
|
class="helper-text"
|
|
700
700
|
part="helper-text"
|
|
701
701
|
id="${e}"
|
|
@@ -704,7 +704,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
704
704
|
?hidden="${()=>!t.value&&!n.value}"
|
|
705
705
|
ref=${e=>{r?.(e)}}>
|
|
706
706
|
${()=>t.value||n.value}
|
|
707
|
-
</div>`;function
|
|
707
|
+
</div>`;function Ln(e,t,n,r){return i=>{if(n.value){i.preventDefault(),i.stopImmediatePropagation();return}let a=e();a&&(t.value===`submit`?(i.preventDefault(),a.requestSubmit()):t.value===`reset`&&(i.preventDefault(),a.reset())),i.composedPath().includes(r)||r.dispatchEvent(new MouseEvent(`click`,{bubbles:!0,cancelable:!0,composed:!0}))}}var Rn=`@layer refine.base{:host{--_bg:var(--button-bg,var(--color-contrast-100));--_color:var(--button-color,var(--color-contrast-900));--_border-color:var(--button-border-color,var(--color-contrast-300));--_radius:var(--button-radius,var(--rounded-lg));align-items:center;justify-content:var(--button-justify,center);display:inline-flex}:host([disabled]) a,:host([loading]) a{pointer-events:none;cursor:not-allowed}:host([loading]) a{cursor:wait}[part=button]{box-sizing:border-box;gap:var(--_gap,var(--size-2));align-items:center;justify-content:var(--button-justify,center);width:100%;min-width:0;height:var(--_height,var(--size-10));min-height:var(--_touch-target);padding:var(--_padding,var(--size-2) var(--size-4));font-size:var(--_font-size,var(--text-sm));font-weight:var(--font-medium);line-height:var(--_line-height,var(--leading-normal));color:var(--_color);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--_bg);border:var(--button-border,var(--border)) solid var(--_border-color);border-top-width:var(--button-border-top,var(--button-border,var(--border)));border-bottom-width:var(--button-border-bottom,var(--button-border,var(--border)));border-radius:var(--_radius);transition:var(--_motion-transition,background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), color var(--transition-normal), transform .12s var(--ease-spring));display:flex;position:relative}[part=button]:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-width:var(--button-border-start,var(--button-border,var(--border)));border-right-width:var(--button-border-end,var(--button-border,var(--border)))}[part=button]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-width:var(--button-border-start,var(--button-border,var(--border)));border-left-width:var(--button-border-end,var(--button-border,var(--border)))}[part=button]:focus-visible{outline:none}@keyframes spin{to{transform:rotate(360deg)}}.loader{border:var(--border-2) solid currentcolor;width:1em;height:1em;animation:var(--_motion-animation,spin var(--transition-loader) infinite);border-radius:50%;position:absolute}.loader:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}.content{text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;align-items:center;min-width:0;max-width:100%;display:inline-flex;overflow:hidden}::slotted([slot=prefix]),::slotted([slot=suffix]){flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}::slotted(svg){width:var(--_icon-size,var(--leading-6));height:var(--_icon-size,var(--leading-6));flex-shrink:0}}@layer refine.overrides{:host([fullwidth]){width:100%;display:flex}:host([rounded][icon-only]) [part=button]{border-radius:50%}:host([loading]) .content{visibility:hidden}[part=button]:focus-visible{box-shadow:var(--_theme-shadow), var(--_theme-halo);outline:none}[part=button]:hover{border-color:var(--_hover-border-color,var(--_theme-focus));box-shadow:var(--_theme-shadow)}:host([variant=ghost]) [part=button]:hover,:host([variant=text]) [part=button]:hover{box-shadow:none;border-color:#0000;transform:none}[part=button]:active{transform:translateY(1px)}}@layer refine.variants{:host([icon-only]) [part=button]{aspect-ratio:1;padding:0}:host(:not([variant])),:host([variant=solid]){--_bg:var(--button-bg,var(--_theme-base));--_color:var(--button-color,var(--_theme-contrast));--_border-color:var(--button-border-color,var(--_theme-base));--_hover-bg:var(--_theme-focus);--_active-bg:color-mix(in oklch, var(--_theme-focus) 85%, black);--_active-color:var(--_theme-contrast)}:host([variant=flat]){--_bg:var(--button-bg,color-mix(in oklch, var(--_theme-backdrop) 25%, var(--color-contrast-100)));--_color:var(--button-color,var(--_theme-base));--_border-color:var(--button-border-color,color-mix(in oklch, var(--_theme-focus) 20%, transparent));--_hover-bg:var(--_theme-focus);--_hover-color:var(--_theme-contrast);--_active-bg:color-mix(in oklch, var(--_theme-focus) 85%, black);--_active-color:var(--_theme-contrast)}:host([variant=flat]) [part=button]{box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) [part=button]:hover{box-shadow:var(--inset-shadow-xs)}:host([variant=flat]) [part=button]:active{box-shadow:var(--inset-shadow-sm)}:host([variant=bordered]){--_bg:var(--button-bg,var(--_theme-backdrop));--_color:var(--button-color,var(--_theme-base));--_border-color:var(--button-border-color,var(--_theme-border));--_hover-bg:var(--_theme-focus);--_hover-color:var(--_theme-contrast);--_hover-border-color:var(--_theme-focus);--_active-bg:color-mix(in oklch, var(--_theme-focus) 85%, black);--_active-color:var(--_theme-contrast)}:host([variant=bordered]) [part=button],:host([variant=bordered]) [part=button]:hover{box-shadow:var(--inset-shadow-xs)}:host([variant=bordered]) [part=button]:active{box-shadow:var(--inset-shadow-sm)}:host([variant=outline]){--_bg:var(--button-bg,transparent);--_color:var(--button-color,var(--_theme-base));--_border-color:var(--button-border-color,var(--_theme-base));--_hover-bg:var(--_theme-backdrop);--_hover-border-color:var(--_theme-focus);--_active-bg:color-mix(in oklch, var(--_theme-base) 85%, black);--_active-color:var(--_theme-contrast)}:host([variant=ghost]){--_bg:var(--button-bg,transparent);--_color:var(--button-color,var(--_theme-base));--_border-color:var(--button-border-color,transparent);--_hover-bg:var(--_theme-backdrop);--_active-bg:color-mix(in oklch, var(--_theme-base) 85%, black);--_active-color:var(--_theme-contrast)}:host([variant=ghost]) [part=button]{border-width:0}:host([variant=text]){--_bg:var(--button-bg,transparent);--_color:var(--button-color,var(--_theme-base));--_border-color:var(--button-border-color,transparent);--_hover-color:var(--_theme-focus);--_active-color:color-mix(in oklch, var(--_theme-focus) 85%, black)}:host([variant=text]) [part=button]{border-width:0}:host([variant=frost]:not([color])){--_hover-bg:var(--button-frost-active-bg,color-mix(in oklch, var(--color-canvas) 70%, transparent));--_hover-border-color:var(--button-frost-active-border-color,color-mix(in oklch, var(--_theme-focus) 40%, transparent));--_active-bg:var(--button-frost-active-bg,color-mix(in oklch, var(--color-canvas) 70%, transparent));--_active-border-color:var(--button-frost-active-border-color,color-mix(in oklch, var(--_theme-focus) 40%, transparent))}:host([variant=frost][color]){--_hover-bg:var(--button-frost-active-bg,color-mix(in oklch, var(--_theme-backdrop) 50%, var(--_theme-base) 50%));--_hover-border-color:var(--button-frost-active-border-color,color-mix(in oklch, var(--_theme-focus) 65%, transparent));--_active-bg:var(--button-frost-active-bg,color-mix(in oklch, var(--_theme-backdrop) 50%, var(--_theme-base) 50%));--_active-border-color:var(--button-frost-active-border-color,color-mix(in oklch, var(--_theme-focus) 65%, transparent))}[part=button]:hover{color:var(--_hover-color,var(--_color));background:var(--_hover-bg,var(--_bg));border-color:var(--_hover-border-color,var(--_border-color))}[part=button]:active{color:var(--_active-color,var(--_color));background:var(--_active-bg,var(--_bg));border-color:var(--_active-border-color,var(--_border-color));box-shadow:var(--inset-shadow-2xs)}}`,zn=[`solid`,`flat`,`bordered`,`outline`,`ghost`,`text`,`frost`],Bn=`ore-button`;r(Bn,{formAssociated:!0,props:{...$e,effect:o.string(),fullwidth:o.bool(!1),href:o.string(),iconOnly:o.bool(!1),label:o.string(),rel:o.string(),target:o.string(),type:o.oneOf([`button`,`submit`,`reset`],`button`),variant:o.oneOf(zn,`solid`)},setup(e,{bind:t,el:n}){let r=a(Mn),o=l(()=>r?.color.value??e.color.value),s=l(()=>r?.size.value??e.size.value),u=l(()=>r?.variant.value??e.variant.value),d=l(()=>!!(e.disabled.value||e.loading.value)),{effectiveRel:f,isLink:p}=An(e.href,e.rel,e.target),m=c({disabled:d,toFormValue:()=>null,value:l(()=>``)}),h=t=>{if(d.value){t.preventDefault();return}Ln(()=>p.value?null:m.internals.form,e.type,d,n)(t)};t({attr:{"aria-busy":e.loading,"aria-disabled":d,"aria-label":e.label,color:o,effect:e.effect,role:l(()=>n.getAttribute(`role`)??(p.value?`link`:`button`)),size:s,tabindex:l(()=>d.value?`-1`:`0`),variant:u},on:{keydown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),(n.shadowRoot?.querySelector(`[part="button"]`))?.click())}}});let g=i`
|
|
708
708
|
<span class="loader" part="loader" aria-label="Loading" ?hidden=${()=>!e.loading.value}></span>
|
|
709
709
|
<slot name="prefix"></slot>
|
|
710
710
|
<span class="content" part="content"><slot></slot></span>
|
|
@@ -720,7 +720,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
720
720
|
@click="${h}">
|
|
721
721
|
${g}
|
|
722
722
|
</a>`:i`<span part="button" role="presentation" @click="${h}">${g}</span>`}
|
|
723
|
-
`},shadow:{delegatesFocus:!1},styles:[q,W,G,
|
|
723
|
+
`},shadow:{delegatesFocus:!1},styles:[q,W,G,fe,be,K({lg:{fontSize:`var(--text-base)`,gap:`var(--size-2-5)`,height:`var(--size-12)`,iconSize:`var(--size-6)`,lineHeight:`var(--leading-relaxed)`,padding:`var(--size-2-5) var(--size-5)`},sm:{fontSize:`var(--text-sm)`,gap:`var(--size-1-5)`,height:`var(--size-8)`,iconSize:`var(--size-4)`,lineHeight:`var(--leading-tight)`,padding:`var(--size-1-5) var(--size-3)`}}),ke(`button`),De(`button`),Oe(`button`),ge,Rn]});var Vn=`@layer refine.base{:host{gap:var(--size-1);align-items:center;display:flex}.pagination{gap:var(--pagination-gap,var(--size-1));align-items:center;margin:0;padding:0;list-style:none;display:flex}li{display:contents}button{all:unset;box-sizing:border-box;min-width:var(--pagination-item-size,var(--size-9));height:var(--pagination-item-size,var(--size-9));min-height:var(--_touch-target);padding:0 var(--size-2);font-size:var(--_font-size,var(--text-sm));font-weight:var(--font-medium);color:var(--color-contrast-700);cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--border) solid transparent;border-radius:var(--pagination-radius,var(--rounded-lg));transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}:host(:not([variant])) button,:host([variant=ghost]) button{color:var(--color-contrast-700);background:0 0;border-width:0;border-color:#0000}:host(:not([variant])) button:hover:not(:disabled,[aria-current=page]),:host([variant=ghost]) button:hover:not(:disabled,[aria-current=page]){background:var(--_theme-backdrop)}:host([variant=solid]) button{color:var(--_theme-contrast);background:var(--_theme-base);border-color:var(--_theme-base)}:host([variant=solid]) button:hover:not(:disabled,[aria-current=page]){background:var(--_theme-focus)}:host([variant=flat]) button{color:var(--_theme-base);background:color-mix(in oklch, var(--_theme-backdrop) 8%, var(--color-contrast-100));border-color:color-mix(in oklch, var(--_theme-focus) 20%, transparent);box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) button:hover:not(:disabled,[aria-current=page]){color:var(--_theme-contrast);background:var(--_theme-focus)}:host([variant=bordered]) button{color:var(--_theme-base);background:var(--_theme-backdrop);border-color:var(--_theme-border);box-shadow:var(--inset-shadow-xs)}:host([variant=bordered]) button:hover:not(:disabled,[aria-current=page]){color:var(--_theme-contrast);background:var(--_theme-focus);border-color:var(--_theme-focus)}:host([variant=outline]) button{color:var(--_theme-base);border-color:var(--_theme-base);background:0 0}:host([variant=outline]) button:hover:not(:disabled,[aria-current=page]){background:var(--_theme-backdrop);border-color:var(--_theme-focus)}:host([variant=text]) button{color:var(--_theme-base);background:0 0;border-width:0;border-color:#0000}:host([variant=text]) button:hover:not(:disabled,[aria-current=page]){color:var(--_theme-focus);background:0 0}:host([variant=frost]) button{color:var(--_theme-content);background:color-mix(in oklch, var(--_theme-backdrop) 45%, transparent);border-color:color-mix(in oklch, var(--_theme-border) 45%, transparent);-webkit-backdrop-filter:blur(var(--blur-xl)) saturate(200%);backdrop-filter:blur(var(--blur-xl)) saturate(200%)}:host([variant=frost]) button:hover:not(:disabled,[aria-current=page]){background:color-mix(in oklch, var(--_theme-backdrop) 65%, transparent);border-color:color-mix(in oklch, var(--_theme-focus) 55%, transparent)}:host([variant=glass]) button{color:var(--_theme-content);background:color-mix(in oklch, var(--color-canvas) 70%, transparent);border-color:color-mix(in oklch, var(--_theme-border) 40%, transparent);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(140%);backdrop-filter:blur(var(--blur-md)) saturate(140%)}:host([variant=glass]) button:hover:not(:disabled,[aria-current=page]){background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-color:color-mix(in oklch, var(--_theme-border) 45%, transparent)}button:hover:not(:disabled,[aria-current=page]){background:var(--color-contrast-100)}button:focus-visible{outline:var(--border-2) solid var(--_theme-base,var(--color-contrast-500));outline-offset:var(--border-2)}button[aria-current=page]{font-weight:var(--font-bold);color:var(--_theme-contrast,var(--color-canvas));cursor:default;background:var(--_theme-base,var(--color-contrast-800));border-color:var(--_theme-base,var(--color-contrast-800))}:host([variant=ghost]) button[aria-current=page],:host(:not([variant])) button[aria-current=page]{color:var(--_theme-contrast);background:var(--_theme-focus);border-color:var(--_theme-focus)}:host([variant=solid]) button[aria-current=page]{background:var(--_theme-focus);border-color:var(--_theme-focus)}:host([variant=flat]) button[aria-current=page]{color:var(--_theme-contrast);background:var(--_theme-base);border-color:var(--_theme-base)}:host([variant=bordered]) button[aria-current=page]{color:var(--_theme-contrast);background:var(--_theme-focus);border-color:var(--_theme-focus)}:host([variant=outline]) button[aria-current=page]{color:var(--_theme-contrast);background:var(--_theme-base);border-color:var(--_theme-base)}:host([variant=text]) button[aria-current=page]{color:var(--_theme-focus);text-underline-offset:4px;text-decoration-line:underline;text-decoration-thickness:2px}:host([variant=frost]) button[aria-current=page]{color:var(--_theme-contrast);background:color-mix(in oklch, var(--_theme-base) 70%, transparent);border-color:var(--_theme-base)}:host([variant=glass]) button[aria-current=page]{color:var(--_theme-contrast);background:color-mix(in oklch, var(--color-canvas) 90%, transparent);border-color:var(--_theme-base)}button:disabled{cursor:not-allowed;opacity:.4}.ellipsis{min-width:var(--pagination-item-size,var(--size-9));height:var(--pagination-item-size,var(--size-9));font-size:var(--_font-size,var(--text-sm));color:var(--color-contrast-400);cursor:default;justify-content:center;align-items:center;display:inline-flex}}@layer refine.utilities{:host([size=sm]){--pagination-item-size:var(--size-7);--pagination-gap:var(--size-0_5);--_font-size:var(--text-xs)}:host([size=lg]){--pagination-item-size:var(--size-11);--_font-size:var(--text-base)}}`;function Hn(e,t,n){let r=t,i=[];if(r<=2+2*n+3)return Array.from({length:r},(e,t)=>t+1);let a=Math.max(e-n,2),o=Math.min(e+n,r-1);i.push(1),a>3?i.push(`ellipsis-start`):a===3&&i.push(2);for(let e=a;e<=o;e++)i.push(e);return o<r-1-1?i.push(`ellipsis-end`):o===r-1-1&&i.push(r-1),i.push(r),i}var Un=`ore-pagination`;r(Un,{props:{...J,...Y,label:o.string(`Pagination`),page:o.number(1),"show-first-last":o.bool(!1),"show-prev-next":o.bool(!1),siblings:o.number(1),"total-pages":o.number(1),variant:o.string()},setup(e,{bind:t,el:n,emit:r}){function a(t){let i=e[`total-pages`].value||1,a=Math.min(Math.max(1,t),i);a!==e.page.value&&(n.setAttribute(`page`,String(a)),r(`change`,{page:a}))}let o=l(()=>Hn(e.page.value||1,e[`total-pages`].value||1,e.siblings.value??1)),s=l(()=>(e.page.value||1)<=1),c=l(()=>(e.page.value||1)>=(e[`total-pages`].value||1));return i`
|
|
724
724
|
<nav :aria-label="${e.label}" part="nav">
|
|
725
725
|
<ol class="pagination" part="list">
|
|
726
726
|
${()=>e[`show-first-last`].value?i`<li>
|
|
@@ -781,7 +781,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
781
781
|
</li>`:``}
|
|
782
782
|
</ol>
|
|
783
783
|
</nav>
|
|
784
|
-
`},styles:[W,q,K(),
|
|
784
|
+
`},styles:[W,q,K(),Vn]});var Wn=`@layer refine.base{:host{--_color:var(--separator-color,var(--color-contrast-300));--_size:var(--separator-size,var(--border));--_spacing:var(--separator-spacing,0);display:block}.separator{all:unset;box-sizing:border-box;margin:var(--_spacing) 0;display:block}:host([orientation=horizontal]),:host(:not([orientation=vertical])){width:100%}:host([orientation=horizontal]) .separator,:host(:not([orientation=vertical])) .separator{border-top:var(--_size) solid var(--_color);width:100%}:host([orientation=vertical]){align-self:stretch;display:inline-block}:host([orientation=vertical]) .separator{height:100%}:host([orientation=vertical]) .separator:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--_size) solid var(--_color)}:host([orientation=vertical]) .separator:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--_size) solid var(--_color)}:host([color]){--_color:var(--_theme-base)}.separator-wrapper{gap:var(--size-3);align-items:center;display:flex}.separator-wrapper .separator{flex:1}:host([orientation=vertical]) .separator-wrapper{flex-direction:column;align-self:stretch;height:100%}:host([orientation=vertical]) .separator-wrapper .separator{border-top:none;flex:1;width:auto;height:auto}:host([orientation=vertical]) .separator-wrapper .separator:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--_size) solid var(--_color)}:host([orientation=vertical]) .separator-wrapper .separator:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--_size) solid var(--_color)}.separator-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--_color);white-space:nowrap}}`,Gn=`ore-separator`;r(Gn,{props:{color:o.string(),decorative:o.bool(!0),label:o.string(),orientation:o.oneOf([`horizontal`,`vertical`],`horizontal`)},setup(e){let t=()=>e.decorative.value?`none`:`separator`,n=()=>e.decorative.value?`true`:null;return i`
|
|
785
785
|
${()=>e.label.value?i`
|
|
786
786
|
<div class="separator-wrapper" part="wrapper">
|
|
787
787
|
<hr
|
|
@@ -806,7 +806,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
806
806
|
:aria-hidden="${n}"
|
|
807
807
|
:aria-orientation="${()=>e.orientation.value}" />
|
|
808
808
|
`}
|
|
809
|
-
`},styles:[q,Gn]});var qn=`@layer refine.base{:host{box-shadow:var(--table-shadow,none);border:none;border-radius:0}caption{padding:var(--size-3);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-align:start;text-transform:uppercase;letter-spacing:.05em;caption-side:top;background:var(--_header-bg)}thead,tfoot{background:var(--_header-bg)}thead{border-bottom:var(--border) solid var(--_border-color)}tfoot{border-top:var(--border) solid var(--_border-color)}tbody tr{border-bottom:var(--border) solid var(--_border-color);transition:background var(--transition-fast)}tbody tr:hover{background:var(--_row-hover-bg)}th,td{padding:var(--_cell-padding-y) var(--_cell-padding-x);font-size:var(--_font-size);vertical-align:middle;color:var(--color-contrast-800);text-align:start;font-weight:400}thead th,thead td,tfoot th,tfoot td{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;-webkit-user-select:none;user-select:none}}@layer refine.variants{:host([bordered]) th:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([bordered]) td:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_border-color)}:host([bordered]) th:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}:host([bordered]) td:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}:host([bordered]) th:last-child:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([bordered]) td:last-child:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:none}:host([bordered]) th:last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:none}:host([bordered]) td:last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:none}:host([striped]) tbody tr:nth-child(2n){background:var(--_stripe-bg)}:host([sticky]) thead{z-index:2;background:var(--table-sticky-header-bg,color-mix(in oklch, var(--_header-bg) 94%, transparent));box-shadow:inset 0 calc(var(--border) * -1) 0 var(--_border-color);-webkit-backdrop-filter:blur(var(--table-sticky-blur,var(--blur-md))) saturate(140%);backdrop-filter:blur(var(--table-sticky-blur,var(--blur-md))) saturate(140%);position:sticky;top:0}}`;customElements.get(`ore-tr`)||customElements.define(`ore-tr`,class extends HTMLElement{}),customElements.get(`ore-th`)||customElements.define(`ore-th`,class extends HTMLElement{}),customElements.get(`ore-td`)||customElements.define(`ore-td`,class extends HTMLElement{});var Jn=[`colspan`,`rowspan`,`headers`,`abbr`];function Yn(e,t,n){if(e.childElementCount>0){let n=e.innerHTML;if(t.getAttribute(`data-src-html`)===n)return;t.setAttribute(`data-src-html`,n),t.textContent=``;for(let n of e.childNodes)t.appendChild(n.cloneNode(!0))}else{let n=e.textContent??``;t.textContent!==n&&(t.textContent=n)}for(let n of Jn){let r=e.getAttribute(n);r===null?t.removeAttribute(n):t.setAttribute(n,r)}let r=e.getAttribute(`scope`);r===null?n?t.scope=n:t.removeAttribute(`scope`):t.setAttribute(`scope`,r)}function Xn(e,t,n,r){let i=new WeakMap;t.textContent=``,n.textContent=``,r.textContent=``;for(let a of e.children){if(a.localName!==`ore-tr`)continue;let e=a.hasAttribute(`head`)?t:a.hasAttribute(`foot`)?r:n,o=document.createElement(`tr`);for(let r of a.children){if(r.localName!==`ore-th`&&r.localName!==`ore-td`)continue;let a=r.localName===`ore-th`,s=document.createElement(a?`th`:`td`),c=a?e===t?`col`:`row`:void 0;s.setAttribute(`part`,e===n?`cell`:`header-cell`),s.removeAttribute(`data-src-html`),Yn(r,s,c),i.set(r,{inferredScope:c,native:s}),o.appendChild(s)}e.appendChild(o)}return i}var Zn=`ore-table`;r(Zn,{props:{bordered:o.bool(!1),caption:o.string(),density:o.string(),fullwidth:o.bool(!1),loading:o.bool(!1),sticky:o.bool(!1),striped:o.bool(!1)},setup(e,{bind:t,el:n,onMounted:r,watch:a}){return t({attr:{"aria-busy":e.loading,"aria-label":e.caption}}),r(()=>{let t=n.shadowRoot.querySelector(`.scroll-container`),r=document.createElement(`table`),i=document.createElement(`caption`),o=document.createElement(`thead`),s=document.createElement(`tbody`),c=document.createElement(`tfoot`);t.setAttribute(`part`,`scroll`),r.setAttribute(`part`,`table`),o.setAttribute(`part`,`head`),s.setAttribute(`part`,`body`),c.setAttribute(`part`,`foot`),r.append(i,o,s,c),t.appendChild(r),a(()=>{let t=e.caption.value??``;i.textContent=t,i.hidden=t===``});let l=Xn(n,o,s,c),u=new MutationObserver(e=>{for(let t of e){let e=(t.target instanceof Element?t.target:t.target.parentElement)?.closest(`ore-th, ore-td`);if(e){let t=l.get(e);t&&Yn(e,t.native,t.inferredScope)}}});u.observe(n,{attributeFilter:[...Jn,`scope`],attributes:!0,characterData:!0,childList:!0,subtree:!0});let d=new MutationObserver(()=>{l=Xn(n,o,s,c)});return d.observe(n,{childList:!0}),()=>{d.disconnect(),u.disconnect()}}),i`<div class="scroll-container"></div>`},styles:[G,je(`table`),qn]});var Qn=`:host{--_size:var(--text-size,var(--text-base));--_weight:var(--text-weight,var(--font-normal));--_color:var(--text-color,var(--text-color-body));--_line-height:var(--text-line-height,var(--leading-normal));--_letter-spacing:var(--text-letter-spacing,normal);font-size:var(--_size);font-weight:var(--_weight);line-height:var(--_line-height);color:var(--_color);letter-spacing:var(--_letter-spacing);display:block}:host([hidden]){display:none}:host([lines]){-webkit-line-clamp:var(--_lines);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:host(:is([as=span],[as=label],[as=code]):not([align],[truncate])){display:inline}:host([variant=heading]){--_size:var(--text-size,var(--heading-md));--_weight:var(--text-weight,var(--font-semibold));--_color:var(--text-color,var(--text-color-heading));--_line-height:var(--text-line-height,var(--leading-tight));--_letter-spacing:var(--text-letter-spacing,var(--tracking-header))}:host([variant=label]){--_size:var(--text-size,var(--text-sm));--_weight:var(--text-weight,var(--font-medium));--_color:var(--text-color,var(--text-color-heading));--_line-height:var(--text-line-height,var(--leading-snug))}:host([variant=caption]){--_size:var(--text-size,var(--text-sm));--_color:var(--text-color,var(--text-color-secondary))}:host([variant=overline]){--_size:var(--text-size,var(--text-xs));--_weight:var(--text-weight,var(--font-semibold));--_line-height:var(--text-line-height,var(--leading-none));--_letter-spacing:var(--text-letter-spacing,.08em);text-transform:uppercase}:host([variant=code]){--_size:var(--text-size,var(--text-sm));font-family:var(--font-mono,monospace)}:host([size=xs]){--_size:var(--text-size,var(--text-xs))}:host([size=sm]){--_size:var(--text-size,var(--text-sm))}:host([size=md]){--_size:var(--text-size,var(--text-base))}:host([size=lg]){--_size:var(--text-size,var(--text-lg))}:host([size=xl]){--_size:var(--text-size,var(--text-xl))}:host([size="2xl"]){--_size:var(--text-size,var(--text-2xl))}:host([variant=heading][size=xs]){--_size:var(--text-size,var(--heading-xs))}:host([variant=heading][size=sm]){--_size:var(--text-size,var(--heading-sm))}:host([variant=heading][size=md]){--_size:var(--text-size,var(--heading-md))}:host([variant=heading][size=lg]){--_size:var(--text-size,var(--heading-lg))}:host([variant=heading][size=xl]){--_size:var(--text-size,var(--heading-xl))}:host([variant=heading][size="2xl"]){--_size:var(--text-size,var(--heading-2xl))}:host([weight=normal]){--_weight:var(--text-weight,var(--font-normal))}:host([weight=medium]){--_weight:var(--text-weight,var(--font-medium))}:host([weight=semibold]){--_weight:var(--text-weight,var(--font-semibold))}:host([weight=bold]){--_weight:var(--text-weight,var(--font-bold))}:host([color=primary]){--_color:var(--text-color,var(--color-primary))}:host([color=secondary]){--_color:var(--text-color,var(--color-secondary))}:host([color=info]){--_color:var(--text-color,var(--color-info))}:host([color=success]){--_color:var(--text-color,var(--color-success))}:host([color=warning]){--_color:var(--text-color,var(--color-warning))}:host([color=error]){--_color:var(--text-color,var(--color-error))}:host([color=heading]){--_color:var(--text-color,var(--text-color-heading))}:host([color=body]){--_color:var(--text-color,var(--text-color-body))}:host([color=muted]){--_color:var(--text-color,var(--text-color-secondary))}:host([color=tertiary]){--_color:var(--text-color,var(--text-color-tertiary))}:host([color=disabled]){--_color:var(--text-color,var(--text-color-disabled))}:host([color=contrast]){--_color:var(--text-color,var(--text-color-contrast))}@layer refine.utilities{:host([align]){display:block}:host([align=left]){text-align:start}:host([align=center]){text-align:center}:host([align=right]){text-align:end}:host([align=justify]){text-align:justify}:host([truncate]){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}:host([italic]){font-style:italic}:host([as=p]),:host([as=div]),:host(:is([as=h1],[as=h2],[as=h3],[as=h4],[as=h5],[as=h6])){display:block}}`,$n=`ore-text`;r($n,{props:{align:o.string(),as:o.string(),color:o.string(),italic:o.bool(),lines:o.number(),size:o.string(),truncate:o.bool(),variant:o.string(),weight:o.string()},setup(e,{bind:t,el:n}){return t({attr:{"aria-level":()=>{let t=/^h([1-6])$/.exec(e.as.value??``);return t?t[1]:null},role:()=>/^h([1-6])$/.test(e.as.value??``)?`heading`:null},style:{"--_lines":()=>e.lines.value==null?null:String(e.lines.value)}}),i`<slot></slot>`},styles:[Qn]});var er=`@layer refine.base{:host{--_bg:var(--accordion-bg);--_border-color:var(--accordion-border-color);gap:var(--size-2);background:var(--_bg);flex-direction:column;width:100%;display:flex}::slotted(ore-accordion-item){width:100%}}@layer refine.variants{:host([variant=bordered]){gap:var(--size-2)}:host([variant=text]){gap:0}:host([variant=text]) ::slotted(ore-accordion-item:not(:last-child)){border-bottom:1px solid var(--accordion-divider-color,var(--color-contrast-200))}:host([variant=solid]),:host([variant=flat]),:host([variant=glass]),:host([variant=frost]){padding:var(--size-2);border-radius:var(--rounded-lg);gap:0}:host([variant=solid]){--_bg:var(--accordion-bg,var(--color-contrast-50));--_border-color:var(--accordion-border-color,var(--color-contrast-200));border:var(--border) solid var(--_border-color);box-shadow:var(--accordion-shadow,var(--shadow-xs))}:host([variant=flat]){--_bg:var(--accordion-bg,var(--color-contrast-100));--_border-color:var(--accordion-border-color,var(--color-contrast-200));border:var(--border) solid var(--_border-color);box-shadow:var(--accordion-shadow,var(--inset-shadow-xs))}:host([variant=glass]),:host([variant=frost]){box-shadow:var(--accordion-shadow,var(--shadow-md), var(--inset-shadow-xs));-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([variant=glass]){--_bg:var(--accordion-bg,color-mix(in oklch, var(--color-secondary) 30%, var(--color-contrast) 10%))}:host([variant=frost]){--_bg:var(--accordion-bg,color-mix(in oklch, var(--color-canvas) 55%, transparent))}:host(:is([variant=glass],[variant=frost])) ::slotted(ore-accordion-item){border-radius:0}:host(:is([variant=glass],[variant=frost])) ::slotted(ore-accordion-item:first-child){border-radius:var(--rounded-lg) var(--rounded-lg) 0 0}:host(:is([variant=glass],[variant=frost])) ::slotted(ore-accordion-item:last-child){border-radius:0 0 var(--rounded-lg) var(--rounded-lg)}:host(:is([variant=glass],[variant=frost])) ::slotted(ore-accordion-item:only-child){border-radius:var(--rounded-lg)}}`,tr=e(`AccordionContext`),nr=`ore-accordion`;r(nr,{props:{selectionMode:o.string(),size:o.string(),variant:o.string()},setup(e,{bind:t,el:n,emit:r,provide:a}){let o=t=>{e.selectionMode.value===`single`&&(n.querySelectorAll(`:scope > ore-accordion-item[expanded]`).forEach(e=>{e!==t&&e.hasAttribute(`expanded`)&&e.removeAttribute(`expanded`)}),r(`change`,{expandedItem:t}))},s=()=>[...n.querySelectorAll(`:scope > ore-accordion-item:not([disabled])`)],c=()=>s().map(e=>e.shadowRoot?.querySelector(`summary`)).filter(Boolean),u=Et({getItems:()=>s(),loop:!0,onNavigate:(e,t)=>{c()[t]?.focus()}});return a(tr,{selectionMode:l(()=>e.selectionMode.value),size:e.size,variant:e.variant}),t({on:{expand:e=>{let t=e.composedPath().find(e=>e instanceof HTMLElement),r=e.detail?.item??t;!r||r.localName!==`ore-accordion-item`||r.closest(`ore-accordion`)===n&&o(r)},keydown:e=>{let t=c();if(!t.length)return;let n=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`summary`),r=n?t.indexOf(n):-1;r!==-1&&(u.set(r),u.handleKeydown(e))}}}),i`<slot></slot>`},styles:[er]});var rr=`@layer refine.base{:host{--tabs-transition:var(--transition-normal);--tabs-radius:var(--rounded-lg);flex-direction:column;width:100%;height:100%;display:flex}.tablist-wrapper{flex-shrink:0;position:relative}[role=tablist]{gap:var(--tabs-tab-gap,var(--size-1));scrollbar-width:none;align-items:stretch;display:flex;position:relative;overflow-x:auto}[role=tablist]::-webkit-scrollbar{display:none}.indicator{pointer-events:none;background:var(--tabs-indicator-color,var(--_theme-base));border-radius:var(--rounded-full);height:2px;transition:transform var(--tabs-transition);position:absolute;bottom:0;left:0}.panels{flex-direction:column;flex:1;min-height:0;display:flex}}@layer refine.orientation{:host([orientation=vertical]){flex-direction:row;align-items:flex-start}:host([orientation=vertical]) .tablist-wrapper{flex-shrink:0;display:flex}:host([orientation=vertical]) [role=tablist]{width:max-content;overflow-x:unset;flex-direction:column;overflow-y:auto}:host([orientation=vertical]) .indicator{top:0;bottom:unset;width:2px;height:unset;transition:transform var(--tabs-transition)}:host([orientation=vertical]) .indicator:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([orientation=vertical]) .indicator:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}}@layer refine.variants{:host,:host([variant=solid]){--tabs-tab-gap:var(--size-1);--_tablist-bg:var(--tabs-tablist-bg,var(--color-contrast-100));--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200))}:host [role=tablist],:host([variant=solid]) [role=tablist]{padding:var(--size-1);background:var(--_tablist-bg);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius)}:host .indicator,:host([variant=solid]) .indicator{display:none}:host([variant=flat]){--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200));background:var(--tabs-bg,var(--color-contrast-100));border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius);box-shadow:var(--inset-shadow-xs), var(--shadow-2xs);overflow:hidden}:host([variant=flat]) [role=tablist]{gap:var(--size-1);padding:var(--size-1);border:none;border-bottom:var(--border) solid var(--_tablist-border-color);background:0 0;border-radius:0}:host([variant=flat]) .indicator{display:none}:host([variant=bordered]){--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200))}:host([variant=bordered]) [role=tablist]{gap:var(--size-1);padding:var(--size-1);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius) var(--tabs-radius) 0 0;background:0 0;border-bottom:none}:host([variant=bordered]) .indicator{display:none}:host([variant=bordered]) .panels{border:var(--border) solid var(--_tablist-border-color);border-radius:0 0 var(--tabs-radius) var(--tabs-radius)}:host([variant=bordered][orientation=vertical]) [role=tablist]{border-right:none;border-bottom:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius) 0 0 var(--tabs-radius)}:host([variant=bordered][orientation=vertical]) .panels{border-radius:0 var(--tabs-radius) var(--tabs-radius) 0}:host([variant=ghost]) [role=tablist]{gap:var(--size-1);background:0 0;border:none;border-radius:0;padding:0}:host([variant=ghost]) .indicator{display:none}:host([variant=glass]){--_tablist-bg:var(--tabs-tablist-bg,color-mix(in oklch, var(--color-secondary) 20%, transparent));--_tablist-border-color:var(--tabs-tablist-border-color,color-mix(in oklch, var(--color-secondary-contrast) 15%, transparent))}:host([variant=glass]) [role=tablist]{padding:var(--size-1);background:var(--_tablist-bg);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius);box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([variant=glass]) .indicator{display:none}:host([variant=frost]){--_tablist-bg:var(--tabs-tablist-bg,color-mix(in oklch, var(--color-canvas) 55%, transparent));--_tablist-border-color:var(--tabs-tablist-border-color,color-mix(in oklch, var(--color-contrast-300) 50%, transparent))}:host([variant=frost]) [role=tablist]{padding:var(--size-1);background:var(--_tablist-bg);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius);box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([variant=frost]) .indicator{display:none}}`,ir=e(`TabsContext`),ar=`ore-tabs`;r(ar,{props:{...J,...Y,activation:o.oneOf([`auto`,`manual`],`auto`),label:o.string(),orientation:o.oneOf([`horizontal`,`vertical`],`horizontal`),value:o.string(),variant:o.string()},setup(e,{bind:t,el:n,emit:r,onMounted:a,provide:o}){let c=n.shadowRoot,u=s(),d=s(),f=p(e.value.value),m=()=>e.activation.value===`manual`,g=()=>e.orientation.value===`vertical`;t({attr:{value:()=>f.value??null}});let _=()=>[...n.querySelectorAll(`:scope > ore-tab-item[slot="tabs"]`)],v=()=>_().filter(e=>!e.hasAttribute(`disabled`)),y=e=>{e&&(e.shadowRoot?.querySelector(`[role="tab"]`)??e).focus()},b=(e,t=!1)=>{f.value=e,t&&e&&r(`change`,{value:e})},x=()=>{let e=_();if(e.length===0)return;let t=f.value;t&&e.some(e=>e.getAttribute(`value`)===t&&!e.hasAttribute(`disabled`))||b(e.find(e=>!e.hasAttribute(`disabled`))?.getAttribute(`value`)??void 0,!1)};h(e.value,e=>{f.value=e,x()});let S=Et({getItems:()=>v(),loop:!0,onNavigate:(e,t)=>{let n=v()[t];if(y(n),!m()){let e=n?.getAttribute(`value`);e&&b(e,!0)}},orientation:()=>g()?`vertical`:`both`});o(ir,{color:e.color,orientation:l(()=>e.orientation.value??`horizontal`),size:e.size,value:f,variant:e.variant});let C=e=>{let t=d.value,n=u.value;if(!t||!n||!e)return;let r=e.getBoundingClientRect(),i=n.getBoundingClientRect();if(g()){let e=r.top-i.top+n.scrollTop;t.style.transition=`none`,t.style.height=`${r.height}px`,t.style.width=``,t.style.left=`0`,t.style.top=`0`,t.offsetWidth,t.style.transition=``,t.style.transform=`translateY(${e}px)`}else{let e=r.left-i.left+n.scrollLeft;t.style.transition=`none`,t.style.width=`${r.width}px`,t.style.height=``,t.style.top=``,t.style.left=`0`,t.offsetWidth,t.style.transition=``,t.style.transform=`translateX(${e}px)`}},w=()=>{let e=f.value;e&&C(_().find(t=>t.getAttribute(`value`)===e))};h(f,()=>{requestAnimationFrame(w)});let T=e=>{let t=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`ore-tab-item`);if(!t||t.hasAttribute(`disabled`)||t.closest(`ore-tabs`)!==n)return;let r=t.getAttribute(`value`);!r||r===f.value||b(r,!0)},E=_t({disabled:l(()=>!m()),onPress:()=>{let e=v().find(e=>e===document.activeElement||e.shadowRoot?.activeElement===document.activeElement)?.getAttribute(`value`);e&&e!==f.value&&b(e,!0)}});return t({on:{click:T,keydown:e=>{let t=v();if(t.length===0)return;let n=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`ore-tab-item`)??t.find(e=>e.getAttribute(`value`)===f.value),r=n?t.indexOf(n):-1;r>=0&&S.set(r),!S.handleKeydown(e)&&E.handleKeydown(e)}}}),a(()=>{let e=()=>{x(),w()},t=c?.querySelector(`slot[name="tabs"]`);return t&&t.addEventListener(`slotchange`,e),e(),requestAnimationFrame(e),()=>{t&&t.removeEventListener(`slotchange`,e)}}),i`
|
|
809
|
+
`},styles:[q,Wn]});var Kn=`@layer refine.base{:host{box-shadow:var(--table-shadow,none);border:none;border-radius:0}caption{padding:var(--size-3);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-align:start;text-transform:uppercase;letter-spacing:.05em;caption-side:top;background:var(--_header-bg)}thead,tfoot{background:var(--_header-bg)}thead{border-bottom:var(--border) solid var(--_border-color)}tfoot{border-top:var(--border) solid var(--_border-color)}tbody tr{border-bottom:var(--border) solid var(--_border-color);transition:background var(--transition-fast)}tbody tr:hover{background:var(--_row-hover-bg)}th,td{padding:var(--_cell-padding-y) var(--_cell-padding-x);font-size:var(--_font-size);vertical-align:middle;color:var(--color-contrast-800);text-align:start;font-weight:400}thead th,thead td,tfoot th,tfoot td{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;-webkit-user-select:none;user-select:none}}@layer refine.variants{:host([bordered]) th:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([bordered]) td:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_border-color)}:host([bordered]) th:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}:host([bordered]) td:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}:host([bordered]) th:last-child:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([bordered]) td:last-child:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:none}:host([bordered]) th:last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:none}:host([bordered]) td:last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:none}:host([striped]) tbody tr:nth-child(2n){background:var(--_stripe-bg)}:host([sticky]) thead{z-index:2;background:var(--table-sticky-header-bg,color-mix(in oklch, var(--_header-bg) 94%, transparent));box-shadow:inset 0 calc(var(--border) * -1) 0 var(--_border-color);-webkit-backdrop-filter:blur(var(--table-sticky-blur,var(--blur-md))) saturate(140%);backdrop-filter:blur(var(--table-sticky-blur,var(--blur-md))) saturate(140%);position:sticky;top:0}}`;customElements.get(`ore-tr`)||customElements.define(`ore-tr`,class extends HTMLElement{}),customElements.get(`ore-th`)||customElements.define(`ore-th`,class extends HTMLElement{}),customElements.get(`ore-td`)||customElements.define(`ore-td`,class extends HTMLElement{});var qn=[`colspan`,`rowspan`,`headers`,`abbr`];function Jn(e,t,n){if(e.childElementCount>0){let n=e.innerHTML;if(t.getAttribute(`data-src-html`)===n)return;t.setAttribute(`data-src-html`,n),t.textContent=``;for(let n of e.childNodes)t.appendChild(n.cloneNode(!0))}else{let n=e.textContent??``;t.textContent!==n&&(t.textContent=n)}for(let n of qn){let r=e.getAttribute(n);r===null?t.removeAttribute(n):t.setAttribute(n,r)}let r=e.getAttribute(`scope`);r===null?n?t.scope=n:t.removeAttribute(`scope`):t.setAttribute(`scope`,r)}function Yn(e,t,n,r){let i=new WeakMap;t.textContent=``,n.textContent=``,r.textContent=``;for(let a of e.children){if(a.localName!==`ore-tr`)continue;let e=a.hasAttribute(`head`)?t:a.hasAttribute(`foot`)?r:n,o=document.createElement(`tr`);for(let r of a.children){if(r.localName!==`ore-th`&&r.localName!==`ore-td`)continue;let a=r.localName===`ore-th`,s=document.createElement(a?`th`:`td`),c=a?e===t?`col`:`row`:void 0;s.setAttribute(`part`,e===n?`cell`:`header-cell`),s.removeAttribute(`data-src-html`),Jn(r,s,c),i.set(r,{inferredScope:c,native:s}),o.appendChild(s)}e.appendChild(o)}return i}var Xn=`ore-table`;r(Xn,{props:{bordered:o.bool(!1),caption:o.string(),density:o.string(),fullwidth:o.bool(!1),loading:o.bool(!1),sticky:o.bool(!1),striped:o.bool(!1)},setup(e,{bind:t,el:n,onMounted:r,watch:a}){return t({attr:{"aria-busy":e.loading,"aria-label":e.caption}}),r(()=>{let t=n.shadowRoot.querySelector(`.scroll-container`),r=document.createElement(`table`),i=document.createElement(`caption`),o=document.createElement(`thead`),s=document.createElement(`tbody`),c=document.createElement(`tfoot`);t.setAttribute(`part`,`scroll`),r.setAttribute(`part`,`table`),o.setAttribute(`part`,`head`),s.setAttribute(`part`,`body`),c.setAttribute(`part`,`foot`),r.append(i,o,s,c),t.appendChild(r),a(()=>{let t=e.caption.value??``;i.textContent=t,i.hidden=t===``});let l=Yn(n,o,s,c),u=new MutationObserver(e=>{for(let t of e){let e=(t.target instanceof Element?t.target:t.target.parentElement)?.closest(`ore-th, ore-td`);if(e){let t=l.get(e);t&&Jn(e,t.native,t.inferredScope)}}});u.observe(n,{attributeFilter:[...qn,`scope`],attributes:!0,characterData:!0,childList:!0,subtree:!0});let d=new MutationObserver(()=>{l=Yn(n,o,s,c)});return d.observe(n,{childList:!0}),()=>{d.disconnect(),u.disconnect()}}),i`<div class="scroll-container"></div>`},styles:[G,Ae(`table`),Kn]});var Zn=`:host{--_size:var(--text-size,var(--text-base));--_weight:var(--text-weight,var(--font-normal));--_color:var(--text-color,var(--text-color-body));--_line-height:var(--text-line-height,var(--leading-normal));--_letter-spacing:var(--text-letter-spacing,normal);font-size:var(--_size);font-weight:var(--_weight);line-height:var(--_line-height);color:var(--_color);letter-spacing:var(--_letter-spacing);display:block}:host([hidden]){display:none}:host([lines]){-webkit-line-clamp:var(--_lines);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:host(:is([as=span],[as=label],[as=code]):not([align],[truncate])){display:inline}:host([variant=heading]){--_size:var(--text-size,var(--heading-md));--_weight:var(--text-weight,var(--font-semibold));--_color:var(--text-color,var(--text-color-heading));--_line-height:var(--text-line-height,var(--leading-tight));--_letter-spacing:var(--text-letter-spacing,var(--tracking-header))}:host([variant=label]){--_size:var(--text-size,var(--text-sm));--_weight:var(--text-weight,var(--font-medium));--_color:var(--text-color,var(--text-color-heading));--_line-height:var(--text-line-height,var(--leading-snug))}:host([variant=caption]){--_size:var(--text-size,var(--text-sm));--_color:var(--text-color,var(--text-color-secondary))}:host([variant=overline]){--_size:var(--text-size,var(--text-xs));--_weight:var(--text-weight,var(--font-semibold));--_line-height:var(--text-line-height,var(--leading-none));--_letter-spacing:var(--text-letter-spacing,.08em);text-transform:uppercase}:host([variant=code]){--_size:var(--text-size,var(--text-sm));font-family:var(--font-mono,monospace)}:host([size=xs]){--_size:var(--text-size,var(--text-xs))}:host([size=sm]){--_size:var(--text-size,var(--text-sm))}:host([size=md]){--_size:var(--text-size,var(--text-base))}:host([size=lg]){--_size:var(--text-size,var(--text-lg))}:host([size=xl]){--_size:var(--text-size,var(--text-xl))}:host([size="2xl"]){--_size:var(--text-size,var(--text-2xl))}:host([variant=heading][size=xs]){--_size:var(--text-size,var(--heading-xs))}:host([variant=heading][size=sm]){--_size:var(--text-size,var(--heading-sm))}:host([variant=heading][size=md]){--_size:var(--text-size,var(--heading-md))}:host([variant=heading][size=lg]){--_size:var(--text-size,var(--heading-lg))}:host([variant=heading][size=xl]){--_size:var(--text-size,var(--heading-xl))}:host([variant=heading][size="2xl"]){--_size:var(--text-size,var(--heading-2xl))}:host([weight=normal]){--_weight:var(--text-weight,var(--font-normal))}:host([weight=medium]){--_weight:var(--text-weight,var(--font-medium))}:host([weight=semibold]){--_weight:var(--text-weight,var(--font-semibold))}:host([weight=bold]){--_weight:var(--text-weight,var(--font-bold))}:host([color=primary]){--_color:var(--text-color,var(--color-primary))}:host([color=secondary]){--_color:var(--text-color,var(--color-secondary))}:host([color=info]){--_color:var(--text-color,var(--color-info))}:host([color=success]){--_color:var(--text-color,var(--color-success))}:host([color=warning]){--_color:var(--text-color,var(--color-warning))}:host([color=error]){--_color:var(--text-color,var(--color-error))}:host([color=heading]){--_color:var(--text-color,var(--text-color-heading))}:host([color=body]){--_color:var(--text-color,var(--text-color-body))}:host([color=muted]){--_color:var(--text-color,var(--text-color-secondary))}:host([color=tertiary]){--_color:var(--text-color,var(--text-color-tertiary))}:host([color=disabled]){--_color:var(--text-color,var(--text-color-disabled))}:host([color=contrast]){--_color:var(--text-color,var(--text-color-contrast))}@layer refine.utilities{:host([align]){display:block}:host([align=left]){text-align:start}:host([align=center]){text-align:center}:host([align=right]){text-align:end}:host([align=justify]){text-align:justify}:host([truncate]){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}:host([italic]){font-style:italic}:host([as=p]),:host([as=div]),:host(:is([as=h1],[as=h2],[as=h3],[as=h4],[as=h5],[as=h6])){display:block}}`,Qn=`ore-text`;r(Qn,{props:{align:o.string(),as:o.string(),color:o.string(),italic:o.bool(),lines:o.number(),size:o.string(),truncate:o.bool(),variant:o.string(),weight:o.string()},setup(e,{bind:t,el:n}){return t({attr:{"aria-level":()=>{let t=/^h([1-6])$/.exec(e.as.value??``);return t?t[1]:null},role:()=>/^h([1-6])$/.test(e.as.value??``)?`heading`:null},style:{"--_lines":()=>e.lines.value==null?null:String(e.lines.value)}}),i`<slot></slot>`},styles:[Zn]});var $n=`@layer refine.base{:host{--_bg:var(--accordion-bg);--_border-color:var(--accordion-border-color);gap:var(--size-2);background:var(--_bg);flex-direction:column;width:100%;display:flex}::slotted(ore-accordion-item){width:100%}}@layer refine.variants{:host([variant=bordered]){gap:var(--size-2)}:host([variant=text]){gap:0}:host([variant=text]) ::slotted(ore-accordion-item:not(:last-child)){border-bottom:1px solid var(--accordion-divider-color,var(--color-contrast-200))}:host([variant=solid]),:host([variant=flat]),:host([variant=glass]),:host([variant=frost]){padding:var(--size-2);border-radius:var(--rounded-lg);gap:0}:host([variant=solid]){--_bg:var(--accordion-bg,var(--color-contrast-50));--_border-color:var(--accordion-border-color,var(--color-contrast-200));border:var(--border) solid var(--_border-color);box-shadow:var(--accordion-shadow,var(--shadow-xs))}:host([variant=flat]){--_bg:var(--accordion-bg,var(--color-contrast-100));--_border-color:var(--accordion-border-color,var(--color-contrast-200));border:var(--border) solid var(--_border-color);box-shadow:var(--accordion-shadow,var(--inset-shadow-xs))}:host([variant=glass]),:host([variant=frost]){box-shadow:var(--accordion-shadow,var(--shadow-md), var(--inset-shadow-xs));-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([variant=glass]){--_bg:var(--accordion-bg,color-mix(in oklch, var(--color-secondary) 30%, var(--color-contrast) 10%))}:host([variant=frost]){--_bg:var(--accordion-bg,color-mix(in oklch, var(--color-canvas) 55%, transparent))}:host(:is([variant=glass],[variant=frost])) ::slotted(ore-accordion-item){border-radius:0}:host(:is([variant=glass],[variant=frost])) ::slotted(ore-accordion-item:first-child){border-radius:var(--rounded-lg) var(--rounded-lg) 0 0}:host(:is([variant=glass],[variant=frost])) ::slotted(ore-accordion-item:last-child){border-radius:0 0 var(--rounded-lg) var(--rounded-lg)}:host(:is([variant=glass],[variant=frost])) ::slotted(ore-accordion-item:only-child){border-radius:var(--rounded-lg)}}`,er=e(`AccordionContext`),tr=`ore-accordion`;r(tr,{props:{selectionMode:o.string(),size:o.string(),variant:o.string()},setup(e,{bind:t,el:n,emit:r,provide:a}){let o=t=>{e.selectionMode.value===`single`&&(n.querySelectorAll(`:scope > ore-accordion-item[expanded]`).forEach(e=>{e!==t&&e.hasAttribute(`expanded`)&&e.removeAttribute(`expanded`)}),r(`change`,{expandedItem:t}))},s=()=>[...n.querySelectorAll(`:scope > ore-accordion-item:not([disabled])`)],c=()=>s().map(e=>e.shadowRoot?.querySelector(`summary`)).filter(Boolean),u=Tt({getItems:()=>s(),loop:!0,onNavigate:(e,t)=>{c()[t]?.focus()}});return a(er,{selectionMode:l(()=>e.selectionMode.value),size:e.size,variant:e.variant}),t({on:{expand:e=>{let t=e.composedPath().find(e=>e instanceof HTMLElement),r=e.detail?.item??t;!r||r.localName!==`ore-accordion-item`||r.closest(`ore-accordion`)===n&&o(r)},keydown:e=>{let t=c();if(!t.length)return;let n=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`summary`),r=n?t.indexOf(n):-1;r!==-1&&(u.set(r),u.handleKeydown(e))}}}),i`<slot></slot>`},styles:[$n]});var nr=`@layer refine.base{:host{--tabs-transition:var(--transition-normal);--tabs-radius:var(--rounded-lg);flex-direction:column;width:100%;height:100%;display:flex}.tablist-wrapper{flex-shrink:0;position:relative}[role=tablist]{gap:var(--tabs-tab-gap,var(--size-1));scrollbar-width:none;align-items:stretch;display:flex;position:relative;overflow-x:auto}[role=tablist]::-webkit-scrollbar{display:none}.indicator{pointer-events:none;background:var(--tabs-indicator-color,var(--_theme-base));border-radius:var(--rounded-full);height:2px;transition:transform var(--tabs-transition);position:absolute;bottom:0;left:0}.panels{flex-direction:column;flex:1;min-height:0;display:flex}}@layer refine.orientation{:host([orientation=vertical]){flex-direction:row;align-items:flex-start}:host([orientation=vertical]) .tablist-wrapper{flex-shrink:0;display:flex}:host([orientation=vertical]) [role=tablist]{width:max-content;overflow-x:unset;flex-direction:column;overflow-y:auto}:host([orientation=vertical]) .indicator{top:0;bottom:unset;width:2px;height:unset;transition:transform var(--tabs-transition)}:host([orientation=vertical]) .indicator:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([orientation=vertical]) .indicator:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}}@layer refine.variants{:host,:host([variant=solid]){--tabs-tab-gap:var(--size-1);--_tablist-bg:var(--tabs-tablist-bg,var(--color-contrast-100));--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200))}:host [role=tablist],:host([variant=solid]) [role=tablist]{padding:var(--size-1);background:var(--_tablist-bg);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius)}:host .indicator,:host([variant=solid]) .indicator{display:none}:host([variant=flat]){--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200));background:var(--tabs-bg,var(--color-contrast-100));border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius);box-shadow:var(--inset-shadow-xs), var(--shadow-2xs);overflow:hidden}:host([variant=flat]) [role=tablist]{gap:var(--size-1);padding:var(--size-1);border:none;border-bottom:var(--border) solid var(--_tablist-border-color);background:0 0;border-radius:0}:host([variant=flat]) .indicator{display:none}:host([variant=bordered]){--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200))}:host([variant=bordered]) [role=tablist]{gap:var(--size-1);padding:var(--size-1);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius) var(--tabs-radius) 0 0;background:0 0;border-bottom:none}:host([variant=bordered]) .indicator{display:none}:host([variant=bordered]) .panels{border:var(--border) solid var(--_tablist-border-color);border-radius:0 0 var(--tabs-radius) var(--tabs-radius)}:host([variant=bordered][orientation=vertical]) [role=tablist]{border-right:none;border-bottom:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius) 0 0 var(--tabs-radius)}:host([variant=bordered][orientation=vertical]) .panels{border-radius:0 var(--tabs-radius) var(--tabs-radius) 0}:host([variant=ghost]) [role=tablist]{gap:var(--size-1);background:0 0;border:none;border-radius:0;padding:0}:host([variant=ghost]) .indicator{display:none}:host([variant=glass]){--_tablist-bg:var(--tabs-tablist-bg,color-mix(in oklch, var(--color-secondary) 20%, transparent));--_tablist-border-color:var(--tabs-tablist-border-color,color-mix(in oklch, var(--color-secondary-contrast) 15%, transparent))}:host([variant=glass]) [role=tablist]{padding:var(--size-1);background:var(--_tablist-bg);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius);box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([variant=glass]) .indicator{display:none}:host([variant=frost]){--_tablist-bg:var(--tabs-tablist-bg,color-mix(in oklch, var(--color-canvas) 55%, transparent));--_tablist-border-color:var(--tabs-tablist-border-color,color-mix(in oklch, var(--color-contrast-300) 50%, transparent))}:host([variant=frost]) [role=tablist]{padding:var(--size-1);background:var(--_tablist-bg);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius);box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([variant=frost]) .indicator{display:none}}`,rr=e(`TabsContext`),ir=`ore-tabs`;r(ir,{props:{...J,...Y,activation:o.oneOf([`auto`,`manual`],`auto`),label:o.string(),orientation:o.oneOf([`horizontal`,`vertical`],`horizontal`),value:o.string(),variant:o.string()},setup(e,{bind:t,el:n,emit:r,onMounted:a,provide:o}){let c=n.shadowRoot,u=s(),d=s(),f=p(e.value.value),m=()=>e.activation.value===`manual`,g=()=>e.orientation.value===`vertical`;t({attr:{value:()=>f.value??null}});let _=()=>[...n.querySelectorAll(`:scope > ore-tab-item[slot="tabs"]`)],v=()=>_().filter(e=>!e.hasAttribute(`disabled`)),y=e=>{e&&(e.shadowRoot?.querySelector(`[role="tab"]`)??e).focus()},b=(e,t=!1)=>{f.value=e,t&&e&&r(`change`,{value:e})},x=()=>{let e=_();if(e.length===0)return;let t=f.value;if(t&&e.some(e=>e.getAttribute(`value`)===t&&!e.hasAttribute(`disabled`)))return;let n=e.find(e=>!e.hasAttribute(`disabled`))?.getAttribute(`value`)??void 0;b(n,!1)};h(e.value,e=>{f.value=e,x()});let S=Tt({getItems:()=>v(),loop:!0,onNavigate:(e,t)=>{let n=v()[t];if(y(n),!m()){let e=n?.getAttribute(`value`);e&&b(e,!0)}},orientation:()=>g()?`vertical`:`both`});o(rr,{color:e.color,orientation:l(()=>e.orientation.value??`horizontal`),size:e.size,value:f,variant:e.variant});let C=e=>{let t=d.value,n=u.value;if(!t||!n||!e)return;let r=e.getBoundingClientRect(),i=n.getBoundingClientRect();if(g()){let e=r.top-i.top+n.scrollTop;t.style.transition=`none`,t.style.height=`${r.height}px`,t.style.width=``,t.style.left=`0`,t.style.top=`0`,t.offsetWidth,t.style.transition=``,t.style.transform=`translateY(${e}px)`}else{let e=r.left-i.left+n.scrollLeft;t.style.transition=`none`,t.style.width=`${r.width}px`,t.style.height=``,t.style.top=``,t.style.left=`0`,t.offsetWidth,t.style.transition=``,t.style.transform=`translateX(${e}px)`}},w=()=>{let e=f.value;if(!e)return;let t=_().find(t=>t.getAttribute(`value`)===e);C(t)};h(f,()=>{requestAnimationFrame(w)});let T=e=>{let t=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`ore-tab-item`);if(!t||t.hasAttribute(`disabled`)||t.closest(`ore-tabs`)!==n)return;let r=t.getAttribute(`value`);!r||r===f.value||b(r,!0)},E=gt({disabled:l(()=>!m()),onPress:()=>{let e=v().find(e=>e===document.activeElement||e.shadowRoot?.activeElement===document.activeElement)?.getAttribute(`value`);e&&e!==f.value&&b(e,!0)}});return t({on:{click:T,keydown:e=>{let t=v();if(t.length===0)return;let n=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`ore-tab-item`)??t.find(e=>e.getAttribute(`value`)===f.value),r=n?t.indexOf(n):-1;r>=0&&S.set(r),!S.handleKeydown(e)&&E.handleKeydown(e)}}}),a(()=>{let e=()=>{x(),w()},t=c?.querySelector(`slot[name="tabs"]`);return t&&t.addEventListener(`slotchange`,e),e(),requestAnimationFrame(e),()=>{t&&t.removeEventListener(`slotchange`,e)}}),i`
|
|
810
810
|
<div class="tablist-wrapper">
|
|
811
811
|
<div
|
|
812
812
|
role="tablist"
|
|
@@ -821,7 +821,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
821
821
|
<div class="panels" part="panels">
|
|
822
822
|
<slot></slot>
|
|
823
823
|
</div>
|
|
824
|
-
`},styles:[q,rr]});var or=`@layer refine.base{:host{color:var(--accordion-item-body-color,var(--text-color-body));--accordion-details-radius:var(--rounded-lg);--accordion-item-transition:var(--transition-normal);--accordion-item-expand-easing:var(--ease-spring);display:block}details{border-radius:var(--accordion-item-radius);width:100%;overflow:hidden}summary{gap:var(--size-4);min-height:var(--_touch-target);padding:var(--accordion-item-details-padding,var(--size-3) var(--size-4));font-size:var(--accordion-item-title);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--accordion-item-bg);border:var(--border) solid var(--accordion-item-border-color);border-radius:var(--accordion-details-radius);transition:background var(--accordion-item-transition), border-color var(--accordion-item-transition), color var(--accordion-item-transition);outline:none;align-items:center;list-style:none;display:flex;position:relative}summary::-webkit-details-marker{display:none}summary:focus{outline:none}summary:focus-visible{outline:var(--border-2) solid currentcolor;outline-offset:var(--border-2);box-shadow:0 0 0 3px color-mix(in oklch, currentcolor 20%, transparent)}.header-content{flex-direction:column;flex:1;min-width:0;display:flex}.subtitle{font-size:var(--accordion-item-subtitle-size);line-height:var(--leading-normal);color:var(--accordion-item-subtitle-color,var(--text-color-secondary))}.title{text-overflow:ellipsis;font-weight:var(--font-medium);color:var(--accordion-item-title-color,var(--text-color-heading));white-space:nowrap;overflow:hidden}.content-wrapper{font-size:var(--accordion-item-body);background:var(--accordion-item-bg);border-inline:1px solid var(--accordion-item-border-color);border-bottom:1px solid var(--accordion-item-border-color);border-radius:var(--accordion-summary-radius);transition:grid-template-rows .2s var(--accordion-item-expand-easing,var(--ease-spring));grid-template-rows:0fr;display:grid}details[open] .content-wrapper{grid-template-rows:1fr}.content-inner{padding:var(--accordion-item-summary-padding,var(--size-2) var(--size-4));opacity:1;transition:opacity .2s 60ms var(--ease-spring), transform .2s 60ms var(--ease-spring);overflow:hidden;transform:translateY(0)}details.opening .content-inner{opacity:0;transition:none;transform:translateY(-6px)}details.closing .content-inner{opacity:0;transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring);transform:translateY(-4px)}details.closing .content-wrapper{transition:grid-template-rows .2s .12s var(--accordion-item-expand-easing,var(--ease-spring));grid-template-rows:1fr}}@layer refine.variants{:host,:host([variant=solid]){--accordion-item-bg:var(--color-contrast-50);--accordion-item-border-color:transparent;--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=flat]){--accordion-item-bg:var(--color-contrast-100);--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=bordered]){--accordion-item-bg:var(--color-contrast-100);--accordion-item-border-color:var(--color-divider);--accordion-item-hover-bg:var(--color-contrast-200);box-shadow:var(--inset-shadow-xs), var(--shadow-2xs)}:host([variant=outline]){--accordion-item-bg:transparent;--accordion-item-border-color:var(--color-divider);--accordion-item-hover-bg:var(--color-contrast-300)}:host([variant=ghost]){--accordion-item-bg:transparent;--accordion-item-border-color:transparent;--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=text]){--accordion-item-bg:transparent;--accordion-item-border-color:transparent;--accordion-item-hover-bg:transparent}:host summary:hover{background:var(--accordion-item-hover-bg)}:host([variant=glass]) details,:host([variant=frost]) details{border-radius:inherit}:host([variant=glass]) summary,:host([variant=frost]) summary{border-radius:inherit;-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([variant=glass]) .content-wrapper,:host([variant=frost]) .content-wrapper{-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%);border-radius:0}:host([variant=glass]){--accordion-item-bg:color-mix(in oklch, var(--color-secondary) 30%, var(--color-contrast) 10%);--accordion-item-border-color:transparent;--accordion-item-hover-bg:color-mix(in oklch, var(--color-secondary) 20%, transparent);--accordion-item-title-color:color-mix(in oklch, var(--color-secondary-contrast) 100%, transparent);--accordion-item-subtitle-color:color-mix(in oklch, var(--color-secondary-contrast) 60%, transparent);--accordion-item-body-color:color-mix(in oklch, var(--color-secondary-contrast) 80%, transparent)}:host([variant=glass]) summary{text-shadow:var(--text-shadow-xs)}:host([variant=glass]) .content-wrapper{filter:brightness(1.05)}:host([variant=frost]){--accordion-item-bg:color-mix(in oklch, var(--color-canvas) 55%, transparent);--accordion-item-border-color:transparent;--accordion-item-hover-bg:color-mix(in oklch, var(--color-canvas) 20%, transparent)}:host([variant=frost]) summary{text-shadow:var(--text-shadow-2xs)}:host([size=sm]){--accordion-item-details-padding:var(--size-2) var(--size-4);--accordion-item-summary-padding:var(--size-1) var(--size-5);--accordion-item-title:var(--text-sm);--accordion-item-subtitle-size:var(--text-xs);--accordion-item-body:var(--text-xs)}:host(:not([size])),:host([size=md]){--accordion-item-details-padding:var(--size-3) var(--size-4);--accordion-item-summary-padding:var(--size-1) var(--size-5);--accordion-item-title:var(--text-base);--accordion-item-subtitle-size:var(--text-sm);--accordion-item-body:var(--text-sm)}:host([size=lg]){--accordion-item-details-padding:var(--size-4) var(--size-4);--accordion-item-summary-padding:var(--size-1) var(--size-5);--accordion-item-title:var(--text-lg);--accordion-item-subtitle-size:var(--text-base);--accordion-item-body:var(--text-base)}@media (pointer:coarse){:host,:host([size=md]){--accordion-item-details-padding:var(--size-4) var(--size-5);--accordion-item-title:var(--text-lg);--accordion-item-subtitle-size:var(--text-base);--accordion-item-body:var(--text-base)}:host([size=sm]){--accordion-item-details-padding:var(--size-3) var(--size-4);--accordion-item-title:var(--text-base);--accordion-item-subtitle-size:var(--text-sm);--accordion-item-body:var(--text-sm)}}:host([disabled]){pointer-events:none;opacity:.6}.chevron{width:var(--_size,var(--size-5));height:var(--_size,var(--size-5));--ore-icon-size:var(--_size,var(--size-5));transition:transform .2s var(--ease-spring);transform:rotate(-90deg)}.chevron:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.chevron:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}details[open] .chevron{transform:rotate(0)}details.rtl .chevron{transform:rotate(90deg)}details.rtl[open] .chevron{transform:rotate(0)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .chevron{transform:rotate(90deg)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) details[open] .chevron{transform:rotate(0)}:host([expanded]){--accordion-details-radius:var(--rounded-lg) var(--rounded-lg) 0 0;--accordion-summary-radius:0 0 var(--rounded-lg) var(--rounded-lg)}@media (forced-colors:active){summary{border-color:buttontext}}}`,sr=`ore-accordion-item`;r(sr,{props:{...X,expanded:o.bool(!1),size:o.string(),variant:o.string()},setup(e,{el:t,emit:n,onMounted:r,watch:o}){let c=a(tr);c&&o(()=>{let e=c.size.value,n=c.variant.value;e!==void 0&&t.setAttribute(`size`,e),n!==void 0&&t.setAttribute(`variant`,n)});let l=`accordion-item-title`,u=s(),d=s(),f=!1,p=()=>{let e=u.value;!e||e.open||(e.classList.add(`opening`),e.open=!0,t.toggleAttribute(`expanded`,!0),n(`expand`,{expanded:!0,item:t}),requestAnimationFrame(()=>{let t=e.querySelector(`.content-inner`);if(!t){e.classList.remove(`opening`),f=!1;return}let n=()=>{e.classList.remove(`opening`),f=!1},r=t.getAnimations?.().filter(e=>e instanceof CSSTransition)??[];r.length>0?Promise.allSettled(r.map(e=>e.finished)).then(n):n()}))},m=()=>{let e=u.value;if(!e||!e.open||f)return;f=!0,e.classList.add(`closing`);let r=e.querySelector(`.content-inner`),i=()=>{e.classList.remove(`closing`),e.open=!1,t.toggleAttribute(`expanded`,!1),n(`collapse`,{expanded:!1,item:t}),f=!1};if(r){let e=r.getAnimations?.().filter(e=>e instanceof CSSTransition)??[];e.length>0?Promise.allSettled(e.map(e=>e.finished)).then(i):i()}else i()},h=!1,g=0,_=()=>{if(e.disabled.value)return;let t=u.value;t&&(t.open?m():p())},v=e=>{g=e.touches[0]?.clientY??0},y=e=>{Math.abs((e.changedTouches[0]?.clientY??0)-g)>10||(e.preventDefault(),h=!0,_())},b=e=>{if(h){h=!1,e.preventDefault();return}e.preventDefault(),_()},x=()=>{let r=u.value?.open??!1,i=!!e.expanded.value;r&&!i?(t.toggleAttribute(`expanded`,!0),n(`expand`,{expanded:!0,item:t})):!r&&i&&(t.toggleAttribute(`expanded`,!1),n(`collapse`,{expanded:!1,item:t}))};return r(()=>{let e=u.value,n=d.value;if(!e||!n)return;let r=()=>{e.classList.toggle(`rtl`,Ot(t)===`rtl`)};r();let i=new MutationObserver(e=>{e.some(e=>e.attributeName===`dir`)&&r()});for(let e=t;e;e=e.parentElement)i.observe(e,{attributeFilter:[`dir`],attributes:!0});return e.addEventListener(`toggle`,x),n.addEventListener(`touchstart`,v,{passive:!0}),n.addEventListener(`touchend`,y,{passive:!1}),n.addEventListener(`click`,b),()=>{i.disconnect(),e.removeEventListener(`toggle`,x),n.removeEventListener(`touchstart`,v),n.removeEventListener(`touchend`,y),n.removeEventListener(`click`,b)}}),i` <details part="item" ?open="${e.expanded}" ref="${u}">
|
|
824
|
+
`},styles:[q,nr]});var ar=`@layer refine.base{:host{color:var(--accordion-item-body-color,var(--text-color-body));--accordion-details-radius:var(--rounded-lg);--accordion-item-transition:var(--transition-normal);--accordion-item-expand-easing:var(--ease-spring);display:block}details{border-radius:var(--accordion-item-radius);width:100%;overflow:hidden}summary{gap:var(--size-4);min-height:var(--_touch-target);padding:var(--accordion-item-details-padding,var(--size-3) var(--size-4));font-size:var(--accordion-item-title);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--accordion-item-bg);border:var(--border) solid var(--accordion-item-border-color);border-radius:var(--accordion-details-radius);transition:background var(--accordion-item-transition), border-color var(--accordion-item-transition), color var(--accordion-item-transition);outline:none;align-items:center;list-style:none;display:flex;position:relative}summary::-webkit-details-marker{display:none}summary:focus{outline:none}summary:focus-visible{outline:var(--border-2) solid currentcolor;outline-offset:var(--border-2);box-shadow:0 0 0 3px color-mix(in oklch, currentcolor 20%, transparent)}.header-content{flex-direction:column;flex:1;min-width:0;display:flex}.subtitle{font-size:var(--accordion-item-subtitle-size);line-height:var(--leading-normal);color:var(--accordion-item-subtitle-color,var(--text-color-secondary))}.title{text-overflow:ellipsis;font-weight:var(--font-medium);color:var(--accordion-item-title-color,var(--text-color-heading));white-space:nowrap;overflow:hidden}.content-wrapper{font-size:var(--accordion-item-body);background:var(--accordion-item-bg);border-inline:1px solid var(--accordion-item-border-color);border-bottom:1px solid var(--accordion-item-border-color);border-radius:var(--accordion-summary-radius);transition:grid-template-rows .2s var(--accordion-item-expand-easing,var(--ease-spring));grid-template-rows:0fr;display:grid}details[open] .content-wrapper{grid-template-rows:1fr}.content-inner{padding:var(--accordion-item-summary-padding,var(--size-2) var(--size-4));opacity:1;transition:opacity .2s 60ms var(--ease-spring), transform .2s 60ms var(--ease-spring);overflow:hidden;transform:translateY(0)}details.opening .content-inner{opacity:0;transition:none;transform:translateY(-6px)}details.closing .content-inner{opacity:0;transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring);transform:translateY(-4px)}details.closing .content-wrapper{transition:grid-template-rows .2s .12s var(--accordion-item-expand-easing,var(--ease-spring));grid-template-rows:1fr}}@layer refine.variants{:host,:host([variant=solid]){--accordion-item-bg:var(--color-contrast-50);--accordion-item-border-color:transparent;--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=flat]){--accordion-item-bg:var(--color-contrast-100);--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=bordered]){--accordion-item-bg:var(--color-contrast-100);--accordion-item-border-color:var(--color-divider);--accordion-item-hover-bg:var(--color-contrast-200);box-shadow:var(--inset-shadow-xs), var(--shadow-2xs)}:host([variant=outline]){--accordion-item-bg:transparent;--accordion-item-border-color:var(--color-divider);--accordion-item-hover-bg:var(--color-contrast-300)}:host([variant=ghost]){--accordion-item-bg:transparent;--accordion-item-border-color:transparent;--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=text]){--accordion-item-bg:transparent;--accordion-item-border-color:transparent;--accordion-item-hover-bg:transparent}:host summary:hover{background:var(--accordion-item-hover-bg)}:host([variant=glass]) details,:host([variant=frost]) details{border-radius:inherit}:host([variant=glass]) summary,:host([variant=frost]) summary{border-radius:inherit;-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([variant=glass]) .content-wrapper,:host([variant=frost]) .content-wrapper{-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%);border-radius:0}:host([variant=glass]){--accordion-item-bg:color-mix(in oklch, var(--color-secondary) 30%, var(--color-contrast) 10%);--accordion-item-border-color:transparent;--accordion-item-hover-bg:color-mix(in oklch, var(--color-secondary) 20%, transparent);--accordion-item-title-color:color-mix(in oklch, var(--color-secondary-contrast) 100%, transparent);--accordion-item-subtitle-color:color-mix(in oklch, var(--color-secondary-contrast) 60%, transparent);--accordion-item-body-color:color-mix(in oklch, var(--color-secondary-contrast) 80%, transparent)}:host([variant=glass]) summary{text-shadow:var(--text-shadow-xs)}:host([variant=glass]) .content-wrapper{filter:brightness(1.05)}:host([variant=frost]){--accordion-item-bg:color-mix(in oklch, var(--color-canvas) 55%, transparent);--accordion-item-border-color:transparent;--accordion-item-hover-bg:color-mix(in oklch, var(--color-canvas) 20%, transparent)}:host([variant=frost]) summary{text-shadow:var(--text-shadow-2xs)}:host([size=sm]){--accordion-item-details-padding:var(--size-2) var(--size-4);--accordion-item-summary-padding:var(--size-1) var(--size-5);--accordion-item-title:var(--text-sm);--accordion-item-subtitle-size:var(--text-xs);--accordion-item-body:var(--text-xs)}:host(:not([size])),:host([size=md]){--accordion-item-details-padding:var(--size-3) var(--size-4);--accordion-item-summary-padding:var(--size-1) var(--size-5);--accordion-item-title:var(--text-base);--accordion-item-subtitle-size:var(--text-sm);--accordion-item-body:var(--text-sm)}:host([size=lg]){--accordion-item-details-padding:var(--size-4) var(--size-4);--accordion-item-summary-padding:var(--size-1) var(--size-5);--accordion-item-title:var(--text-lg);--accordion-item-subtitle-size:var(--text-base);--accordion-item-body:var(--text-base)}@media (pointer:coarse){:host,:host([size=md]){--accordion-item-details-padding:var(--size-4) var(--size-5);--accordion-item-title:var(--text-lg);--accordion-item-subtitle-size:var(--text-base);--accordion-item-body:var(--text-base)}:host([size=sm]){--accordion-item-details-padding:var(--size-3) var(--size-4);--accordion-item-title:var(--text-base);--accordion-item-subtitle-size:var(--text-sm);--accordion-item-body:var(--text-sm)}}:host([disabled]){pointer-events:none;opacity:.6}.chevron{width:var(--_size,var(--size-5));height:var(--_size,var(--size-5));--ore-icon-size:var(--_size,var(--size-5));transition:transform .2s var(--ease-spring);transform:rotate(-90deg)}.chevron:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.chevron:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}details[open] .chevron{transform:rotate(0)}details.rtl .chevron{transform:rotate(90deg)}details.rtl[open] .chevron{transform:rotate(0)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .chevron{transform:rotate(90deg)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) details[open] .chevron{transform:rotate(0)}:host([expanded]){--accordion-details-radius:var(--rounded-lg) var(--rounded-lg) 0 0;--accordion-summary-radius:0 0 var(--rounded-lg) var(--rounded-lg)}@media (forced-colors:active){summary{border-color:buttontext}}}`,or=`ore-accordion-item`;r(or,{props:{...X,expanded:o.bool(!1),size:o.string(),variant:o.string()},setup(e,{el:t,emit:n,onMounted:r,watch:o}){let c=a(er);c&&o(()=>{let e=c.size.value,n=c.variant.value;e!==void 0&&t.setAttribute(`size`,e),n!==void 0&&t.setAttribute(`variant`,n)});let l=`accordion-item-title`,u=s(),d=s(),f=!1,p=()=>{let e=u.value;!e||e.open||(e.classList.add(`opening`),e.open=!0,t.toggleAttribute(`expanded`,!0),n(`expand`,{expanded:!0,item:t}),requestAnimationFrame(()=>{let t=e.querySelector(`.content-inner`);if(!t){e.classList.remove(`opening`),f=!1;return}let n=()=>{e.classList.remove(`opening`),f=!1},r=t.getAnimations?.().filter(e=>e instanceof CSSTransition)??[];r.length>0?Promise.allSettled(r.map(e=>e.finished)).then(n):n()}))},m=()=>{let e=u.value;if(!e||!e.open||f)return;f=!0,e.classList.add(`closing`);let r=e.querySelector(`.content-inner`),i=()=>{e.classList.remove(`closing`),e.open=!1,t.toggleAttribute(`expanded`,!1),n(`collapse`,{expanded:!1,item:t}),f=!1};if(r){let e=r.getAnimations?.().filter(e=>e instanceof CSSTransition)??[];e.length>0?Promise.allSettled(e.map(e=>e.finished)).then(i):i()}else i()},h=!1,g=0,_=()=>{if(e.disabled.value)return;let t=u.value;t&&(t.open?m():p())},v=e=>{g=e.touches[0]?.clientY??0},y=e=>{Math.abs((e.changedTouches[0]?.clientY??0)-g)>10||(e.preventDefault(),h=!0,_())},b=e=>{if(h){h=!1,e.preventDefault();return}e.preventDefault(),_()},x=()=>{let r=u.value?.open??!1,i=!!e.expanded.value;r&&!i?(t.toggleAttribute(`expanded`,!0),n(`expand`,{expanded:!0,item:t})):!r&&i&&(t.toggleAttribute(`expanded`,!1),n(`collapse`,{expanded:!1,item:t}))};return r(()=>{let e=u.value,n=d.value;if(!e||!n)return;let r=()=>{e.classList.toggle(`rtl`,Dt(t)===`rtl`)};r();let i=new MutationObserver(e=>{e.some(e=>e.attributeName===`dir`)&&r()});for(let e=t;e;e=e.parentElement)i.observe(e,{attributeFilter:[`dir`],attributes:!0});return e.addEventListener(`toggle`,x),n.addEventListener(`touchstart`,v,{passive:!0}),n.addEventListener(`touchend`,y,{passive:!1}),n.addEventListener(`click`,b),()=>{i.disconnect(),e.removeEventListener(`toggle`,x),n.removeEventListener(`touchstart`,v),n.removeEventListener(`touchend`,y),n.removeEventListener(`click`,b)}}),i` <details part="item" ?open="${e.expanded}" ref="${u}">
|
|
825
825
|
<summary
|
|
826
826
|
part="summary"
|
|
827
827
|
:aria-expanded="${()=>String(e.expanded.value)}"
|
|
@@ -845,7 +845,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
845
845
|
<slot></slot>
|
|
846
846
|
</div>
|
|
847
847
|
</div>
|
|
848
|
-
</details>`},styles:[W,
|
|
848
|
+
</details>`},styles:[W,ar]});var sr=`@layer refine.base{:host{--tab-item-transition:var(--transition-normal);--tab-item-radius:var(--rounded-lg);outline:none;display:inline-flex}button{gap:var(--size-2);width:100%;min-height:var(--_touch-target);padding:var(--tab-item-padding,var(--size-1-5) var(--size-4));font-family:inherit;font-size:var(--tab-item-font-size,var(--text-sm));font-weight:var(--font-medium);color:var(--tab-item-color,var(--text-color-secondary));white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--tab-item-radius);transition:background var(--tab-item-transition), color var(--tab-item-transition), box-shadow var(--tab-item-transition);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:relative}button:focus{outline:none}:host(:focus-visible) button,button:focus-visible{outline:var(--border-2) solid var(--_theme-focus);outline-offset:2px;box-shadow:0 0 0 3px var(--_theme-shadow)}}@layer refine.variants{:host,:host([variant=solid]),:host([variant=flat]){--_hover-bg:var(--tab-item-hover-bg,var(--color-contrast-200));--_active-bg:var(--tab-item-active-bg,var(--color-contrast-0,var(--color-canvas)));--_active-color:var(--tab-item-active-color,var(--text-color-heading));--_active-shadow:var(--tab-item-active-shadow,var(--shadow-xs), var(--inset-shadow-xs))}:host([variant=bordered]){--_hover-bg:var(--tab-item-hover-bg,var(--color-contrast-200));--_active-bg:var(--tab-item-active-bg,var(--color-contrast-0,var(--color-canvas)));--_active-color:var(--tab-item-active-color,var(--text-color-heading));--_active-shadow:var(--tab-item-active-shadow,var(--shadow-xs))}:host([variant=ghost]){--_hover-bg:var(--tab-item-hover-bg,var(--color-contrast-100));--_active-bg:var(--tab-item-active-bg,var(--_theme-base));--_active-color:var(--tab-item-active-color,var(--_theme-contrast))}:host([variant=glass]){--_color:var(--tab-item-color,color-mix(in oklch, var(--color-secondary-contrast) 70%, transparent));--_hover-bg:var(--tab-item-hover-bg,color-mix(in oklch, var(--color-secondary-contrast) 10%, transparent));--_active-bg:var(--tab-item-active-bg,color-mix(in oklch, var(--color-secondary-contrast) 15%, transparent));--_active-color:var(--tab-item-active-color,var(--color-secondary-contrast));--_active-shadow:var(--tab-item-active-shadow,var(--shadow-xs), var(--inset-shadow-xs))}:host([variant=glass]) button{color:var(--_color);text-shadow:var(--text-shadow-2xs)}:host([variant=glass]) button:hover{color:var(--tab-item-active-color,var(--color-secondary-contrast))}:host([variant=frost]){--_hover-bg:var(--tab-item-hover-bg,color-mix(in oklch, var(--color-contrast) 10%, transparent));--_active-bg:var(--tab-item-active-bg,color-mix(in oklch, var(--color-canvas) 60%, transparent));--_active-color:var(--tab-item-active-color,var(--text-color-heading));--_active-shadow:var(--tab-item-active-shadow,var(--shadow-xs), var(--inset-shadow-xs))}:host([variant=frost]) button{color:var(--text-color-secondary)}:host button:hover{color:var(--tab-item-active-color,var(--text-color-heading));background:var(--_hover-bg)}:host([active]) button{color:var(--_active-color);background:var(--_active-bg);box-shadow:var(--_active-shadow)}:host([size=sm]){--tab-item-font-size:var(--text-xs);--tab-item-padding:var(--size-1) var(--size-3)}:host(:not([size])),:host([size=md]){--tab-item-font-size:var(--text-sm);--tab-item-padding:var(--size-1-5) var(--size-4)}:host([size=lg]){--tab-item-font-size:var(--text-base);--tab-item-padding:var(--size-2) var(--size-5)}@media (pointer:coarse){:host,:host([size=md]){--tab-item-font-size:var(--text-base);--tab-item-padding:var(--size-2) var(--size-5)}:host([size=sm]){--tab-item-font-size:var(--text-sm);--tab-item-padding:var(--size-1-5) var(--size-4)}}:host([disabled]){pointer-events:none;opacity:.5}@media (forced-colors:active){button:focus-visible{box-shadow:none;outline:2px solid highlight}:host([active]) button{outline-offset:-2px;outline:2px solid highlight}}}`,cr=`ore-tab-item`;r(cr,{props:{...X,active:o.bool(!1),color:o.string(),size:o.string(),value:o.string(``),variant:o.string()},setup(e,{bind:t,el:n,watch:r}){let o=a(rr);o&&r(()=>{let e=o.color.value,t=o.size.value,r=o.variant.value;e!==void 0&&n.setAttribute(`color`,e),t!==void 0&&n.setAttribute(`size`,t),r!==void 0&&n.setAttribute(`variant`,r)});let s=l(()=>o?!!o.value.value&&o.value.value===e.value.value:e.active.value),c=()=>!!e.disabled.value;return t({attr:{active:()=>s.value?!0:void 0}}),i`
|
|
849
849
|
<button
|
|
850
850
|
role="tab"
|
|
851
851
|
type="button"
|
|
@@ -860,7 +860,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
860
860
|
<slot></slot>
|
|
861
861
|
<slot name="suffix"></slot>
|
|
862
862
|
</button>
|
|
863
|
-
`},styles:[q,
|
|
863
|
+
`},styles:[q,xe(`button`),W,sr]});var lr=`@layer refine.base{:host{width:100%;display:none}:host([active]){flex-direction:column;flex:1;min-height:0;display:flex}.panel{box-sizing:border-box;height:100%;min-height:0;padding:var(--tab-panel-padding,var(--size-4));font-size:var(--tab-panel-font-size,var(--text-sm));color:var(--text-color-body);animation:var(--_motion-animation,tab-panel-in var(--transition-normal) var(--ease-out) both);flex:1;overflow:auto}}@layer refine.variants{@keyframes tab-panel-in{0%{opacity:0;translate:0 4px}to{opacity:1;translate:0}}}`,ur={"2xl":`var(--size-12)`,lg:`var(--size-6)`,md:`var(--size-4)`,none:`0`,sm:`var(--size-2)`,xl:`var(--size-8)`,xs:`var(--size-1)`},dr=`ore-tab-panel`;r(dr,{props:{active:o.bool(!1),lazy:o.bool(!1),padding:o.oneOf([`none`,`xs`,`sm`,`md`,`lg`,`xl`,`2xl`],`md`),value:o.string(``)},setup(e,{bind:t,watch:n}){let r=a(rr),o=l(()=>r?!!r.value.value&&r.value.value===e.value.value:e.active.value);t({attr:{active:()=>o.value?!0:void 0}});let s=l(()=>ur[e.padding.value??`md`]??ur.md),c=p(!1);n(()=>{o.value&&(c.value=!0)});let u=l(()=>!e.lazy.value||c.value),d=U({"--tab-panel-padding":s}),f=()=>`tabpanel-${e.value.value}`,m=()=>`tab-${e.value.value}`;return i`
|
|
864
864
|
<div
|
|
865
865
|
class="panel"
|
|
866
866
|
part="panel"
|
|
@@ -870,16 +870,16 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
870
870
|
aria-hidden="${()=>String(!o.value)}"
|
|
871
871
|
:style="${d}"
|
|
872
872
|
tabindex="0">
|
|
873
|
-
${
|
|
873
|
+
${oe(u,()=>i`<slot></slot>`)}
|
|
874
874
|
</div>
|
|
875
|
-
`},styles:[G,
|
|
875
|
+
`},styles:[G,lr]});var fr=`@layer refine.base{:host{--_color:var(--async-color,var(--color-contrast-500));--_icon-size:var(--async-icon-size,var(--size-12));--_gap:var(--async-gap,var(--size-3));display:block}.region{display:none}:host([status=idle]) .region-idle,:host([status=loading]) .region-loading,:host([status=empty]) .region-empty,:host([status=error]) .region-error,:host([status=success]) .region-success,:host(:not([status])) .region-success{display:block}.empty-state{gap:var(--_gap);padding:var(--size-10) var(--size-6);color:var(--_color);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state .icon{width:var(--_icon-size);height:var(--_icon-size);opacity:.4;justify-content:center;align-items:center;display:flex}.empty-state .icon svg{width:100%;height:100%}.empty-state .icon ore-icon{width:100%;height:100%;display:flex}.empty-state .title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-contrast-700)}.empty-state .description{max-width:28ch;font-size:var(--text-sm);line-height:var(--leading-relaxed);opacity:.75}.error-state{gap:var(--_gap);padding:var(--size-10) var(--size-6);color:var(--color-error-600);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.error-state .icon{width:var(--_icon-size);height:var(--_icon-size);opacity:.7;justify-content:center;align-items:center;display:flex}.error-state .icon svg{width:100%;height:100%}.error-state .icon ore-icon{width:100%;height:100%;display:flex}.error-state .title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-error-700)}.error-state .description{max-width:32ch;font-size:var(--text-sm);line-height:var(--leading-relaxed);opacity:.85}.error-state .retry-btn{gap:var(--size-1-5);padding:var(--size-2) var(--size-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-error-700);cursor:pointer;border-radius:var(--rounded-md);transition:var(--_motion-transition,background var(--transition-fast), opacity var(--transition-fast));background:0 0;border:1px solid;align-items:center;display:inline-flex}.error-state .retry-btn ore-icon{flex:none}.error-state .retry-btn:hover{background:color-mix(in oklch, var(--color-error-500) 10%, transparent)}.error-state .retry-btn:focus-visible{outline:2px solid var(--color-error-500);outline-offset:2px}.loading-default{gap:var(--size-2);padding:var(--size-4);flex-direction:column;display:flex}}`,pr=`ore-async`;r(pr,{props:{"empty-description":o.string(),"empty-label":o.string(`No content yet`),"error-description":o.string(),"error-label":o.string(`Something went wrong`),retryable:o.bool(!1),status:o.oneOf([`idle`,`loading`,`empty`,`error`,`success`],`success`)},setup(e,{bind:t,emit:n}){let r=p(!1),a=p(!1),o=p(!1);t({attr:{ariaBusy:()=>e.status.value===`loading`?`true`:`false`,ariaLabel:()=>e.status.value===`loading`?`Loading…`:null,ariaLive:()=>e.status.value===`error`?`assertive`:`polite`,status:e.status}});let s=(e,t)=>()=>t?.value?i`<p class="${e}">${t}</p>`:``;return i`
|
|
876
876
|
<div class="region region-idle" role="presentation"></div>
|
|
877
877
|
|
|
878
878
|
<div class="region region-loading" role="status">
|
|
879
879
|
<slot
|
|
880
880
|
name="loading"
|
|
881
881
|
@slotchange=${e=>{r.value=e.target.assignedNodes().length>0}}></slot>
|
|
882
|
-
${
|
|
882
|
+
${oe(r,()=>i``,()=>i`
|
|
883
883
|
<div class="loading-default" aria-hidden="true">
|
|
884
884
|
<ore-skeleton variant="text" lines="1" width="40%"></ore-skeleton>
|
|
885
885
|
<ore-skeleton variant="text" lines="3" width="100%"></ore-skeleton>
|
|
@@ -892,7 +892,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
892
892
|
<slot
|
|
893
893
|
name="empty"
|
|
894
894
|
@slotchange=${e=>{a.value=e.target.assignedNodes().length>0}}></slot>
|
|
895
|
-
${
|
|
895
|
+
${oe(a,()=>i``,()=>i`
|
|
896
896
|
<div class="empty-state" role="status">
|
|
897
897
|
<div class="icon">
|
|
898
898
|
<ore-icon name="inbox" size="100%" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
@@ -906,13 +906,13 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
906
906
|
<slot
|
|
907
907
|
name="error"
|
|
908
908
|
@slotchange=${e=>{o.value=e.target.assignedNodes().length>0}}></slot>
|
|
909
|
-
${
|
|
909
|
+
${oe(o,()=>i``,()=>i`
|
|
910
910
|
<div class="error-state" role="alert">
|
|
911
911
|
<div class="icon">
|
|
912
912
|
<ore-icon name="triangle-alert" size="100%" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
913
913
|
</div>
|
|
914
914
|
${s(`title`,e[`error-label`])} ${s(`description`,e[`error-description`])}
|
|
915
|
-
${
|
|
915
|
+
${oe(()=>!!e.retryable.value,()=>i`
|
|
916
916
|
<button class="retry-btn" type="button" @click=${()=>n(`retry`)}>
|
|
917
917
|
<ore-icon name="refresh-cw" size="1em" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
918
918
|
Try again
|
|
@@ -925,7 +925,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
925
925
|
<div class="region region-success" role="presentation">
|
|
926
926
|
<slot></slot>
|
|
927
927
|
</div>
|
|
928
|
-
`},styles:[G,
|
|
928
|
+
`},styles:[G,fr]});function mr(e,t,n=`animation`){typeof getComputedStyle==`function`&&getComputedStyle(e).opacity,queueMicrotask(()=>{let r=(typeof e.getAnimations==`function`?()=>e.getAnimations():()=>[])().filter(e=>n===`animation`?e instanceof CSSAnimation:n===`transition`?e instanceof CSSTransition:!1);if(r.length===0){t();return}let i=!1;Promise.allSettled(r.map(e=>e.finished)).then(()=>{i||(i=!0,t())})})}var hr=`@layer refine.base{:host{--_bg:var(--alert-bg,var(--_theme-backdrop));--_color:var(--alert-color,var(--_theme-base));--_border-color:var(--alert-border-color,var(--_theme-border));--_radius:var(--alert-radius,var(--rounded-lg));--_padding:var(--alert-padding,var(--size-4));--_gap:var(--alert-gap,var(--size-3));--_font-size:var(--alert-font-size,var(--text-sm));--_shadow:var(--alert-shadow,var(--shadow-none));display:block}.sr-announce{white-space:nowrap;clip-path:inset(50%);border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:host([dismissed]){display:none}:host([dismissing]){pointer-events:none;animation:var(--_motion-animation,ore-alert-exit var(--transition-slow) var(--ease-in-out) forwards);overflow:hidden}@keyframes ore-alert-exit{0%{max-height:600px;margin-bottom:var(--size-3);opacity:1;transform:scaleY(1)}60%{opacity:0;transform:scaleY(.8)}to{opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;transform:scaleY(0)}}.alert{row-gap:var(--size-1);padding:var(--_padding);font-size:var(--_font-size);line-height:var(--leading-normal);color:var(--_color);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);transition:background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), color var(--transition-normal);grid-template-columns:auto 1fr auto;display:grid;overflow:hidden}.icon{grid-area:1/1;justify-content:center;align-self:start;align-items:center;display:inline-flex}.icon:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--_gap)}.icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--_gap)}.alert:has(.header[hidden]) .icon{align-self:center}.icon[hidden]{display:none}.header{gap:var(--size-2);grid-area:1/2;align-items:baseline;display:flex}.header[hidden]{display:none}.heading{text-overflow:ellipsis;font-weight:var(--font-semibold);line-height:var(--leading-normal);white-space:nowrap;overflow:hidden}.meta{font-size:var(--text-xs);white-space:nowrap;opacity:.7}.meta:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.meta:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}:host(:not(:has([slot=meta]))) .meta{display:none}.body{min-width:0;margin-top:var(--size-1);grid-area:2/1/auto/-1}.alert:has(.header[hidden]) .body{grid-area:1/2;margin-top:0}.content{line-height:var(--leading-relaxed)}.actions{gap:var(--size-2);margin-top:var(--size-2);flex-wrap:wrap;grid-area:3/1/auto/-1;display:flex}.alert:has(.header[hidden]) .actions{grid-row:2}.actions[hidden]{display:none}:host([horizontal]) .alert{grid-template-columns:auto 1fr auto auto}:host([horizontal]) .body{grid-area:1/2;align-self:center;margin-top:0}:host([horizontal]) .actions:not([hidden]){flex-wrap:nowrap;grid-area:1/3;margin-top:0}:host([horizontal]) .actions:not([hidden]):not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--_gap)}:host([horizontal]) .actions:not([hidden]):-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--_gap)}:host([horizontal]) .actions:not([hidden]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--_gap)}:host([horizontal]) .close{grid-column:4;align-self:center}.close{width:var(--size-5);min-width:var(--_touch-target);height:var(--size-5);min-height:var(--_touch-target);color:inherit;cursor:pointer;border-radius:var(--rounded-sm);opacity:.7;transition:opacity var(--transition-fast), background var(--transition-fast);background:0 0;border:none;grid-area:1/3;justify-content:center;align-self:start;align-items:center;padding:0;display:inline-flex}.close:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--_gap)}.close:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--_gap)}.close[hidden]{display:none}.close:hover{background:color-mix(in oklch, currentcolor 12%, transparent);opacity:1}.close:focus-visible{outline:var(--border-2) solid currentcolor;outline-offset:var(--border-2);opacity:1}:host([variant=flat][accented]) .alert:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([variant=bordered][accented]) .alert:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-width:var(--border-4,4px)}:host([variant=flat][accented]) .alert:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-width:var(--border-4,4px)}:host([variant=bordered][accented]) .alert:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-width:var(--border-4,4px)}}@layer refine.variants{:host(:not([variant])),:host([variant=flat]){--_bg:var(--alert-bg,var(--color-canvas));--_color:var(--alert-color,var(--_theme-base));--_border-color:var(--alert-border-color,var(--_theme-base));--_shadow:var(--alert-shadow,var(--shadow-none))}:host([variant=solid]){--_bg:var(--alert-bg,var(--_theme-base));--_color:var(--alert-color,var(--_theme-contrast));--_border-color:var(--alert-border-color,var(--_theme-base));--_shadow:var(--alert-shadow,var(--shadow-xs))}:host([variant=bordered]){--_bg:var(--alert-bg,color-mix(in oklch, var(--_theme-backdrop), var(--color-canvas)));--_color:var(--alert-color,var(--_theme-base));--_border-color:var(--alert-border-color,color-mix(in oklch, var(--_theme-focus) 30%, transparent));--_shadow:var(--alert-shadow,var(--inset-shadow-2xs))}}`,gr=`ore-alert`;r(gr,{props:{...J,...Y,...Ze,accented:o.bool(!1),dismissible:o.bool(!1),heading:o.string(),horizontal:o.bool(!1),variant:o.string()},setup(e,{bind:t,el:n,emit:r,slots:a}){let o=null,s=e=>{o&&(o.textContent=``,requestAnimationFrame(()=>{o&&(o.textContent=e)}))};return i`
|
|
929
929
|
<span
|
|
930
930
|
class="sr-announce"
|
|
931
931
|
aria-live="polite"
|
|
@@ -955,16 +955,16 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
955
955
|
type="button"
|
|
956
956
|
aria-label="Dismiss alert"
|
|
957
957
|
?hidden="${()=>!e.dismissible.value}"
|
|
958
|
-
@click="${t=>{e.dismissible.value&&(n.setAttribute(`dismissing`,``),
|
|
958
|
+
@click="${t=>{e.dismissible.value&&(n.setAttribute(`dismissing`,``),mr(n,()=>{n.removeAttribute(`dismissing`),n.setAttribute(`dismissed`,``),s(`Alert dismissed`),r(`dismiss`,{originalEvent:t})}))}}">
|
|
959
959
|
<ore-icon name="x" size="16" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
960
960
|
</button>
|
|
961
961
|
</div>
|
|
962
|
-
`},styles:[q,W,G,
|
|
962
|
+
`},styles:[q,W,G,fe,be,K({lg:{"--_padding":`var(--size-4) var(--size-5)`,fontSize:`var(--text-base)`,gap:`var(--size-3-5)`},sm:{"--_padding":`var(--size-2) var(--size-3)`,fontSize:`var(--text-xs)`,gap:`var(--size-2)`}}),hr]});var _r=`@layer refine.base{:host{--_bg:var(--badge-bg,var(--_theme-backdrop));--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-border));--_radius:var(--badge-radius,var(--rounded-lg));--_font-size:var(--badge-font-size,var(--text-xs));--_font-weight:var(--badge-font-weight,var(--font-semibold));--_padding-x:var(--badge-padding-x,var(--size-1-5));--_padding-y:var(--badge-padding-y,var(--size-0-5));--_gap:var(--badge-gap,var(--size-1));vertical-align:middle;display:inline-flex}.badge{gap:var(--_gap);min-width:var(--size-2);max-width:var(--badge-max-width,24ch);padding:var(--_padding-y) var(--_padding-x);text-overflow:ellipsis;font-size:var(--_font-size);font-weight:var(--_font-weight);color:var(--_color);white-space:nowrap;background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}.badge-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}::slotted([slot=icon]){flex-shrink:0;justify-content:center;align-items:center;width:1em;height:1em;display:inline-flex}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_bg:var(--badge-bg,var(--_theme-base));--_color:var(--badge-color,var(--_theme-contrast));--_border-color:var(--badge-border-color,var(--_theme-base))}:host([variant=flat]){--_bg:var(--badge-bg,color-mix(in oklch, var(--_theme-backdrop) 25%, var(--color-contrast-100)));--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,color-mix(in oklch, var(--_theme-focus) 20%, transparent))}:host([variant=bordered]){--_bg:var(--badge-bg,var(--_theme-backdrop));--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-border))}:host([variant=outline]){--_bg:var(--badge-bg,transparent);--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-base))}:host([dot]) .badge{min-width:unset;padding:var(--_dot-padding,var(--size-1));line-height:0}}@layer refine.sizes{:host([size=xs]){--_padding-x:var(--size-1);--_padding-y:0px;--_font-size:var(--text-2xs);--_dot-padding:var(--size-0-5)}}@layer refine.overrides{:host([dot]){--_bg:var(--badge-bg,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-base))}:host([anchor]){display:inline-flex;position:relative}:host{--_dir:1}:host(:dir(rtl)){--_dir:-1}:host([anchor]) .badge{z-index:1;transform:translate(calc(var(--_dir) * 30%), -30%);position:absolute;top:0}:host([anchor]) .badge:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([anchor]) .badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([anchor=top-start]) .badge{transform:translate(calc(var(--_dir) * -30%), -30%)}:host([anchor=top-start]) .badge:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0;right:unset}:host([anchor=top-start]) .badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0;left:unset}:host([anchor=bottom-end]) .badge{top:unset;transform:translate(calc(var(--_dir) * 30%), 30%);bottom:0}:host([anchor=bottom-start]) .badge{top:unset;transform:translate(calc(var(--_dir) * -30%), 30%);bottom:0}:host([anchor=bottom-start]) .badge:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0;right:unset}:host([anchor=bottom-start]) .badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0;left:unset}}`,vr=`ore-badge`;r(vr,{props:{...J,size:o.string(),...Ze,anchor:o.string(),count:o.number(),dot:o.bool(!1),label:o.string(),max:o.number(),variant:o.string()},setup(e){let t=l(()=>{let t=e.count.value==null?void 0:Number(e.count.value),n=e.max.value==null?void 0:Number(e.max.value);if(!(t===void 0||Number.isNaN(t)))return n!==void 0&&!Number.isNaN(n)&&t>n?`${n}+`:String(t)});return i`<span class="badge" part="badge" :aria-label="${l(()=>{if(e.label.value)return e.label.value;if(!e.dot.value&&t.value!=null)return`${t.value} notifications`})}">
|
|
963
963
|
<slot name="icon"></slot>
|
|
964
964
|
<span ?hidden="${()=>t.value==null}">${t}</span>
|
|
965
965
|
<span class="badge-label" ?hidden="${()=>t.value!=null}"><slot></slot></span>
|
|
966
966
|
</span>
|
|
967
|
-
<slot name="target"></slot>`},styles:[q,
|
|
967
|
+
<slot name="target"></slot>`},styles:[q,be,fe,ke(`.badge`),K({lg:{"--_padding-x":`var(--size-2-5)`,"--_padding-y":`var(--size-1)`,fontSize:`var(--text-sm)`},md:{"--_padding-x":`var(--size-2)`,"--_padding-y":`var(--size-0-5)`,fontSize:`var(--text-xs)`},sm:{"--_padding-x":`var(--size-1-5)`,"--_padding-y":`var(--size-px)`,fontSize:`var(--text-xs)`}}),_r]});var yr=`@layer refine.base{:host{--_bg:var(--chip-bg,var(--color-contrast-150));--_color:var(--chip-color,var(--color-contrast-800));--_border-color:var(--chip-border-color,transparent);--_radius:var(--chip-radius,var(--rounded-lg));--_font-size:var(--chip-font-size,var(--text-sm));--_font-weight:var(--chip-font-weight,var(--font-medium));--_padding-x:var(--chip-padding-x,var(--size-2-5));--_padding-y:var(--chip-padding-y,var(--size-0-5));--_gap:var(--chip-gap,var(--size-1));vertical-align:middle;align-items:center;max-width:100%;display:inline-flex}.chip{box-sizing:border-box;gap:var(--_gap);max-width:100%;padding:var(--_padding-y) var(--_padding-x);font-size:var(--_font-size);font-weight:var(--_font-weight);color:var(--_color);white-space:nowrap;background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast);align-items:center;line-height:1.2;display:inline-flex;position:relative}.label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.remove-btn{width:1.35em;height:1.35em;margin-inline:var(--size-0-5) calc(var(--size-2) * -1);color:inherit;cursor:pointer;background:color-mix(in oklch, currentcolor 12%, transparent);border-radius:var(--_radius);opacity:.7;transition:background var(--transition-fast), opacity var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.remove-btn:hover{background:color-mix(in oklch, currentcolor 28%, transparent);opacity:1}.remove-btn:focus-visible{outline-offset:1px;opacity:1;outline:2px solid}::slotted([slot=icon]){flex-shrink:0;justify-content:center;align-items:center;width:1em;height:1em;display:inline-flex}.chip-btn{width:100%;font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;display:inline-flex}.chip-btn:disabled{cursor:not-allowed}:host([mode=selectable][checked]) .chip{outline:var(--border-2) solid var(--_theme-base,currentColor);outline-offset:-2px}:host([mode=selectable]:not([disabled])) .chip,:host([mode=action]:not([disabled])) .chip{cursor:pointer}.chip-btn:focus-visible{outline:2px solid var(--_theme-base,currentColor);outline-offset:2px;border-radius:var(--_radius)}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_bg:var(--chip-bg,var(--_theme-base,var(--color-contrast-700)));--_color:var(--chip-color,var(--_theme-contrast,var(--color-contrast-50)));--_border-color:var(--chip-border-color,transparent);--_hover-bg:var(--chip-hover-bg,var(--_theme-focus,var(--color-contrast-800)));--_active-bg:var(--chip-active-bg,color-mix(in oklch, var(--_theme-focus,var(--color-contrast-800)) 85%, black))}:host([variant=flat]){--_bg:var(--chip-bg,color-mix(in oklch, var(--_theme-backdrop,var(--color-contrast-200)) 55%, transparent));--_color:var(--chip-color,var(--_theme-base,var(--color-contrast-800)));--_border-color:var(--chip-border-color,transparent);--_hover-bg:var(--chip-hover-bg,var(--_theme-focus,var(--color-contrast-700)));--_hover-color:var(--chip-hover-color,var(--_theme-contrast,var(--color-contrast-50)));--_active-bg:var(--chip-active-bg,color-mix(in oklch, var(--_theme-focus,var(--color-contrast-800)) 85%, black));--_active-color:var(--chip-active-color,var(--_theme-contrast,var(--color-contrast-50)))}:host([variant=bordered]){--_bg:var(--chip-bg,var(--_theme-backdrop,var(--color-contrast-50)));--_color:var(--chip-color,var(--_theme-base,var(--color-contrast-900)));--_border-color:var(--chip-border-color,var(--_theme-border,var(--color-contrast-300)));--_remove-bg:var(--chip-remove-bg,var(--_theme-focus,var(--color-contrast-700)));--_remove-color:var(--chip-remove-color,var(--_theme-backdrop,var(--color-contrast-50)));--_hover-bg:var(--chip-hover-bg,var(--_theme-focus,var(--color-contrast-700)));--_hover-color:var(--chip-hover-color,var(--_theme-contrast,var(--color-contrast-50)));--_hover-border-color:var(--chip-hover-border-color,var(--_theme-focus,var(--color-contrast-700)));--_active-bg:var(--chip-active-bg,color-mix(in oklch, var(--_theme-focus,var(--color-contrast-800)) 85%, black));--_active-color:var(--chip-active-color,var(--_theme-contrast,var(--color-contrast-50)))}:host([variant=outline]){--_bg:var(--chip-bg,transparent);--_color:var(--chip-color,var(--_theme-base,var(--color-contrast-900)));--_border-color:var(--chip-border-color,var(--_theme-base,var(--color-contrast-400)));--_remove-bg:var(--chip-remove-bg,var(--_theme-focus,var(--color-contrast-700)));--_remove-color:var(--chip-remove-color,var(--_theme-backdrop,var(--color-contrast-50)));--_hover-bg:var(--chip-hover-bg,var(--_theme-backdrop,var(--color-contrast-100)));--_hover-border-color:var(--chip-hover-border-color,var(--_theme-focus,var(--color-contrast-700)));--_active-bg:var(--chip-active-bg,var(--_theme-base,var(--color-contrast-700)));--_active-color:var(--chip-active-color,var(--_theme-contrast,var(--color-contrast-50)))}:host([variant=ghost]){--_bg:var(--chip-bg,transparent);--_color:var(--chip-color,var(--_theme-base,var(--color-contrast-900)));--_border-color:var(--chip-border-color,transparent);--_hover-bg:var(--chip-hover-bg,var(--_theme-backdrop,var(--color-contrast-100)));--_active-bg:var(--chip-active-bg,var(--_theme-base,var(--color-contrast-700)));--_active-color:var(--chip-active-color,var(--_theme-contrast,var(--color-contrast-50)))}:host([variant=bordered]) .remove-btn,:host([variant=outline]) .remove-btn{color:var(--_remove-color);background:var(--_remove-bg);border:var(--border) solid var(--_remove-bg)}:host([variant=bordered]) .remove-btn:hover,:host([variant=outline]) .remove-btn:hover{background:var(--chip-remove-hover-bg,color-mix(in oklch, var(--_remove-bg) 80%, var(--color-contrast-900)));opacity:1}:host([variant=ghost]) .remove-btn{border:var(--border) solid var(--_theme-focus,var(--color-contrast-400))}:host([variant=ghost]) .remove-btn:hover{background:var(--chip-remove-hover-bg,color-mix(in oklch, currentcolor 15%, transparent))}:host(:is(:not([variant]),[variant=solid],[variant=flat],[variant=bordered],[variant=outline],[variant=ghost]):is([mode=selectable],[mode=action]):not([disabled])) .chip-btn:hover .chip{color:var(--_hover-color,var(--_color));background:var(--_hover-bg,var(--_bg));border-color:var(--_hover-border-color,var(--_border-color))}:host(:is(:not([variant]),[variant=solid],[variant=flat],[variant=bordered],[variant=outline],[variant=ghost]):is([mode=selectable],[mode=action]):not([disabled])) .chip-btn:active .chip{color:var(--_active-color,var(--_color));background:var(--_active-bg,var(--_bg));box-shadow:var(--inset-shadow-2xs)}}`,br=`ore-chip`;r(br,{props:{checked:{default:void 0,parse:e=>e==null?void 0:e!==`false`,reflect:!1},color:o.string(),"default-checked":o.bool(!1),disabled:o.bool(!1),label:o.string(),mode:o.oneOf([`static`,`removable`,`selectable`,`action`],`static`),rounded:o.string(),size:o.string(),value:o.string(),variant:o.string()},setup(e,{bind:t,el:n,emit:r}){let a=p(e.checked.value!==void 0),o=p(!a.value&&e[`default-checked`].value);h(e.checked,e=>{e!==void 0&&(a.value=!0)});let s=l(()=>e.mode.value===`selectable`?a.value?e.checked.value??!1:o.value:!1);t({attr:{checked:()=>e.mode.value===`selectable`&&s.value?!0:void 0}});function c(t){e.disabled.value||r(`remove`,{originalEvent:t,value:e.value.value})}function u(t){if(t.stopPropagation(),e.disabled.value)return;let n=!s.value;a.value||(o.value=n),r(`change`,{checked:n,originalEvent:t,value:e.value.value})}function d(t){e.disabled.value||r(`click`,{originalEvent:t,value:e.value.value})}let f=()=>i`
|
|
968
968
|
<slot name="icon"></slot>
|
|
969
969
|
<span class="label"><slot></slot></span>
|
|
970
970
|
`,m=()=>{let t=e.label.value||e.value.value;return t?`Remove ${t}`:`Remove`},g=()=>i`
|
|
@@ -1004,7 +1004,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
1004
1004
|
<span class="chip" part="chip"> ${f()} ${g()} </span>
|
|
1005
1005
|
`;return i`
|
|
1006
1006
|
${()=>{let t=e.mode.value;return t===`selectable`?_():t===`action`?v():t===`removable`?b():y()}}
|
|
1007
|
-
`},styles:[q,
|
|
1007
|
+
`},styles:[q,he,fe,K({lg:{"--_font-size":`var(--text-sm)`,"--_gap":`var(--size-1-5)`,"--_padding-x":`var(--size-3)`,"--_padding-y":`var(--size-1)`},sm:{"--_font-size":`var(--text-xs)`,"--_gap":`var(--size-0-5)`,"--_padding-x":`var(--size-2-5)`,"--_padding-y":`var(--size-px)`}}),be,yr]});var xr=`@layer refine.base{:host{--_height:var(--password-strength-height,.375rem);--_gap:var(--password-strength-gap,var(--space-1,.25rem));--_radius:var(--password-strength-radius,var(--rounded-full));--_track-bg:var(--password-strength-track-bg,var(--color-contrast-300,#d1d5db));--_track-border:var(--password-strength-track-border,var(--color-contrast-400,#9ca3af));--_active-color:var(--password-strength-weak-color,var(--color-warning-500,#f59e0b));gap:var(--space-1,.25rem);width:100%;display:grid}:host([data-level=fair]){--_active-color:var(--password-strength-fair-color,var(--color-warning-600,#d97706))}:host([data-level=good]){--_active-color:var(--password-strength-good-color,var(--color-success-500,#22c55e))}:host([data-level=strong]){--_active-color:var(--password-strength-strong-color,var(--color-success-600,#16a34a))}.meter{width:100%;min-width:10rem}.segments{gap:var(--_gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.segment{height:var(--_height);background:var(--_track-bg);border:1px solid var(--_track-border);border-radius:var(--_radius);min-height:.35rem;transition:var(--_motion-transition,background-color var(--transition-fast), border-color var(--transition-fast))}.segment.active{background:var(--_active-color);border-color:var(--_active-color)}.level-label{min-height:1.25em;font-size:var(--password-strength-label-size,var(--text-sm,.875rem));color:var(--password-strength-label-color,currentColor);line-height:1.25}}`,Sr=`ore-password-strength`;r(Sr,{props:{label:o.string(`Password strength`),labels:o.json(void 0),score:o.number(-1),"show-label":o.bool(!0),value:o.string()},setup(e,{bind:t,el:n}){let r={empty:``,fair:`Fair`,good:`Good`,strong:`Strong`,weak:`Weak`},a=[`empty`,`weak`,`fair`,`good`,`strong`],o=e=>{if(!e)return 0;if(e.length<6)return 1;let t=/[a-z]/.test(e),n=/[A-Z]/.test(e),r=/\d/.test(e),i=/[^a-zA-Z0-9]/.test(e);return e.length>=12&&t&&n&&r&&i?4:(t||n)&&(r||i)&&e.length>=8?3:(t||n)&&e.length>=8?2:1},s=()=>{let t=e.score.value??-1,n=t>=0?Math.max(0,Math.min(4,Math.trunc(t))):o(e.value.value??``);return a[n]},c=l(()=>{let t=e.score.value??-1;return t>=0?Math.max(0,Math.min(4,Math.trunc(t))):o(e.value.value??``)}),u=l(()=>{let t=e.labels.value;return Array.isArray(t)&&t.length===5?String(t[c.value]??``):r[s()]}),d=l(()=>c.value===0?null:u.value||null);t({attr:{"data-level":()=>s()}});let f=e=>()=>`segment${c.value>=e?` active`:``}`;return i`
|
|
1008
1008
|
<div
|
|
1009
1009
|
class="meter"
|
|
1010
1010
|
role="meter"
|
|
@@ -1021,7 +1021,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
1021
1021
|
</div>
|
|
1022
1022
|
</div>
|
|
1023
1023
|
${()=>e[`show-label`].value?i`<span class="level-label" aria-live="polite" aria-atomic="true">${()=>u.value}</span>`:``}
|
|
1024
|
-
`},styles:[G,
|
|
1024
|
+
`},styles:[G,xr]});var Cr=(e,t)=>{let n=p(null),r=new IntersectionObserver(([e])=>{e&&(n.value=e)},t);return r.observe(e),f(()=>r.disconnect()),n},wr=e=>{let t=p({height:0,width:0}),n=new ResizeObserver(([e])=>{if(!e)return;let n=e.contentBoxSize[0];n&&(t.value={height:n.blockSize,width:n.inlineSize})});return n.observe(e),f(()=>n.disconnect()),t},Tr=`@layer refine.base{:host{--_bg:var(--skeleton-bg,var(--color-contrast-200));--_highlight:var(--skeleton-highlight,var(--color-contrast-100));--_radius:var(--skeleton-radius,var(--rounded-lg));--_circle-size:var(--skeleton-size,var(--size-10));--_width:var(--skeleton-width,100%);--_height:var(--skeleton-height,var(--size-4));--_line-gap:var(--skeleton-line-gap,var(--size-2));--_last-line-width:var(--skeleton-last-line-width,60%);--_duration:var(--skeleton-duration,1.6s);--_stripe-size:var(--skeleton-stripe-size,8px);width:var(--_width);height:var(--_height);display:inline-block}.stack{gap:var(--_line-gap);width:100%;height:100%;display:grid}.bone{background:var(--_bg);border-radius:var(--_radius);width:100%;height:100%;position:relative;overflow:hidden}.bone:after{content:"";background:linear-gradient(90deg, var(--_bg) 0%, var(--_highlight) 50%, var(--_bg) 100%);animation:var(--_motion-animation,ore-skeleton-shimmer var(--_duration) linear infinite);position:absolute;inset:0;transform:translate(-100%)}:host([data-animated=false]) .bone:after{display:none}:host([data-paused]) .bone:after{animation-play-state:paused}@keyframes ore-skeleton-shimmer{to{transform:translate(100%)}}:host(:dir(rtl)) .bone:after{animation-direction:reverse}}@layer refine.variants{:host([variant=circle]){--_radius:var(--rounded-full);width:var(--skeleton-width,var(--_circle-size));height:var(--skeleton-height,var(--_circle-size));aspect-ratio:1}:host([variant=text]){--_height:var(--size-3);--_radius:var(--rounded-sm);height:auto}:host([variant=text]) .stack{height:auto}:host([variant=text]) .bone{height:var(--_height)}:host([variant=text]) .bone[data-last=true]{width:var(--_last-line-width)}}@layer refine.striped{:host([striped]) .stack{width:99%}:host([striped]) .bone{--_stripe-color:var(--skeleton-stripe-color,var(--color-contrast-400));border:var(--border) dashed var(--_stripe-color);background-color:#0000}:host([striped]) .bone:before{--_stripe-color:var(--skeleton-stripe-color,var(--color-contrast-300));content:"";background-color:var(--_stripe-color);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cline x1='0' y1='8' x2='8' y2='0' stroke='white' stroke-width='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cline x1='0' y1='8' x2='8' y2='0' stroke='white' stroke-width='1'/%3E%3C/svg%3E");-webkit-mask-size:var(--_stripe-size) var(--_stripe-size);-webkit-mask-size:var(--_stripe-size) var(--_stripe-size);mask-size:var(--_stripe-size) var(--_stripe-size);position:absolute;inset:0}:host([striped]) .bone:after{display:none}}@layer refine.utilities{:host([size=sm]){--_height:var(--size-3);--_circle-size:var(--size-8)}:host([size=md]){--_height:var(--size-4);--_circle-size:var(--size-10)}:host([size=lg]){--_height:var(--size-6);--_circle-size:var(--size-14)}}@media (forced-colors:active){.bone{background:buttonface;border:1px solid buttontext}.bone:after{display:none}}`,Er=`ore-skeleton`;r(Er,{props:{...Y,animated:o.bool(!0),height:o.string(),lines:o.number(1),radius:o.string(),striped:o.bool(!1),variant:o.oneOf([`rect`,`circle`,`text`],`rect`),width:o.string()},setup(e,{bind:t,el:n,onMounted:r}){let a=p(!1),o=()=>{let t=Math.floor(Number(e.lines.value));return Number.isFinite(t)&&t>0?t:1},s=()=>e.variant.value===`text`?o():1;return h(l(()=>`${e.width.value??``}|${e.height.value??``}|${e.radius.value??``}|${e.animated.value===!1?`0`:`1`}`),()=>{let t=On(e.width.value),r=On(e.height.value),i=On(e.radius.value);t?n.style.setProperty(`--skeleton-width`,t):n.style.removeProperty(`--skeleton-width`),r?n.style.setProperty(`--skeleton-height`,r):n.style.removeProperty(`--skeleton-height`),i?n.style.setProperty(`--skeleton-radius`,i):n.style.removeProperty(`--skeleton-radius`);let a=n.getAttribute(`animated`)!==`false`&&e.animated.value!==!1;n.setAttribute(`data-animated`,a?`true`:`false`)},{immediate:!0}),t({attr:{"data-paused":()=>a.value?!0:void 0}}),r(()=>{h(Cr(n,{threshold:0}),e=>{let t=typeof e==`object`&&e&&`isIntersecting`in e?!e.isIntersecting:!1;a.value=t})}),i`
|
|
1025
1025
|
<div class="stack" part="stack">
|
|
1026
1026
|
${()=>Array.from({length:s()},(t,n)=>{let r=e.variant.value===`text`&&s()>1&&n===s()-1;return i`<div
|
|
1027
1027
|
class="bone"
|
|
@@ -1029,7 +1029,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
1029
1029
|
aria-hidden="true"
|
|
1030
1030
|
:data-last="${()=>r?`true`:null}"></div>`})}
|
|
1031
1031
|
</div>
|
|
1032
|
-
`},styles:[G,
|
|
1032
|
+
`},styles:[G,Tr]});var Dr=`@layer refine.base{:host{--_position:var(--toast-position,fixed);--_inset-top:var(--toast-inset-top,auto);--_inset-bottom:var(--toast-inset-bottom,1rem);--_inset-right:var(--toast-inset-right,1rem);--_inset-left:var(--toast-inset-left,auto);--_z-index:var(--toast-z-index,9999);--_max-width:var(--toast-max-width,400px);--_gap:var(--toast-gap,.5rem);position:var(--_position);inset:var(--_inset-top) var(--_inset-right) var(--_inset-bottom) var(--_inset-left);z-index:var(--_z-index);gap:var(--_gap);max-width:var(--_max-width);pointer-events:none;flex-direction:column;display:flex}:host([position=top-left]){--_inset-top:1rem;--_inset-bottom:auto;--_inset-left:1rem;--_inset-right:auto}:host([position=top-center]){--_inset-top:1rem;--_inset-bottom:auto;--_inset-left:50%;--_inset-right:auto;transform:translate(-50%)}:host([position=top-right]){--_inset-top:1rem;--_inset-bottom:auto;--_inset-right:1rem;--_inset-left:auto}:host([position=bottom-left]){--_inset-bottom:1rem;--_inset-left:1rem;--_inset-right:auto;--_inset-top:auto}:host([position=bottom-center]){--_inset-bottom:1rem;--_inset-left:50%;--_inset-right:auto;--_inset-top:auto;transform:translate(-50%)}:host([position=bottom-right]){--_inset-bottom:1rem;--_inset-right:1rem;--_inset-left:auto;--_inset-top:auto}.toast-container{perspective:1200px;perspective-origin:50%;transition:row-gap var(--transition-normal);grid-template-rows:1fr;grid-template-columns:1fr;row-gap:0;display:grid}.toast-live-region{display:contents}:host(.hovered) .toast-container{row-gap:var(--_gap)}:host(:not(.hovered)) .toast-wrapper{grid-area:1/1;align-self:end}:host([position^=top]:not(.hovered)) .toast-wrapper{align-self:start}.toast-wrapper{pointer-events:auto;touch-action:pan-y;position:relative}:host(:not(.hovered)) .toast-wrapper:last-child{z-index:3;transform:translateY(0)scale(1)}:host(:not(.hovered)) .toast-wrapper:nth-last-child(2){z-index:2;pointer-events:none;transform:translateY(-8px)scale(.95)}:host(:not(.hovered)) .toast-wrapper:nth-last-child(3){z-index:1;pointer-events:none;transform:translateY(-14px)scale(.9)}:host(:not(.hovered)) .toast-wrapper:nth-last-child(n+4){visibility:hidden;pointer-events:none}:host([position^=top]) .toast-wrapper{transform-origin:top}:host([position^=top]:not(.hovered)) .toast-wrapper:nth-last-child(2){transform:translateY(8px)scale(.95)}:host([position^=top]:not(.hovered)) .toast-wrapper:nth-last-child(3){transform:translateY(14px)scale(.9)}:host(.hovered) .toast-wrapper{z-index:auto;visibility:visible;pointer-events:auto;grid-area:auto/1;align-self:stretch;transform:none}:host(.hovered) .toast-wrapper:nth-last-child(2){transition-delay:var(--duration-75)}:host(.hovered) .toast-wrapper:nth-last-child(3){transition-delay:var(--duration-100)}:host(.hovered) .toast-wrapper:nth-last-child(n+4){transition-delay:var(--duration-150)}.toast-inner{opacity:1;transition:opacity var(--toast-exit-duration,.3s) var(--ease-out);position:relative}.toast-inner.entering{opacity:0;transition:none}.toast-inner.exiting{pointer-events:none;opacity:0}::slotted(ore-alert),ore-alert{width:100%;box-shadow:var(--shadow-lg);--_motion-animation:none;margin:0}.toast-actions{gap:var(--size-4);justify-content:flex-end;display:flex}@media (width<=480px){:host{--_max-width:calc(100vw - var(--size-4));--_inset-right:var(--size-2);--_inset-left:var(--size-2)}:host([position=top-center]),:host([position=bottom-center]){--_inset-left:var(--size-2);transform:none}:host([position=top-center]):not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([position=bottom-center]):not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-2)}:host([position=top-center]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-2)}:host([position=bottom-center]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-2)}}}`,Or=300;function kr(e,t){return e.actions?.length?i`
|
|
1033
1033
|
<div slot="actions" class="toast-actions">
|
|
1034
1034
|
${e.actions.map(n=>i`
|
|
1035
1035
|
<ore-button
|
|
@@ -1041,7 +1041,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
1041
1041
|
>
|
|
1042
1042
|
`)}
|
|
1043
1043
|
</div>
|
|
1044
|
-
`:``}var
|
|
1044
|
+
`:``}var Ar=`ore-toast`;r(Ar,{props:{max:o.number(5),position:o.oneOf([`top-left`,`top-center`,`top-right`,`bottom-left`,`bottom-center`,`bottom-right`],`bottom-right`)},setup(e,{el:t,emit:n,onCleanup:r,onMounted:a}){let o=p([]),c=s(),u=new Map,d=p(!1),f=p(!1),m=l(()=>d.value||f.value),g=(e,t)=>{o.value=o.value.map(n=>n.id===e?{...n,...t}:n)},_=e=>o.value.find(t=>t.id===e),v=e=>(e instanceof Event?e.currentTarget:e).querySelector(`.toast-inner`),y=e=>(e.timer&&clearTimeout(e.timer.timeoutId),{...e,timer:null}),b=(e,t)=>{if(t<=0)return;let n=setTimeout(()=>D(e),t);g(e,{timer:{remaining:t,startedAt:Date.now(),timeoutId:n}})},x=()=>{o.value=o.value.map(e=>e.timer?(clearTimeout(e.timer.timeoutId),{...e,timer:{...e.timer,remaining:Math.max(0,e.timer.remaining-(Date.now()-e.timer.startedAt))}}):e)},S=()=>{for(let e of o.value){if(!e.timer||e.timer.remaining<=0)continue;let t=setTimeout(()=>D(e.id),e.timer.remaining);g(e.id,{timer:{...e.timer,startedAt:Date.now(),timeoutId:t}})}};h(m,e=>{e?x():S()});let C=e=>{let t=({event:e})=>{let t=v(e);t&&(t.style.transition=``,t.style.transform=``,t.style.opacity=``)};return Vt({axis:()=>`x`,captureTarget:()=>null,disabled:l(()=>!(_(e)?.dismissible??!0)),onCancel:t,onCommit:({distance:t,event:n})=>{let r=v(n);if(!r)return;let i=t>=0?1:-1,a=window.matchMedia(`(prefers-reduced-motion: reduce)`).matches,o=()=>w(e);if(a){r.style.opacity=`0`,o();return}r.style.transition=`transform 0.22s ease-out, opacity 0.22s ease-out`,r.offsetWidth,r.style.transform=`translateX(${i*120}%)`,r.style.opacity=`0`;let s=e=>{e.target!==r||e.propertyName!==`transform`||(r.removeEventListener(`transitionend`,s),clearTimeout(c),o())},c=setTimeout(()=>{r.removeEventListener(`transitionend`,s),o()},300);r.addEventListener(`transitionend`,s)},onMove:({distance:e,event:t})=>{let n=v(t);n&&(n.style.transition=`none`,n.style.transform=`translateX(${e}px)`,n.style.opacity=String(Math.max(0,1-Math.abs(e)/200)))},onRelease:t})},w=e=>{let t=_(e);t?.timer&&clearTimeout(t.timer.timeoutId),u.delete(e),o.value=o.value.filter(t=>t.id!==e),t?.onDismiss?.(),n(`dismiss`,{id:e})},E=t=>{let r=t.id||T(),i=e.max?.value??5,a=o.value.filter(e=>e.phase!==`exiting`),s=a.length-(i-1);if(s>0)for(let e of a.slice(0,s))D(e.id);let c={dismissible:!0,duration:5e3,...t,id:r,phase:`entering`,timer:null};return u.set(r,C(r)),o.value=[...o.value,c],n(`add`,{id:r}),requestAnimationFrame(()=>{_(r)?.phase===`entering`&&g(r,{phase:`active`})}),c.duration>0&&b(r,c.duration),r},D=e=>{let t=_(e);if(!t||t.phase===`exiting`)return;g(e,{...y(t),phase:`exiting`});let n=c.value?.querySelector(`[data-toast-id="${e}"] .toast-inner`);n?.offsetHeight;let r=!1,i=()=>{r||(r=!0,w(e))},a=n?parseFloat(getComputedStyle(n).transitionDuration)*1e3:NaN,o=setTimeout(i,(Number.isFinite(a)&&a>0?a:Or)+50),s=t=>{t.target?.closest?.(`[data-toast-id="${e}"]`)&&(c.value?.removeEventListener(`transitionend`,s),clearTimeout(o),i())};c.value?.addEventListener(`transitionend`,s)},O=(e,t)=>{let n=_(e);if(!n)return;let r=t.duration===void 0?n:y(n);g(e,{...r,...t,id:e}),t.duration!==void 0&&t.duration>0&&b(e,t.duration)},k=()=>{for(let e of o.value)e.phase!==`exiting`&&D(e.id)},A=e=>e.urgency??(e.color===`error`?`assertive`:`polite`),j=l(()=>o.value.filter(e=>A(e)===`polite`)),M=l(()=>o.value.filter(e=>A(e)===`assertive`));r(()=>{for(let e of o.value)e.timer&&clearTimeout(e.timer.timeoutId);u.clear()});let N=e=>{let t=()=>D(e.id);return i`
|
|
1045
1045
|
<div
|
|
1046
1046
|
class="toast-wrapper"
|
|
1047
1047
|
data-toast-id=${e.id}
|
|
@@ -1061,7 +1061,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
1061
1061
|
?dismissible=${e.dismissible!==!1}
|
|
1062
1062
|
@dismiss=${t}>
|
|
1063
1063
|
${e.meta?i`<span slot="meta">${e.meta}</span>`:``} ${e.message}
|
|
1064
|
-
${
|
|
1064
|
+
${kr(e,t)}
|
|
1065
1065
|
</ore-alert>
|
|
1066
1066
|
</div>
|
|
1067
1067
|
</div>
|
|
@@ -1096,7 +1096,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
1096
1096
|
</div>
|
|
1097
1097
|
<slot></slot>
|
|
1098
1098
|
</div>
|
|
1099
|
-
`},styles:[G,
|
|
1099
|
+
`},styles:[G,Dr]});function jr(e=document.body){let t=null,n=!1,r=null,i=()=>t?.isConnected?t:(t=(e instanceof Element,e).querySelector(`ore-toast`),t||(t=document.createElement(`ore-toast`),r&&=(r.position&&t.setAttribute(`position`,r.position),r.max!=null&&t.setAttribute(`max`,String(r.max)),null),e.appendChild(t)),n=!0,t),a={add(e){return i().add(e)},clear(){i().clear()},configure(e){if(n){Pe(`toast.configure() called after the container was already created; options ignored.`);return}r={...r,...e}},dismiss(e){i().dismiss(e)},error(e,t){return a.add({color:`error`,...t,message:e})},info(e,t){return a.add({color:`info`,...t,message:e})},async promise(e,t){let n=a.add({color:`primary`,dismissible:!1,duration:0,message:t.loading});try{let r=await e;return a.update(n,{color:`success`,dismissible:!0,duration:5e3,message:typeof t.success==`function`?t.success(r):t.success}),r}catch(e){throw a.update(n,{color:`error`,dismissible:!0,duration:5e3,message:typeof t.error==`function`?t.error(e):t.error}),e}},success(e,t){return a.add({color:`success`,...t,message:e})},update(e,t){i().update(e,t)},warning(e,t){return a.add({color:`warning`,...t,message:e})}};return a}var Mr=jr(),Nr=`@layer refine.base{:host{display:block}fieldset{border:none;min-width:0;margin:0;padding:0}legend{margin-bottom:var(--size-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-contrast-600);padding:0}legend[hidden]{display:none}.checkbox-group-items{flex-direction:var(--checkbox-group-direction,column);gap:var(--checkbox-group-gap,var(--size-2));display:flex}.helper-text[hidden]{display:none}.helper-text{margin-top:var(--size-1-5);font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500);padding-left:2px;padding-right:2px}.error-text{margin-top:var(--size-1-5);font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-error);padding-left:2px;padding-right:2px}}@layer refine.variants{:host([orientation=horizontal]) .checkbox-group-items{--checkbox-group-direction:row;flex-wrap:wrap}}`,Pr=e(`CheckboxGroupContext`),Fr=`ore-checkbox-group`;r(Fr,{formAssociated:!0,props:{...J,...Y,...X,error:o.string(),helper:o.string(),label:o.string(),name:o.string(),orientation:o.string(`vertical`),required:o.bool(!1),values:o.string()},setup(e,{bind:n,el:r,emit:o,onCleanup:s,provide:u,slots:d,watch:f}){let m=a(Q),h=$(n,e,m),g=null,_=mt({disabled:h.disabled,error:e.error,getFormField:()=>g,helper:e.helper,multiple:p(!0),prefix:`checkbox-group`,signal:Z(s),validateOn:m?.validateOn,value:e.values});g=c({disabled:_.disabled,toFormValue:e=>e,value:_.formValue});let v=_.selectedValues,y=()=>en(r,`ore-checkbox`),b=e=>tn(y(),e),x=e=>{let t=v.value;o(`change`,{labels:t.map(b),originalEvent:e,values:t})},S=(e,t)=>{_.toggleValue(e),r.setAttribute(`values`,_.formValue.value),_.triggerValidation(`change`),x(t)};u(Pr,{color:e.color,disabled:l(()=>!!e.disabled.value),size:e.size,toggle:S,values:v});let C=()=>{let t=v.value,n=e.color.value,r=e.size.value,i=e.disabled.value,a=y();for(let e of a){let a=e.getAttribute(`value`)??``;e.toggleAttribute(`checked`,t.includes(a)),n?e.setAttribute(`color`,n):e.removeAttribute(`color`),r?e.setAttribute(`size`,r):e.removeAttribute(`size`),e.toggleAttribute(`disabled`,!!i)}};f(()=>{d.elements().value,C()}),f(()=>{d.elements().value;let e=y().map(e=>{let t=t=>{t.stopPropagation();let n=(e.getAttribute(`value`)??``).trim();n&&S(n,t)};return e.addEventListener(`change`,t),()=>{e.removeEventListener(`change`,t)}});return()=>{for(let t of e)t()}});let w=t(`checkbox-group-legend`),T=`${w}-error`,E=`${w}-helper`,D=()=>!!e.error.value,O=()=>!!e.helper.value&&!D();return n({attr:{size:h.size}}),i`
|
|
1100
1100
|
<fieldset
|
|
1101
1101
|
role="group"
|
|
1102
1102
|
aria-required="${()=>String(!!e.required.value)}"
|
|
@@ -1104,7 +1104,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
1104
1104
|
aria-errormessage="${()=>D()?T:null}"
|
|
1105
1105
|
aria-describedby="${()=>D()?T:O()?E:null}">
|
|
1106
1106
|
<legend id="${w}" ?hidden=${()=>!e.label.value}>
|
|
1107
|
-
${e.label}${
|
|
1107
|
+
${e.label}${oe(()=>!!e.required.value,()=>i`<span aria-hidden="true"> *</span>`)}
|
|
1108
1108
|
</legend>
|
|
1109
1109
|
<div class="checkbox-group-items" part="items">
|
|
1110
1110
|
<slot></slot>
|
|
@@ -1112,7 +1112,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
1112
1112
|
<div class="error-text" id="${T}" role="alert" ?hidden=${()=>!D()}>${e.error}</div>
|
|
1113
1113
|
<div class="helper-text" id="${E}" ?hidden=${()=>!O()}>${e.helper}</div>
|
|
1114
1114
|
</fieldset>
|
|
1115
|
-
`},styles:[q,K(),
|
|
1115
|
+
`},styles:[q,K(),he,Nr]});var Ir=`@layer refine.base{:host{--_size:var(--checkbox-size,var(--size-5));--_radius:var(--checkbox-radius,var(--rounded-lg));--_font-size:var(--checkbox-font-size,var(--text-sm));--_bg:var(--checkbox-bg,var(--color-contrast-200));--_border:var(--checkbox-border-color,var(--color-contrast-300));gap:var(--_gap,var(--size-2));min-height:var(--_touch-target);cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex}.checkbox-wrapper{width:var(--_size);height:var(--_size);flex-shrink:0;display:block;position:relative}.box{box-sizing:border-box;width:var(--_size);height:var(--_size);background:var(--_bg);border:var(--border-2) solid var(--_border);border-radius:var(--_radius);transition:background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);position:relative}input:focus-visible+.box{box-shadow:var(--_focus-shadow)}.checkmark,.dash{color:var(--_icon-color);opacity:0;transition:opacity var(--transition-spring), transform var(--transition-spring);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.checkmark::part(svg),.dash::part(svg){width:calc(var(--_size) * .6);height:calc(var(--_size) * .6);fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.label{font-size:var(--_font-size);color:var(--color-contrast)}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500)}.helper-text:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:calc(var(--_size) + var(--size-2))}.helper-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--_size) + var(--size-2))}.helper-text[role=alert]{color:var(--color-error)}}@layer refine.overrides{:host{--_active-bg:var(--checkbox-checked-bg,var(--_theme-base));--_icon-color:var(--checkbox-color,var(--_theme-contrast));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .box,:host([indeterminate]) .box{background:var(--_active-bg);border-color:var(--_active-bg)}:host([checked]) .checkmark,:host([indeterminate]:not([checked])) .dash{opacity:1;transform:translate(-50%,-50%)scale(1)}}`,Lr=`ore-checkbox`;r(Lr,{formAssociated:!0,props:{...J,...Y,...X,checked:o.bool(!1),error:o.string(),helper:o.string(),indeterminate:o.bool(!1),name:o.string(),value:o.string(`on`)},setup(e,{bind:t,emit:n,onCleanup:r}){let o=a(Q),s=$(t,e,o),u=a(Pr),d=null,f=_t({checked:e.checked,clearIndeterminateFirst:!0,disabled:l(()=>s.disabled.value||!!u?.disabled.value),error:e.error,getFormField:()=>d,group:u,helper:e.helper,indeterminate:e.indeterminate,onToggle:e=>{f.triggerValidation(`change`),!u&&n(`change`,e)},prefix:`checkbox`,signal:Z(r),validateOn:o?.validateOn,value:e.value});d=c({disabled:f.disabled,toFormValue:e=>e,value:f.checkableFormValue});let{assistiveId:p,checked:m,disabled:h,errorText:g,handleClick:_,handleKeydown:v,helperText:y,indeterminate:b,labelId:x}=f;return Pn(t,s.size,{assistiveId:p,checked:m,disabled:h,errorText:g,handleClick:_,handleKeydown:v,helperText:y,indeterminate:b,labelId:x},`checkbox`),i`
|
|
1116
1116
|
<div class="checkbox-wrapper" part="checkbox">
|
|
1117
1117
|
<div class="box" part="box">
|
|
1118
1118
|
<ore-icon class="checkmark" name="check" size="14" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
@@ -1120,8 +1120,8 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
1120
1120
|
</div>
|
|
1121
1121
|
</div>
|
|
1122
1122
|
<span class="label" part="label" id="${x}"><slot></slot></span>
|
|
1123
|
-
${
|
|
1124
|
-
`},styles:[q,Ce,ge,W,K(rt),Lr]});function zr(e){return e.filter(e=>e.localName===`ore-combobox-option`).map(e=>({disabled:e.hasAttribute(`disabled`),iconEl:e.querySelector(`[slot="icon"]`),label:e.getAttribute(`label`)||[...e.childNodes].filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.textContent?.trim()).filter(Boolean).join(` `)||``,value:e.getAttribute(`value`)??``}))}function Br(e,t,n){if(n)return e;let r=t.toLowerCase().trim();return r?e.filter(e=>e.label.toLowerCase().includes(r)||e.value.toLowerCase().includes(r)):e}function Vr(e,t,n){if(!t)return``;let r=e.trim();return r?n.some(e=>e.label.toLowerCase()===r.toLowerCase())?``:`Create "${r}"`:``}function Hr(e){return`__new__:${e.trim()}`}var Ur=`@layer refine.base{:host{--_font-size:var(--input-font-size,var(--text-sm));--_gap:var(--input-gap,var(--size-2));--_field-height:var(--input-height,var(--size-10));--_padding:var(--input-padding,var(--size-1-5) var(--size-3));--_radius:var(--input-radius,var(--rounded-lg));--_placeholder:var(--input-placeholder-color,var(--color-contrast-500));--_bg:var(--input-bg,var(--color-contrast-100));--_border-color:var(--input-border-color,var(--color-contrast-300));flex-direction:column;align-items:stretch;display:inline-flex}.input-wrapper{flex-direction:column;gap:0;width:100%;display:flex}.field{box-sizing:border-box;height:var(--_field-height);min-height:var(--_field-height);padding:var(--_padding);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow,var(--shadow-2xs));transition:var(--_motion-transition,background var(--transition-fast), backdrop-filter var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast));flex-direction:column;justify-content:center;align-items:stretch;gap:0;display:flex}.input-wrapper:has(.label:not([hidden])) .field{height:auto}:host(:not([label-placement=outside])) .input-wrapper{position:relative}:host(:not([label-placement=outside])) .label{z-index:1;pointer-events:none;top:var(--size-2);position:absolute}:host(:not([label-placement=outside])) .label:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .input-wrapper:has(.label:not([hidden])) .field{padding-top:calc(var(--size-2) + 1lh + 2px)}.input-row{gap:var(--_gap);flex:1;align-items:center;display:flex}.label,label.label{text-overflow:ellipsis;font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);color:var(--color-contrast-500);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--_motion-transition,color var(--transition-fast));margin-bottom:2px;overflow:hidden}:host([label-placement=outside]) .label,:host([label-placement=outside]) label.label{font-size:var(--text-sm);line-height:var(--leading-none);order:-1;margin-bottom:0}.helper-text{margin-top:var(--size-1-5);font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500);overflow-wrap:anywhere;padding-left:2px;padding-right:2px}.helper-text[hidden]{display:none}::slotted(svg){width:var(--_icon-size,var(--leading-6));height:var(--_icon-size,var(--leading-6));flex-shrink:0}}@layer refine.overrides{input{min-width:0;font:inherit;font-size:var(--_font-size);line-height:var(--leading-normal);color:var(--color-contrast-900);background:0 0;border:none;outline:none;flex:1}input::placeholder{color:var(--_placeholder);transition:color var(--transition-fast)}input:focus-visible{outline:none}:host(:not([disabled],[variant=bordered],[variant=flat])) .field:hover{border-color:var(--color-contrast-400)}:host(:not([disabled],[variant=text],[variant=flat])) .field:focus-within{background:var(--color-canvas);border-color:var(--_theme-focus);box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow))}:host(:not([disabled])) .field:focus-within .label,:host(:not([disabled])) .field:focus-within ::slotted([slot=prefix]),:host(:not([disabled])) .field:focus-within ::slotted([slot=suffix]){color:var(--_theme-focus)}.clear-btn{width:var(--size-5);min-width:var(--_touch-target);height:var(--size-5);min-height:var(--_touch-target);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:var(--_motion-transition,color var(--transition-fast));background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.clear-btn:hover{color:var(--color-contrast-900)}.clear-btn:focus-visible{outline:var(--border-2) solid var(--_theme-focus);outline-offset:var(--border)}:host([clearable]) .clear-btn{display:flex}:host([clearable]:not([has-value])) .clear-btn{visibility:hidden;pointer-events:none}.pwd-toggle-btn{width:var(--size-5);min-width:var(--_touch-target);height:var(--size-5);min-height:var(--_touch-target);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:var(--_motion-transition,color var(--transition-fast));background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.pwd-toggle-btn:hover{color:var(--color-contrast-900)}.pwd-toggle-btn:focus-visible{outline:var(--border-2) solid var(--_theme-focus);outline-offset:var(--border)}:host([type=password]) .pwd-toggle-btn{display:flex}.char-counter{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-400);text-align:end;white-space:nowrap;padding-left:2px;padding-right:2px}.char-counter[data-near-limit]{color:var(--color-warning,#f59e0b)}.char-counter[data-at-limit]{color:var(--color-error)}:host([error]:not([error=""])) .field{border-color:var(--color-error)}:host([error]:not([error=""])) .field:focus-within{border-color:var(--color-error);box-shadow:var(--color-error-focus-shadow)}:host([error]:not([error=""])) .label-inset,:host([error]:not([error=""])) .label-outside,.helper-text[role=alert]{color:var(--color-error)}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_bg:var(--input-bg,var(--color-contrast-50));--_border-color:var(--input-border-color,var(--color-contrast-300))}:host(:not([variant])) .field,:host([variant=solid]) .field{box-shadow:var(--shadow-2xs)}:host(:not([variant],[disabled])) .field:focus-within,:host([variant=solid]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}:host([variant=flat]){--_bg:var(--input-bg,var(--color-contrast-100));--_border-color:var(--input-border-color,var(--_theme-border))}:host([variant=flat]) .field{box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) .field:hover{background:var(--input-hover-bg,color-mix(in oklch, var(--_theme-base) 6%, var(--color-contrast-100)));border-color:var(--input-hover-border-color,color-mix(in oklch, var(--_theme-base) 35%, var(--color-contrast-300)))}:host([variant=flat]) .field:focus-within{background:var(--input-focus-bg,color-mix(in oklch, var(--_theme-base) 8%, var(--color-canvas)));border-color:var(--input-focus-border-color,color-mix(in oklch, var(--_theme-focus) 60%, transparent));box-shadow:var(--_theme-shadow)}:host([variant=bordered]){--_bg:var(--input-bg,var(--_theme-backdrop));--_border-color:var(--input-border-color,color-mix(in oklch, var(--_theme-focus) 70%, transparent))}:host([variant=bordered]) .field:hover{border-color:var(--input-hover-border-color,var(--_theme-focus))}:host([variant=outline]){--_bg:var(--input-bg,transparent)}:host([variant=outline]) .field{box-shadow:none}:host([variant=outline]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}:host([variant=ghost]){--_bg:var(--input-bg,transparent);--_border-color:var(--input-border-color,transparent)}:host([variant=ghost]) .field{box-shadow:none}:host([variant=ghost]) .field:hover{background:var(--input-hover-bg,var(--color-contrast-100))}:host([variant=ghost]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}:host([variant=text]){--_bg:var(--input-bg,transparent);--_border-color:var(--input-border-color,var(--color-contrast-300))}:host([variant=text]) .field{border:none;border-bottom:var(--border) solid var(--_border-color);box-shadow:none;border-radius:0}:host([variant=text]) .field:focus-within{border-bottom:var(--border-2) solid var(--input-focus-border-color,var(--_theme-focus))}}@layer refine.utilities{:host([fullwidth]){width:100%}}`,Wr=[`text`,`email`,`password`,`search`,`url`,`tel`,`number`,`date`,`time`,`datetime-local`,`month`,`week`],Gr=`ore-input`;r(Gr,{formAssociated:!0,props:{...J,...Y,...X,...Qe,autocomplete:o.string(),clearable:o.bool(!1),error:o.string(),fullwidth:o.bool(!1),helper:o.string(),inputmode:o.string(),label:o.string(),"label-placement":o.oneOf([`inset`,`outside`],`inset`),maxlength:o.json(void 0),minlength:o.json(void 0),name:o.string(),pattern:o.string(),placeholder:o.string(),readonly:o.bool(!1),ref:o.json(void 0),required:o.bool(!1),type:o.oneOf(Wr,`text`),value:o.string(),variant:o.string()},setup(e,{bind:t,emit:n,onCleanup:r,onElement:o,slots:u}){let d=a(Q),f=$(t,e,d),m=p(!1),g=s(),_=l(()=>!!e.label.value||u.has(`label`).value),v=Z(r),y=null,b=pt({disabled:f.disabled,error:e.error,getFormField:()=>y,hasLabel:_,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],maxLength:e.maxlength,onChange:(e,t)=>{n(`change`,{originalEvent:e,value:t})},onInput:(e,t)=>{n(`input`,{originalEvent:e,value:t})},prefix:`input`,signal:v,validateOn:d?.validateOn,value:e.value});y=c({disabled:b.disabled,toFormValue:e=>e,value:b.value});let{ariaDescribedBy:x,ariaErrorMessage:S,ariaInvalid:C,ariaLabelledBy:w,assistiveId:T,clear:E,counter:D,errorId:O,errorText:k,fieldId:A,helperText:j,labelId:M,labelVisible:N,value:P,wire:F}=b;return o(g,t=>{F(t,v),e.ref.value?.(t);let n=h(e.ref,e=>{e?.(t)});return()=>{n.dispose(),e.ref.value?.(null)}}),t({attr:{error:()=>k.value||void 0,"has-value":()=>P.value?!0:void 0,size:f.size,variant:f.variant}}),i`
|
|
1123
|
+
${In(p,g,y)}
|
|
1124
|
+
`},styles:[q,Se,he,W,K(nt),Ir]});function Rr(e){return e.filter(e=>e.localName===`ore-combobox-option`).map(e=>({disabled:e.hasAttribute(`disabled`),iconEl:e.querySelector(`[slot="icon"]`),label:e.getAttribute(`label`)||[...e.childNodes].filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.textContent?.trim()).filter(Boolean).join(` `)||``,value:e.getAttribute(`value`)??``}))}function zr(e,t,n){if(n)return e;let r=t.toLowerCase().trim();return r?e.filter(e=>e.label.toLowerCase().includes(r)||e.value.toLowerCase().includes(r)):e}function Br(e,t,n){if(!t)return``;let r=e.trim();return r?n.some(e=>e.label.toLowerCase()===r.toLowerCase())?``:`Create "${r}"`:``}function Vr(e){return`__new__:${e.trim()}`}var Hr=`@layer refine.base{:host{--_font-size:var(--input-font-size,var(--text-sm));--_gap:var(--input-gap,var(--size-2));--_field-height:var(--input-height,var(--size-10));--_padding:var(--input-padding,var(--size-1-5) var(--size-3));--_radius:var(--input-radius,var(--rounded-lg));--_placeholder:var(--input-placeholder-color,var(--color-contrast-500));--_bg:var(--input-bg,var(--color-contrast-100));--_border-color:var(--input-border-color,var(--color-contrast-300));flex-direction:column;align-items:stretch;display:inline-flex}.input-wrapper{flex-direction:column;gap:0;width:100%;display:flex}.field{box-sizing:border-box;height:var(--_field-height);min-height:var(--_field-height);padding:var(--_padding);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow,var(--shadow-2xs));transition:var(--_motion-transition,background var(--transition-fast), backdrop-filter var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast));flex-direction:column;justify-content:center;align-items:stretch;gap:0;display:flex}.input-wrapper:has(.label:not([hidden])) .field{height:auto}:host(:not([label-placement=outside])) .input-wrapper{position:relative}:host(:not([label-placement=outside])) .label{z-index:1;pointer-events:none;top:var(--size-2);position:absolute}:host(:not([label-placement=outside])) .label:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .input-wrapper:has(.label:not([hidden])) .field{padding-top:calc(var(--size-2) + 1lh + 2px)}.input-row{gap:var(--_gap);flex:1;align-items:center;display:flex}.label,label.label{text-overflow:ellipsis;font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);color:var(--color-contrast-500);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--_motion-transition,color var(--transition-fast));margin-bottom:2px;overflow:hidden}:host([label-placement=outside]) .label,:host([label-placement=outside]) label.label{font-size:var(--text-sm);line-height:var(--leading-none);order:-1;margin-bottom:0}.helper-text{margin-top:var(--size-1-5);font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500);overflow-wrap:anywhere;padding-left:2px;padding-right:2px}.helper-text[hidden]{display:none}::slotted(svg){width:var(--_icon-size,var(--leading-6));height:var(--_icon-size,var(--leading-6));flex-shrink:0}}@layer refine.overrides{input{min-width:0;font:inherit;font-size:var(--_font-size);line-height:var(--leading-normal);color:var(--color-contrast-900);background:0 0;border:none;outline:none;flex:1}input::placeholder{color:var(--_placeholder);transition:color var(--transition-fast)}input:focus-visible{outline:none}:host(:not([disabled],[variant=bordered],[variant=flat])) .field:hover{border-color:var(--color-contrast-400)}:host(:not([disabled],[variant=text],[variant=flat])) .field:focus-within{background:var(--color-canvas);border-color:var(--_theme-focus);box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow))}:host(:not([disabled])) .field:focus-within .label,:host(:not([disabled])) .field:focus-within ::slotted([slot=prefix]),:host(:not([disabled])) .field:focus-within ::slotted([slot=suffix]){color:var(--_theme-focus)}.clear-btn{width:var(--size-5);min-width:var(--_touch-target);height:var(--size-5);min-height:var(--_touch-target);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:var(--_motion-transition,color var(--transition-fast));background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.clear-btn:hover{color:var(--color-contrast-900)}.clear-btn:focus-visible{outline:var(--border-2) solid var(--_theme-focus);outline-offset:var(--border)}:host([clearable]) .clear-btn{display:flex}:host([clearable]:not([has-value])) .clear-btn{visibility:hidden;pointer-events:none}.pwd-toggle-btn{width:var(--size-5);min-width:var(--_touch-target);height:var(--size-5);min-height:var(--_touch-target);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:var(--_motion-transition,color var(--transition-fast));background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.pwd-toggle-btn:hover{color:var(--color-contrast-900)}.pwd-toggle-btn:focus-visible{outline:var(--border-2) solid var(--_theme-focus);outline-offset:var(--border)}:host([type=password]) .pwd-toggle-btn{display:flex}.char-counter{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-400);text-align:end;white-space:nowrap;padding-left:2px;padding-right:2px}.char-counter[data-near-limit]{color:var(--color-warning,#f59e0b)}.char-counter[data-at-limit]{color:var(--color-error)}:host([error]:not([error=""])) .field{border-color:var(--color-error)}:host([error]:not([error=""])) .field:focus-within{border-color:var(--color-error);box-shadow:var(--color-error-focus-shadow)}:host([error]:not([error=""])) .label-inset,:host([error]:not([error=""])) .label-outside,.helper-text[role=alert]{color:var(--color-error)}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_bg:var(--input-bg,var(--color-contrast-50));--_border-color:var(--input-border-color,var(--color-contrast-300))}:host(:not([variant])) .field,:host([variant=solid]) .field{box-shadow:var(--shadow-2xs)}:host(:not([variant],[disabled])) .field:focus-within,:host([variant=solid]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}:host([variant=flat]){--_bg:var(--input-bg,var(--color-contrast-100));--_border-color:var(--input-border-color,var(--_theme-border))}:host([variant=flat]) .field{box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) .field:hover{background:var(--input-hover-bg,color-mix(in oklch, var(--_theme-base) 6%, var(--color-contrast-100)));border-color:var(--input-hover-border-color,color-mix(in oklch, var(--_theme-base) 35%, var(--color-contrast-300)))}:host([variant=flat]) .field:focus-within{background:var(--input-focus-bg,color-mix(in oklch, var(--_theme-base) 8%, var(--color-canvas)));border-color:var(--input-focus-border-color,color-mix(in oklch, var(--_theme-focus) 60%, transparent));box-shadow:var(--_theme-shadow)}:host([variant=bordered]){--_bg:var(--input-bg,var(--_theme-backdrop));--_border-color:var(--input-border-color,color-mix(in oklch, var(--_theme-focus) 70%, transparent))}:host([variant=bordered]) .field:hover{border-color:var(--input-hover-border-color,var(--_theme-focus))}:host([variant=outline]){--_bg:var(--input-bg,transparent)}:host([variant=outline]) .field{box-shadow:none}:host([variant=outline]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}:host([variant=ghost]){--_bg:var(--input-bg,transparent);--_border-color:var(--input-border-color,transparent)}:host([variant=ghost]) .field{box-shadow:none}:host([variant=ghost]) .field:hover{background:var(--input-hover-bg,var(--color-contrast-100))}:host([variant=ghost]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}:host([variant=text]){--_bg:var(--input-bg,transparent);--_border-color:var(--input-border-color,var(--color-contrast-300))}:host([variant=text]) .field{border:none;border-bottom:var(--border) solid var(--_border-color);box-shadow:none;border-radius:0}:host([variant=text]) .field:focus-within{border-bottom:var(--border-2) solid var(--input-focus-border-color,var(--_theme-focus))}}@layer refine.utilities{:host([fullwidth]){width:100%}}`,Ur=[`text`,`email`,`password`,`search`,`url`,`tel`,`number`,`date`,`time`,`datetime-local`,`month`,`week`],Wr=`ore-input`;r(Wr,{formAssociated:!0,props:{...J,...Y,...X,...Ze,autocomplete:o.string(),clearable:o.bool(!1),error:o.string(),fullwidth:o.bool(!1),helper:o.string(),inputmode:o.string(),label:o.string(),"label-placement":o.oneOf([`inset`,`outside`],`inset`),maxlength:o.json(void 0),minlength:o.json(void 0),name:o.string(),pattern:o.string(),placeholder:o.string(),readonly:o.bool(!1),ref:o.json(void 0),required:o.bool(!1),type:o.oneOf(Ur,`text`),value:o.string(),variant:o.string()},setup(e,{bind:t,emit:n,onCleanup:r,onElement:o,slots:u}){let d=a(Q),f=$(t,e,d),m=p(!1),g=s(),_=l(()=>!!e.label.value||u.has(`label`).value),v=Z(r),y=null,b=ft({disabled:f.disabled,error:e.error,getFormField:()=>y,hasLabel:_,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],maxLength:e.maxlength,onChange:(e,t)=>{n(`change`,{originalEvent:e,value:t})},onInput:(e,t)=>{n(`input`,{originalEvent:e,value:t})},prefix:`input`,signal:v,validateOn:d?.validateOn,value:e.value});y=c({disabled:b.disabled,toFormValue:e=>e,value:b.value});let{ariaDescribedBy:x,ariaErrorMessage:S,ariaInvalid:C,ariaLabelledBy:w,assistiveId:T,clear:E,counter:D,errorId:O,errorText:k,fieldId:A,helperText:j,labelId:M,labelVisible:N,value:P,wire:F}=b;return o(g,t=>{F(t,v),e.ref.value?.(t);let n=h(e.ref,e=>{e?.(t)});return()=>{n.dispose(),e.ref.value?.(null)}}),t({attr:{error:()=>k.value||void 0,"has-value":()=>P.value?!0:void 0,size:f.size,variant:f.variant}}),i`
|
|
1125
1125
|
<div class="input-wrapper" part="wrapper">
|
|
1126
1126
|
<label class="label" for="${A}" id="${M}" part="label" ?hidden="${()=>!N.value}"
|
|
1127
1127
|
><slot name="label">${e.label}</slot></label
|
|
@@ -1186,7 +1186,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
1186
1186
|
${()=>D?.value.counterText??``}
|
|
1187
1187
|
</div>
|
|
1188
1188
|
</div>
|
|
1189
|
-
`},shadow:{delegatesFocus:!0},styles:[...Ne,K(tt),Se(`input`),Ur]});var Kr=`@layer refine.base{:host{--_dropdown-bg:var(--combobox-dropdown-bg,var(--color-canvas));--_dropdown-border-color:var(--combobox-dropdown-border-color,var(--color-contrast-200));--_option-hover-bg:var(--combobox-option-hover-bg,var(--color-contrast-100));--_option-focus-bg:var(--combobox-option-focus-bg,color-mix(in oklch, var(--_theme-base) 12%, var(--color-contrast-100)));--_option-selected-bg:var(--combobox-option-selected-bg,color-mix(in oklch, var(--_theme-base) 10%, var(--color-contrast-50)));--_option-selected-focus-bg:var(--combobox-option-selected-focus-bg,color-mix(in oklch, var(--_theme-base) 20%, var(--color-contrast-100)));flex-direction:column;align-items:stretch;min-width:12rem;display:inline-flex}:host([fullwidth]){width:100%;display:block}.trigger::part(input){cursor:text}.trigger::part(field){height:auto;min-height:var(--input-height,var(--size-10))}.trigger::part(input-row){row-gap:var(--size-1);flex-wrap:wrap;align-items:center}.chips-row,.chips-list{display:contents}ore-chip:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--size-1)}ore-chip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-1)}.combobox-suffix{gap:var(--size-1);flex-shrink:0;align-items:center;display:flex}.clear-btn{color:var(--color-contrast-400);cursor:pointer;background:0 0;border:0;flex-shrink:0;align-items:center;padding:0;display:inline-flex}.clear-btn[hidden]{display:none}.clear-btn:hover{color:var(--color-contrast-600)}.combobox-suffix-end{gap:var(--size-1);color:var(--color-contrast-500);align-items:center;display:flex}.chevron{transition:var(--_motion-transition,transform var(--transition-fast));flex-shrink:0;align-items:center;display:inline-flex}:host([open]) .chevron{transform:rotate(180deg)}.loader{width:1em;height:1em;animation:var(--_motion-animation,spin var(--transition-loader) infinite);border:2px solid;border-radius:50%;flex-shrink:0;display:none}.loader:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}@keyframes spin{to{transform:rotate(360deg)}}:host([loading]) .loader{display:inline-block}.dropdown{z-index:calc(var(--z-popover,1000) + 1);box-sizing:border-box;max-height:min(16rem,50dvh);padding:var(--size-1);overscroll-behavior:contain;text-align:start;pointer-events:none;scrollbar-width:thin;background:var(--_dropdown-bg);border:var(--border) solid var(--_dropdown-border-color);border-radius:var(--_radius);box-shadow:var(--shadow-lg);opacity:0;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);margin:0;position:fixed;inset:0 auto auto 0;overflow-y:auto}.dropdown[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.dropdown[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.option{gap:var(--size-2);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;display:flex}.option>span:not(.option-check,.option-icon){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.option:hover:not([data-disabled]){background:var(--_option-hover-bg)}.option[data-focused]:not([data-disabled]){color:var(--_theme-base);background:var(--_option-focus-bg)}.option[data-selected],.option[aria-selected=true]{font-weight:var(--font-medium);color:var(--_theme-base);background:var(--_option-selected-bg)}.option[data-selected][data-focused],.option[aria-selected=true][data-focused]{background:var(--_option-selected-focus-bg)}.option[data-disabled]{color:var(--color-contrast-400);cursor:not-allowed;opacity:.6}.option-check{color:var(--_theme-base);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;display:inline-flex}.option-check:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.option-check:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.option[data-selected] .option-check,.option[aria-selected=true] .option-check{opacity:1}.no-results,.no-results-create,.dropdown-loading{padding:var(--size-3) var(--size-2-5);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.no-results-create{gap:var(--size-1-5);width:100%;padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);color:var(--_theme-content,var(--color-primary-content));text-align:start;cursor:pointer;border-radius:var(--rounded-sm);background:0 0;border:0;align-items:center;display:flex}.no-results-create:hover,.no-results-create[data-focused]{background:color-mix(in oklch, var(--_theme-base,var(--color-primary)) 10%, transparent)}.option-icon{flex-shrink:0;align-items:center;display:inline-flex}::slotted(ore-combobox-option){display:none}}`,qr=`ore-combobox`;r(qr,{formAssociated:!0,props:{autoclose:o.bool(!1),color:o.string(),creatable:o.bool(!1),disabled:o.bool(!1),error:o.string(),fullwidth:o.bool(!1),helper:o.string(),label:o.string(),"label-placement":o.oneOf([`inset`,`outside`],`inset`),loading:o.bool(!1),multiple:o.bool(!1),name:o.string(),"no-filter":o.bool(!1),options:o.data(),placeholder:o.string(`Select...`),rounded:o.string(),size:o.string(),value:o.string(),variant:o.string()},setup(e,{bind:t,el:n,emit:r,onCleanup:o,onElement:u,watch:d}){let f=a(Q),m=$(t,e,f),h=p(``),g=null,_=null,v=null,y=null,b=s(),x=Z(o),S=null,C=ht({disabled:m.disabled,error:e.error,getFormField:()=>S,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],multiple:e.multiple,prefix:`combobox`,signal:x,validateOn:f?.validateOn,value:e.value}),w=p([]),T=jt({getBoundary:()=>n,getFocusedOptionElement:()=>v?.querySelector(`[data-focused]`)??null,getItems:()=>w.value,getOptionId:e=>`${C.fieldId}-opt-${e}`,getPanel:()=>v,getReference:()=>_,getTrigger:()=>g,isDisabled:()=>C.disabled.value,onClose:e=>{r(`close`,{reason:e}),x.aborted||de(),C.triggerValidation(`blur`)},onOpen:e=>r(`open`,{reason:e}),restoreFocus:!1,signal:x}),{disabled:E,fieldId:D,selectedValues:O,triggerValidation:k}=C;S=c({disabled:C.disabled,toFormValue:e=>e,value:C.formValue});let{focusedIndex:A,isOpen:j,scrollFocusedIntoView:M,updatePosition:N}=T,P=()=>!!e.multiple.value,F=()=>!!e.creatable.value,I=()=>!!e[`no-filter`].value;t({attr:{open:()=>j.value?!0:void 0,size:m.size,variant:m.variant}});let L=null,R=!1,z=l(()=>O.value[0]??``);Object.defineProperty(n,"value",{configurable:!0,get:()=>P()?O.value:z.value,set:e=>{let t=e;if(Array.isArray(t)){C.setValues(t.map(e=>String(e??``)));return}if(t==null||t===``){C.clear();return}C.setValues([String(t)])}});let ee=()=>O.value.length>0;function B(){g?.focus()}let te=p([]),V=p([]),ne=()=>!!e.loading.value;function H(e){return{disabled:!!e.disabled,iconEl:e.iconEl??null,label:e.label??e.value,value:e.value}}let U=l(()=>{let t=e.options.value,n=Array.isArray(t)?t.map(H):te.value;return V.value.length===0?n:[...n,...V.value]}),re={clear:()=>{C.clear()},remove:e=>{C.removeValue(e)},select:e=>{C.selectValue(e)},toggle:e=>{C.toggleValue(e)}};function ie(e=Array.from(n.children)){te.value=zr(e),P()||(h.value=U.value.find(e=>e.value===z.value)?.label??z.value)}ie(),d(()=>{let e=Br(U.value,h.value,I());w.value=P()?e.filter(e=>!O.value.includes(e.value)):e});let ae=l(()=>Vr(h.value,F(),w.value)),oe=()=>P()&&O.value.length>0?``:e.placeholder.value||``,se=l(()=>O.value),ce=l(()=>O.value.map(e=>U.value.find(t=>t.value===e)?.label??e));function le(e){r(`change`,{labels:ce.value,originalEvent:e,values:se.value})}function ue(e){e.stopPropagation();let t=e.detail?.value;t!==void 0&&(re.remove(t),le(e),k(`change`))}function de(){if(!P()){let e=U.value.find(e=>e.value===z.value);R=!0,h.value=e?.label??``,Promise.resolve().then(()=>{R=!1});return}h.value=``}d(()=>{if(j.value&&!P()&&z.value&&A.value===-1&&h.value===``){let e=w.value.findIndex(e=>e.value===z.value);e>=0&&T.set(e)}});function W(e=!0,t=`programmatic`){if(e&&(L=h.value,h.value=``),!P()&&z.value){let e=Br(U.value,``,I()).findIndex(e=>e.value===z.value);e>=0&&T.set(e)}T.open(t),!P()&&z.value&&A.value>=0&&requestAnimationFrame(()=>{M()})}function G(e=`programmatic`){T.close(e)}let fe=_t({disabled:E,onPress:()=>{j.value||W(!0,`click`),B()}}),pe=_t({disabled:E,keys:[`Enter`],onPress:e=>{let t=w.value;j.value&&A.value>=0&&A.value<t.length?me(t[A.value],e):j.value&&A.value===-1&&ae.value?ye(h.value,e):j.value||W(!0,`keyboard`)}});function me(t,n){t.disabled||(P()?(re.toggle(t.value),h.value=``,le(n),k(`change`),e.autoclose.value&&G(),B(),requestAnimationFrame(()=>B())):(re.select(t.value),h.value=t.label,le(n),k(`change`),G(),B()))}function he(e){let t=e.getAttribute(`data-option-index`),n=t?Number(t):-1;if(Number.isInteger(n)&&n>=0&&n<w.value.length)return w.value[n]??null;let r=e.getAttribute(`data-option-value`);if(r){let e=w.value.find(e=>e.value===r);if(e)return e}let i=e.querySelector(`span`)?.textContent?.trim()??e.textContent?.trim()??``;return i?w.value.find(e=>e.label===i||e.value===i)??null:null}function K(e){e.stopPropagation(),re.clear(),h.value=``,le(e),k(`change`),B()}function ge(e){let t=e.target,n=t.value;if(!R&&n!==h.value){if(h.value=n,!P()){let e=O.value[0],t=e?U.value.find(t=>t.value===e)?.label??e:``;n===``&&L===t&&(L=null)}T.navigate(`first`),j.value||W(!1,`keyboard`),r(`search`,{query:t.value})}}function _e(){}function ve(e){if(!E.value&&!T.handleKeydown(e))switch(e.key){case`ArrowDown`:e.preventDefault(),j.value?T.navigate(`next`):(W(!0,`keyboard`),T.navigate(`first`));break;case`ArrowUp`:e.preventDefault(),j.value?T.navigate(`prev`):W(!0,`keyboard`);break;case`Backspace`:P()&&!h.value&&O.value.length>0&&(C.removeValue(O.value[O.value.length-1]??``),le(e),k(`change`));break;case`Enter`:pe.handleKeydown(e);break;case`Tab`:G(`programmatic`);break;default:break}}function ye(e,t){let n=e.trim();if(!n)return;let r={disabled:!1,iconEl:null,label:n,value:Hr(n)};V.value=[...V.value,r],me(r,t)}let q=(()=>{let e=new MutationObserver(()=>{ie()});return e.observe(n,{attributeFilter:[`disabled`,`label`,`value`],attributes:!0,childList:!0,subtree:!0}),()=>e.disconnect()})(),be=e=>{let t=e.target;if(!(t instanceof Element))return;let n=t.closest(`.option`);if(!n)return;let r=he(n);if(!r||r.disabled)return;let i=w.value.findIndex(e=>e.value===r.value);i>=0&&T.set(i)},xe=n.shadowRoot;xe&&xe.addEventListener(`pointermove`,be);let Se=e=>{let t=e=>{let t=e.target;if(!(t instanceof Element))return;if(t.closest(`.no-results-create`)){e.preventDefault(),e.stopPropagation(),ye(h.value,e);return}let n=t.closest(`.option`);if(!n)return;e.preventDefault(),e.stopPropagation();let r=he(n);r&&me(r,e)},n=e=>{let t=e.target;if(!(t instanceof Element))return;let n=t.closest(`.option`);if(!n)return;let r=he(n);if(!r)return;let i=w.value.findIndex(e=>e.value===r.value);i>=0&&T.set(i)};return e.addEventListener(`click`,t),e.addEventListener(`pointermove`,n),()=>{e.removeEventListener(`click`,t),e.removeEventListener(`pointermove`,n)}},Ce=null,we=null,Te=e=>{y=e,we!==e&&(Ce?.(),Ce=null,we=null,e&&(Ce=Se(e),we=e))},Ee=()=>{y&&(we===y&&Ce||(Ce?.(),Ce=Se(y),we=y))};return d(()=>{Ee(),j.value?(v&&`showPopover`in v&&!v.matches(`:popover-open`)&&v.showPopover(),N()):v&&`hidePopover`in v&&v.matches(`:popover-open`)&&v.hidePopover()}),u(b,e=>{_=e;let t=e.shadowRoot?.querySelector(`input`)??null;if(!t)return;g=t,t.setAttribute(`role`,`combobox`),t.setAttribute(`autocomplete`,`off`),t.setAttribute(`aria-autocomplete`,`list`),t.setAttribute(`aria-haspopup`,`listbox`),t.setAttribute(`spellcheck`,`false`),t.setAttribute(`aria-controls`,`${D}-listbox`);let n=()=>{j.value||W(!0,`click`),B()};return t.addEventListener(`input`,ge),t.addEventListener(`keydown`,ve),t.addEventListener(`focus`,_e),t.addEventListener(`click`,n),()=>{g=null,_=null,t.removeEventListener(`input`,ge),t.removeEventListener(`keydown`,ve),t.removeEventListener(`focus`,_e),t.removeEventListener(`click`,n)}}),d(()=>{if(!b.value)return;let t=g;t&&(t.setAttribute(`aria-expanded`,String(j.value)),E.value?t.setAttribute(`aria-disabled`,`true`):t.removeAttribute(`aria-disabled`),e.error.value?(t.setAttribute(`aria-invalid`,`true`),t.setAttribute(`aria-errormessage`,`${D}-error`)):(t.removeAttribute(`aria-invalid`),t.removeAttribute(`aria-errormessage`)))}),d(()=>{if(!b.value)return;let e=g;e&&e.value!==h.value&&(e.value=h.value)}),o(()=>{xe?.removeEventListener(`pointermove`,be),Ce?.(),Ce=null,we=null,q()}),i`
|
|
1189
|
+
`},shadow:{delegatesFocus:!0},styles:[...Me,K(et),xe(`input`),Hr]});var Gr=`@layer refine.base{:host{--_dropdown-bg:var(--combobox-dropdown-bg,var(--color-canvas));--_dropdown-border-color:var(--combobox-dropdown-border-color,var(--color-contrast-200));--_option-hover-bg:var(--combobox-option-hover-bg,var(--color-contrast-100));--_option-focus-bg:var(--combobox-option-focus-bg,color-mix(in oklch, var(--_theme-base) 12%, var(--color-contrast-100)));--_option-selected-bg:var(--combobox-option-selected-bg,color-mix(in oklch, var(--_theme-base) 10%, var(--color-contrast-50)));--_option-selected-focus-bg:var(--combobox-option-selected-focus-bg,color-mix(in oklch, var(--_theme-base) 20%, var(--color-contrast-100)));flex-direction:column;align-items:stretch;min-width:12rem;display:inline-flex}:host([fullwidth]){width:100%;display:block}.trigger::part(input){cursor:text}.trigger::part(field){height:auto;min-height:var(--input-height,var(--size-10))}.trigger::part(input-row){row-gap:var(--size-1);flex-wrap:wrap;align-items:center}.chips-row,.chips-list{display:contents}ore-chip:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--size-1)}ore-chip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-1)}.combobox-suffix{gap:var(--size-1);flex-shrink:0;align-items:center;display:flex}.clear-btn{color:var(--color-contrast-400);cursor:pointer;background:0 0;border:0;flex-shrink:0;align-items:center;padding:0;display:inline-flex}.clear-btn[hidden]{display:none}.clear-btn:hover{color:var(--color-contrast-600)}.combobox-suffix-end{gap:var(--size-1);color:var(--color-contrast-500);align-items:center;display:flex}.chevron{transition:var(--_motion-transition,transform var(--transition-fast));flex-shrink:0;align-items:center;display:inline-flex}:host([open]) .chevron{transform:rotate(180deg)}.loader{width:1em;height:1em;animation:var(--_motion-animation,spin var(--transition-loader) infinite);border:2px solid;border-radius:50%;flex-shrink:0;display:none}.loader:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}@keyframes spin{to{transform:rotate(360deg)}}:host([loading]) .loader{display:inline-block}.dropdown{z-index:calc(var(--z-popover,1000) + 1);box-sizing:border-box;max-height:min(16rem,50dvh);padding:var(--size-1);overscroll-behavior:contain;text-align:start;pointer-events:none;scrollbar-width:thin;background:var(--_dropdown-bg);border:var(--border) solid var(--_dropdown-border-color);border-radius:var(--_radius);box-shadow:var(--shadow-lg);opacity:0;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);margin:0;position:fixed;inset:0 auto auto 0;overflow-y:auto}.dropdown[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.dropdown[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.option{gap:var(--size-2);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;display:flex}.option>span:not(.option-check,.option-icon){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.option:hover:not([data-disabled]){background:var(--_option-hover-bg)}.option[data-focused]:not([data-disabled]){color:var(--_theme-base);background:var(--_option-focus-bg)}.option[data-selected],.option[aria-selected=true]{font-weight:var(--font-medium);color:var(--_theme-base);background:var(--_option-selected-bg)}.option[data-selected][data-focused],.option[aria-selected=true][data-focused]{background:var(--_option-selected-focus-bg)}.option[data-disabled]{color:var(--color-contrast-400);cursor:not-allowed;opacity:.6}.option-check{color:var(--_theme-base);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;display:inline-flex}.option-check:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.option-check:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.option[data-selected] .option-check,.option[aria-selected=true] .option-check{opacity:1}.no-results,.no-results-create,.dropdown-loading{padding:var(--size-3) var(--size-2-5);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.no-results-create{gap:var(--size-1-5);width:100%;padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);color:var(--_theme-content,var(--color-primary-content));text-align:start;cursor:pointer;border-radius:var(--rounded-sm);background:0 0;border:0;align-items:center;display:flex}.no-results-create:hover,.no-results-create[data-focused]{background:color-mix(in oklch, var(--_theme-base,var(--color-primary)) 10%, transparent)}.option-icon{flex-shrink:0;align-items:center;display:inline-flex}::slotted(ore-combobox-option){display:none}}`,Kr=`ore-combobox`;r(Kr,{formAssociated:!0,props:{autoclose:o.bool(!1),color:o.string(),creatable:o.bool(!1),disabled:o.bool(!1),error:o.string(),fullwidth:o.bool(!1),helper:o.string(),label:o.string(),"label-placement":o.oneOf([`inset`,`outside`],`inset`),loading:o.bool(!1),multiple:o.bool(!1),name:o.string(),"no-filter":o.bool(!1),options:o.data(),placeholder:o.string(`Select...`),rounded:o.string(),size:o.string(),value:o.string(),variant:o.string()},setup(e,{bind:t,el:n,emit:r,onCleanup:o,onElement:u,watch:d}){let f=a(Q),m=$(t,e,f),h=p(``),g=null,_=null,v=null,y=null,b=s(),x=Z(o),S=null,C=mt({disabled:m.disabled,error:e.error,getFormField:()=>S,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],multiple:e.multiple,prefix:`combobox`,signal:x,validateOn:f?.validateOn,value:e.value}),w=p([]),T=At({getBoundary:()=>n,getFocusedOptionElement:()=>v?.querySelector(`[data-focused]`)??null,getItems:()=>w.value,getOptionId:e=>`${C.fieldId}-opt-${e}`,getPanel:()=>v,getReference:()=>_,getTrigger:()=>g,isDisabled:()=>C.disabled.value,onClose:e=>{r(`close`,{reason:e}),x.aborted||W(),C.triggerValidation(`blur`)},onOpen:e=>r(`open`,{reason:e}),restoreFocus:!1,signal:x}),{disabled:E,fieldId:D,selectedValues:O,triggerValidation:k}=C;S=c({disabled:C.disabled,toFormValue:e=>e,value:C.formValue});let{focusedIndex:A,isOpen:j,scrollFocusedIntoView:M,updatePosition:N}=T,P=()=>!!e.multiple.value,F=()=>!!e.creatable.value,I=()=>!!e[`no-filter`].value;t({attr:{open:()=>j.value?!0:void 0,size:m.size,variant:m.variant}});let L=null,R=!1,z=l(()=>O.value[0]??``);Object.defineProperty(n,"value",{configurable:!0,get:()=>P()?O.value:z.value,set:e=>{let t=e;if(Array.isArray(t)){C.setValues(t.map(e=>String(e??``)));return}if(t==null||t===``){C.clear();return}C.setValues([String(t)])}});let ee=()=>O.value.length>0;function B(){g?.focus()}let te=p([]),V=p([]),ne=()=>!!e.loading.value;function re(e){return{disabled:!!e.disabled,iconEl:e.iconEl??null,label:e.label??e.value,value:e.value}}let H=l(()=>{let t=e.options.value,n=Array.isArray(t)?t.map(re):te.value;return V.value.length===0?n:[...n,...V.value]}),ie={clear:()=>{C.clear()},remove:e=>{C.removeValue(e)},select:e=>{C.selectValue(e)},toggle:e=>{C.toggleValue(e)}};function U(e=Array.from(n.children)){if(te.value=Rr(e),!P()){let e=H.value.find(e=>e.value===z.value);h.value=e?.label??z.value}}U(),d(()=>{let e=zr(H.value,h.value,I());w.value=P()?e.filter(e=>!O.value.includes(e.value)):e});let ae=l(()=>Br(h.value,F(),w.value)),oe=()=>P()&&O.value.length>0?``:e.placeholder.value||``,se=l(()=>O.value),ce=l(()=>O.value.map(e=>H.value.find(t=>t.value===e)?.label??e));function le(e){r(`change`,{labels:ce.value,originalEvent:e,values:se.value})}function ue(e){e.stopPropagation();let t=e.detail?.value;t!==void 0&&(ie.remove(t),le(e),k(`change`))}function W(){if(!P()){let e=H.value.find(e=>e.value===z.value);R=!0,h.value=e?.label??``,Promise.resolve().then(()=>{R=!1});return}h.value=``}d(()=>{if(j.value&&!P()&&z.value&&A.value===-1&&h.value===``){let e=w.value.findIndex(e=>e.value===z.value);e>=0&&T.set(e)}});function G(e=!0,t=`programmatic`){if(e&&(L=h.value,h.value=``),!P()&&z.value){let e=zr(H.value,``,I()).findIndex(e=>e.value===z.value);e>=0&&T.set(e)}T.open(t),!P()&&z.value&&A.value>=0&&requestAnimationFrame(()=>{M()})}function de(e=`programmatic`){T.close(e)}let fe=gt({disabled:E,onPress:()=>{j.value||G(!0,`click`),B()}}),pe=gt({disabled:E,keys:[`Enter`],onPress:e=>{let t=w.value;j.value&&A.value>=0&&A.value<t.length?me(t[A.value],e):j.value&&A.value===-1&&ae.value?q(h.value,e):j.value||G(!0,`keyboard`)}});function me(t,n){t.disabled||(P()?(ie.toggle(t.value),h.value=``,le(n),k(`change`),e.autoclose.value&&de(),B(),requestAnimationFrame(()=>B())):(ie.select(t.value),h.value=t.label,le(n),k(`change`),de(),B()))}function K(e){let t=e.getAttribute(`data-option-index`),n=t?Number(t):-1;if(Number.isInteger(n)&&n>=0&&n<w.value.length)return w.value[n]??null;let r=e.getAttribute(`data-option-value`);if(r){let e=w.value.find(e=>e.value===r);if(e)return e}let i=e.querySelector(`span`)?.textContent?.trim()??e.textContent?.trim()??``;return i?w.value.find(e=>e.label===i||e.value===i)??null:null}function he(e){e.stopPropagation(),ie.clear(),h.value=``,le(e),k(`change`),B()}function ge(e){let t=e.target,n=t.value;if(!R&&n!==h.value){if(h.value=n,!P()){let e=O.value[0],t=e?H.value.find(t=>t.value===e)?.label??e:``;n===``&&L===t&&(L=null)}T.navigate(`first`),j.value||G(!1,`keyboard`),r(`search`,{query:t.value})}}function _e(){}function ve(e){if(!E.value&&!T.handleKeydown(e))switch(e.key){case`ArrowDown`:e.preventDefault(),j.value?T.navigate(`next`):(G(!0,`keyboard`),T.navigate(`first`));break;case`ArrowUp`:e.preventDefault(),j.value?T.navigate(`prev`):G(!0,`keyboard`);break;case`Backspace`:P()&&!h.value&&O.value.length>0&&(C.removeValue(O.value[O.value.length-1]??``),le(e),k(`change`));break;case`Enter`:pe.handleKeydown(e);break;case`Tab`:de(`programmatic`);break;default:break}}function q(e,t){let n=e.trim();if(!n)return;let r={disabled:!1,iconEl:null,label:n,value:Vr(n)};V.value=[...V.value,r],me(r,t)}let ye=(()=>{let e=new MutationObserver(()=>{U()});return e.observe(n,{attributeFilter:[`disabled`,`label`,`value`],attributes:!0,childList:!0,subtree:!0}),()=>e.disconnect()})(),be=e=>{let t=e.target;if(!(t instanceof Element))return;let n=t.closest(`.option`);if(!n)return;let r=K(n);if(!r||r.disabled)return;let i=w.value.findIndex(e=>e.value===r.value);i>=0&&T.set(i)},xe=n.shadowRoot;xe&&xe.addEventListener(`pointermove`,be);let Se=e=>{let t=e=>{let t=e.target;if(!(t instanceof Element))return;if(t.closest(`.no-results-create`)){e.preventDefault(),e.stopPropagation(),q(h.value,e);return}let n=t.closest(`.option`);if(!n)return;e.preventDefault(),e.stopPropagation();let r=K(n);r&&me(r,e)},n=e=>{let t=e.target;if(!(t instanceof Element))return;let n=t.closest(`.option`);if(!n)return;let r=K(n);if(!r)return;let i=w.value.findIndex(e=>e.value===r.value);i>=0&&T.set(i)};return e.addEventListener(`click`,t),e.addEventListener(`pointermove`,n),()=>{e.removeEventListener(`click`,t),e.removeEventListener(`pointermove`,n)}},Ce=null,we=null,Te=e=>{y=e,we!==e&&(Ce?.(),Ce=null,we=null,e&&(Ce=Se(e),we=e))},Ee=()=>{y&&(we===y&&Ce||(Ce?.(),Ce=Se(y),we=y))};return d(()=>{Ee(),j.value?(v&&`showPopover`in v&&!v.matches(`:popover-open`)&&v.showPopover(),N()):v&&`hidePopover`in v&&v.matches(`:popover-open`)&&v.hidePopover()}),u(b,e=>{_=e;let t=e.shadowRoot?.querySelector(`input`)??null;if(!t)return;g=t,t.setAttribute(`role`,`combobox`),t.setAttribute(`autocomplete`,`off`),t.setAttribute(`aria-autocomplete`,`list`),t.setAttribute(`aria-haspopup`,`listbox`),t.setAttribute(`spellcheck`,`false`),t.setAttribute(`aria-controls`,`${D}-listbox`);let n=()=>{j.value||G(!0,`click`),B()};return t.addEventListener(`input`,ge),t.addEventListener(`keydown`,ve),t.addEventListener(`focus`,_e),t.addEventListener(`click`,n),()=>{g=null,_=null,t.removeEventListener(`input`,ge),t.removeEventListener(`keydown`,ve),t.removeEventListener(`focus`,_e),t.removeEventListener(`click`,n)}}),d(()=>{if(!b.value)return;let t=g;t&&(t.setAttribute(`aria-expanded`,String(j.value)),E.value?t.setAttribute(`aria-disabled`,`true`):t.removeAttribute(`aria-disabled`),e.error.value?(t.setAttribute(`aria-invalid`,`true`),t.setAttribute(`aria-errormessage`,`${D}-error`)):(t.removeAttribute(`aria-invalid`),t.removeAttribute(`aria-errormessage`)))}),d(()=>{if(!b.value)return;let e=g;e&&e.value!==h.value&&(e.value=h.value)}),o(()=>{xe?.removeEventListener(`pointermove`,be),Ce?.(),Ce=null,we=null,ye()}),i`
|
|
1190
1190
|
<slot></slot>
|
|
1191
1191
|
<ore-input
|
|
1192
1192
|
class="trigger"
|
|
@@ -1212,13 +1212,13 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
1212
1212
|
${()=>(P()?O.value:[]).map(t=>i`
|
|
1213
1213
|
<ore-chip
|
|
1214
1214
|
value=${t}
|
|
1215
|
-
label=${
|
|
1215
|
+
label=${H.value.find(e=>e.value===t)?.label??t}
|
|
1216
1216
|
mode="removable"
|
|
1217
1217
|
variant="flat"
|
|
1218
1218
|
size="sm"
|
|
1219
1219
|
color="${e.color}"
|
|
1220
1220
|
@remove=${ue}>
|
|
1221
|
-
${
|
|
1221
|
+
${H.value.find(e=>e.value===t)?.label??t}
|
|
1222
1222
|
</ore-chip>
|
|
1223
1223
|
`)}
|
|
1224
1224
|
</span>
|
|
@@ -1231,7 +1231,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
1231
1231
|
aria-label="Clear"
|
|
1232
1232
|
tabindex="-1"
|
|
1233
1233
|
?hidden=${()=>!ee()}
|
|
1234
|
-
@click="${
|
|
1234
|
+
@click="${he}">
|
|
1235
1235
|
<ore-icon name="x" size="12" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
1236
1236
|
</button>
|
|
1237
1237
|
<span class="combobox-suffix-end">
|
|
@@ -1287,29 +1287,29 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
1287
1287
|
</div>`):``}
|
|
1288
1288
|
</div>
|
|
1289
1289
|
</div>
|
|
1290
|
-
`},shadow:{delegatesFocus:!0},styles:[G,
|
|
1290
|
+
`},shadow:{delegatesFocus:!0},styles:[G,ue,Gr]});var qr=`@layer refine.base{:host{min-width:var(--select-min-width,12rem);display:inline-block}:host([fullwidth]){width:100%;display:block}::slotted(option),::slotted(optgroup){display:none}.trigger{cursor:pointer}.trigger::part(input){cursor:pointer;caret-color:#0000;-webkit-user-select:none;user-select:none}.chips-row{gap:var(--size-1);flex-wrap:wrap;align-items:center;min-width:0;display:flex}.chips-row[hidden]{display:none}.trigger-suffix{gap:var(--size-1);color:var(--color-contrast-500);align-items:center;display:flex}.trigger-icon{transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex}:host([open]) .trigger-icon{transform:rotate(180deg)}.loader{width:1em;height:1em;animation:var(--_motion-animation,spin var(--transition-loader) infinite);border:2px solid;border-radius:50%;flex-shrink:0;display:none}.loader:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}@keyframes spin{to{transform:rotate(360deg)}}:host([loading]) .loader{display:inline-block}.dropdown{z-index:var(--z-dropdown,8000);box-sizing:border-box;gap:var(--size-0-5);max-height:260px;padding:var(--size-1);overscroll-behavior:contain;text-align:start;pointer-events:none;background:var(--color-canvas);border:var(--border) solid var(--color-contrast-200);border-radius:var(--_radius);box-shadow:var(--shadow-lg);opacity:0;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);flex-direction:column;margin:0;display:flex;position:fixed;inset:0 auto auto 0;overflow-y:auto}.dropdown[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.dropdown[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.options-list{flex-direction:column;gap:0;display:flex}.option{gap:var(--size-2);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;display:flex}.option>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.option:hover:not([data-disabled]){background:var(--color-contrast-100)}.option[data-focused]:not([data-disabled]){color:var(--_theme-base);background:color-mix(in oklch, var(--_theme-base) 12%, var(--color-contrast-100))}.option[data-selected]{font-weight:var(--font-medium);color:var(--_theme-base);background:color-mix(in oklch, var(--_theme-base) 10%, var(--color-contrast-50))}.option[data-selected][data-focused]{background:color-mix(in oklch, var(--_theme-base) 20%, var(--color-contrast-100))}.option[data-disabled]{color:var(--color-contrast-400);cursor:not-allowed;opacity:.6}.option-check{color:var(--_theme-base);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;display:inline-flex}.option-check:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.option-check:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.option[data-selected] .option-check{opacity:1}.optgroup-label{padding:var(--size-1-5) var(--size-2-5) var(--size-1);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:var(--tracking-wide,.05em)}.dropdown-loading,.dropdown-empty{padding:var(--size-3) var(--size-2-5);font-size:var(--text-sm);color:var(--color-contrast-500);text-align:center}}`,Jr=`ore-select`;r(Jr,{formAssociated:!0,props:{...J,...Y,...X,...Xe,...Ze,error:o.string(),fullwidth:o.bool(!1),helper:o.string(),label:o.string(),"label-placement":o.oneOf([`inset`,`outside`],`inset`),multiple:o.bool(!1),name:o.string(),options:o.json(void 0),placeholder:o.string(),required:o.bool(!1),value:o.string(),variant:o.string()},setup(e,{bind:t,el:n,emit:r,onCleanup:o,onMounted:s,slots:d}){let f=n.shadowRoot,m=p([]),g=l(()=>!!e.loading.value);function _(e){return{disabled:!!e.disabled,group:e.group,label:e.label??e.value,value:e.value}}let v=l(()=>{let t=e.options.value;return Array.isArray(t)?t.map(_):m.value}),y=a(Q),b=$(t,e,y),x=null,S=null,C=Z(o),w=null,T=mt({disabled:b.disabled,error:e.error,getFormField:()=>w,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],multiple:e.multiple,prefix:`select`,signal:C,validateOn:y?.validateOn,value:e.value});w=c({disabled:T.disabled,toFormValue:e=>e,value:T.formValue});let E=At({getBoundary:()=>n,getFocusedOptionElement:()=>S?.querySelector(`[data-focused]`)??null,getItems:()=>v.value,getPanel:()=>S,getReference:()=>x,getTrigger:()=>x,isDisabled:()=>T.disabled.value,onClose:e=>{r(`close`,{reason:e}),T.triggerValidation(`blur`)},onOpen:e=>r(`open`,{reason:e}),signal:C}),{triggerValidation:D}=T,O=T.selectedValues,k=T.disabled,{fieldId:A}=T,j=`listbox-${A}`,{focusedIndex:M,isOpen:N}=E;t({attr:{"has-error":()=>e.error.value?!0:void 0,open:()=>N.value?!0:void 0,size:b.size,variant:b.variant}});function P(){let e=f?.querySelector(`slot`);if(!e)return;let t=e.assignedElements({flatten:!0}),n=[];for(let e of t)if(e.tagName===`OPTION`){let t=e;n.push({disabled:t.disabled,label:t.text||t.value,value:t.value})}else if(e.tagName===`OPTGROUP`){let t=e,r=t.label;for(let e of Array.from(t.querySelectorAll(`option`))){let t=e;n.push({disabled:t.disabled,group:r,label:t.text||t.value,value:t.value})}}m.value=n}let F=l(()=>{if(O.value.length===0)return``;if(e.multiple.value&&O.value.length>1)return`${O.value.length} selected`;let t=O.value[0];return v.value.find(e=>e.value===t)?.label??t}),I=l(()=>e.multiple.value?O.value.map(e=>({label:v.value.find(t=>t.value===e)?.label??e,value:e})):[]),L=l(()=>e.multiple.value&&O.value.length>0),R=l(()=>F.value||e.placeholder.value||``);function z(e){let t=[],n=new Map;for(let t of e){let e=t.group,r=n.get(e);r||(r=[],n.set(e,r)),r.push(t)}let r=0;for(let[e,i]of n){e!==void 0&&t.push({label:e,type:`group`});for(let e of i)t.push({idx:r++,opt:e,type:`option`})}return t}let ee=l(()=>z(v.value));function B(e){return v.value.find(t=>t.value===e)?.label??e}function te(e){let t=O.value;r(`change`,{labels:t.map(e=>B(e)),originalEvent:e,values:t})}function V(e){e.stopPropagation();let t=e.detail?.value;t!==void 0&&(T.removeValue(t),te(e),D(`change`))}function ne(e=`programmatic`){E.open(e),requestAnimationFrame(()=>{let e=O.value.length>0?v.value.findIndex(e=>e.value===O.value[0]):-1;if(e>=0){E.set(e);return}E.navigate(`first`)})}function re(t,n){t.disabled||(e.multiple.value?T.toggleValue(t.value):(T.selectValue(t.value),E.close()),te(n),D(`change`))}function H(e){if(!k.value&&!E.handleKeydown(e))switch(e.key){case` `:case`Enter`:if(e.preventDefault(),N.value){let t=M.value,n=v.value;t>=0&&t<n.length&&re(n[t],e)}else ne(`keyboard`);break;case`Tab`:E.close();break}}let ie=()=>R.value,U=()=>e.label.value??``,ae=()=>e.placeholder.value??``,oe=()=>e[`label-placement`].value??`inset`,se=()=>e.color?.value??void 0,ce=()=>b.size?.value??void 0,le=()=>b.variant?.value??void 0,ue=()=>e.rounded?.value??void 0,W=()=>e.helper.value??``,G=()=>e.error.value??``,de=()=>k.value?!0:void 0,fe=()=>e.required.value?!0:void 0,pe=()=>e.fullwidth.value?!0:void 0,me=()=>e.loading.value?!0:void 0,K=()=>k.value?`-1`:`0`;h(d.elements(),()=>P(),{immediate:!0});let he=u(()=>{N.value?S&&`showPopover`in S&&!S.matches(`:popover-open`)&&S.showPopover():S&&`hidePopover`in S&&S.matches(`:popover-open`)&&S.hidePopover()});return o(()=>he.dispose()),s(()=>{let e=null,t=null;return x&&(e=e=>{e.stopPropagation(),!k.value&&(N.value?E.close(`trigger`):ne(`click`))},t=e=>{H(e)},x.addEventListener(`click`,e),x.addEventListener(`keydown`,t)),()=>{x&&e&&x.removeEventListener(`click`,e),x&&t&&x.removeEventListener(`keydown`,t)}}),i`<slot style="display:none"></slot>
|
|
1291
1291
|
<ore-input
|
|
1292
1292
|
class="trigger"
|
|
1293
1293
|
part="trigger"
|
|
1294
1294
|
readonly
|
|
1295
|
-
tabindex="${
|
|
1295
|
+
tabindex="${K}"
|
|
1296
1296
|
role="combobox"
|
|
1297
1297
|
aria-haspopup="listbox"
|
|
1298
1298
|
aria-controls="${j}"
|
|
1299
1299
|
:aria-disabled="${()=>k.value?`true`:null}"
|
|
1300
1300
|
:aria-expanded="${()=>String(N.value)}"
|
|
1301
1301
|
:aria-invalid="${()=>e.error.value?`true`:null}"
|
|
1302
|
-
:value="${
|
|
1303
|
-
:label="${
|
|
1302
|
+
:value="${ie}"
|
|
1303
|
+
:label="${U}"
|
|
1304
1304
|
:placeholder="${ae}"
|
|
1305
1305
|
:label-placement="${oe}"
|
|
1306
1306
|
:color="${se}"
|
|
1307
1307
|
:size="${ce}"
|
|
1308
1308
|
:variant="${le}"
|
|
1309
1309
|
:rounded="${ue}"
|
|
1310
|
-
:helper="${
|
|
1311
|
-
:error="${
|
|
1312
|
-
?disabled="${
|
|
1310
|
+
:helper="${W}"
|
|
1311
|
+
:error="${G}"
|
|
1312
|
+
?disabled="${de}"
|
|
1313
1313
|
?required="${fe}"
|
|
1314
1314
|
?fullwidth="${pe}"
|
|
1315
1315
|
?loading="${me}"
|
|
@@ -1356,7 +1356,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
1356
1356
|
?data-focused="${()=>M.value===e.idx}"
|
|
1357
1357
|
?data-selected="${()=>O.value.includes(e.opt.value)}"
|
|
1358
1358
|
?data-disabled="${()=>e.opt.disabled}"
|
|
1359
|
-
@click="${t=>{t.stopPropagation(),
|
|
1359
|
+
@click="${t=>{t.stopPropagation(),re(e.opt,t)}}"
|
|
1360
1360
|
@pointerenter="${()=>{E.set(e.idx)}}">
|
|
1361
1361
|
<span>${e.opt.label}</span>
|
|
1362
1362
|
<span class="option-check" aria-hidden="true">
|
|
@@ -1364,7 +1364,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
1364
1364
|
</span>
|
|
1365
1365
|
</div>`)}
|
|
1366
1366
|
</div>
|
|
1367
|
-
</div>`},shadow:{delegatesFocus:!0},styles:[G,
|
|
1367
|
+
</div>`},shadow:{delegatesFocus:!0},styles:[G,qr]});var Yr=e=>{let{bindTriggerAria:t,disabled:n,getPanel:r,onClose:i,onOpen:a,onPlacementChange:o,openProp:s,placement:c,slot:l,slotElements:u,triggers:d}=e,f=()=>typeof l==`function`?l():l,m=()=>{let t=e.offset;return t==null?8:(typeof t==`object`?t.value:t)??8},g=Z(e.onCleanup),_=p(!1),S=()=>s.value!==void 0,C=null,w=null,T=Et({getBoundary:()=>document.body,getPanel:r,getTrigger:()=>C,isDisabled:()=>n.value,isOpen:()=>_.value,onClose:i,onOpen:a,positioner:{floating:r,reference:()=>C,update:E},restoreFocus:!1,setOpen:e=>{S()||(e?D():O())},signal:g});function E(){let e=r();if(!e||!C)return;let t=v(C,e,{middleware:[b(m()),y(),x({padding:8})],placement:c.value});e.style.left=`${t.x}px`,e.style.top=`${t.y}px`,e.dataset.placement=t.placement,o?.(t.placement)}function D(){_.value=!0;let e=r();if(e&&(e.dataset.open=``,`showPopover`in e))try{e.matches(`:popover-open`)||e.showPopover()}catch{}E()}function O(){_.value=!1;let e=r();if(e&&(delete e.dataset.open,`hidePopover`in e))try{e.matches(`:popover-open`)&&e.hidePopover()}catch{}}function k(e=`programmatic`){S()||T.open(e)}function A(e=`trigger`){S()||T.close(e,!1)}function j(){S()||T.toggle()}function M(e){e.key===`Escape`&&A(`escape`)}function N(t){if(!_.value)return;let n=t.composedPath(),i=r(),a=e.getHost?.();C&&n.includes(C)||i&&n.includes(i)||a&&n.includes(a)||A(`outsideClick`)}function P(e){let t=e.relatedTarget,n=r();t&&n?.contains(t)||t&&C?.contains(t)||A(`trigger`)}let F=()=>{w?.(),w=null;let e=f()?.assignedElements({flatten:!0})[0];if(!e){C=null;return}C=e;let n=t(e),i=[],a=(e,t,n,r)=>{e.addEventListener(t,n,r),i.push(()=>e.removeEventListener(t,n,r))},o=d.value;if(o.includes(`click`)&&(a(e,`click`,j),a(document,`pointerdown`,N,{capture:!0})),o.includes(`hover`)){a(e,`pointerenter`,()=>k(`hover`)),a(e,`pointerleave`,()=>A(`trigger`));let t=r();t&&(a(t,`pointerenter`,()=>k(`hover`)),a(t,`pointerleave`,()=>A(`trigger`)))}if(o.includes(`focus`)){a(e,`focusin`,()=>k(`focus`)),a(e,`focusout`,P);let t=r();t&&a(t,`focusout`,P)}a(document,`keydown`,M),w=()=>{n();for(let e of i)e();C=null}};return{close:A,mount:()=>(h(u,F,{immediate:!0}),h(s,e=>{e!=null&&(e?(D(),a?.(`programmatic`)):_.value&&(O(),i?.(`programmatic`)))},{immediate:!0}),h(n,e=>{e&&A(`programmatic`)}),()=>{w?.(),w=null;let e=r();if(e&&(delete e.dataset.open,`hidePopover`in e))try{e.matches(`:popover-open`)&&e.hidePopover()}catch{}T.dispose()}),open:k,toggle:j,updatePosition:E,visible:_}},Xr=`@layer refine.base{:host{--_panel-bg:var(--popover-bg,var(--color-canvas));--_panel-blur:var(--popover-panel-blur,var(--blur-md));--_panel-border-color:var(--popover-border-color,var(--color-divider));--_panel-shadow:var(--popover-shadow,var(--shadow-xl));display:inline-block;position:relative}.panel{inset:unset;box-sizing:border-box;min-width:var(--popover-min-width,12rem);max-width:var(--popover-max-width,24rem);max-height:var(--popover-max-height,min(70vh, 32rem));word-break:auto-phrase;overflow-wrap:anywhere;background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);border-radius:var(--rounded-lg);box-shadow:var(--_panel-shadow);opacity:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px);transition:opacity var(--transition-fast), transform .2s var(--ease-spring), display var(--transition-fast) allow-discrete, overlay var(--transition-fast) allow-discrete;margin:0;padding:0;position:fixed;overflow:auto}.panel[data-open]{opacity:1;display:block;transform:scale(1)translateY(0)}.panel:popover-open{opacity:1;transform:scale(1)translateY(0)}@starting-style{.panel:popover-open{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px)}}@starting-style{.panel[data-open]{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px)}}}`,Zr=8,Qr=new Set([`click`,`focus`,`hover`]),$r=[`click`],ei=e=>on(String(e??``),Qr,$r),ti=`ore-popover`;r(ti,{props:{...X,label:o.string(),offset:o.number(Zr),open:o.json(void 0),placement:o.oneOf([`bottom`,`bottom-end`,`bottom-start`,`left`,`left-end`,`left-start`,`right`,`right-end`,`right-start`,`top`,`top-end`,`top-start`],`bottom`),trigger:o.string(`click`)},setup(e,{aria:n,el:r,emit:a,onCleanup:o,onMounted:s,slots:c}){let u=r.shadowRoot,d=l(()=>!!e.disabled.value),f=t(`popover`),p=l(()=>ei(e.trigger.value)),m=null,h=Yr({bindTriggerAria:e=>n(e,{controls:()=>f,disabled:()=>String(d.value),expanded:()=>String(h.visible.value),haspopup:`dialog`}),disabled:d,getHost:()=>r,getPanel:()=>m,offset:e.offset,onCleanup:o,onClose:e=>a(`close`,{reason:e}),onOpen:e=>a(`open`,{reason:e}),openProp:e.open,placement:l(()=>e.placement.value),slot:()=>u?.querySelector(`slot:not([name])`)??null,slotElements:c.elements(),triggers:p});return s(()=>h.mount()),i`
|
|
1368
1368
|
<slot></slot>
|
|
1369
1369
|
<div
|
|
1370
1370
|
class="panel"
|
|
@@ -1378,7 +1378,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
1378
1378
|
ref=${e=>{m=e}}>
|
|
1379
1379
|
<slot name="content"></slot>
|
|
1380
1380
|
</div>
|
|
1381
|
-
`},styles:[G,Zr]}),customElements.get(`ore-column`)||customElements.define(`ore-column`,class extends HTMLElement{connectedCallback(){this.getAttribute(`key`)||Fe("ore-column: missing required `key` attribute"),this.getAttribute(`label`)||Fe("ore-column: missing required `label` attribute")}});var ri=[`key`,`label`,`sortable`,`resizable`,`align`,`width`,`header-label`];function ii(e){return Array.from(e.querySelectorAll(`:scope > ore-column`)).map(e=>({align:e.getAttribute(`align`)??void 0,headerLabel:e.getAttribute(`header-label`)??void 0,key:e.getAttribute(`key`)??``,label:e.getAttribute(`label`)??``,resizable:e.hasAttribute(`resizable`),sortable:e.hasAttribute(`sortable`),width:e.getAttribute(`width`)??void 0}))}var ai=[{label:`Contains`,value:`contains`},{label:`Equals`,value:`equals`},{label:`Greater than`,value:`gt`},{label:`Less than`,value:`lt`}],oi=e=>{let t=p(``),n=p(!1),r=p(new Set),i=p(new Set),a=p(new Map),o=l(()=>{let t=new Set((e.filterOptions.value??[]).map(e=>e.key)),n=[...i.value].filter(e=>!t.has(e));if(!n.length)return new Map;let r=e.rows.value,a=new Map;for(let e of n){let t=new Set,n=[];for(let i of r){let r=i[e],a=r==null?``:String(r);t.has(a)||(t.add(a),n.push({label:a||`(empty)`,value:a}))}a.set(e,n)}return a}),s=l(()=>{let t=e.filterOptions.value??[],n=new Set(t.map(e=>e.key)),r=[...i.value].filter(e=>!n.has(e)).map(t=>({key:t,label:e.columns.value.find(e=>e.key===t)?.label??t,operators:ai,options:o.value.get(t)??[]}));return[...t.map(e=>({...e,operators:e.operators??ai})),...r]});h(l(()=>new Set(e.columns.value.map(e=>e.key))),e=>{let t=new Set([...i.value].filter(t=>e.has(t)));t.size!==i.value.size&&(i.value=t);let n=new Map([...a.value].filter(([t])=>e.has(t)));n.size!==a.value.size&&(a.value=n)},{immediate:!1});let c=l(()=>{let n=e.rows.value,r=t.value.trim().toLowerCase();return r?n.filter(e=>Object.values(e).some(e=>e!=null&&String(e).toLowerCase().includes(r))):n});return{activateFilterKey:e=>{i.value.has(e)||(i.value=new Set([...i.value,e]))},clearAllFilters:()=>{i.value=new Set,a.value=new Map},filterDefs:s,filteredRows:l(()=>{let t=c.value,n=a.value;if(!n.size)return t;let r=new Set(e.columns.value.map(e=>e.key));return t.filter(e=>{for(let[t,i]of n){if(!i.values.size||!r.has(t))continue;let n=e[t],a=n==null?``:String(n);if(i.operator===`equals`){if(!i.values.has(a))return!1}else if(i.operator===`contains`){if(![...i.values].some(e=>a.toLowerCase().includes(e.toLowerCase())))return!1}else if(i.operator===`gt`||i.operator===`lt`){let e=parseFloat(a),t=[...i.values].map(parseFloat).filter(e=>!isNaN(e));if(!t.length)continue;if(i.operator===`gt`){if(!t.some(t=>e>t))return!1}else if(!t.some(t=>e<t))return!1}}return!0})}),filterValues:a,hiddenColumns:r,removeFilter:e=>{let t=new Set(i.value);t.delete(e),i.value=t;let n=new Map(a.value);n.delete(e),a.value=n},resetFilters:()=>{i.value=new Set,a.value=new Map},resetSearch:()=>{t.value=``,n.value=!1},searchActive:n,searchQuery:t,setActiveFilterKeys:e=>{let t=new Set(e);i.value=t;let n=new Map(a.value),r=!1;for(let e of n.keys())t.has(e)||(n.delete(e),r=!0);r&&(a.value=n)},setFilter:(e,t)=>{let n=new Map(a.value);if(t.length===0)n.delete(e);else{let r=n.get(e);n.set(e,{operator:r?.operator??`contains`,values:new Set(t)})}a.value=n},setFilterOperator:(e,t)=>{let n=new Map(a.value),r=n.get(e);r&&(n.set(e,{...r,operator:t}),a.value=n)},setSearchQuery:e=>{t.value=e},toggleColumnVisibility:e=>{let t=new Set(r.value);t.has(e)?t.delete(e):t.add(e),r.value=t},toggleSearch:()=>{n.value&&(t.value=``),n.value=!n.value}}},si=`.dg-td, .dg-th`;function ci(e){return Array.from(e.querySelectorAll(`tr`)).map(e=>Array.from(e.querySelectorAll(si))).filter(e=>e.length>0)}function li(e,t){let n=p({col:0,row:0}),r=e=>{let r=ci(t),i=Math.max(0,Math.min(e.row,r.length-1)),a=r[i];if(!a)return;let o=Math.max(0,Math.min(e.col,a.length-1)),s=a[o];if(s){for(let e of r)for(let t of e)t.setAttribute(`tabindex`,`-1`);s.setAttribute(`tabindex`,`0`),s.focus(),n.value={col:o,row:i}}},i=e=>{let n=t.activeElement;if(!n?.matches(si))return;let i=ci(t),a=i.findIndex(e=>e.includes(n));if(a===-1)return;let o=i[a].indexOf(n),s=i.length-1,c=i[a].length-1,l=a,u=o;if(e.key===`ArrowRight`)u=o+1;else if(e.key===`ArrowLeft`)u=o-1;else if(e.key===`ArrowDown`)l=a+1;else if(e.key===`ArrowUp`)l=a-1;else if(e.key===`Home`)u=0,e.ctrlKey&&(l=0);else if(e.key===`End`)u=c,e.ctrlKey&&(l=s);else return;e.preventDefault(),r({col:Math.max(0,Math.min(u,(i[Math.max(0,Math.min(l,s))]?.length??1)-1)),row:Math.max(0,Math.min(l,s))})};return e.addEventListener(`keydown`,i),{cleanup:()=>e.removeEventListener(`keydown`,i),handle:{activeCell:n,focusCell:r}}}var ui=`@layer refine.base{:host{--_row-hover-bg:var(--datagrid-row-hover-bg,color-mix(in oklch, var(--color-contrast-500) 5%, transparent));--_row-selected-bg:var(--datagrid-row-selected-bg,color-mix(in oklch, var(--_accent) 10%, transparent));--_row-selected-border:var(--datagrid-row-selected-border,var(--_accent))}.dg-scroll{max-height:var(--datagrid-max-height,none);overflow:auto}.dg-table{width:100%;font-size:var(--_font-size);table-layout:auto;border-collapse:collapse}.dg-head{z-index:2;background:var(--_header-bg);box-shadow:inset 0 calc(var(--border) * -1) 0 var(--_border-color);position:sticky;top:0}.dg-th{padding:var(--_cell-padding-y) var(--_cell-padding-x);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-align:start;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;-webkit-user-select:none;user-select:none;border-right:var(--border) solid var(--_border-color)}.dg-th[data-align=center]{text-align:center}.dg-th[data-align=right]{text-align:right}.dg-th:has(.dg-sort-btn){padding:0}.dg-sort-btn{--button-padding:var(--_cell-padding-y) var(--_cell-padding-x);--button-font-size:var(--text-xs);--button-font-weight:var(--font-semibold);--button-color:var(--color-contrast-500);--button-justify:flex-start;height:100%}.dg-th[data-align=center] .dg-sort-btn{--button-justify:center}.dg-th[data-align=right] .dg-sort-btn{--button-justify:flex-end}:host(:dir(rtl)) .dg-th{border-right:none;border-left:var(--border) solid var(--_border-color)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th{border-right:none;border-left:var(--border) solid var(--_border-color)}.dg-th:last-child,.dg-th.dg-th-check,.dg-th.dg-th-expand,.dg-th.dg-th-last{border-right:none}:host(:dir(rtl)) .dg-th:last-child,:host(:dir(rtl)) .dg-th.dg-th-check,:host(:dir(rtl)) .dg-th.dg-th-expand,:host(:dir(rtl)) .dg-th.dg-th-last{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th:last-child{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-check{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-expand{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-last{border-left:none}.dg-th-inner{gap:var(--size-1);align-items:center;display:flex;position:relative}.dg-th[aria-sort]:has(.dg-sort-btn:hover):not(:has(.dg-sort-btn[aria-disabled=true])){background:color-mix(in oklch, var(--color-contrast-900) 5%, transparent)}.dg-th[aria-sort=ascending] .dg-sort-icon,.dg-th[aria-sort=descending] .dg-sort-icon{color:var(--_accent)}.dg-th-check{width:var(--size-5);min-width:var(--size-5);padding:var(--_cell-padding-y) var(--_cell-padding-x)}.dg-th-check,.dg-td-check{vertical-align:middle;text-align:center}.dg-td.dg-td-check{padding:var(--size-1) 0 0}.dg-check{cursor:pointer;justify-content:center;align-items:center;gap:0;min-height:0;display:inline-flex}.dg-body .dg-tr{border-bottom:var(--border) solid var(--_border-color);transition:background var(--transition-fast)}.dg-body .dg-tr:hover:not([data-disabled],[aria-selected=true]){background:var(--_row-hover-bg)}.dg-body .dg-tr[aria-selected=true]{background:var(--_row-selected-bg)}.dg-body .dg-tr[data-selectable]{cursor:pointer;outline:none}.dg-body .dg-tr[data-selectable]:focus-visible{box-shadow:inset 0 0 0 2px var(--_row-selected-border)}.dg-body .dg-tr[data-disabled]{pointer-events:none;opacity:.45}:host([striped]) .dg-body .dg-tr:nth-child(2n){background:var(--_stripe-bg)}:host([striped]) .dg-body .dg-tr:nth-child(2n)[aria-selected=true]{background:var(--_row-selected-bg)}.dg-td{max-width:var(--datagrid-cell-max-width,32ch);padding:var(--_cell-padding-y) var(--_cell-padding-x);text-overflow:ellipsis;vertical-align:middle;color:var(--color-contrast-800);white-space:nowrap;border-right:var(--border) solid var(--_border-color);overflow:hidden}.dg-td[data-align=center]{text-align:center}.dg-td[data-align=right]{text-align:right}:host(:dir(rtl)) .dg-td{border-right:none;border-left:var(--border) solid var(--_border-color)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td{border-right:none;border-left:var(--border) solid var(--_border-color)}.dg-td:last-child,.dg-td.dg-td-check,.dg-td.dg-td-expand,.dg-td.dg-td-last{border-right:none}:host(:dir(rtl)) .dg-td:last-child,:host(:dir(rtl)) .dg-td.dg-td-check,:host(:dir(rtl)) .dg-td.dg-td-expand,:host(:dir(rtl)) .dg-td.dg-td-last{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td:last-child{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-check{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-expand{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-last{border-left:none}.dg-empty{padding:var(--size-12) var(--_cell-padding-x);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.dg-empty-content{gap:var(--size-4);flex-direction:column;justify-content:center;align-items:center;display:flex}.dg-empty-actions{margin-top:var(--size-2)}.dg-controls{gap:var(--size-3);height:var(--size-8);padding:var(--size-1-5) var(--_cell-padding-x);background:var(--_header-bg);border-bottom:var(--border) solid var(--_border-color);justify-content:space-between;align-items:center;display:flex}.dg-tabs{gap:var(--size-1);flex:1;align-items:center;min-width:0;display:flex;overflow:hidden}.dg-tab{--button-padding:var(--size-0-5) var(--size-2-5);--button-font-size:var(--text-xs);--button-color:var(--color-contrast-500);flex:1;min-width:0}.dg-tab--active{--button-color:var(--color-contrast-900);--button-bg:color-mix(in oklch, var(--color-contrast-500) 10%, transparent);--button-border-color:var(--_border-color);--button-border:var(--border);font-weight:var(--font-semibold)}.dg-actions{gap:var(--size-0-5);flex-shrink:0;align-items:center;display:flex}.dg-action-divider{width:var(--border);height:var(--size-4);margin-inline:var(--size-1);background:var(--_border-color);flex-shrink:0;display:inline-block}.dg-action-divider[hidden]{display:none}.dg-filter{width:100%;display:block}.dg-search{gap:var(--size-1);flex-direction:row-reverse;align-items:center;display:flex}.dg-search-input{opacity:0;width:0;transition:width var(--transition-fast), opacity var(--transition-fast);--input-height:var(--size-7);flex-shrink:0;display:block;overflow:hidden}.dg-search--open .dg-search-input{opacity:1;width:12rem;overflow:visible}@media (prefers-reduced-motion:reduce){.dg-search-input{transition:none}}.dg-action-popover{display:inline-flex}.dg-pop-header{padding:var(--size-3) var(--size-3) var(--size-2);justify-content:space-between;align-items:center;display:flex}.dg-pop-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-600);letter-spacing:.02em}.dg-pop-sort{padding-bottom:var(--size-2);flex-direction:column;display:flex}.dg-pop-sort-row{gap:var(--size-2);padding:var(--size-1) var(--size-3);align-items:center;display:flex}.dg-pop-select{--select-min-width:var(--size-20);flex:2}.dg-pop-dir-select{--select-min-width:var(--size-10);flex:1}.dg-pop-filter{flex-direction:column;display:flex}.dg-pop-filter-fields{padding:0 var(--size-3) var(--size-3)}.dg-pop-filter-rules{border-top:var(--border) solid var(--_border-color);padding-top:var(--size-1)}.dg-pop-filter-rules[hidden]{display:none}.dg-pop-filter-rule{gap:var(--size-2);padding:var(--size-2) var(--size-3);flex-direction:column;display:flex}.dg-pop-filter-rule-header{gap:var(--size-1-5);align-items:center;display:flex}.dg-pop-filter-field{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-800);white-space:nowrap}.dg-pop-filter-op-select{--select-min-width:0;--select-height:var(--size-6);--select-font-size:var(--text-2xs);--select-padding-x:var(--size-1-5);flex:1;min-width:6rem}.dg-pop-col-item{--button-radius:var(--rounded-md);justify-content:flex-start}.dg-pop-col-list{gap:var(--size-1);max-width:25rem;padding:var(--size-3);flex-wrap:wrap;display:flex}.dg-footer{gap:var(--size-2);padding:var(--size-2) var(--_cell-padding-x);font-size:var(--text-xs);color:var(--color-contrast-500);background:var(--_header-bg);align-items:center;display:flex}.dg-footer-info{white-space:nowrap}.dg-footer-end{gap:var(--size-2);align-items:center;width:fit-content;display:flex}.dg-footer-end:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.dg-footer-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.dg-page-size-wrap{flex-shrink:0;width:5rem}.dg-page-size-select{--select-min-width:0;--select-height:var(--size-7);--select-font-size:var(--text-xs);--select-padding-x:var(--size-2)}.dg-pagination{gap:var(--size-1);align-items:center;display:flex}:host(:dir(rtl)) .dg-page-btn{transform:scaleX(-1)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-page-btn{transform:scaleX(-1)}.dg-page-btn{--button-color:var(--color-contrast-600);--button-radius:var(--rounded-md);width:var(--size-7);height:var(--size-7)}.dg-page-btn:hover{--button-color:var(--color-contrast-900);--button-bg:var(--color-contrast-300)}.dg-page-btn:disabled{cursor:not-allowed;opacity:.35}.dg-page-label{padding-inline:var(--size-1);white-space:nowrap}.dg-col-resize{inset-block:calc(var(--_cell-padding-y) * -1);width:var(--size-1);cursor:col-resize;-webkit-user-select:none;user-select:none;border-radius:var(--rounded);transition:background var(--transition-fast);background:0 0;position:absolute}.dg-col-resize:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc((var(--_cell-padding-x) + var(--border) + 2px) * -1)}.dg-col-resize:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc((var(--_cell-padding-x) + var(--border) + 2px) * -1)}.dg-col-resize:hover,.dg-col-resize:active{background:var(--_accent,var(--color-contrast-300))}.dg-td:focus-visible,.dg-th:focus-visible{outline:2px solid var(--_row-selected-border);outline-offset:-2px}.dg-tr-expanded .dg-td-expanded{padding:var(--_cell-padding-y) var(--_cell-padding-x);box-shadow:inset 0 0 0 9999px color-mix(in oklch, var(--color-contrast-600) 4%, var(--_bg,transparent)), inset 0 calc(var(--border) * -1) 0 var(--_border-color);border:none}.dg-tr-expanded:last-child .dg-td-expanded{box-shadow:inset 0 0 0 9999px color-mix(in oklch, var(--color-contrast-900) 4%, var(--_bg,transparent))}.dg-tr:has(+.dg-tr-expanded){border-bottom:none}.dg-th-expand,.dg-td-expand{width:var(--size-8);min-width:var(--size-8);padding-block:var(--size-1) 0;padding-inline:0 var(--size-2);text-align:center;white-space:nowrap;border-left:none;border-right:none}.dg-expand-btn{--button-color:var(--color-contrast-500);--button-radius:var(--rounded-sm);width:var(--size-5);height:var(--size-5)}.dg-expand-btn:hover{--button-color:var(--color-contrast-900)}.dg-expand-btn:disabled{cursor:not-allowed;opacity:.4}.dg-loading-overlay{z-index:3;background:color-mix(in oklch, var(--_bg,white) 40%, transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);justify-content:center;align-items:center;display:none;position:absolute;inset:0}:host([loading]) .dg-loading-overlay{display:flex}:host([loading]) .dg-scroll table{pointer-events:none;opacity:.5}.dg-spin{animation:1s linear infinite dg-spin}@keyframes dg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}`;function di(e,t){return e.key!==t||e.direction===`none`?`chevrons-up-down`:e.direction===`asc`?`chevron-up`:`chevron-down`}function fi(e,t){return e.key!==t||e.direction===`none`?`none`:e.direction===`asc`?`ascending`:`descending`}var pi=`ore-datagrid`;r(pi,{props:{activeView:o.string(),density:o.string(),...X,...Ze,columns:o.data(),emptyText:o.string(`No data`),expandable:o.bool(!1),filterOptions:o.data(),fullwidth:o.bool(!1),getRowKey:o.data(),label:o.string(),pageSize:o.number(10),pageSizeOptions:o.data(),rows:o.data(),searchLabel:o.data(),searchPlaceholder:o.string(`Search…`),selectedKeys:o.data(),selectionMode:o.string(`none`),sortMode:o.string(`client`),source:o.data(),striped:o.bool(!1),views:o.data()},setup(e,{el:t,emit:n,onCleanup:r,onMounted:a,slots:o}){let s=l(()=>e.disabled.value===!0),c=l(()=>e.selectionMode.value??`none`),u=p(new Set),d=l(()=>e.expandable.value===!0&&_.value.some(e=>typeof e.renderExpanded==`function`)),f=l(()=>+(c.value===`multi`)),m=p(e.pageSize.value??10);h(e.pageSize,e=>{e!=null&&(m.value=e)});let g=p([]);a(()=>{g.value=ii(t);let e=new MutationObserver(()=>{g.value=ii(t)});return e.observe(t,{attributeFilter:ri,attributes:!0,childList:!0,subtree:!0}),()=>e.disconnect()});let _=l(()=>{let t=e.columns.value;return t===void 0?g.value:t}),v=t=>{let n=e.getRowKey.value;if(n)return n(t);let r=t.id;return r==null?(Fe("ore-datagrid: row missing `id` — keys will collide. Provide `getRowKey` or add a unique `id` field."),`__missing_${Math.random().toString(36).slice(2)}`):String(r)},y=oi({columns:_,filterOptions:e.filterOptions,rows:l(()=>e.rows.value??[])}),b=w(t=>{let n=t,r=e.source.value;r?.search?r.search(n):y.setSearchQuery(n)},250),x=l(()=>e.source.value!=null),S=p([]),C=p({error:null,isLoading:!1,pageCount:1,pageNumber:1,pageSize:m.value,totalItems:0}),T=null;r(()=>{T?.(),T=null}),h(e.source,e=>{if(T?.(),T=null,!e){S.value=[],C.value={error:null,isLoading:!1,pageCount:1,pageNumber:1,pageSize:m.value,totalItems:0};return}let t=()=>{S.value=e.current,C.value=e.meta};t(),T=e.subscribe(t)},{immediate:!0});let E=on({columns:()=>_.value,getRowKey:v,items:l(()=>x.value?S.value:y.filteredRows.value),onSelectionChange:e=>{n(`selection-change`,{keys:[...e],rows:E.selectedRows.value})},onSortChange:e=>{n(`sort-change`,e)},pageSize:()=>x.value?0:m.value,selectionMode:()=>c.value,signal:Z(r)});h(e.selectedKeys,e=>{Array.isArray(e)&&E.setSelection(new Set(e))},{immediate:!0});let D=p({}),O=(e,t)=>n=>{n.preventDefault();let r=n.clientX,i=t.getBoundingClientRect().width,a=new AbortController,{signal:o}=a;window.addEventListener(`pointermove`,t=>{D.value={...D.value,[e]:Math.max(40,i+t.clientX-r)}},{signal:o}),window.addEventListener(`pointerup`,()=>a.abort(),{signal:o})},k=l(()=>_.value.filter(e=>!y.hiddenColumns.value.has(e.key))),A=(e,t)=>{if(e.cell)return e.cell(t);let n=t[e.key];return n==null?``:String(n)};h(y.filteredRows,()=>E.goToPage(0),{immediate:!1});function j(t){let r=e.source.value;if(r){t===`prev`?r.prev?.():r.next?.();return}t===`prev`?E.prevPage():E.nextPage(),n(`page-change`,{pageIndex:E.pageIndex.value,pageSize:m.value})}let M=l(()=>{let e=E.currentPageItems.value;return!e.length||E.isAllSelected()?!1:e.some(e=>E.selectedKeys.value.has(v(e)))}),N=l(()=>k.value.length+ +(c.value===`multi`)+ +!!d.value),P=l(()=>x.value?C.value.pageCount>1:m.value>0),F=l(()=>{if(x.value){let{pageNumber:e,pageSize:t,totalItems:n}=C.value,r=Math.max(1,t);if(!P.value)return`${n} row${n===1?``:`s`}`;if(n===0)return`0 to 0 of 0`;let i=(e-1)*r+1;return`${i} to ${Math.min(i+r-1,n)} of ${n}`}let e=E.totalItems.value;if(!P.value)return`${e} row${e===1?``:`s`}`;if(e===0)return`0 to 0 of 0`;let t=E.pageIndex.value*m.value+1;return`${t} to ${Math.min(t+m.value-1,e)} of ${e}`}),I=l(()=>e.loading.value===!0||x.value&&C.value.isLoading),L=l(()=>x.value?C.value.pageNumber>1:E.hasPrevPage.value),R=l(()=>x.value?C.value.pageNumber<C.value.pageCount:E.hasNextPage.value),z=l(()=>x.value?C.value.totalItems===0?`0 / 0`:`${C.value.pageNumber} / ${C.value.pageCount}`:`${E.pageIndex.value+1} / ${E.pageCount.value}`),ee=[`compact`,`cozy`,`comfortable`],B={comfortable:`rows-2`,compact:`rows-4`,cozy:`rows-3`},te={comfortable:`Density: Comfortable`,compact:`Density: Compact`,cozy:`Density: Cozy`},V=p(e.density.value??`cozy`);h(e.density,e=>{e&&(V.value=e)});let ne=()=>{let e=ee[(ee.indexOf(V.value)+1)%ee.length];V.value=e,t.setAttribute(`density`,e),n(`density-change`,{density:e})},H=p(!1),re=e=>{let t=new Set(u.value),r=!t.has(e);r?t.add(e):t.delete(e),u.value=t,n(`row-expand`,{expanded:r,key:e})},ie={activeCell:p({col:0,row:0}),focusCell:()=>{}};a(()=>{let e=t.shadowRoot,n=e.querySelector(`.dg-table`);if(!n)return;let{cleanup:r,handle:i}=li(n,e);return ie=i,r}),t.focusCell=e=>ie.focusCell(e);let ae=()=>{let t=e.views.value??[],r=e.activeView.value;return i`<div
|
|
1381
|
+
`},styles:[G,Xr]}),customElements.get(`ore-column`)||customElements.define(`ore-column`,class extends HTMLElement{connectedCallback(){this.getAttribute(`key`)||Pe("ore-column: missing required `key` attribute"),this.getAttribute(`label`)||Pe("ore-column: missing required `label` attribute")}});var ni=[`key`,`label`,`sortable`,`resizable`,`align`,`width`,`header-label`];function ri(e){return Array.from(e.querySelectorAll(`:scope > ore-column`)).map(e=>({align:e.getAttribute(`align`)??void 0,headerLabel:e.getAttribute(`header-label`)??void 0,key:e.getAttribute(`key`)??``,label:e.getAttribute(`label`)??``,resizable:e.hasAttribute(`resizable`),sortable:e.hasAttribute(`sortable`),width:e.getAttribute(`width`)??void 0}))}var ii=[{label:`Contains`,value:`contains`},{label:`Equals`,value:`equals`},{label:`Greater than`,value:`gt`},{label:`Less than`,value:`lt`}],ai=e=>{let t=p(``),n=p(!1),r=p(new Set),i=p(new Set),a=p(new Map),o=l(()=>{let t=new Set((e.filterOptions.value??[]).map(e=>e.key)),n=[...i.value].filter(e=>!t.has(e));if(!n.length)return new Map;let r=e.rows.value,a=new Map;for(let e of n){let t=new Set,n=[];for(let i of r){let r=i[e],a=r==null?``:String(r);t.has(a)||(t.add(a),n.push({label:a||`(empty)`,value:a}))}a.set(e,n)}return a}),s=l(()=>{let t=e.filterOptions.value??[],n=new Set(t.map(e=>e.key)),r=[...i.value].filter(e=>!n.has(e)).map(t=>({key:t,label:e.columns.value.find(e=>e.key===t)?.label??t,operators:ii,options:o.value.get(t)??[]}));return[...t.map(e=>({...e,operators:e.operators??ii})),...r]});h(l(()=>new Set(e.columns.value.map(e=>e.key))),e=>{let t=new Set([...i.value].filter(t=>e.has(t)));t.size!==i.value.size&&(i.value=t);let n=new Map([...a.value].filter(([t])=>e.has(t)));n.size!==a.value.size&&(a.value=n)},{immediate:!1});let c=l(()=>{let n=e.rows.value,r=t.value.trim().toLowerCase();return r?n.filter(e=>Object.values(e).some(e=>e!=null&&String(e).toLowerCase().includes(r))):n});return{activateFilterKey:e=>{i.value.has(e)||(i.value=new Set([...i.value,e]))},clearAllFilters:()=>{i.value=new Set,a.value=new Map},filterDefs:s,filteredRows:l(()=>{let t=c.value,n=a.value;if(!n.size)return t;let r=new Set(e.columns.value.map(e=>e.key));return t.filter(e=>{for(let[t,i]of n){if(!i.values.size||!r.has(t))continue;let n=e[t],a=n==null?``:String(n);if(i.operator===`equals`){if(!i.values.has(a))return!1}else if(i.operator===`contains`){if(![...i.values].some(e=>a.toLowerCase().includes(e.toLowerCase())))return!1}else if(i.operator===`gt`||i.operator===`lt`){let e=parseFloat(a),t=[...i.values].map(parseFloat).filter(e=>!isNaN(e));if(!t.length)continue;if(i.operator===`gt`){if(!t.some(t=>e>t))return!1}else if(!t.some(t=>e<t))return!1}}return!0})}),filterValues:a,hiddenColumns:r,removeFilter:e=>{let t=new Set(i.value);t.delete(e),i.value=t;let n=new Map(a.value);n.delete(e),a.value=n},resetFilters:()=>{i.value=new Set,a.value=new Map},resetSearch:()=>{t.value=``,n.value=!1},searchActive:n,searchQuery:t,setActiveFilterKeys:e=>{let t=new Set(e);i.value=t;let n=new Map(a.value),r=!1;for(let e of n.keys())t.has(e)||(n.delete(e),r=!0);r&&(a.value=n)},setFilter:(e,t)=>{let n=new Map(a.value);if(t.length===0)n.delete(e);else{let r=n.get(e);n.set(e,{operator:r?.operator??`contains`,values:new Set(t)})}a.value=n},setFilterOperator:(e,t)=>{let n=new Map(a.value),r=n.get(e);r&&(n.set(e,{...r,operator:t}),a.value=n)},setSearchQuery:e=>{t.value=e},toggleColumnVisibility:e=>{let t=new Set(r.value);t.has(e)?t.delete(e):t.add(e),r.value=t},toggleSearch:()=>{n.value&&(t.value=``),n.value=!n.value}}},oi=`.dg-td, .dg-th`;function si(e){return Array.from(e.querySelectorAll(`tr`)).map(e=>Array.from(e.querySelectorAll(oi))).filter(e=>e.length>0)}function ci(e,t){let n=p({col:0,row:0}),r=e=>{let r=si(t),i=Math.max(0,Math.min(e.row,r.length-1)),a=r[i];if(!a)return;let o=Math.max(0,Math.min(e.col,a.length-1)),s=a[o];if(s){for(let e of r)for(let t of e)t.setAttribute(`tabindex`,`-1`);s.setAttribute(`tabindex`,`0`),s.focus(),n.value={col:o,row:i}}},i=e=>{let n=t.activeElement;if(!n?.matches(oi))return;let i=si(t),a=i.findIndex(e=>e.includes(n));if(a===-1)return;let o=i[a].indexOf(n),s=i.length-1,c=i[a].length-1,l=a,u=o;if(e.key===`ArrowRight`)u=o+1;else if(e.key===`ArrowLeft`)u=o-1;else if(e.key===`ArrowDown`)l=a+1;else if(e.key===`ArrowUp`)l=a-1;else if(e.key===`Home`)u=0,e.ctrlKey&&(l=0);else if(e.key===`End`)u=c,e.ctrlKey&&(l=s);else return;e.preventDefault(),r({col:Math.max(0,Math.min(u,(i[Math.max(0,Math.min(l,s))]?.length??1)-1)),row:Math.max(0,Math.min(l,s))})};return e.addEventListener(`keydown`,i),{cleanup:()=>e.removeEventListener(`keydown`,i),handle:{activeCell:n,focusCell:r}}}var li=`@layer refine.base{:host{--_row-hover-bg:var(--datagrid-row-hover-bg,color-mix(in oklch, var(--color-contrast-500) 5%, transparent));--_row-selected-bg:var(--datagrid-row-selected-bg,color-mix(in oklch, var(--_accent) 10%, transparent));--_row-selected-border:var(--datagrid-row-selected-border,var(--_accent))}.dg-scroll{max-height:var(--datagrid-max-height,none);overflow:auto}.dg-table{width:100%;font-size:var(--_font-size);table-layout:auto;border-collapse:collapse}.dg-head{z-index:2;background:var(--_header-bg);box-shadow:inset 0 calc(var(--border) * -1) 0 var(--_border-color);position:sticky;top:0}.dg-th{padding:var(--_cell-padding-y) var(--_cell-padding-x);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-align:start;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;-webkit-user-select:none;user-select:none;border-right:var(--border) solid var(--_border-color)}.dg-th[data-align=center]{text-align:center}.dg-th[data-align=right]{text-align:right}.dg-th:has(.dg-sort-btn){padding:0}.dg-sort-btn{--button-padding:var(--_cell-padding-y) var(--_cell-padding-x);--button-font-size:var(--text-xs);--button-font-weight:var(--font-semibold);--button-color:var(--color-contrast-500);--button-justify:flex-start;height:100%}.dg-th[data-align=center] .dg-sort-btn{--button-justify:center}.dg-th[data-align=right] .dg-sort-btn{--button-justify:flex-end}:host(:dir(rtl)) .dg-th{border-right:none;border-left:var(--border) solid var(--_border-color)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th{border-right:none;border-left:var(--border) solid var(--_border-color)}.dg-th:last-child,.dg-th.dg-th-check,.dg-th.dg-th-expand,.dg-th.dg-th-last{border-right:none}:host(:dir(rtl)) .dg-th:last-child,:host(:dir(rtl)) .dg-th.dg-th-check,:host(:dir(rtl)) .dg-th.dg-th-expand,:host(:dir(rtl)) .dg-th.dg-th-last{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th:last-child{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-check{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-expand{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-last{border-left:none}.dg-th-inner{gap:var(--size-1);align-items:center;display:flex;position:relative}.dg-th[aria-sort]:has(.dg-sort-btn:hover):not(:has(.dg-sort-btn[aria-disabled=true])){background:color-mix(in oklch, var(--color-contrast-900) 5%, transparent)}.dg-th[aria-sort=ascending] .dg-sort-icon,.dg-th[aria-sort=descending] .dg-sort-icon{color:var(--_accent)}.dg-th-check{width:var(--size-5);min-width:var(--size-5);padding:var(--_cell-padding-y) var(--_cell-padding-x)}.dg-th-check,.dg-td-check{vertical-align:middle;text-align:center}.dg-td.dg-td-check{padding:var(--size-1) 0 0}.dg-check{cursor:pointer;justify-content:center;align-items:center;gap:0;min-height:0;display:inline-flex}.dg-body .dg-tr{border-bottom:var(--border) solid var(--_border-color);transition:background var(--transition-fast)}.dg-body .dg-tr:hover:not([data-disabled],[aria-selected=true]){background:var(--_row-hover-bg)}.dg-body .dg-tr[aria-selected=true]{background:var(--_row-selected-bg)}.dg-body .dg-tr[data-selectable]{cursor:pointer;outline:none}.dg-body .dg-tr[data-selectable]:focus-visible{box-shadow:inset 0 0 0 2px var(--_row-selected-border)}.dg-body .dg-tr[data-disabled]{pointer-events:none;opacity:.45}:host([striped]) .dg-body .dg-tr:nth-child(2n){background:var(--_stripe-bg)}:host([striped]) .dg-body .dg-tr:nth-child(2n)[aria-selected=true]{background:var(--_row-selected-bg)}.dg-td{max-width:var(--datagrid-cell-max-width,32ch);padding:var(--_cell-padding-y) var(--_cell-padding-x);text-overflow:ellipsis;vertical-align:middle;color:var(--color-contrast-800);white-space:nowrap;border-right:var(--border) solid var(--_border-color);overflow:hidden}.dg-td[data-align=center]{text-align:center}.dg-td[data-align=right]{text-align:right}:host(:dir(rtl)) .dg-td{border-right:none;border-left:var(--border) solid var(--_border-color)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td{border-right:none;border-left:var(--border) solid var(--_border-color)}.dg-td:last-child,.dg-td.dg-td-check,.dg-td.dg-td-expand,.dg-td.dg-td-last{border-right:none}:host(:dir(rtl)) .dg-td:last-child,:host(:dir(rtl)) .dg-td.dg-td-check,:host(:dir(rtl)) .dg-td.dg-td-expand,:host(:dir(rtl)) .dg-td.dg-td-last{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td:last-child{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-check{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-expand{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-last{border-left:none}.dg-empty{padding:var(--size-12) var(--_cell-padding-x);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.dg-empty-content{gap:var(--size-4);flex-direction:column;justify-content:center;align-items:center;display:flex}.dg-empty-actions{margin-top:var(--size-2)}.dg-controls{gap:var(--size-3);height:var(--size-8);padding:var(--size-1-5) var(--_cell-padding-x);background:var(--_header-bg);border-bottom:var(--border) solid var(--_border-color);justify-content:space-between;align-items:center;display:flex}.dg-tabs{gap:var(--size-1);flex:1;align-items:center;min-width:0;display:flex;overflow:hidden}.dg-tab{--button-padding:var(--size-0-5) var(--size-2-5);--button-font-size:var(--text-xs);--button-color:var(--color-contrast-500);flex:1;min-width:0}.dg-tab--active{--button-color:var(--color-contrast-900);--button-bg:color-mix(in oklch, var(--color-contrast-500) 10%, transparent);--button-border-color:var(--_border-color);--button-border:var(--border);font-weight:var(--font-semibold)}.dg-actions{gap:var(--size-0-5);flex-shrink:0;align-items:center;display:flex}.dg-action-divider{width:var(--border);height:var(--size-4);margin-inline:var(--size-1);background:var(--_border-color);flex-shrink:0;display:inline-block}.dg-action-divider[hidden]{display:none}.dg-filter{width:100%;display:block}.dg-search{gap:var(--size-1);flex-direction:row-reverse;align-items:center;display:flex}.dg-search-input{opacity:0;width:0;transition:width var(--transition-fast), opacity var(--transition-fast);--input-height:var(--size-7);flex-shrink:0;display:block;overflow:hidden}.dg-search--open .dg-search-input{opacity:1;width:12rem;overflow:visible}@media (prefers-reduced-motion:reduce){.dg-search-input{transition:none}}.dg-action-popover{display:inline-flex}.dg-pop-header{padding:var(--size-3) var(--size-3) var(--size-2);justify-content:space-between;align-items:center;display:flex}.dg-pop-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-600);letter-spacing:.02em}.dg-pop-sort{padding-bottom:var(--size-2);flex-direction:column;display:flex}.dg-pop-sort-row{gap:var(--size-2);padding:var(--size-1) var(--size-3);align-items:center;display:flex}.dg-pop-select{--select-min-width:var(--size-20);flex:2}.dg-pop-dir-select{--select-min-width:var(--size-10);flex:1}.dg-pop-filter{flex-direction:column;display:flex}.dg-pop-filter-fields{padding:0 var(--size-3) var(--size-3)}.dg-pop-filter-rules{border-top:var(--border) solid var(--_border-color);padding-top:var(--size-1)}.dg-pop-filter-rules[hidden]{display:none}.dg-pop-filter-rule{gap:var(--size-2);padding:var(--size-2) var(--size-3);flex-direction:column;display:flex}.dg-pop-filter-rule-header{gap:var(--size-1-5);align-items:center;display:flex}.dg-pop-filter-field{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-800);white-space:nowrap}.dg-pop-filter-op-select{--select-min-width:0;--select-height:var(--size-6);--select-font-size:var(--text-2xs);--select-padding-x:var(--size-1-5);flex:1;min-width:6rem}.dg-pop-col-item{--button-radius:var(--rounded-md);justify-content:flex-start}.dg-pop-col-list{gap:var(--size-1);max-width:25rem;padding:var(--size-3);flex-wrap:wrap;display:flex}.dg-footer{gap:var(--size-2);padding:var(--size-2) var(--_cell-padding-x);font-size:var(--text-xs);color:var(--color-contrast-500);background:var(--_header-bg);align-items:center;display:flex}.dg-footer-info{white-space:nowrap}.dg-footer-end{gap:var(--size-2);align-items:center;width:fit-content;display:flex}.dg-footer-end:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.dg-footer-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.dg-page-size-wrap{flex-shrink:0;width:5rem}.dg-page-size-select{--select-min-width:0;--select-height:var(--size-7);--select-font-size:var(--text-xs);--select-padding-x:var(--size-2)}.dg-pagination{gap:var(--size-1);align-items:center;display:flex}:host(:dir(rtl)) .dg-page-btn{transform:scaleX(-1)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-page-btn{transform:scaleX(-1)}.dg-page-btn{--button-color:var(--color-contrast-600);--button-radius:var(--rounded-md);width:var(--size-7);height:var(--size-7)}.dg-page-btn:hover{--button-color:var(--color-contrast-900);--button-bg:var(--color-contrast-300)}.dg-page-btn:disabled{cursor:not-allowed;opacity:.35}.dg-page-label{padding-inline:var(--size-1);white-space:nowrap}.dg-col-resize{inset-block:calc(var(--_cell-padding-y) * -1);width:var(--size-1);cursor:col-resize;-webkit-user-select:none;user-select:none;border-radius:var(--rounded);transition:background var(--transition-fast);background:0 0;position:absolute}.dg-col-resize:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc((var(--_cell-padding-x) + var(--border) + 2px) * -1)}.dg-col-resize:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc((var(--_cell-padding-x) + var(--border) + 2px) * -1)}.dg-col-resize:hover,.dg-col-resize:active{background:var(--_accent,var(--color-contrast-300))}.dg-td:focus-visible,.dg-th:focus-visible{outline:2px solid var(--_row-selected-border);outline-offset:-2px}.dg-tr-expanded .dg-td-expanded{padding:var(--_cell-padding-y) var(--_cell-padding-x);box-shadow:inset 0 0 0 9999px color-mix(in oklch, var(--color-contrast-600) 4%, var(--_bg,transparent)), inset 0 calc(var(--border) * -1) 0 var(--_border-color);border:none}.dg-tr-expanded:last-child .dg-td-expanded{box-shadow:inset 0 0 0 9999px color-mix(in oklch, var(--color-contrast-900) 4%, var(--_bg,transparent))}.dg-tr:has(+.dg-tr-expanded){border-bottom:none}.dg-th-expand,.dg-td-expand{width:var(--size-8);min-width:var(--size-8);padding-block:var(--size-1) 0;padding-inline:0 var(--size-2);text-align:center;white-space:nowrap;border-left:none;border-right:none}.dg-expand-btn{--button-color:var(--color-contrast-500);--button-radius:var(--rounded-sm);width:var(--size-5);height:var(--size-5)}.dg-expand-btn:hover{--button-color:var(--color-contrast-900)}.dg-expand-btn:disabled{cursor:not-allowed;opacity:.4}.dg-loading-overlay{z-index:3;background:color-mix(in oklch, var(--_bg,white) 40%, transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);justify-content:center;align-items:center;display:none;position:absolute;inset:0}:host([loading]) .dg-loading-overlay{display:flex}:host([loading]) .dg-scroll table{pointer-events:none;opacity:.5}.dg-spin{animation:1s linear infinite dg-spin}@keyframes dg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}`;function ui(e,t){return e.key!==t||e.direction===`none`?`chevrons-up-down`:e.direction===`asc`?`chevron-up`:`chevron-down`}function di(e,t){return e.key!==t||e.direction===`none`?`none`:e.direction===`asc`?`ascending`:`descending`}var fi=`ore-datagrid`;r(fi,{props:{activeView:o.string(),density:o.string(),...X,...Xe,columns:o.data(),emptyText:o.string(`No data`),expandable:o.bool(!1),filterOptions:o.data(),fullwidth:o.bool(!1),getRowKey:o.data(),label:o.string(),pageSize:o.number(10),pageSizeOptions:o.data(),rows:o.data(),searchLabel:o.data(),searchPlaceholder:o.string(`Search…`),selectedKeys:o.data(),selectionMode:o.string(`none`),sortMode:o.string(`client`),source:o.data(),striped:o.bool(!1),views:o.data()},setup(e,{el:t,emit:n,onCleanup:r,onMounted:a,slots:o}){let s=l(()=>e.disabled.value===!0),c=l(()=>e.selectionMode.value??`none`),u=p(new Set),d=l(()=>e.expandable.value===!0&&_.value.some(e=>typeof e.renderExpanded==`function`)),f=l(()=>+(c.value===`multi`)),m=p(e.pageSize.value??10);h(e.pageSize,e=>{e!=null&&(m.value=e)});let g=p([]);a(()=>{g.value=ri(t);let e=new MutationObserver(()=>{g.value=ri(t)});return e.observe(t,{attributeFilter:ni,attributes:!0,childList:!0,subtree:!0}),()=>e.disconnect()});let _=l(()=>{let t=e.columns.value;return t===void 0?g.value:t}),v=t=>{let n=e.getRowKey.value;if(n)return n(t);let r=t.id;return r==null?(Pe("ore-datagrid: row missing `id` — keys will collide. Provide `getRowKey` or add a unique `id` field."),`__missing_${Math.random().toString(36).slice(2)}`):String(r)},y=ai({columns:_,filterOptions:e.filterOptions,rows:l(()=>e.rows.value??[])}),b=w(t=>{let n=t,r=e.source.value;r?.search?r.search(n):y.setSearchQuery(n)},250),x=l(()=>e.source.value!=null),S=p([]),C=p({error:null,isLoading:!1,pageCount:1,pageNumber:1,pageSize:m.value,totalItems:0}),T=null;r(()=>{T?.(),T=null}),h(e.source,e=>{if(T?.(),T=null,!e){S.value=[],C.value={error:null,isLoading:!1,pageCount:1,pageNumber:1,pageSize:m.value,totalItems:0};return}let t=()=>{S.value=e.current,C.value=e.meta};t(),T=e.subscribe(t)},{immediate:!0});let E=an({columns:()=>_.value,getRowKey:v,items:l(()=>x.value?S.value:y.filteredRows.value),onSelectionChange:e=>{n(`selection-change`,{keys:[...e],rows:E.selectedRows.value})},onSortChange:e=>{n(`sort-change`,e)},pageSize:()=>x.value?0:m.value,selectionMode:()=>c.value,signal:Z(r)});h(e.selectedKeys,e=>{Array.isArray(e)&&E.setSelection(new Set(e))},{immediate:!0});let D=p({}),O=(e,t)=>n=>{n.preventDefault();let r=n.clientX,i=t.getBoundingClientRect().width,a=new AbortController,{signal:o}=a;window.addEventListener(`pointermove`,t=>{D.value={...D.value,[e]:Math.max(40,i+t.clientX-r)}},{signal:o}),window.addEventListener(`pointerup`,()=>a.abort(),{signal:o})},k=l(()=>_.value.filter(e=>!y.hiddenColumns.value.has(e.key))),A=(e,t)=>{if(e.cell)return e.cell(t);let n=t[e.key];return n==null?``:String(n)};h(y.filteredRows,()=>E.goToPage(0),{immediate:!1});function j(t){let r=e.source.value;if(r){t===`prev`?r.prev?.():r.next?.();return}t===`prev`?E.prevPage():E.nextPage(),n(`page-change`,{pageIndex:E.pageIndex.value,pageSize:m.value})}let M=l(()=>{let e=E.currentPageItems.value;return!e.length||E.isAllSelected()?!1:e.some(e=>E.selectedKeys.value.has(v(e)))}),N=l(()=>k.value.length+ +(c.value===`multi`)+ +!!d.value),P=l(()=>x.value?C.value.pageCount>1:m.value>0),F=l(()=>{if(x.value){let{pageNumber:e,pageSize:t,totalItems:n}=C.value,r=Math.max(1,t);if(!P.value)return`${n} row${n===1?``:`s`}`;if(n===0)return`0 to 0 of 0`;let i=(e-1)*r+1;return`${i} to ${Math.min(i+r-1,n)} of ${n}`}let e=E.totalItems.value;if(!P.value)return`${e} row${e===1?``:`s`}`;if(e===0)return`0 to 0 of 0`;let t=E.pageIndex.value*m.value+1;return`${t} to ${Math.min(t+m.value-1,e)} of ${e}`}),I=l(()=>e.loading.value===!0||x.value&&C.value.isLoading),L=l(()=>x.value?C.value.pageNumber>1:E.hasPrevPage.value),R=l(()=>x.value?C.value.pageNumber<C.value.pageCount:E.hasNextPage.value),z=l(()=>x.value?C.value.totalItems===0?`0 / 0`:`${C.value.pageNumber} / ${C.value.pageCount}`:`${E.pageIndex.value+1} / ${E.pageCount.value}`),ee=[`compact`,`cozy`,`comfortable`],B={comfortable:`rows-2`,compact:`rows-4`,cozy:`rows-3`},te={comfortable:`Density: Comfortable`,compact:`Density: Compact`,cozy:`Density: Cozy`},V=p(e.density.value??`cozy`);h(e.density,e=>{e&&(V.value=e)});let ne=()=>{let e=ee.indexOf(V.value),r=ee[(e+1)%ee.length];V.value=r,t.setAttribute(`density`,r),n(`density-change`,{density:r})},H=p(!1),ie=e=>{let t=new Set(u.value),r=!t.has(e);r?t.add(e):t.delete(e),u.value=t,n(`row-expand`,{expanded:r,key:e})},U={activeCell:p({col:0,row:0}),focusCell:()=>{}};a(()=>{let e=t.shadowRoot,n=e.querySelector(`.dg-table`);if(!n)return;let{cleanup:r,handle:i}=ci(n,e);return U=i,r}),t.focusCell=e=>U.focusCell(e);let ae=()=>{let t=e.views.value??[],r=e.activeView.value;return i`<div
|
|
1382
1382
|
class="dg-tabs"
|
|
1383
1383
|
role="tablist"
|
|
1384
1384
|
aria-label="Views"
|
|
@@ -1628,7 +1628,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
1628
1628
|
class="dg-th dg-th-check"
|
|
1629
1629
|
role="columnheader"
|
|
1630
1630
|
scope="col"
|
|
1631
|
-
:tabindex="${()=>
|
|
1631
|
+
:tabindex="${()=>U.activeCell.value.row===0&&U.activeCell.value.col===0&&f.value>=1?`0`:`-1`}">
|
|
1632
1632
|
<ore-checkbox
|
|
1633
1633
|
class="dg-check"
|
|
1634
1634
|
:checked="${()=>E.isAllSelected()}"
|
|
@@ -1641,9 +1641,9 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
1641
1641
|
class="${`dg-th${t===k.value.length-1&&d.value?` dg-th-last`:``}`}"
|
|
1642
1642
|
role="columnheader"
|
|
1643
1643
|
scope="col"
|
|
1644
|
-
:tabindex="${()=>{let e=
|
|
1644
|
+
:tabindex="${()=>{let e=U.activeCell.value;return e.row===0&&e.col===t+f.value?`0`:`-1`}}"
|
|
1645
1645
|
data-align="${e.align??`left`}"
|
|
1646
|
-
:aria-sort="${()=>e.sortable?
|
|
1646
|
+
:aria-sort="${()=>e.sortable?di(E.sortState.value,e.key):void 0}"
|
|
1647
1647
|
:aria-label="${e.sortable?void 0:e.headerLabel??e.label}"
|
|
1648
1648
|
:style="${()=>{let t=D.value[e.key];return t?`width:${t}px`:e.width?`width:${e.width}`:``}}">
|
|
1649
1649
|
<div class="dg-th-inner">
|
|
@@ -1659,7 +1659,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
1659
1659
|
<ore-icon
|
|
1660
1660
|
slot="suffix"
|
|
1661
1661
|
class="dg-sort-icon"
|
|
1662
|
-
:name="${()=>
|
|
1662
|
+
:name="${()=>ui(E.sortState.value,e.key)}"
|
|
1663
1663
|
size="14"
|
|
1664
1664
|
stroke-width="2"></ore-icon>
|
|
1665
1665
|
</ore-button>`:e.label}
|
|
@@ -1707,7 +1707,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
1707
1707
|
${()=>c.value===`multi`?i`<td
|
|
1708
1708
|
class="dg-td dg-td-check"
|
|
1709
1709
|
role="gridcell"
|
|
1710
|
-
:tabindex="${()=>{let e=
|
|
1710
|
+
:tabindex="${()=>{let e=U.activeCell.value;return e.row===a&&e.col===0?`0`:`-1`}}"
|
|
1711
1711
|
@keydown="${e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),s.value||E.toggleRow(n))}}">
|
|
1712
1712
|
<ore-checkbox
|
|
1713
1713
|
class="dg-check"
|
|
@@ -1723,15 +1723,15 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
1723
1723
|
part="cell"
|
|
1724
1724
|
role="gridcell"
|
|
1725
1725
|
data-align="${t.align??`left`}"
|
|
1726
|
-
:tabindex="${()=>{let e=
|
|
1726
|
+
:tabindex="${()=>{let e=U.activeCell.value;return e.row===a&&e.col===n+f.value?`0`:`-1`}}"
|
|
1727
1727
|
:title="${r}">
|
|
1728
1728
|
${r}
|
|
1729
1729
|
</td>`})}
|
|
1730
1730
|
${()=>d.value?i`<td
|
|
1731
1731
|
class="dg-td dg-td-expand"
|
|
1732
1732
|
role="gridcell"
|
|
1733
|
-
:tabindex="${()=>{let e=
|
|
1734
|
-
@keydown="${e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),s.value||
|
|
1733
|
+
:tabindex="${()=>{let e=U.activeCell.value;return e.row===a&&e.col===N.value-1?`0`:`-1`}}"
|
|
1734
|
+
@keydown="${e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),s.value||ie(n))}}">
|
|
1735
1735
|
<ore-button
|
|
1736
1736
|
class="dg-expand-btn"
|
|
1737
1737
|
variant="ghost"
|
|
@@ -1741,7 +1741,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
1741
1741
|
:label="${()=>u.value.has(n)?`Collapse row`:`Expand row`}"
|
|
1742
1742
|
:aria-expanded="${()=>String(u.value.has(n))}"
|
|
1743
1743
|
:disabled="${()=>s.value||void 0}"
|
|
1744
|
-
@click="${e=>{e.stopPropagation(),s.value||
|
|
1744
|
+
@click="${e=>{e.stopPropagation(),s.value||ie(n)}}">
|
|
1745
1745
|
<ore-icon
|
|
1746
1746
|
:name="${()=>u.value.has(n)?`chevron-up`:`chevron-down`}"
|
|
1747
1747
|
size="14"
|
|
@@ -1755,7 +1755,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
1755
1755
|
class="dg-td-expanded"
|
|
1756
1756
|
role="gridcell"
|
|
1757
1757
|
:colspan="${()=>String(N.value)}">
|
|
1758
|
-
${
|
|
1758
|
+
${re(()=>_.value.find(e=>typeof e.renderExpanded==`function`)?.renderExpanded?.(e)??``)}
|
|
1759
1759
|
</td>
|
|
1760
1760
|
</tr>`:i``} `})}
|
|
1761
1761
|
</tbody>
|
|
@@ -1811,7 +1811,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
1811
1811
|
</div>
|
|
1812
1812
|
</div>
|
|
1813
1813
|
</div>`:i``}
|
|
1814
|
-
`},shadow:{delegatesFocus:!0},styles:[je(`datagrid`),ui]});var mi=`@layer refine.base{:host{--_day-selected-bg:var(--calendar-day-selected-bg,var(--_theme-focus));--_day-today-color:var(--calendar-day-today-color,var(--_theme-focus));--_day-outside-opacity:var(--calendar-day-outside-opacity,.35);--_bg:var(--calendar-bg,var(--color-canvas));--_border-color:var(--calendar-border-color,var(--color-contrast-200));--_radius:var(--calendar-radius,var(--rounded-xl));display:inline-block}:host([fullwidth]){display:block}:host([color=secondary]){--_day-selected-bg:var(--calendar-day-selected-bg,var(--_theme-base));--_day-today-color:var(--calendar-day-today-color,var(--_theme-base))}.calendar{gap:var(--size-2);min-width:18rem;padding:var(--size-3);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--calendar-shadow,var(--shadow-md));flex-direction:column;display:flex}:host([fullwidth]) .calendar{min-width:0}.cal-header{gap:var(--size-1);border-bottom:var(--border) solid var(--_border-color);padding-bottom:var(--size-2);justify-content:space-between;align-items:center;display:flex}.nav-btn{width:var(--size-8);height:var(--size-8);color:var(--color-contrast-600);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.nav-btn:hover:not(:disabled){color:var(--color-contrast-900);background:var(--color-contrast-300)}.nav-btn:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.nav-btn:disabled{cursor:not-allowed;opacity:.4}.cal-label-btn{padding:var(--size-1) var(--size-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-contrast-900);text-align:center;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast);background:0 0;border:none;outline:none;flex:1}.cal-label-btn:hover:not(:disabled){background:var(--color-contrast-300)}.cal-label-btn:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-label-btn:disabled{cursor:not-allowed;opacity:.5}.cal-label-month,.cal-label-year{display:inline-block}.cal-label-sep{padding-inline:var(--size-1);font-weight:var(--font-normal);color:var(--color-contrast-400);display:inline-block}[hidden]{display:none!important}.cal-grid{gap:var(--size-0-5);flex-direction:column;display:flex}.cal-grid-days{gap:var(--size-0-5);min-height:calc(7 * var(--size-10) + 6 * var(--size-0-5));grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.cal-grid [role=row]{display:contents}.cal-cell{font-size:var(--text-sm);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);outline:none;justify-content:center;align-items:center;display:flex}.cal-cell-head{height:var(--size-8);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-contrast-500);cursor:default}.cal-cell-day{gap:var(--size-0-5);min-width:0;height:var(--size-10);color:var(--color-contrast-800);flex-direction:column;overflow:hidden}.cal-cell-day:hover:not([data-disabled]){color:var(--color-contrast-900);background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-day:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-day[data-today]{font-weight:var(--font-semibold);color:var(--_day-today-color)}.cal-cell-day[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-day[data-outside]{opacity:var(--_day-outside-opacity)}.cal-cell-day[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}.cal-dots{margin-top:var(--size-0-5);justify-content:center;align-items:center;gap:2px;display:flex}.cal-dot{--badge-bg:var(--_day-selected-bg);--badge-border-color:var(--_day-selected-bg)}.cal-dot-overflow{font-size:8px;font-weight:var(--font-semibold);color:var(--color-contrast-500);line-height:1}.cal-grid-months,.cal-grid-years{gap:var(--size-1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cal-cell-month,.cal-cell-year{height:var(--size-10);font-size:var(--text-sm);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-md)}.cal-cell-month:hover:not([data-disabled]),.cal-cell-year:hover:not([data-disabled]){background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-month:focus-visible,.cal-cell-year:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-month[data-selected],.cal-cell-year[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-month[data-disabled],.cal-cell-year[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}:host([expanded]){width:100%;display:block}:host([expanded]) .calendar{width:100%;min-width:0;padding:0;overflow:hidden}:host([expanded]) .cal-header{padding:var(--size-3) var(--size-4)}:host([expanded]) .cal-label-btn{font-size:var(--text-base)}:host([expanded]) .cal-grid{gap:0}:host([expanded]) .cal-grid-days{border-top:var(--border) solid var(--_border-color);gap:0}:host([expanded]) .cal-cell{border-radius:0}:host([expanded]) .cal-cell-head{height:var(--size-9);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;border-bottom:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day{height:auto;min-height:var(--calendar-expanded-cell-height,var(--size-28));aspect-ratio:auto;padding:var(--size-2);font-size:var(--text-sm);vertical-align:top;border-bottom:var(--border) solid var(--_border-color);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;position:relative}:host([expanded]) .cal-cell-day:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day:nth-child(7n):not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:none}:host([expanded]) .cal-cell-day:nth-child(7n):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:none}:host([expanded]) .cal-cell-day:hover:not([data-disabled]){background:color-mix(in oklch, var(--_day-selected-bg) 6%, transparent)}:host([expanded]) .cal-cell-day[data-selected]{color:inherit;background:0 0}:host([expanded]) .cal-cell-day[data-selected]:before{top:var(--size-1-5);left:var(--size-1-5);width:var(--size-7);height:var(--size-7);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-white,#fff);content:attr(data-day);background:var(--_day-selected-bg);border-radius:var(--rounded-full);justify-content:center;align-items:center;display:flex;position:absolute}:host([expanded]) .cal-cell-day[data-today]{font-weight:inherit;color:inherit}:host([expanded]) .cal-cell-day[data-today]:before{top:var(--size-1-5);left:var(--size-1-5);width:var(--size-7);height:var(--size-7);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-white,#fff);content:attr(data-day);background:var(--_day-today-color);border-radius:var(--rounded-full);justify-content:center;align-items:center;display:flex;position:absolute}:host([expanded]) .cal-cell-day[data-today][data-selected]:before{background:var(--_day-selected-bg)}:host([expanded]) .cal-events{width:100%;margin-top:var(--size-4);flex-direction:column;gap:2px;display:flex;overflow:hidden}:host([expanded]) .cal-event-pill{--badge-max-width:100%;max-width:100%}:host([expanded]) .cal-event-pill-overflow{padding-inline:var(--size-1);font-size:10px;font-weight:var(--font-semibold);color:var(--color-contrast-500)}:host([expanded]) .cal-dots{display:none}:host([expanded]) .cal-cell-day[data-outside]{background:color-mix(in oklch, var(--color-contrast-900) 2%, transparent)}:host([expanded]) .cal-grid-months,:host([expanded]) .cal-grid-years{gap:var(--size-2);min-height:0;padding:var(--size-4)}:host([expanded]) .cal-cell-month,:host([expanded]) .cal-cell-year{min-height:var(--size-16);font-size:var(--text-base);border:var(--border) solid var(--_border-color);border-radius:var(--rounded-lg)}:host([expanded]) .cal-cell-month[data-selected],:host([expanded]) .cal-cell-year[data-selected]{border-color:#0000}:host(.is-disabled) .calendar{pointer-events:none;opacity:.6}@media (prefers-reduced-motion:reduce){.nav-btn,.cal-label-btn,.cal-cell{transition:none}}}`,hi=`ore-calendar`,gi=3;r(hi,{formAssociated:!0,props:{...J,...Y,...X,...Qe,events:o.json([]),expanded:o.bool(!1),fullwidth:o.bool(!1),locale:o.string(),max:o.string(),min:o.string(),name:o.string(),required:o.bool(!1),value:o.string(),"weekend-days":o.json([])},setup(e,{bind:t,emit:n}){let r=l(()=>e.disabled.value===!0),a=l(()=>e.expanded.value===!0),o=p(void 0),s=l(()=>o.value===void 0?Jt(e.value.value):o.value),u=$t({get locale(){return e.locale.value??(typeof navigator<`u`?navigator.language:`en`)},get max(){return Jt(e.max.value)},get min(){return Jt(e.min.value)},onChange(e){o.value=e,d.value=`day`,f.value=u.displayYear(),m.value=u.displayMonth(),n(`change`,{isoValue:Yt(e)})},get value(){return s.value},get weekendDays(){return e[`weekend-days`].value??[]}}),d=p(`day`),f=p(u.displayYear()),m=p(u.displayMonth());c({disabled:r,toFormValue:e=>e||null,value:l(()=>Yt(s.value)??``)});let h=l(()=>{let t=new Map;for(let n of e.events.value??[]){let e=t.get(n.date)??[];e.push(n),t.set(n.date,e)}return t}),g=l(()=>(f.value,m.value,s.value,u.dayCells())),_=l(()=>(f.value,u.monthCells())),v=l(()=>(f.value,u.yearCells())),y=l(()=>u.weekdayLabels()),b=l(()=>D(E.PlainDate.from({day:1,month:m.value,year:f.value}),{intl:{month:`long`},locale:e.locale.value??(typeof navigator<`u`?navigator.language:`en`),tz:`UTC`})),x=l(()=>String(f.value)),S=l(()=>`${b.value} ${x.value}`);function C(){d.value===`day`?u.prevMonth():u.prevYear(),f.value=u.displayYear(),m.value=u.displayMonth()}function w(){d.value===`day`?u.nextMonth():u.nextYear(),f.value=u.displayYear(),m.value=u.displayMonth()}function T(){let e=[`day`,`month`,`year`],t=e[(e.indexOf(d.value)+1)%e.length];u.setView(t),d.value=t}function O(e){r.value||(u.goTo(u.displayYear(),e),u.setView(`day`),f.value=u.displayYear(),m.value=u.displayMonth(),d.value=`day`)}function k(e){r.value||(u.goTo(e,u.displayMonth()),u.setView(`month`),f.value=u.displayYear(),d.value=`month`)}function A(e){if(r.value)return;let t=Jt(e);t&&u.select(t)}function j(e){let t=e.currentTarget,n=t.closest(`.cal-grid-days`);if(!n)return;let r=Array.from(n.querySelectorAll(`.cal-cell-day`)),i=r.indexOf(t);if(i===-1)return;let a;if(e.key===`Enter`||e.key===` `){e.preventDefault(),A(t.dataset.iso??``);return}else if(e.key===`ArrowRight`)a=r[i+1];else if(e.key===`ArrowLeft`)a=r[i-1];else if(e.key===`ArrowDown`)a=r[i+7];else if(e.key===`ArrowUp`)a=r[i-7];else if(e.key===`Home`)a=r[Math.floor(i/7)*7];else if(e.key===`End`)a=r[Math.floor(i/7)*7+6];else return;e.preventDefault(),a?.focus()}function M(e,t,n,r){let i=e.currentTarget,a=i.closest(`.cal-grid`);if(!a)return;let o=Array.from(a.querySelectorAll(t)),s=o.indexOf(i);if(s===-1)return;let c;if(e.key===`Enter`||e.key===` `){e.preventDefault(),r();return}else if(e.key===`ArrowRight`)c=o[s+1];else if(e.key===`ArrowLeft`)c=o[s-1];else if(e.key===`ArrowDown`)c=o[s+n];else if(e.key===`ArrowUp`)c=o[s-n];else if(e.key===`Home`)c=o[Math.floor(s/n)*n];else if(e.key===`End`)c=o[Math.min(Math.floor(s/n)*n+n-1,o.length-1)];else return;e.preventDefault(),c?.focus()}return t({attr:{"aria-disabled":()=>r.value?`true`:null,"aria-label":()=>S.value,role:`group`},class:{"is-disabled":r}}),i`
|
|
1814
|
+
`},shadow:{delegatesFocus:!0},styles:[Ae(`datagrid`),li]});var pi=`@layer refine.base{:host{--_day-selected-bg:var(--calendar-day-selected-bg,var(--_theme-focus));--_day-today-color:var(--calendar-day-today-color,var(--_theme-focus));--_day-outside-opacity:var(--calendar-day-outside-opacity,.35);--_bg:var(--calendar-bg,var(--color-canvas));--_border-color:var(--calendar-border-color,var(--color-contrast-200));--_radius:var(--calendar-radius,var(--rounded-xl));display:inline-block}:host([fullwidth]){display:block}:host([color=secondary]){--_day-selected-bg:var(--calendar-day-selected-bg,var(--_theme-base));--_day-today-color:var(--calendar-day-today-color,var(--_theme-base))}.calendar{gap:var(--size-2);min-width:18rem;padding:var(--size-3);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--calendar-shadow,var(--shadow-md));flex-direction:column;display:flex}:host([fullwidth]) .calendar{min-width:0}.cal-header{gap:var(--size-1);border-bottom:var(--border) solid var(--_border-color);padding-bottom:var(--size-2);justify-content:space-between;align-items:center;display:flex}.nav-btn{width:var(--size-8);height:var(--size-8);color:var(--color-contrast-600);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.nav-btn:hover:not(:disabled){color:var(--color-contrast-900);background:var(--color-contrast-300)}.nav-btn:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.nav-btn:disabled{cursor:not-allowed;opacity:.4}.cal-label-btn{padding:var(--size-1) var(--size-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-contrast-900);text-align:center;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast);background:0 0;border:none;outline:none;flex:1}.cal-label-btn:hover:not(:disabled){background:var(--color-contrast-300)}.cal-label-btn:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-label-btn:disabled{cursor:not-allowed;opacity:.5}.cal-label-month,.cal-label-year{display:inline-block}.cal-label-sep{padding-inline:var(--size-1);font-weight:var(--font-normal);color:var(--color-contrast-400);display:inline-block}[hidden]{display:none!important}.cal-grid{gap:var(--size-0-5);flex-direction:column;display:flex}.cal-grid-days{gap:var(--size-0-5);min-height:calc(7 * var(--size-10) + 6 * var(--size-0-5));grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.cal-grid [role=row]{display:contents}.cal-cell{font-size:var(--text-sm);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);outline:none;justify-content:center;align-items:center;display:flex}.cal-cell-head{height:var(--size-8);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-contrast-500);cursor:default}.cal-cell-day{gap:var(--size-0-5);min-width:0;height:var(--size-10);color:var(--color-contrast-800);flex-direction:column;overflow:hidden}.cal-cell-day:hover:not([data-disabled]){color:var(--color-contrast-900);background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-day:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-day[data-today]{font-weight:var(--font-semibold);color:var(--_day-today-color)}.cal-cell-day[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-day[data-outside]{opacity:var(--_day-outside-opacity)}.cal-cell-day[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}.cal-dots{margin-top:var(--size-0-5);justify-content:center;align-items:center;gap:2px;display:flex}.cal-dot{--badge-bg:var(--_day-selected-bg);--badge-border-color:var(--_day-selected-bg)}.cal-dot-overflow{font-size:8px;font-weight:var(--font-semibold);color:var(--color-contrast-500);line-height:1}.cal-grid-months,.cal-grid-years{gap:var(--size-1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cal-cell-month,.cal-cell-year{height:var(--size-10);font-size:var(--text-sm);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-md)}.cal-cell-month:hover:not([data-disabled]),.cal-cell-year:hover:not([data-disabled]){background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-month:focus-visible,.cal-cell-year:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-month[data-selected],.cal-cell-year[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-month[data-disabled],.cal-cell-year[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}:host([expanded]){width:100%;display:block}:host([expanded]) .calendar{width:100%;min-width:0;padding:0;overflow:hidden}:host([expanded]) .cal-header{padding:var(--size-3) var(--size-4)}:host([expanded]) .cal-label-btn{font-size:var(--text-base)}:host([expanded]) .cal-grid{gap:0}:host([expanded]) .cal-grid-days{border-top:var(--border) solid var(--_border-color);gap:0}:host([expanded]) .cal-cell{border-radius:0}:host([expanded]) .cal-cell-head{height:var(--size-9);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;border-bottom:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day{height:auto;min-height:var(--calendar-expanded-cell-height,var(--size-28));aspect-ratio:auto;padding:var(--size-2);font-size:var(--text-sm);vertical-align:top;border-bottom:var(--border) solid var(--_border-color);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;position:relative}:host([expanded]) .cal-cell-day:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day:nth-child(7n):not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:none}:host([expanded]) .cal-cell-day:nth-child(7n):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:none}:host([expanded]) .cal-cell-day:hover:not([data-disabled]){background:color-mix(in oklch, var(--_day-selected-bg) 6%, transparent)}:host([expanded]) .cal-cell-day[data-selected]{color:inherit;background:0 0}:host([expanded]) .cal-cell-day[data-selected]:before{top:var(--size-1-5);left:var(--size-1-5);width:var(--size-7);height:var(--size-7);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-white,#fff);content:attr(data-day);background:var(--_day-selected-bg);border-radius:var(--rounded-full);justify-content:center;align-items:center;display:flex;position:absolute}:host([expanded]) .cal-cell-day[data-today]{font-weight:inherit;color:inherit}:host([expanded]) .cal-cell-day[data-today]:before{top:var(--size-1-5);left:var(--size-1-5);width:var(--size-7);height:var(--size-7);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-white,#fff);content:attr(data-day);background:var(--_day-today-color);border-radius:var(--rounded-full);justify-content:center;align-items:center;display:flex;position:absolute}:host([expanded]) .cal-cell-day[data-today][data-selected]:before{background:var(--_day-selected-bg)}:host([expanded]) .cal-events{width:100%;margin-top:var(--size-4);flex-direction:column;gap:2px;display:flex;overflow:hidden}:host([expanded]) .cal-event-pill{--badge-max-width:100%;max-width:100%}:host([expanded]) .cal-event-pill-overflow{padding-inline:var(--size-1);font-size:10px;font-weight:var(--font-semibold);color:var(--color-contrast-500)}:host([expanded]) .cal-dots{display:none}:host([expanded]) .cal-cell-day[data-outside]{background:color-mix(in oklch, var(--color-contrast-900) 2%, transparent)}:host([expanded]) .cal-grid-months,:host([expanded]) .cal-grid-years{gap:var(--size-2);min-height:0;padding:var(--size-4)}:host([expanded]) .cal-cell-month,:host([expanded]) .cal-cell-year{min-height:var(--size-16);font-size:var(--text-base);border:var(--border) solid var(--_border-color);border-radius:var(--rounded-lg)}:host([expanded]) .cal-cell-month[data-selected],:host([expanded]) .cal-cell-year[data-selected]{border-color:#0000}:host(.is-disabled) .calendar{pointer-events:none;opacity:.6}@media (prefers-reduced-motion:reduce){.nav-btn,.cal-label-btn,.cal-cell{transition:none}}}`,mi=`ore-calendar`,hi=3;r(mi,{formAssociated:!0,props:{...J,...Y,...X,...Ze,events:o.json([]),expanded:o.bool(!1),fullwidth:o.bool(!1),locale:o.string(),max:o.string(),min:o.string(),name:o.string(),required:o.bool(!1),value:o.string(),"weekend-days":o.json([])},setup(e,{bind:t,emit:n}){let r=l(()=>e.disabled.value===!0),a=l(()=>e.expanded.value===!0),o=p(void 0),s=l(()=>o.value===void 0?qt(e.value.value):o.value),u=Qt({get locale(){return e.locale.value??(typeof navigator<`u`?navigator.language:`en`)},get max(){return qt(e.max.value)},get min(){return qt(e.min.value)},onChange(e){o.value=e,d.value=`day`,f.value=u.displayYear(),m.value=u.displayMonth(),n(`change`,{isoValue:Jt(e)})},get value(){return s.value},get weekendDays(){return e[`weekend-days`].value??[]}}),d=p(`day`),f=p(u.displayYear()),m=p(u.displayMonth());c({disabled:r,toFormValue:e=>e||null,value:l(()=>Jt(s.value)??``)});let h=l(()=>{let t=new Map;for(let n of e.events.value??[]){let e=t.get(n.date)??[];e.push(n),t.set(n.date,e)}return t}),g=l(()=>(f.value,m.value,s.value,u.dayCells())),_=l(()=>(f.value,u.monthCells())),v=l(()=>(f.value,u.yearCells())),y=l(()=>u.weekdayLabels()),b=l(()=>D(E.PlainDate.from({day:1,month:m.value,year:f.value}),{intl:{month:`long`},locale:e.locale.value??(typeof navigator<`u`?navigator.language:`en`),tz:`UTC`})),x=l(()=>String(f.value)),S=l(()=>`${b.value} ${x.value}`);function C(){d.value===`day`?u.prevMonth():u.prevYear(),f.value=u.displayYear(),m.value=u.displayMonth()}function w(){d.value===`day`?u.nextMonth():u.nextYear(),f.value=u.displayYear(),m.value=u.displayMonth()}function T(){let e=[`day`,`month`,`year`],t=e[(e.indexOf(d.value)+1)%e.length];u.setView(t),d.value=t}function O(e){r.value||(u.goTo(u.displayYear(),e),u.setView(`day`),f.value=u.displayYear(),m.value=u.displayMonth(),d.value=`day`)}function k(e){r.value||(u.goTo(e,u.displayMonth()),u.setView(`month`),f.value=u.displayYear(),d.value=`month`)}function A(e){if(r.value)return;let t=qt(e);t&&u.select(t)}function j(e){let t=e.currentTarget,n=t.closest(`.cal-grid-days`);if(!n)return;let r=Array.from(n.querySelectorAll(`.cal-cell-day`)),i=r.indexOf(t);if(i===-1)return;let a;if(e.key===`Enter`||e.key===` `){e.preventDefault(),A(t.dataset.iso??``);return}else if(e.key===`ArrowRight`)a=r[i+1];else if(e.key===`ArrowLeft`)a=r[i-1];else if(e.key===`ArrowDown`)a=r[i+7];else if(e.key===`ArrowUp`)a=r[i-7];else if(e.key===`Home`)a=r[Math.floor(i/7)*7];else if(e.key===`End`)a=r[Math.floor(i/7)*7+6];else return;e.preventDefault(),a?.focus()}function M(e,t,n,r){let i=e.currentTarget,a=i.closest(`.cal-grid`);if(!a)return;let o=Array.from(a.querySelectorAll(t)),s=o.indexOf(i);if(s===-1)return;let c;if(e.key===`Enter`||e.key===` `){e.preventDefault(),r();return}else if(e.key===`ArrowRight`)c=o[s+1];else if(e.key===`ArrowLeft`)c=o[s-1];else if(e.key===`ArrowDown`)c=o[s+n];else if(e.key===`ArrowUp`)c=o[s-n];else if(e.key===`Home`)c=o[Math.floor(s/n)*n];else if(e.key===`End`)c=o[Math.min(Math.floor(s/n)*n+n-1,o.length-1)];else return;e.preventDefault(),c?.focus()}return t({attr:{"aria-disabled":()=>r.value?`true`:null,"aria-label":()=>S.value,role:`group`},class:{"is-disabled":r}}),i`
|
|
1815
1815
|
<div class="calendar" part="calendar" role="presentation">
|
|
1816
1816
|
<!-- Header -->
|
|
1817
1817
|
<div class="cal-header" part="header">
|
|
@@ -1862,7 +1862,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
1862
1862
|
@click="${()=>A(e.iso)}"
|
|
1863
1863
|
@keydown="${j}">
|
|
1864
1864
|
${String(e.day)}
|
|
1865
|
-
${()=>{let t=h.value.get(e.iso)??[];if(!t.length)return i``;let n=t.slice(0,
|
|
1865
|
+
${()=>{let t=h.value.get(e.iso)??[];if(!t.length)return i``;let n=t.slice(0,hi),r=t.length-hi;return a.value?i`<div
|
|
1866
1866
|
class="cal-events"
|
|
1867
1867
|
aria-label="${()=>`${t.length} event${t.length>1?`s`:``}`}">
|
|
1868
1868
|
${n.map(e=>i`<ore-badge
|
|
@@ -1870,7 +1870,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
1870
1870
|
size="xs"
|
|
1871
1871
|
rounded="sm"
|
|
1872
1872
|
aria-label="${e.label}"
|
|
1873
|
-
:style="${
|
|
1873
|
+
:style="${U({"--badge-bg":e.color,"--badge-border-color":e.color})}">
|
|
1874
1874
|
${e.label}
|
|
1875
1875
|
</ore-badge>`)}
|
|
1876
1876
|
${r>0?i`<span class="cal-event-pill-overflow" aria-hidden="true"
|
|
@@ -1884,7 +1884,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
1884
1884
|
dot
|
|
1885
1885
|
size="xs"
|
|
1886
1886
|
aria-hidden="true"
|
|
1887
|
-
:style="${
|
|
1887
|
+
:style="${U({"--badge-bg":e.color,"--badge-border-color":e.color})}"></ore-badge>`)}
|
|
1888
1888
|
${r>0?i`<span class="cal-dot-overflow" aria-hidden="true">+${r}</span>`:i``}
|
|
1889
1889
|
</div>`}}
|
|
1890
1890
|
</div>`)}
|
|
@@ -1935,7 +1935,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
1935
1935
|
</div>`)}}
|
|
1936
1936
|
</div>
|
|
1937
1937
|
</div>
|
|
1938
|
-
`},shadow:{delegatesFocus:!0},styles:[q,G,
|
|
1938
|
+
`},shadow:{delegatesFocus:!0},styles:[q,G,pi]});var gi=`@layer refine.base{:host{--_day-selected-bg:var(--date-picker-day-selected-bg,var(--_theme-focus));--_day-today-color:var(--date-picker-day-today-color,var(--_theme-focus));--_day-outside-opacity:var(--date-picker-day-outside-opacity,.35);display:inline-block;position:relative}:host([fullwidth]){display:block}:host([color=secondary]){--_day-selected-bg:var(--date-picker-day-selected-bg,var(--_theme-base));--_day-today-color:var(--date-picker-day-today-color,var(--_theme-base))}.trigger{cursor:pointer}.trigger::part(input){cursor:pointer;caret-color:#0000;-webkit-user-select:none;user-select:none}.calendar{top:calc(100% + var(--size-1));z-index:var(--z-dropdown,200);gap:var(--size-2);min-width:18rem;padding:var(--size-3);pointer-events:none;background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--date-picker-shadow,var(--shadow-lg));opacity:0;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);flex-direction:column;display:flex;position:absolute;left:0}.calendar[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.calendar[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.cal-header{gap:var(--size-1);border-bottom:var(--border) solid var(--_border-color);padding-bottom:var(--size-2);justify-content:space-between;align-items:center;display:flex}.nav-btn{width:var(--size-8);height:var(--size-8);color:var(--color-contrast-600);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.nav-btn:hover{color:var(--color-contrast-900);background:var(--color-contrast-300)}.nav-btn:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-label-btn{padding:var(--size-1) var(--size-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-contrast-900);text-align:center;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast);background:0 0;border:none;outline:none;flex:1}.cal-label-btn:hover{background:var(--color-contrast-300)}.cal-label-btn:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-label-month,.cal-label-year{display:inline-block}.cal-label-sep{padding-inline:var(--size-1);font-weight:var(--font-normal);color:var(--color-contrast-400);display:inline-block}[hidden]{display:none!important}.cal-grid{gap:var(--size-0-5);flex-direction:column;display:flex}.cal-grid-days{gap:var(--size-0-5);min-height:calc(7 * var(--size-10) + 6 * var(--size-0-5));grid-template-columns:repeat(7,1fr);display:grid}.cal-grid [role=row]{display:contents}.cal-cell{font-size:var(--text-sm);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);outline:none;justify-content:center;align-items:center;display:flex}.cal-cell-head{height:var(--size-8);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-contrast-500);cursor:default}.cal-cell-day{height:var(--size-8);color:var(--color-contrast-800)}.cal-cell-day:hover:not([data-disabled]){color:var(--color-contrast-900);background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-day:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-day[data-today]{font-weight:var(--font-semibold);color:var(--_day-today-color)}.cal-cell-day[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-day[data-outside]{opacity:var(--_day-outside-opacity)}.cal-cell-day[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}.cal-grid-months,.cal-grid-years{gap:var(--size-1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cal-cell-month,.cal-cell-year{height:var(--size-10);font-size:var(--text-sm);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-md)}.cal-cell-month:hover:not([data-disabled]),.cal-cell-year:hover:not([data-disabled]){background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-month:focus-visible,.cal-cell-year:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-month[data-selected],.cal-cell-year[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-month[data-disabled],.cal-cell-year[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}@media (prefers-reduced-motion:reduce){.field,.nav-btn,.cal-label-btn,.cal-cell{transition:none}}}`,_i=`ore-date-picker`;r(_i,{formAssociated:!0,props:{...J,...Y,...X,...Ze,error:o.string(),fullwidth:o.bool(!1),helper:o.string(),label:o.string(),"label-placement":o.oneOf([`inset`,`outside`],`inset`),locale:o.string(),max:o.string(),min:o.string(),name:o.string(),placeholder:o.string(),required:o.bool(!1),value:o.string(),variant:o.string(),"weekend-days":o.json([])},setup(e,{bind:t,el:n,emit:r,onMounted:o}){let s=p(!1),u=p(void 0),d=l(()=>u.value===void 0?qt(e.value.value):u.value),f=$(t,e,a(Q)),m=f.disabled,h=l(()=>e.locale.value||(typeof navigator<`u`?navigator.language:`en`)),g=Qt({get locale(){return h.value},get max(){return qt(e.max.value)},get min(){return qt(e.min.value)},onChange(e){u.value=e,s.value=!1,g.setView(`day`),_.value=`day`,v.value=g.displayYear(),y.value=g.displayMonth(),r(`change`,{isoValue:Jt(e)})},get value(){return d.value},get weekendDays(){return e[`weekend-days`].value??[]}}),_=p(`day`),v=p(g.displayYear()),y=p(g.displayMonth());c({disabled:m,toFormValue:e=>e||null,value:l(()=>Jt(d.value)??``)});let b=`date-picker-${Math.random().toString(36).slice(2,9)}-calendar`,x=l(()=>d.value?Yt(d.value,h.value):e.placeholder.value||``),S=l(()=>D(E.PlainDate.from({day:1,month:y.value,year:v.value}),{intl:{month:`long`},locale:h.value,tz:`UTC`})),C=l(()=>String(v.value)),w=l(()=>`${S.value} ${C.value}`),T=l(()=>(v.value,y.value,d.value,g.dayCells())),O=l(()=>(v.value,g.monthCells())),k=l(()=>(v.value,g.yearCells())),A=l(()=>g.weekdayLabels()),j=()=>m.value?`-1`:`0`;function M(){_.value===`day`?g.prevMonth():g.prevYear(),v.value=g.displayYear(),y.value=g.displayMonth()}function N(){_.value===`day`?g.nextMonth():g.nextYear(),v.value=g.displayYear(),y.value=g.displayMonth()}function P(){let e=[`day`,`month`,`year`],t=e[(e.indexOf(_.value)+1)%e.length];g.setView(t),_.value=t}function F(e){g.goTo(g.displayYear(),e),g.setView(`day`),v.value=g.displayYear(),y.value=g.displayMonth(),_.value=`day`}function I(e){g.goTo(e,g.displayMonth()),g.setView(`month`),v.value=g.displayYear(),_.value=`month`}function L(e){let t=qt(e);t&&g.select(t)}function R(e){let t=e.currentTarget,n=t.closest(`.cal-grid-days`);if(!n)return;let r=Array.from(n.querySelectorAll(`.cal-cell-day`)),i=r.indexOf(t);if(i===-1)return;let a;if(e.key===`Enter`||e.key===` `){e.preventDefault(),L(t.dataset.iso??``);return}else if(e.key===`ArrowRight`)a=r[i+1];else if(e.key===`ArrowLeft`)a=r[i-1];else if(e.key===`ArrowDown`)a=r[i+7];else if(e.key===`ArrowUp`)a=r[i-7];else if(e.key===`Home`)a=r[Math.floor(i/7)*7];else if(e.key===`End`)a=r[Math.floor(i/7)*7+6];else return;e.preventDefault(),a?.focus()}function z(e,t,n,r){let i=e.currentTarget,a=i.closest(`.cal-grid`);if(!a)return;let o=Array.from(a.querySelectorAll(t)),s=o.indexOf(i);if(s===-1)return;let c;if(e.key===`Enter`||e.key===` `){e.preventDefault(),r();return}else if(e.key===`ArrowRight`)c=o[s+1];else if(e.key===`ArrowLeft`)c=o[s-1];else if(e.key===`ArrowDown`)c=o[s+n];else if(e.key===`ArrowUp`)c=o[s-n];else if(e.key===`Home`)c=o[Math.floor(s/n)*n];else if(e.key===`End`)c=o[Math.min(Math.floor(s/n)*n+n-1,o.length-1)];else return;e.preventDefault(),c?.focus()}function ee(){if(m.value)return;s.value=!0,g.setView(`day`),_.value=`day`;let e=d.value;e&&(g.goTo(e.year,e.month),v.value=g.displayYear(),y.value=g.displayMonth())}function B(){s.value=!1,g.setView(`day`),_.value=`day`}function te(){s.value?B():ee()}function V(e){m.value||(e.key===`Enter`||e.key===` `?(e.preventDefault(),te()):e.key===`Escape`&&s.value&&(e.preventDefault(),B()))}function ne(e){e.key===`Escape`&&(e.preventDefault(),B())}function re(e){s.value&&(e.composedPath().includes(n)||B())}return o(()=>(document.addEventListener(`pointerdown`,re,{capture:!0}),()=>{document.removeEventListener(`pointerdown`,re,{capture:!0})})),t({attr:{open:()=>s.value?!0:void 0}}),i`
|
|
1939
1939
|
<!-- Trigger: ore-input in readonly display mode -->
|
|
1940
1940
|
<ore-input
|
|
1941
1941
|
class="trigger"
|
|
@@ -2066,7 +2066,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
2066
2066
|
</div>`)}}
|
|
2067
2067
|
</div>
|
|
2068
2068
|
</div>
|
|
2069
|
-
`},shadow:{delegatesFocus:!0},styles:[q,G,
|
|
2069
|
+
`},shadow:{delegatesFocus:!0},styles:[q,G,gi]});var vi=`@layer refine.base{:host{--_font-size:var(--file-input-font-size,var(--text-sm));--_radius:var(--file-input-radius,var(--rounded-lg));--_bg:var(--file-input-bg,var(--color-contrast-100));--_border-color:var(--file-input-border-color,var(--color-contrast-300));--_min-height:var(--file-input-min-height,var(--size-36));flex-direction:column;align-items:stretch;display:inline-flex}.file-input-wrapper{gap:var(--size-1-5);flex-direction:column;width:100%;display:flex}.label-outside{font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-none);color:var(--color-contrast-500);cursor:default;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.dropzone{box-sizing:border-box;gap:var(--size-2);min-height:var(--_min-height);padding:var(--size-6) var(--size-4);text-align:center;cursor:pointer;background:var(--_bg);border:var(--border-2) dashed var(--_border-color);border-radius:var(--_radius);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.dropzone-content{gap:var(--size-2);pointer-events:none;flex-direction:column;align-items:center;display:flex}.dropzone-icon{color:var(--color-contrast-400);transition:color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.dropzone-title{font-size:var(--_font-size);font-weight:var(--font-medium);line-height:var(--leading-snug);color:var(--color-contrast-700)}.dropzone-title u{color:var(--_theme-focus,var(--color-primary));text-underline-offset:2px;transition:text-decoration-color var(--transition-fast);-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.dropzone-hint{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-400)}.helper-text[hidden]{display:none}.helper-text{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500);padding-left:2px;padding-right:2px}.file-list{gap:var(--size-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.file-item{box-sizing:border-box;gap:var(--size-3);padding:var(--size-2) var(--size-3);background:var(--color-contrast-50);border:var(--border) solid var(--color-contrast-200);border-radius:var(--_radius);transition:background var(--transition-fast);align-items:center;display:flex}.file-item:hover{background:var(--color-contrast-100)}.file-icon{color:var(--_theme-focus,var(--color-primary));flex-shrink:0}.file-meta{gap:var(--size-0-5);flex-direction:column;flex:1;min-width:0;display:flex}.file-name{text-overflow:ellipsis;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-contrast-700);white-space:nowrap;overflow:hidden}.file-size{font-size:var(--text-xs);color:var(--color-contrast-400)}.file-remove{padding:var(--size-1);color:var(--color-contrast-400);cursor:pointer;border-radius:var(--rounded-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-remove:hover{color:var(--color-error);background:var(--color-error-backdrop,color-mix(in oklch, var(--color-error) 12%, transparent))}:host(:not([disabled])) .dropzone:hover{border-color:var(--color-contrast-400)}:host(:not([disabled])) .dropzone:hover .dropzone-title u{-webkit-text-decoration-color:var(--_theme-focus,var(--color-primary));-webkit-text-decoration-color:var(--_theme-focus,var(--color-primary));text-decoration-color:var(--_theme-focus,var(--color-primary))}:host(:not([disabled])) .dropzone:focus-visible{border-color:var(--_theme-focus,var(--color-primary));box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow))}:host(:not([disabled])) .dropzone:hover .dropzone-icon,:host(:not([disabled])) .dropzone:focus-visible .dropzone-icon{color:var(--_theme-focus,var(--color-primary));transform:translateY(-1px)}:host([drag-over]) .dropzone{background:color-mix(in oklch, var(--_theme-base,var(--color-primary)) 8%, var(--color-canvas));border-color:var(--_theme-focus,var(--color-primary));box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow))}:host([drag-over]) .dropzone .dropzone-icon{color:var(--_theme-focus,var(--color-primary));transform:translateY(-2px)scale(1.05)}:host([invalid]) .dropzone{border-color:var(--color-error)}:host([invalid]) .label-outside,.helper-text-error{color:var(--color-error)}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_bg:var(--file-input-bg,var(--color-contrast-50));--_border-color:var(--file-input-border-color,var(--color-contrast-300))}:host([variant=flat]){--_bg:var(--file-input-bg,var(--color-contrast-100));--_border-color:var(--file-input-border-color,var(--_theme-border))}:host([variant=flat]) .dropzone:hover{background:var(--file-input-hover-bg,color-mix(in oklch, var(--_theme-base) 6%, var(--color-contrast-100)));border-color:var(--file-input-hover-border-color,color-mix(in oklch, var(--_theme-base) 35%, var(--color-contrast-300)))}:host([variant=flat][drag-over]) .dropzone,:host([variant=flat]) .dropzone:focus-visible{background:var(--file-input-focus-bg,color-mix(in oklch, var(--_theme-base) 8%, var(--color-canvas)));border-color:var(--file-input-focus-border-color,color-mix(in oklch, var(--_theme-focus) 60%, transparent));box-shadow:var(--_theme-shadow)}:host([variant=bordered]){--_bg:var(--file-input-bg,var(--_theme-backdrop));--_border-color:var(--file-input-border-color,color-mix(in oklch, var(--_theme-focus) 70%, transparent))}:host([variant=bordered]) .dropzone:hover{border-color:var(--file-input-hover-border-color,var(--_theme-focus))}:host([variant=outline]){--_bg:var(--file-input-bg,transparent)}:host([variant=ghost]){--_bg:var(--file-input-bg,transparent);--_border-color:var(--file-input-border-color,var(--color-contrast-200))}:host([variant=ghost]) .dropzone:hover{background:var(--file-input-hover-bg,var(--color-contrast-100))}}@layer refine.utilities{:host([fullwidth]){width:100%}}`,yi=e=>{if(e===0)return`0 B`;let t=1024,n=[`B`,`KB`,`MB`,`GB`,`TB`],r=Math.floor(Math.log(e)/Math.log(t));return parseFloat((e/t**r).toFixed(1))+` `+n[r]},bi=(e,t)=>!t||e.size<=t,xi=`ore-file-input`;r(xi,{formAssociated:!0,props:{accept:o.string(),color:o.string(),disabled:o.bool(!1),error:o.string(),helper:o.string(),label:o.string(),"max-files":o.number(0),"max-size":o.number(0),multiple:o.bool(!1),name:o.string(),ref:o.json(void 0),required:o.bool(!1),size:o.string()},setup(e,{bind:n,emit:r,onCleanup:o,onElement:u,onEvent:d,onMounted:f}){let m=p([]),g=p(!1),_=$(n,e,a(Q)),v=_.disabled,y=l(()=>e[`max-files`].value??0),b=l(()=>e[`max-size`].value??0);c({disabled:v,toFormValue:t=>{if(t.length===0)return null;let n=e.name.value||`file`,r=new FormData;for(let e of t)r.append(n,e);return r},value:m});let x=l(()=>!!e.error.value);n({attr:{"drag-over":()=>g.value?!0:void 0,invalid:()=>x.value?!0:void 0,size:_.size}});let S=t(`file-input`),C=`label-${S}`,w=`helper-${S}`,T=`error-${S}`,E=s(),D=s(),O=l(()=>{let t=[];e.accept.value&&t.push(e.accept.value.split(`,`).map(e=>e.trim()).join(`, `));let n=b.value;n>0&&t.push(`max ${yi(n)}`);let r=y.value;return r>0&&t.push(`up to ${r} file${r===1?``:`s`}`),t.join(` · `)});function j(t,n){if(v.value)return;let i=e.accept.value,a=!!e.multiple.value,o=Array.from(t);a||(o=o.slice(0,1)),o=o.filter(e=>A(e,i?i.split(`,`).map(e=>e.trim()):[])&&bi(e,b.value));let s=a?[...m.value]:[];for(let e of o)s.includes(e)||s.push(e);y.value>0&&s.length>y.value&&(s=s.slice(0,y.value)),m.value=s,r(`change`,{files:m.value,originalEvent:n,value:m.value})}function M(e,t){m.value=m.value.filter(t=>t!==e),r(`remove`,{file:e,files:m.value,originalEvent:t,value:m.value}),r(`change`,{files:m.value,originalEvent:t,value:m.value})}return u(D,t=>{e.ref.value?.(t);let n=h(e.ref,e=>{e?.(t)});return()=>{n.dispose(),e.ref.value?.(null)}}),f(()=>{let e=D.value,t=E.value,n=!1,r=gt({disabled:v,onPress:()=>{e.click()}});d(e,`change`,e=>{let t=e.target;t.files?.length&&j(Array.from(t.files),e),t.value=``}),d(t,`click`,t=>{if(t.target!==e){if(n){n=!1;return}v.value||e.click()}}),d(t,`keydown`,e=>{n=r.handleKeydown(e)&&e.key===`Enter`});let i=k({disabled:v.value,element:t,onDrop:e=>j(e),onHoverChange:e=>{g.value=e}});o(()=>i.dispose())}),i`
|
|
2070
2070
|
<div class="file-input-wrapper" part="wrapper">
|
|
2071
2071
|
<label class="label-outside" id="${C}" part="label" ?hidden=${()=>!e.label.value}
|
|
2072
2072
|
>${e.label}</label
|
|
@@ -2110,7 +2110,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
2110
2110
|
</span>
|
|
2111
2111
|
<span class="file-meta">
|
|
2112
2112
|
<span class="file-name" title="${e.name}">${e.name}</span>
|
|
2113
|
-
<span class="file-size">${
|
|
2113
|
+
<span class="file-size">${yi(e.size)}</span>
|
|
2114
2114
|
</span>
|
|
2115
2115
|
<button
|
|
2116
2116
|
class="file-remove"
|
|
@@ -2134,7 +2134,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
2134
2134
|
${()=>e.error.value??``}
|
|
2135
2135
|
</div>
|
|
2136
2136
|
</div>
|
|
2137
|
-
`},shadow:{delegatesFocus:!0},styles:[...
|
|
2137
|
+
`},shadow:{delegatesFocus:!0},styles:[...Me,K(at),xe(`.dropzone`),vi]});var Si=`@layer refine.base{:host{display:block}form{gap:var(--form-gap,var(--size-4,1rem));align-items:start;display:grid}}@layer refine.orientation{:host([orientation=horizontal]) form{flex-wrap:wrap;align-items:center;display:flex}}`,Ci=`ore-form`;r(Ci,{props:{disabled:o.bool(!1),novalidate:o.bool(!1),orientation:o.oneOf([`horizontal`,`vertical`],`vertical`),size:o.string(),validateOn:o.oneOf([`submit`,`change`,`blur`,`input`],`submit`),variant:o.string()},setup(e,{bind:t,el:n,emit:r,provide:a}){let o=n.shadowRoot;t({attr:{orientation:e.orientation}}),a(Q,{disabled:l(()=>!!e.disabled.value),size:e.size,validateOn:l(()=>e.validateOn.value??`submit`),variant:e.variant});function s(e){let t=e,n=o?.querySelector(`form`);n&&(e.preventDefault(),r(`submit`,{formData:new FormData(n),originalEvent:t}))}function c(e){r(`reset`,{originalEvent:e})}return i`
|
|
2138
2138
|
<form
|
|
2139
2139
|
part="form"
|
|
2140
2140
|
:novalidate="${e.novalidate}"
|
|
@@ -2143,7 +2143,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
2143
2143
|
@reset="${c}">
|
|
2144
2144
|
<slot></slot>
|
|
2145
2145
|
</form>
|
|
2146
|
-
`},shadow:{delegatesFocus:!1},styles:[
|
|
2146
|
+
`},shadow:{delegatesFocus:!1},styles:[Si]});var wi=`@layer refine.base{:host{width:fit-content;display:inline-flex}:host([fullwidth]){width:100%}.wrapper{gap:var(--size-1);align-items:center;width:100%;display:inline-flex}:host([label-placement=outside]) .wrapper{align-items:flex-end}button{width:var(--size-10);min-width:var(--size-10);height:var(--size-10);min-height:var(--size-10);color:var(--color-contrast-600);cursor:pointer;border-radius:var(--rounded-md);transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}button:hover:not(:disabled){color:var(--color-contrast-800);background:var(--color-contrast-100)}button:active:not(:disabled){background:var(--color-contrast-200)}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.field::part(input){text-align:center}.field{width:var(--size-20)}:host([fullwidth]) .field{flex:1;width:auto;min-width:0}}`,Ti=`ore-number-input`;r(Ti,{formAssociated:!0,props:{...J,...Y,...X,...Ze,error:o.string(),fullwidth:o.bool(!1),helper:o.string(),label:o.string(),"label-placement":o.oneOf([`inset`,`outside`],`inset`),"large-step":o.json(void 0),max:o.json(void 0),min:o.json(void 0),name:o.string(),placeholder:o.string(),readonly:o.bool(!1),ref:o.json(void 0),step:o.number(1),value:o.json(void 0),variant:o.string()},setup(e,{bind:t,emit:n,onElement:r,watch:o}){let c=$(t,e,a(Q)),u=c.disabled,d=l(()=>!!e.readonly.value),f=p(e.value.value==null?``:String(e.value.value));h(e.value,e=>{let t=e==null?``:String(e);f.value!==t&&(f.value=t)});function m(){let e=f.value.trim();if(!e)return null;let t=Number.parseFloat(e);return Number.isNaN(t)?null:t}function g(t,r){let i=e.min.value==null?void 0:Number(e.min.value),a=e.max.value==null?void 0:Number(e.max.value),o=t==null?null:C(t,i,a),s=o==null?``:String(o);f.value!==s&&(f.value=s),n(`change`,{originalEvent:r,value:o})}let _=Ft({commit:g,disabled:u,largeStep:e[`large-step`],max:e.max,min:e.min,parse:m,readonly:d,step:e.step}),v=s(),y=null,b=null,x=null,S=t=>{if(!t){y?.(),b?.(),x?.dispose(),y=null,b=null,x=null,e.ref.value?.(null);return}t.setAttribute(`inputmode`,`decimal`),t.setAttribute(`role`,`spinbutton`);let r=e=>{let t=e.target.value,n=t===``?null:Number.parseFloat(t);g(Number.isNaN(n??NaN)?null:n,e)},i=e=>{let t=e.target.value,r=t===``?null:Number.parseFloat(t);f.value=t,n(`input`,{originalEvent:e,value:Number.isNaN(r??NaN)?null:r})};t.addEventListener(`change`,r),t.addEventListener(`input`,i),b=()=>{t.removeEventListener(`change`,r),t.removeEventListener(`input`,i)},y=o(()=>{let n=m();n==null?t.removeAttribute(`aria-valuenow`):t.setAttribute(`aria-valuenow`,String(n)),e.min.value==null?t.removeAttribute(`aria-valuemin`):t.setAttribute(`aria-valuemin`,String(e.min.value)),e.max.value==null?t.removeAttribute(`aria-valuemax`):t.setAttribute(`aria-valuemax`,String(e.max.value)),d.value?t.setAttribute(`aria-readonly`,`true`):t.removeAttribute(`aria-readonly`)}),e.ref.value?.(t),x=h(e.ref,e=>{e?.(t)})};r(v,e=>{e.ref=S}),t({attr:{size:c.size,value:()=>f.value||null,variant:c.variant}});let w=l(()=>u.value||d.value);return i`
|
|
2147
2147
|
<div class="wrapper" part="control" @keydown="${e=>_.handleKeydown(e)}">
|
|
2148
2148
|
<button
|
|
2149
2149
|
type="button"
|
|
@@ -2181,7 +2181,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
2181
2181
|
<ore-icon name="plus" size="14" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2182
2182
|
</button>
|
|
2183
2183
|
</div>
|
|
2184
|
-
`},shadow:{delegatesFocus:!0},styles:[
|
|
2184
|
+
`},shadow:{delegatesFocus:!0},styles:[he,wi]});var Ei=`@layer refine.base{:host{--_cell-size:var(--otp-cell-size,var(--size-12));--_cell-gap:var(--otp-cell-gap,var(--size-2));--_cell-font-size:var(--otp-cell-font-size,var(--text-xl));--_cell-radius:var(--otp-cell-radius,var(--rounded-lg));--_cell-border:var(--otp-cell-border,var(--border));--_cell-border-color:var(--otp-cell-border-color,var(--color-contrast-300));--_cell-bg:var(--otp-cell-bg,var(--color-canvas));--_cell-focus-border:var(--otp-cell-focus-border,var(--_theme-base,var(--color-contrast-700)));gap:var(--size-1);flex-direction:column;display:inline-flex}.otp-group{gap:var(--_cell-gap);align-items:center;display:flex}.cell{box-sizing:border-box;width:var(--_cell-size);height:var(--_cell-size);font-size:var(--_cell-font-size);font-weight:var(--font-semibold);color:var(--color-contrast-900);text-align:center;caret-color:var(--_cell-focus-border);background:var(--_cell-bg);border:var(--_cell-border) solid var(--_cell-border-color);border-radius:var(--_cell-radius);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:0;line-height:1;display:block}.cell::selection{background:var(--_theme-backdrop,var(--color-contrast-100))}.cell:focus{border-color:var(--_cell-focus-border);box-shadow:0 0 0 var(--border-2) color-mix(in oklch, var(--_cell-focus-border) 20%, transparent);outline:none}.cell:disabled{cursor:not-allowed;opacity:.5}.separator{font-size:var(--_cell-font-size);color:var(--color-contrast-400);-webkit-user-select:none;user-select:none}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_cell-bg:var(--otp-cell-bg,var(--color-contrast-50));--_cell-border-color:var(--otp-cell-border-color,var(--color-contrast-300))}:host(:not([variant])) .cell,:host([variant=solid]) .cell{box-shadow:var(--shadow-2xs)}:host([variant=flat]){--_cell-bg:var(--otp-cell-bg,var(--color-contrast-100));--_cell-border-color:var(--otp-cell-border-color,var(--_theme-border,var(--color-contrast-200)))}:host([variant=flat]) .cell{box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) .cell:hover:not(:disabled){background:var(--otp-cell-hover-bg,color-mix(in oklch, var(--_theme-base) 6%, var(--color-contrast-100)));border-color:var(--otp-cell-hover-border-color,color-mix(in oklch, var(--_theme-base) 35%, var(--color-contrast-300)))}:host([variant=flat]) .cell:focus{background:var(--otp-cell-focus-bg,color-mix(in oklch, var(--_theme-base) 8%, var(--color-canvas)));border-color:var(--otp-cell-focus-border-color,color-mix(in oklch, var(--_cell-focus-border) 60%, transparent));box-shadow:var(--_theme-shadow)}:host([variant=bordered]){--_cell-bg:var(--otp-cell-bg,var(--_theme-backdrop,var(--color-contrast-50)));--_cell-border-color:var(--otp-cell-border-color,color-mix(in oklch, var(--_cell-focus-border) 70%, transparent))}:host([variant=bordered]) .cell{color:var(--_theme-base);caret-color:var(--_theme-base)}:host([variant=bordered]) .cell:hover:not(:disabled){border-color:var(--otp-cell-hover-border-color,var(--_cell-focus-border))}:host([variant=outline]){--_cell-bg:var(--otp-cell-bg,transparent)}:host([variant=outline]) .cell{box-shadow:none}:host([variant=ghost]){--_cell-bg:var(--otp-cell-bg,transparent);--_cell-border-color:var(--otp-cell-border-color,transparent)}:host([variant=ghost]) .cell{box-shadow:none}:host([variant=ghost]) .cell:hover:not(:disabled){background:var(--otp-cell-hover-bg,var(--color-contrast-100))}}@layer refine.utilities{:host([size=sm]){--_cell-size:var(--size-9);--_cell-font-size:var(--text-base)}:host([size=lg]){--_cell-size:var(--size-14);--_cell-font-size:var(--text-2xl)}}`,Di=`ore-otp-input`;r(Di,{formAssociated:!0,props:{...J,...Y,...X,label:o.string(`One-time password`),length:o.number(6),masked:o.bool(!1),name:o.string(),separator:o.string(),type:o.oneOf([`numeric`,`alphanumeric`],`numeric`),value:o.string(),variant:o.string()},setup(e,{bind:t,el:n,emit:r,onMounted:o}){let s=$(t,e,a(Q)),u=l(()=>Number(e.length.value)||6),d=s.disabled,f=l(()=>Array.from({length:u.value},(e,t)=>t)),m=p(String(e.value.value||``)),g=()=>String(e.value.value||``);c({disabled:d,toFormValue:e=>e,value:m}),t({attr:{size:s.size,value:()=>m.value||null,variant:s.variant}});function _(){return[...n.shadowRoot?.querySelectorAll(`input.cell`)??[]]}let v=Tt({getItems:()=>_(),keys:{next:[`ArrowRight`],prev:[`ArrowLeft`]},loop:!1,onNavigate:(e,t)=>{_()[t]?.focus()}});function y(){return _().map(e=>e.value).join(``)}function b(e){let t=_(),n=String(e||``).slice(0,t.length);for(let e of t)e.value=``;n.split(``).forEach((e,n)=>{t[n]&&(t[n].value=e)}),m.value=y()}function x(e,t){let n=_(),i=y(),a=t??(i.length===n.length&&i.split(``).every(Boolean));m.value=i,r(`change`,{complete:a,originalEvent:e,value:i}),a&&r(`complete`,{originalEvent:e,value:i})}function S(t){return e.type.value===`numeric`?/^\d$/.test(t):/^[a-z\d]$/i.test(t)}function C(e,t){let n=e.target,r=n.value;if(r.length>1&&(r=r.slice(-1)),r&&!S(r)){n.value=``;return}n.value=r;let i=_();x(e),r&&t<i.length-1&&(i[t+1].focus(),i[t+1].select())}function w(e,t){let n=e.target,r=_();if(v.set(t),e.key===`Backspace`){if(n.value)n.value=``;else if(t>0){let e=r[v.navigate(`prev`)];e&&(e.select(),e.value=``)}x(e,!1),e.preventDefault()}else v.handleKeydown(e)}function T(e){e.preventDefault();let t=(e.clipboardData?.getData(`text`)??``).split(``).filter(e=>S(e)).slice(0,u.value),n=_();t.forEach((e,t)=>{n[t]&&(n[t].value=e)}),x(e),n[Math.min(t.length,n.length-1)]?.focus()}h(e.value,e=>{b(String(e||``))}),h(e.length,()=>{requestAnimationFrame(()=>b(g()))});let E=l(()=>{let t=Number(e.length.value)||6;return e.separator.value==null?-1:Math.floor(t/2)});return o(()=>{b(g())}),i`
|
|
2185
2185
|
<div class="otp-group" part="group" role="group" :aria-label="${e.label}">
|
|
2186
2186
|
${()=>f.value.map(t=>i`
|
|
2187
2187
|
${()=>E.value>0&&t===E.value?i`<span class="separator" aria-hidden="true">${()=>e.separator.value||`-`}</span>`:``}
|
|
@@ -2200,7 +2200,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
2200
2200
|
@focus="${e=>e.target.select()}" />
|
|
2201
2201
|
`)}
|
|
2202
2202
|
</div>
|
|
2203
|
-
`},styles:[q,K({}),
|
|
2203
|
+
`},styles:[q,K({}),xe(`.cell`),Ei]});var Oi=`@layer refine.base{:host{display:block}fieldset{border:none;min-width:0;margin:0;padding:0}legend{margin-bottom:var(--size-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-contrast-600);padding:0}legend[hidden]{display:none}.radio-group-items{flex-direction:var(--radio-group-direction,column);gap:var(--radio-group-gap,var(--size-2));display:flex}.helper-text[hidden]{display:none}.helper-text{margin-top:var(--size-1-5);font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500);padding-left:2px;padding-right:2px}.error-text{margin-top:var(--size-1-5);font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-error);padding-left:2px;padding-right:2px}}@layer refine.variants{:host([orientation=horizontal]) .radio-group-items{--radio-group-direction:row;flex-wrap:wrap}}`,ki=e(`OreRadioGroup`),Ai=`ore-radio-group`;r(Ai,{formAssociated:!0,props:{...J,...Y,...X,error:o.string(),helper:o.string(),label:o.string(),name:o.string(),orientation:o.oneOf([`horizontal`,`vertical`],`vertical`),required:o.bool(!1),value:o.string()},setup(e,{bind:n,el:r,emit:o,onCleanup:s,provide:l,slots:u,watch:d}){let f=a(Q),p=$(n,e,f),m=null,h=mt({disabled:p.disabled,error:e.error,getFormField:()=>m,helper:e.helper,label:e.label,prefix:`radio-group`,signal:Z(s),validateOn:f?.validateOn,value:e.value});m=c({disabled:h.disabled,toFormValue:e=>e,value:h.formValue});let g=h.selectedValue,_=p.disabled;n({attr:{size:p.size,value:()=>g.value||null}});let v=()=>en(r,`ore-radio`),y=()=>_.value?[]:v().filter(e=>!e.hasAttribute(`disabled`)),b=e=>tn(v(),e),x=(e,t)=>{h.setValues(e?[e]:[]),o(`change`,{labels:e?[b(e)]:[],originalEvent:t,values:e?[e]:[]}),h.triggerValidation(`blur`)};l(ki,{color:e.color,disabled:_,name:e.name,select:x,size:e.size,value:g}),d(()=>{u.elements().value,g.value;let t=v();for(let n of t){let t=n.getAttribute(`value`)??``;n.toggleAttribute(`checked`,t===g.value),e.name.value?n.setAttribute(`name`,e.name.value):n.removeAttribute(`name`),e.color.value?n.setAttribute(`color`,e.color.value):n.removeAttribute(`color`),e.size.value?n.setAttribute(`size`,e.size.value):n.removeAttribute(`size`),n.toggleAttribute(`disabled`,_.value)}}),d(()=>{u.elements().value;let e=v(),t=!1;for(let n of e){let e=n.getAttribute(`value`)===g.value;n.setAttribute(`tabindex`,e&&!_.value?`0`:`-1`),e&&!_.value&&(t=!0)}if(!t&&e.length>0){let t=e.find(e=>!e.hasAttribute(`disabled`));t&&t.setAttribute(`tabindex`,`0`)}});let S=Tt({getItems:y,keys:{next:[`ArrowDown`,`ArrowRight`],prev:[`ArrowUp`,`ArrowLeft`]},loop:!0,onNavigate:(e,t,n)=>{let r=y()[t];r&&(r.focus(),r.tagName===`ORE-RADIO`&&x(r.getAttribute(`value`)??``,n))}});n({on:{change:e=>{e.target!==r&&(e.stopPropagation(),x(e.target.getAttribute(`value`)??``,e))},keydown:e=>{let t=y();if(!t.length)return;let n=t.indexOf(document.activeElement);n!==-1&&(S.set(n),S.handleKeydown(e))}}});let C=t(`radio-group-legend`);return i`
|
|
2204
2204
|
<fieldset
|
|
2205
2205
|
role="radiogroup"
|
|
2206
2206
|
aria-required="${()=>String(!!e.required.value)}"
|
|
@@ -2208,7 +2208,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
2208
2208
|
:aria-errormessage="${h.ariaErrorMessage}"
|
|
2209
2209
|
:aria-describedby="${h.ariaDescribedBy}">
|
|
2210
2210
|
<legend id="${C}" ?hidden=${()=>!e.label.value}>
|
|
2211
|
-
${e.label}${
|
|
2211
|
+
${e.label}${oe(()=>!!e.required.value,()=>i`<span aria-hidden="true"> *</span>`)}
|
|
2212
2212
|
</legend>
|
|
2213
2213
|
<div class="radio-group-items" part="items">
|
|
2214
2214
|
<slot></slot>
|
|
@@ -2223,15 +2223,15 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
2223
2223
|
${()=>h.errorText.value||h.helperText.value}
|
|
2224
2224
|
</div>
|
|
2225
2225
|
</fieldset>
|
|
2226
|
-
`},styles:[q,K(),
|
|
2226
|
+
`},styles:[q,K(),he,Oi]});var ji=`@layer refine.base{:host{--_size:var(--radio-size,var(--size-5));--_font-size:var(--radio-font-size,var(--text-sm));--_bg:var(--radio-bg,var(--color-contrast-200));--_border:var(--radio-border-color,var(--color-contrast-300));gap:var(--_gap,var(--size-2));min-height:var(--_touch-target);cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex}.radio-wrapper{width:var(--_size);height:var(--_size);flex-shrink:0;display:block;position:relative}.circle{box-sizing:border-box;width:var(--_size);height:var(--_size);background:var(--_bg);border:var(--border-2) solid var(--_border);transition:background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:50%;position:relative}:host(:focus-visible) .circle{box-shadow:var(--_focus-shadow)}.dot{background:var(--_dot-color);opacity:0;width:50%;height:50%;transition:opacity var(--transition-spring), transform var(--transition-spring);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.label{font-size:var(--_font-size);color:var(--color-contrast)}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500)}.helper-text:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:calc(var(--_size) + var(--size-2))}.helper-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--_size) + var(--size-2))}.helper-text[role=alert]{color:var(--color-error)}}@layer refine.overrides{:host{--_active-bg:var(--radio-checked-bg,var(--_theme-base));--_dot-color:var(--radio-color,var(--_theme-contrast));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .circle{background:var(--_active-bg);border-color:var(--_active-bg)}:host([checked]) .dot{opacity:1;transform:translate(-50%,-50%)scale(1)}}`,Mi=`ore-radio`;r(Mi,{formAssociated:!0,props:{...J,...Y,...X,checked:o.bool(!1),error:o.string(),helper:o.string(),name:o.string(),value:o.string()},setup(e,{bind:t,el:n,emit:r,onCleanup:o}){let s=a(ki),u=a(Q),d=$(t,e,u),f=l(()=>s?.name.value||e.name.value||``),p=l(()=>s?.size.value??d.size.value),m=l(()=>s?.color.value??e.color.value),h=l(()=>s?s.value.value===e.value.value:!!e.checked.value),g=()=>{let e=f.value;return e?Array.from(document.querySelectorAll(`ore-radio[name="${e}"]`)).filter(e=>!e.hasAttribute(`disabled`)):[]},_=(e,t)=>{if(s){s.select(e.getAttribute(`value`)??``,t);return}e.click()},v=Tt({getItems:()=>g(),keys:{next:[`ArrowDown`,`ArrowRight`],prev:[`ArrowUp`,`ArrowLeft`]},loop:!0,onNavigate:(e,t,n)=>{let r=g()[t];r&&(r.focus(),_(r,n))}}),y=t=>{if(!x.checked.value){if(s){s.select(e.value.value??``,t);return}x.toggle(t??new Event(`change`))}},b=null,x=_t({checked:h,disabled:l(()=>d.disabled.value||!!s?.disabled.value),error:e.error,getFormField:()=>b,helper:e.helper,onToggle:e=>{r(`change`,e)},prefix:`radio`,signal:Z(o),validateOn:u?.validateOn,value:e.value});b=c({disabled:x.disabled,toFormValue:e=>e,value:x.checkableFormValue});let{assistiveId:S,checked:C,disabled:w,errorText:T,helperText:E,labelId:D,toggle:O}=x;return t({attr:{ariaChecked:()=>C.value?`true`:`false`,ariaDescribedby:()=>T.value||E.value?S:null,ariaDisabled:()=>w.value?`true`:null,ariaInvalid:()=>T.value?`true`:null,ariaLabelledby:D,checked:C,color:m,disabled:()=>w.value?!0:void 0,name:()=>f.value||void 0,role:`radio`,size:p,tabindex:()=>{if(!w.value)return C.value?0:-1}},class:()=>({"is-checked":C.value,"is-disabled":w.value}),on:{click:t=>{if(!w.value)if(s)s.select(e.value.value??``,t);else{if(!f.value)return;if(!C.value){let r=e.name.value;document.querySelectorAll(`ore-radio[name="${r}"]`).forEach(e=>{e!==n&&e.removeAttribute(`checked`)}),O(t)}}},keydown:e=>{if(e.key===` `||e.key===`Enter`){e.preventDefault(),y(e);return}let t=g();if(t.length===0)return;let r=t.indexOf(n);r!==-1&&(v.set(r),v.handleKeydown(e))}}}),i`
|
|
2227
2227
|
<div class="radio-wrapper" part="radio">
|
|
2228
2228
|
<div class="circle" part="circle">
|
|
2229
2229
|
<div class="dot" part="dot"></div>
|
|
2230
2230
|
</div>
|
|
2231
2231
|
</div>
|
|
2232
2232
|
<span class="label" part="label" id="${D}"><slot></slot></span>
|
|
2233
|
-
${
|
|
2234
|
-
`},styles:[q,
|
|
2233
|
+
${In(S,T,E)}
|
|
2234
|
+
`},styles:[q,Se,he,W,K(nt),ji]});var Ni=`@layer refine.base{:host{--_star-size:var(--rating-star-size,var(--size-7));--_color-empty:var(--rating-color-empty,var(--color-contrast-200));--_color-filled:var(--rating-color-filled,var(--_theme-base,var(--color-warning)));--_gap:var(--rating-gap,var(--size-0_5));flex-wrap:wrap;align-items:center;display:inline-flex}.stars{gap:var(--_gap);align-items:center;display:flex;position:relative}.sparkle-layer{pointer-events:none;position:absolute;inset:0;overflow:visible}.sparkle{pointer-events:none;background:var(--_color-filled);animation:var(--_motion-animation,sparkle-fly var(--_dur,.5s) var(--ease-out) forwards);border-radius:50%;position:absolute}@keyframes sparkle-fly{0%{opacity:.9;transform:translate(-50%, -50%) rotate(var(--_angle)) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--_angle)) translateY(calc(-1 * var(--_dist))) scale(0)}}.star-btn{all:unset;width:var(--_star-size);min-width:var(--_touch-target);height:var(--_star-size);min-height:var(--_touch-target);color:var(--_color-empty);cursor:pointer;border-radius:var(--rounded-sm);transition:color var(--transition-fast), transform .12s var(--ease-spring);justify-content:center;align-items:center;display:inline-flex}.star-btn[data-filled]{color:var(--_color-filled)}:host([solid]) .star-btn ore-icon::part(svg){fill:none}:host([solid]) .star-btn[data-filled] ore-icon::part(svg){fill:currentColor}.star-btn:hover:not([disabled]),.star-btn:focus-visible:not([disabled]){transform:scale(1.08)}.star-btn:focus-visible{outline:var(--border-2) solid var(--_color-filled);outline-offset:var(--border-2)}.star-btn[disabled]{cursor:default}:host([readonly]) .star-btn,:host([disabled]) .star-btn{pointer-events:none}:host([disabled]){opacity:.5}}@layer refine.utilities{:host([size=sm]){--_star-size:var(--size-5)}:host([size=lg]){--_star-size:var(--size-9)}@media (forced-colors:active){.star-btn{color:buttontext}.star-btn[data-filled]{color:highlight;forced-color-adjust:none}.star-btn:focus-visible{box-shadow:none;outline:2px solid highlight}}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500);margin-top:var(--size-1)}.helper-text[role=alert]{color:var(--color-error)}}@media (prefers-reduced-motion:reduce){.sparkle{display:none}}`,Pi=`ore-rating`;r(Pi,{formAssociated:!0,props:{...J,...Y,...X,error:o.string(),helper:o.string(),label:o.string(`Rating`),max:o.number(5),name:o.string(),readonly:o.bool(!1),solid:o.bool(!1),value:o.number(0)},setup(e,{bind:n,el:r,emit:o}){let s=a(Q),u=$(n,e,s),d=l(()=>{let t=Math.max(1,Number(e.max.value)||5),n=Number(e.value.value);return Math.min(t,Math.max(0,Number.isFinite(n)?n:0))}),f=c({disabled:u.disabled,value:l(()=>String(d.value||0))}),m=e=>{s?.validateOn?.value===e&&f.reportValidity()},h=t(`helper`),g=ct({error:e.error,helper:e.helper}),_=l(()=>g.value.errorText),v=l(()=>g.value.helperText),y=l(()=>_.value||v.value?h:null),b=l(()=>!e.readonly.value&&!u.disabled.value),x=p(null),S=l(()=>x.value??d.value),C=()=>[...r.shadowRoot?.querySelectorAll(`[data-star]`)??[]],w=It({max:l(()=>Number(e.max.value)||5),min:p(1),step:p(1)});function T(e){let t=r.shadowRoot?.querySelector(`.sparkle-layer`),n=r.shadowRoot?.querySelector(`[data-star="${e}"]`);if(!t||!n)return;let i=n.offsetLeft+n.offsetWidth/2,a=n.offsetTop+n.offsetHeight/2;for(let e=0;e<10;e++){let n=document.createElement(`span`),r=360/10*e+(Math.random()*30-15),o=18+Math.random()*20,s=3+Math.random()*4,c=380+Math.random()*220;n.className=`sparkle`,n.style.cssText=[`left:${i}px`,`top:${a}px`,`--_angle:${r}deg`,`--_dist:${o}px`,`width:${s}px`,`height:${s}px`,`--_dur:${c}ms`,`animation-delay:${Math.random()*60}ms`].join(`;`),t.appendChild(n),n.addEventListener(`animationend`,()=>n.remove(),{once:!0})}}function E(t,n){if(!b.value)return;let i=Math.max(1,Number(e.max.value)||5),a=Math.min(i,Math.max(0,t));a!==d.value&&(r.setAttribute(`value`,String(a)),o(`change`,{originalEvent:n,value:a}),m(`change`),T(a))}function D(e,t){let n=w.nextFromKey(e.key,t);n!=null&&(e.preventDefault(),E(n,e),C()[n-1]?.focus())}let O=l(()=>{let t=Number(e.max.value)||5;return Array.from({length:t},(e,t)=>t+1)});return n({attr:{size:u.size}}),i`
|
|
2235
2235
|
<div
|
|
2236
2236
|
class="stars"
|
|
2237
2237
|
part="stars"
|
|
@@ -2256,8 +2256,8 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
2256
2256
|
</button>`)}
|
|
2257
2257
|
<div class="sparkle-layer"></div>
|
|
2258
2258
|
</div>
|
|
2259
|
-
${
|
|
2260
|
-
`},styles:[q,K({}),W,G,
|
|
2259
|
+
${In(h,_,v)}
|
|
2260
|
+
`},styles:[q,K({}),W,G,Ni]});var Fi=`@layer refine.base{:host{--_size:var(--slider-size,var(--size-5));--_height:var(--slider-height,var(--size-3));--_track:var(--slider-track-bg,var(--color-contrast-300));--_fill:var(--slider-fill,var(--color-neutral));--_thumb:var(--slider-thumb-bg,var(--color-contrast-100));--_thumb-size:calc(var(--_size) - var(--size-1));--_font-size:var(--text-sm);--_shadow:var(--color-neutral-focus-shadow);gap:var(--_gap,var(--size-3));touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;width:100%;display:inline-flex;position:relative}}.slider-container{width:100%;height:var(--_size);min-height:var(--_touch-target);flex:1;align-items:center;display:flex;position:relative}.slider-track{width:100%;height:var(--_height);background:var(--_track);border-radius:var(--rounded-full);position:relative}.slider-fill{top:0;left:var(--_fill-start,0%);width:var(--_fill-width,0%);background:var(--_fill);border-radius:var(--rounded-full);height:100%;transition:left var(--transition-normal), width var(--transition-normal);position:absolute}:host([data-dragging]) .slider-fill{transition:none}.slider-thumb{z-index:1;width:var(--_thumb-size);height:var(--_thumb-size);cursor:grab;background:var(--_thumb);border:2px solid var(--_fill);border-radius:var(--rounded-full);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal), transform var(--transition-fast), left var(--transition-normal);will-change:transform;position:absolute;top:50%;transform:translate(-50%,-50%)}:host([data-dragging]) .slider-thumb{transition:box-shadow var(--transition-normal), transform var(--transition-fast)}.slider-thumb-sole{left:var(--_thumb-pos,0%)}:host(:focus-visible) .slider-thumb-sole,:host(:active) .slider-thumb-sole{box-shadow:var(--_shadow);transform:translate(-50%,-50%)scale(1.1)}.slider-thumb-start{left:var(--_thumb-start,0%)}.slider-thumb-end{left:var(--_thumb-end,100%)}.slider-thumb-start:focus-visible,.slider-thumb-end:focus-visible{z-index:2;cursor:grabbing;outline:var(--border-2) solid var(--_fill);outline-offset:2px;box-shadow:var(--_shadow);transform:translate(-50%,-50%)scale(1.1)}:host(:not([range])) .slider-thumb-start,:host(:not([range])) .slider-thumb-end,:host([range]) .slider-thumb-sole{display:none}@media (forced-colors:active){:host(:focus-visible) .slider-thumb-sole{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}@layer refine.overrides{:host{--_fill:var(--slider-fill,var(--_theme-base));--_shadow:var(--_theme-shadow)}}.label{font-size:var(--_font-size);color:var(--color-contrast);white-space:nowrap}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500)}.helper-text[role=alert]{color:var(--color-error)}@media (pointer:coarse){:host{--_thumb-size:calc(var(--_size) + var(--size-2));--_size:var(--size-7)}}`,Ii=(e,t)=>n=>{e()&&t(n)},Li=`ore-slider`;r(Li,{formAssociated:!0,props:{...J,...Y,...X,error:o.string(),from:o.number(0),"from-value-text":o.string(),helper:o.string(),max:o.number(100),min:o.number(0),name:o.string(),range:o.bool(!1),step:o.number(1),to:o.number(100),"to-value-text":o.string(),value:o.number(0),"value-text":o.string()},setup(e,{aria:n,bind:r,el:o,emit:u,onCleanup:d,onEvent:f,onMounted:m,slots:g}){let _=e.range.value,v=It({max:e.max,min:e.min,step:e.step}),y=a(Q),b=$(r,e,y),x=p(!1),S=b.disabled,C=p(void 0),w=t(`helper`),T=ct({error:e.error,helper:e.helper}),E=l(()=>T.value.errorText),D=l(()=>T.value.helperText),O=l(()=>E.value||D.value?w:null);r({attr:{"data-dragging":()=>x.value?!0:void 0,size:b.size}});let k,A=p(`0`);_||(k=c({disabled:S,value:A}),h(e.value,e=>{A.value=String(e)},{immediate:!0}),r({attr:{ariaDescribedby:()=>O.value??null,ariaDisabled:()=>S.value?`true`:null,ariaLabelledby:()=>C.value??null,ariaValuemax:()=>v.max(),ariaValuemin:()=>v.min(),ariaValuenow:()=>Number(A.value||0),ariaValuetext:()=>e[`value-text`].value??null,role:()=>`slider`,tabindex:()=>S.value?null:`0`}}));let j=p(0),M=p(100);_&&(k=c({disabled:S,toFormValue:({from:t,to:n})=>{let r=e.name.value;if(!r)return null;let i=new FormData;return i.append(`${r}[from]`,String(t)),i.append(`${r}[to]`,String(n)),i},value:l(()=>({from:j.value,to:M.value}))}),h(e.from,e=>{j.value=v.snap(Number(e))},{immediate:!0}),h(e.to,e=>{M.value=v.snap(Number(e))},{immediate:!0}));let N=s(),P=s(),F=s(),I=s(),L=t(`slider-start`),R=t(`slider-end`),z=e=>{let t=v.toPercent(e);o.style.setProperty(`--_thumb-pos`,`${t}%`),o.style.setProperty(`--_fill-start`,`0%`),o.style.setProperty(`--_fill-width`,`${t}%`)},ee=()=>{let e=v.toPercent(j.value),t=v.toPercent(M.value);o.style.setProperty(`--_thumb-start`,`${e}%`),o.style.setProperty(`--_thumb-end`,`${t}%`),o.style.setProperty(`--_fill-start`,`${e}%`),o.style.setProperty(`--_fill-width`,`${t-e}%`)},B=e=>{y?.validateOn?.value===e&&k?.reportValidity()},te=t=>{ee();let r=e=>{let n=t.getBoundingClientRect();return v.fromClientX(e,n)},i=null,a=e=>{i===`start`?j.value=Math.min(v.snap(e),M.value):i===`end`&&(M.value=Math.max(v.snap(e),j.value)),j.value=v.clamp(j.value),M.value=v.clamp(M.value),ee(),u(`change`,{from:j.value,to:M.value,value:{from:j.value,to:M.value}}),B(`change`)};f(t,`pointerdown`,Ii(()=>!S.value,e=>{e.preventDefault();let t=r(e.clientX);i=Math.abs(t-j.value)<=Math.abs(t-M.value)?`start`:`end`,e.target.setPointerCapture(e.pointerId),a(t)})),f(t,`pointermove`,Ii(()=>!!i,e=>{e.preventDefault(),x.value||=!0,a(r(e.clientX))})),f(t,`pointerup`,Ii(()=>!!i,e=>{e.preventDefault(),i=null,x.value=!1,e.target.releasePointerCapture(e.pointerId)}));let o=(e,t)=>n=>{if(S.value)return;let r=v.nextFromKey(n.key,e());r!==null&&(n.preventDefault(),t(v.snap(r)),ee(),u(`change`,{from:j.value,originalEvent:n,to:M.value,value:{from:j.value,to:M.value}}),B(`change`))},s=F.value,c=I.value;s&&(f(s,`keydown`,o(()=>j.value,e=>{j.value=Math.min(e,M.value)})),d(n(s,{label:`Range start`,valuemax:()=>M.value,valuemin:()=>v.min(),valuenow:()=>j.value,valuetext:()=>e[`from-value-text`].value??null}))),c&&(f(c,`keydown`,o(()=>M.value,e=>{M.value=Math.max(e,j.value)})),d(n(c,{label:`Range end`,valuemax:()=>v.max(),valuemin:()=>j.value,valuenow:()=>M.value,valuetext:()=>e[`to-value-text`].value??null})))},V=e=>{z(Number(A.value));let t=t=>{if(S.value)return;let n=e.getBoundingClientRect(),r=v.fromClientX(t,n);Number(A.value)!==r&&(A.value=r.toString(),z(r),u(`change`,{value:r}),B(`change`))},n=!1;f(e,`pointerdown`,Ii(()=>!S.value,e=>{e.preventDefault(),n=!0,t(e.clientX),e.target.setPointerCapture(e.pointerId)})),f(e,`pointermove`,Ii(()=>n,e=>{e.preventDefault(),x.value||=!0,t(e.clientX)})),f(e,`pointerup`,Ii(()=>n,e=>{e.preventDefault(),n=!1,x.value=!1,e.target.releasePointerCapture(e.pointerId)})),f(o,`keydown`,Ii(()=>!S.value,e=>{let t=Number(A.value||0),n=v.nextFromKey(e.key,t);if(n===null)return;e.preventDefault();let r=v.clamp(n);r!==t&&(A.value=r.toString(),z(r),u(`change`,{originalEvent:e,value:r}),B(`change`))}))};return m(()=>{let e=N.value;if(e){if(g.has().value&&P.value){let e=t(`slider-label`);P.value.id=e,_||(C.value=e)}_?te(e):V(e)}}),i`
|
|
2261
2261
|
<div class="slider-container" part="slider" ref=${N}>
|
|
2262
2262
|
<div class="slider-track" part="track">
|
|
2263
2263
|
<div class="slider-fill" part="fill"></div>
|
|
@@ -2281,16 +2281,16 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
2281
2281
|
</div>
|
|
2282
2282
|
</div>
|
|
2283
2283
|
<span class="label" part="label" ref=${P}><slot></slot></span>
|
|
2284
|
-
${
|
|
2285
|
-
`},styles:[
|
|
2284
|
+
${In(w,E,D)}
|
|
2285
|
+
`},styles:[he,q,K(it),Fi,W]});var Ri=`@layer refine.base{:host{--_width:var(--switch-width,var(--size-10));--_height:var(--switch-height,var(--size-5));--_padding:var(--size-0-5);--_thumb-size:calc(var(--_height) - var(--_padding) * 2);--_track-bg:var(--switch-track-bg,var(--color-contrast-300));--_thumb-bg:var(--switch-thumb-bg,white);--_font-size:var(--switch-font-size,var(--text-sm));gap:var(--_gap,var(--size-2-5));min-height:var(--size-11);touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex}.switch-wrapper{flex-shrink:0;display:flex}.switch-track{width:var(--_width);height:var(--_height);background:var(--_track-bg);border-radius:var(--rounded-full);transition:background var(--transition-normal), box-shadow var(--transition-normal);position:relative}.switch-thumb{top:var(--_padding);width:var(--_thumb-size);height:var(--_thumb-size);background:var(--_thumb-bg);border-radius:var(--rounded-full);box-shadow:var(--shadow-sm);transition:transform var(--transition-spring), box-shadow var(--transition-normal);will-change:transform;position:absolute}.switch-thumb:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--_padding)}.switch-thumb:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_padding)}input:focus-visible~.switch-track{box-shadow:var(--_focus-shadow)}.label{font-size:var(--_font-size);color:var(--color-contrast)}}@layer refine.overrides{:host{--_active-bg:var(--switch-checked-bg,var(--_theme-base));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .switch-track{background:var(--_active-bg)}:host([checked]) .switch-thumb{transform:translateX(calc(var(--_width) - var(--_height)))}:host(:dir(rtl)[checked]) .switch-thumb{transform:translateX(calc(-1 * (var(--_width) - var(--_height))))}:host(:hover:not([disabled],[checked])) .switch-track{background:var(--color-contrast-400)}:host(:hover:not([disabled])[checked]) .switch-track{filter:brightness(1.1)}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500)}.helper-text:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:calc(var(--_width) + var(--size-2-5))}.helper-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--_width) + var(--size-2-5))}.helper-text[role=alert]{color:var(--color-error)}}`,zi=`ore-switch`;r(zi,{formAssociated:!0,props:{...J,...Y,...X,checked:o.bool(!1),error:o.string(),helper:o.string(),name:o.string(),value:o.string(`on`)},setup(e,{bind:t,emit:n,onCleanup:r}){let o=a(Q),s=$(t,e,o),l=null,u=_t({checked:e.checked,clearIndeterminateFirst:!1,disabled:s.disabled,error:e.error,getFormField:()=>l,helper:e.helper,onToggle:e=>{u.triggerValidation(`change`),n(`change`,e)},prefix:`switch`,signal:Z(r),validateOn:o?.validateOn,value:e.value});l=c({disabled:u.disabled,toFormValue:e=>e,value:u.checkableFormValue});let{assistiveId:d,checked:f,disabled:p,errorText:m,handleClick:h,handleKeydown:g,helperText:_,labelId:v}=u;return Pn(t,s.size,{assistiveId:d,checked:f,disabled:p,errorText:m,handleClick:h,handleKeydown:g,helperText:_,labelId:v},`switch`),i`
|
|
2286
2286
|
<div class="switch-wrapper" part="switch">
|
|
2287
2287
|
<div class="switch-track" part="track">
|
|
2288
2288
|
<div class="switch-thumb" part="thumb"></div>
|
|
2289
2289
|
</div>
|
|
2290
2290
|
</div>
|
|
2291
2291
|
<span class="label" part="label" id="${v}"><slot></slot></span>
|
|
2292
|
-
${
|
|
2293
|
-
`},styles:[q,
|
|
2292
|
+
${In(d,m,_)}
|
|
2293
|
+
`},styles:[q,Se,he,K(rt),Ri]});var Bi=`@layer refine.base{:host{--_font-size:var(--textarea-font-size,var(--text-sm));--_gap:var(--textarea-gap,var(--size-2));--_padding:var(--textarea-padding,var(--size-2) var(--size-3));--_radius:var(--textarea-radius,var(--rounded-lg));--_placeholder:var(--textarea-placeholder-color,var(--color-contrast-500));--_bg:var(--textarea-bg,var(--color-contrast-100));--_border-color:var(--textarea-border-color,var(--color-contrast-300));--_min-height:var(--textarea-min-height,var(--size-24));--_max-height:var(--textarea-max-height,none);--_resize:var(--textarea-resize,vertical);flex-direction:column;align-items:stretch;min-width:12rem;display:inline-flex}.textarea-wrapper{gap:var(--size-1-5);flex-direction:column;min-width:0;display:flex}:host(:not([label-placement=outside])) .textarea-wrapper{position:relative}:host(:not([label-placement=outside])) .label{z-index:1;pointer-events:none;top:var(--size-2);position:absolute}:host(:not([label-placement=outside])) .label:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .textarea-wrapper:has(.label:not([hidden])) .field{padding-top:calc(var(--size-2) + 1lh + 2px)}.field{box-sizing:border-box;min-width:0;padding:var(--_padding);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--shadow-2xs);transition:background var(--transition-fast), backdrop-filter var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);display:grid}.label,label.label{font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);color:var(--color-contrast-500);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast);margin-bottom:2px}:host([label-placement=outside]) .label,:host([label-placement=outside]) label.label{font-size:var(--text-sm);line-height:var(--leading-none);margin-bottom:0}.helper-text[hidden]{display:none}.helper-text{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500);padding-left:2px;padding-right:2px}textarea{box-sizing:border-box;min-width:12rem;min-height:var(--_min-height);max-height:var(--_max-height);font:inherit;font-size:var(--_font-size);line-height:var(--leading-relaxed);color:var(--textarea-color,var(--text-color-body));resize:vertical;background:0 0;border:none;outline:none;padding:0}textarea::placeholder{color:var(--_placeholder);transition:color var(--transition-fast)}textarea:focus-visible{outline:none}.counter{margin-top:var(--size-1);font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-400);transition:color var(--transition-fast);align-self:flex-end;padding-left:2px;padding-right:2px}.counter.near-limit{color:var(--color-warning)}.counter.at-limit{color:var(--color-error)}:host(:not([disabled],[variant=bordered],[variant=flat])) .field:hover{border-color:var(--color-contrast-400)}:host(:not([disabled],[variant=text],[variant=flat])) .field:focus-within{background:var(--color-canvas);border-color:var(--_theme-focus);box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow))}:host(:not([disabled])) .field:focus-within~.label{color:var(--_theme-focus)}:host(:not([disabled])) .textarea-wrapper:has(.field:focus-within) .label{color:var(--_theme-focus)}:host([error]:not([error=""])) .field{border-color:var(--color-error)}:host([error]:not([error=""])) .field:focus-within{border-color:var(--color-error);box-shadow:var(--color-error-focus-shadow)}:host([error]:not([error=""])) .label{color:var(--color-error)}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_bg:var(--textarea-bg,var(--color-contrast-50));--_border-color:var(--textarea-border-color,var(--color-contrast-300))}:host(:not([variant])) .field,:host([variant=solid]) .field{box-shadow:var(--shadow-2xs)}:host(:not([variant],[disabled])) .field:focus-within,:host([variant=solid]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}:host([variant=flat]){--_bg:var(--textarea-bg,var(--color-contrast-100));--_border-color:var(--textarea-border-color,var(--_theme-border))}:host([variant=flat]) .field{box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) .field:hover{background:var(--textarea-hover-bg,color-mix(in oklch, var(--_theme-base) 6%, var(--color-contrast-100)));border-color:var(--textarea-hover-border-color,color-mix(in oklch, var(--_theme-base) 35%, var(--color-contrast-300)))}:host([variant=flat]) .field:focus-within{background:var(--textarea-focus-bg,color-mix(in oklch, var(--_theme-base) 8%, var(--color-canvas)));border-color:var(--textarea-focus-border-color,color-mix(in oklch, var(--_theme-focus) 60%, transparent));box-shadow:var(--_theme-shadow)}:host([variant=bordered]){--_bg:var(--textarea-bg,var(--_theme-backdrop));--_border-color:var(--textarea-border-color,color-mix(in oklch, var(--_theme-focus) 70%, transparent))}:host([variant=bordered]) textarea{color:var(--_theme-base)}:host([variant=bordered]) textarea::placeholder{color:var(--textarea-placeholder-color,color-mix(in oklch, var(--_theme-base) 45%, transparent))}:host([variant=bordered]) .field:hover{border-color:var(--textarea-hover-border-color,var(--_theme-focus))}:host([variant=outline]){--_bg:var(--textarea-bg,transparent)}:host([variant=outline]) .field{box-shadow:none}:host([variant=outline]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}:host([variant=ghost]){--_bg:var(--textarea-bg,transparent);--_border-color:var(--textarea-border-color,transparent)}:host([variant=ghost]) .field{box-shadow:none}:host([variant=ghost]) .field:hover{background:var(--textarea-hover-bg,var(--color-contrast-100))}:host([variant=ghost]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}}@layer refine.utilities{:host([auto-resize]) textarea{overflow:hidden}:host([fullwidth]){width:100%}}`,Vi=`ore-textarea`;r(Vi,{formAssociated:!0,props:{...J,...Y,...X,...Ze,"auto-resize":o.bool(!1),error:o.string(),fullwidth:o.bool(!1),helper:o.string(),label:o.string(),"label-placement":o.oneOf([`inset`,`outside`],`inset`),maxlength:o.json(void 0),name:o.string(),"no-resize":o.bool(!1),placeholder:o.string(),readonly:o.bool(!1),ref:o.json(void 0),required:o.bool(!1),resize:o.string(),rows:o.json(void 0),value:o.string(),variant:o.string()},setup(e,{bind:t,emit:n,onCleanup:r,onElement:o,watch:l}){let u=a(Q),d=$(t,e,u),f=s(),p=()=>{if(!e[`auto-resize`].value||!f.value)return;let t=f.value;t.style.height=`auto`,t.style.height=`${t.scrollHeight}px`},m=Z(r),g=null,_=ft({disabled:d.disabled,error:e.error,getFormField:()=>g,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],maxLength:e.maxlength,onBeforeInput:p,onChange:(e,t)=>{n(`change`,{originalEvent:e,value:t})},onInput:(e,t)=>{n(`input`,{originalEvent:e,value:t})},prefix:`textarea`,signal:m,validateOn:u?.validateOn,value:e.value});g=c({disabled:_.disabled,toFormValue:e=>e,value:_.value});let{ariaDescribedBy:v,ariaErrorMessage:y,ariaInvalid:b,ariaLabelledBy:x,assistiveId:S,counter:C,errorId:w,errorText:T,fieldId:E,helperText:D,labelId:O,labelVisible:k}=_;return o(f,t=>{let n=_.wire(t);e.ref.value?.(t);let r=h(e.ref,e=>{e?.(t)}),i=l(()=>{t.style.resize=e[`auto-resize`].value||e[`no-resize`].value?`none`:e.resize.value||`vertical`,e[`auto-resize`].value&&requestAnimationFrame(p)});return()=>{r.dispose(),e.ref.value?.(null),n(),i()}}),t({attr:{error:()=>T.value||void 0,size:d.size,variant:d.variant}}),i`
|
|
2294
2294
|
<div class="textarea-wrapper" part="wrapper">
|
|
2295
2295
|
<label class="label" part="label" for="${E}" id="${O}" ?hidden="${()=>!k.value}"
|
|
2296
2296
|
>${e.label}</label
|
|
@@ -2321,7 +2321,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
2321
2321
|
${()=>T.value}
|
|
2322
2322
|
</div>
|
|
2323
2323
|
</div>
|
|
2324
|
-
`},shadow:{delegatesFocus:!0},styles:[...
|
|
2324
|
+
`},shadow:{delegatesFocus:!0},styles:[...Me,K(tt),xe(`textarea`),Bi]});var Hi=`@layer refine.base{:host{--_selected-bg:var(--time-picker-selected-bg,var(--_theme-focus));--_hover-bg:var(--time-picker-option-hover-bg,color-mix(in oklch, var(--_selected-bg) 12%, transparent));display:inline-block;position:relative}:host([fullwidth]){display:block}:host([color=secondary]){--_selected-bg:var(--time-picker-selected-bg,var(--_theme-base))}[hidden]{display:none!important}.trigger{cursor:pointer}.trigger::part(input){cursor:pointer;caret-color:#0000;-webkit-user-select:none;user-select:none}.dropdown{top:calc(100% + var(--size-1));z-index:var(--z-dropdown,200);pointer-events:none;background:var(--time-picker-bg,var(--_bg));border:var(--border) solid var(--time-picker-border-color,var(--_border-color));border-radius:var(--time-picker-radius,var(--_radius));min-width:12rem;box-shadow:var(--time-picker-shadow,var(--shadow-lg));opacity:0;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);flex-direction:column;display:flex;position:absolute;left:0;overflow:hidden}.dropdown[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.dropdown[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.cols-row{flex-direction:row;align-items:stretch;display:flex}.col,.col-sep{flex-direction:column;align-items:center;display:flex}.col{min-width:var(--size-14);border-bottom:var(--border) solid var(--_border-color);flex:1}.col-period{min-width:var(--size-16);flex:none}.col-label{width:100%;padding:var(--size-1) var(--size-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-contrast-400);text-align:center;letter-spacing:.05em;border-bottom:var(--border) solid var(--_border-color)}.col-scroll{width:100%;max-height:11rem;padding-block:var(--size-1);scrollbar-width:thin;overflow-y:auto}.col-sep{padding-top:var(--size-8);padding-inline:var(--size-0-5);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-contrast-500);-webkit-user-select:none;user-select:none;border-bottom:var(--border) solid var(--_border-color);flex-shrink:0;justify-content:center;align-items:center;display:flex}.option{height:var(--size-8);padding-inline:var(--size-2);margin-inline:var(--size-1);font-size:var(--text-sm);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);outline:none;justify-content:center;align-items:center;display:flex}.option:hover:not([data-disabled]){color:var(--color-contrast-900);background:var(--_hover-bg)}.option:focus-visible{box-shadow:0 0 0 2px var(--_selected-bg)}.option[aria-selected=true]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_selected-bg)}.option[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}@media (prefers-reduced-motion:reduce){.option{transition:none}}}`;function Ui(e){if(!e)return null;let t=/^(\d{1,2}):(\d{2})$/.exec(e.trim());if(!t)return null;let n=Number(t[1]),r=Number(t[2]);return n<0||n>23||r<0||r>59?null:{hours:n,minutes:r}}function Wi(e,t){return`${String(e).padStart(2,`0`)}:${String(t).padStart(2,`0`)}`}function Gi(e,t,n){if(n===`12`){let n=e>=12?`PM`:`AM`,r=e%12==0?12:e%12;return`${String(r).padStart(2,`0`)}:${String(t).padStart(2,`0`)} ${n}`}return Wi(e,t)}function Ki(e,t,n,r){let i=e*60+t,a=Ui(n),o=Ui(r),s=a?a.hours*60+a.minutes:0,c=o?o.hours*60+o.minutes:1439,l=Math.min(Math.max(i,s),c);return{hours:Math.floor(l/60),minutes:l%60}}var qi=`ore-time-picker`;r(qi,{formAssociated:!0,props:{...J,...Y,...X,...Ze,error:o.string(),fullwidth:o.bool(!1),helper:o.string(),label:o.string(),"label-placement":o.oneOf([`inset`,`outside`],`inset`),max:o.string(),min:o.string(),"minute-step":o.number(5),name:o.string(),placeholder:o.string(),required:o.bool(!1),"time-format":o.oneOf([`12`,`24`],`24`),value:o.string(),variant:o.string()},setup(e,{bind:t,el:n,emit:r,onMounted:o}){let s=p(!1),u=p(Ui(e.value.value)),d=$(t,e,a(Q)),f=d.disabled;c({disabled:f,toFormValue:e=>e||null,value:l(()=>{let e=u.value;return e?Wi(e.hours,e.minutes):``})});let m=l(()=>e[`time-format`].value??`24`),h=l(()=>Math.max(1,Math.min(59,e[`minute-step`].value??5))),g=l(()=>u.value?Gi(u.value.hours,u.value.minutes,m.value):e.placeholder.value||``),_=l(()=>m.value===`12`?Array.from({length:12},(e,t)=>t+1):Array.from({length:24},(e,t)=>t)),v=l(()=>{let e=h.value,t=[];for(let n=0;n<60;n+=e)t.push(n);return t}),y=`time-picker-${Math.random().toString(36).slice(2,9)}-dropdown`;function b(e){if(m.value===`24`)return e;let t=e%12;return t===0?12:t}function x(e,t){return m.value===`24`?e:t===`AM`?e===12?0:e:e===12?12:e+12}function S(t,n){let r=t*60+n,i=Ui(e.min.value),a=Ui(e.max.value);return!!(i&&r<i.hours*60+i.minutes||a&&r>a.hours*60+a.minutes)}let C=p(u.value?.hours??0),w=p(u.value?.minutes??0),T=p((u.value?.hours??0)>=12?`PM`:`AM`),E=e.value.value;o(()=>{let t=setInterval(()=>{let t=e.value.value;if(t!==E){E=t;let e=Ui(t);u.value=e,e&&(C.value=e.hours,w.value=e.minutes,T.value=e.hours>=12?`PM`:`AM`)}},50);return()=>clearInterval(t)});function D(t,n){let i=Ki(t,n,e.min.value,e.max.value),a=Math.round(i.minutes/h.value)*h.value,o=Math.min(a,59);u.value={hours:i.hours,minutes:o},r(`change`,{value:Wi(i.hours,o)})}function O(e){let t=m.value===`12`?x(C.value,T.value):C.value;w.value=e,D(t,e),A()}function k(){if(f.value)return;let e=u.value;e?(C.value=m.value===`12`?b(e.hours):e.hours,w.value=e.minutes,T.value=e.hours>=12?`PM`:`AM`):(C.value=m.value===`12`?12:0,w.value=0,T.value=`AM`),s.value=!0}function A(){s.value=!1}function j(){s.value?A():k()}function M(e){s.value&&(e.composedPath().includes(n)||A())}o(()=>(document.addEventListener(`pointerdown`,M,{capture:!0}),()=>document.removeEventListener(`pointerdown`,M,{capture:!0})));function N(e){f.value||(e.key===`Enter`||e.key===` `?(e.preventDefault(),j()):e.key===`Escape`&&s.value?(e.preventDefault(),A()):(e.key===`ArrowDown`||e.key===`ArrowUp`)&&!s.value&&(e.preventDefault(),k()))}function P(e){e.key===`Escape`&&(e.preventDefault(),A())}function F(e){let t=_.value,n=t.indexOf(C.value);e.key===`ArrowUp`?(e.preventDefault(),C.value=t[(n-1+t.length)%t.length]):e.key===`ArrowDown`&&(e.preventDefault(),C.value=t[(n+1)%t.length])}function I(e){let t=v.value,n=t.indexOf(w.value);e.key===`ArrowUp`?(e.preventDefault(),w.value=t[(n-1+t.length)%t.length]):e.key===`ArrowDown`&&(e.preventDefault(),w.value=t[(n+1)%t.length])}function L(e){(e.key===`ArrowUp`||e.key===`ArrowDown`)&&(e.preventDefault(),T.value=T.value===`AM`?`PM`:`AM`)}return t({attr:{open:()=>s.value?!0:void 0}}),i`
|
|
2325
2325
|
<!-- Trigger -->
|
|
2326
2326
|
<ore-input
|
|
2327
2327
|
class="trigger"
|
|
@@ -2417,7 +2417,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
2417
2417
|
</div>`:i``}
|
|
2418
2418
|
</div>
|
|
2419
2419
|
</div>
|
|
2420
|
-
`},shadow:{delegatesFocus:!0},styles:[q,G,Ui]});var Yi=`@layer refine.base{:host{--_bg:var(--box-bg,var(--color-canvas));--_color:var(--box-color,var(--color-contrast-900));--_border-width:var(--box-border,var(--border));--_border-color:var(--box-border-color,var(--color-divider));--_radius:var(--box-radius,var(--rounded-lg));--_padding:var(--box-padding,var(--size-4));--_shadow:var(--box-shadow,var(--shadow-sm));display:block;position:relative}.box{box-sizing:border-box;width:100%;height:100%;padding:var(--_padding);color:var(--_color);background:var(--_bg);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:backdrop-filter var(--transition-fast), box-shadow var(--transition-normal), background var(--transition-normal), border-color var(--transition-normal);position:relative}}@layer refine.variants{:host([color]){--_bg:var(--box-bg,var(--_theme-backdrop));--_border-color:var(--box-border-color,var(--_theme-border))}:host([variant=flat]){--_shadow:none}:host([variant=glass]:not([color])){--_bg:color-mix(in oklch, var(--color-secondary) 20%, transparent);--_border-color:color-mix(in oklch, var(--color-secondary-contrast) 15%, transparent)}:host([variant=glass][color]){--_bg:color-mix(in oklch, var(--_theme-base) 20%, transparent);--_border-color:color-mix(in oklch, var(--_theme-contrast) 15%, transparent);--_color:var(--_theme-content)}:host([variant=glass]) .box{box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([color]:not([variant=glass],[variant=frost]):hover){--_bg:color-mix(in oklch, var(--_theme-base) 16%, var(--color-contrast-50));--_border-color:var(--_theme-focus)}}@layer refine.utilities{:host([fullwidth]){width:100%}}`,Xi=`ore-box`;r(Xi,{props:{color:o.string(),effect:o.string(),elevation:o.number(),fullwidth:o.bool(),padding:o.string(),rounded:o.string(),variant:o.string()},setup(){return i`<div class="box" part="box"><slot></slot></div>`},styles:[...Me,Ae(`.box`),Oe(`.box`),Yi]});var Zi=`@layer refine.base{:host{display:block}}@layer refine.utilities{:host([align=start]){align-self:start}:host([align=center]){align-self:center}:host([align=end]){align-self:end}:host([align=stretch]){align-self:stretch}:host([justify=start]){justify-self:start}:host([justify=center]){justify-self:center}:host([justify=end]){justify-self:end}:host([justify=stretch]){justify-self:stretch}}`,Qi=`ore-grid-item`;r(Qi,{props:{align:o.string(),area:o.string(),col:o.string(),colSpan:o.string(),justify:o.string(),row:o.string(),rowSpan:o.string()},setup(e,{bind:t,el:n}){let r=l(()=>{let t=e.col.value,n=e.colSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)}),a=l(()=>{let t=e.row.value,n=e.rowSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)});return t({style:{gridArea:e.area,gridColumn:r,gridRow:a}}),i`<slot></slot>`},styles:[Zi]});var $i=`@layer refine.base{:host{--_cols:var(--grid-cols,repeat(auto-fit, minmax(250px, 1fr)));--_rows:var(--grid-rows,auto);--_gap:var(--grid-gap,var(--size-4));--_row-gap:var(--grid-row-gap,var(--_gap));--_col-gap:var(--grid-col-gap,var(--_gap));grid-template-rows:var(--_rows);grid-template-columns:var(--_cols);gap:var(--_row-gap) var(--_col-gap);grid-auto-flow:row;display:grid}:host([gap=none]){--_row-gap:0;--_col-gap:0}:host([gap=xs]){--_row-gap:var(--size-1);--_col-gap:var(--size-1)}:host([gap=sm]){--_row-gap:var(--size-2);--_col-gap:var(--size-2)}:host([gap=md]){--_row-gap:var(--size-4);--_col-gap:var(--size-4)}:host([gap=lg]){--_row-gap:var(--size-6);--_col-gap:var(--size-6)}:host([gap=xl]){--_row-gap:var(--size-8);--_col-gap:var(--size-8)}:host([gap="2xl"]){--_row-gap:var(--size-12);--_col-gap:var(--size-12)}:host([align=start]){align-items:start}:host([align=center]){align-items:center}:host([align=end]){align-items:end}:host([align=stretch]){align-items:stretch}:host([align=baseline]){align-items:baseline}:host([justify=start]){justify-items:start}:host([justify=center]){justify-items:center}:host([justify=end]){justify-items:end}:host([justify=stretch]){justify-items:stretch}:host([flow=row]){grid-auto-flow:row}:host([flow=column]){grid-auto-flow:column}:host([flow=row-dense]){grid-auto-flow:dense}:host([flow=column-dense]){grid-auto-flow:column dense}:host([fullwidth]){width:100%}}`,ea=[[`cols2xl`,`--size-screen-2xl`],[`colsXl`,`--size-screen-xl`],[`colsLg`,`--size-screen-lg`],[`colsMd`,`--size-screen-md`],[`colsSm`,`--size-screen-sm`]],ta=[[`areas2xl`,`--size-screen-2xl`],[`areasXl`,`--size-screen-xl`],[`areasLg`,`--size-screen-lg`],[`areasMd`,`--size-screen-md`],[`areasSm`,`--size-screen-sm`]],na=(e,t,n)=>{let r=getComputedStyle(e).getPropertyValue(t).trim(),i=Number.parseFloat(r);return Number.isFinite(i)?i:n},ra={"--size-screen-2xl":1536,"--size-screen-lg":1024,"--size-screen-md":768,"--size-screen-sm":640,"--size-screen-xl":1280},ia=`ore-grid`;r(ia,{props:{align:o.string(),areas:o.string(),areas2xl:o.string(),areasLg:o.string(),areasMd:o.string(),areasSm:o.string(),areasXl:o.string(),cols:o.string(),cols2xl:o.string(),colsLg:o.string(),colsMd:o.string(),colsSm:o.string(),colsXl:o.string(),flow:o.string(),fullwidth:o.bool(!1),gap:o.string(),justify:o.string(),minColWidth:o.string(),responsive:o.bool(!1),rows:o.string()},setup(e,{el:t,onMounted:n,watch:r}){let a=(e,t,n)=>e===`auto`||!e&&t?`repeat(auto-fit, minmax(${n||`250px`}, 1fr))`:e?`repeat(${e}, 1fr)`:null,o=()=>{let n=t.offsetWidth,r=!!e.responsive.value,i=e.minColWidth.value??``,o;for(let[r,i]of ea)if(n>=na(t,i,ra[i])&&e[r].value){o=e[r].value;break}o||=e.cols.value||void 0;let s=a(o,r,i);s?t.style.setProperty(`--_cols`,s):t.style.removeProperty(`--_cols`)};r(()=>{e.cols.value,e.colsSm.value,e.colsMd.value,e.colsLg.value,e.colsXl.value,e.cols2xl.value,e.responsive.value,e.minColWidth.value,o()});let s=()=>{let n=t.offsetWidth,r=``;for(let[i,a]of ta)if(n>=na(t,a,ra[a])&&e[i].value){r=e[i].value;break}r||=e.areas.value||``,r?t.style.setProperty(`grid-template-areas`,r):t.style.removeProperty(`grid-template-areas`)};return r(()=>{let n=e.rows.value;n&&n!==`auto`?t.style.setProperty(`--_rows`,`repeat(${n}, 1fr)`):t.style.removeProperty(`--_rows`)}),r(()=>{e.areas.value,e.areasSm.value,e.areasMd.value,e.areasLg.value,e.areasXl.value,e.areas2xl.value,s()}),n(()=>{let e=Tr(t);r(()=>{e.value,o(),s()})}),i`<slot></slot>`},styles:[$i]});var aa=`@layer refine.base{:host{--_navbar-height:var(--navbar-height,var(--size-14));--_navbar-width:var(--navbar-width,min(100%, 80rem));--_navbar-offset:var(--navbar-offset,var(--size-3));--_navbar-bg:var(--navbar-bg,var(--color-canvas));--_navbar-color:var(--navbar-color,var(--color-contrast-900));--_navbar-border-color:var(--navbar-border-color,var(--color-divider));--_navbar-shadow:var(--navbar-shadow,var(--shadow-md));--_navbar-radius:var(--navbar-radius,var(--rounded-lg));box-sizing:border-box;width:100%;color:var(--_navbar-color);display:block}:host([data-mode=sticky]){z-index:var(--z-sticky,40);position:sticky;top:0}:host([data-mode=floating]){inset-inline:var(--_navbar-offset);top:var(--_navbar-offset);z-index:var(--z-sticky,40);position:fixed}:host([data-preview-mode][data-mode=floating]){inset-inline:var(--_navbar-offset);position:absolute;top:auto}:host([floating][sticky][data-scrolled]){width:100%;top:0;left:0;right:0}:host([data-preview-mode][floating][sticky][data-scrolled]){width:auto;position:absolute;top:auto;left:0;right:0}:host>nav{flex-direction:column;width:100%;display:flex;position:relative}.navbar{box-sizing:border-box;gap:var(--size-2);width:100%;max-width:var(--_navbar-width);min-height:var(--_navbar-height);padding:var(--size-2) var(--size-4);color:inherit;white-space:nowrap;background:var(--_navbar-bg);border-top:none;border-right:none;border-bottom:var(--border) solid var(--_navbar-border-color);-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transition:var(--_motion-transition,background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal));border-left:none;border-radius:0;flex-wrap:nowrap;align-items:center;margin-left:auto;margin-right:auto;display:flex;overflow:auto hidden}:host([data-mode=floating]) .navbar{border-top:var(--border) solid var(--_navbar-border-color);border-right:var(--border) solid var(--_navbar-border-color);border-bottom:var(--border) solid var(--_navbar-border-color);border-left:var(--border) solid var(--_navbar-border-color);border-radius:var(--_navbar-radius)}:host([data-mode=sticky]) .navbar,:host([floating][sticky][data-scrolled]) .navbar{border-left:none;border-right:none;border-radius:0;max-width:100%}:host([data-mode-transitioning][data-mode=sticky]) .navbar{animation:navbar-floating-to-sticky var(--transition-normal) var(--ease-in-out)}:host([data-mode-transitioning][data-mode=floating]) .navbar{animation:navbar-sticky-to-floating var(--transition-normal) var(--ease-in-out)}.navbar-logo,.navbar-start,.navbar-center,.navbar-end{white-space:nowrap;align-items:center;min-width:0;display:flex}.navbar-logo{flex:none}.navbar-start{gap:var(--size-1);flex:none}.navbar-center{gap:var(--size-1);flex:0 auto;justify-content:flex-start;min-width:0;display:flex}.navbar-end{gap:var(--size-1);flex:none}.navbar-end:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.navbar-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.mobile-toggle{width:var(--size-9);height:var(--size-9);color:var(--color-contrast-700);cursor:pointer;border:var(--border) solid transparent;border-radius:var(--rounded-md);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.mobile-toggle:hover{color:var(--color-contrast-900);background:var(--color-contrast-100);border-color:var(--color-contrast-200)}.mobile-toggle:focus-visible{outline:var(--focus-ring)}.mobile-menu-panel{z-index:1;box-sizing:border-box;width:100%;max-width:var(--_navbar-width);padding:var(--size-2);background:var(--_navbar-bg);border:var(--border) solid var(--_navbar-border-color);border-radius:var(--rounded-lg);box-shadow:var(--_shadow,var(--_navbar-shadow));-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transform-origin:top;animation:navbar-mobile-in var(--transition-fast) var(--ease-out);margin-top:var(--size-2);margin-left:auto;margin-right:auto;display:none;position:relative}:host([data-mobile][data-mobile-open]) .mobile-menu-panel{gap:var(--size-1);display:grid}:host([data-mobile][data-mobile-open][data-mode=floating]) .mobile-menu-panel{margin-top:var(--size-1-5)}:host([data-mobile][data-mobile-open][data-mode=sticky]) .mobile-menu-panel,:host([data-mobile][data-mobile-open][floating][sticky][data-scrolled]) .mobile-menu-panel{z-index:2;border-radius:0 0 var(--rounded-md) var(--rounded-md);border-top:none;border-left:none;border-right:none;max-width:100%;margin:0;position:absolute;top:100%;left:0;right:0}:host([data-mobile]) .mobile-toggle{order:-1;display:inline-flex}:host([data-mobile]) .navbar-start,:host([data-mobile]) .navbar-center,:host([data-mobile]) .navbar-end{display:none}:host([data-mobile][data-mobile-open]) .navbar{border-bottom-right-radius:var(--rounded-md);border-bottom-left-radius:var(--rounded-md)}@starting-style{.mobile-menu-panel{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}@keyframes navbar-mobile-in{0%{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}to{opacity:1;transform:translateY(0)}}@keyframes navbar-floating-to-sticky{0%{opacity:.92;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes navbar-sticky-to-floating{0%{opacity:.95;transform:translateY(-2px)scale(1)}to{opacity:1;transform:translateY(0)scale(.99)}}.item{box-sizing:border-box;gap:var(--size-1);min-height:var(--_touch-target);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--navbar-item-color,var(--color-contrast-700));white-space:nowrap;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.item:hover,.item:focus-visible{color:var(--navbar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--navbar-item-hover-bg,var(--color-contrast-100))}:host([active]) .item{color:var(--navbar-item-active-color,var(--color-primary));background:var(--navbar-item-active-bg,color-mix(in oklch, var(--color-primary) 12%, transparent))}:host([disabled]) .item,:host([disabled]) .item:hover,:host([disabled]) .item:focus-visible{color:var(--color-contrast-400);pointer-events:none;cursor:not-allowed;background:0 0;outline:none}.item-icon,.item-end{align-items:center;display:inline-flex}.item-label{white-space:nowrap;min-width:0}:host([navbar-mobile]){width:100%;display:block}:host([navbar-mobile]) .item{justify-content:flex-start;width:100%;display:flex}}@layer refine.variants{:host([variant=flat]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 88%, transparent);--_navbar-shadow:none}:host([variant=bordered]){--_navbar-bg:var(--color-canvas);--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 32%, transparent)}:host([variant=outline]){--_navbar-bg:transparent;--_navbar-shadow:none;--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 40%, transparent)}:host([variant=glass]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 70%, transparent);--navbar-backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([color]){--_navbar-border-color:color-mix(in oklch, var(--_theme-border) 30%, transparent)}}@media (width<=768px){@layer refine.base{:host([data-mode=floating]){inset-inline:var(--size-2);top:var(--size-2)}:host([floating][sticky][data-scrolled]){top:0;left:0;right:0}}}`,oa=(e,t,n,r)=>e?(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)):()=>{},sa=e=>!(e instanceof HTMLElement)||e.tagName.includes(`-`)||e.childElementCount>0?!0:(e.textContent??``).trim().length>0,ca=e=>{let t=String(e??``).trim();if(!t)return;let n=/max-width\s*:\s*([0-9]+(?:\.[0-9]+)?)px/i.exec(t);if(!n)return;let r=Number.parseFloat(n[1]);return Number.isFinite(r)?r:void 0},la=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},ua=e=>{let t=la(e)?.clientWidth??0;return t>0?t:e.offsetWidth},da=e=>{let t=e.parentElement;for(;t;){let e=window.getComputedStyle(t).overflowY;if(e===`auto`||e===`scroll`||e===`overlay`)return t;t=t.parentElement}return null},fa=e(`NavbarContext`),pa=`ore-navbar`;r(pa,{props:{breakpoint:o.string(`(max-width: 768px)`),color:o.string(),"container-breakpoints":o.bool(!1),elevation:o.number(),floating:o.bool(!1),label:o.string(`Main navigation`),"mobile-sidebar":o.string(),rounded:o.string(),"scroll-threshold":o.number(80),sticky:o.bool(!1),variant:o.string()},setup(e,{bind:t,el:n,emit:r,onMounted:a,provide:o,slots:s}){let c=()=>s.has(`logo`).value,u=()=>s.elements(`mobile-menu`).value.some(sa),d=p(null),f=p(!1),m=p(!1),g=p(!1),_=p(!1),v=p(!1),y=p(!1),b=p(0),x=p(!1),S=p(!1),C=p(ca(e.breakpoint.value)),w=p(!1),T=()=>{let t=String(e[`mobile-sidebar`].value??``).trim();if(!t)return null;let r=n.getRootNode();return(r instanceof ShadowRoot||r instanceof Document?r.querySelector(t):null)??document.querySelector(t)};o(fa,{isMobile:l(()=>g.value),mobileMenuOpen:l(()=>_.value)});let E=()=>{if(e.floating.value&&e.sticky.value)return y.value?`sticky`:`floating`;if(e.floating.value)return`floating`;if(e.sticky.value)return`sticky`},D=e=>{let t=!!e;if(!u()){let e=d.value??T();if(e){t?e.openMobile?.():e.closeMobile?.();return}}t&&!u()||_.value!==t&&(_.value=t,r(`mobile-menu-change`,{open:t}))},O=()=>D(!1),k=()=>D(!0),A=()=>{if(!u()){let e=d.value??T();if(e){typeof e.toggleMobile==`function`?e.toggleMobile():typeof e.openMobile==`function`&&typeof e.closeMobile==`function`&&(e.hasAttribute(`data-mobile-open`)?e.closeMobile():e.openMobile());return}}D(!_.value)},j=()=>{let e=(d.value&&!u()?f.value:!1)||x.value||S.value;g.value=e,e||O()},M=e=>e?e.scrollTop||0:window.scrollY||document.documentElement.scrollTop||0,N=e=>{b.value=M(e)},P=(t=null)=>{if(!(e.floating.value&&e.sticky.value)){y.value&&=!1;return}let n=Math.max(0,Number(e[`scroll-threshold`].value)||0);y.value=M(t)-b.value>n};return t({attr:{"data-mobile":()=>g.value?!0:void 0,"data-mobile-open":()=>g.value&&_.value?!0:void 0,"data-mode":()=>E()??null,"data-mode-transitioning":()=>v.value?!0:void 0,"data-preview-mode":()=>w.value?!0:void 0,"data-scrolled":()=>e.floating.value&&e.sticky.value&&y.value?!0:void 0}}),a(()=>{let t=n,r=da(n);t.closeMobileMenu=O,t.openMobileMenu=k,t.toggleMobileMenu=A;let i=oa(window,`scroll`,()=>{P(r)},{passive:!0}),a=r?oa(r,`scroll`,()=>{P(r)},{passive:!0}):void 0,o=oa(n,`keydown`,e=>{e.key!==`Escape`||!_.value||O()}),s,c,p,g,b=()=>{c?.(),c=void 0,d.value=null,f.value=!1,m.value=!1;let e=T();if(!e)return;let t=t=>{let n=e.hasAttribute(`data-bottom-nav`),r=e.hasAttribute(`data-mobile-open`);f.value=n,m.value=t?.detail?t.detail.open:r,m.value&&!f.value&&(f.value=!0),j()},n=new MutationObserver(()=>{t()});t(),n.observe(e,{attributeFilter:[`data-bottom-nav`,`data-mobile-open`],attributes:!0}),e.addEventListener(`mobile-open-change`,t),c=()=>{n.disconnect(),e.removeEventListener(`mobile-open-change`,t)},d.value=e},D=()=>{v.value=!0,p!=null&&clearTimeout(p),p=setTimeout(()=>{v.value=!1,p=void 0},220)},M=h(l(()=>e.floating.value&&e.sticky.value),e=>{if(!e){y.value&&=!1,v.value&&=!1,g=void 0,p!=null&&(clearTimeout(p),p=void 0);return}N(r),P(r),g=E()},{immediate:!0}),F=h(e[`mobile-sidebar`],()=>{b()},{immediate:!0}),I=h(l(()=>E()),t=>{if(!(e.floating.value&&e.sticky.value)){g=t??void 0;return}let n=t??void 0;g&&n&&g!==n&&D(),g=n},{immediate:!0}),L=h(l(()=>u()),e=>{!e&&_.value&&O()},{immediate:!0});h(e.breakpoint,t=>{s?.(),s=void 0;let r=String(t??``).trim();C.value=ca(r),x.value=!1;let i=ua(n);if(S.value=i>0&&C.value!=null?i<=C.value:!1,j(),e[`container-breakpoints`].value&&C.value!=null||!r||typeof window.matchMedia!=`function`)return;let a=window.matchMedia(r),o=e=>{x.value=e,j()},c=e=>{o(e.matches)};o(a.matches),a.addEventListener(`change`,c),s=()=>{a.removeEventListener(`change`,c)}},{immediate:!0});let R=typeof ResizeObserver==`function`?(()=>{let e=Tr(n),t=n.parentElement,r=la(n),i=t?Tr(t):void 0,a=r&&r!==t?Tr(r):void 0;return h(l(()=>[e.value.width,e.value.height,i?.value.width,i?.value.height,a?.value.width,a?.value.height]),()=>{let e=ua(n),t=la(n)?.clientWidth??0;S.value=e>0&&C.value!=null?e<=C.value:!1,w.value=t>0&&t<window.innerWidth,j()})})():void 0;return()=>{o?.(),i?.(),a?.(),M?.dispose(),I?.dispose(),L?.dispose(),F?.dispose(),s?.(),c?.(),R?.dispose(),p!=null&&(clearTimeout(p),p=void 0)}}),i`
|
|
2420
|
+
`},shadow:{delegatesFocus:!0},styles:[q,G,Hi]});var Ji=`@layer refine.base{:host{--_bg:var(--box-bg,var(--color-canvas));--_color:var(--box-color,var(--color-contrast-900));--_border-width:var(--box-border,var(--border));--_border-color:var(--box-border-color,var(--color-divider));--_radius:var(--box-radius,var(--rounded-lg));--_padding:var(--box-padding,var(--size-4));--_shadow:var(--box-shadow,var(--shadow-sm));display:block;position:relative}.box{box-sizing:border-box;width:100%;height:100%;padding:var(--_padding);color:var(--_color);background:var(--_bg);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:backdrop-filter var(--transition-fast), box-shadow var(--transition-normal), background var(--transition-normal), border-color var(--transition-normal);position:relative}}@layer refine.variants{:host([color]){--_bg:var(--box-bg,var(--_theme-backdrop));--_border-color:var(--box-border-color,var(--_theme-border))}:host([variant=flat]){--_shadow:none}:host([variant=glass]:not([color])){--_bg:color-mix(in oklch, var(--color-secondary) 20%, transparent);--_border-color:color-mix(in oklch, var(--color-secondary-contrast) 15%, transparent)}:host([variant=glass][color]){--_bg:color-mix(in oklch, var(--_theme-base) 20%, transparent);--_border-color:color-mix(in oklch, var(--_theme-contrast) 15%, transparent);--_color:var(--_theme-content)}:host([variant=glass]) .box{box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([color]:not([variant=glass],[variant=frost]):hover){--_bg:color-mix(in oklch, var(--_theme-base) 16%, var(--color-contrast-50));--_border-color:var(--_theme-focus)}}@layer refine.utilities{:host([fullwidth]){width:100%}}`,Yi=`ore-box`;r(Yi,{props:{color:o.string(),effect:o.string(),elevation:o.number(),fullwidth:o.bool(),padding:o.string(),rounded:o.string(),variant:o.string()},setup(){return i`<div class="box" part="box"><slot></slot></div>`},styles:[...je,ke(`.box`),De(`.box`),Ji]});var Xi=`@layer refine.base{:host{display:block}}@layer refine.utilities{:host([align=start]){align-self:start}:host([align=center]){align-self:center}:host([align=end]){align-self:end}:host([align=stretch]){align-self:stretch}:host([justify=start]){justify-self:start}:host([justify=center]){justify-self:center}:host([justify=end]){justify-self:end}:host([justify=stretch]){justify-self:stretch}}`,Zi=`ore-grid-item`;r(Zi,{props:{align:o.string(),area:o.string(),col:o.string(),colSpan:o.string(),justify:o.string(),row:o.string(),rowSpan:o.string()},setup(e,{bind:t,el:n}){let r=l(()=>{let t=e.col.value,n=e.colSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)}),a=l(()=>{let t=e.row.value,n=e.rowSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)});return t({style:{gridArea:e.area,gridColumn:r,gridRow:a}}),i`<slot></slot>`},styles:[Xi]});var Qi=`@layer refine.base{:host{--_cols:var(--grid-cols,repeat(auto-fit, minmax(250px, 1fr)));--_rows:var(--grid-rows,auto);--_gap:var(--grid-gap,var(--size-4));--_row-gap:var(--grid-row-gap,var(--_gap));--_col-gap:var(--grid-col-gap,var(--_gap));grid-template-rows:var(--_rows);grid-template-columns:var(--_cols);gap:var(--_row-gap) var(--_col-gap);grid-auto-flow:row;display:grid}:host([gap=none]){--_row-gap:0;--_col-gap:0}:host([gap=xs]){--_row-gap:var(--size-1);--_col-gap:var(--size-1)}:host([gap=sm]){--_row-gap:var(--size-2);--_col-gap:var(--size-2)}:host([gap=md]){--_row-gap:var(--size-4);--_col-gap:var(--size-4)}:host([gap=lg]){--_row-gap:var(--size-6);--_col-gap:var(--size-6)}:host([gap=xl]){--_row-gap:var(--size-8);--_col-gap:var(--size-8)}:host([gap="2xl"]){--_row-gap:var(--size-12);--_col-gap:var(--size-12)}:host([align=start]){align-items:start}:host([align=center]){align-items:center}:host([align=end]){align-items:end}:host([align=stretch]){align-items:stretch}:host([align=baseline]){align-items:baseline}:host([justify=start]){justify-items:start}:host([justify=center]){justify-items:center}:host([justify=end]){justify-items:end}:host([justify=stretch]){justify-items:stretch}:host([flow=row]){grid-auto-flow:row}:host([flow=column]){grid-auto-flow:column}:host([flow=row-dense]){grid-auto-flow:dense}:host([flow=column-dense]){grid-auto-flow:column dense}:host([fullwidth]){width:100%}}`,$i=[[`cols2xl`,`--size-screen-2xl`],[`colsXl`,`--size-screen-xl`],[`colsLg`,`--size-screen-lg`],[`colsMd`,`--size-screen-md`],[`colsSm`,`--size-screen-sm`]],ea=[[`areas2xl`,`--size-screen-2xl`],[`areasXl`,`--size-screen-xl`],[`areasLg`,`--size-screen-lg`],[`areasMd`,`--size-screen-md`],[`areasSm`,`--size-screen-sm`]],ta=(e,t,n)=>{let r=getComputedStyle(e).getPropertyValue(t).trim(),i=Number.parseFloat(r);return Number.isFinite(i)?i:n},na={"--size-screen-2xl":1536,"--size-screen-lg":1024,"--size-screen-md":768,"--size-screen-sm":640,"--size-screen-xl":1280},ra=`ore-grid`;r(ra,{props:{align:o.string(),areas:o.string(),areas2xl:o.string(),areasLg:o.string(),areasMd:o.string(),areasSm:o.string(),areasXl:o.string(),cols:o.string(),cols2xl:o.string(),colsLg:o.string(),colsMd:o.string(),colsSm:o.string(),colsXl:o.string(),flow:o.string(),fullwidth:o.bool(!1),gap:o.string(),justify:o.string(),minColWidth:o.string(),responsive:o.bool(!1),rows:o.string()},setup(e,{el:t,onMounted:n,watch:r}){let a=(e,t,n)=>e===`auto`||!e&&t?`repeat(auto-fit, minmax(${n||`250px`}, 1fr))`:e?`repeat(${e}, 1fr)`:null,o=()=>{let n=t.offsetWidth,r=!!e.responsive.value,i=e.minColWidth.value??``,o;for(let[r,i]of $i)if(n>=ta(t,i,na[i])&&e[r].value){o=e[r].value;break}o||=e.cols.value||void 0;let s=a(o,r,i);s?t.style.setProperty(`--_cols`,s):t.style.removeProperty(`--_cols`)};r(()=>{e.cols.value,e.colsSm.value,e.colsMd.value,e.colsLg.value,e.colsXl.value,e.cols2xl.value,e.responsive.value,e.minColWidth.value,o()});let s=()=>{let n=t.offsetWidth,r=``;for(let[i,a]of ea)if(n>=ta(t,a,na[a])&&e[i].value){r=e[i].value;break}r||=e.areas.value||``,r?t.style.setProperty(`grid-template-areas`,r):t.style.removeProperty(`grid-template-areas`)};return r(()=>{let n=e.rows.value;n&&n!==`auto`?t.style.setProperty(`--_rows`,`repeat(${n}, 1fr)`):t.style.removeProperty(`--_rows`)}),r(()=>{e.areas.value,e.areasSm.value,e.areasMd.value,e.areasLg.value,e.areasXl.value,e.areas2xl.value,s()}),n(()=>{let e=wr(t);r(()=>{e.value,o(),s()})}),i`<slot></slot>`},styles:[Qi]});var ia=`@layer refine.base{:host{--_navbar-height:var(--navbar-height,var(--size-14));--_navbar-width:var(--navbar-width,min(100%, 80rem));--_navbar-offset:var(--navbar-offset,var(--size-3));--_navbar-bg:var(--navbar-bg,var(--color-canvas));--_navbar-color:var(--navbar-color,var(--color-contrast-900));--_navbar-border-color:var(--navbar-border-color,var(--color-divider));--_navbar-shadow:var(--navbar-shadow,var(--shadow-md));--_navbar-radius:var(--navbar-radius,var(--rounded-lg));box-sizing:border-box;width:100%;color:var(--_navbar-color);display:block}:host([data-mode=sticky]){z-index:var(--z-sticky,40);position:sticky;top:0}:host([data-mode=floating]){inset-inline:var(--_navbar-offset);top:var(--_navbar-offset);z-index:var(--z-sticky,40);position:fixed}:host([data-preview-mode][data-mode=floating]){inset-inline:var(--_navbar-offset);position:absolute;top:auto}:host([floating][sticky][data-scrolled]){width:100%;top:0;left:0;right:0}:host([data-preview-mode][floating][sticky][data-scrolled]){width:auto;position:absolute;top:auto;left:0;right:0}:host>nav{flex-direction:column;width:100%;display:flex;position:relative}.navbar{box-sizing:border-box;gap:var(--size-2);width:100%;max-width:var(--_navbar-width);min-height:var(--_navbar-height);padding:var(--size-2) var(--size-4);color:inherit;white-space:nowrap;background:var(--_navbar-bg);border-top:none;border-right:none;border-bottom:var(--border) solid var(--_navbar-border-color);-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transition:var(--_motion-transition,background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal));border-left:none;border-radius:0;flex-wrap:nowrap;align-items:center;margin-left:auto;margin-right:auto;display:flex;overflow:auto hidden}:host([data-mode=floating]) .navbar{border-top:var(--border) solid var(--_navbar-border-color);border-right:var(--border) solid var(--_navbar-border-color);border-bottom:var(--border) solid var(--_navbar-border-color);border-left:var(--border) solid var(--_navbar-border-color);border-radius:var(--_navbar-radius)}:host([data-mode=sticky]) .navbar,:host([floating][sticky][data-scrolled]) .navbar{border-left:none;border-right:none;border-radius:0;max-width:100%}:host([data-mode-transitioning][data-mode=sticky]) .navbar{animation:navbar-floating-to-sticky var(--transition-normal) var(--ease-in-out)}:host([data-mode-transitioning][data-mode=floating]) .navbar{animation:navbar-sticky-to-floating var(--transition-normal) var(--ease-in-out)}.navbar-logo,.navbar-start,.navbar-center,.navbar-end{white-space:nowrap;align-items:center;min-width:0;display:flex}.navbar-logo{flex:none}.navbar-start{gap:var(--size-1);flex:none}.navbar-center{gap:var(--size-1);flex:0 auto;justify-content:flex-start;min-width:0;display:flex}.navbar-end{gap:var(--size-1);flex:none}.navbar-end:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.navbar-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.mobile-toggle{width:var(--size-9);height:var(--size-9);color:var(--color-contrast-700);cursor:pointer;border:var(--border) solid transparent;border-radius:var(--rounded-md);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.mobile-toggle:hover{color:var(--color-contrast-900);background:var(--color-contrast-100);border-color:var(--color-contrast-200)}.mobile-toggle:focus-visible{outline:var(--focus-ring)}.mobile-menu-panel{z-index:1;box-sizing:border-box;width:100%;max-width:var(--_navbar-width);padding:var(--size-2);background:var(--_navbar-bg);border:var(--border) solid var(--_navbar-border-color);border-radius:var(--rounded-lg);box-shadow:var(--_shadow,var(--_navbar-shadow));-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transform-origin:top;animation:navbar-mobile-in var(--transition-fast) var(--ease-out);margin-top:var(--size-2);margin-left:auto;margin-right:auto;display:none;position:relative}:host([data-mobile][data-mobile-open]) .mobile-menu-panel{gap:var(--size-1);display:grid}:host([data-mobile][data-mobile-open][data-mode=floating]) .mobile-menu-panel{margin-top:var(--size-1-5)}:host([data-mobile][data-mobile-open][data-mode=sticky]) .mobile-menu-panel,:host([data-mobile][data-mobile-open][floating][sticky][data-scrolled]) .mobile-menu-panel{z-index:2;border-radius:0 0 var(--rounded-md) var(--rounded-md);border-top:none;border-left:none;border-right:none;max-width:100%;margin:0;position:absolute;top:100%;left:0;right:0}:host([data-mobile]) .mobile-toggle{order:-1;display:inline-flex}:host([data-mobile]) .navbar-start,:host([data-mobile]) .navbar-center,:host([data-mobile]) .navbar-end{display:none}:host([data-mobile][data-mobile-open]) .navbar{border-bottom-right-radius:var(--rounded-md);border-bottom-left-radius:var(--rounded-md)}@starting-style{.mobile-menu-panel{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}@keyframes navbar-mobile-in{0%{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}to{opacity:1;transform:translateY(0)}}@keyframes navbar-floating-to-sticky{0%{opacity:.92;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes navbar-sticky-to-floating{0%{opacity:.95;transform:translateY(-2px)scale(1)}to{opacity:1;transform:translateY(0)scale(.99)}}.item{box-sizing:border-box;gap:var(--size-1);min-height:var(--_touch-target);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--navbar-item-color,var(--color-contrast-700));white-space:nowrap;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.item:hover,.item:focus-visible{color:var(--navbar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--navbar-item-hover-bg,var(--color-contrast-100))}:host([active]) .item{color:var(--navbar-item-active-color,var(--color-primary));background:var(--navbar-item-active-bg,color-mix(in oklch, var(--color-primary) 12%, transparent))}:host([disabled]) .item,:host([disabled]) .item:hover,:host([disabled]) .item:focus-visible{color:var(--color-contrast-400);pointer-events:none;cursor:not-allowed;background:0 0;outline:none}.item-icon,.item-end{align-items:center;display:inline-flex}.item-label{white-space:nowrap;min-width:0}:host([navbar-mobile]){width:100%;display:block}:host([navbar-mobile]) .item{justify-content:flex-start;width:100%;display:flex}}@layer refine.variants{:host([variant=flat]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 88%, transparent);--_navbar-shadow:none}:host([variant=bordered]){--_navbar-bg:var(--color-canvas);--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 32%, transparent)}:host([variant=outline]){--_navbar-bg:transparent;--_navbar-shadow:none;--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 40%, transparent)}:host([variant=glass]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 70%, transparent);--navbar-backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([color]){--_navbar-border-color:color-mix(in oklch, var(--_theme-border) 30%, transparent)}}@media (width<=768px){@layer refine.base{:host([data-mode=floating]){inset-inline:var(--size-2);top:var(--size-2)}:host([floating][sticky][data-scrolled]){top:0;left:0;right:0}}}`,aa=(e,t,n,r)=>e?(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)):()=>{},oa=e=>!(e instanceof HTMLElement)||e.tagName.includes(`-`)||e.childElementCount>0?!0:(e.textContent??``).trim().length>0,sa=e=>{let t=String(e??``).trim();if(!t)return;let n=/max-width\s*:\s*([0-9]+(?:\.[0-9]+)?)px/i.exec(t);if(!n)return;let r=Number.parseFloat(n[1]);return Number.isFinite(r)?r:void 0},ca=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},la=e=>{let t=ca(e)?.clientWidth??0;return t>0?t:e.offsetWidth},ua=e=>{let t=e.parentElement;for(;t;){let e=window.getComputedStyle(t).overflowY;if(e===`auto`||e===`scroll`||e===`overlay`)return t;t=t.parentElement}return null},da=e(`NavbarContext`),fa=`ore-navbar`;r(fa,{props:{breakpoint:o.string(`(max-width: 768px)`),color:o.string(),"container-breakpoints":o.bool(!1),elevation:o.number(),floating:o.bool(!1),label:o.string(`Main navigation`),"mobile-sidebar":o.string(),rounded:o.string(),"scroll-threshold":o.number(80),sticky:o.bool(!1),variant:o.string()},setup(e,{bind:t,el:n,emit:r,onMounted:a,provide:o,slots:s}){let c=()=>s.has(`logo`).value,u=()=>s.elements(`mobile-menu`).value.some(oa),d=p(null),f=p(!1),m=p(!1),g=p(!1),_=p(!1),v=p(!1),y=p(!1),b=p(0),x=p(!1),S=p(!1),C=p(sa(e.breakpoint.value)),w=p(!1),T=()=>{let t=String(e[`mobile-sidebar`].value??``).trim();if(!t)return null;let r=n.getRootNode();return(r instanceof ShadowRoot||r instanceof Document?r.querySelector(t):null)??document.querySelector(t)};o(da,{isMobile:l(()=>g.value),mobileMenuOpen:l(()=>_.value)});let E=()=>{if(e.floating.value&&e.sticky.value)return y.value?`sticky`:`floating`;if(e.floating.value)return`floating`;if(e.sticky.value)return`sticky`},D=e=>{let t=!!e;if(!u()){let e=d.value??T();if(e){t?e.openMobile?.():e.closeMobile?.();return}}t&&!u()||_.value!==t&&(_.value=t,r(`mobile-menu-change`,{open:t}))},O=()=>D(!1),k=()=>D(!0),A=()=>{if(!u()){let e=d.value??T();if(e){typeof e.toggleMobile==`function`?e.toggleMobile():typeof e.openMobile==`function`&&typeof e.closeMobile==`function`&&(e.hasAttribute(`data-mobile-open`)?e.closeMobile():e.openMobile());return}}D(!_.value)},j=()=>{let e=(d.value&&!u()?f.value:!1)||x.value||S.value;g.value=e,e||O()},M=e=>e?e.scrollTop||0:window.scrollY||document.documentElement.scrollTop||0,N=e=>{b.value=M(e)},P=(t=null)=>{if(!(e.floating.value&&e.sticky.value)){y.value&&=!1;return}let n=Math.max(0,Number(e[`scroll-threshold`].value)||0),r=M(t)-b.value;y.value=r>n};return t({attr:{"data-mobile":()=>g.value?!0:void 0,"data-mobile-open":()=>g.value&&_.value?!0:void 0,"data-mode":()=>E()??null,"data-mode-transitioning":()=>v.value?!0:void 0,"data-preview-mode":()=>w.value?!0:void 0,"data-scrolled":()=>e.floating.value&&e.sticky.value&&y.value?!0:void 0}}),a(()=>{let t=n,r=ua(n);t.closeMobileMenu=O,t.openMobileMenu=k,t.toggleMobileMenu=A;let i=aa(window,`scroll`,()=>{P(r)},{passive:!0}),a=r?aa(r,`scroll`,()=>{P(r)},{passive:!0}):void 0,o=aa(n,`keydown`,e=>{e.key!==`Escape`||!_.value||O()}),s,c,p,g,b=()=>{c?.(),c=void 0,d.value=null,f.value=!1,m.value=!1;let e=T();if(!e)return;let t=t=>{let n=e.hasAttribute(`data-bottom-nav`),r=e.hasAttribute(`data-mobile-open`);f.value=n,m.value=t?.detail?t.detail.open:r,m.value&&!f.value&&(f.value=!0),j()},n=new MutationObserver(()=>{t()});t(),n.observe(e,{attributeFilter:[`data-bottom-nav`,`data-mobile-open`],attributes:!0}),e.addEventListener(`mobile-open-change`,t),c=()=>{n.disconnect(),e.removeEventListener(`mobile-open-change`,t)},d.value=e},D=()=>{v.value=!0,p!=null&&clearTimeout(p),p=setTimeout(()=>{v.value=!1,p=void 0},220)},M=h(l(()=>e.floating.value&&e.sticky.value),e=>{if(!e){y.value&&=!1,v.value&&=!1,g=void 0,p!=null&&(clearTimeout(p),p=void 0);return}N(r),P(r),g=E()},{immediate:!0}),F=h(e[`mobile-sidebar`],()=>{b()},{immediate:!0}),I=h(l(()=>E()),t=>{if(!(e.floating.value&&e.sticky.value)){g=t??void 0;return}let n=t??void 0;g&&n&&g!==n&&D(),g=n},{immediate:!0}),L=h(l(()=>u()),e=>{!e&&_.value&&O()},{immediate:!0});h(e.breakpoint,t=>{s?.(),s=void 0;let r=String(t??``).trim();C.value=sa(r),x.value=!1;let i=la(n);if(S.value=i>0&&C.value!=null?i<=C.value:!1,j(),e[`container-breakpoints`].value&&C.value!=null||!r||typeof window.matchMedia!=`function`)return;let a=window.matchMedia(r),o=e=>{x.value=e,j()},c=e=>{o(e.matches)};o(a.matches),a.addEventListener(`change`,c),s=()=>{a.removeEventListener(`change`,c)}},{immediate:!0});let R=typeof ResizeObserver==`function`?(()=>{let e=wr(n),t=n.parentElement,r=ca(n),i=t?wr(t):void 0,a=r&&r!==t?wr(r):void 0;return h(l(()=>[e.value.width,e.value.height,i?.value.width,i?.value.height,a?.value.width,a?.value.height]),()=>{let e=la(n),t=ca(n)?.clientWidth??0;S.value=e>0&&C.value!=null?e<=C.value:!1,w.value=t>0&&t<window.innerWidth,j()})})():void 0;return()=>{o?.(),i?.(),a?.(),M?.dispose(),I?.dispose(),L?.dispose(),F?.dispose(),s?.(),c?.(),R?.dispose(),p!=null&&(clearTimeout(p),p=void 0)}}),i`
|
|
2421
2421
|
<nav part="nav" aria-label="${e.label}">
|
|
2422
2422
|
<div class="navbar" part="bar">
|
|
2423
2423
|
<div class="navbar-logo" part="logo" ?hidden=${()=>!c()}>
|
|
@@ -2463,7 +2463,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
2463
2463
|
<slot name="mobile-menu"></slot>
|
|
2464
2464
|
</div>
|
|
2465
2465
|
</nav>
|
|
2466
|
-
`},styles:[q,
|
|
2466
|
+
`},styles:[q,ye,fe,W,G,ke(`.navbar`),ia]});var pa=`ore-navbar-item`;r(pa,{props:{active:o.bool(!1),disabled:o.bool(!1),href:o.string(),rel:o.string(),target:o.string()},setup(e,{bind:t,slots:n}){let r=()=>n.has(`icon`).value,o=()=>n.has(`end`).value,s=a(da);t({attr:{"navbar-mobile":()=>s?.isMobile.value?!0:void 0,"navbar-mobile-open":()=>s?.mobileMenuOpen.value?!0:void 0}});let c=()=>!!e.href.value&&!e.disabled.value,u=l(()=>kn(e.rel.value,e.target.value)),d=()=>i`
|
|
2467
2467
|
<span class="item-icon" part="item-icon" ?hidden=${()=>!r()} aria-hidden="true">
|
|
2468
2468
|
<slot name="icon"></slot>
|
|
2469
2469
|
</span>
|
|
@@ -2483,7 +2483,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
2483
2483
|
${d()}
|
|
2484
2484
|
</a>
|
|
2485
2485
|
`:e.disabled.value?i`<div class="item" part="item" tabindex="-1" aria-disabled="true">${d()}</div>`:i`<button class="item" part="item" type="button">${d()}</button>`}
|
|
2486
|
-
`},styles:[W,aa]});var ha=`@layer refine.base{:host{width:100%;display:block}:host([sidebar-bottom-nav]){display:none}.group{display:block}.group-header{all:unset;box-sizing:border-box;width:100%;min-height:var(--size-6);padding:var(--size-1) var(--size-2);margin-bottom:var(--size-2);color:inherit;-webkit-user-select:none;user-select:none;border-radius:var(--rounded-lg);transition:background var(--transition-fast);outline:none;justify-content:flex-start;align-items:center;display:flex;position:relative}.group-header::-webkit-details-marker{display:none}:host([collapsible]) .group-header{cursor:pointer}:host([collapsible]) .group-header:hover{background:var(--color-contrast-100)}:host([collapsible]) .group-header:focus-visible{outline:var(--focus-ring)}:host(:not([collapsible])) .group-header{cursor:default}:host(:not([collapsible])) .chevron{display:none!important}.group-label{text-overflow:ellipsis;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;transition:opacity var(--transition-fast);flex-grow:1;overflow:hidden}.group-icon{color:var(--color-contrast-400);flex-shrink:0;justify-content:center;align-items:center;display:flex}.group-icon:empty{display:none}.chevron{color:var(--color-contrast-400);transition:var(--_motion-transition,transform var(--transition-normal));flex-shrink:0;justify-content:center;align-items:center;display:flex}:host([collapsible]) .group[open] .chevron{transform:rotate(90deg)}.group-items{gap:var(--size-2);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}:host([sidebar-collapsed]) .group-label,:host([sidebar-collapsed]) .chevron{display:none}:host([sidebar-collapsed]) .group-header{height:0;min-height:0;margin:0;padding:0;display:none}:host([sidebar-collapsed]) .group-badge{visibility:visible!important;pointer-events:auto!important;opacity:1!important;width:auto!important;height:auto!important;display:flex!important;position:static!important}:host([collapsible]:not([open])) .group-items{display:none}}`,ga=`@layer refine.base{:host{min-width:0;max-width:100%;display:block}.item{box-sizing:border-box;gap:var(--size-2);min-width:0;min-height:var(--_touch-target);padding:var(--size-1-5) var(--size-2);font-size:var(--sidebar-item-font-size,var(--text-sm));font-weight:var(--font-medium);color:var(--sidebar-item-color,var(--color-contrast-700));cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--rounded-lg);transition:background var(--transition-fast), color var(--transition-fast);outline:none;align-items:center;text-decoration:none;display:flex;position:relative}a.item{text-decoration:none}.item:hover,.item:focus-visible{color:var(--sidebar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--sidebar-item-hover-bg,var(--color-contrast-100))}:host([active]) .item{font-weight:var(--font-semibold);color:var(--sidebar-item-active-color,var(--color-primary));background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)))}:host([active]) .item:before{display:none}:host([disabled]) .item,:host([disabled]) .item:hover,:host([disabled]) .item:focus-visible{color:var(--sidebar-item-disabled-color,var(--color-contrast-300));pointer-events:none;cursor:not-allowed;opacity:1;background:0 0;outline:none}:host([disabled]) .item-icon{color:var(--sidebar-item-disabled-color,var(--color-contrast-300))}.item-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;margin:0 auto;display:flex}.item-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:opacity var(--transition-fast);flex:1;overflow:hidden}.item-end{gap:var(--size-1);transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;display:flex}:host([sidebar-collapsed]) .item,:host([sidebar-collapsed]) .item-icon{position:relative}:host([sidebar-collapsed]) .item-label{pointer-events:none;opacity:0;width:0;overflow:hidden}:host([sidebar-collapsed]) .item{justify-content:center;align-items:center;gap:0;width:100%;height:100%;min-height:100%;padding:0}:host([sidebar-collapsed]) .item:before{inset-block:var(--size-2)}:host([sidebar-collapsed]) .item-icon{width:var(--size-7);height:var(--size-7);padding:var(--size-1-5);font-size:1.5em}:host([sidebar-collapsed][active]) .item,:host([sidebar-collapsed]) .item:hover{background:0 0}:host([sidebar-collapsed][active]) .item-icon{background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)));border-radius:var(--rounded-full)}:host([sidebar-collapsed]) .item-icon:hover{background:var(--color-contrast-100);border-radius:var(--rounded-full)}:host([sidebar-collapsed]) .item-end,:host([sidebar-collapsed]) .item-icon .group-badge,:host([sidebar-collapsed]) .item-icon ::slotted([slot=end]){right:0;bottom:calc(var(--size-2) * -1);z-index:2;pointer-events:auto;opacity:1;justify-content:center;align-items:center;min-width:1.25em;min-height:1.25em;display:flex;position:absolute;transform:translate(40%,-40%)}:host([dir=rtl][sidebar-collapsed]) .item-end,:host([dir=rtl][sidebar-collapsed]) .item-icon .group-badge,:host([dir=rtl][sidebar-collapsed]) .item-icon ::slotted([slot=end]),:host(:dir(rtl)[sidebar-collapsed]) .item-end,:host(:dir(rtl)[sidebar-collapsed]) .item-icon .group-badge,:host(:dir(rtl)[sidebar-collapsed]) .item-icon ::slotted([slot=end]){left:0;right:auto;transform:translate(-40%,-40%)}:host([sidebar-collapsed]) .item-end .group-badge,:host([sidebar-collapsed]) .item-end ::slotted([slot=end]){top:50%;right:var(--size-2);z-index:1;position:absolute;transform:translateY(-50%)}:host([dir=rtl][sidebar-collapsed]) .item-end .group-badge,:host([dir=rtl][sidebar-collapsed]) .item-end ::slotted([slot=end]),:host(:dir(rtl)[sidebar-collapsed]) .item-end .group-badge,:host(:dir(rtl)[sidebar-collapsed]) .item-end ::slotted([slot=end]){right:auto;left:var(--size-2)}:host([sidebar-bottom-nav]){display:none}}`,_a=`.sidebar-logo[hidden]{min-width:0!important;min-height:0!important;margin:0!important;display:none!important}@layer refine.base{:host{--_sidebar-width:var(--sidebar-width,16rem);--_sidebar-collapsed-width:var(--sidebar-collapsed-width,3.5rem);--_sidebar-transition:var(--transition-normal);--_panel-bg:var(--sidebar-bg,var(--color-canvas));--_panel-blur:var(--sidebar-panel-blur,var(--blur-md));--_panel-border-color:var(--sidebar-border-color,var(--color-divider));--_panel-radius:var(--sidebar-radius,var(--rounded-lg));--_panel-shadow:var(--sidebar-shadow,var(--shadow-md));box-sizing:border-box;width:100%;min-width:var(--size-2xs);max-width:var(--_sidebar-width);height:100%;min-height:0;transition:max-width var(--_sidebar-transition), min-width var(--_sidebar-transition);will-change:max-width;display:block;overflow:visible}:host>nav{box-sizing:border-box;background:var(--_panel-bg);width:100%;height:100%;min-height:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));flex-direction:column;display:flex;position:relative;overflow:hidden}:host>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_panel-border-color)}:host>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_panel-border-color)}.mobile-backdrop{z-index:calc(var(--z-sticky,40) + 1);background:color-mix(in oklch, var(--color-contrast-950) 36%, transparent);border:0;width:100%;height:100%;display:none;position:absolute;inset:0}:host([data-bottom-nav][data-mobile-open]) .mobile-backdrop{z-index:calc(var(--z-sticky,40) + 1);width:100vw;height:100dvh;display:block;position:fixed;inset:0}:host([data-preview-mode][data-bottom-nav][data-mobile-open]) .mobile-backdrop{width:100%;height:100%;position:absolute;inset:0}:host([data-no-transition]),:host([data-no-transition])>nav{transition:none!important}:host([data-collapsed]){min-width:var(--_sidebar-collapsed-width);max-width:var(--_sidebar-collapsed-width)}:host([data-bottom-nav]){z-index:calc(var(--z-sticky,40) + 2);width:100%;min-width:0;max-width:100%;height:var(--sidebar-bottom-nav-height,3.75rem);pointer-events:auto;position:fixed;bottom:0;left:0;right:0}:host([data-preview-mode][data-bottom-nav]){pointer-events:none;width:auto;height:auto;position:absolute;inset:0}:host([data-bottom-nav])>nav{z-index:calc(var(--z-sticky,40) + 3);width:min(var(--_sidebar-width), 85vw);max-width:85vw;max-height:100dvh;transition:transform var(--transition-normal);position:fixed;top:0;bottom:0;transform:translate(-104%)}:host([data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([data-preview-mode][data-bottom-nav])>nav{z-index:calc(var(--z-sticky,40) + 3);pointer-events:auto;max-height:100%;position:absolute;top:0;bottom:0}:host([data-preview-mode][data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([data-preview-mode][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host(:dir(rtl)[data-bottom-nav])>nav{transform:translate(104%)}:host([data-bottom-nav][data-mobile-open])>nav{transform:translate(0)}.bottom-bar{gap:var(--size-1);width:100%;height:100%;padding:var(--size-1);pointer-events:none;background:var(--_panel-bg);border-top:var(--border) solid var(--_panel-border-color);box-shadow:var(--shadow-sm);opacity:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity var(--_sidebar-transition), transform var(--_sidebar-transition), display var(--_sidebar-transition) allow-discrete;justify-content:space-around;align-items:stretch;display:flex;transform:translateY(100%)}:host([data-bottom-nav]) .bottom-bar{pointer-events:auto;opacity:1;transform:translateY(0)}:host([data-preview-mode][data-bottom-nav]) .bottom-bar{z-index:calc(var(--z-sticky,40) + 2);height:var(--sidebar-bottom-nav-height,3.75rem);position:absolute;bottom:0;left:0;right:0}:host([data-bottom-nav][data-mobile-open]) .bottom-bar{z-index:calc(var(--z-sticky,40) + 1);pointer-events:none;opacity:0;transform:translateY(100%)}.bottom-tab{all:unset;box-sizing:border-box;gap:var(--size-0-5);min-width:0;padding:var(--size-1) var(--size-1-5);color:var(--sidebar-item-color,var(--color-contrast-700));cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.bottom-tab:hover,.bottom-tab:focus-visible{color:var(--sidebar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--sidebar-item-hover-bg,var(--color-contrast-100))}.bottom-tab:disabled{color:var(--sidebar-item-disabled-color,var(--color-contrast-400));cursor:not-allowed;opacity:.7}.bottom-tab-active,.bottom-tab[data-active=true]{color:var(--sidebar-item-active-color,var(--color-primary));background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)))}.bottom-tab-active:before,.bottom-tab[data-active=true]:before{display:none}.bottom-tab-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.bottom-tab-label{text-overflow:ellipsis;min-width:0;font-size:var(--text-xs);white-space:nowrap;overflow:hidden}.sidebar-header{gap:var(--size-2);min-height:var(--size-6);padding:var(--size-4);border-bottom:var(--border) solid var(--color-contrast-200);justify-content:space-between;align-items:center;display:flex}.sidebar-header .sidebar-header-content{flex:1;min-width:0;display:block;overflow:hidden}:host([data-collapsed]) .sidebar-header{gap:var(--size-2);min-height:unset;padding-block:var(--size-2);padding-inline:var(--size-2);flex-direction:column;justify-content:flex-start;align-items:center}:host([data-collapsed]) .sidebar-header .sidebar-header-content{display:none!important}.sidebar-logo{min-width:var(--size-8);min-height:var(--size-8);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--size-2)}.sidebar-logo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-2)}.sidebar-logo:empty{display:none!important}:host([data-collapsed]) .sidebar-logo{margin-block:var(--size-1)}:host([data-collapsed]) .sidebar-logo:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}:host([data-collapsed]) .sidebar-logo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:0}.sidebar-content{gap:var(--size-2);min-width:0;padding:var(--size-4);scrollbar-width:thin;flex:1;grid-template-columns:minmax(0,1fr);align-content:start;display:grid;overflow:clip auto}.sidebar-footer{padding:var(--size-4);border-top:var(--border) solid var(--color-contrast-200);flex-shrink:0}.toggle-btn{all:unset;box-sizing:border-box;width:var(--size-8);height:var(--size-8);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:color var(--transition-fast), background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.toggle-btn:hover{color:var(--color-contrast-800);background:var(--color-contrast-200)}.toggle-btn:focus-visible{outline:var(--focus-ring)}.toggle-icon{transition:var(--_motion-transition,transform var(--_sidebar-transition));justify-content:center;align-items:center;display:flex}:host([data-collapsed]) .toggle-icon{transform:rotate(180deg)}:host([data-bottom-nav]) .toggle-btn{display:none}:host(:not([dir=rtl])[data-collapsed]) .toggle-icon,:host(:dir(ltr)[data-collapsed]) .toggle-icon,:host(:dir(rtl)) .toggle-icon{transform:rotate(180deg)}:host(:dir(rtl)[data-collapsed]) .toggle-icon{transform:rotate(0)}}@layer refine.variants{:host([variant=floating]){height:calc(100% - var(--size-6));margin:var(--size-3);--_panel-radius:var(--rounded-lg)}:host([variant=floating])>nav{border:var(--border) solid var(--_panel-border-color);border-radius:var(--_panel-radius)}:host([variant=floating][data-bottom-nav]){bottom:var(--size-2);inset-inline:var(--size-2);width:auto;max-width:none}:host([variant=floating][data-preview-mode][data-bottom-nav]){inset:var(--size-2)}:host([variant=floating][data-bottom-nav]) .bottom-bar{border:var(--border) solid var(--_panel-border-color);border-radius:var(--_panel-radius);box-shadow:var(--_panel-shadow)}:host([variant=floating][data-bottom-nav])>nav{top:var(--size-2)}:host([variant=floating][data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-2)}:host([variant=floating][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-2)}:host([variant=floating][data-preview-mode][data-bottom-nav]) .bottom-bar{bottom:var(--size-2);inset-inline:var(--size-2);width:auto}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav{top:var(--size-1)}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-1)}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-1)}:host([variant=inset]){--_panel-bg:var(--color-contrast-50);--_panel-shadow:none;--_panel-border-color:transparent}}`,va=e=>{let t=String(e??``).trim();if(!t)return;let n=/max-width\s*:\s*([0-9]+(?:\.[0-9]+)?)px/i.exec(t);if(!n)return;let r=Number.parseFloat(n[1]);return Number.isFinite(r)?r:void 0},ya=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},ba=e=>{let t=ya(e)?.clientWidth??0;return t>0?t:e.offsetWidth},xa=e(`SidebarContext`),Sa=`ore-sidebar`;r(Sa,{props:{"bottom-nav-at":o.string(),collapsed:o.bool(!1),collapsible:o.bool(!1),"container-breakpoints":o.bool(!1),"default-collapsed":o.bool(!1),label:o.string(`Sidebar navigation`),responsive:o.string(),variant:o.string()},setup(e,{bind:t,el:n,emit:r,onMounted:a,provide:o,slots:s}){let c=()=>s.has(`header`).value,u=()=>s.has(`footer`).value,d=()=>s.has(`logo`).value,f=p(n.hasAttribute(`collapsed`)),m=p(f.value?n.hasAttribute(`collapsed`):e[`default-collapsed`].value),g=p(!1),_=p(!1),v=p([]),y=p(!1),b=p(!1),x=p(va(e.responsive.value)),S=p(!!String(e.responsive.value??``).trim()),C=p(!1),w=p(!1),T=p(va(e[`bottom-nav-at`].value)),E=p(!1),D=()=>m.value,O=l(()=>g.value?`bottom-nav`:m.value?`collapsed`:`default`),k=()=>{let t=e[`container-breakpoints`].value,n=t?b.value:y.value||b.value,r=t?w.value:C.value||w.value;_.value||(g.value=r),!r&&!_.value&&M(!1,`responsive`),S.value&&j(n,`responsive`)},A=()=>{v.value=s.elements().value.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`).map((e,t)=>{let n=e.querySelector(`:scope > [slot="icon"]`)??e.querySelector(`[slot="icon"]`),r=n?.tagName.toLowerCase()===`ore-icon`?n.getAttribute(`name`):null,i=n?.querySelector(`ore-icon`)?.getAttribute(`name`)??null,a=(e.textContent??``).trim();return{active:e.hasAttribute(`active`),disabled:e.hasAttribute(`disabled`),href:e.getAttribute(`href`)??void 0,iconName:r??i??void 0,label:a||`Item ${t+1}`,source:e}})};o(xa,{collapsed:l(()=>!g.value&&m.value),mobileOpen:l(()=>g.value&&_.value),mode:O,variant:e.variant});let j=(e,t)=>{D()!==e&&(f.value||(m.value=e),r(`collapsed-change`,{collapsed:e,source:t}))},M=(e,t)=>{let n=!!e;if(n&&!g.value&&(g.value=!0),!g.value&&!n){_.value&&=!1;return}_.value!==n&&(_.value=n,n||k(),r(`mobile-open-change`,{open:n,source:t}))},N=()=>{j(!D(),`toggle`)},P=n;return P.setCollapsed=e=>j(!!e,`api`),P.toggle=N,P.openMobile=()=>M(!0,`api`),P.closeMobile=()=>M(!1,`api`),P.toggleMobile=()=>M(!_.value,`toggle`),t({attr:{"data-bottom-nav":()=>g.value?!0:void 0,"data-collapsed":()=>D()&&!g.value?!0:void 0,"data-mobile-open":()=>g.value&&_.value?!0:void 0,"data-preview-mode":()=>E.value?!0:void 0}}),a(()=>{n.setAttribute(`data-no-transition`,``);let t=!1,r=()=>{t||(t=!0,n.removeAttribute(`data-no-transition`))};requestAnimationFrame(()=>requestAnimationFrame(r));let i,a,o=new Map,c=new MutationObserver(()=>{!n.hasAttribute(`collapsed`)&&!f.value||(f.value=!0,m.value=n.hasAttribute(`collapsed`))});c.observe(n,{attributeFilter:[`collapsed`],attributes:!0}),h(e.responsive,t=>{i?.(),i=void 0;let r=String(t??``).trim();S.value=!!r,x.value=va(r),y.value=!1;let a=ba(n);if(b.value=a>0&&x.value!=null?a<=x.value:!1,k(),e[`container-breakpoints`].value&&x.value!=null||!r||typeof window.matchMedia!=`function`)return;let o=window.matchMedia(r),s=e=>{y.value=e.matches,k()};y.value=o.matches,k(),o.addEventListener(`change`,s),i=()=>{o.removeEventListener(`change`,s)}},{immediate:!0}),h(e[`bottom-nav-at`],t=>{a?.(),a=void 0;let r=String(t??``).trim();T.value=va(r),C.value=!1;let i=ba(n);if(w.value=i>0&&T.value!=null?i<=T.value:!1,k(),e[`container-breakpoints`].value&&T.value!=null||!r||typeof window.matchMedia!=`function`)return;let o=window.matchMedia(r),s=e=>{C.value=e.matches,k()};C.value=o.matches,k(),o.addEventListener(`change`,s),a=()=>{o.removeEventListener(`change`,s)}},{immediate:!0});let u=typeof ResizeObserver==`function`?(()=>{let e=Tr(n),t=n.parentElement,i=ya(n),a=t?Tr(t):void 0,o=i&&i!==t?Tr(i):void 0,s;return h(l(()=>[e.value.width,e.value.height,a?.value.width,a?.value.height,o?.value.width,o?.value.height]),()=>{s!==void 0&&cancelAnimationFrame(s),s=requestAnimationFrame(()=>{let e=ya(n),t=ba(n),i=b.value,a=w.value,o=e?.clientWidth??0;E.value=o>0&&o<window.innerWidth,b.value=t>0&&x.value!=null?t<=x.value:!1,w.value=t>0&&T.value!=null?t<=T.value:!1,(i!==b.value||a!==w.value)&&k(),r()})})})():void 0,d=e=>{let t=new Set(e);for(let[e,n]of o)t.has(e)||(n.disconnect(),o.delete(e));for(let t of e){if(o.has(t))continue;let e=new MutationObserver(()=>{g.value&&A()});e.observe(t,{attributeFilter:[`active`,`disabled`,`href`],attributes:!0}),o.set(t,e)}};return h(s.elements(),e=>{d(e.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`)),A()},{immediate:!0}),()=>{c.disconnect(),i?.(),a?.(),u?.dispose();for(let e of o.values())e.disconnect();o.clear()}}),i`
|
|
2486
|
+
`},styles:[W,ia]});var ma=`@layer refine.base{:host{width:100%;display:block}:host([sidebar-bottom-nav]){display:none}.group{display:block}.group-header{all:unset;box-sizing:border-box;width:100%;min-height:var(--size-6);padding:var(--size-1) var(--size-2);margin-bottom:var(--size-2);color:inherit;-webkit-user-select:none;user-select:none;border-radius:var(--rounded-lg);transition:background var(--transition-fast);outline:none;justify-content:flex-start;align-items:center;display:flex;position:relative}.group-header::-webkit-details-marker{display:none}:host([collapsible]) .group-header{cursor:pointer}:host([collapsible]) .group-header:hover{background:var(--color-contrast-100)}:host([collapsible]) .group-header:focus-visible{outline:var(--focus-ring)}:host(:not([collapsible])) .group-header{cursor:default}:host(:not([collapsible])) .chevron{display:none!important}.group-label{text-overflow:ellipsis;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;transition:opacity var(--transition-fast);flex-grow:1;overflow:hidden}.group-icon{color:var(--color-contrast-400);flex-shrink:0;justify-content:center;align-items:center;display:flex}.group-icon:empty{display:none}.chevron{color:var(--color-contrast-400);transition:var(--_motion-transition,transform var(--transition-normal));flex-shrink:0;justify-content:center;align-items:center;display:flex}:host([collapsible]) .group[open] .chevron{transform:rotate(90deg)}.group-items{gap:var(--size-2);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}:host([sidebar-collapsed]) .group-label,:host([sidebar-collapsed]) .chevron{display:none}:host([sidebar-collapsed]) .group-header{height:0;min-height:0;margin:0;padding:0;display:none}:host([sidebar-collapsed]) .group-badge{visibility:visible!important;pointer-events:auto!important;opacity:1!important;width:auto!important;height:auto!important;display:flex!important;position:static!important}:host([collapsible]:not([open])) .group-items{display:none}}`,ha=`@layer refine.base{:host{min-width:0;max-width:100%;display:block}.item{box-sizing:border-box;gap:var(--size-2);min-width:0;min-height:var(--_touch-target);padding:var(--size-1-5) var(--size-2);font-size:var(--sidebar-item-font-size,var(--text-sm));font-weight:var(--font-medium);color:var(--sidebar-item-color,var(--color-contrast-700));cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--rounded-lg);transition:background var(--transition-fast), color var(--transition-fast);outline:none;align-items:center;text-decoration:none;display:flex;position:relative}a.item{text-decoration:none}.item:hover,.item:focus-visible{color:var(--sidebar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--sidebar-item-hover-bg,var(--color-contrast-100))}:host([active]) .item{font-weight:var(--font-semibold);color:var(--sidebar-item-active-color,var(--color-primary));background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)))}:host([active]) .item:before{display:none}:host([disabled]) .item,:host([disabled]) .item:hover,:host([disabled]) .item:focus-visible{color:var(--sidebar-item-disabled-color,var(--color-contrast-300));pointer-events:none;cursor:not-allowed;opacity:1;background:0 0;outline:none}:host([disabled]) .item-icon{color:var(--sidebar-item-disabled-color,var(--color-contrast-300))}.item-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;margin:0 auto;display:flex}.item-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:opacity var(--transition-fast);flex:1;overflow:hidden}.item-end{gap:var(--size-1);transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;display:flex}:host([sidebar-collapsed]) .item,:host([sidebar-collapsed]) .item-icon{position:relative}:host([sidebar-collapsed]) .item-label{pointer-events:none;opacity:0;width:0;overflow:hidden}:host([sidebar-collapsed]) .item{justify-content:center;align-items:center;gap:0;width:100%;height:100%;min-height:100%;padding:0}:host([sidebar-collapsed]) .item:before{inset-block:var(--size-2)}:host([sidebar-collapsed]) .item-icon{width:var(--size-7);height:var(--size-7);padding:var(--size-1-5);font-size:1.5em}:host([sidebar-collapsed][active]) .item,:host([sidebar-collapsed]) .item:hover{background:0 0}:host([sidebar-collapsed][active]) .item-icon{background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)));border-radius:var(--rounded-full)}:host([sidebar-collapsed]) .item-icon:hover{background:var(--color-contrast-100);border-radius:var(--rounded-full)}:host([sidebar-collapsed]) .item-end,:host([sidebar-collapsed]) .item-icon .group-badge,:host([sidebar-collapsed]) .item-icon ::slotted([slot=end]){right:0;bottom:calc(var(--size-2) * -1);z-index:2;pointer-events:auto;opacity:1;justify-content:center;align-items:center;min-width:1.25em;min-height:1.25em;display:flex;position:absolute;transform:translate(40%,-40%)}:host([dir=rtl][sidebar-collapsed]) .item-end,:host([dir=rtl][sidebar-collapsed]) .item-icon .group-badge,:host([dir=rtl][sidebar-collapsed]) .item-icon ::slotted([slot=end]),:host(:dir(rtl)[sidebar-collapsed]) .item-end,:host(:dir(rtl)[sidebar-collapsed]) .item-icon .group-badge,:host(:dir(rtl)[sidebar-collapsed]) .item-icon ::slotted([slot=end]){left:0;right:auto;transform:translate(-40%,-40%)}:host([sidebar-collapsed]) .item-end .group-badge,:host([sidebar-collapsed]) .item-end ::slotted([slot=end]){top:50%;right:var(--size-2);z-index:1;position:absolute;transform:translateY(-50%)}:host([dir=rtl][sidebar-collapsed]) .item-end .group-badge,:host([dir=rtl][sidebar-collapsed]) .item-end ::slotted([slot=end]),:host(:dir(rtl)[sidebar-collapsed]) .item-end .group-badge,:host(:dir(rtl)[sidebar-collapsed]) .item-end ::slotted([slot=end]){right:auto;left:var(--size-2)}:host([sidebar-bottom-nav]){display:none}}`,ga=`.sidebar-logo[hidden]{min-width:0!important;min-height:0!important;margin:0!important;display:none!important}@layer refine.base{:host{--_sidebar-width:var(--sidebar-width,16rem);--_sidebar-collapsed-width:var(--sidebar-collapsed-width,3.5rem);--_sidebar-transition:var(--transition-normal);--_panel-bg:var(--sidebar-bg,var(--color-canvas));--_panel-blur:var(--sidebar-panel-blur,var(--blur-md));--_panel-border-color:var(--sidebar-border-color,var(--color-divider));--_panel-radius:var(--sidebar-radius,var(--rounded-lg));--_panel-shadow:var(--sidebar-shadow,var(--shadow-md));box-sizing:border-box;width:100%;min-width:var(--size-2xs);max-width:var(--_sidebar-width);height:100%;min-height:0;transition:max-width var(--_sidebar-transition), min-width var(--_sidebar-transition);will-change:max-width;display:block;overflow:visible}:host>nav{box-sizing:border-box;background:var(--_panel-bg);width:100%;height:100%;min-height:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));flex-direction:column;display:flex;position:relative;overflow:hidden}:host>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_panel-border-color)}:host>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_panel-border-color)}.mobile-backdrop{z-index:calc(var(--z-sticky,40) + 1);background:color-mix(in oklch, var(--color-contrast-950) 36%, transparent);border:0;width:100%;height:100%;display:none;position:absolute;inset:0}:host([data-bottom-nav][data-mobile-open]) .mobile-backdrop{z-index:calc(var(--z-sticky,40) + 1);width:100vw;height:100dvh;display:block;position:fixed;inset:0}:host([data-preview-mode][data-bottom-nav][data-mobile-open]) .mobile-backdrop{width:100%;height:100%;position:absolute;inset:0}:host([data-no-transition]),:host([data-no-transition])>nav{transition:none!important}:host([data-collapsed]){min-width:var(--_sidebar-collapsed-width);max-width:var(--_sidebar-collapsed-width)}:host([data-bottom-nav]){z-index:calc(var(--z-sticky,40) + 2);width:100%;min-width:0;max-width:100%;height:var(--sidebar-bottom-nav-height,3.75rem);pointer-events:auto;position:fixed;bottom:0;left:0;right:0}:host([data-preview-mode][data-bottom-nav]){pointer-events:none;width:auto;height:auto;position:absolute;inset:0}:host([data-bottom-nav])>nav{z-index:calc(var(--z-sticky,40) + 3);width:min(var(--_sidebar-width), 85vw);max-width:85vw;max-height:100dvh;transition:transform var(--transition-normal);position:fixed;top:0;bottom:0;transform:translate(-104%)}:host([data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([data-preview-mode][data-bottom-nav])>nav{z-index:calc(var(--z-sticky,40) + 3);pointer-events:auto;max-height:100%;position:absolute;top:0;bottom:0}:host([data-preview-mode][data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([data-preview-mode][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host(:dir(rtl)[data-bottom-nav])>nav{transform:translate(104%)}:host([data-bottom-nav][data-mobile-open])>nav{transform:translate(0)}.bottom-bar{gap:var(--size-1);width:100%;height:100%;padding:var(--size-1);pointer-events:none;background:var(--_panel-bg);border-top:var(--border) solid var(--_panel-border-color);box-shadow:var(--shadow-sm);opacity:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity var(--_sidebar-transition), transform var(--_sidebar-transition), display var(--_sidebar-transition) allow-discrete;justify-content:space-around;align-items:stretch;display:flex;transform:translateY(100%)}:host([data-bottom-nav]) .bottom-bar{pointer-events:auto;opacity:1;transform:translateY(0)}:host([data-preview-mode][data-bottom-nav]) .bottom-bar{z-index:calc(var(--z-sticky,40) + 2);height:var(--sidebar-bottom-nav-height,3.75rem);position:absolute;bottom:0;left:0;right:0}:host([data-bottom-nav][data-mobile-open]) .bottom-bar{z-index:calc(var(--z-sticky,40) + 1);pointer-events:none;opacity:0;transform:translateY(100%)}.bottom-tab{all:unset;box-sizing:border-box;gap:var(--size-0-5);min-width:0;padding:var(--size-1) var(--size-1-5);color:var(--sidebar-item-color,var(--color-contrast-700));cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.bottom-tab:hover,.bottom-tab:focus-visible{color:var(--sidebar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--sidebar-item-hover-bg,var(--color-contrast-100))}.bottom-tab:disabled{color:var(--sidebar-item-disabled-color,var(--color-contrast-400));cursor:not-allowed;opacity:.7}.bottom-tab-active,.bottom-tab[data-active=true]{color:var(--sidebar-item-active-color,var(--color-primary));background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)))}.bottom-tab-active:before,.bottom-tab[data-active=true]:before{display:none}.bottom-tab-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.bottom-tab-label{text-overflow:ellipsis;min-width:0;font-size:var(--text-xs);white-space:nowrap;overflow:hidden}.sidebar-header{gap:var(--size-2);min-height:var(--size-6);padding:var(--size-4);border-bottom:var(--border) solid var(--color-contrast-200);justify-content:space-between;align-items:center;display:flex}.sidebar-header .sidebar-header-content{flex:1;min-width:0;display:block;overflow:hidden}:host([data-collapsed]) .sidebar-header{gap:var(--size-2);min-height:unset;padding-block:var(--size-2);padding-inline:var(--size-2);flex-direction:column;justify-content:flex-start;align-items:center}:host([data-collapsed]) .sidebar-header .sidebar-header-content{display:none!important}.sidebar-logo{min-width:var(--size-8);min-height:var(--size-8);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--size-2)}.sidebar-logo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-2)}.sidebar-logo:empty{display:none!important}:host([data-collapsed]) .sidebar-logo{margin-block:var(--size-1)}:host([data-collapsed]) .sidebar-logo:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}:host([data-collapsed]) .sidebar-logo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:0}.sidebar-content{gap:var(--size-2);min-width:0;padding:var(--size-4);scrollbar-width:thin;flex:1;grid-template-columns:minmax(0,1fr);align-content:start;display:grid;overflow:clip auto}.sidebar-footer{padding:var(--size-4);border-top:var(--border) solid var(--color-contrast-200);flex-shrink:0}.toggle-btn{all:unset;box-sizing:border-box;width:var(--size-8);height:var(--size-8);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:color var(--transition-fast), background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.toggle-btn:hover{color:var(--color-contrast-800);background:var(--color-contrast-200)}.toggle-btn:focus-visible{outline:var(--focus-ring)}.toggle-icon{transition:var(--_motion-transition,transform var(--_sidebar-transition));justify-content:center;align-items:center;display:flex}:host([data-collapsed]) .toggle-icon{transform:rotate(180deg)}:host([data-bottom-nav]) .toggle-btn{display:none}:host(:not([dir=rtl])[data-collapsed]) .toggle-icon,:host(:dir(ltr)[data-collapsed]) .toggle-icon,:host(:dir(rtl)) .toggle-icon{transform:rotate(180deg)}:host(:dir(rtl)[data-collapsed]) .toggle-icon{transform:rotate(0)}}@layer refine.variants{:host([variant=floating]){height:calc(100% - var(--size-6));margin:var(--size-3);--_panel-radius:var(--rounded-lg)}:host([variant=floating])>nav{border:var(--border) solid var(--_panel-border-color);border-radius:var(--_panel-radius)}:host([variant=floating][data-bottom-nav]){bottom:var(--size-2);inset-inline:var(--size-2);width:auto;max-width:none}:host([variant=floating][data-preview-mode][data-bottom-nav]){inset:var(--size-2)}:host([variant=floating][data-bottom-nav]) .bottom-bar{border:var(--border) solid var(--_panel-border-color);border-radius:var(--_panel-radius);box-shadow:var(--_panel-shadow)}:host([variant=floating][data-bottom-nav])>nav{top:var(--size-2)}:host([variant=floating][data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-2)}:host([variant=floating][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-2)}:host([variant=floating][data-preview-mode][data-bottom-nav]) .bottom-bar{bottom:var(--size-2);inset-inline:var(--size-2);width:auto}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav{top:var(--size-1)}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-1)}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-1)}:host([variant=inset]){--_panel-bg:var(--color-contrast-50);--_panel-shadow:none;--_panel-border-color:transparent}}`,_a=e=>{let t=String(e??``).trim();if(!t)return;let n=/max-width\s*:\s*([0-9]+(?:\.[0-9]+)?)px/i.exec(t);if(!n)return;let r=Number.parseFloat(n[1]);return Number.isFinite(r)?r:void 0},va=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},ya=e=>{let t=va(e)?.clientWidth??0;return t>0?t:e.offsetWidth},ba=e(`SidebarContext`),xa=`ore-sidebar`;r(xa,{props:{"bottom-nav-at":o.string(),collapsed:o.bool(!1),collapsible:o.bool(!1),"container-breakpoints":o.bool(!1),"default-collapsed":o.bool(!1),label:o.string(`Sidebar navigation`),responsive:o.string(),variant:o.string()},setup(e,{bind:t,el:n,emit:r,onMounted:a,provide:o,slots:s}){let c=()=>s.has(`header`).value,u=()=>s.has(`footer`).value,d=()=>s.has(`logo`).value,f=p(n.hasAttribute(`collapsed`)),m=p(f.value?n.hasAttribute(`collapsed`):e[`default-collapsed`].value),g=p(!1),_=p(!1),v=p([]),y=p(!1),b=p(!1),x=p(_a(e.responsive.value)),S=p(!!String(e.responsive.value??``).trim()),C=p(!1),w=p(!1),T=p(_a(e[`bottom-nav-at`].value)),E=p(!1),D=()=>m.value,O=l(()=>g.value?`bottom-nav`:m.value?`collapsed`:`default`),k=()=>{let t=e[`container-breakpoints`].value,n=t?b.value:y.value||b.value,r=t?w.value:C.value||w.value;_.value||(g.value=r),!r&&!_.value&&M(!1,`responsive`),S.value&&j(n,`responsive`)},A=()=>{let e=s.elements().value.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`).map((e,t)=>{let n=e.querySelector(`:scope > [slot="icon"]`)??e.querySelector(`[slot="icon"]`),r=n?.tagName.toLowerCase()===`ore-icon`?n.getAttribute(`name`):null,i=n?.querySelector(`ore-icon`)?.getAttribute(`name`)??null,a=(e.textContent??``).trim();return{active:e.hasAttribute(`active`),disabled:e.hasAttribute(`disabled`),href:e.getAttribute(`href`)??void 0,iconName:r??i??void 0,label:a||`Item ${t+1}`,source:e}});v.value=e};o(ba,{collapsed:l(()=>!g.value&&m.value),mobileOpen:l(()=>g.value&&_.value),mode:O,variant:e.variant});let j=(e,t)=>{D()!==e&&(f.value||(m.value=e),r(`collapsed-change`,{collapsed:e,source:t}))},M=(e,t)=>{let n=!!e;if(n&&!g.value&&(g.value=!0),!g.value&&!n){_.value&&=!1;return}_.value!==n&&(_.value=n,n||k(),r(`mobile-open-change`,{open:n,source:t}))},N=()=>{j(!D(),`toggle`)},P=n;return P.setCollapsed=e=>j(!!e,`api`),P.toggle=N,P.openMobile=()=>M(!0,`api`),P.closeMobile=()=>M(!1,`api`),P.toggleMobile=()=>M(!_.value,`toggle`),t({attr:{"data-bottom-nav":()=>g.value?!0:void 0,"data-collapsed":()=>D()&&!g.value?!0:void 0,"data-mobile-open":()=>g.value&&_.value?!0:void 0,"data-preview-mode":()=>E.value?!0:void 0}}),a(()=>{n.setAttribute(`data-no-transition`,``);let t=!1,r=()=>{t||(t=!0,n.removeAttribute(`data-no-transition`))};requestAnimationFrame(()=>requestAnimationFrame(r));let i,a,o=new Map,c=new MutationObserver(()=>{!n.hasAttribute(`collapsed`)&&!f.value||(f.value=!0,m.value=n.hasAttribute(`collapsed`))});c.observe(n,{attributeFilter:[`collapsed`],attributes:!0}),h(e.responsive,t=>{i?.(),i=void 0;let r=String(t??``).trim();S.value=!!r,x.value=_a(r),y.value=!1;let a=ya(n);if(b.value=a>0&&x.value!=null?a<=x.value:!1,k(),e[`container-breakpoints`].value&&x.value!=null||!r||typeof window.matchMedia!=`function`)return;let o=window.matchMedia(r),s=e=>{y.value=e.matches,k()};y.value=o.matches,k(),o.addEventListener(`change`,s),i=()=>{o.removeEventListener(`change`,s)}},{immediate:!0}),h(e[`bottom-nav-at`],t=>{a?.(),a=void 0;let r=String(t??``).trim();T.value=_a(r),C.value=!1;let i=ya(n);if(w.value=i>0&&T.value!=null?i<=T.value:!1,k(),e[`container-breakpoints`].value&&T.value!=null||!r||typeof window.matchMedia!=`function`)return;let o=window.matchMedia(r),s=e=>{C.value=e.matches,k()};C.value=o.matches,k(),o.addEventListener(`change`,s),a=()=>{o.removeEventListener(`change`,s)}},{immediate:!0});let u=typeof ResizeObserver==`function`?(()=>{let e=wr(n),t=n.parentElement,i=va(n),a=t?wr(t):void 0,o=i&&i!==t?wr(i):void 0,s;return h(l(()=>[e.value.width,e.value.height,a?.value.width,a?.value.height,o?.value.width,o?.value.height]),()=>{s!==void 0&&cancelAnimationFrame(s),s=requestAnimationFrame(()=>{let e=va(n),t=ya(n),i=b.value,a=w.value,o=e?.clientWidth??0;E.value=o>0&&o<window.innerWidth,b.value=t>0&&x.value!=null?t<=x.value:!1,w.value=t>0&&T.value!=null?t<=T.value:!1,(i!==b.value||a!==w.value)&&k(),r()})})})():void 0,d=e=>{let t=new Set(e);for(let[e,n]of o)t.has(e)||(n.disconnect(),o.delete(e));for(let t of e){if(o.has(t))continue;let e=new MutationObserver(()=>{g.value&&A()});e.observe(t,{attributeFilter:[`active`,`disabled`,`href`],attributes:!0}),o.set(t,e)}};return h(s.elements(),e=>{let t=e.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`);d(t),A()},{immediate:!0}),()=>{c.disconnect(),i?.(),a?.(),u?.dispose();for(let e of o.values())e.disconnect();o.clear()}}),i`
|
|
2487
2487
|
<button
|
|
2488
2488
|
class="mobile-backdrop"
|
|
2489
2489
|
part="mobile-backdrop"
|
|
@@ -2547,7 +2547,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
2547
2547
|
</button>
|
|
2548
2548
|
`})}
|
|
2549
2549
|
</div>
|
|
2550
|
-
`},styles:[W,G,
|
|
2550
|
+
`},styles:[W,G,ga]});var Sa=`ore-sidebar-group`;r(Sa,{props:{collapsible:o.bool(!1),"default-open":o.bool(!0),label:o.string(),open:{default:void 0,parse:e=>e==null?void 0:e===``||e===`true`,reflect:!1}},setup(e,{bind:t,slots:n}){let r=()=>n.has(`icon`).value,o=a(ba);t({attr:{"sidebar-bottom-nav":()=>o?.mode.value===`bottom-nav`&&!o?.mobileOpen.value?!0:void 0,"sidebar-collapsed":()=>o?.collapsed.value?!0:void 0}});let s=()=>e.open.value!==void 0,c=p(e[`default-open`].value),u=l(()=>e.collapsible.value?s()?e.open.value??!1:c.value:!0);return h(e.open,e=>{e!==void 0&&(c.value=e)}),t({attr:{open:()=>u.value?!0:void 0}}),i`
|
|
2551
2551
|
<details class="group" part="group" ?open=${u}>
|
|
2552
2552
|
<summary
|
|
2553
2553
|
class="group-header"
|
|
@@ -2566,7 +2566,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
2566
2566
|
<slot></slot>
|
|
2567
2567
|
</div>
|
|
2568
2568
|
</details>
|
|
2569
|
-
`},styles:[G,
|
|
2569
|
+
`},styles:[G,ma]});var Ca=`ore-sidebar-item`;r(Ca,{props:{active:o.bool(!1),disabled:o.bool(!1),href:o.string(),rel:o.string(),target:o.string()},setup(e,{bind:t,slots:n}){let r=()=>n.has(`icon`).value,o=()=>n.has(`end`).value,s=a(ba);t({attr:{"sidebar-bottom-nav":()=>s?.mode.value===`bottom-nav`&&!s?.mobileOpen.value?!0:void 0,"sidebar-collapsed":()=>s?.collapsed.value?!0:void 0}});let c=()=>!!e.href.value&&!e.disabled.value,u=l(()=>kn(e.rel.value,e.target.value)),d=()=>i`
|
|
2570
2570
|
<span class="item-icon" part="item-icon" ?hidden=${()=>!r()} aria-hidden="true">
|
|
2571
2571
|
<slot name="icon"></slot>
|
|
2572
2572
|
</span>
|
|
@@ -2604,7 +2604,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
2604
2604
|
${d()}
|
|
2605
2605
|
</button>
|
|
2606
2606
|
`}
|
|
2607
|
-
`},styles:[W,
|
|
2607
|
+
`},styles:[W,ha]});function wa(){let e=0,t=[];return{lock(n){if(e===0){let e=n;for(;e.parentElement&&e.parentElement!==document.body;)e=e.parentElement;t=Array.from(document.body.children).filter(t=>t!==e&&!t.hasAttribute(`inert`));for(let e of t)e.setAttribute(`inert`,``)}e++},unlock(){if(e=Math.max(0,e-1),e===0){for(let e of t)e.removeAttribute(`inert`);t=[]}}}}function Ta(e){let t=Z(e.onCleanup),n=p(!1),r=`programmatic`,i=wa(),a=!1,o=$t({getInitialFocusSelector:()=>e.initialFocus.value,getReturnFocus:()=>e.returnFocus.value,host:e.host}),s=()=>{let t=e.dialogRef.value;if(!t?.open||a)return;a=!0,t.classList.add(`closing`);let n=()=>{t.close(),a=!1},r=e.getPanelEl();r?mr(r,n,`transition`):n()},c=t=>e.host.dispatchEvent(new CustomEvent(`close-request`,{bubbles:!0,cancelable:!0,composed:!0,detail:{reason:t,...e.closeRequestDetail?.(t)}})),l=Et({getBoundary:()=>e.host,getPanel:()=>{let t=e.getPanelEl();return t instanceof HTMLElement?t:null},isOpen:()=>n.value,onOpen:e.onOpen,setOpen:(t,a)=>{let s=e.dialogRef.value;if(s){if(t){if(s.open)return;s.classList.remove(`closing`),o.captureReturnFocus(),e.beforeOpen?.(s),s.showModal(),i.lock(e.host),o.applyInitialFocus(),n.value=!0;return}if(s.open){r=a,(e.performClose??(e=>e.close()))(s,a);return}n.value=!1}},signal:t}),u=e=>{c(e)&&l.close(e,!1)};e.host.addEventListener(`command`,e=>{let t=e.command;t===`show-modal`?l.open(`trigger`):(t===`close`||t===`request-close`)&&u(`trigger`)},{signal:t});let d=t=>{t.preventDefault(),!e.isPersistent()&&u(`escape`)},f=t=>{e.isPersistent()||t.target===e.dialogRef.value&&u(`outsideClick`)},m=()=>{i.unlock(),e.host.removeAttribute(`open`),n.value=!1,o.restoreFocus();let t=r;r=`programmatic`,e.onNativeClose?.(t)},g=()=>{let t=e.dialogRef.value;t&&e.onEvent(t,`close`,m),h(e.openProp,e=>{e?l.open(`programmatic`):l.close(`programmatic`,!1)},{immediate:!0})};return{closeWithAnimation:s,dispatchCloseRequest:c,handleBackdropClick:f,handleCancel:d,isOpen:n,overlay:l,requestClose:u,setupNativeListeners:()=>{let t=e.dialogRef.value;t&&(g(),e.onEvent(t,`click`,f),e.onEvent(t,`cancel`,d))},watchOpenProp:g}}var Ea=`@layer refine.base{:host{--_radius:var(--dialog-radius,var(--rounded-lg));--_padding:var(--dialog-padding,var(--size-4));--_gap:var(--dialog-gap,var(--size-4));--_max-width:var(--dialog-max-width,32rem);--_elevation:var(--shadow-xl);--_backdrop-filter:none;--_backdrop-bg:var(--dialog-backdrop,color-mix(in oklch, var(--color-canvas) 40%, transparent));--_panel-bg:var(--dialog-bg,var(--color-canvas));--_panel-blur:var(--dialog-panel-blur,var(--blur-md));--_panel-border-color:var(--dialog-border-color,var(--color-divider));display:contents}dialog{all:unset;box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;transition:display .2s allow-discrete, overlay .2s allow-discrete;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}dialog:not([open]),dialog:not([open]) .panel{display:none}dialog[open]{pointer-events:auto}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:opacity var(--transition-normal), overlay var(--transition-normal) allow-discrete, display var(--transition-normal) allow-discrete}@starting-style{dialog::backdrop{opacity:0}}dialog.closing::backdrop{opacity:0;transition:opacity .15s var(--ease-in-out), overlay .15s allow-discrete, display .15s allow-discrete}.panel{box-sizing:border-box;width:var(--_max-width);max-width:calc(100vw - var(--size-8));max-height:calc(100dvh - var(--size-8));background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);border-radius:var(--_radius);box-shadow:var(--dialog-shadow,var(--_elevation));opacity:1;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity .2s var(--ease-spring), transform .2s var(--ease-spring);flex-direction:column;display:flex;position:relative;overflow:hidden;transform:scale(1)translateY(0)}@starting-style{.panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px)}}dialog.closing .panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px);transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring)}.panel[data-size=sm]{--_max-width:var(--dialog-max-width,22rem)}.panel[data-size=md]{--_max-width:var(--dialog-max-width,32rem)}.panel[data-size=lg]{--_max-width:var(--dialog-max-width,48rem)}.panel[data-size=xl]{--_max-width:var(--dialog-max-width,64rem)}.panel[data-size=full]{width:calc(100vw - var(--size-8));max-width:calc(100vw - var(--size-8));max-height:calc(100dvh - var(--size-8))}.header{gap:var(--size-2);padding:var(--_padding);flex-shrink:0;align-items:center;padding-bottom:0;display:flex}.header[hidden]{display:none}.title{font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-contrast-900);flex:1}.close{width:var(--size-8);min-width:var(--_touch-target);height:var(--size-8);min-height:var(--_touch-target);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.close:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.close:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.close:hover{color:var(--color-contrast-900);background:var(--color-contrast-200)}.close:focus-visible{outline:var(--border-2) solid var(--color-focus);outline-offset:var(--border-2)}.close[hidden]{display:none}.body{padding:var(--_padding);overscroll-behavior:contain;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-contrast-700);flex:1;overflow-y:auto}.footer{gap:var(--_gap);padding:var(--_padding);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;padding-top:0;display:flex}.footer[hidden]{display:none}.header:not([hidden])+.body{padding-top:var(--size-4)}.body+.footer:not([hidden]){padding-top:var(--size-4);border-top:var(--border) solid var(--color-contrast-100)}@media (width<=640px){.panel,.panel[data-size=sm],.panel[data-size=md],.panel[data-size=lg],.panel[data-size=xl]{width:calc(100vw - var(--size-4));max-width:calc(100vw - var(--size-4));max-height:calc(100dvh - var(--size-4))}.header,.body,.footer{padding-inline:var(--size-3)}}}@layer refine.config{:host([backdrop=blur]){--_backdrop-filter:blur(var(--blur-xs))}:host([backdrop=transparent]){--_backdrop-bg:transparent}:host([elevation=none]){--_elevation:var(--shadow-none)}:host([elevation=sm]){--_elevation:var(--shadow-sm)}:host([elevation=md]){--_elevation:var(--shadow-md)}:host([elevation=lg]){--_elevation:var(--shadow-lg)}:host([elevation=xl]){--_elevation:var(--shadow-xl)}:host([elevation="2xl"]){--_elevation:var(--shadow-2xl)}:host([padding=none]){--_padding:var(--size-0)}:host([padding=sm]){--_padding:var(--size-3)}:host([padding=md]){--_padding:var(--size-4)}:host([padding=lg]){--_padding:var(--size-6)}:host([padding=xl]){--_padding:var(--size-8)}}`,Da=`ore-dialog`;r(Da,{props:{backdrop:o.string(),dismissible:o.bool(!1),elevation:o.string(),"initial-focus":o.string(),label:o.string(),open:o.bool(!1),padding:o.string(),persistent:o.bool(!1),"return-focus":o.bool(!0),rounded:o.string(),size:o.oneOf([`sm`,`md`,`lg`,`xl`,`full`],`md`)},setup(e,{el:t,emit:n,onCleanup:r,onEvent:a,onMounted:o,slots:c}){let l=s(),u=()=>c.has(`header`).value||!!e.label.value||e.dismissible.value,d=()=>c.has(`footer`).value,{closeWithAnimation:f,overlay:p,requestClose:m,setupNativeListeners:h}=Ta({dialogRef:l,getPanelEl:()=>l.value?.querySelector(`.panel`),host:t,initialFocus:e[`initial-focus`],isPersistent:()=>!!e.persistent.value,onCleanup:r,onEvent:a,onNativeClose:e=>n(`close`,{reason:e}),onOpen:e=>n(`open`,{reason:e}),openProp:e.open,performClose:()=>{f()},returnFocus:e[`return-focus`]});return o(()=>{if(l.value)return h(),()=>{p.dispose()}}),i`
|
|
2608
2608
|
<dialog ref=${l} class="dialog" part="dialog" aria-label="${e.label}" aria-modal="true">
|
|
2609
2609
|
<div class="overlay" part="overlay" aria-hidden="true"></div>
|
|
2610
2610
|
<div class="panel" part="panel" :data-size="${e.size}">
|
|
@@ -2630,7 +2630,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
2630
2630
|
</div>
|
|
2631
2631
|
</div>
|
|
2632
2632
|
</dialog>
|
|
2633
|
-
`},styles:[pe,W,Da]});var ka=`@layer refine.base{:host{--_backdrop-bg:var(--drawer-backdrop-bg,color-mix(in oklch, var(--color-canvas) 40%, transparent));--_backdrop-filter:none;--_panel-bg:var(--drawer-bg,var(--color-canvas));--_panel-blur:var(--drawer-panel-blur,var(--blur-md));--_panel-shadow:var(--drawer-shadow,var(--shadow-xl));--_panel-border-color:var(--color-divider);--_panel-bleed:var(--size-8);--_drag-handle-inset:calc(var(--size-1) * -1);display:contents}dialog{all:unset;box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;transition:display .2s allow-discrete, overlay .2s allow-discrete;display:flex;position:fixed;inset:0}dialog:not([open]),dialog:not([open]) .panel{display:none}dialog[open]{pointer-events:auto;display:flex}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:display .2s allow-discrete, overlay .2s allow-discrete, opacity var(--transition-normal), backdrop-filter var(--transition-normal)}@starting-style{dialog::backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}dialog.closing::backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:opacity .3s var(--ease-in-out), backdrop-filter .3s var(--ease-in-out), overlay .3s allow-discrete, display .3s allow-discrete}.panel{box-sizing:border-box;background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);box-shadow:var(--_panel-shadow);opacity:1;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity var(--transition-normal), transform .3s var(--ease-move);flex-direction:column;display:flex;position:absolute;overflow:visible;transform:translate(0)}@starting-style{.panel{opacity:0;transform:var(--_panel-exit-transform,translate3d(0, 0, 0))}}dialog.closing .panel{opacity:0;transform:var(--_panel-exit-transform,translate3d(0, 0, 0))}:host([placement=left]) .panel{--_panel-exit-transform:translateX(calc(-100% - var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host([placement=left]) .panel:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=left]) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host(:not([placement])) .panel,:host([placement=right]) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host(:not([placement])) .panel:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([placement=right]) .panel:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host(:not([placement])) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=right]) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=top]) .panel{--_panel-exit-transform:translateY(calc(-100% - var(--_panel-bleed)));height:calc(var(--drawer-size,16rem) + var(--_panel-bleed));max-height:calc(100dvh + var(--_panel-bleed));margin-top:calc(var(--_panel-bleed) * -1);padding-top:var(--_panel-bleed);border-top:none;border-left:none;border-right:none;top:0;left:0;right:0}:host([placement=bottom]) .panel{--_panel-exit-transform:translateY(calc(100% + var(--_panel-bleed)));height:calc(var(--drawer-size,16rem) + var(--_panel-bleed));max-height:calc(100dvh + var(--_panel-bleed));margin-bottom:calc(var(--_panel-bleed) * -1);padding-bottom:var(--_panel-bleed);border-bottom:none;border-left:none;border-right:none;bottom:0;left:0;right:0}:host(:dir(rtl)[placement=left]) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)))}:host(:dir(rtl)[placement=right]) .panel,:host(:dir(rtl):not([placement])) .panel{--_panel-exit-transform:translateX(calc(-100% - var(--_panel-bleed)))}:host([size=sm]){--drawer-size:14rem}:host([size=lg]){--drawer-size:32rem}:host([size=full]){--drawer-size:100%}:host([size=full]) .panel{width:calc(100% + var(--_panel-bleed));max-width:none;height:calc(100% + var(--_panel-bleed));border:none;max-height:none}.header{gap:var(--size-2);padding:var(--size-4);border-bottom:var(--border) solid var(--color-contrast-200);flex-shrink:0;align-items:center;display:flex}.header-title{text-overflow:ellipsis;min-width:0;font-size:var(--text-lg);font-weight:var(--font-semibold);white-space:nowrap;flex:1;overflow:hidden}.body{padding:var(--size-4);flex:1;overflow-y:auto}.footer{gap:var(--size-2);padding:var(--size-4);border-top:var(--border) solid var(--color-contrast-200);flex-shrink:0;justify-content:flex-end;display:flex}.header[hidden],.footer[hidden],.close-btn[hidden]{display:none}.close-btn{all:unset;box-sizing:border-box;width:var(--size-8);height:var(--size-8);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.close-btn:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.close-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.close-btn:hover{color:var(--color-contrast-800);background:var(--color-contrast-200)}.close-btn:active{opacity:.8}.drag-handle{z-index:10;pointer-events:all;touch-action:none;cursor:grab;position:absolute}.drag-handle:active{cursor:grabbing}:host([placement=left]) .drag-handle,:host(:not([placement])) .drag-handle,:host([placement=right]) .drag-handle{width:var(--_panel-bleed);height:3.5rem;top:50%;translate:0 -50%}:host([placement=left]) .drag-handle{right:calc(var(--_panel-bleed) * -1)}:host([placement=right]) .drag-handle,:host(:not([placement])) .drag-handle{left:calc(var(--_panel-bleed) * -1)}:host([placement=top]) .drag-handle,:host([placement=bottom]) .drag-handle{width:3.5rem;height:var(--_panel-bleed);left:50%;translate:-50%}:host([placement=top]) .drag-handle{bottom:calc(var(--_panel-bleed) * -1)}:host([placement=bottom]) .drag-handle{top:calc(var(--_panel-bleed) * -1)}:host([drag-handle-placement=inset][placement=left]) .drag-handle{right:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=right]) .drag-handle,:host([drag-handle-placement=inset]:not([placement])) .drag-handle{left:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=top]) .drag-handle{bottom:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=bottom]) .drag-handle{top:var(--_drag-handle-inset)}.drag-handle:before{content:"";background:var(--color-contrast-400);border-radius:var(--rounded-full);opacity:.6;transition:background var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);position:absolute;inset:50%;translate:-50% -50%}:host([placement=left]) .drag-handle:before,:host([placement=right]) .drag-handle:before,:host(:not([placement])) .drag-handle:before{width:5px;height:2.5rem}:host([placement=top]) .drag-handle:before,:host([placement=bottom]) .drag-handle:before{width:2.5rem;height:5px}.drag-handle:hover:before{background:var(--color-contrast-600);opacity:.9;transform:scale(1.15)}.close-btn:focus-visible{outline:var(--focus-ring)}@media (width<=640px){:host([placement=left]) .panel,:host(:not([placement])) .panel,:host([placement=right]) .panel{width:calc(min(var(--drawer-size,20rem), calc(100vw - var(--size-2))) + var(--_panel-bleed));max-width:calc(100vw - var(--size-2) + var(--_panel-bleed))}:host([placement=top]) .panel,:host([placement=bottom]) .panel{height:calc(min(var(--drawer-size,16rem), calc(100dvh - var(--size-2))) + var(--_panel-bleed));max-height:calc(100dvh - var(--size-2) + var(--_panel-bleed))}.header,.body,.footer{padding:var(--size-3)}}}@layer refine.config{:host([backdrop=blur]){--_backdrop-filter:blur(var(--blur-xs))}:host([backdrop=transparent]){--_backdrop-bg:transparent}}`,Aa={bottom:{axis:`y`,closingDistance:e=>Math.max(0,e),translate:e=>`translateY(${e}px)`},left:{axis:`x`,closingDistance:e=>Math.max(0,-e),translate:e=>`translateX(${e}px)`},right:{axis:`x`,closingDistance:e=>Math.max(0,e),translate:e=>`translateX(${e}px)`},top:{axis:`y`,closingDistance:e=>Math.max(0,-e),translate:e=>`translateY(${e}px)`}},ja=`ore-drawer`;r(ja,{props:{backdrop:o.string(),dismissible:o.bool(!0),"drag-handle-placement":o.oneOf([`outside`,`inset`],`outside`),"initial-focus":o.string(),label:o.string(),open:o.bool(!1),persistent:o.bool(!1),placement:o.oneOf([`left`,`right`,`top`,`bottom`],`right`),"return-focus":o.bool(!0),size:o.string(),title:o.string()},setup(e,{el:n,emit:r,onCleanup:a,onEvent:o,onMounted:c,slots:l}){let u=t(`drawer-label`),d=s(),f=s(),m=p(!1),h,g=()=>e.label.value??e.title.value??``,_=()=>l.has(`header`).value||!!g(),v=()=>_()||e.dismissible.value,y=()=>l.has(`footer`).value,b=()=>e.placement.value||`right`,x=()=>Aa[b()],S=(e,t)=>{let n=t===`x`?e.offsetWidth:e.offsetHeight;return Math.min(96,Math.max(36,n*.18))},C=(e,t)=>x().closingDistance(e)>=t,w=e=>{if(!m.value)return;h&&=(clearTimeout(h),void 0);let t=d.value;if(!t){m.value=!1;return}t.style.transition=`none`,e.style.opacity=`0`,e.style.visibility=`hidden`,t.offsetWidth,M(`swipe`)},T=(e,t,n)=>{if(m.value)return;m.value=!0;let r=t.axis===`x`?e.offsetWidth:e.offsetHeight,i=n>=0?Math.max(n,r):Math.min(n,-r),a=t.translate(i);e.style.transition=`transform 180ms cubic-bezier(0.2, 0.9, 0.2, 1), opacity 180ms ease-out`,e.offsetWidth;let o=t=>{t.target!==e||t.propertyName!==`transform`||(e.removeEventListener(`transitionend`,o),w(e))};e.addEventListener(`transitionend`,o);let s=parseFloat(getComputedStyle(e).transitionDuration)*1e3;h=setTimeout(()=>{e.removeEventListener(`transitionend`,o),w(e)},s+50),e.style.transform=a,e.style.opacity=`0.2`},E=e=>{h&&=(clearTimeout(h),void 0),e.style.transition=``,e.style.transform=``,e.style.opacity=``,e.style.visibility=``,m.value=!1},D=({distance:e,threshold:t})=>{let n=f.value;if(n){if(C(e,t)){T(n,x(),e);return}E(n)}},O=Ht({axis:()=>x().axis,disabled:m,onCancel:D,onCommit:({distance:e})=>{let t=f.value;t&&T(t,x(),e)},onMove:({distance:e,threshold:t})=>{let n=f.value;if(!n)return;let r=x(),i=r.closingDistance(e),a=Math.min(i/t,1);n.style.transition=`none`,n.style.transform=r.translate(e),n.style.opacity=String(1-a*.4)},onRelease:D,shouldCommit:({distance:e,threshold:t})=>C(e,t),threshold:()=>{let e=f.value;return e?S(e,x().axis):48}}),{closeWithAnimation:k,handleCancel:A,overlay:j,requestClose:M,watchOpenProp:N}=Ea({beforeOpen:e=>{let t=f.value;t&&E(t)},closeRequestDetail:t=>({placement:e.placement.value??`right`}),dialogRef:d,getPanelEl:()=>f.value,host:n,initialFocus:e[`initial-focus`],isPersistent:()=>!!e.persistent.value,onCleanup:a,onEvent:o,onNativeClose:t=>{let n=f.value;n&&t!==`swipe`&&E(n);let i=d.value;i&&(i.style.transition=``),r(`close`,{placement:e.placement.value??`right`,reason:t})},onOpen:t=>r(`open`,{placement:e.placement.value??`right`,reason:t}),openProp:e.open,performClose:(e,t)=>{t===`swipe`?e.close():k()},returnFocus:e[`return-focus`]});return c(()=>{let t=d.value;if(!t)return;let r=n;r.show=()=>{j.open(`programmatic`)},r.hide=()=>{j.close(`programmatic`,!1)},N(),o(t,`cancel`,A),o(t,`click`,n=>{e.persistent.value||O.isActive()||m.value||n.target===t&&M(`outsideClick`)});let i=f.value?.querySelector(`[part="drag-handle"]`);return i&&(o(i,`pointerdown`,O.handlePointerDown),o(i,`pointermove`,O.handlePointerMove),o(i,`pointerup`,O.handlePointerUp),o(i,`pointercancel`,O.handlePointerCancel)),()=>{j.dispose()}}),i`
|
|
2633
|
+
`},styles:[fe,W,Ea]});var Oa=`@layer refine.base{:host{--_backdrop-bg:var(--drawer-backdrop-bg,color-mix(in oklch, var(--color-canvas) 40%, transparent));--_backdrop-filter:none;--_panel-bg:var(--drawer-bg,var(--color-canvas));--_panel-blur:var(--drawer-panel-blur,var(--blur-md));--_panel-shadow:var(--drawer-shadow,var(--shadow-xl));--_panel-border-color:var(--color-divider);--_panel-bleed:var(--size-8);--_drag-handle-inset:calc(var(--size-1) * -1);display:contents}dialog{all:unset;box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;transition:display .2s allow-discrete, overlay .2s allow-discrete;display:flex;position:fixed;inset:0}dialog:not([open]),dialog:not([open]) .panel{display:none}dialog[open]{pointer-events:auto;display:flex}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:display .2s allow-discrete, overlay .2s allow-discrete, opacity var(--transition-normal), backdrop-filter var(--transition-normal)}@starting-style{dialog::backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}dialog.closing::backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:opacity .3s var(--ease-in-out), backdrop-filter .3s var(--ease-in-out), overlay .3s allow-discrete, display .3s allow-discrete}.panel{box-sizing:border-box;background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);box-shadow:var(--_panel-shadow);opacity:1;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity var(--transition-normal), transform .3s var(--ease-move);flex-direction:column;display:flex;position:absolute;overflow:visible;transform:translate(0)}@starting-style{.panel{opacity:0;transform:var(--_panel-exit-transform,translate3d(0, 0, 0))}}dialog.closing .panel{opacity:0;transform:var(--_panel-exit-transform,translate3d(0, 0, 0))}:host([placement=left]) .panel{--_panel-exit-transform:translateX(calc(-100% - var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host([placement=left]) .panel:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=left]) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host(:not([placement])) .panel,:host([placement=right]) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host(:not([placement])) .panel:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([placement=right]) .panel:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host(:not([placement])) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=right]) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=top]) .panel{--_panel-exit-transform:translateY(calc(-100% - var(--_panel-bleed)));height:calc(var(--drawer-size,16rem) + var(--_panel-bleed));max-height:calc(100dvh + var(--_panel-bleed));margin-top:calc(var(--_panel-bleed) * -1);padding-top:var(--_panel-bleed);border-top:none;border-left:none;border-right:none;top:0;left:0;right:0}:host([placement=bottom]) .panel{--_panel-exit-transform:translateY(calc(100% + var(--_panel-bleed)));height:calc(var(--drawer-size,16rem) + var(--_panel-bleed));max-height:calc(100dvh + var(--_panel-bleed));margin-bottom:calc(var(--_panel-bleed) * -1);padding-bottom:var(--_panel-bleed);border-bottom:none;border-left:none;border-right:none;bottom:0;left:0;right:0}:host(:dir(rtl)[placement=left]) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)))}:host(:dir(rtl)[placement=right]) .panel,:host(:dir(rtl):not([placement])) .panel{--_panel-exit-transform:translateX(calc(-100% - var(--_panel-bleed)))}:host([size=sm]){--drawer-size:14rem}:host([size=lg]){--drawer-size:32rem}:host([size=full]){--drawer-size:100%}:host([size=full]) .panel{width:calc(100% + var(--_panel-bleed));max-width:none;height:calc(100% + var(--_panel-bleed));border:none;max-height:none}.header{gap:var(--size-2);padding:var(--size-4);border-bottom:var(--border) solid var(--color-contrast-200);flex-shrink:0;align-items:center;display:flex}.header-title{text-overflow:ellipsis;min-width:0;font-size:var(--text-lg);font-weight:var(--font-semibold);white-space:nowrap;flex:1;overflow:hidden}.body{padding:var(--size-4);flex:1;overflow-y:auto}.footer{gap:var(--size-2);padding:var(--size-4);border-top:var(--border) solid var(--color-contrast-200);flex-shrink:0;justify-content:flex-end;display:flex}.header[hidden],.footer[hidden],.close-btn[hidden]{display:none}.close-btn{all:unset;box-sizing:border-box;width:var(--size-8);height:var(--size-8);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.close-btn:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.close-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.close-btn:hover{color:var(--color-contrast-800);background:var(--color-contrast-200)}.close-btn:active{opacity:.8}.drag-handle{z-index:10;pointer-events:all;touch-action:none;cursor:grab;position:absolute}.drag-handle:active{cursor:grabbing}:host([placement=left]) .drag-handle,:host(:not([placement])) .drag-handle,:host([placement=right]) .drag-handle{width:var(--_panel-bleed);height:3.5rem;top:50%;translate:0 -50%}:host([placement=left]) .drag-handle{right:calc(var(--_panel-bleed) * -1)}:host([placement=right]) .drag-handle,:host(:not([placement])) .drag-handle{left:calc(var(--_panel-bleed) * -1)}:host([placement=top]) .drag-handle,:host([placement=bottom]) .drag-handle{width:3.5rem;height:var(--_panel-bleed);left:50%;translate:-50%}:host([placement=top]) .drag-handle{bottom:calc(var(--_panel-bleed) * -1)}:host([placement=bottom]) .drag-handle{top:calc(var(--_panel-bleed) * -1)}:host([drag-handle-placement=inset][placement=left]) .drag-handle{right:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=right]) .drag-handle,:host([drag-handle-placement=inset]:not([placement])) .drag-handle{left:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=top]) .drag-handle{bottom:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=bottom]) .drag-handle{top:var(--_drag-handle-inset)}.drag-handle:before{content:"";background:var(--color-contrast-400);border-radius:var(--rounded-full);opacity:.6;transition:background var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);position:absolute;inset:50%;translate:-50% -50%}:host([placement=left]) .drag-handle:before,:host([placement=right]) .drag-handle:before,:host(:not([placement])) .drag-handle:before{width:5px;height:2.5rem}:host([placement=top]) .drag-handle:before,:host([placement=bottom]) .drag-handle:before{width:2.5rem;height:5px}.drag-handle:hover:before{background:var(--color-contrast-600);opacity:.9;transform:scale(1.15)}.close-btn:focus-visible{outline:var(--focus-ring)}@media (width<=640px){:host([placement=left]) .panel,:host(:not([placement])) .panel,:host([placement=right]) .panel{width:calc(min(var(--drawer-size,20rem), calc(100vw - var(--size-2))) + var(--_panel-bleed));max-width:calc(100vw - var(--size-2) + var(--_panel-bleed))}:host([placement=top]) .panel,:host([placement=bottom]) .panel{height:calc(min(var(--drawer-size,16rem), calc(100dvh - var(--size-2))) + var(--_panel-bleed));max-height:calc(100dvh - var(--size-2) + var(--_panel-bleed))}.header,.body,.footer{padding:var(--size-3)}}}@layer refine.config{:host([backdrop=blur]){--_backdrop-filter:blur(var(--blur-xs))}:host([backdrop=transparent]){--_backdrop-bg:transparent}}`,ka={bottom:{axis:`y`,closingDistance:e=>Math.max(0,e),translate:e=>`translateY(${e}px)`},left:{axis:`x`,closingDistance:e=>Math.max(0,-e),translate:e=>`translateX(${e}px)`},right:{axis:`x`,closingDistance:e=>Math.max(0,e),translate:e=>`translateX(${e}px)`},top:{axis:`y`,closingDistance:e=>Math.max(0,-e),translate:e=>`translateY(${e}px)`}},Aa=`ore-drawer`;r(Aa,{props:{backdrop:o.string(),dismissible:o.bool(!0),"drag-handle-placement":o.oneOf([`outside`,`inset`],`outside`),"initial-focus":o.string(),label:o.string(),open:o.bool(!1),persistent:o.bool(!1),placement:o.oneOf([`left`,`right`,`top`,`bottom`],`right`),"return-focus":o.bool(!0),size:o.string(),title:o.string()},setup(e,{el:n,emit:r,onCleanup:a,onEvent:o,onMounted:c,slots:l}){let u=t(`drawer-label`),d=s(),f=s(),m=p(!1),h,g=()=>e.label.value??e.title.value??``,_=()=>l.has(`header`).value||!!g(),v=()=>_()||e.dismissible.value,y=()=>l.has(`footer`).value,b=()=>e.placement.value||`right`,x=()=>ka[b()],S=(e,t)=>{let n=t===`x`?e.offsetWidth:e.offsetHeight;return Math.min(96,Math.max(36,n*.18))},C=(e,t)=>x().closingDistance(e)>=t,w=e=>{if(!m.value)return;h&&=(clearTimeout(h),void 0);let t=d.value;if(!t){m.value=!1;return}t.style.transition=`none`,e.style.opacity=`0`,e.style.visibility=`hidden`,t.offsetWidth,M(`swipe`)},T=(e,t,n)=>{if(m.value)return;m.value=!0;let r=t.axis===`x`?e.offsetWidth:e.offsetHeight,i=n>=0?Math.max(n,r):Math.min(n,-r),a=t.translate(i);e.style.transition=`transform 180ms cubic-bezier(0.2, 0.9, 0.2, 1), opacity 180ms ease-out`,e.offsetWidth;let o=t=>{t.target!==e||t.propertyName!==`transform`||(e.removeEventListener(`transitionend`,o),w(e))};e.addEventListener(`transitionend`,o);let s=parseFloat(getComputedStyle(e).transitionDuration)*1e3;h=setTimeout(()=>{e.removeEventListener(`transitionend`,o),w(e)},s+50),e.style.transform=a,e.style.opacity=`0.2`},E=e=>{h&&=(clearTimeout(h),void 0),e.style.transition=``,e.style.transform=``,e.style.opacity=``,e.style.visibility=``,m.value=!1},D=({distance:e,threshold:t})=>{let n=f.value;if(n){if(C(e,t)){T(n,x(),e);return}E(n)}},O=Vt({axis:()=>x().axis,disabled:m,onCancel:D,onCommit:({distance:e})=>{let t=f.value;t&&T(t,x(),e)},onMove:({distance:e,threshold:t})=>{let n=f.value;if(!n)return;let r=x(),i=r.closingDistance(e),a=Math.min(i/t,1);n.style.transition=`none`,n.style.transform=r.translate(e),n.style.opacity=String(1-a*.4)},onRelease:D,shouldCommit:({distance:e,threshold:t})=>C(e,t),threshold:()=>{let e=f.value;return e?S(e,x().axis):48}}),{closeWithAnimation:k,handleCancel:A,overlay:j,requestClose:M,watchOpenProp:N}=Ta({beforeOpen:e=>{let t=f.value;t&&E(t)},closeRequestDetail:t=>({placement:e.placement.value??`right`}),dialogRef:d,getPanelEl:()=>f.value,host:n,initialFocus:e[`initial-focus`],isPersistent:()=>!!e.persistent.value,onCleanup:a,onEvent:o,onNativeClose:t=>{let n=f.value;n&&t!==`swipe`&&E(n);let i=d.value;i&&(i.style.transition=``),r(`close`,{placement:e.placement.value??`right`,reason:t})},onOpen:t=>r(`open`,{placement:e.placement.value??`right`,reason:t}),openProp:e.open,performClose:(e,t)=>{t===`swipe`?e.close():k()},returnFocus:e[`return-focus`]});return c(()=>{let t=d.value;if(!t)return;let r=n;r.show=()=>{j.open(`programmatic`)},r.hide=()=>{j.close(`programmatic`,!1)},N(),o(t,`cancel`,A),o(t,`click`,n=>{e.persistent.value||O.isActive()||m.value||n.target===t&&M(`outsideClick`)});let i=f.value?.querySelector(`[part="drag-handle"]`);return i&&(o(i,`pointerdown`,O.handlePointerDown),o(i,`pointermove`,O.handlePointerMove),o(i,`pointerup`,O.handlePointerUp),o(i,`pointercancel`,O.handlePointerCancel)),()=>{j.dispose()}}),i`
|
|
2634
2634
|
<dialog
|
|
2635
2635
|
ref=${d}
|
|
2636
2636
|
aria-modal="true"
|
|
@@ -2660,7 +2660,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
2660
2660
|
</div>
|
|
2661
2661
|
</div>
|
|
2662
2662
|
</dialog>
|
|
2663
|
-
`},styles:[be,
|
|
2663
|
+
`},styles:[ye,be,W,G,Oa]});var ja=`@layer refine.base{:host{--_menu-color:var(--menu-item-color,var(--_theme-base,var(--color-primary)));--_hover-bg:var(--menu-item-hover-bg,var(--color-contrast-100));--_focus-color:var(--menu-item-focus-color,var(--_menu-color));--_focus-bg:var(--menu-item-focus-bg,color-mix(in oklch, var(--_menu-color) 12%, var(--color-contrast-100)));--_selection-bg:var(--menu-item-selection-bg,color-mix(in oklch, var(--color-contrast-900) 5%, var(--color-canvas)));--_checked-color:var(--menu-item-checked-color,var(--_menu-color));--_checked-bg:var(--menu-item-checked-bg,color-mix(in oklch, var(--_menu-color) 18%, var(--color-canvas)));outline:none;display:block}.item{gap:var(--size-2);padding:var(--size-1-5) var(--size-3);font-size:var(--text-sm);line-height:var(--leading-normal);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast), color var(--transition-fast);border-radius:0;align-items:center;display:flex}:host(:first-of-type) .item{border-radius:var(--rounded-sm) var(--rounded-sm) 0 0}:host(:last-child) .item{border-radius:0 0 var(--rounded-sm) var(--rounded-sm)}:host(:first-of-type:last-child) .item{border-radius:var(--rounded-sm)}:host(:not([disabled])) .item:hover{background:var(--_hover-bg)}:host(:focus-visible) .item{color:var(--_focus-color);background:var(--_focus-bg)}.item.is-checked{font-weight:var(--font-medium);color:var(--_checked-color)}:host([disabled]) .item{color:var(--color-contrast-400);pointer-events:none;cursor:not-allowed;opacity:.6}.icon-slot{display:contents}.item-check{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;display:inline-flex}.item-check:before{content:"";width:.875rem;height:.875rem;transition:background var(--transition-fast), border-color var(--transition-fast);border:1.5px solid;display:block}.item.is-checkbox .item-check:before{border-radius:2px}.item.is-radio .item-check:before{border-radius:50%}.item.is-checked .item-check:before{background:currentColor}.item.is-radio.is-checked .item-check:before{background:0 0;box-shadow:inset 0 0 0 3px}.item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}}@media (pointer:coarse){.item{padding:var(--size-2-5) var(--size-3)}}`,Ma=`@layer refine.base{:host{margin:var(--size-1) 0;border-top:var(--border) solid var(--color-contrast-200);display:block}}`,Na=`@layer refine.base{:host{--_menu-panel-bg:var(--menu-panel-bg,var(--color-canvas));--_menu-panel-border-color:var(--menu-panel-border-color,var(--color-divider));--_menu-panel-blur:var(--menu-panel-blur,var(--blur-md));--_menu-panel-shadow:var(--menu-panel-shadow,var(--shadow-xl));display:inline-block;position:relative}.menu-panel{z-index:calc(var(--z-popover,1000) + 1);box-sizing:border-box;min-width:var(--menu-panel-min-width,10rem);max-height:var(--menu-panel-max-height,min(70vh, 32rem));padding:var(--size-1);pointer-events:none;background:var(--_menu-panel-bg);border:var(--border) solid var(--_menu-panel-border-color);border-radius:var(--menu-panel-radius,var(--rounded-lg));box-shadow:var(--_menu-panel-shadow);opacity:0;-webkit-backdrop-filter:blur(var(--_menu-panel-blur));backdrop-filter:blur(var(--_menu-panel-blur));transform:translateY(var(--overlay-enter-translate-y)) scale(var(--overlay-enter-scale));transform-origin:0 0;transition:opacity .1s var(--ease-spring), transform .1s var(--ease-spring), display .1s allow-discrete, overlay .1s allow-discrete;margin:0;position:fixed;top:0;overflow-y:auto}.menu-panel:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.menu-panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.menu-panel[data-placement=top-start],.menu-panel[data-placement=top],.menu-panel[data-placement=top-end]{transform-origin:0 100%}.menu-panel[data-placement=bottom-end],.menu-panel[data-placement=right-start],.menu-panel[data-placement=right]{transform-origin:100% 0}.menu-panel[data-open]{pointer-events:auto;opacity:1;transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring), display .15s allow-discrete, overlay .15s allow-discrete;transform:translateY(0)scale(1)}@starting-style{.menu-panel[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y)) scale(var(--overlay-enter-scale))}}::slotted(ore-menu-item),::slotted(ore-menu-separator){display:block}}`,Pa=`ore-menu-item`;r(Pa,{props:{checked:o.bool(!1),disabled:o.bool(!1),type:o.string(),value:o.string()},setup(e){let t=()=>e.type.value===`checkbox`||e.type.value===`radio`,n=()=>t()&&e.checked.value;return t()?i`
|
|
2664
2664
|
<div
|
|
2665
2665
|
class="${()=>{let t=e.type.value;return[`item`,t===`checkbox`?`is-checkbox`:``,t===`radio`?`is-radio`:``,n()?`is-checked`:``].filter(Boolean).join(` `)}}"
|
|
2666
2666
|
tabindex="-1"
|
|
@@ -2676,7 +2676,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
2676
2676
|
<span class="icon-slot"><slot name="icon"></slot></span>
|
|
2677
2677
|
<span class="item-label"><slot></slot></span>
|
|
2678
2678
|
</div>
|
|
2679
|
-
`},styles:[
|
|
2679
|
+
`},styles:[ja]}),r(`ore-menu-separator`,{setup(){return i``},styles:[Ma]});var Fa=e=>e===`checkbox`||e===`radio`,Ia=`ore-menu`;r(Ia,{props:{...Y,...X,placement:o.oneOf([`bottom`,`bottom-start`,`bottom-end`,`top`,`top-start`,`top-end`],`bottom-start`)},setup(e,{aria:n,bind:r,el:a,emit:o,onCleanup:s,onMounted:c,slots:u,watch:d}){let f=t(`menu`),p=l(()=>!!e.disabled.value),m=Z(s),g=null,_=null,v=null;function y(){return Array.from(a.querySelectorAll(`ore-menu-item:not([disabled])`))}function b(e){return e?e.shadowRoot?.querySelector(`[role^="menuitem"]`)??e:null}function x(){return y().findIndex(e=>{let t=b(e);return e===document.activeElement||t===document.activeElement})}let S=At({getBoundary:()=>a,getItems:y,getPanel:()=>_,getReference:()=>g,getTrigger:()=>g,isDisabled:()=>p.value,isItemDisabled:e=>e.hasAttribute(`disabled`),onClose:e=>o(`close`,{reason:e}),onNavigate:(e,t)=>{let n=y()[t];b(n)?.focus()},onOpen:e=>o(`open`,{reason:e}),positioning:{getPlacement:()=>e.placement.value??`bottom-start`,matchWidth:!1,offsetPx:4,padding:6},signal:m}),{isOpen:C}=S,w=e=>{let t=e.getAttribute(`type`),n=Fa(t);if(t===`checkbox`)e.toggleAttribute(`checked`,!e.hasAttribute(`checked`));else if(t===`radio`)for(let t of a.querySelectorAll(`ore-menu-item[type="radio"]`))t.toggleAttribute(`checked`,t===e);let r=e.getAttribute(`value`)??``;o(`select`,{checked:n?e.hasAttribute(`checked`):void 0,value:r}),n||S.close(`programmatic`)},T=gt({keys:[`Enter`,` `,`ArrowDown`],onPress:()=>{S.open(`keyboard`),requestAnimationFrame(()=>S.set(0))}}),E=gt({onPress:()=>{let e=S.getActiveItem();e&&w(e)}});function D(e){if(p.value)return;if(!C.value){T.handleKeydown(e);return}let t=x();if(t>=0&&S.set(t),!S.handleKeydown(e)){if(e.key===` `||e.key===`Enter`){E.handleKeydown(e);return}e.key===`Tab`&&S.close(`programmatic`)}}r({on:{click:e=>{let t=e.composedPath();if(!C.value)return;let n=t.find(e=>e instanceof HTMLElement&&e.tagName===`ORE-MENU-ITEM`)??e.target?.closest(`ore-menu-item`)??null;!n||n.hasAttribute(`disabled`)||w(n)}}}),d(()=>{let e=C.value;_&&_.toggleAttribute(`data-open`,e)});function O(){if(v?.(),v=null,g=u.elements(`trigger`).value?.[0]??null,!g)return;let e=[],t=n(g,{controls:()=>f,disabled:()=>p.value,expanded:()=>String(C.value),haspopup:`menu`}),r=e=>{e.stopPropagation(),!p.value&&S.toggle()},i=e=>{D(e)};g.addEventListener(`click`,r),g.addEventListener(`keydown`,i),e.push(()=>g?.removeEventListener(`click`,r)),e.push(()=>g?.removeEventListener(`keydown`,i)),v=()=>{t();for(let t of e)t()}}return h(u.elements(`trigger`),O,{immediate:!0}),c(()=>()=>{v?.(),v=null}),i`
|
|
2680
2680
|
<slot name="trigger"></slot>
|
|
2681
2681
|
<div
|
|
2682
2682
|
class="menu-panel"
|
|
@@ -2688,7 +2688,7 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
2688
2688
|
ref="${e=>{_=e}}">
|
|
2689
2689
|
<slot></slot>
|
|
2690
2690
|
</div>
|
|
2691
|
-
`},styles:[
|
|
2691
|
+
`},styles:[Na,K(),be]});var La=`.tooltip{inset:unset;padding:calc(var(--size-0-5) / 2) var(--size-2) var(--size-0-5);border:var(--_tooltip-border-width,var(--border-0)) solid var(--_tooltip-border-color,transparent);transform-origin:50%;margin:0;overflow:visible}@layer refine.base{:host{display:inline-block;position:relative}.tooltip{--_tooltip-fg:var(--color-contrast-100);--_tooltip-bg:color-mix(in oklch, var(--color-contrast-900) 80%, transparent);--_tooltip-border-width:var(--border);--_tooltip-border-color:color-mix(in oklch, var(--color-contrast-100) 12%, transparent);--_tooltip-shadow:var(--shadow-md);--_tooltip-closed-transform:translateY(4px) scale(.98);max-width:var(--tooltip-max-width,var(--size-72));font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--_tooltip-fg);word-break:auto-phrase;white-space:normal;pointer-events:none;background:var(--_tooltip-bg);border-radius:var(--tooltip-radius,var(--rounded-lg));box-shadow:var(--_tooltip-shadow);opacity:0;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transform:var(--_tooltip-closed-transform);transition:opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete, overlay var(--transition-fast) allow-discrete;position:fixed}@media (prefers-color-scheme:dark){.tooltip{--_tooltip-fg:var(--color-contrast-900);--_tooltip-bg:color-mix(in oklch, var(--color-contrast-100) 80%, transparent);--_tooltip-border-color:color-mix(in oklch, var(--color-contrast-900) 12%, transparent)}}.tooltip-text{white-space:pre-line;display:block}.tooltip[data-placement=top]{--_tooltip-closed-transform:translateY(4px) scale(var(--overlay-enter-scale-dialog))}.tooltip[data-placement=bottom]{--_tooltip-closed-transform:translateY(-4px) scale(var(--overlay-enter-scale-dialog))}.tooltip[data-placement=left]{--_tooltip-closed-transform:translateX(4px) scale(var(--overlay-enter-scale-dialog))}.tooltip[data-placement=right]{--_tooltip-closed-transform:translateX(-4px) scale(var(--overlay-enter-scale-dialog))}.tooltip[data-open]{opacity:1;transition:opacity var(--transition-normal), transform var(--transition-spring), display var(--transition-normal) allow-discrete, overlay var(--transition-normal) allow-discrete;will-change:opacity, transform;display:block;transform:translate(0)scale(1)}.tooltip:popover-open{opacity:1;transition:opacity var(--transition-normal), transform var(--transition-spring), display var(--transition-normal) allow-discrete, overlay var(--transition-normal) allow-discrete;will-change:opacity, transform;transform:translate(0)scale(1)}@starting-style{.tooltip:popover-open{opacity:0;transform:var(--_tooltip-closed-transform)}}@starting-style{.tooltip[data-open]{opacity:0;transform:var(--_tooltip-closed-transform)}}}@layer refine.variants{:host([variant=light]) .tooltip{--_tooltip-fg:var(--color-contrast-900);--_tooltip-bg:color-mix(in oklch, var(--color-contrast-100) 80%, transparent);--_tooltip-border-color:color-mix(in oklch, var(--color-contrast-900) 12%, transparent);--_tooltip-shadow:var(--shadow-md)}@media (prefers-color-scheme:dark){:host([variant=light]) .tooltip{--_tooltip-fg:var(--color-contrast-100);--_tooltip-bg:color-mix(in oklch, var(--color-contrast-900) 80%, transparent);--_tooltip-border-color:color-mix(in oklch, var(--color-contrast-100) 12%, transparent)}}}@layer refine.utilities{:host([size=sm]) .tooltip{font-size:var(--text-xs)}:host([size=lg]) .tooltip{font-size:var(--text-base)}}`,Ra=4,za=[`hover`,`focus`],Ba=new Set([`click`,`focus`,`hover`]),Va=e=>{if(e==null||e.trim()===``)return 0;let t=Number(e);return Number.isFinite(t)&&t>=0?t:0},Ha=e=>e==null?void 0:e===``||e===`true`,Ua=e=>on(e,Ba,za),Wa=`ore-tooltip`;r(Wa,{props:{...Y,...X,"close-delay":{default:0,parse:Va},content:o.string(),delay:{default:0,parse:Va},open:{default:void 0,parse:Ha},placement:o.oneOf([`top`,`bottom`,`left`,`right`],`top`),trigger:o.string(`hover,focus`),variant:o.string()},setup(e,{aria:n,el:r,onCleanup:a,onMounted:o,slots:s}){let c=r.shadowRoot,u=l(()=>!!e.disabled.value),d=l(()=>e.open.value!==void 0),f=p(`top`),m=t(`tooltip`),h=l(()=>Ua(e.trigger.value)),g=null,_=null,v=null,y=()=>{_&&=(clearTimeout(_),null)},b=()=>{v&&=(clearTimeout(v),null)},x=Yr({bindTriggerAria:e=>n(e,{describedby:()=>m}),disabled:u,getPanel:()=>g,offset:8,onCleanup:a,onPlacementChange:e=>{let t=e.split(`-`)[0];f.value=t,t===`left`&&g&&(g.style.left=`${parseFloat(g.style.left)-Ra}px`)},openProp:e.open,placement:l(()=>e.placement.value),slot:()=>c?.querySelector(`slot:not([name])`)??null,slotElements:s.elements(),triggers:l(()=>[])});function S(){if(d.value||u.value||!e.content.value&&!s.has(`content`).value)return;b(),y();let t=Number(e.delay.value)||0;t>0?_=setTimeout(()=>{_=null,x.open(`hover`),x.updatePosition()},t):(x.open(`hover`),x.updatePosition())}function C(){if(d.value)return;y();let t=Number(e[`close-delay`].value)||0;t>0?(b(),v=setTimeout(()=>{v=null,x.close(`trigger`)},t)):x.close(`trigger`)}return o(()=>{let e=c?.querySelector(`slot:not([name])`),t=[],n=(e,n,r)=>{e.addEventListener(n,r),t.push(()=>e.removeEventListener(n,r))},r=()=>{for(let e of t)e();t=[];let r=e?.assignedElements({flatten:!0})[0];if(!r)return;let i=h.value;i.includes(`hover`)&&(n(r,`pointerenter`,S),n(r,`pointerleave`,C)),i.includes(`focus`)&&(n(r,`focusin`,S),n(r,`focusout`,C)),i.includes(`click`)&&n(r,`click`,()=>x.visible.value?C():S())};e?.addEventListener(`slotchange`,r),r();let i=x.mount();return()=>{e?.removeEventListener(`slotchange`,r);for(let e of t)e();y(),b(),i()}}),i`
|
|
2692
2692
|
<slot></slot>
|
|
2693
2693
|
<div
|
|
2694
2694
|
class="tooltip"
|
|
@@ -2701,5 +2701,5 @@ import{createContext as e,createStableId as t,css as n,define as r,html as i,inj
|
|
|
2701
2701
|
:aria-hidden="${()=>String(!x.visible.value)}">
|
|
2702
2702
|
<slot name="content"><span class="tooltip-text">${e.content}</span></slot>
|
|
2703
2703
|
</div>
|
|
2704
|
-
`},styles:[
|
|
2704
|
+
`},styles:[be,La]});export{er as ACCORDION_CTX,or as ACCORDION_ITEM_TAG,tr as ACCORDION_TAG,gr as ALERT_TAG,pr as ASYNC_TAG,yn as AVATAR_GROUP_TAG,vn as AVATAR_TAG,vr as BADGE_TAG,Yi as BOX_TAG,Sn as BREADCRUMB_ITEM_TAG,Cn as BREADCRUMB_TAG,Mn as BUTTON_GROUP_CTX,Nn as BUTTON_GROUP_TAG,Bn as BUTTON_TAG,mi as CALENDAR_TAG,Dn as CARD_TAG,ln as CAROUSEL_SLIDE_TAG,un as CAROUSEL_TAG,Pr as CHECKBOX_GROUP_CTX,Fr as CHECKBOX_GROUP_TAG,Lr as CHECKBOX_TAG,br as CHIP_TAG,ce as CODE_WINDOW_TAG,Kr as COMBOBOX_TAG,nt as CONTROL_SIZE_PRESET,Ye as COPY_COMMAND_TAG,fi as DATAGRID_TAG,_i as DATE_PICKER_TAG,Da as DIALOG_TAG,Aa as DRAWER_TAG,et as FIELD_SIZE_PRESET,at as FILE_INPUT_SIZE_PRESET,xi as FILE_INPUT_TAG,Q as FORM_CTX,Ci as FORM_TAG,Zi as GRID_ITEM_TAG,ra as GRID_TAG,qe as ICON_TAG,Wr as INPUT_TAG,Pa as MENU_ITEM_TAG,Ia as MENU_TAG,da as NAVBAR_CTX,pa as NAVBAR_ITEM_TAG,fa as NAVBAR_TAG,Ti as NUMBER_INPUT_TAG,Di as OTP_INPUT_TAG,Un as PAGINATION_TAG,Sr as PASSWORD_STRENGTH_TAG,ti as POPOVER_TAG,st as PROGRESS_TAG,ki as RADIO_GROUP_CTX,Ai as RADIO_GROUP_TAG,Mi as RADIO_TAG,Pi as RATING_TAG,yt as RefineConfigError,vt as RefineError,Jr as SELECT_TAG,Gn as SEPARATOR_TAG,ba as SIDEBAR_CTX,Sa as SIDEBAR_GROUP_TAG,Ca as SIDEBAR_ITEM_TAG,xa as SIDEBAR_TAG,Er as SKELETON_TAG,it as SLIDER_SIZE_PRESET,Li as SLIDER_TAG,rt as SWITCH_SIZE_PRESET,zi as SWITCH_TAG,Xn as TABLE_TAG,rr as TABS_CTX,ir as TABS_TAG,cr as TAB_ITEM_TAG,dr as TAB_PANEL_TAG,tt as TEXTAREA_SIZE_PRESET,Vi as TEXTAREA_TAG,Qn as TEXT_TAG,qi as TIME_PICKER_TAG,Ar as TOAST_TAG,Wa as TOOLTIP_TAG,$e as commonProps,jr as createToastService,X as disablableBundle,Qe as elevatableBundle,Xe as loadableBundle,Ue as registerIcons,Ze as roundableBundle,Y as sizableBundle,J as themableBundle,Mr as toast};
|
|
2705
2705
|
//# sourceMappingURL=refine.js.map
|