@vielzeug/refine 3.2.0 → 3.3.0
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/chip.cjs +9 -9
- package/dist/chip.cjs.map +1 -1
- package/dist/chip.js +38 -35
- package/dist/chip.js.map +1 -1
- package/dist/command-palette.cjs +5 -5
- package/dist/command-palette.cjs.map +1 -1
- package/dist/command-palette.js +5 -5
- package/dist/command-palette.js.map +1 -1
- package/dist/content/card/card.css.cjs +1 -1
- package/dist/content/card/card.css.cjs.map +1 -1
- package/dist/content/card/card.css.js +1 -1
- package/dist/content/card/card.css.js.map +1 -1
- package/dist/content/index.d.ts +4 -0
- package/dist/content/index.d.ts.map +1 -1
- package/dist/content/keyboard-key/keyboard-key.css.cjs +2 -0
- package/dist/content/keyboard-key/keyboard-key.css.cjs.map +1 -0
- package/dist/content/keyboard-key/keyboard-key.css.js +6 -0
- package/dist/content/keyboard-key/keyboard-key.css.js.map +1 -0
- package/dist/content/keyboard-key/keyboard-key.d.ts +12 -0
- package/dist/content/keyboard-key/keyboard-key.d.ts.map +1 -0
- package/dist/content/keyboard-key/keyboard-shortcut.css.cjs +2 -0
- package/dist/content/keyboard-key/keyboard-shortcut.css.cjs.map +1 -0
- package/dist/content/keyboard-key/keyboard-shortcut.css.js +6 -0
- package/dist/content/keyboard-key/keyboard-shortcut.css.js.map +1 -0
- package/dist/content/qr-code/qr-code.css.cjs +2 -0
- package/dist/content/qr-code/qr-code.css.cjs.map +1 -0
- package/dist/content/qr-code/qr-code.css.js +6 -0
- package/dist/content/qr-code/qr-code.css.js.map +1 -0
- package/dist/content/qr-code/qr-code.d.ts +74 -0
- package/dist/content/qr-code/qr-code.d.ts.map +1 -0
- package/dist/content/stepper/step.css.cjs +1 -1
- package/dist/content/stepper/step.css.cjs.map +1 -1
- package/dist/content/stepper/step.css.js +1 -1
- package/dist/content/stepper/step.css.js.map +1 -1
- package/dist/counter.cjs +91 -0
- package/dist/counter.cjs.map +1 -0
- package/dist/counter.js +180 -0
- package/dist/counter.js.map +1 -0
- package/dist/custom-elements.json +3838 -3117
- package/dist/disclosure/tabs/tabs.css.cjs +1 -1
- package/dist/disclosure/tabs/tabs.css.cjs.map +1 -1
- package/dist/disclosure/tabs/tabs.css.js +1 -1
- package/dist/disclosure/tabs/tabs.css.js.map +1 -1
- package/dist/feedback/chip/chip.css.cjs +1 -1
- package/dist/feedback/chip/chip.css.cjs.map +1 -1
- package/dist/feedback/chip/chip.css.js +1 -1
- package/dist/feedback/chip/chip.css.js.map +1 -1
- package/dist/feedback/chip/chip.d.ts +6 -2
- package/dist/feedback/chip/chip.d.ts.map +1 -1
- package/dist/feedback/progress/progress.css.cjs +1 -1
- package/dist/feedback/progress/progress.css.cjs.map +1 -1
- package/dist/feedback/progress/progress.css.js +1 -1
- package/dist/feedback/progress/progress.css.js.map +1 -1
- package/dist/feedback/progress/progress.d.ts +6 -0
- package/dist/feedback/progress/progress.d.ts.map +1 -1
- package/dist/frameworks/elements.d.ts +1 -1
- package/dist/inputs/button/button.css.cjs +1 -1
- package/dist/inputs/button/button.css.cjs.map +1 -1
- package/dist/inputs/button/button.css.js +1 -1
- package/dist/inputs/button/button.css.js.map +1 -1
- package/dist/inputs/checkbox/checkbox.css.cjs +1 -1
- package/dist/inputs/checkbox/checkbox.css.cjs.map +1 -1
- package/dist/inputs/checkbox/checkbox.css.js +1 -1
- package/dist/inputs/checkbox/checkbox.css.js.map +1 -1
- package/dist/inputs/counter/counter.css.cjs +2 -0
- package/dist/inputs/counter/counter.css.cjs.map +1 -0
- package/dist/inputs/counter/counter.css.js +6 -0
- package/dist/inputs/counter/counter.css.js.map +1 -0
- package/dist/inputs/counter/counter.d.ts +100 -0
- package/dist/inputs/counter/counter.d.ts.map +1 -0
- package/dist/inputs/index.d.ts +4 -0
- package/dist/inputs/index.d.ts.map +1 -1
- package/dist/inputs/message-composer/message-composer.css.cjs +1 -1
- package/dist/inputs/message-composer/message-composer.css.cjs.map +1 -1
- package/dist/inputs/message-composer/message-composer.css.js +1 -1
- package/dist/inputs/message-composer/message-composer.css.js.map +1 -1
- package/dist/inputs/qr-scanner/qr-scanner.css.cjs +2 -0
- package/dist/inputs/qr-scanner/qr-scanner.css.cjs.map +1 -0
- package/dist/inputs/qr-scanner/qr-scanner.css.js +6 -0
- package/dist/inputs/qr-scanner/qr-scanner.css.js.map +1 -0
- package/dist/inputs/qr-scanner/qr-scanner.d.ts +87 -0
- package/dist/inputs/qr-scanner/qr-scanner.d.ts.map +1 -0
- package/dist/inputs/radio/radio.css.cjs +1 -1
- package/dist/inputs/radio/radio.css.cjs.map +1 -1
- package/dist/inputs/radio/radio.css.js +1 -1
- package/dist/inputs/radio/radio.css.js.map +1 -1
- package/dist/inputs/switch/switch.css.cjs +1 -1
- package/dist/inputs/switch/switch.css.cjs.map +1 -1
- package/dist/inputs/switch/switch.css.js +1 -1
- package/dist/inputs/switch/switch.css.js.map +1 -1
- package/dist/keyboard-key.cjs +9 -0
- package/dist/keyboard-key.cjs.map +1 -0
- package/dist/keyboard-key.js +36 -0
- package/dist/keyboard-key.js.map +1 -0
- package/dist/layout/navbar/navbar.css.cjs +1 -1
- package/dist/layout/navbar/navbar.css.cjs.map +1 -1
- package/dist/layout/navbar/navbar.css.js +1 -1
- package/dist/layout/navbar/navbar.css.js.map +1 -1
- package/dist/menu.cjs +1 -1
- package/dist/menu.cjs.map +1 -1
- package/dist/menu.js +2 -1
- package/dist/menu.js.map +1 -1
- package/dist/overlay/command-palette/command-palette.css.cjs +1 -1
- package/dist/overlay/command-palette/command-palette.css.cjs.map +1 -1
- package/dist/overlay/command-palette/command-palette.css.js +1 -1
- package/dist/overlay/command-palette/command-palette.css.js.map +1 -1
- package/dist/overlay/command-palette/command-palette.d.ts +1 -0
- package/dist/overlay/command-palette/command-palette.d.ts.map +1 -1
- package/dist/progress.cjs +14 -6
- package/dist/progress.cjs.map +1 -1
- package/dist/progress.js +19 -7
- package/dist/progress.js.map +1 -1
- package/dist/qr-code.cjs +15 -0
- package/dist/qr-code.cjs.map +1 -0
- package/dist/qr-code.js +70 -0
- package/dist/qr-code.js.map +1 -0
- package/dist/qr-scanner.cjs +46 -0
- package/dist/qr-scanner.cjs.map +1 -0
- package/dist/qr-scanner.js +129 -0
- package/dist/qr-scanner.js.map +1 -0
- package/dist/refine.cjs +327 -166
- package/dist/refine.cjs.map +1 -1
- package/dist/refine.iife.js +355 -194
- package/dist/refine.iife.js.map +1 -1
- package/dist/refine.js +298 -137
- package/dist/refine.js.map +1 -1
- package/dist/tabs.cjs +2 -2
- package/dist/tabs.cjs.map +1 -1
- package/dist/tabs.js +37 -34
- package/dist/tabs.js.map +1 -1
- package/dist/types/elements.d.ts +9 -0
- package/package.json +35 -2
package/dist/refine.iife.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var
|
|
1
|
+
var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d,f){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var p=Object.create,m=Object.defineProperty,h=Object.getOwnPropertyDescriptor,g=Object.getOwnPropertyNames,_=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty,y=(e,t)=>{let n={};for(var r in e)m(n,r,{get:e[r],enumerable:!0});return t||m(n,Symbol.toStringTag,{value:`Module`}),n},b=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=g(t),a=0,o=i.length,s;a<o;a++)s=i[a],!v.call(e,s)&&s!==n&&m(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=h(t,s))||r.enumerable});return e};r=((e,t,n)=>(n=e==null?{}:p(_(e)),b(t||!e||!e.__esModule||!v.call(e,`default`)?m(n,`default`,{value:e,enumerable:!0}):n,e)))(r,1);var x=`@layer refine.base{:host{vertical-align:middle;color:inherit;justify-content:center;align-items:center;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))}`,S=16,C=2,w=24,T=`http://www.w3.org/2000/svg`,E=new Set([`circle`,`clipPath`,`defs`,`ellipse`,`g`,`line`,`linearGradient`,`mask`,`path`,`polygon`,`polyline`,`radialGradient`,`rect`,`stop`,`symbol`,`use`]),D=/^[a-zA-Z][a-zA-Z0-9:_-]*$/,O=/^(on|xlink:|xml:|href$)/i,k=new Map(Object.entries(r.icons));function A(e){for(let[t,n]of Object.entries(e))k.set(t,n)}var j=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(``),M=e=>{if(e==null||e===``)return S;let t=Number(e);return Number.isFinite(t)&&t>0&&/^\d+(\.\d+)?$/.test(e.trim())?t:e},N=e=>k.get(e)??k.get(j(e)),P=(e,t)=>{if(!E.has(e))return null;let n=document.createElementNS(T,e);for(let[e,r]of Object.entries(t))r!==void 0&&D.test(e)&&!O.test(e)&&n.setAttribute(e,String(r));return n},F=`ore-icon`;(0,t.define)(F,{props:{absoluteStrokeWidth:t.prop.bool(),label:t.prop.string(),name:t.prop.string(),size:{default:S,parse:M,reflect:!1},solid:t.prop.bool(),strokeWidth:t.prop.number(C)},setup(e){(0,t.bind)({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)}}});let r=(0,t.ref)(),i=(0,n.computed)(()=>{let t=(e.name.value??``).trim();if(!t)return;let n=N(t);return n||`${t.slice(0,64)}`,n});return(0,t.watchEffect)(()=>{let t=r.value,n=i.value;if(!t||!n)return;let a=e.size.value,o=typeof a==`number`?a:w,s=e.absoluteStrokeWidth.value&&!e.solid.value?e.strokeWidth.value*(w/o):e.strokeWidth.value;t.setAttribute(`fill`,e.solid.value?`currentColor`:`none`),t.setAttribute(`stroke`,e.solid.value?`none`:`currentColor`),t.setAttribute(`stroke-linecap`,`round`),t.setAttribute(`stroke-linejoin`,`round`),t.setAttribute(`stroke-width`,String(e.solid.value?0:s)),t.setAttribute(`viewBox`,`0 0 24 24`);let c=n.map(([e,t])=>P(e,t)).filter(e=>!!e);t.replaceChildren(...c)}),t.html`
|
|
2
2
|
${(0,t.when)(()=>!!i.value,()=>t.html`
|
|
3
3
|
<svg ref="${r}" part="svg" style="width:100%;height:100%"></svg>
|
|
4
4
|
`)}
|
|
5
|
-
`},styles:[
|
|
5
|
+
`},styles:[x]});var I={color:t.prop.string()},L={size:t.prop.string()},R={disabled:t.prop.bool(!1)},z={loading:t.prop.bool(!1)},B={rounded:t.prop.string()};t.prop.number();var V={...I,...L,...R,...z,...B},ee={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)`}},te={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)`}},H={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)`}},ne={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)`}},re={lg:{"--_thumb-inset":`var(--slider-thumb-inset, var(--size-3))`,fontSize:`var(--text-base)`,height:`calc(var(--size-5) - var(--size-1))`,size:`var(--size-6)`},md:{"--_thumb-inset":`var(--slider-thumb-inset, var(--size-2-5))`,fontSize:`var(--text-base)`,height:`var(--size-3)`,size:`var(--size-5)`},sm:{"--_thumb-inset":`var(--slider-thumb-inset, var(--size-2))`,fontSize:`var(--text-xs)`,height:`var(--size-2)`,size:`var(--size-4)`}},U={lg:{"--_padding":`var(--size-4)`,fontSize:`var(--text-base)`,gap:`var(--size-2-5)`},md:{"--_padding":`var(--size-3)`,fontSize:`var(--text-sm)`,gap:`var(--size-2)`},sm:{"--_padding":`var(--size-2)`,fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`}},ie={lg:{"--_item-padding":`var(--size-2) var(--size-3-5)`,"--_panel-padding":`var(--size-1-5)`,"--_separator-margin":`var(--size-1-5)`,fontSize:`var(--text-base)`,gap:`var(--size-2-5)`},md:{"--_item-padding":`var(--size-1-5) var(--size-3)`,"--_panel-padding":`var(--size-1)`,"--_separator-margin":`var(--size-1)`,fontSize:`var(--text-sm)`,gap:`var(--size-2)`},sm:{"--_item-padding":`var(--size-1) var(--size-2-5)`,"--_panel-padding":`var(--size-0-5)`,"--_separator-margin":`var(--size-0-5)`,fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`}},ae={lg:{"--_min-height":`var(--size-14)`,"--_min-height-two-line":`calc(var(--size-16) + var(--size-2))`,"--_padding-inline-end":`var(--size-6)`,fontSize:`var(--text-base)`,gap:`var(--size-4)`,padding:`var(--size-3) var(--size-4)`},md:{"--_min-height":`var(--size-14)`,"--_min-height-two-line":`calc(var(--size-16) + var(--size-2))`,"--_padding-inline-end":`var(--size-6)`,fontSize:`var(--text-sm)`,gap:`var(--size-4)`,padding:`var(--size-2-5) var(--size-4)`},sm:{"--_min-height":`var(--size-12)`,"--_min-height-two-line":`var(--size-16)`,"--_padding-inline-end":`var(--size-4)`,fontSize:`var(--text-xs)`,gap:`var(--size-2)`,padding:`var(--size-1-5) var(--size-2)`}},oe={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)`}},se=`position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border-width:0;clip-path:inset(50%);`,ce=t.css`
|
|
6
6
|
.sr-only {
|
|
7
7
|
position: absolute;
|
|
8
8
|
width: 1px;
|
|
@@ -14,7 +14,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
14
14
|
border-width: 0;
|
|
15
15
|
clip-path: inset(50%);
|
|
16
16
|
}
|
|
17
|
-
`,
|
|
17
|
+
`,W=t.css`
|
|
18
18
|
@media (pointer: coarse) {
|
|
19
19
|
/* Default / md size: promote all scale tokens one tier up (md → lg) */
|
|
20
20
|
:host,
|
|
@@ -44,14 +44,14 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
44
44
|
--_touch-target: var(--size-11);
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
|
-
`,
|
|
47
|
+
`,G=t.css`
|
|
48
48
|
@media (prefers-reduced-motion: reduce) {
|
|
49
49
|
:host {
|
|
50
50
|
--_motion-transition: none;
|
|
51
51
|
--_motion-animation: none;
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
|
-
`,le=!1;function ue(){if(!le){if(typeof CSS<`u`&&CSS.registerProperty)try{CSS.registerProperty({inherits:!1,initialValue:`0deg`,name:`--rainbow-angle`,syntax:`<angle>`})}catch{}le=!0}}var
|
|
54
|
+
`,le=!1;function ue(){if(!le){if(typeof CSS<`u`&&CSS.registerProperty)try{CSS.registerProperty({inherits:!1,initialValue:`0deg`,name:`--rainbow-angle`,syntax:`<angle>`})}catch{}le=!0}}var K=!1;function de(){if(!K){if(typeof CSS<`u`&&CSS.registerProperty)try{CSS.registerProperty({inherits:!1,initialValue:`0deg`,name:`--shine-angle`,syntax:`<angle>`})}catch{}K=!0}}var fe=e=>(ue(),t.css`
|
|
55
55
|
/* ========================================
|
|
56
56
|
Rainbow Border Effect
|
|
57
57
|
======================================== */
|
|
@@ -122,7 +122,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
122
122
|
animation: none;
|
|
123
123
|
}
|
|
124
124
|
}
|
|
125
|
-
`),
|
|
125
|
+
`),pe=e=>(de(),t.css`
|
|
126
126
|
/* ========================================
|
|
127
127
|
Shine Border Effect
|
|
128
128
|
======================================== */
|
|
@@ -181,7 +181,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
181
181
|
animation: none;
|
|
182
182
|
}
|
|
183
183
|
}
|
|
184
|
-
`),
|
|
184
|
+
`),me=({accentVar:e=`--_theme-focus`,container:n,text:r=n,tokenPrefix:i})=>t.css`
|
|
185
185
|
@layer refine.variants {
|
|
186
186
|
/* Solid (default) */
|
|
187
187
|
:host(:not([variant])),
|
|
@@ -279,7 +279,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
279
279
|
background: var(--${i}-hover-bg, var(--color-contrast-100));
|
|
280
280
|
}
|
|
281
281
|
}
|
|
282
|
-
`,
|
|
282
|
+
`,he=t.css`
|
|
283
283
|
/* ========================================
|
|
284
284
|
Padding Variants
|
|
285
285
|
======================================== */
|
|
@@ -303,7 +303,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
303
303
|
:host([padding='xl']) {
|
|
304
304
|
--_padding: var(--size-8);
|
|
305
305
|
}
|
|
306
|
-
`,
|
|
306
|
+
`,q=t.css`
|
|
307
307
|
:host([rounded='none']) {
|
|
308
308
|
--_radius: var(--rounded-none);
|
|
309
309
|
}
|
|
@@ -329,8 +329,8 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
329
329
|
:host([rounded='']) {
|
|
330
330
|
--_radius: var(--rounded-full);
|
|
331
331
|
}
|
|
332
|
-
`,
|
|
333
|
-
`),
|
|
332
|
+
`,ge={fontSize:`--_font-size`,gap:`--_gap`,height:`--_height`,iconSize:`--_icon-size`,lineHeight:`--_line-height`,padding:`--_padding`,size:`--_size`,thumbSize:`--_thumb-size`,width:`--_width`},_e=e=>Object.entries(e).filter(([,e])=>e!==void 0).map(([e,t])=>`${e.startsWith(`--`)?e:ge[e]??`--_${e}`}: ${t};`).join(`
|
|
333
|
+
`),J=e=>{let n=_e({fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`,size:`var(--size-4)`,...e?.sm}),r=_e({fontSize:`var(--text-sm)`,gap:`var(--size-2)`,size:`var(--size-5)`,...e?.md}),i=_e({fontSize:`var(--text-base)`,gap:`var(--size-2-5)`,size:`var(--size-6)`,...e?.lg});return t.css`
|
|
334
334
|
:host {
|
|
335
335
|
${r}
|
|
336
336
|
}
|
|
@@ -343,7 +343,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
343
343
|
:host([size='lg']) {
|
|
344
344
|
${i}
|
|
345
345
|
}
|
|
346
|
-
`},
|
|
346
|
+
`},ve=t.css`
|
|
347
347
|
:host([disabled]) {
|
|
348
348
|
opacity: 0.5;
|
|
349
349
|
cursor: not-allowed;
|
|
@@ -363,7 +363,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
363
363
|
:host([loading]) > :not(slot) {
|
|
364
364
|
pointer-events: none;
|
|
365
365
|
}
|
|
366
|
-
`;var
|
|
366
|
+
`;var ye=t.css`
|
|
367
367
|
:host([disabled]),
|
|
368
368
|
:host([loading]) {
|
|
369
369
|
opacity: 0.5;
|
|
@@ -378,7 +378,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
378
378
|
:host([loading]) > :not(slot) {
|
|
379
379
|
pointer-events: none;
|
|
380
380
|
}
|
|
381
|
-
`,
|
|
381
|
+
`,be=e=>t.css`
|
|
382
382
|
@layer refine.base {
|
|
383
383
|
:host {
|
|
384
384
|
/* ── Public token API ─────────────────────────────────────────────── */
|
|
@@ -470,7 +470,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
470
470
|
width: 100%;
|
|
471
471
|
}
|
|
472
472
|
}
|
|
473
|
-
`,
|
|
473
|
+
`,xe=[`primary`,`secondary`,`info`,`success`,`warning`,`error`],Se={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)`},Y=t.css`
|
|
474
474
|
:host {
|
|
475
475
|
--_theme-base: var(--color-neutral);
|
|
476
476
|
--_theme-content: var(--color-neutral-content);
|
|
@@ -482,11 +482,11 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
482
482
|
--_theme-halo: var(--halo-shadow-neutral);
|
|
483
483
|
}
|
|
484
484
|
|
|
485
|
-
${
|
|
485
|
+
${xe.map(e=>`:host([color='${e}']) {\n${Object.entries(Se).map(([t,n])=>` --_theme-${t}: ${n(e)};`).join(`
|
|
486
486
|
`)}\n}`).join(`
|
|
487
487
|
|
|
488
488
|
`)}
|
|
489
|
-
`,
|
|
489
|
+
`,Ce=t.css`
|
|
490
490
|
/* ========================================
|
|
491
491
|
Elevation Levels (0-5)
|
|
492
492
|
======================================== */
|
|
@@ -514,7 +514,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
514
514
|
:host([elevation='5']) {
|
|
515
515
|
--_shadow: var(--shadow-2xl);
|
|
516
516
|
}
|
|
517
|
-
`,
|
|
517
|
+
`,we=t.css`
|
|
518
518
|
@media (forced-colors: active) {
|
|
519
519
|
:host {
|
|
520
520
|
border: 1px solid ButtonText;
|
|
@@ -601,7 +601,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
601
601
|
backdrop-filter: blur(var(--blur-3xl)) saturate(240%) brightness(1.2);
|
|
602
602
|
-webkit-backdrop-filter: blur(var(--blur-3xl)) saturate(240%) brightness(1.2);
|
|
603
603
|
}
|
|
604
|
-
`,Oe=`@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(: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}.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}}`,ke={away:`Away`,busy:`Busy`,offline:`Offline`,online:`Online`},Ae=`ore-avatar`;(0,t.define)(Ae,{props:{...
|
|
604
|
+
`,Oe=`@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(: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}.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}}`,ke={away:`Away`,busy:`Busy`,offline:`Offline`,online:`Online`},Ae=`ore-avatar`;(0,t.define)(Ae,{props:{...I,...L,...B,alt:t.prop.string(),initials:t.prop.string(),src:t.prop.string(),status:t.prop.string()},setup(e){let r=(0,n.signal)(!1);(0,n.watch)(e.src,()=>{r.value=!1});let i=e=>{e&&(e.addEventListener(`error`,()=>{r.value=!0}),e.addEventListener(`load`,()=>{r.value=!1}))},a=(0,n.computed)(()=>{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()}),o=(0,n.computed)(()=>!!e.src.value&&!r.value),s=(0,n.computed)(()=>!o.value&&!!a.value),c=(0,n.computed)(()=>!o.value&&!s.value),l=()=>{let t=e.alt.value||null,n=e.status.value,r=n?ke[n]:null;return!t&&!r?null:t?r?`${t}, ${r}`:t:`Status: ${r}`};return t.html`
|
|
605
605
|
<span class="avatar" part="avatar" aria-label="${l}" role="${()=>l()?`img`:null}">
|
|
606
606
|
${()=>e.src.value?t.html`
|
|
607
607
|
<img
|
|
@@ -622,7 +622,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
622
622
|
${()=>e.status.value?t.html`
|
|
623
623
|
<span class="status" part="status" data-status="${e.status}" aria-hidden="true"></span>
|
|
624
624
|
`:``}
|
|
625
|
-
`},styles:[q,
|
|
625
|
+
`},styles:[Y,q,J({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))`}}),Oe]});var je=`@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}}`,Me=`ore-avatar-group`;(0,t.define)(Me,{props:{max:t.prop.number(5),total:t.prop.number()},setup(e){let r=(0,t.getHost)(),i=(0,t.useSlots)(),a=t.watchEffect,o=(0,n.signal)(0),s=()=>{let t=[...r.querySelectorAll(`ore-avatar`)],n=Number(e.max.value)||5,i=Math.max(0,t.length-n);o.value=e.total.value==null?i:Number(e.total.value)-n,t.forEach((e,t)=>{t>=n?e.setAttribute(`data-avatar-group-hidden`,``):e.removeAttribute(`data-avatar-group-hidden`)})};a(()=>{i.elements().value,s()});let c=()=>`+${o.value} more`,l=()=>`+${o.value}`;return t.html`
|
|
626
626
|
<slot></slot>
|
|
627
627
|
${()=>o.value>0?t.html`
|
|
628
628
|
<span class="overflow-badge" part="overflow" aria-label="${c}">${l}</span>
|
|
@@ -646,7 +646,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
646
646
|
<slot></slot>
|
|
647
647
|
</ol>
|
|
648
648
|
</nav>
|
|
649
|
-
`},styles:[Ne]});var Le=new WeakMap,Re=new WeakMap,ze=(e,t)=>{if(!t.body)return null;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=se,t.body.appendChild(n),n},Be=(e,t)=>{let n=Le.get(t);if(n?.[e]&&!t.body?.contains(n[e])&&(n[e]=void 0),!n?.[e]){let r=ze(e,t);if(!r)return null;n||(n={},Le.set(t,n)),n[e]=r}return n[e]??null},Ve=(e,t={})=>{let n=t.document??(typeof document<`u`?document:null);if(!n)return;let r=Be(t.politeness??`polite`,n);if(!r)return;r.textContent=``;let i=Re.get(r);i!==void 0&&clearTimeout(i);let a=setTimeout(()=>{r.textContent=e,Re.delete(r)},50);Re.set(r,a)},He={ariaControlsElements:`aria-controls`,ariaDescribedByElements:`aria-describedby`,ariaLabelledByElements:`aria-labelledby`};function Ue(e,t,n){if(t in e){e[t]=n.length>0?n:null;return}let r=He[t],i=n.map(e=>e.id).filter(Boolean);i.length===0?e.removeAttribute(r):e.setAttribute(r,i.join(` `))}var We=(e={})=>{let t=null,n=()=>{t&&e.enabled?.value!==!1&&(t.style.height=`auto`,t.style.height=`${t.scrollHeight}px`)};return{recompute:n,wire:e=>(t=e,e.addEventListener(`input`,n),requestAnimationFrame(n),()=>{e.removeEventListener(`input`,n),t===e&&(t=null)})}},Ge=e=>(0,n.computed)(()=>({errorText:e.error?.value??``,helperText:e.helper?.value??``})),Ke=e=>(0,n.computed)(()=>{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}}),qe=(e,t=`counter`)=>e?e.counterAtLimit?`${t} at-limit`:e.counterNearLimit?`${t} near-limit`:t:t;function Je(){let e=!1;return{clear:()=>{e=!1},get isDirty(){return e},markDirty:()=>{e=!0}}}var Ye=e=>{let r=(0,n.computed)(()=>!!e.disabled?.value),i=(0,t.createId)(`helper`),a=(0,t.createId)(`error`),o=Ge({error:e.error,helper:e.helper}),s=(0,n.computed)(()=>o.value.errorText||o.value.helperText?i:null),c=(0,n.computed)(()=>o.value.errorText?a:null),l=(0,n.computed)(()=>o.value.errorText?`true`:null),u=null;return{ariaDescribedBy:s,ariaErrorMessage:c,ariaInvalid:l,assistiveId:i,attachFormField:e=>{u=e},disabled:r,errorId:a,errorText:(0,n.computed)(()=>o.value.errorText),helperText:(0,n.computed)(()=>o.value.helperText),triggerValidation:t=>{e.validateOn?.value===t&&u&&u.reportValidity()}}},Xe=e=>{let r=e.id??(0,t.createId)(e.prefix??`field`),i=(0,t.createId)(`label`),a=e.label??(0,n.computed)(()=>void 0),o=e.hasLabel??(0,n.computed)(()=>!!a.value);return{ariaLabelledBy:(0,n.computed)(()=>o.value?i:null),fieldId:r,labelId:i,labelVisible:o}},Ze=e=>({...Ye(e),...Xe(e)}),Qe=(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},$e=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()&&(e.onPress?.(n,`pointer`),!0),handleFocus:n=>{t()||e.onFocus?.(n)},handleKeydown:t=>Qe(t,{disabled:e.disabled,keymap:r})}},et=(e,t,r=e=>e)=>{let i=(0,n.signal)((0,n.untrack)(()=>r(e.value))),a=(0,n.watch)(e,e=>{i.value=r(e)});return t&&t.addEventListener(`abort`,()=>a.dispose(),{once:!0}),i},tt=e=>{let t=et(e.checked,e.signal,Boolean),r=e.indeterminate?et(e.indeterminate,e.signal,Boolean):(0,n.signal)(!1),i=t.value,a=r.value,o=Je(),s=(0,n.computed)(()=>r.value?null:t.value?e.value.value??``:null),c=Ze(e),l=(0,n.computed)(()=>e.required?.value&&(!t.value||r.value)?{valueMissing:!0}:null),u=(0,n.computed)(()=>l.value?e.requiredMessage?.value||`This field is required.`:``),d=()=>{t.value=o.isDirty?i:!!e.checked.value,r.value=o.isDirty?a:!!e.indeterminate?.value,o.clear(),c.triggerValidation(`change`)},f=n=>({checked:t.value,originalEvent:n,value:e.value.value??``}),p=n=>{if(!c.disabled.value){if(o.markDirty(),e.group){r.value=!1,e.group.toggle(e.value.value??``,n),e.onToggle?.(f(n));return}e.clearIndeterminateFirst&&r.value||(t.value=!t.value),r.value=!1,e.onToggle?.(f(n))}},m=$e({disabled:c.disabled,onPress:e=>p(e)});return{...c,checkableFormValue:s,checked:t,handleClick:m.handleClick,handleKeydown:m.handleKeydown,indeterminate:r,reset:d,toggle:p,validationMessage:u,validity:l}},nt=e=>e?Array.isArray(e)?e.filter(Boolean):e.split(`,`).map(e=>e.trim()).filter(Boolean):[],rt=e=>{let t=(0,n.computed)(()=>!!e.multiple?.value),r=e=>{let n=t.value?e:e.slice(0,1);return[...new Set(n.filter(Boolean))]},i=et(e.value,e.signal,e=>r(nt(e))),a=(0,n.computed)(()=>t.value?i.value.join(`,`):i.value[0]??``),o=Je(),s=e=>{i.value=r(e)},c=e=>{o.markDirty(),s(e)},l=()=>c([]),u=e=>{o.markDirty(),i.value=i.value.filter(t=>t!==e)},d=e=>{if(t.value){i.value.includes(e)||c([...i.value,e]);return}c([e])},f=e=>{t.value&&i.value.includes(e)?u(e):d(e)},p=e=>{s(nt(e))},m=Ze(e),h=(0,n.computed)(()=>e.required?.value&&i.value.length===0?{valueMissing:!0}:null),g=(0,n.computed)(()=>h.value?e.requiredMessage?.value||`Please make a selection.`:``);if(e.multiple){let t=(0,n.watch)(e.multiple,()=>p(e.value.value));e.signal.addEventListener(`abort`,()=>t.dispose(),{once:!0})}let _=i.value,v=()=>{s(o.isDirty?_:nt(e.value.value)),o.clear(),m.triggerValidation(`change`)};return{...m,clear:l,formValue:a,removeValue:u,reset:v,selectedValue:(0,n.computed)(()=>i.value[0]),selectedValues:i,selectValue:d,setValues:c,toggleValue:f,validationMessage:g,validity:h}},it=e=>!e||e.trim()===``,at=e=>{let t=(0,n.computed)(()=>!it(e.value.value)&&!e.disabled?.value&&!e.loading?.value),r=n=>{t.value&&e.onSend(n)};return{canSend:t,handleKeydown:t=>{if(t.key!==`Enter`||t.isComposing)return;let n=e.sendShortcut?.value??`enter`,i=t.metaKey||t.ctrlKey;(n===`mod+enter`?!i:t.shiftKey)||(t.preventDefault(),r(t))},keyShortcutsHint:(0,n.computed)(()=>(e.sendShortcut?.value??`enter`)===`mod+enter`?`Control+Enter Meta+Enter`:`Enter`),send:r}};function ot(e){if(!e)return null;try{return(0,i.parse)(e,{as:`plainDate`})}catch{return null}}function st(e){return e?e.toString():null}function ct(e,t){return(0,i.format)(e,{intl:{day:`numeric`,month:`short`,year:`numeric`},locale:t,timeZone:`UTC`})}function lt(){return i.Temporal.Now.plainDateISO()}function ut(e){return e%7}function dt(e){let t=e.value??null,n=`day`,r=t??lt(),a=r.year,o=r.month;function s(){return e.locale??(typeof navigator<`u`?navigator.language:`en`)}function c(){return e.weekendDays??[]}function l(t){return!!(e.min&&i.Temporal.PlainDate.compare(t,e.min)<0||e.max&&i.Temporal.PlainDate.compare(t,e.max)>0)}function u(e){return!!(l(e)||c().includes(ut(e.dayOfWeek)))}function d(){let e=lt(),n=i.Temporal.PlainDate.from({day:1,month:o,year:a}),r=ut(n.dayOfWeek),s=[];for(let a=r-1;a>=0;a--){let r=n.subtract({days:a+1});s.push({day:r.day,isDisabled:u(r),isOutsideMonth:!0,iso:r.toString(),isSelected:t!==null&&i.Temporal.PlainDate.compare(r,t)===0,isToday:i.Temporal.PlainDate.compare(r,e)===0,plain:r})}let c=n.daysInMonth;for(let n=1;n<=c;n++){let r=i.Temporal.PlainDate.from({day:n,month:o,year:a});s.push({day:n,isDisabled:u(r),isOutsideMonth:!1,iso:r.toString(),isSelected:t!==null&&i.Temporal.PlainDate.compare(r,t)===0,isToday:i.Temporal.PlainDate.compare(r,e)===0,plain:r})}let l=(7-s.length%7)%7,d=n.add({months:1});for(let n=0;n<l;n++){let r=d.add({days:n});s.push({day:r.day,isDisabled:u(r),isOutsideMonth:!0,iso:r.toString(),isSelected:t!==null&&i.Temporal.PlainDate.compare(r,t)===0,isToday:i.Temporal.PlainDate.compare(r,e)===0,plain:r})}return s}function f(){let n=[],r=s();for(let o=1;o<=12;o++){let s=i.Temporal.PlainDate.from({day:1,month:o,year:a}),c=s.with({day:s.daysInMonth}),l=e.min!==null&&e.min!==void 0&&i.Temporal.PlainDate.compare(c,e.min)<0||e.max!==null&&e.max!==void 0&&i.Temporal.PlainDate.compare(s,e.max)>0;n.push({isDisabled:l,isSelected:t!==null&&t.year===a&&t.month===o,label:(0,i.format)(s,{intl:{month:`long`},locale:r,timeZone:`UTC`}),month:o,shortLabel:(0,i.format)(s,{intl:{month:`short`},locale:r,timeZone:`UTC`})})}return n}function p(){let n=Math.floor(a/10)*10,r=[];for(let a=n;a<n+12;a++){let n=i.Temporal.PlainDate.from({day:1,month:1,year:a}),o=i.Temporal.PlainDate.from({day:31,month:12,year:a}),s=e.min!==null&&e.min!==void 0&&i.Temporal.PlainDate.compare(o,e.min)<0||e.max!==null&&e.max!==void 0&&i.Temporal.PlainDate.compare(n,e.max)>0;r.push({isDisabled:s,isSelected:t!==null&&t.year===a,year:a})}return r}function m(){let e=(0,i.parse)(`2024-01-07`,{as:`plainDate`}),t=s();return Array.from({length:7},(n,r)=>(0,i.format)(e.add({days:r}),{intl:{weekday:`short`},locale:t,timeZone:`UTC`}))}return{dayCells:d,displayMonth:()=>o,displayYear:()=>a,goTo(e,t){Number.isFinite(e)&&(a=e,o=Math.max(1,Math.min(12,t)))},monthCells:f,nextMonth(){o===12?(o=1,a++):o++},nextYear(){a++},prevMonth(){o===1?(o=12,a--):o--},prevYear(){a--},select(n){n!==null&&u(n)||(t=n,t&&(a=t.year,o=t.month),e.onChange(t))},selected:()=>t,setView(e){n=e},view:()=>n,weekdayLabels:m,yearCells:p}}function ft(e){let t=null,n=null,r=!1,i=()=>{n!==null&&(cancelAnimationFrame(n),n=null)},o=()=>{r||(r=!0,i(),t=null)};return e.signal?.addEventListener(`abort`,o,{once:!0}),{applyInitialFocus(){i();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:i,captureReturnFocus(){t=(0,a.captureFocus)()},dispose:o,get disposed(){return r},restoreFocus(){e.getReturnFocus()!==!1&&t?.(),t=null},[Symbol.dispose]:o}}var pt=(e,t)=>Array.from(e.getElementsByTagName(t)),mt=(e,t)=>e.find(e=>(e.getAttribute(`value`)??``)===t)?.textContent?.replace(/\s+/g,` `).trim()||t,ht=e=>{let t=Number(e);return Number.isFinite(t)?t:void 0},gt=(e,t)=>ht(e)??t,_t=(e,t)=>Math.abs(gt(e,t))||t,Y=e=>{let t=new AbortController;return e(()=>t.abort()),t.signal},vt=e=>{let t=t=>{if(!e.isActive())return;let n=t.composedPath(),r=n[0]instanceof Node?n[0]:t.target instanceof Node?t.target:null;e.getTargets().some(e=>e!=null&&(n.includes(e)||!!(r&&e.contains(r))))||e.onDismiss()},n=()=>{document.removeEventListener(`pointerdown`,t,{capture:!0})};return document.addEventListener(`pointerdown`,t,{capture:!0}),e.signal.addEventListener(`abort`,n,{once:!0}),n},yt=(e,t)=>{e.value?.(t);let r=(0,n.watch)(e,e=>e?.(t));return()=>{r.dispose(),e.value?.(null)}},bt=e=>{let t=()=>gt(e.min?.value,0),n=()=>gt(e.max?.value,100),r=()=>_t(e.step?.value,1),i=e=>{let r=t(),i=n();return(0,o.clamp)(gt(e,r),r,i)},a=e=>{let n=t();return i(Math.round(gt(e,n)/r())*r())},s=e=>{let r=t(),i=n(),a=gt(e,r);return i<=r?0:(a-r)/(i-r)*100},c=(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))},l=(e,a)=>{let o=gt(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:c,handleKeydown:(t,n,r)=>{if(e.disabled?.value||e.readonly?.value)return!1;let i=l(t.key,n);return i!==null&&(t.preventDefault(),r(i),!0)},max:n,min:t,nextFromKey:l,snap:a,toPercent:s}},xt=e=>{let t=()=>!!e.disabled?.value||!!e.readonly?.value,n=()=>ht(e.min?.value),r=()=>ht(e.max?.value),i=e=>(0,o.clamp)(e,n(),r()),a=()=>_t(e.step?.value,1),s=()=>{let t=a();return _t(e.largeStep?.value,t*10)},c=()=>e.parse()??n()??0,l=(t,n)=>{if(t==null){e.commit(null,n);return}e.commit(i(t),n)},u=(e,n)=>{t()||l(c()+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()&&Qe(e,{keymap:{ArrowDown:()=>u(-a(),e),ArrowUp:()=>u(a(),e),End:()=>{let t=r();if(t==null)return!1;l(t,e)},Home:()=>{let t=n();if(t==null)return!1;l(t,e)},PageDown:()=>u(-s(),e),PageUp:()=>u(s(),e)},preventDefault:`after`}),incrementBy:u}},St=e=>e.trim()===``,Ct=e=>String(e??``),wt=e=>{let t=et(e.value,e.signal,Ct),r=Ze(e),i=e.maxLength?Ke({maxLength:e.maxLength,value:t}):null,a=(0,n.computed)(()=>!e.readonly?.value&&e.required?.value&&St(t.value)?{valueMissing:!0}:null),o=(0,n.computed)(()=>a.value?e.requiredMessage?.value||`This field is required.`:``),s=()=>{t.value=Ct(e.value.value),r.triggerValidation(`change`)},c=n=>{n?.preventDefault?.(),t.value=``,e.onInput?.(n??new InputEvent(`input`,{bubbles:!0}),``),e.onChange?.(n??new Event(`change`,{bubbles:!0}),``),r.triggerValidation(`change`)},l=(n,i)=>{let a=[],o=(e,t)=>{n.addEventListener(e,t),a.push(()=>n.removeEventListener(e,t))};e.onFocus&&o(`focus`,t=>e.onFocus?.(t)),o(`input`,r=>{r.stopPropagation(),e.onBeforeInput?.(r),t.value=n.value,e.onInput?.(r,n.value)}),o(`change`,i=>{i.stopPropagation(),t.value=n.value,e.onChange?.(i,n.value),r.triggerValidation(`change`)}),o(`blur`,t=>{e.onBlur?.(t),r.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{...r,clear:c,counter:i,reset:s,validationMessage:o,validity:a,value:t,wire:l}};function Tt(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 X=e=>{let t=new AbortController,r=(0,n.signal)(-1),i=!1,o,s=(0,a.createListNavigation)({direction:e.direction,disabled:()=>!!e.disabled?.value,getItems:e.getItems,isItemDisabled:e.isItemDisabled,keys:e.keys,loop:e.loop,orientation:e.orientation,typeahead:e.typeahead}),c=()=>{r.value=s.getIndex()},l=t=>{if(t){r.value=t.index;try{e.onNavigate?.(t)}finally{c()}}return s.getIndex()},u=e=>{if(i)return-1;let t=s.set(e);return c(),t},d=e=>{if(i)return-1;let t=s.navigate(e);return l(t)},f=()=>{i||(s.reset(),c())},p=e=>{if(i)return!1;let t=s.handleKeydown(e);return t?(t.change&&l(t.change),t.handled):!1},m=()=>{i||(i=!0,s.reset(),r.value=-1,t.abort(),o?.(),o=void 0)};return e.signal?.aborted?m():e.signal&&(e.signal?.addEventListener(`abort`,m,{once:!0}),o=()=>e.signal?.removeEventListener(`abort`,m)),{get disposalSignal(){return t.signal},dispose:m,get disposed(){return i},focusedIndex:r,getActiveItem:()=>i?void 0:s.getActiveItem(),handleKeydown:p,navigate:d,reset:f,set:u,[Symbol.dispose]:m}},Et=class extends Error{constructor(e,t){super(e,t),this.name=new.target.name,Object.setPrototypeOf(this,new.target.prototype)}},Dt=class extends Et{},Ot=e=>e.endsWith(`-start`)?e.replace(`-start`,`-end`):e.endsWith(`-end`)?e.replace(`-end`,`-start`):e;function kt({boundary:e,getDir:t,getFloating:n,getPlacement:r,getReference:i,matchWidth:a=!0,offsetPx:o=0,padding:c=6,useClippingAncestor:l=!0}){function u(){let e=r?.()??`bottom-start`;return(t?.()??Tt(i()))===`rtl`?Ot(e):e}function d(){let t=i(),r=n();if(!t||!r)return;let d=u(),f=e??(l?(0,s.getClippingAncestorRect)(r):void 0),p=(0,s.computePosition)(t,r,{boundary:f,middleware:[...o?[(0,s.offset)(o)]:[],(0,s.flip)({padding:c}),(0,s.shift)({padding:c}),...a?[(0,s.size)({padding:c})]:[]],placement:d});r.style.left=`${p.x}px`,r.style.top=`${p.y}px`;let m=r.style.transition,h=r.style.transform;r.style.transition=`none`,r.style.transform=`none`;let g=r.getBoundingClientRect(),_=p.x-g.left,v=p.y-g.top;r.style.transition=m,r.style.transform=h,(_!==0||v!==0)&&(r.style.left=`${p.x+_}px`,r.style.top=`${p.y+v}px`),a&&(r.style.width=`${t.getBoundingClientRect().width}px`)}function f(){let e=i(),t=n();return!e||!t?()=>{}:(0,s.autoUpdate)(e,t,d)}return{floating:n,reference:i,startAutoUpdate:f,update:d}}var At=e=>{if(typeof e.getBoundary!=`function`)throw new Dt(`createListboxDropdown: getBoundary is required`);if(typeof e.getPanel!=`function`)throw new Dt(`createListboxDropdown: getPanel is required`);if(typeof e.getReference!=`function`)throw new Dt(`createListboxDropdown: getReference is required`);let t=(0,n.signal)(!1),r=(0,n.computed)(()=>String(t.value)),i=!1,o=null,s=kt({...e.positioning,getFloating:e.getPanel,getReference:e.getReference}),c=()=>{i||e.getFocusedOptionElement?.()?.scrollIntoView({block:`nearest`})},l=X({disabled:(0,n.computed)(()=>!t.value),getItems:e.getItems,isItemDisabled:e.isItemDisabled,keys:e.keys,loop:e.loop??!0,onNavigate:t=>{c(),e.onNavigate?.(t)},orientation:e.orientation,signal:e.signal,typeahead:e.typeahead}),u=(0,n.computed)(()=>{let n=l.focusedIndex.value;return e.getOptionId&&t.value&&n>=0?e.getOptionId(n):null}),d=()=>typeof e.restoreFocus==`function`?e.restoreFocus():e.restoreFocus??!0,f=(n=`programmatic`,r=!0)=>{!i&&t.value&&(t.value=!1,l.reset(),o?.(),o=null,r&&d()&&e.getTrigger&&(0,a.restoreFocus)(e.getTrigger),e.onClose?.(n))},p=(n=`programmatic`)=>{i||e.isDisabled?.()||t.value||(t.value=!0,s.update(),o=s.startAutoUpdate?.()??null,e.onOpen?.(n))},m=(e=`click`,n=`trigger`)=>{i||(t.value?f(n):p(e))};vt({getTargets:()=>[e.getBoundary(),e.getPanel()],isActive:()=>t.value,onDismiss:()=>f(`outsideClick`),signal:e.signal});let h=()=>{i||(i=!0,l.dispose(),t.value&&(t.value=!1,l.reset(),o?.(),o=null))};return e.signal.addEventListener(`abort`,h,{once:!0}),{ariaActiveDescendant:u,ariaExpanded:r,close:f,dispose:h,get disposed(){return i},focusedIndex:l.focusedIndex,getActiveItem:l.getActiveItem,handleKeydown:e=>i||!t.value?!1:e.key===`Escape`?(e.preventDefault(),f(`escape`),!0):l.handleKeydown(e),isOpen:t,navigate:l.navigate,open:p,scrollFocusedIntoView:c,set:l.set,[Symbol.dispose]:h,toggle:m,updatePosition:()=>{i||s.update()}}},jt=(e,t,n)=>{let r=String(e??``).split(`,`).map(e=>e.trim()).filter(e=>t.has(e));return r.length>0?r:[...n]},Mt=`@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-divider));--_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]){--_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)}}@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(: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}.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:not(:has(button:active,a[href]:active,input:active,select:active,textarea:active,summary:active,[role=button]:active,[role=link]: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%)}}`,Nt=`button, a[href], input, select, textarea, summary, [role="button"], [role="link"], [contenteditable=""], [contenteditable="true"]`;function Pt(e,t){for(let n of t.composedPath()){if(!(n instanceof HTMLElement))continue;if(n===e)return!1;let t=n.closest(Nt);if(t&&t!==e)return!0}return!1}var Ft=`ore-card`;(0,t.define)(Ft,{props:{...F,...L,...R,elevation:t.prop.number(),interactive:t.prop.bool(!1),orientation:t.prop.string(),padding:t.prop.string(),variant:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=t.watchEffect;(0,t.bind)({attr:{"aria-busy":()=>e.loading.value?`true`:`false`,"aria-disabled":()=>e.interactive.value?String(e.disabled.value):null,role:()=>e.interactive.value?`button`:null}}),o(()=>{e.interactive.value?r.setAttribute(`tabindex`,e.disabled.value?`-1`:`0`):r.removeAttribute(`tabindex`)});let s=$e({disabled:(0,n.computed)(()=>!e.interactive.value||!!e.disabled.value),onPress:(e,t)=>{i(`activate`,{originalEvent:e,trigger:t})}}),c=t=>{e.interactive.value&&!e.disabled.value&&(Pt(r,t)||s.handleClick(t))},l=e=>{s.handleKeydown(e)};return(0,t.bind)({on:{click:e=>c(e),keydown:e=>l(e)}}),t.html`
|
|
649
|
+
`},styles:[Ne]});var Le=new WeakMap,Re=new WeakMap,ze=(e,t)=>{if(!t.body)return null;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=se,t.body.appendChild(n),n},Be=(e,t)=>{let n=Le.get(t);if(n?.[e]&&!t.body?.contains(n[e])&&(n[e]=void 0),!n?.[e]){let r=ze(e,t);if(!r)return null;n||(n={},Le.set(t,n)),n[e]=r}return n[e]??null},Ve=(e,t={})=>{let n=t.document??(typeof document<`u`?document:null);if(!n)return;let r=Be(t.politeness??`polite`,n);if(!r)return;r.textContent=``;let i=Re.get(r);i!==void 0&&clearTimeout(i);let a=setTimeout(()=>{r.textContent=e,Re.delete(r)},50);Re.set(r,a)},He={ariaControlsElements:`aria-controls`,ariaDescribedByElements:`aria-describedby`,ariaLabelledByElements:`aria-labelledby`};function Ue(e,t,n){if(t in e){e[t]=n.length>0?n:null;return}let r=He[t],i=n.map(e=>e.id).filter(Boolean);i.length===0?e.removeAttribute(r):e.setAttribute(r,i.join(` `))}var We=(e={})=>{let t=null,n=()=>{t&&e.enabled?.value!==!1&&(t.style.height=`auto`,t.style.height=`${t.scrollHeight}px`)};return{recompute:n,wire:e=>(t=e,e.addEventListener(`input`,n),requestAnimationFrame(n),()=>{e.removeEventListener(`input`,n),t===e&&(t=null)})}},Ge=e=>(0,n.computed)(()=>({errorText:e.error?.value??``,helperText:e.helper?.value??``})),Ke=e=>(0,n.computed)(()=>{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}}),qe=(e,t=`counter`)=>e?e.counterAtLimit?`${t} at-limit`:e.counterNearLimit?`${t} near-limit`:t:t;function Je(){let e=!1;return{clear:()=>{e=!1},get isDirty(){return e},markDirty:()=>{e=!0}}}var Ye=e=>{let r=(0,n.computed)(()=>!!e.disabled?.value),i=(0,t.createId)(`helper`),a=(0,t.createId)(`error`),o=Ge({error:e.error,helper:e.helper}),s=(0,n.computed)(()=>o.value.errorText||o.value.helperText?i:null),c=(0,n.computed)(()=>o.value.errorText?a:null),l=(0,n.computed)(()=>o.value.errorText?`true`:null),u=null;return{ariaDescribedBy:s,ariaErrorMessage:c,ariaInvalid:l,assistiveId:i,attachFormField:e=>{u=e},disabled:r,errorId:a,errorText:(0,n.computed)(()=>o.value.errorText),helperText:(0,n.computed)(()=>o.value.helperText),triggerValidation:t=>{e.validateOn?.value===t&&u&&u.reportValidity()}}},Xe=e=>{let r=e.id??(0,t.createId)(e.prefix??`field`),i=(0,t.createId)(`label`),a=e.label??(0,n.computed)(()=>void 0),o=e.hasLabel??(0,n.computed)(()=>!!a.value);return{ariaLabelledBy:(0,n.computed)(()=>o.value?i:null),fieldId:r,labelId:i,labelVisible:o}},Ze=e=>({...Ye(e),...Xe(e)}),Qe=(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},$e=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()&&(e.onPress?.(n,`pointer`),!0),handleFocus:n=>{t()||e.onFocus?.(n)},handleKeydown:t=>Qe(t,{disabled:e.disabled,keymap:r})}},et=(e,t,r=e=>e)=>{let i=(0,n.signal)((0,n.untrack)(()=>r(e.value))),a=(0,n.watch)(e,e=>{i.value=r(e)});return t&&t.addEventListener(`abort`,()=>a.dispose(),{once:!0}),i},tt=e=>{let t=et(e.checked,e.signal,Boolean),r=e.indeterminate?et(e.indeterminate,e.signal,Boolean):(0,n.signal)(!1),i=t.value,a=r.value,o=Je(),s=(0,n.computed)(()=>r.value?null:t.value?e.value.value??``:null),c=Ze(e),l=(0,n.computed)(()=>e.required?.value&&(!t.value||r.value)?{valueMissing:!0}:null),u=(0,n.computed)(()=>l.value?e.requiredMessage?.value||`This field is required.`:``),d=()=>{t.value=o.isDirty?i:!!e.checked.value,r.value=o.isDirty?a:!!e.indeterminate?.value,o.clear(),c.triggerValidation(`change`)},f=n=>({checked:t.value,originalEvent:n,value:e.value.value??``}),p=n=>{if(!c.disabled.value){if(o.markDirty(),e.group){r.value=!1,e.group.toggle(e.value.value??``,n),e.onToggle?.(f(n));return}e.clearIndeterminateFirst&&r.value||(t.value=!t.value),r.value=!1,e.onToggle?.(f(n))}},m=$e({disabled:c.disabled,onPress:e=>p(e)});return{...c,checkableFormValue:s,checked:t,handleClick:m.handleClick,handleKeydown:m.handleKeydown,indeterminate:r,reset:d,toggle:p,validationMessage:u,validity:l}},nt=e=>e?Array.isArray(e)?e.filter(Boolean):e.split(`,`).map(e=>e.trim()).filter(Boolean):[],rt=e=>{let t=(0,n.computed)(()=>!!e.multiple?.value),r=e=>{let n=t.value?e:e.slice(0,1);return[...new Set(n.filter(Boolean))]},i=et(e.value,e.signal,e=>r(nt(e))),a=(0,n.computed)(()=>t.value?i.value.join(`,`):i.value[0]??``),o=Je(),s=e=>{i.value=r(e)},c=e=>{o.markDirty(),s(e)},l=()=>c([]),u=e=>{o.markDirty(),i.value=i.value.filter(t=>t!==e)},d=e=>{if(t.value){i.value.includes(e)||c([...i.value,e]);return}c([e])},f=e=>{t.value&&i.value.includes(e)?u(e):d(e)},p=e=>{s(nt(e))},m=Ze(e),h=(0,n.computed)(()=>e.required?.value&&i.value.length===0?{valueMissing:!0}:null),g=(0,n.computed)(()=>h.value?e.requiredMessage?.value||`Please make a selection.`:``);if(e.multiple){let t=(0,n.watch)(e.multiple,()=>p(e.value.value));e.signal.addEventListener(`abort`,()=>t.dispose(),{once:!0})}let _=i.value,v=()=>{s(o.isDirty?_:nt(e.value.value)),o.clear(),m.triggerValidation(`change`)};return{...m,clear:l,formValue:a,removeValue:u,reset:v,selectedValue:(0,n.computed)(()=>i.value[0]),selectedValues:i,selectValue:d,setValues:c,toggleValue:f,validationMessage:g,validity:h}},it=e=>!e||e.trim()===``,at=e=>{let t=(0,n.computed)(()=>!it(e.value.value)&&!e.disabled?.value&&!e.loading?.value),r=n=>{t.value&&e.onSend(n)};return{canSend:t,handleKeydown:t=>{if(t.key!==`Enter`||t.isComposing)return;let n=e.sendShortcut?.value??`enter`,i=t.metaKey||t.ctrlKey;(n===`mod+enter`?!i:t.shiftKey)||(t.preventDefault(),r(t))},keyShortcutsHint:(0,n.computed)(()=>(e.sendShortcut?.value??`enter`)===`mod+enter`?`Control+Enter Meta+Enter`:`Enter`),send:r}};function ot(e){if(!e)return null;try{return(0,i.parse)(e,{as:`plainDate`})}catch{return null}}function st(e){return e?e.toString():null}function ct(e,t){return(0,i.format)(e,{intl:{day:`numeric`,month:`short`,year:`numeric`},locale:t,timeZone:`UTC`})}function lt(){return i.Temporal.Now.plainDateISO()}function ut(e){return e%7}function dt(e){let t=e.value??null,n=`day`,r=t??lt(),a=r.year,o=r.month;function s(){return e.locale??(typeof navigator<`u`?navigator.language:`en`)}function c(){return e.weekendDays??[]}function l(t){return!!(e.min&&i.Temporal.PlainDate.compare(t,e.min)<0||e.max&&i.Temporal.PlainDate.compare(t,e.max)>0)}function u(e){return!!(l(e)||c().includes(ut(e.dayOfWeek)))}function d(){let e=lt(),n=i.Temporal.PlainDate.from({day:1,month:o,year:a}),r=ut(n.dayOfWeek),s=[];for(let a=r-1;a>=0;a--){let r=n.subtract({days:a+1});s.push({day:r.day,isDisabled:u(r),isOutsideMonth:!0,iso:r.toString(),isSelected:t!==null&&i.Temporal.PlainDate.compare(r,t)===0,isToday:i.Temporal.PlainDate.compare(r,e)===0,plain:r})}let c=n.daysInMonth;for(let n=1;n<=c;n++){let r=i.Temporal.PlainDate.from({day:n,month:o,year:a});s.push({day:n,isDisabled:u(r),isOutsideMonth:!1,iso:r.toString(),isSelected:t!==null&&i.Temporal.PlainDate.compare(r,t)===0,isToday:i.Temporal.PlainDate.compare(r,e)===0,plain:r})}let l=(7-s.length%7)%7,d=n.add({months:1});for(let n=0;n<l;n++){let r=d.add({days:n});s.push({day:r.day,isDisabled:u(r),isOutsideMonth:!0,iso:r.toString(),isSelected:t!==null&&i.Temporal.PlainDate.compare(r,t)===0,isToday:i.Temporal.PlainDate.compare(r,e)===0,plain:r})}return s}function f(){let n=[],r=s();for(let o=1;o<=12;o++){let s=i.Temporal.PlainDate.from({day:1,month:o,year:a}),c=s.with({day:s.daysInMonth}),l=e.min!==null&&e.min!==void 0&&i.Temporal.PlainDate.compare(c,e.min)<0||e.max!==null&&e.max!==void 0&&i.Temporal.PlainDate.compare(s,e.max)>0;n.push({isDisabled:l,isSelected:t!==null&&t.year===a&&t.month===o,label:(0,i.format)(s,{intl:{month:`long`},locale:r,timeZone:`UTC`}),month:o,shortLabel:(0,i.format)(s,{intl:{month:`short`},locale:r,timeZone:`UTC`})})}return n}function p(){let n=Math.floor(a/10)*10,r=[];for(let a=n;a<n+12;a++){let n=i.Temporal.PlainDate.from({day:1,month:1,year:a}),o=i.Temporal.PlainDate.from({day:31,month:12,year:a}),s=e.min!==null&&e.min!==void 0&&i.Temporal.PlainDate.compare(o,e.min)<0||e.max!==null&&e.max!==void 0&&i.Temporal.PlainDate.compare(n,e.max)>0;r.push({isDisabled:s,isSelected:t!==null&&t.year===a,year:a})}return r}function m(){let e=(0,i.parse)(`2024-01-07`,{as:`plainDate`}),t=s();return Array.from({length:7},(n,r)=>(0,i.format)(e.add({days:r}),{intl:{weekday:`short`},locale:t,timeZone:`UTC`}))}return{dayCells:d,displayMonth:()=>o,displayYear:()=>a,goTo(e,t){Number.isFinite(e)&&(a=e,o=Math.max(1,Math.min(12,t)))},monthCells:f,nextMonth(){o===12?(o=1,a++):o++},nextYear(){a++},prevMonth(){o===1?(o=12,a--):o--},prevYear(){a--},select(n){n!==null&&u(n)||(t=n,t&&(a=t.year,o=t.month),e.onChange(t))},selected:()=>t,setView(e){n=e},view:()=>n,weekdayLabels:m,yearCells:p}}function ft(e){let t=null,n=null,r=!1,i=()=>{n!==null&&(cancelAnimationFrame(n),n=null)},o=()=>{r||(r=!0,i(),t=null)};return e.signal?.addEventListener(`abort`,o,{once:!0}),{applyInitialFocus(){i();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:i,captureReturnFocus(){t=(0,a.captureFocus)()},dispose:o,get disposed(){return r},restoreFocus(){e.getReturnFocus()!==!1&&t?.(),t=null},[Symbol.dispose]:o}}var pt=(e,t)=>Array.from(e.getElementsByTagName(t)),mt=(e,t)=>e.find(e=>(e.getAttribute(`value`)??``)===t)?.textContent?.replace(/\s+/g,` `).trim()||t,ht=e=>{let t=Number(e);return Number.isFinite(t)?t:void 0},gt=(e,t)=>ht(e)??t,_t=(e,t)=>Math.abs(gt(e,t))||t,X=e=>{let t=new AbortController;return e(()=>t.abort()),t.signal},vt=e=>{let t=t=>{if(!e.isActive())return;let n=t.composedPath(),r=n[0]instanceof Node?n[0]:t.target instanceof Node?t.target:null;e.getTargets().some(e=>e!=null&&(n.includes(e)||!!(r&&e.contains(r))))||e.onDismiss()},n=()=>{document.removeEventListener(`pointerdown`,t,{capture:!0})};return document.addEventListener(`pointerdown`,t,{capture:!0}),e.signal.addEventListener(`abort`,n,{once:!0}),n},yt=(e,t)=>{e.value?.(t);let r=(0,n.watch)(e,e=>e?.(t));return()=>{r.dispose(),e.value?.(null)}},bt=e=>{let t=()=>gt(e.min?.value,0),n=()=>gt(e.max?.value,100),r=()=>_t(e.step?.value,1),i=e=>{let r=t(),i=n();return(0,o.clamp)(gt(e,r),r,i)},a=e=>{let n=t();return i(Math.round(gt(e,n)/r())*r())},s=e=>{let r=t(),i=n(),a=gt(e,r);return i<=r?0:(a-r)/(i-r)*100},c=(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))},l=(e,a)=>{let o=gt(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:c,handleKeydown:(t,n,r)=>{if(e.disabled?.value||e.readonly?.value)return!1;let i=l(t.key,n);return i!==null&&(t.preventDefault(),r(i),!0)},max:n,min:t,nextFromKey:l,snap:a,toPercent:s}},xt=e=>{let t=()=>!!e.disabled?.value||!!e.readonly?.value,n=()=>ht(e.min?.value),r=()=>ht(e.max?.value),i=e=>(0,o.clamp)(e,n(),r()),a=()=>_t(e.step?.value,1),s=()=>{let t=a();return _t(e.largeStep?.value,t*10)},c=()=>e.parse()??n()??0,l=(t,n)=>{if(t==null){e.commit(null,n);return}e.commit(i(t),n)},u=(e,n)=>{t()||l(c()+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()&&Qe(e,{keymap:{ArrowDown:()=>u(-a(),e),ArrowUp:()=>u(a(),e),End:()=>{let t=r();if(t==null)return!1;l(t,e)},Home:()=>{let t=n();if(t==null)return!1;l(t,e)},PageDown:()=>u(-s(),e),PageUp:()=>u(s(),e)},preventDefault:`after`}),incrementBy:u}},St=e=>e.trim()===``,Ct=e=>String(e??``),wt=e=>{let t=et(e.value,e.signal,Ct),r=Ze(e),i=e.maxLength?Ke({maxLength:e.maxLength,value:t}):null,a=(0,n.computed)(()=>!e.readonly?.value&&e.required?.value&&St(t.value)?{valueMissing:!0}:null),o=(0,n.computed)(()=>a.value?e.requiredMessage?.value||`This field is required.`:``),s=()=>{t.value=Ct(e.value.value),r.triggerValidation(`change`)},c=n=>{n?.preventDefault?.(),t.value=``,e.onInput?.(n??new InputEvent(`input`,{bubbles:!0}),``),e.onChange?.(n??new Event(`change`,{bubbles:!0}),``),r.triggerValidation(`change`)},l=(n,i)=>{let a=[],o=(e,t)=>{n.addEventListener(e,t),a.push(()=>n.removeEventListener(e,t))};e.onFocus&&o(`focus`,t=>e.onFocus?.(t)),o(`input`,r=>{r.stopPropagation(),e.onBeforeInput?.(r),t.value=n.value,e.onInput?.(r,n.value)}),o(`change`,i=>{i.stopPropagation(),t.value=n.value,e.onChange?.(i,n.value),r.triggerValidation(`change`)}),o(`blur`,t=>{e.onBlur?.(t),r.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{...r,clear:c,counter:i,reset:s,validationMessage:o,validity:a,value:t,wire:l}};function Tt(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 Z=e=>{let t=new AbortController,r=(0,n.signal)(-1),i=!1,o,s=(0,a.createListNavigation)({direction:e.direction,disabled:()=>!!e.disabled?.value,getItems:e.getItems,isItemDisabled:e.isItemDisabled,keys:e.keys,loop:e.loop,orientation:e.orientation,typeahead:e.typeahead}),c=()=>{r.value=s.getIndex()},l=t=>{if(t){r.value=t.index;try{e.onNavigate?.(t)}finally{c()}}return s.getIndex()},u=e=>{if(i)return-1;let t=s.set(e);return c(),t},d=e=>{if(i)return-1;let t=s.navigate(e);return l(t)},f=()=>{i||(s.reset(),c())},p=e=>{if(i)return!1;let t=s.handleKeydown(e);return t?(t.change&&l(t.change),t.handled):!1},m=()=>{i||(i=!0,s.reset(),r.value=-1,t.abort(),o?.(),o=void 0)};return e.signal?.aborted?m():e.signal&&(e.signal?.addEventListener(`abort`,m,{once:!0}),o=()=>e.signal?.removeEventListener(`abort`,m)),{get disposalSignal(){return t.signal},dispose:m,get disposed(){return i},focusedIndex:r,getActiveItem:()=>i?void 0:s.getActiveItem(),handleKeydown:p,navigate:d,reset:f,set:u,[Symbol.dispose]:m}},Et=class extends Error{constructor(e,t){super(e,t),this.name=new.target.name,Object.setPrototypeOf(this,new.target.prototype)}},Dt=class extends Et{},Ot=e=>e.endsWith(`-start`)?e.replace(`-start`,`-end`):e.endsWith(`-end`)?e.replace(`-end`,`-start`):e;function kt({boundary:e,getDir:t,getFloating:n,getPlacement:r,getReference:i,matchWidth:a=!0,offsetPx:o=0,padding:c=6,useClippingAncestor:l=!0}){function u(){let e=r?.()??`bottom-start`;return(t?.()??Tt(i()))===`rtl`?Ot(e):e}function d(){let t=i(),r=n();if(!t||!r)return;let d=u(),f=e??(l?(0,s.getClippingAncestorRect)(r):void 0),p=(0,s.computePosition)(t,r,{boundary:f,middleware:[...o?[(0,s.offset)(o)]:[],(0,s.flip)({padding:c}),(0,s.shift)({padding:c}),...a?[(0,s.size)({padding:c})]:[]],placement:d});r.style.left=`${p.x}px`,r.style.top=`${p.y}px`;let m=r.style.transition,h=r.style.transform;r.style.transition=`none`,r.style.transform=`none`;let g=r.getBoundingClientRect(),_=p.x-g.left,v=p.y-g.top;r.style.transition=m,r.style.transform=h,(_!==0||v!==0)&&(r.style.left=`${p.x+_}px`,r.style.top=`${p.y+v}px`),a&&(r.style.width=`${t.getBoundingClientRect().width}px`)}function f(){let e=i(),t=n();return!e||!t?()=>{}:(0,s.autoUpdate)(e,t,d)}return{floating:n,reference:i,startAutoUpdate:f,update:d}}var At=e=>{if(typeof e.getBoundary!=`function`)throw new Dt(`createListboxDropdown: getBoundary is required`);if(typeof e.getPanel!=`function`)throw new Dt(`createListboxDropdown: getPanel is required`);if(typeof e.getReference!=`function`)throw new Dt(`createListboxDropdown: getReference is required`);let t=(0,n.signal)(!1),r=(0,n.computed)(()=>String(t.value)),i=!1,o=null,s=kt({...e.positioning,getFloating:e.getPanel,getReference:e.getReference}),c=()=>{i||e.getFocusedOptionElement?.()?.scrollIntoView({block:`nearest`})},l=Z({disabled:(0,n.computed)(()=>!t.value),getItems:e.getItems,isItemDisabled:e.isItemDisabled,keys:e.keys,loop:e.loop??!0,onNavigate:t=>{c(),e.onNavigate?.(t)},orientation:e.orientation,signal:e.signal,typeahead:e.typeahead}),u=(0,n.computed)(()=>{let n=l.focusedIndex.value;return e.getOptionId&&t.value&&n>=0?e.getOptionId(n):null}),d=()=>typeof e.restoreFocus==`function`?e.restoreFocus():e.restoreFocus??!0,f=(n=`programmatic`,r=!0)=>{!i&&t.value&&(t.value=!1,l.reset(),o?.(),o=null,r&&d()&&e.getTrigger&&(0,a.restoreFocus)(e.getTrigger),e.onClose?.(n))},p=(n=`programmatic`)=>{i||e.isDisabled?.()||t.value||(t.value=!0,s.update(),o=s.startAutoUpdate?.()??null,e.onOpen?.(n))},m=(e=`click`,n=`trigger`)=>{i||(t.value?f(n):p(e))};vt({getTargets:()=>[e.getBoundary(),e.getPanel()],isActive:()=>t.value,onDismiss:()=>f(`outsideClick`),signal:e.signal});let h=()=>{i||(i=!0,l.dispose(),t.value&&(t.value=!1,l.reset(),o?.(),o=null))};return e.signal.addEventListener(`abort`,h,{once:!0}),{ariaActiveDescendant:u,ariaExpanded:r,close:f,dispose:h,get disposed(){return i},focusedIndex:l.focusedIndex,getActiveItem:l.getActiveItem,handleKeydown:e=>i||!t.value?!1:e.key===`Escape`?(e.preventDefault(),f(`escape`),!0):l.handleKeydown(e),isOpen:t,navigate:l.navigate,open:p,scrollFocusedIntoView:c,set:l.set,[Symbol.dispose]:h,toggle:m,updatePosition:()=>{i||s.update()}}},jt=(e,t,n)=>{let r=String(e??``).split(`,`).map(e=>e.trim()).filter(e=>t.has(e));return r.length>0?r:[...n]},Mt=`@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-divider));--_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);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]){--_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)}}@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(: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}.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)}:host([interactive]) .card{cursor:pointer;will-change:transform}:host[interactive]:not([disabled]):active:not(:has(button:active,a[href]:active,input:active,select:active,textarea:active,summary:active,[role=button]:active,[role=link]: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%)}}`,Nt=`button, a[href], input, select, textarea, summary, [role="button"], [role="link"], [contenteditable=""], [contenteditable="true"]`;function Pt(e,t){for(let n of t.composedPath()){if(!(n instanceof HTMLElement))continue;if(n===e)return!1;let t=n.closest(Nt);if(t&&t!==e)return!0}return!1}var Ft=`ore-card`;(0,t.define)(Ft,{props:{...I,...R,...z,elevation:t.prop.number(),interactive:t.prop.bool(!1),orientation:t.prop.string(),padding:t.prop.string(),variant:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=t.watchEffect;(0,t.bind)({attr:{"aria-busy":()=>e.loading.value?`true`:`false`,"aria-disabled":()=>e.interactive.value?String(e.disabled.value):null,role:()=>e.interactive.value?`button`:null}}),o(()=>{e.interactive.value?r.setAttribute(`tabindex`,e.disabled.value?`-1`:`0`):r.removeAttribute(`tabindex`)});let s=$e({disabled:(0,n.computed)(()=>!e.interactive.value||!!e.disabled.value),onPress:(e,t)=>{i(`activate`,{originalEvent:e,trigger:t})}}),c=t=>{e.interactive.value&&!e.disabled.value&&(Pt(r,t)||s.handleClick(t))},l=e=>{s.handleKeydown(e)};return(0,t.bind)({on:{click:e=>c(e),keydown:e=>l(e)}}),t.html`
|
|
650
650
|
<div class="card" part="card">
|
|
651
651
|
<div class="loading-bar" part="loading-bar"></div>
|
|
652
652
|
<div class="card-media" part="media" ?hidden="${()=>!a.has(`media`).value}">
|
|
@@ -667,7 +667,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
667
667
|
</div>
|
|
668
668
|
</div>
|
|
669
669
|
</div>
|
|
670
|
-
`},styles:[
|
|
670
|
+
`},styles:[Y,Ce,he,q,De(`.card`),G,Mt]});var It=`@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}.track-segmented{grid-template-columns:repeat(var(--_segments,1), minmax(0, 1fr));gap:var(--progress-segment-gap,var(--size-1,.25rem));background:0 0;border-radius:0;display:grid;overflow:visible}.segment{background:var(--progress-track-bg,var(--color-contrast-300,#ddd));border-radius:var(--_radius);min-width:0;height:100%;transition:var(--_motion-transition,background var(--transition-normal))}.segment[data-filled]{background:var(--progress-fill,var(--_theme-base,#3b82f6))}: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%}}`,Lt=`ore-progress`;(0,t.define)(Lt,{props:{...I,...L,"floating-label":t.prop.string(),indeterminate:t.prop.bool(!1),label:t.prop.string(),max:t.prop.number(100),segments:t.prop.number(0),title:t.prop.string(),type:t.prop.oneOf([`linear`,`circular`,`vertical`],`linear`),value:t.prop.number(0),"value-text":t.prop.string()},setup(e){let r=(0,t.getHost)(),i=t.watchEffect,a=2*Math.PI*45,o=(0,n.computed)(()=>`${Math.max(0,Math.min(Number(e.value.value),Number(e.max.value)))/Math.max(1,Number(e.max.value))*100}%`),s=(0,n.computed)(()=>{let t=Math.max(0,Math.min(Number(e.value.value),Number(e.max.value))),n=Math.max(1,Number(e.max.value));return a-t/n*a}),c=()=>e.indeterminate.value?null:String(e.value.value),l=()=>e.label.value??e.title.value??`Progress`,u=(0,t.styleMap)({"--_circ":`${a}px`}),d=()=>e.indeterminate.value?void 0:`${a}px`,f=()=>e.indeterminate.value?void 0:`${s.value}px`,p=(0,n.computed)(()=>e.type.value===`vertical`),m=(0,n.computed)(()=>Math.max(0,Math.floor(Number(e.segments.value)||0))),h=(0,n.computed)(()=>m.value>0&&!e.indeterminate.value&&!p.value),g=(0,n.computed)(()=>{let t=Math.max(0,Math.min(Number(e.value.value),Number(e.max.value))),n=Math.max(1,Number(e.max.value));return Math.round(t/n*m.value)}),_=(0,t.styleMap)({"--_segments":()=>String(m.value)}),v=(0,t.styleMap)({height:()=>!e.indeterminate.value&&p.value?o.value:null,width:()=>!e.indeterminate.value&&!p.value?o.value:null});i(()=>{r.style.setProperty(`--_percent`,e.indeterminate.value?`0%`:o.value)});let y=()=>t.html`
|
|
671
671
|
<div
|
|
672
672
|
class="circular-track"
|
|
673
673
|
role="progressbar"
|
|
@@ -692,7 +692,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
692
692
|
<span class="circular-title">${()=>e.title.value??``}</span>
|
|
693
693
|
</div>
|
|
694
694
|
</div>
|
|
695
|
-
`,
|
|
695
|
+
`,b=()=>t.html`
|
|
696
696
|
<div class="wrapper">
|
|
697
697
|
<div class="header">
|
|
698
698
|
<span class="progress-title">${()=>e.title.value??``}</span>
|
|
@@ -701,14 +701,22 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
701
701
|
<div class=${()=>`bar-row${p.value?` bar-row-vertical`:``}`}>
|
|
702
702
|
<div class="track-outer">
|
|
703
703
|
<div
|
|
704
|
-
class
|
|
704
|
+
class=${()=>`track${h.value?` track-segmented`:``}`}
|
|
705
705
|
role="progressbar"
|
|
706
706
|
aria-valuenow="${c}"
|
|
707
707
|
aria-valuemin="0"
|
|
708
708
|
aria-valuemax="${e.max}"
|
|
709
709
|
aria-label="${l}"
|
|
710
|
-
aria-valuetext="${e[`value-text`]}"
|
|
711
|
-
|
|
710
|
+
aria-valuetext="${e[`value-text`]}"
|
|
711
|
+
style="${_}">
|
|
712
|
+
${()=>h.value?Array.from({length:m.value},(e,n)=>t.html`
|
|
713
|
+
<span
|
|
714
|
+
class="segment"
|
|
715
|
+
part="segment"
|
|
716
|
+
data-filled="${()=>n<g.value?``:null}"></span>
|
|
717
|
+
`):t.html`
|
|
718
|
+
<div class="fill" part="fill" style="${v}"></div>
|
|
719
|
+
`}
|
|
712
720
|
</div>
|
|
713
721
|
${()=>p.value?null:t.html`
|
|
714
722
|
<span class="floating-label">${e[`floating-label`]}</span>
|
|
@@ -718,10 +726,10 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
718
726
|
</div>
|
|
719
727
|
</div>
|
|
720
728
|
`;return t.html`
|
|
721
|
-
${()=>e.type.value===`circular`?
|
|
722
|
-
`},styles:[
|
|
729
|
+
${()=>e.type.value===`circular`?y():b()}
|
|
730
|
+
`},styles:[Y,we,G,It]});var Rt=`@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(: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: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(: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-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=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(: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}: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(: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-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);height:var(--size-2)}:host([orientation=vertical]) .indicator-active{width:var(--size-1-5);height:var(--size-8)}.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){width:var(--size-2);height:var(--size-2);border-radius:var(--rounded-full);overflow:hidden}.indicator-active{--progress-track-bg:color-mix(in oklch, var(--_dot-bg) 60%, transparent);width:var(--size-8)}.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}}@keyframes carousel-fill{0%{width:0%}to{width:100%}}@keyframes carousel-fill-v{0%{height:0%}to{height:100%}}`,zt=`: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}::slotted(*){max-width:100%}`,Bt=`ore-carousel-slide`;(0,t.define)(Bt,{props:{},setup(e){return(0,t.bind)({attr:{"aria-roledescription":()=>`slide`,role:()=>`group`}}),t.html`
|
|
723
731
|
<slot></slot>
|
|
724
|
-
`},styles:[zt]});var Vt=`ore-carousel`,Ht=(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)})},Ut=(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`)})},Wt=(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)})};(0,t.define)(Vt,{props:{autoplay:t.prop.bool(!1),"autoplay-interval":t.prop.number(5e3),color:t.prop.string(),label:t.prop.string(`Carousel`),loop:t.prop.bool(!0),orientation:t.prop.string(`horizontal`),"show-controls":t.prop.bool(!0),"show-indicators":t.prop.bool(!0),"slide-index":t.prop.number(0),variant:t.prop.string(`default`)},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,n.signal)(e[`slide-index`].value??0),o=null,s=Array.from(r.querySelectorAll(`:scope > ore-carousel-slide`)),l=(0,n.signal)(s.length),u=()=>{s=Array.from(r.querySelectorAll(`:scope > ore-carousel-slide`)),l.value=s.length},d=(0,n.computed)(()=>e.orientation.value!==`vertical`),f=(0,n.computed)(()=>e.loop.value!==!1),p=(0,n.computed)(()=>e[`show-controls`].value!==!1),m=(0,n.computed)(()=>e[`show-indicators`].value!==!1),h=(0,n.computed)(()=>f.value||a.value>0),g=(0,n.computed)(()=>f.value||a.value<l.value-1),_=(e,t=!0)=>{let n=l.value;if(n===0)return;let o=f.value?(e%n+n)%n:Math.max(0,Math.min(e,n-1));o!==a.value&&(a.value=o,r.setAttribute(`slide-index`,String(o)),i(`change`,{index:o}),t&&Ve(s[o]?.getAttribute(`aria-label`)??`Slide ${o+1} of ${n}`,{document:r.ownerDocument}))},v=()=>_(a.value-1),y=()=>_(a.value+1);(0,n.watch)(e[`slide-index`],e=>{typeof e==`number`&&e!==a.value&&_(e,!1)});let b=()=>{let t=e.variant.value??`default`,n=e.orientation.value??`horizontal`;s.forEach(e=>{e.setAttribute(`data-variant`,t),e.setAttribute(`data-orientation`,n)})};(0,n.watch)((0,n.computed)(()=>({orientation:e.orientation.value,variant:e.variant.value})),b,{immediate:!0});let x={default:Ht,fade:Ht,filmstrip:Ut,gallery:Wt},S=()=>{let t=e.variant.value??`default`;x[t](s,a.value)};(0,n.watch)(a,S,{immediate:!0});let C=()=>{o===null&&(o=setInterval(y,e[`autoplay-interval`].value??5e3))},w=()=>{o!==null&&(clearInterval(o),o=null)};(0,n.watch)((0,n.computed)(()=>({enabled:e.autoplay.value,interval:e[`autoplay-interval`].value})),({enabled:e})=>{w(),e&&C()});let T=e=>{let t=d.value,n=t?`ArrowLeft`:`ArrowUp`,r=t?`ArrowRight`:`ArrowDown`;e.key===n?(e.preventDefault(),v()):e.key===r?(e.preventDefault(),y()):e.key===`Home`?(e.preventDefault(),_(0)):e.key===`End`&&(e.preventDefault(),_(l.value-1))},E=
|
|
732
|
+
`},styles:[zt]});var Vt=`ore-carousel`,Ht=(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)})},Ut=(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`)})},Wt=(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)})};(0,t.define)(Vt,{props:{autoplay:t.prop.bool(!1),"autoplay-interval":t.prop.number(5e3),color:t.prop.string(),label:t.prop.string(`Carousel`),loop:t.prop.bool(!0),orientation:t.prop.string(`horizontal`),"show-controls":t.prop.bool(!0),"show-indicators":t.prop.bool(!0),"slide-index":t.prop.number(0),variant:t.prop.string(`default`)},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,n.signal)(e[`slide-index`].value??0),o=null,s=Array.from(r.querySelectorAll(`:scope > ore-carousel-slide`)),l=(0,n.signal)(s.length),u=()=>{s=Array.from(r.querySelectorAll(`:scope > ore-carousel-slide`)),l.value=s.length},d=(0,n.computed)(()=>e.orientation.value!==`vertical`),f=(0,n.computed)(()=>e.loop.value!==!1),p=(0,n.computed)(()=>e[`show-controls`].value!==!1),m=(0,n.computed)(()=>e[`show-indicators`].value!==!1),h=(0,n.computed)(()=>f.value||a.value>0),g=(0,n.computed)(()=>f.value||a.value<l.value-1),_=(e,t=!0)=>{let n=l.value;if(n===0)return;let o=f.value?(e%n+n)%n:Math.max(0,Math.min(e,n-1));o!==a.value&&(a.value=o,r.setAttribute(`slide-index`,String(o)),i(`change`,{index:o}),t&&Ve(s[o]?.getAttribute(`aria-label`)??`Slide ${o+1} of ${n}`,{document:r.ownerDocument}))},v=()=>_(a.value-1),y=()=>_(a.value+1);(0,n.watch)(e[`slide-index`],e=>{typeof e==`number`&&e!==a.value&&_(e,!1)});let b=()=>{let t=e.variant.value??`default`,n=e.orientation.value??`horizontal`;s.forEach(e=>{e.setAttribute(`data-variant`,t),e.setAttribute(`data-orientation`,n)})};(0,n.watch)((0,n.computed)(()=>({orientation:e.orientation.value,variant:e.variant.value})),b,{immediate:!0});let x={default:Ht,fade:Ht,filmstrip:Ut,gallery:Wt},S=()=>{let t=e.variant.value??`default`;x[t](s,a.value)};(0,n.watch)(a,S,{immediate:!0});let C=()=>{o===null&&(o=setInterval(y,e[`autoplay-interval`].value??5e3))},w=()=>{o!==null&&(clearInterval(o),o=null)};(0,n.watch)((0,n.computed)(()=>({enabled:e.autoplay.value,interval:e[`autoplay-interval`].value})),({enabled:e})=>{w(),e&&C()});let T=e=>{let t=d.value,n=t?`ArrowLeft`:`ArrowUp`,r=t?`ArrowRight`:`ArrowDown`;e.key===n?(e.preventDefault(),v()):e.key===r?(e.preventDefault(),y()):e.key===`Home`?(e.preventDefault(),_(0)):e.key===`End`&&(e.preventDefault(),_(l.value-1))},E=Z({getItems:()=>Array.from({length:l.value},(e,t)=>t),loop:!0,onNavigate:({index:e})=>{_(e),(r.shadowRoot?.querySelector(`.indicator[data-index="${e}"]`))?.focus()},orientation:()=>d.value?`horizontal`:`vertical`,signal:X(t.onCleanup)});(0,t.bind)({attr:{"aria-label":()=>e.label.value??`Carousel`,"aria-roledescription":()=>`carousel`,orientation:()=>e.orientation.value??`horizontal`,role:()=>`region`,style:()=>`touch-action:${d.value?`pan-y`:`pan-x`}`,variant:()=>e.variant.value??`default`},on:{focusin:()=>{w()},focusout:()=>{e.autoplay.value&&C()},keydown:T,pointerenter:()=>{w()},pointerleave:()=>{e.autoplay.value&&C()}}}),(0,t.onMounted)(()=>{let t=(0,c.createPanGesture)(r,{axis:()=>d.value?`x`:`y`,onEnd:({distance:e,reason:t})=>{t!==`release`||Math.abs(e)<48||(e<0?y():v())},shouldStart:e=>!e.composedPath().some(e=>e instanceof HTMLElement&&(e.tagName===`BUTTON`||e.tagName===`ORE-BUTTON`||e.tagName===`ORE-PROGRESS`))}),n=r.shadowRoot.querySelector(`slot`),i=()=>{u(),b(),S()};return n.addEventListener(`slotchange`,i),e.autoplay.value&&C(),()=>{t.dispose(),w(),n.removeEventListener(`slotchange`,i)}});let D=()=>p.value?t.html`
|
|
725
733
|
<div class="controls" part="controls">
|
|
726
734
|
<ore-button
|
|
727
735
|
class="nav-btn prev-btn"
|
|
@@ -836,7 +844,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
836
844
|
</div>
|
|
837
845
|
</div>
|
|
838
846
|
</div>
|
|
839
|
-
`},styles:[
|
|
847
|
+
`},styles:[G,Gt]});var Jt=`@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(: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)}.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(: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);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}}`,Yt=`ore-code-window`;(0,t.define)(Yt,{props:{filename:t.prop.string(),lang:t.prop.string(`ts`),title:t.prop.string(`MCP tool call`),variant:t.prop.oneOf([`code`,`chat`],`code`)},setup(e){let r=(0,n.computed)(()=>e.variant.value===`code`),i=(0,n.computed)(()=>!!e.filename.value);return t.html`
|
|
840
848
|
<div class="window" part="window">
|
|
841
849
|
<div class="header" part="header">
|
|
842
850
|
${(0,t.when)(r,()=>t.html`
|
|
@@ -880,9 +888,16 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
880
888
|
<div role="status" class="sr-only">
|
|
881
889
|
${()=>a.value?`Copied to clipboard.`:o.value?`Copy failed. Select the command text and copy it manually.`:``}
|
|
882
890
|
</div>
|
|
883
|
-
`},styles:[ce,Xt]});var Qt=`@layer refine.base{:host
|
|
891
|
+
`},styles:[ce,Xt]});var Qt=`@layer refine.base{:host{vertical-align:middle;display:inline-flex}.key{box-sizing:border-box;padding:var(--keyboard-key-padding-block,var(--size-0-5)) var(--keyboard-key-padding-inline,var(--size-1-5));font-family:var(--keyboard-key-font-family,var(--font-mono,monospace));font-size:var(--keyboard-key-font-size,var(--text-xs));font-weight:var(--keyboard-key-font-weight,inherit);line-height:var(--leading-normal);color:var(--keyboard-key-color,var(--color-contrast-500));white-space:nowrap;background:var(--keyboard-key-bg,var(--color-contrast-100));border:var(--border) solid var(--keyboard-key-border-color,var(--color-contrast-200));border-bottom-width:calc(var(--border) + 1px);border-radius:var(--keyboard-key-radius,var(--rounded-sm));box-shadow:var(--keyboard-key-shadow,none);transition:box-shadow var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.symbol[hidden]{display:none}}@layer refine.sizes{:host([size=lg]) .key{min-width:var(--keyboard-key-min-width,var(--size-16));min-height:var(--keyboard-key-min-height,var(--size-16));padding:var(--keyboard-key-padding-block,var(--size-3)) var(--keyboard-key-padding-inline,var(--size-4));font-family:var(--keyboard-key-font-family,var(--font-sans));font-size:var(--keyboard-key-font-size,var(--text-2xl));font-weight:var(--keyboard-key-font-weight,var(--font-medium));color:var(--keyboard-key-color,var(--color-contrast-700));background:var(--keyboard-key-bg,var(--color-contrast-50));border-color:var(--keyboard-key-border-color,var(--color-contrast-300));border-bottom-width:var(--size-1);border-radius:var(--keyboard-key-radius,var(--rounded-md));box-shadow:var(--keyboard-key-shadow,var(--shadow-xs));position:relative}:host([size=lg]) .key[data-has-symbol]{padding-top:var(--size-6);justify-content:flex-start;align-items:flex-end}:host([size=lg]) .symbol{font-size:var(--text-sm);color:var(--keyboard-key-symbol-color,var(--color-contrast-500));top:var(--size-2);position:absolute}:host([size=lg]) .symbol:not(: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-5)}:host([size=lg]) .symbol: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-2-5)}:host([size=lg]) .key[data-has-symbol] .label{font-size:var(--text-md)}}@layer refine.states{.key[data-pressed]{box-shadow:0 0 0 var(--size-2) var(--keyboard-key-pressed-ring-color,var(--color-contrast-200)), var(--keyboard-key-shadow,none);transform:translateY(var(--border-2))}:host([size=lg]) .key[data-pressed]{border-bottom-width:var(--border);box-shadow:0 0 0 var(--size-2) var(--keyboard-key-pressed-ring-color,var(--color-contrast-200)), var(--keyboard-key-shadow,var(--shadow-xs))}}`,$t=`@layer refine.base{:host{vertical-align:middle;display:inline-flex}.shortcut{box-sizing:border-box;gap:var(--keyboard-shortcut-gap,var(--size-2));padding:var(--keyboard-shortcut-padding,var(--size-2));border-radius:var(--keyboard-shortcut-radius,var(--rounded-lg));transition:background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);background:0 0;align-items:stretch;display:inline-flex}}@layer refine.states{.shortcut[data-pressed]{background:var(--keyboard-shortcut-pressed-bg,var(--color-contrast-200));box-shadow:0 0 0 var(--border) var(--keyboard-shortcut-pressed-border-color,var(--color-contrast-300));transform:translateY(var(--border-2))}}`,en=`ore-keyboard-shortcut`;(0,t.define)(en,{props:{pressed:t.prop.bool(!1)},setup(e){return t.html`
|
|
892
|
+
<span class="shortcut" part="shortcut" ?data-pressed="${e.pressed}"><slot></slot></span>
|
|
893
|
+
`},styles:[G,$t]});var tn=`ore-keyboard-key`;(0,t.define)(tn,{props:{pressed:t.prop.bool(!1),size:t.prop.string(`sm`),symbol:t.prop.string()},setup(e){return t.html`
|
|
894
|
+
<kbd class="key" part="key" ?data-has-symbol="${()=>!!e.symbol.value}" ?data-pressed="${e.pressed}">
|
|
895
|
+
<span class="symbol" aria-hidden="true" ?hidden="${()=>!e.symbol.value}">${e.symbol}</span>
|
|
896
|
+
<span class="label"><slot></slot></span>
|
|
897
|
+
</kbd>
|
|
898
|
+
`},styles:[G,Qt]});var nn=`@layer refine.base{:host,::slotted(ore-list-item){display:block}:host([variant=bordered]){border:var(--border) solid var(--color-contrast-200);border-radius:var(--list-radius,var(--rounded-lg));overflow:hidden}:host([variant=bordered]) ::slotted(ore-list-item:not(:last-of-type)){border-bottom:var(--border) solid var(--color-contrast-200)}:host([variant=separated]){gap:var(--_gap,var(--size-2-5));flex-direction:column;display:flex}:host([variant=separated]) ::slotted(ore-list-item){border:var(--border) solid var(--color-contrast-200);border-radius:var(--list-radius,var(--rounded-lg));overflow:hidden}:host([disabled]){pointer-events:none;opacity:.6}}`,rn=(0,t.createContext)(`ListContext`),an=`ore-list`;(0,t.define)(an,{props:{...R,...L,selectable:t.prop.bool(!1),value:t.prop.string(),variant:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=()=>[...r.querySelectorAll(`:scope > ore-list-item:not([disabled])`)],o=()=>[...r.querySelectorAll(`:scope > ore-list-item`)],s=e=>e.shadowRoot?.querySelector(`[part="row"]`)??null,c=()=>a().map(s).filter(e=>e!=null),l=Z({getItems:a,loop:!0,onNavigate:({item:e})=>{s(e)?.focus()},signal:X(t.onCleanup)}),u=(0,n.signal)(e.value.value);(0,n.watch)(e.value,e=>{u.value=e});let d=e=>{u.value!==e&&(u.value=e,i(`change`,{value:e??null}))},f=e=>{for(let t of o())t!==e&&t.removeAttribute(`revealed`)},p=e=>{let t=o().find(e=>e.hasAttribute(`revealed`));t&&!e.composedPath().includes(t)&&t.removeAttribute(`revealed`)};return document.addEventListener(`pointerdown`,p,{capture:!0}),(0,t.onCleanup)(()=>document.removeEventListener(`pointerdown`,p,{capture:!0})),(0,t.provide)(rn,{requestReveal:f,select:d,selectable:(0,n.computed)(()=>!!e.selectable.value),value:u}),(0,t.bind)({attr:{"aria-disabled":()=>e.disabled.value?`true`:null,role:()=>e.selectable.value?`listbox`:`list`,value:()=>u.value??null},on:{keydown:t=>{if(!e.selectable.value||e.disabled.value)return;let n=t.composedPath().find(e=>e instanceof HTMLElement&&e.getAttribute(`part`)===`row`);if(!n)return;let r=c().indexOf(n);r!==-1&&(l.set(r),l.handleKeydown(t))}}}),t.html`
|
|
884
899
|
<slot></slot>
|
|
885
|
-
`},styles:[
|
|
900
|
+
`},styles:[J(ae),nn]});var on=64,sn=192,cn=.85;function ln(e,t,n){let r=e=>e.distance<0?`right`:`left`,i=()=>{e.removeAttribute(`data-dragging`),e.removeAttribute(`data-confirming`),e.style.removeProperty(`--_swipe-x`)},a;return a=(0,c.createPanGesture)(t,{axis:`x`,disabled:()=>n.disabled.value,onEnd:t=>{if(i(),t.reason!==`release`)return;let a=r(t);n.hasActions(a)&&Math.abs(t.distance)>=on&&e.setAttribute(`revealed`,a)},onMove:t=>{let i=r(t);if(!n.hasActions(i))return;let o=Math.abs(t.distance);if(o>=sn){a.cancel(),e.removeAttribute(`revealed`),n.onConfirm(i);return}let s=Math.min(o/on,1);e.setAttribute(`data-dragging`,``),e.toggleAttribute(`data-confirming`,o/sn>=cn),e.style.setProperty(`--_swipe-x`,String((i===`left`?1:-1)*s))},pointerCapture:!1}),a}var un=`@layer refine.base{:host{--_actions-width:var(--list-item-actions-width,var(--size-24));color:var(--color-contrast-700);display:block;position:relative;overflow:hidden}.row{z-index:1;box-sizing:border-box;gap:var(--_gap,var(--size-4));width:100%;min-height:var(--_min-height,var(--size-4));padding:var(--_padding,var(--size-2-5) var(--size-4));font-size:var(--_font-size,var(--text-sm));touch-action:pan-y;cursor:default;background:var(--list-item-bg,var(--color-canvas));transform:translateX(calc(var(--_swipe-x,0) * var(--_actions-width)));transition:var(--_motion-transition,transform var(--transition-fast), background var(--transition-fast));border:none;outline:none;align-items:center;display:flex;position:relative}.row:not(: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))){text-align:left;padding-right:var(--_padding-inline-end,var(--size-6))}.row: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)){text-align:right;padding-left:var(--_padding-inline-end,var(--size-6))}:host([data-two-line]) .row{min-height:var(--_min-height-two-line,var(--size-18))}:host([actionable]) .row{cursor:pointer}.leading,.trailing{flex-shrink:0;align-items:center;display:flex}.leading[hidden],.trailing[hidden]{display:none}.content{gap:var(--size-0-5);flex-direction:column;flex:1;min-width:0;display:flex}.title{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.description{text-overflow:ellipsis;font-size:var(--text-xs);color:var(--color-contrast-600);white-space:nowrap;display:block;overflow:hidden}.description:empty{display:none}.row:hover{background:var(--list-item-hover-bg,var(--color-contrast-100))}.row:focus-visible{outline:var(--focus-ring);outline-offset:-2px}:host([selected]) .row{color:var(--color-primary);background:var(--list-item-selected-bg,color-mix(in oklch, var(--color-primary) 10%, transparent))}:host([disabled]){pointer-events:none;opacity:.6}.actions{width:var(--_actions-width);transition:var(--_motion-transition,transform var(--transition-fast));align-items:stretch;display:flex;position:absolute;top:0;bottom:0}.actions ::slotted(*){flex:1;height:100%}.actions-left{transform:translateX(calc((var(--_swipe-x,0) - 1) * 100%));left:0}.actions-right{transform:translateX(calc((var(--_swipe-x,0) + 1) * 100%));right:0}:host([revealed=left]){--_swipe-x:1}:host([revealed=right]){--_swipe-x:-1}:host:has(.actions-left:focus-within){--_swipe-x:1}:host:has(.actions-right:focus-within){--_swipe-x:-1}:host([data-dragging]) .row,:host([data-dragging]) .actions-left,:host([data-dragging]) .actions-right{transition:none}:host([data-confirming]) .actions-left,:host([data-confirming]) .actions-right{filter:saturate(1.4)brightness(.94)}}`,dn=e=>e===`left`?`actions-left`:`actions-right`,fn=`ore-list-item`;(0,t.define)(fn,{props:{...R,actionable:t.prop.bool(!1),revealed:t.prop.oneOf([`left`,`right`],void 0),value:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=a.has(`description`),s=a.has(`leading`),c=a.has(`trailing`),l=(0,t.inject)(rn),u=(0,n.computed)(()=>!!l?.selectable.value),d=(0,n.computed)(()=>e.value.value!=null&&l!=null&&l.value.value===e.value.value),f=e=>a.has(dn(e)).value;(0,t.onMounted)(()=>{let o=r.shadowRoot?.querySelector(`.row`);if(!o)return;let s=ln(r,o,{disabled:(0,n.computed)(()=>e.disabled.value||!!e.revealed.value),hasActions:f,onConfirm:e=>{let t=a.elements(dn(e)).value[0];i(`confirm`,{item:r,side:e}),t?.click()}});(0,t.onCleanup)(()=>s.dispose())}),(0,t.watchEffect)(()=>{r.toggleAttribute(`selected`,d.value)});let p=d.value;(0,t.watchEffect)(()=>{let t=d.value;t!==p&&(p=t,i(t?`select`:`deselect`,{item:r,value:e.value.value??null}))});let m=e.revealed.value??null;(0,t.watchEffect)(()=>{let t=e.revealed.value??null;t!==m&&(m=t,t?(l?.requestReveal(r),i(`reveal`,{item:r,side:t})):i(`conceal`,{item:r}))});let h=t=>{if(e.disabled.value)return;if(e.revealed.value){t.preventDefault(),t.stopPropagation(),r.removeAttribute(`revealed`);return}if(e.actionable.value&&i(`activate`,{item:r,value:e.value.value??null}),!u.value)return;let n=e.value.value;n!=null&&l?.select(d.value?void 0:n)};return(0,t.bind)({attr:{"aria-disabled":()=>e.disabled.value?`true`:null,"aria-selected":()=>u.value?String(d.value):null,"data-two-line":()=>o.value?!0:void 0,role:()=>u.value?`option`:`listitem`}}),t.html`
|
|
886
901
|
<div
|
|
887
902
|
class="row"
|
|
888
903
|
part="row"
|
|
@@ -899,11 +914,11 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
899
914
|
</div>
|
|
900
915
|
<span class="actions actions-left" part="actions-start"><slot name="actions-left"></slot></span>
|
|
901
916
|
<span class="actions actions-right" part="actions-end"><slot name="actions-right"></slot></span>
|
|
902
|
-
`},shadow:{delegatesFocus:!0},styles:[
|
|
917
|
+
`},shadow:{delegatesFocus:!0},styles:[G,un]});function pn(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 mn(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 hn(e,t,r,i){let a=(0,n.computed)(()=>!!e.value&&!i?.value);return{effectiveRel:(0,n.computed)(()=>mn(t.value,r.value)),isLink:a}}var gn=`@layer refine.base{:host{--group-gap:var(--size-2);--group-radius:var(--_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)}}`,_n=(0,t.createContext)(`OreButtonGroup`),vn=`ore-button-group`;(0,t.define)(vn,{props:{...I,...L,...B,attached:t.prop.bool(!1),fullwidth:t.prop.bool(!1),label:t.prop.string(),orientation:t.prop.string(),variant:t.prop.string()},setup(e){return(0,t.provide)(_n,{color:e.color,size:e.size,variant:e.variant}),t.html`
|
|
903
918
|
<div class="button-group" part="group" role="group" aria-label="${e.label}">
|
|
904
919
|
<slot></slot>
|
|
905
920
|
</div>
|
|
906
|
-
`},styles:[
|
|
921
|
+
`},styles:[q,gn]});var yn=e=>()=>e.value||void 0,bn=(e,n,r)=>{let{assistiveId:i,checked:a,disabled:o,errorText:s,handleClick:c,handleKeydown:l,helperText:u,indeterminate:d,labelId:f,required:p}=n;(0,t.bind)({attr:{...d!==void 0&&{indeterminate:d},"aria-checked":()=>r===`checkbox`&&d?.value?`mixed`:a.value?`true`:`false`,"aria-describedby":()=>s.value||u.value?i:null,"aria-disabled":()=>o.value?`true`:null,"aria-invalid":()=>s.value?`true`:null,"aria-labelledby":f,"aria-required":()=>p?.value?`true`:null,checked:a,role:r,size:e,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}})},xn=(e,n,r,i)=>t.html`
|
|
907
922
|
<div
|
|
908
923
|
class="helper-text"
|
|
909
924
|
part="helper-text"
|
|
@@ -914,7 +929,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
914
929
|
ref=${e=>{i?.(e)}}>
|
|
915
930
|
${()=>n.value||r.value}
|
|
916
931
|
</div>
|
|
917
|
-
`,
|
|
932
|
+
`,Sn=e=>t.html`
|
|
918
933
|
<span
|
|
919
934
|
class="status-icon"
|
|
920
935
|
part="status-icon"
|
|
@@ -926,7 +941,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
926
941
|
<ore-icon name="check" size="14" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
927
942
|
`}
|
|
928
943
|
</span>
|
|
929
|
-
`,
|
|
944
|
+
`,Cn=e=>t.html`
|
|
930
945
|
<span class="${()=>qe(e.counter?.value)}" aria-live="polite" ?hidden="${()=>!e.counter}">
|
|
931
946
|
${()=>e.counter?.value.counterText.replace(` / `,`/`)??``}
|
|
932
947
|
</span>
|
|
@@ -941,7 +956,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
941
956
|
<div id="${e.errorId}" class="helper-text" role="alert" part="error" ?hidden="${()=>!e.errorText.value}">
|
|
942
957
|
${()=>e.errorText.value}
|
|
943
958
|
</div>
|
|
944
|
-
`;function bn(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 xn=`@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));text-decoration:none;display:flex;position:relative}[part=button]:not(: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-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(: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-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([fullheight]){height:100%;display:flex}:host([fullheight]) [part=button]{height:100%}: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,[part=button]:active{border-color:var(--_hover-border-color,var(--_theme-focus));box-shadow:var(--_theme-shadow), var(--_theme-halo)}:host([variant=ghost]) [part=button]:hover,:host([variant=text]) [part=button]:hover{box-shadow:none;border-color:#0000;transform:none}:host([variant=ghost]) [part=button]:active,:host([variant=text]) [part=button]:active{box-shadow:none;border-color:#0000}[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)}}`,Sn=[`solid`,`flat`,`bordered`,`outline`,`ghost`,`text`,`frost`],Cn=`ore-button`;(0,t.define)(Cn,{formAssociated:!0,props:{...ee,effect:t.prop.string(),fullheight:t.prop.bool(!1),fullwidth:t.prop.bool(!1),href:t.prop.string(),iconOnly:t.prop.bool(!1),label:t.prop.string(),rel:t.prop.string(),target:t.prop.string(),type:t.prop.oneOf([`button`,`submit`,`reset`],`button`),variant:t.prop.oneOf(Sn,`solid`)},setup(e){let r=(0,t.getHost)(),i=(0,t.inject)(pn),a=(0,n.computed)(()=>i?.color.value??e.color.value),o=(0,n.computed)(()=>i?.size.value??e.size.value),s=(0,n.computed)(()=>i?.variant.value??e.variant.value),c=(0,n.computed)(()=>!!(e.disabled.value||e.loading.value)),{effectiveRel:l,isLink:u}=dn(e.href,e.rel,e.target),d=(0,t.useField)({disabled:c,toFormValue:()=>null,value:(0,n.computed)(()=>``)}),f=t=>{if(c.value){t.preventDefault();return}bn(()=>u.value?null:d.internals.form,e.type,c,r)(t)};(0,t.bind)({attr:{"aria-busy":(0,n.computed)(()=>u.value?null:e.loading.value),"aria-disabled":(0,n.computed)(()=>u.value?null:c.value),"aria-label":(0,n.computed)(()=>u.value?null:e.label.value),color:a,effect:e.effect,role:(0,n.computed)(()=>u.value?null:r.getAttribute(`role`)??`button`),size:o,tabindex:(0,n.computed)(()=>u.value?null:c.value?`-1`:`0`),variant:s},on:{keydown:e=>{u.value||(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),(r.shadowRoot?.querySelector(`[part="button"]`))?.click())}}});let p=t.html`
|
|
959
|
+
`;function wn(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 Tn=`@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(--button-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(--button-padding,var(--_padding,var(--size-2) var(--size-4)));font-size:var(--button-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));text-decoration:none;display:flex;position:relative}[part=button]:not(: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-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(: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-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([fullheight]){height:100%;display:flex}:host([fullheight]) [part=button]{height:100%}: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,[part=button]:active{border-color:var(--_hover-border-color,var(--_theme-focus));box-shadow:var(--_theme-shadow), var(--_theme-halo)}:host([variant=ghost]) [part=button]:hover,:host([variant=text]) [part=button]:hover{box-shadow:none;border-color:#0000;transform:none}:host([variant=ghost]) [part=button]:active,:host([variant=text]) [part=button]:active{box-shadow:none;border-color:#0000}[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)}}`,En=[`solid`,`flat`,`bordered`,`outline`,`ghost`,`text`,`frost`],Dn=`ore-button`;(0,t.define)(Dn,{formAssociated:!0,props:{...V,effect:t.prop.string(),fullheight:t.prop.bool(!1),fullwidth:t.prop.bool(!1),href:t.prop.string(),iconOnly:t.prop.bool(!1),label:t.prop.string(),rel:t.prop.string(),target:t.prop.string(),type:t.prop.oneOf([`button`,`submit`,`reset`],`button`),variant:t.prop.oneOf(En,`solid`)},setup(e){let r=(0,t.getHost)(),i=(0,t.inject)(_n),a=(0,n.computed)(()=>i?.color.value??e.color.value),o=(0,n.computed)(()=>i?.size.value??e.size.value),s=(0,n.computed)(()=>i?.variant.value??e.variant.value),c=(0,n.computed)(()=>!!(e.disabled.value||e.loading.value)),{effectiveRel:l,isLink:u}=hn(e.href,e.rel,e.target),d=(0,t.useField)({disabled:c,toFormValue:()=>null,value:(0,n.computed)(()=>``)}),f=t=>{if(c.value){t.preventDefault();return}wn(()=>u.value?null:d.internals.form,e.type,c,r)(t)};(0,t.bind)({attr:{"aria-busy":(0,n.computed)(()=>u.value?null:e.loading.value),"aria-disabled":(0,n.computed)(()=>u.value?null:c.value),"aria-label":(0,n.computed)(()=>u.value?null:e.label.value),color:a,effect:e.effect,role:(0,n.computed)(()=>u.value?null:r.getAttribute(`role`)??`button`),size:o,tabindex:(0,n.computed)(()=>u.value?null:c.value?`-1`:`0`),variant:s},on:{keydown:e=>{u.value||(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),(r.shadowRoot?.querySelector(`[part="button"]`))?.click())}}});let p=t.html`
|
|
945
960
|
<span class="loader" part="loader" aria-label="Loading" ?hidden=${()=>!e.loading.value}></span>
|
|
946
961
|
<slot name="prefix"></slot>
|
|
947
962
|
<span class="content" part="content"><slot></slot></span>
|
|
@@ -963,7 +978,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
963
978
|
`:t.html`
|
|
964
979
|
<span part="button" role="presentation" @click="${f}">${p}</span>
|
|
965
980
|
`}
|
|
966
|
-
`},shadow:{delegatesFocus:!1},styles:[
|
|
981
|
+
`},shadow:{delegatesFocus:!1},styles:[Y,W,G,q,we,J({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)`}}),De(`[part="button"]`),fe(`[part="button"]`),pe(`[part="button"]`),ye,Tn]});var On=`@layer refine.base{:host{--_bg:var(--color-canvas);--_radius:var(--rounded-xl);background:var(--_bg);border-radius:var(--_radius);width:100%;min-height:240px;display:block;position:relative;overflow:hidden}.track{gap:var(--marquee-gap,var(--size-4));width:max-content;animation:marquee-scroll var(--_marquee-duration,20s) linear infinite;will-change:transform;flex-direction:row;align-items:stretch;display:flex;position:absolute;top:0;bottom:0}.track:not(: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}.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}.controls{gap:var(--size-0-5);pointer-events:none;align-items:center;display:flex}: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(: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-3)}: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)}.nav-btn{pointer-events:auto}:host([direction=right]) .track{animation-direction:reverse}:host([pause-on-hover]:hover) .track{animation-play-state:paused}::slotted(*){flex:none;height:100%;position:relative}::slotted([data-marquee-clone]){pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translateX(var(--_marquee-translate,-50%))}}}@media (prefers-reduced-motion:reduce){.track{animation:none}}`,kn=`ore-marquee`;(0,t.define)(kn,{props:{color:t.prop.string(),direction:t.prop.string(`left`),duration:t.prop.number(20),"pause-on-hover":t.prop.bool(!1),"show-controls":t.prop.bool(!0)},setup(e){let r=(0,t.getHost)(),i=0,a=[],o=[],s=null,c=0,l=null,u=null,d=t=>{if(!u||o.length===0)return;i=(t+o.length)%o.length;let n=o[i];if(!n||c===0)return;let r=e.duration.value??20,a=-(n.offsetLeft/c*r);u.style.setProperty(`animation-delay`,`${a}s`)};return(0,n.watch)(e.duration,e=>{r.style.setProperty(`--_marquee-duration`,`${e??20}s`)},{immediate:!0}),(0,t.onMounted)(()=>{u=r.shadowRoot?.querySelector(`.track`)??null;let e=r.shadowRoot?.querySelector(`slot`)??null,t=()=>{a.forEach(e=>{e.remove()}),a=[]},n=()=>{a.push(...o.map(e=>{let t=e.cloneNode(!0);return t.setAttribute(`aria-hidden`,`true`),t.setAttribute(`data-marquee-clone`,``),t.setAttribute(`inert`,``),r.appendChild(t),t}))},d=()=>{if(!u||o.length===0)return;let e=u;s!==null&&cancelAnimationFrame(s),t(),c=0,e.style.removeProperty(`--_marquee-translate`),n(),s=requestAnimationFrame(()=>{s=null;let t=a[0],i=o[0];if(!t||!i||(c=t.offsetLeft-i.offsetLeft,c<=0))return;let l=Math.max(2,Math.ceil((r.clientWidth+c)/c));for(let e=2;e<l;e+=1)n();e.style.setProperty(`--_marquee-translate`,`-${c}px`)})},f=()=>{let t=(e?.assignedElements()??[]).filter(e=>e instanceof HTMLElement&&!e.hasAttribute(`data-marquee-clone`));(t.length!==o.length||t.some((e,t)=>e!==o[t]))&&(o=t,i=Math.min(i,Math.max(o.length-1,0)),d())};return l=typeof ResizeObserver>`u`?null:new ResizeObserver(d),l?.observe(r),e?.addEventListener(`slotchange`,f),f(),()=>{s!==null&&cancelAnimationFrame(s),l?.disconnect(),e?.removeEventListener(`slotchange`,f),t(),u=null,o=[],c=0}}),t.html`
|
|
967
982
|
<div class="track" part="track" aria-live="off">
|
|
968
983
|
<slot></slot>
|
|
969
984
|
</div>
|
|
@@ -993,7 +1008,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
993
1008
|
</ore-button>
|
|
994
1009
|
</div>
|
|
995
1010
|
`}
|
|
996
|
-
`},styles:[
|
|
1011
|
+
`},styles:[On]});var An=`@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(:is(:disabled,[aria-current=page])),:host([variant=ghost]) button:hover:not(:is(: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(:is(: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(:is(: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(:is(: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(:is(: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(:is(: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(:is(: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)}button:hover:not(:is(: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)}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 jn(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 Mn=`ore-pagination`;(0,t.define)(Mn,{props:{...I,...L,label:t.prop.string(`Pagination`),page:t.prop.number(1),"show-first-last":t.prop.bool(!1),"show-prev-next":t.prop.bool(!1),siblings:t.prop.number(1),"total-pages":t.prop.number(1),variant:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)();function a(t){let n=e[`total-pages`].value||1,a=Math.min(Math.max(1,t),n);a!==e.page.value&&(r.setAttribute(`page`,String(a)),i(`change`,{page:a}))}let o=(0,n.computed)(()=>jn(e.page.value||1,e[`total-pages`].value||1,e.siblings.value??1)),s=(0,n.computed)(()=>(e.page.value||1)<=1),c=(0,n.computed)(()=>(e.page.value||1)>=(e[`total-pages`].value||1));return t.html`
|
|
997
1012
|
<nav aria-label="${e.label}" part="nav">
|
|
998
1013
|
<ol class="pagination" part="list">
|
|
999
1014
|
${()=>e[`show-first-last`].value?t.html`
|
|
@@ -1068,7 +1083,20 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1068
1083
|
`:``}
|
|
1069
1084
|
</ol>
|
|
1070
1085
|
</nav>
|
|
1071
|
-
`},styles:[
|
|
1086
|
+
`},styles:[W,Y,J(),An]});var Nn=`@layer refine.base{:host{--_dark:var(--qr-code-dark,currentColor);--_light:var(--qr-code-light,transparent);--_radius:var(--qr-code-radius,var(--rounded-md));--_padding:var(--qr-code-padding,var(--size-3));--_bg:var(--qr-code-bg,var(--color-canvas));--_error-color:var(--qr-code-error-color,var(--text-color-secondary));--_border:var(--qr-code-border,var(--border));--_border-color:var(--qr-code-border-color,var(--color-divider));--_shadow:var(--qr-code-shadow,var(--shadow-sm));display:inline-block}:host([hidden]){display:none}.wrapper{--_size:var(--qr-code-size,var(--_size-px,192px));gap:var(--size-2);flex-direction:column;align-items:center;max-width:100%;display:inline-flex}.svg{box-sizing:border-box;width:var(--_size);height:var(--_size);padding:var(--_padding);background:var(--_light);border-radius:var(--_radius);display:block}:host([variant=card]) .svg{background:var(--_bg);border:var(--_border) solid var(--_border-color);box-shadow:var(--_shadow)}.svg svg{width:100%;height:100%;display:block}.caption{margin-block:var(--size-2);font-size:var(--text-sm);color:var(--text-color-secondary);text-align:center}.error{box-sizing:border-box;width:var(--_size);min-height:var(--_size);padding:var(--_padding);font-size:var(--text-sm);color:var(--_error-color);text-align:center;border:var(--border-width,1px) dashed var(--color-contrast-300);border-radius:var(--_radius);justify-content:center;align-items:center;display:flex}}`,Pn={lg:256,md:192,sm:128},Fn=e=>typeof e==`number`?e:Pn[e]??Pn.md,In=`ore-qr-code`;(0,t.define)(In,{props:{"error-correction":t.prop.string(`M`),label:t.prop.string(`QR code`),margin:t.prop.number(4),...B,size:{default:`md`,parse:e=>e!==null&&/^\d+$/.test(e)?Number(e):e??`md`},value:t.prop.string(``),variant:t.prop.string(`flat`)},setup(e){let r=(0,t.useEmit)(),i=(0,t.useSlots)(),a=(0,n.computed)(()=>{let t=e.value.value??``;if(!t)return{error:new l.SigilError(`No value to encode`)};try{let n=(0,l.encodeQr)(t,{errorCorrection:e[`error-correction`].value??`M`});return{svg:(0,l.toSvg)(n,{dark:`var(--_dark)`,label:e.label.value??`QR code`,light:`var(--_light)`,margin:e.margin.value??4}),version:n.version}}catch(e){return{error:e instanceof l.SigilError?e:new l.SigilError(`QR encoding failed`,{cause:e})}}}),o=(0,n.computed)(()=>`error`in a.value),s=(0,n.computed)(()=>i.has(`caption`).value);return(0,n.watch)(a,t=>{`error`in t?r(`error`,{error:t.error}):r(`render`,{size:Fn(e.size.value??`md`),version:t.version})}),t.html`
|
|
1087
|
+
<div class="wrapper" part="wrapper" style=${()=>`--_size-px: ${Fn(e.size.value??`md`)}px`}>
|
|
1088
|
+
${(0,t.when)(()=>o.value,()=>t.html`
|
|
1089
|
+
<div class="error" part="error" role="alert">
|
|
1090
|
+
<span class="error-text">${()=>`error`in a.value?a.value.error.message:``}</span>
|
|
1091
|
+
</div>
|
|
1092
|
+
`,()=>t.html`
|
|
1093
|
+
<span class="svg" part="svg">${(0,t.unsafeHtml)(()=>`error`in a.value?``:a.value.svg)}</span>
|
|
1094
|
+
`)}
|
|
1095
|
+
<span class="caption" part="caption" ?hidden=${()=>!s.value}>
|
|
1096
|
+
<slot name="caption"></slot>
|
|
1097
|
+
</span>
|
|
1098
|
+
</div>
|
|
1099
|
+
`},styles:[q,Nn]});var Ln=`@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(: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(--_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(: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(--_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}}`,Rn=`ore-separator`;(0,t.define)(Rn,{props:{color:t.prop.string(),decorative:t.prop.bool(!0),label:t.prop.string(),orientation:t.prop.oneOf([`horizontal`,`vertical`],`horizontal`)},setup(e){let n=()=>e.decorative.value?`none`:`separator`,r=()=>e.decorative.value?`true`:null;return t.html`
|
|
1072
1100
|
${()=>e.label.value?t.html`
|
|
1073
1101
|
<div class="separator-wrapper" part="wrapper">
|
|
1074
1102
|
<hr
|
|
@@ -1093,7 +1121,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1093
1121
|
aria-hidden="${r}"
|
|
1094
1122
|
aria-orientation="${()=>e.orientation.value}" />
|
|
1095
1123
|
`}
|
|
1096
|
-
`},styles:[
|
|
1124
|
+
`},styles:[Y,Ln]});var zn=`@layer refine.base{:host{--_bg:var(--stats-bg,var(--color-canvas));--_color:var(--stats-color,var(--color-contrast-900));--_border-color:var(--stats-border-color,var(--color-divider));--_radius:var(--stats-radius,var(--rounded-lg));--_padding:var(--stats-padding,var(--size-4));--_min-height:var(--stats-min-height,var(--size-32));--_value-size:var(--stats-value-size,var(--text-2xl));--_icon-size:var(--size-9);--_gap:var(--size-3);min-width:0;display:block}.stats{box-sizing:border-box;gap:var(--_gap);width:100%;min-width:0;min-height:var(--_min-height);padding:var(--_padding);color:var(--_color);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);flex-direction:column;display:flex;position:relative;overflow:hidden}.header,.body,.footer{min-width:0;display:flex}.header{gap:var(--size-2);align-items:center}.icon{flex:0 0 var(--_icon-size);width:var(--_icon-size);height:var(--_icon-size);color:var(--_theme-base,var(--color-primary));background:var(--stats-icon-bg,var(--_theme-backdrop,var(--color-contrast-100)));border-radius:var(--rounded-md);place-items:center;display:grid}.label,.description,.trend{text-overflow:ellipsis;font-size:var(--text-xs);white-space:nowrap;overflow:hidden}.label{font-weight:var(--font-semibold);color:var(--color-contrast-700)}.body{gap:var(--size-3);flex:1;justify-content:space-between;align-items:end}.value{text-overflow:ellipsis;min-width:0;font-size:var(--_value-size);font-variant-numeric:tabular-nums;line-height:var(--leading-tight);color:inherit;letter-spacing:-.03em;white-space:nowrap;overflow:hidden}.visual{flex:0 45%;justify-content:end;align-items:end;min-width:50%;display:flex;position:absolute;bottom:0;right:0}.footer{gap:var(--size-1);align-items:center}.trend{font-weight:var(--font-semibold);color:var(--color-contrast-700);flex-shrink:0}.trend[data-direction=up]{color:var(--stats-trend-up,var(--color-success))}.trend[data-direction=down]{color:var(--stats-trend-down,var(--color-error))}.description{min-width:0;color:var(--color-contrast-700)}.loading{z-index:2;pointer-events:none;background:linear-gradient(100deg, color-mix(in oklch, var(--_bg) 88%, var(--color-contrast-200)) 20%, color-mix(in oklch, var(--_bg) 72%, var(--color-contrast-200)) 45%, color-mix(in oklch, var(--_bg) 88%, var(--color-contrast-200)) 70%);background-size:220% 100%;display:none;position:absolute;inset:0}[hidden]{display:none}}@layer refine.variants{:host([variant=plain]) .stats{background:var(--stats-bg,transparent);border:0;border-radius:0;min-height:0}:host([variant=solid]){--_bg:var(--stats-bg,var(--_theme-base));--_color:var(--stats-color,var(--_theme-contrast));--_border-color:var(--stats-border-color,var(--_theme-base))}:host([variant=solid]) .label,:host([variant=solid]) .description,:host([variant=solid]) .trend{color:color-mix(in oklch, var(--_color) 78%, transparent)}}@layer refine.overrides{:host([loading]) .loading{animation:var(--_motion-animation,stats-loading 1.4s linear infinite);display:block}:host([loading]) .header,:host([loading]) .body,:host([loading]) .footer{visibility:hidden}:host([disabled]){pointer-events:none;opacity:.55;filter:grayscale(.35)}}@keyframes stats-loading{0%{background-position:100% 0}to{background-position:-120% 0}}`,Bn=`ore-stats`;(0,t.define)(Bn,{props:{...I,...L,...R,...z,...B,description:t.prop.string(),label:t.prop.string(),trend:t.prop.string(),"trend-direction":t.prop.oneOf([`up`,`down`,`neutral`],`neutral`),value:t.prop.string(),variant:t.prop.oneOf([`outlined`,`plain`,`solid`],`outlined`)},setup(e){let n=(0,t.useSlots)(),r=()=>!!e.description.value||n.has(`description`).value,i=()=>n.has(`icon`).value,a=()=>!!e.label.value||n.has(`label`).value,o=()=>!!e.trend.value||n.has(`trend`).value,s=()=>!!e.value.value||n.has(`value`).value,c=()=>n.has(`visual`).value;return(0,t.bind)({attr:{"aria-busy":()=>String(!!e.loading.value),"aria-disabled":()=>String(!!e.disabled.value)}}),t.html`
|
|
1097
1125
|
<article class="stats" part="card">
|
|
1098
1126
|
<span class="loading" part="loading" aria-hidden="true"></span>
|
|
1099
1127
|
<header class="header" part="header" ?hidden=${()=>!i()&&!a()}>
|
|
@@ -1109,13 +1137,13 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1109
1137
|
<span class="description" part="description" ?hidden=${()=>!r()}><slot name="description">${e.description}</slot></span>
|
|
1110
1138
|
</footer>
|
|
1111
1139
|
</article>
|
|
1112
|
-
`},styles:[q,
|
|
1140
|
+
`},styles:[Y,q,J({lg:{"--_icon-size":`var(--size-10)`,"--_min-height":`var(--stats-min-height, var(--size-36))`,"--_value-size":`var(--stats-value-size, var(--text-3xl))`,gap:`var(--size-4)`,padding:`var(--stats-padding, var(--size-5))`},md:{"--_icon-size":`var(--size-9)`,"--_min-height":`var(--stats-min-height, var(--size-32))`,"--_value-size":`var(--stats-value-size, var(--text-2xl))`,gap:`var(--size-3)`,padding:`var(--stats-padding, var(--size-4))`},sm:{"--_icon-size":`var(--size-8)`,"--_min-height":`var(--stats-min-height, var(--size-24))`,"--_value-size":`var(--stats-value-size, var(--text-xl))`,gap:`var(--size-2)`,padding:`var(--stats-padding, var(--size-3))`}}),G,we,zn]});function Vn(e){return!(!e.stepperClickable||e.disabled||e.linear&&e.stepperCurrentIndex>=0&&e.index>e.stepperCurrentIndex)}var Hn=`@layer refine.base{:host{--step-indicator-size:var(--size-8);--step-font-size:var(--text-sm);--step-gap:var(--size-2);flex:1;min-width:0;display:flex}.step{box-sizing:border-box;align-items:center;width:100%;list-style:none;display:flex;position:relative}.connector{top:calc(var(--size-1) + var(--step-indicator-size) / 2);width:calc(50% - var(--step-indicator-size) / 2);height:var(--stepper-connector-size,2px);background:var(--stepper-connector-color,var(--color-contrast-200));border-radius:var(--rounded-full);transition:background var(--transition-fast);position:absolute;transform:translateY(-50%)}.connector-leading{left:0}.connector-trailing{right:0}:host(:first-of-type) .connector-leading,:host(:last-of-type) .connector-trailing{display:none}.control{all:unset;box-sizing:border-box;gap:var(--step-gap);width:100%;min-width:0;padding:var(--size-1);cursor:default;border-radius:var(--rounded-lg);flex-direction:column;flex:auto;align-items:center;font-family:inherit;display:flex;position:relative}button.control{min-height:var(--_touch-target,auto);cursor:pointer;transition:background var(--transition-fast)}button.control:focus-visible{outline:var(--border-2) solid var(--_theme-base,var(--color-contrast-500));outline-offset:var(--border-2)}button.control[aria-disabled=true]{cursor:not-allowed;opacity:.5}.indicator{box-sizing:border-box;width:var(--step-indicator-size);height:var(--step-indicator-size);font-size:var(--step-font-size);font-weight:var(--font-semibold);color:var(--color-contrast-500);background:var(--color-contrast-100);border:var(--border-2) solid var(--color-contrast-200);border-radius:var(--rounded-full);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);flex:none;justify-content:center;align-items:center;display:flex}.icon-slot[hidden]{display:none}.number{line-height:1}.content{text-align:center;flex-direction:column;flex:auto;align-items:center;min-width:0;max-width:100%;display:flex}.label{gap:var(--size-1);min-width:0;max-width:100%;font-size:var(--step-font-size);font-weight:var(--font-medium);color:var(--color-contrast-700);justify-content:center;align-items:baseline;display:flex}.label-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.optional-hint{font-size:var(--text-xs);font-weight:var(--font-normal);color:var(--color-contrast-400);flex:none}.description{font-size:var(--text-xs);color:var(--color-contrast-500)}.description[hidden]{display:none}.sr-only{white-space:nowrap;clip-path:inset(50%);border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@layer refine.states{:host([current]) .indicator{color:var(--_theme-contrast,var(--color-canvas));background:var(--_theme-base,var(--color-contrast-800));border-color:var(--_theme-base,var(--color-contrast-800))}:host([current]) .label{font-weight:var(--font-semibold);color:var(--color-contrast-900)}:host([completed]) .indicator{color:var(--_theme-contrast,var(--color-canvas));background:var(--_theme-focus,var(--color-contrast-600));border-color:var(--_theme-focus,var(--color-contrast-600))}:host([completed]) .connector,:host([current]) .connector-leading{background:var(--_theme-focus,var(--color-contrast-400))}:host([error]) .indicator{color:var(--color-canvas);background:var(--color-error);border-color:var(--color-error)}:host([error]) .label{color:var(--color-error)}:host([disabled]) .label,:host([disabled]) .description{color:var(--color-contrast-400)}:host([disabled]) .indicator{opacity:.6}}@layer refine.sizes{:host([size=sm]){--step-indicator-size:var(--size-6);--step-font-size:var(--text-xs);--step-gap:var(--size-1-5)}:host(:not([size])),:host([size=md]){--step-indicator-size:var(--size-8);--step-font-size:var(--text-sm);--step-gap:var(--size-2)}:host([size=lg]){--step-indicator-size:var(--size-10);--step-font-size:var(--text-base);--step-gap:var(--size-2-5)}@media (pointer:coarse){:host(:not([size])),:host([size=sm]),:host([size=md]){--step-indicator-size:var(--size-9);--step-font-size:var(--text-sm)}}}@layer refine.orientation{:host([orientation=vertical]){flex:none;width:100%}:host([orientation=vertical]) .step{padding-top:var(--stepper-gap,var(--size-4));align-items:flex-start}:host([orientation=vertical]:first-of-type) .step{padding-top:0}:host([orientation=vertical]) .control{flex-direction:row;align-items:flex-start}:host([orientation=vertical]) .content{text-align:left;align-items:flex-start}:host([orientation=vertical]) .label{justify-content:flex-start}:host([orientation=vertical]) .connector-leading{top:0;left:calc(var(--size-1) + var(--step-indicator-size) / 2);width:var(--stepper-connector-size,2px);height:calc(var(--stepper-gap,var(--size-4)) + var(--size-1));transform:translate(-50%)}:host([orientation=vertical]) .connector-trailing{inset:calc(var(--stepper-gap,var(--size-4)) + var(--size-1) + var(--step-indicator-size)) auto 0 calc(var(--size-1) + var(--step-indicator-size) / 2);width:var(--stepper-connector-size,2px);height:auto;transform:translate(-50%)}:host([orientation=vertical]:first-of-type) .connector-trailing{top:calc(var(--size-1) + var(--step-indicator-size))}}@media (forced-colors:active){.indicator{border:1px solid buttontext}:host([current]) .indicator,:host([completed]) .indicator{border:1px solid highlight}}`,Un=`@layer refine.base{:host,nav{width:100%;display:block}.steps{align-items:flex-start;gap:0;width:100%;margin:0;padding:0;list-style:none;display:flex}.stepper-message{margin-top:var(--size-3);display:block}}@layer refine.orientation{:host([orientation=vertical]) .steps{flex-direction:column;align-items:stretch}}`,Wn=(0,t.createContext)(`StepperContext`),Gn=`ore-stepper`;(0,t.define)(Gn,{props:{...I,...L,...R,clickable:t.prop.bool(!1),label:t.prop.string(`Progress`),linear:t.prop.bool(!1),orientation:t.prop.oneOf([`horizontal`,`vertical`],`horizontal`),value:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=()=>Array.from(r.querySelectorAll(`:scope > ore-step`)),s=e=>{e?.shadowRoot?.querySelector(`button.control`)?.focus()},c=(0,n.signal)(e.value.value);(0,t.bind)({attr:{value:()=>c.value??null}});let l=(e,t=!1)=>{e&&e!==c.value&&(c.value=e,t&&i(`change`,{value:e}))},u=()=>{let e=o();if(e.length===0)return;let t=c.value;if(t&&e.some(e=>e.getAttribute(`value`)===t))return;let n=e.find(e=>!e.hasAttribute(`disabled`))?.getAttribute(`value`)??void 0;n&&l(n)};(0,n.watch)(e.value,e=>{c.value=e,u()});let d=(0,n.computed)(()=>(a.elements().value,o().map(e=>e.getAttribute(`value`)??``)));(0,t.provide)(Wn,{clickable:(0,n.computed)(()=>!!e.clickable.value&&!e.disabled.value),color:e.color,currentValue:c,linear:(0,n.computed)(()=>!!e.linear.value),orientation:(0,n.computed)(()=>e.orientation.value??`horizontal`),size:e.size,stepValues:d}),(0,t.onMounted)(()=>{u()});let f=()=>{let t=o(),n=t.map(e=>e.getAttribute(`value`)??``).indexOf(c.value??``),r=!!e.clickable.value&&!e.disabled.value,i=!!e.linear.value;return t.filter((e,t)=>Vn({disabled:e.hasAttribute(`disabled`),index:t,linear:i,stepperClickable:r,stepperCurrentIndex:n}))},p=Z({direction:()=>Tt(r),getItems:f,loop:!1,onNavigate:({item:e})=>{let t=e.getAttribute(`value`);t&&l(t,!0),s(e)},orientation:()=>e.orientation.value===`vertical`?`vertical`:`horizontal`,signal:X(t.onCleanup)}),m=e=>{let t=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`ore-step`);if(!t||t.closest(`ore-stepper`)!==r||!f().includes(t))return;let n=t.getAttribute(`value`);l(n??void 0,!0),s(t)},h=$e({onPress:()=>{let e=f().find(e=>e===document.activeElement||e.shadowRoot?.activeElement===document.activeElement),t=e?.getAttribute(`value`);t&&(l(t,!0),s(e))}});return(0,t.bind)({on:{click:m,keydown:e=>{let t=f();if(t.length===0)return;let n=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`ore-step`),r=n?t.indexOf(n):-1;r>=0&&p.set(r),!p.handleKeydown(e)&&h.handleKeydown(e)}}}),t.html`
|
|
1113
1141
|
<nav part="nav" aria-label="${e.label}">
|
|
1114
1142
|
<ol class="steps" role="list" part="list">
|
|
1115
1143
|
<slot></slot>
|
|
1116
1144
|
</ol>
|
|
1117
1145
|
</nav>
|
|
1118
|
-
`},styles:[
|
|
1146
|
+
`},styles:[Un]});var Kn=`ore-step`;(0,t.define)(Kn,{props:{...R,color:t.prop.string(),error:t.prop.bool(!1),optional:t.prop.bool(!1),orientation:t.prop.oneOf([`horizontal`,`vertical`],`horizontal`),size:t.prop.string(),value:t.prop.string(``)},setup(e){let n=(0,t.getHost)(),r=(0,t.useSlots)(),i=(0,t.inject)(Wn),a=()=>i?i.stepValues.value.indexOf(e.value.value):-1,o=()=>i?.stepValues.value.length??0,s=()=>i?i.stepValues.value.indexOf(i.currentValue.value??``):-1,c=()=>{let e=a();return e>=0?e+1:1},l=()=>o()||1,u=()=>{let e=a(),t=s();return e>=0&&e===t},d=()=>{let e=a(),t=s();return e>=0&&t>=0&&e<t},f=()=>{let t=a(),n=s();return!!i&&Vn({disabled:e.disabled.value===!0,index:t,linear:i.linear.value,stepperClickable:i.clickable.value,stepperCurrentIndex:n})},p=()=>!!e.disabled.value;(0,t.bind)({attr:{completed:()=>d()?!0:void 0,current:()=>u()?!0:void 0,index:()=>{let e=a();return e>=0?String(e+1):void 0},navigable:()=>f()?!0:void 0,total:()=>i?String(o()):void 0}}),i&&(0,t.watchEffect)(()=>{let e=i.color.value,t=i.size.value,r=i.orientation.value;e!==void 0&&n.setAttribute(`color`,e),t!==void 0&&n.setAttribute(`size`,t),n.setAttribute(`orientation`,r)});let m=()=>{if(e.error.value)return`error`;if(d())return`completed`;if(u())return`current step`},h=()=>`Step ${c()} of ${l()}`,g=()=>{let e=m();return e?`${h()}, ${e}`:h()},_=t=>{if(t.stopPropagation(),!f()){t.preventDefault();return}n.dispatchEvent(new CustomEvent(`click`,{bubbles:!0,detail:{value:e.value.value}}))},v=()=>t.html`
|
|
1119
1147
|
<span class="indicator" part="indicator" aria-hidden="true">
|
|
1120
1148
|
<span class="icon-slot" ?hidden="${()=>!r.has(`icon`).value}"><slot name="icon"></slot></span>
|
|
1121
1149
|
${()=>r.has(`icon`).value?``:e.error.value?t.html`
|
|
@@ -1160,13 +1188,13 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1160
1188
|
</div>
|
|
1161
1189
|
`}
|
|
1162
1190
|
</li>
|
|
1163
|
-
`},styles:[
|
|
1191
|
+
`},styles:[Y,W,Te(`button.control`),Hn]});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-transform:uppercase;letter-spacing:.05em;caption-side:top;background:var(--_header-bg)}caption:not(: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))){text-align:left}caption: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)){text-align:right}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);font-weight:400}th:not(: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))),td:not(: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))){text-align:left}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)),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)){text-align:right}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(: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)}: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:not(: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)}: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(: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: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:not(: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: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`;(0,t.define)(Zn,{props:{bordered:t.prop.bool(!1),caption:t.prop.string(),density:t.prop.string(),fullwidth:t.prop.bool(!1),loading:t.prop.bool(!1),sticky:t.prop.bool(!1),striped:t.prop.bool(!1)},setup(e){let n=(0,t.getHost)(),r=t.watchEffect;return(0,t.bind)({attr:{"aria-busy":e.loading,"aria-label":e.caption}}),(0,t.onMounted)(()=>{let t=n.shadowRoot?.querySelector(`.scroll-container`),i=document.createElement(`table`),a=document.createElement(`caption`),o=document.createElement(`thead`),s=document.createElement(`tbody`),c=document.createElement(`tfoot`);t.setAttribute(`part`,`scroll`),i.setAttribute(`part`,`table`),o.setAttribute(`part`,`head`),s.setAttribute(`part`,`body`),c.setAttribute(`part`,`foot`),i.append(a,o,s,c),t.appendChild(i),r(()=>{let t=e.caption.value??``;a.textContent=t,a.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()}}),t.html`
|
|
1164
1192
|
<div class="scroll-container"></div>
|
|
1165
|
-
`},styles:[
|
|
1193
|
+
`},styles:[G,be(`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="2xs"]){--_size:var(--text-size,var(--text-2xs))}: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]):not(: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))){text-align:left}:host([align=left]):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)){text-align:right}:host([align=center]){text-align:center}:host([align=right]):not(: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))){text-align:right}:host([align=right]):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)){text-align:left}: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`;(0,t.define)($n,{props:{align:t.prop.string(),as:t.prop.string(),color:t.prop.string(),italic:t.prop.bool(),lines:t.prop.number(),size:t.prop.string(),truncate:t.prop.bool(),variant:t.prop.string(),weight:t.prop.string()},setup(e){return(0,t.bind)({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)}}),t.html`
|
|
1166
1194
|
<slot></slot>
|
|
1167
|
-
`},styles:[
|
|
1195
|
+
`},styles:[Qn]});var er=y({AVATAR_GROUP_TAG:()=>Me,AVATAR_TAG:()=>Ae,BREADCRUMB_ITEM_TAG:()=>Fe,BREADCRUMB_TAG:()=>Ie,CARD_TAG:()=>Ft,CAROUSEL_SLIDE_TAG:()=>Bt,CAROUSEL_TAG:()=>Vt,CHAT_MESSAGE_TAG:()=>qt,CODE_WINDOW_TAG:()=>Yt,COPY_COMMAND_TAG:()=>Zt,ICON_TAG:()=>F,KEYBOARD_KEY_TAG:()=>tn,KEYBOARD_SHORTCUT_TAG:()=>en,LIST_CTX:()=>rn,LIST_ITEM_TAG:()=>fn,LIST_TAG:()=>an,MARQUEE_TAG:()=>kn,PAGINATION_TAG:()=>Mn,QR_CODE_TAG:()=>In,SEPARATOR_TAG:()=>Rn,STATS_TAG:()=>Bn,STEPPER_CTX:()=>Wn,STEPPER_TAG:()=>Gn,STEP_TAG:()=>Kn,TABLE_TAG:()=>Zn,TEXT_TAG:()=>$n,registerIcons:()=>A}),tr=`@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=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=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);--_bg:var(--accordion-bg,color-mix(in oklch, var(--color-canvas) 55%, transparent))}:host([variant=frost]) ::slotted(ore-accordion-item){border-radius:0}:host([variant=frost]) ::slotted(ore-accordion-item:first-child){border-radius:var(--rounded-lg) var(--rounded-lg) 0 0}:host([variant=frost]) ::slotted(ore-accordion-item:last-child){border-radius:0 0 var(--rounded-lg) var(--rounded-lg)}:host([variant=frost]) ::slotted(ore-accordion-item:only-child){border-radius:var(--rounded-lg)}}`,nr=(0,t.createContext)(`AccordionContext`),rr=`ore-accordion`;(0,t.define)(rr,{props:{selectionMode:t.prop.string(),size:t.prop.string(),variant:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=t=>{e.selectionMode.value===`single`&&(r.querySelectorAll(`:scope > ore-accordion-item[expanded]`).forEach(e=>{e!==t&&e.hasAttribute(`expanded`)&&e.removeAttribute(`expanded`)}),i(`change`,{expandedItem:t}))},o=()=>[...r.querySelectorAll(`:scope > ore-accordion-item:not([disabled])`)],s=()=>o().map(e=>e.shadowRoot?.querySelector(`summary`)).filter(Boolean),c=Z({getItems:()=>o(),loop:!0,onNavigate:({index:e})=>{s()[e]?.focus()},signal:X(t.onCleanup)});return(0,t.provide)(nr,{selectionMode:(0,n.computed)(()=>e.selectionMode.value),size:e.size,variant:e.variant}),(0,t.bind)({on:{expand:e=>{let t=e.composedPath().find(e=>e instanceof HTMLElement),n=e.detail?.item??t;n?.localName===`ore-accordion-item`&&n.closest(`ore-accordion`)===r&&a(n)},keydown:e=>{let t=s();if(!t.length)return;let n=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`summary`),r=n?t.indexOf(n):-1;r!==-1&&(c.set(r),c.handleKeydown(e))}}}),t.html`
|
|
1168
1196
|
<slot></slot>
|
|
1169
|
-
`},styles:[
|
|
1197
|
+
`},styles:[tr]});var ir=`@layer refine.base{:host{--accordion-details-radius:var(--rounded-lg);--accordion-item-transition:var(--transition-normal);--accordion-item-expand-easing:var(--ease-spring);color:var(--accordion-item-body-color,var(--text-color-body));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=frost]) details{border-radius:inherit}: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=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=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{--ore-icon-size:var(--_size,var(--size-5));width:var(--_size,var(--size-5));height:var(--_size,var(--size-5));transition:transform .2s var(--ease-spring);transform:rotate(-90deg)}.chevron:not(: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: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}}}`,ar=`ore-accordion-item`;(0,t.define)(ar,{props:{...R,expanded:t.prop.bool(!1),size:t.prop.string(),variant:t.prop.string()},setup(e){let n=(0,t.getHost)(),r=(0,t.useEmit)(),i=t.watchEffect,a=(0,t.inject)(nr);a&&i(()=>{let e=a.size.value,t=a.variant.value;e!==void 0&&n.setAttribute(`size`,e),t!==void 0&&n.setAttribute(`variant`,t)});let o=`accordion-item-title`,s=(0,t.ref)(),c=(0,t.ref)(),l=!1,u=()=>{let e=s.value;e&&!e.open&&(e.classList.add(`opening`),e.open=!0,n.toggleAttribute(`expanded`,!0),r(`expand`,{expanded:!0,item:n}),requestAnimationFrame(()=>{let t=e.querySelector(`.content-inner`);if(!t){e.classList.remove(`opening`),l=!1;return}let n=()=>{e.classList.remove(`opening`),l=!1},r=t.getAnimations?.().filter(e=>e instanceof CSSTransition)??[];r.length>0?Promise.allSettled(r.map(e=>e.finished)).then(n):n()}))},d=()=>{let e=s.value;if(!e?.open||l)return;l=!0,e.classList.add(`closing`);let t=e.querySelector(`.content-inner`),i=()=>{e.classList.remove(`closing`),e.open=!1,n.toggleAttribute(`expanded`,!1),r(`collapse`,{expanded:!1,item:n}),l=!1};if(t){let e=t.getAnimations?.().filter(e=>e instanceof CSSTransition)??[];e.length>0?Promise.allSettled(e.map(e=>e.finished)).then(i):i()}else i()},f=!1,p=0,m=()=>{if(e.disabled.value)return;let t=s.value;t&&(t.open?d():u())},h=e=>{p=e.touches[0]?.clientY??0},g=e=>{Math.abs((e.changedTouches[0]?.clientY??0)-p)>10||(e.preventDefault(),f=!0,m())},_=e=>{if(f){f=!1,e.preventDefault();return}e.preventDefault(),m()},v=()=>{let t=s.value?.open??!1,i=!!e.expanded.value;t&&!i?(n.toggleAttribute(`expanded`,!0),r(`expand`,{expanded:!0,item:n})):!t&&i&&(n.toggleAttribute(`expanded`,!1),r(`collapse`,{expanded:!1,item:n}))};return(0,t.onMounted)(()=>{let e=s.value,t=c.value;if(!e||!t)return;let r=()=>{e.classList.toggle(`rtl`,Tt(n)===`rtl`)};r();let i=new MutationObserver(e=>{e.some(e=>e.attributeName===`dir`)&&r()});for(let e=n;e;e=e.parentElement)i.observe(e,{attributeFilter:[`dir`],attributes:!0});return e.addEventListener(`toggle`,v),t.addEventListener(`touchstart`,h,{passive:!0}),t.addEventListener(`touchend`,g,{passive:!1}),t.addEventListener(`click`,_),()=>{i.disconnect(),e.removeEventListener(`toggle`,v),t.removeEventListener(`touchstart`,h),t.removeEventListener(`touchend`,g),t.removeEventListener(`click`,_)}}),t.html`
|
|
1170
1198
|
<details part="item" ?open="${e.expanded}" ref="${s}">
|
|
1171
1199
|
<summary
|
|
1172
1200
|
part="summary"
|
|
@@ -1192,7 +1220,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1192
1220
|
</div>
|
|
1193
1221
|
</div>
|
|
1194
1222
|
</details>
|
|
1195
|
-
`},styles:[
|
|
1223
|
+
`},styles:[W,ir]});var or=`@layer refine.base{:host{--tabs-transition:var(--transition-normal);--tabs-radius:var(--rounded-lg);flex-direction:column;width:100%;height:100%;display:flex}:host(:not([data-has-panels])){width:fit-content;height:auto}.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}.panels[hidden]{display:none}}@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(: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([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=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}}@layer refine.density{:host([density=compact]){--tabs-radius:var(--rounded-md);height:auto}:host([density=compact]) [role=tablist]{gap:var(--size-1);padding:var(--size-1)}:host([density=compact][variant=ghost]) [role=tablist]{padding:0}}`,sr=(0,t.createContext)(`TabsContext`),cr=`ore-tabs`;(0,t.define)(cr,{props:{...I,...L,activation:t.prop.oneOf([`auto`,`manual`],`auto`),density:t.prop.oneOf([`compact`,`default`],`default`),label:t.prop.string(),orientation:t.prop.oneOf([`horizontal`,`vertical`],`horizontal`),value:t.prop.string(),variant:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=r.shadowRoot,o=(0,t.ref)(),s=(0,t.ref)(),c=(0,n.signal)(e.value.value),l=(0,n.signal)(!1),u=()=>e.activation.value===`manual`,d=()=>e.orientation.value===`vertical`;(0,t.bind)({attr:{"data-has-panels":()=>l.value?``:null,value:()=>c.value??null}});let f=()=>[...r.querySelectorAll(`:scope > ore-tab-item[slot="tabs"]`)],p=()=>f().filter(e=>!e.hasAttribute(`disabled`)),m=e=>{e&&(e.shadowRoot?.querySelector(`[role="tab"]`)??e).focus()},h=(e,t=!1)=>{c.value=e,t&&e&&i(`change`,{value:e})},g=()=>{let e=f();if(e.length===0)return;let t=c.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;h(n,!1)};(0,n.watch)(e.value,e=>{c.value=e,g()});let _=Z({direction:()=>Tt(r),getItems:()=>p(),loop:!0,onNavigate:({item:e})=>{if(m(e),!u()){let t=e.getAttribute(`value`);t&&h(t,!0)}},orientation:()=>d()?`vertical`:`both`,signal:X(t.onCleanup)});(0,t.provide)(sr,{color:e.color,density:(0,n.computed)(()=>e.density.value??`default`),orientation:(0,n.computed)(()=>e.orientation.value??`horizontal`),size:e.size,value:c,variant:e.variant});let v=e=>{let t=s.value,n=o.value;if(!t||!n||!e)return;let r=e.getBoundingClientRect(),i=n.getBoundingClientRect();if(d()){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)`}},y=()=>{let e=c.value;if(!e)return;let t=f().find(t=>t.getAttribute(`value`)===e);v(t)};(0,n.watch)(c,()=>{requestAnimationFrame(y)});let b=e=>{let t=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`ore-tab-item`);if(!t||t.hasAttribute(`disabled`)||t.closest(`ore-tabs`)!==r)return;let n=t.getAttribute(`value`);n&&n!==c.value&&h(n,!0)},x=$e({disabled:(0,n.computed)(()=>!u()),onPress:()=>{let e=p().find(e=>e===document.activeElement||e.shadowRoot?.activeElement===document.activeElement)?.getAttribute(`value`);e&&e!==c.value&&h(e,!0)}});return(0,t.bind)({on:{click:b,keydown:e=>{let t=p();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`)===c.value),r=n?t.indexOf(n):-1;r>=0&&_.set(r),!_.handleKeydown(e)&&x.handleKeydown(e)}}}),(0,t.onMounted)(()=>{let e=a?.querySelector(`slot[name="tabs"]`),t=a?.querySelector(`slot:not([name])`),n=()=>{g(),l.value=t?.assignedElements().some(e=>e.localName===`ore-tab-panel`)??!1,y()};return e?.addEventListener(`slotchange`,n),t?.addEventListener(`slotchange`,n),n(),requestAnimationFrame(n),()=>{e?.removeEventListener(`slotchange`,n),t?.removeEventListener(`slotchange`,n)}}),t.html`
|
|
1196
1224
|
<div class="tablist-wrapper">
|
|
1197
1225
|
<div
|
|
1198
1226
|
role="tablist"
|
|
@@ -1204,10 +1232,10 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1204
1232
|
</div>
|
|
1205
1233
|
<div class="indicator" ref="${s}" part="indicator"></div>
|
|
1206
1234
|
</div>
|
|
1207
|
-
<div class="panels" part="panels">
|
|
1235
|
+
<div class="panels" part="panels" ?hidden="${()=>!l.value}">
|
|
1208
1236
|
<slot></slot>
|
|
1209
1237
|
</div>
|
|
1210
|
-
`},styles:[
|
|
1238
|
+
`},styles:[Y,or]});var lr=`@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=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}}}@layer refine.density{:host([density=compact]){--tab-item-radius:var(--rounded-md);--tab-item-font-size:var(--text-xs);--tab-item-padding:var(--size-1) var(--size-2)}:host([density=compact]) button{gap:var(--size-1);min-height:var(--size-6)}}`,ur=`ore-tab-item`;(0,t.define)(ur,{props:{...R,active:t.prop.bool(!1),color:t.prop.string(),density:t.prop.oneOf([`compact`,`default`],`default`),size:t.prop.string(),value:t.prop.string(``),variant:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=t.watchEffect,a=(0,t.inject)(sr);a&&i(()=>{let e=a.color.value,t=a.density.value,n=a.size.value,i=a.variant.value;e!==void 0&&r.setAttribute(`color`,e),r.setAttribute(`density`,t),n!==void 0&&r.setAttribute(`size`,n),i!==void 0&&r.setAttribute(`variant`,i)});let o=(0,n.computed)(()=>a?!!a.value.value&&a.value.value===e.value.value:e.active.value),s=()=>!!e.disabled.value;(0,t.bind)({attr:{active:()=>o.value?!0:void 0}});let c=t=>{if(t.stopPropagation(),s()){t.preventDefault();return}r.dispatchEvent(new CustomEvent(`click`,{bubbles:!0,detail:{value:e.value.value}}))},l=()=>`tab-${e.value.value}`,u=(0,t.ref)();return(0,t.onMounted)(()=>{(0,t.watchEffect)(()=>{let t=u.value,n=e.value.value;if(!t)return;let i=((n?r.closest(`ore-tabs`):null)?.querySelector(`:scope > ore-tab-panel[value="${n}"]`))?.shadowRoot?.querySelector(`.panel`)??null;Ue(t,`ariaControlsElements`,i?[i]:[])})}),t.html`
|
|
1211
1239
|
<button
|
|
1212
1240
|
role="tab"
|
|
1213
1241
|
type="button"
|
|
@@ -1222,7 +1250,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1222
1250
|
<slot></slot>
|
|
1223
1251
|
<slot name="suffix"></slot>
|
|
1224
1252
|
</button>
|
|
1225
|
-
`},styles:[
|
|
1253
|
+
`},styles:[Y,Te(`button`),W,lr]});var dr=`@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}}}`,fr={"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)`},pr=`ore-tab-panel`;(0,t.define)(pr,{props:{active:t.prop.bool(!1),lazy:t.prop.bool(!1),padding:t.prop.oneOf([`none`,`xs`,`sm`,`md`,`lg`,`xl`,`2xl`],`md`),value:t.prop.string(``)},setup(e){let r=(0,t.getHost)(),i=t.watchEffect,a=(0,t.inject)(sr),o=(0,n.computed)(()=>a?!!a.value.value&&a.value.value===e.value.value:e.active.value);(0,t.bind)({attr:{active:()=>o.value?!0:void 0}});let s=(0,n.computed)(()=>fr[e.padding.value??`md`]??fr.md),c=(0,n.signal)(!1);i(()=>{o.value&&(c.value=!0)});let l=(0,n.computed)(()=>!e.lazy.value||c.value),u=(0,t.styleMap)({"--tab-panel-padding":s}),d=()=>`tabpanel-${e.value.value}`,f=(0,t.ref)();return(0,t.onMounted)(()=>{i(()=>{let t=f.value,n=e.value.value;if(!t)return;let i=((n?r.closest(`ore-tabs`):null)?.querySelector(`:scope > ore-tab-item[value="${n}"]`))?.shadowRoot?.querySelector(`[role="tab"]`)??null;Ue(t,`ariaLabelledByElements`,i?[i]:[])})}),t.html`
|
|
1226
1254
|
<div
|
|
1227
1255
|
class="panel"
|
|
1228
1256
|
part="panel"
|
|
@@ -1236,7 +1264,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1236
1264
|
<slot></slot>
|
|
1237
1265
|
`)}
|
|
1238
1266
|
</div>
|
|
1239
|
-
`},styles:[
|
|
1267
|
+
`},styles:[G,dr]});var mr=y({ACCORDION_CTX:()=>nr,ACCORDION_ITEM_TAG:()=>ar,ACCORDION_TAG:()=>rr,TABS_CTX:()=>sr,TABS_TAG:()=>cr,TAB_ITEM_TAG:()=>ur,TAB_PANEL_TAG:()=>pr});function hr(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);if(r.length===0){t();return}let i=!1;Promise.allSettled(r.map(e=>e.finished)).then(()=>{i||(i=!0,t())})})}var gr=`@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(: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)}.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(: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: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(: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)}: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(: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)}.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(: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-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:not(: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-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))}}`,_r=`ore-alert`;(0,t.define)(_r,{props:{...I,...L,...B,accented:t.prop.bool(!1),dismissible:t.prop.bool(!1),heading:t.prop.string(),horizontal:t.prop.bool(!1),variant:t.prop.string()},setup(e){let n=(0,t.getHost)(),r=(0,t.useEmit)(),i=(0,t.useSlots)(),a=null,o=e=>{a&&(a.textContent=``,requestAnimationFrame(()=>{a&&(a.textContent=e)}))};return t.html`
|
|
1240
1268
|
<span
|
|
1241
1269
|
class="sr-announce"
|
|
1242
1270
|
aria-live="polite"
|
|
@@ -1266,11 +1294,11 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1266
1294
|
type="button"
|
|
1267
1295
|
aria-label="Dismiss alert"
|
|
1268
1296
|
?hidden="${()=>!e.dismissible.value}"
|
|
1269
|
-
@click="${t=>{e.dismissible.value&&(n.setAttribute(`dismissing`,``),
|
|
1297
|
+
@click="${t=>{e.dismissible.value&&(n.setAttribute(`dismissing`,``),hr(n,()=>{n.removeAttribute(`dismissing`),n.setAttribute(`dismissed`,``),o(`Alert dismissed`),r(`dismiss`,{originalEvent:t})}))}}">
|
|
1270
1298
|
<ore-icon name="x" size="16" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
1271
1299
|
</button>
|
|
1272
1300
|
</div>
|
|
1273
|
-
`},styles:[
|
|
1301
|
+
`},styles:[Y,W,G,q,we,J({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)`}}),gr]});var vr=`@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}}`,yr=`ore-async`;(0,t.define)(yr,{props:{"empty-description":t.prop.string(),"empty-label":t.prop.string(`No content yet`),"error-description":t.prop.string(),"error-label":t.prop.string(`Something went wrong`),retryable:t.prop.bool(!1),status:t.prop.oneOf([`idle`,`loading`,`empty`,`error`,`success`],`success`)},setup(e){let r=(0,t.useEmit)(),i=(0,n.signal)(!1),a=(0,n.signal)(!1),o=(0,n.signal)(!1);(0,t.bind)({attr:{"aria-busy":()=>e.status.value===`loading`?`true`:`false`,"aria-label":()=>e.status.value===`loading`?`Loading…`:null,"aria-live":()=>e.status.value===`error`?`assertive`:`polite`,status:e.status}});let s=(e,n)=>()=>n?.value?t.html`
|
|
1274
1302
|
<p class="${e}">${n}</p>
|
|
1275
1303
|
`:``;return t.html`
|
|
1276
1304
|
<div class="region region-idle" role="presentation"></div>
|
|
@@ -1325,14 +1353,14 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1325
1353
|
<div class="region region-success" role="presentation">
|
|
1326
1354
|
<slot></slot>
|
|
1327
1355
|
</div>
|
|
1328
|
-
`},styles:[
|
|
1356
|
+
`},styles:[G,vr]});var br=`@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(: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([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(: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;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(: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;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}}`,xr=`ore-badge`;(0,t.define)(xr,{props:{...I,size:t.prop.string(),...B,anchor:t.prop.string(),count:t.prop.number(),dot:t.prop.bool(!1),label:t.prop.string(),max:t.prop.number(),variant:t.prop.string()},setup(e){let r=(0,n.computed)(()=>{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)}),i=(0,n.computed)(()=>{if(e.label.value)return e.label.value;if(!e.dot.value&&r.value!=null)return`${r.value} notifications`});return t.html`
|
|
1329
1357
|
<span class="badge" part="badge" aria-label="${i}">
|
|
1330
1358
|
<slot name="icon"></slot>
|
|
1331
1359
|
<span ?hidden="${()=>r.value==null}">${r}</span>
|
|
1332
1360
|
<span class="badge-label" ?hidden="${()=>r.value!=null}"><slot></slot></span>
|
|
1333
1361
|
</span>
|
|
1334
1362
|
<slot name="target"></slot>
|
|
1335
|
-
`},styles:[
|
|
1363
|
+
`},styles:[Y,we,q,De(`.badge`),J({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)`}}),br]});var Sr=`@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));--_icon-size:var(--chip-icon-size,1em);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]){width:var(--_icon-size);height:var(--_icon-size);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}:host([layout=stacked]){display:inline-flex}:host([layout=stacked]) .chip{gap:var(--_gap);width:100%;padding:var(--_padding-x);text-align:center;white-space:normal;flex-direction:column;justify-content:center;align-items:center}:host([layout=stacked]) .label{text-overflow:clip;-webkit-line-clamp:2;line-clamp:2;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:host([layout=stacked]) .remove-btn{margin-left:0;margin-right:0}.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=frost]:not([color])){--_hover-bg:var(--chip-hover-bg,color-mix(in oklch, var(--color-canvas) 70%, transparent));--_hover-border-color:var(--chip-hover-border-color,color-mix(in oklch, var(--_theme-focus) 40%, transparent));--_active-bg:var(--chip-active-bg,color-mix(in oklch, var(--color-canvas) 70%, transparent));--_active-border-color:color-mix(in oklch, var(--_theme-focus) 40%, transparent)}:host([variant=frost][color]){--_hover-bg:var(--chip-hover-bg,color-mix(in oklch, var(--_theme-backdrop) 50%, var(--_theme-base) 50%));--_hover-border-color:var(--chip-hover-border-color,color-mix(in oklch, var(--_theme-focus) 65%, transparent));--_active-bg:var(--chip-active-bg,color-mix(in oklch, var(--_theme-backdrop) 50%, var(--_theme-base) 50%));--_active-border-color:color-mix(in oklch, var(--_theme-focus) 65%, transparent)}: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],[variant=frost]):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],[variant=frost]):is([mode=selectable],[mode=action]):not([disabled])) .chip-btn:active .chip{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)}}`,Cr=`ore-chip`;(0,t.define)(Cr,{props:{checked:{default:void 0,parse:e=>e==null?void 0:e!==`false`,reflect:!1},color:t.prop.string(),"default-checked":t.prop.bool(!1),disabled:t.prop.bool(!1),label:t.prop.string(),layout:t.prop.oneOf([`inline`,`stacked`],`inline`),mode:t.prop.oneOf([`static`,`removable`,`selectable`,`action`],`static`),rounded:t.prop.string(),size:t.prop.string(),value:t.prop.string(),variant:t.prop.string()},setup(e){let r=(0,t.useEmit)(),i=(0,n.signal)(e.checked.value!==void 0),a=(0,n.signal)(!i.value&&e[`default-checked`].value);(0,n.watch)(e.checked,e=>{e!==void 0&&(i.value=!0)});let o=(0,n.computed)(()=>e.mode.value===`selectable`?i.value?e.checked.value??!1:a.value:!1);(0,t.bind)({attr:{checked:()=>e.mode.value===`selectable`&&o.value?!0:void 0}});function s(t){e.disabled.value||r(`remove`,{originalEvent:t,value:e.value.value})}function c(t){if(t.stopPropagation(),e.disabled.value)return;let n=!o.value;i.value||(a.value=n),r(`change`,{checked:n,originalEvent:t,value:e.value.value})}function l(t){e.disabled.value||r(`click`,{originalEvent:t,value:e.value.value})}let u=()=>t.html`
|
|
1336
1364
|
<slot name="icon"></slot>
|
|
1337
1365
|
<span class="label"><slot></slot></span>
|
|
1338
1366
|
`,d=()=>{let t=e.label.value||e.value.value;return t?`Remove ${t}`:`Remove`},f=()=>t.html`
|
|
@@ -1374,7 +1402,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1374
1402
|
<span class="chip" part="chip">${u()} ${f()}</span>
|
|
1375
1403
|
`;return t.html`
|
|
1376
1404
|
${()=>{let t=e.mode.value;return t===`selectable`?p():t===`action`?m():t===`removable`?g():h()}}
|
|
1377
|
-
`},styles:[
|
|
1405
|
+
`},styles:[Y,ve,q,J({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)`}}),De(`.chip`),we,Sr]});var wr=`@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}}`,Tr=`ore-password-strength`;(0,t.define)(Tr,{props:{label:t.prop.string(`Password strength`),labels:t.prop.json(void 0),score:t.prop.number(-1),"show-label":t.prop.bool(!0),value:t.prop.string()},setup(e){let r={empty:``,fair:`Fair`,good:`Good`,strong:`Strong`,weak:`Weak`},i=[`empty`,`weak`,`fair`,`good`,`strong`],a=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},o=()=>{let t=e.score.value??-1,n=t>=0?Math.max(0,Math.min(4,Math.trunc(t))):a(e.value.value??``);return i[n]},s=(0,n.computed)(()=>{let t=e.score.value??-1;return t>=0?Math.max(0,Math.min(4,Math.trunc(t))):a(e.value.value??``)}),c=(0,n.computed)(()=>{let t=e.labels.value;return Array.isArray(t)&&t.length===5?String(t[s.value]??``):r[o()]}),l=(0,n.computed)(()=>s.value===0?null:c.value||null);(0,t.bind)({attr:{"data-level":()=>o()}});let u=e=>()=>`segment${s.value>=e?` active`:``}`;return t.html`
|
|
1378
1406
|
<div
|
|
1379
1407
|
class="meter"
|
|
1380
1408
|
role="meter"
|
|
@@ -1393,13 +1421,13 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1393
1421
|
${()=>e[`show-label`].value?t.html`
|
|
1394
1422
|
<span class="level-label" aria-live="polite" aria-atomic="true">${()=>c.value}</span>
|
|
1395
1423
|
`:``}
|
|
1396
|
-
`},styles:[
|
|
1424
|
+
`},styles:[G,wr]});var Er=`@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}:host(:not([variant=text])){position:relative}:host(:not([variant=text])) .stack{position:absolute;inset:0}.stack{gap:var(--_line-gap);width:100%;height:100%;display:grid}.bone{box-sizing:border-box;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]) .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}}`,Dr=`ore-skeleton`;(0,t.define)(Dr,{props:{...L,animated:t.prop.bool(!0),height:t.prop.string(),lines:t.prop.number(1),radius:t.prop.string(),striped:t.prop.bool(!1),variant:t.prop.oneOf([`rect`,`circle`,`text`],`rect`),width:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,n.signal)(!1),a=()=>{let t=Math.floor(Number(e.lines.value));return Number.isFinite(t)&&t>0?t:1},o=()=>e.variant.value===`text`?a():1;return(0,n.watch)((0,n.computed)(()=>`${e.width.value??``}|${e.height.value??``}|${e.radius.value??``}|${e.animated.value===!1?`0`:`1`}`),()=>{let t=pn(e.width.value),n=pn(e.height.value),i=pn(e.radius.value);t?r.style.setProperty(`--skeleton-width`,t):r.style.removeProperty(`--skeleton-width`),n?r.style.setProperty(`--skeleton-height`,n):r.style.removeProperty(`--skeleton-height`),i?r.style.setProperty(`--skeleton-radius`,i):r.style.removeProperty(`--skeleton-radius`);let a=r.getAttribute(`animated`)!==`false`&&e.animated.value!==!1;r.setAttribute(`data-animated`,a?`true`:`false`)},{immediate:!0}),(0,t.bind)({attr:{"data-paused":()=>i.value?!0:void 0}}),(0,t.onMounted)(()=>{let e=(0,u.createIntersection)(r,{threshold:0}),a=(0,n.fromSubscribable)(e,{signal:e.disposalSignal}),o=(0,n.watch)(a,e=>{let t=e!==null&&!e.isIntersecting;i.value=t});(0,t.onCleanup)(()=>{o.dispose(),e.dispose()})}),t.html`
|
|
1397
1425
|
<div class="stack" part="stack">
|
|
1398
1426
|
${()=>Array.from({length:o()},(n,r)=>{let i=e.variant.value===`text`&&o()>1&&r===o()-1;return t.html`
|
|
1399
1427
|
<div class="bone" part="bone" aria-hidden="true" data-last="${()=>i?`true`:null}"></div>
|
|
1400
1428
|
`})}
|
|
1401
1429
|
</div>
|
|
1402
|
-
`},styles:[
|
|
1430
|
+
`},styles:[G,Er]});var Or=`@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,var(--z-toast));--_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}ore-alert,::slotted(ore-alert){--_motion-animation:none;width:100%;box-shadow:var(--shadow-lg);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]){--_inset-left:var(--size-2);transform:none}:host([position=top-center]):not(: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-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]){--_inset-left:var(--size-2);transform:none}:host([position=bottom-center]):not(: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-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)}}}`,kr=300,Ar=class{#e=(0,n.signal)([]);#t=new Set;#n=new Set;#r=!1;#i=5;add(e){if(this.#r)return e.id??crypto.randomUUID();let t=e.id??crypto.randomUUID(),n=this.#e.value.filter(e=>e.phase!==`exiting`),r=n.length-(this.#i-1);if(r>0)for(let e of n.slice(0,r))this.dismiss(e.id);let i={dismissible:!0,duration:5e3,...e,exitTimeoutId:null,id:t,phase:`entering`,timer:null};return this.#l([...this.#e.value,i]),this.#o({id:t,type:`add`}),requestAnimationFrame(()=>{this.#s(t)?.phase===`entering`&&this.#u(t,{phase:`active`})}),i.duration>0&&this.#c(t,i.duration),t}clear(){for(let e of this.#e.value)e.phase!==`exiting`&&this.dismiss(e.id)}dispose(){if(!this.#r){this.#r=!0;for(let e of this.#e.value)e.timer&&clearTimeout(e.timer.timeoutId),e.exitTimeoutId&&clearTimeout(e.exitTimeoutId);this.#l([]),this.#t.clear(),this.#n.clear()}}dismiss(e){let t=this.#s(e);!t||t.phase===`exiting`||this.#r||(this.#u(e,{...this.#a(t),phase:`exiting`}),this.scheduleFinalization(e,350))}finalize(e){let t=this.#s(e);!t||this.#r||(t.timer&&clearTimeout(t.timer.timeoutId),t.exitTimeoutId&&clearTimeout(t.exitTimeoutId),this.#l(this.#e.value.filter(t=>t.id!==e)),t.onDismiss?.(),this.#o({id:e,type:`dismiss`}))}pauseTimers(){this.#r||this.#l(this.#e.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))}resumeTimers(){if(!this.#r)for(let e of this.#e.value)e.phase===`active`&&e.timer&&e.timer.remaining>0&&this.#c(e.id,e.timer.remaining)}scheduleFinalization(e,t){let n=this.#s(e);if(n?.phase!==`exiting`||this.#r)return;n.exitTimeoutId&&clearTimeout(n.exitTimeoutId);let r=setTimeout(()=>this.finalize(e),t);this.#u(e,{exitTimeoutId:r})}setMax(e){e!=null&&(this.#i=Math.max(1,e))}subscribe(e){return e(this.#e.value),this.#t.add(e),()=>this.#t.delete(e)}subscribeEvents(e){return this.#n.add(e),()=>this.#n.delete(e)}update(e,t){let n=this.#s(e);if(!n||this.#r)return;let r=t.duration===void 0?n:this.#a(n);this.#u(e,{...r,...t,id:e}),t.duration!==void 0&&t.duration>0&&this.#c(e,t.duration)}#a(e){return e.timer&&clearTimeout(e.timer.timeoutId),{...e,timer:null}}#o(e){for(let t of this.#n)t(e)}#s(e){return this.#e.value.find(t=>t.id===e)}#c(e,t){if(t<=0||this.#r)return;let n=setTimeout(()=>this.dismiss(e),t);this.#u(e,{timer:{remaining:t,startedAt:Date.now(),timeoutId:n}})}#l(e){this.#e.value=e;for(let t of this.#t)t(e)}#u(e,t){this.#l(this.#e.value.map(n=>n.id===e?{...n,...t}:n))}},jr=new WeakMap,Mr=new WeakMap,Nr=(e,t)=>{Mr.set(e,t),jr.get(e)?.bind(t)};function Pr(e,n){return e.actions?.length?t.html`
|
|
1403
1431
|
<div slot="actions" class="toast-actions">
|
|
1404
1432
|
${e.actions.map(r=>t.html`
|
|
1405
1433
|
<ore-button
|
|
@@ -1411,7 +1439,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1411
1439
|
</ore-button>
|
|
1412
1440
|
`)}
|
|
1413
1441
|
</div>
|
|
1414
|
-
`:``}var
|
|
1442
|
+
`:``}var Fr=`ore-toast`;(0,t.define)(Fr,{props:{max:t.prop.number(5),position:t.prop.oneOf([`top-left`,`top-center`,`top-right`,`bottom-left`,`bottom-center`,`bottom-right`],`bottom-right`)},setup(){let e=(0,t.getHost)(),r=(0,t.useEmit)(),i=(0,t.ref)(),a=(0,n.signal)([]),o=(0,n.signal)(!1),s=(0,n.signal)(!1),l=(0,n.computed)(()=>o.value||s.value),u=new Map,d=new Map,f=new Set,p,m=null,h=()=>{},g=()=>{},_=e=>e.querySelector(`.toast-inner`),v=e=>{d.get(e)?.(),d.delete(e)},y=e=>{f.delete(e),m?.finalize(e)},b=(e,t)=>{let n=()=>a.value.find(t=>t.id===e)?.dismissible??!0,r=()=>{let e=_(t);e&&(e.style.transition=``,e.style.transform=``,e.style.opacity=``)};return(0,c.createPanGesture)(t,{axis:`x`,disabled:()=>!n(),onEnd:({distance:n,reason:i})=>{if(i!==`release`||Math.abs(n)<48){r();return}let a=_(t);if(!a||!m)return;f.add(e),m.dismiss(e);let o=()=>y(e);if(window.matchMedia(`(prefers-reduced-motion: reduce)`).matches){a.style.opacity=`0`,o();return}let s=n>=0?1:-1;a.style.transition=`transform 0.22s ease-out, opacity 0.22s ease-out`,a.offsetWidth,a.style.transform=`translateX(${s*120}%)`,a.style.opacity=`0`;let c=e=>{e.target===a&&e.propertyName===`transform`&&(a.removeEventListener(`transitionend`,c),o())};a.addEventListener(`transitionend`,c),m.scheduleFinalization(e,300)},onMove:({distance:e})=>{let n=_(t);n&&(n.style.transition=`none`,n.style.transform=`translateX(${e}px)`,n.style.opacity=String(Math.max(0,1-Math.abs(e)/200)))},pointerCapture:!1,shouldStart:e=>!e.composedPath().some(e=>e instanceof Element&&e.matches(`button, a, input, select, textarea, ore-button`))})},x=e=>{!m||d.has(e)||f.has(e)||requestAnimationFrame(()=>{if(!m||d.has(e)||f.has(e))return;let t=i.value?.querySelector(`[data-toast-id="${e}"] .toast-inner`);if(!t){m.scheduleFinalization(e,kr);return}t.offsetHeight;let n=parseFloat(getComputedStyle(t).transitionDuration)*1e3,r=Number.isFinite(n)&&n>0?n:kr,a=t=>{t.target?.closest?.(`[data-toast-id="${e}"]`)&&(v(e),m?.finalize(e))};d.set(e,()=>i.value?.removeEventListener(`transitionend`,a)),i.value?.addEventListener(`transitionend`,a),m.scheduleFinalization(e,r+50)})},S=()=>{let e=new Set(a.value.map(e=>e.id));for(let[t,n]of u)e.has(t)||(n.gesture.dispose(),u.delete(t),v(t),f.delete(t));for(let e of a.value){let t=i.value?.querySelector(`[data-toast-id="${e.id}"]`),n=u.get(e.id);t&&n?.element!==t&&(n?.gesture.dispose(),u.set(e.id,{element:t,gesture:b(e.id,t)})),e.phase===`exiting`&&x(e.id)}};(0,n.watch)(a,()=>{S(),p!==void 0&&cancelAnimationFrame(p),p=requestAnimationFrame(()=>{p=void 0,S()})}),(0,n.watch)(l,e=>{e?m?.pauseTimers():m?.resumeTimers()});let C=e=>{m!==e&&(h(),g(),m=e,h=m.subscribe(e=>{a.value=e}),g=m.subscribeEvents(e=>r(e.type,{id:e.id})),l.value&&m.pauseTimers())},w=e=>{let n=()=>m?.dismiss(e.id);return t.html`
|
|
1415
1443
|
<div
|
|
1416
1444
|
class="toast-wrapper"
|
|
1417
1445
|
data-toast-id=${e.id}
|
|
@@ -1429,11 +1457,11 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1429
1457
|
${e.meta?t.html`
|
|
1430
1458
|
<span slot="meta">${e.meta}</span>
|
|
1431
1459
|
`:``}
|
|
1432
|
-
${e.message} ${
|
|
1460
|
+
${e.message} ${Pr(e,n)}
|
|
1433
1461
|
</ore-alert>
|
|
1434
1462
|
</div>
|
|
1435
1463
|
</div>
|
|
1436
|
-
`};(0,t.onMounted)(()=>{
|
|
1464
|
+
`};(0,t.onMounted)(()=>{jr.set(e,{bind:C,unbind(){h(),g(),m=null,a.value=[]}});let t=Mr.get(e);t&&C(t)}),(0,t.onCleanup)(()=>{jr.get(e)?.unbind(),jr.delete(e),p!==void 0&&cancelAnimationFrame(p);for(let e of u.values())e.gesture.dispose();u.clear();for(let e of d.keys())v(e)});let T=e=>e.urgency??(e.color===`error`?`assertive`:`polite`),E=(0,n.computed)(()=>a.value.filter(e=>T(e)===`polite`)),D=(0,n.computed)(()=>a.value.filter(e=>T(e)===`assertive`));return t.html`
|
|
1437
1465
|
<div
|
|
1438
1466
|
class="toast-container"
|
|
1439
1467
|
ref=${i}
|
|
@@ -1462,13 +1490,13 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1462
1490
|
</div>
|
|
1463
1491
|
<slot></slot>
|
|
1464
1492
|
</div>
|
|
1465
|
-
`},styles:[
|
|
1493
|
+
`},styles:[G,Or]});var Ir=new WeakMap;function Lr(e=document.body){let t=Ir.get(e);if(t)return t;let n=new Ar,r=new AbortController,i=!1,a=!1,o=null,s=null,c=()=>!i,l=e,u=()=>{if(!c())return null;if(s?.isConnected)return s;if(s=l.querySelector(Fr),s||(s=document.createElement(Fr),o?.position&&s.setAttribute(`position`,o.position),o?.max!=null&&s.setAttribute(`max`,String(o.max)),l.appendChild(s)),o?.max!=null)n.setMax(o.max);else{let e=Number(s.getAttribute(`max`));Number.isFinite(e)&&e>0&&n.setMax(e)}return o=null,a=!0,Nr(s,n),s},d=()=>!!u(),f={add(e){return d()?n.add(e):e.id??crypto.randomUUID()},clear(){d()&&n.clear()},configure(e){a||(o={...o,...e})},dismiss(e){d()&&n.dismiss(e)},get disposalSignal(){return r.signal},dispose(){i||(i=!0,r.abort(),n.dispose(),Ir.get(e)===f&&Ir.delete(e))},get disposed(){return i},error(e,t){return f.add({color:`error`,...t,message:e})},info(e,t){return f.add({color:`info`,...t,message:e})},async promise(e,t){let n=f.add({color:`primary`,dismissible:!1,duration:0,message:t.loading});try{let r=await e;return f.update(n,{color:`success`,dismissible:!0,duration:5e3,message:typeof t.success==`function`?t.success(r):t.success}),r}catch(e){throw f.update(n,{color:`error`,dismissible:!0,duration:5e3,message:typeof t.error==`function`?t.error(e):t.error}),e}},success(e,t){return f.add({color:`success`,...t,message:e})},[Symbol.dispose](){f.dispose()},update(e,t){d()&&n.update(e,t)},warning(e,t){return f.add({color:`warning`,...t,message:e})}};return Ir.set(e,f),f}var Rr=Lr(),zr=`@layer refine.base{:host{--_dot-color:var(--typing-indicator-color,var(--_theme-base,var(--color-contrast-400)));align-items:center;display:inline-flex}.dots{gap:var(--_gap);align-items:center;display:inline-flex}.dot{width:var(--_size);height:var(--_size);background:var(--_dot-color);animation:var(--_motion-animation,typing-indicator-bounce 1.2s ease-in-out infinite);border-radius:50%;display:inline-block}.dot:nth-child(2){animation-delay:.15s}.dot:nth-child(3){animation-delay:.3s}@keyframes typing-indicator-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-35%)}}}`,Br=`ore-typing-indicator`;(0,t.define)(Br,{props:{...I,...L,label:t.prop.string(`Typing…`)},setup(e){let r=(0,t.getHost)();return(0,n.watch)(()=>e.label.value,e=>Ve(e??``,{document:r.ownerDocument}),{immediate:!0}),t.html`
|
|
1466
1494
|
<span class="dots" part="dots" aria-hidden="true">
|
|
1467
1495
|
<span class="dot" part="dot"></span>
|
|
1468
1496
|
<span class="dot" part="dot"></span>
|
|
1469
1497
|
<span class="dot" part="dot"></span>
|
|
1470
1498
|
</span>
|
|
1471
|
-
`},styles:[q,W,K({lg:{gap:`var(--typing-indicator-gap, var(--size-1-5))`,size:`var(--typing-indicator-size, var(--size-2-5))`},md:{gap:`var(--typing-indicator-gap, var(--size-1))`,size:`var(--typing-indicator-size, var(--size-2))`},sm:{gap:`var(--typing-indicator-gap, var(--size-1))`,size:`var(--typing-indicator-size, var(--size-1-5))`}}),jr]});var Nr=v({ALERT_TAG:()=>lr,ASYNC_TAG:()=>dr,BADGE_TAG:()=>pr,CHIP_TAG:()=>hr,PASSWORD_STRENGTH_TAG:()=>_r,PROGRESS_TAG:()=>Lt,SKELETON_TAG:()=>yr,TOAST_TAG:()=>Dr,TYPING_INDICATOR_TAG:()=>Mr,createToastService:()=>kr,toast:()=>Ar}),Pr=`@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}.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(: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)}: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(: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: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}}}`,Fr=`ore-calendar`,Ir=3;(0,t.define)(Fr,{formAssociated:!0,props:{...F,...I,...L,...z,events:t.prop.json([]),expanded:t.prop.bool(!1),fullwidth:t.prop.bool(!1),locale:t.prop.string(),max:t.prop.string(),min:t.prop.string(),name:t.prop.string(),required:t.prop.bool(!1),value:t.prop.string(),"weekend-days":t.prop.json([])},setup(e){let r=(0,t.useEmit)(),a=(0,n.computed)(()=>e.disabled.value===!0),o=(0,n.computed)(()=>e.expanded.value===!0),s=(0,n.signal)(void 0),c=(0,n.computed)(()=>s.value===void 0?ot(e.value.value):s.value),l=dt({get locale(){return e.locale.value??(typeof navigator<`u`?navigator.language:`en`)},get max(){return ot(e.max.value)},get min(){return ot(e.min.value)},onChange(e){s.value=e,u.value=`day`,d.value=l.displayYear(),f.value=l.displayMonth(),r(`change`,{isoValue:st(e)})},get value(){return c.value},get weekendDays(){return e[`weekend-days`].value??[]}}),u=(0,n.signal)(`day`),d=(0,n.signal)(l.displayYear()),f=(0,n.signal)(l.displayMonth());(0,t.useField)({disabled:a,toFormValue:e=>e||null,value:(0,n.computed)(()=>st(c.value)??``)});let p=(0,n.computed)(()=>{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}),m=(0,n.computed)(()=>(d.value,f.value,c.value,l.dayCells())),h=(0,n.computed)(()=>(d.value,l.monthCells())),g=(0,n.computed)(()=>(d.value,l.yearCells())),_=(0,n.computed)(()=>l.weekdayLabels()),v=(0,n.computed)(()=>{let t=i.Temporal.PlainDate.from({day:1,month:f.value,year:d.value}),n=e.locale.value??(typeof navigator<`u`?navigator.language:`en`);return(0,i.format)(t,{intl:{month:`long`},locale:n,timeZone:`UTC`})}),y=(0,n.computed)(()=>String(d.value)),b=(0,n.computed)(()=>`${v.value} ${y.value}`);function x(){u.value===`day`?l.prevMonth():l.prevYear(),d.value=l.displayYear(),f.value=l.displayMonth()}function S(){u.value===`day`?l.nextMonth():l.nextYear(),d.value=l.displayYear(),f.value=l.displayMonth()}function C(){let e=[`day`,`month`,`year`],t=e[(e.indexOf(u.value)+1)%e.length];l.setView(t),u.value=t}function w(e){a.value||(l.goTo(l.displayYear(),e),l.setView(`day`),d.value=l.displayYear(),f.value=l.displayMonth(),u.value=`day`)}function T(e){a.value||(l.goTo(e,l.displayMonth()),l.setView(`month`),d.value=l.displayYear(),u.value=`month`)}function E(e){if(a.value)return;let t=ot(e);t&&l.select(t)}function D(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(),E(t.dataset.iso??``);return}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 O(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}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(0,t.bind)({attr:{"aria-disabled":()=>a.value?`true`:null,"aria-label":()=>b.value,role:`group`},class:{"is-disabled":a}}),t.html`
|
|
1499
|
+
`},styles:[Y,G,J({lg:{gap:`var(--typing-indicator-gap, var(--size-1-5))`,size:`var(--typing-indicator-size, var(--size-2-5))`},md:{gap:`var(--typing-indicator-gap, var(--size-1))`,size:`var(--typing-indicator-size, var(--size-2))`},sm:{gap:`var(--typing-indicator-gap, var(--size-1))`,size:`var(--typing-indicator-size, var(--size-1-5))`}}),zr]});var Vr=y({ALERT_TAG:()=>_r,ASYNC_TAG:()=>yr,BADGE_TAG:()=>xr,CHIP_TAG:()=>Cr,PASSWORD_STRENGTH_TAG:()=>Tr,PROGRESS_TAG:()=>Lt,SKELETON_TAG:()=>Dr,TOAST_TAG:()=>Fr,TYPING_INDICATOR_TAG:()=>Br,createToastService:()=>Lr,toast:()=>Rr}),Hr=`@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}.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(: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)}: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(: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: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}}}`,Ur=`ore-calendar`,Wr=3;(0,t.define)(Ur,{formAssociated:!0,props:{...I,...L,...R,...B,events:t.prop.json([]),expanded:t.prop.bool(!1),fullwidth:t.prop.bool(!1),locale:t.prop.string(),max:t.prop.string(),min:t.prop.string(),name:t.prop.string(),required:t.prop.bool(!1),value:t.prop.string(),"weekend-days":t.prop.json([])},setup(e){let r=(0,t.useEmit)(),a=(0,n.computed)(()=>e.disabled.value===!0),o=(0,n.computed)(()=>e.expanded.value===!0),s=(0,n.signal)(void 0),c=(0,n.computed)(()=>s.value===void 0?ot(e.value.value):s.value),l=dt({get locale(){return e.locale.value??(typeof navigator<`u`?navigator.language:`en`)},get max(){return ot(e.max.value)},get min(){return ot(e.min.value)},onChange(e){s.value=e,u.value=`day`,d.value=l.displayYear(),f.value=l.displayMonth(),r(`change`,{isoValue:st(e)})},get value(){return c.value},get weekendDays(){return e[`weekend-days`].value??[]}}),u=(0,n.signal)(`day`),d=(0,n.signal)(l.displayYear()),f=(0,n.signal)(l.displayMonth());(0,t.useField)({disabled:a,toFormValue:e=>e||null,value:(0,n.computed)(()=>st(c.value)??``)});let p=(0,n.computed)(()=>{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}),m=(0,n.computed)(()=>(d.value,f.value,c.value,l.dayCells())),h=(0,n.computed)(()=>(d.value,l.monthCells())),g=(0,n.computed)(()=>(d.value,l.yearCells())),_=(0,n.computed)(()=>l.weekdayLabels()),v=(0,n.computed)(()=>{let t=i.Temporal.PlainDate.from({day:1,month:f.value,year:d.value}),n=e.locale.value??(typeof navigator<`u`?navigator.language:`en`);return(0,i.format)(t,{intl:{month:`long`},locale:n,timeZone:`UTC`})}),y=(0,n.computed)(()=>String(d.value)),b=(0,n.computed)(()=>`${v.value} ${y.value}`);function x(){u.value===`day`?l.prevMonth():l.prevYear(),d.value=l.displayYear(),f.value=l.displayMonth()}function S(){u.value===`day`?l.nextMonth():l.nextYear(),d.value=l.displayYear(),f.value=l.displayMonth()}function C(){let e=[`day`,`month`,`year`],t=e[(e.indexOf(u.value)+1)%e.length];l.setView(t),u.value=t}function w(e){a.value||(l.goTo(l.displayYear(),e),l.setView(`day`),d.value=l.displayYear(),f.value=l.displayMonth(),u.value=`day`)}function T(e){a.value||(l.goTo(e,l.displayMonth()),l.setView(`month`),d.value=l.displayYear(),u.value=`month`)}function E(e){if(a.value)return;let t=ot(e);t&&l.select(t)}function D(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(),E(t.dataset.iso??``);return}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 O(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}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(0,t.bind)({attr:{"aria-disabled":()=>a.value?`true`:null,"aria-label":()=>b.value,role:`group`},class:{"is-disabled":a}}),t.html`
|
|
1472
1500
|
<div class="calendar" part="calendar" role="presentation">
|
|
1473
1501
|
<!-- Header -->
|
|
1474
1502
|
<div class="cal-header" part="header">
|
|
@@ -1524,7 +1552,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1524
1552
|
@click="${()=>E(e.iso)}"
|
|
1525
1553
|
@keydown="${D}">
|
|
1526
1554
|
${String(e.day)}
|
|
1527
|
-
${()=>{let n=p.value.get(e.iso)??[];if(!n.length)return t.html``;let r=n.slice(0,
|
|
1555
|
+
${()=>{let n=p.value.get(e.iso)??[];if(!n.length)return t.html``;let r=n.slice(0,Wr),i=n.length-Wr;if(o.value){let e=i>0?t.html`<span class="cal-event-pill-overflow" aria-hidden="true"
|
|
1528
1556
|
>+${i} more</span
|
|
1529
1557
|
>`:t.html``;return t.html`
|
|
1530
1558
|
<div
|
|
@@ -1617,7 +1645,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1617
1645
|
`)}}
|
|
1618
1646
|
</div>
|
|
1619
1647
|
</div>
|
|
1620
|
-
`},shadow:{delegatesFocus:!0},styles:[
|
|
1648
|
+
`},shadow:{delegatesFocus:!0},styles:[Y,G,Hr]});var Gr=`@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:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));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}}`,Kr=(0,t.createContext)(`CheckboxGroupContext`),qr=`ore-checkbox-group`;(0,t.define)(qr,{formAssociated:!0,props:{...I,...L,...R,error:t.prop.string(),helper:t.prop.string(),label:t.prop.string(),name:t.prop.string(),orientation:t.prop.string(`vertical`),required:t.prop.bool(!1),values:{...t.prop.string(),reflect:!1}},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=t.watchEffect,s=rt({disabled:e.disabled,error:e.error,helper:e.helper,multiple:(0,n.signal)(!0),prefix:`checkbox-group`,required:e.required,signal:X(t.onCleanup),value:e.values});s.attachFormField((0,t.useField)({disabled:s.disabled,onReset:s.reset,toFormValue:e=>e,validationMessage:s.validationMessage,validity:s.validity,value:s.formValue}));let c=s.selectedValues,l=()=>pt(r,`ore-checkbox`),u=e=>mt(l(),e),d=e=>{let t=c.value,n=t.map(u);i(`change`,{labels:n,originalEvent:e,values:t})},f=(e,t)=>{s.toggleValue(e),s.triggerValidation(`change`),d(t)};(0,t.provide)(Kr,{color:e.color,disabled:(0,n.computed)(()=>!!e.disabled.value),size:e.size,toggle:f,values:c});let p=()=>{let t=c.value,n=e.color.value,r=e.size.value,i=e.disabled.value,a=l();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)}};o(()=>{a.elements().value,p()}),o(()=>{a.elements().value;let e=l().map(e=>{let t=t=>{t.stopPropagation();let n=(e.getAttribute(`value`)??``).trim();n&&f(n,t)};return e.addEventListener(`change`,t),()=>{e.removeEventListener(`change`,t)}});return()=>{for(let t of e)t()}});let m=(0,t.createId)(`checkbox-group-legend`),h=`${m}-error`,g=`${m}-helper`,_=()=>!!e.error.value,v=()=>!!e.helper.value&&!_();return(0,t.bind)({attr:{size:e.size,values:s.formValue}}),t.html`
|
|
1621
1649
|
<fieldset
|
|
1622
1650
|
role="group"
|
|
1623
1651
|
aria-required="${()=>String(!!e.required.value)}"
|
|
@@ -1635,7 +1663,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1635
1663
|
<div class="error-text" id="${h}" role="alert" ?hidden=${()=>!_()}>${e.error}</div>
|
|
1636
1664
|
<div class="helper-text" id="${g}" ?hidden=${()=>!v()}>${e.helper}</div>
|
|
1637
1665
|
</fieldset>
|
|
1638
|
-
`},styles:[
|
|
1666
|
+
`},styles:[ve,Gr]});var Jr=(e,t,n)=>{Object.defineProperty(e,"checked",{configurable:!0,enumerable:!0,get:t,set:n})},Yr=(e,t,n)=>{Object.defineProperty(e,"value",{configurable:!0,enumerable:!0,get:t,set:n})},Q=(e,t)=>{e.dispatchEvent(new Event(t,{bubbles:!0,composed:!0}))},Xr=(e,t)=>{e.checked=t},$=(e,t)=>{e.value=t},Zr=`@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}:host(: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{min-width:0;font-size:var(--_font-size);color:var(--color-contrast);flex:1 1 0}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text:not(: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-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)}}`,Qr=`ore-checkbox`;(0,t.define)(Qr,{formAssociated:!0,props:{...I,...L,...R,checked:t.prop.bool(!1),error:t.prop.string(),helper:t.prop.string(),indeterminate:t.prop.bool(!1),name:t.prop.string(),required:t.prop.bool(!1),value:t.prop.string(`on`)},setup(e){let r=(0,t.getHost)(),i=(0,t.inject)(Kr),a=tt({checked:e.checked,clearIndeterminateFirst:!0,disabled:(0,n.computed)(()=>e.disabled.value||!!i?.disabled.value),error:e.error,group:i,helper:e.helper,indeterminate:e.indeterminate,onToggle:e=>{a.triggerValidation(`change`),Xr(r,e.checked),!i&&(Q(r,`input`),Q(r,`change`))},prefix:`checkbox`,required:e.required,signal:X(t.onCleanup),value:e.value});a.attachFormField((0,t.useField)({disabled:a.disabled,onReset:a.reset,toFormValue:e=>e,validationMessage:a.validationMessage,validity:a.validity,value:a.checkableFormValue}));let{assistiveId:o,checked:s,disabled:c,errorText:l,handleClick:u,handleKeydown:d,helperText:f,indeterminate:p,labelId:m}=a;return Jr(r,()=>s.value,e=>{s.value=e}),bn(e.size,{assistiveId:o,checked:s,disabled:c,errorText:l,handleClick:u,handleKeydown:d,helperText:f,indeterminate:p,labelId:m,required:e.required},`checkbox`),t.html`
|
|
1639
1667
|
<div class="checkbox-wrapper" part="checkbox">
|
|
1640
1668
|
<div class="box" part="box">
|
|
1641
1669
|
<ore-icon class="checkmark" name="check" size="14" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
@@ -1643,8 +1671,8 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1643
1671
|
</div>
|
|
1644
1672
|
</div>
|
|
1645
1673
|
<span class="label" part="label" id="${m}"><slot></slot></span>
|
|
1646
|
-
${
|
|
1647
|
-
`},styles:[q,Ee,ye,U,K(ne),Hr]});function Wr(e){return e.filter(e=>e.localName===`ore-combobox-option`).map(e=>({disabled:e.hasAttribute(`disabled`),disabledReason:e.getAttribute(`disabled-reason`)??void 0,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 Gr(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 Kr(e,t,n){if(!t)return``;let r=e.trim();return r?n.some(e=>e.label.toLowerCase()===r.toLowerCase())?``:`Create "${r}"`:``}function qr(e){return`__new__:${e.trim()}`}var Jr=`@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));--_label-block-inset:var(--input-label-block-inset,var(--size-2));--_label-inset:var(--input-label-inset,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));min-width:var(--input-min-width,12rem);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-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(--_label-block-inset);position:absolute}:host(:not([label-placement=outside])) .label:not(: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(--_label-inset)}: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(--_label-inset)}:host(:not([label-placement=outside])) .input-wrapper:has(.label:not([hidden])) .field{padding-top:calc(var(--_label-block-inset) + 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-600);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-xs);line-height:var(--leading-loose);order:-1}.helper-text{margin-top:var(--size-1-5);font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));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;min-height:var(--size-6);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])) .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);white-space:nowrap;padding-left:2px;padding-right:2px}.char-counter:not(: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))){text-align:right}.char-counter: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)){text-align:left}.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=""])) .label,.helper-text[role=alert]{color:var(--color-error)}:host([success]) .field{border-color:var(--color-success)}.status-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;display:none}:host([error]:not([error=""])) .status-icon,:host([success]) .status-icon{display:flex}.status-icon[data-status=error]{color:var(--color-error)}.status-icon[data-status=success]{color:var(--color-success)}@keyframes spin{to{transform:rotate(360deg)}}.field-spinner{width:var(--size-4);height:var(--size-4);border:var(--border-2) solid var(--_theme-focus,currentcolor);animation:var(--_motion-animation,spin var(--transition-loader) infinite);border-radius:50%;flex-shrink:0;display:none}.field-spinner:not(: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-color:#0000}.field-spinner: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}:host([loading]) .field-spinner{display:inline-block}}@layer refine.variants{:host([variant=text]){--_bg:var(--input-bg,transparent);--_border-color:var(--input-border-color,var(--color-contrast-300))}:host([variant=text]) .field{box-shadow:none;background:0 0;border:none;border-radius:0}:host([variant=text]) .field:focus-within{box-shadow:none}: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([error]:not([error=""])) .field:focus-within{border-color:var(--color-error);box-shadow:var(--color-error-focus-shadow)}:host([success]) .field:focus-within{border-color:var(--color-success);box-shadow:var(--color-success-focus-shadow)}}@layer refine.utilities{:host([fullwidth]){width:100%}}:host([disabled]){opacity:1}:host([disabled]) .field{background:var(--color-contrast-100);border-color:var(--color-contrast-200);box-shadow:none}:host([disabled]) input{color:var(--color-contrast-400)}:host([disabled]) input::placeholder{color:var(--color-contrast-300)}:host([disabled]) .label{color:var(--color-contrast-400)}`,Yr=[`text`,`email`,`password`,`search`,`url`,`tel`,`number`,`date`,`time`,`datetime-local`,`month`,`week`],Xr=`ore-input`;(0,t.define)(Xr,{formAssociated:!0,props:{...F,...I,...L,...z,"aria-label":t.prop.string(),autocomplete:t.prop.string(),clearable:t.prop.bool(!1),error:t.prop.string(),fullwidth:t.prop.bool(!1),helper:t.prop.string(),inputmode:t.prop.string(),label:t.prop.string(),"label-placement":t.prop.oneOf([`inset`,`outside`],`inset`),loading:t.prop.bool(!1),maxlength:t.prop.json(void 0),minlength:t.prop.json(void 0),name:t.prop.string(),pattern:t.prop.string(),placeholder:t.prop.string(),readonly:t.prop.bool(!1),ref:t.prop.data(),required:t.prop.bool(!1),success:t.prop.bool(!1),type:t.prop.oneOf(Yr,`text`),value:t.prop.string(),variant:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useSlots)(),a=(0,n.signal)(!1),o=(0,t.ref)(),s=(0,n.computed)(()=>!!e.label.value||i.has(`label`).value),c=(0,n.computed)(()=>e.disabled.value||e.loading.value),l=Y(t.onCleanup),u=wt({disabled:c,error:e.error,hasLabel:s,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],maxLength:e.maxlength,onChange:(e,t)=>{$(r,t),Q(r,`change`)},onInput:(e,t)=>{$(r,t),Q(r,`input`)},prefix:`input`,readonly:e.readonly,required:e.required,signal:l,value:e.value});Z(r,()=>u.value.value,e=>{u.value.value=e}),u.attachFormField((0,t.useField)({disabled:u.disabled,onReset:u.reset,toFormValue:e=>e,validationMessage:u.validationMessage,validity:u.validity,value:u.value}));let{ariaDescribedBy:d,ariaErrorMessage:f,ariaInvalid:p,ariaLabelledBy:m,assistiveId:h,clear:g,counter:_,errorId:v,errorText:y,fieldId:b,helperText:x,labelId:S,labelVisible:C,value:w,wire:T}=u;(0,t.onElement)(o,t=>{T(t,l);let n=yt(e.ref,t);return()=>{n()}});let E=e=>{g(e),o.value?.focus()},D=()=>e.type.value===`password`&&a.value?`text`:e.type.value??`text`;(0,t.bind)({attr:{error:hn(y),"has-value":()=>w.value?!0:void 0,size:e.size,success:()=>e.success.value&&!y.value?!0:void 0,variant:e.variant}});let O=()=>!C.value;return t.html`
|
|
1674
|
+
${xn(o,l,f)}
|
|
1675
|
+
`},styles:[Y,Ee,ve,W,J(H),Zr]});function $r(e){return e.filter(e=>e.localName===`ore-combobox-option`).map(e=>({disabled:e.hasAttribute(`disabled`),disabledReason:e.getAttribute(`disabled-reason`)??void 0,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 ei(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 ti(e,t,n){if(!t)return``;let r=e.trim();return r?n.some(e=>e.label.toLowerCase()===r.toLowerCase())?``:`Create "${r}"`:``}function ni(e){return`__new__:${e.trim()}`}var ri=`@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));--_label-block-inset:var(--input-label-block-inset,var(--size-2));--_label-inset:var(--input-label-inset,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));min-width:var(--input-min-width,12rem);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-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(--_label-block-inset);position:absolute}:host(:not([label-placement=outside])) .label:not(: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(--_label-inset)}: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(--_label-inset)}:host(:not([label-placement=outside])) .input-wrapper:has(.label:not([hidden])) .field{padding-top:calc(var(--_label-block-inset) + 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-600);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-xs);line-height:var(--leading-loose);order:-1}.helper-text{margin-top:var(--size-1-5);font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));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;min-height:var(--size-6);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])) .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);white-space:nowrap;padding-left:2px;padding-right:2px}.char-counter:not(: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))){text-align:right}.char-counter: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)){text-align:left}.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=""])) .label,.helper-text[role=alert]{color:var(--color-error)}:host([success]) .field{border-color:var(--color-success)}.status-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;display:none}:host([error]:not([error=""])) .status-icon,:host([success]) .status-icon{display:flex}.status-icon[data-status=error]{color:var(--color-error)}.status-icon[data-status=success]{color:var(--color-success)}@keyframes spin{to{transform:rotate(360deg)}}.field-spinner{width:var(--size-4);height:var(--size-4);border:var(--border-2) solid var(--_theme-focus,currentcolor);animation:var(--_motion-animation,spin var(--transition-loader) infinite);border-radius:50%;flex-shrink:0;display:none}.field-spinner:not(: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-color:#0000}.field-spinner: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}:host([loading]) .field-spinner{display:inline-block}}@layer refine.variants{:host([variant=text]){--_bg:var(--input-bg,transparent);--_border-color:var(--input-border-color,var(--color-contrast-300))}:host([variant=text]) .field{box-shadow:none;background:0 0;border:none;border-radius:0}:host([variant=text]) .field:focus-within{box-shadow:none}: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([error]:not([error=""])) .field:focus-within{border-color:var(--color-error);box-shadow:var(--color-error-focus-shadow)}:host([success]) .field:focus-within{border-color:var(--color-success);box-shadow:var(--color-success-focus-shadow)}}@layer refine.utilities{:host([fullwidth]){width:100%}}:host([disabled]){opacity:1}:host([disabled]) .field{background:var(--color-contrast-100);border-color:var(--color-contrast-200);box-shadow:none}:host([disabled]) input{color:var(--color-contrast-400)}:host([disabled]) input::placeholder{color:var(--color-contrast-300)}:host([disabled]) .label{color:var(--color-contrast-400)}`,ii=[`text`,`email`,`password`,`search`,`url`,`tel`,`number`,`date`,`time`,`datetime-local`,`month`,`week`],ai=`ore-input`;(0,t.define)(ai,{formAssociated:!0,props:{...I,...L,...R,...B,"aria-label":t.prop.string(),autocomplete:t.prop.string(),clearable:t.prop.bool(!1),error:t.prop.string(),fullwidth:t.prop.bool(!1),helper:t.prop.string(),inputmode:t.prop.string(),label:t.prop.string(),"label-placement":t.prop.oneOf([`inset`,`outside`],`inset`),loading:t.prop.bool(!1),maxlength:t.prop.json(void 0),minlength:t.prop.json(void 0),name:t.prop.string(),pattern:t.prop.string(),placeholder:t.prop.string(),readonly:t.prop.bool(!1),ref:t.prop.data(),required:t.prop.bool(!1),success:t.prop.bool(!1),type:t.prop.oneOf(ii,`text`),value:t.prop.string(),variant:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useSlots)(),a=(0,n.signal)(!1),o=(0,t.ref)(),s=(0,n.computed)(()=>!!e.label.value||i.has(`label`).value),c=(0,n.computed)(()=>e.disabled.value||e.loading.value),l=X(t.onCleanup),u=wt({disabled:c,error:e.error,hasLabel:s,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],maxLength:e.maxlength,onChange:(e,t)=>{$(r,t),Q(r,`change`)},onInput:(e,t)=>{$(r,t),Q(r,`input`)},prefix:`input`,readonly:e.readonly,required:e.required,signal:l,value:e.value});Yr(r,()=>u.value.value,e=>{u.value.value=e}),u.attachFormField((0,t.useField)({disabled:u.disabled,onReset:u.reset,toFormValue:e=>e,validationMessage:u.validationMessage,validity:u.validity,value:u.value}));let{ariaDescribedBy:d,ariaErrorMessage:f,ariaInvalid:p,ariaLabelledBy:m,assistiveId:h,clear:g,counter:_,errorId:v,errorText:y,fieldId:b,helperText:x,labelId:S,labelVisible:C,value:w,wire:T}=u;(0,t.onElement)(o,t=>{T(t,l);let n=yt(e.ref,t);return()=>{n()}});let E=e=>{g(e),o.value?.focus()},D=()=>e.type.value===`password`&&a.value?`text`:e.type.value??`text`;(0,t.bind)({attr:{error:yn(y),"has-value":()=>w.value?!0:void 0,size:e.size,success:()=>e.success.value&&!y.value?!0:void 0,variant:e.variant}});let O=()=>!C.value;return t.html`
|
|
1648
1676
|
<div class="input-wrapper" part="wrapper">
|
|
1649
1677
|
<label class="label" for="${()=>O()?null:b}" id="${S}" part="label" ?hidden="${O}">
|
|
1650
1678
|
<slot name="label">${e.label}</slot>
|
|
@@ -1675,7 +1703,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1675
1703
|
aria-busy="${()=>e.loading.value?`true`:null}"
|
|
1676
1704
|
ref="${o}" />
|
|
1677
1705
|
<slot name="suffix"></slot>
|
|
1678
|
-
${
|
|
1706
|
+
${Sn(y)}
|
|
1679
1707
|
<span class="field-spinner" part="spinner" role="status" aria-label="Loading"></span>
|
|
1680
1708
|
<button
|
|
1681
1709
|
class="pwd-toggle-btn"
|
|
@@ -1717,14 +1745,14 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1717
1745
|
${()=>_?.value.counterText??``}
|
|
1718
1746
|
</div>
|
|
1719
1747
|
</div>
|
|
1720
|
-
`},shadow:{delegatesFocus:!0},styles:[q,U,W,G,be,K(B),Te(`input`),Jr,he({container:`.field`,text:`input`,tokenPrefix:`input`})]});var Zr=`@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)));min-width:var(--combobox-min-width,12rem);flex-direction:column;align-items:stretch;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(: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-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(: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-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;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:not(: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))){text-align:left}.dropdown: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)){text-align:right}.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(:is(.option-check,.option-icon)){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.disabled-reason{text-overflow:ellipsis;min-width:0;font-size:var(--text-xs);color:var(--text-color-tertiary);white-space:nowrap;flex:0 45%;overflow:hidden}.disabled-reason:not(: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))){text-align:right}.disabled-reason: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)){text-align:left}.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-500);cursor:not-allowed}.option-check{color:var(--_theme-base);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;display:inline-flex}.option-check:not(: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: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));cursor:pointer;border-radius:var(--rounded-sm);background:0 0;border:0;align-items:center;display:flex}.no-results-create:not(: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))){text-align:left}.no-results-create: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)){text-align:right}.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-option`;(0,t.define)(Qr,{setup(){return t.html``}});var $r=`ore-combobox`;(0,t.define)($r,{formAssociated:!0,props:{autoclose:t.prop.bool(!1),color:t.prop.string(),creatable:t.prop.bool(!1),disabled:t.prop.bool(!1),error:t.prop.string(),fullwidth:t.prop.bool(!1),helper:t.prop.string(),"hide-label":t.prop.bool(!1),label:t.prop.string(),"label-placement":t.prop.oneOf([`inset`,`outside`],`inset`),loading:t.prop.bool(!1),multiple:t.prop.bool(!1),name:t.prop.string(),"no-filter":t.prop.bool(!1),options:t.prop.data(),placeholder:t.prop.string(`Select...`),required:t.prop.bool(!1),rounded:t.prop.string(),size:t.prop.string(),success:t.prop.bool(!1),value:t.prop.string(),variant:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=t.watchEffect,o=(0,n.signal)(``),s=null,c=null,l=null,u=null,d=(0,t.ref)(),f=Y(t.onCleanup),p=rt({disabled:e.disabled,error:e.error,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],multiple:e.multiple,prefix:`combobox`,required:e.required,signal:f,value:e.value}),m=(0,n.signal)([]),h=At({getBoundary:()=>r,getFocusedOptionElement:()=>l?.querySelector(`[data-focused]`)??null,getItems:()=>m.value,getOptionId:e=>`${p.fieldId}-opt-${e}`,getPanel:()=>l,getReference:()=>c,getTrigger:()=>s,isDisabled:()=>p.disabled.value,isItemDisabled:e=>e.disabled,onClose:e=>{i(`open-change`,{open:!1,reason:e}),f.aborted||ne(),p.triggerValidation(`blur`)},onOpen:e=>i(`open-change`,{open:!0,reason:e}),restoreFocus:!1,signal:f}),{disabled:g,fieldId:_,selectedValues:v,triggerValidation:y}=p;p.attachFormField((0,t.useField)({disabled:p.disabled,onReset:p.reset,toFormValue:e=>e,validationMessage:p.validationMessage,validity:p.validity,value:p.formValue}));let{focusedIndex:b,isOpen:x,scrollFocusedIntoView:S,updatePosition:C}=h,w=()=>!!e.multiple.value,T=()=>!!e.creatable.value,E=()=>!!e[`no-filter`].value;(0,t.bind)({attr:{open:()=>x.value?!0:void 0,size:e.size,variant:e.variant}});let D=null,O=!1,k=(0,n.computed)(()=>v.value[0]??``);Object.defineProperty(r,"value",{configurable:!0,get:()=>p.formValue.value,set:e=>{let t=e;if(Array.isArray(t)){p.setValues(t.map(e=>String(e??``)));return}if(t==null||t===``){p.clear();return}p.setValues(w()?String(t).split(`,`):[String(t)])}});let A=()=>v.value.length>0;function j(){s?.focus()}let M=(0,n.signal)([]),N=(0,n.signal)([]),P=()=>!!e.loading.value;function F(e){return{disabled:!!e.disabled,disabledReason:e.disabledReason,iconEl:e.iconEl??null,label:e.label??e.value,value:e.value}}let I=(0,n.computed)(()=>{let t=e.options.value,n=Array.isArray(t)?t.map(F):M.value;return N.value.length===0?n:[...n,...N.value]}),L={clear:()=>{p.clear()},remove:e=>{p.removeValue(e)},select:e=>{p.selectValue(e)},toggle:e=>{p.toggleValue(e)}};function R(e=Array.from(r.children)){if(M.value=Wr(e),!w()){let e=I.value.find(e=>e.value===k.value);o.value=e?.label??k.value}}R(),a(()=>{let e=Gr(I.value,o.value,E());m.value=w()?e.filter(e=>!v.value.includes(e.value)):e});let z=(0,n.computed)(()=>Kr(o.value,T(),m.value)),ee=()=>w()&&v.value.length>0?``:e.placeholder.value||``;function B(){Q(r,`input`),Q(r,`change`)}function te(e){e.stopPropagation();let t=e.detail?.value;t!==void 0&&(L.remove(t),B(),y(`change`))}function ne(){if(!w()){let e=I.value.find(e=>e.value===k.value);O=!0,o.value=e?.label??``,Promise.resolve().then(()=>{O=!1});return}o.value=``}a(()=>{if(x.value&&!w()&&k.value&&b.value===-1&&o.value===``){let e=m.value.findIndex(e=>e.value===k.value);e>=0&&h.set(e)}});function V(e=!0,t=`programmatic`){if(e&&(D=o.value,o.value=``),!w()&&k.value){let e=Gr(I.value,``,E()).findIndex(e=>e.value===k.value);e>=0&&h.set(e)}h.open(t),!w()&&k.value&&b.value>=0&&requestAnimationFrame(()=>{S()})}function re(e=`programmatic`){h.close(e)}let ie=$e({disabled:g,onPress:()=>{x.value||V(!0,`click`),j()}}),H=$e({disabled:g,keys:[`Enter`],onPress:e=>{let t=m.value;x.value&&b.value>=0&&b.value<t.length?ae(t[b.value],e):x.value&&b.value===-1&&z.value?le(o.value,e):x.value||V(!0,`keyboard`)}});function ae(t,n){t.disabled||(w()?(L.toggle(t.value),o.value=``,B(),y(`change`),e.autoclose.value&&re(),j(),requestAnimationFrame(()=>j())):(L.select(t.value),o.value=t.label,B(),y(`change`),re(),j()))}function oe(e){let t=e.getAttribute(`data-option-index`),n=t?Number(t):-1;if(Number.isInteger(n)&&n>=0&&n<m.value.length)return m.value[n]??null;let r=e.getAttribute(`data-option-value`);if(r){let e=m.value.find(e=>e.value===r);if(e)return e}let i=e.querySelector(`span`)?.textContent?.trim()??e.textContent?.trim()??``;return i?m.value.find(e=>e.label===i||e.value===i)??null:null}function se(e){e.stopPropagation(),L.clear(),o.value=``,B(),y(`change`),j()}function ce(e){let t=e.target,n=t.value;if(!O&&n!==o.value){if(o.value=n,!w()){let e=v.value[0],t=e?I.value.find(t=>t.value===e)?.label??e:``;n===``&&D===t&&(D=null)}h.navigate(`first`),x.value||V(!1,`keyboard`),i(`search`,{query:t.value})}}function U(){}function W(e){if(!g.value&&!h.handleKeydown(e))switch(e.key){case`ArrowDown`:e.preventDefault(),x.value?h.navigate(`next`):(V(!0,`keyboard`),h.navigate(`first`));break;case`ArrowUp`:e.preventDefault(),x.value?h.navigate(`prev`):V(!0,`keyboard`);break;case`Backspace`:w()&&!o.value&&v.value.length>0&&(p.removeValue(v.value[v.value.length-1]??``),B(),y(`change`));break;case`Enter`:H.handleKeydown(e);break;case`Tab`:re(`programmatic`)}}function le(e,t){let n=e.trim();if(!n)return;let r={disabled:!1,iconEl:null,label:n,value:qr(n)};N.value=[...N.value,r],ae(r,t)}let ue=(()=>{let e=new MutationObserver(()=>{R()});return e.observe(r,{attributeFilter:[`disabled`,`disabled-reason`,`label`,`value`],attributes:!0,childList:!0,subtree:!0}),()=>e.disconnect()})(),de=e=>{let t=e=>{let t=e.target;if(!(t instanceof Element))return;if(t.closest(`.no-results-create`)){e.preventDefault(),e.stopPropagation(),le(o.value,e);return}let n=t.closest(`.option`);if(!n)return;e.preventDefault(),e.stopPropagation();let r=oe(n);r&&!r.disabled&&ae(r,e)},n=e=>{let t=e.target;if(!(t instanceof Element))return;let n=t.closest(`.option`);if(!n)return;let r=oe(n);if(!r)return;let i=m.value.findIndex(e=>e.value===r.value);i>=0&&h.set(i)};return e.addEventListener(`click`,t),e.addEventListener(`pointermove`,n),()=>{e.removeEventListener(`click`,t),e.removeEventListener(`pointermove`,n)}},fe=null,pe=null,me=e=>{u=e,pe!==e&&(fe?.(),fe=null,pe=null,e&&(fe=de(e),pe=e))},he=()=>{u&&(pe===u&&fe||(fe?.(),fe=de(u),pe=u))};a(()=>{he(),x.value?(l&&`showPopover`in l&&!l.matches(`:popover-open`)&&l.showPopover(),C()):l&&`hidePopover`in l&&l.matches(`:popover-open`)&&l.hidePopover()}),(0,t.onElement)(d,e=>{c=e;let t=e.shadowRoot?.querySelector(`input`)??null;if(!t)return;s=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`,`${_}-listbox`);let n=()=>{x.value||V(!0,`click`),j()};return t.addEventListener(`input`,ce),t.addEventListener(`keydown`,W),t.addEventListener(`focus`,U),t.addEventListener(`click`,n),()=>{s=null,c=null,t.removeEventListener(`input`,ce),t.removeEventListener(`keydown`,W),t.removeEventListener(`focus`,U),t.removeEventListener(`click`,n)}}),a(()=>{if(!d.value)return;let t=s;t&&(t.setAttribute(`aria-expanded`,String(x.value)),g.value?t.setAttribute(`aria-disabled`,`true`):t.removeAttribute(`aria-disabled`),e.error.value?(t.setAttribute(`aria-invalid`,`true`),t.setAttribute(`aria-errormessage`,`${_}-error`)):(t.removeAttribute(`aria-invalid`),t.removeAttribute(`aria-errormessage`)))}),a(()=>{if(!d.value)return;let e=s;e&&e.value!==o.value&&(e.value=o.value)}),(0,t.onCleanup)(()=>{fe?.(),fe=null,pe=null,ue()});let ge=()=>e[`hide-label`].value;return t.html`
|
|
1748
|
+
`},shadow:{delegatesFocus:!0},styles:[Y,W,G,q,ye,J(ee),Te(`input`),ri,me({container:`.field`,text:`input`,tokenPrefix:`input`})]});var oi=`@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)));min-width:var(--combobox-min-width,12rem);flex-direction:column;align-items:stretch;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(: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-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(: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-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;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:not(: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))){text-align:left}.dropdown: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)){text-align:right}.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(:is(.option-check,.option-icon)){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.disabled-reason{text-overflow:ellipsis;min-width:0;font-size:var(--text-xs);color:var(--text-color-tertiary);white-space:nowrap;flex:0 45%;overflow:hidden}.disabled-reason:not(: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))){text-align:right}.disabled-reason: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)){text-align:left}.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-500);cursor:not-allowed}.option-check{color:var(--_theme-base);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;display:inline-flex}.option-check:not(: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: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));cursor:pointer;border-radius:var(--rounded-sm);background:0 0;border:0;align-items:center;display:flex}.no-results-create:not(: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))){text-align:left}.no-results-create: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)){text-align:right}.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}}`,si=`ore-combobox-option`;(0,t.define)(si,{setup(){return t.html``}});var ci=`ore-combobox`;(0,t.define)(ci,{formAssociated:!0,props:{autoclose:t.prop.bool(!1),color:t.prop.string(),creatable:t.prop.bool(!1),disabled:t.prop.bool(!1),error:t.prop.string(),fullwidth:t.prop.bool(!1),helper:t.prop.string(),"hide-label":t.prop.bool(!1),label:t.prop.string(),"label-placement":t.prop.oneOf([`inset`,`outside`],`inset`),loading:t.prop.bool(!1),multiple:t.prop.bool(!1),name:t.prop.string(),"no-filter":t.prop.bool(!1),options:t.prop.data(),placeholder:t.prop.string(`Select...`),required:t.prop.bool(!1),rounded:t.prop.string(),size:t.prop.string(),success:t.prop.bool(!1),value:t.prop.string(),variant:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=t.watchEffect,o=(0,n.signal)(``),s=null,c=null,l=null,u=null,d=(0,t.ref)(),f=X(t.onCleanup),p=rt({disabled:e.disabled,error:e.error,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],multiple:e.multiple,prefix:`combobox`,required:e.required,signal:f,value:e.value}),m=(0,n.signal)([]),h=At({getBoundary:()=>r,getFocusedOptionElement:()=>l?.querySelector(`[data-focused]`)??null,getItems:()=>m.value,getOptionId:e=>`${p.fieldId}-opt-${e}`,getPanel:()=>l,getReference:()=>c,getTrigger:()=>s,isDisabled:()=>p.disabled.value,isItemDisabled:e=>e.disabled,onClose:e=>{i(`open-change`,{open:!1,reason:e}),f.aborted||te(),p.triggerValidation(`blur`)},onOpen:e=>i(`open-change`,{open:!0,reason:e}),restoreFocus:!1,signal:f}),{disabled:g,fieldId:_,selectedValues:v,triggerValidation:y}=p;p.attachFormField((0,t.useField)({disabled:p.disabled,onReset:p.reset,toFormValue:e=>e,validationMessage:p.validationMessage,validity:p.validity,value:p.formValue}));let{focusedIndex:b,isOpen:x,scrollFocusedIntoView:S,updatePosition:C}=h,w=()=>!!e.multiple.value,T=()=>!!e.creatable.value,E=()=>!!e[`no-filter`].value;(0,t.bind)({attr:{open:()=>x.value?!0:void 0,size:e.size,variant:e.variant}});let D=null,O=!1,k=(0,n.computed)(()=>v.value[0]??``);Object.defineProperty(r,"value",{configurable:!0,get:()=>p.formValue.value,set:e=>{let t=e;if(Array.isArray(t)){p.setValues(t.map(e=>String(e??``)));return}if(t==null||t===``){p.clear();return}p.setValues(w()?String(t).split(`,`):[String(t)])}});let A=()=>v.value.length>0;function j(){s?.focus()}let M=(0,n.signal)([]),N=(0,n.signal)([]),P=()=>!!e.loading.value;function F(e){return{disabled:!!e.disabled,disabledReason:e.disabledReason,iconEl:e.iconEl??null,label:e.label??e.value,value:e.value}}let I=(0,n.computed)(()=>{let t=e.options.value,n=Array.isArray(t)?t.map(F):M.value;return N.value.length===0?n:[...n,...N.value]}),L={clear:()=>{p.clear()},remove:e=>{p.removeValue(e)},select:e=>{p.selectValue(e)},toggle:e=>{p.toggleValue(e)}};function R(e=Array.from(r.children)){if(M.value=$r(e),!w()){let e=I.value.find(e=>e.value===k.value);o.value=e?.label??k.value}}R(),a(()=>{let e=ei(I.value,o.value,E());m.value=w()?e.filter(e=>!v.value.includes(e.value)):e});let z=(0,n.computed)(()=>ti(o.value,T(),m.value)),B=()=>w()&&v.value.length>0?``:e.placeholder.value||``;function V(){Q(r,`input`),Q(r,`change`)}function ee(e){e.stopPropagation();let t=e.detail?.value;t!==void 0&&(L.remove(t),V(),y(`change`))}function te(){if(!w()){let e=I.value.find(e=>e.value===k.value);O=!0,o.value=e?.label??``,Promise.resolve().then(()=>{O=!1});return}o.value=``}a(()=>{if(x.value&&!w()&&k.value&&b.value===-1&&o.value===``){let e=m.value.findIndex(e=>e.value===k.value);e>=0&&h.set(e)}});function H(e=!0,t=`programmatic`){if(e&&(D=o.value,o.value=``),!w()&&k.value){let e=ei(I.value,``,E()).findIndex(e=>e.value===k.value);e>=0&&h.set(e)}h.open(t),!w()&&k.value&&b.value>=0&&requestAnimationFrame(()=>{S()})}function ne(e=`programmatic`){h.close(e)}let re=$e({disabled:g,onPress:()=>{x.value||H(!0,`click`),j()}}),U=$e({disabled:g,keys:[`Enter`],onPress:e=>{let t=m.value;x.value&&b.value>=0&&b.value<t.length?ie(t[b.value],e):x.value&&b.value===-1&&z.value?G(o.value,e):x.value||H(!0,`keyboard`)}});function ie(t,n){t.disabled||(w()?(L.toggle(t.value),o.value=``,V(),y(`change`),e.autoclose.value&&ne(),j(),requestAnimationFrame(()=>j())):(L.select(t.value),o.value=t.label,V(),y(`change`),ne(),j()))}function ae(e){let t=e.getAttribute(`data-option-index`),n=t?Number(t):-1;if(Number.isInteger(n)&&n>=0&&n<m.value.length)return m.value[n]??null;let r=e.getAttribute(`data-option-value`);if(r){let e=m.value.find(e=>e.value===r);if(e)return e}let i=e.querySelector(`span`)?.textContent?.trim()??e.textContent?.trim()??``;return i?m.value.find(e=>e.label===i||e.value===i)??null:null}function oe(e){e.stopPropagation(),L.clear(),o.value=``,V(),y(`change`),j()}function se(e){let t=e.target,n=t.value;if(!O&&n!==o.value){if(o.value=n,!w()){let e=v.value[0],t=e?I.value.find(t=>t.value===e)?.label??e:``;n===``&&D===t&&(D=null)}h.navigate(`first`),x.value||H(!1,`keyboard`),i(`search`,{query:t.value})}}function ce(){}function W(e){if(!g.value&&!h.handleKeydown(e))switch(e.key){case`ArrowDown`:e.preventDefault(),x.value?h.navigate(`next`):(H(!0,`keyboard`),h.navigate(`first`));break;case`ArrowUp`:e.preventDefault(),x.value?h.navigate(`prev`):H(!0,`keyboard`);break;case`Backspace`:w()&&!o.value&&v.value.length>0&&(p.removeValue(v.value[v.value.length-1]??``),V(),y(`change`));break;case`Enter`:U.handleKeydown(e);break;case`Tab`:ne(`programmatic`)}}function G(e,t){let n=e.trim();if(!n)return;let r={disabled:!1,iconEl:null,label:n,value:ni(n)};N.value=[...N.value,r],ie(r,t)}let le=(()=>{let e=new MutationObserver(()=>{R()});return e.observe(r,{attributeFilter:[`disabled`,`disabled-reason`,`label`,`value`],attributes:!0,childList:!0,subtree:!0}),()=>e.disconnect()})(),ue=e=>{let t=e=>{let t=e.target;if(!(t instanceof Element))return;if(t.closest(`.no-results-create`)){e.preventDefault(),e.stopPropagation(),G(o.value,e);return}let n=t.closest(`.option`);if(!n)return;e.preventDefault(),e.stopPropagation();let r=ae(n);r&&!r.disabled&&ie(r,e)},n=e=>{let t=e.target;if(!(t instanceof Element))return;let n=t.closest(`.option`);if(!n)return;let r=ae(n);if(!r)return;let i=m.value.findIndex(e=>e.value===r.value);i>=0&&h.set(i)};return e.addEventListener(`click`,t),e.addEventListener(`pointermove`,n),()=>{e.removeEventListener(`click`,t),e.removeEventListener(`pointermove`,n)}},K=null,de=null,fe=e=>{u=e,de!==e&&(K?.(),K=null,de=null,e&&(K=ue(e),de=e))},pe=()=>{u&&(de===u&&K||(K?.(),K=ue(u),de=u))};a(()=>{pe(),x.value?(l&&`showPopover`in l&&!l.matches(`:popover-open`)&&l.showPopover(),C()):l&&`hidePopover`in l&&l.matches(`:popover-open`)&&l.hidePopover()}),(0,t.onElement)(d,e=>{c=e;let t=e.shadowRoot?.querySelector(`input`)??null;if(!t)return;s=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`,`${_}-listbox`);let n=()=>{x.value||H(!0,`click`),j()};return t.addEventListener(`input`,se),t.addEventListener(`keydown`,W),t.addEventListener(`focus`,ce),t.addEventListener(`click`,n),()=>{s=null,c=null,t.removeEventListener(`input`,se),t.removeEventListener(`keydown`,W),t.removeEventListener(`focus`,ce),t.removeEventListener(`click`,n)}}),a(()=>{if(!d.value)return;let t=s;t&&(t.setAttribute(`aria-expanded`,String(x.value)),g.value?t.setAttribute(`aria-disabled`,`true`):t.removeAttribute(`aria-disabled`),e.error.value?(t.setAttribute(`aria-invalid`,`true`),t.setAttribute(`aria-errormessage`,`${_}-error`)):(t.removeAttribute(`aria-invalid`),t.removeAttribute(`aria-errormessage`)))}),a(()=>{if(!d.value)return;let e=s;e&&e.value!==o.value&&(e.value=o.value)}),(0,t.onCleanup)(()=>{K?.(),K=null,de=null,le()});let me=()=>e[`hide-label`].value;return t.html`
|
|
1721
1749
|
<slot></slot>
|
|
1722
1750
|
<ore-input
|
|
1723
1751
|
class="trigger"
|
|
1724
1752
|
ref=${d}
|
|
1725
|
-
aria-label="${()=>
|
|
1726
|
-
label="${()=>
|
|
1727
|
-
placeholder="${
|
|
1753
|
+
aria-label="${()=>me()?e.label.value??``:null}"
|
|
1754
|
+
label="${()=>me()?``:e.label.value??``}"
|
|
1755
|
+
placeholder="${B}"
|
|
1728
1756
|
label-placement="${()=>e[`label-placement`].value??`inset`}"
|
|
1729
1757
|
color="${()=>e.color?.value??void 0}"
|
|
1730
1758
|
size="${()=>e.size?.value??void 0}"
|
|
@@ -1737,7 +1765,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1737
1765
|
?fullwidth="${()=>e.fullwidth.value?!0:void 0}"
|
|
1738
1766
|
?success="${()=>e.success.value}"
|
|
1739
1767
|
name="${()=>e.name.value??``}"
|
|
1740
|
-
@click="${e=>{
|
|
1768
|
+
@click="${e=>{re.handleClick(e)}}"
|
|
1741
1769
|
part="wrapper">
|
|
1742
1770
|
<div slot="prefix" class="chips-row">
|
|
1743
1771
|
<!-- Keep chip list diffing isolated so input node identity stays stable. -->
|
|
@@ -1750,7 +1778,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1750
1778
|
variant="flat"
|
|
1751
1779
|
size="sm"
|
|
1752
1780
|
color="${e.color}"
|
|
1753
|
-
@remove=${
|
|
1781
|
+
@remove=${ee}>
|
|
1754
1782
|
${I.value.find(e=>e.value===n)?.label??n}
|
|
1755
1783
|
</ore-chip>
|
|
1756
1784
|
`)}
|
|
@@ -1764,7 +1792,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1764
1792
|
aria-label="Clear"
|
|
1765
1793
|
tabindex="-1"
|
|
1766
1794
|
?hidden=${()=>!A()}
|
|
1767
|
-
@click="${
|
|
1795
|
+
@click="${oe}">
|
|
1768
1796
|
<ore-icon name="x" size="12" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
1769
1797
|
</button>
|
|
1770
1798
|
<span class="combobox-suffix-end">
|
|
@@ -1795,7 +1823,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1795
1823
|
id="${()=>`${_}-listbox`}"
|
|
1796
1824
|
style="${()=>x.value&&m.value.length>0?`height:${m.value.length*36}px;`:``}"
|
|
1797
1825
|
aria-label="${()=>e.label.value||e.placeholder.value||`Options`}"
|
|
1798
|
-
ref=${e=>{
|
|
1826
|
+
ref=${e=>{fe(e)}}>
|
|
1799
1827
|
${()=>x.value?P()?t.html`
|
|
1800
1828
|
<div class="dropdown-loading">Loading...</div>
|
|
1801
1829
|
`:m.value.length===0?z.value?t.html`
|
|
@@ -1826,13 +1854,102 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1826
1854
|
`):``}
|
|
1827
1855
|
</div>
|
|
1828
1856
|
</div>
|
|
1829
|
-
`},shadow:{delegatesFocus:!0},styles:[q,W,G,ce,Zr]});var ei=`@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;width:100%}.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(: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-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;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:not(: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))){text-align:left}.dropdown: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)){text-align:right}.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}.disabled-reason{text-overflow:ellipsis;min-width:0;font-size:var(--text-xs);color:var(--text-color-tertiary);white-space:nowrap;flex:0 45%;overflow:hidden}.disabled-reason:not(: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))){text-align:right}.disabled-reason: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)){text-align:left}.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-500);cursor:not-allowed}.option-check{color:var(--_theme-base);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;display:inline-flex}.option-check:not(: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: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}}`,ti=`ore-select`;(0,t.define)(ti,{formAssociated:!0,props:{...F,...I,...L,...R,...z,error:t.prop.string(),fullwidth:t.prop.bool(!1),helper:t.prop.string(),"hide-label":t.prop.bool(!1),label:t.prop.string(),"label-placement":t.prop.oneOf([`inset`,`outside`],`inset`),multiple:t.prop.bool(!1),name:t.prop.string(),options:t.prop.json(void 0),placeholder:t.prop.string(),required:t.prop.bool(!1),success:t.prop.bool(!1),value:t.prop.string(),variant:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=r.shadowRoot,s=(0,n.signal)([]),c=(0,n.computed)(()=>!!e.loading.value);function l(e){return{disabled:!!e.disabled,disabledReason:e.disabledReason,group:e.group,label:e.label??e.value,value:e.value}}let u=(0,n.computed)(()=>{let t=e.options.value;return Array.isArray(t)?t.map(l):s.value}),d=null,f=null,p=Y(t.onCleanup),m=rt({disabled:e.disabled,error:e.error,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],multiple:e.multiple,prefix:`select`,required:e.required,signal:p,value:e.value});m.attachFormField((0,t.useField)({disabled:m.disabled,onReset:m.reset,toFormValue:e=>e,validationMessage:m.validationMessage,validity:m.validity,value:m.formValue}));let h=At({getBoundary:()=>r,getFocusedOptionElement:()=>f?.querySelector(`[data-focused]`)??null,getItems:()=>u.value,getPanel:()=>f,getReference:()=>d,getTrigger:()=>d,isDisabled:()=>m.disabled.value,isItemDisabled:e=>e.disabled,onClose:e=>{i(`open-change`,{open:!1,reason:e}),m.triggerValidation(`blur`)},onOpen:e=>i(`open-change`,{open:!0,reason:e}),signal:p}),{triggerValidation:g}=m,_=m.selectedValues,v=m.disabled;Z(r,()=>m.formValue.value,e=>{m.setValues(e?e.split(`,`):[])});let{fieldId:y}=m,b=`listbox-${y}`,{focusedIndex:x,isOpen:S}=h;(0,t.bind)({attr:{"has-error":()=>e.error.value?!0:void 0,open:()=>S.value?!0:void 0,size:e.size,variant:e.variant}});function C(){let e=o?.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,disabledReason:t.dataset.disabledReason,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,disabledReason:t.dataset.disabledReason,group:r,label:t.text||t.value,value:t.value})}}s.value=n}let w=(0,n.computed)(()=>{if(_.value.length===0)return``;if(e.multiple.value&&_.value.length>1)return`${_.value.length} selected`;let t=_.value[0];return u.value.find(e=>e.value===t)?.label??t}),T=(0,n.computed)(()=>e.multiple.value?_.value.map(e=>({label:u.value.find(t=>t.value===e)?.label??e,value:e})):[]),E=(0,n.computed)(()=>e.multiple.value&&_.value.length>0),D=(0,n.computed)(()=>w.value||e.placeholder.value||``);function O(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 k=(0,n.computed)(()=>O(u.value));function A(){$(r,m.formValue.value),Q(r,`input`),Q(r,`change`)}function j(e){e.stopPropagation();let t=e.detail?.value;t!==void 0&&(m.removeValue(t),A(),g(`change`))}function M(e=`programmatic`){h.open(e),requestAnimationFrame(()=>{let e=_.value.length>0?u.value.findIndex(e=>e.value===_.value[0]):-1;if(e>=0){h.set(e);return}h.navigate(`first`)})}function N(t,n){t.disabled||(e.multiple.value?m.toggleValue(t.value):(m.selectValue(t.value),h.close()),A(),g(`change`))}function P(e){if(!v.value&&!h.handleKeydown(e))switch(e.key){case` `:case`Enter`:if(e.preventDefault(),S.value){let t=x.value,n=u.value;t>=0&&t<n.length&&N(n[t],e)}else M(`keyboard`);break;case`Tab`:h.close()}}let F=()=>D.value,I=()=>e[`hide-label`].value,L=()=>I()?``:e.label.value??``,R=()=>I()?e.label.value??``:null,z=()=>e.placeholder.value??``,ee=()=>e[`label-placement`].value??`inset`,B=()=>e.color?.value??void 0,te=()=>e.size?.value??void 0,ne=()=>e.variant?.value??void 0,V=()=>e.rounded?.value??void 0,re=()=>e.helper.value??``,ie=()=>e.error.value??``,H=()=>v.value?!0:void 0,ae=()=>e.required.value?!0:void 0,oe=()=>e.fullwidth.value?!0:void 0,se=()=>v.value?`-1`:`0`;(0,n.watch)(a.elements(),()=>C(),{immediate:!0});let ce=(0,n.effect)(()=>{S.value?f&&`showPopover`in f&&!f.matches(`:popover-open`)&&f.showPopover():f&&`hidePopover`in f&&f.matches(`:popover-open`)&&f.hidePopover()});return(0,t.onCleanup)(()=>ce.dispose()),(0,t.onMounted)(()=>{let e=null,t=null;return d&&(e=e=>{e.stopPropagation(),!v.value&&(S.value?h.close(`trigger`):M(`click`))},t=e=>{P(e)},d.addEventListener(`click`,e),d.addEventListener(`keydown`,t)),()=>{d&&e&&d.removeEventListener(`click`,e),d&&t&&d.removeEventListener(`keydown`,t)}}),t.html`
|
|
1857
|
+
`},shadow:{delegatesFocus:!0},styles:[Y,G,q,ce,oi]});var li=`@layer refine.base{:host{--_bg:var(--counter-bg,var(--color-contrast-100));--_border-color:var(--counter-border-color,var(--color-divider));--_radius:var(--counter-radius,var(--rounded-lg));--_gap:var(--counter-gap,var(--size-3));--_button-size:var(--counter-button-size,var(--size-11));--_value-size:var(--counter-value-size,var(--text-2xl));--_icon-size:var(--size-5);--_slot-icon-size:var(--counter-icon-size,var(--size-6));--_label-size:var(--text-sm);--_accent:var(--_theme-base,var(--text-color-heading));box-sizing:border-box;vertical-align:middle;min-width:0;display:inline-flex}:host([size=sm]){--_button-size:var(--counter-button-size,var(--size-10));--_value-size:var(--counter-value-size,var(--text-xl));--_icon-size:var(--size-4);--_slot-icon-size:var(--counter-icon-size,var(--size-5));--_label-size:var(--text-xs)}:host([size=lg]){--_button-size:var(--counter-button-size,var(--size-12));--_value-size:var(--counter-value-size,var(--text-3xl));--_icon-size:var(--size-6);--_slot-icon-size:var(--counter-icon-size,var(--size-8));--_label-size:var(--text-base)}.counter{box-sizing:border-box;gap:var(--size-2);min-width:0;padding:var(--size-3);color:var(--text-color-body);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);flex-direction:column;flex:1;display:flex}.header{gap:var(--size-2);align-items:center;min-width:0;display:flex}::slotted([slot=icon]){width:var(--_slot-icon-size);height:var(--_slot-icon-size);color:var(--_accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.label{text-overflow:ellipsis;min-width:0;font-size:var(--_label-size);font-weight:var(--font-medium);line-height:var(--leading-none);color:var(--text-color-heading);white-space:nowrap;overflow:hidden}.controls{gap:var(--_gap);justify-content:space-between;align-items:center;display:flex}.btn{all:unset;box-sizing:border-box;width:var(--_button-size);min-width:var(--_touch-target,var(--_button-size));height:var(--_button-size);min-height:var(--_touch-target,var(--_button-size));color:var(--text-color-heading);touch-action:manipulation;cursor:pointer;background:var(--color-contrast-200);border-radius:var(--_radius);transition:background var(--transition-fast), transform .12s var(--ease-spring);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.btn:hover:not(:disabled){background:var(--color-contrast-300)}.btn:active:not(:disabled){transform:scale(.94)}.btn:disabled{cursor:not-allowed;opacity:.4}.btn[hidden]{display:none}.btn-large{font-size:var(--_label-size);font-weight:var(--font-semibold);font-variant-numeric:tabular-nums;color:var(--text-color-secondary);border:var(--border) solid var(--_border-color);background:0 0}.btn-large:hover:not(:disabled){color:var(--text-color-heading);background:var(--color-contrast-200)}.value{min-width:2ch;font-size:var(--_value-size);font-weight:var(--font-semibold);font-variant-numeric:tabular-nums;line-height:var(--leading-none);color:var(--_accent);text-align:center;touch-action:manipulation;border-radius:var(--rounded-md);flex:1}.value:focus-visible{outline:2px solid var(--_theme-focus,var(--color-primary));outline-offset:2px}:host([data-bump]) .value{animation:var(--_motion-animation,counter-bump .2s var(--ease-spring))}@keyframes counter-bump{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.hint,::slotted([slot=hint]){font-size:var(--text-xs);line-height:var(--leading-snug,1.35);color:var(--text-color-tertiary)}.hint[hidden]{display:none}:host([readonly]) .controls{justify-content:flex-start}:host([readonly]) .value{flex:0}:host([readonly]) .value:not(: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))){text-align:left}:host([readonly]) .value: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)){text-align:right}}`,ui=`ore-counter`;(0,t.define)(ui,{props:{...I,...L,...R,hint:t.prop.string(),label:t.prop.string(),"large-step":t.prop.json(void 0),max:t.prop.json(void 0),min:t.prop.number(0),"quick-steps":t.prop.bool(!1),readonly:t.prop.bool(!1),step:t.prop.number(1),value:t.prop.number(0)},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.createId)(`counter-label`),o=(0,t.createId)(`counter-hint`),s=(0,n.signal)(Number(e.value.value)||0);(0,n.watch)(e.value,e=>{let t=Number(e);Number.isFinite(t)&&t!==s.value&&(s.value=t)});let c=(0,n.computed)(()=>!!e.disabled.value),l=(0,n.computed)(()=>!!e.readonly.value),u=(0,n.computed)(()=>!c.value&&!l.value),d=(0,n.computed)(()=>!!e.hint.value),f=(0,n.signal)(!1),p=null,m=xt({commit:e=>{if(e==null)return;let t=e-s.value;t!==0&&(s.value=e,r.setAttribute(`value`,String(e)),i(`change`,{delta:t,value:e}),p&&clearTimeout(p),f.value=!1,f.value=!0,p=setTimeout(()=>{f.value=!1,p=null},200))},disabled:c,largeStep:e[`large-step`],max:e.max,min:e.min,parse:()=>s.value,readonly:l,step:e.step}),h=()=>Number(e.step.value)||1,g=()=>Number(e[`large-step`].value)||h()*10,_=(0,n.computed)(()=>!!e[`quick-steps`].value),v=null,y=null,b=!1,x=()=>{v&&clearTimeout(v),y&&clearInterval(y),v=null,y=null},S=(e,t)=>{u.value&&t.button===0&&(x(),b=!1,v=setTimeout(()=>{b=!0,m.incrementBy(e(),t),y=setInterval(()=>{let n=e();if(n>0&&m.atMax()||n<0&&m.atMin()){x();return}m.incrementBy(n,t)},120)},400))},C=(e,t)=>{if(b){b=!1;return}m.incrementBy(e(),t)},w=e=>()=>e*h(),T=e=>()=>e*g(),E=e=>()=>`${e>0?`+`:`−`}${g()}`;(0,t.onCleanup)(()=>{x(),p&&clearTimeout(p)}),(0,t.bind)({attr:{"data-bump":()=>f.value?``:null,size:e.size}});let D=(0,n.computed)(()=>d.value?o:null);return t.html`
|
|
1858
|
+
<div class="counter" part="counter" role="group" aria-labelledby="${a}">
|
|
1859
|
+
<div class="header" part="header">
|
|
1860
|
+
<slot name="icon"></slot>
|
|
1861
|
+
<span class="label" part="label" id="${a}">${()=>e.label.value??``}</span>
|
|
1862
|
+
</div>
|
|
1863
|
+
<div class="controls" part="controls" @keydown="${e=>m.handleKeydown(e)}">
|
|
1864
|
+
<button
|
|
1865
|
+
class="btn btn-large"
|
|
1866
|
+
part="decrement-large-btn"
|
|
1867
|
+
type="button"
|
|
1868
|
+
tabindex="-1"
|
|
1869
|
+
aria-label="${()=>`Decrease ${e.label.value??``} by ${g()}`.trim()}"
|
|
1870
|
+
?hidden="${()=>l.value||!_.value}"
|
|
1871
|
+
?disabled="${()=>!u.value||m.atMin()}"
|
|
1872
|
+
@pointerdown="${e=>S(T(-1),e)}"
|
|
1873
|
+
@pointerup="${x}"
|
|
1874
|
+
@pointercancel="${x}"
|
|
1875
|
+
@pointerleave="${x}"
|
|
1876
|
+
@click="${e=>C(T(-1),e)}">
|
|
1877
|
+
${E(-1)}
|
|
1878
|
+
</button>
|
|
1879
|
+
<button
|
|
1880
|
+
class="btn"
|
|
1881
|
+
part="decrement-btn"
|
|
1882
|
+
type="button"
|
|
1883
|
+
tabindex="-1"
|
|
1884
|
+
aria-label="${()=>`Decrease ${e.label.value??``}`.trim()}"
|
|
1885
|
+
?hidden="${l}"
|
|
1886
|
+
?disabled="${()=>!u.value||m.atMin()}"
|
|
1887
|
+
@pointerdown="${e=>S(w(-1),e)}"
|
|
1888
|
+
@pointerup="${x}"
|
|
1889
|
+
@pointercancel="${x}"
|
|
1890
|
+
@pointerleave="${x}"
|
|
1891
|
+
@click="${e=>C(w(-1),e)}">
|
|
1892
|
+
<ore-icon name="minus" size="var(--_icon-size)" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
1893
|
+
</button>
|
|
1894
|
+
<output
|
|
1895
|
+
class="value"
|
|
1896
|
+
part="value"
|
|
1897
|
+
role="spinbutton"
|
|
1898
|
+
aria-live="polite"
|
|
1899
|
+
aria-labelledby="${a}"
|
|
1900
|
+
aria-describedby="${D}"
|
|
1901
|
+
aria-valuenow="${()=>String(s.value)}"
|
|
1902
|
+
aria-valuemin="${()=>e.min.value==null?null:String(e.min.value)}"
|
|
1903
|
+
aria-valuemax="${()=>e.max.value==null?null:String(e.max.value)}"
|
|
1904
|
+
aria-readonly="${()=>l.value?`true`:null}"
|
|
1905
|
+
aria-disabled="${()=>c.value?`true`:null}"
|
|
1906
|
+
tabindex="${()=>c.value?`-1`:`0`}">
|
|
1907
|
+
${()=>String(s.value)}
|
|
1908
|
+
</output>
|
|
1909
|
+
<button
|
|
1910
|
+
class="btn"
|
|
1911
|
+
part="increment-btn"
|
|
1912
|
+
type="button"
|
|
1913
|
+
tabindex="-1"
|
|
1914
|
+
aria-label="${()=>`Increase ${e.label.value??``}`.trim()}"
|
|
1915
|
+
?hidden="${l}"
|
|
1916
|
+
?disabled="${()=>!u.value||m.atMax()}"
|
|
1917
|
+
@pointerdown="${e=>S(w(1),e)}"
|
|
1918
|
+
@pointerup="${x}"
|
|
1919
|
+
@pointercancel="${x}"
|
|
1920
|
+
@pointerleave="${x}"
|
|
1921
|
+
@click="${e=>C(w(1),e)}">
|
|
1922
|
+
<ore-icon name="plus" size="var(--_icon-size)" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
1923
|
+
</button>
|
|
1924
|
+
<button
|
|
1925
|
+
class="btn btn-large"
|
|
1926
|
+
part="increment-large-btn"
|
|
1927
|
+
type="button"
|
|
1928
|
+
tabindex="-1"
|
|
1929
|
+
aria-label="${()=>`Increase ${e.label.value??``} by ${g()}`.trim()}"
|
|
1930
|
+
?hidden="${()=>l.value||!_.value}"
|
|
1931
|
+
?disabled="${()=>!u.value||m.atMax()}"
|
|
1932
|
+
@pointerdown="${e=>S(T(1),e)}"
|
|
1933
|
+
@pointerup="${x}"
|
|
1934
|
+
@pointercancel="${x}"
|
|
1935
|
+
@pointerleave="${x}"
|
|
1936
|
+
@click="${e=>C(T(1),e)}">
|
|
1937
|
+
${E(1)}
|
|
1938
|
+
</button>
|
|
1939
|
+
</div>
|
|
1940
|
+
<slot name="hint">
|
|
1941
|
+
<span class="hint" part="hint" id="${o}" ?hidden="${()=>!d.value}">
|
|
1942
|
+
${()=>e.hint.value??``}
|
|
1943
|
+
</span>
|
|
1944
|
+
</slot>
|
|
1945
|
+
</div>
|
|
1946
|
+
`},shadow:{delegatesFocus:!0},styles:[Y,ve,W,G,li]});var di=`@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;width:100%}.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(: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-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;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:not(: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))){text-align:left}.dropdown: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)){text-align:right}.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}.disabled-reason{text-overflow:ellipsis;min-width:0;font-size:var(--text-xs);color:var(--text-color-tertiary);white-space:nowrap;flex:0 45%;overflow:hidden}.disabled-reason:not(: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))){text-align:right}.disabled-reason: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)){text-align:left}.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-500);cursor:not-allowed}.option-check{color:var(--_theme-base);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;display:inline-flex}.option-check:not(: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: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}}`,fi=`ore-select`;(0,t.define)(fi,{formAssociated:!0,props:{...I,...L,...R,...z,...B,error:t.prop.string(),fullwidth:t.prop.bool(!1),helper:t.prop.string(),"hide-label":t.prop.bool(!1),label:t.prop.string(),"label-placement":t.prop.oneOf([`inset`,`outside`],`inset`),multiple:t.prop.bool(!1),name:t.prop.string(),options:t.prop.json(void 0),placeholder:t.prop.string(),required:t.prop.bool(!1),success:t.prop.bool(!1),value:t.prop.string(),variant:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=r.shadowRoot,s=(0,n.signal)([]),c=(0,n.computed)(()=>!!e.loading.value);function l(e){return{disabled:!!e.disabled,disabledReason:e.disabledReason,group:e.group,label:e.label??e.value,value:e.value}}let u=(0,n.computed)(()=>{let t=e.options.value;return Array.isArray(t)?t.map(l):s.value}),d=null,f=null,p=X(t.onCleanup),m=rt({disabled:e.disabled,error:e.error,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],multiple:e.multiple,prefix:`select`,required:e.required,signal:p,value:e.value});m.attachFormField((0,t.useField)({disabled:m.disabled,onReset:m.reset,toFormValue:e=>e,validationMessage:m.validationMessage,validity:m.validity,value:m.formValue}));let h=At({getBoundary:()=>r,getFocusedOptionElement:()=>f?.querySelector(`[data-focused]`)??null,getItems:()=>u.value,getPanel:()=>f,getReference:()=>d,getTrigger:()=>d,isDisabled:()=>m.disabled.value,isItemDisabled:e=>e.disabled,onClose:e=>{i(`open-change`,{open:!1,reason:e}),m.triggerValidation(`blur`)},onOpen:e=>i(`open-change`,{open:!0,reason:e}),signal:p}),{triggerValidation:g}=m,_=m.selectedValues,v=m.disabled;Yr(r,()=>m.formValue.value,e=>{m.setValues(e?e.split(`,`):[])});let{fieldId:y}=m,b=`listbox-${y}`,{focusedIndex:x,isOpen:S}=h;(0,t.bind)({attr:{"has-error":()=>e.error.value?!0:void 0,open:()=>S.value?!0:void 0,size:e.size,variant:e.variant}});function C(){let e=o?.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,disabledReason:t.dataset.disabledReason,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,disabledReason:t.dataset.disabledReason,group:r,label:t.text||t.value,value:t.value})}}s.value=n}let w=(0,n.computed)(()=>{if(_.value.length===0)return``;if(e.multiple.value&&_.value.length>1)return`${_.value.length} selected`;let t=_.value[0];return u.value.find(e=>e.value===t)?.label??t}),T=(0,n.computed)(()=>e.multiple.value?_.value.map(e=>({label:u.value.find(t=>t.value===e)?.label??e,value:e})):[]),E=(0,n.computed)(()=>e.multiple.value&&_.value.length>0),D=(0,n.computed)(()=>w.value||e.placeholder.value||``);function O(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 k=(0,n.computed)(()=>O(u.value));function A(){$(r,m.formValue.value),Q(r,`input`),Q(r,`change`)}function j(e){e.stopPropagation();let t=e.detail?.value;t!==void 0&&(m.removeValue(t),A(),g(`change`))}function M(e=`programmatic`){h.open(e),requestAnimationFrame(()=>{let e=_.value.length>0?u.value.findIndex(e=>e.value===_.value[0]):-1;if(e>=0){h.set(e);return}h.navigate(`first`)})}function N(t,n){t.disabled||(e.multiple.value?m.toggleValue(t.value):(m.selectValue(t.value),h.close()),A(),g(`change`))}function P(e){if(!v.value&&!h.handleKeydown(e))switch(e.key){case` `:case`Enter`:if(e.preventDefault(),S.value){let t=x.value,n=u.value;t>=0&&t<n.length&&N(n[t],e)}else M(`keyboard`);break;case`Tab`:h.close()}}let F=()=>D.value,I=()=>e[`hide-label`].value,L=()=>I()?``:e.label.value??``,R=()=>I()?e.label.value??``:null,z=()=>e.placeholder.value??``,B=()=>e[`label-placement`].value??`inset`,V=()=>e.color?.value??void 0,ee=()=>e.size?.value??void 0,te=()=>e.variant?.value??void 0,H=()=>e.rounded?.value??void 0,ne=()=>e.helper.value??``,re=()=>e.error.value??``,U=()=>v.value?!0:void 0,ie=()=>e.required.value?!0:void 0,ae=()=>e.fullwidth.value?!0:void 0,oe=()=>v.value?`-1`:`0`;(0,n.watch)(a.elements(),()=>C(),{immediate:!0});let se=(0,n.effect)(()=>{S.value?f&&`showPopover`in f&&!f.matches(`:popover-open`)&&f.showPopover():f&&`hidePopover`in f&&f.matches(`:popover-open`)&&f.hidePopover()});return(0,t.onCleanup)(()=>se.dispose()),(0,t.onMounted)(()=>{let e=null,t=null;return d&&(e=e=>{e.stopPropagation(),!v.value&&(S.value?h.close(`trigger`):M(`click`))},t=e=>{P(e)},d.addEventListener(`click`,e),d.addEventListener(`keydown`,t)),()=>{d&&e&&d.removeEventListener(`click`,e),d&&t&&d.removeEventListener(`keydown`,t)}}),t.html`
|
|
1830
1947
|
<slot style="display:none"></slot>
|
|
1831
1948
|
<ore-input
|
|
1832
1949
|
class="trigger"
|
|
1833
1950
|
part="trigger"
|
|
1834
1951
|
readonly
|
|
1835
|
-
tabindex="${
|
|
1952
|
+
tabindex="${oe}"
|
|
1836
1953
|
role="combobox"
|
|
1837
1954
|
aria-haspopup="listbox"
|
|
1838
1955
|
aria-controls="${b}"
|
|
@@ -1843,16 +1960,16 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1843
1960
|
value="${F}"
|
|
1844
1961
|
label="${L}"
|
|
1845
1962
|
placeholder="${z}"
|
|
1846
|
-
label-placement="${
|
|
1847
|
-
color="${
|
|
1848
|
-
size="${
|
|
1849
|
-
variant="${
|
|
1850
|
-
rounded="${
|
|
1851
|
-
helper="${
|
|
1852
|
-
error="${
|
|
1853
|
-
?disabled="${
|
|
1854
|
-
?required="${
|
|
1855
|
-
?fullwidth="${
|
|
1963
|
+
label-placement="${B}"
|
|
1964
|
+
color="${V}"
|
|
1965
|
+
size="${ee}"
|
|
1966
|
+
variant="${te}"
|
|
1967
|
+
rounded="${H}"
|
|
1968
|
+
helper="${ne}"
|
|
1969
|
+
error="${re}"
|
|
1970
|
+
?disabled="${U}"
|
|
1971
|
+
?required="${ie}"
|
|
1972
|
+
?fullwidth="${ae}"
|
|
1856
1973
|
?success="${()=>e.success.value}"
|
|
1857
1974
|
ref="${e=>{d=e}}">
|
|
1858
1975
|
<div slot="prefix" class="chips-row" ?hidden="${()=>!E.value}">
|
|
@@ -1913,7 +2030,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1913
2030
|
`)}
|
|
1914
2031
|
</div>
|
|
1915
2032
|
</div>
|
|
1916
|
-
`},shadow:{delegatesFocus:!0},styles:[
|
|
2033
|
+
`},shadow:{delegatesFocus:!0},styles:[Y,G,q,di]});var pi=e=>{let{bindTriggerAria:t,defaultOpen:r,disabled:i,getPanel:a,onClose:o,onOpen:c,onPlacementChange:l,openProp:u,placement:d,slot:f,slotElements:p,triggers:m}=e,h=()=>typeof f==`function`?f():f,g=()=>{let t=e.offset;return t==null?8:(typeof t==`object`?t.value:t)??8},_=X(e.onCleanup),v=(0,n.signal)(!1),y=()=>u.value!==void 0,b=null,x=null;function S(){let e=a(),t=b??h()?.assignedElements({flatten:!0})[0];if(!e||!t)return;let n=e.style.transition,r=e.style.transform;e.style.transition=`none`,e.style.transform=`none`;let i=(0,s.computePosition)(t,e,{middleware:[(0,s.offset)(g()),(0,s.flip)(),(0,s.shift)({padding:8})],placement:d.value});e.style.left=`${i.x}px`,e.style.top=`${i.y}px`,e.style.transition=n,e.style.transform=r,e.dataset.placement=i.placement,l?.(i.placement)}function C(){v.value=!0;let e=a();if(e&&(e.dataset.open=``,`showPopover`in e))try{e.matches(`:popover-open`)||e.showPopover()}catch{}S()}function w(){v.value=!1;let e=a();if(e&&(delete e.dataset.open,`hidePopover`in e))try{e.matches(`:popover-open`)&&e.hidePopover()}catch{}}function T(e=`programmatic`){if(!(i.value||v.value)){if(y()){c?.(e);return}C(),c?.(e)}}function E(e=`trigger`){if(v.value){if(y()){o?.(e);return}w(),o?.(e)}}function D(){v.value?E():T(`click`)}function O(e){e.key===`Escape`&&E(`escape`)}function k(e){let t=e.relatedTarget,n=a();t&&n?.contains(t)||t&&b?.contains(t)||E(`trigger`)}let A=()=>{x?.(),x=null;let e=h()?.assignedElements({flatten:!0})[0];if(!e){b=null;return}b=e;let n=t(e),r=[],i=(e,t,n,i)=>{e.addEventListener(t,n,i),r.push(()=>e.removeEventListener(t,n,i))},o=m.value;if(o.includes(`click`)&&i(e,`click`,D),o.includes(`hover`)){i(e,`pointerenter`,()=>T(`hover`)),i(e,`pointerleave`,()=>E(`trigger`));let t=a();t&&(i(t,`pointerenter`,()=>T(`hover`)),i(t,`pointerleave`,()=>E(`trigger`)))}if(o.includes(`focus`)){i(e,`focusin`,()=>T(`focus`)),i(e,`focusout`,k);let t=a();t&&i(t,`focusout`,k)}i(document,`keydown`,O),x=()=>{n();for(let e of r)e();b=null}},j=vt({getTargets:()=>[b,a(),e.getHost?.()],isActive:()=>v.value&&m.value.includes(`click`),onDismiss:()=>E(`outsideClick`),signal:_});return{close:E,mount:()=>{let e=!1,t=h(),s=()=>{queueMicrotask(()=>{_.aborted||A()})};return t?.addEventListener(`slotchange`,s),s(),(0,n.watch)(p,A,{immediate:!0}),(0,n.watch)(u,t=>{if(t==null){e&&v.value&&(w(),o?.(`programmatic`)),e=!0;return}e=!0,t?C():v.value&&w()},{immediate:!0}),u.value===void 0&&r.value&&(C(),c?.(`programmatic`)),(0,n.watch)(i,e=>{e&&E(`programmatic`)}),()=>{t?.removeEventListener(`slotchange`,s),x?.(),x=null;let e=a();if(e&&(delete e.dataset.open,`hidePopover`in e))try{e.matches(`:popover-open`)&&e.hidePopover()}catch{}j()}},open:T,toggle:D,updatePosition:S,visible:v}},mi=`@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));overflow:var(--popover-overflow,auto);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}.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)}}}`,hi=8,gi=new Set([`click`,`focus`,`hover`]),_i=[`click`],vi=e=>e==null?void 0:e===``||e===`true`,yi=e=>jt(String(e??``),gi,_i),bi=`ore-popover`;(0,t.define)(bi,{props:{...R,"default-open":t.prop.bool(!1),label:t.prop.string(),offset:t.prop.number(hi),open:{default:void 0,parse:vi},placement:t.prop.oneOf([`bottom`,`bottom-end`,`bottom-start`,`left`,`left-end`,`left-start`,`right`,`right-end`,`right-start`,`top`,`top-end`,`top-start`],`bottom`),trigger:t.prop.string(`click`)},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=r.shadowRoot,s=(0,n.computed)(()=>!!e.disabled.value),c=(0,t.createId)(`popover`),l=(0,n.computed)(()=>yi(e.trigger.value)),u=null,d=pi({bindTriggerAria:e=>(0,t.bind)({attr:{"aria-controls":()=>c,"aria-disabled":()=>String(s.value),"aria-expanded":()=>String(d.visible.value),"aria-haspopup":`dialog`}},{target:e}),defaultOpen:e[`default-open`],disabled:s,getHost:()=>r,getPanel:()=>u,offset:e.offset,onCleanup:t.onCleanup,onClose:e=>i(`open-change`,{open:!1,reason:e}),onOpen:e=>i(`open-change`,{open:!0,reason:e}),openProp:e.open,placement:(0,n.computed)(()=>e.placement.value),slot:()=>o?.querySelector(`slot:not([name])`)??null,slotElements:a.elements(),triggers:l});return(0,t.onMounted)(()=>d.mount()),t.html`
|
|
1917
2034
|
<slot></slot>
|
|
1918
2035
|
<div
|
|
1919
2036
|
class="panel"
|
|
@@ -1927,7 +2044,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1927
2044
|
ref=${e=>{u=e}}>
|
|
1928
2045
|
<slot name="content"></slot>
|
|
1929
2046
|
</div>
|
|
1930
|
-
`},styles:[W,ri]});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-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:not(: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))){text-align:left}.dg-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)){text-align:right}.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,: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,: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,: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,: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,: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(:is([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,: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,: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,: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,: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,: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}@media (width<=40rem){.dg-tabs{overscroll-behavior-inline:contain;scrollbar-width:none;overflow-x:auto}.dg-tabs::-webkit-scrollbar{display:none}.dg-tab{flex:none;min-width:max-content}}.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{--input-height:var(--size-7);opacity:0;width:0;transition:width var(--transition-fast), opacity var(--transition-fast);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{gap:var(--size-3);min-height:var(--size-10);padding:var(--size-2) var(--size-3);border-bottom:var(--border) solid var(--_border-color);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-heading,.dg-pop-heading>*{min-width:0;display:block}.dg-pop-heading small{font-size:var(--text-xs);color:var(--color-contrast-500);margin-top:var(--size-0-5)}.dg-pop-sort{flex-direction:column;display:flex}.dg-pop-sort-row{gap:var(--size-2);padding:var(--size-2) var(--size-3);align-items:center;display:flex}.dg-pop-select,.dg-pop-dir-select{--input-min-width:0;--select-min-width:0;width:0;min-width:0}.dg-pop-select{flex:2 1 0}.dg-pop-dir-select{flex:0 0 var(--size-28);width:var(--size-28)}.dg-pop-filter{flex-direction:column;display:flex}.dg-pop-filter-fields{padding:var(--size-2) 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{--input-min-width:0;--select-min-width:0;--select-height:var(--size-6);--select-font-size:var(--text-2xs);--select-padding-x:var(--size-1-5);flex:1 1 0;min-width:6rem}.dg-state-trigger{position:relative}.dg-state-trigger[data-customized]:after{width:var(--size-1-5);height:var(--size-1-5);content:"";background:var(--color-primary);border:var(--border) solid var(--_header-bg);top:var(--size-1);border-radius:50%;position:absolute}.dg-state-trigger[data-customized]:not(: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))):after{right:var(--size-1)}.dg-state-trigger[data-customized]: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)):after{left:var(--size-1)}.dg-pop-col{width:18rem}.dg-pop-col-list{gap:var(--size-0-5);max-height:min(50vh,24rem);padding:var(--size-2) var(--size-3);overscroll-behavior:contain;display:grid;overflow-y:auto}.dg-pop-col-item{--checkbox-size:var(--size-4);--checkbox-font-size:var(--text-sm);width:100%;padding:var(--size-1) var(--size-2);cursor:pointer;border-radius:var(--rounded-md)}.dg-pop-col-item:hover{background:var(--color-contrast-150)}.dg-pop-col-item::part(label){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dg-footer{gap:var(--size-2);padding:var(--size-1) var(--_cell-padding-x);font-size:var(--text-xs);color:var(--color-contrast-500);background:var(--_header-bg);flex-wrap:wrap;align-items:center;display:flex}.dg-footer-info{white-space:nowrap}.dg-footer-start{gap:var(--size-2);flex:auto;align-items:center;min-width:0;display:flex}.dg-page-size-wrap{width:var(--size-20);flex-shrink:0;order:-1}.dg-page-size-select{--input-height:var(--size-8);--input-min-width:0;--select-min-width:0;--select-font-size:var(--text-xs);--select-padding-x:var(--size-2)}.dg-pagination{gap:var(--size-1);flex-shrink:0;align-items:center;display:flex}.dg-pagination:not(: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:auto}.dg-pagination: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(:dir(rtl)) .dg-page-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)) .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(: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: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)}}}`;customElements.get(`ore-column`)||customElements.define(`ore-column`,class extends HTMLElement{connectedCallback(){this.getAttribute(`key`),this.getAttribute(`label`)}});var di=[`key`,`label`,`sortable`,`resizable`,`align`,`width`,`header-label`];function fi(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 pi=[{label:`Contains`,value:`contains`},{label:`Equals`,value:`equals`},{label:`Greater than`,value:`gt`},{label:`Less than`,value:`lt`}],mi=e=>{let t=(0,n.signal)(``),r=(0,n.signal)(!1),i=(0,n.signal)(new Set),a=(0,n.signal)(new Set),o=(0,n.signal)(new Map),s=(0,n.signal)(``),c=(0,n.signal)(`none`),l=(0,n.signal)(new Set),u=(0,n.signal)(0),d=(0,n.computed)(()=>new Set([...e.columns.value.map(e=>e.key),...(e.filterOptions.value??[]).map(e=>e.key)])),f=(0,n.computed)(()=>e.columns.value.filter(e=>!i.value.has(e.key))),p=(0,n.computed)(()=>{let t=e.items.value;if(!e.clientSide.value)return t;let n=e.activeView?.value?.filter;return n?t.filter(n):t}),m=(t,n)=>{let r=e.columns.value.find(e=>e.key===n);return r?.filterValue?r.filterValue(t):t[n]},h=(0,n.computed)(()=>{let t=new Set((e.filterOptions.value??[]).map(e=>e.key)),n=[...a.value].filter(e=>!t.has(e));if(!n.length)return new Map;let r=new Map;for(let t of n){let n=e.columns.value.find(e=>e.key===t),i=new Set,a=[];for(let r of p.value){let o=m(r,t),s=o==null?``:String(o),c=n?.filterLabel?.(r)??n?.cell?.(r)??s;i.has(s)||(i.add(s),a.push({label:c||e.emptyValueLabel?.value||`(empty)`,value:s}))}r.set(t,a)}return r}),g=(0,n.computed)(()=>{let t=e.filterOptions.value??[],n=new Set(t.map(e=>e.key)),r=t.filter(e=>a.value.has(e.key)),i=[...a.value].filter(e=>!n.has(e)).map(t=>({key:t,label:e.columns.value.find(e=>e.key===t)?.label??t,operators:e.filterOperators?.value??pi,options:h.value.get(t)??[]}));return[...r.map(t=>({...t,operators:t.operators??e.filterOperators?.value??pi})),...i]}),_=(0,n.computed)(()=>{let n=p.value;if(!e.clientSide.value)return n;let r=t.value.trim().toLowerCase();return r?n.filter(t=>e.columns.value.some(e=>{let n=e.cell?e.cell(t):m(t,e.key);return n!=null&&String(n).toLowerCase().includes(r)})):n}),v=(0,n.computed)(()=>{let t=_.value;return!e.clientSide.value||!o.value.size?t:t.filter(e=>{for(let[t,n]of o.value){if(!n.values.size||!d.value.has(t))continue;let r=m(e,t),i=r==null?``:String(r);if(n.operator===`equals`&&!n.values.has(i)||n.operator===`contains`&&![...n.values].some(e=>i.toLowerCase().includes(e.toLowerCase())))return!1;if(n.operator===`gt`||n.operator===`lt`){let e=parseFloat(i),t=[...n.values].map(parseFloat).filter(e=>!Number.isNaN(e));if(!t.length)continue;if(n.operator===`gt`&&!t.some(t=>e>t)||n.operator===`lt`&&!t.some(t=>e<t))return!1}}return!0})}),y=(0,n.computed)(()=>({direction:c.value,key:s.value})),b=(0,n.computed)(()=>{let t=v.value;if(!e.clientSide.value||e.sortMode.value===`server`)return t;let{direction:n,key:r}=y.value;if(!r||n===`none`)return t;let i=e.columns.value.find(e=>e.key===r);return t.slice().sort((e,t)=>{let a=i?.sortValue?i.sortValue(e):e[r],o=i?.sortValue?i.sortValue(t):t[r],s=typeof a==`number`&&typeof o==`number`?a-o:String(a??``).localeCompare(String(o??``));return n===`asc`?s:-s})}),x=(0,n.computed)(()=>b.value.length),S=(0,n.computed)(()=>{let t=e.pageSize.value;return Math.ceil(x.value/(t<=0?2**53-1:t))}),C=(0,n.computed)(()=>S.value?Math.min(u.value,S.value-1):-1),w=(0,n.computed)(()=>{let t=e.pageSize.value;if(t<=0)return b.value;let n=C.value*t;return b.value.slice(n,n+t)}),T=(0,n.computed)(()=>S.value>0&&C.value<S.value-1),E=(0,n.computed)(()=>C.value>0),D=(0,n.computed)(()=>e.items.value.filter(t=>l.value.has(e.getRowKey(t))));(0,n.watch)(d,e=>{let t=new Set([...a.value].filter(t=>e.has(t))),n=new Map([...o.value].filter(([t])=>e.has(t)));t.size!==a.value.size&&(a.value=t),n.size!==o.value.size&&(o.value=n)},{immediate:!1}),(0,n.watch)(b,()=>{u.value=0});let O=t=>{l.value=t,e.onSelectionChange?.(t)},k=(e,t)=>{let n=new Map(o.value);if(t.length){let r=g.value.find(t=>t.key===e)?.operators?.[0]?.value;n.set(e,{operator:n.get(e)?.operator??r??`contains`,values:new Set(t)})}else n.delete(e);o.value=n},A=(e,t)=>{let n=o.value.get(e);o.value=new Map(o.value).set(e,{operator:t,values:n?.values??new Set})},j=(t,n)=>{s.value=n===`none`?``:t,c.value=n,u.value=0,e.onSortChange?.(y.value)};return{activateFilterKey:e=>{a.value.has(e)||(a.value=new Set([...a.value,e]))},clearAllFilters:()=>{a.value=new Set,o.value=new Map},clearSelection:()=>O(new Set),currentPageItems:w,filterDefs:g,filteredRows:v,filterValues:o,goToPage:e=>{Number.isFinite(e)&&(u.value=Math.max(0,e))},hasNextPage:T,hasPrevPage:E,hiddenColumns:i,isAllSelected:()=>{let t=w.value;return t.length>0&&t.every(t=>l.value.has(e.getRowKey(t)))},nextPage:()=>{T.value&&(u.value=C.value+1)},pageCount:S,pageIndex:C,prevPage:()=>{E.value&&(u.value=C.value-1)},removeFilter:e=>{let t=new Set(a.value);t.delete(e),a.value=t;let n=new Map(o.value);n.delete(e),o.value=n},resetColumnVisibility:()=>{i.value=new Set},resetFilters:()=>{a.value=new Set,o.value=new Map},resetSearch:()=>{t.value=``,r.value=!1},searchActive:r,searchQuery:t,selectAll:()=>{if(e.selectionMode.value!==`multi`)return;let t=new Set(l.value);if(w.value.every(n=>t.has(e.getRowKey(n))))for(let n of w.value)t.delete(e.getRowKey(n));else for(let n of w.value)t.add(e.getRowKey(n));O(t)},selectedKeys:(0,n.computed)(()=>new Set(l.value)),selectedRows:D,setActiveFilterKeys:e=>{let t=new Set(e);a.value=t,o.value=new Map([...o.value].filter(([e])=>t.has(e)))},setFilter:k,setFilterOperator:A,setSearchQuery:e=>{t.value=e},setSelection:e=>O(new Set(e)),sortBy:e=>{let t=s.value===e?c.value===`asc`?`desc`:c.value===`desc`?`none`:`asc`:`asc`;j(t===`none`?``:e,t)},sortState:y,sortTo:j,toggleColumnVisibility:e=>{let t=new Set(i.value);if(t.has(e))t.delete(e);else{if(f.value.length<=1)return;t.add(e)}i.value=t},toggleRow:t=>{if(e.selectionMode.value===`none`)return;let n=new Set(l.value);n.has(t)?n.delete(t):(e.selectionMode.value===`single`&&n.clear(),n.add(t)),O(n)},toggleSearch:()=>{r.value&&(t.value=``),r.value=!r.value},totalItems:x,visibleColumns:f}},hi=`.dg-td, .dg-th`;function gi(e){return Array.from(e.querySelectorAll(`tr`)).map(e=>Array.from(e.querySelectorAll(hi))).filter(e=>e.length>0)}function _i(e,t){let r=(0,n.signal)({col:0,row:0}),i=e=>{let n=gi(t),i=Math.max(0,Math.min(e.row,n.length-1)),a=n[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 n)for(let t of e)t.setAttribute(`tabindex`,`-1`);s.setAttribute(`tabindex`,`0`),s.focus(),r.value={col:o,row:i}}},a=e=>{let n=t.activeElement;if(!n?.matches(hi))return;let r=gi(t),a=r.findIndex(e=>e.includes(n));if(a===-1)return;let o=r[a].indexOf(n),s=r.length-1,c=r[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(),i({col:Math.max(0,Math.min(u,(r[Math.max(0,Math.min(l,s))]?.length??1)-1)),row:Math.max(0,Math.min(l,s))})};return e.addEventListener(`keydown`,a),{cleanup:()=>e.removeEventListener(`keydown`,a),handle:{activeCell:r,focusCell:i}}}var vi={activeFilters:e=>`${e} active filter${e===1?``:`s`}`,addFilter:`Add filter…`,ascending:`A → Z`,clearAllFilters:`Clear all filters`,clearFiltersAndSearch:`Clear all filters & search`,clearSort:`Clear sort`,closeSearch:`Close search`,collapseRow:`Collapse row`,columnOptions:`Column options`,columnVisibility:`Column visibility`,comfortableDensity:`Density: Comfortable`,compactDensity:`Density: Compact`,contains:`Contains`,cozyDensity:`Density: Cozy`,data:`Data`,descending:`Z → A`,emptyValue:`(empty)`,equals:`Equals`,expandRow:`Expand row`,filter:`Filter`,filterBy:`Filter by`,filterOperator:e=>`${e} operator`,greaterThan:`Greater than`,hiddenColumns:e=>`${e} hidden column${e===1?``:`s`}`,lessThan:`Less than`,nextPage:`Next page`,numericAscending:`0 → 9`,numericDescending:`9 → 0`,pageNavigation:`Page navigation`,pagination:`Pagination`,previousPage:`Previous page`,property:`Property`,range:(e,t,n)=>`${e} to ${t} of ${n}`,removeFilter:`Remove filter`,resetColumns:`Reset`,rowDetails:`Row details`,rows:e=>`${e} row${e===1?``:`s`}`,rowsPerPage:`Rows per page`,search:`Search`,selectAllRows:`Select all rows on this page`,selectRow:`Select row`,sort:`Sort`,sortBy:`Sort by`,views:`Views`,visibleColumns:(e,t)=>`${e} of ${t} visible`};function yi(e,t){return e.key!==t||e.direction===`none`?`chevrons-up-down`:e.direction===`asc`?`chevron-up`:`chevron-down`}function bi(e,t){return e.key!==t||e.direction===`none`?`none`:e.direction===`asc`?`ascending`:`descending`}function xi(e){let t=e.detail;return Array.isArray(t?.values)?t.values:(e.target.value??``).split(`,`).filter(Boolean)}var Si=`ore-datagrid`;(0,t.define)(Si,{props:{activeView:t.prop.string(),density:t.prop.string(),...L,...R,columns:t.prop.data(),emptyText:t.prop.string(`No data`),expandable:t.prop.bool(!1),filterOptions:t.prop.data(),fullwidth:t.prop.bool(!1),getRowKey:t.prop.data(),label:t.prop.string(),labels:t.prop.data(),pageSize:t.prop.number(10),pageSizeOptions:t.prop.data(),rows:t.prop.data(),searchLabel:t.prop.data(),searchPlaceholder:t.prop.string(),selectedKeys:t.prop.data(),selectionMode:t.prop.string(`none`),sortMode:t.prop.string(`client`),source:t.prop.data(),striped:t.prop.bool(!1),views:t.prop.data()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),s=(0,n.computed)(()=>({...vi,...e.labels.value})),c=(0,n.computed)(()=>e.disabled.value===!0),l=(0,n.computed)(()=>e.selectionMode.value??`none`),u=(0,n.signal)(new Set),d=(0,n.computed)(()=>e.expandable.value===!0&&h.value.some(e=>typeof e.renderExpanded==`function`)),f=(0,n.computed)(()=>+(l.value===`multi`)),p=(0,n.signal)(e.pageSize.value??10);(0,n.watch)(e.pageSize,e=>{e!=null&&(p.value=e)});let m=(0,n.signal)([]);(0,t.onMounted)(()=>{m.value=fi(r);let e=new MutationObserver(()=>{m.value=fi(r)});return e.observe(r,{attributeFilter:di,attributes:!0,childList:!0,subtree:!0}),()=>e.disconnect()});let h=(0,n.computed)(()=>{let t=e.columns.value;return t===void 0?m.value:t}),g=(0,n.computed)(()=>{let t=h.value.map(e=>({label:e.label,value:e.key})),n=new Set(t.map(e=>e.value));for(let r of e.filterOptions.value??[])n.has(r.key)||t.push({label:r.label,value:r.key});return t}),_=t=>{let n=e.getRowKey.value;if(n)return n(t);let r=t.id;return r==null?`__missing_${Math.random().toString(36).slice(2)}`:String(r)},v=(0,n.computed)(()=>e.source.value!=null),y=(0,n.signal)([]),b=(0,n.signal)({error:null,isLoading:!1,pageCount:1,pageNumber:1,pageSize:p.value,totalItems:0}),x=null;(0,t.onCleanup)(()=>{x?.(),x=null}),(0,n.watch)(e.source,e=>{if(x?.(),x=null,!e){y.value=[],b.value={error:null,isLoading:!1,pageCount:1,pageNumber:1,pageSize:p.value,totalItems:0};return}let t=(t=e.state)=>{y.value=t.items,b.value={error:t.error,isLoading:t.loading,pageCount:t.pagination.pageCount,pageNumber:t.pagination.page,pageSize:t.pagination.pageSize,totalItems:t.pagination.totalItems}};t(),x=e.subscribe(t)},{immediate:!0});let S=mi({activeView:(0,n.computed)(()=>(e.views.value??[]).find(t=>t.id===e.activeView.value)),clientSide:(0,n.computed)(()=>!v.value),columns:h,emptyValueLabel:(0,n.computed)(()=>s.value.emptyValue),filterOperators:(0,n.computed)(()=>[{label:s.value.contains,value:`contains`},{label:s.value.equals,value:`equals`},{label:s.value.greaterThan,value:`gt`},{label:s.value.lessThan,value:`lt`}]),filterOptions:e.filterOptions,getRowKey:_,items:(0,n.computed)(()=>v.value?y.value:e.rows.value??[]),onSelectionChange:e=>{i(`selection-change`,{keys:[...e],rows:S.selectedRows.value})},onSortChange:e=>{i(`sort-change`,e)},pageSize:(0,n.computed)(()=>v.value?0:p.value),selectionMode:l,sortMode:(0,n.computed)(()=>e.sortMode.value??`client`)}),C=(0,n.computed)(()=>{let e=h.value.find(e=>e.key===S.sortState.value.key);if(e?.sortType)return e.sortType;let t=S.filteredRows.value.find(t=>t[e?.key??``]!=null);return t&&typeof t[e?.key??``]==`number`?`number`:`text`}),w=(0,n.computed)(()=>C.value===`number`?[{label:s.value.numericAscending,value:`asc`},{label:s.value.numericDescending,value:`desc`}]:[{label:s.value.ascending,value:`asc`},{label:s.value.descending,value:`desc`}]),T=e=>{e&&e.catch(e=>(`${String(e)}`,void 0))},E=t=>{T(e.source.value?.setParams?.(t))},D=(0,o.debounce)(t=>{e.source.value?.setParams?E(t):S.setSearchQuery(t)},250);(0,t.onCleanup)(D.cancel),(0,n.watch)(e.selectedKeys,e=>{Array.isArray(e)&&S.setSelection(new Set(e))},{immediate:!0});let O=(0,n.signal)({}),k=(e,t)=>n=>{n.preventDefault();let r=n.clientX,i=t.getBoundingClientRect().width,a=new AbortController,{signal:o}=a;window.addEventListener(`pointermove`,t=>{O.value={...O.value,[e]:Math.max(40,i+t.clientX-r)}},{signal:o}),window.addEventListener(`pointerup`,()=>a.abort(),{signal:o})},A=S.visibleColumns,j=(e,t)=>{if(e.cell)return e.cell(t);let n=t[e.key];return n==null?``:String(n)};function M(t){let n=e.source.value;if(n){T(t===`prev`?n.previous():n.next());return}t===`prev`?S.prevPage():S.nextPage(),i(`page-change`,{pageIndex:S.pageIndex.value,pageSize:p.value})}let N=(0,n.computed)(()=>{let e=S.currentPageItems.value;return!e.length||S.isAllSelected()?!1:e.some(e=>S.selectedKeys.value.has(_(e)))}),P=(0,n.computed)(()=>A.value.length+ +(l.value===`multi`)+ +!!d.value),F=(0,n.computed)(()=>v.value?b.value.pageCount>1:p.value>0),I=(0,n.computed)(()=>{if(v.value){let{pageNumber:e,pageSize:t,totalItems:n}=b.value,r=Math.max(1,t);if(!F.value)return s.value.rows(n);if(n===0)return s.value.range(0,0,0);let i=(e-1)*r+1,a=Math.min(i+r-1,n);return s.value.range(i,a,n)}let e=S.totalItems.value;if(!F.value)return s.value.rows(e);if(e===0)return s.value.range(0,0,0);let t=S.pageIndex.value*p.value+1,n=Math.min(t+p.value-1,e);return s.value.range(t,n,e)}),L=(0,n.computed)(()=>e.loading.value===!0||v.value&&b.value.isLoading),R=(0,n.computed)(()=>v.value?b.value.pageNumber>1:S.hasPrevPage.value),z=(0,n.computed)(()=>v.value?b.value.pageNumber<b.value.pageCount:S.hasNextPage.value),ee=(0,n.computed)(()=>v.value?b.value.totalItems===0?`0 / 0`:`${b.value.pageNumber} / ${b.value.pageCount}`:`${S.pageIndex.value+1} / ${S.pageCount.value}`),B=[`compact`,`cozy`,`comfortable`],te={comfortable:`rows-2`,compact:`rows-4`,cozy:`rows-3`},ne=(0,n.computed)(()=>({comfortable:s.value.comfortableDensity,compact:s.value.compactDensity,cozy:s.value.cozyDensity})),V=(0,n.signal)(e.density.value??`cozy`);(0,n.watch)(e.density,e=>{e&&(V.value=e)});let re=()=>{let e=B.indexOf(V.value),t=B[(e+1)%B.length];V.value=t,r.setAttribute(`density`,t),i(`density-change`,{density:t})},ie=e=>{let t=new Set(u.value),n=!t.has(e);n?t.add(e):t.delete(e),u.value=t,i(`row-expand`,{expanded:n,key:e})},H={activeCell:(0,n.signal)({col:0,row:0}),focusCell:()=>{}};(0,t.onMounted)(()=>{let e=r.shadowRoot,t=e.querySelector(`.dg-table`);if(!t)return;let{cleanup:n,handle:i}=_i(t,e);return H=i,n}),r.focusCell=e=>H.focusCell(e);let ae=()=>{let n=e.views.value??[],r=e.activeView.value;return t.html`
|
|
2047
|
+
`},styles:[G,mi]});var xi=`@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-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:not(: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))){text-align:left}.dg-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)){text-align:right}.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,: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,: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,: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,: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,: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(:is([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,: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,: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,: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,: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,: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}@media (width<=40rem){.dg-tabs{overscroll-behavior-inline:contain;scrollbar-width:none;overflow-x:auto}.dg-tabs::-webkit-scrollbar{display:none}.dg-tab{flex:none;min-width:max-content}}.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{--input-height:var(--size-7);opacity:0;width:0;transition:width var(--transition-fast), opacity var(--transition-fast);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{gap:var(--size-3);min-height:var(--size-10);padding:var(--size-2) var(--size-3);border-bottom:var(--border) solid var(--_border-color);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-heading,.dg-pop-heading>*{min-width:0;display:block}.dg-pop-heading small{font-size:var(--text-xs);color:var(--color-contrast-500);margin-top:var(--size-0-5)}.dg-pop-sort{flex-direction:column;display:flex}.dg-pop-sort-row{gap:var(--size-2);padding:var(--size-2) var(--size-3);align-items:center;display:flex}.dg-pop-select,.dg-pop-dir-select{--input-min-width:0;--select-min-width:0;width:0;min-width:0}.dg-pop-select{flex:2 1 0}.dg-pop-dir-select{flex:0 0 var(--size-28);width:var(--size-28)}.dg-pop-filter{flex-direction:column;display:flex}.dg-pop-filter-fields{padding:var(--size-2) 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{--input-min-width:0;--select-min-width:0;--select-height:var(--size-6);--select-font-size:var(--text-2xs);--select-padding-x:var(--size-1-5);flex:1 1 0;min-width:6rem}.dg-state-trigger{position:relative}.dg-state-trigger[data-customized]:after{width:var(--size-1-5);height:var(--size-1-5);content:"";background:var(--color-primary);border:var(--border) solid var(--_header-bg);top:var(--size-1);border-radius:50%;position:absolute}.dg-state-trigger[data-customized]:not(: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))):after{right:var(--size-1)}.dg-state-trigger[data-customized]: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)):after{left:var(--size-1)}.dg-pop-col{width:18rem}.dg-pop-col-list{gap:var(--size-0-5);max-height:min(50vh,24rem);padding:var(--size-2) var(--size-3);overscroll-behavior:contain;display:grid;overflow-y:auto}.dg-pop-col-item{--checkbox-size:var(--size-4);--checkbox-font-size:var(--text-sm);width:100%;padding:var(--size-1) var(--size-2);cursor:pointer;border-radius:var(--rounded-md)}.dg-pop-col-item:hover{background:var(--color-contrast-150)}.dg-pop-col-item::part(label){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dg-footer{gap:var(--size-2);padding:var(--size-1) var(--_cell-padding-x);font-size:var(--text-xs);color:var(--color-contrast-500);background:var(--_header-bg);flex-wrap:wrap;align-items:center;display:flex}.dg-footer-info{white-space:nowrap}.dg-footer-start{gap:var(--size-2);flex:auto;align-items:center;min-width:0;display:flex}.dg-page-size-wrap{width:var(--size-20);flex-shrink:0;order:-1}.dg-page-size-select{--input-height:var(--size-8);--input-min-width:0;--select-min-width:0;--select-font-size:var(--text-xs);--select-padding-x:var(--size-2)}.dg-pagination{gap:var(--size-1);flex-shrink:0;align-items:center;display:flex}.dg-pagination:not(: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:auto}.dg-pagination: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(:dir(rtl)) .dg-page-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)) .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(: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: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)}}}`;customElements.get(`ore-column`)||customElements.define(`ore-column`,class extends HTMLElement{connectedCallback(){this.getAttribute(`key`),this.getAttribute(`label`)}});var Si=[`key`,`label`,`sortable`,`resizable`,`align`,`width`,`header-label`];function Ci(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 wi=[{label:`Contains`,value:`contains`},{label:`Equals`,value:`equals`},{label:`Greater than`,value:`gt`},{label:`Less than`,value:`lt`}],Ti=e=>{let t=(0,n.signal)(``),r=(0,n.signal)(!1),i=(0,n.signal)(new Set),a=(0,n.signal)(new Set),o=(0,n.signal)(new Map),s=(0,n.signal)(``),c=(0,n.signal)(`none`),l=(0,n.signal)(new Set),u=(0,n.signal)(0),d=(0,n.computed)(()=>new Set([...e.columns.value.map(e=>e.key),...(e.filterOptions.value??[]).map(e=>e.key)])),f=(0,n.computed)(()=>e.columns.value.filter(e=>!i.value.has(e.key))),p=(0,n.computed)(()=>{let t=e.items.value;if(!e.clientSide.value)return t;let n=e.activeView?.value?.filter;return n?t.filter(n):t}),m=(t,n)=>{let r=e.columns.value.find(e=>e.key===n);return r?.filterValue?r.filterValue(t):t[n]},h=(0,n.computed)(()=>{let t=new Set((e.filterOptions.value??[]).map(e=>e.key)),n=[...a.value].filter(e=>!t.has(e));if(!n.length)return new Map;let r=new Map;for(let t of n){let n=e.columns.value.find(e=>e.key===t),i=new Set,a=[];for(let r of p.value){let o=m(r,t),s=o==null?``:String(o),c=n?.filterLabel?.(r)??n?.cell?.(r)??s;i.has(s)||(i.add(s),a.push({label:c||e.emptyValueLabel?.value||`(empty)`,value:s}))}r.set(t,a)}return r}),g=(0,n.computed)(()=>{let t=e.filterOptions.value??[],n=new Set(t.map(e=>e.key)),r=t.filter(e=>a.value.has(e.key)),i=[...a.value].filter(e=>!n.has(e)).map(t=>({key:t,label:e.columns.value.find(e=>e.key===t)?.label??t,operators:e.filterOperators?.value??wi,options:h.value.get(t)??[]}));return[...r.map(t=>({...t,operators:t.operators??e.filterOperators?.value??wi})),...i]}),_=(0,n.computed)(()=>{let n=p.value;if(!e.clientSide.value)return n;let r=t.value.trim().toLowerCase();return r?n.filter(t=>e.columns.value.some(e=>{let n=e.cell?e.cell(t):m(t,e.key);return n!=null&&String(n).toLowerCase().includes(r)})):n}),v=(0,n.computed)(()=>{let t=_.value;return!e.clientSide.value||!o.value.size?t:t.filter(e=>{for(let[t,n]of o.value){if(!n.values.size||!d.value.has(t))continue;let r=m(e,t),i=r==null?``:String(r);if(n.operator===`equals`&&!n.values.has(i)||n.operator===`contains`&&![...n.values].some(e=>i.toLowerCase().includes(e.toLowerCase())))return!1;if(n.operator===`gt`||n.operator===`lt`){let e=parseFloat(i),t=[...n.values].map(parseFloat).filter(e=>!Number.isNaN(e));if(!t.length)continue;if(n.operator===`gt`&&!t.some(t=>e>t)||n.operator===`lt`&&!t.some(t=>e<t))return!1}}return!0})}),y=(0,n.computed)(()=>({direction:c.value,key:s.value})),b=(0,n.computed)(()=>{let t=v.value;if(!e.clientSide.value||e.sortMode.value===`server`)return t;let{direction:n,key:r}=y.value;if(!r||n===`none`)return t;let i=e.columns.value.find(e=>e.key===r);return t.slice().sort((e,t)=>{let a=i?.sortValue?i.sortValue(e):e[r],o=i?.sortValue?i.sortValue(t):t[r],s=typeof a==`number`&&typeof o==`number`?a-o:String(a??``).localeCompare(String(o??``));return n===`asc`?s:-s})}),x=(0,n.computed)(()=>b.value.length),S=(0,n.computed)(()=>{let t=e.pageSize.value;return Math.ceil(x.value/(t<=0?2**53-1:t))}),C=(0,n.computed)(()=>S.value?Math.min(u.value,S.value-1):-1),w=(0,n.computed)(()=>{let t=e.pageSize.value;if(t<=0)return b.value;let n=C.value*t;return b.value.slice(n,n+t)}),T=(0,n.computed)(()=>S.value>0&&C.value<S.value-1),E=(0,n.computed)(()=>C.value>0),D=(0,n.computed)(()=>e.items.value.filter(t=>l.value.has(e.getRowKey(t))));(0,n.watch)(d,e=>{let t=new Set([...a.value].filter(t=>e.has(t))),n=new Map([...o.value].filter(([t])=>e.has(t)));t.size!==a.value.size&&(a.value=t),n.size!==o.value.size&&(o.value=n)},{immediate:!1}),(0,n.watch)(b,()=>{u.value=0});let O=t=>{l.value=t,e.onSelectionChange?.(t)},k=(e,t)=>{let n=new Map(o.value);if(t.length){let r=g.value.find(t=>t.key===e)?.operators?.[0]?.value;n.set(e,{operator:n.get(e)?.operator??r??`contains`,values:new Set(t)})}else n.delete(e);o.value=n},A=(e,t)=>{let n=o.value.get(e);o.value=new Map(o.value).set(e,{operator:t,values:n?.values??new Set})},j=(t,n)=>{s.value=n===`none`?``:t,c.value=n,u.value=0,e.onSortChange?.(y.value)};return{activateFilterKey:e=>{a.value.has(e)||(a.value=new Set([...a.value,e]))},clearAllFilters:()=>{a.value=new Set,o.value=new Map},clearSelection:()=>O(new Set),currentPageItems:w,filterDefs:g,filteredRows:v,filterValues:o,goToPage:e=>{Number.isFinite(e)&&(u.value=Math.max(0,e))},hasNextPage:T,hasPrevPage:E,hiddenColumns:i,isAllSelected:()=>{let t=w.value;return t.length>0&&t.every(t=>l.value.has(e.getRowKey(t)))},nextPage:()=>{T.value&&(u.value=C.value+1)},pageCount:S,pageIndex:C,prevPage:()=>{E.value&&(u.value=C.value-1)},removeFilter:e=>{let t=new Set(a.value);t.delete(e),a.value=t;let n=new Map(o.value);n.delete(e),o.value=n},resetColumnVisibility:()=>{i.value=new Set},resetFilters:()=>{a.value=new Set,o.value=new Map},resetSearch:()=>{t.value=``,r.value=!1},searchActive:r,searchQuery:t,selectAll:()=>{if(e.selectionMode.value!==`multi`)return;let t=new Set(l.value);if(w.value.every(n=>t.has(e.getRowKey(n))))for(let n of w.value)t.delete(e.getRowKey(n));else for(let n of w.value)t.add(e.getRowKey(n));O(t)},selectedKeys:(0,n.computed)(()=>new Set(l.value)),selectedRows:D,setActiveFilterKeys:e=>{let t=new Set(e);a.value=t,o.value=new Map([...o.value].filter(([e])=>t.has(e)))},setFilter:k,setFilterOperator:A,setSearchQuery:e=>{t.value=e},setSelection:e=>O(new Set(e)),sortBy:e=>{let t=s.value===e?c.value===`asc`?`desc`:c.value===`desc`?`none`:`asc`:`asc`;j(t===`none`?``:e,t)},sortState:y,sortTo:j,toggleColumnVisibility:e=>{let t=new Set(i.value);if(t.has(e))t.delete(e);else{if(f.value.length<=1)return;t.add(e)}i.value=t},toggleRow:t=>{if(e.selectionMode.value===`none`)return;let n=new Set(l.value);n.has(t)?n.delete(t):(e.selectionMode.value===`single`&&n.clear(),n.add(t)),O(n)},toggleSearch:()=>{r.value&&(t.value=``),r.value=!r.value},totalItems:x,visibleColumns:f}},Ei=`.dg-td, .dg-th`;function Di(e){return Array.from(e.querySelectorAll(`tr`)).map(e=>Array.from(e.querySelectorAll(Ei))).filter(e=>e.length>0)}function Oi(e,t){let r=(0,n.signal)({col:0,row:0}),i=e=>{let n=Di(t),i=Math.max(0,Math.min(e.row,n.length-1)),a=n[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 n)for(let t of e)t.setAttribute(`tabindex`,`-1`);s.setAttribute(`tabindex`,`0`),s.focus(),r.value={col:o,row:i}}},a=e=>{let n=t.activeElement;if(!n?.matches(Ei))return;let r=Di(t),a=r.findIndex(e=>e.includes(n));if(a===-1)return;let o=r[a].indexOf(n),s=r.length-1,c=r[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(),i({col:Math.max(0,Math.min(u,(r[Math.max(0,Math.min(l,s))]?.length??1)-1)),row:Math.max(0,Math.min(l,s))})};return e.addEventListener(`keydown`,a),{cleanup:()=>e.removeEventListener(`keydown`,a),handle:{activeCell:r,focusCell:i}}}var ki={activeFilters:e=>`${e} active filter${e===1?``:`s`}`,addFilter:`Add filter…`,ascending:`A → Z`,clearAllFilters:`Clear all filters`,clearFiltersAndSearch:`Clear all filters & search`,clearSort:`Clear sort`,closeSearch:`Close search`,collapseRow:`Collapse row`,columnOptions:`Column options`,columnVisibility:`Column visibility`,comfortableDensity:`Density: Comfortable`,compactDensity:`Density: Compact`,contains:`Contains`,cozyDensity:`Density: Cozy`,data:`Data`,descending:`Z → A`,emptyValue:`(empty)`,equals:`Equals`,expandRow:`Expand row`,filter:`Filter`,filterBy:`Filter by`,filterOperator:e=>`${e} operator`,greaterThan:`Greater than`,hiddenColumns:e=>`${e} hidden column${e===1?``:`s`}`,lessThan:`Less than`,nextPage:`Next page`,numericAscending:`0 → 9`,numericDescending:`9 → 0`,pageNavigation:`Page navigation`,pagination:`Pagination`,previousPage:`Previous page`,property:`Property`,range:(e,t,n)=>`${e} to ${t} of ${n}`,removeFilter:`Remove filter`,resetColumns:`Reset`,rowDetails:`Row details`,rows:e=>`${e} row${e===1?``:`s`}`,rowsPerPage:`Rows per page`,search:`Search`,selectAllRows:`Select all rows on this page`,selectRow:`Select row`,sort:`Sort`,sortBy:`Sort by`,views:`Views`,visibleColumns:(e,t)=>`${e} of ${t} visible`};function Ai(e,t){return e.key!==t||e.direction===`none`?`chevrons-up-down`:e.direction===`asc`?`chevron-up`:`chevron-down`}function ji(e,t){return e.key!==t||e.direction===`none`?`none`:e.direction===`asc`?`ascending`:`descending`}function Mi(e){let t=e.detail;return Array.isArray(t?.values)?t.values:(e.target.value??``).split(`,`).filter(Boolean)}var Ni=`ore-datagrid`;(0,t.define)(Ni,{props:{activeView:t.prop.string(),density:t.prop.string(),...R,...z,columns:t.prop.data(),emptyText:t.prop.string(`No data`),expandable:t.prop.bool(!1),filterOptions:t.prop.data(),fullwidth:t.prop.bool(!1),getRowKey:t.prop.data(),label:t.prop.string(),labels:t.prop.data(),pageSize:t.prop.number(10),pageSizeOptions:t.prop.data(),rows:t.prop.data(),searchLabel:t.prop.data(),searchPlaceholder:t.prop.string(),selectedKeys:t.prop.data(),selectionMode:t.prop.string(`none`),sortMode:t.prop.string(`client`),source:t.prop.data(),striped:t.prop.bool(!1),views:t.prop.data()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),s=(0,n.computed)(()=>({...ki,...e.labels.value})),c=(0,n.computed)(()=>e.disabled.value===!0),l=(0,n.computed)(()=>e.selectionMode.value??`none`),u=(0,n.signal)(new Set),d=(0,n.computed)(()=>e.expandable.value===!0&&h.value.some(e=>typeof e.renderExpanded==`function`)),f=(0,n.computed)(()=>+(l.value===`multi`)),p=(0,n.signal)(e.pageSize.value??10);(0,n.watch)(e.pageSize,e=>{e!=null&&(p.value=e)});let m=(0,n.signal)([]);(0,t.onMounted)(()=>{m.value=Ci(r);let e=new MutationObserver(()=>{m.value=Ci(r)});return e.observe(r,{attributeFilter:Si,attributes:!0,childList:!0,subtree:!0}),()=>e.disconnect()});let h=(0,n.computed)(()=>{let t=e.columns.value;return t===void 0?m.value:t}),g=(0,n.computed)(()=>{let t=h.value.map(e=>({label:e.label,value:e.key})),n=new Set(t.map(e=>e.value));for(let r of e.filterOptions.value??[])n.has(r.key)||t.push({label:r.label,value:r.key});return t}),_=t=>{let n=e.getRowKey.value;if(n)return n(t);let r=t.id;return r==null?`__missing_${Math.random().toString(36).slice(2)}`:String(r)},v=(0,n.computed)(()=>e.source.value!=null),y=(0,n.signal)([]),b=(0,n.signal)({error:null,isLoading:!1,pageCount:1,pageNumber:1,pageSize:p.value,totalItems:0}),x=null;(0,t.onCleanup)(()=>{x?.(),x=null}),(0,n.watch)(e.source,e=>{if(x?.(),x=null,!e){y.value=[],b.value={error:null,isLoading:!1,pageCount:1,pageNumber:1,pageSize:p.value,totalItems:0};return}let t=(t=e.state)=>{y.value=t.items,b.value={error:t.error,isLoading:t.loading,pageCount:t.pagination.pageCount,pageNumber:t.pagination.page,pageSize:t.pagination.pageSize,totalItems:t.pagination.totalItems}};t(),x=e.subscribe(t)},{immediate:!0});let S=Ti({activeView:(0,n.computed)(()=>(e.views.value??[]).find(t=>t.id===e.activeView.value)),clientSide:(0,n.computed)(()=>!v.value),columns:h,emptyValueLabel:(0,n.computed)(()=>s.value.emptyValue),filterOperators:(0,n.computed)(()=>[{label:s.value.contains,value:`contains`},{label:s.value.equals,value:`equals`},{label:s.value.greaterThan,value:`gt`},{label:s.value.lessThan,value:`lt`}]),filterOptions:e.filterOptions,getRowKey:_,items:(0,n.computed)(()=>v.value?y.value:e.rows.value??[]),onSelectionChange:e=>{i(`selection-change`,{keys:[...e],rows:S.selectedRows.value})},onSortChange:e=>{i(`sort-change`,e)},pageSize:(0,n.computed)(()=>v.value?0:p.value),selectionMode:l,sortMode:(0,n.computed)(()=>e.sortMode.value??`client`)}),C=(0,n.computed)(()=>{let e=h.value.find(e=>e.key===S.sortState.value.key);if(e?.sortType)return e.sortType;let t=S.filteredRows.value.find(t=>t[e?.key??``]!=null);return t&&typeof t[e?.key??``]==`number`?`number`:`text`}),w=(0,n.computed)(()=>C.value===`number`?[{label:s.value.numericAscending,value:`asc`},{label:s.value.numericDescending,value:`desc`}]:[{label:s.value.ascending,value:`asc`},{label:s.value.descending,value:`desc`}]),T=e=>{e&&e.catch(e=>(`${String(e)}`,void 0))},E=t=>{T(e.source.value?.setParams?.(t))},D=(0,o.debounce)(t=>{e.source.value?.setParams?E(t):S.setSearchQuery(t)},250);(0,t.onCleanup)(D.cancel),(0,n.watch)(e.selectedKeys,e=>{Array.isArray(e)&&S.setSelection(new Set(e))},{immediate:!0});let O=(0,n.signal)({}),k=(e,t)=>n=>{n.preventDefault();let r=n.clientX,i=t.getBoundingClientRect().width,a=new AbortController,{signal:o}=a;window.addEventListener(`pointermove`,t=>{O.value={...O.value,[e]:Math.max(40,i+t.clientX-r)}},{signal:o}),window.addEventListener(`pointerup`,()=>a.abort(),{signal:o})},A=S.visibleColumns,j=(e,t)=>{if(e.cell)return e.cell(t);let n=t[e.key];return n==null?``:String(n)};function M(t){let n=e.source.value;if(n){T(t===`prev`?n.previous():n.next());return}t===`prev`?S.prevPage():S.nextPage(),i(`page-change`,{pageIndex:S.pageIndex.value,pageSize:p.value})}let N=(0,n.computed)(()=>{let e=S.currentPageItems.value;return!e.length||S.isAllSelected()?!1:e.some(e=>S.selectedKeys.value.has(_(e)))}),P=(0,n.computed)(()=>A.value.length+ +(l.value===`multi`)+ +!!d.value),F=(0,n.computed)(()=>v.value?b.value.pageCount>1:p.value>0),I=(0,n.computed)(()=>{if(v.value){let{pageNumber:e,pageSize:t,totalItems:n}=b.value,r=Math.max(1,t);if(!F.value)return s.value.rows(n);if(n===0)return s.value.range(0,0,0);let i=(e-1)*r+1,a=Math.min(i+r-1,n);return s.value.range(i,a,n)}let e=S.totalItems.value;if(!F.value)return s.value.rows(e);if(e===0)return s.value.range(0,0,0);let t=S.pageIndex.value*p.value+1,n=Math.min(t+p.value-1,e);return s.value.range(t,n,e)}),L=(0,n.computed)(()=>e.loading.value===!0||v.value&&b.value.isLoading),R=(0,n.computed)(()=>v.value?b.value.pageNumber>1:S.hasPrevPage.value),z=(0,n.computed)(()=>v.value?b.value.pageNumber<b.value.pageCount:S.hasNextPage.value),B=(0,n.computed)(()=>v.value?b.value.totalItems===0?`0 / 0`:`${b.value.pageNumber} / ${b.value.pageCount}`:`${S.pageIndex.value+1} / ${S.pageCount.value}`),V=[`compact`,`cozy`,`comfortable`],ee={comfortable:`rows-2`,compact:`rows-4`,cozy:`rows-3`},te=(0,n.computed)(()=>({comfortable:s.value.comfortableDensity,compact:s.value.compactDensity,cozy:s.value.cozyDensity})),H=(0,n.signal)(e.density.value??`cozy`);(0,n.watch)(e.density,e=>{e&&(H.value=e)});let ne=()=>{let e=V.indexOf(H.value),t=V[(e+1)%V.length];H.value=t,r.setAttribute(`density`,t),i(`density-change`,{density:t})},re=e=>{let t=new Set(u.value),n=!t.has(e);n?t.add(e):t.delete(e),u.value=t,i(`row-expand`,{expanded:n,key:e})},U={activeCell:(0,n.signal)({col:0,row:0}),focusCell:()=>{}};(0,t.onMounted)(()=>{let e=r.shadowRoot,t=e.querySelector(`.dg-table`);if(!t)return;let{cleanup:n,handle:i}=Oi(t,e);return U=i,n}),r.focusCell=e=>U.focusCell(e);let ie=()=>{let n=e.views.value??[],r=e.activeView.value;return t.html`
|
|
1931
2048
|
<div
|
|
1932
2049
|
class="dg-tabs"
|
|
1933
2050
|
role="tablist"
|
|
@@ -1949,7 +2066,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1949
2066
|
</ore-button>
|
|
1950
2067
|
`)}
|
|
1951
2068
|
</div>
|
|
1952
|
-
`},
|
|
2069
|
+
`},ae=()=>t.html`
|
|
1953
2070
|
<ore-popover class="dg-action-popover" placement="bottom-end" label="${()=>s.value.sort}" style="--popover-min-width:18rem;--popover-overflow:visible">
|
|
1954
2071
|
<ore-button
|
|
1955
2072
|
class="dg-icon-btn dg-state-trigger"
|
|
@@ -1987,7 +2104,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1987
2104
|
fullwidth
|
|
1988
2105
|
value="${()=>S.sortState.value.key}"
|
|
1989
2106
|
options="${()=>h.value.map(e=>({label:e.label,value:e.key}))}"
|
|
1990
|
-
@change="${e=>{let t=
|
|
2107
|
+
@change="${e=>{let t=Mi(e)[0]??``,n=S.sortState.value.direction===`none`?`asc`:S.sortState.value.direction;S.sortTo(t,n)}}"></ore-select>
|
|
1991
2108
|
<ore-select
|
|
1992
2109
|
class="dg-pop-dir-select"
|
|
1993
2110
|
hide-label
|
|
@@ -1999,11 +2116,11 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1999
2116
|
disabled="${()=>!S.sortState.value.key||void 0}"
|
|
2000
2117
|
value="${()=>S.sortState.value.direction===`none`?`asc`:S.sortState.value.direction}"
|
|
2001
2118
|
options="${w}"
|
|
2002
|
-
@change="${e=>{S.sortState.value.key&&S.sortTo(S.sortState.value.key,
|
|
2119
|
+
@change="${e=>{S.sortState.value.key&&S.sortTo(S.sortState.value.key,Mi(e)[0]??`asc`)}}"></ore-select>
|
|
2003
2120
|
</div>
|
|
2004
2121
|
</div>
|
|
2005
2122
|
</ore-popover>
|
|
2006
|
-
`,
|
|
2123
|
+
`,oe=()=>t.html`
|
|
2007
2124
|
<ore-popover
|
|
2008
2125
|
class="dg-action-popover"
|
|
2009
2126
|
placement="bottom-end"
|
|
@@ -2047,7 +2164,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2047
2164
|
variant="flat"
|
|
2048
2165
|
options="${g}"
|
|
2049
2166
|
value="${()=>S.filterDefs.value.map(e=>e.key)}"
|
|
2050
|
-
@change="${e=>{S.setActiveFilterKeys(
|
|
2167
|
+
@change="${e=>{S.setActiveFilterKeys(Mi(e))}}"></ore-combobox>
|
|
2051
2168
|
</div>
|
|
2052
2169
|
|
|
2053
2170
|
<!-- Active filter rules (appear below the field picker as rules are added) -->
|
|
@@ -2065,7 +2182,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2065
2182
|
fullwidth
|
|
2066
2183
|
value="${()=>S.filterValues.value.get(e.key)?.operator??`contains`}"
|
|
2067
2184
|
options="${()=>e.operators??[]}"
|
|
2068
|
-
@change="${t=>{let n=
|
|
2185
|
+
@change="${t=>{let n=Mi(t)[0];n&&S.setFilterOperator(e.key,n)}}"></ore-select>
|
|
2069
2186
|
<ore-button
|
|
2070
2187
|
class="dg-icon-btn"
|
|
2071
2188
|
variant="ghost"
|
|
@@ -2089,13 +2206,13 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2089
2206
|
multiple
|
|
2090
2207
|
fullwidth
|
|
2091
2208
|
autoclose
|
|
2092
|
-
@change="${t=>{S.setFilter(e.key,
|
|
2209
|
+
@change="${t=>{S.setFilter(e.key,Mi(t))}}"></ore-combobox>
|
|
2093
2210
|
</div>
|
|
2094
2211
|
`)}
|
|
2095
2212
|
</div>
|
|
2096
2213
|
</div>
|
|
2097
2214
|
</ore-popover>
|
|
2098
|
-
`,
|
|
2215
|
+
`,se=()=>t.html`
|
|
2099
2216
|
<ore-popover
|
|
2100
2217
|
class="dg-action-popover"
|
|
2101
2218
|
placement="bottom-end"
|
|
@@ -2140,11 +2257,11 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2140
2257
|
<!-- ── Controls Bar ────────────────────────────────────────────────── -->
|
|
2141
2258
|
<div class="dg-controls" part="controls">
|
|
2142
2259
|
<!-- Left: view tabs -->
|
|
2143
|
-
${()=>
|
|
2260
|
+
${()=>ie()}
|
|
2144
2261
|
|
|
2145
2262
|
<!-- Right: Action bar -->
|
|
2146
2263
|
<div class="dg-actions">
|
|
2147
|
-
${()=>
|
|
2264
|
+
${()=>ae()} ${()=>oe()} ${()=>se()}
|
|
2148
2265
|
|
|
2149
2266
|
<!-- Density toggle -->
|
|
2150
2267
|
<ore-button
|
|
@@ -2152,10 +2269,10 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2152
2269
|
variant="ghost"
|
|
2153
2270
|
size="sm"
|
|
2154
2271
|
icon-only
|
|
2155
|
-
label="${()=>
|
|
2156
|
-
@click="${
|
|
2272
|
+
label="${()=>te.value[H.value]}"
|
|
2273
|
+
@click="${ne}">
|
|
2157
2274
|
<ore-icon
|
|
2158
|
-
name="${()=>
|
|
2275
|
+
name="${()=>ee[H.value]}"
|
|
2159
2276
|
size="15"
|
|
2160
2277
|
stroke-width="1.75"
|
|
2161
2278
|
aria-hidden="true"></ore-icon>
|
|
@@ -2218,7 +2335,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2218
2335
|
class="dg-th dg-th-check"
|
|
2219
2336
|
role="columnheader"
|
|
2220
2337
|
scope="col"
|
|
2221
|
-
tabindex="${()=>
|
|
2338
|
+
tabindex="${()=>U.activeCell.value.row===0&&U.activeCell.value.col===0&&f.value>=1?`0`:`-1`}">
|
|
2222
2339
|
<ore-checkbox
|
|
2223
2340
|
class="dg-check"
|
|
2224
2341
|
checked="${()=>S.isAllSelected()}"
|
|
@@ -2233,9 +2350,9 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2233
2350
|
class="${`dg-th${r&&d.value?` dg-th-last`:``}`}"
|
|
2234
2351
|
role="columnheader"
|
|
2235
2352
|
scope="col"
|
|
2236
|
-
tabindex="${()=>{let e=
|
|
2353
|
+
tabindex="${()=>{let e=U.activeCell.value;return e.row===0&&e.col===n+f.value?`0`:`-1`}}"
|
|
2237
2354
|
data-align="${e.align??`left`}"
|
|
2238
|
-
aria-sort="${()=>e.sortable?
|
|
2355
|
+
aria-sort="${()=>e.sortable?ji(S.sortState.value,e.key):void 0}"
|
|
2239
2356
|
aria-label="${e.sortable?void 0:e.headerLabel??e.label}"
|
|
2240
2357
|
style="${()=>{let t=O.value[e.key];return t?`width:${t}px`:e.width?`width:${e.width}`:``}}">
|
|
2241
2358
|
<div class="dg-th-inner">
|
|
@@ -2252,7 +2369,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2252
2369
|
<ore-icon
|
|
2253
2370
|
slot="suffix"
|
|
2254
2371
|
class="dg-sort-icon"
|
|
2255
|
-
name="${()=>
|
|
2372
|
+
name="${()=>Ai(S.sortState.value,e.key)}"
|
|
2256
2373
|
size="14"
|
|
2257
2374
|
stroke-width="2"></ore-icon>
|
|
2258
2375
|
</ore-button>
|
|
@@ -2312,7 +2429,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2312
2429
|
<td
|
|
2313
2430
|
class="dg-td dg-td-check"
|
|
2314
2431
|
role="gridcell"
|
|
2315
|
-
tabindex="${()=>{let e=
|
|
2432
|
+
tabindex="${()=>{let e=U.activeCell.value;return e.row===a&&e.col===0?`0`:`-1`}}"
|
|
2316
2433
|
@keydown="${e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),c.value||S.toggleRow(r))}}">
|
|
2317
2434
|
<ore-checkbox
|
|
2318
2435
|
class="dg-check"
|
|
@@ -2330,7 +2447,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2330
2447
|
part="cell"
|
|
2331
2448
|
role="gridcell"
|
|
2332
2449
|
data-align="${n.align??`left`}"
|
|
2333
|
-
tabindex="${()=>{let e=
|
|
2450
|
+
tabindex="${()=>{let e=U.activeCell.value;return e.row===a&&e.col===r+f.value?`0`:`-1`}}"
|
|
2334
2451
|
title="${o}">
|
|
2335
2452
|
${s}
|
|
2336
2453
|
</td>
|
|
@@ -2339,8 +2456,8 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2339
2456
|
<td
|
|
2340
2457
|
class="dg-td dg-td-expand"
|
|
2341
2458
|
role="gridcell"
|
|
2342
|
-
tabindex="${()=>{let e=
|
|
2343
|
-
@keydown="${e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),c.value||
|
|
2459
|
+
tabindex="${()=>{let e=U.activeCell.value;return e.row===a&&e.col===P.value-1?`0`:`-1`}}"
|
|
2460
|
+
@keydown="${e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),c.value||re(r))}}">
|
|
2344
2461
|
<ore-button
|
|
2345
2462
|
class="dg-expand-btn"
|
|
2346
2463
|
variant="ghost"
|
|
@@ -2350,7 +2467,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2350
2467
|
label="${()=>u.value.has(r)?s.value.collapseRow:s.value.expandRow}"
|
|
2351
2468
|
aria-expanded="${()=>String(u.value.has(r))}"
|
|
2352
2469
|
disabled="${()=>c.value||void 0}"
|
|
2353
|
-
@click="${e=>{e.stopPropagation(),c.value||
|
|
2470
|
+
@click="${e=>{e.stopPropagation(),c.value||re(r)}}">
|
|
2354
2471
|
<ore-icon
|
|
2355
2472
|
name="${()=>u.value.has(r)?`chevron-up`:`chevron-down`}"
|
|
2356
2473
|
size="14"
|
|
@@ -2392,7 +2509,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2392
2509
|
value="${()=>String(p.value)}"
|
|
2393
2510
|
options="${()=>n.map(e=>({label:String(e),value:String(e)}))}"
|
|
2394
2511
|
disabled="${()=>c.value||void 0}"
|
|
2395
|
-
@change="${e=>{let t=parseInt(
|
|
2512
|
+
@change="${e=>{let t=parseInt(Mi(e)[0]??``,10);Number.isNaN(t)||(p.value=t,S.goToPage(0),i(`page-change`,{pageIndex:0,pageSize:t}))}}"></ore-select>
|
|
2396
2513
|
</div>
|
|
2397
2514
|
`:t.html``}}
|
|
2398
2515
|
</div>
|
|
@@ -2414,7 +2531,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2414
2531
|
role="status"
|
|
2415
2532
|
aria-live="polite"
|
|
2416
2533
|
aria-atomic="true">
|
|
2417
|
-
${()=>
|
|
2534
|
+
${()=>B.value}
|
|
2418
2535
|
</span>
|
|
2419
2536
|
<ore-button
|
|
2420
2537
|
class="dg-page-btn"
|
|
@@ -2429,7 +2546,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2429
2546
|
</div>
|
|
2430
2547
|
</div>
|
|
2431
2548
|
`:t.html``}
|
|
2432
|
-
`},shadow:{delegatesFocus:!0},styles:[
|
|
2549
|
+
`},shadow:{delegatesFocus:!0},styles:[be(`datagrid`),xi]});var Pi=`@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);--_bg:var(--date-picker-bg,var(--color-canvas));--_border-color:var(--date-picker-border-color,var(--color-contrast-200));--_radius:var(--date-picker-radius,var(--rounded-xl));min-width:var(--date-picker-min-width,12rem);display:inline-block}: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;width:100%}.trigger::part(input){cursor:pointer;caret-color:#0000;-webkit-user-select:none;user-select:none}.calendar{z-index:var(--z-dropdown,8000);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:fixed;inset:0 auto auto 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}.cal-grid[hidden]{display:none}.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}}}`,Fi=`ore-date-picker`;(0,t.define)(Fi,{formAssociated:!0,props:{...I,...L,...R,...B,error:t.prop.string(),fullwidth:t.prop.bool(!1),helper:t.prop.string(),label:t.prop.string(),"label-placement":t.prop.oneOf([`inset`,`outside`],`inset`),locale:t.prop.string(),max:t.prop.string(),min:t.prop.string(),name:t.prop.string(),placeholder:t.prop.string(),required:t.prop.bool(!1),success:t.prop.bool(!1),value:t.prop.string(),variant:t.prop.string(),"weekend-days":t.prop.json([])},setup(e){let r=(0,t.getHost)(),a=(0,n.signal)(!1),o=(0,n.signal)(void 0),s=(0,n.computed)(()=>o.value===void 0?ot(e.value.value):o.value);Yr(r,()=>st(s.value)??``,e=>{o.value=ot(e)});let c=(0,n.computed)(()=>!!e.disabled.value),l=(0,n.computed)(()=>e.locale.value||(typeof navigator<`u`?navigator.language:`en`)),u=dt({get locale(){return l.value},get max(){return ot(e.max.value)},get min(){return ot(e.min.value)},onChange(e){o.value=e,a.value=!1,u.setView(`day`),d.value=`day`,f.value=u.displayYear(),p.value=u.displayMonth(),$(r,st(e)??``),Q(r,`input`),Q(r,`change`)},get value(){return s.value},get weekendDays(){return e[`weekend-days`].value??[]}}),d=(0,n.signal)(`day`),f=(0,n.signal)(u.displayYear()),p=(0,n.signal)(u.displayMonth());(0,t.useField)({disabled:c,toFormValue:e=>e||null,value:(0,n.computed)(()=>st(s.value)??``)});let m=`date-picker-${Math.random().toString(36).slice(2,9)}-calendar`,h=(0,t.ref)(),g=(0,t.ref)(),_=kt({getFloating:()=>g.value??null,getReference:()=>h.value??null,matchWidth:!1,offsetPx:4}),v=null,y=(0,n.computed)(()=>s.value?ct(s.value,l.value):e.placeholder.value||``),b=(0,n.computed)(()=>{let e=i.Temporal.PlainDate.from({day:1,month:p.value,year:f.value});return(0,i.format)(e,{intl:{month:`long`},locale:l.value,timeZone:`UTC`})}),x=(0,n.computed)(()=>String(f.value)),S=(0,n.computed)(()=>`${b.value} ${x.value}`),C=(0,n.computed)(()=>(f.value,p.value,s.value,u.dayCells())),w=(0,n.computed)(()=>(f.value,u.monthCells())),T=(0,n.computed)(()=>(f.value,u.yearCells())),E=(0,n.computed)(()=>u.weekdayLabels()),D=()=>c.value?`-1`:`0`;function O(){d.value===`day`?u.prevMonth():u.prevYear(),f.value=u.displayYear(),p.value=u.displayMonth()}function k(){d.value===`day`?u.nextMonth():u.nextYear(),f.value=u.displayYear(),p.value=u.displayMonth()}function A(){let e=[`day`,`month`,`year`],t=e[(e.indexOf(d.value)+1)%e.length];u.setView(t),d.value=t}function j(e){u.goTo(u.displayYear(),e),u.setView(`day`),f.value=u.displayYear(),p.value=u.displayMonth(),d.value=`day`}function M(e){u.goTo(e,u.displayMonth()),u.setView(`month`),f.value=u.displayYear(),d.value=`month`}function N(e){let t=ot(e);t&&u.select(t)}function P(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(),N(t.dataset.iso??``);return}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 F(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}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 I(){if(c.value)return;a.value=!0,u.setView(`day`),d.value=`day`;let e=s.value;e&&(u.goTo(e.year,e.month),f.value=u.displayYear(),p.value=u.displayMonth()),_.update(),v=_.startAutoUpdate?.()??null}function L(){a.value=!1,u.setView(`day`),d.value=`day`,v?.(),v=null}function R(){a.value?L():I()}function z(e){c.value||(e.key===`Enter`||e.key===` `?(e.preventDefault(),R()):e.key===`Escape`&&a.value&&(e.preventDefault(),L()))}function B(e){e.key===`Escape`&&(e.preventDefault(),L())}function V(e){a.value&&(e.composedPath().includes(r)||L())}return(0,t.onMounted)(()=>(document.addEventListener(`pointerdown`,V,{capture:!0}),()=>{document.removeEventListener(`pointerdown`,V,{capture:!0}),v?.(),v=null})),(0,t.bind)({attr:{open:()=>a.value?!0:void 0}}),t.html`
|
|
2433
2550
|
<!-- Trigger: ore-input in readonly display mode -->
|
|
2434
2551
|
<ore-input
|
|
2435
2552
|
class="trigger"
|
|
@@ -2469,7 +2586,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2469
2586
|
aria-modal="true"
|
|
2470
2587
|
aria-label="${()=>`Choose date — ${S.value}`}"
|
|
2471
2588
|
?data-open="${a}"
|
|
2472
|
-
@keydown="${
|
|
2589
|
+
@keydown="${B}">
|
|
2473
2590
|
<!-- Calendar header -->
|
|
2474
2591
|
<div class="cal-header" part="header">
|
|
2475
2592
|
<button class="nav-btn" type="button" aria-label="Previous" @click="${O}">
|
|
@@ -2578,7 +2695,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2578
2695
|
`)}}
|
|
2579
2696
|
</div>
|
|
2580
2697
|
</div>
|
|
2581
|
-
`},shadow:{delegatesFocus:!0},styles:[q,W,Ci]});var Ti=`@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-title-active{color:var(--_theme-focus,var(--color-primary))}.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:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));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-actions{gap:var(--size-0-5);flex-shrink:0;display:flex}.file-remove,.file-action{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))}.file-action:hover{color:var(--_theme-focus,var(--color-primary));background:var(--_theme-backdrop,color-mix(in oklch, var(--color-primary) 12%, transparent))}.file-progress-meta{font-size:var(--text-xs);color:var(--color-contrast-400)}.file-error-text{text-overflow:ellipsis;font-size:var(--text-xs);color:var(--color-error);white-space:nowrap;overflow:hidden}.file-item[data-status=success] .file-icon{color:var(--color-success)}.file-item[data-status=error] .file-icon{color:var(--color-error)}.file-item[data-status=error]{border-color:color-mix(in oklch, var(--color-error) 40%, var(--color-contrast-200))}.file-grid{--_thumb-size:var(--file-input-thumb-size,var(--size-24));grid-template-columns:repeat(auto-fill, minmax(var(--_thumb-size), 1fr));gap:var(--size-2);margin:0;padding:0;list-style:none;display:grid}.file-card{box-sizing:border-box;gap:var(--size-1);flex-direction:column;display:flex}.file-thumb-frame{display:block;position:relative}.file-thumb{box-sizing:border-box;aspect-ratio:1;object-fit:cover;background:var(--color-contrast-100);border:var(--border) solid var(--color-contrast-200);border-radius:var(--_radius);width:100%;display:block}.file-thumb-generic{color:var(--color-contrast-400);justify-content:center;align-items:center;display:flex}.file-card[data-status=uploading] .file-thumb{opacity:.6}.file-card[data-status=error] .file-thumb{border-color:color-mix(in oklch, var(--color-error) 50%, var(--color-contrast-200))}.file-card-name{text-overflow:ellipsis;font-size:var(--text-xs);color:var(--color-contrast-600);text-align:center;white-space:nowrap;overflow:hidden}.file-status-badge{top:var(--size-1);left:var(--size-1);width:var(--size-5);height:var(--size-5);color:var(--color-canvas);border-radius:var(--rounded-full);justify-content:center;align-items:center;display:flex;position:absolute}.file-status-badge-success{background:var(--color-success)}.file-status-badge-error{background:var(--color-error)}.file-card-actions{top:var(--size-1);right:var(--size-1);gap:var(--size-0-5);display:flex;position:absolute}.file-card-action{width:var(--size-5);height:var(--size-5);color:var(--color-contrast-50);cursor:pointer;background:color-mix(in oklch, var(--color-contrast-900) 55%, transparent);border-radius:var(--rounded-full);transition:background var(--transition-fast), color var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.file-card-remove:hover{color:var(--color-canvas);background:var(--color-error)}.file-card-action:not(.file-card-remove):hover{color:var(--color-canvas);background:var(--color-primary)}.file-card .file-progress-meta,.file-card .file-error-text{text-align:center;white-space:normal}: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%, transparent);border-color:var(--_theme-focus,var(--color-primary));box-shadow:0 0 0 3px color-mix(in oklch, var(--_theme-focus,var(--color-primary)) 25%, transparent), 0 0 20px 2px color-mix(in oklch, var(--_theme-focus,var(--color-primary)) 45%, transparent);border-style:solid}: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,.dropzone-icon[data-status=error],.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,color-mix(in oklch, var(--_theme-focus) 20%, transparent))}: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]) .dropzone:focus-visible,:host([variant=flat][drag-over]) .dropzone{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,transparent)}:host(:not([disabled])[variant=ghost]) .dropzone:hover{background:var(--file-input-hover-bg,var(--color-contrast-100));border-color:var(--file-input-hover-border-color,var(--color-contrast-200))}}@layer refine.utilities{:host([fullwidth]){width:100%}}:host([disabled]){opacity:1}:host([disabled]) .dropzone{background:var(--color-contrast-100);border-color:var(--color-contrast-200)}:host([disabled]) .dropzone-icon,:host([disabled]) .dropzone-title,:host([disabled]) .dropzone-hint,:host([disabled]) .dropzone-title u,:host([disabled]) .label-outside{color:var(--color-contrast-400)}`,Ei=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]}`},Di=(e,t)=>!t||e.size<=t,Oi=e=>e>0?`${Ei(e)}/s`:``,ki=e=>e?e.split(`,`).map(e=>e.trim()):[],Ai={error:null,loaded:0,speedBps:0,status:`idle`},ji=e=>{if(e.speedBps<=0||e.status!==`uploading`)return``;let t=Math.max(0,Math.round((e.total-e.loaded)/e.speedBps));return t<60?`${t}s left`:`${Math.round(t/60)}m left`};function Mi(e){let t=(0,n.signal)([]),r=new Map,i=new Map;function a(e){let t=r.get(e);return t||(t=(0,n.signal)({...Ai,total:e.size}),r.set(e,t)),t}function o(e){return a(e).value}function s(e,t){let n=a(e);n.value={...n.value,...t}}function c(t,n=0){if(e.disabled.value)return;let r=e.upload.value;if(!r)return;i.get(t)?.abort();let a=new AbortController;i.set(t,a),s(t,{error:null,loaded:n,speedBps:0,status:`uploading`,total:t.size});let c=performance.now(),l=n;r(t,{onProgress:(n,r)=>{if(a.signal.aborted)return;let i=performance.now(),u=(i-c)/1e3,d=u>0?Math.max(0,(n-l)/u):0,f=o(t).speedBps,p=f>0?f*.7+d*.3:d;c=i,l=n,s(t,{loaded:n,speedBps:p,total:r||t.size}),e.onUploadProgress(t,n,r||t.size)},resumeFrom:n,signal:a.signal}).then(()=>{a.signal.aborted||(s(t,{loaded:t.size,speedBps:0,status:`success`}),Ve(`${t.name} uploaded successfully.`,{document:e.document}),e.onUploadSuccess(t))}).catch(n=>{if(a.signal.aborted)return;let r=n instanceof Error?n.message:String(n);s(t,{error:r,speedBps:0,status:`error`}),Ve(`${t.name} failed to upload: ${r}`,{document:e.document,politeness:`assertive`}),e.onUploadError(t,n)})}function l(t){e.disabled.value||c(t,o(t).loaded)}function d(e){let t=new Set(e);for(let e of r.keys())t.has(e)||(i.get(e)?.abort(),i.delete(e),r.delete(e))}let f=(0,n.watch)(t,d);function p(n,r){if(e.disabled.value)return;let i=e.multiple.value,a=Array.from(n);i||(a=a.slice(0,1));let o=ki(e.accept.value),s=e.maxSize.value;a=a.filter(e=>(0,u.matchesAccept)(e,o)&&Di(e,s));let l=i?[...t.value]:[],d=[];for(let e of a)l.includes(e)||(l.push(e),d.push(e));let f=e.maxFiles.value;f>0&&l.length>f&&(l=l.slice(0,f)),t.value=l,e.onChange(t.value,r);for(let e of d)t.value.includes(e)&&c(e)}function m(n,r){e.disabled.value||(t.value=t.value.filter(e=>e!==n),e.onRemove(n,t.value,r),e.onChange(t.value,r))}function h(n,r,i){if(e.disabled.value)return!1;let a=ki(e.accept.value);return!(0,u.matchesAccept)(r,a)||!Di(r,e.maxSize.value)?!1:(t.value=t.value.map(e=>e===n?r:e),e.onRemove(n,t.value,i),e.onChange(t.value,i),c(r),!0)}function g(e){let t=o(e);return t.total<=0?0:Math.min(100,Math.round(t.loaded/t.total*100))}function _(e){let t=o(e);return[Oi(t.speedBps),ji(t)].filter(Boolean).join(` · `)}function v(e){let t=o(e).status;return t===`success`?`check`:t===`error`?`alert-circle`:`file`}function y(){f.dispose();for(let e of i.values())e.abort();i.clear(),r.clear()}return{addFiles:p,dispose:y,fileState:o,files:t,removeFile:m,replaceFile:h,retryUpload:l,statusIconName:v,uploadMetaText:_,uploadPercent:g}}var Ni=e=>e.type.startsWith(`image/`),Pi=`ore-file-input`;(0,t.define)(Pi,{formAssociated:!0,props:{accept:t.prop.string(),color:t.prop.string(),disabled:t.prop.bool(!1),error:t.prop.string(),gallery:t.prop.bool(!1),helper:t.prop.string(),label:t.prop.string(),"max-files":t.prop.number(0),"max-size":t.prop.number(0),multiple:t.prop.bool(!1),name:t.prop.string(),ref:t.prop.data(),required:t.prop.bool(!1),size:t.prop.string(),upload:t.prop.data()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,n.signal)(!1),o=(0,n.signal)(null),s=(0,n.computed)(()=>!!e.disabled.value),c=(0,n.computed)(()=>e[`max-files`].value??0),l=(0,n.computed)(()=>e[`max-size`].value??0),d=Mi({accept:e.accept,disabled:s,document:r.ownerDocument,maxFiles:c,maxSize:l,multiple:(0,n.computed)(()=>!!e.multiple.value),onChange:(e,t)=>i(`change`,{files:e,originalEvent:t,value:e}),onRemove:(e,t,n)=>i(`remove`,{file:e,files:t,originalEvent:n,value:t}),onUploadError:(e,t)=>i(`upload-error`,{error:t,file:e}),onUploadProgress:(e,t,n)=>i(`upload-progress`,{file:e,loaded:t,total:n}),onUploadSuccess:e=>i(`upload-success`,{file:e}),upload:(0,n.computed)(()=>e.upload.value??void 0)});(0,t.onCleanup)(()=>d.dispose()),(0,t.useField)({disabled:s,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:d.files});let f=(0,n.computed)(()=>!!e.error.value);(0,t.bind)({attr:{"drag-over":()=>a.value?!0:void 0,invalid:()=>f.value?!0:void 0,size:e.size}});let p=(0,t.createId)(`file-input`),m=`label-${p}`,h=`helper-${p}`,g=`error-${p}`,_=(0,t.ref)(),v=(0,t.ref)(),y=(0,n.computed)(()=>{let t=[];e.accept.value&&t.push(e.accept.value.split(`,`).map(e=>e.trim()).join(`, `));let n=l.value;n>0&&t.push(`max ${Ei(n)}`);let r=c.value;return r>0&&t.push(`up to ${r} file${r===1?``:`s`}`),t.join(` · `)});function b(e){o.value=e,v.value?.click()}let x=new Map;function S(e){let t=x.get(e);return t||(t=URL.createObjectURL(e),x.set(e,t)),t}function C(e){let t=new Set(e);for(let[e,n]of x)t.has(e)||(URL.revokeObjectURL(n),x.delete(e))}return(0,n.watch)(d.files,C),(0,t.onCleanup)(()=>{for(let e of x.values())URL.revokeObjectURL(e);x.clear()}),(0,t.onElement)(v,t=>yt(e.ref,t)),(0,t.onMounted)(()=>{let e=v.value,r=_.value,i=!1,c=$e({disabled:s,onPress:()=>{e.click()}});(0,t.onEvent)(e,`change`,e=>{let t=e.target,n=o.value;o.value=null,n&&t.files?.[0]?d.replaceFile(n,t.files[0],e):t.files?.length&&d.addFiles(Array.from(t.files),e),t.value=``}),(0,t.onEvent)(r,`click`,t=>{if(t.target!==e){if(i){i=!1;return}s.value||e.click()}}),(0,t.onEvent)(r,`keydown`,e=>{i=c.handleKeydown(e)&&e.key===`Enter`}),(0,n.watch)(s,e=>{let t=(0,u.createDropZone)({disabled:e,element:r,onDrop:e=>d.addFiles(e),onHoverChange:e=>{a.value=e}});return()=>t.dispose()},{immediate:!0})}),t.html`
|
|
2698
|
+
`},shadow:{delegatesFocus:!0},styles:[Y,G,Pi]});var Ii=`@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-title-active{color:var(--_theme-focus,var(--color-primary))}.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:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));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-actions{gap:var(--size-0-5);flex-shrink:0;display:flex}.file-remove,.file-action{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))}.file-action:hover{color:var(--_theme-focus,var(--color-primary));background:var(--_theme-backdrop,color-mix(in oklch, var(--color-primary) 12%, transparent))}.file-progress-meta{font-size:var(--text-xs);color:var(--color-contrast-400)}.file-error-text{text-overflow:ellipsis;font-size:var(--text-xs);color:var(--color-error);white-space:nowrap;overflow:hidden}.file-item[data-status=success] .file-icon{color:var(--color-success)}.file-item[data-status=error] .file-icon{color:var(--color-error)}.file-item[data-status=error]{border-color:color-mix(in oklch, var(--color-error) 40%, var(--color-contrast-200))}.file-grid{--_thumb-size:var(--file-input-thumb-size,var(--size-24));grid-template-columns:repeat(auto-fill, minmax(var(--_thumb-size), 1fr));gap:var(--size-2);margin:0;padding:0;list-style:none;display:grid}.file-card{box-sizing:border-box;gap:var(--size-1);flex-direction:column;display:flex}.file-thumb-frame{display:block;position:relative}.file-thumb{box-sizing:border-box;aspect-ratio:1;object-fit:cover;background:var(--color-contrast-100);border:var(--border) solid var(--color-contrast-200);border-radius:var(--_radius);width:100%;display:block}.file-thumb-generic{color:var(--color-contrast-400);justify-content:center;align-items:center;display:flex}.file-card[data-status=uploading] .file-thumb{opacity:.6}.file-card[data-status=error] .file-thumb{border-color:color-mix(in oklch, var(--color-error) 50%, var(--color-contrast-200))}.file-card-name{text-overflow:ellipsis;font-size:var(--text-xs);color:var(--color-contrast-600);text-align:center;white-space:nowrap;overflow:hidden}.file-status-badge{top:var(--size-1);left:var(--size-1);width:var(--size-5);height:var(--size-5);color:var(--color-canvas);border-radius:var(--rounded-full);justify-content:center;align-items:center;display:flex;position:absolute}.file-status-badge-success{background:var(--color-success)}.file-status-badge-error{background:var(--color-error)}.file-card-actions{top:var(--size-1);right:var(--size-1);gap:var(--size-0-5);display:flex;position:absolute}.file-card-action{width:var(--size-5);height:var(--size-5);color:var(--color-contrast-50);cursor:pointer;background:color-mix(in oklch, var(--color-contrast-900) 55%, transparent);border-radius:var(--rounded-full);transition:background var(--transition-fast), color var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.file-card-remove:hover{color:var(--color-canvas);background:var(--color-error)}.file-card-action:not(.file-card-remove):hover{color:var(--color-canvas);background:var(--color-primary)}.file-card .file-progress-meta,.file-card .file-error-text{text-align:center;white-space:normal}: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%, transparent);border-color:var(--_theme-focus,var(--color-primary));box-shadow:0 0 0 3px color-mix(in oklch, var(--_theme-focus,var(--color-primary)) 25%, transparent), 0 0 20px 2px color-mix(in oklch, var(--_theme-focus,var(--color-primary)) 45%, transparent);border-style:solid}: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,.dropzone-icon[data-status=error],.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,color-mix(in oklch, var(--_theme-focus) 20%, transparent))}: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]) .dropzone:focus-visible,:host([variant=flat][drag-over]) .dropzone{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,transparent)}:host(:not([disabled])[variant=ghost]) .dropzone:hover{background:var(--file-input-hover-bg,var(--color-contrast-100));border-color:var(--file-input-hover-border-color,var(--color-contrast-200))}}@layer refine.utilities{:host([fullwidth]){width:100%}}:host([disabled]){opacity:1}:host([disabled]) .dropzone{background:var(--color-contrast-100);border-color:var(--color-contrast-200)}:host([disabled]) .dropzone-icon,:host([disabled]) .dropzone-title,:host([disabled]) .dropzone-hint,:host([disabled]) .dropzone-title u,:host([disabled]) .label-outside{color:var(--color-contrast-400)}`,Li=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]}`},Ri=(e,t)=>!t||e.size<=t,zi=e=>e>0?`${Li(e)}/s`:``,Bi=e=>e?e.split(`,`).map(e=>e.trim()):[],Vi={error:null,loaded:0,speedBps:0,status:`idle`},Hi=e=>{if(e.speedBps<=0||e.status!==`uploading`)return``;let t=Math.max(0,Math.round((e.total-e.loaded)/e.speedBps));return t<60?`${t}s left`:`${Math.round(t/60)}m left`};function Ui(e){let t=(0,n.signal)([]),r=new Map,i=new Map;function a(e){let t=r.get(e);return t||(t=(0,n.signal)({...Vi,total:e.size}),r.set(e,t)),t}function o(e){return a(e).value}function s(e,t){let n=a(e);n.value={...n.value,...t}}function c(t,n=0){if(e.disabled.value)return;let r=e.upload.value;if(!r)return;i.get(t)?.abort();let a=new AbortController;i.set(t,a),s(t,{error:null,loaded:n,speedBps:0,status:`uploading`,total:t.size});let c=performance.now(),l=n;r(t,{onProgress:(n,r)=>{if(a.signal.aborted)return;let i=performance.now(),u=(i-c)/1e3,d=u>0?Math.max(0,(n-l)/u):0,f=o(t).speedBps,p=f>0?f*.7+d*.3:d;c=i,l=n,s(t,{loaded:n,speedBps:p,total:r||t.size}),e.onUploadProgress(t,n,r||t.size)},resumeFrom:n,signal:a.signal}).then(()=>{a.signal.aborted||(s(t,{loaded:t.size,speedBps:0,status:`success`}),Ve(`${t.name} uploaded successfully.`,{document:e.document}),e.onUploadSuccess(t))}).catch(n=>{if(a.signal.aborted)return;let r=n instanceof Error?n.message:String(n);s(t,{error:r,speedBps:0,status:`error`}),Ve(`${t.name} failed to upload: ${r}`,{document:e.document,politeness:`assertive`}),e.onUploadError(t,n)})}function l(t){e.disabled.value||c(t,o(t).loaded)}function u(e){let t=new Set(e);for(let e of r.keys())t.has(e)||(i.get(e)?.abort(),i.delete(e),r.delete(e))}let f=(0,n.watch)(t,u);function p(n,r){if(e.disabled.value)return;let i=e.multiple.value,a=Array.from(n);i||(a=a.slice(0,1));let o=Bi(e.accept.value),s=e.maxSize.value;a=a.filter(e=>(0,d.matchesAccept)(e,o)&&Ri(e,s));let l=i?[...t.value]:[],u=[];for(let e of a)l.includes(e)||(l.push(e),u.push(e));let f=e.maxFiles.value;f>0&&l.length>f&&(l=l.slice(0,f)),t.value=l,e.onChange(t.value,r);for(let e of u)t.value.includes(e)&&c(e)}function m(n,r){e.disabled.value||(t.value=t.value.filter(e=>e!==n),e.onRemove(n,t.value,r),e.onChange(t.value,r))}function h(n,r,i){if(e.disabled.value)return!1;let a=Bi(e.accept.value);return!(0,d.matchesAccept)(r,a)||!Ri(r,e.maxSize.value)?!1:(t.value=t.value.map(e=>e===n?r:e),e.onRemove(n,t.value,i),e.onChange(t.value,i),c(r),!0)}function g(e){let t=o(e);return t.total<=0?0:Math.min(100,Math.round(t.loaded/t.total*100))}function _(e){let t=o(e);return[zi(t.speedBps),Hi(t)].filter(Boolean).join(` · `)}function v(e){let t=o(e).status;return t===`success`?`check`:t===`error`?`alert-circle`:`file`}function y(){f.dispose();for(let e of i.values())e.abort();i.clear(),r.clear()}return{addFiles:p,dispose:y,fileState:o,files:t,removeFile:m,replaceFile:h,retryUpload:l,statusIconName:v,uploadMetaText:_,uploadPercent:g}}var Wi=e=>e.type.startsWith(`image/`),Gi=`ore-file-input`;(0,t.define)(Gi,{formAssociated:!0,props:{accept:t.prop.string(),color:t.prop.string(),disabled:t.prop.bool(!1),error:t.prop.string(),gallery:t.prop.bool(!1),helper:t.prop.string(),label:t.prop.string(),"max-files":t.prop.number(0),"max-size":t.prop.number(0),multiple:t.prop.bool(!1),name:t.prop.string(),ref:t.prop.data(),required:t.prop.bool(!1),size:t.prop.string(),upload:t.prop.data()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,n.signal)(!1),o=(0,n.signal)(null),s=(0,n.computed)(()=>!!e.disabled.value),c=(0,n.computed)(()=>e[`max-files`].value??0),l=(0,n.computed)(()=>e[`max-size`].value??0),u=Ui({accept:e.accept,disabled:s,document:r.ownerDocument,maxFiles:c,maxSize:l,multiple:(0,n.computed)(()=>!!e.multiple.value),onChange:(e,t)=>i(`change`,{files:e,originalEvent:t,value:e}),onRemove:(e,t,n)=>i(`remove`,{file:e,files:t,originalEvent:n,value:t}),onUploadError:(e,t)=>i(`upload-error`,{error:t,file:e}),onUploadProgress:(e,t,n)=>i(`upload-progress`,{file:e,loaded:t,total:n}),onUploadSuccess:e=>i(`upload-success`,{file:e}),upload:(0,n.computed)(()=>e.upload.value??void 0)});(0,t.onCleanup)(()=>u.dispose()),(0,t.useField)({disabled:s,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:u.files});let f=(0,n.computed)(()=>!!e.error.value);(0,t.bind)({attr:{"drag-over":()=>a.value?!0:void 0,invalid:()=>f.value?!0:void 0,size:e.size}});let p=(0,t.createId)(`file-input`),m=`label-${p}`,h=`helper-${p}`,g=`error-${p}`,_=(0,t.ref)(),v=(0,t.ref)(),y=(0,n.computed)(()=>{let t=[];e.accept.value&&t.push(e.accept.value.split(`,`).map(e=>e.trim()).join(`, `));let n=l.value;n>0&&t.push(`max ${Li(n)}`);let r=c.value;return r>0&&t.push(`up to ${r} file${r===1?``:`s`}`),t.join(` · `)});function b(e){o.value=e,v.value?.click()}let x=new Map;function S(e){let t=x.get(e);return t||(t=URL.createObjectURL(e),x.set(e,t)),t}function C(e){let t=new Set(e);for(let[e,n]of x)t.has(e)||(URL.revokeObjectURL(n),x.delete(e))}return(0,n.watch)(u.files,C),(0,t.onCleanup)(()=>{for(let e of x.values())URL.revokeObjectURL(e);x.clear()}),(0,t.onElement)(v,t=>yt(e.ref,t)),(0,t.onMounted)(()=>{let e=v.value,r=_.value,i=!1,c=$e({disabled:s,onPress:()=>{e.click()}});(0,t.onEvent)(e,`change`,e=>{let t=e.target,n=o.value;o.value=null,n&&t.files?.[0]?u.replaceFile(n,t.files[0],e):t.files?.length&&u.addFiles(Array.from(t.files),e),t.value=``}),(0,t.onEvent)(r,`click`,t=>{if(t.target!==e){if(i){i=!1;return}s.value||e.click()}}),(0,t.onEvent)(r,`keydown`,e=>{i=c.handleKeydown(e)&&e.key===`Enter`}),(0,n.watch)(s,e=>{let t=(0,d.createDropZone)({disabled:e,element:r,onDrop:e=>u.addFiles(e),onHoverChange:e=>{a.value=e}});return()=>t.dispose()},{immediate:!0})}),t.html`
|
|
2582
2699
|
<div class="file-input-wrapper" part="wrapper">
|
|
2583
2700
|
<label class="label-outside" id="${m}" part="label" ?hidden=${()=>!e.label.value}>
|
|
2584
2701
|
${e.label}
|
|
@@ -2634,11 +2751,11 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2634
2751
|
part="${()=>e.gallery.value?`gallery`:null}"
|
|
2635
2752
|
role="list"
|
|
2636
2753
|
aria-label="Selected files"
|
|
2637
|
-
?hidden=${()=>
|
|
2638
|
-
${()=>
|
|
2639
|
-
<li class="file-card" data-status=${()=>
|
|
2754
|
+
?hidden=${()=>u.files.value.length===0}>
|
|
2755
|
+
${()=>u.files.value.map(n=>e.gallery.value?t.html`
|
|
2756
|
+
<li class="file-card" data-status=${()=>u.fileState(n).status}>
|
|
2640
2757
|
<span class="file-thumb-frame">
|
|
2641
|
-
${
|
|
2758
|
+
${Wi(n)?t.html`
|
|
2642
2759
|
<img
|
|
2643
2760
|
class="file-thumb"
|
|
2644
2761
|
alt=""
|
|
@@ -2648,27 +2765,27 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2648
2765
|
<ore-icon name="file" size="28" stroke-width="1.5" aria-hidden="true"></ore-icon>
|
|
2649
2766
|
</span>
|
|
2650
2767
|
`}
|
|
2651
|
-
${(0,t.when)(()=>
|
|
2768
|
+
${(0,t.when)(()=>u.fileState(n).status===`success`,()=>t.html`
|
|
2652
2769
|
<span class="file-status-badge file-status-badge-success" aria-hidden="true">
|
|
2653
2770
|
<ore-icon name="check" size="11" stroke-width="3" aria-hidden="true"></ore-icon>
|
|
2654
2771
|
</span>
|
|
2655
2772
|
`)}
|
|
2656
|
-
${(0,t.when)(()=>
|
|
2773
|
+
${(0,t.when)(()=>u.fileState(n).status===`error`,()=>t.html`
|
|
2657
2774
|
<span class="file-status-badge file-status-badge-error" aria-hidden="true">
|
|
2658
2775
|
<ore-icon name="alert-circle" size="12" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2659
2776
|
</span>
|
|
2660
2777
|
`)}
|
|
2661
2778
|
<span class="file-card-actions">
|
|
2662
|
-
${(0,t.when)(()=>
|
|
2779
|
+
${(0,t.when)(()=>u.fileState(n).status===`error`,()=>t.html`
|
|
2663
2780
|
<button
|
|
2664
2781
|
class="file-card-action"
|
|
2665
2782
|
type="button"
|
|
2666
2783
|
aria-label="${`Retry uploading ${n.name}`}"
|
|
2667
|
-
@click=${()=>
|
|
2784
|
+
@click=${()=>u.retryUpload(n)}>
|
|
2668
2785
|
<ore-icon name="refresh-cw" size="12" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2669
2786
|
</button>
|
|
2670
2787
|
`)}
|
|
2671
|
-
${(0,t.when)(()=>
|
|
2788
|
+
${(0,t.when)(()=>u.fileState(n).status===`success`&&!!e.multiple.value&&!!e.upload.value,()=>t.html`
|
|
2672
2789
|
<button
|
|
2673
2790
|
class="file-card-action"
|
|
2674
2791
|
type="button"
|
|
@@ -2681,61 +2798,61 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2681
2798
|
class="file-card-action file-card-remove"
|
|
2682
2799
|
type="button"
|
|
2683
2800
|
aria-label="${`Remove ${n.name}`}"
|
|
2684
|
-
@click=${e=>
|
|
2801
|
+
@click=${e=>u.removeFile(n,e)}>
|
|
2685
2802
|
<ore-icon name="x" size="12" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2686
2803
|
</button>
|
|
2687
2804
|
</span>
|
|
2688
2805
|
</span>
|
|
2689
2806
|
<span class="file-card-name" title="${n.name}">${n.name}</span>
|
|
2690
|
-
${(0,t.when)(()=>
|
|
2807
|
+
${(0,t.when)(()=>u.fileState(n).status===`uploading`,()=>t.html`
|
|
2691
2808
|
<ore-progress
|
|
2692
2809
|
type="linear"
|
|
2693
2810
|
size="sm"
|
|
2694
|
-
value=${()=>
|
|
2695
|
-
label=${()=>`${
|
|
2696
|
-
<span class="file-progress-meta">${()=>
|
|
2811
|
+
value=${()=>u.uploadPercent(n)}
|
|
2812
|
+
label=${()=>`${u.uploadPercent(n)}%`}></ore-progress>
|
|
2813
|
+
<span class="file-progress-meta">${()=>u.uploadMetaText(n)}</span>
|
|
2697
2814
|
`)}
|
|
2698
|
-
${(0,t.when)(()=>
|
|
2699
|
-
<span class="file-error-text">${()=>
|
|
2815
|
+
${(0,t.when)(()=>u.fileState(n).status===`error`,()=>t.html`
|
|
2816
|
+
<span class="file-error-text">${()=>u.fileState(n).error}</span>
|
|
2700
2817
|
`)}
|
|
2701
2818
|
</li>
|
|
2702
2819
|
`:t.html`
|
|
2703
|
-
<li class="file-item" data-status=${()=>
|
|
2820
|
+
<li class="file-item" data-status=${()=>u.fileState(n).status}>
|
|
2704
2821
|
<span class="file-icon" aria-hidden="true">
|
|
2705
2822
|
<ore-icon
|
|
2706
|
-
name=${()=>
|
|
2823
|
+
name=${()=>u.statusIconName(n)}
|
|
2707
2824
|
size="18"
|
|
2708
2825
|
stroke-width="1.75"
|
|
2709
2826
|
aria-hidden="true"></ore-icon>
|
|
2710
2827
|
</span>
|
|
2711
2828
|
<span class="file-meta">
|
|
2712
2829
|
<span class="file-name" title="${n.name}">${n.name}</span>
|
|
2713
|
-
${(0,t.when)(()=>
|
|
2830
|
+
${(0,t.when)(()=>u.fileState(n).status===`uploading`,()=>t.html`
|
|
2714
2831
|
<ore-progress
|
|
2715
2832
|
type="linear"
|
|
2716
2833
|
size="sm"
|
|
2717
|
-
value=${()=>
|
|
2718
|
-
label=${()=>`${
|
|
2719
|
-
<span class="file-progress-meta">${()=>
|
|
2834
|
+
value=${()=>u.uploadPercent(n)}
|
|
2835
|
+
label=${()=>`${u.uploadPercent(n)}%`}></ore-progress>
|
|
2836
|
+
<span class="file-progress-meta">${()=>u.uploadMetaText(n)}</span>
|
|
2720
2837
|
`)}
|
|
2721
|
-
${(0,t.when)(()=>
|
|
2722
|
-
<span class="file-error-text">${()=>
|
|
2838
|
+
${(0,t.when)(()=>u.fileState(n).status===`error`,()=>t.html`
|
|
2839
|
+
<span class="file-error-text">${()=>u.fileState(n).error}</span>
|
|
2723
2840
|
`)}
|
|
2724
|
-
${(0,t.when)(()=>
|
|
2725
|
-
<span class="file-size">${
|
|
2841
|
+
${(0,t.when)(()=>u.fileState(n).status===`idle`||u.fileState(n).status===`success`,()=>t.html`
|
|
2842
|
+
<span class="file-size">${Li(n.size)}</span>
|
|
2726
2843
|
`)}
|
|
2727
2844
|
</span>
|
|
2728
2845
|
<span class="file-actions">
|
|
2729
|
-
${(0,t.when)(()=>
|
|
2846
|
+
${(0,t.when)(()=>u.fileState(n).status===`error`,()=>t.html`
|
|
2730
2847
|
<button
|
|
2731
2848
|
class="file-action"
|
|
2732
2849
|
type="button"
|
|
2733
2850
|
aria-label="${`Retry uploading ${n.name}`}"
|
|
2734
|
-
@click=${()=>
|
|
2851
|
+
@click=${()=>u.retryUpload(n)}>
|
|
2735
2852
|
<ore-icon name="refresh-cw" size="14" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
2736
2853
|
</button>
|
|
2737
2854
|
`)}
|
|
2738
|
-
${(0,t.when)(()=>
|
|
2855
|
+
${(0,t.when)(()=>u.fileState(n).status===`success`&&!!e.multiple.value&&!!e.upload.value,()=>t.html`
|
|
2739
2856
|
<button
|
|
2740
2857
|
class="file-action"
|
|
2741
2858
|
type="button"
|
|
@@ -2748,7 +2865,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2748
2865
|
class="file-remove"
|
|
2749
2866
|
type="button"
|
|
2750
2867
|
aria-label="${`Remove ${n.name}`}"
|
|
2751
|
-
@click=${e=>
|
|
2868
|
+
@click=${e=>u.removeFile(n,e)}>
|
|
2752
2869
|
<ore-icon name="x" size="12" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2753
2870
|
</button>
|
|
2754
2871
|
</span>
|
|
@@ -2767,7 +2884,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2767
2884
|
${()=>e.error.value??``}
|
|
2768
2885
|
</div>
|
|
2769
2886
|
</div>
|
|
2770
|
-
`},shadow:{delegatesFocus:!0},styles:[
|
|
2887
|
+
`},shadow:{delegatesFocus:!0},styles:[Y,W,G,q,ye,J(oe),Te(`.dropzone`),Ii]});var Ki=`@layer refine.base{:host{--_radius:var(--message-composer-radius,var(--rounded-2xl));--_padding:var(--message-composer-padding,var(--size-3));--_surface:var(--_bg);width:fit-content;max-width:100%;display:flex}:host([fullwidth]){width:100%}.composer{box-sizing:border-box;gap:var(--message-composer-gap,var(--_gap));width:100%;min-width:0;max-width:100%;padding:var(--_padding);background:var(--_surface);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--shadow-2xs);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex;position:relative}:host(:not([disabled],[variant=bordered],[variant=flat])) .composer:hover{border-color:var(--color-contrast-400)}:host([error]:not([error=""])) .composer{border-color:var(--color-error)}:host([success]) .composer{border-color:var(--color-success)}.status-icon{width:var(--size-5);height:var(--size-5);top:var(--_padding);justify-content:center;align-items:center;display:none;position:absolute}.status-icon:not(: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)}.status-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)){left:var(--_padding)}:host([error]:not([error=""])) .status-icon,:host([success]) .status-icon{display:flex}.status-icon[data-status=error]{color:var(--color-error)}.status-icon[data-status=success]{color:var(--color-success)}.field{box-sizing:border-box;width:100%;min-width:0;min-height:var(--message-composer-min-height,1lh);font:inherit;font-size:var(--_font-size);line-height:var(--leading-relaxed);color:var(--text-color-body);resize:none;background:0 0;border:none;outline:none;padding:0}.field::placeholder{color:var(--message-composer-placeholder-color,var(--color-contrast-500))}.helper-text[hidden]{display:none}.helper-text{font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));padding-left:2px;padding-right:2px}.counter{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-400);align-self:flex-end;padding-left:2px;padding-right:2px}.counter.near-limit{color:var(--color-warning)}.counter.at-limit{color:var(--color-error)}.toolbar{gap:var(--message-composer-gap,var(--_gap));justify-content:space-between;align-items:center;display:flex}.toolbar-start,.toolbar-end{gap:var(--message-composer-gap,var(--_gap));align-items:center;min-width:0;display:flex}.send-btn{flex-shrink:0}}@layer refine.variants{:host(:not([disabled],[variant=flat])) .composer:focus-within{--_surface:var(--color-canvas);border-color:var(--_theme-focus);box-shadow:var(--_theme-shadow)}:host([error]:not([error=""])) .composer:focus-within{border-color:var(--color-error);box-shadow:var(--color-error-focus-shadow)}:host([success]) .composer:focus-within{border-color:var(--color-success);box-shadow:var(--color-success-focus-shadow)}}:host([loading]:not([disabled])){opacity:1}:host([loading]:not([disabled])) .composer{pointer-events:auto}:host([disabled]){opacity:1}:host([disabled]) .composer{background:var(--color-contrast-100);border-color:var(--color-contrast-200);box-shadow:none}:host([disabled]) .field{color:var(--color-contrast-400)}:host([disabled]) .field::placeholder{color:var(--color-contrast-300)}`,qi=`Send message`,Ji=`arrow-up`,Yi=`ore-message-composer`;(0,t.define)(Yi,{formAssociated:!0,props:{...I,...L,...R,...z,"clear-on-send":t.prop.bool(!0),error:t.prop.string(),fullwidth:t.prop.bool(!1),helper:t.prop.string(),label:t.prop.string(),maxlength:t.prop.json(void 0),name:t.prop.string(),placeholder:t.prop.string(),readonly:t.prop.bool(!1),ref:t.prop.data(),required:t.prop.bool(!1),rows:t.prop.json(void 0),"send-icon":t.prop.string(),"send-label":t.prop.string(),"send-shortcut":t.prop.oneOf([`enter`,`mod+enter`],`enter`),success:t.prop.bool(!1),value:t.prop.string(),variant:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=e.disabled,s=X(t.onCleanup),c=(0,t.ref)(),l=We(),u=wt({disabled:o,error:e.error,helper:e.helper,maxLength:e.maxlength,onInput:(e,t)=>{$(r,t),Q(r,`input`)},prefix:`composer`,readonly:e.readonly,required:e.required,signal:s,value:e.value});Yr(r,()=>u.value.value,e=>{u.value.value=e}),u.attachFormField((0,t.useField)({disabled:u.disabled,onReset:()=>{u.reset(),l.recompute()},toFormValue:e=>e,validationMessage:u.validationMessage,validity:u.validity,value:u.value}));function d(t){i(`send`,{originalEvent:t,value:u.value.value.trim()})&&e[`clear-on-send`].value!==!1&&(u.clear(),l.recompute(),c.value?.focus())}let f=at({disabled:o,loading:(0,n.computed)(()=>!!e.loading.value),onSend:d,sendShortcut:e[`send-shortcut`],value:u.value});return(0,t.onElement)(c,t=>{let n=u.wire(t),r=l.wire(t),i=yt(e.ref,t),a=e=>f.handleKeydown(e);return t.addEventListener(`keydown`,a),()=>{t.removeEventListener(`keydown`,a),n(),r(),i()}}),(0,t.bind)({attr:{error:yn(u.errorText),size:e.size,success:()=>e.success.value&&!u.errorText.value?!0:void 0,variant:e.variant}}),t.html`
|
|
2771
2888
|
<div class="composer" part="composer">
|
|
2772
2889
|
<textarea
|
|
2773
2890
|
class="field"
|
|
@@ -2786,7 +2903,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2786
2903
|
aria-describedby="${u.ariaDescribedBy}"
|
|
2787
2904
|
aria-errormessage="${u.ariaErrorMessage}"
|
|
2788
2905
|
aria-invalid="${u.ariaInvalid}"></textarea>
|
|
2789
|
-
${
|
|
2906
|
+
${Sn(u.errorText)} ${Cn(u)}
|
|
2790
2907
|
<div class="toolbar" part="toolbar">
|
|
2791
2908
|
<div class="toolbar-start" part="toolbar-start">
|
|
2792
2909
|
<slot name="prefix"></slot>
|
|
@@ -2803,17 +2920,17 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2803
2920
|
variant="solid"
|
|
2804
2921
|
color="${()=>e.color.value||`primary`}"
|
|
2805
2922
|
size="${e.size}"
|
|
2806
|
-
label="${()=>e[`send-label`].value||
|
|
2923
|
+
label="${()=>e[`send-label`].value||qi}"
|
|
2807
2924
|
?loading="${()=>!!e.loading.value}"
|
|
2808
2925
|
?disabled="${()=>!f.canSend.value}"
|
|
2809
2926
|
@click="${e=>f.send(e)}">
|
|
2810
|
-
<ore-icon name="${()=>e[`send-icon`].value||
|
|
2927
|
+
<ore-icon name="${()=>e[`send-icon`].value||Ji}" size="16"></ore-icon>
|
|
2811
2928
|
</ore-button>
|
|
2812
2929
|
`}
|
|
2813
2930
|
</div>
|
|
2814
2931
|
</div>
|
|
2815
2932
|
</div>
|
|
2816
|
-
`},shadow:{delegatesFocus:!0},styles:[
|
|
2933
|
+
`},shadow:{delegatesFocus:!0},styles:[Y,W,G,ye,we,Te(`.field`),J(U),Ki,me({container:`.composer`,text:`.field`,tokenPrefix:`message-composer`})]});var Xi=`@layer refine.base{:host{min-width:var(--number-input-min-width,12rem);display:inline-flex}:host([fullwidth]){width:100%}.field{flex:1}.field::part(input){text-align:center}button[part=decrement-btn],button[part=increment-btn]{width:var(--size-6);min-width:var(--size-6);height:var(--size-6);min-height:var(--size-6);color:var(--color-contrast-600);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;padding:0;display:inline-flex}button[part=decrement-btn]:hover:not(:disabled),button[part=increment-btn]:hover:not(:disabled){color:var(--color-contrast-900);background:var(--color-contrast-150,var(--color-contrast-100))}button[part=decrement-btn]:active:not(:disabled),button[part=increment-btn]:active:not(:disabled){background:var(--color-contrast-200)}button[part=decrement-btn]:disabled,button[part=increment-btn]:disabled{color:var(--color-contrast-300);cursor:not-allowed;background:0 0}button[part=decrement-btn]:focus-visible,button[part=increment-btn]:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:-2px}}:host([disabled]){opacity:1}`,Zi=`ore-number-input`;(0,t.define)(Zi,{formAssociated:!0,props:{...I,...L,...R,...B,error:t.prop.string(),fullwidth:t.prop.bool(!1),helper:t.prop.string(),label:t.prop.string(),"label-placement":t.prop.oneOf([`inset`,`outside`],`inset`),"large-step":t.prop.json(void 0),loading:t.prop.bool(!1),max:t.prop.json(void 0),min:t.prop.json(void 0),name:t.prop.string(),placeholder:t.prop.string(),readonly:t.prop.bool(!1),ref:t.prop.data(),step:t.prop.number(1),success:t.prop.bool(!1),value:t.prop.json(void 0),variant:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=t.watchEffect,a=(0,n.computed)(()=>e.disabled.value||e.loading.value),s=(0,n.computed)(()=>!!e.readonly.value),c=(0,n.signal)(e.value.value==null?``:String(e.value.value));Yr(r,()=>c.value,e=>{c.value=e}),(0,n.watch)(e.value,e=>{let t=e==null?``:String(e);c.value!==t&&(c.value=t)});function l(){let e=c.value.trim();if(!e)return null;let t=Number.parseFloat(e);return Number.isNaN(t)?null:t}function u(t,n){let i=e.min.value==null?void 0:Number(e.min.value),a=e.max.value==null?void 0:Number(e.max.value),s=t==null?null:(0,o.clamp)(t,i,a),l=s==null?``:String(s);c.value!==l&&(c.value=l),$(r,l),Q(r,`change`)}let d=xt({commit:u,disabled:a,largeStep:e[`large-step`],max:e.max,min:e.min,parse:l,readonly:s,step:e.step}),f=(0,t.ref)(),p=null,m=null,h=null,g=t=>{if(!t){p?.(),m?.(),h?.dispose(),p=null,m=null,h=null,e.ref.value?.(null);return}t.setAttribute(`inputmode`,`decimal`),t.setAttribute(`role`,`spinbutton`);let a=e=>{let t=e.target.value,n=t===``?null:Number.parseFloat(t);u(Number.isNaN(n??NaN)?null:n,e)},o=e=>{let t=e.target.value;c.value=t,$(r,t),Q(r,`input`)};t.addEventListener(`change`,a),t.addEventListener(`input`,o),m=()=>{t.removeEventListener(`change`,a),t.removeEventListener(`input`,o)},p=i(()=>{let n=l();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)),s.value?t.setAttribute(`aria-readonly`,`true`):t.removeAttribute(`aria-readonly`)}),e.ref.value?.(t),h=(0,n.watch)(e.ref,e=>{e?.(t)})};(0,t.onElement)(f,e=>{e.ref=g}),(0,t.bind)({attr:{size:e.size,value:()=>c.value||null,variant:e.variant}});let _=(0,n.computed)(()=>a.value||s.value);return t.html`
|
|
2817
2934
|
<ore-input
|
|
2818
2935
|
class="field"
|
|
2819
2936
|
part="field control"
|
|
@@ -2854,7 +2971,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2854
2971
|
<ore-icon name="plus" size="14" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2855
2972
|
</button>
|
|
2856
2973
|
</ore-input>
|
|
2857
|
-
`},shadow:{delegatesFocus:!0},styles:[
|
|
2974
|
+
`},shadow:{delegatesFocus:!0},styles:[ye,Xi]});var Qi=`@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));--_border-color:var(--otp-cell-border-color,var(--color-contrast-300));--_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(--_bg);border:var(--_cell-border) solid var(--_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);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([disabled],[variant=flat])) .cell:focus{box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow))}}@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)}}`,$i=`ore-otp-input`;(0,t.define)($i,{formAssociated:!0,props:{...I,...L,...R,label:t.prop.string(`One-time password`),length:t.prop.number(6),masked:t.prop.bool(!1),name:t.prop.string(),separator:t.prop.string(),type:t.prop.oneOf([`numeric`,`alphanumeric`],`numeric`),value:t.prop.string(),variant:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,n.computed)(()=>Number(e.length.value)||6),o=(0,n.computed)(()=>!!e.disabled.value),s=(0,n.computed)(()=>Array.from({length:a.value},(e,t)=>t)),c=(0,n.signal)(String(e.value.value||``)),l=()=>String(e.value.value||``);(0,t.useField)({disabled:o,toFormValue:e=>e,value:c}),(0,t.bind)({attr:{size:e.size,value:()=>c.value||null,variant:e.variant}});function u(){return[...r.shadowRoot?.querySelectorAll(`input.cell`)??[]]}let d=Z({getItems:()=>u(),keys:{next:[`ArrowRight`],prev:[`ArrowLeft`]},loop:!1,onNavigate:({item:e})=>{e.focus()},signal:X(t.onCleanup)});function f(){return u().map(e=>e.value).join(``)}function p(e){let t=u(),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)}),c.value=f()}Yr(r,()=>c.value,e=>{p(e)});function m(e,t){let n=u(),a=f(),o=t??(a.length===n.length&&a.split(``).every(Boolean));c.value=a,$(r,a),Q(r,`input`),Q(r,`change`),o&&i(`complete`,{originalEvent:e,value:a})}function h(t){return e.type.value===`numeric`?/^\d$/.test(t):/^[a-z\d]$/i.test(t)}function g(e,t){let n=e.target,r=n.value;if(r.length>1&&(r=r.slice(-1)),r&&!h(r)){n.value=``;return}n.value=r;let i=u();m(e),r&&t<i.length-1&&(i[t+1].focus(),i[t+1].select())}function _(e,t){let n=e.target,r=u();if(d.set(t),e.key===`Backspace`){if(n.value)n.value=``;else if(t>0){let e=r[d.navigate(`prev`)];e&&(e.select(),e.value=``)}m(e,!1),e.preventDefault()}else d.handleKeydown(e)}function v(e){e.preventDefault();let t=(e.clipboardData?.getData(`text`)??``).split(``).filter(e=>h(e)).slice(0,a.value),n=u();t.forEach((e,t)=>{n[t]&&(n[t].value=e)}),m(e),n[Math.min(t.length,n.length-1)]?.focus()}(0,n.watch)(e.value,e=>{p(String(e||``))}),(0,n.watch)(e.length,()=>{requestAnimationFrame(()=>p(l()))});let y=(0,n.computed)(()=>{let t=Number(e.length.value)||6;return e.separator.value==null?-1:Math.floor(t/2)});return(0,t.onMounted)(()=>{p(l())}),t.html`
|
|
2858
2975
|
<div class="otp-group" part="group" role="group" aria-label="${e.label}">
|
|
2859
2976
|
${()=>s.value.map(n=>t.html`
|
|
2860
2977
|
${()=>y.value>0&&n===y.value?t.html`
|
|
@@ -2875,7 +2992,51 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2875
2992
|
@focus="${e=>e.target.select()}" />
|
|
2876
2993
|
`)}
|
|
2877
2994
|
</div>
|
|
2878
|
-
`},styles:[
|
|
2995
|
+
`},styles:[Y,J({}),Te(`.cell`),Qi,me({accentVar:`--_cell-focus-border`,container:`.cell`,tokenPrefix:`otp-cell`})]});var ea=`@layer refine.base{:host{--_radius:var(--qr-scanner-radius,var(--rounded-md));--_bg:var(--qr-scanner-bg,var(--color-contrast-100));--_viewfinder-color:var(--qr-scanner-viewfinder-color,var(--color-primary));--_status-color:var(--qr-scanner-status-color,var(--text-color-secondary));display:inline-block}:host([hidden]){display:none}.wrapper{--_size:var(--qr-scanner-size,var(--_size-px,280px));gap:var(--size-2);flex-direction:column;align-items:center;max-width:100%;display:inline-flex}.stage{width:var(--_size);max-width:100%;height:var(--_size);background:var(--_bg);border-radius:var(--_radius);position:relative;overflow:hidden}video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.viewfinder{inset:var(--size-4);pointer-events:none;border:var(--border-width,1px) solid var(--_viewfinder-color);border-radius:var(--_radius);position:absolute;box-shadow:0 0 0 9999px #00000026}.overlay{pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.overlay ::slotted(*){pointer-events:auto}.state{box-sizing:border-box;gap:var(--size-2);padding:var(--size-4);color:var(--text-color-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.state-text{font-size:var(--text-sm);overflow-wrap:anywhere}.status{max-width:var(--_size);font-size:var(--text-sm);color:var(--_status-color);text-align:center;overflow-wrap:anywhere}.controls{gap:var(--size-2);display:flex}}`,ta={lg:360,md:280,sm:200},na=e=>typeof e==`number`?e:ta[e]??ta.md,ra={denied:`Camera access denied. Allow camera permission and retry.`,error:`Scanning failed.`,idle:`Camera is off.`,result:`Code scanned.`,scanning:`Point the camera at a QR code.`,starting:`Starting camera…`,unsupported:`QR scanning is not supported in this browser.`},ia=`ore-qr-scanner`;(0,t.define)(ia,{props:{active:t.prop.bool(!1),"facing-mode":t.prop.oneOf([`environment`,`user`],`environment`),interval:t.prop.number(200),label:t.prop.string(`QR code scanner`),once:t.prop.bool(!0),...B,scannerFactory:t.prop.data(),size:{default:`md`,parse:e=>e!==null&&/^\d+$/.test(e)?Number(e):e??`md`}},setup(e){let r=(0,t.useEmit)(),i=(0,t.ref)(),a=(0,n.signal)(`idle`),o=(0,n.signal)(``),s=(0,n.signal)(``),c=(0,n.signal)(!1);(0,n.watch)(e.active,e=>{c.value=e===!0},{immediate:!0});let u=(e,t=``)=>{o.value=t,a.value!==e&&(a.value=e,r(`status`,{status:e}))},d=()=>a.value===`result`&&s.value?`Code scanned: ${s.value}`:ra[a.value];!e.scannerFactory.value&&!(0,l.isQrScanSupported)()&&u(`unsupported`,ra.unsupported);let f=async e=>{try{await e.start(),c.value||e.stop()}catch(e){c.value=!1;let t=e instanceof l.SigilError?e:new l.SigilError(`QR scanner failed to start`,{cause:e});t instanceof l.SigilUnsupportedError?u(`unsupported`,t.message):t instanceof l.SigilPermissionError?u(`denied`,t.message):u(`error`,t.message),r(`error`,{error:t})}},p=t=>{t.onResult(t=>{s.value=t.value,r(`scan`,{value:t.value}),e.once.value&&u(`result`)}),t.tap(e=>{e.type===`status-change`?e.status===`starting`?u(`starting`):e.status===`scanning`?u(`scanning`):(e.status===`stopped`&&a.value!==`result`||e.status===`idle`)&&u(`idle`):e.type===`error`&&(r(`error`,{error:e.error}),(a.value===`scanning`||a.value===`starting`)&&u(`error`,e.error.message))})};(0,t.onElement)(i,r=>{let i=(0,n.signal)(null);(0,t.watchEffect)(()=>{let t=(e.scannerFactory.value??l.createQrScanner)({constraints:{facingMode:e[`facing-mode`].value??`environment`},intervalMs:e.interval.value??200,once:e.once.value??!0,video:r});return i.value=t,p(t),()=>t.dispose()}),(0,n.watch)(()=>[c.value,i.value],([e,t])=>{t&&!t.disposed&&(e?f(t):t.stop())},{immediate:!0})});let m=()=>{c.value=!0},h=()=>{c.value=!1},g=()=>a.value===`starting`||a.value===`scanning`;return t.html`
|
|
2996
|
+
<div
|
|
2997
|
+
class="wrapper"
|
|
2998
|
+
part="wrapper"
|
|
2999
|
+
role="region"
|
|
3000
|
+
aria-label=${()=>e.label.value}
|
|
3001
|
+
style=${()=>`--_size-px: ${na(e.size.value??`md`)}px`}>
|
|
3002
|
+
<div class="stage" part="stage">
|
|
3003
|
+
<video
|
|
3004
|
+
ref=${i}
|
|
3005
|
+
part="video"
|
|
3006
|
+
autoplay
|
|
3007
|
+
playsinline
|
|
3008
|
+
muted
|
|
3009
|
+
aria-hidden="true"
|
|
3010
|
+
?hidden=${()=>!g()}></video>
|
|
3011
|
+
<div class="viewfinder" part="viewfinder" aria-hidden="true" ?hidden=${()=>a.value!==`scanning`}></div>
|
|
3012
|
+
<div class="overlay"><slot name="overlay"></slot></div>
|
|
3013
|
+
${(0,t.when)(()=>!g(),()=>t.html`
|
|
3014
|
+
<div class="state" part="state" data-state=${()=>a.value}>
|
|
3015
|
+
${(0,t.when)(()=>a.value===`unsupported`,()=>t.html`<slot name="unsupported"></slot>`,()=>t.html`
|
|
3016
|
+
${(0,t.when)(()=>a.value===`result`,()=>t.html`<ore-icon name="check" size="24" aria-hidden="true"></ore-icon>`,()=>t.html`<ore-icon name="camera" size="24" aria-hidden="true"></ore-icon>`)}
|
|
3017
|
+
<span class="state-text">${()=>o.value||ra[a.value]}</span>
|
|
3018
|
+
`)}
|
|
3019
|
+
</div>
|
|
3020
|
+
`)}
|
|
3021
|
+
</div>
|
|
3022
|
+
<div class="status" part="status" role="status">${d}</div>
|
|
3023
|
+
${(0,t.when)(()=>a.value!==`unsupported`,()=>t.html`
|
|
3024
|
+
<div class="controls" part="controls">
|
|
3025
|
+
${(0,t.when)(()=>a.value===`starting`||a.value===`scanning`,()=>t.html`
|
|
3026
|
+
<ore-button variant="ghost" size="sm" @click=${h}>Stop</ore-button>
|
|
3027
|
+
`,()=>t.html`
|
|
3028
|
+
<ore-button
|
|
3029
|
+
variant="ghost"
|
|
3030
|
+
size="sm"
|
|
3031
|
+
@click=${m}>
|
|
3032
|
+
${()=>a.value===`result`?`Scan again`:a.value===`denied`||a.value===`error`?`Retry`:`Start camera`}
|
|
3033
|
+
</ore-button>
|
|
3034
|
+
`)}
|
|
3035
|
+
</div>
|
|
3036
|
+
`)}
|
|
3037
|
+
<slot name="footer"></slot>
|
|
3038
|
+
</div>
|
|
3039
|
+
`},styles:[q,ea]});var aa=`@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:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));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}}`,oa=(0,t.createContext)(`OreRadioGroup`),sa=`ore-radio-group`;(0,t.define)(sa,{formAssociated:!0,props:{...I,...L,...R,error:t.prop.string(),helper:t.prop.string(),label:t.prop.string(),name:t.prop.string(),orientation:t.prop.oneOf([`horizontal`,`vertical`],`vertical`),required:t.prop.bool(!1),value:{...t.prop.string(),reflect:!1}},setup(e){let n=(0,t.getHost)(),r=(0,t.useEmit)(),i=(0,t.useSlots)(),a=t.watchEffect,o=rt({disabled:e.disabled,error:e.error,helper:e.helper,label:e.label,prefix:`radio-group`,required:e.required,signal:X(t.onCleanup),value:e.value});o.attachFormField((0,t.useField)({disabled:o.disabled,onReset:o.reset,toFormValue:e=>e,validationMessage:o.validationMessage,validity:o.validity,value:o.formValue}));let s=o.selectedValue,c=e.disabled;(0,t.bind)({attr:{size:e.size,value:()=>s.value||null}});let l=()=>pt(n,`ore-radio`),u=()=>c.value?[]:l().filter(e=>!e.hasAttribute(`disabled`)),d=e=>mt(l(),e),f=(e,t)=>{o.setValues(e?[e]:[]);let n=e?[d(e)]:[];r(`change`,{labels:n,originalEvent:t,values:e?[e]:[]}),o.triggerValidation(`blur`)};(0,t.provide)(oa,{color:e.color,disabled:c,name:e.name,select:f,size:e.size,value:s}),a(()=>{i.elements().value,s.value;let t=l();for(let n of t){let t=n.getAttribute(`value`)??``;n.toggleAttribute(`checked`,t===s.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`,c.value)}}),a(()=>{i.elements().value;let e=l(),t=!1;for(let n of e){let e=n.getAttribute(`value`)===s.value;n.setAttribute(`tabindex`,e&&!c.value?`0`:`-1`),e&&!c.value&&(t=!0)}if(!t&&e.length>0){let t=e.find(e=>!e.hasAttribute(`disabled`));t&&t.setAttribute(`tabindex`,`0`)}});let p=Z({getItems:u,keys:{next:[`ArrowDown`,`ArrowRight`],prev:[`ArrowUp`,`ArrowLeft`]},loop:!0,onNavigate:({event:e,item:t})=>{t.focus(),t.tagName===`ORE-RADIO`&&f(t.getAttribute(`value`)??``,e)},signal:X(t.onCleanup)});(0,t.bind)({on:{change:e=>{e.target!==n&&(e.stopPropagation(),f(e.target.getAttribute(`value`)??``,e))},keydown:e=>{let t=u();if(!t.length)return;let n=t.indexOf(document.activeElement);n!==-1&&(p.set(n),p.handleKeydown(e))}}});let m=(0,t.createId)(`radio-group-legend`);return t.html`
|
|
2879
3040
|
<fieldset
|
|
2880
3041
|
role="radiogroup"
|
|
2881
3042
|
aria-required="${()=>String(!!e.required.value)}"
|
|
@@ -2900,15 +3061,15 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2900
3061
|
${()=>o.errorText.value||o.helperText.value}
|
|
2901
3062
|
</div>
|
|
2902
3063
|
</fieldset>
|
|
2903
|
-
`},styles:[
|
|
3064
|
+
`},styles:[ve,aa]});var ca=`@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{min-width:0;font-size:var(--_font-size);color:var(--color-contrast);flex:1 1 0}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text:not(: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-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)}}`,la=`ore-radio`;(0,t.define)(la,{formAssociated:!0,props:{...I,...L,...R,checked:t.prop.bool(!1),error:t.prop.string(),helper:t.prop.string(),name:t.prop.string(),value:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.inject)(oa),a=(0,n.computed)(()=>i?.name.value||e.name.value||``),o=(0,n.computed)(()=>i?.size.value??e.size.value),s=(0,n.computed)(()=>i?.color.value??e.color.value),c=(0,n.computed)(()=>i?i.value.value===e.value.value:!!e.checked.value),l=()=>{let e=a.value;return e?Array.from(document.querySelectorAll(`ore-radio[name="${e}"]`)).filter(e=>!e.hasAttribute(`disabled`)):[]},u=(e,t)=>{if(i){i.select(e.getAttribute(`value`)??``,t);return}e.click()},d=Z({direction:()=>Tt(r),getItems:()=>l(),loop:!0,onNavigate:({event:e,item:t})=>{t.focus(),u(t,e)},orientation:`both`,signal:X(t.onCleanup)}),f=t=>{if(!p.checked.value){if(i){i.select(e.value.value??``,t);return}p.toggle(t??new Event(`change`))}},p=tt({checked:c,disabled:(0,n.computed)(()=>e.disabled.value||!!i?.disabled.value),error:e.error,helper:e.helper,onToggle:e=>{Xr(r,e.checked),Q(r,`input`),Q(r,`change`)},prefix:`radio`,signal:X(t.onCleanup),value:e.value});p.attachFormField((0,t.useField)({disabled:p.disabled,toFormValue:e=>e,value:p.checkableFormValue}));let{assistiveId:m,checked:h,disabled:g,errorText:_,helperText:v,labelId:y,toggle:b}=p;return Jr(r,()=>h.value,e=>{h.value=e}),(0,t.bind)({attr:{"aria-checked":()=>h.value?`true`:`false`,"aria-describedby":()=>_.value||v.value?m:null,"aria-disabled":()=>g.value?`true`:null,"aria-invalid":()=>_.value?`true`:null,"aria-labelledby":y,checked:h,color:s,disabled:()=>g.value?!0:void 0,name:()=>a.value||void 0,role:`radio`,size:o,tabindex:()=>{if(!g.value)return h.value?0:-1}},class:()=>({"is-checked":h.value,"is-disabled":g.value}),on:{click:t=>{if(!g.value){if(i)i.select(e.value.value??``,t);else{if(!a.value)return;if(!h.value){let n=e.name.value;document.querySelectorAll(`ore-radio[name="${n}"]`).forEach(e=>{e!==r&&e.removeAttribute(`checked`)}),b(t)}}}},keydown:e=>{if(e.key===` `||e.key===`Enter`){e.preventDefault(),f(e);return}let t=l();if(t.length===0)return;let n=t.indexOf(r);n!==-1&&(d.set(n),d.handleKeydown(e))}}}),t.html`
|
|
2904
3065
|
<div class="radio-wrapper" part="radio">
|
|
2905
3066
|
<div class="circle" part="circle">
|
|
2906
3067
|
<div class="dot" part="dot"></div>
|
|
2907
3068
|
</div>
|
|
2908
3069
|
</div>
|
|
2909
3070
|
<span class="label" part="label" id="${y}"><slot></slot></span>
|
|
2910
|
-
${
|
|
2911
|
-
`},styles:[
|
|
3071
|
+
${xn(m,_,v)}
|
|
3072
|
+
`},styles:[Y,Ee,ve,W,J(H),ca]});var ua=`@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:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));margin-top:var(--size-1)}.helper-text[role=alert]{color:var(--color-error)}}@media (prefers-reduced-motion:reduce){.sparkle{display:none}}`,da=`ore-rating`;(0,t.define)(da,{formAssociated:!0,props:{...I,...L,...R,error:t.prop.string(),helper:t.prop.string(),label:t.prop.string(`Rating`),max:t.prop.number(5),name:t.prop.string(),readonly:t.prop.bool(!1),solid:t.prop.bool(!1),value:t.prop.number(0)},setup(e){let r=(0,t.getHost)(),i=(0,n.computed)(()=>{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))}),a=(0,n.computed)(()=>!!e.disabled.value);Yr(r,()=>String(i.value),e=>{r.setAttribute(`value`,e)}),(0,t.useField)({disabled:a,value:(0,n.computed)(()=>String(i.value||0))});let o=(0,t.createId)(`helper`),s=Ge({error:e.error,helper:e.helper}),c=(0,n.computed)(()=>s.value.errorText),l=(0,n.computed)(()=>s.value.helperText),u=(0,n.computed)(()=>c.value||l.value?o:null),d=(0,n.computed)(()=>!e.readonly?.value&&!a.value),f=(0,n.signal)(null),p=(0,n.computed)(()=>f.value??i.value),m=()=>[...r.shadowRoot?.querySelectorAll(`[data-star]`)??[]],h=bt({max:(0,n.computed)(()=>Number(e.max?.value)||5),min:(0,n.signal)(1),step:(0,n.signal)(1)});function g(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=36*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 _(t,n){if(!d.value)return;let a=Math.max(1,Number(e.max?.value)||5),o=Math.min(a,Math.max(0,t));o!==i.value&&($(r,String(o)),Q(r,`input`),Q(r,`change`),g(o))}function v(e,t){let n=h.nextFromKey(e.key,t);n!=null&&(e.preventDefault(),_(n,e),m()[n-1]?.focus())}let y=(0,n.computed)(()=>{let t=Number(e.max?.value)||5;return Array.from({length:t},(e,t)=>t+1)});return(0,t.bind)({attr:{size:e.size}}),t.html`
|
|
2912
3073
|
<div
|
|
2913
3074
|
class="stars"
|
|
2914
3075
|
part="stars"
|
|
@@ -2935,8 +3096,8 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2935
3096
|
`)}
|
|
2936
3097
|
<div class="sparkle-layer"></div>
|
|
2937
3098
|
</div>
|
|
2938
|
-
${
|
|
2939
|
-
`},styles:[
|
|
3099
|
+
${xn(o,c,l)}
|
|
3100
|
+
`},styles:[Y,J({}),W,G,ua]});var fa=`@layer refine.base{:host{--_size:var(--slider-size,var(--size-5));--_height:var(--slider-height,var(--size-1));--_track:var(--slider-track-bg,var(--color-contrast-300));--_fill:var(--slider-fill,var(--color-neutral));--_thumb:var(--slider-thumb-bg,var(--color-contrast-50));--_thumb-size:var(--_size);--_thumb-inset:var(--slider-thumb-inset,var(--size-2-5));--_touch-target:var(--size-11);--_font-size:var(--text-sm);--_shadow:var(--color-neutral-focus-shadow);gap:var(--_gap,var(--size-3));min-width:var(--slider-min-width,12rem);touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex;position:relative}:host([fullwidth]){width:100%}}.slider-container{box-sizing:border-box;width:100%;min-height:var(--_touch-target);padding-inline:var(--_thumb-inset);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:var(--_motion-transition,left var(--transition-fast), width var(--transition-fast));position:absolute}:host([data-dragging]) .slider-fill{transition:none}.slider-thumb{z-index:1;box-sizing:border-box;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:var(--_motion-transition,box-shadow var(--transition-fast), left var(--transition-fast));will-change:transform;position:absolute;top:50%;transform:translate(-50%,-50%)}:host([data-dragging]) .slider-thumb{cursor:grabbing;box-shadow:var(--_shadow);transition:var(--_motion-transition,box-shadow 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)}.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;outline:var(--border-2) solid var(--_fill);outline-offset:var(--size-0-5);box-shadow:var(--_shadow)}:host(:not([range])) .slider-thumb-start,:host(:not([range])) .slider-thumb-end,:host([range]) .slider-thumb-sole{display:none}@media (hover:hover){:host(:not([disabled])) .slider-thumb:hover{box-shadow:var(--_shadow)}}@media (forced-colors:active){:host(:focus-visible) .slider-thumb-sole,.slider-thumb-start:focus-visible,.slider-thumb-end:focus-visible{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:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text[role=alert]{color:var(--color-error)}`,pa=(e,t)=>n=>{e()&&t(n)},ma=`ore-slider`;(0,t.define)(ma,{formAssociated:!0,props:{...I,...L,...R,error:t.prop.string(),from:t.prop.number(0),"from-value-text":t.prop.string(),fullwidth:t.prop.bool(!1),helper:t.prop.string(),max:t.prop.number(100),min:t.prop.number(0),name:t.prop.string(),range:t.prop.bool(!1),step:t.prop.number(1),to:t.prop.number(100),"to-value-text":t.prop.string(),value:t.prop.number(0),"value-text":t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useSlots)(),a=e.range.value,o=bt({max:e.max,min:e.min,step:e.step}),s=(0,n.signal)(!1),c=(0,n.computed)(()=>!!e.disabled.value),l=(0,n.signal)(void 0),u=(0,t.createId)(`helper`),d=Ge({error:e.error,helper:e.helper}),f=(0,n.computed)(()=>d.value.errorText),p=(0,n.computed)(()=>d.value.helperText),m=(0,n.computed)(()=>f.value||p.value?u:null);(0,t.bind)({attr:{"data-dragging":()=>s.value?!0:void 0,size:e.size}});let h=(0,n.signal)(`0`);a||((0,t.useField)({disabled:c,value:h}),(0,n.watch)(e.value,e=>{h.value=String(e)},{immediate:!0}),(0,t.bind)({attr:{"aria-describedby":()=>m.value??null,"aria-disabled":()=>c.value?`true`:null,"aria-labelledby":()=>l.value??null,"aria-valuemax":()=>o.max(),"aria-valuemin":()=>o.min(),"aria-valuenow":()=>Number(h.value||0),"aria-valuetext":()=>e[`value-text`].value??null,role:()=>`slider`,tabindex:()=>c.value?null:`0`}}));let g=(0,n.signal)(0),_=(0,n.signal)(100);Yr(r,()=>a?`${g.value},${_.value}`:h.value,e=>{if(a){let[t,n]=e.split(`,`).map(Number);Number.isFinite(t)&&(g.value=o.snap(t)),Number.isFinite(n)&&(_.value=o.snap(n));return}let t=Number(e);Number.isFinite(t)&&(h.value=String(o.snap(t)))}),a&&((0,t.useField)({disabled:c,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:(0,n.computed)(()=>({from:g.value,to:_.value}))}),(0,n.watch)(e.from,e=>{g.value=o.snap(Number(e))},{immediate:!0}),(0,n.watch)(e.to,e=>{_.value=o.snap(Number(e))},{immediate:!0}));let v=(0,t.ref)(),y=(0,t.ref)(),b=(0,t.ref)(),x=(0,t.ref)(),S=(0,t.ref)(),C=(0,t.createId)(`slider-start`),w=(0,t.createId)(`slider-end`),T=e=>{let t=o.toPercent(e);r.style.setProperty(`--_thumb-pos`,`${t}%`),r.style.setProperty(`--_fill-start`,`0%`),r.style.setProperty(`--_fill-width`,`${t}%`)},E=()=>{let e=o.toPercent(g.value),t=o.toPercent(_.value);r.style.setProperty(`--_thumb-start`,`${e}%`),r.style.setProperty(`--_thumb-end`,`${t}%`),r.style.setProperty(`--_fill-start`,`${e}%`),r.style.setProperty(`--_fill-width`,`${t-e}%`)},D=()=>{let e=a?`${g.value},${_.value}`:h.value;$(r,e),Q(r,`input`),Q(r,`change`)},O=(n,r)=>{E();let i=e=>{let t=r.getBoundingClientRect();return o.fromClientX(e,t)},a=null,l=e=>{a===`start`?g.value=Math.min(o.snap(e),_.value):a===`end`&&(_.value=Math.max(o.snap(e),g.value)),g.value=o.clamp(g.value),_.value=o.clamp(_.value),E(),D()};(0,t.onEvent)(n,`pointerdown`,pa(()=>!c.value,e=>{e.preventDefault();let t=i(e.clientX);a=Math.abs(t-g.value)<=Math.abs(t-_.value)?`start`:`end`,e.target.setPointerCapture(e.pointerId),l(t)})),(0,t.onEvent)(n,`pointermove`,pa(()=>!!a,e=>{e.preventDefault(),s.value||=!0,l(i(e.clientX))})),(0,t.onEvent)(n,`pointerup`,pa(()=>!!a,e=>{e.preventDefault(),a=null,s.value=!1,e.target.releasePointerCapture(e.pointerId)}));let u=(e,t)=>n=>{if(c.value)return;let r=o.nextFromKey(n.key,e());r!==null&&(n.preventDefault(),t(o.snap(r)),E(),D())},d=x.value,f=S.value;d&&((0,t.onEvent)(d,`keydown`,u(()=>g.value,e=>{g.value=Math.min(e,_.value)})),(0,t.onCleanup)((0,t.bind)({attr:{"aria-label":`Range start`,"aria-valuemax":()=>_.value,"aria-valuemin":()=>o.min(),"aria-valuenow":()=>g.value,"aria-valuetext":()=>e[`from-value-text`].value??null}},{target:d}))),f&&((0,t.onEvent)(f,`keydown`,u(()=>_.value,e=>{_.value=Math.max(e,g.value)})),(0,t.onCleanup)((0,t.bind)({attr:{"aria-label":`Range end`,"aria-valuemax":()=>o.max(),"aria-valuemin":()=>g.value,"aria-valuenow":()=>_.value,"aria-valuetext":()=>e[`to-value-text`].value??null}},{target:f})))},k=(e,n)=>{T(Number(h.value));let i=e=>{if(c.value)return;let t=n.getBoundingClientRect(),r=o.fromClientX(e,t);Number(h.value)!==r&&(h.value=r.toString(),T(r),D())},a=!1;(0,t.onEvent)(e,`pointerdown`,pa(()=>!c.value,e=>{e.preventDefault(),a=!0,i(e.clientX),e.target.setPointerCapture(e.pointerId)})),(0,t.onEvent)(e,`pointermove`,pa(()=>a,e=>{e.preventDefault(),s.value||=!0,i(e.clientX)})),(0,t.onEvent)(e,`pointerup`,pa(()=>a,e=>{e.preventDefault(),a=!1,s.value=!1,e.target.releasePointerCapture(e.pointerId)})),(0,t.onEvent)(r,`keydown`,pa(()=>!c.value,e=>{let t=Number(h.value||0),n=o.nextFromKey(e.key,t);if(n===null)return;e.preventDefault();let r=o.clamp(n);r!==t&&(h.value=r.toString(),T(r),D())}))};return(0,t.onMounted)(()=>{let e=v.value,n=b.value;if(e&&n){if(i.has().value&&y.value){let e=(0,t.createId)(`slider-label`);y.value.id=e,a||(l.value=e)}a?O(e,n):k(e,n)}}),t.html`
|
|
2940
3101
|
<div class="slider-container" part="slider" ref=${v}>
|
|
2941
3102
|
<div class="slider-track" part="track" ref=${b}>
|
|
2942
3103
|
<div class="slider-fill" part="fill"></div>
|
|
@@ -2960,8 +3121,8 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2960
3121
|
</div>
|
|
2961
3122
|
</div>
|
|
2962
3123
|
<span class="label" part="label" ref=${y}><slot></slot></span>
|
|
2963
|
-
${
|
|
2964
|
-
`},styles:[
|
|
3124
|
+
${xn(u,f,p)}
|
|
3125
|
+
`},styles:[ve,Y,J(re),fa,G]});var ha=`@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(--_touch-target);touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;flex-shrink:0;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(: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(--_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)}:host(:focus-visible) .switch-track{box-shadow:var(--_focus-shadow)}.label{min-width:0;font-size:var(--_font-size);color:var(--color-contrast);flex:1 1 0}}@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:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text:not(: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-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)}}`,ga=`ore-switch`,_a=t.css`
|
|
2965
3126
|
@media (pointer: coarse) {
|
|
2966
3127
|
:host,
|
|
2967
3128
|
:host([size='md']) {
|
|
@@ -2986,15 +3147,15 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2986
3147
|
--_touch-target: var(--size-11);
|
|
2987
3148
|
}
|
|
2988
3149
|
}
|
|
2989
|
-
`;(0,t.define)(
|
|
3150
|
+
`;(0,t.define)(ga,{formAssociated:!0,props:{...I,...L,...R,checked:t.prop.bool(!1),error:t.prop.string(),helper:t.prop.string(),name:t.prop.string(),value:t.prop.string(`on`)},setup(e){let n=(0,t.getHost)(),r=tt({checked:e.checked,clearIndeterminateFirst:!1,disabled:e.disabled,error:e.error,helper:e.helper,onToggle:e=>{r.triggerValidation(`change`),Xr(n,e.checked),Q(n,`input`),Q(n,`change`)},prefix:`switch`,signal:X(t.onCleanup),value:e.value});r.attachFormField((0,t.useField)({disabled:r.disabled,toFormValue:e=>e,value:r.checkableFormValue}));let{assistiveId:i,checked:a,disabled:o,errorText:s,handleClick:c,handleKeydown:l,helperText:u,labelId:d}=r;return Jr(n,()=>a.value,e=>{a.value=e}),bn(e.size,{assistiveId:i,checked:a,disabled:o,errorText:s,handleClick:c,handleKeydown:l,helperText:u,labelId:d},`switch`),t.html`
|
|
2990
3151
|
<div class="switch-wrapper" part="switch">
|
|
2991
3152
|
<div class="switch-track" part="track">
|
|
2992
3153
|
<div class="switch-thumb" part="thumb"></div>
|
|
2993
3154
|
</div>
|
|
2994
3155
|
</div>
|
|
2995
3156
|
<span class="label" part="label" id="${d}"><slot></slot></span>
|
|
2996
|
-
${
|
|
2997
|
-
`},styles:[
|
|
3157
|
+
${xn(i,s,u)}
|
|
3158
|
+
`},styles:[Y,Ee,ve,J(ne),_a,ha]});var va=`@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);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(: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(--_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;position:relative}.status-icon,.field-spinner{top:var(--size-2);position:absolute}.status-icon:not(: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))),.field-spinner:not(: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)}.status-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)),.field-spinner: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-2)}.status-icon{width:var(--size-5);height:var(--size-5);justify-content:center;align-items:center;display:none}:host([error]:not([error=""])) .status-icon,:host([success]) .status-icon{display:flex}.status-icon[data-status=error]{color:var(--color-error)}.status-icon[data-status=success]{color:var(--color-success)}@keyframes spin{to{transform:rotate(360deg)}}.field-spinner{width:var(--size-4);height:var(--size-4);border:var(--border-2) solid var(--_theme-focus,currentcolor);animation:var(--_motion-animation,spin var(--transition-loader) infinite);border-radius:50%;display:none}.field-spinner:not(: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-color:#0000}.field-spinner: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}:host([loading]) .field-spinner{display:inline-block}.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:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));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])) .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=""])) .label{color:var(--color-error)}:host([success]) .field{border-color:var(--color-success)}}@layer refine.variants{:host(:not([disabled],[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([error]:not([error=""])) .field:focus-within{border-color:var(--color-error);box-shadow:var(--color-error-focus-shadow)}:host([success]) .field:focus-within{border-color:var(--color-success);box-shadow:var(--color-success-focus-shadow)}}@layer refine.utilities{:host([auto-resize]) textarea{overflow:hidden}:host([fullwidth]){width:100%}}:host([disabled]){opacity:1}:host([disabled]) .field{background:var(--color-contrast-100);border-color:var(--color-contrast-200);box-shadow:none}:host([disabled]) textarea{color:var(--color-contrast-400)}:host([disabled]) textarea::placeholder{color:var(--color-contrast-300)}:host([disabled]) .label{color:var(--color-contrast-400)}`,ya=`ore-textarea`;(0,t.define)(ya,{formAssociated:!0,props:{...I,...L,...R,...B,"auto-resize":t.prop.bool(!1),error:t.prop.string(),fullwidth:t.prop.bool(!1),helper:t.prop.string(),label:t.prop.string(),"label-placement":t.prop.oneOf([`inset`,`outside`],`inset`),loading:t.prop.bool(!1),maxlength:t.prop.json(void 0),name:t.prop.string(),"no-resize":t.prop.bool(!1),placeholder:t.prop.string(),readonly:t.prop.bool(!1),ref:t.prop.data(),required:t.prop.bool(!1),resize:t.prop.string(),rows:t.prop.json(void 0),success:t.prop.bool(!1),value:t.prop.string(),variant:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=t.watchEffect,a=(0,t.ref)(),o=We({enabled:e[`auto-resize`]}),s=(0,n.computed)(()=>e.disabled.value||e.loading.value),c=X(t.onCleanup),l=wt({disabled:s,error:e.error,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],maxLength:e.maxlength,onChange:(e,t)=>{$(r,t),Q(r,`change`)},onInput:(e,t)=>{$(r,t),Q(r,`input`)},prefix:`textarea`,readonly:e.readonly,required:e.required,signal:c,value:e.value});Yr(r,()=>l.value.value,e=>{l.value.value=e}),l.attachFormField((0,t.useField)({disabled:l.disabled,onReset:()=>{l.reset(),requestAnimationFrame(()=>o.recompute())},toFormValue:e=>e,validationMessage:l.validationMessage,validity:l.validity,value:l.value}));let{ariaDescribedBy:u,ariaErrorMessage:d,ariaInvalid:f,ariaLabelledBy:p,assistiveId:m,counter:h,errorId:g,errorText:_,fieldId:v,helperText:y,labelId:b,labelVisible:x}=l;return(0,t.onElement)(a,t=>{let n=l.wire(t),r=o.wire(t),a=yt(e.ref,t),s=i(()=>{t.style.resize=e[`auto-resize`].value||e[`no-resize`].value?`none`:e.resize.value||`vertical`,requestAnimationFrame(()=>o.recompute())});return()=>{a(),n(),r(),s()}}),(0,t.bind)({attr:{error:yn(_),size:e.size,success:()=>e.success.value&&!_.value?!0:void 0,variant:e.variant}}),t.html`
|
|
2998
3159
|
<div class="textarea-wrapper" part="wrapper">
|
|
2999
3160
|
<label class="label" part="label" for="${v}" id="${b}" ?hidden="${()=>!x.value}">
|
|
3000
3161
|
${e.label}
|
|
@@ -3017,12 +3178,12 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
3017
3178
|
aria-invalid="${f}"
|
|
3018
3179
|
aria-labelledby="${p}"
|
|
3019
3180
|
aria-busy="${()=>e.loading.value?`true`:null}"></textarea>
|
|
3020
|
-
${
|
|
3181
|
+
${Sn(_)}
|
|
3021
3182
|
<span class="field-spinner" part="spinner" role="status" aria-label="Loading"></span>
|
|
3022
3183
|
</div>
|
|
3023
|
-
${
|
|
3184
|
+
${Cn({assistiveId:m,counter:h,errorId:g,errorText:_,helperText:y})}
|
|
3024
3185
|
</div>
|
|
3025
|
-
`},shadow:{delegatesFocus:!0},styles:[
|
|
3186
|
+
`},shadow:{delegatesFocus:!0},styles:[Y,W,G,q,ye,J(te),Te(`textarea`),va,me({container:`.field`,text:`textarea`,tokenPrefix:`textarea`})]});var ba=`@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));--_bg:var(--time-picker-bg,var(--color-canvas));--_border-color:var(--time-picker-border-color,var(--color-contrast-200));--_radius:var(--time-picker-radius,var(--rounded-xl));display:inline-block}:host([fullwidth]){display:block}:host([color=secondary]){--_selected-bg:var(--time-picker-selected-bg,var(--_theme-base))}[hidden]{display:none}.trigger{cursor:pointer}.trigger::part(input){cursor:pointer;caret-color:#0000;-webkit-user-select:none;user-select:none}.dropdown{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:fixed;inset:0 auto auto 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 xa(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 Sa(e,t){return`${String(e).padStart(2,`0`)}:${String(t).padStart(2,`0`)}`}function Ca(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 Sa(e,t)}function wa(e,t,n,r){let i=e*60+t,a=xa(n),o=xa(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 Ta=`ore-time-picker`;(0,t.define)(Ta,{formAssociated:!0,props:{...I,...L,...R,...B,error:t.prop.string(),fullwidth:t.prop.bool(!1),helper:t.prop.string(),label:t.prop.string(),"label-placement":t.prop.oneOf([`inset`,`outside`],`inset`),max:t.prop.string(),min:t.prop.string(),"minute-step":t.prop.number(5),name:t.prop.string(),placeholder:t.prop.string(),required:t.prop.bool(!1),success:t.prop.bool(!1),"time-format":t.prop.oneOf([`12`,`24`],`24`),value:t.prop.string(),variant:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,n.signal)(!1),a=(0,n.signal)(xa(e.value.value));Yr(r,()=>{let e=a.value;return e?Sa(e.hours,e.minutes):``},e=>{a.value=xa(e)});let o=(0,t.ref)(),s=(0,t.ref)(),c=kt({getFloating:()=>s.value??null,getReference:()=>o.value??null,matchWidth:!1,offsetPx:4}),l=null,u=(0,n.computed)(()=>!!e.disabled.value);(0,t.useField)({disabled:u,toFormValue:e=>e||null,value:(0,n.computed)(()=>{let e=a.value;return e?Sa(e.hours,e.minutes):``})});let d=(0,n.computed)(()=>e[`time-format`].value??`24`),f=(0,n.computed)(()=>Math.max(1,Math.min(59,e[`minute-step`].value??5))),p=(0,n.computed)(()=>a.value?Ca(a.value.hours,a.value.minutes,d.value):e.placeholder.value||``),m=(0,n.computed)(()=>d.value===`12`?Array.from({length:12},(e,t)=>t+1):Array.from({length:24},(e,t)=>t)),h=(0,n.computed)(()=>{let e=f.value,t=[];for(let n=0;n<60;n+=e)t.push(n);return t}),g=`time-picker-${Math.random().toString(36).slice(2,9)}-dropdown`;function _(e){if(d.value===`24`)return e;let t=e%12;return t===0?12:t}function v(e,t){return d.value===`24`?e:t===`AM`?e===12?0:e:e===12?12:e+12}function y(t,n){let r=t*60+n,i=xa(e.min.value),a=xa(e.max.value);return!!(i&&r<i.hours*60+i.minutes||a&&r>a.hours*60+a.minutes)}let b=(0,n.signal)(a.value?.hours??0),x=(0,n.signal)(a.value?.minutes??0),S=(0,n.signal)((a.value?.hours??0)>=12?`PM`:`AM`),C=e.value.value;(0,t.onMounted)(()=>{let t=setInterval(()=>{let t=e.value.value;if(t!==C){C=t;let e=xa(t);a.value=e,e&&(b.value=e.hours,x.value=e.minutes,S.value=e.hours>=12?`PM`:`AM`)}},50);return()=>clearInterval(t)});function w(t,n){let i=wa(t,n,e.min.value,e.max.value),o=Math.round(i.minutes/f.value)*f.value,s=Math.min(o,59);a.value={hours:i.hours,minutes:s},$(r,Sa(i.hours,s)),Q(r,`input`),Q(r,`change`)}function T(e){let t=d.value===`12`?v(b.value,S.value):b.value;x.value=e,w(t,e),D()}function E(){if(u.value)return;let e=a.value;e?(b.value=d.value===`12`?_(e.hours):e.hours,x.value=e.minutes,S.value=e.hours>=12?`PM`:`AM`):(b.value=d.value===`12`?12:0,x.value=0,S.value=`AM`),i.value=!0,c.update(),l=c.startAutoUpdate?.()??null}function D(){i.value=!1,l?.(),l=null}function O(){i.value?D():E()}function k(e){i.value&&(e.composedPath().includes(r)||D())}(0,t.onMounted)(()=>(document.addEventListener(`pointerdown`,k,{capture:!0}),()=>{document.removeEventListener(`pointerdown`,k,{capture:!0}),l?.(),l=null}));function A(e){u.value||(e.key===`Enter`||e.key===` `?(e.preventDefault(),O()):e.key===`Escape`&&i.value?(e.preventDefault(),D()):(e.key===`ArrowDown`||e.key===`ArrowUp`)&&!i.value&&(e.preventDefault(),E()))}function j(e){e.key===`Escape`&&(e.preventDefault(),D())}function M(e){let t=m.value,n=t.indexOf(b.value);e.key===`ArrowUp`?(e.preventDefault(),b.value=t[(n-1+t.length)%t.length]):e.key===`ArrowDown`&&(e.preventDefault(),b.value=t[(n+1)%t.length])}function N(e){let t=h.value,n=t.indexOf(x.value);e.key===`ArrowUp`?(e.preventDefault(),x.value=t[(n-1+t.length)%t.length]):e.key===`ArrowDown`&&(e.preventDefault(),x.value=t[(n+1)%t.length])}function P(e){(e.key===`ArrowUp`||e.key===`ArrowDown`)&&(e.preventDefault(),S.value=S.value===`AM`?`PM`:`AM`)}return(0,t.bind)({attr:{open:()=>i.value?!0:void 0}}),t.html`
|
|
3026
3187
|
<!-- Trigger -->
|
|
3027
3188
|
<ore-input
|
|
3028
3189
|
class="trigger"
|
|
@@ -3129,13 +3290,13 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
3129
3290
|
`:t.html``}
|
|
3130
3291
|
</div>
|
|
3131
3292
|
</div>
|
|
3132
|
-
`},shadow:{delegatesFocus:!0},styles:[
|
|
3293
|
+
`},shadow:{delegatesFocus:!0},styles:[Y,G,ba]});var Ea=y({BUTTON_GROUP_CTX:()=>_n,BUTTON_GROUP_TAG:()=>vn,BUTTON_TAG:()=>Dn,CALENDAR_TAG:()=>Ur,CHECKBOX_GROUP_CTX:()=>Kr,CHECKBOX_GROUP_TAG:()=>qr,CHECKBOX_TAG:()=>Qr,COMBOBOX_OPTION_TAG:()=>si,COMBOBOX_TAG:()=>ci,COUNTER_TAG:()=>ui,DATAGRID_TAG:()=>Ni,DATE_PICKER_TAG:()=>Fi,FILE_INPUT_TAG:()=>Gi,INPUT_TAG:()=>ai,MESSAGE_COMPOSER_TAG:()=>Yi,NUMBER_INPUT_TAG:()=>Zi,OTP_INPUT_TAG:()=>$i,QR_SCANNER_TAG:()=>ia,RADIO_GROUP_CTX:()=>oa,RADIO_GROUP_TAG:()=>sa,RADIO_TAG:()=>la,RATING_TAG:()=>da,SELECT_TAG:()=>fi,SLIDER_TAG:()=>ma,SWITCH_TAG:()=>ga,TEXTAREA_TAG:()=>ya,TIME_PICKER_TAG:()=>Ta}),Da=`@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([color]:not([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%}}`,Oa=`ore-box`;(0,t.define)(Oa,{props:{color:t.prop.string(),effect:t.prop.string(),elevation:t.prop.number(),fullwidth:t.prop.bool(),padding:t.prop.string(),rounded:t.prop.string(),variant:t.prop.string()},setup(){return t.html`
|
|
3133
3294
|
<div class="box" part="box"><slot></slot></div>
|
|
3134
|
-
`},styles:[
|
|
3295
|
+
`},styles:[Y,Ce,he,q,De(`.box`),fe(`.box`),Da]});var ka=`@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%}}`,Aa=[[`cols2xl`,`--size-screen-2xl`],[`colsXl`,`--size-screen-xl`],[`colsLg`,`--size-screen-lg`],[`colsMd`,`--size-screen-md`],[`colsSm`,`--size-screen-sm`]],ja=[[`areas2xl`,`--size-screen-2xl`],[`areasXl`,`--size-screen-xl`],[`areasLg`,`--size-screen-lg`],[`areasMd`,`--size-screen-md`],[`areasSm`,`--size-screen-sm`]],Ma=(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},Pa=`ore-grid`;(0,t.define)(Pa,{props:{align:t.prop.string(),areas:t.prop.string(),areas2xl:t.prop.string(),areasLg:t.prop.string(),areasMd:t.prop.string(),areasSm:t.prop.string(),areasXl:t.prop.string(),cols:t.prop.string(),cols2xl:t.prop.string(),colsLg:t.prop.string(),colsMd:t.prop.string(),colsSm:t.prop.string(),colsXl:t.prop.string(),flow:t.prop.string(),fullwidth:t.prop.bool(!1),gap:t.prop.string(),justify:t.prop.string(),minColWidth:t.prop.string(),responsive:t.prop.bool(!1),rows:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=t.watchEffect,a=(e,t,n)=>e===`auto`||!e&&t?`repeat(auto-fit, minmax(${n||`250px`}, 1fr))`:e?`repeat(${e}, 1fr)`:null,o=()=>{let t=r.offsetWidth,n=!!e.responsive.value,i=e.minColWidth.value??``,o;for(let[n,i]of Aa)if(t>=Ma(r,i,Na[i])&&e[n].value){o=e[n].value;break}o||=e.cols.value||void 0;let s=a(o,n,i);s?r.style.setProperty(`--_cols`,s):r.style.removeProperty(`--_cols`)};i(()=>{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 t=r.offsetWidth,n=``;for(let[i,a]of ja)if(t>=Ma(r,a,Na[a])&&e[i].value){n=e[i].value;break}n||=e.areas.value||``,n?r.style.setProperty(`grid-template-areas`,n):r.style.removeProperty(`grid-template-areas`)};return i(()=>{let t=e.rows.value;t&&t!==`auto`?r.style.setProperty(`--_rows`,`repeat(${t}, 1fr)`):r.style.removeProperty(`--_rows`)}),i(()=>{e.areas.value,e.areasSm.value,e.areasMd.value,e.areasLg.value,e.areasXl.value,e.areas2xl.value,s()}),(0,t.onMounted)(()=>{let e=(0,u.createElementSize)(r);(0,t.onCleanup)(()=>e.dispose());let a=(0,n.fromSubscribable)(e,{signal:e.disposalSignal});i(()=>{a.value&&(o(),s())})}),t.html`
|
|
3135
3296
|
<slot></slot>
|
|
3136
|
-
`},styles:[
|
|
3297
|
+
`},styles:[ka]});var Fa=`@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}}`,Ia=`ore-grid-item`;(0,t.define)(Ia,{props:{align:t.prop.string(),area:t.prop.string(),col:t.prop.string(),colSpan:t.prop.string(),justify:t.prop.string(),row:t.prop.string(),rowSpan:t.prop.string()},setup(e){let r=(0,n.computed)(()=>{let t=e.col.value,n=e.colSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)}),i=(0,n.computed)(()=>{let t=e.row.value,n=e.rowSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)});return(0,t.bind)({style:{gridArea:e.area,gridColumn:r,gridRow:i}}),t.html`
|
|
3137
3298
|
<slot></slot>
|
|
3138
|
-
`},styles:[ya]});var xa=`@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);position:sticky;top:0}:host([data-mode=floating]){inset-inline:var(--_navbar-offset);top:var(--_navbar-offset);z-index:var(--z-sticky);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);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)));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[hidden],.navbar-start[hidden],.navbar-center[hidden],.navbar-end[hidden]{display:none}.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(: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: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:not([hidden]){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:not([hidden]){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;appearance:none;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;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([icon-only]) .item-label{display:none}:host([icon-only]) .item{padding:var(--size-1-5)}: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([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}}}`,Sa=(e,t,n,r)=>e?(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)):()=>{},Ca=e=>!(e instanceof HTMLElement)||e.tagName.includes(`-`)||e.childElementCount>0?!0:(e.textContent??``).trim().length>0,wa=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},Ta=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},Ea=e=>{let t=Ta(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},Oa=(0,t.createContext)(`NavbarContext`),ka=`ore-navbar`;(0,t.define)(ka,{props:{breakpoint:t.prop.string(`(max-width: 768px)`),color:t.prop.string(),"container-breakpoints":t.prop.bool(!1),elevation:t.prop.number(),floating:t.prop.bool(!1),label:t.prop.string(`Main navigation`),"menu-close-icon":t.prop.string(`x`),"menu-close-label":t.prop.string(`Close navigation menu`),"menu-icon":t.prop.string(`menu`),"menu-open-label":t.prop.string(`Open navigation menu`),"mobile-sidebar":t.prop.string(),rounded:t.prop.string(),"scroll-threshold":t.prop.number(80),sticky:t.prop.bool(!1),variant:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=a.has(`logo`),s=a.has(`start`),c=a.has(),u=a.has(`end`),d=a.elements(`mobile-menu`),f=(0,n.signal)(!1),p=(0,n.signal)(null),m=(0,n.signal)(!1),h=(0,n.signal)(!1),g=(0,n.signal)(!1),_=(0,n.signal)(!1),v=(0,n.signal)(!1),y=(0,n.signal)(!1),b=(0,n.signal)(0),x=(0,n.signal)(!1),S=(0,n.signal)(!1),C=(0,n.signal)(wa(e.breakpoint.value)),w=(0,n.signal)(!1),T=()=>{let t=String(e[`mobile-sidebar`].value??``).trim();if(!t)return null;let n=r.getRootNode();return(n instanceof ShadowRoot||n instanceof Document?n.querySelector(t):null)??document.querySelector(t)};(0,t.provide)(Oa,{closeMobileMenu:()=>O(),isMobile:(0,n.computed)(()=>g.value),mobileMenuOpen:(0,n.computed)(()=>_.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(!f.value){let e=p.value??T();if(e){t?e.openMobile?.():e.closeMobile?.();return}}(!t||f.value)&&_.value!==t&&(_.value=t,i(`mobile-menu-change`,{open:t}))},O=()=>D(!1),k=()=>D(!0),A=()=>{if(!f.value){let e=p.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 t=(p.value&&!f.value?m.value:!1)||x.value||!!e[`container-breakpoints`].value&&S.value;g.value=t,t||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(0,t.bind)({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}}),(0,t.onMounted)(()=>{let i=r,a=Da(r);i.closeMobileMenu=O,i.openMobileMenu=k,i.toggleMobileMenu=A;let o=Sa(window,`scroll`,()=>{P(a)},{passive:!0}),s=a?Sa(a,`scroll`,()=>{P(a)},{passive:!0}):void 0,c=Sa(r,`keydown`,e=>{e.key===`Escape`&&_.value&&O()}),u,g,b,D,M=()=>{if(g?.(),g=void 0,p.value=null,m.value=!1,h.value=!1,!String(e[`mobile-sidebar`].value??``).trim())return;let t=T();if(!t){let e=r.getRootNode(),t=e instanceof Document||e instanceof ShadowRoot?e:document,n=new MutationObserver(()=>{T()&&M()});n.observe(t,{childList:!0,subtree:!0}),g=()=>n.disconnect();return}let n=e=>{let n=t.hasAttribute(`data-bottom-nav`),r=t.hasAttribute(`data-mobile-open`);m.value=n,h.value=e?.detail?e.detail.open:r,h.value&&!m.value&&(m.value=!0),j()},i=new MutationObserver(()=>{n()});n(),i.observe(t,{attributeFilter:[`data-bottom-nav`,`data-mobile-open`],attributes:!0}),t.addEventListener(`mobile-open-change`,n),g=()=>{i.disconnect(),t.removeEventListener(`mobile-open-change`,n)},p.value=t},F=()=>{v.value=!0,b!=null&&clearTimeout(b),b=setTimeout(()=>{v.value=!1,b=void 0},220)},I=(0,n.watch)((0,n.computed)(()=>e.floating.value&&e.sticky.value),e=>{if(!e){y.value&&=!1,v.value&&=!1,D=void 0,b!=null&&(clearTimeout(b),b=void 0);return}N(a),P(a),D=E()},{immediate:!0}),L=(0,n.watch)(e[`mobile-sidebar`],()=>{M()},{immediate:!0}),R=(0,n.watch)((0,n.computed)(()=>E()),t=>{if(!(e.floating.value&&e.sticky.value)){D=t??void 0;return}let n=t??void 0;D&&n&&D!==n&&F(),D=n},{immediate:!0}),z=(0,n.watch)(f,e=>{!e&&_.value&&O()},{immediate:!0}),ee=()=>{f.value=d.value.some(Ca)},B=(0,n.watch)(d,ee,{immediate:!0}),te=new MutationObserver(()=>{ee()});te.observe(r,{childList:!0,subtree:!0}),(0,n.watch)(e.breakpoint,t=>{(0,n.untrack)(()=>{u?.(),u=void 0;let i=String(t??``).trim();C.value=wa(i),x.value=!1;let a=Ea(r);if(S.value=a>0&&C.value!=null&&a<=C.value,j(),!(e[`container-breakpoints`].value&&C.value!=null)&&i)try{let e=(0,l.createMediaQuery)(i),t=e=>{e&&(x.value=e.matches,j())};t(e.getSnapshot());let r=(0,n.watch)((0,n.fromSubscribable)(e,{signal:e.disposalSignal}),t);u=()=>{r.dispose(),e.dispose()}}catch(e){if(!(e instanceof l.SentinelUnavailableError))throw e}})},{immediate:!0});let ne=typeof ResizeObserver==`function`?(()=>{let e=(0,l.createElementSize)(r);(0,t.onCleanup)(()=>e.dispose());let i=(0,n.fromSubscribable)(e,{signal:e.disposalSignal}),a=r.parentElement,o=Ta(r),s=a?(0,l.createElementSize)(a):void 0,c=o&&o!==a?(0,l.createElementSize)(o):void 0;s&&(0,t.onCleanup)(()=>s.dispose()),c&&(0,t.onCleanup)(()=>c.dispose());let u=s?(0,n.fromSubscribable)(s,{signal:s.disposalSignal}):void 0,d=c?(0,n.fromSubscribable)(c,{signal:c.disposalSignal}):void 0;return(0,n.watch)((0,n.computed)(()=>[i.value?.width,i.value?.height,u?.value?.width,u?.value?.height,d?.value?.width,d?.value?.height]),()=>{let e=Ea(r),t=Ta(r)?.clientWidth??0;S.value=e>0&&C.value!=null&&e<=C.value,w.value=t>0&&t<window.innerWidth,j()})})():void 0;return()=>{c?.(),o?.(),s?.(),I?.dispose(),R?.dispose(),z?.dispose(),B?.dispose(),L?.dispose(),te.disconnect(),u?.(),g?.(),ne?.dispose(),b!=null&&(clearTimeout(b),b=void 0)}}),t.html`
|
|
3299
|
+
`},styles:[Fa]});var La=`@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);position:sticky;top:0}:host([data-mode=floating]){inset-inline:var(--_navbar-offset);top:var(--_navbar-offset);z-index:var(--z-sticky);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);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)));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[hidden],.navbar-start[hidden],.navbar-center[hidden],.navbar-end[hidden]{display:none}.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(: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: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:not([hidden]){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:not([hidden]){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,var(--size-9));padding:var(--size-1-5) var(--size-2-5);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--navbar-item-color,var(--color-contrast-700));white-space:nowrap;appearance:none;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;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([icon-only]) .item-label{display:none}:host([icon-only]) .item{padding:var(--size-1-5)}: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([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}}}`,Ra=(e,t,n,r)=>e?(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)):()=>{},za=e=>!(e instanceof HTMLElement)||e.tagName.includes(`-`)||e.childElementCount>0?!0:(e.textContent??``).trim().length>0,Ba=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},Ha=e=>{let t=Va(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},Wa=(0,t.createContext)(`NavbarContext`),Ga=`ore-navbar`;(0,t.define)(Ga,{props:{breakpoint:t.prop.string(`(max-width: 768px)`),color:t.prop.string(),"container-breakpoints":t.prop.bool(!1),elevation:t.prop.number(),floating:t.prop.bool(!1),label:t.prop.string(`Main navigation`),"menu-close-icon":t.prop.string(`x`),"menu-close-label":t.prop.string(`Close navigation menu`),"menu-icon":t.prop.string(`menu`),"menu-open-label":t.prop.string(`Open navigation menu`),"mobile-sidebar":t.prop.string(),rounded:t.prop.string(),"scroll-threshold":t.prop.number(80),sticky:t.prop.bool(!1),variant:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=a.has(`logo`),s=a.has(`start`),c=a.has(),l=a.has(`end`),d=a.elements(`mobile-menu`),f=(0,n.signal)(!1),p=(0,n.signal)(null),m=(0,n.signal)(!1),h=(0,n.signal)(!1),g=(0,n.signal)(!1),_=(0,n.signal)(!1),v=(0,n.signal)(!1),y=(0,n.signal)(!1),b=(0,n.signal)(0),x=(0,n.signal)(!1),S=(0,n.signal)(!1),C=(0,n.signal)(Ba(e.breakpoint.value)),w=(0,n.signal)(!1),T=()=>{let t=String(e[`mobile-sidebar`].value??``).trim();if(!t)return null;let n=r.getRootNode();return(n instanceof ShadowRoot||n instanceof Document?n.querySelector(t):null)??document.querySelector(t)};(0,t.provide)(Wa,{closeMobileMenu:()=>O(),isMobile:(0,n.computed)(()=>g.value),mobileMenuOpen:(0,n.computed)(()=>_.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(!f.value){let e=p.value??T();if(e){t?e.openMobile?.():e.closeMobile?.();return}}(!t||f.value)&&_.value!==t&&(_.value=t,i(`mobile-menu-change`,{open:t}))},O=()=>D(!1),k=()=>D(!0),A=()=>{if(!f.value){let e=p.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 t=(p.value&&!f.value?m.value:!1)||x.value||!!e[`container-breakpoints`].value&&S.value;g.value=t,t||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(0,t.bind)({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}}),(0,t.onMounted)(()=>{let i=r,a=Ua(r);i.closeMobileMenu=O,i.openMobileMenu=k,i.toggleMobileMenu=A;let o=Ra(window,`scroll`,()=>{P(a)},{passive:!0}),s=a?Ra(a,`scroll`,()=>{P(a)},{passive:!0}):void 0,c=Ra(r,`keydown`,e=>{e.key===`Escape`&&_.value&&O()}),l,g,b,D,M=()=>{if(g?.(),g=void 0,p.value=null,m.value=!1,h.value=!1,!String(e[`mobile-sidebar`].value??``).trim())return;let t=T();if(!t){let e=r.getRootNode(),t=e instanceof Document||e instanceof ShadowRoot?e:document,n=new MutationObserver(()=>{T()&&M()});n.observe(t,{childList:!0,subtree:!0}),g=()=>n.disconnect();return}let n=e=>{let n=t.hasAttribute(`data-bottom-nav`),r=t.hasAttribute(`data-mobile-open`);m.value=n,h.value=e?.detail?e.detail.open:r,h.value&&!m.value&&(m.value=!0),j()},i=new MutationObserver(()=>{n()});n(),i.observe(t,{attributeFilter:[`data-bottom-nav`,`data-mobile-open`],attributes:!0}),t.addEventListener(`mobile-open-change`,n),g=()=>{i.disconnect(),t.removeEventListener(`mobile-open-change`,n)},p.value=t},F=()=>{v.value=!0,b!=null&&clearTimeout(b),b=setTimeout(()=>{v.value=!1,b=void 0},220)},I=(0,n.watch)((0,n.computed)(()=>e.floating.value&&e.sticky.value),e=>{if(!e){y.value&&=!1,v.value&&=!1,D=void 0,b!=null&&(clearTimeout(b),b=void 0);return}N(a),P(a),D=E()},{immediate:!0}),L=(0,n.watch)(e[`mobile-sidebar`],()=>{M()},{immediate:!0}),R=(0,n.watch)((0,n.computed)(()=>E()),t=>{if(!(e.floating.value&&e.sticky.value)){D=t??void 0;return}let n=t??void 0;D&&n&&D!==n&&F(),D=n},{immediate:!0}),z=(0,n.watch)(f,e=>{!e&&_.value&&O()},{immediate:!0}),B=()=>{f.value=d.value.some(za)},V=(0,n.watch)(d,B,{immediate:!0}),ee=new MutationObserver(()=>{B()});ee.observe(r,{childList:!0,subtree:!0}),(0,n.watch)(e.breakpoint,t=>{(0,n.untrack)(()=>{l?.(),l=void 0;let i=String(t??``).trim();C.value=Ba(i),x.value=!1;let a=Ha(r);if(S.value=a>0&&C.value!=null&&a<=C.value,j(),!(e[`container-breakpoints`].value&&C.value!=null)&&i)try{let e=(0,u.createMediaQuery)(i),t=e=>{e&&(x.value=e.matches,j())};t(e.getSnapshot());let r=(0,n.watch)((0,n.fromSubscribable)(e,{signal:e.disposalSignal}),t);l=()=>{r.dispose(),e.dispose()}}catch(e){if(!(e instanceof u.SentinelUnavailableError))throw e}})},{immediate:!0});let te=typeof ResizeObserver==`function`?(()=>{let e=(0,u.createElementSize)(r);(0,t.onCleanup)(()=>e.dispose());let i=(0,n.fromSubscribable)(e,{signal:e.disposalSignal}),a=r.parentElement,o=Va(r),s=a?(0,u.createElementSize)(a):void 0,c=o&&o!==a?(0,u.createElementSize)(o):void 0;s&&(0,t.onCleanup)(()=>s.dispose()),c&&(0,t.onCleanup)(()=>c.dispose());let l=s?(0,n.fromSubscribable)(s,{signal:s.disposalSignal}):void 0,d=c?(0,n.fromSubscribable)(c,{signal:c.disposalSignal}):void 0;return(0,n.watch)((0,n.computed)(()=>[i.value?.width,i.value?.height,l?.value?.width,l?.value?.height,d?.value?.width,d?.value?.height]),()=>{let e=Ha(r),t=Va(r)?.clientWidth??0;S.value=e>0&&C.value!=null&&e<=C.value,w.value=t>0&&t<window.innerWidth,j()})})():void 0;return()=>{c?.(),o?.(),s?.(),I?.dispose(),R?.dispose(),z?.dispose(),V?.dispose(),L?.dispose(),ee.disconnect(),l?.(),g?.(),te?.dispose(),b!=null&&(clearTimeout(b),b=void 0)}}),t.html`
|
|
3139
3300
|
<nav part="nav" aria-label="${e.label}">
|
|
3140
3301
|
<div class="navbar" part="bar">
|
|
3141
3302
|
<div class="navbar-logo" part="logo" ?hidden=${()=>!o.value}>
|
|
@@ -3150,7 +3311,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
3150
3311
|
<slot></slot>
|
|
3151
3312
|
</div>
|
|
3152
3313
|
|
|
3153
|
-
<div class="navbar-end" part="end" ?hidden=${()=>!
|
|
3314
|
+
<div class="navbar-end" part="end" ?hidden=${()=>!l.value}>
|
|
3154
3315
|
<slot name="end"></slot>
|
|
3155
3316
|
</div>
|
|
3156
3317
|
|
|
@@ -3181,7 +3342,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
3181
3342
|
<slot name="mobile-menu"></slot>
|
|
3182
3343
|
</div>
|
|
3183
3344
|
</nav>
|
|
3184
|
-
`},styles:[q,
|
|
3345
|
+
`},styles:[Y,Ce,q,W,G,De(`.navbar`),La]});var Ka=`ore-navbar-item`;(0,t.define)(Ka,{props:{active:t.prop.bool(!1),disabled:t.prop.bool(!1),href:t.prop.string(),"icon-only":t.prop.bool(!1),rel:t.prop.string(),target:t.prop.string()},setup(e){let r=(0,t.useSlots)(),i=()=>r.has(`icon`).value,a=()=>r.has(`end`).value,o=(0,t.inject)(Wa);(0,t.bind)({attr:{"navbar-mobile":()=>o?.isMobile.value?!0:void 0,"navbar-mobile-open":()=>o?.mobileMenuOpen.value?!0:void 0}});let s=()=>!!e.href.value&&!e.disabled.value,c=(0,n.computed)(()=>mn(e.rel.value,e.target.value)),l=()=>{o?.mobileMenuOpen.value&&o.closeMobileMenu()},u=()=>t.html`
|
|
3185
3346
|
<span class="item-icon" part="item-icon" ?hidden=${()=>!i()} aria-hidden="true">
|
|
3186
3347
|
<slot name="icon"></slot>
|
|
3187
3348
|
</span>
|
|
@@ -3206,7 +3367,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
3206
3367
|
`:t.html`
|
|
3207
3368
|
<button class="item" part="item" type="button" @click=${l}>${u()}</button>
|
|
3208
3369
|
`}
|
|
3209
|
-
`},styles:[U,xa]});var ja=`.sidebar-logo[hidden],.toggle-btn[hidden]{min-width:0;min-height:0;margin:0;display:none}@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));z-index:var(--sidebar-z-index,1);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;position:relative;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(: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(--_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)}:host(:not([data-bottom-nav]))>nav{overflow:visible}.mobile-backdrop{z-index:calc(var(--z-sticky) + 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) + 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}: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) + 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) + 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(: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([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) + 3);pointer-events:auto;max-height:100%;position:absolute;top:0;bottom:0}:host([data-preview-mode][data-bottom-nav])>nav:not(: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([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{box-sizing:border-box;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%)}.bottom-bar[hidden]{display:none}: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) + 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) + 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{box-sizing:border-box;gap:var(--size-2);height:var(--sidebar-header-height,var(--size-16));min-height:var(--sidebar-header-height,var(--size-16));padding:var(--sidebar-header-padding,var(--size-3));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);flex-direction:column;justify-content:flex-start;align-items:center}:host([data-collapsed]) .sidebar-header .sidebar-header-content{display:none}.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(: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)}.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}:host([data-collapsed]) .sidebar-logo{margin-block:var(--size-1)}:host([data-collapsed]) .sidebar-logo:not(: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([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;z-index:1;box-sizing:border-box;width:var(--size-8);height:var(--size-8);color:var(--sidebar-toggle-color,var(--color-contrast-600));cursor:pointer;background:var(--sidebar-toggle-bg,var(--_panel-bg));border:var(--border) solid var(--sidebar-toggle-border-color,var(--_panel-border-color));border-radius:var(--rounded-full);box-shadow:var(--shadow-sm);transition:color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);top:var(--sidebar-toggle-offset,var(--size-4));justify-content:center;align-items:center;display:inline-flex;position:absolute;transform:translate(50%)}.toggle-btn:not(: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}.toggle-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)){left:0}:host(:dir(rtl)) .toggle-btn{transform:translate(-50%)}:host(:not([data-has-logo])) .toggle-btn{position:static;transform:none}:host(:not([data-has-logo])) .toggle-btn:not(: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:auto}:host(:not([data-has-logo])) .toggle-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}:host([data-collapsed]:not([data-has-logo])) .toggle-btn:not(: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}:host([data-collapsed]:not([data-has-logo])) .toggle-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:0}.toggle-btn:hover{color:var(--sidebar-toggle-hover-color,var(--color-contrast-900));background:var(--sidebar-toggle-hover-bg,var(--color-contrast-100));box-shadow:var(--shadow-md)}.toggle-btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--size-0-5)}.toggle-icon{justify-content:center;align-items:center;display:flex}:host([data-bottom-nav]) .toggle-btn{display:none}}@layer refine.variants{:host([variant=floating]){--_panel-radius:var(--rounded-lg);height:calc(100% - var(--size-6));margin:var(--size-3)}: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:calc(var(--size-1) * -1)}: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(: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-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(: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-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}}`,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}.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;pointer-events:auto;opacity:1;width:auto;height:auto;display:flex;position:static}:host([collapsible]:not([open])) .group-items{display:none}}`,Na=`@layer refine.base{:host{min-width:0;max-width:100%;display:block}.item{box-sizing:border-box;gap:var(--size-2);width:100%;min-width:0;min-height:var(--_touch-target);padding:var(--size-1-5) var(--size-2);font-family:inherit;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);background:0 0;border:0;outline:none;align-items:center;text-decoration:none;display:flex;position:relative}.item:not(: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))){text-align:left}.item: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)){text-align:right}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:calc(var(--size-0-5) * -1);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}}`,Pa=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},Fa=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},Ia=e=>{let t=Fa(e)?.clientWidth??0;return t>0?t:e.offsetWidth},La=()=>{let e=document.activeElement;for(;e?.shadowRoot?.activeElement instanceof HTMLElement;)e=e.shadowRoot.activeElement;return e},Ra=(0,t.createContext)(`SidebarContext`),za=`ore-sidebar`;(0,t.define)(za,{props:{"bottom-nav-at":t.prop.string(),"close-on-select":t.prop.bool(!1),"collapse-label":t.prop.string(`Collapse sidebar`),collapsed:t.prop.bool(!1),collapsible:t.prop.bool(!1),"container-breakpoints":t.prop.bool(!1),"default-collapsed":t.prop.bool(!1),"expand-label":t.prop.string(`Expand sidebar`),label:t.prop.string(`Sidebar navigation`),"mobile-close-label":t.prop.string(`Close sidebar`),responsive:t.prop.string(),variant:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=()=>a.has(`header`).value,s=()=>a.has(`footer`).value,c=()=>a.has(`logo`).value,u=(0,n.signal)(r.hasAttribute(`collapsed`)),d=(0,n.signal)(u.value?r.hasAttribute(`collapsed`):e[`default-collapsed`].value),f=(0,n.signal)(!1),p=(0,n.signal)(!1),m=(0,n.signal)([]),h=(0,n.signal)(!1),g=(0,n.signal)(!1),_=(0,n.signal)(Pa(e.responsive.value)),v=(0,n.signal)(!!String(e.responsive.value??``).trim()),y=(0,n.signal)(!1),b=(0,n.signal)(!1),x=(0,n.signal)(Pa(e[`bottom-nav-at`].value)),S=(0,n.signal)(!1),C=null,w=()=>d.value,T=(0,n.computed)(()=>f.value?`bottom-nav`:d.value?`collapsed`:`default`),E=()=>{let t=e[`container-breakpoints`].value,n=t?g.value:h.value||g.value,r=t?b.value:y.value||b.value;p.value||(f.value=r),!r&&!p.value&&k(!1,`responsive`),v.value&&O(n,`responsive`)},D=()=>{let e=a.elements().value.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`),t=[...r.querySelectorAll(`ore-sidebar-item[bottom-nav]`)],n=(t.length>0?t:e).map((e,t)=>{let n=e,r=n.querySelector(`:scope > [slot="icon"]`)??n.querySelector(`[slot="icon"]`),i=r?.tagName.toLowerCase()===`ore-icon`?r.getAttribute(`name`):null,a=r?.querySelector(`ore-icon`)?.getAttribute(`name`)??null,o=(n.textContent??``).trim();return{active:n.hasAttribute(`active`),disabled:n.hasAttribute(`disabled`),href:n.getAttribute(`href`)??void 0,iconName:i??a??void 0,label:n.getAttribute(`bottom-nav-label`)?.trim()||o||`Item ${t+1}`,source:n}});m.value=n};(0,t.provide)(Ra,{closeMobile:()=>k(!1,`toggle`),closeOnSelect:e[`close-on-select`],collapsed:(0,n.computed)(()=>!f.value&&d.value),mobileOpen:(0,n.computed)(()=>f.value&&p.value),mode:T,variant:e.variant});let O=(e,t)=>{w()!==e&&(u.value||(d.value=e),i(`collapsed-change`,{collapsed:e,source:t}))},k=(e,t)=>{let n=!!e;if(n&&!f.value&&(f.value=!0),!f.value&&!n){p.value&&=!1;return}p.value!==n&&(n&&(C=La()),p.value=n,n?queueMicrotask(()=>r.shadowRoot?.querySelector(`nav`)?.focus()):(E(),queueMicrotask(()=>{C?.isConnected&&C.focus(),C=null})),i(`mobile-open-change`,{open:n,source:t}))},A=()=>{O(!w(),`toggle`)},j=r;return j.setCollapsed=e=>O(!!e,`api`),j.toggle=A,j.openMobile=()=>k(!0,`api`),j.closeMobile=()=>k(!1,`api`),j.toggleMobile=()=>k(!p.value,`toggle`),(0,t.bind)({attr:{"data-bottom-nav":()=>f.value?!0:void 0,"data-collapsed":()=>w()&&!f.value?!0:void 0,"data-has-logo":()=>c()?!0:void 0,"data-mobile-open":()=>f.value&&p.value?!0:void 0,"data-preview-mode":()=>S.value?!0:void 0}}),(0,t.onMounted)(()=>{r.setAttribute(`data-no-transition`,``);let i=!1,o=()=>{i||(i=!0,r.removeAttribute(`data-no-transition`))};requestAnimationFrame(()=>requestAnimationFrame(o));let s,c,m=new Map,C=new MutationObserver(()=>{(r.hasAttribute(`collapsed`)||u.value)&&(u.value=!0,d.value=r.hasAttribute(`collapsed`))});C.observe(r,{attributeFilter:[`collapsed`],attributes:!0});let w=e=>{e.key===`Escape`&&p.value&&(e.preventDefault(),k(!1,`toggle`))};r.addEventListener(`keydown`,w),(0,n.watch)(e.responsive,t=>{s?.(),s=void 0;let i=String(t??``).trim();v.value=!!i,_.value=Pa(i),h.value=!1;let a=Ia(r);if(g.value=a>0&&_.value!=null&&a<=_.value,E(),!(e[`container-breakpoints`].value&&_.value!=null)&&i)try{let e=(0,l.createMediaQuery)(i),t=e=>{e&&(h.value=e.matches,E())};t(e.getSnapshot());let r=(0,n.watch)((0,n.fromSubscribable)(e,{signal:e.disposalSignal}),t);s=()=>{r.dispose(),e.dispose()}}catch(e){if(!(e instanceof l.SentinelUnavailableError))throw e}},{immediate:!0}),(0,n.watch)(e[`bottom-nav-at`],t=>{c?.(),c=void 0;let i=String(t??``).trim();x.value=Pa(i),y.value=!1;let a=Ia(r);if(b.value=a>0&&x.value!=null&&a<=x.value,E(),!(e[`container-breakpoints`].value&&x.value!=null)&&i)try{let e=(0,l.createMediaQuery)(i),t=e=>{e&&(y.value=e.matches,E())};t(e.getSnapshot());let r=(0,n.watch)((0,n.fromSubscribable)(e,{signal:e.disposalSignal}),t);c=()=>{r.dispose(),e.dispose()}}catch(e){if(!(e instanceof l.SentinelUnavailableError))throw e}},{immediate:!0});let T=typeof ResizeObserver==`function`?(()=>{let e=(0,l.createElementSize)(r);(0,t.onCleanup)(()=>e.dispose());let i=(0,n.fromSubscribable)(e,{signal:e.disposalSignal}),a=r.parentElement,s=Fa(r),c=a?(0,l.createElementSize)(a):void 0,u=s&&s!==a?(0,l.createElementSize)(s):void 0;c&&(0,t.onCleanup)(()=>c.dispose()),u&&(0,t.onCleanup)(()=>u.dispose());let d=c?(0,n.fromSubscribable)(c,{signal:c.disposalSignal}):void 0,f=u?(0,n.fromSubscribable)(u,{signal:u.disposalSignal}):void 0,p;return(0,n.watch)((0,n.computed)(()=>[i.value?.width,i.value?.height,d?.value?.width,d?.value?.height,f?.value?.width,f?.value?.height]),()=>{p!==void 0&&cancelAnimationFrame(p),p=requestAnimationFrame(()=>{let e=Fa(r),t=Ia(r),n=g.value,i=b.value,a=e?.clientWidth??0;S.value=a>0&&a<window.innerWidth,g.value=t>0&&_.value!=null&&t<=_.value,b.value=t>0&&x.value!=null&&t<=x.value,(n!==g.value||i!==b.value)&&E(),o()})})})():void 0,O=e=>{let t=new Set(e);for(let[e,n]of m)t.has(e)||(n.disconnect(),m.delete(e));for(let t of e){if(m.has(t))continue;let e=new MutationObserver(()=>{f.value&&D()});e.observe(t,{attributeFilter:[`active`,`bottom-nav`,`bottom-nav-label`,`disabled`,`href`],attributes:!0,characterData:!0,childList:!0,subtree:!0}),m.set(t,e)}},A=()=>{O([...r.querySelectorAll(`ore-sidebar-item`)]),D()};(0,n.watch)(a.elements(),A,{immediate:!0});let j=new MutationObserver(A);return j.observe(r,{childList:!0,subtree:!0}),()=>{C.disconnect(),j.disconnect(),r.removeEventListener(`keydown`,w),s?.(),c?.(),T?.dispose();for(let e of m.values())e.disconnect();m.clear()}}),t.html`
|
|
3370
|
+
`},styles:[W,La]});var qa=`.sidebar-logo[hidden],.toggle-btn[hidden]{min-width:0;min-height:0;margin:0;display:none}@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));z-index:var(--sidebar-z-index,1);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;position:relative;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(: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(--_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)}:host(:not([data-bottom-nav]))>nav{overflow:visible}.mobile-backdrop{z-index:calc(var(--z-sticky) + 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) + 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}: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) + 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) + 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(: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([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) + 3);pointer-events:auto;max-height:100%;position:absolute;top:0;bottom:0}:host([data-preview-mode][data-bottom-nav])>nav:not(: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([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{box-sizing:border-box;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%)}.bottom-bar[hidden]{display:none}: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) + 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) + 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{box-sizing:border-box;gap:var(--size-2);height:var(--sidebar-header-height,var(--size-16));min-height:var(--sidebar-header-height,var(--size-16));padding:var(--sidebar-header-padding,var(--size-3));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);flex-direction:column;justify-content:flex-start;align-items:center}:host([data-collapsed]) .sidebar-header .sidebar-header-content{display:none}.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(: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)}.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}:host([data-collapsed]) .sidebar-logo{margin-block:var(--size-1)}:host([data-collapsed]) .sidebar-logo:not(: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([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;z-index:1;box-sizing:border-box;width:var(--size-8);height:var(--size-8);color:var(--sidebar-toggle-color,var(--color-contrast-600));cursor:pointer;background:var(--sidebar-toggle-bg,var(--_panel-bg));border:var(--border) solid var(--sidebar-toggle-border-color,var(--_panel-border-color));border-radius:var(--rounded-full);box-shadow:var(--shadow-sm);transition:color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);top:var(--sidebar-toggle-offset,var(--size-4));justify-content:center;align-items:center;display:inline-flex;position:absolute;transform:translate(50%)}.toggle-btn:not(: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}.toggle-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)){left:0}:host(:dir(rtl)) .toggle-btn{transform:translate(-50%)}:host(:not([data-has-logo])) .toggle-btn{position:static;transform:none}:host(:not([data-has-logo])) .toggle-btn:not(: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:auto}:host(:not([data-has-logo])) .toggle-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}:host([data-collapsed]:not([data-has-logo])) .toggle-btn:not(: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}:host([data-collapsed]:not([data-has-logo])) .toggle-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:0}.toggle-btn:hover{color:var(--sidebar-toggle-hover-color,var(--color-contrast-900));background:var(--sidebar-toggle-hover-bg,var(--color-contrast-100));box-shadow:var(--shadow-md)}.toggle-btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--size-0-5)}.toggle-icon{justify-content:center;align-items:center;display:flex}:host([data-bottom-nav]) .toggle-btn{display:none}}@layer refine.variants{:host([variant=floating]){--_panel-radius:var(--rounded-lg);height:calc(100% - var(--size-6));margin:var(--size-3)}: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:calc(var(--size-1) * -1)}: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(: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-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(: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-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}}`,Ja=`@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}.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;pointer-events:auto;opacity:1;width:auto;height:auto;display:flex;position:static}:host([collapsible]:not([open])) .group-items{display:none}}`,Ya=`@layer refine.base{:host{min-width:0;max-width:100%;display:block}.item{box-sizing:border-box;gap:var(--size-2);width:100%;min-width:0;min-height:var(--_touch-target);padding:var(--size-1-5) var(--size-2);font-family:inherit;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);background:0 0;border:0;outline:none;align-items:center;text-decoration:none;display:flex;position:relative}.item:not(: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))){text-align:left}.item: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)){text-align:right}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:calc(var(--size-0-5) * -1);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}}`,Xa=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},Za=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},Qa=e=>{let t=Za(e)?.clientWidth??0;return t>0?t:e.offsetWidth},$a=()=>{let e=document.activeElement;for(;e?.shadowRoot?.activeElement instanceof HTMLElement;)e=e.shadowRoot.activeElement;return e},eo=(0,t.createContext)(`SidebarContext`),to=`ore-sidebar`;(0,t.define)(to,{props:{"bottom-nav-at":t.prop.string(),"close-on-select":t.prop.bool(!1),"collapse-label":t.prop.string(`Collapse sidebar`),collapsed:t.prop.bool(!1),collapsible:t.prop.bool(!1),"container-breakpoints":t.prop.bool(!1),"default-collapsed":t.prop.bool(!1),"expand-label":t.prop.string(`Expand sidebar`),label:t.prop.string(`Sidebar navigation`),"mobile-close-label":t.prop.string(`Close sidebar`),responsive:t.prop.string(),variant:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=()=>a.has(`header`).value,s=()=>a.has(`footer`).value,c=()=>a.has(`logo`).value,l=(0,n.signal)(r.hasAttribute(`collapsed`)),d=(0,n.signal)(l.value?r.hasAttribute(`collapsed`):e[`default-collapsed`].value),f=(0,n.signal)(!1),p=(0,n.signal)(!1),m=(0,n.signal)([]),h=(0,n.signal)(!1),g=(0,n.signal)(!1),_=(0,n.signal)(Xa(e.responsive.value)),v=(0,n.signal)(!!String(e.responsive.value??``).trim()),y=(0,n.signal)(!1),b=(0,n.signal)(!1),x=(0,n.signal)(Xa(e[`bottom-nav-at`].value)),S=(0,n.signal)(!1),C=null,w=()=>d.value,T=(0,n.computed)(()=>f.value?`bottom-nav`:d.value?`collapsed`:`default`),E=()=>{let t=e[`container-breakpoints`].value,n=t?g.value:h.value||g.value,r=t?b.value:y.value||b.value;p.value||(f.value=r),!r&&!p.value&&k(!1,`responsive`),v.value&&O(n,`responsive`)},D=()=>{let e=a.elements().value.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`),t=[...r.querySelectorAll(`ore-sidebar-item[bottom-nav]`)],n=(t.length>0?t:e).map((e,t)=>{let n=e,r=n.querySelector(`:scope > [slot="icon"]`)??n.querySelector(`[slot="icon"]`),i=r?.tagName.toLowerCase()===`ore-icon`?r.getAttribute(`name`):null,a=r?.querySelector(`ore-icon`)?.getAttribute(`name`)??null,o=(n.textContent??``).trim();return{active:n.hasAttribute(`active`),disabled:n.hasAttribute(`disabled`),href:n.getAttribute(`href`)??void 0,iconName:i??a??void 0,label:n.getAttribute(`bottom-nav-label`)?.trim()||o||`Item ${t+1}`,source:n}});m.value=n};(0,t.provide)(eo,{closeMobile:()=>k(!1,`toggle`),closeOnSelect:e[`close-on-select`],collapsed:(0,n.computed)(()=>!f.value&&d.value),mobileOpen:(0,n.computed)(()=>f.value&&p.value),mode:T,variant:e.variant});let O=(e,t)=>{w()!==e&&(l.value||(d.value=e),i(`collapsed-change`,{collapsed:e,source:t}))},k=(e,t)=>{let n=!!e;if(n&&!f.value&&(f.value=!0),!f.value&&!n){p.value&&=!1;return}p.value!==n&&(n&&(C=$a()),p.value=n,n?queueMicrotask(()=>r.shadowRoot?.querySelector(`nav`)?.focus()):(E(),queueMicrotask(()=>{C?.isConnected&&C.focus(),C=null})),i(`mobile-open-change`,{open:n,source:t}))},A=()=>{O(!w(),`toggle`)},j=r;return j.setCollapsed=e=>O(!!e,`api`),j.toggle=A,j.openMobile=()=>k(!0,`api`),j.closeMobile=()=>k(!1,`api`),j.toggleMobile=()=>k(!p.value,`toggle`),(0,t.bind)({attr:{"data-bottom-nav":()=>f.value?!0:void 0,"data-collapsed":()=>w()&&!f.value?!0:void 0,"data-has-logo":()=>c()?!0:void 0,"data-mobile-open":()=>f.value&&p.value?!0:void 0,"data-preview-mode":()=>S.value?!0:void 0}}),(0,t.onMounted)(()=>{r.setAttribute(`data-no-transition`,``);let i=!1,o=()=>{i||(i=!0,r.removeAttribute(`data-no-transition`))};requestAnimationFrame(()=>requestAnimationFrame(o));let s,c,m=new Map,C=new MutationObserver(()=>{(r.hasAttribute(`collapsed`)||l.value)&&(l.value=!0,d.value=r.hasAttribute(`collapsed`))});C.observe(r,{attributeFilter:[`collapsed`],attributes:!0});let w=e=>{e.key===`Escape`&&p.value&&(e.preventDefault(),k(!1,`toggle`))};r.addEventListener(`keydown`,w),(0,n.watch)(e.responsive,t=>{s?.(),s=void 0;let i=String(t??``).trim();v.value=!!i,_.value=Xa(i),h.value=!1;let a=Qa(r);if(g.value=a>0&&_.value!=null&&a<=_.value,E(),!(e[`container-breakpoints`].value&&_.value!=null)&&i)try{let e=(0,u.createMediaQuery)(i),t=e=>{e&&(h.value=e.matches,E())};t(e.getSnapshot());let r=(0,n.watch)((0,n.fromSubscribable)(e,{signal:e.disposalSignal}),t);s=()=>{r.dispose(),e.dispose()}}catch(e){if(!(e instanceof u.SentinelUnavailableError))throw e}},{immediate:!0}),(0,n.watch)(e[`bottom-nav-at`],t=>{c?.(),c=void 0;let i=String(t??``).trim();x.value=Xa(i),y.value=!1;let a=Qa(r);if(b.value=a>0&&x.value!=null&&a<=x.value,E(),!(e[`container-breakpoints`].value&&x.value!=null)&&i)try{let e=(0,u.createMediaQuery)(i),t=e=>{e&&(y.value=e.matches,E())};t(e.getSnapshot());let r=(0,n.watch)((0,n.fromSubscribable)(e,{signal:e.disposalSignal}),t);c=()=>{r.dispose(),e.dispose()}}catch(e){if(!(e instanceof u.SentinelUnavailableError))throw e}},{immediate:!0});let T=typeof ResizeObserver==`function`?(()=>{let e=(0,u.createElementSize)(r);(0,t.onCleanup)(()=>e.dispose());let i=(0,n.fromSubscribable)(e,{signal:e.disposalSignal}),a=r.parentElement,s=Za(r),c=a?(0,u.createElementSize)(a):void 0,l=s&&s!==a?(0,u.createElementSize)(s):void 0;c&&(0,t.onCleanup)(()=>c.dispose()),l&&(0,t.onCleanup)(()=>l.dispose());let d=c?(0,n.fromSubscribable)(c,{signal:c.disposalSignal}):void 0,f=l?(0,n.fromSubscribable)(l,{signal:l.disposalSignal}):void 0,p;return(0,n.watch)((0,n.computed)(()=>[i.value?.width,i.value?.height,d?.value?.width,d?.value?.height,f?.value?.width,f?.value?.height]),()=>{p!==void 0&&cancelAnimationFrame(p),p=requestAnimationFrame(()=>{let e=Za(r),t=Qa(r),n=g.value,i=b.value,a=e?.clientWidth??0;S.value=a>0&&a<window.innerWidth,g.value=t>0&&_.value!=null&&t<=_.value,b.value=t>0&&x.value!=null&&t<=x.value,(n!==g.value||i!==b.value)&&E(),o()})})})():void 0,O=e=>{let t=new Set(e);for(let[e,n]of m)t.has(e)||(n.disconnect(),m.delete(e));for(let t of e){if(m.has(t))continue;let e=new MutationObserver(()=>{f.value&&D()});e.observe(t,{attributeFilter:[`active`,`bottom-nav`,`bottom-nav-label`,`disabled`,`href`],attributes:!0,characterData:!0,childList:!0,subtree:!0}),m.set(t,e)}},A=()=>{O([...r.querySelectorAll(`ore-sidebar-item`)]),D()};(0,n.watch)(a.elements(),A,{immediate:!0});let j=new MutationObserver(A);return j.observe(r,{childList:!0,subtree:!0}),()=>{C.disconnect(),j.disconnect(),r.removeEventListener(`keydown`,w),s?.(),c?.(),T?.dispose();for(let e of m.values())e.disconnect();m.clear()}}),t.html`
|
|
3210
3371
|
<button
|
|
3211
3372
|
class="mobile-backdrop"
|
|
3212
3373
|
part="mobile-backdrop"
|
|
@@ -3278,7 +3439,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
3278
3439
|
</button>
|
|
3279
3440
|
`})}
|
|
3280
3441
|
</div>
|
|
3281
|
-
`},styles:[
|
|
3442
|
+
`},styles:[W,G,qa]});var no=`ore-sidebar-group`;(0,t.define)(no,{props:{collapsible:t.prop.bool(!1),"default-open":t.prop.bool(!0),label:t.prop.string(),open:{default:void 0,parse:e=>e==null?void 0:e===``||e===`true`,reflect:!1}},setup(e){let r=(0,t.useSlots)(),i=()=>r.has(`icon`).value,a=(0,t.inject)(eo);(0,t.bind)({attr:{"sidebar-bottom-nav":()=>a?.mode.value===`bottom-nav`&&!a?.mobileOpen.value||void 0,"sidebar-collapsed":()=>a?.collapsed.value?!0:void 0}});let o=()=>e.open.value!==void 0,s=(0,n.signal)(e[`default-open`].value),c=(0,n.computed)(()=>e.collapsible.value?o()?e.open.value??!1:s.value:!0);return(0,n.watch)(e.open,e=>{e!==void 0&&(s.value=e)}),(0,t.bind)({attr:{open:()=>c.value?!0:void 0}}),t.html`
|
|
3282
3443
|
<details class="group" part="group" ?open=${c}>
|
|
3283
3444
|
<summary
|
|
3284
3445
|
class="group-header"
|
|
@@ -3297,7 +3458,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
3297
3458
|
<slot></slot>
|
|
3298
3459
|
</div>
|
|
3299
3460
|
</details>
|
|
3300
|
-
`},styles:[
|
|
3461
|
+
`},styles:[G,Ja]});var ro=`ore-sidebar-item`;(0,t.define)(ro,{props:{active:t.prop.bool(!1),"bottom-nav":t.prop.bool(!1),"bottom-nav-label":t.prop.string(),disabled:t.prop.bool(!1),href:t.prop.string(),label:t.prop.string(),rel:t.prop.string(),target:t.prop.string()},setup(e){let r=(0,t.useSlots)(),i=()=>r.has(`icon`).value,a=()=>r.has(`end`).value,o=(0,t.inject)(eo);(0,t.bind)({attr:{"sidebar-bottom-nav":()=>o?.mode.value===`bottom-nav`&&!o?.mobileOpen.value||void 0,"sidebar-collapsed":()=>o?.collapsed.value?!0:void 0}});let s=()=>!!e.href.value&&!e.disabled.value,c=(0,n.computed)(()=>mn(e.rel.value,e.target.value)),l=e=>{o?.closeOnSelect.value&&o.mobileOpen.value&&(e.button!==0||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||queueMicrotask(o.closeMobile))},u=()=>t.html`
|
|
3301
3462
|
<span class="item-icon" part="item-icon" ?hidden=${()=>!i()} aria-hidden="true">
|
|
3302
3463
|
<slot name="icon"></slot>
|
|
3303
3464
|
</span>
|
|
@@ -3340,7 +3501,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
3340
3501
|
${u()}
|
|
3341
3502
|
</button>
|
|
3342
3503
|
`}
|
|
3343
|
-
`},styles:[U,Na]});var Ha=v({BOX_TAG:()=>fa,GRID_ITEM_TAG:()=>ba,GRID_TAG:()=>va,NAVBAR_CTX:()=>Oa,NAVBAR_ITEM_TAG:()=>Aa,NAVBAR_TAG:()=>ka,SIDEBAR_CTX:()=>Ra,SIDEBAR_GROUP_TAG:()=>Ba,SIDEBAR_ITEM_TAG:()=>Va,SIDEBAR_TAG:()=>za});function Ua(){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 Wa(e){let t=Y(e.onCleanup),r=(0,n.signal)(!1),i=`programmatic`,a=Ua(),o=!1,s=ft({getInitialFocusSelector:()=>e.initialFocus.value,getReturnFocus:()=>e.returnFocus.value,host:e.host,signal:t}),c=()=>{let t=e.dialogRef.value;if(!t?.open||o)return;o=!0,t.classList.add(`closing`);let n=()=>{t.close(),o=!1},r=e.getPanelEl();r?sr(r,n,`transition`):n()},l=t=>e.host.dispatchEvent(new CustomEvent(`close-request`,{bubbles:!0,cancelable:!0,composed:!0,detail:{reason:t,...e.closeRequestDetail?.(t)}})),u={close(t=`programmatic`){if(!r.value)return;let n=e.dialogRef.value;n?.open?(i=t,(e.performClose??((e,t)=>e.close()))(n,t)):r.value=!1},dispose(){u.close(`programmatic`)},open(t=`programmatic`){if(r.value)return;let n=e.dialogRef.value;n&&!n.open&&(n.classList.remove(`closing`),s.captureReturnFocus(),e.beforeOpen?.(n),n.showModal(),a.lock(e.host),s.applyInitialFocus(),r.value=!0,e.onOpen?.(t))},[Symbol.dispose](){u.dispose()},toggle(e=`click`,t=`trigger`){r.value?u.close(t):u.open(e)}};t.addEventListener(`abort`,u.dispose,{once:!0});let d=e=>{l(e)&&u.close(e)};e.host.addEventListener(`command`,e=>{let t=e.command;t===`show-modal`?u.open(`trigger`):(t===`close`||t===`request-close`)&&d(`trigger`)},{signal:t});let f=t=>{t.target===e.dialogRef.value&&(t.preventDefault(),!e.isPersistent()&&d(`escape`))},p=t=>{e.isPersistent()||t.target===e.dialogRef.value&&d(`outsideClick`)},m=t=>{if(t&&t.target!==e.dialogRef.value)return;a.unlock(),e.host.removeAttribute(`open`),r.value=!1,s.restoreFocus();let n=i;i=`programmatic`,e.onNativeClose?.(n)},h=()=>{let t=e.dialogRef.value;t&&e.onEvent(t,`close`,m);let r=!1;(0,n.watch)(e.openProp,t=>{if(t===void 0){if(!r){e.defaultOpen.value&&u.open(`programmatic`),r=!0;return}u.close(`programmatic`);return}r=!0,t?u.open(`programmatic`):u.close(`programmatic`)},{immediate:!0})};return{closeWithAnimation:c,dispatchCloseRequest:l,handleBackdropClick:p,handleCancel:f,isOpen:r,overlay:u,requestClose:d,setupNativeListeners:()=>{let t=e.dialogRef.value;t&&(h(),e.onEvent(t,`click`,p),e.onEvent(t,`cancel`,f))},watchOpenProp:h}}function Ga(e){return e.filter(e=>e.localName===`ore-command-palette-item`).map(e=>({disabled:e.hasAttribute(`disabled`),group:e.getAttribute(`group`)??void 0,icon:e.getAttribute(`icon`)??void 0,keywords:(e.getAttribute(`keywords`)??``).split(`,`).map(e=>e.trim()).filter(Boolean),label:e.getAttribute(`label`)||[...e.childNodes].filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.textContent?.trim()).filter(Boolean).join(` `)||``,shortcut:e.getAttribute(`shortcut`)??void 0,value:e.getAttribute(`value`)??``}))}function Ka(e){return e.split(`+`).map(e=>e.trim()).filter(Boolean)}function qa(e){return{disabled:!!e.disabled,group:e.group,icon:e.icon,keywords:e.keywords??[],label:e.label??e.value,shortcut:e.shortcut,value:e.value}}function Ja(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.keywords.some(e=>e.toLowerCase().includes(r))):e}function Ya(e){let t=new Map;for(let n of e){let e=n.group,r=t.get(e);r||(r=[],t.set(e,r)),r.push(n)}let n=[],r=0;for(let[e,i]of t){e!==void 0&&n.push({group:e,type:`group`});for(let e of i)n.push({idx:r++,item:e,type:`item`})}return n}var Xa=`@layer refine.base{:host{--_radius:var(--command-palette-radius,var(--rounded-lg));--_max-width:var(--command-palette-max-width,40rem);--_backdrop-bg:var(--command-palette-backdrop,color-mix(in oklch, var(--color-canvas) 40%, transparent));--_panel-bg:var(--command-palette-bg,var(--color-canvas));--_panel-border-color:var(--command-palette-border-color,var(--color-divider));--_option-hover-bg:var(--command-palette-option-hover-bg,var(--color-contrast-100));--_option-focus-bg:var(--command-palette-option-focus-bg,color-mix(in oklch, var(--color-primary) 12%, var(--color-contrast-100)));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;padding-top:min(14vh, var(--size-24));background:0 0;border:none;justify-content:center;align-items:flex-start;margin:0;display:flex;position:fixed;inset:0;overflow:hidden}dialog:not([open]),dialog:not([open]) .panel{display:none}dialog[open]{pointer-events:auto}dialog::-ms-backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));transition:opacity var(--transition-normal), overlay var(--transition-normal) allow-discrete, display var(--transition-normal) allow-discrete}@starting-style{dialog::-ms-backdrop{opacity:0}}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));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::-ms-backdrop{opacity:0}dialog.closing::backdrop{opacity:0}.panel{box-sizing:border-box;width:var(--_max-width);max-width:calc(100vw - var(--size-8));max-height:min(28rem, calc(100dvh - var(--size-16)));background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);border-radius:var(--_radius);box-shadow:var(--command-palette-shadow,var(--shadow-2xl));opacity:1;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));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)}@media (width<=640px){.panel{width:calc(100vw - var(--size-4));max-width:calc(100vw - var(--size-4))}dialog{padding-top:var(--size-4)}}.search{gap:var(--size-2);padding:var(--size-3) var(--size-4);border-bottom:var(--border) solid var(--color-contrast-100);flex-shrink:0;align-items:center;display:flex}.search-icon{color:var(--color-contrast-400);flex-shrink:0;display:inline-flex}.search-input{min-width:0;font:inherit;font-size:var(--text-md);color:var(--color-contrast-900);background:0 0;border:none;outline:none;flex:1;padding:0}.search-input::placeholder{color:var(--color-contrast-400)}.search-loader{border:2px solid var(--color-contrast-300);width:1em;height:1em;animation:command-palette-spin var(--transition-loader) infinite;border-radius:50%;flex-shrink:0;display:inline-flex}.search-loader:not(: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-color:#0000}.search-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}.search-loader[hidden]{display:none}@keyframes command-palette-spin{to{transform:rotate(360deg)}}.listbox{padding:var(--size-1);overscroll-behavior:contain;scrollbar-width:thin;flex:1;overflow-y:auto}.empty{padding:var(--size-6) var(--size-3);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.group-heading{padding:var(--size-2) 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)}.item{gap:var(--size-2-5);padding:var(--size-2) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast);align-items:center;display:flex}.item:hover:not([data-disabled]){background:var(--_option-hover-bg)}.item[data-focused]:not([data-disabled]){background:var(--_option-focus-bg)}.item[data-disabled]{color:var(--color-contrast-400);cursor:not-allowed;opacity:.6}.item-icon{color:var(--color-contrast-500);flex-shrink:0;align-items:center;display:inline-flex}.item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.item-shortcut{gap:var(--size-1);flex-shrink:0;display:inline-flex}.item-shortcut kbd{padding:var(--size-0-5) var(--size-1-5);font-family:var(--font-mono,monospace);font-size:var(--text-xs);color:var(--color-contrast-500);background:var(--color-contrast-100);border:var(--border) solid var(--color-contrast-200);border-bottom-width:calc(var(--border) + 1px);border-radius:var(--rounded-sm)}.footer{gap:var(--size-4);padding:var(--size-2) var(--size-4);font-size:var(--text-xs);color:var(--color-contrast-500);border-top:var(--border) solid var(--color-contrast-100);flex-shrink:0;align-items:center;display:flex}.footer-hint{gap:var(--size-1);align-items:center;display:inline-flex}.footer kbd{padding:var(--size-0-5) var(--size-1);font-family:inherit;font-size:var(--text-xs);background:var(--color-contrast-100);border:var(--border) solid var(--color-contrast-200);border-bottom-width:calc(var(--border) + 1px);border-radius:var(--rounded-sm)}::slotted(ore-command-palette-item){display:none}}`,Za=e=>e==null?void 0:e===``||e===`true`,Qa=`ore-command-palette-item`;(0,t.define)(Qa,{setup(){return t.html``}});var $a=`ore-command-palette`;(0,t.define)($a,{props:{"default-open":t.prop.bool(!1),"empty-text":t.prop.string(`No results found.`),items:t.prop.data(),"keep-open-on-select":t.prop.bool(!1),label:t.prop.string(`Command palette`),loading:t.prop.bool(!1),"no-filter":t.prop.bool(!1),open:{default:void 0,parse:Za},placeholder:t.prop.string(`Type a command or search…`),shortcut:t.prop.string(`mod+k`)},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=Y(t.onCleanup),o=(0,t.ref)(),s=(0,t.ref)(),c=`cmdk-listbox`,l=null,u=(0,n.signal)(``),f=(0,n.signal)([]),p=()=>{f.value=Ga([...r.children])};p();let m=new MutationObserver(p);m.observe(r,{characterData:!0,childList:!0,subtree:!0}),(0,t.onCleanup)(()=>m.disconnect());let h=(0,n.computed)(()=>{let t=e.items.value;return Array.isArray(t)?t.map(qa):f.value}),g=(0,n.computed)(()=>Ja(h.value,u.value,!!e[`no-filter`].value)),_=(0,n.computed)(()=>Ya(g.value)),v=X({getItems:()=>g.value,isItemDisabled:e=>e.disabled,onNavigate:()=>{l?.querySelector(`[data-focused]`)?.scrollIntoView({block:`nearest`})},signal:a}),{focusedIndex:y}=v,b=()=>{u.value=``,v.reset()},{closeWithAnimation:x,overlay:S,requestClose:C,setupNativeListeners:w}=Wa({defaultOpen:e[`default-open`],dialogRef:o,getPanelEl:()=>o.value?.querySelector(`.panel`),host:r,initialFocus:(0,n.computed)(()=>`.search-input`),isPersistent:()=>!1,onCleanup:t.onCleanup,onEvent:t.onEvent,onNativeClose:e=>{i(`open-change`,{open:!1,reason:e}),b()},onOpen:e=>{i(`open-change`,{open:!0,reason:e}),v.navigate(`first`)},openProp:e.open,performClose:()=>x(),returnFocus:(0,n.computed)(()=>!0)}),T=(0,d.createKeymap)();T.mount(window),(0,t.onCleanup)(()=>T.dispose());let E=null;(0,n.watch)(e.shortcut,e=>{E?.(),E=null;let t=(e??``).trim();if(t)try{E=T.bind({handler:()=>{S.toggle(`keyboard`,`trigger`)},id:`command-palette-toggle`,shortcut:t})}catch(e){`${t}${e instanceof Error?e.message:String(e)}`}},{immediate:!0}),(0,t.onMounted)(()=>{w()});function D(t){t.disabled||(i(`select`,{item:t,label:t.label,value:t.value}),e[`keep-open-on-select`].value?s.value?.focus():C(`trigger`))}function O(t){let n=t.target.value;u.value=n,v.navigate(`first`),i(`search`,{query:n});let a=g.value.length;Ve(a===0?e[`empty-text`].value:`${a} result${a===1?``:`s`} found`,{document:r.ownerDocument})}function k(e){if(!v.handleKeydown(e)&&e.key===`Enter`){let t=v.getActiveItem()??g.value.find(e=>!e.disabled);t&&(e.preventDefault(),D(t))}}return t.html`
|
|
3504
|
+
`},styles:[W,Ya]});var io=y({BOX_TAG:()=>Oa,GRID_ITEM_TAG:()=>Ia,GRID_TAG:()=>Pa,NAVBAR_CTX:()=>Wa,NAVBAR_ITEM_TAG:()=>Ka,NAVBAR_TAG:()=>Ga,SIDEBAR_CTX:()=>eo,SIDEBAR_GROUP_TAG:()=>no,SIDEBAR_ITEM_TAG:()=>ro,SIDEBAR_TAG:()=>to});function ao(){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 oo(e){let t=X(e.onCleanup),r=(0,n.signal)(!1),i=`programmatic`,a=ao(),o=!1,s=ft({getInitialFocusSelector:()=>e.initialFocus.value,getReturnFocus:()=>e.returnFocus.value,host:e.host,signal:t}),c=()=>{let t=e.dialogRef.value;if(!t?.open||o)return;o=!0,t.classList.add(`closing`);let n=()=>{t.close(),o=!1},r=e.getPanelEl();r?hr(r,n,`transition`):n()},l=t=>e.host.dispatchEvent(new CustomEvent(`close-request`,{bubbles:!0,cancelable:!0,composed:!0,detail:{reason:t,...e.closeRequestDetail?.(t)}})),u={close(t=`programmatic`){if(!r.value)return;let n=e.dialogRef.value;n?.open?(i=t,(e.performClose??((e,t)=>e.close()))(n,t)):r.value=!1},dispose(){u.close(`programmatic`)},open(t=`programmatic`){if(r.value)return;let n=e.dialogRef.value;n&&!n.open&&(n.classList.remove(`closing`),s.captureReturnFocus(),e.beforeOpen?.(n),n.showModal(),a.lock(e.host),s.applyInitialFocus(),r.value=!0,e.onOpen?.(t))},[Symbol.dispose](){u.dispose()},toggle(e=`click`,t=`trigger`){r.value?u.close(t):u.open(e)}};t.addEventListener(`abort`,u.dispose,{once:!0});let d=e=>{l(e)&&u.close(e)};e.host.addEventListener(`command`,e=>{let t=e.command;t===`show-modal`?u.open(`trigger`):(t===`close`||t===`request-close`)&&d(`trigger`)},{signal:t});let f=t=>{t.target===e.dialogRef.value&&(t.preventDefault(),!e.isPersistent()&&d(`escape`))},p=t=>{e.isPersistent()||t.target===e.dialogRef.value&&d(`outsideClick`)},m=t=>{if(t&&t.target!==e.dialogRef.value)return;a.unlock(),e.host.removeAttribute(`open`),r.value=!1,s.restoreFocus();let n=i;i=`programmatic`,e.onNativeClose?.(n)},h=()=>{let t=e.dialogRef.value;t&&e.onEvent(t,`close`,m);let r=!1;(0,n.watch)(e.openProp,t=>{if(t===void 0){if(!r){e.defaultOpen.value&&u.open(`programmatic`),r=!0;return}u.close(`programmatic`);return}r=!0,t?u.open(`programmatic`):u.close(`programmatic`)},{immediate:!0})};return{closeWithAnimation:c,dispatchCloseRequest:l,handleBackdropClick:p,handleCancel:f,isOpen:r,overlay:u,requestClose:d,setupNativeListeners:()=>{let t=e.dialogRef.value;t&&(h(),e.onEvent(t,`click`,p),e.onEvent(t,`cancel`,f))},watchOpenProp:h}}function so(e){return e.filter(e=>e.localName===`ore-command-palette-item`).map(e=>({disabled:e.hasAttribute(`disabled`),group:e.getAttribute(`group`)??void 0,icon:e.getAttribute(`icon`)??void 0,keywords:(e.getAttribute(`keywords`)??``).split(`,`).map(e=>e.trim()).filter(Boolean),label:e.getAttribute(`label`)||[...e.childNodes].filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.textContent?.trim()).filter(Boolean).join(` `)||``,shortcut:e.getAttribute(`shortcut`)??void 0,value:e.getAttribute(`value`)??``}))}function co(e){return e.split(`+`).map(e=>e.trim()).filter(Boolean)}function lo(e){return{disabled:!!e.disabled,group:e.group,icon:e.icon,keywords:e.keywords??[],label:e.label??e.value,shortcut:e.shortcut,value:e.value}}function uo(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.keywords.some(e=>e.toLowerCase().includes(r))):e}function fo(e){let t=new Map;for(let n of e){let e=n.group,r=t.get(e);r||(r=[],t.set(e,r)),r.push(n)}let n=[],r=0;for(let[e,i]of t){e!==void 0&&n.push({group:e,type:`group`});for(let e of i)n.push({idx:r++,item:e,type:`item`})}return n}var po=`@layer refine.base{:host{--_radius:var(--command-palette-radius,var(--rounded-lg));--_max-width:var(--command-palette-max-width,40rem);--_backdrop-bg:var(--command-palette-backdrop,color-mix(in oklch, var(--color-canvas) 40%, transparent));--_panel-bg:var(--command-palette-bg,var(--color-canvas));--_panel-border-color:var(--command-palette-border-color,var(--color-divider));--_option-hover-bg:var(--command-palette-option-hover-bg,var(--color-contrast-100));--_option-focus-bg:var(--command-palette-option-focus-bg,color-mix(in oklch, var(--color-primary) 12%, var(--color-contrast-100)));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;padding-top:min(14vh, var(--size-24));background:0 0;border:none;justify-content:center;align-items:flex-start;margin:0;display:flex;position:fixed;inset:0;overflow:hidden}dialog:not([open]),dialog:not([open]) .panel{display:none}dialog[open]{pointer-events:auto}dialog::-ms-backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));transition:opacity var(--transition-normal), overlay var(--transition-normal) allow-discrete, display var(--transition-normal) allow-discrete}@starting-style{dialog::-ms-backdrop{opacity:0}}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));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::-ms-backdrop{opacity:0}dialog.closing::backdrop{opacity:0}.panel{box-sizing:border-box;width:var(--_max-width);max-width:calc(100vw - var(--size-8));max-height:min(28rem, calc(100dvh - var(--size-16)));background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);border-radius:var(--_radius);box-shadow:var(--command-palette-shadow,var(--shadow-2xl));opacity:1;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));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)}@media (width<=640px){.panel{width:calc(100vw - var(--size-4));max-width:calc(100vw - var(--size-4))}dialog{padding-top:var(--size-4)}}.search{gap:var(--size-2);padding:var(--size-3) var(--size-4);border-bottom:var(--border) solid var(--color-contrast-100);flex-shrink:0;align-items:center;display:flex}.search-icon{color:var(--color-contrast-400);flex-shrink:0;display:inline-flex}.search-input{min-width:0;font:inherit;font-size:var(--text-md);color:var(--color-contrast-900);background:0 0;border:none;outline:none;flex:1;padding:0}.search-input::placeholder{color:var(--color-contrast-400)}.search-loader{border:2px solid var(--color-contrast-300);width:1em;height:1em;animation:command-palette-spin var(--transition-loader) infinite;border-radius:50%;flex-shrink:0;display:inline-flex}.search-loader:not(: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-color:#0000}.search-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}.search-loader[hidden]{display:none}@keyframes command-palette-spin{to{transform:rotate(360deg)}}.listbox{padding:var(--size-1);overscroll-behavior:contain;scrollbar-width:thin;flex:1;overflow-y:auto}.empty{padding:var(--size-6) var(--size-3);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.group-heading{padding:var(--size-2) 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)}.item{gap:var(--size-2-5);padding:var(--size-2) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast);align-items:center;display:flex}.item:hover:not([data-disabled]){background:var(--_option-hover-bg)}.item[data-focused]:not([data-disabled]){background:var(--_option-focus-bg)}.item[data-disabled]{color:var(--color-contrast-400);cursor:not-allowed;opacity:.6}.item-icon{color:var(--color-contrast-500);flex-shrink:0;align-items:center;display:inline-flex}.item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.item-shortcut{gap:var(--size-1);flex-shrink:0;display:inline-flex}.footer{gap:var(--size-4);padding:var(--size-2) var(--size-4);font-size:var(--text-xs);color:var(--color-contrast-500);border-top:var(--border) solid var(--color-contrast-100);flex-shrink:0;align-items:center;display:flex}.footer-hint{gap:var(--size-1);align-items:center;display:inline-flex}.footer ore-keyboard-key{--keyboard-key-font-family:inherit;--keyboard-key-padding-inline:var(--size-1)}::slotted(ore-command-palette-item){display:none}}`,mo=e=>e==null?void 0:e===``||e===`true`,ho=`ore-command-palette-item`;(0,t.define)(ho,{setup(){return t.html``}});var go=`ore-command-palette`;(0,t.define)(go,{props:{"default-open":t.prop.bool(!1),"empty-text":t.prop.string(`No results found.`),items:t.prop.data(),"keep-open-on-select":t.prop.bool(!1),label:t.prop.string(`Command palette`),loading:t.prop.bool(!1),"no-filter":t.prop.bool(!1),open:{default:void 0,parse:mo},placeholder:t.prop.string(`Type a command or search…`),shortcut:t.prop.string(`mod+k`)},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=X(t.onCleanup),o=(0,t.ref)(),s=(0,t.ref)(),c=`cmdk-listbox`,l=null,u=(0,n.signal)(``),d=(0,n.signal)([]),p=()=>{d.value=so([...r.children])};p();let m=new MutationObserver(p);m.observe(r,{characterData:!0,childList:!0,subtree:!0}),(0,t.onCleanup)(()=>m.disconnect());let h=(0,n.computed)(()=>{let t=e.items.value;return Array.isArray(t)?t.map(lo):d.value}),g=(0,n.computed)(()=>uo(h.value,u.value,!!e[`no-filter`].value)),_=(0,n.computed)(()=>fo(g.value)),v=Z({getItems:()=>g.value,isItemDisabled:e=>e.disabled,onNavigate:()=>{l?.querySelector(`[data-focused]`)?.scrollIntoView({block:`nearest`})},signal:a}),{focusedIndex:y}=v,b=()=>{u.value=``,v.reset()},{closeWithAnimation:x,overlay:S,requestClose:C,setupNativeListeners:w}=oo({defaultOpen:e[`default-open`],dialogRef:o,getPanelEl:()=>o.value?.querySelector(`.panel`),host:r,initialFocus:(0,n.computed)(()=>`.search-input`),isPersistent:()=>!1,onCleanup:t.onCleanup,onEvent:t.onEvent,onNativeClose:e=>{i(`open-change`,{open:!1,reason:e}),b()},onOpen:e=>{i(`open-change`,{open:!0,reason:e}),v.navigate(`first`)},openProp:e.open,performClose:()=>x(),returnFocus:(0,n.computed)(()=>!0)}),T=(0,f.createKeymap)();T.mount(window),(0,t.onCleanup)(()=>T.dispose());let E=null;(0,n.watch)(e.shortcut,e=>{E?.(),E=null;let t=(e??``).trim();if(t)try{E=T.bind({handler:()=>{S.toggle(`keyboard`,`trigger`)},id:`command-palette-toggle`,shortcut:t})}catch(e){`${t}${e instanceof Error?e.message:String(e)}`}},{immediate:!0}),(0,t.onMounted)(()=>{w()});function D(t){t.disabled||(i(`select`,{item:t,label:t.label,value:t.value}),e[`keep-open-on-select`].value?s.value?.focus():C(`trigger`))}function O(t){let n=t.target.value;u.value=n,v.navigate(`first`),i(`search`,{query:n});let a=g.value.length;Ve(a===0?e[`empty-text`].value:`${a} result${a===1?``:`s`} found`,{document:r.ownerDocument})}function k(e){if(!v.handleKeydown(e)&&e.key===`Enter`){let t=v.getActiveItem()??g.value.find(e=>!e.disabled);t&&(e.preventDefault(),D(t))}}return t.html`
|
|
3344
3505
|
<dialog ref="${o}" class="dialog" part="dialog" aria-label="${e.label}" aria-modal="true">
|
|
3345
3506
|
<div class="panel" part="panel">
|
|
3346
3507
|
<div class="search" part="search">
|
|
@@ -3395,8 +3556,8 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
3395
3556
|
<span class="item-label">${e.item.label}</span>
|
|
3396
3557
|
${e.item.shortcut?t.html`
|
|
3397
3558
|
<span class="item-shortcut">
|
|
3398
|
-
${
|
|
3399
|
-
<
|
|
3559
|
+
${co(e.item.shortcut).map(e=>t.html`
|
|
3560
|
+
<ore-keyboard-key>${e}</ore-keyboard-key>
|
|
3400
3561
|
`)}
|
|
3401
3562
|
</span>
|
|
3402
3563
|
`:``}
|
|
@@ -3405,22 +3566,22 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
3405
3566
|
</div>
|
|
3406
3567
|
<div class="footer" part="footer">
|
|
3407
3568
|
<span class="footer-hint">
|
|
3408
|
-
<
|
|
3409
|
-
<
|
|
3569
|
+
<ore-keyboard-key>↑</ore-keyboard-key>
|
|
3570
|
+
<ore-keyboard-key>↓</ore-keyboard-key>
|
|
3410
3571
|
Navigate
|
|
3411
3572
|
</span>
|
|
3412
3573
|
<span class="footer-hint">
|
|
3413
|
-
<
|
|
3574
|
+
<ore-keyboard-key>Enter</ore-keyboard-key>
|
|
3414
3575
|
Select
|
|
3415
3576
|
</span>
|
|
3416
3577
|
<span class="footer-hint">
|
|
3417
|
-
<
|
|
3578
|
+
<ore-keyboard-key>Esc</ore-keyboard-key>
|
|
3418
3579
|
Close
|
|
3419
3580
|
</span>
|
|
3420
3581
|
</div>
|
|
3421
3582
|
</div>
|
|
3422
3583
|
</dialog>
|
|
3423
|
-
`},styles:[
|
|
3584
|
+
`},styles:[G,po]});var _o=`@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::-ms-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::-ms-backdrop{opacity:0}}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::-ms-backdrop{opacity:0;transition:opacity .15s var(--ease-in-out), overlay .15s allow-discrete, display .15s allow-discrete}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(: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: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)}}`,vo=e=>e==null?void 0:e===``||e===`true`,yo=`ore-dialog`;(0,t.define)(yo,{props:{backdrop:t.prop.string(),"default-open":t.prop.bool(!1),dismissible:t.prop.bool(!1),elevation:t.prop.string(),"initial-focus":t.prop.string(),label:t.prop.string(),open:{default:void 0,parse:vo},padding:t.prop.string(),persistent:t.prop.bool(!1),"return-focus":t.prop.bool(!0),rounded:t.prop.string(),size:t.prop.oneOf([`sm`,`md`,`lg`,`xl`,`full`],`md`)},setup(e){let n=(0,t.getHost)(),r=(0,t.useEmit)(),i=(0,t.useSlots)(),a=(0,t.ref)(),o=()=>i.has(`header`).value||!!e.label.value||e.dismissible.value,s=()=>i.has(`footer`).value,{closeWithAnimation:c,overlay:l,requestClose:u,setupNativeListeners:d}=oo({defaultOpen:e[`default-open`],dialogRef:a,getPanelEl:()=>a.value?.querySelector(`.panel`),host:n,initialFocus:e[`initial-focus`],isPersistent:()=>!!e.persistent.value,onCleanup:t.onCleanup,onEvent:t.onEvent,onNativeClose:e=>r(`open-change`,{open:!1,reason:e}),onOpen:e=>r(`open-change`,{open:!0,reason:e}),openProp:e.open,performClose:()=>{c()},returnFocus:e[`return-focus`]});return(0,t.onMounted)(()=>{if(a.value)return d(),()=>{l.dispose()}}),t.html`
|
|
3424
3585
|
<dialog ref=${a} class="dialog" part="dialog" aria-label="${e.label}" aria-modal="true">
|
|
3425
3586
|
<div class="overlay" part="overlay" aria-hidden="true"></div>
|
|
3426
3587
|
<div class="panel" part="panel" data-size="${e.size}">
|
|
@@ -3446,7 +3607,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
3446
3607
|
</div>
|
|
3447
3608
|
</div>
|
|
3448
3609
|
</dialog>
|
|
3449
|
-
`},styles:[G,U,eo]});var ro=`@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::-ms-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::-ms-backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}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::-ms-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}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(: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=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{--_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(: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: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{--_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=right]) .panel:not(: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([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(: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: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}}`,io=e=>e==null?void 0:e===``||e===`true`,ao={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)`}},oo=`ore-drawer`;(0,t.define)(oo,{props:{backdrop:t.prop.string(),"default-open":t.prop.bool(!1),dismissible:t.prop.bool(!0),"drag-handle-placement":t.prop.oneOf([`outside`,`inset`],`outside`),"initial-focus":t.prop.string(),label:t.prop.string(),open:{default:void 0,parse:io},persistent:t.prop.bool(!1),placement:t.prop.oneOf([`left`,`right`,`top`,`bottom`],`right`),"return-focus":t.prop.bool(!0),size:t.prop.string(),title:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=(0,t.createId)(`drawer-label`),s=(0,t.ref)(),l=(0,t.ref)(),u=(0,n.signal)(!1),d,f,p=()=>e.label.value??e.title.value??``,m=()=>a.has(`header`).value||!!p(),h=()=>m()||e.dismissible.value,g=()=>a.has(`footer`).value,_=()=>e.placement.value||`right`,v=()=>ao[_()],y=(e,t)=>{let n=t===`x`?e.offsetWidth:e.offsetHeight;return Math.min(96,Math.max(36,n*.18))},b=(e,t)=>v().closingDistance(e)>=t,x=e=>{if(!u.value)return;f&&=(clearTimeout(f),void 0);let t=s.value;if(!t){u.value=!1;return}t.style.transition=`none`,e.style.opacity=`0`,e.style.visibility=`hidden`,t.offsetWidth,O(`swipe`)},S=(e,t,n)=>{if(u.value)return;u.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),x(e))};e.addEventListener(`transitionend`,o);let s=parseFloat(getComputedStyle(e).transitionDuration)*1e3;f=setTimeout(()=>{e.removeEventListener(`transitionend`,o),x(e)},s+50),e.style.transform=a,e.style.opacity=`0.2`},C=e=>{f&&=(clearTimeout(f),void 0),e.style.transition=``,e.style.transform=``,e.style.opacity=``,e.style.visibility=``,u.value=!1},w=({distance:e,reason:t})=>{let n=l.value;if(!n)return;let r=y(n,v().axis);if(t===`release`&&b(e,r)){S(n,v(),e);return}C(n)},{closeWithAnimation:T,handleCancel:E,overlay:D,requestClose:O,watchOpenProp:k}=Wa({beforeOpen:e=>{let t=l.value;t&&C(t)},closeRequestDetail:t=>({placement:e.placement.value??`right`}),defaultOpen:e[`default-open`],dialogRef:s,getPanelEl:()=>l.value,host:r,initialFocus:e[`initial-focus`],isPersistent:()=>!!e.persistent.value,onCleanup:t.onCleanup,onEvent:t.onEvent,onNativeClose:e=>{let t=l.value;t&&e!==`swipe`&&C(t);let n=s.value;n&&(n.style.transition=``),i(`open-change`,{open:!1,reason:e})},onOpen:e=>i(`open-change`,{open:!0,reason:e}),openProp:e.open,performClose:(e,t)=>{t===`swipe`?e.close():T()},returnFocus:e[`return-focus`]});return(0,t.onMounted)(()=>{let n=s.value;if(!n)return;let i=r;i.show=()=>{D.open(`programmatic`)},i.hide=()=>{D.close(`programmatic`)},k(),(0,t.onEvent)(n,`cancel`,E),(0,t.onEvent)(n,`click`,t=>{e.persistent.value||d?.active||u.value||t.target===n&&O(`outsideClick`)});let a=l.value?.querySelector(`[part="drag-handle"]`);return a&&(d=(0,c.createPanGesture)(a,{axis:()=>v().axis,disabled:()=>u.value,onEnd:w,onMove:({distance:e})=>{let t=l.value;if(!t)return;let n=v(),r=y(t,n.axis),i=n.closingDistance(e),a=Math.min(i/r,1);t.style.transition=`none`,t.style.transform=n.translate(e),t.style.opacity=String(1-a*.4)}})),()=>{d?.dispose(),d=void 0,D.dispose()}}),t.html`
|
|
3610
|
+
`},styles:[q,W,_o]});var bo=`@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::-ms-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::-ms-backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}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::-ms-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}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(: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=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{--_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(: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: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{--_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=right]) .panel:not(: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([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(: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: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}}`,xo=e=>e==null?void 0:e===``||e===`true`,So={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)`}},Co=`ore-drawer`;(0,t.define)(Co,{props:{backdrop:t.prop.string(),"default-open":t.prop.bool(!1),dismissible:t.prop.bool(!0),"drag-handle-placement":t.prop.oneOf([`outside`,`inset`],`outside`),"initial-focus":t.prop.string(),label:t.prop.string(),open:{default:void 0,parse:xo},persistent:t.prop.bool(!1),placement:t.prop.oneOf([`left`,`right`,`top`,`bottom`],`right`),"return-focus":t.prop.bool(!0),size:t.prop.string(),title:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=(0,t.createId)(`drawer-label`),s=(0,t.ref)(),l=(0,t.ref)(),u=(0,n.signal)(!1),d,f,p=()=>e.label.value??e.title.value??``,m=()=>a.has(`header`).value||!!p(),h=()=>m()||e.dismissible.value,g=()=>a.has(`footer`).value,_=()=>e.placement.value||`right`,v=()=>So[_()],y=(e,t)=>{let n=t===`x`?e.offsetWidth:e.offsetHeight;return Math.min(96,Math.max(36,n*.18))},b=(e,t)=>v().closingDistance(e)>=t,x=e=>{if(!u.value)return;f&&=(clearTimeout(f),void 0);let t=s.value;if(!t){u.value=!1;return}t.style.transition=`none`,e.style.opacity=`0`,e.style.visibility=`hidden`,t.offsetWidth,O(`swipe`)},S=(e,t,n)=>{if(u.value)return;u.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),x(e))};e.addEventListener(`transitionend`,o);let s=parseFloat(getComputedStyle(e).transitionDuration)*1e3;f=setTimeout(()=>{e.removeEventListener(`transitionend`,o),x(e)},s+50),e.style.transform=a,e.style.opacity=`0.2`},C=e=>{f&&=(clearTimeout(f),void 0),e.style.transition=``,e.style.transform=``,e.style.opacity=``,e.style.visibility=``,u.value=!1},w=({distance:e,reason:t})=>{let n=l.value;if(!n)return;let r=y(n,v().axis);if(t===`release`&&b(e,r)){S(n,v(),e);return}C(n)},{closeWithAnimation:T,handleCancel:E,overlay:D,requestClose:O,watchOpenProp:k}=oo({beforeOpen:e=>{let t=l.value;t&&C(t)},closeRequestDetail:t=>({placement:e.placement.value??`right`}),defaultOpen:e[`default-open`],dialogRef:s,getPanelEl:()=>l.value,host:r,initialFocus:e[`initial-focus`],isPersistent:()=>!!e.persistent.value,onCleanup:t.onCleanup,onEvent:t.onEvent,onNativeClose:e=>{let t=l.value;t&&e!==`swipe`&&C(t);let n=s.value;n&&(n.style.transition=``),i(`open-change`,{open:!1,reason:e})},onOpen:e=>i(`open-change`,{open:!0,reason:e}),openProp:e.open,performClose:(e,t)=>{t===`swipe`?e.close():T()},returnFocus:e[`return-focus`]});return(0,t.onMounted)(()=>{let n=s.value;if(!n)return;let i=r;i.show=()=>{D.open(`programmatic`)},i.hide=()=>{D.close(`programmatic`)},k(),(0,t.onEvent)(n,`cancel`,E),(0,t.onEvent)(n,`click`,t=>{e.persistent.value||d?.active||u.value||t.target===n&&O(`outsideClick`)});let a=l.value?.querySelector(`[part="drag-handle"]`);return a&&(d=(0,c.createPanGesture)(a,{axis:()=>v().axis,disabled:()=>u.value,onEnd:w,onMove:({distance:e})=>{let t=l.value;if(!t)return;let n=v(),r=y(t,n.axis),i=n.closingDistance(e),a=Math.min(i/r,1);t.style.transition=`none`,t.style.transform=n.translate(e),t.style.opacity=String(1-a*.4)}})),()=>{d?.dispose(),d=void 0,D.dispose()}}),t.html`
|
|
3450
3611
|
<dialog
|
|
3451
3612
|
ref=${s}
|
|
3452
3613
|
aria-modal="true"
|
|
@@ -3476,7 +3637,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
3476
3637
|
</div>
|
|
3477
3638
|
</div>
|
|
3478
3639
|
</dialog>
|
|
3479
|
-
`},styles:[
|
|
3640
|
+
`},styles:[we,W,G,bo]});var wo=`@layer refine.base{:host{--_menu-panel-bg:var(--menu-panel-bg,var(--color-canvas));--_menu-panel-color:var(--menu-panel-color,var(--color-contrast-900));--_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) + 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(--_panel-padding,var(--size-1));color:var(--_menu-panel-color);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(: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}.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}}`,To=`@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(--_gap,var(--size-2));padding:var(--_item-padding,var(--size-1-5) var(--size-3));font-size:var(--_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)}}`,Eo=`@layer refine.base{:host{margin:var(--_separator-margin,var(--size-1)) 0;border-top:var(--border) solid var(--color-contrast-200);display:block}}`,Do=`ore-menu-item`;(0,t.define)(Do,{props:{checked:t.prop.bool(!1),disabled:t.prop.bool(!1),type:t.prop.string(),value:t.prop.string()},setup(e){let n=()=>e.type.value===`checkbox`||e.type.value===`radio`,r=()=>n()&&e.checked.value;return n()?t.html`
|
|
3480
3641
|
<div
|
|
3481
3642
|
class="${()=>{let t=e.type.value;return[`item`,t===`checkbox`?`is-checkbox`:``,t===`radio`?`is-radio`:``,r()?`is-checked`:``].filter(Boolean).join(` `)}}"
|
|
3482
3643
|
tabindex="-1"
|
|
@@ -3492,7 +3653,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
3492
3653
|
<span class="icon-slot"><slot name="icon"></slot></span>
|
|
3493
3654
|
<span class="item-label"><slot></slot></span>
|
|
3494
3655
|
</div>
|
|
3495
|
-
`},styles:[
|
|
3656
|
+
`},styles:[Y,To]}),(0,t.define)(`ore-menu-separator`,{setup(){return t.html``},styles:[Eo]});var Oo=e=>e===`checkbox`||e===`radio`,ko=e=>e==null?void 0:e===``||e===`true`,Ao=`ore-menu`;(0,t.define)(Ao,{props:{...L,...R,"default-open":t.prop.bool(!1),open:{default:void 0,parse:ko},placement:t.prop.oneOf([`bottom`,`bottom-start`,`bottom-end`,`top`,`top-start`,`top-end`],`bottom-start`)},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),o=(0,t.useSlots)(),s=t.watchEffect,c=(0,t.createId)(`menu`),l=(0,n.computed)(()=>!!e.disabled.value),u=X(t.onCleanup),d=null,f=null,p=null;function m(){return Array.from(r.querySelectorAll(`ore-menu-item:not([disabled])`))}function h(e){return e?e.shadowRoot?.querySelector(`[role^="menuitem"]`)??e:null}function g(){return m().findIndex(e=>{let t=h(e);return e===document.activeElement||t===document.activeElement})}let _=(0,n.signal)(!1),v=null,y=kt({getFloating:()=>f,getPlacement:()=>e.placement.value??`bottom-start`,getReference:()=>d,matchWidth:!1,offsetPx:4,padding:6,useClippingAncestor:!1}),b=Z({disabled:(0,n.computed)(()=>!_.value),getItems:m,isItemDisabled:e=>e.hasAttribute(`disabled`),onNavigate:({item:e})=>{h(e)?.focus()},signal:u}),x=(e=`programmatic`,t=!0)=>{_.value&&(_.value=!1,b.reset(),v?.(),v=null,t&&(0,a.restoreFocus)(()=>d),i(`open-change`,{open:!1,reason:e}))},S=(e=`programmatic`)=>{l.value||_.value||(_.value=!0,y.update(),v=y.startAutoUpdate?.()??null,i(`open-change`,{open:!0,reason:e}))},C=()=>{_.value?x(`trigger`):S(`click`)};vt({getTargets:()=>[r,f],isActive:()=>_.value,onDismiss:()=>x(`outsideClick`),signal:u});let w=!1;(0,n.watch)(e.open,t=>{t===void 0?w?x(`programmatic`):e[`default-open`].value&&S(`programmatic`):t?S(`programmatic`):x(`programmatic`),w=!0},{immediate:!0}),u.addEventListener(`abort`,()=>{_.value&&(_.value=!1,b.reset(),v?.(),v=null)},{once:!0});let T=e=>{let t=e.getAttribute(`type`),n=Oo(t);if(t===`checkbox`)e.toggleAttribute(`checked`,!e.hasAttribute(`checked`));else if(t===`radio`)for(let t of r.querySelectorAll(`ore-menu-item[type="radio"]`))t.toggleAttribute(`checked`,t===e);let a=e.getAttribute(`value`)??``,o=n?e.hasAttribute(`checked`):void 0;i(`select`,{checked:o,value:a}),n||x(`programmatic`)},E=$e({keys:[`Enter`,` `,`ArrowDown`],onPress:()=>{S(`keyboard`),requestAnimationFrame(()=>b.set(0))}}),D=$e({onPress:()=>{let e=b.getActiveItem();e&&T(e)}});function O(e){if(l.value)return;if(!_.value){E.handleKeydown(e);return}let t=g();if(t>=0&&b.set(t),e.key===`Escape`){e.preventDefault(),x(`escape`);return}if(!b.handleKeydown(e)){if(e.key===` `||e.key===`Enter`){D.handleKeydown(e);return}e.key===`Tab`&&x(`programmatic`)}}(0,t.bind)({on:{click:e=>{let t=e.composedPath();if(!_.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`)&&T(n)}}}),s(()=>{let e=_.value;f&&f.toggleAttribute(`data-open`,e)});function k(){if(p?.(),p=null,d=o.elements(`trigger`).value?.[0]??null,!d)return;let e=[],n=(0,t.bind)({attr:{"aria-controls":()=>c,"aria-disabled":()=>l.value,"aria-expanded":()=>String(_.value),"aria-haspopup":`menu`}},{target:d}),r=e=>{e.stopPropagation(),!l.value&&C()},i=e=>{O(e)};d.addEventListener(`click`,r),d.addEventListener(`keydown`,i),e.push(()=>d?.removeEventListener(`click`,r)),e.push(()=>d?.removeEventListener(`keydown`,i)),p=()=>{n();for(let t of e)t()}}return(0,n.watch)(o.elements(`trigger`),k,{immediate:!0}),(0,t.onMounted)(()=>(k(),()=>{p?.(),p=null})),t.html`
|
|
3496
3657
|
<slot name="trigger"></slot>
|
|
3497
3658
|
<div
|
|
3498
3659
|
class="menu-panel"
|
|
@@ -3504,16 +3665,16 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
3504
3665
|
ref="${e=>{f=e,f?.toggleAttribute(`data-open`,_.value)}}">
|
|
3505
3666
|
<slot></slot>
|
|
3506
3667
|
</div>
|
|
3507
|
-
`},styles:[
|
|
3668
|
+
`},styles:[wo,J(ie),we]});var jo=`@layer refine.base{:host{--_panel-bg:var(--navigation-menu-bg,var(--color-canvas));--_panel-border:var(--navigation-menu-border-color,var(--color-divider));--_panel-shadow:var(--navigation-menu-shadow,var(--shadow-xl));display:inline-block;position:relative}.triggers{gap:var(--navigation-menu-trigger-gap,var(--size-1));align-items:center;display:flex}}`,Mo=`@layer refine.base{:host{display:inline-flex}.trigger{all:unset;box-sizing:border-box;gap:var(--size-1);min-height:var(--_touch-target,var(--size-9));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));cursor:pointer;border-radius:var(--rounded-md);align-items:center;display:inline-flex}.trigger:hover,.trigger[aria-expanded=true]{color:var(--color-primary);background:var(--color-contrast-100)}.trigger:focus-visible{outline:var(--focus-ring);outline-offset:var(--size-0-5)}.trigger:disabled{cursor:not-allowed;opacity:.6}::slotted(ore-icon){transition:transform var(--transition-fast);flex:none}:host([aria-expanded=true]) ::slotted(ore-icon){transform:rotate(180deg)}}`,No=`@layer refine.base{:host{inset:unset;z-index:var(--z-popover);box-sizing:border-box;width:min(var(--navigation-menu-panel-width,48rem), calc(100vw - var(--size-8)));max-height:min(var(--navigation-menu-panel-max-height,42rem), calc(100dvh - var(--size-12)));overscroll-behavior:contain;background:var(--navigation-menu-bg,var(--color-canvas));border:var(--border) solid var(--navigation-menu-border-color,var(--color-divider));border-radius:var(--navigation-menu-radius,var(--rounded-lg));box-shadow:var(--navigation-menu-shadow,var(--shadow-xl));-webkit-backdrop-filter:blur(var(--navigation-menu-backdrop-blur,var(--blur-xl))) saturate(180%);backdrop-filter:blur(var(--navigation-menu-backdrop-blur,var(--blur-xl))) saturate(180%);margin:0;display:none;position:fixed;overflow:auto}:host([hidden]){display:none}:host(:popover-open),:host([data-open]){display:block}.content{grid-template-columns:repeat(var(--navigation-menu-panel-columns,2), minmax(0, 1fr));gap:var(--size-3);padding:var(--size-5);grid-auto-rows:max-content;align-content:start;display:grid}.footer[hidden]{display:none}::slotted(a){min-width:0;padding:var(--size-3);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-contrast-700);border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);text-decoration:none}::slotted(a:hover),::slotted(a:focus-visible){color:var(--color-primary);background:var(--color-contrast-100)}::slotted(a:focus-visible){outline:var(--focus-ring);outline-offset:var(--size-0-5)}::slotted(a[slot=footer]){gap:var(--size-2);padding:var(--size-3) var(--size-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);border-top:var(--border) solid var(--color-divider);justify-content:space-between;align-items:center;text-decoration:none;display:flex}::slotted(a[slot=footer]:hover),::slotted(a[slot=footer]:focus-visible){background:var(--color-contrast-100)}}`,Po=e=>e??void 0,Fo=`ore-navigation-menu-item`;(0,t.define)(Fo,{props:{disabled:t.prop.bool(!1),value:t.prop.string(``)},setup(e){return t.html`
|
|
3508
3669
|
<button class="trigger" type="button" ?disabled=${e.disabled}><slot></slot></button>
|
|
3509
|
-
`},styles:[
|
|
3670
|
+
`},styles:[Mo]});var Io=`ore-navigation-menu-panel`;(0,t.define)(Io,{props:{for:t.prop.string()},setup(){let e=(0,t.useSlots)();return t.html`
|
|
3510
3671
|
<div class="content" part="content"><slot></slot></div>
|
|
3511
3672
|
<div class="footer" part="footer" ?hidden=${()=>!e.has(`footer`).value}><slot name="footer"></slot></div>
|
|
3512
|
-
`},styles:[
|
|
3673
|
+
`},styles:[No]});var Lo=`ore-navigation-menu`;(0,t.define)(Lo,{props:{...R,"close-on-select":t.prop.bool(!0),columns:t.prop.number(),"default-open":t.prop.string(),label:t.prop.string(`Navigation menu`),open:{default:void 0,parse:Po},placement:t.prop.oneOf([`bottom-end`,`bottom-start`],`bottom-start`)},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=X(t.onCleanup),o=(0,t.createId)(`navigation-menu`),s=(0,n.computed)(()=>e.disabled.value),c=(0,n.signal)(null),l=null,u=null,d=null,f=()=>Array.from(r.querySelectorAll(`${Fo}:not([disabled])`)),p=e=>e.getAttribute(`value`)??``,m=()=>Array.from(r.querySelectorAll(Io)),h=e=>m().find(t=>t.getAttribute(`for`)===e)??null,g=()=>e.open.value!==void 0,_=e=>e.id||=(0,t.createId)(`navigation-menu-panel`),v=kt({getFloating:()=>u,getPlacement:()=>e.placement.value??`bottom-start`,getReference:()=>l?.shadowRoot?.querySelector(`.trigger`)??l,matchWidth:!1,offsetPx:8,useClippingAncestor:!1}),y=()=>{let t=e.columns.value;return t===void 0?void 0:Math.max(1,Math.trunc(t))},b=e=>{if(e.hidden=!1,e.dataset.open=``,`showPopover`in e)try{e.matches(`:popover-open`)||e.showPopover()}catch{}},x=e=>{if(delete e.dataset.open,`hidePopover`in e)try{e.matches(`:popover-open`)&&e.hidePopover()}catch{}e.hidden=!0},S=e=>{let t=e===null?null:h(e);d?.(),d=null,c.value=e,l=e?f().find(t=>p(t)===e)??null:null,u=t;for(let t of f()){let n=p(t)===e,r=t.shadowRoot?.querySelector(`.trigger`);t.setAttribute(`aria-expanded`,String(n)),r?.setAttribute(`aria-expanded`,String(n))}for(let e of m())e!==t&&x(e);if(t){let e=y();e!==void 0&&t.style.setProperty(`--navigation-menu-panel-columns`,String(e)),t.setAttribute(`aria-labelledby`,l?.id??``),b(t),v.update(),d=v.startAutoUpdate?.()??null}},C=(e,t)=>{s.value||c.value===e||(e===null||h(e))&&(g()||S(e),i(`open-change`,{open:e!==null,reason:t,value:e}))};return(0,t.onCleanup)(()=>{d?.();for(let e of m())x(e)}),vt({getTargets:()=>[r,u],isActive:()=>c.value!==null,onDismiss:()=>C(null,`outsideClick`),signal:a}),(0,t.onMounted)(()=>{let n=new Set;for(let t of m())t.setAttribute(`popover`,`manual`),t.setAttribute(`role`,`region`),_(t),x(t),t.addEventListener(`click`,n=>{let r=n.target instanceof Element?n.target.closest(`a[href]`):null;if(!r||!t.contains(r))return;let a=c.value;a&&(i(`select`,{href:r.href,value:a}),e[`close-on-select`].value&&!r.closest(`[data-navigation-menu-keep-open]`)&&C(null,`select`))},{signal:a});document.addEventListener(`keydown`,e=>{e.key===`Escape`&&c.value!==null&&(e.preventDefault(),C(null,`escape`),l?.shadowRoot?.querySelector(`.trigger`)?.focus())},{signal:a});for(let e of f()){let r=p(e),i=h(r);if(!r||n.has(r)||!i)continue;n.add(r),e.id||=(0,t.createId)(`navigation-menu-trigger`);let o=e.shadowRoot?.querySelector(`.trigger`);o&&(o.setAttribute(`aria-controls`,_(i)),o.setAttribute(`aria-haspopup`,`true`),o.setAttribute(`aria-expanded`,`false`),e.setAttribute(`aria-expanded`,`false`),o.addEventListener(`click`,()=>C(c.value===r?null:r,`click`),{signal:a}),o.addEventListener(`keydown`,t=>{let n=f(),i=n.indexOf(e);t.key===`ArrowLeft`||t.key===`ArrowRight`||t.key===`Home`||t.key===`End`?(t.preventDefault(),(t.key===`Home`?n[0]:t.key===`End`?n.at(-1):n[(i+(t.key===`ArrowRight`?1:n.length-1))%n.length])?.shadowRoot?.querySelector(`.trigger`)?.focus()):t.key===`ArrowDown`&&(t.preventDefault(),C(r,`keyboard`),requestAnimationFrame(()=>u?.querySelector(`a, button, input, [tabindex]:not([tabindex="-1"])`)?.focus()))},{signal:a}))}e.open.value===void 0?e[`default-open`].value&&S(e[`default-open`].value):S(e.open.value)}),(0,n.watch)(e.open,e=>{e!==void 0&&S(e)}),(0,n.watch)(e.disabled,e=>{e&&S(null)}),t.html`
|
|
3513
3674
|
<nav class="triggers" aria-label="${e.label}" id="${o}"><slot></slot></nav>
|
|
3514
3675
|
<slot name="panel"></slot>
|
|
3515
3676
|
<slot name="footer"></slot>
|
|
3516
|
-
`},styles:[
|
|
3677
|
+
`},styles:[G,jo]});var Ro=`.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)}}`,zo=4,Bo=[`hover`,`focus`],Vo=new Set([`click`,`focus`,`hover`]),Ho=e=>{if(e==null||e.trim()===``)return 0;let t=Number(e);return Number.isFinite(t)&&t>=0?t:0},Uo=e=>e==null?void 0:e===``||e===`true`,Wo=e=>jt(e,Vo,Bo),Go=`ore-tooltip`;return(0,t.define)(Go,{props:{...L,...R,"close-delay":{default:0,parse:Ho},content:t.prop.string(),"default-open":t.prop.bool(!1),delay:{default:0,parse:Ho},open:{default:void 0,parse:Uo},placement:t.prop.oneOf([`top`,`bottom`,`left`,`right`],`top`),trigger:t.prop.string(`hover,focus`),variant:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=r.shadowRoot,s=(0,n.computed)(()=>!!e.disabled.value),c=(0,n.computed)(()=>e.open.value!==void 0),l=(0,n.signal)(`top`),u=(0,t.createId)(`tooltip`),d=(0,n.computed)(()=>Wo(e.trigger.value)),f=null,p=null,m=null,h=()=>{p&&=(clearTimeout(p),null)},g=()=>{m&&=(clearTimeout(m),null)},_=pi({bindTriggerAria:e=>(0,t.bind)({attr:{"aria-describedby":()=>u}},{target:e}),defaultOpen:e[`default-open`],disabled:s,getPanel:()=>f,offset:8,onCleanup:t.onCleanup,onClose:e=>i(`open-change`,{open:!1,reason:e}),onOpen:e=>i(`open-change`,{open:!0,reason:e}),onPlacementChange:e=>{let t=e.split(`-`)[0];l.value=t,t===`left`&&f&&(f.style.left=`${parseFloat(f.style.left)-zo}px`)},openProp:e.open,placement:(0,n.computed)(()=>e.placement.value),slot:()=>o?.querySelector(`slot:not([name])`)??null,slotElements:a.elements(),triggers:(0,n.computed)(()=>[])});function v(t=`hover`){if(c.value||s.value||!e.content.value&&!a.has(`content`).value)return;g(),h();let n=Number(e.delay.value)||0;n>0?p=setTimeout(()=>{p=null,_.open(t),_.updatePosition()},n):(_.open(t),_.updatePosition())}function y(){if(c.value)return;h();let t=Number(e[`close-delay`].value)||0;t>0?(g(),m=setTimeout(()=>{m=null,_.close(`trigger`)},t)):_.close(`trigger`)}return(0,t.onMounted)(()=>{let e=o?.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=d.value;i.includes(`hover`)&&(n(r,`pointerenter`,()=>v(`hover`)),n(r,`pointerleave`,y)),i.includes(`focus`)&&(n(r,`focusin`,()=>v(`focus`)),n(r,`focusout`,y)),i.includes(`click`)&&n(r,`click`,()=>_.visible.value?y():v(`click`))};e?.addEventListener(`slotchange`,r),r();let i=_.mount();return()=>{e?.removeEventListener(`slotchange`,r);for(let e of t)e();h(),g(),i()}}),t.html`
|
|
3517
3678
|
<slot></slot>
|
|
3518
3679
|
<div
|
|
3519
3680
|
class="tooltip"
|
|
@@ -3526,5 +3687,5 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
3526
3687
|
aria-hidden="${()=>String(!_.visible.value)}">
|
|
3527
3688
|
<slot name="content"><span class="tooltip-text">${e.content}</span></slot>
|
|
3528
3689
|
</div>
|
|
3529
|
-
`},styles:[
|
|
3690
|
+
`},styles:[we,Ro]}),e.components={content:er,disclosure:mr,feedback:Vr,inputs:Ea,layout:io,overlay:y({COMMAND_PALETTE_ITEM_TAG:()=>ho,COMMAND_PALETTE_TAG:()=>go,DIALOG_TAG:()=>yo,DRAWER_TAG:()=>Co,MENU_ITEM_TAG:()=>Do,MENU_TAG:()=>Ao,NAVIGATION_MENU_ITEM_TAG:()=>Fo,NAVIGATION_MENU_PANEL_TAG:()=>Io,NAVIGATION_MENU_TAG:()=>Lo,POPOVER_TAG:()=>bi,TOOLTIP_TAG:()=>Go})},e})({},Ore,Ripple,Lucide,Tempo,Focus,Arsenal,Orbit,Gesture,Sigil,Sentinel,Dnd,Keymap);
|
|
3530
3691
|
//# sourceMappingURL=refine.iife.js.map
|