@vielzeug/refine 1.7.0 → 1.8.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/async.cjs +11 -11
- package/dist/async.cjs.map +1 -1
- package/dist/async.js +1 -2
- package/dist/async.js.map +1 -1
- package/dist/calendar.cjs +26 -26
- package/dist/calendar.cjs.map +1 -1
- package/dist/calendar.js +4 -5
- package/dist/calendar.js.map +1 -1
- package/dist/checkbox-group.cjs +9 -9
- package/dist/checkbox-group.cjs.map +1 -1
- package/dist/checkbox-group.js +1 -2
- package/dist/checkbox-group.js.map +1 -1
- package/dist/code-window.cjs +4 -4
- package/dist/code-window.cjs.map +1 -1
- package/dist/code-window.js +1 -2
- package/dist/code-window.js.map +1 -1
- package/dist/command-palette.cjs +6 -6
- package/dist/command-palette.cjs.map +1 -1
- package/dist/command-palette.js +46 -47
- package/dist/command-palette.js.map +1 -1
- package/dist/content/code-window/code-window.d.ts.map +1 -1
- package/dist/content/icon/icon.d.ts.map +1 -1
- package/dist/custom-elements.json +3716 -3716
- package/dist/datagrid.cjs +2 -2
- package/dist/datagrid.js +206 -206
- package/dist/datagrid.js.map +1 -1
- package/dist/disclosure/tab-panel/tab-panel.d.ts.map +1 -1
- package/dist/feedback/async/async.d.ts.map +1 -1
- package/dist/feedback/progress/progress.d.ts.map +1 -1
- package/dist/file-input.cjs +49 -49
- package/dist/file-input.cjs.map +1 -1
- package/dist/file-input.js +1 -2
- package/dist/file-input.js.map +1 -1
- package/dist/icon.cjs +1 -1
- package/dist/icon.cjs.map +1 -1
- package/dist/icon.js +1 -2
- package/dist/icon.js.map +1 -1
- package/dist/input.cjs +2 -2
- package/dist/input.js +6 -6
- package/dist/inputs/calendar/calendar.d.ts.map +1 -1
- package/dist/message-composer.cjs +2 -2
- package/dist/message-composer.js +6 -6
- package/dist/progress.cjs +13 -13
- package/dist/progress.cjs.map +1 -1
- package/dist/progress.js +3 -4
- package/dist/progress.js.map +1 -1
- package/dist/radio-group.cjs +11 -11
- package/dist/radio-group.cjs.map +1 -1
- package/dist/radio-group.js +1 -2
- package/dist/radio-group.js.map +1 -1
- package/dist/refine.cjs +197 -197
- package/dist/refine.cjs.map +1 -1
- package/dist/refine.iife.js +258 -258
- package/dist/refine.iife.js.map +1 -1
- package/dist/refine.js +225 -225
- package/dist/refine.js.map +1 -1
- package/dist/tab-panel.cjs +7 -7
- package/dist/tab-panel.cjs.map +1 -1
- package/dist/tab-panel.js +3 -4
- package/dist/tab-panel.js.map +1 -1
- package/dist/testing/index.d.ts +15 -60
- package/dist/testing/index.d.ts.map +1 -1
- package/dist/testing.cjs +1 -1
- package/dist/testing.cjs.map +1 -1
- package/dist/testing.js +7 -24
- package/dist/testing.js.map +1 -1
- package/dist/textarea.cjs +2 -2
- package/dist/textarea.js +6 -6
- package/package.json +6 -5
- package/dist/keymap/dist/_dev.cjs +0 -2
- package/dist/keymap/dist/_dev.cjs.map +0 -1
- package/dist/keymap/dist/_dev.js +0 -4
- package/dist/keymap/dist/_dev.js.map +0 -1
- package/dist/keymap/dist/format.cjs +0 -1
- package/dist/keymap/dist/format.js +0 -1
- package/dist/keymap/dist/index.cjs +0 -1
- package/dist/keymap/dist/index.js +0 -4
- package/dist/keymap/dist/keymap.cjs +0 -2
- package/dist/keymap/dist/keymap.cjs.map +0 -1
- package/dist/keymap/dist/keymap.js +0 -221
- package/dist/keymap/dist/keymap.js.map +0 -1
- package/dist/keymap/dist/layer.cjs +0 -1
- package/dist/keymap/dist/layer.js +0 -1
package/dist/refine.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import{aria as e,bind as t,createContext as n,createStableId as r,css as i,define as a,getHost as o,html as s,inject as c,onCleanup as l,onElement as u,onEvent as d,onMounted as f,prop as p,provide as m,ref as h,
|
|
1
|
+
import{aria as e,bind as t,createContext as n,createStableId as r,css as i,define as a,getHost as o,html as s,inject as c,onCleanup as l,onElement as u,onEvent as d,onMounted as f,prop as p,provide as m,ref as h,styleMap as g,useEmit as _,useSlots as v,watchEffect as y,when as b}from"@vielzeug/ore";import{computed as x,effect as S,signal as C,untrack as w,watch as T}from"@vielzeug/ripple";import*as E from"lucide";import{autoUpdate as D,computePosition as O,flip as k,getClippingAncestorRect as A,offset as j,shift as M,size as N}from"@vielzeug/orbit";import{clamp as P,debounce as F,uuid as I}from"@vielzeug/arsenal";import{Temporal as L,format as R,parsePlainDate as ee}from"@vielzeug/tempo";import{useField as z}from"@vielzeug/ore/forms";import{intersectionObserver as B,resizeObserver as V}from"@vielzeug/ore/observers";import{live as H,raw as te}from"@vielzeug/ore/directives";import{createDropZone as ne,matchesAccept as re}from"@vielzeug/dnd";import{createKeymap as ie}from"@vielzeug/keymap";var ae=`@layer refine.base{:host{--_bg:var(--code-window-bg,var(--color-canvas));--_header-bg:var(--code-window-header-bg,var(--color-contrast-100));--_border-color:var(--code-window-border-color,var(--color-contrast-300));--_radius:var(--code-window-radius,var(--rounded-lg));--_shadow:var(--code-window-shadow,var(--shadow-sm));--_body-padding:var(--code-window-body-padding,var(--size-5) var(--size-6));display:block}.window{background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);overflow:hidden}.header{gap:var(--size-1-5);padding:var(--size-3) var(--size-5);background:var(--_header-bg);border-bottom:var(--border) solid var(--_border-color);transition:background var(--transition-normal);align-items:center;display:flex;overflow:hidden}.lang{padding:2px var(--size-1-5);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--font-semibold);color:var(--color-primary);letter-spacing:.03em;background:var(--color-primary-backdrop);border:var(--border) solid #a18fe233;border-radius:var(--rounded-sm);flex-shrink:0}@supports (color:lab(0% 0 0)){.lang{border:var(--border) solid lab(63.6951% 20.4189 -39.9919/.2)}}.filename{text-overflow:ellipsis;min-width:0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-color-secondary);white-space:nowrap;overflow:hidden}.filename:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-2)}.filename:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--size-2)}.dots{gap:var(--size-1-5);flex-shrink:0;align-items:center;display:flex}.dots:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_border-color);margin-right:var(--size-1-5);padding-right:var(--size-3)}.dots:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color);margin-left:var(--size-1-5);padding-left:var(--size-3)}.dots span{width:var(--size-3);height:var(--size-3);border-radius:var(--rounded-full);display:block}.dots span:first-child{background:lab(57.6104% 56.6725 33.4484)}.dots span:nth-child(2){background:lab(67.409% 21.2366 110.235)}.dots span:nth-child(3){background:lab(58.0445% -50.6808 43.5643)}.title{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-color-secondary);letter-spacing:.02em}.header-spacer{flex:1}::slotted([slot=header-end]){flex-shrink:0}.body{padding:var(--_body-padding);overflow-x:auto}}`,oe=`ore-code-window`;a(oe,{props:{filename:p.string(),lang:p.string(`ts`),title:p.string(`MCP tool call`),variant:p.oneOf([`code`,`chat`],`code`)},setup(e){let t=x(()=>e.variant.value===`code`),n=x(()=>!!e.filename.value);return s`
|
|
2
2
|
<div class="window" part="window">
|
|
3
3
|
<div class="header" part="header">
|
|
4
|
-
${
|
|
4
|
+
${b(t,()=>s`
|
|
5
5
|
<span class="lang" part="lang">${e.lang}</span>
|
|
6
|
-
${
|
|
6
|
+
${b(n,()=>s`<span class="filename" part="filename">${e.filename}</span>`)}
|
|
7
7
|
`,()=>s`
|
|
8
8
|
<div class="dots" part="dots" aria-hidden="true"><span></span><span></span><span></span></div>
|
|
9
9
|
<span class="title" part="title">${e.title}</span>
|
|
@@ -597,9 +597,9 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
597
597
|
width: 100%;
|
|
598
598
|
}
|
|
599
599
|
}
|
|
600
|
-
`,ke=[q,ge,le,G],Ae=[q,U,W,G,pe],je=!globalThis.__REFINE_PROD__;function Me(e){je&&console.warn(`[@vielzeug/refine] ${e}`)}var Ne=`@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))}`,Pe=16,Fe=2,Ie=24,Le=`http://www.w3.org/2000/svg`,Re=new Set([`circle`,`clipPath`,`defs`,`ellipse`,`g`,`line`,`linearGradient`,`mask`,`path`,`polygon`,`polyline`,`radialGradient`,`rect`,`stop`,`symbol`,`use`]),ze=/^[a-zA-Z][a-zA-Z0-9:_-]*$/,Be=/^(on|xlink:|xml:|href$)/i,Ve=new Map(Object.entries(
|
|
600
|
+
`,ke=[q,ge,le,G],Ae=[q,U,W,G,pe],je=!globalThis.__REFINE_PROD__;function Me(e){je&&console.warn(`[@vielzeug/refine] ${e}`)}var Ne=`@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))}`,Pe=16,Fe=2,Ie=24,Le=`http://www.w3.org/2000/svg`,Re=new Set([`circle`,`clipPath`,`defs`,`ellipse`,`g`,`line`,`linearGradient`,`mask`,`path`,`polygon`,`polyline`,`radialGradient`,`rect`,`stop`,`symbol`,`use`]),ze=/^[a-zA-Z][a-zA-Z0-9:_-]*$/,Be=/^(on|xlink:|xml:|href$)/i,Ve=new Map(Object.entries(E.icons));function He(e){for(let[t,n]of Object.entries(e))Ve.set(t,n)}var Ue=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(``),We=e=>{if(e==null||e===``)return Pe;let t=Number(e);return Number.isFinite(t)&&t>0&&/^\d+(\.\d+)?$/.test(e.trim())?t:e},Ge=e=>Ve.get(e)??Ve.get(Ue(e)),Ke=(e,t)=>{if(!Re.has(e))return null;let n=document.createElementNS(Le,e);for(let[e,r]of Object.entries(t))r!==void 0&&(!ze.test(e)||Be.test(e)||n.setAttribute(e,String(r)));return n},qe=`ore-icon`;a(qe,{props:{absoluteStrokeWidth:p.bool(),label:p.string(),name:p.string(),size:{default:Pe,parse:We,reflect:!1},solid:p.bool(),strokeWidth:p.number(Fe)},setup(e){t({attr:{"aria-hidden":()=>(e.label.value??``).trim()?null:`true`,"aria-label":()=>(e.label.value??``).trim()||null,role:()=>(e.label.value??``).trim()?`img`:null},style:{"--_size-px":()=>{let t=e.size.value;return typeof t==`number`?`${t}px`:String(t)}}});let n=h(),r=x(()=>{let t=(e.name.value??``).trim();if(!t)return;let n=Ge(t);return n||Me(`ore-icon: icon not found: "${t.slice(0,64)}"`),n});return y(()=>{let t=n.value,i=r.value;if(!t||!i)return;let a=e.size.value,o=typeof a==`number`?a:Ie,s=e.absoluteStrokeWidth.value&&!e.solid.value?e.strokeWidth.value*(Ie/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=i.map(([e,t])=>Ke(e,t)).filter(e=>!!e);t.replaceChildren(...c)}),s`${b(()=>!!r.value,()=>s`<svg ref="${n}" part="svg" style="width:100%;height:100%"></svg>`)}`},styles:[Ne]});var Je=`@layer refine.base{:host{--_bg:var(--copy-command-bg,var(--color-contrast-100));--_color:var(--copy-command-color,var(--text-color-body));--_border-color:var(--copy-command-border-color,var(--color-contrast-300));--_radius:var(--copy-command-radius,var(--rounded-md));--_padding:var(--copy-command-padding,var(--size-2) var(--size-3));--_font-size:var(--copy-command-font-size,var(--text-sm));--_icon-color:var(--copy-command-icon-color,var(--text-color-secondary));--_hover-bg:var(--copy-command-hover-bg,var(--color-contrast-200));display:inline-block}:host([hidden]){display:none}:host([rounded=none]){--_radius:var(--rounded-none,0)}:host([rounded=sm]){--_radius:var(--rounded-sm)}:host([rounded=md]){--_radius:var(--rounded-md)}:host([rounded=lg]){--_radius:var(--rounded-lg)}:host([rounded=xl]){--_radius:var(--rounded-xl)}:host([rounded="2xl"]){--_radius:var(--rounded-2xl)}:host([rounded="3xl"]){--_radius:var(--rounded-3xl)}:host([rounded=full]){--_radius:var(--rounded-full)}:host([size=sm]){--_padding:var(--copy-command-padding,var(--size-1) var(--size-2));--_font-size:var(--copy-command-font-size,var(--text-xs))}:host([size=lg]){--_padding:var(--copy-command-padding,var(--size-2-5) var(--size-4));--_font-size:var(--copy-command-font-size,var(--text-base))}:host([variant=bordered]){--_bg:var(--copy-command-bg,transparent);--_border-color:var(--copy-command-border-color,var(--color-contrast-400))}:host([variant=ghost]){--_bg:var(--copy-command-bg,transparent);--_border-color:var(--copy-command-border-color,transparent);--_hover-bg:var(--copy-command-hover-bg,var(--color-contrast-100))}.wrapper{background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);transition:border-color var(--transition-normal), background var(--transition-normal);align-items:stretch;display:inline-flex;overflow:hidden}.command{gap:var(--size-2);padding:var(--_padding);font-family:var(--font-mono);font-size:var(--_font-size);color:var(--_color);text-align:start;cursor:pointer;transition:background var(--transition-normal);background:0 0;border:none;flex:1;align-items:center;display:inline-flex}.command:hover{background:var(--_hover-bg)}.command:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:calc(var(--_radius) - 1px)}.command-text{text-overflow:ellipsis;font-family:inherit;font-size:inherit;color:inherit;white-space:nowrap;background:0 0;flex:1;overflow:hidden}.copy-icon{color:var(--_icon-color);transition:color var(--transition-normal);flex-shrink:0;align-items:center;display:inline-flex}.icon-copied{color:var(--color-success,#44a53b)}@supports (color:lab(0% 0 0)){.icon-copied{color:var(--color-success,lab(60.204% -45.248 44.171))}}.icon-failed{color:var(--color-danger,#ed4042)}@supports (color:lab(0% 0 0)){.icon-failed{color:var(--color-danger,lab(54.9593% 66.408 40.8869))}}.suffix{align-items:stretch;display:flex}.suffix:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}.suffix:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_border-color)}.suffix[hidden]{display:none}::slotted([slot=suffix]){align-items:center;display:flex}}`,Ye=`ore-copy-command`;a(Ye,{props:{rounded:p.string(`md`),size:p.string(`md`),value:p.string(``),variant:p.string(`flat`)},setup(e){let t=_(),n=v(),r=C(!1),i=C(!1),a=null;l(()=>{a!==null&&clearTimeout(a)});let o=async()=>{let n=e.value.value??``;if(n){a!==null&&clearTimeout(a);try{await navigator.clipboard.writeText(n),r.value=!0,i.value=!1,t(`copy`,{value:n})}catch{r.value=!1,i.value=!0}a=setTimeout(()=>{r.value=!1,i.value=!1,a=null},2e3)}},c=x(()=>n.has(`suffix`).value);return s`
|
|
601
601
|
<div class="wrapper" part="wrapper">
|
|
602
|
-
<button class="command" part="command" type="button" :aria-label="${
|
|
602
|
+
<button class="command" part="command" type="button" :aria-label="${x(()=>r.value?`Copied!`:i.value?`Copy failed — press to try again`:`Copy: ${e.value.value??``}`)}" @click=${o}>
|
|
603
603
|
<code class="command-text" part="command-text">${e.value}</code>
|
|
604
604
|
<span class="copy-icon" part="copy-icon" aria-hidden="true">
|
|
605
605
|
${()=>r.value?s`<ore-icon name="check" size="14" class="icon-copied" aria-hidden="true"></ore-icon>`:i.value?s`<ore-icon name="circle-alert" size="14" class="icon-failed" aria-hidden="true"></ore-icon>`:s`<ore-icon name="copy" size="14" aria-hidden="true"></ore-icon>`}
|
|
@@ -612,7 +612,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
612
612
|
<div role="status" class="sr-only">
|
|
613
613
|
${()=>r.value?`Copied to clipboard.`:i.value?`Copy failed. Select the command text and copy it manually.`:``}
|
|
614
614
|
</div>
|
|
615
|
-
`},styles:[ce,Je]});var J={color:p.string()},Y={size:p.string()},X={disabled:p.bool(!1)},Xe={loading:p.bool(!1)},Ze={rounded:p.string()},Qe={elevation:p.number()},$e={...J,...Y,...X,...Xe,...Ze},et={lg:{"--_field-height":`var(--size-12)`,"--_padding":`var(--size-2-5) var(--size-3-5)`,fontSize:`var(--text-base)`,gap:`var(--size-2-5)`},md:{"--_field-height":`var(--size-10)`,"--_padding":`var(--size-1-5) var(--size-3)`,fontSize:`var(--text-sm)`,gap:`var(--size-2)`},sm:{"--_field-height":`var(--size-8)`,"--_padding":`var(--size-1) var(--size-2)`,fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`}},tt={lg:{"--_padding":`var(--size-2-5) var(--size-3-5)`,fontSize:`var(--text-base)`,gap:`var(--size-2-5)`},md:{"--_padding":`var(--size-1-5) var(--size-3)`,fontSize:`var(--text-sm)`,gap:`var(--size-2)`},sm:{"--_padding":`var(--size-1) var(--size-2)`,fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`}},nt={lg:{fontSize:`var(--text-base)`,gap:`var(--size-2-5)`,size:`var(--size-6)`},sm:{fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`,size:`var(--size-4)`}},rt={lg:{fontSize:`var(--text-base)`,gap:`var(--size-3)`,height:`var(--size-7)`,thumbSize:`var(--size-6)`,width:`var(--size-14)`},sm:{fontSize:`var(--text-xs)`,gap:`var(--size-2)`,height:`var(--size-5)`,thumbSize:`var(--size-4)`,width:`var(--size-9)`}},it={lg:{fontSize:`var(--text-base)`,height:`calc(var(--size-5) - var(--size-1))`,size:`var(--size-5)`},md:{fontSize:`var(--text-base)`,height:`var(--size-3)`,size:`var(--size-5)`},sm:{fontSize:`var(--text-xs)`,height:`var(--size-2)`,size:`var(--size-4)`}},at={lg:{"--_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)`}},ot={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)`}},st={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)`}},ct={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)`}},lt=`@layer refine.base{:host{--_height:var(--progress-height,var(--size-2,.5rem));--_radius:var(--progress-radius,var(--rounded-lg));--_circle-size:var(--progress-circle-size,6rem);--_circular-label-size:var(--progress-circular-label-size,var(--text-xl,1.25rem));--_circular-title-size:var(--progress-circular-title-size,var(--text-xs,.75rem));width:100%;display:block}.track{width:100%;height:var(--_height);background:var(--progress-track-bg,var(--color-contrast-300,#ddd));border-radius:var(--_radius);overflow:hidden}.fill{width:var(--_percent,0%);background:var(--progress-fill,var(--_theme-base,#3b82f6));border-radius:inherit;transform-origin:0;height:100%;transition:var(--_motion-transition,width var(--transition-normal))}:host(:dir(rtl)) .fill{transform-origin:100%}@keyframes ore-progress-slide{0%{transform:translate(-150%)scaleX(.6)}50%{transform:translate(50%)scaleX(1)}to{transform:translate(300%)scaleX(.6)}}:host([indeterminate]) .fill{width:40%;animation:var(--_motion-animation,ore-progress-slide var(--duration-1500) var(--ease-linear) infinite)}:host(:dir(rtl)[indeterminate]) .fill{animation-direction:reverse}:host([type=vertical]){--_width:var(--progress-width,var(--size-2,.5rem));width:auto;display:inline-flex}:host([type=vertical]) .wrapper{gap:var(--progress-label-gap,var(--space-1,.25rem));flex-direction:row;width:auto;height:100%}:host([type=vertical]) .track{width:var(--_width);height:100%;overflow:hidden}:host([type=vertical]) .fill{width:100%;height:var(--_percent,0%);transform-origin:bottom;transition:var(--_motion-transition,height var(--transition-normal))}:host([type=vertical][indeterminate]) .fill{height:40%;animation:var(--_motion-animation,ore-progress-slide-v var(--duration-1500) var(--ease-linear) infinite)}@keyframes ore-progress-slide-v{0%{transform:translateY(150%)scaleY(.6)}50%{transform:translateY(-50%)scaleY(1)}to{transform:translateY(-300%)scaleY(.6)}}.bar-row-vertical{flex-direction:column;align-items:center;height:100%;display:flex}:host([type=vertical]) .track-outer{flex:1;justify-content:center;align-items:stretch;width:auto;height:100%;display:flex}.wrapper{gap:var(--progress-label-gap,var(--space-1,.25rem));flex-direction:column;width:100%;display:flex}.header{gap:var(--space-2,.5rem);justify-content:space-between;align-items:baseline;display:none}:host([title]) .header{display:flex}.progress-title{font-size:var(--text-sm,.875rem);font-weight:var(--font-weight-medium,500);color:var(--progress-title-color,currentColor);line-height:1.25}.header-label{display:none}:host([title][label]) .header-label{display:inline}.bar-row{display:contents}:host([label]:not([title])) .bar-row{gap:var(--progress-label-gap,var(--space-2,.5rem));align-items:center;width:100%;display:flex}.track-outer{width:100%;position:relative}:host([label]:not([title])) .track-outer{flex:1;width:auto;min-width:0}.end-label{font-size:var(--text-sm,.875rem);color:var(--progress-label-color,currentColor);white-space:nowrap;flex-shrink:0;line-height:1.25}.row-label{display:none}:host([label]:not([title])) .row-label{display:inline}.floating-label{bottom:calc(100% + var(--space-1,.25rem));left:var(--_percent,0%);padding:var(--space-0-5,.125rem) var(--space-2,.5rem);font-size:var(--text-xs,.75rem);font-weight:var(--font-weight-medium,500);color:var(--color-white,#fff);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;background:var(--progress-fill,var(--_theme-base,#3b82f6));border-radius:var(--rounded-md,.375rem);line-height:1;display:none;position:absolute;transform:translate(-50%)}:host([floating-label]:not([indeterminate])) .floating-label{display:block}:host([floating-label]:not([indeterminate])) .wrapper{padding-top:calc(var(--text-xs,.75rem) + var(--space-1,.25rem) * 3)}.circular-track{width:var(--_circle-size);height:var(--_circle-size);justify-content:center;align-items:center;display:inline-flex;position:relative}.circular-track svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.circular-inner{gap:var(--space-0-5,.125rem);padding:calc(8% + var(--_height));text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.circular-label{text-overflow:ellipsis;max-width:100%;font-size:var(--_circular-label-size);font-weight:var(--font-weight-semibold,600);color:var(--progress-label-color,currentColor);white-space:nowrap;line-height:1;overflow:hidden}.circular-title{text-overflow:ellipsis;max-width:100%;font-size:var(--_circular-title-size);color:var(--progress-title-color,var(--color-contrast-500,#6b7280));white-space:nowrap;line-height:1.25;overflow:hidden}.circular-label:empty,.circular-title:empty{display:none}.circle-bg{fill:none;stroke:var(--progress-track-bg,var(--color-contrast-300,#ddd));stroke-width:var(--progress-stroke-width,calc(var(--_height) * 1.2))}.circle-fill{fill:none;stroke:var(--progress-fill,var(--_theme-base,#3b82f6));stroke-width:var(--progress-stroke-width,calc(var(--_height) * 1.2));stroke-linecap:round;transition:var(--_motion-transition,stroke-dashoffset var(--transition-normal))}@keyframes ore-progress-spin{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes ore-progress-dash{0%{stroke-dasharray:1px var(--_circ);stroke-dashoffset:var(--_circ)}40%{stroke-dasharray:calc(var(--_circ) * .75) var(--_circ);stroke-dashoffset:calc(var(--_circ) * -.1)}60%{stroke-dasharray:calc(var(--_circ) * .75) var(--_circ);stroke-dashoffset:calc(var(--_circ) * -.1)}to{stroke-dasharray:1px var(--_circ);stroke-dashoffset:calc(var(--_circ) * -.9)}}:host([indeterminate]) .circular-track svg{animation:var(--_motion-animation,ore-progress-spin var(--duration-1400) var(--ease-linear) infinite)}:host([indeterminate]) .circle-fill{animation:var(--_motion-animation,ore-progress-dash var(--duration-1400) var(--ease-in-out) infinite)}}@layer refine.utilities{:host([size=sm]){--_height:var(--size-1,.25rem);--_circle-size:4rem;--_circular-label-size:var(--text-sm,.875rem);--_circular-title-size:var(--text-2xs,.625rem)}:host([size=md]){--_height:var(--size-2,.5rem);--_circle-size:6rem}:host([size=lg]){--_height:var(--size-3-5,.875rem);--_circle-size:9rem;--_circular-label-size:var(--text-3xl);--_circular-title-size:var(--text-sm,.875rem)}}@media (prefers-reduced-motion:reduce){:host([indeterminate]) .fill{opacity:.6;width:100%}:host([indeterminate]) .circle-fill{stroke-dasharray:none}:host([type=vertical][indeterminate]) .fill{opacity:.6;height:100%}}`,ut=`ore-progress`;a(ut,{props:{...J,...Y,"floating-label":p.string(),indeterminate:p.bool(!1),label:p.string(),max:p.number(100),title:p.string(),type:p.oneOf([`linear`,`circular`,`vertical`],`linear`),value:p.number(0),"value-text":p.string()},setup(e){let t=o(),n=v,r=2*Math.PI*45,i=C(()=>`${Math.max(0,Math.min(Number(e.value.value),Number(e.max.value)))/Math.max(1,Number(e.max.value))*100}%`),a=C(()=>{let t=Math.max(0,Math.min(Number(e.value.value),Number(e.max.value))),n=Math.max(1,Number(e.max.value));return r-t/n*r}),c=()=>e.indeterminate.value?null:String(e.value.value),l=()=>e.label.value??e.title.value??`Progress`,u=x({"--_circ":`${r}px`}),d=()=>e.indeterminate.value?void 0:`${r}px`,f=()=>e.indeterminate.value?void 0:`${a.value}px`,p=C(()=>e.type.value===`vertical`),m=x({height:()=>!e.indeterminate.value&&p.value?i.value:null,width:()=>!e.indeterminate.value&&!p.value?i.value:null});n(()=>{t.style.setProperty(`--_percent`,e.indeterminate.value?`0%`:i.value)});let h=()=>s` <div
|
|
615
|
+
`},styles:[ce,Je]});var J={color:p.string()},Y={size:p.string()},X={disabled:p.bool(!1)},Xe={loading:p.bool(!1)},Ze={rounded:p.string()},Qe={elevation:p.number()},$e={...J,...Y,...X,...Xe,...Ze},et={lg:{"--_field-height":`var(--size-12)`,"--_padding":`var(--size-2-5) var(--size-3-5)`,fontSize:`var(--text-base)`,gap:`var(--size-2-5)`},md:{"--_field-height":`var(--size-10)`,"--_padding":`var(--size-1-5) var(--size-3)`,fontSize:`var(--text-sm)`,gap:`var(--size-2)`},sm:{"--_field-height":`var(--size-8)`,"--_padding":`var(--size-1) var(--size-2)`,fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`}},tt={lg:{"--_padding":`var(--size-2-5) var(--size-3-5)`,fontSize:`var(--text-base)`,gap:`var(--size-2-5)`},md:{"--_padding":`var(--size-1-5) var(--size-3)`,fontSize:`var(--text-sm)`,gap:`var(--size-2)`},sm:{"--_padding":`var(--size-1) var(--size-2)`,fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`}},nt={lg:{fontSize:`var(--text-base)`,gap:`var(--size-2-5)`,size:`var(--size-6)`},sm:{fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`,size:`var(--size-4)`}},rt={lg:{fontSize:`var(--text-base)`,gap:`var(--size-3)`,height:`var(--size-7)`,thumbSize:`var(--size-6)`,width:`var(--size-14)`},sm:{fontSize:`var(--text-xs)`,gap:`var(--size-2)`,height:`var(--size-5)`,thumbSize:`var(--size-4)`,width:`var(--size-9)`}},it={lg:{fontSize:`var(--text-base)`,height:`calc(var(--size-5) - var(--size-1))`,size:`var(--size-5)`},md:{fontSize:`var(--text-base)`,height:`var(--size-3)`,size:`var(--size-5)`},sm:{fontSize:`var(--text-xs)`,height:`var(--size-2)`,size:`var(--size-4)`}},at={lg:{"--_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)`}},ot={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)`}},st={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)`}},ct={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)`}},lt=`@layer refine.base{:host{--_height:var(--progress-height,var(--size-2,.5rem));--_radius:var(--progress-radius,var(--rounded-lg));--_circle-size:var(--progress-circle-size,6rem);--_circular-label-size:var(--progress-circular-label-size,var(--text-xl,1.25rem));--_circular-title-size:var(--progress-circular-title-size,var(--text-xs,.75rem));width:100%;display:block}.track{width:100%;height:var(--_height);background:var(--progress-track-bg,var(--color-contrast-300,#ddd));border-radius:var(--_radius);overflow:hidden}.fill{width:var(--_percent,0%);background:var(--progress-fill,var(--_theme-base,#3b82f6));border-radius:inherit;transform-origin:0;height:100%;transition:var(--_motion-transition,width var(--transition-normal))}:host(:dir(rtl)) .fill{transform-origin:100%}@keyframes ore-progress-slide{0%{transform:translate(-150%)scaleX(.6)}50%{transform:translate(50%)scaleX(1)}to{transform:translate(300%)scaleX(.6)}}:host([indeterminate]) .fill{width:40%;animation:var(--_motion-animation,ore-progress-slide var(--duration-1500) var(--ease-linear) infinite)}:host(:dir(rtl)[indeterminate]) .fill{animation-direction:reverse}:host([type=vertical]){--_width:var(--progress-width,var(--size-2,.5rem));width:auto;display:inline-flex}:host([type=vertical]) .wrapper{gap:var(--progress-label-gap,var(--space-1,.25rem));flex-direction:row;width:auto;height:100%}:host([type=vertical]) .track{width:var(--_width);height:100%;overflow:hidden}:host([type=vertical]) .fill{width:100%;height:var(--_percent,0%);transform-origin:bottom;transition:var(--_motion-transition,height var(--transition-normal))}:host([type=vertical][indeterminate]) .fill{height:40%;animation:var(--_motion-animation,ore-progress-slide-v var(--duration-1500) var(--ease-linear) infinite)}@keyframes ore-progress-slide-v{0%{transform:translateY(150%)scaleY(.6)}50%{transform:translateY(-50%)scaleY(1)}to{transform:translateY(-300%)scaleY(.6)}}.bar-row-vertical{flex-direction:column;align-items:center;height:100%;display:flex}:host([type=vertical]) .track-outer{flex:1;justify-content:center;align-items:stretch;width:auto;height:100%;display:flex}.wrapper{gap:var(--progress-label-gap,var(--space-1,.25rem));flex-direction:column;width:100%;display:flex}.header{gap:var(--space-2,.5rem);justify-content:space-between;align-items:baseline;display:none}:host([title]) .header{display:flex}.progress-title{font-size:var(--text-sm,.875rem);font-weight:var(--font-weight-medium,500);color:var(--progress-title-color,currentColor);line-height:1.25}.header-label{display:none}:host([title][label]) .header-label{display:inline}.bar-row{display:contents}:host([label]:not([title])) .bar-row{gap:var(--progress-label-gap,var(--space-2,.5rem));align-items:center;width:100%;display:flex}.track-outer{width:100%;position:relative}:host([label]:not([title])) .track-outer{flex:1;width:auto;min-width:0}.end-label{font-size:var(--text-sm,.875rem);color:var(--progress-label-color,currentColor);white-space:nowrap;flex-shrink:0;line-height:1.25}.row-label{display:none}:host([label]:not([title])) .row-label{display:inline}.floating-label{bottom:calc(100% + var(--space-1,.25rem));left:var(--_percent,0%);padding:var(--space-0-5,.125rem) var(--space-2,.5rem);font-size:var(--text-xs,.75rem);font-weight:var(--font-weight-medium,500);color:var(--color-white,#fff);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;background:var(--progress-fill,var(--_theme-base,#3b82f6));border-radius:var(--rounded-md,.375rem);line-height:1;display:none;position:absolute;transform:translate(-50%)}:host([floating-label]:not([indeterminate])) .floating-label{display:block}:host([floating-label]:not([indeterminate])) .wrapper{padding-top:calc(var(--text-xs,.75rem) + var(--space-1,.25rem) * 3)}.circular-track{width:var(--_circle-size);height:var(--_circle-size);justify-content:center;align-items:center;display:inline-flex;position:relative}.circular-track svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.circular-inner{gap:var(--space-0-5,.125rem);padding:calc(8% + var(--_height));text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.circular-label{text-overflow:ellipsis;max-width:100%;font-size:var(--_circular-label-size);font-weight:var(--font-weight-semibold,600);color:var(--progress-label-color,currentColor);white-space:nowrap;line-height:1;overflow:hidden}.circular-title{text-overflow:ellipsis;max-width:100%;font-size:var(--_circular-title-size);color:var(--progress-title-color,var(--color-contrast-500,#6b7280));white-space:nowrap;line-height:1.25;overflow:hidden}.circular-label:empty,.circular-title:empty{display:none}.circle-bg{fill:none;stroke:var(--progress-track-bg,var(--color-contrast-300,#ddd));stroke-width:var(--progress-stroke-width,calc(var(--_height) * 1.2))}.circle-fill{fill:none;stroke:var(--progress-fill,var(--_theme-base,#3b82f6));stroke-width:var(--progress-stroke-width,calc(var(--_height) * 1.2));stroke-linecap:round;transition:var(--_motion-transition,stroke-dashoffset var(--transition-normal))}@keyframes ore-progress-spin{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes ore-progress-dash{0%{stroke-dasharray:1px var(--_circ);stroke-dashoffset:var(--_circ)}40%{stroke-dasharray:calc(var(--_circ) * .75) var(--_circ);stroke-dashoffset:calc(var(--_circ) * -.1)}60%{stroke-dasharray:calc(var(--_circ) * .75) var(--_circ);stroke-dashoffset:calc(var(--_circ) * -.1)}to{stroke-dasharray:1px var(--_circ);stroke-dashoffset:calc(var(--_circ) * -.9)}}:host([indeterminate]) .circular-track svg{animation:var(--_motion-animation,ore-progress-spin var(--duration-1400) var(--ease-linear) infinite)}:host([indeterminate]) .circle-fill{animation:var(--_motion-animation,ore-progress-dash var(--duration-1400) var(--ease-in-out) infinite)}}@layer refine.utilities{:host([size=sm]){--_height:var(--size-1,.25rem);--_circle-size:4rem;--_circular-label-size:var(--text-sm,.875rem);--_circular-title-size:var(--text-2xs,.625rem)}:host([size=md]){--_height:var(--size-2,.5rem);--_circle-size:6rem}:host([size=lg]){--_height:var(--size-3-5,.875rem);--_circle-size:9rem;--_circular-label-size:var(--text-3xl);--_circular-title-size:var(--text-sm,.875rem)}}@media (prefers-reduced-motion:reduce){:host([indeterminate]) .fill{opacity:.6;width:100%}:host([indeterminate]) .circle-fill{stroke-dasharray:none}:host([type=vertical][indeterminate]) .fill{opacity:.6;height:100%}}`,ut=`ore-progress`;a(ut,{props:{...J,...Y,"floating-label":p.string(),indeterminate:p.bool(!1),label:p.string(),max:p.number(100),title:p.string(),type:p.oneOf([`linear`,`circular`,`vertical`],`linear`),value:p.number(0),"value-text":p.string()},setup(e){let t=o(),n=y,r=2*Math.PI*45,i=x(()=>`${Math.max(0,Math.min(Number(e.value.value),Number(e.max.value)))/Math.max(1,Number(e.max.value))*100}%`),a=x(()=>{let t=Math.max(0,Math.min(Number(e.value.value),Number(e.max.value))),n=Math.max(1,Number(e.max.value));return r-t/n*r}),c=()=>e.indeterminate.value?null:String(e.value.value),l=()=>e.label.value??e.title.value??`Progress`,u=g({"--_circ":`${r}px`}),d=()=>e.indeterminate.value?void 0:`${r}px`,f=()=>e.indeterminate.value?void 0:`${a.value}px`,p=x(()=>e.type.value===`vertical`),m=g({height:()=>!e.indeterminate.value&&p.value?i.value:null,width:()=>!e.indeterminate.value&&!p.value?i.value:null});n(()=>{t.style.setProperty(`--_percent`,e.indeterminate.value?`0%`:i.value)});let h=()=>s` <div
|
|
616
616
|
class="circular-track"
|
|
617
617
|
role="progressbar"
|
|
618
618
|
:aria-valuenow="${c}"
|
|
@@ -635,7 +635,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
635
635
|
<span class="circular-label">${()=>e.label.value??``}</span>
|
|
636
636
|
<span class="circular-title">${()=>e.title.value??``}</span>
|
|
637
637
|
</div>
|
|
638
|
-
</div>`,
|
|
638
|
+
</div>`,_=()=>s` <div class="wrapper">
|
|
639
639
|
<div class="header">
|
|
640
640
|
<span class="progress-title">${()=>e.title.value??``}</span>
|
|
641
641
|
<span class="end-label header-label">${()=>e.label.value??``}</span>
|
|
@@ -656,7 +656,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
656
656
|
</div>
|
|
657
657
|
<span class="end-label row-label">${()=>e.label.value??``}</span>
|
|
658
658
|
</div>
|
|
659
|
-
</div>`;return s` ${()=>e.type.value===`circular`?h():g()} `},styles:[q,_e,W,lt]});var Z=e=>{let t=new AbortController;return e(()=>t.abort()),t.signal},dt=(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)})}},ft=(e,t)=>{e.value?.(t);let n=D(e,e=>e?.(t));return()=>{n.dispose(),e.value?.(null)}},pt={ariaControlsElements:`aria-controls`,ariaDescribedByElements:`aria-describedby`,ariaLabelledByElements:`aria-labelledby`};function mt(e,t,n){if(t in e){e[t]=n.length>0?n:null;return}let r=pt[t],i=n.map(e=>e.id).filter(Boolean);i.length===0?e.removeAttribute(r):e.setAttribute(r,i.join(` `))}var ht=e=>C(()=>({errorText:e.error?.value??``,helperText:e.helper?.value??``})),gt=e=>C(()=>{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}}),_t=(e,t=`counter`)=>e?e.counterAtLimit?`${t} at-limit`:e.counterNearLimit?`${t} near-limit`:t:t;function vt(){let e=!1;return{clear:()=>{e=!1},get isDirty(){return e},markDirty:()=>{e=!0}}}var yt=e=>{let t=C(()=>!!e.disabled?.value),n=r(`helper`),i=r(`error`),a=ht({error:e.error,helper:e.helper}),o=C(()=>a.value.errorText||a.value.helperText?n:null),s=C(()=>a.value.errorText?i:null),c=C(()=>a.value.errorText?`true`:null),l=null;return{ariaDescribedBy:o,ariaErrorMessage:s,ariaInvalid:c,assistiveId:n,attachFormField:e=>{l=e},disabled:t,errorId:i,errorText:C(()=>a.value.errorText),helperText:C(()=>a.value.helperText),triggerValidation:t=>{if(e.validateOn?.value===t){if(!l){Me(`triggerValidation() called before attachFormField() — validation will not run. See createTextField()/createChoiceField()/createCheckable()'s attachFormField doc comment.`);return}l.reportValidity()}}}},bt=e=>{let t=e.id??r(e.prefix??`field`),n=r(`label`),i=e.label??C(()=>void 0),a=e.hasLabel??C(()=>!!i.value);return{ariaLabelledBy:C(()=>a.value?n:null),fieldId:t,labelId:n,labelVisible:a}},xt=e=>({...yt(e),...bt(e)}),St=(e,t,n=e=>e)=>{let r=T(E(()=>n(e.value))),i=D(e,e=>{r.value=n(e)});return t&&t.addEventListener(`abort`,()=>i.dispose(),{once:!0}),r},Ct=e=>e.trim()===``,wt=e=>String(e??``),Tt=e=>{let t=St(e.value,e.signal,wt),n=xt(e),r=e.maxLength?gt({maxLength:e.maxLength,value:t}):null,i=C(()=>!e.readonly?.value&&e.required?.value&&Ct(t.value)?{valueMissing:!0}:null),a=C(()=>i.value?e.requiredMessage?.value||`This field is required.`:``),o=()=>{t.value=wt(e.value.value),n.triggerValidation(`change`)},s=r=>{r?.preventDefault?.(),t.value=``,e.onInput?.(r??new InputEvent(`input`,{bubbles:!0}),``),e.onChange?.(r??new Event(`change`,{bubbles:!0}),``),n.triggerValidation(`change`)},c=(r,i)=>{let a=[],o=(e,t)=>{r.addEventListener(e,t),a.push(()=>r.removeEventListener(e,t))};e.onFocus&&o(`focus`,t=>e.onFocus(t)),o(`input`,n=>{n.stopPropagation(),e.onBeforeInput?.(n),t.value=r.value,e.onInput?.(n,r.value)}),o(`change`,i=>{i.stopPropagation(),t.value=r.value,e.onChange?.(i,r.value),n.triggerValidation(`change`)}),o(`blur`,t=>{e.onBlur?.(t),n.triggerValidation(`blur`)});let s=!1,c=()=>{if(!s){s=!0;for(let e of a)e()}};return i?.addEventListener(`abort`,c,{once:!0}),c};return{...n,clear:s,counter:r,reset:o,validationMessage:a,validity:i,value:t,wire:c}},Et=e=>e?Array.isArray(e)?e.filter(Boolean):e.split(`,`).map(e=>e.trim()).filter(Boolean):[],Dt=e=>{let t=T([]),n=C(()=>!!e.multiple?.value),r=C(()=>n.value?t.value.join(`,`):t.value[0]??``),i=e=>{let t=n.value?e:e.slice(0,1);return[...new Set(t.filter(Boolean))]},a=vt(),o=e=>{t.value=i(e)},s=e=>{a.markDirty(),o(e)},c=()=>s([]),l=e=>{a.markDirty(),t.value=t.value.filter(t=>t!==e)},u=e=>{if(n.value){t.value.includes(e)||s([...t.value,e]);return}s([e])},d=e=>{n.value&&t.value.includes(e)?l(e):u(e)},f=e=>{o(Et(e))},p=xt(e),m=C(()=>e.required?.value&&t.value.length===0?{valueMissing:!0}:null),h=C(()=>m.value?e.requiredMessage?.value||`Please make a selection.`:``),g=D(e.value,f,{immediate:!0});if(e.signal.addEventListener(`abort`,()=>g.dispose(),{once:!0}),e.multiple){let t=D(e.multiple,()=>f(e.value.value));e.signal.addEventListener(`abort`,()=>t.dispose(),{once:!0})}let _=t.value,v=()=>{o(a.isDirty?_:Et(e.value.value)),a.clear(),p.triggerValidation(`change`)};return{...p,clear:c,formValue:r,removeValue:l,reset:v,selectedValue:C(()=>t.value[0]),selectedValues:t,selectValue:u,setValues:s,toggleValue:d,validationMessage:h,validity:m}},Ot=(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},kt=e=>{let t=()=>!!e.disabled?.value,n=e.keys??[`Enter`,` `],r=Object.fromEntries(n.map(t=>[t,t=>e.onPress?.(t,`keyboard`)]));return{handleBlur:n=>{t()||e.onBlur?.(n)},handleClick:n=>t()?!1:(e.onPress?.(n,`pointer`),!0),handleFocus:n=>{t()||e.onFocus?.(n)},handleKeydown:t=>Ot(t,{disabled:e.disabled,keymap:r})}},At=e=>{let t=St(e.checked,e.signal,Boolean),n=e.indeterminate?St(e.indeterminate,e.signal,Boolean):T(!1),r=t.value,i=n.value,a=vt(),o=C(()=>n.value?null:t.value?e.value.value??``:null),s=xt(e),c=C(()=>e.required?.value&&(!t.value||n.value)?{valueMissing:!0}:null),l=C(()=>c.value?e.requiredMessage?.value||`This field is required.`:``),u=()=>{t.value=a.isDirty?r:!!e.checked.value,n.value=a.isDirty?i:!!e.indeterminate?.value,a.clear(),s.triggerValidation(`change`)},d=n=>({checked:t.value,originalEvent:n,value:e.value.value??``}),f=r=>{if(!s.disabled.value){if(a.markDirty(),e.group){n.value=!1,e.group.toggle(e.value.value??``,r),e.onToggle?.(d(r));return}e.clearIndeterminateFirst&&n.value||(t.value=!t.value),n.value=!1,e.onToggle?.(d(r))}},p=kt({disabled:s.disabled,onPress:e=>f(e)});return{...s,checkableFormValue:o,checked:t,handleClick:p.handleClick,handleKeydown:p.handleKeydown,indeterminate:n,reset:u,toggle:f,validationMessage:l,validity:c}},jt=e=>!e||e.trim()===``,Mt=e=>{let t=C(()=>!jt(e.value.value)&&!e.disabled?.value&&!e.loading?.value),n=n=>{t.value&&e.onSend(n)};return{canSend:t,handleKeydown:t=>{if(t.key!==`Enter`||t.isComposing)return;let r=e.sendShortcut?.value??`enter`,i=t.metaKey||t.ctrlKey;(r===`mod+enter`?!i:t.shiftKey)||(t.preventDefault(),n(t))},keyShortcutsHint:C(()=>(e.sendShortcut?.value??`enter`)===`mod+enter`?`Control+Enter Meta+Enter`:`Enter`),send:n}},Nt=class e extends Error{constructor(e,t){super(e,t),this.name=new.target.name,Object.setPrototypeOf(this,new.target.prototype)}static is(t){return t instanceof e}},Pt=class extends Nt{},Ft=e=>{let t=e.delay??500,n=``,r=null,i=()=>{n=``,r!==null&&(clearTimeout(r),r=null)};return e.signal?.addEventListener(`abort`,i,{once:!0}),{handleKeydown:a=>{if(a.key.length!==1||a.ctrlKey||a.altKey||a.metaKey)return!1;n+=a.key.toLowerCase(),r!==null&&clearTimeout(r),r=setTimeout(i,t);let o=e.getItems(),s=e.getIndex(),c=s>=0?s+1:0;for(let t=0;t<o.length;t++){let r=(c+t)%o.length;if(!e.isItemDisabled?.(o[r],r)&&e.getItemLabel(o[r],r).toLowerCase().startsWith(n))return e.onNavigate(r,a),!0}return!1},reset:i}},It=(e,t,n)=>{for(let r=t;r<e.length;r++)if(n(e[r],r))return r;return-1},Lt=(e,t,n)=>{for(let r=t;r>=0;r--)if(n(e[r],r))return r;return-1},Rt={both:{first:[`Home`],last:[`End`],next:[`ArrowDown`,`ArrowRight`],prev:[`ArrowUp`,`ArrowLeft`]},horizontal:{first:[`Home`],last:[`End`],next:[`ArrowRight`],prev:[`ArrowLeft`]},vertical:{first:[`Home`],last:[`End`],next:[`ArrowDown`],prev:[`ArrowUp`]}},zt={both:{first:[`Home`],last:[`End`],next:[`ArrowDown`,`ArrowLeft`],prev:[`ArrowUp`,`ArrowRight`]},horizontal:{first:[`Home`],last:[`End`],next:[`ArrowLeft`],prev:[`ArrowRight`]},vertical:Rt.vertical},Bt=e=>typeof e==`object`&&!!e&&`disabled`in e,Vt=e=>{let t=T(-1),n=(t,n)=>e.isItemDisabled?.(t,n)??(Bt(t)?t.disabled:!1),r=(n,r,i)=>(n>=0&&(t.value=n,e.onNavigate?.(r,n,i)),n),i=(e,t,r)=>r===`forward`?It(e,t,(e,t)=>!n(e,t)):Lt(e,t,(e,t)=>!n(e,t)),a=r=>{if(r<0)return l(),-1;let i=e.getItems();if(!i.length)return-1;let a=Math.min(r,i.length-1);return n(i[a],a)?-1:(t.value=a,a)},o=(n,a)=>{let o=e.getItems(),s=t.value;if(!o.length)return-1;let c=s<0?n===`forward`?0:o.length-1:n===`forward`?s+1:s-1,l=i(o,c,n),u=n===`forward`?`next`:`prev`;if(l>=0)return r(l,u,a);if(e.loop){let e=n===`forward`?0:o.length-1,t=i(o,e,n);if(t>=0)return r(t,u,a)}return s},s=t=>{let n=e.getItems();if(!n.length)return-1;if(t===`first`){let e=i(n,0,`forward`);return r(e,`first`)}if(t===`last`){let e=i(n,n.length-1,`backward`);return r(e,`last`)}return o(t===`next`?`forward`:`backward`)},c=()=>{let n=e.getItems(),r=t.value;return r>=0&&r<n.length?n[r]:void 0},l=()=>{t.value=-1},u=()=>!!e.disabled?.value,d=()=>typeof e.orientation==`function`?e.orientation():e.orientation??`vertical`,f=()=>typeof e.direction==`function`?e.direction():e.direction??`ltr`,p=()=>{let t=e.keys,n=(f()===`rtl`?zt:Rt)[d()],a={first:t?.first??n.first,last:t?.last??n.last,next:t?.next??n.next,prev:t?.prev??n.prev},s={};for(let t of[`next`,`prev`,`first`,`last`])for(let n of a[t])s[n]=n=>{if(t===`first`||t===`last`){let a=e.getItems();if(!a.length)return;let o=t===`first`?i(a,0,`forward`):i(a,a.length-1,`backward`);r(o,t,n)}else o(t===`next`?`forward`:`backward`,n)};return s},m=e.getItemLabel?Ft({getIndex:()=>t.value,getItemLabel:e.getItemLabel,getItems:e.getItems,isItemDisabled:(e,t)=>n(e,t),onNavigate:(n,r)=>{u()||(t.value=n,e.onNavigate?.(`typeahead`,n,r))}}):null,h=typeof e.orientation==`function`||typeof e.direction==`function`?null:p(),g=t=>{let n=h??p();return Ot(t,{disabled:e.disabled,keymap:n})?!0:m?.handleKeydown(t)??!1},_=!1,v=()=>{_||(_=!0,m?.reset())};return e.signal&&e.signal.addEventListener(`abort`,v,{once:!0}),{dispose:v,get disposed(){return _},focusedIndex:t,getActiveItem:c,handleKeydown:g,navigate:s,reset:l,set:a,[Symbol.dispose]:v}},Ht=e=>{let t=null,n=()=>typeof e.restoreFocus==`function`?e.restoreFocus():e.restoreFocus??!0,r=t=>{if(!e.isOpen())return;let n=t.composedPath?.()??[],r=e.getBoundary(),i=e.getPanel?.()??null,a=n[0]??t.target,s=a instanceof Node?a:null,c=n.some(e=>e===r||e===i),l=s?(r?.contains(s)??!1)||(i?.contains(s)??!1):!1;!c&&!l&&o(`outsideClick`)},i=e=>{e?document.addEventListener(`pointerdown`,r,{capture:!0}):document.removeEventListener(`pointerdown`,r,{capture:!0})},a=(n=`programmatic`)=>{e.isDisabled?.()||e.isOpen()||(e.setOpen(!0,n),i(!0),e.positioner&&(e.positioner.update(),t=e.positioner.startAutoUpdate?.()??null),e.onOpen?.(n))},o=(r=`programmatic`,a,o=!1)=>{e.isOpen()&&(e.setOpen(!1,r),i(!1),t&&=(t(),null),(a??n())&&e.getTrigger?.()?.focus(),o||e.onClose?.(r))},s=(t=`click`,n=`trigger`)=>{e.isOpen()?o(n):a(t)},c=!1,l=()=>{c||(c=!0,e.isOpen()&&o(`programmatic`,!1,!0),i(!1),t&&=(t(),null))};return e.signal.addEventListener(`abort`,l,{once:!0}),{close:o,dispose:l,get disposed(){return c},open:a,[Symbol.dispose]:l,toggle:s}};function Ut(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 Wt=e=>e.endsWith(`-start`)?e.replace(`-start`,`-end`):e.endsWith(`-end`)?e.replace(`-end`,`-start`):e;function Gt({boundary:e,getDir:t,getFloating:n,getPlacement:r,getReference:i,matchWidth:a=!0,offsetPx:o=0,padding:s=6}){function c(){let e=r?.()??`bottom-start`;return(t?.()??Ut(i()))===`rtl`?Wt(e):e}function l(){let t=i(),r=n();if(!t||!r)return;let l=c(),u=A(t,r,{boundary:e??M(r),middleware:[...o?[N(o)]:[],j({padding:s}),P({padding:s}),...a?[F({padding:s})]:[]],placement:l});r.style.left=`${u.x}px`,r.style.top=`${u.y}px`;let d=r.style.transition,f=r.style.transform;r.style.transition=`none`,r.style.transform=`none`;let p=r.getBoundingClientRect(),m=u.x-p.left,h=u.y-p.top;r.style.transition=d,r.style.transform=f,(m!==0||h!==0)&&(r.style.left=`${u.x+m}px`,r.style.top=`${u.y+h}px`),a&&(r.style.width=`${t.getBoundingClientRect().width}px`)}function u(){let e=i(),t=n();return!e||!t?()=>{}:k(e,t,l)}return{floating:n,reference:i,startAutoUpdate:u,update:l}}var Kt=e=>{if(typeof e.getBoundary!=`function`)throw new Pt(`createOptionList: getBoundary is required`);if(typeof e.getPanel!=`function`)throw new Pt(`createOptionList: getPanel is required`);if(typeof e.getReference!=`function`)throw new Pt(`createOptionList: getReference is required`);let t=T(!1),n=C(()=>String(t.value)),r=Gt({...e.positioning,getFloating:e.getPanel,getReference:e.getReference}),i=()=>{e.getFocusedOptionElement?.()?.scrollIntoView({block:`nearest`})},a=Vt({disabled:C(()=>!t.value),getItemLabel:e.getItemLabel,getItems:e.getItems,isItemDisabled:e.isItemDisabled,keys:e.keys,loop:e.loop??!0,onNavigate:(t,n,r)=>{i(),n>=0&&e.onNavigate?.(t,n,r)},orientation:e.orientation,signal:e.signal}),o=C(()=>{let n=a.focusedIndex.value;return e.getOptionId&&t.value&&n>=0?e.getOptionId(n):null}),s=Ht({getBoundary:e.getBoundary,getPanel:e.getPanel,getTrigger:e.getTrigger,isDisabled:e.isDisabled,isOpen:()=>t.value,onClose:e.onClose,onOpen:e.onOpen,positioner:r,restoreFocus:e.restoreFocus,setOpen:e=>{t.value=e,e||a.reset()},signal:e.signal});return{ariaActiveDescendant:o,ariaExpanded:n,close:e=>s.close(e),focusedIndex:a.focusedIndex,getActiveItem:a.getActiveItem,handleKeydown:e=>t.value?e.key===`Escape`?(e.preventDefault(),s.close(`escape`),!0):a.handleKeydown(e):!1,isOpen:t,navigate:a.navigate,open:e=>s.open(e),scrollFocusedIntoView:i,set:a.set,toggle:(e,t)=>s.toggle(e,t),updatePosition:r.update}},qt=e=>{let t=T(0),n=()=>{let t=e.pageSize;return t===void 0?10:typeof t==`number`?t:t.value??10},r=C(()=>Math.ceil(e.getItems().length/n())),i=C(()=>r.value===0?-1:Math.min(t.value,r.value-1)),a=C(()=>{let t=i.value,r=n(),a=t*r;return e.getItems().slice(a,a+r)});return{goTo:e=>{Number.isFinite(e)&&(t.value=Math.max(0,e))},hasNext:C(()=>r.value>0&&i.value<r.value-1),hasPrev:C(()=>i.value>0),next:()=>{r.value>0&&i.value<r.value-1&&(t.value=i.value+1)},pageCount:r,pageIndex:i,pageItems:a,prev:()=>{i.value>0&&(t.value=i.value-1)},reset:()=>{t.value=0}}},Jt=e=>{let t=Number(e);return Number.isFinite(t)?t:void 0},Yt=(e,t)=>Jt(e)??t,Xt=(e,t)=>Math.abs(Yt(e,t))||t,Zt=e=>{let t=()=>!!e.disabled?.value||!!e.readonly?.value,n=()=>Jt(e.min?.value),r=()=>Jt(e.max?.value),i=e=>I(e,n(),r()),a=()=>Xt(e.step?.value,1),o=()=>{let t=a();return Xt(e.largeStep?.value,t*10)},s=()=>e.parse()??n()??0,c=(t,n)=>{if(t==null){e.commit(null,n);return}e.commit(i(t),n)},l=(e,n)=>{t()||c(s()+e,n)};return{atMax:()=>{let t=e.parse(),n=r();return t!=null&&n!=null&&t>=n},atMin:()=>{let t=e.parse(),r=n();return t!=null&&r!=null&&t<=r},handleKeydown:e=>t()?!1:Ot(e,{keymap:{ArrowDown:()=>l(-a(),e),ArrowUp:()=>l(a(),e),End:()=>{let t=r();if(t==null)return!1;c(t,e)},Home:()=>{let t=n();if(t==null)return!1;c(t,e)},PageDown:()=>l(-o(),e),PageUp:()=>l(o(),e)},preventDefault:`after`}),incrementBy:l}},Qt=e=>{let t=()=>Yt(e.min?.value,0),n=()=>Yt(e.max?.value,100),r=()=>Xt(e.step?.value,1),i=e=>{let r=t(),i=n();return I(Yt(e,r),r,i)},a=e=>{let n=t();return i(Math.round(Yt(e,n)/r())*r())},o=e=>{let r=t(),i=n(),a=Yt(e,r);return i<=r?0:(a-r)/(i-r)*100},s=(e,r)=>{if(r.width<=0)return a(t());let i=Math.max(0,Math.min(1,(e-r.left)/r.width)),o=t(),s=n();return a(o+i*(s-o))},c=(e,a)=>{let o=Yt(a,t());return e===`ArrowRight`||e===`ArrowUp`?i(o+r()):e===`ArrowLeft`||e===`ArrowDown`?i(o-r()):e===`Home`?t():e===`End`?n():null};return{clamp:i,fromClientX:s,handleKeydown:(t,n,r)=>{if(e.disabled?.value||e.readonly?.value)return!1;let i=c(t.key,n);return i===null?!1:(t.preventDefault(),r(i),!0)},max:n,min:t,nextFromKey:c,snap:a,toPercent:o}},$t=e=>e.axis?.()??`x`,en=e=>{let t=e.threshold?.()??48;return Number.isFinite(t)&&t>0?t:1},tn=(e,t)=>t===`x`?e.clientX:e.clientY,nn=e=>e.currentTarget instanceof HTMLElement?e.currentTarget:e.target instanceof HTMLElement?e.target:null,rn=e=>{let t=null,n=!1,r=()=>!!e.disabled?.value,i=()=>{t=null},a=()=>{n=!0,i()},o=e=>t?.pointerId===e.pointerId,s=e=>{if(!t)return null;let n=tn(e,t.axis),r=n-t.start;return{axis:t.axis,current:n,distance:r,event:e,pointerId:t.pointerId,progress:Math.min(Math.abs(r)/t.threshold,1),start:t.start,threshold:t.threshold}};return{dispose:a,get disposed(){return n},handlePointerCancel:n=>{if(!t||!o(n))return!1;let r=s(n);return i(),r&&e.onCancel?.(r),!0},handlePointerDown:i=>{if(n||t||r())return!1;let a=$t(e);t={axis:a,pointerId:i.pointerId,start:tn(i,a),threshold:en(e)},(typeof e.captureTarget==`function`?e.captureTarget(i):nn(i))?.setPointerCapture?.(i.pointerId);let o=s(i);return o&&e.onStart?.(o),!0},handlePointerMove:n=>{if(!t||!o(n))return!1;let r=s(n);return r?(e.onMove?.(r),e.shouldCommit?.(r)??Math.abs(r.distance)>=r.threshold?(i(),e.onCommit?.(r),!0):!0):!1},handlePointerUp:n=>{if(!t||!o(n))return!1;let r=s(n);return i(),r&&e.onRelease?.(r),!0},isActive:()=>t!=null,[Symbol.dispose]:a}},an=new WeakMap,on=new WeakMap,sn=(e,t)=>{let n=t.createElement(`div`);return n.setAttribute(`aria-live`,e),n.setAttribute(`aria-atomic`,`true`),n.setAttribute(`data-block-announcer`,e),n.style.cssText=se,t.body.appendChild(n),n},cn=(e,t)=>{let n=an.get(t);return n?.[e]&&!t.body.contains(n[e])&&(n[e]=void 0),n?.[e]||(n||(n={},an.set(t,n)),n[e]=sn(e,t)),n[e]??null},ln=(e,t={})=>{if(typeof document>`u`)return;let n=cn(t.politeness??`polite`,document);if(!n)return;n.textContent=``;let r=on.get(n);r!==void 0&&clearTimeout(r);let i=setTimeout(()=>{n.textContent=e,on.delete(n)},50);on.set(n,i)};function un(e){if(!e)return null;try{return te(e)}catch{return null}}function dn(e){return e?e.toString():null}function fn(e,t){return z(e,{intl:{day:`numeric`,month:`short`,year:`numeric`},locale:t,tz:`UTC`})}function pn(){return R.Now.plainDateISO()}function mn(e){return e%7}function hn(e){let t=e.value??null,n=`day`,r=t??pn(),i=r.year,a=r.month;function o(){return e.locale??(typeof navigator<`u`?navigator.language:`en`)}function s(){return e.weekendDays??[]}function c(t){return!!(e.min&&R.PlainDate.compare(t,e.min)<0||e.max&&R.PlainDate.compare(t,e.max)>0)}function l(e){return!!(c(e)||s().includes(mn(e.dayOfWeek)))}function u(){let e=pn(),n=R.PlainDate.from({day:1,month:a,year:i}),r=mn(n.dayOfWeek),o=[];for(let i=r-1;i>=0;i--){let r=n.subtract({days:i+1});o.push({day:r.day,isDisabled:l(r),iso:r.toString(),isOutsideMonth:!0,isSelected:t!==null&&R.PlainDate.compare(r,t)===0,isToday:R.PlainDate.compare(r,e)===0,plain:r})}let s=n.daysInMonth;for(let n=1;n<=s;n++){let r=R.PlainDate.from({day:n,month:a,year:i});o.push({day:n,isDisabled:l(r),iso:r.toString(),isOutsideMonth:!1,isSelected:t!==null&&R.PlainDate.compare(r,t)===0,isToday:R.PlainDate.compare(r,e)===0,plain:r})}let c=(7-o.length%7)%7,u=n.add({months:1});for(let n=0;n<c;n++){let r=u.add({days:n});o.push({day:r.day,isDisabled:l(r),iso:r.toString(),isOutsideMonth:!0,isSelected:t!==null&&R.PlainDate.compare(r,t)===0,isToday:R.PlainDate.compare(r,e)===0,plain:r})}return o}function d(){let n=[],r=o();for(let a=1;a<=12;a++){let o=R.PlainDate.from({day:1,month:a,year:i}),s=o.with({day:o.daysInMonth}),c=(e.min!==null&&e.min!==void 0?R.PlainDate.compare(s,e.min)<0:!1)||(e.max!==null&&e.max!==void 0?R.PlainDate.compare(o,e.max)>0:!1);n.push({isDisabled:c,isSelected:t!==null&&t.year===i&&t.month===a,label:z(o,{intl:{month:`long`},locale:r,tz:`UTC`}),month:a,shortLabel:z(o,{intl:{month:`short`},locale:r,tz:`UTC`})})}return n}function f(){let n=Math.floor(i/10)*10,r=[];for(let i=n;i<n+12;i++){let n=R.PlainDate.from({day:1,month:1,year:i}),a=R.PlainDate.from({day:31,month:12,year:i}),o=(e.min!==null&&e.min!==void 0?R.PlainDate.compare(a,e.min)<0:!1)||(e.max!==null&&e.max!==void 0?R.PlainDate.compare(n,e.max)>0:!1);r.push({isDisabled:o,isSelected:t!==null&&t.year===i,year:i})}return r}function p(){let e=te(`2024-01-07`),t=o();return Array.from({length:7},(n,r)=>z(e.add({days:r}),{intl:{weekday:`short`},locale:t,tz:`UTC`}))}return{dayCells:u,displayMonth:()=>a,displayYear:()=>i,goTo(e,t){Number.isFinite(e)&&(i=e,a=Math.max(1,Math.min(12,t)))},monthCells:d,nextMonth(){a===12?(a=1,i++):a++},nextYear(){i++},prevMonth(){a===1?(a=12,i--):a--},prevYear(){i--},select(n){n!==null&&l(n)||(t=n,t&&(i=t.year,a=t.month),e.onChange(t))},selected:()=>t,setView(e){n=e},view:()=>n,weekdayLabels:p,yearCells:f}}var gn=(e,t)=>Array.from(e.getElementsByTagName(t)),_n=(e,t)=>e.find(e=>(e.getAttribute(`value`)??``)===t)?.textContent?.replace(/\s+/g,` `).trim()||t,vn=e=>{let t=T(new Set),n=e=>t.value.has(e),r=()=>{let n=e.pageItems();return n.length?n.every(n=>t.value.has(e.getRowKey(n))):!1},i=n=>{t.value=n,e.onSelectionChange?.(n)};return{clearSelection:()=>{i(new Set)},isAllSelected:r,isSelected:n,selectAll:()=>{if(e.selectionMode()!==`multi`)return;let n=e.pageItems();if(r()){let r=new Set(t.value);for(let t of n)r.delete(e.getRowKey(t));i(r)}else{let r=new Set(t.value);for(let t of n)r.add(e.getRowKey(t));i(r)}},selectedKeys:C(()=>new Set(t.value)),setSelection:e=>{i(new Set(e))},toggleRow:n=>{let r=e.selectionMode();if(r===`none`)return;let a=new Set(t.value);a.has(n)?a.delete(n):(r===`single`&&a.clear(),a.add(n)),i(a)}}},yn=e=>{let t=e.items,n=T(``),r=T(`none`),i=C(()=>({direction:r.value,key:n.value}));return{sortBy:t=>{n.value===t?r.value===`asc`?r.value=`desc`:r.value===`desc`&&(n.value=``,r.value=`none`):(n.value=t,r.value=`asc`),e.onSortChange?.({direction:r.value,key:n.value})},sortedItems:C(()=>{let i=t.value,a=n.value,o=r.value;if(!a||o===`none`)return i;let s=e.columns().find(e=>e.key===a);return i.slice().sort((e,t)=>{let n=s?.sortValue?s.sortValue(e):e[a],r=s?.sortValue?s.sortValue(t):t[a],i=typeof n==`number`&&typeof r==`number`?n-r:String(n??``).localeCompare(String(r??``));return o===`asc`?i:-i})}),sortState:i,sortTo:(t,i)=>{i===`none`?(n.value=``,r.value=`none`):(n.value=t,r.value=i),e.onSortChange?.({direction:r.value,key:n.value})}}},bn=e=>{let t=yn({columns:e.columns,items:e.items,onSortChange:e.onSortChange}),n=qt({getItems:()=>t.sortedItems.value,pageSize:C(()=>{let t=e.pageSize();return t<=0?2**53-1:t})}),r=C(()=>t.sortedItems.value.length),i=C(()=>e.pageSize()<=0?t.sortedItems.value:n.pageItems.value),a=e=>{t.sortBy(e),n.reset()},o=(e,r)=>{t.sortTo(e,r),n.reset()},s=vn({getRowKey:e.getRowKey,onSelectionChange:e.onSelectionChange,pageItems:()=>n.pageItems.value,selectionMode:e.selectionMode}),c=C(()=>e.items.value.filter(t=>s.selectedKeys.value.has(e.getRowKey(t))));return{clearSelection:s.clearSelection,currentPageItems:i,goToPage:e=>{Number.isFinite(e)&&n.goTo(Math.max(0,e))},hasNextPage:n.hasNext,hasPrevPage:n.hasPrev,isAllSelected:s.isAllSelected,isSelected:s.isSelected,nextPage:n.next,pageCount:n.pageCount,pageIndex:n.pageIndex,prevPage:n.prev,selectAll:s.selectAll,selectedKeys:s.selectedKeys,selectedRows:c,setSelection:s.setSelection,sortBy:a,sortState:t.sortState,sortTo:o,toggleRow:s.toggleRow,totalItems:r}},xn=(e,t,n)=>{let r=String(e??``).split(`,`).map(e=>e.trim()).filter(e=>t.has(e));return r.length>0?r:[...n]},Sn=`@layer refine.base{:host{--_bg:var(--carousel-bg,var(--color-canvas));--_radius:var(--carousel-radius,var(--rounded-xl));--_dot-bg:var(--carousel-dot-bg,var(--color-contrast-300));--_dot-active-bg:var(--carousel-dot-active-bg,var(--color-contrast-700));width:100%;min-height:var(--carousel-min-height,240px);touch-action:auto;background:var(--_bg);border-radius:var(--_radius);outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.track{flex:auto;width:100%;min-height:0;position:relative}.controls{gap:var(--size-0-5);pointer-events:none;align-items:center;display:flex}.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}:host>.controls{padding:var(--size-1-5) var(--size-2);background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);position:absolute}:host>.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-3);margin-left:0}:host>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3);margin-right:0}.nav-btn{pointer-events:auto}:host([variant=gallery]) .track{gap:var(--carousel-gallery-gap,var(--size-2));flex-direction:row;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}:host([variant=gallery][orientation=vertical]) .track{flex-direction:column;align-items:stretch}:host([variant=marquee]){overflow:hidden}:host([variant=marquee]) .track{gap:var(--carousel-marquee-gap,var(--size-4));width:max-content;animation:carousel-marquee var(--_marquee-duration,0s) linear infinite;flex-direction:row;align-items:stretch;display:flex;position:absolute;top:0;bottom:0}:host([variant=marquee]) .track:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([variant=marquee]) .track:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([variant=marquee][orientation=vertical]) .track{flex-direction:column;align-items:stretch;width:100%;height:max-content;animation-name:carousel-marquee-v;inset:0 0 auto}:host([variant=filmstrip]) .track{gap:var(--carousel-filmstrip-gap,var(--size-2));flex-direction:row;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}:host([variant=filmstrip][orientation=vertical]) .track{flex-direction:column;width:100%}:host([orientation=vertical]){--_slide-translate-before:translateY(-100%);--_slide-translate-after:translateY(100%)}:host([orientation=vertical]) .indicators{top:50%;bottom:auto;inset-inline:var(--size-3) auto;width:auto;height:max-content;padding-block:var(--size-6) var(--size-2);padding-inline:var(--size-1-5);border-radius:var(--rounded-full);flex-direction:column;transform:translate(0)translateY(-50%)}:host([orientation=vertical]) .controls{flex-direction:column;margin-top:auto}:host([orientation=vertical]) .controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:0}:host([orientation=vertical]) .controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}:host([orientation=vertical])>.controls{bottom:var(--size-3);margin-top:0}:host([orientation=vertical])>.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-3)}:host([orientation=vertical])>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3)}:host([orientation=vertical]) .indicator:not(.indicator-active){width:var(--size-2)!important;height:var(--size-2)!important}:host([orientation=vertical]) .indicator-active{height:var(--size-8);width:var(--size-1-5)!important}.indicators{gap:var(--size-1-5);width:max-content;padding:var(--size-1-5) var(--size-2) var(--size-1-5) var(--size-6);pointer-events:none;background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);flex-direction:row;align-items:center;display:flex;position:absolute;left:50%;right:50%;transform:translate(-50%)}.indicator{pointer-events:auto;cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:0;display:block}.indicator>ore-progress{pointer-events:none;width:100%;height:100%;display:block}.indicator:not(.indicator-active){border-radius:var(--rounded-full);overflow:hidden;width:var(--size-2)!important;height:var(--size-2)!important}.indicator-active{--progress-track-bg:color-mix(in oklch, var(--_dot-bg) 60%, transparent);width:var(--size-8)!important}.indicator:focus-visible{outline:var(--border) solid currentcolor;outline-offset:2px}.indicator:hover{opacity:.8}.indicator ore-progress::part(fill){transition:width var(--transition-normal)}.indicator-active ore-progress::part(fill){animation-name:var(--carousel-animation-name,none);animation-duration:calc(var(--carousel-timeout,4000) * 1ms);animation-timing-function:var(--ease-linear);animation-fill-mode:forwards}}@media (prefers-reduced-motion:reduce){:host{--carousel-transition-duration:0s}:host([variant=marquee]) .track,:host([variant=marquee][orientation=vertical]) .track{animation:none}}@keyframes carousel-fill{0%{width:0%}to{width:100%}}@keyframes carousel-fill-v{0%{height:0%}to{height:100%}}@keyframes carousel-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes carousel-marquee-v{0%{transform:translateY(0)}to{transform:translateY(-50%)}}`,Cn=`:host{pointer-events:none;opacity:0;width:100%;height:100%;transform:var(--_slide-translate-after,translateX(100%));transition:transform var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);display:block;position:absolute;inset:0;overflow:hidden}:host([data-before]){transform:var(--_slide-translate-before,translateX(-100%))}:host([data-active]){pointer-events:auto;opacity:1;transform:translate(0)}:host([data-variant=fade]){transition:opacity var(--carousel-transition-duration,.35s) var(--ease-move);transform:none}:host([data-variant=filmstrip]){pointer-events:auto;border-radius:var(--carousel-radius,var(--rounded-xl));opacity:1;transition:flex var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);flex-shrink:0;align-self:stretch;position:relative;inset:auto;transform:none}:host([data-variant=filmstrip][data-orientation=horizontal]){flex:0 0 var(--carousel-filmstrip-inactive,var(--size-16));width:auto;min-width:var(--carousel-filmstrip-inactive,var(--size-16));height:100%}:host([data-variant=filmstrip][data-orientation=horizontal][data-active]){flex:1 1 0}:host([data-variant=filmstrip][data-orientation=vertical]){flex:0 0 var(--carousel-filmstrip-inactive,var(--size-10));width:100%;height:auto;min-height:var(--carousel-filmstrip-inactive,var(--size-10))}:host([data-variant=filmstrip][data-orientation=vertical][data-active]){flex:1 1 0}:host([data-variant=gallery]){display:none}:host([data-variant=gallery][data-gallery-visible]){pointer-events:auto;border-radius:var(--carousel-radius,var(--rounded-xl));opacity:.5;transition:flex var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);align-self:stretch;display:block;position:relative;inset:auto;overflow:hidden;transform:none}:host([data-variant=gallery][data-gallery-visible][data-active]){opacity:1}:host([data-variant=gallery][data-orientation=horizontal][data-gallery-visible]){flex:0 0 var(--carousel-gallery-thumbnail,var(--size-24));width:auto;min-width:var(--carousel-gallery-thumbnail,var(--size-24));flex-shrink:0;height:100%}:host([data-variant=gallery][data-orientation=horizontal][data-gallery-visible][data-active]){flex:1 1 0}:host([data-variant=gallery][data-orientation=vertical][data-gallery-visible]){flex:1 1 0;width:100%;height:auto}:host([data-variant=gallery][data-orientation=vertical][data-gallery-visible][data-active]){flex:4 1 0}:host([data-variant=marquee]){pointer-events:auto;opacity:1;flex:none;transition:none;position:relative;inset:auto;transform:none}:host([data-variant=marquee][data-orientation=horizontal]){width:auto;height:100%}:host([data-variant=marquee][data-orientation=vertical]){width:100%;height:auto}:host([data-variant=marquee][data-marquee-clone]){pointer-events:none;-webkit-user-select:none;user-select:none}::slotted(*){max-width:100%}`,wn=`ore-carousel-slide`;a(wn,{props:{},setup(e){return t({attr:{"aria-roledescription":()=>`slide`,role:()=>`group`}}),s`<slot></slot>`},styles:[Cn]});var Tn=`ore-carousel`,En=(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)})},Dn=(e,t)=>{let n=e.length;e.forEach((e,r)=>{let i=r===t;e.toggleAttribute(`data-active`,i),e.setAttribute(`aria-hidden`,String(!i)),e.setAttribute(`aria-label`,e.getAttribute(`aria-label`)??`Slide ${r+1} of ${n}`),e.removeAttribute(`data-gallery-visible`),e.removeAttribute(`data-before`),e.removeAttribute(`data-after`)})},On=(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)})},kn=(e,t)=>{e.forEach((e,n)=>{e.toggleAttribute(`data-active`,n===t),e.setAttribute(`aria-hidden`,`false`),e.removeAttribute(`data-before`),e.removeAttribute(`data-after`),e.removeAttribute(`data-gallery-visible`)})};a(Tn,{props:{autoplay:p.bool(!1),"autoplay-interval":p.number(5e3),color:p.string(),label:p.string(`Carousel`),loop:p.bool(!0),"marquee-duration":p.number(10),orientation:p.string(`horizontal`),"show-controls":p.bool(!0),"show-indicators":p.bool(!0),"slide-index":p.number(0),variant:p.string(`default`)},setup(e){let n=o(),r=g(),i=T(e[`slide-index`].value??0),a=C(()=>e.variant.value===`marquee`),c=null,l=Array.from(n.querySelectorAll(`:scope > ore-carousel-slide`)),u=T(l.length),d=()=>{l=Array.from(n.querySelectorAll(`:scope > ore-carousel-slide`)),u.value=l.length},p=C(()=>e.orientation.value!==`vertical`),m=C(()=>e.loop.value!==!1),h=C(()=>e[`show-controls`].value!==!1),_=C(()=>e[`show-indicators`].value!==!1),v=C(()=>m.value||i.value>0),y=C(()=>m.value||i.value<u.value-1),b=null,x=(e,t=!0)=>{let a=u.value;if(a===0)return;let o=m.value?(e%a+a)%a:Math.max(0,Math.min(e,a-1));o!==i.value&&(i.value=o,n.setAttribute(`slide-index`,String(o)),r(`change`,{index:o}),b?.seekTo(o,l),t&&ln(l[o]?.getAttribute(`aria-label`)??`Slide ${o+1} of ${a}`))},S=()=>x(i.value-1),w=()=>x(i.value+1);D(e[`slide-index`],e=>{typeof e==`number`&&e!==i.value&&x(e,!1)});let E=()=>{let t=e.variant.value??`default`,n=e.orientation.value??`horizontal`;l.forEach(e=>{e.setAttribute(`data-variant`,t),e.setAttribute(`data-orientation`,n)})};D(C(()=>({orientation:e.orientation.value,variant:e.variant.value})),E,{immediate:!0});let O={default:En,fade:En,filmstrip:Dn,gallery:On,marquee:kn},k=()=>{let t=e.variant.value??`default`;O[t](l,i.value)};D(i,k,{immediate:!0});let A=()=>{c===null&&(c=setInterval(w,e[`autoplay-interval`].value??5e3))},j=()=>{c!==null&&(clearInterval(c),c=null)};D(C(()=>({enabled:e.autoplay.value,interval:e[`autoplay-interval`].value})),({enabled:e})=>{j(),e&&A()});let M=e=>{let t=p.value,n=t?`ArrowLeft`:`ArrowUp`,r=t?`ArrowRight`:`ArrowDown`;e.key===n?(e.preventDefault(),S()):e.key===r?(e.preventDefault(),w()):e.key===`Home`?(e.preventDefault(),x(0)):e.key===`End`&&(e.preventDefault(),x(u.value-1))},N=rn({axis:()=>p.value?`x`:`y`,onCommit:e=>{e.distance<0?w():S()},threshold:()=>48});t({attr:{"aria-label":()=>e.label.value??`Carousel`,"aria-roledescription":()=>`carousel`,orientation:()=>e.orientation.value??`horizontal`,role:()=>`region`,style:()=>`touch-action:${p.value?`pan-y`:`pan-x`}`,variant:()=>e.variant.value??`default`},on:{focusin:()=>{j()},focusout:()=>{e.autoplay.value&&A()},keydown:M,pointercancel:e=>N.handlePointerCancel(e),pointerdown:e=>{e.composedPath().some(e=>e instanceof HTMLElement&&(e.tagName===`BUTTON`||e.tagName===`ORE-BUTTON`||e.tagName===`ORE-PROGRESS`))||N.handlePointerDown(e)},pointerenter:()=>{j()},pointerleave:()=>{e.autoplay.value&&A()},pointermove:e=>N.handlePointerMove(e),pointerup:e=>N.handlePointerUp(e)}});let P=t=>{let r=e.orientation.value??`horizontal`,i=r!==`vertical`;a.value&&e.loop.value===!1&&Me(`ore-carousel: loop="false" on the marquee variant stops the scroll animation rather than disabling navigation wrap-around. Navigation in marquee always loops. This is different from loop="false" on other variants.`);let o=l.map(e=>{let n=e.cloneNode(!0);return n.setAttribute(`aria-hidden`,`true`),n.setAttribute(`data-variant`,`marquee`),n.setAttribute(`data-orientation`,r),n.setAttribute(`data-marquee-clone`,``),t.appendChild(n),n});t.style.setProperty(`--_marquee-duration`,`${e[`marquee-duration`].value??10}s`),m.value||t.style.setProperty(`animation-iteration-count`,`1`);let s=!1,c=()=>{s=!0,t.style.setProperty(`animation-play-state`,`paused`)},u=()=>{s=!1,t.style.removeProperty(`animation-play-state`)};n.addEventListener(`mouseenter`,c),n.addEventListener(`mouseleave`,u);let d=null;return{cleanup:()=>{d!==null&&clearTimeout(d),d=null,o.forEach(e=>e.remove()),t.style.removeProperty(`transition`),t.style.removeProperty(`transform`),t.style.removeProperty(`animation`),t.style.removeProperty(`--_marquee-duration`),t.style.removeProperty(`animation-iteration-count`),t.style.removeProperty(`animation-delay`),t.style.removeProperty(`animation-play-state`),n.removeEventListener(`mouseenter`,c),n.removeEventListener(`mouseleave`,u)},seekTo:(r,a)=>{let o=a[r];if(!o)return;let c=i?o.offsetLeft:o.offsetTop,l=i?t.scrollWidth/2:t.scrollHeight/2,u=e[`marquee-duration`].value??10,f=l>0?-(c/l*u):0;if(d!==null&&(clearTimeout(d),d=null,t.style.removeProperty(`transition`)),l===0){t.style.setProperty(`animation-delay`,`${f}s`),s||t.style.removeProperty(`animation-play-state`);return}let p=parseFloat(getComputedStyle(n).getPropertyValue(`--carousel-transition-duration`)||`0.35`)*1e3||350,m=i?`translateX(-${c}px)`:`translateY(-${c}px)`;t.getBoundingClientRect();let h=getComputedStyle(t).transform.match(/matrix\(([^)]+)\)/)?.[1].split(`,`).map(Number),g=i?h?.[4]??0:h?.[5]??0,_=i?`translateX(${g}px)`:`translateY(${g}px)`;t.style.setProperty(`animation`,`none`),t.style.setProperty(`transform`,_),requestAnimationFrame(()=>{t.style.setProperty(`transition`,`transform ${p}ms ease-in-out`),t.style.setProperty(`transform`,m),d=setTimeout(()=>{d=null,t.style.removeProperty(`transition`),t.style.removeProperty(`transform`),t.style.removeProperty(`animation`),t.style.setProperty(`animation-delay`,`${f}s`),s&&t.style.setProperty(`animation-play-state`,`paused`)},p)})}}};f(()=>{let t=n.shadowRoot,r=t.querySelector(`.track`),i=t.querySelector(`slot`),o=()=>{d(),E(),k(),a.value&&(b?.cleanup(),b=P(r))};return i.addEventListener(`slotchange`,o),D(C(()=>({duration:e[`marquee-duration`].value,isMarquee:a.value,loop:e.loop.value,orientation:e.orientation.value})),({isMarquee:e})=>{b?.cleanup(),b=e?P(r):null},{immediate:!0}),e.autoplay.value&&A(),()=>{j(),N.dispose(),i.removeEventListener(`slotchange`,o),b?.cleanup()}});let F=e=>{(n.shadowRoot?.querySelector(`.indicator[data-index="${e}"]`))?.focus()},I=(e,t)=>{let n=u.value,r;switch(e.key){case`ArrowDown`:case`ArrowRight`:r=(t+1)%n;break;case`ArrowLeft`:case`ArrowUp`:r=(t-1+n)%n;break;case`End`:r=n-1;break;case`Home`:r=0;break;default:return}e.preventDefault(),x(r),F(r)},L=()=>h.value?s`<div class="controls" part="controls">
|
|
659
|
+
</div>`;return s` ${()=>e.type.value===`circular`?h():_()} `},styles:[q,_e,W,lt]});var Z=e=>{let t=new AbortController;return e(()=>t.abort()),t.signal},dt=(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)})}},ft=(e,t)=>{e.value?.(t);let n=T(e,e=>e?.(t));return()=>{n.dispose(),e.value?.(null)}},pt={ariaControlsElements:`aria-controls`,ariaDescribedByElements:`aria-describedby`,ariaLabelledByElements:`aria-labelledby`};function mt(e,t,n){if(t in e){e[t]=n.length>0?n:null;return}let r=pt[t],i=n.map(e=>e.id).filter(Boolean);i.length===0?e.removeAttribute(r):e.setAttribute(r,i.join(` `))}var ht=e=>x(()=>({errorText:e.error?.value??``,helperText:e.helper?.value??``})),gt=e=>x(()=>{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}}),_t=(e,t=`counter`)=>e?e.counterAtLimit?`${t} at-limit`:e.counterNearLimit?`${t} near-limit`:t:t;function vt(){let e=!1;return{clear:()=>{e=!1},get isDirty(){return e},markDirty:()=>{e=!0}}}var yt=e=>{let t=x(()=>!!e.disabled?.value),n=r(`helper`),i=r(`error`),a=ht({error:e.error,helper:e.helper}),o=x(()=>a.value.errorText||a.value.helperText?n:null),s=x(()=>a.value.errorText?i:null),c=x(()=>a.value.errorText?`true`:null),l=null;return{ariaDescribedBy:o,ariaErrorMessage:s,ariaInvalid:c,assistiveId:n,attachFormField:e=>{l=e},disabled:t,errorId:i,errorText:x(()=>a.value.errorText),helperText:x(()=>a.value.helperText),triggerValidation:t=>{if(e.validateOn?.value===t){if(!l){Me(`triggerValidation() called before attachFormField() — validation will not run. See createTextField()/createChoiceField()/createCheckable()'s attachFormField doc comment.`);return}l.reportValidity()}}}},bt=e=>{let t=e.id??r(e.prefix??`field`),n=r(`label`),i=e.label??x(()=>void 0),a=e.hasLabel??x(()=>!!i.value);return{ariaLabelledBy:x(()=>a.value?n:null),fieldId:t,labelId:n,labelVisible:a}},xt=e=>({...yt(e),...bt(e)}),St=(e,t,n=e=>e)=>{let r=C(w(()=>n(e.value))),i=T(e,e=>{r.value=n(e)});return t&&t.addEventListener(`abort`,()=>i.dispose(),{once:!0}),r},Ct=e=>e.trim()===``,wt=e=>String(e??``),Tt=e=>{let t=St(e.value,e.signal,wt),n=xt(e),r=e.maxLength?gt({maxLength:e.maxLength,value:t}):null,i=x(()=>!e.readonly?.value&&e.required?.value&&Ct(t.value)?{valueMissing:!0}:null),a=x(()=>i.value?e.requiredMessage?.value||`This field is required.`:``),o=()=>{t.value=wt(e.value.value),n.triggerValidation(`change`)},s=r=>{r?.preventDefault?.(),t.value=``,e.onInput?.(r??new InputEvent(`input`,{bubbles:!0}),``),e.onChange?.(r??new Event(`change`,{bubbles:!0}),``),n.triggerValidation(`change`)},c=(r,i)=>{let a=[],o=(e,t)=>{r.addEventListener(e,t),a.push(()=>r.removeEventListener(e,t))};e.onFocus&&o(`focus`,t=>e.onFocus(t)),o(`input`,n=>{n.stopPropagation(),e.onBeforeInput?.(n),t.value=r.value,e.onInput?.(n,r.value)}),o(`change`,i=>{i.stopPropagation(),t.value=r.value,e.onChange?.(i,r.value),n.triggerValidation(`change`)}),o(`blur`,t=>{e.onBlur?.(t),n.triggerValidation(`blur`)});let s=!1,c=()=>{if(!s){s=!0;for(let e of a)e()}};return i?.addEventListener(`abort`,c,{once:!0}),c};return{...n,clear:s,counter:r,reset:o,validationMessage:a,validity:i,value:t,wire:c}},Et=e=>e?Array.isArray(e)?e.filter(Boolean):e.split(`,`).map(e=>e.trim()).filter(Boolean):[],Dt=e=>{let t=C([]),n=x(()=>!!e.multiple?.value),r=x(()=>n.value?t.value.join(`,`):t.value[0]??``),i=e=>{let t=n.value?e:e.slice(0,1);return[...new Set(t.filter(Boolean))]},a=vt(),o=e=>{t.value=i(e)},s=e=>{a.markDirty(),o(e)},c=()=>s([]),l=e=>{a.markDirty(),t.value=t.value.filter(t=>t!==e)},u=e=>{if(n.value){t.value.includes(e)||s([...t.value,e]);return}s([e])},d=e=>{n.value&&t.value.includes(e)?l(e):u(e)},f=e=>{o(Et(e))},p=xt(e),m=x(()=>e.required?.value&&t.value.length===0?{valueMissing:!0}:null),h=x(()=>m.value?e.requiredMessage?.value||`Please make a selection.`:``),g=T(e.value,f,{immediate:!0});if(e.signal.addEventListener(`abort`,()=>g.dispose(),{once:!0}),e.multiple){let t=T(e.multiple,()=>f(e.value.value));e.signal.addEventListener(`abort`,()=>t.dispose(),{once:!0})}let _=t.value,v=()=>{o(a.isDirty?_:Et(e.value.value)),a.clear(),p.triggerValidation(`change`)};return{...p,clear:c,formValue:r,removeValue:l,reset:v,selectedValue:x(()=>t.value[0]),selectedValues:t,selectValue:u,setValues:s,toggleValue:d,validationMessage:h,validity:m}},Ot=(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},kt=e=>{let t=()=>!!e.disabled?.value,n=e.keys??[`Enter`,` `],r=Object.fromEntries(n.map(t=>[t,t=>e.onPress?.(t,`keyboard`)]));return{handleBlur:n=>{t()||e.onBlur?.(n)},handleClick:n=>t()?!1:(e.onPress?.(n,`pointer`),!0),handleFocus:n=>{t()||e.onFocus?.(n)},handleKeydown:t=>Ot(t,{disabled:e.disabled,keymap:r})}},At=e=>{let t=St(e.checked,e.signal,Boolean),n=e.indeterminate?St(e.indeterminate,e.signal,Boolean):C(!1),r=t.value,i=n.value,a=vt(),o=x(()=>n.value?null:t.value?e.value.value??``:null),s=xt(e),c=x(()=>e.required?.value&&(!t.value||n.value)?{valueMissing:!0}:null),l=x(()=>c.value?e.requiredMessage?.value||`This field is required.`:``),u=()=>{t.value=a.isDirty?r:!!e.checked.value,n.value=a.isDirty?i:!!e.indeterminate?.value,a.clear(),s.triggerValidation(`change`)},d=n=>({checked:t.value,originalEvent:n,value:e.value.value??``}),f=r=>{if(!s.disabled.value){if(a.markDirty(),e.group){n.value=!1,e.group.toggle(e.value.value??``,r),e.onToggle?.(d(r));return}e.clearIndeterminateFirst&&n.value||(t.value=!t.value),n.value=!1,e.onToggle?.(d(r))}},p=kt({disabled:s.disabled,onPress:e=>f(e)});return{...s,checkableFormValue:o,checked:t,handleClick:p.handleClick,handleKeydown:p.handleKeydown,indeterminate:n,reset:u,toggle:f,validationMessage:l,validity:c}},jt=e=>!e||e.trim()===``,Mt=e=>{let t=x(()=>!jt(e.value.value)&&!e.disabled?.value&&!e.loading?.value),n=n=>{t.value&&e.onSend(n)};return{canSend:t,handleKeydown:t=>{if(t.key!==`Enter`||t.isComposing)return;let r=e.sendShortcut?.value??`enter`,i=t.metaKey||t.ctrlKey;(r===`mod+enter`?!i:t.shiftKey)||(t.preventDefault(),n(t))},keyShortcutsHint:x(()=>(e.sendShortcut?.value??`enter`)===`mod+enter`?`Control+Enter Meta+Enter`:`Enter`),send:n}},Nt=class e extends Error{constructor(e,t){super(e,t),this.name=new.target.name,Object.setPrototypeOf(this,new.target.prototype)}static is(t){return t instanceof e}},Pt=class extends Nt{},Ft=e=>{let t=e.delay??500,n=``,r=null,i=()=>{n=``,r!==null&&(clearTimeout(r),r=null)};return e.signal?.addEventListener(`abort`,i,{once:!0}),{handleKeydown:a=>{if(a.key.length!==1||a.ctrlKey||a.altKey||a.metaKey)return!1;n+=a.key.toLowerCase(),r!==null&&clearTimeout(r),r=setTimeout(i,t);let o=e.getItems(),s=e.getIndex(),c=s>=0?s+1:0;for(let t=0;t<o.length;t++){let r=(c+t)%o.length;if(!e.isItemDisabled?.(o[r],r)&&e.getItemLabel(o[r],r).toLowerCase().startsWith(n))return e.onNavigate(r,a),!0}return!1},reset:i}},It=(e,t,n)=>{for(let r=t;r<e.length;r++)if(n(e[r],r))return r;return-1},Lt=(e,t,n)=>{for(let r=t;r>=0;r--)if(n(e[r],r))return r;return-1},Rt={both:{first:[`Home`],last:[`End`],next:[`ArrowDown`,`ArrowRight`],prev:[`ArrowUp`,`ArrowLeft`]},horizontal:{first:[`Home`],last:[`End`],next:[`ArrowRight`],prev:[`ArrowLeft`]},vertical:{first:[`Home`],last:[`End`],next:[`ArrowDown`],prev:[`ArrowUp`]}},zt={both:{first:[`Home`],last:[`End`],next:[`ArrowDown`,`ArrowLeft`],prev:[`ArrowUp`,`ArrowRight`]},horizontal:{first:[`Home`],last:[`End`],next:[`ArrowLeft`],prev:[`ArrowRight`]},vertical:Rt.vertical},Bt=e=>typeof e==`object`&&!!e&&`disabled`in e,Vt=e=>{let t=C(-1),n=(t,n)=>e.isItemDisabled?.(t,n)??(Bt(t)?t.disabled:!1),r=(n,r,i)=>(n>=0&&(t.value=n,e.onNavigate?.(r,n,i)),n),i=(e,t,r)=>r===`forward`?It(e,t,(e,t)=>!n(e,t)):Lt(e,t,(e,t)=>!n(e,t)),a=r=>{if(r<0)return l(),-1;let i=e.getItems();if(!i.length)return-1;let a=Math.min(r,i.length-1);return n(i[a],a)?-1:(t.value=a,a)},o=(n,a)=>{let o=e.getItems(),s=t.value;if(!o.length)return-1;let c=s<0?n===`forward`?0:o.length-1:n===`forward`?s+1:s-1,l=i(o,c,n),u=n===`forward`?`next`:`prev`;if(l>=0)return r(l,u,a);if(e.loop){let e=n===`forward`?0:o.length-1,t=i(o,e,n);if(t>=0)return r(t,u,a)}return s},s=t=>{let n=e.getItems();if(!n.length)return-1;if(t===`first`){let e=i(n,0,`forward`);return r(e,`first`)}if(t===`last`){let e=i(n,n.length-1,`backward`);return r(e,`last`)}return o(t===`next`?`forward`:`backward`)},c=()=>{let n=e.getItems(),r=t.value;return r>=0&&r<n.length?n[r]:void 0},l=()=>{t.value=-1},u=()=>!!e.disabled?.value,d=()=>typeof e.orientation==`function`?e.orientation():e.orientation??`vertical`,f=()=>typeof e.direction==`function`?e.direction():e.direction??`ltr`,p=()=>{let t=e.keys,n=(f()===`rtl`?zt:Rt)[d()],a={first:t?.first??n.first,last:t?.last??n.last,next:t?.next??n.next,prev:t?.prev??n.prev},s={};for(let t of[`next`,`prev`,`first`,`last`])for(let n of a[t])s[n]=n=>{if(t===`first`||t===`last`){let a=e.getItems();if(!a.length)return;let o=t===`first`?i(a,0,`forward`):i(a,a.length-1,`backward`);r(o,t,n)}else o(t===`next`?`forward`:`backward`,n)};return s},m=e.getItemLabel?Ft({getIndex:()=>t.value,getItemLabel:e.getItemLabel,getItems:e.getItems,isItemDisabled:(e,t)=>n(e,t),onNavigate:(n,r)=>{u()||(t.value=n,e.onNavigate?.(`typeahead`,n,r))}}):null,h=typeof e.orientation==`function`||typeof e.direction==`function`?null:p(),g=t=>{let n=h??p();return Ot(t,{disabled:e.disabled,keymap:n})?!0:m?.handleKeydown(t)??!1},_=!1,v=()=>{_||(_=!0,m?.reset())};return e.signal&&e.signal.addEventListener(`abort`,v,{once:!0}),{dispose:v,get disposed(){return _},focusedIndex:t,getActiveItem:c,handleKeydown:g,navigate:s,reset:l,set:a,[Symbol.dispose]:v}},Ht=e=>{let t=null,n=()=>typeof e.restoreFocus==`function`?e.restoreFocus():e.restoreFocus??!0,r=t=>{if(!e.isOpen())return;let n=t.composedPath?.()??[],r=e.getBoundary(),i=e.getPanel?.()??null,a=n[0]??t.target,s=a instanceof Node?a:null,c=n.some(e=>e===r||e===i),l=s?(r?.contains(s)??!1)||(i?.contains(s)??!1):!1;!c&&!l&&o(`outsideClick`)},i=e=>{e?document.addEventListener(`pointerdown`,r,{capture:!0}):document.removeEventListener(`pointerdown`,r,{capture:!0})},a=(n=`programmatic`)=>{e.isDisabled?.()||e.isOpen()||(e.setOpen(!0,n),i(!0),e.positioner&&(e.positioner.update(),t=e.positioner.startAutoUpdate?.()??null),e.onOpen?.(n))},o=(r=`programmatic`,a,o=!1)=>{e.isOpen()&&(e.setOpen(!1,r),i(!1),t&&=(t(),null),(a??n())&&e.getTrigger?.()?.focus(),o||e.onClose?.(r))},s=(t=`click`,n=`trigger`)=>{e.isOpen()?o(n):a(t)},c=!1,l=()=>{c||(c=!0,e.isOpen()&&o(`programmatic`,!1,!0),i(!1),t&&=(t(),null))};return e.signal.addEventListener(`abort`,l,{once:!0}),{close:o,dispose:l,get disposed(){return c},open:a,[Symbol.dispose]:l,toggle:s}};function Ut(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 Wt=e=>e.endsWith(`-start`)?e.replace(`-start`,`-end`):e.endsWith(`-end`)?e.replace(`-end`,`-start`):e;function Gt({boundary:e,getDir:t,getFloating:n,getPlacement:r,getReference:i,matchWidth:a=!0,offsetPx:o=0,padding:s=6}){function c(){let e=r?.()??`bottom-start`;return(t?.()??Ut(i()))===`rtl`?Wt(e):e}function l(){let t=i(),r=n();if(!t||!r)return;let l=c(),u=O(t,r,{boundary:e??A(r),middleware:[...o?[j(o)]:[],k({padding:s}),M({padding:s}),...a?[N({padding:s})]:[]],placement:l});r.style.left=`${u.x}px`,r.style.top=`${u.y}px`;let d=r.style.transition,f=r.style.transform;r.style.transition=`none`,r.style.transform=`none`;let p=r.getBoundingClientRect(),m=u.x-p.left,h=u.y-p.top;r.style.transition=d,r.style.transform=f,(m!==0||h!==0)&&(r.style.left=`${u.x+m}px`,r.style.top=`${u.y+h}px`),a&&(r.style.width=`${t.getBoundingClientRect().width}px`)}function u(){let e=i(),t=n();return!e||!t?()=>{}:D(e,t,l)}return{floating:n,reference:i,startAutoUpdate:u,update:l}}var Kt=e=>{if(typeof e.getBoundary!=`function`)throw new Pt(`createOptionList: getBoundary is required`);if(typeof e.getPanel!=`function`)throw new Pt(`createOptionList: getPanel is required`);if(typeof e.getReference!=`function`)throw new Pt(`createOptionList: getReference is required`);let t=C(!1),n=x(()=>String(t.value)),r=Gt({...e.positioning,getFloating:e.getPanel,getReference:e.getReference}),i=()=>{e.getFocusedOptionElement?.()?.scrollIntoView({block:`nearest`})},a=Vt({disabled:x(()=>!t.value),getItemLabel:e.getItemLabel,getItems:e.getItems,isItemDisabled:e.isItemDisabled,keys:e.keys,loop:e.loop??!0,onNavigate:(t,n,r)=>{i(),n>=0&&e.onNavigate?.(t,n,r)},orientation:e.orientation,signal:e.signal}),o=x(()=>{let n=a.focusedIndex.value;return e.getOptionId&&t.value&&n>=0?e.getOptionId(n):null}),s=Ht({getBoundary:e.getBoundary,getPanel:e.getPanel,getTrigger:e.getTrigger,isDisabled:e.isDisabled,isOpen:()=>t.value,onClose:e.onClose,onOpen:e.onOpen,positioner:r,restoreFocus:e.restoreFocus,setOpen:e=>{t.value=e,e||a.reset()},signal:e.signal});return{ariaActiveDescendant:o,ariaExpanded:n,close:e=>s.close(e),focusedIndex:a.focusedIndex,getActiveItem:a.getActiveItem,handleKeydown:e=>t.value?e.key===`Escape`?(e.preventDefault(),s.close(`escape`),!0):a.handleKeydown(e):!1,isOpen:t,navigate:a.navigate,open:e=>s.open(e),scrollFocusedIntoView:i,set:a.set,toggle:(e,t)=>s.toggle(e,t),updatePosition:r.update}},qt=e=>{let t=C(0),n=()=>{let t=e.pageSize;return t===void 0?10:typeof t==`number`?t:t.value??10},r=x(()=>Math.ceil(e.getItems().length/n())),i=x(()=>r.value===0?-1:Math.min(t.value,r.value-1)),a=x(()=>{let t=i.value,r=n(),a=t*r;return e.getItems().slice(a,a+r)});return{goTo:e=>{Number.isFinite(e)&&(t.value=Math.max(0,e))},hasNext:x(()=>r.value>0&&i.value<r.value-1),hasPrev:x(()=>i.value>0),next:()=>{r.value>0&&i.value<r.value-1&&(t.value=i.value+1)},pageCount:r,pageIndex:i,pageItems:a,prev:()=>{i.value>0&&(t.value=i.value-1)},reset:()=>{t.value=0}}},Jt=e=>{let t=Number(e);return Number.isFinite(t)?t:void 0},Yt=(e,t)=>Jt(e)??t,Xt=(e,t)=>Math.abs(Yt(e,t))||t,Zt=e=>{let t=()=>!!e.disabled?.value||!!e.readonly?.value,n=()=>Jt(e.min?.value),r=()=>Jt(e.max?.value),i=e=>P(e,n(),r()),a=()=>Xt(e.step?.value,1),o=()=>{let t=a();return Xt(e.largeStep?.value,t*10)},s=()=>e.parse()??n()??0,c=(t,n)=>{if(t==null){e.commit(null,n);return}e.commit(i(t),n)},l=(e,n)=>{t()||c(s()+e,n)};return{atMax:()=>{let t=e.parse(),n=r();return t!=null&&n!=null&&t>=n},atMin:()=>{let t=e.parse(),r=n();return t!=null&&r!=null&&t<=r},handleKeydown:e=>t()?!1:Ot(e,{keymap:{ArrowDown:()=>l(-a(),e),ArrowUp:()=>l(a(),e),End:()=>{let t=r();if(t==null)return!1;c(t,e)},Home:()=>{let t=n();if(t==null)return!1;c(t,e)},PageDown:()=>l(-o(),e),PageUp:()=>l(o(),e)},preventDefault:`after`}),incrementBy:l}},Qt=e=>{let t=()=>Yt(e.min?.value,0),n=()=>Yt(e.max?.value,100),r=()=>Xt(e.step?.value,1),i=e=>{let r=t(),i=n();return P(Yt(e,r),r,i)},a=e=>{let n=t();return i(Math.round(Yt(e,n)/r())*r())},o=e=>{let r=t(),i=n(),a=Yt(e,r);return i<=r?0:(a-r)/(i-r)*100},s=(e,r)=>{if(r.width<=0)return a(t());let i=Math.max(0,Math.min(1,(e-r.left)/r.width)),o=t(),s=n();return a(o+i*(s-o))},c=(e,a)=>{let o=Yt(a,t());return e===`ArrowRight`||e===`ArrowUp`?i(o+r()):e===`ArrowLeft`||e===`ArrowDown`?i(o-r()):e===`Home`?t():e===`End`?n():null};return{clamp:i,fromClientX:s,handleKeydown:(t,n,r)=>{if(e.disabled?.value||e.readonly?.value)return!1;let i=c(t.key,n);return i===null?!1:(t.preventDefault(),r(i),!0)},max:n,min:t,nextFromKey:c,snap:a,toPercent:o}},$t=e=>e.axis?.()??`x`,en=e=>{let t=e.threshold?.()??48;return Number.isFinite(t)&&t>0?t:1},tn=(e,t)=>t===`x`?e.clientX:e.clientY,nn=e=>e.currentTarget instanceof HTMLElement?e.currentTarget:e.target instanceof HTMLElement?e.target:null,rn=e=>{let t=null,n=!1,r=()=>!!e.disabled?.value,i=()=>{t=null},a=()=>{n=!0,i()},o=e=>t?.pointerId===e.pointerId,s=e=>{if(!t)return null;let n=tn(e,t.axis),r=n-t.start;return{axis:t.axis,current:n,distance:r,event:e,pointerId:t.pointerId,progress:Math.min(Math.abs(r)/t.threshold,1),start:t.start,threshold:t.threshold}};return{dispose:a,get disposed(){return n},handlePointerCancel:n=>{if(!t||!o(n))return!1;let r=s(n);return i(),r&&e.onCancel?.(r),!0},handlePointerDown:i=>{if(n||t||r())return!1;let a=$t(e);t={axis:a,pointerId:i.pointerId,start:tn(i,a),threshold:en(e)},(typeof e.captureTarget==`function`?e.captureTarget(i):nn(i))?.setPointerCapture?.(i.pointerId);let o=s(i);return o&&e.onStart?.(o),!0},handlePointerMove:n=>{if(!t||!o(n))return!1;let r=s(n);return r?(e.onMove?.(r),e.shouldCommit?.(r)??Math.abs(r.distance)>=r.threshold?(i(),e.onCommit?.(r),!0):!0):!1},handlePointerUp:n=>{if(!t||!o(n))return!1;let r=s(n);return i(),r&&e.onRelease?.(r),!0},isActive:()=>t!=null,[Symbol.dispose]:a}},an=new WeakMap,on=new WeakMap,sn=(e,t)=>{let n=t.createElement(`div`);return n.setAttribute(`aria-live`,e),n.setAttribute(`aria-atomic`,`true`),n.setAttribute(`data-block-announcer`,e),n.style.cssText=se,t.body.appendChild(n),n},cn=(e,t)=>{let n=an.get(t);return n?.[e]&&!t.body.contains(n[e])&&(n[e]=void 0),n?.[e]||(n||(n={},an.set(t,n)),n[e]=sn(e,t)),n[e]??null},ln=(e,t={})=>{if(typeof document>`u`)return;let n=cn(t.politeness??`polite`,document);if(!n)return;n.textContent=``;let r=on.get(n);r!==void 0&&clearTimeout(r);let i=setTimeout(()=>{n.textContent=e,on.delete(n)},50);on.set(n,i)};function un(e){if(!e)return null;try{return ee(e)}catch{return null}}function dn(e){return e?e.toString():null}function fn(e,t){return R(e,{intl:{day:`numeric`,month:`short`,year:`numeric`},locale:t,tz:`UTC`})}function pn(){return L.Now.plainDateISO()}function mn(e){return e%7}function hn(e){let t=e.value??null,n=`day`,r=t??pn(),i=r.year,a=r.month;function o(){return e.locale??(typeof navigator<`u`?navigator.language:`en`)}function s(){return e.weekendDays??[]}function c(t){return!!(e.min&&L.PlainDate.compare(t,e.min)<0||e.max&&L.PlainDate.compare(t,e.max)>0)}function l(e){return!!(c(e)||s().includes(mn(e.dayOfWeek)))}function u(){let e=pn(),n=L.PlainDate.from({day:1,month:a,year:i}),r=mn(n.dayOfWeek),o=[];for(let i=r-1;i>=0;i--){let r=n.subtract({days:i+1});o.push({day:r.day,isDisabled:l(r),iso:r.toString(),isOutsideMonth:!0,isSelected:t!==null&&L.PlainDate.compare(r,t)===0,isToday:L.PlainDate.compare(r,e)===0,plain:r})}let s=n.daysInMonth;for(let n=1;n<=s;n++){let r=L.PlainDate.from({day:n,month:a,year:i});o.push({day:n,isDisabled:l(r),iso:r.toString(),isOutsideMonth:!1,isSelected:t!==null&&L.PlainDate.compare(r,t)===0,isToday:L.PlainDate.compare(r,e)===0,plain:r})}let c=(7-o.length%7)%7,u=n.add({months:1});for(let n=0;n<c;n++){let r=u.add({days:n});o.push({day:r.day,isDisabled:l(r),iso:r.toString(),isOutsideMonth:!0,isSelected:t!==null&&L.PlainDate.compare(r,t)===0,isToday:L.PlainDate.compare(r,e)===0,plain:r})}return o}function d(){let n=[],r=o();for(let a=1;a<=12;a++){let o=L.PlainDate.from({day:1,month:a,year:i}),s=o.with({day:o.daysInMonth}),c=(e.min!==null&&e.min!==void 0?L.PlainDate.compare(s,e.min)<0:!1)||(e.max!==null&&e.max!==void 0?L.PlainDate.compare(o,e.max)>0:!1);n.push({isDisabled:c,isSelected:t!==null&&t.year===i&&t.month===a,label:R(o,{intl:{month:`long`},locale:r,tz:`UTC`}),month:a,shortLabel:R(o,{intl:{month:`short`},locale:r,tz:`UTC`})})}return n}function f(){let n=Math.floor(i/10)*10,r=[];for(let i=n;i<n+12;i++){let n=L.PlainDate.from({day:1,month:1,year:i}),a=L.PlainDate.from({day:31,month:12,year:i}),o=(e.min!==null&&e.min!==void 0?L.PlainDate.compare(a,e.min)<0:!1)||(e.max!==null&&e.max!==void 0?L.PlainDate.compare(n,e.max)>0:!1);r.push({isDisabled:o,isSelected:t!==null&&t.year===i,year:i})}return r}function p(){let e=ee(`2024-01-07`),t=o();return Array.from({length:7},(n,r)=>R(e.add({days:r}),{intl:{weekday:`short`},locale:t,tz:`UTC`}))}return{dayCells:u,displayMonth:()=>a,displayYear:()=>i,goTo(e,t){Number.isFinite(e)&&(i=e,a=Math.max(1,Math.min(12,t)))},monthCells:d,nextMonth(){a===12?(a=1,i++):a++},nextYear(){i++},prevMonth(){a===1?(a=12,i--):a--},prevYear(){i--},select(n){n!==null&&l(n)||(t=n,t&&(i=t.year,a=t.month),e.onChange(t))},selected:()=>t,setView(e){n=e},view:()=>n,weekdayLabels:p,yearCells:f}}var gn=(e,t)=>Array.from(e.getElementsByTagName(t)),_n=(e,t)=>e.find(e=>(e.getAttribute(`value`)??``)===t)?.textContent?.replace(/\s+/g,` `).trim()||t,vn=e=>{let t=C(new Set),n=e=>t.value.has(e),r=()=>{let n=e.pageItems();return n.length?n.every(n=>t.value.has(e.getRowKey(n))):!1},i=n=>{t.value=n,e.onSelectionChange?.(n)};return{clearSelection:()=>{i(new Set)},isAllSelected:r,isSelected:n,selectAll:()=>{if(e.selectionMode()!==`multi`)return;let n=e.pageItems();if(r()){let r=new Set(t.value);for(let t of n)r.delete(e.getRowKey(t));i(r)}else{let r=new Set(t.value);for(let t of n)r.add(e.getRowKey(t));i(r)}},selectedKeys:x(()=>new Set(t.value)),setSelection:e=>{i(new Set(e))},toggleRow:n=>{let r=e.selectionMode();if(r===`none`)return;let a=new Set(t.value);a.has(n)?a.delete(n):(r===`single`&&a.clear(),a.add(n)),i(a)}}},yn=e=>{let t=e.items,n=C(``),r=C(`none`),i=x(()=>({direction:r.value,key:n.value}));return{sortBy:t=>{n.value===t?r.value===`asc`?r.value=`desc`:r.value===`desc`&&(n.value=``,r.value=`none`):(n.value=t,r.value=`asc`),e.onSortChange?.({direction:r.value,key:n.value})},sortedItems:x(()=>{let i=t.value,a=n.value,o=r.value;if(!a||o===`none`)return i;let s=e.columns().find(e=>e.key===a);return i.slice().sort((e,t)=>{let n=s?.sortValue?s.sortValue(e):e[a],r=s?.sortValue?s.sortValue(t):t[a],i=typeof n==`number`&&typeof r==`number`?n-r:String(n??``).localeCompare(String(r??``));return o===`asc`?i:-i})}),sortState:i,sortTo:(t,i)=>{i===`none`?(n.value=``,r.value=`none`):(n.value=t,r.value=i),e.onSortChange?.({direction:r.value,key:n.value})}}},bn=e=>{let t=yn({columns:e.columns,items:e.items,onSortChange:e.onSortChange}),n=qt({getItems:()=>t.sortedItems.value,pageSize:x(()=>{let t=e.pageSize();return t<=0?2**53-1:t})}),r=x(()=>t.sortedItems.value.length),i=x(()=>e.pageSize()<=0?t.sortedItems.value:n.pageItems.value),a=e=>{t.sortBy(e),n.reset()},o=(e,r)=>{t.sortTo(e,r),n.reset()},s=vn({getRowKey:e.getRowKey,onSelectionChange:e.onSelectionChange,pageItems:()=>n.pageItems.value,selectionMode:e.selectionMode}),c=x(()=>e.items.value.filter(t=>s.selectedKeys.value.has(e.getRowKey(t))));return{clearSelection:s.clearSelection,currentPageItems:i,goToPage:e=>{Number.isFinite(e)&&n.goTo(Math.max(0,e))},hasNextPage:n.hasNext,hasPrevPage:n.hasPrev,isAllSelected:s.isAllSelected,isSelected:s.isSelected,nextPage:n.next,pageCount:n.pageCount,pageIndex:n.pageIndex,prevPage:n.prev,selectAll:s.selectAll,selectedKeys:s.selectedKeys,selectedRows:c,setSelection:s.setSelection,sortBy:a,sortState:t.sortState,sortTo:o,toggleRow:s.toggleRow,totalItems:r}},xn=(e,t,n)=>{let r=String(e??``).split(`,`).map(e=>e.trim()).filter(e=>t.has(e));return r.length>0?r:[...n]},Sn=`@layer refine.base{:host{--_bg:var(--carousel-bg,var(--color-canvas));--_radius:var(--carousel-radius,var(--rounded-xl));--_dot-bg:var(--carousel-dot-bg,var(--color-contrast-300));--_dot-active-bg:var(--carousel-dot-active-bg,var(--color-contrast-700));width:100%;min-height:var(--carousel-min-height,240px);touch-action:auto;background:var(--_bg);border-radius:var(--_radius);outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.track{flex:auto;width:100%;min-height:0;position:relative}.controls{gap:var(--size-0-5);pointer-events:none;align-items:center;display:flex}.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}:host>.controls{padding:var(--size-1-5) var(--size-2);background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);position:absolute}:host>.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-3);margin-left:0}:host>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3);margin-right:0}.nav-btn{pointer-events:auto}:host([variant=gallery]) .track{gap:var(--carousel-gallery-gap,var(--size-2));flex-direction:row;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}:host([variant=gallery][orientation=vertical]) .track{flex-direction:column;align-items:stretch}:host([variant=marquee]){overflow:hidden}:host([variant=marquee]) .track{gap:var(--carousel-marquee-gap,var(--size-4));width:max-content;animation:carousel-marquee var(--_marquee-duration,0s) linear infinite;flex-direction:row;align-items:stretch;display:flex;position:absolute;top:0;bottom:0}:host([variant=marquee]) .track:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([variant=marquee]) .track:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([variant=marquee][orientation=vertical]) .track{flex-direction:column;align-items:stretch;width:100%;height:max-content;animation-name:carousel-marquee-v;inset:0 0 auto}:host([variant=filmstrip]) .track{gap:var(--carousel-filmstrip-gap,var(--size-2));flex-direction:row;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}:host([variant=filmstrip][orientation=vertical]) .track{flex-direction:column;width:100%}:host([orientation=vertical]){--_slide-translate-before:translateY(-100%);--_slide-translate-after:translateY(100%)}:host([orientation=vertical]) .indicators{top:50%;bottom:auto;inset-inline:var(--size-3) auto;width:auto;height:max-content;padding-block:var(--size-6) var(--size-2);padding-inline:var(--size-1-5);border-radius:var(--rounded-full);flex-direction:column;transform:translate(0)translateY(-50%)}:host([orientation=vertical]) .controls{flex-direction:column;margin-top:auto}:host([orientation=vertical]) .controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:0}:host([orientation=vertical]) .controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}:host([orientation=vertical])>.controls{bottom:var(--size-3);margin-top:0}:host([orientation=vertical])>.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-3)}:host([orientation=vertical])>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3)}:host([orientation=vertical]) .indicator:not(.indicator-active){width:var(--size-2)!important;height:var(--size-2)!important}:host([orientation=vertical]) .indicator-active{height:var(--size-8);width:var(--size-1-5)!important}.indicators{gap:var(--size-1-5);width:max-content;padding:var(--size-1-5) var(--size-2) var(--size-1-5) var(--size-6);pointer-events:none;background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);flex-direction:row;align-items:center;display:flex;position:absolute;left:50%;right:50%;transform:translate(-50%)}.indicator{pointer-events:auto;cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:0;display:block}.indicator>ore-progress{pointer-events:none;width:100%;height:100%;display:block}.indicator:not(.indicator-active){border-radius:var(--rounded-full);overflow:hidden;width:var(--size-2)!important;height:var(--size-2)!important}.indicator-active{--progress-track-bg:color-mix(in oklch, var(--_dot-bg) 60%, transparent);width:var(--size-8)!important}.indicator:focus-visible{outline:var(--border) solid currentcolor;outline-offset:2px}.indicator:hover{opacity:.8}.indicator ore-progress::part(fill){transition:width var(--transition-normal)}.indicator-active ore-progress::part(fill){animation-name:var(--carousel-animation-name,none);animation-duration:calc(var(--carousel-timeout,4000) * 1ms);animation-timing-function:var(--ease-linear);animation-fill-mode:forwards}}@media (prefers-reduced-motion:reduce){:host{--carousel-transition-duration:0s}:host([variant=marquee]) .track,:host([variant=marquee][orientation=vertical]) .track{animation:none}}@keyframes carousel-fill{0%{width:0%}to{width:100%}}@keyframes carousel-fill-v{0%{height:0%}to{height:100%}}@keyframes carousel-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes carousel-marquee-v{0%{transform:translateY(0)}to{transform:translateY(-50%)}}`,Cn=`:host{pointer-events:none;opacity:0;width:100%;height:100%;transform:var(--_slide-translate-after,translateX(100%));transition:transform var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);display:block;position:absolute;inset:0;overflow:hidden}:host([data-before]){transform:var(--_slide-translate-before,translateX(-100%))}:host([data-active]){pointer-events:auto;opacity:1;transform:translate(0)}:host([data-variant=fade]){transition:opacity var(--carousel-transition-duration,.35s) var(--ease-move);transform:none}:host([data-variant=filmstrip]){pointer-events:auto;border-radius:var(--carousel-radius,var(--rounded-xl));opacity:1;transition:flex var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);flex-shrink:0;align-self:stretch;position:relative;inset:auto;transform:none}:host([data-variant=filmstrip][data-orientation=horizontal]){flex:0 0 var(--carousel-filmstrip-inactive,var(--size-16));width:auto;min-width:var(--carousel-filmstrip-inactive,var(--size-16));height:100%}:host([data-variant=filmstrip][data-orientation=horizontal][data-active]){flex:1 1 0}:host([data-variant=filmstrip][data-orientation=vertical]){flex:0 0 var(--carousel-filmstrip-inactive,var(--size-10));width:100%;height:auto;min-height:var(--carousel-filmstrip-inactive,var(--size-10))}:host([data-variant=filmstrip][data-orientation=vertical][data-active]){flex:1 1 0}:host([data-variant=gallery]){display:none}:host([data-variant=gallery][data-gallery-visible]){pointer-events:auto;border-radius:var(--carousel-radius,var(--rounded-xl));opacity:.5;transition:flex var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);align-self:stretch;display:block;position:relative;inset:auto;overflow:hidden;transform:none}:host([data-variant=gallery][data-gallery-visible][data-active]){opacity:1}:host([data-variant=gallery][data-orientation=horizontal][data-gallery-visible]){flex:0 0 var(--carousel-gallery-thumbnail,var(--size-24));width:auto;min-width:var(--carousel-gallery-thumbnail,var(--size-24));flex-shrink:0;height:100%}:host([data-variant=gallery][data-orientation=horizontal][data-gallery-visible][data-active]){flex:1 1 0}:host([data-variant=gallery][data-orientation=vertical][data-gallery-visible]){flex:1 1 0;width:100%;height:auto}:host([data-variant=gallery][data-orientation=vertical][data-gallery-visible][data-active]){flex:4 1 0}:host([data-variant=marquee]){pointer-events:auto;opacity:1;flex:none;transition:none;position:relative;inset:auto;transform:none}:host([data-variant=marquee][data-orientation=horizontal]){width:auto;height:100%}:host([data-variant=marquee][data-orientation=vertical]){width:100%;height:auto}:host([data-variant=marquee][data-marquee-clone]){pointer-events:none;-webkit-user-select:none;user-select:none}::slotted(*){max-width:100%}`,wn=`ore-carousel-slide`;a(wn,{props:{},setup(e){return t({attr:{"aria-roledescription":()=>`slide`,role:()=>`group`}}),s`<slot></slot>`},styles:[Cn]});var Tn=`ore-carousel`,En=(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)})},Dn=(e,t)=>{let n=e.length;e.forEach((e,r)=>{let i=r===t;e.toggleAttribute(`data-active`,i),e.setAttribute(`aria-hidden`,String(!i)),e.setAttribute(`aria-label`,e.getAttribute(`aria-label`)??`Slide ${r+1} of ${n}`),e.removeAttribute(`data-gallery-visible`),e.removeAttribute(`data-before`),e.removeAttribute(`data-after`)})},On=(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)})},kn=(e,t)=>{e.forEach((e,n)=>{e.toggleAttribute(`data-active`,n===t),e.setAttribute(`aria-hidden`,`false`),e.removeAttribute(`data-before`),e.removeAttribute(`data-after`),e.removeAttribute(`data-gallery-visible`)})};a(Tn,{props:{autoplay:p.bool(!1),"autoplay-interval":p.number(5e3),color:p.string(),label:p.string(`Carousel`),loop:p.bool(!0),"marquee-duration":p.number(10),orientation:p.string(`horizontal`),"show-controls":p.bool(!0),"show-indicators":p.bool(!0),"slide-index":p.number(0),variant:p.string(`default`)},setup(e){let n=o(),r=_(),i=C(e[`slide-index`].value??0),a=x(()=>e.variant.value===`marquee`),c=null,l=Array.from(n.querySelectorAll(`:scope > ore-carousel-slide`)),u=C(l.length),d=()=>{l=Array.from(n.querySelectorAll(`:scope > ore-carousel-slide`)),u.value=l.length},p=x(()=>e.orientation.value!==`vertical`),m=x(()=>e.loop.value!==!1),h=x(()=>e[`show-controls`].value!==!1),g=x(()=>e[`show-indicators`].value!==!1),v=x(()=>m.value||i.value>0),y=x(()=>m.value||i.value<u.value-1),b=null,S=(e,t=!0)=>{let a=u.value;if(a===0)return;let o=m.value?(e%a+a)%a:Math.max(0,Math.min(e,a-1));o!==i.value&&(i.value=o,n.setAttribute(`slide-index`,String(o)),r(`change`,{index:o}),b?.seekTo(o,l),t&&ln(l[o]?.getAttribute(`aria-label`)??`Slide ${o+1} of ${a}`))},w=()=>S(i.value-1),E=()=>S(i.value+1);T(e[`slide-index`],e=>{typeof e==`number`&&e!==i.value&&S(e,!1)});let D=()=>{let t=e.variant.value??`default`,n=e.orientation.value??`horizontal`;l.forEach(e=>{e.setAttribute(`data-variant`,t),e.setAttribute(`data-orientation`,n)})};T(x(()=>({orientation:e.orientation.value,variant:e.variant.value})),D,{immediate:!0});let O={default:En,fade:En,filmstrip:Dn,gallery:On,marquee:kn},k=()=>{let t=e.variant.value??`default`;O[t](l,i.value)};T(i,k,{immediate:!0});let A=()=>{c===null&&(c=setInterval(E,e[`autoplay-interval`].value??5e3))},j=()=>{c!==null&&(clearInterval(c),c=null)};T(x(()=>({enabled:e.autoplay.value,interval:e[`autoplay-interval`].value})),({enabled:e})=>{j(),e&&A()});let M=e=>{let t=p.value,n=t?`ArrowLeft`:`ArrowUp`,r=t?`ArrowRight`:`ArrowDown`;e.key===n?(e.preventDefault(),w()):e.key===r?(e.preventDefault(),E()):e.key===`Home`?(e.preventDefault(),S(0)):e.key===`End`&&(e.preventDefault(),S(u.value-1))},N=rn({axis:()=>p.value?`x`:`y`,onCommit:e=>{e.distance<0?E():w()},threshold:()=>48});t({attr:{"aria-label":()=>e.label.value??`Carousel`,"aria-roledescription":()=>`carousel`,orientation:()=>e.orientation.value??`horizontal`,role:()=>`region`,style:()=>`touch-action:${p.value?`pan-y`:`pan-x`}`,variant:()=>e.variant.value??`default`},on:{focusin:()=>{j()},focusout:()=>{e.autoplay.value&&A()},keydown:M,pointercancel:e=>N.handlePointerCancel(e),pointerdown:e=>{e.composedPath().some(e=>e instanceof HTMLElement&&(e.tagName===`BUTTON`||e.tagName===`ORE-BUTTON`||e.tagName===`ORE-PROGRESS`))||N.handlePointerDown(e)},pointerenter:()=>{j()},pointerleave:()=>{e.autoplay.value&&A()},pointermove:e=>N.handlePointerMove(e),pointerup:e=>N.handlePointerUp(e)}});let P=t=>{let r=e.orientation.value??`horizontal`,i=r!==`vertical`;a.value&&e.loop.value===!1&&Me(`ore-carousel: loop="false" on the marquee variant stops the scroll animation rather than disabling navigation wrap-around. Navigation in marquee always loops. This is different from loop="false" on other variants.`);let o=l.map(e=>{let n=e.cloneNode(!0);return n.setAttribute(`aria-hidden`,`true`),n.setAttribute(`data-variant`,`marquee`),n.setAttribute(`data-orientation`,r),n.setAttribute(`data-marquee-clone`,``),t.appendChild(n),n});t.style.setProperty(`--_marquee-duration`,`${e[`marquee-duration`].value??10}s`),m.value||t.style.setProperty(`animation-iteration-count`,`1`);let s=!1,c=()=>{s=!0,t.style.setProperty(`animation-play-state`,`paused`)},u=()=>{s=!1,t.style.removeProperty(`animation-play-state`)};n.addEventListener(`mouseenter`,c),n.addEventListener(`mouseleave`,u);let d=null;return{cleanup:()=>{d!==null&&clearTimeout(d),d=null,o.forEach(e=>e.remove()),t.style.removeProperty(`transition`),t.style.removeProperty(`transform`),t.style.removeProperty(`animation`),t.style.removeProperty(`--_marquee-duration`),t.style.removeProperty(`animation-iteration-count`),t.style.removeProperty(`animation-delay`),t.style.removeProperty(`animation-play-state`),n.removeEventListener(`mouseenter`,c),n.removeEventListener(`mouseleave`,u)},seekTo:(r,a)=>{let o=a[r];if(!o)return;let c=i?o.offsetLeft:o.offsetTop,l=i?t.scrollWidth/2:t.scrollHeight/2,u=e[`marquee-duration`].value??10,f=l>0?-(c/l*u):0;if(d!==null&&(clearTimeout(d),d=null,t.style.removeProperty(`transition`)),l===0){t.style.setProperty(`animation-delay`,`${f}s`),s||t.style.removeProperty(`animation-play-state`);return}let p=parseFloat(getComputedStyle(n).getPropertyValue(`--carousel-transition-duration`)||`0.35`)*1e3||350,m=i?`translateX(-${c}px)`:`translateY(-${c}px)`;t.getBoundingClientRect();let h=getComputedStyle(t).transform.match(/matrix\(([^)]+)\)/)?.[1].split(`,`).map(Number),g=i?h?.[4]??0:h?.[5]??0,_=i?`translateX(${g}px)`:`translateY(${g}px)`;t.style.setProperty(`animation`,`none`),t.style.setProperty(`transform`,_),requestAnimationFrame(()=>{t.style.setProperty(`transition`,`transform ${p}ms ease-in-out`),t.style.setProperty(`transform`,m),d=setTimeout(()=>{d=null,t.style.removeProperty(`transition`),t.style.removeProperty(`transform`),t.style.removeProperty(`animation`),t.style.setProperty(`animation-delay`,`${f}s`),s&&t.style.setProperty(`animation-play-state`,`paused`)},p)})}}};f(()=>{let t=n.shadowRoot,r=t.querySelector(`.track`),i=t.querySelector(`slot`),o=()=>{d(),D(),k(),a.value&&(b?.cleanup(),b=P(r))};return i.addEventListener(`slotchange`,o),T(x(()=>({duration:e[`marquee-duration`].value,isMarquee:a.value,loop:e.loop.value,orientation:e.orientation.value})),({isMarquee:e})=>{b?.cleanup(),b=e?P(r):null},{immediate:!0}),e.autoplay.value&&A(),()=>{j(),N.dispose(),i.removeEventListener(`slotchange`,o),b?.cleanup()}});let F=e=>{(n.shadowRoot?.querySelector(`.indicator[data-index="${e}"]`))?.focus()},I=(e,t)=>{let n=u.value,r;switch(e.key){case`ArrowDown`:case`ArrowRight`:r=(t+1)%n;break;case`ArrowLeft`:case`ArrowUp`:r=(t-1+n)%n;break;case`End`:r=n-1;break;case`Home`:r=0;break;default:return}e.preventDefault(),S(r),F(r)},L=()=>h.value?s`<div class="controls" part="controls">
|
|
660
660
|
<ore-button
|
|
661
661
|
class="nav-btn prev-btn"
|
|
662
662
|
part="prev-btn"
|
|
@@ -666,7 +666,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
666
666
|
icon-only
|
|
667
667
|
aria-label="Previous slide"
|
|
668
668
|
:disabled=${()=>v.value?void 0:!0}
|
|
669
|
-
@click=${e=>{e.stopPropagation(),
|
|
669
|
+
@click=${e=>{e.stopPropagation(),w()}}>
|
|
670
670
|
<ore-icon
|
|
671
671
|
:name=${()=>p.value?`chevron-left`:`chevron-up`}
|
|
672
672
|
size="16"
|
|
@@ -682,7 +682,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
682
682
|
icon-only
|
|
683
683
|
aria-label="Next slide"
|
|
684
684
|
:disabled=${()=>y.value?void 0:!0}
|
|
685
|
-
@click=${e=>{e.stopPropagation(),
|
|
685
|
+
@click=${e=>{e.stopPropagation(),E()}}>
|
|
686
686
|
<ore-icon
|
|
687
687
|
:name=${()=>p.value?`chevron-right`:`chevron-down`}
|
|
688
688
|
size="16"
|
|
@@ -694,7 +694,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
694
694
|
<slot></slot>
|
|
695
695
|
</div>
|
|
696
696
|
|
|
697
|
-
${()=>
|
|
697
|
+
${()=>g.value&&u.value>1&&!a.value?s`<div class="indicators" part="indicators" role="tablist" aria-label="Slide indicators">
|
|
698
698
|
${()=>Array.from({length:u.value},(t,n)=>s`<button
|
|
699
699
|
type="button"
|
|
700
700
|
role="tab"
|
|
@@ -703,7 +703,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
703
703
|
:aria-selected=${()=>String(!a.value&&n===i.value)}
|
|
704
704
|
:tabindex=${()=>!a.value&&n===i.value?`0`:`-1`}
|
|
705
705
|
aria-label="${`Go to slide ${n+1}`}"
|
|
706
|
-
@click=${()=>
|
|
706
|
+
@click=${()=>S(n)}
|
|
707
707
|
@keydown=${e=>I(e,n)}>
|
|
708
708
|
<ore-progress
|
|
709
709
|
aria-hidden="true"
|
|
@@ -715,7 +715,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
715
715
|
</button>`)}
|
|
716
716
|
${L}
|
|
717
717
|
</div>`:s`${L}`}
|
|
718
|
-
`},styles:[Sn]});var An=`@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}}`,jn=`@layer refine.base{:host{--_bg:var(--avatar-bg,var(--_theme-backdrop,var(--color-contrast-200)));--_color:var(--avatar-color,var(--_theme-base,var(--color-contrast-700)));--_radius:var(--avatar-radius,var(--rounded-full));--_font-weight:var(--avatar-font-weight,var(--font-semibold));--_border:var(--avatar-border,none);--_border-color:var(--avatar-border-color,var(--color-canvas));--_size:var(--avatar-size,var(--size-10));--_font-size:var(--avatar-font-size,var(--text-sm));flex-shrink:0;display:inline-flex;position:relative}.avatar{box-sizing:border-box;width:var(--_size);height:var(--_size);font-size:var(--_font-size);font-weight:var(--_font-weight);color:var(--_color);text-transform:uppercase;-webkit-user-select:none;user-select:none;background:var(--_bg);border:var(--_border);border-color:var(--_border-color);border-radius:var(--_radius);justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}img{object-fit:cover;width:100%;height:100%;display:block}img[hidden]{display:none}.initials{justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex}.icon-fallback{width:100%;height:100%;color:var(--_color);opacity:.6;justify-content:center;align-items:center;display:inline-flex}.status{border:2px solid var(--_border-color,var(--color-canvas));border-radius:var(--rounded-full);width:.75em;height:.75em;position:absolute;bottom:0}.status:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.status:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.status[data-status=online]{background:var(--color-success)}.status[data-status=offline]{background:var(--color-contrast-400)}.status[data-status=busy]{background:var(--color-error)}.status[data-status=away]{background:var(--color-warning)}}@media (forced-colors:active){.avatar{forced-color-adjust:none;border:1px solid buttontext}.status{background:highlight;border:2px solid buttontext}}`,Mn={away:`Away`,busy:`Busy`,offline:`Offline`,online:`Online`},Nn=`ore-avatar`;a(Nn,{props:{...J,...Y,...Ze,alt:p.string(),initials:p.string(),src:p.string(),status:p.string()},setup(e){let t=
|
|
718
|
+
`},styles:[Sn]});var An=`@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}}`,jn=`@layer refine.base{:host{--_bg:var(--avatar-bg,var(--_theme-backdrop,var(--color-contrast-200)));--_color:var(--avatar-color,var(--_theme-base,var(--color-contrast-700)));--_radius:var(--avatar-radius,var(--rounded-full));--_font-weight:var(--avatar-font-weight,var(--font-semibold));--_border:var(--avatar-border,none);--_border-color:var(--avatar-border-color,var(--color-canvas));--_size:var(--avatar-size,var(--size-10));--_font-size:var(--avatar-font-size,var(--text-sm));flex-shrink:0;display:inline-flex;position:relative}.avatar{box-sizing:border-box;width:var(--_size);height:var(--_size);font-size:var(--_font-size);font-weight:var(--_font-weight);color:var(--_color);text-transform:uppercase;-webkit-user-select:none;user-select:none;background:var(--_bg);border:var(--_border);border-color:var(--_border-color);border-radius:var(--_radius);justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}img{object-fit:cover;width:100%;height:100%;display:block}img[hidden]{display:none}.initials{justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex}.icon-fallback{width:100%;height:100%;color:var(--_color);opacity:.6;justify-content:center;align-items:center;display:inline-flex}.status{border:2px solid var(--_border-color,var(--color-canvas));border-radius:var(--rounded-full);width:.75em;height:.75em;position:absolute;bottom:0}.status:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.status:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.status[data-status=online]{background:var(--color-success)}.status[data-status=offline]{background:var(--color-contrast-400)}.status[data-status=busy]{background:var(--color-error)}.status[data-status=away]{background:var(--color-warning)}}@media (forced-colors:active){.avatar{forced-color-adjust:none;border:1px solid buttontext}.status{background:highlight;border:2px solid buttontext}}`,Mn={away:`Away`,busy:`Busy`,offline:`Offline`,online:`Online`},Nn=`ore-avatar`;a(Nn,{props:{...J,...Y,...Ze,alt:p.string(),initials:p.string(),src:p.string(),status:p.string()},setup(e){let t=C(!1);T(e.src,()=>{t.value=!1});let n=e=>{e&&(e.addEventListener(`error`,()=>{t.value=!0}),e.addEventListener(`load`,()=>{t.value=!1}))},r=x(()=>{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()}),i=x(()=>!!e.src.value&&!t.value),a=x(()=>!i.value&&!!r.value),o=x(()=>!i.value&&!a.value),c=()=>{let t=e.alt.value||null,n=e.status.value,r=n?Mn[n]:null;return!t&&!r?null:t?r?`${t}, ${r}`:t:`Status: ${r}`};return s`
|
|
719
719
|
<span class="avatar" part="avatar" :aria-label="${c}" :role="${()=>c()?`img`:null}">
|
|
720
720
|
${()=>e.src.value?s`<img
|
|
721
721
|
ref="${n}"
|
|
@@ -728,7 +728,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
728
728
|
${()=>o.value?s`<ore-icon class="icon-fallback" part="fallback" name="user" size="50%"></ore-icon>`:``}
|
|
729
729
|
</span>
|
|
730
730
|
${()=>e.status.value?s`<span class="status" part="status" :data-status="${e.status}" aria-hidden="true"></span>`:``}
|
|
731
|
-
`},styles:[q,G,K({lg:{fontSize:`var(--avatar-font-size, var(--text-base))`,size:`var(--avatar-size, var(--size-14))`},md:{fontSize:`var(--avatar-font-size, var(--text-sm))`,size:`var(--avatar-size, var(--size-10))`},sm:{fontSize:`var(--avatar-font-size, var(--text-xs))`,size:`var(--avatar-size, var(--size-7))`}}),jn]});var Pn=`ore-avatar-group`;a(Pn,{props:{max:p.number(5),total:p.number()},setup(e){let t=o(),n=
|
|
731
|
+
`},styles:[q,G,K({lg:{fontSize:`var(--avatar-font-size, var(--text-base))`,size:`var(--avatar-size, var(--size-14))`},md:{fontSize:`var(--avatar-font-size, var(--text-sm))`,size:`var(--avatar-size, var(--size-10))`},sm:{fontSize:`var(--avatar-font-size, var(--text-xs))`,size:`var(--avatar-size, var(--size-7))`}}),jn]});var Pn=`ore-avatar-group`;a(Pn,{props:{max:p.number(5),total:p.number()},setup(e){let t=o(),n=v(),r=y,i=C(0),a=()=>{let n=[...t.querySelectorAll(`ore-avatar`)],r=Number(e.max.value)||5,a=Math.max(0,n.length-r);i.value=e.total.value==null?a:Number(e.total.value)-r,n.forEach((e,t)=>{t>=r?e.setAttribute(`data-avatar-group-hidden`,``):e.removeAttribute(`data-avatar-group-hidden`)})};r(()=>{n.elements().value,a()});let c=()=>`+${i.value} more`,l=()=>`+${i.value}`;return s`
|
|
732
732
|
<slot></slot>
|
|
733
733
|
${()=>i.value>0?s`<span class="overflow-badge" part="overflow" aria-label="${c}"> ${l} </span>`:``}
|
|
734
734
|
`},styles:[An]});var Fn=`@layer refine.base{:host,.item{align-items:center;display:inline-flex}.separator{padding-inline:var(--size-2);font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-contrast-400);display:none}:host([data-show-separator]) .separator{display:inline-block}.link{gap:var(--size-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-contrast-600);outline-offset:2px;border-radius:var(--rounded-lg);transition:color var(--transition-fast);align-items:center;text-decoration:none;display:inline-flex}.link:hover{color:var(--color-contrast-900);text-decoration:underline}.link:focus-visible{outline:var(--border-2) solid currentcolor;outline-offset:var(--border-2)}:host([active]) .link{font-weight:var(--font-semibold);color:var(--color-contrast-900);pointer-events:none;text-decoration:none}.icon{display:contents}.label{min-width:0;max-width:var(--breadcrumb-item-max-width,20ch);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}`,In=`@layer refine.base{:host,nav{display:block}ol{flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}}`,Ln=`ore-breadcrumb-item`;a(Ln,{props:{active:p.bool(),href:p.string(),separator:p.string(`/`)},setup(e){return s`
|
|
@@ -744,13 +744,13 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
744
744
|
<span class="label"><slot></slot></span>
|
|
745
745
|
</a>
|
|
746
746
|
</li>
|
|
747
|
-
`},styles:[Fn]});var Rn=`ore-breadcrumb`;a(Rn,{props:{label:p.string(`Breadcrumb`),separator:p.string()},setup(e){let t=o(),n=
|
|
747
|
+
`},styles:[Fn]});var Rn=`ore-breadcrumb`;a(Rn,{props:{label:p.string(`Breadcrumb`),separator:p.string()},setup(e){let t=o(),n=v(),r=y,i=()=>Array.from(t.getElementsByTagName(`ore-breadcrumb-item`)),a=()=>{let n=e.separator.value||`/`,r=i();for(let e=0;e<r.length;e++)r[e].setAttribute(`separator`,n),r[e].toggleAttribute(`data-show-separator`,e>0);n?t.style.setProperty(`--breadcrumb-separator`,`'${n}'`):t.style.removeProperty(`--breadcrumb-separator`)};return r(()=>{n.elements().value,a()}),s`
|
|
748
748
|
<nav part="nav" :aria-label="${e.label}">
|
|
749
749
|
<ol role="list" part="list">
|
|
750
750
|
<slot></slot>
|
|
751
751
|
</ol>
|
|
752
752
|
</nav>
|
|
753
|
-
`},styles:[In]});var zn=`@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)}:host([variant=glass]) .card{text-shadow:var(--text-shadow-xs);border:var(--_border) solid var(--_border-color);box-shadow:var(--card-shadow,var(--shadow-md)), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([variant=glass]:hover) .card{box-shadow:var(--card-hover-shadow,var(--shadow-xl)), var(--inset-shadow-sm);-webkit-backdrop-filter:blur(var(--blur-xl)) saturate(200%) brightness(1.1);backdrop-filter:blur(var(--blur-xl)) saturate(200%) brightness(1.1)}:host([variant=glass][interactive]:hover) .card{box-shadow:var(--card-hover-shadow,var(--shadow-2xl)), var(--inset-shadow-sm)}}@layer refine.overrides{.loading-bar{background:linear-gradient(90deg, transparent 0%, var(--_theme-base,var(--color-primary)) 50%, transparent 100%);width:65%;height:3px;display:none;position:absolute;top:0}.loading-bar:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.loading-bar:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([loading]) .loading-bar{animation:var(--_motion-animation,loading-bar 1.4s linear infinite);display:block}:host(:dir(rtl)[loading]) .loading-bar{animation-direction:reverse}:host([disabled]){pointer-events:none;opacity:.6}:host([disabled][interactive]) .card{cursor:not-allowed}:host([interactive]:not([disabled]):hover) .card{box-shadow:var(--_hover-shadow);transform:translateY(-2px)scale(1.01)}:host([interactive]) .card{cursor:pointer;will-change:transform}:host([interactive]:not([disabled]):active) .card{box-shadow:var(--_shadow);transition:box-shadow var(--transition-fast), transform .12s var(--ease-spring);transform:translateY(0)scale(.99)}:host([interactive]:focus-visible) .card{outline:var(--border-2) solid var(--_theme-focus,var(--color-primary));outline-offset:var(--border-2)}:host([orientation=horizontal]) .card{flex-direction:row}:host([orientation=horizontal]) .card-media{width:30%;min-width:192px;max-width:320px}:host([orientation=horizontal]) .card-media img{object-fit:cover;width:100%;height:100%}:host([orientation=horizontal]) .card-body{flex:1}}@keyframes loading-bar{0%{transform:translate(-100%)}to{transform:translate(200%)}}`,Bn=`button, a[href], input, select, textarea, summary, [role="button"], [role="link"], [contenteditable=""], [contenteditable="true"]`;function Vn(e,t){for(let n of t.composedPath())if(n instanceof HTMLElement){if(n===e)return!1;if(n.matches(Bn)||n.closest(Bn))return!0}return!1}var Hn=`ore-card`;a(Hn,{props:{...J,...X,...Xe,elevation:p.number(),interactive:p.bool(!1),orientation:p.string(),padding:p.string(),variant:p.string()},setup(e){let n=o(),r=
|
|
753
|
+
`},styles:[In]});var zn=`@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)}:host([variant=glass]) .card{text-shadow:var(--text-shadow-xs);border:var(--_border) solid var(--_border-color);box-shadow:var(--card-shadow,var(--shadow-md)), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([variant=glass]:hover) .card{box-shadow:var(--card-hover-shadow,var(--shadow-xl)), var(--inset-shadow-sm);-webkit-backdrop-filter:blur(var(--blur-xl)) saturate(200%) brightness(1.1);backdrop-filter:blur(var(--blur-xl)) saturate(200%) brightness(1.1)}:host([variant=glass][interactive]:hover) .card{box-shadow:var(--card-hover-shadow,var(--shadow-2xl)), var(--inset-shadow-sm)}}@layer refine.overrides{.loading-bar{background:linear-gradient(90deg, transparent 0%, var(--_theme-base,var(--color-primary)) 50%, transparent 100%);width:65%;height:3px;display:none;position:absolute;top:0}.loading-bar:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.loading-bar:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([loading]) .loading-bar{animation:var(--_motion-animation,loading-bar 1.4s linear infinite);display:block}:host(:dir(rtl)[loading]) .loading-bar{animation-direction:reverse}:host([disabled]){pointer-events:none;opacity:.6}:host([disabled][interactive]) .card{cursor:not-allowed}:host([interactive]:not([disabled]):hover) .card{box-shadow:var(--_hover-shadow);transform:translateY(-2px)scale(1.01)}:host([interactive]) .card{cursor:pointer;will-change:transform}:host([interactive]:not([disabled]):active) .card{box-shadow:var(--_shadow);transition:box-shadow var(--transition-fast), transform .12s var(--ease-spring);transform:translateY(0)scale(.99)}:host([interactive]:focus-visible) .card{outline:var(--border-2) solid var(--_theme-focus,var(--color-primary));outline-offset:var(--border-2)}:host([orientation=horizontal]) .card{flex-direction:row}:host([orientation=horizontal]) .card-media{width:30%;min-width:192px;max-width:320px}:host([orientation=horizontal]) .card-media img{object-fit:cover;width:100%;height:100%}:host([orientation=horizontal]) .card-body{flex:1}}@keyframes loading-bar{0%{transform:translate(-100%)}to{transform:translate(200%)}}`,Bn=`button, a[href], input, select, textarea, summary, [role="button"], [role="link"], [contenteditable=""], [contenteditable="true"]`;function Vn(e,t){for(let n of t.composedPath())if(n instanceof HTMLElement){if(n===e)return!1;if(n.matches(Bn)||n.closest(Bn))return!0}return!1}var Hn=`ore-card`;a(Hn,{props:{...J,...X,...Xe,elevation:p.number(),interactive:p.bool(!1),orientation:p.string(),padding:p.string(),variant:p.string()},setup(e){let n=o(),r=_(),i=v(),a=y;t({attr:{ariaBusy:()=>e.loading.value?`true`:`false`,ariaDisabled:()=>e.interactive.value?String(e.disabled.value):null,role:()=>e.interactive.value?`button`:null}}),a(()=>{e.interactive.value?n.setAttribute(`tabindex`,e.disabled.value?`-1`:`0`):n.removeAttribute(`tabindex`)});let c=kt({disabled:x(()=>!e.interactive.value||!!e.disabled.value),onPress:(e,t)=>{r(`activate`,{originalEvent:e,trigger:t})}}),l=t=>{!e.interactive.value||e.disabled.value||Vn(n,t)||c.handleClick(t)},u=e=>{c.handleKeydown(e)};return t({on:{click:e=>l(e),keydown:e=>u(e)}}),s`
|
|
754
754
|
<div class="card" part="card">
|
|
755
755
|
<div class="loading-bar" part="loading-bar"></div>
|
|
756
756
|
<div class="card-media" part="media" ?hidden="${()=>!i.has(`media`).value}">
|
|
@@ -771,7 +771,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
771
771
|
</div>
|
|
772
772
|
</div>
|
|
773
773
|
</div>
|
|
774
|
-
`},styles:[...ke,Ee(`.card`),W,zn]});var Un=`@layer refine.base{:host{--_bg:var(--chat-message-bg,var(--color-contrast-100));--_color:var(--chat-message-color,var(--color-contrast-900));--_user-bg:var(--chat-message-user-bg,var(--color-primary));--_user-color:var(--chat-message-user-color,var(--color-primary-content));--_radius:var(--chat-message-radius,var(--rounded-lg));--_max-width:var(--chat-message-max-width,36rem);display:block}.row{gap:var(--size-2-5);align-items:flex-start;display:flex}:host([sender=user]) .row{flex-direction:row-reverse}.avatar{flex-shrink:0;display:flex}.avatar[hidden]{display:none}.column{gap:var(--size-1);flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}:host([sender=user]) .column{align-items:flex-end}.name{padding-inline:var(--size-3-5);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-contrast-500)}.name[hidden]{display:none}.bubble{box-sizing:border-box;width:fit-content;max-width:var(--_max-width);padding:var(--size-2-5) var(--size-3-5);color:var(--_color);background:var(--_bg);border-radius:var(--_radius)}:host([sender=user]) .bubble{color:var(--_user-color);background:var(--_user-bg)}.content{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.content-slot{overflow-wrap:anywhere;white-space:pre-wrap}.cursor{vertical-align:text-bottom;width:.5em;height:1em;animation:var(--_motion-animation,chat-message-blink 1s step-end infinite);background:currentColor;display:inline-block}.cursor:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-0-5)}.cursor:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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-0-5)}.cursor[hidden]{display:none}@keyframes chat-message-blink{50%{opacity:0}}.meta{gap:var(--size-1-5);padding-inline:var(--size-3-5);font-size:var(--text-xs);color:var(--color-contrast-400);align-items:center;display:flex}.meta[hidden],.timestamp[hidden]{display:none}.status{align-items:center;display:inline-flex}.status[hidden]{display:none}.status[data-status=sent]{color:var(--color-success)}.status[data-status=error]{color:var(--color-error)}.spinner{border:2px solid var(--color-contrast-300);width:.75em;height:.75em;animation:var(--_motion-animation,chat-message-spin var(--transition-loader) infinite);border-radius:50%;display:inline-block}.spinner:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.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}@keyframes chat-message-spin{to{transform:rotate(360deg)}}.error-text{color:var(--color-error)}.error-text[hidden]{display:none}.retry{font:inherit;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-primary);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.retry[hidden]{display:none}.retry:focus-visible{outline:var(--border-2) solid var(--color-focus);outline-offset:var(--border-2)}.actions{gap:var(--size-1);padding-inline:var(--size-3-5);display:flex}.actions[hidden]{display:none}}`,Wn={assistant:`Assistant`,system:`System`,user:`You`},Gn=`ore-chat-message`;a(Gn,{props:{error:p.string(),name:p.string(),sender:p.oneOf([`user`,`assistant`,`system`],`assistant`),status:p.string(),streaming:p.bool(!1),timestamp:p.string()},setup(e){let t=
|
|
774
|
+
`},styles:[...ke,Ee(`.card`),W,zn]});var Un=`@layer refine.base{:host{--_bg:var(--chat-message-bg,var(--color-contrast-100));--_color:var(--chat-message-color,var(--color-contrast-900));--_user-bg:var(--chat-message-user-bg,var(--color-primary));--_user-color:var(--chat-message-user-color,var(--color-primary-content));--_radius:var(--chat-message-radius,var(--rounded-lg));--_max-width:var(--chat-message-max-width,36rem);display:block}.row{gap:var(--size-2-5);align-items:flex-start;display:flex}:host([sender=user]) .row{flex-direction:row-reverse}.avatar{flex-shrink:0;display:flex}.avatar[hidden]{display:none}.column{gap:var(--size-1);flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}:host([sender=user]) .column{align-items:flex-end}.name{padding-inline:var(--size-3-5);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-contrast-500)}.name[hidden]{display:none}.bubble{box-sizing:border-box;width:fit-content;max-width:var(--_max-width);padding:var(--size-2-5) var(--size-3-5);color:var(--_color);background:var(--_bg);border-radius:var(--_radius)}:host([sender=user]) .bubble{color:var(--_user-color);background:var(--_user-bg)}.content{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.content-slot{overflow-wrap:anywhere;white-space:pre-wrap}.cursor{vertical-align:text-bottom;width:.5em;height:1em;animation:var(--_motion-animation,chat-message-blink 1s step-end infinite);background:currentColor;display:inline-block}.cursor:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-0-5)}.cursor:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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-0-5)}.cursor[hidden]{display:none}@keyframes chat-message-blink{50%{opacity:0}}.meta{gap:var(--size-1-5);padding-inline:var(--size-3-5);font-size:var(--text-xs);color:var(--color-contrast-400);align-items:center;display:flex}.meta[hidden],.timestamp[hidden]{display:none}.status{align-items:center;display:inline-flex}.status[hidden]{display:none}.status[data-status=sent]{color:var(--color-success)}.status[data-status=error]{color:var(--color-error)}.spinner{border:2px solid var(--color-contrast-300);width:.75em;height:.75em;animation:var(--_motion-animation,chat-message-spin var(--transition-loader) infinite);border-radius:50%;display:inline-block}.spinner:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.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}@keyframes chat-message-spin{to{transform:rotate(360deg)}}.error-text{color:var(--color-error)}.error-text[hidden]{display:none}.retry{font:inherit;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-primary);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.retry[hidden]{display:none}.retry:focus-visible{outline:var(--border-2) solid var(--color-focus);outline-offset:var(--border-2)}.actions{gap:var(--size-1);padding-inline:var(--size-3-5);display:flex}.actions[hidden]{display:none}}`,Wn={assistant:`Assistant`,system:`System`,user:`You`},Gn=`ore-chat-message`;a(Gn,{props:{error:p.string(),name:p.string(),sender:p.oneOf([`user`,`assistant`,`system`],`assistant`),status:p.string(),streaming:p.bool(!1),timestamp:p.string()},setup(e){let t=_(),n=v(),r=()=>Wn[e.sender.value??`assistant`],i=x(()=>`Message from ${e.name.value||r()}`),a=x(()=>{let t=e.timestamp.value;if(!t)return``;let n=new Date(t);return Number.isNaN(n.getTime())?``:new Intl.DateTimeFormat(void 0,{hour:`numeric`,minute:`2-digit`}).format(n)}),o=x(()=>!!a.value||!!e.status.value||!!e.error.value);T(()=>e.status.value===`error`?e.error.value??``:null,e=>{e!==null&&ln(`Message failed to send${e?`: ${e}`:``}`,{politeness:`assertive`})});function c(e){t(`retry`,{originalEvent:e})}let l=h();function u(){let e=l.value?.assignedNodes({flatten:!0});if(!(!e||e.length===0)){for(let t of e){if(t.nodeType!==Node.TEXT_NODE)break;let e=(t.textContent??``).replace(/^\s+/,``);if(t.textContent=e,e!==``)break}for(let t=e.length-1;t>=0;t--){let n=e[t];if(n.nodeType!==Node.TEXT_NODE)break;let r=(n.textContent??``).replace(/\s+$/,``);if(n.textContent=r,r!==``)break}}}return f(()=>{u();let e=l.value;e&&d(e,`slotchange`,u)}),s`
|
|
775
775
|
<div class="row" part="row">
|
|
776
776
|
<span class="avatar" part="avatar" ?hidden="${()=>!n.has(`avatar`).value}">
|
|
777
777
|
<slot name="avatar"></slot>
|
|
@@ -816,7 +816,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
816
816
|
</div>
|
|
817
817
|
</div>
|
|
818
818
|
</div>
|
|
819
|
-
`},styles:[W,Un]});var Kn=64,qn=Kn*3,Jn=.85;function Yn(e,t){let n=e=>e.distance<0?`right`:`left`,r=()=>{e.removeAttribute(`data-dragging`),e.removeAttribute(`data-confirming`),e.style.removeProperty(`--_swipe-x`)};return rn({axis:()=>`x`,captureTarget:()=>null,disabled:t.disabled,onCancel:r,onCommit:i=>{let a=n(i);r(),t.hasActions(a)&&(e.removeAttribute(`revealed`),t.onConfirm(a))},onMove:r=>{let i=n(r);if(!t.hasActions(i))return;let a=Math.min(Math.abs(r.distance)/Kn,1);e.setAttribute(`data-dragging`,``),e.toggleAttribute(`data-confirming`,r.progress>=Jn),e.style.setProperty(`--_swipe-x`,String((i===`left`?1:-1)*a))},onRelease:i=>{let a=n(i);r(),t.hasActions(a)&&Math.abs(i.distance)>=Kn&&e.setAttribute(`revealed`,a)},threshold:()=>qn})}var Xn=`@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}}`,Zn=n(`ListContext`),Qn=`ore-list`;a(Qn,{props:{...X,...Y,selectable:p.bool(!1),value:p.string(),variant:p.string()},setup(e){let n=o(),r=
|
|
819
|
+
`},styles:[W,Un]});var Kn=64,qn=Kn*3,Jn=.85;function Yn(e,t){let n=e=>e.distance<0?`right`:`left`,r=()=>{e.removeAttribute(`data-dragging`),e.removeAttribute(`data-confirming`),e.style.removeProperty(`--_swipe-x`)};return rn({axis:()=>`x`,captureTarget:()=>null,disabled:t.disabled,onCancel:r,onCommit:i=>{let a=n(i);r(),t.hasActions(a)&&(e.removeAttribute(`revealed`),t.onConfirm(a))},onMove:r=>{let i=n(r);if(!t.hasActions(i))return;let a=Math.min(Math.abs(r.distance)/Kn,1);e.setAttribute(`data-dragging`,``),e.toggleAttribute(`data-confirming`,r.progress>=Jn),e.style.setProperty(`--_swipe-x`,String((i===`left`?1:-1)*a))},onRelease:i=>{let a=n(i);r(),t.hasActions(a)&&Math.abs(i.distance)>=Kn&&e.setAttribute(`revealed`,a)},threshold:()=>qn})}var Xn=`@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}}`,Zn=n(`ListContext`),Qn=`ore-list`;a(Qn,{props:{...X,...Y,selectable:p.bool(!1),value:p.string(),variant:p.string()},setup(e){let n=o(),r=_(),i=()=>[...n.querySelectorAll(`:scope > ore-list-item:not([disabled])`)],a=()=>[...n.querySelectorAll(`:scope > ore-list-item`)],c=e=>e.shadowRoot?.querySelector(`[part="row"]`)??null,u=()=>i().map(c).filter(e=>e!=null),d=Vt({getItems:i,loop:!0,onNavigate:(e,t)=>{c(i()[t])?.focus()},signal:Z(l)}),f=C(e.value.value);T(e.value,e=>{f.value=e});let p=e=>{f.value!==e&&(f.value=e,r(`change`,{value:e??null}))},h=e=>{for(let t of a())t!==e&&t.removeAttribute(`revealed`)},g=e=>{let t=a().find(e=>e.hasAttribute(`revealed`));!t||e.composedPath().includes(t)||t.removeAttribute(`revealed`)};return document.addEventListener(`pointerdown`,g,{capture:!0}),l(()=>document.removeEventListener(`pointerdown`,g,{capture:!0})),m(Zn,{requestReveal:h,select:p,selectable:x(()=>!!e.selectable.value),value:f}),t({attr:{"aria-disabled":()=>e.disabled.value?`true`:null,role:()=>e.selectable.value?`listbox`:`list`,value:()=>f.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=u().indexOf(n);r!==-1&&(d.set(r),d.handleKeydown(t))}}}),s`<slot></slot>`},styles:[K(st),Xn]});var $n=`@layer refine.base{:host{color:var(--color-contrast-700);--_actions-width:var(--list-item-actions-width,var(--size-24));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));text-align:start;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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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: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)){padding-left:var(--_padding-inline-end,var(--size-6))}.leading,.trailing{flex-shrink:0;align-items:center;display:flex}.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-400);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)}}`,er=e=>e===`left`?`actions-left`:`actions-right`,tr=`ore-list-item`;a(tr,{props:{...X,revealed:p.oneOf([`left`,`right`],void 0),value:p.string()},setup(e){let n=o(),r=_(),i=v(),a=c(Zn),u=x(()=>!!a?.selectable.value),d=x(()=>e.value.value!=null&&a!=null&&a.value.value===e.value.value),f=Yn(n,{disabled:x(()=>e.disabled.value||!!e.revealed.value),hasActions:e=>i.has(er(e)).value,onConfirm:e=>{let t=i.elements(er(e)).value[0];r(`confirm`,{item:n,side:e}),t?.click()}});l(()=>f.dispose()),y(()=>{n.toggleAttribute(`selected`,d.value)});let p=d.value;y(()=>{let t=d.value;t!==p&&(p=t,r(t?`select`:`deselect`,{item:n,value:e.value.value??null}))});let m=e.revealed.value??null;y(()=>{let t=e.revealed.value??null;t!==m&&(m=t,t?(a?.requestReveal(n),r(`reveal`,{item:n,side:t})):r(`conceal`,{item:n}))});let h=t=>{if(e.disabled.value)return;if(e.revealed.value){t.preventDefault(),t.stopPropagation(),n.removeAttribute(`revealed`);return}if(!u.value)return;let r=e.value.value;r!=null&&a?.select(d.value?void 0:r)};return t({attr:{"aria-disabled":()=>e.disabled.value?`true`:null,"aria-selected":()=>u.value?String(d.value):null,role:()=>u.value?`option`:`listitem`}}),s`
|
|
820
820
|
<div
|
|
821
821
|
class="row"
|
|
822
822
|
part="row"
|
|
@@ -836,11 +836,11 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
836
836
|
</div>
|
|
837
837
|
<span class="actions actions-left" part="actions-start"><slot name="actions-left"></slot></span>
|
|
838
838
|
<span class="actions actions-right" part="actions-end"><slot name="actions-right"></slot></span>
|
|
839
|
-
`},shadow:{delegatesFocus:!0},styles:[W,$n]});function nr(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 rr(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 ir(e,t,n,r){let i=
|
|
839
|
+
`},shadow:{delegatesFocus:!0},styles:[W,$n]});function nr(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 rr(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 ir(e,t,n,r){let i=x(()=>!!e.value&&!r?.value);return{effectiveRel:x(()=>rr(t.value,n.value)),isLink:i}}var ar=`@layer refine.base{:host{--group-gap:var(--size-2);--group-radius:var(--rounded-lg);display:inline-flex}.button-group{gap:var(--group-gap);flex-direction:row;display:flex}}@layer refine.variants{:host([orientation=vertical]) .button-group{flex-direction:column}}@layer refine.overrides{:host([fullwidth]){width:100%;display:flex}:host([fullwidth]) .button-group{width:100%}:host([fullwidth]) ::slotted(ore-button){flex:1}:host([attached]) .button-group{gap:0}:host([attached]) ::slotted(ore-button:hover),:host([attached]) ::slotted(ore-button:focus-within){z-index:1;position:relative}:host([attached]:not([orientation=vertical])) ::slotted(ore-button){--button-radius:0}:host([attached]:not([orientation=vertical])) ::slotted(ore-button:not(:first-child)){--button-border-start:0}:host([attached]:not([orientation=vertical])) ::slotted(ore-button:first-child){--button-radius:var(--group-radius) 0 0 var(--group-radius)}:host([attached]:not([orientation=vertical])) ::slotted(ore-button:last-child){--button-radius:0 var(--group-radius) var(--group-radius) 0}:host([attached][orientation=vertical]) ::slotted(ore-button){--button-radius:0}:host([attached][orientation=vertical]) ::slotted(ore-button:not(:first-child)){--button-border-top:0}:host([attached][orientation=vertical]) ::slotted(ore-button:first-child){--button-radius:var(--group-radius) var(--group-radius) 0 0}:host([attached][orientation=vertical]) ::slotted(ore-button:last-child){--button-radius:0 0 var(--group-radius) var(--group-radius)}}`,or=n(`OreButtonGroup`),sr=`ore-button-group`;a(sr,{props:{...J,...Y,attached:p.bool(!1),fullwidth:p.bool(!1),label:p.string(),orientation:p.string(),variant:p.string()},setup(e){return m(or,{color:e.color,size:e.size,variant:e.variant}),s`
|
|
840
840
|
<div class="button-group" part="group" role="group" :aria-label="${e.label}">
|
|
841
841
|
<slot></slot>
|
|
842
842
|
</div>
|
|
843
|
-
`},styles:[ar]});var cr=e=>()=>e.value||void 0,lr=(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;t({attr:{...d!==void 0&&{indeterminate:d},ariaChecked:()=>r===`checkbox`&&d?.value?`mixed`:a.value?`true`:`false`,ariaDescribedby:()=>s.value||u.value?i:null,ariaDisabled:()=>o.value?`true`:null,ariaInvalid:()=>s.value?`true`:null,ariaLabelledby:f,ariaRequired:()=>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}})},Q=n(`FormContext`),ur=(e,t)=>({disabled:
|
|
843
|
+
`},styles:[ar]});var cr=e=>()=>e.value||void 0,lr=(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;t({attr:{...d!==void 0&&{indeterminate:d},ariaChecked:()=>r===`checkbox`&&d?.value?`mixed`:a.value?`true`:`false`,ariaDescribedby:()=>s.value||u.value?i:null,ariaDisabled:()=>o.value?`true`:null,ariaInvalid:()=>s.value?`true`:null,ariaLabelledby:f,ariaRequired:()=>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}})},Q=n(`FormContext`),ur=(e,t)=>({disabled:x(()=>!!e.disabled?.value||!!t?.disabled?.value),size:x(()=>e.size?.value??t?.size?.value),variant:x(()=>e.variant?.value??t?.variant?.value)}),$=(e,n)=>{let r=ur(e,n);return t({attr:{disabled:()=>r.disabled.value?``:void 0}}),r},dr=(e,t,n,r)=>s`<div
|
|
844
844
|
class="helper-text"
|
|
845
845
|
part="helper-text"
|
|
846
846
|
id="${e}"
|
|
@@ -872,7 +872,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
872
872
|
<div id="${e.errorId}" class="helper-text" role="alert" part="error" ?hidden="${()=>!e.errorText.value}">
|
|
873
873
|
${()=>e.errorText.value}
|
|
874
874
|
</div>
|
|
875
|
-
`;function mr(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 hr=`@layer refine.base{:host{--_bg:var(--button-bg,var(--color-contrast-100));--_color:var(--button-color,var(--color-contrast-900));--_border-color:var(--button-border-color,var(--color-contrast-300));--_radius:var(--button-radius,var(--rounded-lg));align-items:center;justify-content:var(--button-justify,center);display:inline-flex}:host([disabled]) a,:host([loading]) a{pointer-events:none;cursor:not-allowed}:host([loading]) a{cursor:wait}[part=button]{box-sizing:border-box;gap:var(--_gap,var(--size-2));align-items:center;justify-content:var(--button-justify,center);width:100%;min-width:0;height:var(--_height,var(--size-10));min-height:var(--_touch-target);padding:var(--_padding,var(--size-2) var(--size-4));font-size:var(--_font-size,var(--text-sm));font-weight:var(--font-medium);line-height:var(--_line-height,var(--leading-normal));color:var(--_color);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--_bg);border:var(--button-border,var(--border)) solid var(--_border-color);border-top-width:var(--button-border-top,var(--button-border,var(--border)));border-bottom-width:var(--button-border-bottom,var(--button-border,var(--border)));border-radius:var(--_radius);transition:var(--_motion-transition,background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), color var(--transition-normal), transform .12s var(--ease-spring));display:flex;position:relative}[part=button]:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-width:var(--button-border-start,var(--button-border,var(--border)));border-right-width:var(--button-border-end,var(--button-border,var(--border)))}[part=button]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-width:var(--button-border-start,var(--button-border,var(--border)));border-left-width:var(--button-border-end,var(--button-border,var(--border)))}[part=button]:focus-visible{outline:none}@keyframes spin{to{transform:rotate(360deg)}}.loader{border:var(--border-2) solid currentcolor;width:1em;height:1em;animation:var(--_motion-animation,spin var(--transition-loader) infinite);border-radius:50%;position:absolute}.loader:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}.content{text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;align-items:center;min-width:0;max-width:100%;display:inline-flex;overflow:hidden}::slotted([slot=prefix]),::slotted([slot=suffix]){flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}::slotted(svg){width:var(--_icon-size,var(--leading-6));height:var(--_icon-size,var(--leading-6));flex-shrink:0}}@layer refine.overrides{:host([fullwidth]){width:100%;display:flex}:host([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)}}`,gr=[`solid`,`flat`,`bordered`,`outline`,`ghost`,`text`,`frost`],_r=`ore-button`;a(_r,{formAssociated:!0,props:{...$e,effect:p.string(),fullheight:p.bool(!1),fullwidth:p.bool(!1),href:p.string(),iconOnly:p.bool(!1),label:p.string(),rel:p.string(),target:p.string(),type:p.oneOf([`button`,`submit`,`reset`],`button`),variant:p.oneOf(gr,`solid`)},setup(e){let n=o(),r=c(or),i=
|
|
875
|
+
`;function mr(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 hr=`@layer refine.base{:host{--_bg:var(--button-bg,var(--color-contrast-100));--_color:var(--button-color,var(--color-contrast-900));--_border-color:var(--button-border-color,var(--color-contrast-300));--_radius:var(--button-radius,var(--rounded-lg));align-items:center;justify-content:var(--button-justify,center);display:inline-flex}:host([disabled]) a,:host([loading]) a{pointer-events:none;cursor:not-allowed}:host([loading]) a{cursor:wait}[part=button]{box-sizing:border-box;gap:var(--_gap,var(--size-2));align-items:center;justify-content:var(--button-justify,center);width:100%;min-width:0;height:var(--_height,var(--size-10));min-height:var(--_touch-target);padding:var(--_padding,var(--size-2) var(--size-4));font-size:var(--_font-size,var(--text-sm));font-weight:var(--font-medium);line-height:var(--_line-height,var(--leading-normal));color:var(--_color);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--_bg);border:var(--button-border,var(--border)) solid var(--_border-color);border-top-width:var(--button-border-top,var(--button-border,var(--border)));border-bottom-width:var(--button-border-bottom,var(--button-border,var(--border)));border-radius:var(--_radius);transition:var(--_motion-transition,background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), color var(--transition-normal), transform .12s var(--ease-spring));display:flex;position:relative}[part=button]:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-width:var(--button-border-start,var(--button-border,var(--border)));border-right-width:var(--button-border-end,var(--button-border,var(--border)))}[part=button]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-width:var(--button-border-start,var(--button-border,var(--border)));border-left-width:var(--button-border-end,var(--button-border,var(--border)))}[part=button]:focus-visible{outline:none}@keyframes spin{to{transform:rotate(360deg)}}.loader{border:var(--border-2) solid currentcolor;width:1em;height:1em;animation:var(--_motion-animation,spin var(--transition-loader) infinite);border-radius:50%;position:absolute}.loader:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}.content{text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;align-items:center;min-width:0;max-width:100%;display:inline-flex;overflow:hidden}::slotted([slot=prefix]),::slotted([slot=suffix]){flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}::slotted(svg){width:var(--_icon-size,var(--leading-6));height:var(--_icon-size,var(--leading-6));flex-shrink:0}}@layer refine.overrides{:host([fullwidth]){width:100%;display:flex}:host([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)}}`,gr=[`solid`,`flat`,`bordered`,`outline`,`ghost`,`text`,`frost`],_r=`ore-button`;a(_r,{formAssociated:!0,props:{...$e,effect:p.string(),fullheight:p.bool(!1),fullwidth:p.bool(!1),href:p.string(),iconOnly:p.bool(!1),label:p.string(),rel:p.string(),target:p.string(),type:p.oneOf([`button`,`submit`,`reset`],`button`),variant:p.oneOf(gr,`solid`)},setup(e){let n=o(),r=c(or),i=x(()=>r?.color.value??e.color.value),a=x(()=>r?.size.value??e.size.value),l=x(()=>r?.variant.value??e.variant.value),u=x(()=>!!(e.disabled.value||e.loading.value)),{effectiveRel:d,isLink:f}=ir(e.href,e.rel,e.target),p=z({disabled:u,toFormValue:()=>null,value:x(()=>``)}),m=t=>{if(u.value){t.preventDefault();return}mr(()=>f.value?null:p.internals.form,e.type,u,n)(t)};t({attr:{"aria-busy":e.loading,"aria-disabled":u,"aria-label":e.label,color:i,effect:e.effect,role:x(()=>n.getAttribute(`role`)??(f.value?`link`:`button`)),size:a,tabindex:x(()=>u.value?`-1`:`0`),variant:l},on:{keydown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),(n.shadowRoot?.querySelector(`[part="button"]`))?.click())}}});let h=s`
|
|
876
876
|
<span class="loader" part="loader" aria-label="Loading" ?hidden=${()=>!e.loading.value}></span>
|
|
877
877
|
<slot name="prefix"></slot>
|
|
878
878
|
<span class="content" part="content"><slot></slot></span>
|
|
@@ -888,7 +888,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
888
888
|
@click="${m}">
|
|
889
889
|
${h}
|
|
890
890
|
</a>`:s`<span part="button" role="presentation" @click="${m}">${h}</span>`}
|
|
891
|
-
`},shadow:{delegatesFocus:!1},styles:[q,U,W,G,_e,K({lg:{fontSize:`var(--text-base)`,gap:`var(--size-2-5)`,height:`var(--size-12)`,iconSize:`var(--size-6)`,lineHeight:`var(--leading-relaxed)`,padding:`var(--size-2-5) var(--size-5)`},sm:{fontSize:`var(--text-sm)`,gap:`var(--size-1-5)`,height:`var(--size-8)`,iconSize:`var(--size-4)`,lineHeight:`var(--leading-tight)`,padding:`var(--size-1-5) var(--size-3)`}}),Ee(`[part="button"]`),we(`[part="button"]`),Te(`[part="button"]`),pe,hr]});var vr=`@layer refine.base{:host{gap:var(--size-1);align-items:center;display:flex}.pagination{gap:var(--pagination-gap,var(--size-1));align-items:center;margin:0;padding:0;list-style:none;display:flex}li{display:contents}button{all:unset;box-sizing:border-box;min-width:var(--pagination-item-size,var(--size-9));height:var(--pagination-item-size,var(--size-9));min-height:var(--_touch-target);padding:0 var(--size-2);font-size:var(--_font-size,var(--text-sm));font-weight:var(--font-medium);color:var(--color-contrast-700);cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--border) solid transparent;border-radius:var(--pagination-radius,var(--rounded-lg));transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}:host(:not([variant])) button,:host([variant=ghost]) button{color:var(--color-contrast-700);background:0 0;border-width:0;border-color:#0000}:host(:not([variant])) button:hover:not(:disabled,[aria-current=page]),:host([variant=ghost]) button:hover:not(:disabled,[aria-current=page]){background:var(--_theme-backdrop)}:host([variant=solid]) button{color:var(--_theme-contrast);background:var(--_theme-base);border-color:var(--_theme-base)}:host([variant=solid]) button:hover:not(:disabled,[aria-current=page]){background:var(--_theme-focus)}:host([variant=flat]) button{color:var(--_theme-base);background:color-mix(in oklch, var(--_theme-backdrop) 8%, var(--color-contrast-100));border-color:color-mix(in oklch, var(--_theme-focus) 20%, transparent);box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) button:hover:not(:disabled,[aria-current=page]){color:var(--_theme-contrast);background:var(--_theme-focus)}:host([variant=bordered]) button{color:var(--_theme-base);background:var(--_theme-backdrop);border-color:var(--_theme-border);box-shadow:var(--inset-shadow-xs)}:host([variant=bordered]) button:hover:not(:disabled,[aria-current=page]){color:var(--_theme-contrast);background:var(--_theme-focus);border-color:var(--_theme-focus)}:host([variant=outline]) button{color:var(--_theme-base);border-color:var(--_theme-base);background:0 0}:host([variant=outline]) button:hover:not(:disabled,[aria-current=page]){background:var(--_theme-backdrop);border-color:var(--_theme-focus)}:host([variant=text]) button{color:var(--_theme-base);background:0 0;border-width:0;border-color:#0000}:host([variant=text]) button:hover:not(:disabled,[aria-current=page]){color:var(--_theme-focus);background:0 0}:host([variant=frost]) button{color:var(--_theme-content);background:color-mix(in oklch, var(--_theme-backdrop) 45%, transparent);border-color:color-mix(in oklch, var(--_theme-border) 45%, transparent);-webkit-backdrop-filter:blur(var(--blur-xl)) saturate(200%);backdrop-filter:blur(var(--blur-xl)) saturate(200%)}:host([variant=frost]) button:hover:not(:disabled,[aria-current=page]){background:color-mix(in oklch, var(--_theme-backdrop) 65%, transparent);border-color:color-mix(in oklch, var(--_theme-focus) 55%, transparent)}:host([variant=glass]) button{color:var(--_theme-content);background:color-mix(in oklch, var(--color-canvas) 70%, transparent);border-color:color-mix(in oklch, var(--_theme-border) 40%, transparent);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(140%);backdrop-filter:blur(var(--blur-md)) saturate(140%)}:host([variant=glass]) button:hover:not(:disabled,[aria-current=page]){background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-color:color-mix(in oklch, var(--_theme-border) 45%, transparent)}button:hover:not(:disabled,[aria-current=page]){background:var(--color-contrast-100)}button:focus-visible{outline:var(--border-2) solid var(--_theme-base,var(--color-contrast-500));outline-offset:var(--border-2)}button[aria-current=page]{font-weight:var(--font-bold);color:var(--_theme-contrast,var(--color-canvas));cursor:default;background:var(--_theme-base,var(--color-contrast-800));border-color:var(--_theme-base,var(--color-contrast-800))}:host([variant=ghost]) button[aria-current=page],:host(:not([variant])) button[aria-current=page]{color:var(--_theme-contrast);background:var(--_theme-focus);border-color:var(--_theme-focus)}:host([variant=solid]) button[aria-current=page]{background:var(--_theme-focus);border-color:var(--_theme-focus)}:host([variant=flat]) button[aria-current=page]{color:var(--_theme-contrast);background:var(--_theme-base);border-color:var(--_theme-base)}:host([variant=bordered]) button[aria-current=page]{color:var(--_theme-contrast);background:var(--_theme-focus);border-color:var(--_theme-focus)}:host([variant=outline]) button[aria-current=page]{color:var(--_theme-contrast);background:var(--_theme-base);border-color:var(--_theme-base)}:host([variant=text]) button[aria-current=page]{color:var(--_theme-focus);text-underline-offset:4px;text-decoration-line:underline;text-decoration-thickness:2px}:host([variant=frost]) button[aria-current=page]{color:var(--_theme-contrast);background:color-mix(in oklch, var(--_theme-base) 70%, transparent);border-color:var(--_theme-base)}:host([variant=glass]) button[aria-current=page]{color:var(--_theme-contrast);background:color-mix(in oklch, var(--color-canvas) 90%, transparent);border-color:var(--_theme-base)}button:disabled{cursor:not-allowed;opacity:.4}.ellipsis{min-width:var(--pagination-item-size,var(--size-9));height:var(--pagination-item-size,var(--size-9));font-size:var(--_font-size,var(--text-sm));color:var(--color-contrast-400);cursor:default;justify-content:center;align-items:center;display:inline-flex}}@layer refine.utilities{:host([size=sm]){--pagination-item-size:var(--size-7);--pagination-gap:var(--size-0_5);--_font-size:var(--text-xs)}:host([size=lg]){--pagination-item-size:var(--size-11);--_font-size:var(--text-base)}}`;function yr(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 br=`ore-pagination`;a(br,{props:{...J,...Y,label:p.string(`Pagination`),page:p.number(1),"show-first-last":p.bool(!1),"show-prev-next":p.bool(!1),siblings:p.number(1),"total-pages":p.number(1),variant:p.string()},setup(e){let t=o(),n=
|
|
891
|
+
`},shadow:{delegatesFocus:!1},styles:[q,U,W,G,_e,K({lg:{fontSize:`var(--text-base)`,gap:`var(--size-2-5)`,height:`var(--size-12)`,iconSize:`var(--size-6)`,lineHeight:`var(--leading-relaxed)`,padding:`var(--size-2-5) var(--size-5)`},sm:{fontSize:`var(--text-sm)`,gap:`var(--size-1-5)`,height:`var(--size-8)`,iconSize:`var(--size-4)`,lineHeight:`var(--leading-tight)`,padding:`var(--size-1-5) var(--size-3)`}}),Ee(`[part="button"]`),we(`[part="button"]`),Te(`[part="button"]`),pe,hr]});var vr=`@layer refine.base{:host{gap:var(--size-1);align-items:center;display:flex}.pagination{gap:var(--pagination-gap,var(--size-1));align-items:center;margin:0;padding:0;list-style:none;display:flex}li{display:contents}button{all:unset;box-sizing:border-box;min-width:var(--pagination-item-size,var(--size-9));height:var(--pagination-item-size,var(--size-9));min-height:var(--_touch-target);padding:0 var(--size-2);font-size:var(--_font-size,var(--text-sm));font-weight:var(--font-medium);color:var(--color-contrast-700);cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--border) solid transparent;border-radius:var(--pagination-radius,var(--rounded-lg));transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}:host(:not([variant])) button,:host([variant=ghost]) button{color:var(--color-contrast-700);background:0 0;border-width:0;border-color:#0000}:host(:not([variant])) button:hover:not(:disabled,[aria-current=page]),:host([variant=ghost]) button:hover:not(:disabled,[aria-current=page]){background:var(--_theme-backdrop)}:host([variant=solid]) button{color:var(--_theme-contrast);background:var(--_theme-base);border-color:var(--_theme-base)}:host([variant=solid]) button:hover:not(:disabled,[aria-current=page]){background:var(--_theme-focus)}:host([variant=flat]) button{color:var(--_theme-base);background:color-mix(in oklch, var(--_theme-backdrop) 8%, var(--color-contrast-100));border-color:color-mix(in oklch, var(--_theme-focus) 20%, transparent);box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) button:hover:not(:disabled,[aria-current=page]){color:var(--_theme-contrast);background:var(--_theme-focus)}:host([variant=bordered]) button{color:var(--_theme-base);background:var(--_theme-backdrop);border-color:var(--_theme-border);box-shadow:var(--inset-shadow-xs)}:host([variant=bordered]) button:hover:not(:disabled,[aria-current=page]){color:var(--_theme-contrast);background:var(--_theme-focus);border-color:var(--_theme-focus)}:host([variant=outline]) button{color:var(--_theme-base);border-color:var(--_theme-base);background:0 0}:host([variant=outline]) button:hover:not(:disabled,[aria-current=page]){background:var(--_theme-backdrop);border-color:var(--_theme-focus)}:host([variant=text]) button{color:var(--_theme-base);background:0 0;border-width:0;border-color:#0000}:host([variant=text]) button:hover:not(:disabled,[aria-current=page]){color:var(--_theme-focus);background:0 0}:host([variant=frost]) button{color:var(--_theme-content);background:color-mix(in oklch, var(--_theme-backdrop) 45%, transparent);border-color:color-mix(in oklch, var(--_theme-border) 45%, transparent);-webkit-backdrop-filter:blur(var(--blur-xl)) saturate(200%);backdrop-filter:blur(var(--blur-xl)) saturate(200%)}:host([variant=frost]) button:hover:not(:disabled,[aria-current=page]){background:color-mix(in oklch, var(--_theme-backdrop) 65%, transparent);border-color:color-mix(in oklch, var(--_theme-focus) 55%, transparent)}:host([variant=glass]) button{color:var(--_theme-content);background:color-mix(in oklch, var(--color-canvas) 70%, transparent);border-color:color-mix(in oklch, var(--_theme-border) 40%, transparent);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(140%);backdrop-filter:blur(var(--blur-md)) saturate(140%)}:host([variant=glass]) button:hover:not(:disabled,[aria-current=page]){background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-color:color-mix(in oklch, var(--_theme-border) 45%, transparent)}button:hover:not(:disabled,[aria-current=page]){background:var(--color-contrast-100)}button:focus-visible{outline:var(--border-2) solid var(--_theme-base,var(--color-contrast-500));outline-offset:var(--border-2)}button[aria-current=page]{font-weight:var(--font-bold);color:var(--_theme-contrast,var(--color-canvas));cursor:default;background:var(--_theme-base,var(--color-contrast-800));border-color:var(--_theme-base,var(--color-contrast-800))}:host([variant=ghost]) button[aria-current=page],:host(:not([variant])) button[aria-current=page]{color:var(--_theme-contrast);background:var(--_theme-focus);border-color:var(--_theme-focus)}:host([variant=solid]) button[aria-current=page]{background:var(--_theme-focus);border-color:var(--_theme-focus)}:host([variant=flat]) button[aria-current=page]{color:var(--_theme-contrast);background:var(--_theme-base);border-color:var(--_theme-base)}:host([variant=bordered]) button[aria-current=page]{color:var(--_theme-contrast);background:var(--_theme-focus);border-color:var(--_theme-focus)}:host([variant=outline]) button[aria-current=page]{color:var(--_theme-contrast);background:var(--_theme-base);border-color:var(--_theme-base)}:host([variant=text]) button[aria-current=page]{color:var(--_theme-focus);text-underline-offset:4px;text-decoration-line:underline;text-decoration-thickness:2px}:host([variant=frost]) button[aria-current=page]{color:var(--_theme-contrast);background:color-mix(in oklch, var(--_theme-base) 70%, transparent);border-color:var(--_theme-base)}:host([variant=glass]) button[aria-current=page]{color:var(--_theme-contrast);background:color-mix(in oklch, var(--color-canvas) 90%, transparent);border-color:var(--_theme-base)}button:disabled{cursor:not-allowed;opacity:.4}.ellipsis{min-width:var(--pagination-item-size,var(--size-9));height:var(--pagination-item-size,var(--size-9));font-size:var(--_font-size,var(--text-sm));color:var(--color-contrast-400);cursor:default;justify-content:center;align-items:center;display:inline-flex}}@layer refine.utilities{:host([size=sm]){--pagination-item-size:var(--size-7);--pagination-gap:var(--size-0_5);--_font-size:var(--text-xs)}:host([size=lg]){--pagination-item-size:var(--size-11);--_font-size:var(--text-base)}}`;function yr(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 br=`ore-pagination`;a(br,{props:{...J,...Y,label:p.string(`Pagination`),page:p.number(1),"show-first-last":p.bool(!1),"show-prev-next":p.bool(!1),siblings:p.number(1),"total-pages":p.number(1),variant:p.string()},setup(e){let t=o(),n=_();function r(r){let i=e[`total-pages`].value||1,a=Math.min(Math.max(1,r),i);a!==e.page.value&&(t.setAttribute(`page`,String(a)),n(`change`,{page:a}))}let i=x(()=>yr(e.page.value||1,e[`total-pages`].value||1,e.siblings.value??1)),a=x(()=>(e.page.value||1)<=1),c=x(()=>(e.page.value||1)>=(e[`total-pages`].value||1));return s`
|
|
892
892
|
<nav :aria-label="${e.label}" part="nav">
|
|
893
893
|
<ol class="pagination" part="list">
|
|
894
894
|
${()=>e[`show-first-last`].value?s`<li>
|
|
@@ -974,7 +974,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
974
974
|
:aria-hidden="${n}"
|
|
975
975
|
:aria-orientation="${()=>e.orientation.value}" />
|
|
976
976
|
`}
|
|
977
|
-
`},styles:[q,xr]});var Cr=`@layer refine.base{:host{box-shadow:var(--table-shadow,none);border:none;border-radius:0}caption{padding:var(--size-3);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-align:start;text-transform:uppercase;letter-spacing:.05em;caption-side:top;background:var(--_header-bg)}thead,tfoot{background:var(--_header-bg)}thead{border-bottom:var(--border) solid var(--_border-color)}tfoot{border-top:var(--border) solid var(--_border-color)}tbody tr{border-bottom:var(--border) solid var(--_border-color);transition:background var(--transition-fast)}tbody tr:hover{background:var(--_row-hover-bg)}th,td{padding:var(--_cell-padding-y) var(--_cell-padding-x);font-size:var(--_font-size);vertical-align:middle;color:var(--color-contrast-800);text-align:start;font-weight:400}thead th,thead td,tfoot th,tfoot td{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;-webkit-user-select:none;user-select:none}}@layer refine.variants{:host([bordered]) th:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([bordered]) td:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_border-color)}:host([bordered]) th:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}:host([bordered]) td:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}:host([bordered]) th:last-child:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([bordered]) td:last-child:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:none}:host([bordered]) th:last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:none}:host([bordered]) td:last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:none}:host([striped]) tbody tr:nth-child(2n){background:var(--_stripe-bg)}:host([sticky]) thead{z-index:2;background:var(--table-sticky-header-bg,color-mix(in oklch, var(--_header-bg) 94%, transparent));box-shadow:inset 0 calc(var(--border) * -1) 0 var(--_border-color);-webkit-backdrop-filter:blur(var(--table-sticky-blur,var(--blur-md))) saturate(140%);backdrop-filter:blur(var(--table-sticky-blur,var(--blur-md))) saturate(140%);position:sticky;top:0}}`;customElements.get(`ore-tr`)||customElements.define(`ore-tr`,class extends HTMLElement{}),customElements.get(`ore-th`)||customElements.define(`ore-th`,class extends HTMLElement{}),customElements.get(`ore-td`)||customElements.define(`ore-td`,class extends HTMLElement{});var wr=[`colspan`,`rowspan`,`headers`,`abbr`];function Tr(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 wr){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 Er(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`),Tr(r,s,c),i.set(r,{inferredScope:c,native:s}),o.appendChild(s)}e.appendChild(o)}return i}var Dr=`ore-table`;a(Dr,{props:{bordered:p.bool(!1),caption:p.string(),density:p.string(),fullwidth:p.bool(!1),loading:p.bool(!1),sticky:p.bool(!1),striped:p.bool(!1)},setup(e){let n=o(),r=v;return t({attr:{"aria-busy":e.loading,"aria-label":e.caption}}),f(()=>{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=Er(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&&Tr(e,t.native,t.inferredScope)}}});u.observe(n,{attributeFilter:[...wr,`scope`],attributes:!0,characterData:!0,childList:!0,subtree:!0});let d=new MutationObserver(()=>{l=Er(n,o,s,c)});return d.observe(n,{childList:!0}),()=>{d.disconnect(),u.disconnect()}}),s`<div class="scroll-container"></div>`},styles:[W,Oe(`table`),Cr]});var Or=`:host{--_size:var(--text-size,var(--text-base));--_weight:var(--text-weight,var(--font-normal));--_color:var(--text-color,var(--text-color-body));--_line-height:var(--text-line-height,var(--leading-normal));--_letter-spacing:var(--text-letter-spacing,normal);font-size:var(--_size);font-weight:var(--_weight);line-height:var(--_line-height);color:var(--_color);letter-spacing:var(--_letter-spacing);display:block}:host([hidden]){display:none}:host([lines]){-webkit-line-clamp:var(--_lines);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:host(:is([as=span],[as=label],[as=code]):not([align],[truncate])){display:inline}:host([variant=heading]){--_size:var(--text-size,var(--heading-md));--_weight:var(--text-weight,var(--font-semibold));--_color:var(--text-color,var(--text-color-heading));--_line-height:var(--text-line-height,var(--leading-tight));--_letter-spacing:var(--text-letter-spacing,var(--tracking-header))}:host([variant=label]){--_size:var(--text-size,var(--text-sm));--_weight:var(--text-weight,var(--font-medium));--_color:var(--text-color,var(--text-color-heading));--_line-height:var(--text-line-height,var(--leading-snug))}:host([variant=caption]){--_size:var(--text-size,var(--text-sm));--_color:var(--text-color,var(--text-color-secondary))}:host([variant=overline]){--_size:var(--text-size,var(--text-xs));--_weight:var(--text-weight,var(--font-semibold));--_line-height:var(--text-line-height,var(--leading-none));--_letter-spacing:var(--text-letter-spacing,.08em);text-transform:uppercase}:host([variant=code]){--_size:var(--text-size,var(--text-sm));font-family:var(--font-mono,monospace)}:host([size=xs]){--_size:var(--text-size,var(--text-xs))}:host([size=sm]){--_size:var(--text-size,var(--text-sm))}:host([size=md]){--_size:var(--text-size,var(--text-base))}:host([size=lg]){--_size:var(--text-size,var(--text-lg))}:host([size=xl]){--_size:var(--text-size,var(--text-xl))}:host([size="2xl"]){--_size:var(--text-size,var(--text-2xl))}:host([variant=heading][size=xs]){--_size:var(--text-size,var(--heading-xs))}:host([variant=heading][size=sm]){--_size:var(--text-size,var(--heading-sm))}:host([variant=heading][size=md]){--_size:var(--text-size,var(--heading-md))}:host([variant=heading][size=lg]){--_size:var(--text-size,var(--heading-lg))}:host([variant=heading][size=xl]){--_size:var(--text-size,var(--heading-xl))}:host([variant=heading][size="2xl"]){--_size:var(--text-size,var(--heading-2xl))}:host([weight=normal]){--_weight:var(--text-weight,var(--font-normal))}:host([weight=medium]){--_weight:var(--text-weight,var(--font-medium))}:host([weight=semibold]){--_weight:var(--text-weight,var(--font-semibold))}:host([weight=bold]){--_weight:var(--text-weight,var(--font-bold))}:host([color=primary]){--_color:var(--text-color,var(--color-primary))}:host([color=secondary]){--_color:var(--text-color,var(--color-secondary))}:host([color=info]){--_color:var(--text-color,var(--color-info))}:host([color=success]){--_color:var(--text-color,var(--color-success))}:host([color=warning]){--_color:var(--text-color,var(--color-warning))}:host([color=error]){--_color:var(--text-color,var(--color-error))}:host([color=heading]){--_color:var(--text-color,var(--text-color-heading))}:host([color=body]){--_color:var(--text-color,var(--text-color-body))}:host([color=muted]){--_color:var(--text-color,var(--text-color-secondary))}:host([color=tertiary]){--_color:var(--text-color,var(--text-color-tertiary))}:host([color=disabled]){--_color:var(--text-color,var(--text-color-disabled))}:host([color=contrast]){--_color:var(--text-color,var(--text-color-contrast))}@layer refine.utilities{:host([align]){display:block}:host([align=left]){text-align:start}:host([align=center]){text-align:center}:host([align=right]){text-align:end}:host([align=justify]){text-align:justify}:host([truncate]){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}:host([italic]){font-style:italic}:host([as=p]),:host([as=div]),:host(:is([as=h1],[as=h2],[as=h3],[as=h4],[as=h5],[as=h6])){display:block}}`,kr=`ore-text`;a(kr,{props:{align:p.string(),as:p.string(),color:p.string(),italic:p.bool(),lines:p.number(),size:p.string(),truncate:p.bool(),variant:p.string(),weight:p.string()},setup(e){return t({attr:{"aria-level":()=>{let t=/^h([1-6])$/.exec(e.as.value??``);return t?t[1]:null},role:()=>/^h([1-6])$/.test(e.as.value??``)?`heading`:null},style:{"--_lines":()=>e.lines.value==null?null:String(e.lines.value)}}),s`<slot></slot>`},styles:[Or]});var Ar=`@layer refine.base{:host{--_bg:var(--accordion-bg);--_border-color:var(--accordion-border-color);gap:var(--size-2);background:var(--_bg);flex-direction:column;width:100%;display:flex}::slotted(ore-accordion-item){width:100%}}@layer refine.variants{:host([variant=bordered]){gap:var(--size-2)}:host([variant=text]){gap:0}:host([variant=text]) ::slotted(ore-accordion-item:not(:last-child)){border-bottom:1px solid var(--accordion-divider-color,var(--color-contrast-200))}:host([variant=solid]),:host([variant=flat]),:host([variant=glass]),:host([variant=frost]){padding:var(--size-2);border-radius:var(--rounded-lg);gap:0}:host([variant=solid]){--_bg:var(--accordion-bg,var(--color-contrast-50));--_border-color:var(--accordion-border-color,var(--color-contrast-200));border:var(--border) solid var(--_border-color);box-shadow:var(--accordion-shadow,var(--shadow-xs))}:host([variant=flat]){--_bg:var(--accordion-bg,var(--color-contrast-100));--_border-color:var(--accordion-border-color,var(--color-contrast-200));border:var(--border) solid var(--_border-color);box-shadow:var(--accordion-shadow,var(--inset-shadow-xs))}:host([variant=glass]),:host([variant=frost]){box-shadow:var(--accordion-shadow,var(--shadow-md), var(--inset-shadow-xs));-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([variant=glass]){--_bg:var(--accordion-bg,color-mix(in oklch, var(--color-secondary) 30%, var(--color-contrast) 10%))}:host([variant=frost]){--_bg:var(--accordion-bg,color-mix(in oklch, var(--color-canvas) 55%, transparent))}:host(:is([variant=glass],[variant=frost])) ::slotted(ore-accordion-item){border-radius:0}:host(:is([variant=glass],[variant=frost])) ::slotted(ore-accordion-item:first-child){border-radius:var(--rounded-lg) var(--rounded-lg) 0 0}:host(:is([variant=glass],[variant=frost])) ::slotted(ore-accordion-item:last-child){border-radius:0 0 var(--rounded-lg) var(--rounded-lg)}:host(:is([variant=glass],[variant=frost])) ::slotted(ore-accordion-item:only-child){border-radius:var(--rounded-lg)}}`,jr=n(`AccordionContext`),Mr=`ore-accordion`;a(Mr,{props:{selectionMode:p.string(),size:p.string(),variant:p.string()},setup(e){let n=o(),r=g(),i=t=>{e.selectionMode.value===`single`&&(n.querySelectorAll(`:scope > ore-accordion-item[expanded]`).forEach(e=>{e!==t&&e.hasAttribute(`expanded`)&&e.removeAttribute(`expanded`)}),r(`change`,{expandedItem:t}))},a=()=>[...n.querySelectorAll(`:scope > ore-accordion-item:not([disabled])`)],c=()=>a().map(e=>e.shadowRoot?.querySelector(`summary`)).filter(Boolean),u=Vt({getItems:()=>a(),loop:!0,onNavigate:(e,t)=>{c()[t]?.focus()},signal:Z(l)});return m(jr,{selectionMode:C(()=>e.selectionMode.value),size:e.size,variant:e.variant}),t({on:{expand:e=>{let t=e.composedPath().find(e=>e instanceof HTMLElement),r=e.detail?.item??t;!r||r.localName!==`ore-accordion-item`||r.closest(`ore-accordion`)===n&&i(r)},keydown:e=>{let t=c();if(!t.length)return;let n=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`summary`),r=n?t.indexOf(n):-1;r!==-1&&(u.set(r),u.handleKeydown(e))}}}),s`<slot></slot>`},styles:[Ar]});var Nr=`@layer refine.base{:host{--tabs-transition:var(--transition-normal);--tabs-radius:var(--rounded-lg);flex-direction:column;width:100%;height:100%;display:flex}.tablist-wrapper{flex-shrink:0;position:relative}[role=tablist]{gap:var(--tabs-tab-gap,var(--size-1));scrollbar-width:none;align-items:stretch;display:flex;position:relative;overflow-x:auto}[role=tablist]::-webkit-scrollbar{display:none}.indicator{pointer-events:none;background:var(--tabs-indicator-color,var(--_theme-base));border-radius:var(--rounded-full);height:2px;transition:transform var(--tabs-transition);position:absolute;bottom:0;left:0}.panels{flex-direction:column;flex:1;min-height:0;display:flex}}@layer refine.orientation{:host([orientation=vertical]){flex-direction:row;align-items:flex-start}:host([orientation=vertical]) .tablist-wrapper{flex-shrink:0;display:flex}:host([orientation=vertical]) [role=tablist]{width:max-content;overflow-x:unset;flex-direction:column;overflow-y:auto}:host([orientation=vertical]) .indicator{top:0;bottom:unset;width:2px;height:unset;transition:transform var(--tabs-transition)}:host([orientation=vertical]) .indicator:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([orientation=vertical]) .indicator:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}}@layer refine.variants{:host,:host([variant=solid]){--tabs-tab-gap:var(--size-1);--_tablist-bg:var(--tabs-tablist-bg,var(--color-contrast-100));--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200))}:host [role=tablist],:host([variant=solid]) [role=tablist]{padding:var(--size-1);background:var(--_tablist-bg);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius)}:host .indicator,:host([variant=solid]) .indicator{display:none}:host([variant=flat]){--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200));background:var(--tabs-bg,var(--color-contrast-100));border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius);box-shadow:var(--inset-shadow-xs), var(--shadow-2xs);overflow:hidden}:host([variant=flat]) [role=tablist]{gap:var(--size-1);padding:var(--size-1);border:none;border-bottom:var(--border) solid var(--_tablist-border-color);background:0 0;border-radius:0}:host([variant=flat]) .indicator{display:none}:host([variant=bordered]){--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200))}:host([variant=bordered]) [role=tablist]{gap:var(--size-1);padding:var(--size-1);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius) var(--tabs-radius) 0 0;background:0 0;border-bottom:none}:host([variant=bordered]) .indicator{display:none}:host([variant=bordered]) .panels{border:var(--border) solid var(--_tablist-border-color);border-radius:0 0 var(--tabs-radius) var(--tabs-radius)}:host([variant=bordered][orientation=vertical]) [role=tablist]{border-right:none;border-bottom:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius) 0 0 var(--tabs-radius)}:host([variant=bordered][orientation=vertical]) .panels{border-radius:0 var(--tabs-radius) var(--tabs-radius) 0}:host([variant=ghost]) [role=tablist]{gap:var(--size-1);background:0 0;border:none;border-radius:0;padding:0}:host([variant=ghost]) .indicator{display:none}:host([variant=glass]){--_tablist-bg:var(--tabs-tablist-bg,color-mix(in oklch, var(--color-secondary) 20%, transparent));--_tablist-border-color:var(--tabs-tablist-border-color,color-mix(in oklch, var(--color-secondary-contrast) 15%, transparent))}:host([variant=glass]) [role=tablist]{padding:var(--size-1);background:var(--_tablist-bg);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius);box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([variant=glass]) .indicator{display:none}:host([variant=frost]){--_tablist-bg:var(--tabs-tablist-bg,color-mix(in oklch, var(--color-canvas) 55%, transparent));--_tablist-border-color:var(--tabs-tablist-border-color,color-mix(in oklch, var(--color-contrast-300) 50%, transparent))}:host([variant=frost]) [role=tablist]{padding:var(--size-1);background:var(--_tablist-bg);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius);box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([variant=frost]) .indicator{display:none}}`,Pr=n(`TabsContext`),Fr=`ore-tabs`;a(Fr,{props:{...J,...Y,activation:p.oneOf([`auto`,`manual`],`auto`),label:p.string(),orientation:p.oneOf([`horizontal`,`vertical`],`horizontal`),value:p.string(),variant:p.string()},setup(e){let n=o(),r=g(),i=n.shadowRoot,a=h(),c=h(),u=T(e.value.value),d=()=>e.activation.value===`manual`,p=()=>e.orientation.value===`vertical`;t({attr:{value:()=>u.value??null}});let _=()=>[...n.querySelectorAll(`:scope > ore-tab-item[slot="tabs"]`)],v=()=>_().filter(e=>!e.hasAttribute(`disabled`)),y=e=>{e&&(e.shadowRoot?.querySelector(`[role="tab"]`)??e).focus()},b=(e,t=!1)=>{u.value=e,t&&e&&r(`change`,{value:e})},x=()=>{let e=_();if(e.length===0)return;let t=u.value;if(t&&e.some(e=>e.getAttribute(`value`)===t&&!e.hasAttribute(`disabled`)))return;let n=e.find(e=>!e.hasAttribute(`disabled`))?.getAttribute(`value`)??void 0;b(n,!1)};D(e.value,e=>{u.value=e,x()});let S=Vt({direction:()=>Ut(n),getItems:()=>v(),loop:!0,onNavigate:(e,t)=>{let n=v()[t];if(y(n),!d()){let e=n?.getAttribute(`value`);e&&b(e,!0)}},orientation:()=>p()?`vertical`:`both`,signal:Z(l)});m(Pr,{color:e.color,orientation:C(()=>e.orientation.value??`horizontal`),size:e.size,value:u,variant:e.variant});let w=e=>{let t=c.value,n=a.value;if(!t||!n||!e)return;let r=e.getBoundingClientRect(),i=n.getBoundingClientRect();if(p()){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)`}},E=()=>{let e=u.value;if(!e)return;let t=_().find(t=>t.getAttribute(`value`)===e);w(t)};D(u,()=>{requestAnimationFrame(E)});let O=e=>{let t=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`ore-tab-item`);if(!t||t.hasAttribute(`disabled`)||t.closest(`ore-tabs`)!==n)return;let r=t.getAttribute(`value`);!r||r===u.value||b(r,!0)},k=kt({disabled:C(()=>!d()),onPress:()=>{let e=v().find(e=>e===document.activeElement||e.shadowRoot?.activeElement===document.activeElement)?.getAttribute(`value`);e&&e!==u.value&&b(e,!0)}});return t({on:{click:O,keydown:e=>{let t=v();if(t.length===0)return;let n=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`ore-tab-item`)??t.find(e=>e.getAttribute(`value`)===u.value),r=n?t.indexOf(n):-1;r>=0&&S.set(r),!S.handleKeydown(e)&&k.handleKeydown(e)}}}),f(()=>{let e=()=>{x(),E()},t=i?.querySelector(`slot[name="tabs"]`);return t&&t.addEventListener(`slotchange`,e),e(),requestAnimationFrame(e),()=>{t&&t.removeEventListener(`slotchange`,e)}}),s`
|
|
977
|
+
`},styles:[q,xr]});var Cr=`@layer refine.base{:host{box-shadow:var(--table-shadow,none);border:none;border-radius:0}caption{padding:var(--size-3);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-align:start;text-transform:uppercase;letter-spacing:.05em;caption-side:top;background:var(--_header-bg)}thead,tfoot{background:var(--_header-bg)}thead{border-bottom:var(--border) solid var(--_border-color)}tfoot{border-top:var(--border) solid var(--_border-color)}tbody tr{border-bottom:var(--border) solid var(--_border-color);transition:background var(--transition-fast)}tbody tr:hover{background:var(--_row-hover-bg)}th,td{padding:var(--_cell-padding-y) var(--_cell-padding-x);font-size:var(--_font-size);vertical-align:middle;color:var(--color-contrast-800);text-align:start;font-weight:400}thead th,thead td,tfoot th,tfoot td{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;-webkit-user-select:none;user-select:none}}@layer refine.variants{:host([bordered]) th:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([bordered]) td:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_border-color)}:host([bordered]) th:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}:host([bordered]) td:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}:host([bordered]) th:last-child:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([bordered]) td:last-child:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:none}:host([bordered]) th:last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:none}:host([bordered]) td:last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:none}:host([striped]) tbody tr:nth-child(2n){background:var(--_stripe-bg)}:host([sticky]) thead{z-index:2;background:var(--table-sticky-header-bg,color-mix(in oklch, var(--_header-bg) 94%, transparent));box-shadow:inset 0 calc(var(--border) * -1) 0 var(--_border-color);-webkit-backdrop-filter:blur(var(--table-sticky-blur,var(--blur-md))) saturate(140%);backdrop-filter:blur(var(--table-sticky-blur,var(--blur-md))) saturate(140%);position:sticky;top:0}}`;customElements.get(`ore-tr`)||customElements.define(`ore-tr`,class extends HTMLElement{}),customElements.get(`ore-th`)||customElements.define(`ore-th`,class extends HTMLElement{}),customElements.get(`ore-td`)||customElements.define(`ore-td`,class extends HTMLElement{});var wr=[`colspan`,`rowspan`,`headers`,`abbr`];function Tr(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 wr){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 Er(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`),Tr(r,s,c),i.set(r,{inferredScope:c,native:s}),o.appendChild(s)}e.appendChild(o)}return i}var Dr=`ore-table`;a(Dr,{props:{bordered:p.bool(!1),caption:p.string(),density:p.string(),fullwidth:p.bool(!1),loading:p.bool(!1),sticky:p.bool(!1),striped:p.bool(!1)},setup(e){let n=o(),r=y;return t({attr:{"aria-busy":e.loading,"aria-label":e.caption}}),f(()=>{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=Er(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&&Tr(e,t.native,t.inferredScope)}}});u.observe(n,{attributeFilter:[...wr,`scope`],attributes:!0,characterData:!0,childList:!0,subtree:!0});let d=new MutationObserver(()=>{l=Er(n,o,s,c)});return d.observe(n,{childList:!0}),()=>{d.disconnect(),u.disconnect()}}),s`<div class="scroll-container"></div>`},styles:[W,Oe(`table`),Cr]});var Or=`:host{--_size:var(--text-size,var(--text-base));--_weight:var(--text-weight,var(--font-normal));--_color:var(--text-color,var(--text-color-body));--_line-height:var(--text-line-height,var(--leading-normal));--_letter-spacing:var(--text-letter-spacing,normal);font-size:var(--_size);font-weight:var(--_weight);line-height:var(--_line-height);color:var(--_color);letter-spacing:var(--_letter-spacing);display:block}:host([hidden]){display:none}:host([lines]){-webkit-line-clamp:var(--_lines);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:host(:is([as=span],[as=label],[as=code]):not([align],[truncate])){display:inline}:host([variant=heading]){--_size:var(--text-size,var(--heading-md));--_weight:var(--text-weight,var(--font-semibold));--_color:var(--text-color,var(--text-color-heading));--_line-height:var(--text-line-height,var(--leading-tight));--_letter-spacing:var(--text-letter-spacing,var(--tracking-header))}:host([variant=label]){--_size:var(--text-size,var(--text-sm));--_weight:var(--text-weight,var(--font-medium));--_color:var(--text-color,var(--text-color-heading));--_line-height:var(--text-line-height,var(--leading-snug))}:host([variant=caption]){--_size:var(--text-size,var(--text-sm));--_color:var(--text-color,var(--text-color-secondary))}:host([variant=overline]){--_size:var(--text-size,var(--text-xs));--_weight:var(--text-weight,var(--font-semibold));--_line-height:var(--text-line-height,var(--leading-none));--_letter-spacing:var(--text-letter-spacing,.08em);text-transform:uppercase}:host([variant=code]){--_size:var(--text-size,var(--text-sm));font-family:var(--font-mono,monospace)}:host([size=xs]){--_size:var(--text-size,var(--text-xs))}:host([size=sm]){--_size:var(--text-size,var(--text-sm))}:host([size=md]){--_size:var(--text-size,var(--text-base))}:host([size=lg]){--_size:var(--text-size,var(--text-lg))}:host([size=xl]){--_size:var(--text-size,var(--text-xl))}:host([size="2xl"]){--_size:var(--text-size,var(--text-2xl))}:host([variant=heading][size=xs]){--_size:var(--text-size,var(--heading-xs))}:host([variant=heading][size=sm]){--_size:var(--text-size,var(--heading-sm))}:host([variant=heading][size=md]){--_size:var(--text-size,var(--heading-md))}:host([variant=heading][size=lg]){--_size:var(--text-size,var(--heading-lg))}:host([variant=heading][size=xl]){--_size:var(--text-size,var(--heading-xl))}:host([variant=heading][size="2xl"]){--_size:var(--text-size,var(--heading-2xl))}:host([weight=normal]){--_weight:var(--text-weight,var(--font-normal))}:host([weight=medium]){--_weight:var(--text-weight,var(--font-medium))}:host([weight=semibold]){--_weight:var(--text-weight,var(--font-semibold))}:host([weight=bold]){--_weight:var(--text-weight,var(--font-bold))}:host([color=primary]){--_color:var(--text-color,var(--color-primary))}:host([color=secondary]){--_color:var(--text-color,var(--color-secondary))}:host([color=info]){--_color:var(--text-color,var(--color-info))}:host([color=success]){--_color:var(--text-color,var(--color-success))}:host([color=warning]){--_color:var(--text-color,var(--color-warning))}:host([color=error]){--_color:var(--text-color,var(--color-error))}:host([color=heading]){--_color:var(--text-color,var(--text-color-heading))}:host([color=body]){--_color:var(--text-color,var(--text-color-body))}:host([color=muted]){--_color:var(--text-color,var(--text-color-secondary))}:host([color=tertiary]){--_color:var(--text-color,var(--text-color-tertiary))}:host([color=disabled]){--_color:var(--text-color,var(--text-color-disabled))}:host([color=contrast]){--_color:var(--text-color,var(--text-color-contrast))}@layer refine.utilities{:host([align]){display:block}:host([align=left]){text-align:start}:host([align=center]){text-align:center}:host([align=right]){text-align:end}:host([align=justify]){text-align:justify}:host([truncate]){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}:host([italic]){font-style:italic}:host([as=p]),:host([as=div]),:host(:is([as=h1],[as=h2],[as=h3],[as=h4],[as=h5],[as=h6])){display:block}}`,kr=`ore-text`;a(kr,{props:{align:p.string(),as:p.string(),color:p.string(),italic:p.bool(),lines:p.number(),size:p.string(),truncate:p.bool(),variant:p.string(),weight:p.string()},setup(e){return t({attr:{"aria-level":()=>{let t=/^h([1-6])$/.exec(e.as.value??``);return t?t[1]:null},role:()=>/^h([1-6])$/.test(e.as.value??``)?`heading`:null},style:{"--_lines":()=>e.lines.value==null?null:String(e.lines.value)}}),s`<slot></slot>`},styles:[Or]});var Ar=`@layer refine.base{:host{--_bg:var(--accordion-bg);--_border-color:var(--accordion-border-color);gap:var(--size-2);background:var(--_bg);flex-direction:column;width:100%;display:flex}::slotted(ore-accordion-item){width:100%}}@layer refine.variants{:host([variant=bordered]){gap:var(--size-2)}:host([variant=text]){gap:0}:host([variant=text]) ::slotted(ore-accordion-item:not(:last-child)){border-bottom:1px solid var(--accordion-divider-color,var(--color-contrast-200))}:host([variant=solid]),:host([variant=flat]),:host([variant=glass]),:host([variant=frost]){padding:var(--size-2);border-radius:var(--rounded-lg);gap:0}:host([variant=solid]){--_bg:var(--accordion-bg,var(--color-contrast-50));--_border-color:var(--accordion-border-color,var(--color-contrast-200));border:var(--border) solid var(--_border-color);box-shadow:var(--accordion-shadow,var(--shadow-xs))}:host([variant=flat]){--_bg:var(--accordion-bg,var(--color-contrast-100));--_border-color:var(--accordion-border-color,var(--color-contrast-200));border:var(--border) solid var(--_border-color);box-shadow:var(--accordion-shadow,var(--inset-shadow-xs))}:host([variant=glass]),:host([variant=frost]){box-shadow:var(--accordion-shadow,var(--shadow-md), var(--inset-shadow-xs));-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([variant=glass]){--_bg:var(--accordion-bg,color-mix(in oklch, var(--color-secondary) 30%, var(--color-contrast) 10%))}:host([variant=frost]){--_bg:var(--accordion-bg,color-mix(in oklch, var(--color-canvas) 55%, transparent))}:host(:is([variant=glass],[variant=frost])) ::slotted(ore-accordion-item){border-radius:0}:host(:is([variant=glass],[variant=frost])) ::slotted(ore-accordion-item:first-child){border-radius:var(--rounded-lg) var(--rounded-lg) 0 0}:host(:is([variant=glass],[variant=frost])) ::slotted(ore-accordion-item:last-child){border-radius:0 0 var(--rounded-lg) var(--rounded-lg)}:host(:is([variant=glass],[variant=frost])) ::slotted(ore-accordion-item:only-child){border-radius:var(--rounded-lg)}}`,jr=n(`AccordionContext`),Mr=`ore-accordion`;a(Mr,{props:{selectionMode:p.string(),size:p.string(),variant:p.string()},setup(e){let n=o(),r=_(),i=t=>{e.selectionMode.value===`single`&&(n.querySelectorAll(`:scope > ore-accordion-item[expanded]`).forEach(e=>{e!==t&&e.hasAttribute(`expanded`)&&e.removeAttribute(`expanded`)}),r(`change`,{expandedItem:t}))},a=()=>[...n.querySelectorAll(`:scope > ore-accordion-item:not([disabled])`)],c=()=>a().map(e=>e.shadowRoot?.querySelector(`summary`)).filter(Boolean),u=Vt({getItems:()=>a(),loop:!0,onNavigate:(e,t)=>{c()[t]?.focus()},signal:Z(l)});return m(jr,{selectionMode:x(()=>e.selectionMode.value),size:e.size,variant:e.variant}),t({on:{expand:e=>{let t=e.composedPath().find(e=>e instanceof HTMLElement),r=e.detail?.item??t;!r||r.localName!==`ore-accordion-item`||r.closest(`ore-accordion`)===n&&i(r)},keydown:e=>{let t=c();if(!t.length)return;let n=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`summary`),r=n?t.indexOf(n):-1;r!==-1&&(u.set(r),u.handleKeydown(e))}}}),s`<slot></slot>`},styles:[Ar]});var Nr=`@layer refine.base{:host{--tabs-transition:var(--transition-normal);--tabs-radius:var(--rounded-lg);flex-direction:column;width:100%;height:100%;display:flex}.tablist-wrapper{flex-shrink:0;position:relative}[role=tablist]{gap:var(--tabs-tab-gap,var(--size-1));scrollbar-width:none;align-items:stretch;display:flex;position:relative;overflow-x:auto}[role=tablist]::-webkit-scrollbar{display:none}.indicator{pointer-events:none;background:var(--tabs-indicator-color,var(--_theme-base));border-radius:var(--rounded-full);height:2px;transition:transform var(--tabs-transition);position:absolute;bottom:0;left:0}.panels{flex-direction:column;flex:1;min-height:0;display:flex}}@layer refine.orientation{:host([orientation=vertical]){flex-direction:row;align-items:flex-start}:host([orientation=vertical]) .tablist-wrapper{flex-shrink:0;display:flex}:host([orientation=vertical]) [role=tablist]{width:max-content;overflow-x:unset;flex-direction:column;overflow-y:auto}:host([orientation=vertical]) .indicator{top:0;bottom:unset;width:2px;height:unset;transition:transform var(--tabs-transition)}:host([orientation=vertical]) .indicator:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([orientation=vertical]) .indicator:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}}@layer refine.variants{:host,:host([variant=solid]){--tabs-tab-gap:var(--size-1);--_tablist-bg:var(--tabs-tablist-bg,var(--color-contrast-100));--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200))}:host [role=tablist],:host([variant=solid]) [role=tablist]{padding:var(--size-1);background:var(--_tablist-bg);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius)}:host .indicator,:host([variant=solid]) .indicator{display:none}:host([variant=flat]){--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200));background:var(--tabs-bg,var(--color-contrast-100));border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius);box-shadow:var(--inset-shadow-xs), var(--shadow-2xs);overflow:hidden}:host([variant=flat]) [role=tablist]{gap:var(--size-1);padding:var(--size-1);border:none;border-bottom:var(--border) solid var(--_tablist-border-color);background:0 0;border-radius:0}:host([variant=flat]) .indicator{display:none}:host([variant=bordered]){--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200))}:host([variant=bordered]) [role=tablist]{gap:var(--size-1);padding:var(--size-1);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius) var(--tabs-radius) 0 0;background:0 0;border-bottom:none}:host([variant=bordered]) .indicator{display:none}:host([variant=bordered]) .panels{border:var(--border) solid var(--_tablist-border-color);border-radius:0 0 var(--tabs-radius) var(--tabs-radius)}:host([variant=bordered][orientation=vertical]) [role=tablist]{border-right:none;border-bottom:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius) 0 0 var(--tabs-radius)}:host([variant=bordered][orientation=vertical]) .panels{border-radius:0 var(--tabs-radius) var(--tabs-radius) 0}:host([variant=ghost]) [role=tablist]{gap:var(--size-1);background:0 0;border:none;border-radius:0;padding:0}:host([variant=ghost]) .indicator{display:none}:host([variant=glass]){--_tablist-bg:var(--tabs-tablist-bg,color-mix(in oklch, var(--color-secondary) 20%, transparent));--_tablist-border-color:var(--tabs-tablist-border-color,color-mix(in oklch, var(--color-secondary-contrast) 15%, transparent))}:host([variant=glass]) [role=tablist]{padding:var(--size-1);background:var(--_tablist-bg);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius);box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([variant=glass]) .indicator{display:none}:host([variant=frost]){--_tablist-bg:var(--tabs-tablist-bg,color-mix(in oklch, var(--color-canvas) 55%, transparent));--_tablist-border-color:var(--tabs-tablist-border-color,color-mix(in oklch, var(--color-contrast-300) 50%, transparent))}:host([variant=frost]) [role=tablist]{padding:var(--size-1);background:var(--_tablist-bg);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius);box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([variant=frost]) .indicator{display:none}}`,Pr=n(`TabsContext`),Fr=`ore-tabs`;a(Fr,{props:{...J,...Y,activation:p.oneOf([`auto`,`manual`],`auto`),label:p.string(),orientation:p.oneOf([`horizontal`,`vertical`],`horizontal`),value:p.string(),variant:p.string()},setup(e){let n=o(),r=_(),i=n.shadowRoot,a=h(),c=h(),u=C(e.value.value),d=()=>e.activation.value===`manual`,p=()=>e.orientation.value===`vertical`;t({attr:{value:()=>u.value??null}});let g=()=>[...n.querySelectorAll(`:scope > ore-tab-item[slot="tabs"]`)],v=()=>g().filter(e=>!e.hasAttribute(`disabled`)),y=e=>{e&&(e.shadowRoot?.querySelector(`[role="tab"]`)??e).focus()},b=(e,t=!1)=>{u.value=e,t&&e&&r(`change`,{value:e})},S=()=>{let e=g();if(e.length===0)return;let t=u.value;if(t&&e.some(e=>e.getAttribute(`value`)===t&&!e.hasAttribute(`disabled`)))return;let n=e.find(e=>!e.hasAttribute(`disabled`))?.getAttribute(`value`)??void 0;b(n,!1)};T(e.value,e=>{u.value=e,S()});let w=Vt({direction:()=>Ut(n),getItems:()=>v(),loop:!0,onNavigate:(e,t)=>{let n=v()[t];if(y(n),!d()){let e=n?.getAttribute(`value`);e&&b(e,!0)}},orientation:()=>p()?`vertical`:`both`,signal:Z(l)});m(Pr,{color:e.color,orientation:x(()=>e.orientation.value??`horizontal`),size:e.size,value:u,variant:e.variant});let E=e=>{let t=c.value,n=a.value;if(!t||!n||!e)return;let r=e.getBoundingClientRect(),i=n.getBoundingClientRect();if(p()){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)`}},D=()=>{let e=u.value;if(!e)return;let t=g().find(t=>t.getAttribute(`value`)===e);E(t)};T(u,()=>{requestAnimationFrame(D)});let O=e=>{let t=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`ore-tab-item`);if(!t||t.hasAttribute(`disabled`)||t.closest(`ore-tabs`)!==n)return;let r=t.getAttribute(`value`);!r||r===u.value||b(r,!0)},k=kt({disabled:x(()=>!d()),onPress:()=>{let e=v().find(e=>e===document.activeElement||e.shadowRoot?.activeElement===document.activeElement)?.getAttribute(`value`);e&&e!==u.value&&b(e,!0)}});return t({on:{click:O,keydown:e=>{let t=v();if(t.length===0)return;let n=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`ore-tab-item`)??t.find(e=>e.getAttribute(`value`)===u.value),r=n?t.indexOf(n):-1;r>=0&&w.set(r),!w.handleKeydown(e)&&k.handleKeydown(e)}}}),f(()=>{let e=()=>{S(),D()},t=i?.querySelector(`slot[name="tabs"]`);return t&&t.addEventListener(`slotchange`,e),e(),requestAnimationFrame(e),()=>{t&&t.removeEventListener(`slotchange`,e)}}),s`
|
|
978
978
|
<div class="tablist-wrapper">
|
|
979
979
|
<div
|
|
980
980
|
role="tablist"
|
|
@@ -989,7 +989,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
989
989
|
<div class="panels" part="panels">
|
|
990
990
|
<slot></slot>
|
|
991
991
|
</div>
|
|
992
|
-
`},styles:[q,Nr]});var Ir=`@layer refine.base{:host{color:var(--accordion-item-body-color,var(--text-color-body));--accordion-details-radius:var(--rounded-lg);--accordion-item-transition:var(--transition-normal);--accordion-item-expand-easing:var(--ease-spring);display:block}details{border-radius:var(--accordion-item-radius);width:100%;overflow:hidden}summary{gap:var(--size-4);min-height:var(--_touch-target);padding:var(--accordion-item-details-padding,var(--size-3) var(--size-4));font-size:var(--accordion-item-title);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--accordion-item-bg);border:var(--border) solid var(--accordion-item-border-color);border-radius:var(--accordion-details-radius);transition:background var(--accordion-item-transition), border-color var(--accordion-item-transition), color var(--accordion-item-transition);outline:none;align-items:center;list-style:none;display:flex;position:relative}summary::-webkit-details-marker{display:none}summary:focus{outline:none}summary:focus-visible{outline:var(--border-2) solid currentcolor;outline-offset:var(--border-2);box-shadow:0 0 0 3px color-mix(in oklch, currentcolor 20%, transparent)}.header-content{flex-direction:column;flex:1;min-width:0;display:flex}.subtitle{font-size:var(--accordion-item-subtitle-size);line-height:var(--leading-normal);color:var(--accordion-item-subtitle-color,var(--text-color-secondary))}.title{text-overflow:ellipsis;font-weight:var(--font-medium);color:var(--accordion-item-title-color,var(--text-color-heading));white-space:nowrap;overflow:hidden}.content-wrapper{font-size:var(--accordion-item-body);background:var(--accordion-item-bg);border-inline:1px solid var(--accordion-item-border-color);border-bottom:1px solid var(--accordion-item-border-color);border-radius:var(--accordion-summary-radius);transition:grid-template-rows .2s var(--accordion-item-expand-easing,var(--ease-spring));grid-template-rows:0fr;display:grid}details[open] .content-wrapper{grid-template-rows:1fr}.content-inner{padding:var(--accordion-item-summary-padding,var(--size-2) var(--size-4));opacity:1;transition:opacity .2s 60ms var(--ease-spring), transform .2s 60ms var(--ease-spring);overflow:hidden;transform:translateY(0)}details.opening .content-inner{opacity:0;transition:none;transform:translateY(-6px)}details.closing .content-inner{opacity:0;transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring);transform:translateY(-4px)}details.closing .content-wrapper{transition:grid-template-rows .2s .12s var(--accordion-item-expand-easing,var(--ease-spring));grid-template-rows:1fr}}@layer refine.variants{:host,:host([variant=solid]){--accordion-item-bg:var(--color-contrast-50);--accordion-item-border-color:transparent;--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=flat]){--accordion-item-bg:var(--color-contrast-100);--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=bordered]){--accordion-item-bg:var(--color-contrast-100);--accordion-item-border-color:var(--color-divider);--accordion-item-hover-bg:var(--color-contrast-200);box-shadow:var(--inset-shadow-xs), var(--shadow-2xs)}:host([variant=outline]){--accordion-item-bg:transparent;--accordion-item-border-color:var(--color-divider);--accordion-item-hover-bg:var(--color-contrast-300)}:host([variant=ghost]){--accordion-item-bg:transparent;--accordion-item-border-color:transparent;--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=text]){--accordion-item-bg:transparent;--accordion-item-border-color:transparent;--accordion-item-hover-bg:transparent}:host summary:hover{background:var(--accordion-item-hover-bg)}:host([variant=glass]) details,:host([variant=frost]) details{border-radius:inherit}:host([variant=glass]) summary,:host([variant=frost]) summary{border-radius:inherit;-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([variant=glass]) .content-wrapper,:host([variant=frost]) .content-wrapper{-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%);border-radius:0}:host([variant=glass]){--accordion-item-bg:color-mix(in oklch, var(--color-secondary) 30%, var(--color-contrast) 10%);--accordion-item-border-color:transparent;--accordion-item-hover-bg:color-mix(in oklch, var(--color-secondary) 20%, transparent);--accordion-item-title-color:color-mix(in oklch, var(--color-secondary-contrast) 100%, transparent);--accordion-item-subtitle-color:color-mix(in oklch, var(--color-secondary-contrast) 60%, transparent);--accordion-item-body-color:color-mix(in oklch, var(--color-secondary-contrast) 80%, transparent)}:host([variant=glass]) summary{text-shadow:var(--text-shadow-xs)}:host([variant=glass]) .content-wrapper{filter:brightness(1.05)}:host([variant=frost]){--accordion-item-bg:color-mix(in oklch, var(--color-canvas) 55%, transparent);--accordion-item-border-color:transparent;--accordion-item-hover-bg:color-mix(in oklch, var(--color-canvas) 20%, transparent)}:host([variant=frost]) summary{text-shadow:var(--text-shadow-2xs)}:host([size=sm]){--accordion-item-details-padding:var(--size-2) var(--size-4);--accordion-item-summary-padding:var(--size-1) var(--size-5);--accordion-item-title:var(--text-sm);--accordion-item-subtitle-size:var(--text-xs);--accordion-item-body:var(--text-xs)}:host(:not([size])),:host([size=md]){--accordion-item-details-padding:var(--size-3) var(--size-4);--accordion-item-summary-padding:var(--size-1) var(--size-5);--accordion-item-title:var(--text-base);--accordion-item-subtitle-size:var(--text-sm);--accordion-item-body:var(--text-sm)}:host([size=lg]){--accordion-item-details-padding:var(--size-4) var(--size-4);--accordion-item-summary-padding:var(--size-1) var(--size-5);--accordion-item-title:var(--text-lg);--accordion-item-subtitle-size:var(--text-base);--accordion-item-body:var(--text-base)}@media (pointer:coarse){:host,:host([size=md]){--accordion-item-details-padding:var(--size-4) var(--size-5);--accordion-item-title:var(--text-lg);--accordion-item-subtitle-size:var(--text-base);--accordion-item-body:var(--text-base)}:host([size=sm]){--accordion-item-details-padding:var(--size-3) var(--size-4);--accordion-item-title:var(--text-base);--accordion-item-subtitle-size:var(--text-sm);--accordion-item-body:var(--text-sm)}}:host([disabled]){pointer-events:none;opacity:.6}.chevron{width:var(--_size,var(--size-5));height:var(--_size,var(--size-5));--ore-icon-size:var(--_size,var(--size-5));transition:transform .2s var(--ease-spring);transform:rotate(-90deg)}.chevron:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.chevron:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}details[open] .chevron{transform:rotate(0)}details.rtl .chevron{transform:rotate(90deg)}details.rtl[open] .chevron{transform:rotate(0)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .chevron{transform:rotate(90deg)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) details[open] .chevron{transform:rotate(0)}:host([expanded]){--accordion-details-radius:var(--rounded-lg) var(--rounded-lg) 0 0;--accordion-summary-radius:0 0 var(--rounded-lg) var(--rounded-lg)}@media (forced-colors:active){summary{border-color:buttontext}}}`,Lr=`ore-accordion-item`;a(Lr,{props:{...X,expanded:p.bool(!1),size:p.string(),variant:p.string()},setup(e){let t=o(),n=g(),r=v,i=c(jr);i&&r(()=>{let e=i.size.value,n=i.variant.value;e!==void 0&&t.setAttribute(`size`,e),n!==void 0&&t.setAttribute(`variant`,n)});let a=`accordion-item-title`,l=h(),u=h(),d=!1,p=()=>{let e=l.value;!e||e.open||(e.classList.add(`opening`),e.open=!0,t.toggleAttribute(`expanded`,!0),n(`expand`,{expanded:!0,item:t}),requestAnimationFrame(()=>{let t=e.querySelector(`.content-inner`);if(!t){e.classList.remove(`opening`),d=!1;return}let n=()=>{e.classList.remove(`opening`),d=!1},r=t.getAnimations?.().filter(e=>e instanceof CSSTransition)??[];r.length>0?Promise.allSettled(r.map(e=>e.finished)).then(n):n()}))},m=()=>{let e=l.value;if(!e||!e.open||d)return;d=!0,e.classList.add(`closing`);let r=e.querySelector(`.content-inner`),i=()=>{e.classList.remove(`closing`),e.open=!1,t.toggleAttribute(`expanded`,!1),n(`collapse`,{expanded:!1,item:t}),d=!1};if(r){let e=r.getAnimations?.().filter(e=>e instanceof CSSTransition)??[];e.length>0?Promise.allSettled(e.map(e=>e.finished)).then(i):i()}else i()},_=!1,y=0,b=()=>{if(e.disabled.value)return;let t=l.value;t&&(t.open?m():p())},x=e=>{y=e.touches[0]?.clientY??0},S=e=>{Math.abs((e.changedTouches[0]?.clientY??0)-y)>10||(e.preventDefault(),_=!0,b())},C=e=>{if(_){_=!1,e.preventDefault();return}e.preventDefault(),b()},w=()=>{let r=l.value?.open??!1,i=!!e.expanded.value;r&&!i?(t.toggleAttribute(`expanded`,!0),n(`expand`,{expanded:!0,item:t})):!r&&i&&(t.toggleAttribute(`expanded`,!1),n(`collapse`,{expanded:!1,item:t}))};return f(()=>{let e=l.value,n=u.value;if(!e||!n)return;let r=()=>{e.classList.toggle(`rtl`,Ut(t)===`rtl`)};r();let i=new MutationObserver(e=>{e.some(e=>e.attributeName===`dir`)&&r()});for(let e=t;e;e=e.parentElement)i.observe(e,{attributeFilter:[`dir`],attributes:!0});return e.addEventListener(`toggle`,w),n.addEventListener(`touchstart`,x,{passive:!0}),n.addEventListener(`touchend`,S,{passive:!1}),n.addEventListener(`click`,C),()=>{i.disconnect(),e.removeEventListener(`toggle`,w),n.removeEventListener(`touchstart`,x),n.removeEventListener(`touchend`,S),n.removeEventListener(`click`,C)}}),s` <details part="item" ?open="${e.expanded}" ref="${l}">
|
|
992
|
+
`},styles:[q,Nr]});var Ir=`@layer refine.base{:host{color:var(--accordion-item-body-color,var(--text-color-body));--accordion-details-radius:var(--rounded-lg);--accordion-item-transition:var(--transition-normal);--accordion-item-expand-easing:var(--ease-spring);display:block}details{border-radius:var(--accordion-item-radius);width:100%;overflow:hidden}summary{gap:var(--size-4);min-height:var(--_touch-target);padding:var(--accordion-item-details-padding,var(--size-3) var(--size-4));font-size:var(--accordion-item-title);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--accordion-item-bg);border:var(--border) solid var(--accordion-item-border-color);border-radius:var(--accordion-details-radius);transition:background var(--accordion-item-transition), border-color var(--accordion-item-transition), color var(--accordion-item-transition);outline:none;align-items:center;list-style:none;display:flex;position:relative}summary::-webkit-details-marker{display:none}summary:focus{outline:none}summary:focus-visible{outline:var(--border-2) solid currentcolor;outline-offset:var(--border-2);box-shadow:0 0 0 3px color-mix(in oklch, currentcolor 20%, transparent)}.header-content{flex-direction:column;flex:1;min-width:0;display:flex}.subtitle{font-size:var(--accordion-item-subtitle-size);line-height:var(--leading-normal);color:var(--accordion-item-subtitle-color,var(--text-color-secondary))}.title{text-overflow:ellipsis;font-weight:var(--font-medium);color:var(--accordion-item-title-color,var(--text-color-heading));white-space:nowrap;overflow:hidden}.content-wrapper{font-size:var(--accordion-item-body);background:var(--accordion-item-bg);border-inline:1px solid var(--accordion-item-border-color);border-bottom:1px solid var(--accordion-item-border-color);border-radius:var(--accordion-summary-radius);transition:grid-template-rows .2s var(--accordion-item-expand-easing,var(--ease-spring));grid-template-rows:0fr;display:grid}details[open] .content-wrapper{grid-template-rows:1fr}.content-inner{padding:var(--accordion-item-summary-padding,var(--size-2) var(--size-4));opacity:1;transition:opacity .2s 60ms var(--ease-spring), transform .2s 60ms var(--ease-spring);overflow:hidden;transform:translateY(0)}details.opening .content-inner{opacity:0;transition:none;transform:translateY(-6px)}details.closing .content-inner{opacity:0;transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring);transform:translateY(-4px)}details.closing .content-wrapper{transition:grid-template-rows .2s .12s var(--accordion-item-expand-easing,var(--ease-spring));grid-template-rows:1fr}}@layer refine.variants{:host,:host([variant=solid]){--accordion-item-bg:var(--color-contrast-50);--accordion-item-border-color:transparent;--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=flat]){--accordion-item-bg:var(--color-contrast-100);--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=bordered]){--accordion-item-bg:var(--color-contrast-100);--accordion-item-border-color:var(--color-divider);--accordion-item-hover-bg:var(--color-contrast-200);box-shadow:var(--inset-shadow-xs), var(--shadow-2xs)}:host([variant=outline]){--accordion-item-bg:transparent;--accordion-item-border-color:var(--color-divider);--accordion-item-hover-bg:var(--color-contrast-300)}:host([variant=ghost]){--accordion-item-bg:transparent;--accordion-item-border-color:transparent;--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=text]){--accordion-item-bg:transparent;--accordion-item-border-color:transparent;--accordion-item-hover-bg:transparent}:host summary:hover{background:var(--accordion-item-hover-bg)}:host([variant=glass]) details,:host([variant=frost]) details{border-radius:inherit}:host([variant=glass]) summary,:host([variant=frost]) summary{border-radius:inherit;-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([variant=glass]) .content-wrapper,:host([variant=frost]) .content-wrapper{-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%);border-radius:0}:host([variant=glass]){--accordion-item-bg:color-mix(in oklch, var(--color-secondary) 30%, var(--color-contrast) 10%);--accordion-item-border-color:transparent;--accordion-item-hover-bg:color-mix(in oklch, var(--color-secondary) 20%, transparent);--accordion-item-title-color:color-mix(in oklch, var(--color-secondary-contrast) 100%, transparent);--accordion-item-subtitle-color:color-mix(in oklch, var(--color-secondary-contrast) 60%, transparent);--accordion-item-body-color:color-mix(in oklch, var(--color-secondary-contrast) 80%, transparent)}:host([variant=glass]) summary{text-shadow:var(--text-shadow-xs)}:host([variant=glass]) .content-wrapper{filter:brightness(1.05)}:host([variant=frost]){--accordion-item-bg:color-mix(in oklch, var(--color-canvas) 55%, transparent);--accordion-item-border-color:transparent;--accordion-item-hover-bg:color-mix(in oklch, var(--color-canvas) 20%, transparent)}:host([variant=frost]) summary{text-shadow:var(--text-shadow-2xs)}:host([size=sm]){--accordion-item-details-padding:var(--size-2) var(--size-4);--accordion-item-summary-padding:var(--size-1) var(--size-5);--accordion-item-title:var(--text-sm);--accordion-item-subtitle-size:var(--text-xs);--accordion-item-body:var(--text-xs)}:host(:not([size])),:host([size=md]){--accordion-item-details-padding:var(--size-3) var(--size-4);--accordion-item-summary-padding:var(--size-1) var(--size-5);--accordion-item-title:var(--text-base);--accordion-item-subtitle-size:var(--text-sm);--accordion-item-body:var(--text-sm)}:host([size=lg]){--accordion-item-details-padding:var(--size-4) var(--size-4);--accordion-item-summary-padding:var(--size-1) var(--size-5);--accordion-item-title:var(--text-lg);--accordion-item-subtitle-size:var(--text-base);--accordion-item-body:var(--text-base)}@media (pointer:coarse){:host,:host([size=md]){--accordion-item-details-padding:var(--size-4) var(--size-5);--accordion-item-title:var(--text-lg);--accordion-item-subtitle-size:var(--text-base);--accordion-item-body:var(--text-base)}:host([size=sm]){--accordion-item-details-padding:var(--size-3) var(--size-4);--accordion-item-title:var(--text-base);--accordion-item-subtitle-size:var(--text-sm);--accordion-item-body:var(--text-sm)}}:host([disabled]){pointer-events:none;opacity:.6}.chevron{width:var(--_size,var(--size-5));height:var(--_size,var(--size-5));--ore-icon-size:var(--_size,var(--size-5));transition:transform .2s var(--ease-spring);transform:rotate(-90deg)}.chevron:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.chevron:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}details[open] .chevron{transform:rotate(0)}details.rtl .chevron{transform:rotate(90deg)}details.rtl[open] .chevron{transform:rotate(0)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .chevron{transform:rotate(90deg)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) details[open] .chevron{transform:rotate(0)}:host([expanded]){--accordion-details-radius:var(--rounded-lg) var(--rounded-lg) 0 0;--accordion-summary-radius:0 0 var(--rounded-lg) var(--rounded-lg)}@media (forced-colors:active){summary{border-color:buttontext}}}`,Lr=`ore-accordion-item`;a(Lr,{props:{...X,expanded:p.bool(!1),size:p.string(),variant:p.string()},setup(e){let t=o(),n=_(),r=y,i=c(jr);i&&r(()=>{let e=i.size.value,n=i.variant.value;e!==void 0&&t.setAttribute(`size`,e),n!==void 0&&t.setAttribute(`variant`,n)});let a=`accordion-item-title`,l=h(),u=h(),d=!1,p=()=>{let e=l.value;!e||e.open||(e.classList.add(`opening`),e.open=!0,t.toggleAttribute(`expanded`,!0),n(`expand`,{expanded:!0,item:t}),requestAnimationFrame(()=>{let t=e.querySelector(`.content-inner`);if(!t){e.classList.remove(`opening`),d=!1;return}let n=()=>{e.classList.remove(`opening`),d=!1},r=t.getAnimations?.().filter(e=>e instanceof CSSTransition)??[];r.length>0?Promise.allSettled(r.map(e=>e.finished)).then(n):n()}))},m=()=>{let e=l.value;if(!e||!e.open||d)return;d=!0,e.classList.add(`closing`);let r=e.querySelector(`.content-inner`),i=()=>{e.classList.remove(`closing`),e.open=!1,t.toggleAttribute(`expanded`,!1),n(`collapse`,{expanded:!1,item:t}),d=!1};if(r){let e=r.getAnimations?.().filter(e=>e instanceof CSSTransition)??[];e.length>0?Promise.allSettled(e.map(e=>e.finished)).then(i):i()}else i()},g=!1,v=0,b=()=>{if(e.disabled.value)return;let t=l.value;t&&(t.open?m():p())},x=e=>{v=e.touches[0]?.clientY??0},S=e=>{Math.abs((e.changedTouches[0]?.clientY??0)-v)>10||(e.preventDefault(),g=!0,b())},C=e=>{if(g){g=!1,e.preventDefault();return}e.preventDefault(),b()},w=()=>{let r=l.value?.open??!1,i=!!e.expanded.value;r&&!i?(t.toggleAttribute(`expanded`,!0),n(`expand`,{expanded:!0,item:t})):!r&&i&&(t.toggleAttribute(`expanded`,!1),n(`collapse`,{expanded:!1,item:t}))};return f(()=>{let e=l.value,n=u.value;if(!e||!n)return;let r=()=>{e.classList.toggle(`rtl`,Ut(t)===`rtl`)};r();let i=new MutationObserver(e=>{e.some(e=>e.attributeName===`dir`)&&r()});for(let e=t;e;e=e.parentElement)i.observe(e,{attributeFilter:[`dir`],attributes:!0});return e.addEventListener(`toggle`,w),n.addEventListener(`touchstart`,x,{passive:!0}),n.addEventListener(`touchend`,S,{passive:!1}),n.addEventListener(`click`,C),()=>{i.disconnect(),e.removeEventListener(`toggle`,w),n.removeEventListener(`touchstart`,x),n.removeEventListener(`touchend`,S),n.removeEventListener(`click`,C)}}),s` <details part="item" ?open="${e.expanded}" ref="${l}">
|
|
993
993
|
<summary
|
|
994
994
|
part="summary"
|
|
995
995
|
:aria-expanded="${()=>String(e.expanded.value)}"
|
|
@@ -1013,7 +1013,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1013
1013
|
<slot></slot>
|
|
1014
1014
|
</div>
|
|
1015
1015
|
</div>
|
|
1016
|
-
</details>`},styles:[U,Ir]});var Rr=`@layer refine.base{:host{--tab-item-transition:var(--transition-normal);--tab-item-radius:var(--rounded-lg);outline:none;display:inline-flex}button{gap:var(--size-2);width:100%;min-height:var(--_touch-target);padding:var(--tab-item-padding,var(--size-1-5) var(--size-4));font-family:inherit;font-size:var(--tab-item-font-size,var(--text-sm));font-weight:var(--font-medium);color:var(--tab-item-color,var(--text-color-secondary));white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--tab-item-radius);transition:background var(--tab-item-transition), color var(--tab-item-transition), box-shadow var(--tab-item-transition);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:relative}button:focus{outline:none}:host(:focus-visible) button,button:focus-visible{outline:var(--border-2) solid var(--_theme-focus);outline-offset:2px;box-shadow:0 0 0 3px var(--_theme-shadow)}}@layer refine.variants{:host,:host([variant=solid]),:host([variant=flat]){--_hover-bg:var(--tab-item-hover-bg,var(--color-contrast-200));--_active-bg:var(--tab-item-active-bg,var(--color-contrast-0,var(--color-canvas)));--_active-color:var(--tab-item-active-color,var(--text-color-heading));--_active-shadow:var(--tab-item-active-shadow,var(--shadow-xs), var(--inset-shadow-xs))}:host([variant=bordered]){--_hover-bg:var(--tab-item-hover-bg,var(--color-contrast-200));--_active-bg:var(--tab-item-active-bg,var(--color-contrast-0,var(--color-canvas)));--_active-color:var(--tab-item-active-color,var(--text-color-heading));--_active-shadow:var(--tab-item-active-shadow,var(--shadow-xs))}:host([variant=ghost]){--_hover-bg:var(--tab-item-hover-bg,var(--color-contrast-100));--_active-bg:var(--tab-item-active-bg,var(--_theme-base));--_active-color:var(--tab-item-active-color,var(--_theme-contrast))}:host([variant=glass]){--_color:var(--tab-item-color,color-mix(in oklch, var(--color-secondary-contrast) 70%, transparent));--_hover-bg:var(--tab-item-hover-bg,color-mix(in oklch, var(--color-secondary-contrast) 10%, transparent));--_active-bg:var(--tab-item-active-bg,color-mix(in oklch, var(--color-secondary-contrast) 15%, transparent));--_active-color:var(--tab-item-active-color,var(--color-secondary-contrast));--_active-shadow:var(--tab-item-active-shadow,var(--shadow-xs), var(--inset-shadow-xs))}:host([variant=glass]) button{color:var(--_color);text-shadow:var(--text-shadow-2xs)}:host([variant=glass]) button:hover{color:var(--tab-item-active-color,var(--color-secondary-contrast))}:host([variant=frost]){--_hover-bg:var(--tab-item-hover-bg,color-mix(in oklch, var(--color-contrast) 10%, transparent));--_active-bg:var(--tab-item-active-bg,color-mix(in oklch, var(--color-canvas) 60%, transparent));--_active-color:var(--tab-item-active-color,var(--text-color-heading));--_active-shadow:var(--tab-item-active-shadow,var(--shadow-xs), var(--inset-shadow-xs))}:host([variant=frost]) button{color:var(--text-color-secondary)}:host button:hover{color:var(--tab-item-active-color,var(--text-color-heading));background:var(--_hover-bg)}:host([active]) button{color:var(--_active-color);background:var(--_active-bg);box-shadow:var(--_active-shadow)}:host([size=sm]){--tab-item-font-size:var(--text-xs);--tab-item-padding:var(--size-1) var(--size-3)}:host(:not([size])),:host([size=md]){--tab-item-font-size:var(--text-sm);--tab-item-padding:var(--size-1-5) var(--size-4)}:host([size=lg]){--tab-item-font-size:var(--text-base);--tab-item-padding:var(--size-2) var(--size-5)}@media (pointer:coarse){:host,:host([size=md]){--tab-item-font-size:var(--text-base);--tab-item-padding:var(--size-2) var(--size-5)}:host([size=sm]){--tab-item-font-size:var(--text-sm);--tab-item-padding:var(--size-1-5) var(--size-4)}}:host([disabled]){pointer-events:none;opacity:.5}@media (forced-colors:active){button:focus-visible{box-shadow:none;outline:2px solid highlight}:host([active]) button{outline-offset:-2px;outline:2px solid highlight}}}`,zr=`ore-tab-item`;a(zr,{props:{...X,active:p.bool(!1),color:p.string(),size:p.string(),value:p.string(``),variant:p.string()},setup(e){let n=o(),r=
|
|
1016
|
+
</details>`},styles:[U,Ir]});var Rr=`@layer refine.base{:host{--tab-item-transition:var(--transition-normal);--tab-item-radius:var(--rounded-lg);outline:none;display:inline-flex}button{gap:var(--size-2);width:100%;min-height:var(--_touch-target);padding:var(--tab-item-padding,var(--size-1-5) var(--size-4));font-family:inherit;font-size:var(--tab-item-font-size,var(--text-sm));font-weight:var(--font-medium);color:var(--tab-item-color,var(--text-color-secondary));white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--tab-item-radius);transition:background var(--tab-item-transition), color var(--tab-item-transition), box-shadow var(--tab-item-transition);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:relative}button:focus{outline:none}:host(:focus-visible) button,button:focus-visible{outline:var(--border-2) solid var(--_theme-focus);outline-offset:2px;box-shadow:0 0 0 3px var(--_theme-shadow)}}@layer refine.variants{:host,:host([variant=solid]),:host([variant=flat]){--_hover-bg:var(--tab-item-hover-bg,var(--color-contrast-200));--_active-bg:var(--tab-item-active-bg,var(--color-contrast-0,var(--color-canvas)));--_active-color:var(--tab-item-active-color,var(--text-color-heading));--_active-shadow:var(--tab-item-active-shadow,var(--shadow-xs), var(--inset-shadow-xs))}:host([variant=bordered]){--_hover-bg:var(--tab-item-hover-bg,var(--color-contrast-200));--_active-bg:var(--tab-item-active-bg,var(--color-contrast-0,var(--color-canvas)));--_active-color:var(--tab-item-active-color,var(--text-color-heading));--_active-shadow:var(--tab-item-active-shadow,var(--shadow-xs))}:host([variant=ghost]){--_hover-bg:var(--tab-item-hover-bg,var(--color-contrast-100));--_active-bg:var(--tab-item-active-bg,var(--_theme-base));--_active-color:var(--tab-item-active-color,var(--_theme-contrast))}:host([variant=glass]){--_color:var(--tab-item-color,color-mix(in oklch, var(--color-secondary-contrast) 70%, transparent));--_hover-bg:var(--tab-item-hover-bg,color-mix(in oklch, var(--color-secondary-contrast) 10%, transparent));--_active-bg:var(--tab-item-active-bg,color-mix(in oklch, var(--color-secondary-contrast) 15%, transparent));--_active-color:var(--tab-item-active-color,var(--color-secondary-contrast));--_active-shadow:var(--tab-item-active-shadow,var(--shadow-xs), var(--inset-shadow-xs))}:host([variant=glass]) button{color:var(--_color);text-shadow:var(--text-shadow-2xs)}:host([variant=glass]) button:hover{color:var(--tab-item-active-color,var(--color-secondary-contrast))}:host([variant=frost]){--_hover-bg:var(--tab-item-hover-bg,color-mix(in oklch, var(--color-contrast) 10%, transparent));--_active-bg:var(--tab-item-active-bg,color-mix(in oklch, var(--color-canvas) 60%, transparent));--_active-color:var(--tab-item-active-color,var(--text-color-heading));--_active-shadow:var(--tab-item-active-shadow,var(--shadow-xs), var(--inset-shadow-xs))}:host([variant=frost]) button{color:var(--text-color-secondary)}:host button:hover{color:var(--tab-item-active-color,var(--text-color-heading));background:var(--_hover-bg)}:host([active]) button{color:var(--_active-color);background:var(--_active-bg);box-shadow:var(--_active-shadow)}:host([size=sm]){--tab-item-font-size:var(--text-xs);--tab-item-padding:var(--size-1) var(--size-3)}:host(:not([size])),:host([size=md]){--tab-item-font-size:var(--text-sm);--tab-item-padding:var(--size-1-5) var(--size-4)}:host([size=lg]){--tab-item-font-size:var(--text-base);--tab-item-padding:var(--size-2) var(--size-5)}@media (pointer:coarse){:host,:host([size=md]){--tab-item-font-size:var(--text-base);--tab-item-padding:var(--size-2) var(--size-5)}:host([size=sm]){--tab-item-font-size:var(--text-sm);--tab-item-padding:var(--size-1-5) var(--size-4)}}:host([disabled]){pointer-events:none;opacity:.5}@media (forced-colors:active){button:focus-visible{box-shadow:none;outline:2px solid highlight}:host([active]) button{outline-offset:-2px;outline:2px solid highlight}}}`,zr=`ore-tab-item`;a(zr,{props:{...X,active:p.bool(!1),color:p.string(),size:p.string(),value:p.string(``),variant:p.string()},setup(e){let n=o(),r=y,i=c(Pr);i&&r(()=>{let e=i.color.value,t=i.size.value,r=i.variant.value;e!==void 0&&n.setAttribute(`color`,e),t!==void 0&&n.setAttribute(`size`,t),r!==void 0&&n.setAttribute(`variant`,r)});let a=x(()=>i?!!i.value.value&&i.value.value===e.value.value:e.active.value),l=()=>!!e.disabled.value;t({attr:{active:()=>a.value?!0:void 0}});let u=t=>{if(t.stopPropagation(),l()){t.preventDefault();return}n.dispatchEvent(new CustomEvent(`click`,{bubbles:!0,detail:{value:e.value.value}}))},d=()=>`tab-${e.value.value}`,p=h();return f(()=>{y(()=>{let t=p.value,r=e.value.value;if(!t)return;let i=((r?n.closest(`ore-tabs`):null)?.querySelector(`:scope > ore-tab-panel[value="${r}"]`))?.shadowRoot?.querySelector(`.panel`)??null;mt(t,`ariaControlsElements`,i?[i]:[])})}),s`
|
|
1017
1017
|
<button
|
|
1018
1018
|
role="tab"
|
|
1019
1019
|
type="button"
|
|
@@ -1028,26 +1028,26 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1028
1028
|
<slot></slot>
|
|
1029
1029
|
<slot name="suffix"></slot>
|
|
1030
1030
|
</button>
|
|
1031
|
-
`},styles:[q,ve(`button`),U,Rr]});var Br=`@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}}}`,Vr={"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)`},Hr=`ore-tab-panel`;a(Hr,{props:{active:p.bool(!1),lazy:p.bool(!1),padding:p.oneOf([`none`,`xs`,`sm`,`md`,`lg`,`xl`,`2xl`],`md`),value:p.string(``)},setup(e){let n=o(),r=
|
|
1031
|
+
`},styles:[q,ve(`button`),U,Rr]});var Br=`@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}}}`,Vr={"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)`},Hr=`ore-tab-panel`;a(Hr,{props:{active:p.bool(!1),lazy:p.bool(!1),padding:p.oneOf([`none`,`xs`,`sm`,`md`,`lg`,`xl`,`2xl`],`md`),value:p.string(``)},setup(e){let n=o(),r=y,i=c(Pr),a=x(()=>i?!!i.value.value&&i.value.value===e.value.value:e.active.value);t({attr:{active:()=>a.value?!0:void 0}});let l=x(()=>Vr[e.padding.value??`md`]??Vr.md),u=C(!1);r(()=>{a.value&&(u.value=!0)});let d=x(()=>!e.lazy.value||u.value),p=g({"--tab-panel-padding":l}),m=()=>`tabpanel-${e.value.value}`,_=h();return f(()=>{r(()=>{let t=_.value,r=e.value.value;if(!t)return;let i=((r?n.closest(`ore-tabs`):null)?.querySelector(`:scope > ore-tab-item[value="${r}"]`))?.shadowRoot?.querySelector(`[role="tab"]`)??null;mt(t,`ariaLabelledByElements`,i?[i]:[])})}),s`
|
|
1032
1032
|
<div
|
|
1033
1033
|
class="panel"
|
|
1034
1034
|
part="panel"
|
|
1035
1035
|
role="tabpanel"
|
|
1036
|
-
ref="${
|
|
1036
|
+
ref="${_}"
|
|
1037
1037
|
:id="${m}"
|
|
1038
1038
|
aria-hidden="${()=>String(!a.value)}"
|
|
1039
1039
|
:style="${p}"
|
|
1040
1040
|
tabindex="0">
|
|
1041
|
-
${
|
|
1041
|
+
${b(d,()=>s`<slot></slot>`)}
|
|
1042
1042
|
</div>
|
|
1043
|
-
`},styles:[W,Br]});var Ur=`@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}}`,Wr=`ore-async`;a(Wr,{props:{"empty-description":p.string(),"empty-label":p.string(`No content yet`),"error-description":p.string(),"error-label":p.string(`Something went wrong`),retryable:p.bool(!1),status:p.oneOf([`idle`,`loading`,`empty`,`error`,`success`],`success`)},setup(e){let n=
|
|
1043
|
+
`},styles:[W,Br]});var Ur=`@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}}`,Wr=`ore-async`;a(Wr,{props:{"empty-description":p.string(),"empty-label":p.string(`No content yet`),"error-description":p.string(),"error-label":p.string(`Something went wrong`),retryable:p.bool(!1),status:p.oneOf([`idle`,`loading`,`empty`,`error`,`success`],`success`)},setup(e){let n=_(),r=C(!1),i=C(!1),a=C(!1);t({attr:{ariaBusy:()=>e.status.value===`loading`?`true`:`false`,ariaLabel:()=>e.status.value===`loading`?`Loading…`:null,ariaLive:()=>e.status.value===`error`?`assertive`:`polite`,status:e.status}});let o=(e,t)=>()=>t?.value?s`<p class="${e}">${t}</p>`:``;return s`
|
|
1044
1044
|
<div class="region region-idle" role="presentation"></div>
|
|
1045
1045
|
|
|
1046
1046
|
<div class="region region-loading" role="status">
|
|
1047
1047
|
<slot
|
|
1048
1048
|
name="loading"
|
|
1049
1049
|
@slotchange=${e=>{r.value=e.target.assignedNodes().length>0}}></slot>
|
|
1050
|
-
${
|
|
1050
|
+
${b(r,()=>s``,()=>s`
|
|
1051
1051
|
<div class="loading-default" aria-hidden="true">
|
|
1052
1052
|
<ore-skeleton variant="text" lines="1" width="40%"></ore-skeleton>
|
|
1053
1053
|
<ore-skeleton variant="text" lines="3" width="100%"></ore-skeleton>
|
|
@@ -1060,7 +1060,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1060
1060
|
<slot
|
|
1061
1061
|
name="empty"
|
|
1062
1062
|
@slotchange=${e=>{i.value=e.target.assignedNodes().length>0}}></slot>
|
|
1063
|
-
${
|
|
1063
|
+
${b(i,()=>s``,()=>s`
|
|
1064
1064
|
<div class="empty-state" role="status">
|
|
1065
1065
|
<div class="icon">
|
|
1066
1066
|
<ore-icon name="inbox" size="100%" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
@@ -1074,13 +1074,13 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1074
1074
|
<slot
|
|
1075
1075
|
name="error"
|
|
1076
1076
|
@slotchange=${e=>{a.value=e.target.assignedNodes().length>0}}></slot>
|
|
1077
|
-
${
|
|
1077
|
+
${b(a,()=>s``,()=>s`
|
|
1078
1078
|
<div class="error-state" role="alert">
|
|
1079
1079
|
<div class="icon">
|
|
1080
1080
|
<ore-icon name="triangle-alert" size="100%" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
1081
1081
|
</div>
|
|
1082
1082
|
${o(`title`,e[`error-label`])} ${o(`description`,e[`error-description`])}
|
|
1083
|
-
${
|
|
1083
|
+
${b(()=>!!e.retryable.value,()=>s`
|
|
1084
1084
|
<button class="retry-btn" type="button" @click=${()=>n(`retry`)}>
|
|
1085
1085
|
<ore-icon name="refresh-cw" size="1em" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
1086
1086
|
Try again
|
|
@@ -1093,7 +1093,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1093
1093
|
<div class="region region-success" role="presentation">
|
|
1094
1094
|
<slot></slot>
|
|
1095
1095
|
</div>
|
|
1096
|
-
`},styles:[W,Ur]});function Gr(e,t,n=`animation`){typeof getComputedStyle==`function`&&getComputedStyle(e).opacity,queueMicrotask(()=>{let r=(typeof e.getAnimations==`function`?()=>e.getAnimations():()=>[])().filter(e=>n===`animation`?e instanceof CSSAnimation:n===`transition`?e instanceof CSSTransition:!1);if(r.length===0){t();return}let i=!1;Promise.allSettled(r.map(e=>e.finished)).then(()=>{i||(i=!0,t())})})}var Kr=`@layer refine.base{:host{--_bg:var(--alert-bg,var(--_theme-backdrop));--_color:var(--alert-color,var(--_theme-base));--_border-color:var(--alert-border-color,var(--_theme-border));--_radius:var(--alert-radius,var(--rounded-lg));--_padding:var(--alert-padding,var(--size-4));--_gap:var(--alert-gap,var(--size-3));--_font-size:var(--alert-font-size,var(--text-sm));--_shadow:var(--alert-shadow,var(--shadow-none));display:block}.sr-announce{white-space:nowrap;clip-path:inset(50%);border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:host([dismissed]){display:none}:host([dismissing]){pointer-events:none;animation:var(--_motion-animation,ore-alert-exit var(--transition-slow) var(--ease-in-out) forwards);overflow:hidden}@keyframes ore-alert-exit{0%{max-height:600px;margin-bottom:var(--size-3);opacity:1;transform:scaleY(1)}60%{opacity:0;transform:scaleY(.8)}to{opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;transform:scaleY(0)}}.alert{row-gap:var(--size-1);padding:var(--_padding);font-size:var(--_font-size);line-height:var(--leading-normal);color:var(--_color);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);transition:background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), color var(--transition-normal);grid-template-columns:auto 1fr auto;display:grid;overflow:hidden}.icon{grid-area:1/1;justify-content:center;align-self:start;align-items:center;display:inline-flex}.icon:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--_gap)}.icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--_gap)}.alert:has(.header[hidden]) .icon{align-self:center}.icon[hidden]{display:none}.header{gap:var(--size-2);grid-area:1/2;align-items:baseline;display:flex}.header[hidden]{display:none}.heading{text-overflow:ellipsis;font-weight:var(--font-semibold);line-height:var(--leading-normal);white-space:nowrap;overflow:hidden}.meta{font-size:var(--text-xs);white-space:nowrap;opacity:.7}.meta:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.meta:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}:host(:not(:has([slot=meta]))) .meta{display:none}.body{min-width:0;margin-top:var(--size-1);grid-area:2/1/auto/-1}.alert:has(.header[hidden]) .body{grid-area:1/2;margin-top:0}.content{line-height:var(--leading-relaxed)}.actions{gap:var(--size-2);margin-top:var(--size-2);flex-wrap:wrap;grid-area:3/1/auto/-1;display:flex}.alert:has(.header[hidden]) .actions{grid-row:2}.actions[hidden]{display:none}:host([horizontal]) .alert{grid-template-columns:auto 1fr auto auto}:host([horizontal]) .body{grid-area:1/2;align-self:center;margin-top:0}:host([horizontal]) .actions:not([hidden]){flex-wrap:nowrap;grid-area:1/3;margin-top:0}:host([horizontal]) .actions:not([hidden]):not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--_gap)}:host([horizontal]) .actions:not([hidden]):-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--_gap)}:host([horizontal]) .actions:not([hidden]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--_gap)}:host([horizontal]) .close{grid-column:4;align-self:center}.close{width:var(--size-5);min-width:var(--_touch-target);height:var(--size-5);min-height:var(--_touch-target);color:inherit;cursor:pointer;border-radius:var(--rounded-sm);opacity:.7;transition:opacity var(--transition-fast), background var(--transition-fast);background:0 0;border:none;grid-area:1/3;justify-content:center;align-self:start;align-items:center;padding:0;display:inline-flex}.close:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--_gap)}.close:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--_gap)}.close[hidden]{display:none}.close:hover{background:color-mix(in oklch, currentcolor 12%, transparent);opacity:1}.close:focus-visible{outline:var(--border-2) solid currentcolor;outline-offset:var(--border-2);opacity:1}:host([variant=flat][accented]) .alert:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([variant=bordered][accented]) .alert:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-width:var(--border-4,4px)}:host([variant=flat][accented]) .alert:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-width:var(--border-4,4px)}:host([variant=bordered][accented]) .alert:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-width:var(--border-4,4px)}}@layer refine.variants{:host(:not([variant])),:host([variant=flat]){--_bg:var(--alert-bg,var(--color-canvas));--_color:var(--alert-color,var(--_theme-base));--_border-color:var(--alert-border-color,var(--_theme-base));--_shadow:var(--alert-shadow,var(--shadow-none))}:host([variant=solid]){--_bg:var(--alert-bg,var(--_theme-base));--_color:var(--alert-color,var(--_theme-contrast));--_border-color:var(--alert-border-color,var(--_theme-base));--_shadow:var(--alert-shadow,var(--shadow-xs))}:host([variant=bordered]){--_bg:var(--alert-bg,color-mix(in oklch, var(--_theme-backdrop), var(--color-canvas)));--_color:var(--alert-color,var(--_theme-base));--_border-color:var(--alert-border-color,color-mix(in oklch, var(--_theme-focus) 30%, transparent));--_shadow:var(--alert-shadow,var(--inset-shadow-2xs))}}`,qr=`ore-alert`;a(qr,{props:{...J,...Y,...Ze,accented:p.bool(!1),dismissible:p.bool(!1),heading:p.string(),horizontal:p.bool(!1),variant:p.string()},setup(e){let t=o(),n=
|
|
1096
|
+
`},styles:[W,Ur]});function Gr(e,t,n=`animation`){typeof getComputedStyle==`function`&&getComputedStyle(e).opacity,queueMicrotask(()=>{let r=(typeof e.getAnimations==`function`?()=>e.getAnimations():()=>[])().filter(e=>n===`animation`?e instanceof CSSAnimation:n===`transition`?e instanceof CSSTransition:!1);if(r.length===0){t();return}let i=!1;Promise.allSettled(r.map(e=>e.finished)).then(()=>{i||(i=!0,t())})})}var Kr=`@layer refine.base{:host{--_bg:var(--alert-bg,var(--_theme-backdrop));--_color:var(--alert-color,var(--_theme-base));--_border-color:var(--alert-border-color,var(--_theme-border));--_radius:var(--alert-radius,var(--rounded-lg));--_padding:var(--alert-padding,var(--size-4));--_gap:var(--alert-gap,var(--size-3));--_font-size:var(--alert-font-size,var(--text-sm));--_shadow:var(--alert-shadow,var(--shadow-none));display:block}.sr-announce{white-space:nowrap;clip-path:inset(50%);border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:host([dismissed]){display:none}:host([dismissing]){pointer-events:none;animation:var(--_motion-animation,ore-alert-exit var(--transition-slow) var(--ease-in-out) forwards);overflow:hidden}@keyframes ore-alert-exit{0%{max-height:600px;margin-bottom:var(--size-3);opacity:1;transform:scaleY(1)}60%{opacity:0;transform:scaleY(.8)}to{opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;transform:scaleY(0)}}.alert{row-gap:var(--size-1);padding:var(--_padding);font-size:var(--_font-size);line-height:var(--leading-normal);color:var(--_color);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);transition:background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), color var(--transition-normal);grid-template-columns:auto 1fr auto;display:grid;overflow:hidden}.icon{grid-area:1/1;justify-content:center;align-self:start;align-items:center;display:inline-flex}.icon:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--_gap)}.icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--_gap)}.alert:has(.header[hidden]) .icon{align-self:center}.icon[hidden]{display:none}.header{gap:var(--size-2);grid-area:1/2;align-items:baseline;display:flex}.header[hidden]{display:none}.heading{text-overflow:ellipsis;font-weight:var(--font-semibold);line-height:var(--leading-normal);white-space:nowrap;overflow:hidden}.meta{font-size:var(--text-xs);white-space:nowrap;opacity:.7}.meta:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.meta:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}:host(:not(:has([slot=meta]))) .meta{display:none}.body{min-width:0;margin-top:var(--size-1);grid-area:2/1/auto/-1}.alert:has(.header[hidden]) .body{grid-area:1/2;margin-top:0}.content{line-height:var(--leading-relaxed)}.actions{gap:var(--size-2);margin-top:var(--size-2);flex-wrap:wrap;grid-area:3/1/auto/-1;display:flex}.alert:has(.header[hidden]) .actions{grid-row:2}.actions[hidden]{display:none}:host([horizontal]) .alert{grid-template-columns:auto 1fr auto auto}:host([horizontal]) .body{grid-area:1/2;align-self:center;margin-top:0}:host([horizontal]) .actions:not([hidden]){flex-wrap:nowrap;grid-area:1/3;margin-top:0}:host([horizontal]) .actions:not([hidden]):not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--_gap)}:host([horizontal]) .actions:not([hidden]):-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--_gap)}:host([horizontal]) .actions:not([hidden]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--_gap)}:host([horizontal]) .close{grid-column:4;align-self:center}.close{width:var(--size-5);min-width:var(--_touch-target);height:var(--size-5);min-height:var(--_touch-target);color:inherit;cursor:pointer;border-radius:var(--rounded-sm);opacity:.7;transition:opacity var(--transition-fast), background var(--transition-fast);background:0 0;border:none;grid-area:1/3;justify-content:center;align-self:start;align-items:center;padding:0;display:inline-flex}.close:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--_gap)}.close:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--_gap)}.close[hidden]{display:none}.close:hover{background:color-mix(in oklch, currentcolor 12%, transparent);opacity:1}.close:focus-visible{outline:var(--border-2) solid currentcolor;outline-offset:var(--border-2);opacity:1}:host([variant=flat][accented]) .alert:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([variant=bordered][accented]) .alert:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-width:var(--border-4,4px)}:host([variant=flat][accented]) .alert:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-width:var(--border-4,4px)}:host([variant=bordered][accented]) .alert:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-width:var(--border-4,4px)}}@layer refine.variants{:host(:not([variant])),:host([variant=flat]){--_bg:var(--alert-bg,var(--color-canvas));--_color:var(--alert-color,var(--_theme-base));--_border-color:var(--alert-border-color,var(--_theme-base));--_shadow:var(--alert-shadow,var(--shadow-none))}:host([variant=solid]){--_bg:var(--alert-bg,var(--_theme-base));--_color:var(--alert-color,var(--_theme-contrast));--_border-color:var(--alert-border-color,var(--_theme-base));--_shadow:var(--alert-shadow,var(--shadow-xs))}:host([variant=bordered]){--_bg:var(--alert-bg,color-mix(in oklch, var(--_theme-backdrop), var(--color-canvas)));--_color:var(--alert-color,var(--_theme-base));--_border-color:var(--alert-border-color,color-mix(in oklch, var(--_theme-focus) 30%, transparent));--_shadow:var(--alert-shadow,var(--inset-shadow-2xs))}}`,qr=`ore-alert`;a(qr,{props:{...J,...Y,...Ze,accented:p.bool(!1),dismissible:p.bool(!1),heading:p.string(),horizontal:p.bool(!1),variant:p.string()},setup(e){let t=o(),n=_(),r=v(),i=null,a=e=>{i&&(i.textContent=``,requestAnimationFrame(()=>{i&&(i.textContent=e)}))};return s`
|
|
1097
1097
|
<span
|
|
1098
1098
|
class="sr-announce"
|
|
1099
1099
|
aria-live="polite"
|
|
@@ -1127,12 +1127,12 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1127
1127
|
<ore-icon name="x" size="16" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
1128
1128
|
</button>
|
|
1129
1129
|
</div>
|
|
1130
|
-
`},styles:[q,U,W,G,_e,K({lg:{"--_padding":`var(--size-4) var(--size-5)`,fontSize:`var(--text-base)`,gap:`var(--size-3-5)`},sm:{"--_padding":`var(--size-2) var(--size-3)`,fontSize:`var(--text-xs)`,gap:`var(--size-2)`}}),Kr]});var Jr=`@layer refine.base{:host{--_bg:var(--badge-bg,var(--_theme-backdrop));--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-border));--_radius:var(--badge-radius,var(--rounded-lg));--_font-size:var(--badge-font-size,var(--text-xs));--_font-weight:var(--badge-font-weight,var(--font-semibold));--_padding-x:var(--badge-padding-x,var(--size-1-5));--_padding-y:var(--badge-padding-y,var(--size-0-5));--_gap:var(--badge-gap,var(--size-1));vertical-align:middle;display:inline-flex}.badge{gap:var(--_gap);min-width:var(--size-2);max-width:var(--badge-max-width,24ch);padding:var(--_padding-y) var(--_padding-x);text-overflow:ellipsis;font-size:var(--_font-size);font-weight:var(--_font-weight);color:var(--_color);white-space:nowrap;background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}.badge-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}::slotted([slot=icon]){flex-shrink:0;justify-content:center;align-items:center;width:1em;height:1em;display:inline-flex}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_bg:var(--badge-bg,var(--_theme-base));--_color:var(--badge-color,var(--_theme-contrast));--_border-color:var(--badge-border-color,var(--_theme-base))}:host([variant=flat]){--_bg:var(--badge-bg,color-mix(in oklch, var(--_theme-backdrop) 25%, var(--color-contrast-100)));--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,color-mix(in oklch, var(--_theme-focus) 20%, transparent))}:host([variant=bordered]){--_bg:var(--badge-bg,var(--_theme-backdrop));--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-border))}:host([variant=outline]){--_bg:var(--badge-bg,transparent);--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-base))}:host([dot]) .badge{min-width:unset;padding:var(--_dot-padding,var(--size-1));line-height:0}}@layer refine.sizes{:host([size=xs]){--_padding-x:var(--size-1);--_padding-y:0px;--_font-size:var(--text-2xs);--_dot-padding:var(--size-0-5)}}@layer refine.overrides{:host([dot]){--_bg:var(--badge-bg,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-base))}:host([anchor]){display:inline-flex;position:relative}:host{--_dir:1}:host(:dir(rtl)){--_dir:-1}:host([anchor]) .badge{z-index:1;transform:translate(calc(var(--_dir) * 30%), -30%);position:absolute;top:0}:host([anchor]) .badge:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([anchor]) .badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([anchor=top-start]) .badge{transform:translate(calc(var(--_dir) * -30%), -30%)}:host([anchor=top-start]) .badge:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0;right:unset}:host([anchor=top-start]) .badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0;left:unset}:host([anchor=bottom-end]) .badge{top:unset;transform:translate(calc(var(--_dir) * 30%), 30%);bottom:0}:host([anchor=bottom-start]) .badge{top:unset;transform:translate(calc(var(--_dir) * -30%), 30%);bottom:0}:host([anchor=bottom-start]) .badge:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0;right:unset}:host([anchor=bottom-start]) .badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0;left:unset}}`,Yr=`ore-badge`;a(Yr,{props:{...J,size:p.string(),...Ze,anchor:p.string(),count:p.number(),dot:p.bool(!1),label:p.string(),max:p.number(),variant:p.string()},setup(e){let t=
|
|
1130
|
+
`},styles:[q,U,W,G,_e,K({lg:{"--_padding":`var(--size-4) var(--size-5)`,fontSize:`var(--text-base)`,gap:`var(--size-3-5)`},sm:{"--_padding":`var(--size-2) var(--size-3)`,fontSize:`var(--text-xs)`,gap:`var(--size-2)`}}),Kr]});var Jr=`@layer refine.base{:host{--_bg:var(--badge-bg,var(--_theme-backdrop));--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-border));--_radius:var(--badge-radius,var(--rounded-lg));--_font-size:var(--badge-font-size,var(--text-xs));--_font-weight:var(--badge-font-weight,var(--font-semibold));--_padding-x:var(--badge-padding-x,var(--size-1-5));--_padding-y:var(--badge-padding-y,var(--size-0-5));--_gap:var(--badge-gap,var(--size-1));vertical-align:middle;display:inline-flex}.badge{gap:var(--_gap);min-width:var(--size-2);max-width:var(--badge-max-width,24ch);padding:var(--_padding-y) var(--_padding-x);text-overflow:ellipsis;font-size:var(--_font-size);font-weight:var(--_font-weight);color:var(--_color);white-space:nowrap;background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}.badge-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}::slotted([slot=icon]){flex-shrink:0;justify-content:center;align-items:center;width:1em;height:1em;display:inline-flex}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_bg:var(--badge-bg,var(--_theme-base));--_color:var(--badge-color,var(--_theme-contrast));--_border-color:var(--badge-border-color,var(--_theme-base))}:host([variant=flat]){--_bg:var(--badge-bg,color-mix(in oklch, var(--_theme-backdrop) 25%, var(--color-contrast-100)));--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,color-mix(in oklch, var(--_theme-focus) 20%, transparent))}:host([variant=bordered]){--_bg:var(--badge-bg,var(--_theme-backdrop));--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-border))}:host([variant=outline]){--_bg:var(--badge-bg,transparent);--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-base))}:host([dot]) .badge{min-width:unset;padding:var(--_dot-padding,var(--size-1));line-height:0}}@layer refine.sizes{:host([size=xs]){--_padding-x:var(--size-1);--_padding-y:0px;--_font-size:var(--text-2xs);--_dot-padding:var(--size-0-5)}}@layer refine.overrides{:host([dot]){--_bg:var(--badge-bg,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-base))}:host([anchor]){display:inline-flex;position:relative}:host{--_dir:1}:host(:dir(rtl)){--_dir:-1}:host([anchor]) .badge{z-index:1;transform:translate(calc(var(--_dir) * 30%), -30%);position:absolute;top:0}:host([anchor]) .badge:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([anchor]) .badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([anchor=top-start]) .badge{transform:translate(calc(var(--_dir) * -30%), -30%)}:host([anchor=top-start]) .badge:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0;right:unset}:host([anchor=top-start]) .badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0;left:unset}:host([anchor=bottom-end]) .badge{top:unset;transform:translate(calc(var(--_dir) * 30%), 30%);bottom:0}:host([anchor=bottom-start]) .badge{top:unset;transform:translate(calc(var(--_dir) * -30%), 30%);bottom:0}:host([anchor=bottom-start]) .badge:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0;right:unset}:host([anchor=bottom-start]) .badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0;left:unset}}`,Yr=`ore-badge`;a(Yr,{props:{...J,size:p.string(),...Ze,anchor:p.string(),count:p.number(),dot:p.bool(!1),label:p.string(),max:p.number(),variant:p.string()},setup(e){let t=x(()=>{let t=e.count.value==null?void 0:Number(e.count.value),n=e.max.value==null?void 0:Number(e.max.value);if(!(t===void 0||Number.isNaN(t)))return n!==void 0&&!Number.isNaN(n)&&t>n?`${n}+`:String(t)});return s`<span class="badge" part="badge" :aria-label="${x(()=>{if(e.label.value)return e.label.value;if(!e.dot.value&&t.value!=null)return`${t.value} notifications`})}">
|
|
1131
1131
|
<slot name="icon"></slot>
|
|
1132
1132
|
<span ?hidden="${()=>t.value==null}">${t}</span>
|
|
1133
1133
|
<span class="badge-label" ?hidden="${()=>t.value!=null}"><slot></slot></span>
|
|
1134
1134
|
</span>
|
|
1135
|
-
<slot name="target"></slot>`},styles:[q,_e,G,Ee(`.badge`),K({lg:{"--_padding-x":`var(--size-2-5)`,"--_padding-y":`var(--size-1)`,fontSize:`var(--text-sm)`},md:{"--_padding-x":`var(--size-2)`,"--_padding-y":`var(--size-0-5)`,fontSize:`var(--text-xs)`},sm:{"--_padding-x":`var(--size-1-5)`,"--_padding-y":`var(--size-px)`,fontSize:`var(--text-xs)`}}),Jr]});var Xr=`@layer refine.base{:host{--_bg:var(--chip-bg,var(--color-contrast-150));--_color:var(--chip-color,var(--color-contrast-800));--_border-color:var(--chip-border-color,transparent);--_radius:var(--chip-radius,var(--rounded-lg));--_font-size:var(--chip-font-size,var(--text-sm));--_font-weight:var(--chip-font-weight,var(--font-medium));--_padding-x:var(--chip-padding-x,var(--size-2-5));--_padding-y:var(--chip-padding-y,var(--size-0-5));--_gap:var(--chip-gap,var(--size-1));vertical-align:middle;align-items:center;max-width:100%;display:inline-flex}.chip{box-sizing:border-box;gap:var(--_gap);max-width:100%;padding:var(--_padding-y) var(--_padding-x);font-size:var(--_font-size);font-weight:var(--_font-weight);color:var(--_color);white-space:nowrap;background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast);align-items:center;line-height:1.2;display:inline-flex;position:relative}.label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.remove-btn{width:1.35em;height:1.35em;margin-inline:var(--size-0-5) calc(var(--size-2) * -1);color:inherit;cursor:pointer;background:color-mix(in oklch, currentcolor 12%, transparent);border-radius:var(--_radius);opacity:.7;transition:background var(--transition-fast), opacity var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.remove-btn:hover{background:color-mix(in oklch, currentcolor 28%, transparent);opacity:1}.remove-btn:focus-visible{outline-offset:1px;opacity:1;outline:2px solid}::slotted([slot=icon]){flex-shrink:0;justify-content:center;align-items:center;width:1em;height:1em;display:inline-flex}.chip-btn{width:100%;font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;display:inline-flex}.chip-btn:disabled{cursor:not-allowed}:host([mode=selectable][checked]) .chip{outline:var(--border-2) solid var(--_theme-base,currentColor);outline-offset:-2px}:host([mode=selectable]:not([disabled])) .chip,:host([mode=action]:not([disabled])) .chip{cursor:pointer}.chip-btn:focus-visible{outline:2px solid var(--_theme-base,currentColor);outline-offset:2px;border-radius:var(--_radius)}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_bg:var(--chip-bg,var(--_theme-base,var(--color-contrast-700)));--_color:var(--chip-color,var(--_theme-contrast,var(--color-contrast-50)));--_border-color:var(--chip-border-color,transparent);--_hover-bg:var(--chip-hover-bg,var(--_theme-focus,var(--color-contrast-800)));--_active-bg:var(--chip-active-bg,color-mix(in oklch, var(--_theme-focus,var(--color-contrast-800)) 85%, black))}:host([variant=flat]){--_bg:var(--chip-bg,color-mix(in oklch, var(--_theme-backdrop,var(--color-contrast-200)) 55%, transparent));--_color:var(--chip-color,var(--_theme-base,var(--color-contrast-800)));--_border-color:var(--chip-border-color,transparent);--_hover-bg:var(--chip-hover-bg,var(--_theme-focus,var(--color-contrast-700)));--_hover-color:var(--chip-hover-color,var(--_theme-contrast,var(--color-contrast-50)));--_active-bg:var(--chip-active-bg,color-mix(in oklch, var(--_theme-focus,var(--color-contrast-800)) 85%, black));--_active-color:var(--chip-active-color,var(--_theme-contrast,var(--color-contrast-50)))}:host([variant=bordered]){--_bg:var(--chip-bg,var(--_theme-backdrop,var(--color-contrast-50)));--_color:var(--chip-color,var(--_theme-base,var(--color-contrast-900)));--_border-color:var(--chip-border-color,var(--_theme-border,var(--color-contrast-300)));--_remove-bg:var(--chip-remove-bg,var(--_theme-focus,var(--color-contrast-700)));--_remove-color:var(--chip-remove-color,var(--_theme-backdrop,var(--color-contrast-50)));--_hover-bg:var(--chip-hover-bg,var(--_theme-focus,var(--color-contrast-700)));--_hover-color:var(--chip-hover-color,var(--_theme-contrast,var(--color-contrast-50)));--_hover-border-color:var(--chip-hover-border-color,var(--_theme-focus,var(--color-contrast-700)));--_active-bg:var(--chip-active-bg,color-mix(in oklch, var(--_theme-focus,var(--color-contrast-800)) 85%, black));--_active-color:var(--chip-active-color,var(--_theme-contrast,var(--color-contrast-50)))}:host([variant=outline]){--_bg:var(--chip-bg,transparent);--_color:var(--chip-color,var(--_theme-base,var(--color-contrast-900)));--_border-color:var(--chip-border-color,var(--_theme-base,var(--color-contrast-400)));--_remove-bg:var(--chip-remove-bg,var(--_theme-focus,var(--color-contrast-700)));--_remove-color:var(--chip-remove-color,var(--_theme-backdrop,var(--color-contrast-50)));--_hover-bg:var(--chip-hover-bg,var(--_theme-backdrop,var(--color-contrast-100)));--_hover-border-color:var(--chip-hover-border-color,var(--_theme-focus,var(--color-contrast-700)));--_active-bg:var(--chip-active-bg,var(--_theme-base,var(--color-contrast-700)));--_active-color:var(--chip-active-color,var(--_theme-contrast,var(--color-contrast-50)))}:host([variant=ghost]){--_bg:var(--chip-bg,transparent);--_color:var(--chip-color,var(--_theme-base,var(--color-contrast-900)));--_border-color:var(--chip-border-color,transparent);--_hover-bg:var(--chip-hover-bg,var(--_theme-backdrop,var(--color-contrast-100)));--_active-bg:var(--chip-active-bg,var(--_theme-base,var(--color-contrast-700)));--_active-color:var(--chip-active-color,var(--_theme-contrast,var(--color-contrast-50)))}:host([variant=bordered]) .remove-btn,:host([variant=outline]) .remove-btn{color:var(--_remove-color);background:var(--_remove-bg);border:var(--border) solid var(--_remove-bg)}:host([variant=bordered]) .remove-btn:hover,:host([variant=outline]) .remove-btn:hover{background:var(--chip-remove-hover-bg,color-mix(in oklch, var(--_remove-bg) 80%, var(--color-contrast-900)));opacity:1}:host([variant=ghost]) .remove-btn{border:var(--border) solid var(--_theme-focus,var(--color-contrast-400))}:host([variant=ghost]) .remove-btn:hover{background:var(--chip-remove-hover-bg,color-mix(in oklch, currentcolor 15%, transparent))}:host(:is(:not([variant]),[variant=solid],[variant=flat],[variant=bordered],[variant=outline],[variant=ghost]):is([mode=selectable],[mode=action]):not([disabled])) .chip-btn:hover .chip{color:var(--_hover-color,var(--_color));background:var(--_hover-bg,var(--_bg));border-color:var(--_hover-border-color,var(--_border-color))}:host(:is(:not([variant]),[variant=solid],[variant=flat],[variant=bordered],[variant=outline],[variant=ghost]):is([mode=selectable],[mode=action]):not([disabled])) .chip-btn:active .chip{color:var(--_active-color,var(--_color));background:var(--_active-bg,var(--_bg));box-shadow:var(--inset-shadow-2xs)}}`,Zr=`ore-chip`;a(Zr,{props:{checked:{default:void 0,parse:e=>e==null?void 0:e!==`false`,reflect:!1},color:p.string(),"default-checked":p.bool(!1),disabled:p.bool(!1),label:p.string(),mode:p.oneOf([`static`,`removable`,`selectable`,`action`],`static`),rounded:p.string(),size:p.string(),value:p.string(),variant:p.string()},setup(e){let n=
|
|
1135
|
+
<slot name="target"></slot>`},styles:[q,_e,G,Ee(`.badge`),K({lg:{"--_padding-x":`var(--size-2-5)`,"--_padding-y":`var(--size-1)`,fontSize:`var(--text-sm)`},md:{"--_padding-x":`var(--size-2)`,"--_padding-y":`var(--size-0-5)`,fontSize:`var(--text-xs)`},sm:{"--_padding-x":`var(--size-1-5)`,"--_padding-y":`var(--size-px)`,fontSize:`var(--text-xs)`}}),Jr]});var Xr=`@layer refine.base{:host{--_bg:var(--chip-bg,var(--color-contrast-150));--_color:var(--chip-color,var(--color-contrast-800));--_border-color:var(--chip-border-color,transparent);--_radius:var(--chip-radius,var(--rounded-lg));--_font-size:var(--chip-font-size,var(--text-sm));--_font-weight:var(--chip-font-weight,var(--font-medium));--_padding-x:var(--chip-padding-x,var(--size-2-5));--_padding-y:var(--chip-padding-y,var(--size-0-5));--_gap:var(--chip-gap,var(--size-1));vertical-align:middle;align-items:center;max-width:100%;display:inline-flex}.chip{box-sizing:border-box;gap:var(--_gap);max-width:100%;padding:var(--_padding-y) var(--_padding-x);font-size:var(--_font-size);font-weight:var(--_font-weight);color:var(--_color);white-space:nowrap;background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast);align-items:center;line-height:1.2;display:inline-flex;position:relative}.label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.remove-btn{width:1.35em;height:1.35em;margin-inline:var(--size-0-5) calc(var(--size-2) * -1);color:inherit;cursor:pointer;background:color-mix(in oklch, currentcolor 12%, transparent);border-radius:var(--_radius);opacity:.7;transition:background var(--transition-fast), opacity var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.remove-btn:hover{background:color-mix(in oklch, currentcolor 28%, transparent);opacity:1}.remove-btn:focus-visible{outline-offset:1px;opacity:1;outline:2px solid}::slotted([slot=icon]){flex-shrink:0;justify-content:center;align-items:center;width:1em;height:1em;display:inline-flex}.chip-btn{width:100%;font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;display:inline-flex}.chip-btn:disabled{cursor:not-allowed}:host([mode=selectable][checked]) .chip{outline:var(--border-2) solid var(--_theme-base,currentColor);outline-offset:-2px}:host([mode=selectable]:not([disabled])) .chip,:host([mode=action]:not([disabled])) .chip{cursor:pointer}.chip-btn:focus-visible{outline:2px solid var(--_theme-base,currentColor);outline-offset:2px;border-radius:var(--_radius)}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_bg:var(--chip-bg,var(--_theme-base,var(--color-contrast-700)));--_color:var(--chip-color,var(--_theme-contrast,var(--color-contrast-50)));--_border-color:var(--chip-border-color,transparent);--_hover-bg:var(--chip-hover-bg,var(--_theme-focus,var(--color-contrast-800)));--_active-bg:var(--chip-active-bg,color-mix(in oklch, var(--_theme-focus,var(--color-contrast-800)) 85%, black))}:host([variant=flat]){--_bg:var(--chip-bg,color-mix(in oklch, var(--_theme-backdrop,var(--color-contrast-200)) 55%, transparent));--_color:var(--chip-color,var(--_theme-base,var(--color-contrast-800)));--_border-color:var(--chip-border-color,transparent);--_hover-bg:var(--chip-hover-bg,var(--_theme-focus,var(--color-contrast-700)));--_hover-color:var(--chip-hover-color,var(--_theme-contrast,var(--color-contrast-50)));--_active-bg:var(--chip-active-bg,color-mix(in oklch, var(--_theme-focus,var(--color-contrast-800)) 85%, black));--_active-color:var(--chip-active-color,var(--_theme-contrast,var(--color-contrast-50)))}:host([variant=bordered]){--_bg:var(--chip-bg,var(--_theme-backdrop,var(--color-contrast-50)));--_color:var(--chip-color,var(--_theme-base,var(--color-contrast-900)));--_border-color:var(--chip-border-color,var(--_theme-border,var(--color-contrast-300)));--_remove-bg:var(--chip-remove-bg,var(--_theme-focus,var(--color-contrast-700)));--_remove-color:var(--chip-remove-color,var(--_theme-backdrop,var(--color-contrast-50)));--_hover-bg:var(--chip-hover-bg,var(--_theme-focus,var(--color-contrast-700)));--_hover-color:var(--chip-hover-color,var(--_theme-contrast,var(--color-contrast-50)));--_hover-border-color:var(--chip-hover-border-color,var(--_theme-focus,var(--color-contrast-700)));--_active-bg:var(--chip-active-bg,color-mix(in oklch, var(--_theme-focus,var(--color-contrast-800)) 85%, black));--_active-color:var(--chip-active-color,var(--_theme-contrast,var(--color-contrast-50)))}:host([variant=outline]){--_bg:var(--chip-bg,transparent);--_color:var(--chip-color,var(--_theme-base,var(--color-contrast-900)));--_border-color:var(--chip-border-color,var(--_theme-base,var(--color-contrast-400)));--_remove-bg:var(--chip-remove-bg,var(--_theme-focus,var(--color-contrast-700)));--_remove-color:var(--chip-remove-color,var(--_theme-backdrop,var(--color-contrast-50)));--_hover-bg:var(--chip-hover-bg,var(--_theme-backdrop,var(--color-contrast-100)));--_hover-border-color:var(--chip-hover-border-color,var(--_theme-focus,var(--color-contrast-700)));--_active-bg:var(--chip-active-bg,var(--_theme-base,var(--color-contrast-700)));--_active-color:var(--chip-active-color,var(--_theme-contrast,var(--color-contrast-50)))}:host([variant=ghost]){--_bg:var(--chip-bg,transparent);--_color:var(--chip-color,var(--_theme-base,var(--color-contrast-900)));--_border-color:var(--chip-border-color,transparent);--_hover-bg:var(--chip-hover-bg,var(--_theme-backdrop,var(--color-contrast-100)));--_active-bg:var(--chip-active-bg,var(--_theme-base,var(--color-contrast-700)));--_active-color:var(--chip-active-color,var(--_theme-contrast,var(--color-contrast-50)))}:host([variant=bordered]) .remove-btn,:host([variant=outline]) .remove-btn{color:var(--_remove-color);background:var(--_remove-bg);border:var(--border) solid var(--_remove-bg)}:host([variant=bordered]) .remove-btn:hover,:host([variant=outline]) .remove-btn:hover{background:var(--chip-remove-hover-bg,color-mix(in oklch, var(--_remove-bg) 80%, var(--color-contrast-900)));opacity:1}:host([variant=ghost]) .remove-btn{border:var(--border) solid var(--_theme-focus,var(--color-contrast-400))}:host([variant=ghost]) .remove-btn:hover{background:var(--chip-remove-hover-bg,color-mix(in oklch, currentcolor 15%, transparent))}:host(:is(:not([variant]),[variant=solid],[variant=flat],[variant=bordered],[variant=outline],[variant=ghost]):is([mode=selectable],[mode=action]):not([disabled])) .chip-btn:hover .chip{color:var(--_hover-color,var(--_color));background:var(--_hover-bg,var(--_bg));border-color:var(--_hover-border-color,var(--_border-color))}:host(:is(:not([variant]),[variant=solid],[variant=flat],[variant=bordered],[variant=outline],[variant=ghost]):is([mode=selectable],[mode=action]):not([disabled])) .chip-btn:active .chip{color:var(--_active-color,var(--_color));background:var(--_active-bg,var(--_bg));box-shadow:var(--inset-shadow-2xs)}}`,Zr=`ore-chip`;a(Zr,{props:{checked:{default:void 0,parse:e=>e==null?void 0:e!==`false`,reflect:!1},color:p.string(),"default-checked":p.bool(!1),disabled:p.bool(!1),label:p.string(),mode:p.oneOf([`static`,`removable`,`selectable`,`action`],`static`),rounded:p.string(),size:p.string(),value:p.string(),variant:p.string()},setup(e){let n=_(),r=C(e.checked.value!==void 0),i=C(!r.value&&e[`default-checked`].value);T(e.checked,e=>{e!==void 0&&(r.value=!0)});let a=x(()=>e.mode.value===`selectable`?r.value?e.checked.value??!1:i.value:!1);t({attr:{checked:()=>e.mode.value===`selectable`&&a.value?!0:void 0}});function o(t){e.disabled.value||n(`remove`,{originalEvent:t,value:e.value.value})}function c(t){if(t.stopPropagation(),e.disabled.value)return;let o=!a.value;r.value||(i.value=o),n(`change`,{checked:o,originalEvent:t,value:e.value.value})}function l(t){e.disabled.value||n(`click`,{originalEvent:t,value:e.value.value})}let u=()=>s`
|
|
1136
1136
|
<slot name="icon"></slot>
|
|
1137
1137
|
<span class="label"><slot></slot></span>
|
|
1138
1138
|
`,d=()=>{let t=e.label.value||e.value.value;return t?`Remove ${t}`:`Remove`},f=()=>s`
|
|
@@ -1168,11 +1168,11 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1168
1168
|
@click="${l}">
|
|
1169
1169
|
<span class="chip" part="chip"> ${u()} </span>
|
|
1170
1170
|
</button>
|
|
1171
|
-
`,h=()=>s` <span class="chip" part="chip"> ${u()} </span> `,
|
|
1171
|
+
`,h=()=>s` <span class="chip" part="chip"> ${u()} </span> `,g=()=>s`
|
|
1172
1172
|
<span class="chip" part="chip"> ${u()} ${f()} </span>
|
|
1173
1173
|
`;return s`
|
|
1174
|
-
${()=>{let t=e.mode.value;return t===`selectable`?p():t===`action`?m():t===`removable`?
|
|
1175
|
-
`},styles:[q,fe,G,K({lg:{"--_font-size":`var(--text-sm)`,"--_gap":`var(--size-1-5)`,"--_padding-x":`var(--size-3)`,"--_padding-y":`var(--size-1)`},sm:{"--_font-size":`var(--text-xs)`,"--_gap":`var(--size-0-5)`,"--_padding-x":`var(--size-2-5)`,"--_padding-y":`var(--size-px)`}}),_e,Xr]});var Qr=`@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}}`,$r=`ore-password-strength`;a($r,{props:{label:p.string(`Password strength`),labels:p.json(void 0),score:p.number(-1),"show-label":p.bool(!0),value:p.string()},setup(e){let n={empty:``,fair:`Fair`,good:`Good`,strong:`Strong`,weak:`Weak`},r=[`empty`,`weak`,`fair`,`good`,`strong`],i=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},a=()=>{let t=e.score.value??-1,n=t>=0?Math.max(0,Math.min(4,Math.trunc(t))):i(e.value.value??``);return r[n]},o=
|
|
1174
|
+
${()=>{let t=e.mode.value;return t===`selectable`?p():t===`action`?m():t===`removable`?g():h()}}
|
|
1175
|
+
`},styles:[q,fe,G,K({lg:{"--_font-size":`var(--text-sm)`,"--_gap":`var(--size-1-5)`,"--_padding-x":`var(--size-3)`,"--_padding-y":`var(--size-1)`},sm:{"--_font-size":`var(--text-xs)`,"--_gap":`var(--size-0-5)`,"--_padding-x":`var(--size-2-5)`,"--_padding-y":`var(--size-px)`}}),_e,Xr]});var Qr=`@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}}`,$r=`ore-password-strength`;a($r,{props:{label:p.string(`Password strength`),labels:p.json(void 0),score:p.number(-1),"show-label":p.bool(!0),value:p.string()},setup(e){let n={empty:``,fair:`Fair`,good:`Good`,strong:`Strong`,weak:`Weak`},r=[`empty`,`weak`,`fair`,`good`,`strong`],i=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},a=()=>{let t=e.score.value??-1,n=t>=0?Math.max(0,Math.min(4,Math.trunc(t))):i(e.value.value??``);return r[n]},o=x(()=>{let t=e.score.value??-1;return t>=0?Math.max(0,Math.min(4,Math.trunc(t))):i(e.value.value??``)}),c=x(()=>{let t=e.labels.value;return Array.isArray(t)&&t.length===5?String(t[o.value]??``):n[a()]}),l=x(()=>o.value===0?null:c.value||null);t({attr:{"data-level":()=>a()}});let u=e=>()=>`segment${o.value>=e?` active`:``}`;return s`
|
|
1176
1176
|
<div
|
|
1177
1177
|
class="meter"
|
|
1178
1178
|
role="meter"
|
|
@@ -1189,7 +1189,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1189
1189
|
</div>
|
|
1190
1190
|
</div>
|
|
1191
1191
|
${()=>e[`show-label`].value?s`<span class="level-label" aria-live="polite" aria-atomic="true">${()=>c.value}</span>`:``}
|
|
1192
|
-
`},styles:[W,Qr]});var ei=`@layer refine.base{:host{--_bg:var(--skeleton-bg,var(--color-contrast-200));--_highlight:var(--skeleton-highlight,var(--color-contrast-100));--_radius:var(--skeleton-radius,var(--rounded-lg));--_circle-size:var(--skeleton-size,var(--size-10));--_width:var(--skeleton-width,100%);--_height:var(--skeleton-height,var(--size-4));--_line-gap:var(--skeleton-line-gap,var(--size-2));--_last-line-width:var(--skeleton-last-line-width,60%);--_duration:var(--skeleton-duration,1.6s);--_stripe-size:var(--skeleton-stripe-size,8px);width:var(--_width);height:var(--_height);display:inline-block}.stack{gap:var(--_line-gap);width:100%;height:100%;display:grid}.bone{background:var(--_bg);border-radius:var(--_radius);width:100%;height:100%;position:relative;overflow:hidden}.bone:after{content:"";background:linear-gradient(90deg, var(--_bg) 0%, var(--_highlight) 50%, var(--_bg) 100%);animation:var(--_motion-animation,ore-skeleton-shimmer var(--_duration) linear infinite);position:absolute;inset:0;transform:translate(-100%)}:host([data-animated=false]) .bone:after{display:none}:host([data-paused]) .bone:after{animation-play-state:paused}@keyframes ore-skeleton-shimmer{to{transform:translate(100%)}}:host(:dir(rtl)) .bone:after{animation-direction:reverse}}@layer refine.variants{:host([variant=circle]){--_radius:var(--rounded-full);width:var(--skeleton-width,var(--_circle-size));height:var(--skeleton-height,var(--_circle-size));aspect-ratio:1}:host([variant=text]){--_height:var(--size-3);--_radius:var(--rounded-sm);height:auto}:host([variant=text]) .stack{height:auto}:host([variant=text]) .bone{height:var(--_height)}:host([variant=text]) .bone[data-last=true]{width:var(--_last-line-width)}}@layer refine.striped{:host([striped]) .stack{width:99%}:host([striped]) .bone{--_stripe-color:var(--skeleton-stripe-color,var(--color-contrast-400));border:var(--border) dashed var(--_stripe-color);background-color:#0000}:host([striped]) .bone:before{--_stripe-color:var(--skeleton-stripe-color,var(--color-contrast-300));content:"";background-color:var(--_stripe-color);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cline x1='0' y1='8' x2='8' y2='0' stroke='white' stroke-width='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cline x1='0' y1='8' x2='8' y2='0' stroke='white' stroke-width='1'/%3E%3C/svg%3E");-webkit-mask-size:var(--_stripe-size) var(--_stripe-size);-webkit-mask-size:var(--_stripe-size) var(--_stripe-size);mask-size:var(--_stripe-size) var(--_stripe-size);position:absolute;inset:0}:host([striped]) .bone:after{display:none}}@layer refine.utilities{:host([size=sm]){--_height:var(--size-3);--_circle-size:var(--size-8)}:host([size=md]){--_height:var(--size-4);--_circle-size:var(--size-10)}:host([size=lg]){--_height:var(--size-6);--_circle-size:var(--size-14)}}@media (forced-colors:active){.bone{background:buttonface;border:1px solid buttontext}.bone:after{display:none}}`,ti=`ore-skeleton`;a(ti,{props:{...Y,animated:p.bool(!0),height:p.string(),lines:p.number(1),radius:p.string(),striped:p.bool(!1),variant:p.oneOf([`rect`,`circle`,`text`],`rect`),width:p.string()},setup(e){let n=o(),r=
|
|
1192
|
+
`},styles:[W,Qr]});var ei=`@layer refine.base{:host{--_bg:var(--skeleton-bg,var(--color-contrast-200));--_highlight:var(--skeleton-highlight,var(--color-contrast-100));--_radius:var(--skeleton-radius,var(--rounded-lg));--_circle-size:var(--skeleton-size,var(--size-10));--_width:var(--skeleton-width,100%);--_height:var(--skeleton-height,var(--size-4));--_line-gap:var(--skeleton-line-gap,var(--size-2));--_last-line-width:var(--skeleton-last-line-width,60%);--_duration:var(--skeleton-duration,1.6s);--_stripe-size:var(--skeleton-stripe-size,8px);width:var(--_width);height:var(--_height);display:inline-block}.stack{gap:var(--_line-gap);width:100%;height:100%;display:grid}.bone{background:var(--_bg);border-radius:var(--_radius);width:100%;height:100%;position:relative;overflow:hidden}.bone:after{content:"";background:linear-gradient(90deg, var(--_bg) 0%, var(--_highlight) 50%, var(--_bg) 100%);animation:var(--_motion-animation,ore-skeleton-shimmer var(--_duration) linear infinite);position:absolute;inset:0;transform:translate(-100%)}:host([data-animated=false]) .bone:after{display:none}:host([data-paused]) .bone:after{animation-play-state:paused}@keyframes ore-skeleton-shimmer{to{transform:translate(100%)}}:host(:dir(rtl)) .bone:after{animation-direction:reverse}}@layer refine.variants{:host([variant=circle]){--_radius:var(--rounded-full);width:var(--skeleton-width,var(--_circle-size));height:var(--skeleton-height,var(--_circle-size));aspect-ratio:1}:host([variant=text]){--_height:var(--size-3);--_radius:var(--rounded-sm);height:auto}:host([variant=text]) .stack{height:auto}:host([variant=text]) .bone{height:var(--_height)}:host([variant=text]) .bone[data-last=true]{width:var(--_last-line-width)}}@layer refine.striped{:host([striped]) .stack{width:99%}:host([striped]) .bone{--_stripe-color:var(--skeleton-stripe-color,var(--color-contrast-400));border:var(--border) dashed var(--_stripe-color);background-color:#0000}:host([striped]) .bone:before{--_stripe-color:var(--skeleton-stripe-color,var(--color-contrast-300));content:"";background-color:var(--_stripe-color);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cline x1='0' y1='8' x2='8' y2='0' stroke='white' stroke-width='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cline x1='0' y1='8' x2='8' y2='0' stroke='white' stroke-width='1'/%3E%3C/svg%3E");-webkit-mask-size:var(--_stripe-size) var(--_stripe-size);-webkit-mask-size:var(--_stripe-size) var(--_stripe-size);mask-size:var(--_stripe-size) var(--_stripe-size);position:absolute;inset:0}:host([striped]) .bone:after{display:none}}@layer refine.utilities{:host([size=sm]){--_height:var(--size-3);--_circle-size:var(--size-8)}:host([size=md]){--_height:var(--size-4);--_circle-size:var(--size-10)}:host([size=lg]){--_height:var(--size-6);--_circle-size:var(--size-14)}}@media (forced-colors:active){.bone{background:buttonface;border:1px solid buttontext}.bone:after{display:none}}`,ti=`ore-skeleton`;a(ti,{props:{...Y,animated:p.bool(!0),height:p.string(),lines:p.number(1),radius:p.string(),striped:p.bool(!1),variant:p.oneOf([`rect`,`circle`,`text`],`rect`),width:p.string()},setup(e){let n=o(),r=C(!1),i=()=>{let t=Math.floor(Number(e.lines.value));return Number.isFinite(t)&&t>0?t:1},a=()=>e.variant.value===`text`?i():1;return T(x(()=>`${e.width.value??``}|${e.height.value??``}|${e.radius.value??``}|${e.animated.value===!1?`0`:`1`}`),()=>{let t=nr(e.width.value),r=nr(e.height.value),i=nr(e.radius.value);t?n.style.setProperty(`--skeleton-width`,t):n.style.removeProperty(`--skeleton-width`),r?n.style.setProperty(`--skeleton-height`,r):n.style.removeProperty(`--skeleton-height`),i?n.style.setProperty(`--skeleton-radius`,i):n.style.removeProperty(`--skeleton-radius`);let a=n.getAttribute(`animated`)!==`false`&&e.animated.value!==!1;n.setAttribute(`data-animated`,a?`true`:`false`)},{immediate:!0}),t({attr:{"data-paused":()=>r.value?!0:void 0}}),f(()=>{T(B(n,{threshold:0}),e=>{let t=typeof e==`object`&&e&&`isIntersecting`in e?!e.isIntersecting:!1;r.value=t})}),s`
|
|
1193
1193
|
<div class="stack" part="stack">
|
|
1194
1194
|
${()=>Array.from({length:a()},(t,n)=>{let r=e.variant.value===`text`&&a()>1&&n===a()-1;return s`<div
|
|
1195
1195
|
class="bone"
|
|
@@ -1197,7 +1197,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1197
1197
|
aria-hidden="true"
|
|
1198
1198
|
:data-last="${()=>r?`true`:null}"></div>`})}
|
|
1199
1199
|
</div>
|
|
1200
|
-
`},styles:[W,ei]});var ni=`@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%)}}}`,ri=`ore-typing-indicator`;a(ri,{props:{...J,...Y,label:p.string(`Typing…`)},setup(e){return
|
|
1200
|
+
`},styles:[W,ei]});var ni=`@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%)}}}`,ri=`ore-typing-indicator`;a(ri,{props:{...J,...Y,label:p.string(`Typing…`)},setup(e){return T(()=>e.label.value,e=>ln(e??``),{immediate:!0}),s`
|
|
1201
1201
|
<span class="dots" part="dots" aria-hidden="true">
|
|
1202
1202
|
<span class="dot" part="dot"></span>
|
|
1203
1203
|
<span class="dot" part="dot"></span>
|
|
@@ -1215,7 +1215,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1215
1215
|
>
|
|
1216
1216
|
`)}
|
|
1217
1217
|
</div>
|
|
1218
|
-
`:``}var si=`ore-toast`;a(si,{props:{max:p.number(5),position:p.oneOf([`top-left`,`top-center`,`top-right`,`bottom-left`,`bottom-center`,`bottom-right`],`bottom-right`)},setup(e){let t=o(),n=
|
|
1218
|
+
`:``}var si=`ore-toast`;a(si,{props:{max:p.number(5),position:p.oneOf([`top-left`,`top-center`,`top-right`,`bottom-left`,`bottom-center`,`bottom-right`],`bottom-right`)},setup(e){let t=o(),n=_(),r=C([]),i=h(),a=new Map,c=C(!1),u=C(!1),d=x(()=>c.value||u.value),p=(e,t)=>{r.value=r.value.map(n=>n.id===e?{...n,...t}:n)},m=e=>r.value.find(t=>t.id===e),g=e=>(e instanceof Event?e.currentTarget:e).querySelector(`.toast-inner`),v=e=>(e.timer&&clearTimeout(e.timer.timeoutId),{...e,timer:null}),y=(e,t)=>{if(t<=0)return;let n=setTimeout(()=>O(e),t);p(e,{timer:{remaining:t,startedAt:Date.now(),timeoutId:n}})},b=()=>{r.value=r.value.map(e=>e.timer?(clearTimeout(e.timer.timeoutId),{...e,timer:{...e.timer,remaining:Math.max(0,e.timer.remaining-(Date.now()-e.timer.startedAt))}}):e)},S=()=>{for(let e of r.value){if(!e.timer||e.timer.remaining<=0)continue;let t=setTimeout(()=>O(e.id),e.timer.remaining);p(e.id,{timer:{...e.timer,startedAt:Date.now(),timeoutId:t}})}};T(d,e=>{e?b():S()});let w=e=>{let t=({event:e})=>{let t=g(e);t&&(t.style.transition=``,t.style.transform=``,t.style.opacity=``)};return rn({axis:()=>`x`,captureTarget:()=>null,disabled:x(()=>!(m(e)?.dismissible??!0)),onCancel:t,onCommit:({distance:t,event:n})=>{let r=g(n);if(!r)return;let i=t>=0?1:-1,a=window.matchMedia(`(prefers-reduced-motion: reduce)`).matches,o=()=>E(e);if(a){r.style.opacity=`0`,o();return}r.style.transition=`transform 0.22s ease-out, opacity 0.22s ease-out`,r.offsetWidth,r.style.transform=`translateX(${i*120}%)`,r.style.opacity=`0`;let s=e=>{e.target!==r||e.propertyName!==`transform`||(r.removeEventListener(`transitionend`,s),clearTimeout(c),o())},c=setTimeout(()=>{r.removeEventListener(`transitionend`,s),o()},300);r.addEventListener(`transitionend`,s)},onMove:({distance:e,event:t})=>{let n=g(t);n&&(n.style.transition=`none`,n.style.transform=`translateX(${e}px)`,n.style.opacity=String(Math.max(0,1-Math.abs(e)/200)))},onRelease:t})},E=e=>{let t=m(e);t?.timer&&clearTimeout(t.timer.timeoutId),a.delete(e),r.value=r.value.filter(t=>t.id!==e),t?.onDismiss?.(),n(`dismiss`,{id:e})},D=t=>{let i=t.id||I(),o=e.max?.value??5,s=r.value.filter(e=>e.phase!==`exiting`),c=s.length-(o-1);if(c>0)for(let e of s.slice(0,c))O(e.id);let l={dismissible:!0,duration:5e3,...t,id:i,phase:`entering`,timer:null};return a.set(i,w(i)),r.value=[...r.value,l],n(`add`,{id:i}),requestAnimationFrame(()=>{m(i)?.phase===`entering`&&p(i,{phase:`active`})}),l.duration>0&&y(i,l.duration),i},O=e=>{let t=m(e);if(!t||t.phase===`exiting`)return;p(e,{...v(t),phase:`exiting`});let n=i.value?.querySelector(`[data-toast-id="${e}"] .toast-inner`);n?.offsetHeight;let r=!1,a=()=>{r||(r=!0,E(e))},o=n?parseFloat(getComputedStyle(n).transitionDuration)*1e3:NaN,s=setTimeout(a,(Number.isFinite(o)&&o>0?o:ai)+50),c=t=>{t.target?.closest?.(`[data-toast-id="${e}"]`)&&(i.value?.removeEventListener(`transitionend`,c),clearTimeout(s),a())};i.value?.addEventListener(`transitionend`,c)},k=(e,t)=>{let n=m(e);if(!n)return;let r=t.duration===void 0?n:v(n);p(e,{...r,...t,id:e}),t.duration!==void 0&&t.duration>0&&y(e,t.duration)},A=()=>{for(let e of r.value)e.phase!==`exiting`&&O(e.id)},j=e=>e.urgency??(e.color===`error`?`assertive`:`polite`),M=x(()=>r.value.filter(e=>j(e)===`polite`)),N=x(()=>r.value.filter(e=>j(e)===`assertive`));l(()=>{for(let e of r.value)e.timer&&clearTimeout(e.timer.timeoutId);a.clear()});let P=e=>{let t=()=>O(e.id);return s`
|
|
1219
1219
|
<div
|
|
1220
1220
|
class="toast-wrapper"
|
|
1221
1221
|
data-toast-id=${e.id}
|
|
@@ -1239,7 +1239,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1239
1239
|
</ore-alert>
|
|
1240
1240
|
</div>
|
|
1241
1241
|
</div>
|
|
1242
|
-
`};return f(()=>{let e=t;e.add=
|
|
1242
|
+
`};return f(()=>{let e=t;e.add=D,e.clear=A,e.dismiss=O,e.update=k}),s`
|
|
1243
1243
|
<div
|
|
1244
1244
|
class="toast-container"
|
|
1245
1245
|
ref=${i}
|
|
@@ -1270,7 +1270,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1270
1270
|
</div>
|
|
1271
1271
|
<slot></slot>
|
|
1272
1272
|
</div>
|
|
1273
|
-
`},styles:[W,ii]});function ci(e=document.body){let t=null,n=!1,r=null,i=()=>t?.isConnected?t:(t=(e instanceof Element,e).querySelector(`ore-toast`),t||(t=document.createElement(`ore-toast`),r&&=(r.position&&t.setAttribute(`position`,r.position),r.max!=null&&t.setAttribute(`max`,String(r.max)),null),e.appendChild(t)),n=!0,t),a={add(e){return i().add(e)},clear(){i().clear()},configure(e){if(n){Me(`toast.configure() called after the container was already created; options ignored.`);return}r={...r,...e}},dismiss(e){i().dismiss(e)},error(e,t){return a.add({color:`error`,...t,message:e})},info(e,t){return a.add({color:`info`,...t,message:e})},async promise(e,t){let n=a.add({color:`primary`,dismissible:!1,duration:0,message:t.loading});try{let r=await e;return a.update(n,{color:`success`,dismissible:!0,duration:5e3,message:typeof t.success==`function`?t.success(r):t.success}),r}catch(e){throw a.update(n,{color:`error`,dismissible:!0,duration:5e3,message:typeof t.error==`function`?t.error(e):t.error}),e}},success(e,t){return a.add({color:`success`,...t,message:e})},update(e,t){i().update(e,t)},warning(e,t){return a.add({color:`warning`,...t,message:e})}};return a}var li=ci(),ui=`@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}}`,di=n(`CheckboxGroupContext`),fi=`ore-checkbox-group`;a(fi,{formAssociated:!0,props:{...J,...Y,...X,error:p.string(),helper:p.string(),label:p.string(),name:p.string(),orientation:p.string(`vertical`),required:p.bool(!1),values:{...p.string(),reflect:!1}},setup(e){let n=o(),i=
|
|
1273
|
+
`},styles:[W,ii]});function ci(e=document.body){let t=null,n=!1,r=null,i=()=>t?.isConnected?t:(t=(e instanceof Element,e).querySelector(`ore-toast`),t||(t=document.createElement(`ore-toast`),r&&=(r.position&&t.setAttribute(`position`,r.position),r.max!=null&&t.setAttribute(`max`,String(r.max)),null),e.appendChild(t)),n=!0,t),a={add(e){return i().add(e)},clear(){i().clear()},configure(e){if(n){Me(`toast.configure() called after the container was already created; options ignored.`);return}r={...r,...e}},dismiss(e){i().dismiss(e)},error(e,t){return a.add({color:`error`,...t,message:e})},info(e,t){return a.add({color:`info`,...t,message:e})},async promise(e,t){let n=a.add({color:`primary`,dismissible:!1,duration:0,message:t.loading});try{let r=await e;return a.update(n,{color:`success`,dismissible:!0,duration:5e3,message:typeof t.success==`function`?t.success(r):t.success}),r}catch(e){throw a.update(n,{color:`error`,dismissible:!0,duration:5e3,message:typeof t.error==`function`?t.error(e):t.error}),e}},success(e,t){return a.add({color:`success`,...t,message:e})},update(e,t){i().update(e,t)},warning(e,t){return a.add({color:`warning`,...t,message:e})}};return a}var li=ci(),ui=`@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}}`,di=n(`CheckboxGroupContext`),fi=`ore-checkbox-group`;a(fi,{formAssociated:!0,props:{...J,...Y,...X,error:p.string(),helper:p.string(),label:p.string(),name:p.string(),orientation:p.string(`vertical`),required:p.bool(!1),values:{...p.string(),reflect:!1}},setup(e){let n=o(),i=_(),a=v(),u=y,d=c(Q),f=$(e,d),p=Dt({disabled:f.disabled,error:e.error,helper:e.helper,multiple:C(!0),prefix:`checkbox-group`,required:e.required,signal:Z(l),validateOn:d?.validateOn,value:e.values});p.attachFormField(z({disabled:p.disabled,onReset:p.reset,toFormValue:e=>e,validationMessage:p.validationMessage,validity:p.validity,value:p.formValue}));let h=p.selectedValues,g=()=>gn(n,`ore-checkbox`),S=e=>_n(g(),e),w=e=>{let t=h.value,n=t.map(S);i(`change`,{labels:n,originalEvent:e,values:t})},T=(e,t)=>{p.toggleValue(e),p.triggerValidation(`change`),w(t)};m(di,{color:e.color,disabled:x(()=>!!e.disabled.value),size:e.size,toggle:T,values:h});let E=()=>{let t=h.value,n=e.color.value,r=e.size.value,i=e.disabled.value,a=g();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)}};u(()=>{a.elements().value,E()}),u(()=>{a.elements().value;let e=g().map(e=>{let t=t=>{t.stopPropagation();let n=(e.getAttribute(`value`)??``).trim();n&&T(n,t)};return e.addEventListener(`change`,t),()=>{e.removeEventListener(`change`,t)}});return()=>{for(let t of e)t()}});let D=r(`checkbox-group-legend`),O=`${D}-error`,k=`${D}-helper`,A=()=>!!e.error.value,j=()=>!!e.helper.value&&!A();return t({attr:{size:f.size,values:p.formValue}}),s`
|
|
1274
1274
|
<fieldset
|
|
1275
1275
|
role="group"
|
|
1276
1276
|
aria-required="${()=>String(!!e.required.value)}"
|
|
@@ -1278,7 +1278,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1278
1278
|
aria-errormessage="${()=>A()?O:null}"
|
|
1279
1279
|
aria-describedby="${()=>A()?O:j()?k:null}">
|
|
1280
1280
|
<legend id="${D}" ?hidden=${()=>!e.label.value}>
|
|
1281
|
-
${e.label}${
|
|
1281
|
+
${e.label}${b(()=>!!e.required.value,()=>s`<span aria-hidden="true"> *</span>`)}
|
|
1282
1282
|
</legend>
|
|
1283
1283
|
<div class="checkbox-group-items" part="items">
|
|
1284
1284
|
<slot></slot>
|
|
@@ -1286,7 +1286,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1286
1286
|
<div class="error-text" id="${O}" role="alert" ?hidden=${()=>!A()}>${e.error}</div>
|
|
1287
1287
|
<div class="helper-text" id="${k}" ?hidden=${()=>!j()}>${e.helper}</div>
|
|
1288
1288
|
</fieldset>
|
|
1289
|
-
`},styles:[fe,ui]});var pi=`@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{font-size:var(--_font-size);color:var(--color-contrast)}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:calc(var(--_size) + var(--size-2))}.helper-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--_size) + var(--size-2))}.helper-text[role=alert]{color:var(--color-error)}}@layer refine.overrides{:host{--_active-bg:var(--checkbox-checked-bg,var(--_theme-base));--_icon-color:var(--checkbox-color,var(--_theme-contrast));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .box,:host([indeterminate]) .box{background:var(--_active-bg);border-color:var(--_active-bg)}:host([checked]) .checkmark,:host([indeterminate]:not([checked])) .dash{opacity:1;transform:translate(-50%,-50%)scale(1)}}`,mi=`ore-checkbox`;a(mi,{formAssociated:!0,props:{...J,...Y,...X,checked:p.bool(!1),error:p.string(),helper:p.string(),indeterminate:p.bool(!1),name:p.string(),required:p.bool(!1),value:p.string(`on`)},setup(e){let t=
|
|
1289
|
+
`},styles:[fe,ui]});var pi=`@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{font-size:var(--_font-size);color:var(--color-contrast)}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:calc(var(--_size) + var(--size-2))}.helper-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--_size) + var(--size-2))}.helper-text[role=alert]{color:var(--color-error)}}@layer refine.overrides{:host{--_active-bg:var(--checkbox-checked-bg,var(--_theme-base));--_icon-color:var(--checkbox-color,var(--_theme-contrast));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .box,:host([indeterminate]) .box{background:var(--_active-bg);border-color:var(--_active-bg)}:host([checked]) .checkmark,:host([indeterminate]:not([checked])) .dash{opacity:1;transform:translate(-50%,-50%)scale(1)}}`,mi=`ore-checkbox`;a(mi,{formAssociated:!0,props:{...J,...Y,...X,checked:p.bool(!1),error:p.string(),helper:p.string(),indeterminate:p.bool(!1),name:p.string(),required:p.bool(!1),value:p.string(`on`)},setup(e){let t=_(),n=c(Q),r=$(e,n),i=c(di),a=At({checked:e.checked,clearIndeterminateFirst:!0,disabled:x(()=>r.disabled.value||!!i?.disabled.value),error:e.error,group:i,helper:e.helper,indeterminate:e.indeterminate,onToggle:e=>{a.triggerValidation(`change`),!i&&t(`change`,e)},prefix:`checkbox`,required:e.required,signal:Z(l),validateOn:n?.validateOn,value:e.value});a.attachFormField(z({disabled:a.disabled,onReset:a.reset,toFormValue:e=>e,validationMessage:a.validationMessage,validity:a.validity,value:a.checkableFormValue}));let{assistiveId:o,checked:u,disabled:d,errorText:f,handleClick:p,handleKeydown:m,helperText:h,indeterminate:g,labelId:v}=a;return lr(r.size,{assistiveId:o,checked:u,disabled:d,errorText:f,handleClick:p,handleKeydown:m,helperText:h,indeterminate:g,labelId:v,required:e.required},`checkbox`),s`
|
|
1290
1290
|
<div class="checkbox-wrapper" part="checkbox">
|
|
1291
1291
|
<div class="box" part="box">
|
|
1292
1292
|
<ore-icon class="checkmark" name="check" size="14" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
@@ -1295,9 +1295,9 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1295
1295
|
</div>
|
|
1296
1296
|
<span class="label" part="label" id="${v}"><slot></slot></span>
|
|
1297
1297
|
${dr(o,f,h)}
|
|
1298
|
-
`},styles:[q,ye,fe,U,K(nt),pi]});function hi(e){return e.filter(e=>e.localName===`ore-combobox-option`).map(e=>({disabled:e.hasAttribute(`disabled`),iconEl:e.querySelector(`[slot="icon"]`),label:e.getAttribute(`label`)||[...e.childNodes].filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.textContent?.trim()).filter(Boolean).join(` `)||``,value:e.getAttribute(`value`)??``}))}function gi(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 _i(e,t,n){if(!t)return``;let r=e.trim();return r?n.some(e=>e.label.toLowerCase()===r.toLowerCase())?``:`Create "${r}"`:``}function vi(e){return`__new__:${e.trim()}`}var yi=`@layer refine.base{:host{--_font-size:var(--input-font-size,var(--text-sm));--_gap:var(--input-gap,var(--size-2));--_field-height:var(--input-height,var(--size-10));--_padding:var(--input-padding,var(--size-1-5) var(--size-3));--_radius:var(--input-radius,var(--rounded-lg));--_placeholder:var(--input-placeholder-color,var(--color-contrast-500));--_bg:var(--input-bg,var(--color-contrast-100));--_border-color:var(--input-border-color,var(--color-contrast-300));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(--size-2);position:absolute}:host(:not([label-placement=outside])) .label:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .input-wrapper:has(.label:not([hidden])) .field{padding-top:calc(var(--size-2) + 1lh + 2px)}.input-row{gap:var(--_gap);flex:1;align-items:center;display:flex}.label,label.label{text-overflow:ellipsis;font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);color:var(--color-contrast-500);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--_motion-transition,color var(--transition-fast));margin-bottom:2px;overflow:hidden}:host([label-placement=outside]) .label,:host([label-placement=outside]) label.label{font-size:var(--text-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;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);text-align:end;white-space:nowrap;padding-left:2px;padding-right:2px}.char-counter[data-near-limit]{color:var(--color-warning,#f59e0b)}.char-counter[data-at-limit]{color:var(--color-error)}:host([error]:not([error=""])) .field{border-color:var(--color-error)}:host([error]:not([error=""])) .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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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{border:none;border-bottom:var(--border) solid var(--_border-color);box-shadow:none;border-radius:0}:host([variant=text]) .field:focus-within{border-bottom:var(--border-2) solid var(--input-focus-border-color,var(--_theme-focus))}: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)}`,bi=[`text`,`email`,`password`,`search`,`url`,`tel`,`number`,`date`,`time`,`datetime-local`,`month`,`week`],xi=`ore-input`;a(xi,{formAssociated:!0,props:{...J,...Y,...X,...Ze,autocomplete:p.string(),clearable:p.bool(!1),error:p.string(),fullwidth:p.bool(!1),helper:p.string(),inputmode:p.string(),label:p.string(),"label-placement":p.oneOf([`inset`,`outside`],`inset`),loading:p.bool(!1),maxlength:p.json(void 0),minlength:p.json(void 0),name:p.string(),pattern:p.string(),placeholder:p.string(),readonly:p.bool(!1),ref:p.data(),required:p.bool(!1),success:p.bool(!1),type:p.oneOf(bi,`text`),value:p.string(),variant:p.string()},setup(e){let n=g(),r=_(),i=c(Q),a=$(e,i),o=T(!1),d=h(),f=C(()=>!!e.label.value||r.has(`label`).value),p=C(()=>a.disabled.value||e.loading.value),m=Z(l),v=Tt({disabled:p,error:e.error,hasLabel:f,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],maxLength:e.maxlength,onChange:(e,t)=>{n(`change`,{originalEvent:e,value:t})},onInput:(e,t)=>{n(`input`,{originalEvent:e,value:t})},prefix:`input`,readonly:e.readonly,required:e.required,signal:m,validateOn:i?.validateOn,value:e.value});v.attachFormField(B({disabled:v.disabled,onReset:v.reset,toFormValue:e=>e,validationMessage:v.validationMessage,validity:v.validity,value:v.value}));let{ariaDescribedBy:b,ariaErrorMessage:x,ariaInvalid:S,ariaLabelledBy:w,assistiveId:E,clear:D,counter:O,errorId:k,errorText:A,fieldId:j,helperText:M,labelId:N,labelVisible:P,value:F,wire:I}=v;return u(d,t=>{I(t,m);let n=ft(e.ref,t);return()=>{n()}}),t({attr:{error:cr(A),"has-value":()=>F.value?!0:void 0,size:a.size,success:()=>e.success.value&&!A.value?!0:void 0,variant:a.variant}}),s`
|
|
1298
|
+
`},styles:[q,ye,fe,U,K(nt),pi]});function hi(e){return e.filter(e=>e.localName===`ore-combobox-option`).map(e=>({disabled:e.hasAttribute(`disabled`),iconEl:e.querySelector(`[slot="icon"]`),label:e.getAttribute(`label`)||[...e.childNodes].filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.textContent?.trim()).filter(Boolean).join(` `)||``,value:e.getAttribute(`value`)??``}))}function gi(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 _i(e,t,n){if(!t)return``;let r=e.trim();return r?n.some(e=>e.label.toLowerCase()===r.toLowerCase())?``:`Create "${r}"`:``}function vi(e){return`__new__:${e.trim()}`}var yi=`@layer refine.base{:host{--_font-size:var(--input-font-size,var(--text-sm));--_gap:var(--input-gap,var(--size-2));--_field-height:var(--input-height,var(--size-10));--_padding:var(--input-padding,var(--size-1-5) var(--size-3));--_radius:var(--input-radius,var(--rounded-lg));--_placeholder:var(--input-placeholder-color,var(--color-contrast-500));--_bg:var(--input-bg,var(--color-contrast-100));--_border-color:var(--input-border-color,var(--color-contrast-300));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(--size-2);position:absolute}:host(:not([label-placement=outside])) .label:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .input-wrapper:has(.label:not([hidden])) .field{padding-top:calc(var(--size-2) + 1lh + 2px)}.input-row{gap:var(--_gap);flex:1;align-items:center;display:flex}.label,label.label{text-overflow:ellipsis;font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);color:var(--color-contrast-500);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--_motion-transition,color var(--transition-fast));margin-bottom:2px;overflow:hidden}:host([label-placement=outside]) .label,:host([label-placement=outside]) label.label{font-size:var(--text-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;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);text-align:end;white-space:nowrap;padding-left:2px;padding-right:2px}.char-counter[data-near-limit]{color:var(--color-warning,#f59e0b)}.char-counter[data-at-limit]{color:var(--color-error)}:host([error]:not([error=""])) .field{border-color:var(--color-error)}:host([error]:not([error=""])) .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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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{border:none;border-bottom:var(--border) solid var(--_border-color);box-shadow:none;border-radius:0}:host([variant=text]) .field:focus-within{border-bottom:var(--border-2) solid var(--input-focus-border-color,var(--_theme-focus))}: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)}`,bi=[`text`,`email`,`password`,`search`,`url`,`tel`,`number`,`date`,`time`,`datetime-local`,`month`,`week`],xi=`ore-input`;a(xi,{formAssociated:!0,props:{...J,...Y,...X,...Ze,autocomplete:p.string(),clearable:p.bool(!1),error:p.string(),fullwidth:p.bool(!1),helper:p.string(),inputmode:p.string(),label:p.string(),"label-placement":p.oneOf([`inset`,`outside`],`inset`),loading:p.bool(!1),maxlength:p.json(void 0),minlength:p.json(void 0),name:p.string(),pattern:p.string(),placeholder:p.string(),readonly:p.bool(!1),ref:p.data(),required:p.bool(!1),success:p.bool(!1),type:p.oneOf(bi,`text`),value:p.string(),variant:p.string()},setup(e){let n=_(),r=v(),i=c(Q),a=$(e,i),o=C(!1),d=h(),f=x(()=>!!e.label.value||r.has(`label`).value),p=x(()=>a.disabled.value||e.loading.value),m=Z(l),g=Tt({disabled:p,error:e.error,hasLabel:f,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],maxLength:e.maxlength,onChange:(e,t)=>{n(`change`,{originalEvent:e,value:t})},onInput:(e,t)=>{n(`input`,{originalEvent:e,value:t})},prefix:`input`,readonly:e.readonly,required:e.required,signal:m,validateOn:i?.validateOn,value:e.value});g.attachFormField(z({disabled:g.disabled,onReset:g.reset,toFormValue:e=>e,validationMessage:g.validationMessage,validity:g.validity,value:g.value}));let{ariaDescribedBy:y,ariaErrorMessage:b,ariaInvalid:S,ariaLabelledBy:w,assistiveId:T,clear:E,counter:D,errorId:O,errorText:k,fieldId:A,helperText:j,labelId:M,labelVisible:N,value:P,wire:F}=g;return u(d,t=>{F(t,m);let n=ft(e.ref,t);return()=>{n()}}),t({attr:{error:cr(k),"has-value":()=>P.value?!0:void 0,size:a.size,success:()=>e.success.value&&!k.value?!0:void 0,variant:a.variant}}),s`
|
|
1299
1299
|
<div class="input-wrapper" part="wrapper">
|
|
1300
|
-
<label class="label" for="${
|
|
1300
|
+
<label class="label" for="${A}" id="${M}" part="label" ?hidden="${()=>!N.value}"
|
|
1301
1301
|
><slot name="label">${e.label}</slot></label
|
|
1302
1302
|
>
|
|
1303
1303
|
<div class="field" part="field">
|
|
@@ -1305,7 +1305,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1305
1305
|
<slot name="prefix"></slot>
|
|
1306
1306
|
<input
|
|
1307
1307
|
part="input"
|
|
1308
|
-
id="${
|
|
1308
|
+
id="${A}"
|
|
1309
1309
|
:type="${()=>e.type.value===`password`&&o.value?`text`:e.type.value??`text`}"
|
|
1310
1310
|
:name="${e.name}"
|
|
1311
1311
|
:placeholder="${e.placeholder}"
|
|
@@ -1317,15 +1317,15 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1317
1317
|
?disabled="${p}"
|
|
1318
1318
|
?readonly="${e.readonly}"
|
|
1319
1319
|
?required="${e.required}"
|
|
1320
|
-
:value="${
|
|
1320
|
+
:value="${H(P)}"
|
|
1321
1321
|
:aria-labelledby="${w}"
|
|
1322
|
-
:aria-describedby="${
|
|
1323
|
-
:aria-errormessage="${
|
|
1322
|
+
:aria-describedby="${y}"
|
|
1323
|
+
:aria-errormessage="${b}"
|
|
1324
1324
|
:aria-invalid="${S}"
|
|
1325
1325
|
:aria-busy="${()=>e.loading.value?`true`:null}"
|
|
1326
1326
|
ref="${d}" />
|
|
1327
1327
|
<slot name="suffix"></slot>
|
|
1328
|
-
${fr(
|
|
1328
|
+
${fr(k)}
|
|
1329
1329
|
<span class="field-spinner" part="spinner" role="status" aria-label="Loading"></span>
|
|
1330
1330
|
<button
|
|
1331
1331
|
class="pwd-toggle-btn"
|
|
@@ -1342,28 +1342,28 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1342
1342
|
class="clear-btn"
|
|
1343
1343
|
part="clear"
|
|
1344
1344
|
type="button"
|
|
1345
|
-
:tabindex="${()=>
|
|
1346
|
-
@click="${e=>{
|
|
1345
|
+
:tabindex="${()=>P.value?`0`:`-1`}"
|
|
1346
|
+
@click="${e=>{E(e),d.value?.focus()}}">
|
|
1347
1347
|
<ore-icon aria-hidden="true" name="x" size="12" stroke-width="2.5"></ore-icon>
|
|
1348
1348
|
</button>
|
|
1349
1349
|
</div>
|
|
1350
1350
|
</div>
|
|
1351
|
-
<div class="helper-text" aria-live="polite" id="${
|
|
1352
|
-
<slot name="helper">${()=>
|
|
1351
|
+
<div class="helper-text" aria-live="polite" id="${T}" part="helper" ?hidden="${()=>!!k.value||!j.value}">
|
|
1352
|
+
<slot name="helper">${()=>j.value}</slot>
|
|
1353
1353
|
</div>
|
|
1354
|
-
<div class="helper-text" id="${
|
|
1355
|
-
<slot name="error">${()=>
|
|
1354
|
+
<div class="helper-text" id="${O}" role="alert" part="error" ?hidden="${()=>!k.value}">
|
|
1355
|
+
<slot name="error">${()=>k.value}</slot>
|
|
1356
1356
|
</div>
|
|
1357
1357
|
<div
|
|
1358
1358
|
class="char-counter"
|
|
1359
1359
|
part="char-counter"
|
|
1360
|
-
:data-near-limit="${()=>
|
|
1361
|
-
:data-at-limit="${()=>
|
|
1362
|
-
?hidden="${()=>!
|
|
1363
|
-
${()=>
|
|
1360
|
+
:data-near-limit="${()=>D?.value.counterNearLimit&&!D?.value.counterAtLimit?``:null}"
|
|
1361
|
+
:data-at-limit="${()=>D?.value.counterAtLimit?``:null}"
|
|
1362
|
+
?hidden="${()=>!D}">
|
|
1363
|
+
${()=>D?.value.counterText??``}
|
|
1364
1364
|
</div>
|
|
1365
1365
|
</div>
|
|
1366
|
-
`},shadow:{delegatesFocus:!0},styles:[...Ae,K(et),ve(`input`),yi,De({container:`.field`,text:`input`,tokenPrefix:`input`})]});var Si=`@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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--size-1)}ore-chip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-1)}.combobox-suffix{gap:var(--size-1);flex-shrink:0;align-items:center;display:flex}.clear-btn{color:var(--color-contrast-400);cursor:pointer;background:0 0;border:0;flex-shrink:0;align-items:center;padding:0;display:inline-flex}.clear-btn[hidden]{display:none}.clear-btn:hover{color:var(--color-contrast-600)}.combobox-suffix-end{gap:var(--size-1);color:var(--color-contrast-500);align-items:center;display:flex}.chevron{transition:var(--_motion-transition,transform var(--transition-fast));flex-shrink:0;align-items:center;display:inline-flex}:host([open]) .chevron{transform:rotate(180deg)}.loader{width:1em;height:1em;animation:var(--_motion-animation,spin var(--transition-loader) infinite);border:2px solid;border-radius:50%;flex-shrink:0;display:none}.loader:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}@keyframes spin{to{transform:rotate(360deg)}}:host([loading]) .loader{display:inline-block}.dropdown{z-index:calc(var(--z-popover,1000) + 1);box-sizing:border-box;max-height:min(16rem,50dvh);padding:var(--size-1);overscroll-behavior:contain;text-align:start;pointer-events:none;scrollbar-width:thin;background:var(--_dropdown-bg);border:var(--border) solid var(--_dropdown-border-color);border-radius:var(--_radius);box-shadow:var(--shadow-lg);opacity:0;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);margin:0;position:fixed;inset:0 auto auto 0;overflow-y:auto}.dropdown[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.dropdown[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.option{gap:var(--size-2);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;display:flex}.option>span:not(.option-check,.option-icon){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.option:hover:not([data-disabled]){background:var(--_option-hover-bg)}.option[data-focused]:not([data-disabled]){color:var(--_theme-base);background:var(--_option-focus-bg)}.option[data-selected],.option[aria-selected=true]{font-weight:var(--font-medium);color:var(--_theme-base);background:var(--_option-selected-bg)}.option[data-selected][data-focused],.option[aria-selected=true][data-focused]{background:var(--_option-selected-focus-bg)}.option[data-disabled]{color:var(--color-contrast-400);cursor:not-allowed;opacity:.6}.option-check{color:var(--_theme-base);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;display:inline-flex}.option-check:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.option-check:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.option[data-selected] .option-check,.option[aria-selected=true] .option-check{opacity:1}.no-results,.no-results-create,.dropdown-loading{padding:var(--size-3) var(--size-2-5);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.no-results-create{gap:var(--size-1-5);width:100%;padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);color:var(--_theme-content,var(--color-primary-content));text-align:start;cursor:pointer;border-radius:var(--rounded-sm);background:0 0;border:0;align-items:center;display:flex}.no-results-create:hover,.no-results-create[data-focused]{background:color-mix(in oklch, var(--_theme-base,var(--color-primary)) 10%, transparent)}.option-icon{flex-shrink:0;align-items:center;display:inline-flex}::slotted(ore-combobox-option){display:none}}`,Ci=`ore-combobox`;a(Ci,{formAssociated:!0,props:{autoclose:p.bool(!1),color:p.string(),creatable:p.bool(!1),disabled:p.bool(!1),error:p.string(),fullwidth:p.bool(!1),helper:p.string(),label:p.string(),"label-placement":p.oneOf([`inset`,`outside`],`inset`),loading:p.bool(!1),multiple:p.bool(!1),name:p.string(),"no-filter":p.bool(!1),options:p.data(),placeholder:p.string(`Select...`),required:p.bool(!1),rounded:p.string(),size:p.string(),success:p.bool(!1),value:p.string(),variant:p.string()},setup(e){let n=o(),r=g(),i=v,a=c(Q),d=$(e,a),f=T(``),p=null,m=null,_=null,y=null,b=h(),x=Z(l),S=Dt({disabled:d.disabled,error:e.error,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],multiple:e.multiple,prefix:`combobox`,required:e.required,signal:x,validateOn:a?.validateOn,value:e.value}),w=T([]),E=Kt({getBoundary:()=>n,getFocusedOptionElement:()=>_?.querySelector(`[data-focused]`)??null,getItems:()=>w.value,getOptionId:e=>`${S.fieldId}-opt-${e}`,getPanel:()=>_,getReference:()=>m,getTrigger:()=>p,isDisabled:()=>S.disabled.value,onClose:e=>{r(`close`,{reason:e}),x.aborted||de(),S.triggerValidation(`blur`)},onOpen:e=>r(`open`,{reason:e}),restoreFocus:!1,signal:x}),{disabled:D,fieldId:O,selectedValues:k,triggerValidation:A}=S;S.attachFormField(B({disabled:S.disabled,onReset:S.reset,toFormValue:e=>e,validationMessage:S.validationMessage,validity:S.validity,value:S.formValue}));let{focusedIndex:j,isOpen:M,scrollFocusedIntoView:N,updatePosition:P}=E,F=()=>!!e.multiple.value,I=()=>!!e.creatable.value,L=()=>!!e[`no-filter`].value;t({attr:{open:()=>M.value?!0:void 0,size:d.size,variant:d.variant}});let ee=null,R=!1,z=C(()=>k.value[0]??``);Object.defineProperty(n,"value",{configurable:!0,get:()=>F()?k.value:z.value,set:e=>{let t=e;if(Array.isArray(t)){S.setValues(t.map(e=>String(e??``)));return}if(t==null||t===``){S.clear();return}S.setValues([String(t)])}});let te=()=>k.value.length>0;function V(){p?.focus()}let H=T([]),ne=T([]),re=()=>!!e.loading.value;function ie(e){return{disabled:!!e.disabled,iconEl:e.iconEl??null,label:e.label??e.value,value:e.value}}let ae=C(()=>{let t=e.options.value,n=Array.isArray(t)?t.map(ie):H.value;return ne.value.length===0?n:[...n,...ne.value]}),oe={clear:()=>{S.clear()},remove:e=>{S.removeValue(e)},select:e=>{S.selectValue(e)},toggle:e=>{S.toggleValue(e)}};function se(e=Array.from(n.children)){if(H.value=hi(e),!F()){let e=ae.value.find(e=>e.value===z.value);f.value=e?.label??z.value}}se(),i(()=>{let e=gi(ae.value,f.value,L());w.value=F()?e.filter(e=>!k.value.includes(e.value)):e});let ce=C(()=>_i(f.value,I(),w.value)),U=()=>F()&&k.value.length>0?``:e.placeholder.value||``,W=C(()=>k.value),le=C(()=>k.value.map(e=>ae.value.find(t=>t.value===e)?.label??e));function G(e){r(`change`,{labels:le.value,originalEvent:e,values:W.value})}function ue(e){e.stopPropagation();let t=e.detail?.value;t!==void 0&&(oe.remove(t),G(e),A(`change`))}function de(){if(!F()){let e=ae.value.find(e=>e.value===z.value);R=!0,f.value=e?.label??``,Promise.resolve().then(()=>{R=!1});return}f.value=``}i(()=>{if(M.value&&!F()&&z.value&&j.value===-1&&f.value===``){let e=w.value.findIndex(e=>e.value===z.value);e>=0&&E.set(e)}});function K(e=!0,t=`programmatic`){if(e&&(ee=f.value,f.value=``),!F()&&z.value){let e=gi(ae.value,``,L()).findIndex(e=>e.value===z.value);e>=0&&E.set(e)}E.open(t),!F()&&z.value&&j.value>=0&&requestAnimationFrame(()=>{N()})}function fe(e=`programmatic`){E.close(e)}let pe=kt({disabled:D,onPress:()=>{M.value||K(!0,`click`),V()}}),me=kt({disabled:D,keys:[`Enter`],onPress:e=>{let t=w.value;M.value&&j.value>=0&&j.value<t.length?he(t[j.value],e):M.value&&j.value===-1&&ce.value?be(f.value,e):M.value||K(!0,`keyboard`)}});function he(t,n){t.disabled||(F()?(oe.toggle(t.value),f.value=``,G(n),A(`change`),e.autoclose.value&&fe(),V(),requestAnimationFrame(()=>V())):(oe.select(t.value),f.value=t.label,G(n),A(`change`),fe(),V()))}function q(e){let t=e.getAttribute(`data-option-index`),n=t?Number(t):-1;if(Number.isInteger(n)&&n>=0&&n<w.value.length)return w.value[n]??null;let r=e.getAttribute(`data-option-value`);if(r){let e=w.value.find(e=>e.value===r);if(e)return e}let i=e.querySelector(`span`)?.textContent?.trim()??e.textContent?.trim()??``;return i?w.value.find(e=>e.label===i||e.value===i)??null:null}function ge(e){e.stopPropagation(),oe.clear(),f.value=``,G(e),A(`change`),V()}function _e(e){let t=e.target,n=t.value;if(!R&&n!==f.value){if(f.value=n,!F()){let e=k.value[0],t=e?ae.value.find(t=>t.value===e)?.label??e:``;n===``&&ee===t&&(ee=null)}E.navigate(`first`),M.value||K(!1,`keyboard`),r(`search`,{query:t.value})}}function ve(){}function ye(e){if(!D.value&&!E.handleKeydown(e))switch(e.key){case`ArrowDown`:e.preventDefault(),M.value?E.navigate(`next`):(K(!0,`keyboard`),E.navigate(`first`));break;case`ArrowUp`:e.preventDefault(),M.value?E.navigate(`prev`):K(!0,`keyboard`);break;case`Backspace`:F()&&!f.value&&k.value.length>0&&(S.removeValue(k.value[k.value.length-1]??``),G(e),A(`change`));break;case`Enter`:me.handleKeydown(e);break;case`Tab`:fe(`programmatic`);break;default:break}}function be(e,t){let n=e.trim();if(!n)return;let r={disabled:!1,iconEl:null,label:n,value:vi(n)};ne.value=[...ne.value,r],he(r,t)}let xe=(()=>{let e=new MutationObserver(()=>{se()});return e.observe(n,{attributeFilter:[`disabled`,`label`,`value`],attributes:!0,childList:!0,subtree:!0}),()=>e.disconnect()})(),Se=e=>{let t=e.target;if(!(t instanceof Element))return;let n=t.closest(`.option`);if(!n)return;let r=q(n);if(!r||r.disabled)return;let i=w.value.findIndex(e=>e.value===r.value);i>=0&&E.set(i)},Ce=n.shadowRoot;Ce&&Ce.addEventListener(`pointermove`,Se);let we=e=>{let t=e=>{let t=e.target;if(!(t instanceof Element))return;if(t.closest(`.no-results-create`)){e.preventDefault(),e.stopPropagation(),be(f.value,e);return}let n=t.closest(`.option`);if(!n)return;e.preventDefault(),e.stopPropagation();let r=q(n);r&&he(r,e)},n=e=>{let t=e.target;if(!(t instanceof Element))return;let n=t.closest(`.option`);if(!n)return;let r=q(n);if(!r)return;let i=w.value.findIndex(e=>e.value===r.value);i>=0&&E.set(i)};return e.addEventListener(`click`,t),e.addEventListener(`pointermove`,n),()=>{e.removeEventListener(`click`,t),e.removeEventListener(`pointermove`,n)}},Te=null,Ee=null,De=e=>{y=e,Ee!==e&&(Te?.(),Te=null,Ee=null,e&&(Te=we(e),Ee=e))},Oe=()=>{y&&(Ee===y&&Te||(Te?.(),Te=we(y),Ee=y))};return i(()=>{Oe(),M.value?(_&&`showPopover`in _&&!_.matches(`:popover-open`)&&_.showPopover(),P()):_&&`hidePopover`in _&&_.matches(`:popover-open`)&&_.hidePopover()}),u(b,e=>{m=e;let t=e.shadowRoot?.querySelector(`input`)??null;if(!t)return;p=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`,`${O}-listbox`);let n=()=>{M.value||K(!0,`click`),V()};return t.addEventListener(`input`,_e),t.addEventListener(`keydown`,ye),t.addEventListener(`focus`,ve),t.addEventListener(`click`,n),()=>{p=null,m=null,t.removeEventListener(`input`,_e),t.removeEventListener(`keydown`,ye),t.removeEventListener(`focus`,ve),t.removeEventListener(`click`,n)}}),i(()=>{if(!b.value)return;let t=p;t&&(t.setAttribute(`aria-expanded`,String(M.value)),D.value?t.setAttribute(`aria-disabled`,`true`):t.removeAttribute(`aria-disabled`),e.error.value?(t.setAttribute(`aria-invalid`,`true`),t.setAttribute(`aria-errormessage`,`${O}-error`)):(t.removeAttribute(`aria-invalid`),t.removeAttribute(`aria-errormessage`)))}),i(()=>{if(!b.value)return;let e=p;e&&e.value!==f.value&&(e.value=f.value)}),l(()=>{Ce?.removeEventListener(`pointermove`,Se),Te?.(),Te=null,Ee=null,xe()}),s`
|
|
1366
|
+
`},shadow:{delegatesFocus:!0},styles:[...Ae,K(et),ve(`input`),yi,De({container:`.field`,text:`input`,tokenPrefix:`input`})]});var Si=`@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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--size-1)}ore-chip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-1)}.combobox-suffix{gap:var(--size-1);flex-shrink:0;align-items:center;display:flex}.clear-btn{color:var(--color-contrast-400);cursor:pointer;background:0 0;border:0;flex-shrink:0;align-items:center;padding:0;display:inline-flex}.clear-btn[hidden]{display:none}.clear-btn:hover{color:var(--color-contrast-600)}.combobox-suffix-end{gap:var(--size-1);color:var(--color-contrast-500);align-items:center;display:flex}.chevron{transition:var(--_motion-transition,transform var(--transition-fast));flex-shrink:0;align-items:center;display:inline-flex}:host([open]) .chevron{transform:rotate(180deg)}.loader{width:1em;height:1em;animation:var(--_motion-animation,spin var(--transition-loader) infinite);border:2px solid;border-radius:50%;flex-shrink:0;display:none}.loader:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}@keyframes spin{to{transform:rotate(360deg)}}:host([loading]) .loader{display:inline-block}.dropdown{z-index:calc(var(--z-popover,1000) + 1);box-sizing:border-box;max-height:min(16rem,50dvh);padding:var(--size-1);overscroll-behavior:contain;text-align:start;pointer-events:none;scrollbar-width:thin;background:var(--_dropdown-bg);border:var(--border) solid var(--_dropdown-border-color);border-radius:var(--_radius);box-shadow:var(--shadow-lg);opacity:0;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);margin:0;position:fixed;inset:0 auto auto 0;overflow-y:auto}.dropdown[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.dropdown[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.option{gap:var(--size-2);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;display:flex}.option>span:not(.option-check,.option-icon){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.option:hover:not([data-disabled]){background:var(--_option-hover-bg)}.option[data-focused]:not([data-disabled]){color:var(--_theme-base);background:var(--_option-focus-bg)}.option[data-selected],.option[aria-selected=true]{font-weight:var(--font-medium);color:var(--_theme-base);background:var(--_option-selected-bg)}.option[data-selected][data-focused],.option[aria-selected=true][data-focused]{background:var(--_option-selected-focus-bg)}.option[data-disabled]{color:var(--color-contrast-400);cursor:not-allowed;opacity:.6}.option-check{color:var(--_theme-base);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;display:inline-flex}.option-check:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.option-check:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.option[data-selected] .option-check,.option[aria-selected=true] .option-check{opacity:1}.no-results,.no-results-create,.dropdown-loading{padding:var(--size-3) var(--size-2-5);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.no-results-create{gap:var(--size-1-5);width:100%;padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);color:var(--_theme-content,var(--color-primary-content));text-align:start;cursor:pointer;border-radius:var(--rounded-sm);background:0 0;border:0;align-items:center;display:flex}.no-results-create:hover,.no-results-create[data-focused]{background:color-mix(in oklch, var(--_theme-base,var(--color-primary)) 10%, transparent)}.option-icon{flex-shrink:0;align-items:center;display:inline-flex}::slotted(ore-combobox-option){display:none}}`,Ci=`ore-combobox`;a(Ci,{formAssociated:!0,props:{autoclose:p.bool(!1),color:p.string(),creatable:p.bool(!1),disabled:p.bool(!1),error:p.string(),fullwidth:p.bool(!1),helper:p.string(),label:p.string(),"label-placement":p.oneOf([`inset`,`outside`],`inset`),loading:p.bool(!1),multiple:p.bool(!1),name:p.string(),"no-filter":p.bool(!1),options:p.data(),placeholder:p.string(`Select...`),required:p.bool(!1),rounded:p.string(),size:p.string(),success:p.bool(!1),value:p.string(),variant:p.string()},setup(e){let n=o(),r=_(),i=y,a=c(Q),d=$(e,a),f=C(``),p=null,m=null,g=null,v=null,b=h(),S=Z(l),w=Dt({disabled:d.disabled,error:e.error,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],multiple:e.multiple,prefix:`combobox`,required:e.required,signal:S,validateOn:a?.validateOn,value:e.value}),T=C([]),E=Kt({getBoundary:()=>n,getFocusedOptionElement:()=>g?.querySelector(`[data-focused]`)??null,getItems:()=>T.value,getOptionId:e=>`${w.fieldId}-opt-${e}`,getPanel:()=>g,getReference:()=>m,getTrigger:()=>p,isDisabled:()=>w.disabled.value,onClose:e=>{r(`close`,{reason:e}),S.aborted||de(),w.triggerValidation(`blur`)},onOpen:e=>r(`open`,{reason:e}),restoreFocus:!1,signal:S}),{disabled:D,fieldId:O,selectedValues:k,triggerValidation:A}=w;w.attachFormField(z({disabled:w.disabled,onReset:w.reset,toFormValue:e=>e,validationMessage:w.validationMessage,validity:w.validity,value:w.formValue}));let{focusedIndex:j,isOpen:M,scrollFocusedIntoView:N,updatePosition:P}=E,F=()=>!!e.multiple.value,I=()=>!!e.creatable.value,L=()=>!!e[`no-filter`].value;t({attr:{open:()=>M.value?!0:void 0,size:d.size,variant:d.variant}});let R=null,ee=!1,B=x(()=>k.value[0]??``);Object.defineProperty(n,"value",{configurable:!0,get:()=>F()?k.value:B.value,set:e=>{let t=e;if(Array.isArray(t)){w.setValues(t.map(e=>String(e??``)));return}if(t==null||t===``){w.clear();return}w.setValues([String(t)])}});let V=()=>k.value.length>0;function H(){p?.focus()}let te=C([]),ne=C([]),re=()=>!!e.loading.value;function ie(e){return{disabled:!!e.disabled,iconEl:e.iconEl??null,label:e.label??e.value,value:e.value}}let ae=x(()=>{let t=e.options.value,n=Array.isArray(t)?t.map(ie):te.value;return ne.value.length===0?n:[...n,...ne.value]}),oe={clear:()=>{w.clear()},remove:e=>{w.removeValue(e)},select:e=>{w.selectValue(e)},toggle:e=>{w.toggleValue(e)}};function se(e=Array.from(n.children)){if(te.value=hi(e),!F()){let e=ae.value.find(e=>e.value===B.value);f.value=e?.label??B.value}}se(),i(()=>{let e=gi(ae.value,f.value,L());T.value=F()?e.filter(e=>!k.value.includes(e.value)):e});let ce=x(()=>_i(f.value,I(),T.value)),U=()=>F()&&k.value.length>0?``:e.placeholder.value||``,W=x(()=>k.value),le=x(()=>k.value.map(e=>ae.value.find(t=>t.value===e)?.label??e));function G(e){r(`change`,{labels:le.value,originalEvent:e,values:W.value})}function ue(e){e.stopPropagation();let t=e.detail?.value;t!==void 0&&(oe.remove(t),G(e),A(`change`))}function de(){if(!F()){let e=ae.value.find(e=>e.value===B.value);ee=!0,f.value=e?.label??``,Promise.resolve().then(()=>{ee=!1});return}f.value=``}i(()=>{if(M.value&&!F()&&B.value&&j.value===-1&&f.value===``){let e=T.value.findIndex(e=>e.value===B.value);e>=0&&E.set(e)}});function K(e=!0,t=`programmatic`){if(e&&(R=f.value,f.value=``),!F()&&B.value){let e=gi(ae.value,``,L()).findIndex(e=>e.value===B.value);e>=0&&E.set(e)}E.open(t),!F()&&B.value&&j.value>=0&&requestAnimationFrame(()=>{N()})}function fe(e=`programmatic`){E.close(e)}let pe=kt({disabled:D,onPress:()=>{M.value||K(!0,`click`),H()}}),me=kt({disabled:D,keys:[`Enter`],onPress:e=>{let t=T.value;M.value&&j.value>=0&&j.value<t.length?he(t[j.value],e):M.value&&j.value===-1&&ce.value?be(f.value,e):M.value||K(!0,`keyboard`)}});function he(t,n){t.disabled||(F()?(oe.toggle(t.value),f.value=``,G(n),A(`change`),e.autoclose.value&&fe(),H(),requestAnimationFrame(()=>H())):(oe.select(t.value),f.value=t.label,G(n),A(`change`),fe(),H()))}function q(e){let t=e.getAttribute(`data-option-index`),n=t?Number(t):-1;if(Number.isInteger(n)&&n>=0&&n<T.value.length)return T.value[n]??null;let r=e.getAttribute(`data-option-value`);if(r){let e=T.value.find(e=>e.value===r);if(e)return e}let i=e.querySelector(`span`)?.textContent?.trim()??e.textContent?.trim()??``;return i?T.value.find(e=>e.label===i||e.value===i)??null:null}function ge(e){e.stopPropagation(),oe.clear(),f.value=``,G(e),A(`change`),H()}function _e(e){let t=e.target,n=t.value;if(!ee&&n!==f.value){if(f.value=n,!F()){let e=k.value[0],t=e?ae.value.find(t=>t.value===e)?.label??e:``;n===``&&R===t&&(R=null)}E.navigate(`first`),M.value||K(!1,`keyboard`),r(`search`,{query:t.value})}}function ve(){}function ye(e){if(!D.value&&!E.handleKeydown(e))switch(e.key){case`ArrowDown`:e.preventDefault(),M.value?E.navigate(`next`):(K(!0,`keyboard`),E.navigate(`first`));break;case`ArrowUp`:e.preventDefault(),M.value?E.navigate(`prev`):K(!0,`keyboard`);break;case`Backspace`:F()&&!f.value&&k.value.length>0&&(w.removeValue(k.value[k.value.length-1]??``),G(e),A(`change`));break;case`Enter`:me.handleKeydown(e);break;case`Tab`:fe(`programmatic`);break;default:break}}function be(e,t){let n=e.trim();if(!n)return;let r={disabled:!1,iconEl:null,label:n,value:vi(n)};ne.value=[...ne.value,r],he(r,t)}let xe=(()=>{let e=new MutationObserver(()=>{se()});return e.observe(n,{attributeFilter:[`disabled`,`label`,`value`],attributes:!0,childList:!0,subtree:!0}),()=>e.disconnect()})(),Se=e=>{let t=e.target;if(!(t instanceof Element))return;let n=t.closest(`.option`);if(!n)return;let r=q(n);if(!r||r.disabled)return;let i=T.value.findIndex(e=>e.value===r.value);i>=0&&E.set(i)},Ce=n.shadowRoot;Ce&&Ce.addEventListener(`pointermove`,Se);let we=e=>{let t=e=>{let t=e.target;if(!(t instanceof Element))return;if(t.closest(`.no-results-create`)){e.preventDefault(),e.stopPropagation(),be(f.value,e);return}let n=t.closest(`.option`);if(!n)return;e.preventDefault(),e.stopPropagation();let r=q(n);r&&he(r,e)},n=e=>{let t=e.target;if(!(t instanceof Element))return;let n=t.closest(`.option`);if(!n)return;let r=q(n);if(!r)return;let i=T.value.findIndex(e=>e.value===r.value);i>=0&&E.set(i)};return e.addEventListener(`click`,t),e.addEventListener(`pointermove`,n),()=>{e.removeEventListener(`click`,t),e.removeEventListener(`pointermove`,n)}},Te=null,Ee=null,De=e=>{v=e,Ee!==e&&(Te?.(),Te=null,Ee=null,e&&(Te=we(e),Ee=e))},Oe=()=>{v&&(Ee===v&&Te||(Te?.(),Te=we(v),Ee=v))};return i(()=>{Oe(),M.value?(g&&`showPopover`in g&&!g.matches(`:popover-open`)&&g.showPopover(),P()):g&&`hidePopover`in g&&g.matches(`:popover-open`)&&g.hidePopover()}),u(b,e=>{m=e;let t=e.shadowRoot?.querySelector(`input`)??null;if(!t)return;p=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`,`${O}-listbox`);let n=()=>{M.value||K(!0,`click`),H()};return t.addEventListener(`input`,_e),t.addEventListener(`keydown`,ye),t.addEventListener(`focus`,ve),t.addEventListener(`click`,n),()=>{p=null,m=null,t.removeEventListener(`input`,_e),t.removeEventListener(`keydown`,ye),t.removeEventListener(`focus`,ve),t.removeEventListener(`click`,n)}}),i(()=>{if(!b.value)return;let t=p;t&&(t.setAttribute(`aria-expanded`,String(M.value)),D.value?t.setAttribute(`aria-disabled`,`true`):t.removeAttribute(`aria-disabled`),e.error.value?(t.setAttribute(`aria-invalid`,`true`),t.setAttribute(`aria-errormessage`,`${O}-error`)):(t.removeAttribute(`aria-invalid`),t.removeAttribute(`aria-errormessage`)))}),i(()=>{if(!b.value)return;let e=p;e&&e.value!==f.value&&(e.value=f.value)}),l(()=>{Ce?.removeEventListener(`pointermove`,Se),Te?.(),Te=null,Ee=null,xe()}),s`
|
|
1367
1367
|
<slot></slot>
|
|
1368
1368
|
<ore-input
|
|
1369
1369
|
class="trigger"
|
|
@@ -1408,7 +1408,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1408
1408
|
type="button"
|
|
1409
1409
|
aria-label="Clear"
|
|
1410
1410
|
tabindex="-1"
|
|
1411
|
-
?hidden=${()=>!
|
|
1411
|
+
?hidden=${()=>!V()}
|
|
1412
1412
|
@click="${ge}">
|
|
1413
1413
|
<ore-icon name="x" size="12" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
1414
1414
|
</button>
|
|
@@ -1434,29 +1434,29 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1434
1434
|
id="${()=>`${O}-dropdown`}"
|
|
1435
1435
|
popover="manual"
|
|
1436
1436
|
?data-open=${()=>M.value}
|
|
1437
|
-
ref=${e=>{
|
|
1437
|
+
ref=${e=>{g=e}}>
|
|
1438
1438
|
<div
|
|
1439
1439
|
role="listbox"
|
|
1440
1440
|
id="${()=>`${O}-listbox`}"
|
|
1441
|
-
:style="${()=>M.value&&
|
|
1441
|
+
:style="${()=>M.value&&T.value.length>0?`height:${T.value.length*36}px;`:``}"
|
|
1442
1442
|
aria-label="${()=>e.label.value||e.placeholder.value||`Options`}"
|
|
1443
1443
|
ref=${e=>{De(e)}}>
|
|
1444
|
-
${()=>M.value?re()?s`<div class="dropdown-loading">Loading...</div>`:
|
|
1444
|
+
${()=>M.value?re()?s`<div class="dropdown-loading">Loading...</div>`:T.value.length===0?ce.value?s`<button
|
|
1445
1445
|
type="button"
|
|
1446
1446
|
class="no-results-create"
|
|
1447
1447
|
?data-focused=${()=>j.value===-1}>
|
|
1448
1448
|
${ce.value}
|
|
1449
|
-
</button>`:s`<div class="no-results" role="presentation">No results found</div>`:
|
|
1449
|
+
</button>`:s`<div class="no-results" role="presentation">No results found</div>`:T.value.map((e,t)=>s`<div
|
|
1450
1450
|
class="option"
|
|
1451
1451
|
role="option"
|
|
1452
1452
|
id="${`${O}-opt-${t}`}"
|
|
1453
1453
|
data-option-index="${t}"
|
|
1454
1454
|
data-option-value="${e.value}"
|
|
1455
|
-
:aria-selected="${()=>String(F()?k.value.includes(e.value):
|
|
1455
|
+
:aria-selected="${()=>String(F()?k.value.includes(e.value):B.value===e.value)}"
|
|
1456
1456
|
aria-disabled="${String(e.disabled)}"
|
|
1457
1457
|
style="${`position:absolute;top:0;left:0;right:0;transform:translateY(${t*36}px);`}"
|
|
1458
1458
|
?data-focused=${()=>j.value===t}
|
|
1459
|
-
?data-selected=${()=>F()?k.value.includes(e.value):
|
|
1459
|
+
?data-selected=${()=>F()?k.value.includes(e.value):B.value===e.value}
|
|
1460
1460
|
?data-disabled=${e.disabled}>
|
|
1461
1461
|
<span>${e.label}</span>
|
|
1462
1462
|
<span class="option-check" aria-hidden="true"
|
|
@@ -1465,7 +1465,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1465
1465
|
</div>`):``}
|
|
1466
1466
|
</div>
|
|
1467
1467
|
</div>
|
|
1468
|
-
`},shadow:{delegatesFocus:!0},styles:[q,W,G,ce,Si]});var wi=`@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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}@keyframes spin{to{transform:rotate(360deg)}}:host([loading]) .loader{display:inline-block}.dropdown{z-index:var(--z-dropdown,8000);box-sizing:border-box;gap:var(--size-0-5);max-height:260px;padding:var(--size-1);overscroll-behavior:contain;text-align:start;pointer-events:none;background:var(--color-canvas);border:var(--border) solid var(--color-contrast-200);border-radius:var(--_radius);box-shadow:var(--shadow-lg);opacity:0;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);flex-direction:column;margin:0;display:flex;position:fixed;inset:0 auto auto 0;overflow-y:auto}.dropdown[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.dropdown[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.options-list{flex-direction:column;gap:0;display:flex}.option{gap:var(--size-2);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;display:flex}.option>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.option:hover:not([data-disabled]){background:var(--color-contrast-100)}.option[data-focused]:not([data-disabled]){color:var(--_theme-base);background:color-mix(in oklch, var(--_theme-base) 12%, var(--color-contrast-100))}.option[data-selected]{font-weight:var(--font-medium);color:var(--_theme-base);background:color-mix(in oklch, var(--_theme-base) 10%, var(--color-contrast-50))}.option[data-selected][data-focused]{background:color-mix(in oklch, var(--_theme-base) 20%, var(--color-contrast-100))}.option[data-disabled]{color:var(--color-contrast-400);cursor:not-allowed;opacity:.6}.option-check{color:var(--_theme-base);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;display:inline-flex}.option-check:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.option-check:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.option[data-selected] .option-check{opacity:1}.optgroup-label{padding:var(--size-1-5) var(--size-2-5) var(--size-1);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:var(--tracking-wide,.05em)}.dropdown-loading,.dropdown-empty{padding:var(--size-3) var(--size-2-5);font-size:var(--text-sm);color:var(--color-contrast-500);text-align:center}}`,Ti=`ore-select`;a(Ti,{formAssociated:!0,props:{...J,...Y,...X,...Xe,...Ze,error:p.string(),fullwidth:p.bool(!1),helper:p.string(),label:p.string(),"label-placement":p.oneOf([`inset`,`outside`],`inset`),multiple:p.bool(!1),name:p.string(),options:p.json(void 0),placeholder:p.string(),required:p.bool(!1),success:p.bool(!1),value:p.string(),variant:p.string()},setup(e){let n=o(),r=
|
|
1468
|
+
`},shadow:{delegatesFocus:!0},styles:[q,W,G,ce,Si]});var wi=`@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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}@keyframes spin{to{transform:rotate(360deg)}}:host([loading]) .loader{display:inline-block}.dropdown{z-index:var(--z-dropdown,8000);box-sizing:border-box;gap:var(--size-0-5);max-height:260px;padding:var(--size-1);overscroll-behavior:contain;text-align:start;pointer-events:none;background:var(--color-canvas);border:var(--border) solid var(--color-contrast-200);border-radius:var(--_radius);box-shadow:var(--shadow-lg);opacity:0;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);flex-direction:column;margin:0;display:flex;position:fixed;inset:0 auto auto 0;overflow-y:auto}.dropdown[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.dropdown[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.options-list{flex-direction:column;gap:0;display:flex}.option{gap:var(--size-2);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;display:flex}.option>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.option:hover:not([data-disabled]){background:var(--color-contrast-100)}.option[data-focused]:not([data-disabled]){color:var(--_theme-base);background:color-mix(in oklch, var(--_theme-base) 12%, var(--color-contrast-100))}.option[data-selected]{font-weight:var(--font-medium);color:var(--_theme-base);background:color-mix(in oklch, var(--_theme-base) 10%, var(--color-contrast-50))}.option[data-selected][data-focused]{background:color-mix(in oklch, var(--_theme-base) 20%, var(--color-contrast-100))}.option[data-disabled]{color:var(--color-contrast-400);cursor:not-allowed;opacity:.6}.option-check{color:var(--_theme-base);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;display:inline-flex}.option-check:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.option-check:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.option[data-selected] .option-check{opacity:1}.optgroup-label{padding:var(--size-1-5) var(--size-2-5) var(--size-1);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:var(--tracking-wide,.05em)}.dropdown-loading,.dropdown-empty{padding:var(--size-3) var(--size-2-5);font-size:var(--text-sm);color:var(--color-contrast-500);text-align:center}}`,Ti=`ore-select`;a(Ti,{formAssociated:!0,props:{...J,...Y,...X,...Xe,...Ze,error:p.string(),fullwidth:p.bool(!1),helper:p.string(),label:p.string(),"label-placement":p.oneOf([`inset`,`outside`],`inset`),multiple:p.bool(!1),name:p.string(),options:p.json(void 0),placeholder:p.string(),required:p.bool(!1),success:p.bool(!1),value:p.string(),variant:p.string()},setup(e){let n=o(),r=_(),i=v(),a=n.shadowRoot,u=C([]),d=x(()=>!!e.loading.value);function p(e){return{disabled:!!e.disabled,group:e.group,label:e.label??e.value,value:e.value}}let m=x(()=>{let t=e.options.value;return Array.isArray(t)?t.map(p):u.value}),h=c(Q),g=$(e,h),y=null,b=null,w=Z(l),E=Dt({disabled:g.disabled,error:e.error,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],multiple:e.multiple,prefix:`select`,required:e.required,signal:w,validateOn:h?.validateOn,value:e.value});E.attachFormField(z({disabled:E.disabled,onReset:E.reset,toFormValue:e=>e,validationMessage:E.validationMessage,validity:E.validity,value:E.formValue}));let D=Kt({getBoundary:()=>n,getFocusedOptionElement:()=>b?.querySelector(`[data-focused]`)??null,getItems:()=>m.value,getPanel:()=>b,getReference:()=>y,getTrigger:()=>y,isDisabled:()=>E.disabled.value,onClose:e=>{r(`close`,{reason:e}),E.triggerValidation(`blur`)},onOpen:e=>r(`open`,{reason:e}),signal:w}),{triggerValidation:O}=E,k=E.selectedValues,A=E.disabled,{fieldId:j}=E,M=`listbox-${j}`,{focusedIndex:N,isOpen:P}=D;t({attr:{"has-error":()=>e.error.value?!0:void 0,open:()=>P.value?!0:void 0,size:g.size,variant:g.variant}});function F(){let e=a?.querySelector(`slot`);if(!e)return;let t=e.assignedElements({flatten:!0}),n=[];for(let e of t)if(e.tagName===`OPTION`){let t=e;n.push({disabled:t.disabled,label:t.text||t.value,value:t.value})}else if(e.tagName===`OPTGROUP`){let t=e,r=t.label;for(let e of Array.from(t.querySelectorAll(`option`))){let t=e;n.push({disabled:t.disabled,group:r,label:t.text||t.value,value:t.value})}}u.value=n}let I=x(()=>{if(k.value.length===0)return``;if(e.multiple.value&&k.value.length>1)return`${k.value.length} selected`;let t=k.value[0];return m.value.find(e=>e.value===t)?.label??t}),L=x(()=>e.multiple.value?k.value.map(e=>({label:m.value.find(t=>t.value===e)?.label??e,value:e})):[]),R=x(()=>e.multiple.value&&k.value.length>0),ee=x(()=>I.value||e.placeholder.value||``);function B(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 V=x(()=>B(m.value));function H(e){return m.value.find(t=>t.value===e)?.label??e}function te(e){let t=k.value,n=t.map(e=>H(e));r(`change`,{labels:n,originalEvent:e,values:t})}function ne(e){e.stopPropagation();let t=e.detail?.value;t!==void 0&&(E.removeValue(t),te(e),O(`change`))}function re(e=`programmatic`){D.open(e),requestAnimationFrame(()=>{let e=k.value.length>0?m.value.findIndex(e=>e.value===k.value[0]):-1;if(e>=0){D.set(e);return}D.navigate(`first`)})}function ie(t,n){t.disabled||(e.multiple.value?E.toggleValue(t.value):(E.selectValue(t.value),D.close()),te(n),O(`change`))}function ae(e){if(!A.value&&!D.handleKeydown(e))switch(e.key){case` `:case`Enter`:if(e.preventDefault(),P.value){let t=N.value,n=m.value;t>=0&&t<n.length&&ie(n[t],e)}else re(`keyboard`);break;case`Tab`:D.close();break}}let oe=()=>ee.value,se=()=>e.label.value??``,ce=()=>e.placeholder.value??``,U=()=>e[`label-placement`].value??`inset`,W=()=>e.color?.value??void 0,le=()=>g.size?.value??void 0,G=()=>g.variant?.value??void 0,ue=()=>e.rounded?.value??void 0,de=()=>e.helper.value??``,K=()=>e.error.value??``,fe=()=>A.value?!0:void 0,pe=()=>e.required.value?!0:void 0,me=()=>e.fullwidth.value?!0:void 0,he=()=>A.value?`-1`:`0`;T(i.elements(),()=>F(),{immediate:!0});let q=S(()=>{P.value?b&&`showPopover`in b&&!b.matches(`:popover-open`)&&b.showPopover():b&&`hidePopover`in b&&b.matches(`:popover-open`)&&b.hidePopover()});return l(()=>q.dispose()),f(()=>{let e=null,t=null;return y&&(e=e=>{e.stopPropagation(),!A.value&&(P.value?D.close(`trigger`):re(`click`))},t=e=>{ae(e)},y.addEventListener(`click`,e),y.addEventListener(`keydown`,t)),()=>{y&&e&&y.removeEventListener(`click`,e),y&&t&&y.removeEventListener(`keydown`,t)}}),s`<slot style="display:none"></slot>
|
|
1469
1469
|
<ore-input
|
|
1470
1470
|
class="trigger"
|
|
1471
1471
|
part="trigger"
|
|
@@ -1492,7 +1492,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1492
1492
|
?fullwidth="${me}"
|
|
1493
1493
|
?success="${()=>e.success.value}"
|
|
1494
1494
|
ref="${e=>{y=e}}">
|
|
1495
|
-
<div slot="prefix" class="chips-row" ?hidden="${()=>!
|
|
1495
|
+
<div slot="prefix" class="chips-row" ?hidden="${()=>!R.value}">
|
|
1496
1496
|
${()=>L.value.map(t=>s`<ore-chip
|
|
1497
1497
|
value="${t.value}"
|
|
1498
1498
|
label="${t.label}"
|
|
@@ -1523,7 +1523,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1523
1523
|
<div class="dropdown-loading" ?hidden="${()=>!d.value}">Loading…</div>
|
|
1524
1524
|
<div class="dropdown-empty" ?hidden="${()=>d.value||m.value.length>0}">No options</div>
|
|
1525
1525
|
<div class="options-list" ?hidden="${()=>d.value||m.value.length===0}">
|
|
1526
|
-
${()=>
|
|
1526
|
+
${()=>V.value.map(e=>e.type===`group`?s`<div class="optgroup-label" role="presentation">${e.label}</div>`:s`<div
|
|
1527
1527
|
class="option"
|
|
1528
1528
|
role="option"
|
|
1529
1529
|
id="${`${j}-opt-${e.idx}`}"
|
|
@@ -1535,14 +1535,14 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1535
1535
|
?data-selected="${()=>k.value.includes(e.opt.value)}"
|
|
1536
1536
|
?data-disabled="${()=>e.opt.disabled}"
|
|
1537
1537
|
@click="${t=>{t.stopPropagation(),ie(e.opt,t)}}"
|
|
1538
|
-
@pointerenter="${()=>{
|
|
1538
|
+
@pointerenter="${()=>{D.set(e.idx)}}">
|
|
1539
1539
|
<span>${e.opt.label}</span>
|
|
1540
1540
|
<span class="option-check" aria-hidden="true">
|
|
1541
1541
|
<ore-icon name="check" size="14" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
1542
1542
|
</span>
|
|
1543
1543
|
</div>`)}
|
|
1544
1544
|
</div>
|
|
1545
|
-
</div>`},shadow:{delegatesFocus:!0},styles:[q,W,G,wi]});var Ei=e=>{let{bindTriggerAria:t,disabled:n,getPanel:r,onClose:i,onOpen:a,onPlacementChange:o,openProp:s,placement:c,slot:l,slotElements:u,triggers:d}=e,f=()=>typeof l==`function`?l():l,p=()=>{let t=e.offset;return t==null?8:(typeof t==`object`?t.value:t)??8},m=Z(e.onCleanup),h=
|
|
1545
|
+
</div>`},shadow:{delegatesFocus:!0},styles:[q,W,G,wi]});var Ei=e=>{let{bindTriggerAria:t,disabled:n,getPanel:r,onClose:i,onOpen:a,onPlacementChange:o,openProp:s,placement:c,slot:l,slotElements:u,triggers:d}=e,f=()=>typeof l==`function`?l():l,p=()=>{let t=e.offset;return t==null?8:(typeof t==`object`?t.value:t)??8},m=Z(e.onCleanup),h=C(!1),g=()=>s.value!==void 0,_=null,v=null,y=Ht({getBoundary:()=>document.body,getPanel:r,getTrigger:()=>_,isDisabled:()=>n.value,isOpen:()=>h.value,onClose:i,onOpen:a,positioner:{floating:r,reference:()=>_,update:b},restoreFocus:!1,setOpen:e=>{g()||(e?x():S())},signal:m});function b(){let e=r();if(!e||!_)return;let t=O(_,e,{middleware:[j(p()),k(),M({padding:8})],placement:c.value});e.style.left=`${t.x}px`,e.style.top=`${t.y}px`,e.dataset.placement=t.placement,o?.(t.placement)}function x(){h.value=!0;let e=r();if(e&&(e.dataset.open=``,`showPopover`in e))try{e.matches(`:popover-open`)||e.showPopover()}catch{}b()}function S(){h.value=!1;let e=r();if(e&&(delete e.dataset.open,`hidePopover`in e))try{e.matches(`:popover-open`)&&e.hidePopover()}catch{}}function w(e=`programmatic`){g()||y.open(e)}function E(e=`trigger`){g()||y.close(e,!1)}function D(){g()||y.toggle()}function A(e){e.key===`Escape`&&E(`escape`)}function N(t){if(!h.value)return;let n=t.composedPath(),i=r(),a=e.getHost?.();_&&n.includes(_)||i&&n.includes(i)||a&&n.includes(a)||E(`outsideClick`)}function P(e){let t=e.relatedTarget,n=r();t&&n?.contains(t)||t&&_?.contains(t)||E(`trigger`)}let F=()=>{v?.(),v=null;let e=f()?.assignedElements({flatten:!0})[0];if(!e){_=null;return}_=e;let n=t(e),i=[],a=(e,t,n,r)=>{e.addEventListener(t,n,r),i.push(()=>e.removeEventListener(t,n,r))},o=d.value;if(o.includes(`click`)&&(a(e,`click`,D),a(document,`pointerdown`,N,{capture:!0})),o.includes(`hover`)){a(e,`pointerenter`,()=>w(`hover`)),a(e,`pointerleave`,()=>E(`trigger`));let t=r();t&&(a(t,`pointerenter`,()=>w(`hover`)),a(t,`pointerleave`,()=>E(`trigger`)))}if(o.includes(`focus`)){a(e,`focusin`,()=>w(`focus`)),a(e,`focusout`,P);let t=r();t&&a(t,`focusout`,P)}a(document,`keydown`,A),v=()=>{n();for(let e of i)e();_=null}};return{close:E,mount:()=>(T(u,F,{immediate:!0}),T(s,e=>{e!=null&&(e?(x(),a?.(`programmatic`)):h.value&&(S(),i?.(`programmatic`)))},{immediate:!0}),T(n,e=>{e&&E(`programmatic`)}),()=>{v?.(),v=null;let e=r();if(e&&(delete e.dataset.open,`hidePopover`in e))try{e.matches(`:popover-open`)&&e.hidePopover()}catch{}y.dispose()}),open:w,toggle:D,updatePosition:b,visible:h}},Di=`@layer refine.base{:host{--_panel-bg:var(--popover-bg,var(--color-canvas));--_panel-blur:var(--popover-panel-blur,var(--blur-md));--_panel-border-color:var(--popover-border-color,var(--color-divider));--_panel-shadow:var(--popover-shadow,var(--shadow-xl));display:inline-block;position:relative}.panel{inset:unset;box-sizing:border-box;min-width:var(--popover-min-width,12rem);max-width:var(--popover-max-width,24rem);max-height:var(--popover-max-height,min(70vh, 32rem));word-break:auto-phrase;overflow-wrap:anywhere;background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);border-radius:var(--rounded-lg);box-shadow:var(--_panel-shadow);opacity:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px);transition:opacity var(--transition-fast), transform .2s var(--ease-spring), display var(--transition-fast) allow-discrete, overlay var(--transition-fast) allow-discrete;margin:0;padding:0;position:fixed;overflow:auto}.panel[data-open]{opacity:1;display:block;transform:scale(1)translateY(0)}.panel:popover-open{opacity:1;transform:scale(1)translateY(0)}@starting-style{.panel:popover-open{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px)}}@starting-style{.panel[data-open]{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px)}}}`,Oi=8,ki=new Set([`click`,`focus`,`hover`]),Ai=[`click`],ji=e=>xn(String(e??``),ki,Ai),Mi=`ore-popover`;a(Mi,{props:{...X,label:p.string(),offset:p.number(Oi),open:p.json(void 0),placement:p.oneOf([`bottom`,`bottom-end`,`bottom-start`,`left`,`left-end`,`left-start`,`right`,`right-end`,`right-start`,`top`,`top-end`,`top-start`],`bottom`),trigger:p.string(`click`)},setup(t){let n=o(),i=_(),a=v(),c=n.shadowRoot,u=x(()=>!!t.disabled.value),d=r(`popover`),p=x(()=>ji(t.trigger.value)),m=null,h=Ei({bindTriggerAria:t=>e(t,{controls:()=>d,disabled:()=>String(u.value),expanded:()=>String(h.visible.value),haspopup:`dialog`}),disabled:u,getHost:()=>n,getPanel:()=>m,offset:t.offset,onCleanup:l,onClose:e=>i(`close`,{reason:e}),onOpen:e=>i(`open`,{reason:e}),openProp:t.open,placement:x(()=>t.placement.value),slot:()=>c?.querySelector(`slot:not([name])`)??null,slotElements:a.elements(),triggers:p});return f(()=>h.mount()),s`
|
|
1546
1546
|
<slot></slot>
|
|
1547
1547
|
<div
|
|
1548
1548
|
class="panel"
|
|
@@ -1556,7 +1556,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1556
1556
|
ref=${e=>{m=e}}>
|
|
1557
1557
|
<slot name="content"></slot>
|
|
1558
1558
|
</div>
|
|
1559
|
-
`},styles:[W,Di]}),customElements.get(`ore-column`)||customElements.define(`ore-column`,class extends HTMLElement{connectedCallback(){this.getAttribute(`key`)||Me("ore-column: missing required `key` attribute"),this.getAttribute(`label`)||Me("ore-column: missing required `label` attribute")}});var Ni=[`key`,`label`,`sortable`,`resizable`,`align`,`width`,`header-label`];function Pi(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 Fi=[{label:`Contains`,value:`contains`},{label:`Equals`,value:`equals`},{label:`Greater than`,value:`gt`},{label:`Less than`,value:`lt`}],Ii=e=>{let t=T(``),n=T(!1),r=T(new Set),i=T(new Set),a=T(new Map),o=C(()=>{let t=new Set((e.filterOptions.value??[]).map(e=>e.key)),n=[...i.value].filter(e=>!t.has(e));if(!n.length)return new Map;let r=e.rows.value,a=new Map;for(let e of n){let t=new Set,n=[];for(let i of r){let r=i[e],a=r==null?``:String(r);t.has(a)||(t.add(a),n.push({label:a||`(empty)`,value:a}))}a.set(e,n)}return a}),s=C(()=>{let t=e.filterOptions.value??[],n=new Set(t.map(e=>e.key)),r=[...i.value].filter(e=>!n.has(e)).map(t=>({key:t,label:e.columns.value.find(e=>e.key===t)?.label??t,operators:Fi,options:o.value.get(t)??[]}));return[...t.map(e=>({...e,operators:e.operators??Fi})),...r]});D(C(()=>new Set(e.columns.value.map(e=>e.key))),e=>{let t=new Set([...i.value].filter(t=>e.has(t)));t.size!==i.value.size&&(i.value=t);let n=new Map([...a.value].filter(([t])=>e.has(t)));n.size!==a.value.size&&(a.value=n)},{immediate:!1});let c=C(()=>{let n=e.rows.value,r=t.value.trim().toLowerCase();return r?n.filter(e=>Object.values(e).some(e=>e!=null&&String(e).toLowerCase().includes(r))):n});return{activateFilterKey:e=>{i.value.has(e)||(i.value=new Set([...i.value,e]))},clearAllFilters:()=>{i.value=new Set,a.value=new Map},filterDefs:s,filteredRows:C(()=>{let t=c.value,n=a.value;if(!n.size)return t;let r=new Set(e.columns.value.map(e=>e.key));return t.filter(e=>{for(let[t,i]of n){if(!i.values.size||!r.has(t))continue;let n=e[t],a=n==null?``:String(n);if(i.operator===`equals`){if(!i.values.has(a))return!1}else if(i.operator===`contains`){if(![...i.values].some(e=>a.toLowerCase().includes(e.toLowerCase())))return!1}else if(i.operator===`gt`||i.operator===`lt`){let e=parseFloat(a),t=[...i.values].map(parseFloat).filter(e=>!isNaN(e));if(!t.length)continue;if(i.operator===`gt`){if(!t.some(t=>e>t))return!1}else if(!t.some(t=>e<t))return!1}}return!0})}),filterValues:a,hiddenColumns:r,removeFilter:e=>{let t=new Set(i.value);t.delete(e),i.value=t;let n=new Map(a.value);n.delete(e),a.value=n},resetFilters:()=>{i.value=new Set,a.value=new Map},resetSearch:()=>{t.value=``,n.value=!1},searchActive:n,searchQuery:t,setActiveFilterKeys:e=>{let t=new Set(e);i.value=t;let n=new Map(a.value),r=!1;for(let e of n.keys())t.has(e)||(n.delete(e),r=!0);r&&(a.value=n)},setFilter:(e,t)=>{let n=new Map(a.value);if(t.length===0)n.delete(e);else{let r=n.get(e);n.set(e,{operator:r?.operator??`contains`,values:new Set(t)})}a.value=n},setFilterOperator:(e,t)=>{let n=new Map(a.value),r=n.get(e);r&&(n.set(e,{...r,operator:t}),a.value=n)},setSearchQuery:e=>{t.value=e},toggleColumnVisibility:e=>{let t=new Set(r.value);t.has(e)?t.delete(e):t.add(e),r.value=t},toggleSearch:()=>{n.value&&(t.value=``),n.value=!n.value}}},Li=`.dg-td, .dg-th`;function Ri(e){return Array.from(e.querySelectorAll(`tr`)).map(e=>Array.from(e.querySelectorAll(Li))).filter(e=>e.length>0)}function zi(e,t){let n=T({col:0,row:0}),r=e=>{let r=Ri(t),i=Math.max(0,Math.min(e.row,r.length-1)),a=r[i];if(!a)return;let o=Math.max(0,Math.min(e.col,a.length-1)),s=a[o];if(s){for(let e of r)for(let t of e)t.setAttribute(`tabindex`,`-1`);s.setAttribute(`tabindex`,`0`),s.focus(),n.value={col:o,row:i}}},i=e=>{let n=t.activeElement;if(!n?.matches(Li))return;let i=Ri(t),a=i.findIndex(e=>e.includes(n));if(a===-1)return;let o=i[a].indexOf(n),s=i.length-1,c=i[a].length-1,l=a,u=o;if(e.key===`ArrowRight`)u=o+1;else if(e.key===`ArrowLeft`)u=o-1;else if(e.key===`ArrowDown`)l=a+1;else if(e.key===`ArrowUp`)l=a-1;else if(e.key===`Home`)u=0,e.ctrlKey&&(l=0);else if(e.key===`End`)u=c,e.ctrlKey&&(l=s);else return;e.preventDefault(),r({col:Math.max(0,Math.min(u,(i[Math.max(0,Math.min(l,s))]?.length??1)-1)),row:Math.max(0,Math.min(l,s))})};return e.addEventListener(`keydown`,i),{cleanup:()=>e.removeEventListener(`keydown`,i),handle:{activeCell:n,focusCell:r}}}var Bi=`@layer refine.base{:host{--_row-hover-bg:var(--datagrid-row-hover-bg,color-mix(in oklch, var(--color-contrast-500) 5%, transparent));--_row-selected-bg:var(--datagrid-row-selected-bg,color-mix(in oklch, var(--_accent) 10%, transparent));--_row-selected-border:var(--datagrid-row-selected-border,var(--_accent))}.dg-scroll{max-height:var(--datagrid-max-height,none);overflow:auto}.dg-table{width:100%;font-size:var(--_font-size);table-layout:auto;border-collapse:collapse}.dg-head{z-index:2;background:var(--_header-bg);box-shadow:inset 0 calc(var(--border) * -1) 0 var(--_border-color);position:sticky;top:0}.dg-th{padding:var(--_cell-padding-y) var(--_cell-padding-x);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-align:start;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;-webkit-user-select:none;user-select:none;border-right:var(--border) solid var(--_border-color)}.dg-th[data-align=center]{text-align:center}.dg-th[data-align=right]{text-align:right}.dg-th:has(.dg-sort-btn){padding:0}.dg-sort-btn{--button-padding:var(--_cell-padding-y) var(--_cell-padding-x);--button-font-size:var(--text-xs);--button-font-weight:var(--font-semibold);--button-color:var(--color-contrast-500);--button-justify:flex-start;height:100%}.dg-th[data-align=center] .dg-sort-btn{--button-justify:center}.dg-th[data-align=right] .dg-sort-btn{--button-justify:flex-end}:host(:dir(rtl)) .dg-th{border-right:none;border-left:var(--border) solid var(--_border-color)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th{border-right:none;border-left:var(--border) solid var(--_border-color)}.dg-th:last-child,.dg-th.dg-th-check,.dg-th.dg-th-expand,.dg-th.dg-th-last{border-right:none}:host(:dir(rtl)) .dg-th:last-child,:host(:dir(rtl)) .dg-th.dg-th-check,:host(:dir(rtl)) .dg-th.dg-th-expand,:host(:dir(rtl)) .dg-th.dg-th-last{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th:last-child{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-check{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-expand{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-last{border-left:none}.dg-th-inner{gap:var(--size-1);align-items:center;display:flex;position:relative}.dg-th[aria-sort]:has(.dg-sort-btn:hover):not(:has(.dg-sort-btn[aria-disabled=true])){background:color-mix(in oklch, var(--color-contrast-900) 5%, transparent)}.dg-th[aria-sort=ascending] .dg-sort-icon,.dg-th[aria-sort=descending] .dg-sort-icon{color:var(--_accent)}.dg-th-check{width:var(--size-5);min-width:var(--size-5);padding:var(--_cell-padding-y) var(--_cell-padding-x)}.dg-th-check,.dg-td-check{vertical-align:middle;text-align:center}.dg-td.dg-td-check{padding:var(--size-1) 0 0}.dg-check{cursor:pointer;justify-content:center;align-items:center;gap:0;min-height:0;display:inline-flex}.dg-body .dg-tr{border-bottom:var(--border) solid var(--_border-color);transition:background var(--transition-fast)}.dg-body .dg-tr:hover:not([data-disabled],[aria-selected=true]){background:var(--_row-hover-bg)}.dg-body .dg-tr[aria-selected=true]{background:var(--_row-selected-bg)}.dg-body .dg-tr[data-selectable]{cursor:pointer;outline:none}.dg-body .dg-tr[data-selectable]:focus-visible{box-shadow:inset 0 0 0 2px var(--_row-selected-border)}.dg-body .dg-tr[data-disabled]{pointer-events:none;opacity:.45}:host([striped]) .dg-body .dg-tr:nth-child(2n){background:var(--_stripe-bg)}:host([striped]) .dg-body .dg-tr:nth-child(2n)[aria-selected=true]{background:var(--_row-selected-bg)}.dg-td{max-width:var(--datagrid-cell-max-width,32ch);padding:var(--_cell-padding-y) var(--_cell-padding-x);text-overflow:ellipsis;vertical-align:middle;color:var(--color-contrast-800);white-space:nowrap;border-right:var(--border) solid var(--_border-color);overflow:hidden}.dg-td[data-align=center]{text-align:center}.dg-td[data-align=right]{text-align:right}:host(:dir(rtl)) .dg-td{border-right:none;border-left:var(--border) solid var(--_border-color)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td{border-right:none;border-left:var(--border) solid var(--_border-color)}.dg-td:last-child,.dg-td.dg-td-check,.dg-td.dg-td-expand,.dg-td.dg-td-last{border-right:none}:host(:dir(rtl)) .dg-td:last-child,:host(:dir(rtl)) .dg-td.dg-td-check,:host(:dir(rtl)) .dg-td.dg-td-expand,:host(:dir(rtl)) .dg-td.dg-td-last{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td:last-child{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-check{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-expand{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-last{border-left:none}.dg-empty{padding:var(--size-12) var(--_cell-padding-x);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.dg-empty-content{gap:var(--size-4);flex-direction:column;justify-content:center;align-items:center;display:flex}.dg-empty-actions{margin-top:var(--size-2)}.dg-controls{gap:var(--size-3);height:var(--size-8);padding:var(--size-1-5) var(--_cell-padding-x);background:var(--_header-bg);border-bottom:var(--border) solid var(--_border-color);justify-content:space-between;align-items:center;display:flex}.dg-tabs{gap:var(--size-1);flex:1;align-items:center;min-width:0;display:flex;overflow:hidden}.dg-tab{--button-padding:var(--size-0-5) var(--size-2-5);--button-font-size:var(--text-xs);--button-color:var(--color-contrast-500);flex:1;min-width:0}.dg-tab--active{--button-color:var(--color-contrast-900);--button-bg:color-mix(in oklch, var(--color-contrast-500) 10%, transparent);--button-border-color:var(--_border-color);--button-border:var(--border);font-weight:var(--font-semibold)}.dg-actions{gap:var(--size-0-5);flex-shrink:0;align-items:center;display:flex}.dg-action-divider{width:var(--border);height:var(--size-4);margin-inline:var(--size-1);background:var(--_border-color);flex-shrink:0;display:inline-block}.dg-action-divider[hidden]{display:none}.dg-filter{width:100%;display:block}.dg-search{gap:var(--size-1);flex-direction:row-reverse;align-items:center;display:flex}.dg-search-input{opacity:0;width:0;transition:width var(--transition-fast), opacity var(--transition-fast);--input-height:var(--size-7);flex-shrink:0;display:block;overflow:hidden}.dg-search--open .dg-search-input{opacity:1;width:12rem;overflow:visible}@media (prefers-reduced-motion:reduce){.dg-search-input{transition:none}}.dg-action-popover{display:inline-flex}.dg-pop-header{padding:var(--size-3) var(--size-3) var(--size-2);justify-content:space-between;align-items:center;display:flex}.dg-pop-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-600);letter-spacing:.02em}.dg-pop-sort{padding-bottom:var(--size-2);flex-direction:column;display:flex}.dg-pop-sort-row{gap:var(--size-2);padding:var(--size-1) var(--size-3);align-items:center;display:flex}.dg-pop-select{--select-min-width:var(--size-20);flex:2}.dg-pop-dir-select{--select-min-width:var(--size-10);flex:1}.dg-pop-filter{flex-direction:column;display:flex}.dg-pop-filter-fields{padding:0 var(--size-3) var(--size-3)}.dg-pop-filter-rules{border-top:var(--border) solid var(--_border-color);padding-top:var(--size-1)}.dg-pop-filter-rules[hidden]{display:none}.dg-pop-filter-rule{gap:var(--size-2);padding:var(--size-2) var(--size-3);flex-direction:column;display:flex}.dg-pop-filter-rule-header{gap:var(--size-1-5);align-items:center;display:flex}.dg-pop-filter-field{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-800);white-space:nowrap}.dg-pop-filter-op-select{--select-min-width:0;--select-height:var(--size-6);--select-font-size:var(--text-2xs);--select-padding-x:var(--size-1-5);flex:1;min-width:6rem}.dg-pop-col-item{--button-radius:var(--rounded-md);justify-content:flex-start}.dg-pop-col-list{gap:var(--size-1);max-width:25rem;padding:var(--size-3);flex-wrap:wrap;display:flex}.dg-footer{gap:var(--size-2);padding:var(--size-2) var(--_cell-padding-x);font-size:var(--text-xs);color:var(--color-contrast-500);background:var(--_header-bg);align-items:center;display:flex}.dg-footer-info{white-space:nowrap}.dg-footer-end{gap:var(--size-2);align-items:center;width:fit-content;display:flex}.dg-footer-end:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.dg-footer-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.dg-page-size-wrap{flex-shrink:0;width:5rem}.dg-page-size-select{--select-min-width:0;--select-height:var(--size-7);--select-font-size:var(--text-xs);--select-padding-x:var(--size-2)}.dg-pagination{gap:var(--size-1);align-items:center;display:flex}:host(:dir(rtl)) .dg-page-btn{transform:scaleX(-1)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-page-btn{transform:scaleX(-1)}.dg-page-btn{--button-color:var(--color-contrast-600);--button-radius:var(--rounded-md);width:var(--size-7);height:var(--size-7)}.dg-page-btn:hover{--button-color:var(--color-contrast-900);--button-bg:var(--color-contrast-300)}.dg-page-btn:disabled{cursor:not-allowed;opacity:.35}.dg-page-label{padding-inline:var(--size-1);white-space:nowrap}.dg-col-resize{inset-block:calc(var(--_cell-padding-y) * -1);width:var(--size-1);cursor:col-resize;-webkit-user-select:none;user-select:none;border-radius:var(--rounded);transition:background var(--transition-fast);background:0 0;position:absolute}.dg-col-resize:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc((var(--_cell-padding-x) + var(--border) + 2px) * -1)}.dg-col-resize:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc((var(--_cell-padding-x) + var(--border) + 2px) * -1)}.dg-col-resize:hover,.dg-col-resize:active{background:var(--_accent,var(--color-contrast-300))}.dg-td:focus-visible,.dg-th:focus-visible{outline:2px solid var(--_row-selected-border);outline-offset:-2px}.dg-tr-expanded .dg-td-expanded{padding:var(--_cell-padding-y) var(--_cell-padding-x);box-shadow:inset 0 0 0 9999px color-mix(in oklch, var(--color-contrast-600) 4%, var(--_bg,transparent)), inset 0 calc(var(--border) * -1) 0 var(--_border-color);border:none}.dg-tr-expanded:last-child .dg-td-expanded{box-shadow:inset 0 0 0 9999px color-mix(in oklch, var(--color-contrast-900) 4%, var(--_bg,transparent))}.dg-tr:has(+.dg-tr-expanded){border-bottom:none}.dg-th-expand,.dg-td-expand{width:var(--size-8);min-width:var(--size-8);padding-block:var(--size-1) 0;padding-inline:0 var(--size-2);text-align:center;white-space:nowrap;border-left:none;border-right:none}.dg-expand-btn{--button-color:var(--color-contrast-500);--button-radius:var(--rounded-sm);width:var(--size-5);height:var(--size-5)}.dg-expand-btn:hover{--button-color:var(--color-contrast-900)}.dg-expand-btn:disabled{cursor:not-allowed;opacity:.4}.dg-loading-overlay{z-index:3;background:color-mix(in oklch, var(--_bg,white) 40%, transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);justify-content:center;align-items:center;display:none;position:absolute;inset:0}:host([loading]) .dg-loading-overlay{display:flex}:host([loading]) .dg-scroll table{pointer-events:none;opacity:.5}.dg-spin{animation:1s linear infinite dg-spin}@keyframes dg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}`;function Vi(e,t){return e.key!==t||e.direction===`none`?`chevrons-up-down`:e.direction===`asc`?`chevron-up`:`chevron-down`}function Hi(e,t){return e.key!==t||e.direction===`none`?`none`:e.direction===`asc`?`ascending`:`descending`}var Ui=`ore-datagrid`;a(Ui,{props:{activeView:p.string(),density:p.string(),...X,...Xe,columns:p.data(),emptyText:p.string(`No data`),expandable:p.bool(!1),filterOptions:p.data(),fullwidth:p.bool(!1),getRowKey:p.data(),label:p.string(),pageSize:p.number(10),pageSizeOptions:p.data(),rows:p.data(),searchLabel:p.data(),searchPlaceholder:p.string(`Search…`),selectedKeys:p.data(),selectionMode:p.string(`none`),sortMode:p.string(`client`),source:p.data(),striped:p.bool(!1),views:p.data()},setup(e){let t=o(),n=g(),r=_(),i=C(()=>e.disabled.value===!0),a=C(()=>e.selectionMode.value??`none`),c=T(new Set),u=C(()=>e.expandable.value===!0&&h.value.some(e=>typeof e.renderExpanded==`function`)),d=C(()=>+(a.value===`multi`)),p=T(e.pageSize.value??10);D(e.pageSize,e=>{e!=null&&(p.value=e)});let m=T([]);f(()=>{m.value=Pi(t);let e=new MutationObserver(()=>{m.value=Pi(t)});return e.observe(t,{attributeFilter:Ni,attributes:!0,childList:!0,subtree:!0}),()=>e.disconnect()});let h=C(()=>{let t=e.columns.value;return t===void 0?m.value:t}),v=t=>{let n=e.getRowKey.value;if(n)return n(t);let r=t.id;return r==null?(Me("ore-datagrid: row missing `id` — keys will collide. Provide `getRowKey` or add a unique `id` field."),`__missing_${Math.random().toString(36).slice(2)}`):String(r)},y=Ii({columns:h,filterOptions:e.filterOptions,rows:C(()=>e.rows.value??[])}),x=L(t=>{let n=t,r=e.source.value;r?.search?r.search(n):y.setSearchQuery(n)},250),S=C(()=>e.source.value!=null),w=T([]),E=T({error:null,isLoading:!1,pageCount:1,pageNumber:1,pageSize:p.value,totalItems:0}),O=null;l(()=>{O?.(),O=null}),D(e.source,e=>{if(O?.(),O=null,!e){w.value=[],E.value={error:null,isLoading:!1,pageCount:1,pageNumber:1,pageSize:p.value,totalItems:0};return}let t=()=>{w.value=e.current,E.value=e.meta};t(),O=e.subscribe(t)},{immediate:!0});let k=bn({columns:()=>h.value,getRowKey:v,items:C(()=>S.value?w.value:y.filteredRows.value),onSelectionChange:e=>{n(`selection-change`,{keys:[...e],rows:k.selectedRows.value})},onSortChange:e=>{n(`sort-change`,e)},pageSize:()=>S.value?0:p.value,selectionMode:()=>a.value,signal:Z(l)});D(e.selectedKeys,e=>{Array.isArray(e)&&k.setSelection(new Set(e))},{immediate:!0});let A=T({}),j=(e,t)=>n=>{n.preventDefault();let r=n.clientX,i=t.getBoundingClientRect().width,a=new AbortController,{signal:o}=a;window.addEventListener(`pointermove`,t=>{A.value={...A.value,[e]:Math.max(40,i+t.clientX-r)}},{signal:o}),window.addEventListener(`pointerup`,()=>a.abort(),{signal:o})},M=C(()=>h.value.filter(e=>!y.hiddenColumns.value.has(e.key))),N=(e,t)=>{if(e.cell)return e.cell(t);let n=t[e.key];return n==null?``:String(n)};D(y.filteredRows,()=>k.goToPage(0),{immediate:!1});function P(t){let r=e.source.value;if(r){t===`prev`?r.prev?.():r.next?.();return}t===`prev`?k.prevPage():k.nextPage(),n(`page-change`,{pageIndex:k.pageIndex.value,pageSize:p.value})}let F=C(()=>{let e=k.currentPageItems.value;return!e.length||k.isAllSelected()?!1:e.some(e=>k.selectedKeys.value.has(v(e)))}),I=C(()=>M.value.length+ +(a.value===`multi`)+ +!!u.value),ee=C(()=>S.value?E.value.pageCount>1:p.value>0),R=C(()=>{if(S.value){let{pageNumber:e,pageSize:t,totalItems:n}=E.value,r=Math.max(1,t);if(!ee.value)return`${n} row${n===1?``:`s`}`;if(n===0)return`0 to 0 of 0`;let i=(e-1)*r+1;return`${i} to ${Math.min(i+r-1,n)} of ${n}`}let e=k.totalItems.value;if(!ee.value)return`${e} row${e===1?``:`s`}`;if(e===0)return`0 to 0 of 0`;let t=k.pageIndex.value*p.value+1;return`${t} to ${Math.min(t+p.value-1,e)} of ${e}`}),z=C(()=>e.loading.value===!0||S.value&&E.value.isLoading),te=C(()=>S.value?E.value.pageNumber>1:k.hasPrevPage.value),B=C(()=>S.value?E.value.pageNumber<E.value.pageCount:k.hasNextPage.value),V=C(()=>S.value?E.value.totalItems===0?`0 / 0`:`${E.value.pageNumber} / ${E.value.pageCount}`:`${k.pageIndex.value+1} / ${k.pageCount.value}`),H=[`compact`,`cozy`,`comfortable`],ne={comfortable:`rows-2`,compact:`rows-4`,cozy:`rows-3`},re={comfortable:`Density: Comfortable`,compact:`Density: Compact`,cozy:`Density: Cozy`},ie=T(e.density.value??`cozy`);D(e.density,e=>{e&&(ie.value=e)});let ae=()=>{let e=H.indexOf(ie.value),r=H[(e+1)%H.length];ie.value=r,t.setAttribute(`density`,r),n(`density-change`,{density:r})},oe=T(!1),se=e=>{let t=new Set(c.value),r=!t.has(e);r?t.add(e):t.delete(e),c.value=t,n(`row-expand`,{expanded:r,key:e})},ce={activeCell:T({col:0,row:0}),focusCell:()=>{}};f(()=>{let e=t.shadowRoot,n=e.querySelector(`.dg-table`);if(!n)return;let{cleanup:r,handle:i}=zi(n,e);return ce=i,r}),t.focusCell=e=>ce.focusCell(e);let U=()=>{let t=e.views.value??[],r=e.activeView.value;return s`<div
|
|
1559
|
+
`},styles:[W,Di]}),customElements.get(`ore-column`)||customElements.define(`ore-column`,class extends HTMLElement{connectedCallback(){this.getAttribute(`key`)||Me("ore-column: missing required `key` attribute"),this.getAttribute(`label`)||Me("ore-column: missing required `label` attribute")}});var Ni=[`key`,`label`,`sortable`,`resizable`,`align`,`width`,`header-label`];function Pi(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 Fi=[{label:`Contains`,value:`contains`},{label:`Equals`,value:`equals`},{label:`Greater than`,value:`gt`},{label:`Less than`,value:`lt`}],Ii=e=>{let t=C(``),n=C(!1),r=C(new Set),i=C(new Set),a=C(new Map),o=x(()=>{let t=new Set((e.filterOptions.value??[]).map(e=>e.key)),n=[...i.value].filter(e=>!t.has(e));if(!n.length)return new Map;let r=e.rows.value,a=new Map;for(let e of n){let t=new Set,n=[];for(let i of r){let r=i[e],a=r==null?``:String(r);t.has(a)||(t.add(a),n.push({label:a||`(empty)`,value:a}))}a.set(e,n)}return a}),s=x(()=>{let t=e.filterOptions.value??[],n=new Set(t.map(e=>e.key)),r=[...i.value].filter(e=>!n.has(e)).map(t=>({key:t,label:e.columns.value.find(e=>e.key===t)?.label??t,operators:Fi,options:o.value.get(t)??[]}));return[...t.map(e=>({...e,operators:e.operators??Fi})),...r]});T(x(()=>new Set(e.columns.value.map(e=>e.key))),e=>{let t=new Set([...i.value].filter(t=>e.has(t)));t.size!==i.value.size&&(i.value=t);let n=new Map([...a.value].filter(([t])=>e.has(t)));n.size!==a.value.size&&(a.value=n)},{immediate:!1});let c=x(()=>{let n=e.rows.value,r=t.value.trim().toLowerCase();return r?n.filter(e=>Object.values(e).some(e=>e!=null&&String(e).toLowerCase().includes(r))):n});return{activateFilterKey:e=>{i.value.has(e)||(i.value=new Set([...i.value,e]))},clearAllFilters:()=>{i.value=new Set,a.value=new Map},filterDefs:s,filteredRows:x(()=>{let t=c.value,n=a.value;if(!n.size)return t;let r=new Set(e.columns.value.map(e=>e.key));return t.filter(e=>{for(let[t,i]of n){if(!i.values.size||!r.has(t))continue;let n=e[t],a=n==null?``:String(n);if(i.operator===`equals`){if(!i.values.has(a))return!1}else if(i.operator===`contains`){if(![...i.values].some(e=>a.toLowerCase().includes(e.toLowerCase())))return!1}else if(i.operator===`gt`||i.operator===`lt`){let e=parseFloat(a),t=[...i.values].map(parseFloat).filter(e=>!isNaN(e));if(!t.length)continue;if(i.operator===`gt`){if(!t.some(t=>e>t))return!1}else if(!t.some(t=>e<t))return!1}}return!0})}),filterValues:a,hiddenColumns:r,removeFilter:e=>{let t=new Set(i.value);t.delete(e),i.value=t;let n=new Map(a.value);n.delete(e),a.value=n},resetFilters:()=>{i.value=new Set,a.value=new Map},resetSearch:()=>{t.value=``,n.value=!1},searchActive:n,searchQuery:t,setActiveFilterKeys:e=>{let t=new Set(e);i.value=t;let n=new Map(a.value),r=!1;for(let e of n.keys())t.has(e)||(n.delete(e),r=!0);r&&(a.value=n)},setFilter:(e,t)=>{let n=new Map(a.value);if(t.length===0)n.delete(e);else{let r=n.get(e);n.set(e,{operator:r?.operator??`contains`,values:new Set(t)})}a.value=n},setFilterOperator:(e,t)=>{let n=new Map(a.value),r=n.get(e);r&&(n.set(e,{...r,operator:t}),a.value=n)},setSearchQuery:e=>{t.value=e},toggleColumnVisibility:e=>{let t=new Set(r.value);t.has(e)?t.delete(e):t.add(e),r.value=t},toggleSearch:()=>{n.value&&(t.value=``),n.value=!n.value}}},Li=`.dg-td, .dg-th`;function Ri(e){return Array.from(e.querySelectorAll(`tr`)).map(e=>Array.from(e.querySelectorAll(Li))).filter(e=>e.length>0)}function zi(e,t){let n=C({col:0,row:0}),r=e=>{let r=Ri(t),i=Math.max(0,Math.min(e.row,r.length-1)),a=r[i];if(!a)return;let o=Math.max(0,Math.min(e.col,a.length-1)),s=a[o];if(s){for(let e of r)for(let t of e)t.setAttribute(`tabindex`,`-1`);s.setAttribute(`tabindex`,`0`),s.focus(),n.value={col:o,row:i}}},i=e=>{let n=t.activeElement;if(!n?.matches(Li))return;let i=Ri(t),a=i.findIndex(e=>e.includes(n));if(a===-1)return;let o=i[a].indexOf(n),s=i.length-1,c=i[a].length-1,l=a,u=o;if(e.key===`ArrowRight`)u=o+1;else if(e.key===`ArrowLeft`)u=o-1;else if(e.key===`ArrowDown`)l=a+1;else if(e.key===`ArrowUp`)l=a-1;else if(e.key===`Home`)u=0,e.ctrlKey&&(l=0);else if(e.key===`End`)u=c,e.ctrlKey&&(l=s);else return;e.preventDefault(),r({col:Math.max(0,Math.min(u,(i[Math.max(0,Math.min(l,s))]?.length??1)-1)),row:Math.max(0,Math.min(l,s))})};return e.addEventListener(`keydown`,i),{cleanup:()=>e.removeEventListener(`keydown`,i),handle:{activeCell:n,focusCell:r}}}var Bi=`@layer refine.base{:host{--_row-hover-bg:var(--datagrid-row-hover-bg,color-mix(in oklch, var(--color-contrast-500) 5%, transparent));--_row-selected-bg:var(--datagrid-row-selected-bg,color-mix(in oklch, var(--_accent) 10%, transparent));--_row-selected-border:var(--datagrid-row-selected-border,var(--_accent))}.dg-scroll{max-height:var(--datagrid-max-height,none);overflow:auto}.dg-table{width:100%;font-size:var(--_font-size);table-layout:auto;border-collapse:collapse}.dg-head{z-index:2;background:var(--_header-bg);box-shadow:inset 0 calc(var(--border) * -1) 0 var(--_border-color);position:sticky;top:0}.dg-th{padding:var(--_cell-padding-y) var(--_cell-padding-x);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-align:start;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;-webkit-user-select:none;user-select:none;border-right:var(--border) solid var(--_border-color)}.dg-th[data-align=center]{text-align:center}.dg-th[data-align=right]{text-align:right}.dg-th:has(.dg-sort-btn){padding:0}.dg-sort-btn{--button-padding:var(--_cell-padding-y) var(--_cell-padding-x);--button-font-size:var(--text-xs);--button-font-weight:var(--font-semibold);--button-color:var(--color-contrast-500);--button-justify:flex-start;height:100%}.dg-th[data-align=center] .dg-sort-btn{--button-justify:center}.dg-th[data-align=right] .dg-sort-btn{--button-justify:flex-end}:host(:dir(rtl)) .dg-th{border-right:none;border-left:var(--border) solid var(--_border-color)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th{border-right:none;border-left:var(--border) solid var(--_border-color)}.dg-th:last-child,.dg-th.dg-th-check,.dg-th.dg-th-expand,.dg-th.dg-th-last{border-right:none}:host(:dir(rtl)) .dg-th:last-child,:host(:dir(rtl)) .dg-th.dg-th-check,:host(:dir(rtl)) .dg-th.dg-th-expand,:host(:dir(rtl)) .dg-th.dg-th-last{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th:last-child{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-check{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-expand{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-last{border-left:none}.dg-th-inner{gap:var(--size-1);align-items:center;display:flex;position:relative}.dg-th[aria-sort]:has(.dg-sort-btn:hover):not(:has(.dg-sort-btn[aria-disabled=true])){background:color-mix(in oklch, var(--color-contrast-900) 5%, transparent)}.dg-th[aria-sort=ascending] .dg-sort-icon,.dg-th[aria-sort=descending] .dg-sort-icon{color:var(--_accent)}.dg-th-check{width:var(--size-5);min-width:var(--size-5);padding:var(--_cell-padding-y) var(--_cell-padding-x)}.dg-th-check,.dg-td-check{vertical-align:middle;text-align:center}.dg-td.dg-td-check{padding:var(--size-1) 0 0}.dg-check{cursor:pointer;justify-content:center;align-items:center;gap:0;min-height:0;display:inline-flex}.dg-body .dg-tr{border-bottom:var(--border) solid var(--_border-color);transition:background var(--transition-fast)}.dg-body .dg-tr:hover:not([data-disabled],[aria-selected=true]){background:var(--_row-hover-bg)}.dg-body .dg-tr[aria-selected=true]{background:var(--_row-selected-bg)}.dg-body .dg-tr[data-selectable]{cursor:pointer;outline:none}.dg-body .dg-tr[data-selectable]:focus-visible{box-shadow:inset 0 0 0 2px var(--_row-selected-border)}.dg-body .dg-tr[data-disabled]{pointer-events:none;opacity:.45}:host([striped]) .dg-body .dg-tr:nth-child(2n){background:var(--_stripe-bg)}:host([striped]) .dg-body .dg-tr:nth-child(2n)[aria-selected=true]{background:var(--_row-selected-bg)}.dg-td{max-width:var(--datagrid-cell-max-width,32ch);padding:var(--_cell-padding-y) var(--_cell-padding-x);text-overflow:ellipsis;vertical-align:middle;color:var(--color-contrast-800);white-space:nowrap;border-right:var(--border) solid var(--_border-color);overflow:hidden}.dg-td[data-align=center]{text-align:center}.dg-td[data-align=right]{text-align:right}:host(:dir(rtl)) .dg-td{border-right:none;border-left:var(--border) solid var(--_border-color)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td{border-right:none;border-left:var(--border) solid var(--_border-color)}.dg-td:last-child,.dg-td.dg-td-check,.dg-td.dg-td-expand,.dg-td.dg-td-last{border-right:none}:host(:dir(rtl)) .dg-td:last-child,:host(:dir(rtl)) .dg-td.dg-td-check,:host(:dir(rtl)) .dg-td.dg-td-expand,:host(:dir(rtl)) .dg-td.dg-td-last{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td:last-child{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-check{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-expand{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-last{border-left:none}.dg-empty{padding:var(--size-12) var(--_cell-padding-x);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.dg-empty-content{gap:var(--size-4);flex-direction:column;justify-content:center;align-items:center;display:flex}.dg-empty-actions{margin-top:var(--size-2)}.dg-controls{gap:var(--size-3);height:var(--size-8);padding:var(--size-1-5) var(--_cell-padding-x);background:var(--_header-bg);border-bottom:var(--border) solid var(--_border-color);justify-content:space-between;align-items:center;display:flex}.dg-tabs{gap:var(--size-1);flex:1;align-items:center;min-width:0;display:flex;overflow:hidden}.dg-tab{--button-padding:var(--size-0-5) var(--size-2-5);--button-font-size:var(--text-xs);--button-color:var(--color-contrast-500);flex:1;min-width:0}.dg-tab--active{--button-color:var(--color-contrast-900);--button-bg:color-mix(in oklch, var(--color-contrast-500) 10%, transparent);--button-border-color:var(--_border-color);--button-border:var(--border);font-weight:var(--font-semibold)}.dg-actions{gap:var(--size-0-5);flex-shrink:0;align-items:center;display:flex}.dg-action-divider{width:var(--border);height:var(--size-4);margin-inline:var(--size-1);background:var(--_border-color);flex-shrink:0;display:inline-block}.dg-action-divider[hidden]{display:none}.dg-filter{width:100%;display:block}.dg-search{gap:var(--size-1);flex-direction:row-reverse;align-items:center;display:flex}.dg-search-input{opacity:0;width:0;transition:width var(--transition-fast), opacity var(--transition-fast);--input-height:var(--size-7);flex-shrink:0;display:block;overflow:hidden}.dg-search--open .dg-search-input{opacity:1;width:12rem;overflow:visible}@media (prefers-reduced-motion:reduce){.dg-search-input{transition:none}}.dg-action-popover{display:inline-flex}.dg-pop-header{padding:var(--size-3) var(--size-3) var(--size-2);justify-content:space-between;align-items:center;display:flex}.dg-pop-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-600);letter-spacing:.02em}.dg-pop-sort{padding-bottom:var(--size-2);flex-direction:column;display:flex}.dg-pop-sort-row{gap:var(--size-2);padding:var(--size-1) var(--size-3);align-items:center;display:flex}.dg-pop-select{--select-min-width:var(--size-20);flex:2}.dg-pop-dir-select{--select-min-width:var(--size-10);flex:1}.dg-pop-filter{flex-direction:column;display:flex}.dg-pop-filter-fields{padding:0 var(--size-3) var(--size-3)}.dg-pop-filter-rules{border-top:var(--border) solid var(--_border-color);padding-top:var(--size-1)}.dg-pop-filter-rules[hidden]{display:none}.dg-pop-filter-rule{gap:var(--size-2);padding:var(--size-2) var(--size-3);flex-direction:column;display:flex}.dg-pop-filter-rule-header{gap:var(--size-1-5);align-items:center;display:flex}.dg-pop-filter-field{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-800);white-space:nowrap}.dg-pop-filter-op-select{--select-min-width:0;--select-height:var(--size-6);--select-font-size:var(--text-2xs);--select-padding-x:var(--size-1-5);flex:1;min-width:6rem}.dg-pop-col-item{--button-radius:var(--rounded-md);justify-content:flex-start}.dg-pop-col-list{gap:var(--size-1);max-width:25rem;padding:var(--size-3);flex-wrap:wrap;display:flex}.dg-footer{gap:var(--size-2);padding:var(--size-2) var(--_cell-padding-x);font-size:var(--text-xs);color:var(--color-contrast-500);background:var(--_header-bg);align-items:center;display:flex}.dg-footer-info{white-space:nowrap}.dg-footer-end{gap:var(--size-2);align-items:center;width:fit-content;display:flex}.dg-footer-end:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.dg-footer-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.dg-page-size-wrap{flex-shrink:0;width:5rem}.dg-page-size-select{--select-min-width:0;--select-height:var(--size-7);--select-font-size:var(--text-xs);--select-padding-x:var(--size-2)}.dg-pagination{gap:var(--size-1);align-items:center;display:flex}:host(:dir(rtl)) .dg-page-btn{transform:scaleX(-1)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-page-btn{transform:scaleX(-1)}.dg-page-btn{--button-color:var(--color-contrast-600);--button-radius:var(--rounded-md);width:var(--size-7);height:var(--size-7)}.dg-page-btn:hover{--button-color:var(--color-contrast-900);--button-bg:var(--color-contrast-300)}.dg-page-btn:disabled{cursor:not-allowed;opacity:.35}.dg-page-label{padding-inline:var(--size-1);white-space:nowrap}.dg-col-resize{inset-block:calc(var(--_cell-padding-y) * -1);width:var(--size-1);cursor:col-resize;-webkit-user-select:none;user-select:none;border-radius:var(--rounded);transition:background var(--transition-fast);background:0 0;position:absolute}.dg-col-resize:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc((var(--_cell-padding-x) + var(--border) + 2px) * -1)}.dg-col-resize:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc((var(--_cell-padding-x) + var(--border) + 2px) * -1)}.dg-col-resize:hover,.dg-col-resize:active{background:var(--_accent,var(--color-contrast-300))}.dg-td:focus-visible,.dg-th:focus-visible{outline:2px solid var(--_row-selected-border);outline-offset:-2px}.dg-tr-expanded .dg-td-expanded{padding:var(--_cell-padding-y) var(--_cell-padding-x);box-shadow:inset 0 0 0 9999px color-mix(in oklch, var(--color-contrast-600) 4%, var(--_bg,transparent)), inset 0 calc(var(--border) * -1) 0 var(--_border-color);border:none}.dg-tr-expanded:last-child .dg-td-expanded{box-shadow:inset 0 0 0 9999px color-mix(in oklch, var(--color-contrast-900) 4%, var(--_bg,transparent))}.dg-tr:has(+.dg-tr-expanded){border-bottom:none}.dg-th-expand,.dg-td-expand{width:var(--size-8);min-width:var(--size-8);padding-block:var(--size-1) 0;padding-inline:0 var(--size-2);text-align:center;white-space:nowrap;border-left:none;border-right:none}.dg-expand-btn{--button-color:var(--color-contrast-500);--button-radius:var(--rounded-sm);width:var(--size-5);height:var(--size-5)}.dg-expand-btn:hover{--button-color:var(--color-contrast-900)}.dg-expand-btn:disabled{cursor:not-allowed;opacity:.4}.dg-loading-overlay{z-index:3;background:color-mix(in oklch, var(--_bg,white) 40%, transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);justify-content:center;align-items:center;display:none;position:absolute;inset:0}:host([loading]) .dg-loading-overlay{display:flex}:host([loading]) .dg-scroll table{pointer-events:none;opacity:.5}.dg-spin{animation:1s linear infinite dg-spin}@keyframes dg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}`;function Vi(e,t){return e.key!==t||e.direction===`none`?`chevrons-up-down`:e.direction===`asc`?`chevron-up`:`chevron-down`}function Hi(e,t){return e.key!==t||e.direction===`none`?`none`:e.direction===`asc`?`ascending`:`descending`}var Ui=`ore-datagrid`;a(Ui,{props:{activeView:p.string(),density:p.string(),...X,...Xe,columns:p.data(),emptyText:p.string(`No data`),expandable:p.bool(!1),filterOptions:p.data(),fullwidth:p.bool(!1),getRowKey:p.data(),label:p.string(),pageSize:p.number(10),pageSizeOptions:p.data(),rows:p.data(),searchLabel:p.data(),searchPlaceholder:p.string(`Search…`),selectedKeys:p.data(),selectionMode:p.string(`none`),sortMode:p.string(`client`),source:p.data(),striped:p.bool(!1),views:p.data()},setup(e){let t=o(),n=_(),r=v(),i=x(()=>e.disabled.value===!0),a=x(()=>e.selectionMode.value??`none`),c=C(new Set),u=x(()=>e.expandable.value===!0&&h.value.some(e=>typeof e.renderExpanded==`function`)),d=x(()=>+(a.value===`multi`)),p=C(e.pageSize.value??10);T(e.pageSize,e=>{e!=null&&(p.value=e)});let m=C([]);f(()=>{m.value=Pi(t);let e=new MutationObserver(()=>{m.value=Pi(t)});return e.observe(t,{attributeFilter:Ni,attributes:!0,childList:!0,subtree:!0}),()=>e.disconnect()});let h=x(()=>{let t=e.columns.value;return t===void 0?m.value:t}),g=t=>{let n=e.getRowKey.value;if(n)return n(t);let r=t.id;return r==null?(Me("ore-datagrid: row missing `id` — keys will collide. Provide `getRowKey` or add a unique `id` field."),`__missing_${Math.random().toString(36).slice(2)}`):String(r)},y=Ii({columns:h,filterOptions:e.filterOptions,rows:x(()=>e.rows.value??[])}),b=F(t=>{let n=t,r=e.source.value;r?.search?r.search(n):y.setSearchQuery(n)},250),S=x(()=>e.source.value!=null),w=C([]),E=C({error:null,isLoading:!1,pageCount:1,pageNumber:1,pageSize:p.value,totalItems:0}),D=null;l(()=>{D?.(),D=null}),T(e.source,e=>{if(D?.(),D=null,!e){w.value=[],E.value={error:null,isLoading:!1,pageCount:1,pageNumber:1,pageSize:p.value,totalItems:0};return}let t=()=>{w.value=e.current,E.value=e.meta};t(),D=e.subscribe(t)},{immediate:!0});let O=bn({columns:()=>h.value,getRowKey:g,items:x(()=>S.value?w.value:y.filteredRows.value),onSelectionChange:e=>{n(`selection-change`,{keys:[...e],rows:O.selectedRows.value})},onSortChange:e=>{n(`sort-change`,e)},pageSize:()=>S.value?0:p.value,selectionMode:()=>a.value,signal:Z(l)});T(e.selectedKeys,e=>{Array.isArray(e)&&O.setSelection(new Set(e))},{immediate:!0});let k=C({}),A=(e,t)=>n=>{n.preventDefault();let r=n.clientX,i=t.getBoundingClientRect().width,a=new AbortController,{signal:o}=a;window.addEventListener(`pointermove`,t=>{k.value={...k.value,[e]:Math.max(40,i+t.clientX-r)}},{signal:o}),window.addEventListener(`pointerup`,()=>a.abort(),{signal:o})},j=x(()=>h.value.filter(e=>!y.hiddenColumns.value.has(e.key))),M=(e,t)=>{if(e.cell)return e.cell(t);let n=t[e.key];return n==null?``:String(n)};T(y.filteredRows,()=>O.goToPage(0),{immediate:!1});function N(t){let r=e.source.value;if(r){t===`prev`?r.prev?.():r.next?.();return}t===`prev`?O.prevPage():O.nextPage(),n(`page-change`,{pageIndex:O.pageIndex.value,pageSize:p.value})}let P=x(()=>{let e=O.currentPageItems.value;return!e.length||O.isAllSelected()?!1:e.some(e=>O.selectedKeys.value.has(g(e)))}),I=x(()=>j.value.length+ +(a.value===`multi`)+ +!!u.value),L=x(()=>S.value?E.value.pageCount>1:p.value>0),R=x(()=>{if(S.value){let{pageNumber:e,pageSize:t,totalItems:n}=E.value,r=Math.max(1,t);if(!L.value)return`${n} row${n===1?``:`s`}`;if(n===0)return`0 to 0 of 0`;let i=(e-1)*r+1;return`${i} to ${Math.min(i+r-1,n)} of ${n}`}let e=O.totalItems.value;if(!L.value)return`${e} row${e===1?``:`s`}`;if(e===0)return`0 to 0 of 0`;let t=O.pageIndex.value*p.value+1;return`${t} to ${Math.min(t+p.value-1,e)} of ${e}`}),ee=x(()=>e.loading.value===!0||S.value&&E.value.isLoading),z=x(()=>S.value?E.value.pageNumber>1:O.hasPrevPage.value),B=x(()=>S.value?E.value.pageNumber<E.value.pageCount:O.hasNextPage.value),V=x(()=>S.value?E.value.totalItems===0?`0 / 0`:`${E.value.pageNumber} / ${E.value.pageCount}`:`${O.pageIndex.value+1} / ${O.pageCount.value}`),H=[`compact`,`cozy`,`comfortable`],ne={comfortable:`rows-2`,compact:`rows-4`,cozy:`rows-3`},re={comfortable:`Density: Comfortable`,compact:`Density: Compact`,cozy:`Density: Cozy`},ie=C(e.density.value??`cozy`);T(e.density,e=>{e&&(ie.value=e)});let ae=()=>{let e=H.indexOf(ie.value),r=H[(e+1)%H.length];ie.value=r,t.setAttribute(`density`,r),n(`density-change`,{density:r})},oe=C(!1),se=e=>{let t=new Set(c.value),r=!t.has(e);r?t.add(e):t.delete(e),c.value=t,n(`row-expand`,{expanded:r,key:e})},ce={activeCell:C({col:0,row:0}),focusCell:()=>{}};f(()=>{let e=t.shadowRoot,n=e.querySelector(`.dg-table`);if(!n)return;let{cleanup:r,handle:i}=zi(n,e);return ce=i,r}),t.focusCell=e=>ce.focusCell(e);let U=()=>{let t=e.views.value??[],r=e.activeView.value;return s`<div
|
|
1560
1560
|
class="dg-tabs"
|
|
1561
1561
|
role="tablist"
|
|
1562
1562
|
aria-label="Views"
|
|
@@ -1587,8 +1587,8 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1587
1587
|
size="sm"
|
|
1588
1588
|
icon-only
|
|
1589
1589
|
label="Clear sort"
|
|
1590
|
-
:disabled="${()=>
|
|
1591
|
-
@click="${()=>
|
|
1590
|
+
:disabled="${()=>O.sortState.value.direction===`none`||void 0}"
|
|
1591
|
+
@click="${()=>O.sortTo(``,`none`)}">
|
|
1592
1592
|
<ore-icon name="trash-2" size="14" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
1593
1593
|
</ore-button>
|
|
1594
1594
|
</div>
|
|
@@ -1600,19 +1600,19 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1600
1600
|
rounded="lg"
|
|
1601
1601
|
placeholder="Property"
|
|
1602
1602
|
fullwidth
|
|
1603
|
-
:value="${()=>
|
|
1603
|
+
:value="${()=>O.sortState.value.key}"
|
|
1604
1604
|
:options="${()=>h.value.map(e=>({label:e.label,value:e.key}))}"
|
|
1605
|
-
@change="${e=>{let t=e.detail.values[0]??``,n=
|
|
1605
|
+
@change="${e=>{let t=e.detail.values[0]??``,n=O.sortState.value.direction===`none`?`asc`:O.sortState.value.direction;O.sortTo(t,n)}}"></ore-select>
|
|
1606
1606
|
<ore-select
|
|
1607
1607
|
class="dg-pop-dir-select"
|
|
1608
1608
|
variant="flat"
|
|
1609
1609
|
size="sm"
|
|
1610
1610
|
rounded="lg"
|
|
1611
1611
|
fullwidth
|
|
1612
|
-
:disabled="${()=>!
|
|
1613
|
-
:value="${()=>
|
|
1612
|
+
:disabled="${()=>!O.sortState.value.key||void 0}"
|
|
1613
|
+
:value="${()=>O.sortState.value.direction===`none`?`asc`:O.sortState.value.direction}"
|
|
1614
1614
|
:options="${()=>[{label:`A → Z`,value:`asc`},{label:`Z → A`,value:`desc`}]}"
|
|
1615
|
-
@change="${e=>{
|
|
1615
|
+
@change="${e=>{O.sortState.value.key&&O.sortTo(O.sortState.value.key,e.detail.values[0]??`asc`)}}"></ore-select>
|
|
1616
1616
|
</div>
|
|
1617
1617
|
</div>
|
|
1618
1618
|
</ore-popover>`,le=()=>s`<ore-popover
|
|
@@ -1768,7 +1768,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1768
1768
|
:placeholder="${()=>e.searchPlaceholder.value??`Search…`}"
|
|
1769
1769
|
:disabled="${()=>i.value||void 0}"
|
|
1770
1770
|
ref="${e=>{e&&requestAnimationFrame(()=>e.focus())}}"
|
|
1771
|
-
@input="${e=>{
|
|
1771
|
+
@input="${e=>{b(e.detail.value)}}"
|
|
1772
1772
|
@keydown="${t=>{if(t.key===`Escape`){let t=e.source.value;t?.search&&t.search(``),y.toggleSearch()}}}">
|
|
1773
1773
|
<ore-icon slot="prefix" name="search" size="13" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
1774
1774
|
</ore-input>`:s``}
|
|
@@ -1797,7 +1797,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1797
1797
|
part="table"
|
|
1798
1798
|
role="grid"
|
|
1799
1799
|
:aria-label="${()=>e.label.value??void 0}"
|
|
1800
|
-
:aria-busy="${()=>
|
|
1800
|
+
:aria-busy="${()=>ee.value?`true`:null}"
|
|
1801
1801
|
:aria-disabled="${()=>i.value?`true`:null}">
|
|
1802
1802
|
<!-- Head -->
|
|
1803
1803
|
<thead class="dg-head" part="thead">
|
|
@@ -1809,21 +1809,21 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1809
1809
|
:tabindex="${()=>ce.activeCell.value.row===0&&ce.activeCell.value.col===0&&d.value>=1?`0`:`-1`}">
|
|
1810
1810
|
<ore-checkbox
|
|
1811
1811
|
class="dg-check"
|
|
1812
|
-
:checked="${()=>
|
|
1813
|
-
:indeterminate="${
|
|
1812
|
+
:checked="${()=>O.isAllSelected()}"
|
|
1813
|
+
:indeterminate="${P}"
|
|
1814
1814
|
?disabled="${i}"
|
|
1815
1815
|
aria-label="Select all rows on this page"
|
|
1816
|
-
@change="${()=>{i.value||
|
|
1816
|
+
@change="${()=>{i.value||O.selectAll()}}"></ore-checkbox>
|
|
1817
1817
|
</th>`:s``}
|
|
1818
|
-
${()=>
|
|
1819
|
-
class="${`dg-th${t===
|
|
1818
|
+
${()=>j.value.map((e,t)=>s`<th
|
|
1819
|
+
class="${`dg-th${t===j.value.length-1&&u.value?` dg-th-last`:``}`}"
|
|
1820
1820
|
role="columnheader"
|
|
1821
1821
|
scope="col"
|
|
1822
1822
|
:tabindex="${()=>{let e=ce.activeCell.value;return e.row===0&&e.col===t+d.value?`0`:`-1`}}"
|
|
1823
1823
|
data-align="${e.align??`left`}"
|
|
1824
|
-
:aria-sort="${()=>e.sortable?Hi(
|
|
1824
|
+
:aria-sort="${()=>e.sortable?Hi(O.sortState.value,e.key):void 0}"
|
|
1825
1825
|
:aria-label="${e.sortable?void 0:e.headerLabel??e.label}"
|
|
1826
|
-
:style="${()=>{let t=
|
|
1826
|
+
:style="${()=>{let t=k.value[e.key];return t?`width:${t}px`:e.width?`width:${e.width}`:``}}">
|
|
1827
1827
|
<div class="dg-th-inner">
|
|
1828
1828
|
${()=>e.sortable?s`<ore-button
|
|
1829
1829
|
class="dg-sort-btn"
|
|
@@ -1832,19 +1832,19 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1832
1832
|
fullwidth
|
|
1833
1833
|
:label="${e.headerLabel??e.label}"
|
|
1834
1834
|
:disabled="${()=>i.value||void 0}"
|
|
1835
|
-
@click="${()=>{i.value||
|
|
1835
|
+
@click="${()=>{i.value||O.sortBy(e.key)}}">
|
|
1836
1836
|
${e.label}
|
|
1837
1837
|
<ore-icon
|
|
1838
1838
|
slot="suffix"
|
|
1839
1839
|
class="dg-sort-icon"
|
|
1840
|
-
:name="${()=>Vi(
|
|
1840
|
+
:name="${()=>Vi(O.sortState.value,e.key)}"
|
|
1841
1841
|
size="14"
|
|
1842
1842
|
stroke-width="2"></ore-icon>
|
|
1843
1843
|
</ore-button>`:e.label}
|
|
1844
1844
|
${e.resizable?s`<span
|
|
1845
1845
|
class="dg-col-resize"
|
|
1846
1846
|
aria-hidden="true"
|
|
1847
|
-
ref="${t=>{if(!t)return;let n=t.closest(`th`);n&&t.addEventListener(`pointerdown`,
|
|
1847
|
+
ref="${t=>{if(!t)return;let n=t.closest(`th`);n&&t.addEventListener(`pointerdown`,A(e.key,n))}}"></span>`:s``}
|
|
1848
1848
|
</div>
|
|
1849
1849
|
</th>`)}
|
|
1850
1850
|
${()=>u.value?s`<th
|
|
@@ -1858,7 +1858,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1858
1858
|
|
|
1859
1859
|
<!-- Body -->
|
|
1860
1860
|
<tbody class="dg-body" part="tbody">
|
|
1861
|
-
${()=>
|
|
1861
|
+
${()=>O.currentPageItems.value.length===0?s`<tr role="row">
|
|
1862
1862
|
<td class="dg-empty" role="gridcell" :colspan="${()=>String(I.value)}">
|
|
1863
1863
|
<div class="dg-empty-content">
|
|
1864
1864
|
${()=>e.emptyText.value??`No data`}
|
|
@@ -1872,32 +1872,32 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1872
1872
|
</div>`:s``}
|
|
1873
1873
|
</div>
|
|
1874
1874
|
</td>
|
|
1875
|
-
</tr>`:
|
|
1875
|
+
</tr>`:O.currentPageItems.value.map((e,t)=>{let n=g(e),r=a.value!==`none`&&!i.value,o=t+1;return s`<tr
|
|
1876
1876
|
class="dg-tr"
|
|
1877
1877
|
part="row"
|
|
1878
1878
|
role="row"
|
|
1879
|
-
:aria-selected="${()=>a.value===`none`?null:String(
|
|
1879
|
+
:aria-selected="${()=>a.value===`none`?null:String(O.selectedKeys.value.has(n))}"
|
|
1880
1880
|
:aria-expanded="${()=>u.value?String(c.value.has(n)):null}"
|
|
1881
1881
|
?data-selectable="${r}"
|
|
1882
1882
|
?data-disabled="${i}"
|
|
1883
|
-
@click="${()=>{r&&a.value===`single`&&
|
|
1884
|
-
@keydown="${e=>{(e.key===`Enter`||e.key===` `)&&r&&a.value===`single`&&(e.preventDefault(),
|
|
1883
|
+
@click="${()=>{r&&a.value===`single`&&O.toggleRow(n)}}"
|
|
1884
|
+
@keydown="${e=>{(e.key===`Enter`||e.key===` `)&&r&&a.value===`single`&&(e.preventDefault(),O.toggleRow(n))}}">
|
|
1885
1885
|
${()=>a.value===`multi`?s`<td
|
|
1886
1886
|
class="dg-td dg-td-check"
|
|
1887
1887
|
role="gridcell"
|
|
1888
1888
|
:tabindex="${()=>{let e=ce.activeCell.value;return e.row===o&&e.col===0?`0`:`-1`}}"
|
|
1889
|
-
@keydown="${e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),i.value||
|
|
1889
|
+
@keydown="${e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),i.value||O.toggleRow(n))}}">
|
|
1890
1890
|
<ore-checkbox
|
|
1891
1891
|
class="dg-check"
|
|
1892
|
-
:checked="${()=>
|
|
1892
|
+
:checked="${()=>O.selectedKeys.value.has(n)}"
|
|
1893
1893
|
?disabled="${i}"
|
|
1894
1894
|
aria-label="Select row"
|
|
1895
1895
|
tabindex="-1"
|
|
1896
1896
|
@click="${e=>e.stopPropagation()}"
|
|
1897
|
-
@change="${()=>{i.value||
|
|
1897
|
+
@change="${()=>{i.value||O.toggleRow(n)}}"></ore-checkbox>
|
|
1898
1898
|
</td>`:s``}
|
|
1899
|
-
${
|
|
1900
|
-
class="${`dg-td${n===
|
|
1899
|
+
${j.value.map((t,n)=>{let r=M(t,e);return s`<td
|
|
1900
|
+
class="${`dg-td${n===j.value.length-1&&u.value?` dg-td-last`:``}`}"
|
|
1901
1901
|
part="cell"
|
|
1902
1902
|
role="gridcell"
|
|
1903
1903
|
data-align="${t.align??`left`}"
|
|
@@ -1933,7 +1933,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1933
1933
|
class="dg-td-expanded"
|
|
1934
1934
|
role="gridcell"
|
|
1935
1935
|
:colspan="${()=>String(I.value)}">
|
|
1936
|
-
${
|
|
1936
|
+
${te(()=>h.value.find(e=>typeof e.renderExpanded==`function`)?.renderExpanded?.(e)??``)}
|
|
1937
1937
|
</td>
|
|
1938
1938
|
</tr>`:s``} `})}
|
|
1939
1939
|
</tbody>
|
|
@@ -1941,7 +1941,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1941
1941
|
</div>
|
|
1942
1942
|
|
|
1943
1943
|
<!-- Footer / Pagination -->
|
|
1944
|
-
${()=>
|
|
1944
|
+
${()=>L.value?s`<div class="dg-footer" part="footer" role="navigation" aria-label="Pagination">
|
|
1945
1945
|
${()=>(e.pageSizeOptions.value??[]).length?s``:s`<span class="dg-footer-info" dir="ltr" aria-live="polite" aria-atomic="true"
|
|
1946
1946
|
>${R}</span
|
|
1947
1947
|
>`}
|
|
@@ -1954,7 +1954,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1954
1954
|
:value="${()=>String(p.value)}"
|
|
1955
1955
|
:options="${()=>t.map(e=>({label:String(e),value:String(e)}))}"
|
|
1956
1956
|
:disabled="${()=>i.value||void 0}"
|
|
1957
|
-
@change="${e=>{let t=parseInt(e.detail.values[0],10);isNaN(t)||(p.value=t,
|
|
1957
|
+
@change="${e=>{let t=parseInt(e.detail.values[0],10);isNaN(t)||(p.value=t,O.goToPage(0),n(`page-change`,{pageIndex:0,pageSize:t}))}}"></ore-select>
|
|
1958
1958
|
</div>`:s``}}
|
|
1959
1959
|
<div class="dg-pagination" role="group" aria-label="Page navigation">
|
|
1960
1960
|
<ore-button
|
|
@@ -1963,8 +1963,8 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1963
1963
|
size="sm"
|
|
1964
1964
|
icon-only
|
|
1965
1965
|
label="Previous page"
|
|
1966
|
-
:disabled="${()=>!
|
|
1967
|
-
@click="${()=>
|
|
1966
|
+
:disabled="${()=>!z.value||i.value}"
|
|
1967
|
+
@click="${()=>N(`prev`)}">
|
|
1968
1968
|
<ore-icon name="chevron-left" size="14" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
1969
1969
|
</ore-button>
|
|
1970
1970
|
<span
|
|
@@ -1983,17 +1983,17 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1983
1983
|
icon-only
|
|
1984
1984
|
label="Next page"
|
|
1985
1985
|
:disabled="${()=>!B.value||i.value}"
|
|
1986
|
-
@click="${()=>
|
|
1986
|
+
@click="${()=>N(`next`)}">
|
|
1987
1987
|
<ore-icon name="chevron-right" size="14" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
1988
1988
|
</ore-button>
|
|
1989
1989
|
</div>
|
|
1990
1990
|
</div>
|
|
1991
1991
|
</div>`:s``}
|
|
1992
|
-
`},shadow:{delegatesFocus:!0},styles:[Oe(`datagrid`),Bi]});var Wi=`@layer refine.base{:host{--_day-selected-bg:var(--calendar-day-selected-bg,var(--_theme-focus));--_day-today-color:var(--calendar-day-today-color,var(--_theme-focus));--_day-outside-opacity:var(--calendar-day-outside-opacity,.35);--_bg:var(--calendar-bg,var(--color-canvas));--_border-color:var(--calendar-border-color,var(--color-contrast-200));--_radius:var(--calendar-radius,var(--rounded-xl));display:inline-block}:host([fullwidth]){display:block}:host([color=secondary]){--_day-selected-bg:var(--calendar-day-selected-bg,var(--_theme-base));--_day-today-color:var(--calendar-day-today-color,var(--_theme-base))}.calendar{gap:var(--size-2);min-width:18rem;padding:var(--size-3);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--calendar-shadow,var(--shadow-md));flex-direction:column;display:flex}:host([fullwidth]) .calendar{min-width:0}.cal-header{gap:var(--size-1);border-bottom:var(--border) solid var(--_border-color);padding-bottom:var(--size-2);justify-content:space-between;align-items:center;display:flex}.nav-btn{width:var(--size-8);height:var(--size-8);color:var(--color-contrast-600);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.nav-btn:hover:not(:disabled){color:var(--color-contrast-900);background:var(--color-contrast-300)}.nav-btn:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.nav-btn:disabled{cursor:not-allowed;opacity:.4}.cal-label-btn{padding:var(--size-1) var(--size-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-contrast-900);text-align:center;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast);background:0 0;border:none;outline:none;flex:1}.cal-label-btn:hover:not(:disabled){background:var(--color-contrast-300)}.cal-label-btn:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-label-btn:disabled{cursor:not-allowed;opacity:.5}.cal-label-month,.cal-label-year{display:inline-block}.cal-label-sep{padding-inline:var(--size-1);font-weight:var(--font-normal);color:var(--color-contrast-400);display:inline-block}[hidden]{display:none!important}.cal-grid{gap:var(--size-0-5);flex-direction:column;display:flex}.cal-grid-days{gap:var(--size-0-5);min-height:calc(7 * var(--size-10) + 6 * var(--size-0-5));grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.cal-grid [role=row]{display:contents}.cal-cell{font-size:var(--text-sm);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);outline:none;justify-content:center;align-items:center;display:flex}.cal-cell-head{height:var(--size-8);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-contrast-500);cursor:default}.cal-cell-day{gap:var(--size-0-5);min-width:0;height:var(--size-10);color:var(--color-contrast-800);flex-direction:column;overflow:hidden}.cal-cell-day:hover:not([data-disabled]){color:var(--color-contrast-900);background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-day:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-day[data-today]{font-weight:var(--font-semibold);color:var(--_day-today-color)}.cal-cell-day[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-day[data-outside]{opacity:var(--_day-outside-opacity)}.cal-cell-day[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}.cal-dots{margin-top:var(--size-0-5);justify-content:center;align-items:center;gap:2px;display:flex}.cal-dot{--badge-bg:var(--_day-selected-bg);--badge-border-color:var(--_day-selected-bg)}.cal-dot-overflow{font-size:8px;font-weight:var(--font-semibold);color:var(--color-contrast-500);line-height:1}.cal-grid-months,.cal-grid-years{gap:var(--size-1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cal-cell-month,.cal-cell-year{height:var(--size-10);font-size:var(--text-sm);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-md)}.cal-cell-month:hover:not([data-disabled]),.cal-cell-year:hover:not([data-disabled]){background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-month:focus-visible,.cal-cell-year:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-month[data-selected],.cal-cell-year[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-month[data-disabled],.cal-cell-year[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}:host([expanded]){width:100%;display:block}:host([expanded]) .calendar{width:100%;min-width:0;padding:0;overflow:hidden}:host([expanded]) .cal-header{padding:var(--size-3) var(--size-4)}:host([expanded]) .cal-label-btn{font-size:var(--text-base)}:host([expanded]) .cal-grid{gap:0}:host([expanded]) .cal-grid-days{border-top:var(--border) solid var(--_border-color);gap:0}:host([expanded]) .cal-cell{border-radius:0}:host([expanded]) .cal-cell-head{height:var(--size-9);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;border-bottom:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day{height:auto;min-height:var(--calendar-expanded-cell-height,var(--size-28));aspect-ratio:auto;padding:var(--size-2);font-size:var(--text-sm);vertical-align:top;border-bottom:var(--border) solid var(--_border-color);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;position:relative}:host([expanded]) .cal-cell-day:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day:nth-child(7n):not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:none}:host([expanded]) .cal-cell-day:nth-child(7n):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:none}:host([expanded]) .cal-cell-day:hover:not([data-disabled]){background:color-mix(in oklch, var(--_day-selected-bg) 6%, transparent)}:host([expanded]) .cal-cell-day[data-selected]{color:inherit;background:0 0}:host([expanded]) .cal-cell-day[data-selected]:before{top:var(--size-1-5);left:var(--size-1-5);width:var(--size-7);height:var(--size-7);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-white,#fff);content:attr(data-day);background:var(--_day-selected-bg);border-radius:var(--rounded-full);justify-content:center;align-items:center;display:flex;position:absolute}:host([expanded]) .cal-cell-day[data-today]{font-weight:inherit;color:inherit}:host([expanded]) .cal-cell-day[data-today]:before{top:var(--size-1-5);left:var(--size-1-5);width:var(--size-7);height:var(--size-7);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-white,#fff);content:attr(data-day);background:var(--_day-today-color);border-radius:var(--rounded-full);justify-content:center;align-items:center;display:flex;position:absolute}:host([expanded]) .cal-cell-day[data-today][data-selected]:before{background:var(--_day-selected-bg)}:host([expanded]) .cal-events{width:100%;margin-top:var(--size-4);flex-direction:column;gap:2px;display:flex;overflow:hidden}:host([expanded]) .cal-event-pill{--badge-max-width:100%;max-width:100%}:host([expanded]) .cal-event-pill-overflow{padding-inline:var(--size-1);font-size:10px;font-weight:var(--font-semibold);color:var(--color-contrast-500)}:host([expanded]) .cal-dots{display:none}:host([expanded]) .cal-cell-day[data-outside]{background:color-mix(in oklch, var(--color-contrast-900) 2%, transparent)}:host([expanded]) .cal-grid-months,:host([expanded]) .cal-grid-years{gap:var(--size-2);min-height:0;padding:var(--size-4)}:host([expanded]) .cal-cell-month,:host([expanded]) .cal-cell-year{min-height:var(--size-16);font-size:var(--text-base);border:var(--border) solid var(--_border-color);border-radius:var(--rounded-lg)}:host([expanded]) .cal-cell-month[data-selected],:host([expanded]) .cal-cell-year[data-selected]{border-color:#0000}:host(.is-disabled) .calendar{pointer-events:none;opacity:.6}@media (prefers-reduced-motion:reduce){.nav-btn,.cal-label-btn,.cal-cell{transition:none}}}`,Gi=`ore-calendar`,Ki=3;a(Gi,{formAssociated:!0,props:{...J,...Y,...X,...Ze,events:p.json([]),expanded:p.bool(!1),fullwidth:p.bool(!1),locale:p.string(),max:p.string(),min:p.string(),name:p.string(),required:p.bool(!1),value:p.string(),"weekend-days":p.json([])},setup(e){let n=g(),r=C(()=>e.disabled.value===!0),i=C(()=>e.expanded.value===!0),a=T(void 0),o=C(()=>a.value===void 0?un(e.value.value):a.value),c=hn({get locale(){return e.locale.value??(typeof navigator<`u`?navigator.language:`en`)},get max(){return un(e.max.value)},get min(){return un(e.min.value)},onChange(e){a.value=e,l.value=`day`,u.value=c.displayYear(),d.value=c.displayMonth(),n(`change`,{isoValue:dn(e)})},get value(){return o.value},get weekendDays(){return e[`weekend-days`].value??[]}}),l=T(`day`),u=T(c.displayYear()),d=T(c.displayMonth());B({disabled:r,toFormValue:e=>e||null,value:C(()=>dn(o.value)??``)});let f=C(()=>{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}),p=C(()=>(u.value,d.value,o.value,c.dayCells())),m=C(()=>(u.value,c.monthCells())),h=C(()=>(u.value,c.yearCells())),_=C(()=>c.weekdayLabels()),v=C(()=>z(R.PlainDate.from({day:1,month:d.value,year:u.value}),{intl:{month:`long`},locale:e.locale.value??(typeof navigator<`u`?navigator.language:`en`),tz:`UTC`})),y=C(()=>String(u.value)),b=C(()=>`${v.value} ${y.value}`);function S(){l.value===`day`?c.prevMonth():c.prevYear(),u.value=c.displayYear(),d.value=c.displayMonth()}function w(){l.value===`day`?c.nextMonth():c.nextYear(),u.value=c.displayYear(),d.value=c.displayMonth()}function E(){let e=[`day`,`month`,`year`],t=e[(e.indexOf(l.value)+1)%e.length];c.setView(t),l.value=t}function D(e){r.value||(c.goTo(c.displayYear(),e),c.setView(`day`),u.value=c.displayYear(),d.value=c.displayMonth(),l.value=`day`)}function O(e){r.value||(c.goTo(e,c.displayMonth()),c.setView(`month`),u.value=c.displayYear(),l.value=`month`)}function k(e){if(r.value)return;let t=un(e);t&&c.select(t)}function A(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(),k(t.dataset.iso??``);return}else if(e.key===`ArrowRight`)a=r[i+1];else if(e.key===`ArrowLeft`)a=r[i-1];else if(e.key===`ArrowDown`)a=r[i+7];else if(e.key===`ArrowUp`)a=r[i-7];else if(e.key===`Home`)a=r[Math.floor(i/7)*7];else if(e.key===`End`)a=r[Math.floor(i/7)*7+6];else return;e.preventDefault(),a?.focus()}function j(e,t,n,r){let i=e.currentTarget,a=i.closest(`.cal-grid`);if(!a)return;let o=Array.from(a.querySelectorAll(t)),s=o.indexOf(i);if(s===-1)return;let c;if(e.key===`Enter`||e.key===` `){e.preventDefault(),r();return}else if(e.key===`ArrowRight`)c=o[s+1];else if(e.key===`ArrowLeft`)c=o[s-1];else if(e.key===`ArrowDown`)c=o[s+n];else if(e.key===`ArrowUp`)c=o[s-n];else if(e.key===`Home`)c=o[Math.floor(s/n)*n];else if(e.key===`End`)c=o[Math.min(Math.floor(s/n)*n+n-1,o.length-1)];else return;e.preventDefault(),c?.focus()}return t({attr:{"aria-disabled":()=>r.value?`true`:null,"aria-label":()=>b.value,role:`group`},class:{"is-disabled":r}}),s`
|
|
1992
|
+
`},shadow:{delegatesFocus:!0},styles:[Oe(`datagrid`),Bi]});var Wi=`@layer refine.base{:host{--_day-selected-bg:var(--calendar-day-selected-bg,var(--_theme-focus));--_day-today-color:var(--calendar-day-today-color,var(--_theme-focus));--_day-outside-opacity:var(--calendar-day-outside-opacity,.35);--_bg:var(--calendar-bg,var(--color-canvas));--_border-color:var(--calendar-border-color,var(--color-contrast-200));--_radius:var(--calendar-radius,var(--rounded-xl));display:inline-block}:host([fullwidth]){display:block}:host([color=secondary]){--_day-selected-bg:var(--calendar-day-selected-bg,var(--_theme-base));--_day-today-color:var(--calendar-day-today-color,var(--_theme-base))}.calendar{gap:var(--size-2);min-width:18rem;padding:var(--size-3);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--calendar-shadow,var(--shadow-md));flex-direction:column;display:flex}:host([fullwidth]) .calendar{min-width:0}.cal-header{gap:var(--size-1);border-bottom:var(--border) solid var(--_border-color);padding-bottom:var(--size-2);justify-content:space-between;align-items:center;display:flex}.nav-btn{width:var(--size-8);height:var(--size-8);color:var(--color-contrast-600);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.nav-btn:hover:not(:disabled){color:var(--color-contrast-900);background:var(--color-contrast-300)}.nav-btn:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.nav-btn:disabled{cursor:not-allowed;opacity:.4}.cal-label-btn{padding:var(--size-1) var(--size-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-contrast-900);text-align:center;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast);background:0 0;border:none;outline:none;flex:1}.cal-label-btn:hover:not(:disabled){background:var(--color-contrast-300)}.cal-label-btn:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-label-btn:disabled{cursor:not-allowed;opacity:.5}.cal-label-month,.cal-label-year{display:inline-block}.cal-label-sep{padding-inline:var(--size-1);font-weight:var(--font-normal);color:var(--color-contrast-400);display:inline-block}[hidden]{display:none!important}.cal-grid{gap:var(--size-0-5);flex-direction:column;display:flex}.cal-grid-days{gap:var(--size-0-5);min-height:calc(7 * var(--size-10) + 6 * var(--size-0-5));grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.cal-grid [role=row]{display:contents}.cal-cell{font-size:var(--text-sm);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);outline:none;justify-content:center;align-items:center;display:flex}.cal-cell-head{height:var(--size-8);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-contrast-500);cursor:default}.cal-cell-day{gap:var(--size-0-5);min-width:0;height:var(--size-10);color:var(--color-contrast-800);flex-direction:column;overflow:hidden}.cal-cell-day:hover:not([data-disabled]){color:var(--color-contrast-900);background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-day:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-day[data-today]{font-weight:var(--font-semibold);color:var(--_day-today-color)}.cal-cell-day[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-day[data-outside]{opacity:var(--_day-outside-opacity)}.cal-cell-day[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}.cal-dots{margin-top:var(--size-0-5);justify-content:center;align-items:center;gap:2px;display:flex}.cal-dot{--badge-bg:var(--_day-selected-bg);--badge-border-color:var(--_day-selected-bg)}.cal-dot-overflow{font-size:8px;font-weight:var(--font-semibold);color:var(--color-contrast-500);line-height:1}.cal-grid-months,.cal-grid-years{gap:var(--size-1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cal-cell-month,.cal-cell-year{height:var(--size-10);font-size:var(--text-sm);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-md)}.cal-cell-month:hover:not([data-disabled]),.cal-cell-year:hover:not([data-disabled]){background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-month:focus-visible,.cal-cell-year:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-month[data-selected],.cal-cell-year[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-month[data-disabled],.cal-cell-year[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}:host([expanded]){width:100%;display:block}:host([expanded]) .calendar{width:100%;min-width:0;padding:0;overflow:hidden}:host([expanded]) .cal-header{padding:var(--size-3) var(--size-4)}:host([expanded]) .cal-label-btn{font-size:var(--text-base)}:host([expanded]) .cal-grid{gap:0}:host([expanded]) .cal-grid-days{border-top:var(--border) solid var(--_border-color);gap:0}:host([expanded]) .cal-cell{border-radius:0}:host([expanded]) .cal-cell-head{height:var(--size-9);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;border-bottom:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day{height:auto;min-height:var(--calendar-expanded-cell-height,var(--size-28));aspect-ratio:auto;padding:var(--size-2);font-size:var(--text-sm);vertical-align:top;border-bottom:var(--border) solid var(--_border-color);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;position:relative}:host([expanded]) .cal-cell-day:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day:nth-child(7n):not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:none}:host([expanded]) .cal-cell-day:nth-child(7n):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:none}:host([expanded]) .cal-cell-day:hover:not([data-disabled]){background:color-mix(in oklch, var(--_day-selected-bg) 6%, transparent)}:host([expanded]) .cal-cell-day[data-selected]{color:inherit;background:0 0}:host([expanded]) .cal-cell-day[data-selected]:before{top:var(--size-1-5);left:var(--size-1-5);width:var(--size-7);height:var(--size-7);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-white,#fff);content:attr(data-day);background:var(--_day-selected-bg);border-radius:var(--rounded-full);justify-content:center;align-items:center;display:flex;position:absolute}:host([expanded]) .cal-cell-day[data-today]{font-weight:inherit;color:inherit}:host([expanded]) .cal-cell-day[data-today]:before{top:var(--size-1-5);left:var(--size-1-5);width:var(--size-7);height:var(--size-7);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-white,#fff);content:attr(data-day);background:var(--_day-today-color);border-radius:var(--rounded-full);justify-content:center;align-items:center;display:flex;position:absolute}:host([expanded]) .cal-cell-day[data-today][data-selected]:before{background:var(--_day-selected-bg)}:host([expanded]) .cal-events{width:100%;margin-top:var(--size-4);flex-direction:column;gap:2px;display:flex;overflow:hidden}:host([expanded]) .cal-event-pill{--badge-max-width:100%;max-width:100%}:host([expanded]) .cal-event-pill-overflow{padding-inline:var(--size-1);font-size:10px;font-weight:var(--font-semibold);color:var(--color-contrast-500)}:host([expanded]) .cal-dots{display:none}:host([expanded]) .cal-cell-day[data-outside]{background:color-mix(in oklch, var(--color-contrast-900) 2%, transparent)}:host([expanded]) .cal-grid-months,:host([expanded]) .cal-grid-years{gap:var(--size-2);min-height:0;padding:var(--size-4)}:host([expanded]) .cal-cell-month,:host([expanded]) .cal-cell-year{min-height:var(--size-16);font-size:var(--text-base);border:var(--border) solid var(--_border-color);border-radius:var(--rounded-lg)}:host([expanded]) .cal-cell-month[data-selected],:host([expanded]) .cal-cell-year[data-selected]{border-color:#0000}:host(.is-disabled) .calendar{pointer-events:none;opacity:.6}@media (prefers-reduced-motion:reduce){.nav-btn,.cal-label-btn,.cal-cell{transition:none}}}`,Gi=`ore-calendar`,Ki=3;a(Gi,{formAssociated:!0,props:{...J,...Y,...X,...Ze,events:p.json([]),expanded:p.bool(!1),fullwidth:p.bool(!1),locale:p.string(),max:p.string(),min:p.string(),name:p.string(),required:p.bool(!1),value:p.string(),"weekend-days":p.json([])},setup(e){let n=_(),r=x(()=>e.disabled.value===!0),i=x(()=>e.expanded.value===!0),a=C(void 0),o=x(()=>a.value===void 0?un(e.value.value):a.value),c=hn({get locale(){return e.locale.value??(typeof navigator<`u`?navigator.language:`en`)},get max(){return un(e.max.value)},get min(){return un(e.min.value)},onChange(e){a.value=e,l.value=`day`,u.value=c.displayYear(),d.value=c.displayMonth(),n(`change`,{isoValue:dn(e)})},get value(){return o.value},get weekendDays(){return e[`weekend-days`].value??[]}}),l=C(`day`),u=C(c.displayYear()),d=C(c.displayMonth());z({disabled:r,toFormValue:e=>e||null,value:x(()=>dn(o.value)??``)});let f=x(()=>{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}),p=x(()=>(u.value,d.value,o.value,c.dayCells())),m=x(()=>(u.value,c.monthCells())),h=x(()=>(u.value,c.yearCells())),v=x(()=>c.weekdayLabels()),y=x(()=>R(L.PlainDate.from({day:1,month:d.value,year:u.value}),{intl:{month:`long`},locale:e.locale.value??(typeof navigator<`u`?navigator.language:`en`),tz:`UTC`})),b=x(()=>String(u.value)),S=x(()=>`${y.value} ${b.value}`);function w(){l.value===`day`?c.prevMonth():c.prevYear(),u.value=c.displayYear(),d.value=c.displayMonth()}function T(){l.value===`day`?c.nextMonth():c.nextYear(),u.value=c.displayYear(),d.value=c.displayMonth()}function E(){let e=[`day`,`month`,`year`],t=e[(e.indexOf(l.value)+1)%e.length];c.setView(t),l.value=t}function D(e){r.value||(c.goTo(c.displayYear(),e),c.setView(`day`),u.value=c.displayYear(),d.value=c.displayMonth(),l.value=`day`)}function O(e){r.value||(c.goTo(e,c.displayMonth()),c.setView(`month`),u.value=c.displayYear(),l.value=`month`)}function k(e){if(r.value)return;let t=un(e);t&&c.select(t)}function A(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(),k(t.dataset.iso??``);return}else if(e.key===`ArrowRight`)a=r[i+1];else if(e.key===`ArrowLeft`)a=r[i-1];else if(e.key===`ArrowDown`)a=r[i+7];else if(e.key===`ArrowUp`)a=r[i-7];else if(e.key===`Home`)a=r[Math.floor(i/7)*7];else if(e.key===`End`)a=r[Math.floor(i/7)*7+6];else return;e.preventDefault(),a?.focus()}function j(e,t,n,r){let i=e.currentTarget,a=i.closest(`.cal-grid`);if(!a)return;let o=Array.from(a.querySelectorAll(t)),s=o.indexOf(i);if(s===-1)return;let c;if(e.key===`Enter`||e.key===` `){e.preventDefault(),r();return}else if(e.key===`ArrowRight`)c=o[s+1];else if(e.key===`ArrowLeft`)c=o[s-1];else if(e.key===`ArrowDown`)c=o[s+n];else if(e.key===`ArrowUp`)c=o[s-n];else if(e.key===`Home`)c=o[Math.floor(s/n)*n];else if(e.key===`End`)c=o[Math.min(Math.floor(s/n)*n+n-1,o.length-1)];else return;e.preventDefault(),c?.focus()}return t({attr:{"aria-disabled":()=>r.value?`true`:null,"aria-label":()=>S.value,role:`group`},class:{"is-disabled":r}}),s`
|
|
1993
1993
|
<div class="calendar" part="calendar" role="presentation">
|
|
1994
1994
|
<!-- Header -->
|
|
1995
1995
|
<div class="cal-header" part="header">
|
|
1996
|
-
<button class="nav-btn" type="button" aria-label="Previous" ?disabled="${r}" @click="${
|
|
1996
|
+
<button class="nav-btn" type="button" aria-label="Previous" ?disabled="${r}" @click="${w}">
|
|
1997
1997
|
<ore-icon name="chevron-left" size="16" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
1998
1998
|
</button>
|
|
1999
1999
|
|
|
@@ -2003,11 +2003,11 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2003
2003
|
:aria-label="${()=>`Switch to ${l.value===`day`?`month`:l.value===`month`?`year`:`day`} view`}"
|
|
2004
2004
|
?disabled="${r}"
|
|
2005
2005
|
@click="${E}">
|
|
2006
|
-
<span class="cal-label-month">${
|
|
2007
|
-
><span class="cal-label-year">${
|
|
2006
|
+
<span class="cal-label-month">${y}</span><span class="cal-label-sep" aria-hidden="true">/</span
|
|
2007
|
+
><span class="cal-label-year">${b}</span>
|
|
2008
2008
|
</button>
|
|
2009
2009
|
|
|
2010
|
-
<button class="nav-btn" type="button" aria-label="Next" ?disabled="${r}" @click="${
|
|
2010
|
+
<button class="nav-btn" type="button" aria-label="Next" ?disabled="${r}" @click="${T}">
|
|
2011
2011
|
<ore-icon name="chevron-right" size="16" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
2012
2012
|
</button>
|
|
2013
2013
|
</div>
|
|
@@ -2017,10 +2017,10 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2017
2017
|
class="cal-grid cal-grid-days"
|
|
2018
2018
|
role="grid"
|
|
2019
2019
|
part="grid"
|
|
2020
|
-
:aria-label="${()=>
|
|
2020
|
+
:aria-label="${()=>S.value}"
|
|
2021
2021
|
?hidden="${()=>l.value!==`day`}">
|
|
2022
2022
|
<div role="row" class="cal-grid-row">
|
|
2023
|
-
${()=>
|
|
2023
|
+
${()=>v.value.map(e=>s`<div class="cal-cell cal-cell-head" role="columnheader" aria-label="${e}">${e}</div>`)}
|
|
2024
2024
|
</div>
|
|
2025
2025
|
${()=>{let e=p.value,t=[];for(let n=0;n<e.length;n+=7)t.push(e.slice(n,n+7));return t.map(e=>s`<div role="row" class="cal-grid-row">
|
|
2026
2026
|
${e.map(e=>s`<div
|
|
@@ -2048,7 +2048,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2048
2048
|
size="xs"
|
|
2049
2049
|
rounded="sm"
|
|
2050
2050
|
aria-label="${e.label}"
|
|
2051
|
-
:style="${
|
|
2051
|
+
:style="${g({"--badge-bg":e.color,"--badge-border-color":e.color})}">
|
|
2052
2052
|
${e.label}
|
|
2053
2053
|
</ore-badge>`)}
|
|
2054
2054
|
${r>0?s`<span class="cal-event-pill-overflow" aria-hidden="true"
|
|
@@ -2062,7 +2062,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2062
2062
|
dot
|
|
2063
2063
|
size="xs"
|
|
2064
2064
|
aria-hidden="true"
|
|
2065
|
-
:style="${
|
|
2065
|
+
:style="${g({"--badge-bg":e.color,"--badge-border-color":e.color})}"></ore-badge>`)}
|
|
2066
2066
|
${r>0?s`<span class="cal-dot-overflow" aria-hidden="true">+${r}</span>`:s``}
|
|
2067
2067
|
</div>`}}
|
|
2068
2068
|
</div>`)}
|
|
@@ -2073,7 +2073,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2073
2073
|
<div
|
|
2074
2074
|
class="cal-grid cal-grid-months"
|
|
2075
2075
|
role="grid"
|
|
2076
|
-
:aria-label="${()=>
|
|
2076
|
+
:aria-label="${()=>b.value}"
|
|
2077
2077
|
?hidden="${()=>l.value!==`month`}">
|
|
2078
2078
|
${()=>{let e=m.value,t=[];for(let n=0;n<e.length;n+=4)t.push(e.slice(n,n+4));return t.map(e=>s`<div role="row">
|
|
2079
2079
|
${e.map(e=>s`<div
|
|
@@ -2113,11 +2113,11 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2113
2113
|
</div>`)}}
|
|
2114
2114
|
</div>
|
|
2115
2115
|
</div>
|
|
2116
|
-
`},shadow:{delegatesFocus:!0},styles:[q,W,Wi]});var qi=`@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}[hidden]{display:none!important}.cal-grid{gap:var(--size-0-5);flex-direction:column;display:flex}.cal-grid-days{gap:var(--size-0-5);min-height:calc(7 * var(--size-10) + 6 * var(--size-0-5));grid-template-columns:repeat(7,1fr);display:grid}.cal-grid [role=row]{display:contents}.cal-cell{font-size:var(--text-sm);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);outline:none;justify-content:center;align-items:center;display:flex}.cal-cell-head{height:var(--size-8);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-contrast-500);cursor:default}.cal-cell-day{height:var(--size-8);color:var(--color-contrast-800)}.cal-cell-day:hover:not([data-disabled]){color:var(--color-contrast-900);background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-day:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-day[data-today]{font-weight:var(--font-semibold);color:var(--_day-today-color)}.cal-cell-day[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-day[data-outside]{opacity:var(--_day-outside-opacity)}.cal-cell-day[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}.cal-grid-months,.cal-grid-years{gap:var(--size-1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cal-cell-month,.cal-cell-year{height:var(--size-10);font-size:var(--text-sm);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-md)}.cal-cell-month:hover:not([data-disabled]),.cal-cell-year:hover:not([data-disabled]){background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-month:focus-visible,.cal-cell-year:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-month[data-selected],.cal-cell-year[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-month[data-disabled],.cal-cell-year[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}@media (prefers-reduced-motion:reduce){.field,.nav-btn,.cal-label-btn,.cal-cell{transition:none}}}`,Ji=`ore-date-picker`;a(Ji,{formAssociated:!0,props:{...J,...Y,...X,...Ze,error:p.string(),fullwidth:p.bool(!1),helper:p.string(),label:p.string(),"label-placement":p.oneOf([`inset`,`outside`],`inset`),locale:p.string(),max:p.string(),min:p.string(),name:p.string(),placeholder:p.string(),required:p.bool(!1),success:p.bool(!1),value:p.string(),variant:p.string(),"weekend-days":p.json([])},setup(e){let n=o(),r=
|
|
2116
|
+
`},shadow:{delegatesFocus:!0},styles:[q,W,Wi]});var qi=`@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}[hidden]{display:none!important}.cal-grid{gap:var(--size-0-5);flex-direction:column;display:flex}.cal-grid-days{gap:var(--size-0-5);min-height:calc(7 * var(--size-10) + 6 * var(--size-0-5));grid-template-columns:repeat(7,1fr);display:grid}.cal-grid [role=row]{display:contents}.cal-cell{font-size:var(--text-sm);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);outline:none;justify-content:center;align-items:center;display:flex}.cal-cell-head{height:var(--size-8);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-contrast-500);cursor:default}.cal-cell-day{height:var(--size-8);color:var(--color-contrast-800)}.cal-cell-day:hover:not([data-disabled]){color:var(--color-contrast-900);background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-day:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-day[data-today]{font-weight:var(--font-semibold);color:var(--_day-today-color)}.cal-cell-day[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-day[data-outside]{opacity:var(--_day-outside-opacity)}.cal-cell-day[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}.cal-grid-months,.cal-grid-years{gap:var(--size-1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cal-cell-month,.cal-cell-year{height:var(--size-10);font-size:var(--text-sm);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-md)}.cal-cell-month:hover:not([data-disabled]),.cal-cell-year:hover:not([data-disabled]){background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-month:focus-visible,.cal-cell-year:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-month[data-selected],.cal-cell-year[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-month[data-disabled],.cal-cell-year[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}@media (prefers-reduced-motion:reduce){.field,.nav-btn,.cal-label-btn,.cal-cell{transition:none}}}`,Ji=`ore-date-picker`;a(Ji,{formAssociated:!0,props:{...J,...Y,...X,...Ze,error:p.string(),fullwidth:p.bool(!1),helper:p.string(),label:p.string(),"label-placement":p.oneOf([`inset`,`outside`],`inset`),locale:p.string(),max:p.string(),min:p.string(),name:p.string(),placeholder:p.string(),required:p.bool(!1),success:p.bool(!1),value:p.string(),variant:p.string(),"weekend-days":p.json([])},setup(e){let n=o(),r=_(),i=C(!1),a=C(void 0),l=x(()=>a.value===void 0?un(e.value.value):a.value),u=$(e,c(Q)),d=u.disabled,p=x(()=>e.locale.value||(typeof navigator<`u`?navigator.language:`en`)),m=hn({get locale(){return p.value},get max(){return un(e.max.value)},get min(){return un(e.min.value)},onChange(e){a.value=e,i.value=!1,m.setView(`day`),g.value=`day`,v.value=m.displayYear(),y.value=m.displayMonth(),r(`change`,{isoValue:dn(e)})},get value(){return l.value},get weekendDays(){return e[`weekend-days`].value??[]}}),g=C(`day`),v=C(m.displayYear()),y=C(m.displayMonth());z({disabled:d,toFormValue:e=>e||null,value:x(()=>dn(l.value)??``)});let b=`date-picker-${Math.random().toString(36).slice(2,9)}-calendar`,S=h(),w=h(),T=Gt({getFloating:()=>w.value??null,getReference:()=>S.value??null,matchWidth:!1,offsetPx:4}),E=null,D=x(()=>l.value?fn(l.value,p.value):e.placeholder.value||``),O=x(()=>R(L.PlainDate.from({day:1,month:y.value,year:v.value}),{intl:{month:`long`},locale:p.value,tz:`UTC`})),k=x(()=>String(v.value)),A=x(()=>`${O.value} ${k.value}`),j=x(()=>(v.value,y.value,l.value,m.dayCells())),M=x(()=>(v.value,m.monthCells())),N=x(()=>(v.value,m.yearCells())),P=x(()=>m.weekdayLabels()),F=()=>d.value?`-1`:`0`;function I(){g.value===`day`?m.prevMonth():m.prevYear(),v.value=m.displayYear(),y.value=m.displayMonth()}function ee(){g.value===`day`?m.nextMonth():m.nextYear(),v.value=m.displayYear(),y.value=m.displayMonth()}function B(){let e=[`day`,`month`,`year`],t=e[(e.indexOf(g.value)+1)%e.length];m.setView(t),g.value=t}function V(e){m.goTo(m.displayYear(),e),m.setView(`day`),v.value=m.displayYear(),y.value=m.displayMonth(),g.value=`day`}function H(e){m.goTo(e,m.displayMonth()),m.setView(`month`),v.value=m.displayYear(),g.value=`month`}function te(e){let t=un(e);t&&m.select(t)}function ne(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(),te(t.dataset.iso??``);return}else if(e.key===`ArrowRight`)a=r[i+1];else if(e.key===`ArrowLeft`)a=r[i-1];else if(e.key===`ArrowDown`)a=r[i+7];else if(e.key===`ArrowUp`)a=r[i-7];else if(e.key===`Home`)a=r[Math.floor(i/7)*7];else if(e.key===`End`)a=r[Math.floor(i/7)*7+6];else return;e.preventDefault(),a?.focus()}function re(e,t,n,r){let i=e.currentTarget,a=i.closest(`.cal-grid`);if(!a)return;let o=Array.from(a.querySelectorAll(t)),s=o.indexOf(i);if(s===-1)return;let c;if(e.key===`Enter`||e.key===` `){e.preventDefault(),r();return}else if(e.key===`ArrowRight`)c=o[s+1];else if(e.key===`ArrowLeft`)c=o[s-1];else if(e.key===`ArrowDown`)c=o[s+n];else if(e.key===`ArrowUp`)c=o[s-n];else if(e.key===`Home`)c=o[Math.floor(s/n)*n];else if(e.key===`End`)c=o[Math.min(Math.floor(s/n)*n+n-1,o.length-1)];else return;e.preventDefault(),c?.focus()}function ie(){if(d.value)return;i.value=!0,m.setView(`day`),g.value=`day`;let e=l.value;e&&(m.goTo(e.year,e.month),v.value=m.displayYear(),y.value=m.displayMonth()),T.update(),E=T.startAutoUpdate?.()??null}function ae(){i.value=!1,m.setView(`day`),g.value=`day`,E?.(),E=null}function oe(){i.value?ae():ie()}function se(e){d.value||(e.key===`Enter`||e.key===` `?(e.preventDefault(),oe()):e.key===`Escape`&&i.value&&(e.preventDefault(),ae()))}function ce(e){e.key===`Escape`&&(e.preventDefault(),ae())}function U(e){i.value&&(e.composedPath().includes(n)||ae())}return f(()=>(document.addEventListener(`pointerdown`,U,{capture:!0}),()=>{document.removeEventListener(`pointerdown`,U,{capture:!0}),E?.(),E=null})),t({attr:{open:()=>i.value?!0:void 0}}),s`
|
|
2117
2117
|
<!-- Trigger: ore-input in readonly display mode -->
|
|
2118
2118
|
<ore-input
|
|
2119
2119
|
class="trigger"
|
|
2120
|
-
ref="${
|
|
2120
|
+
ref="${S}"
|
|
2121
2121
|
readonly
|
|
2122
2122
|
tabindex="${F}"
|
|
2123
2123
|
role="combobox"
|
|
@@ -2147,7 +2147,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2147
2147
|
<!-- Calendar popup -->
|
|
2148
2148
|
<div
|
|
2149
2149
|
class="calendar"
|
|
2150
|
-
ref="${
|
|
2150
|
+
ref="${w}"
|
|
2151
2151
|
id="${b}"
|
|
2152
2152
|
role="dialog"
|
|
2153
2153
|
aria-modal="true"
|
|
@@ -2162,12 +2162,12 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2162
2162
|
<button
|
|
2163
2163
|
class="cal-label-btn"
|
|
2164
2164
|
type="button"
|
|
2165
|
-
:aria-label="${()=>`Switch to ${
|
|
2166
|
-
@click="${
|
|
2165
|
+
:aria-label="${()=>`Switch to ${g.value===`day`?`month`:g.value===`month`?`year`:`day`} view`}"
|
|
2166
|
+
@click="${B}">
|
|
2167
2167
|
<span class="cal-label-month">${O}</span><span class="cal-label-sep" aria-hidden="true">/</span
|
|
2168
2168
|
><span class="cal-label-year">${k}</span>
|
|
2169
2169
|
</button>
|
|
2170
|
-
<button class="nav-btn" type="button" aria-label="Next" @click="${
|
|
2170
|
+
<button class="nav-btn" type="button" aria-label="Next" @click="${ee}">
|
|
2171
2171
|
<ore-icon name="chevron-right" size="16" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
2172
2172
|
</button>
|
|
2173
2173
|
</div>
|
|
@@ -2178,7 +2178,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2178
2178
|
role="grid"
|
|
2179
2179
|
part="grid"
|
|
2180
2180
|
:aria-label="${()=>A.value}"
|
|
2181
|
-
?hidden="${()=>
|
|
2181
|
+
?hidden="${()=>g.value!==`day`}">
|
|
2182
2182
|
<div role="row" class="cal-grid-row">
|
|
2183
2183
|
${()=>P.value.map(e=>s`<div class="cal-cell cal-cell-head" role="columnheader" aria-label="${e}">${e}</div>`)}
|
|
2184
2184
|
</div>
|
|
@@ -2196,7 +2196,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2196
2196
|
?data-disabled="${()=>e.isDisabled}"
|
|
2197
2197
|
data-iso="${e.iso}"
|
|
2198
2198
|
tabindex="${()=>e.isDisabled?`-1`:`0`}"
|
|
2199
|
-
@click="${()=>
|
|
2199
|
+
@click="${()=>te(e.iso)}"
|
|
2200
2200
|
@keydown="${ne}">
|
|
2201
2201
|
${String(e.day)}
|
|
2202
2202
|
</div>`)}
|
|
@@ -2208,7 +2208,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2208
2208
|
class="cal-grid cal-grid-months"
|
|
2209
2209
|
role="grid"
|
|
2210
2210
|
:aria-label="${()=>k.value}"
|
|
2211
|
-
?hidden="${()=>
|
|
2211
|
+
?hidden="${()=>g.value!==`month`}">
|
|
2212
2212
|
${()=>{let e=M.value,t=[];for(let n=0;n<e.length;n+=4)t.push(e.slice(n,n+4));return t.map(e=>s`<div role="row">
|
|
2213
2213
|
${e.map(e=>s`<div
|
|
2214
2214
|
class="cal-cell cal-cell-month"
|
|
@@ -2218,8 +2218,8 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2218
2218
|
?data-selected="${()=>e.isSelected}"
|
|
2219
2219
|
?data-disabled="${()=>e.isDisabled}"
|
|
2220
2220
|
tabindex="${()=>e.isDisabled?`-1`:`0`}"
|
|
2221
|
-
@click="${()=>{e.isDisabled||
|
|
2222
|
-
@keydown="${t=>re(t,`.cal-cell-month`,4,()=>{e.isDisabled||
|
|
2221
|
+
@click="${()=>{e.isDisabled||V(e.month)}}"
|
|
2222
|
+
@keydown="${t=>re(t,`.cal-cell-month`,4,()=>{e.isDisabled||V(e.month)})}">
|
|
2223
2223
|
${e.shortLabel}
|
|
2224
2224
|
</div>`)}
|
|
2225
2225
|
</div>`)}}
|
|
@@ -2230,7 +2230,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2230
2230
|
class="cal-grid cal-grid-years"
|
|
2231
2231
|
role="grid"
|
|
2232
2232
|
aria-label="Select year"
|
|
2233
|
-
?hidden="${()=>
|
|
2233
|
+
?hidden="${()=>g.value!==`year`}">
|
|
2234
2234
|
${()=>{let e=N.value,t=[];for(let n=0;n<e.length;n+=4)t.push(e.slice(n,n+4));return t.map(e=>s`<div role="row">
|
|
2235
2235
|
${e.map(e=>s`<div
|
|
2236
2236
|
class="cal-cell cal-cell-year"
|
|
@@ -2240,16 +2240,16 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2240
2240
|
?data-selected="${()=>e.isSelected}"
|
|
2241
2241
|
?data-disabled="${()=>e.isDisabled}"
|
|
2242
2242
|
tabindex="${()=>e.isDisabled?`-1`:`0`}"
|
|
2243
|
-
@click="${()=>{e.isDisabled||
|
|
2244
|
-
@keydown="${t=>re(t,`.cal-cell-year`,4,()=>{e.isDisabled||
|
|
2243
|
+
@click="${()=>{e.isDisabled||H(e.year)}}"
|
|
2244
|
+
@keydown="${t=>re(t,`.cal-cell-year`,4,()=>{e.isDisabled||H(e.year)})}">
|
|
2245
2245
|
${String(e.year)}
|
|
2246
2246
|
</div>`)}
|
|
2247
2247
|
</div>`)}}
|
|
2248
2248
|
</div>
|
|
2249
2249
|
</div>
|
|
2250
|
-
`},shadow:{delegatesFocus:!0},styles:[q,W,qi]});var Yi=e=>{if(e===0)return`0 B`;let t=1024,n=[`B`,`KB`,`MB`,`GB`,`TB`],r=Math.floor(Math.log(e)/Math.log(t));return`${parseFloat((e/t**r).toFixed(1))} ${n[r]}`},Xi=(e,t)=>!t||e.size<=t,Zi=e=>e>0?`${Yi(e)}/s`:``,Qi=e=>e?e.split(`,`).map(e=>e.trim()):[],$i={error:null,loaded:0,speedBps:0,status:`idle`},ea=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 ta(e){let t=T([]),n=new Map,r=new Map;function i(e){let t=n.get(e);return t||(t=T({...$i,total:e.size}),n.set(e,t)),t}function a(e){return i(e).value}function o(e,t){let n=i(e);n.value={...n.value,...t}}function s(t,n=0){if(e.disabled.value)return;let i=e.upload.value;if(!i)return;r.get(t)?.abort();let s=new AbortController;r.set(t,s),o(t,{error:null,loaded:n,speedBps:0,status:`uploading`,total:t.size});let c=performance.now(),l=n;i(t,{onProgress:(n,r)=>{if(s.signal.aborted)return;let i=performance.now(),u=(i-c)/1e3,d=u>0?Math.max(0,(n-l)/u):0,f=a(t).speedBps,p=f>0?f*.7+d*.3:d;c=i,l=n,o(t,{loaded:n,speedBps:p,total:r||t.size}),e.onUploadProgress(t,n,r||t.size)},resumeFrom:n,signal:s.signal}).then(()=>{s.signal.aborted||(o(t,{loaded:t.size,speedBps:0,status:`success`}),ln(`${t.name} uploaded successfully.`),e.onUploadSuccess(t))}).catch(n=>{if(s.signal.aborted)return;let r=n instanceof Error?n.message:String(n);o(t,{error:r,speedBps:0,status:`error`}),ln(`${t.name} failed to upload: ${r}`,{politeness:`assertive`}),e.onUploadError(t,n)})}function c(t){e.disabled.value||s(t,a(t).loaded)}function l(e){let t=new Set(e);for(let e of n.keys())t.has(e)||(r.get(e)?.abort(),r.delete(e),n.delete(e))}let u=D(t,l);function d(n,r){if(e.disabled.value)return;let i=e.multiple.value,a=Array.from(n);i||(a=a.slice(0,1));let o=Qi(e.accept.value),c=e.maxSize.value;a=a.filter(e=>re(e,o)&&Xi(e,c));let l=i?[...t.value]:[],u=[];for(let e of a)l.includes(e)||(l.push(e),u.push(e));let d=e.maxFiles.value;d>0&&l.length>d&&(l=l.slice(0,d)),t.value=l,e.onChange(t.value,r);for(let e of u)t.value.includes(e)&&s(e)}function f(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 p(n,r,i){return e.disabled.value||!re(r,Qi(e.accept.value))||!Xi(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),s(r),!0)}function m(e){let t=a(e);return t.total<=0?0:Math.min(100,Math.round(t.loaded/t.total*100))}function h(e){let t=a(e);return[Zi(t.speedBps),ea(t)].filter(Boolean).join(` · `)}function g(e){let t=a(e).status;return t===`success`?`check`:t===`error`?`alert-circle`:`file`}function _(){u.dispose();for(let e of r.values())e.abort();r.clear(),n.clear()}return{addFiles:d,dispose:_,files:t,fileState:a,removeFile:f,replaceFile:p,retryUpload:c,statusIconName:g,uploadMetaText:h,uploadPercent:m}}var na=`@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][drag-over]) .dropzone,:host([variant=flat]) .dropzone:focus-visible{background:var(--file-input-focus-bg,color-mix(in oklch, var(--_theme-base) 8%, var(--color-canvas)));border-color:var(--file-input-focus-border-color,color-mix(in oklch, var(--_theme-focus) 60%, transparent));box-shadow:var(--_theme-shadow)}:host([variant=bordered]){--_bg:var(--file-input-bg,var(--_theme-backdrop));--_border-color:var(--file-input-border-color,color-mix(in oklch, var(--_theme-focus) 70%, transparent))}:host([variant=bordered]) .dropzone:hover{border-color:var(--file-input-hover-border-color,var(--_theme-focus))}:host([variant=outline]){--_bg:var(--file-input-bg,transparent)}:host([variant=ghost]){--_bg:var(--file-input-bg,transparent);--_border-color:var(--file-input-border-color,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)}`,ra=e=>e.type.startsWith(`image/`),ia=`ore-file-input`;a(ia,{formAssociated:!0,props:{accept:p.string(),color:p.string(),disabled:p.bool(!1),error:p.string(),gallery:p.bool(!1),helper:p.string(),label:p.string(),"max-files":p.number(0),"max-size":p.number(0),multiple:p.bool(!1),name:p.string(),ref:p.data(),required:p.bool(!1),size:p.string(),upload:p.data()},setup(e){let n=g(),i=T(!1),a=T(null),o=$(e,c(Q)),p=o.disabled,m=C(()=>e[`max-files`].value??0),_=C(()=>e[`max-size`].value??0),v=ta({accept:e.accept,disabled:p,maxFiles:m,maxSize:_,multiple:C(()=>!!e.multiple.value),onChange:(e,t)=>n(`change`,{files:e,originalEvent:t,value:e}),onRemove:(e,t,r)=>n(`remove`,{file:e,files:t,originalEvent:r,value:t}),onUploadError:(e,t)=>n(`upload-error`,{error:t,file:e}),onUploadProgress:(e,t,r)=>n(`upload-progress`,{file:e,loaded:t,total:r}),onUploadSuccess:e=>n(`upload-success`,{file:e}),upload:C(()=>e.upload.value??void 0)});l(()=>v.dispose()),B({disabled:p,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:v.files});let y=C(()=>!!e.error.value);t({attr:{"drag-over":()=>i.value?!0:void 0,invalid:()=>y.value?!0:void 0,size:o.size}});let b=r(`file-input`),x=`label-${b}`,w=`helper-${b}`,E=`error-${b}`,O=h(),k=h(),A=C(()=>{let t=[];e.accept.value&&t.push(e.accept.value.split(`,`).map(e=>e.trim()).join(`, `));let n=_.value;n>0&&t.push(`max ${Yi(n)}`);let r=m.value;return r>0&&t.push(`up to ${r} file${r===1?``:`s`}`),t.join(` · `)});function j(e){a.value=e,k.value?.click()}let M=new Map;function N(e){let t=M.get(e);return t||(t=URL.createObjectURL(e),M.set(e,t)),t}function P(e){let t=new Set(e);for(let[e,n]of M)t.has(e)||(URL.revokeObjectURL(n),M.delete(e))}return D(v.files,P),l(()=>{for(let e of M.values())URL.revokeObjectURL(e);M.clear()}),u(k,t=>ft(e.ref,t)),f(()=>{let e=k.value,t=O.value,n=!1,r=kt({disabled:p,onPress:()=>{e.click()}});d(e,`change`,e=>{let t=e.target,n=a.value;a.value=null,n&&t.files?.[0]?v.replaceFile(n,t.files[0],e):t.files?.length&&v.addFiles(Array.from(t.files),e),t.value=``}),d(t,`click`,t=>{if(t.target!==e){if(n){n=!1;return}p.value||e.click()}}),d(t,`keydown`,e=>{n=r.handleKeydown(e)&&e.key===`Enter`}),D(p,e=>{let n=ne({disabled:e,element:t,onDrop:e=>v.addFiles(e),onHoverChange:e=>{i.value=e}});return()=>n.dispose()},{immediate:!0})}),s`
|
|
2250
|
+
`},shadow:{delegatesFocus:!0},styles:[q,W,qi]});var Yi=e=>{if(e===0)return`0 B`;let t=1024,n=[`B`,`KB`,`MB`,`GB`,`TB`],r=Math.floor(Math.log(e)/Math.log(t));return`${parseFloat((e/t**r).toFixed(1))} ${n[r]}`},Xi=(e,t)=>!t||e.size<=t,Zi=e=>e>0?`${Yi(e)}/s`:``,Qi=e=>e?e.split(`,`).map(e=>e.trim()):[],$i={error:null,loaded:0,speedBps:0,status:`idle`},ea=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 ta(e){let t=C([]),n=new Map,r=new Map;function i(e){let t=n.get(e);return t||(t=C({...$i,total:e.size}),n.set(e,t)),t}function a(e){return i(e).value}function o(e,t){let n=i(e);n.value={...n.value,...t}}function s(t,n=0){if(e.disabled.value)return;let i=e.upload.value;if(!i)return;r.get(t)?.abort();let s=new AbortController;r.set(t,s),o(t,{error:null,loaded:n,speedBps:0,status:`uploading`,total:t.size});let c=performance.now(),l=n;i(t,{onProgress:(n,r)=>{if(s.signal.aborted)return;let i=performance.now(),u=(i-c)/1e3,d=u>0?Math.max(0,(n-l)/u):0,f=a(t).speedBps,p=f>0?f*.7+d*.3:d;c=i,l=n,o(t,{loaded:n,speedBps:p,total:r||t.size}),e.onUploadProgress(t,n,r||t.size)},resumeFrom:n,signal:s.signal}).then(()=>{s.signal.aborted||(o(t,{loaded:t.size,speedBps:0,status:`success`}),ln(`${t.name} uploaded successfully.`),e.onUploadSuccess(t))}).catch(n=>{if(s.signal.aborted)return;let r=n instanceof Error?n.message:String(n);o(t,{error:r,speedBps:0,status:`error`}),ln(`${t.name} failed to upload: ${r}`,{politeness:`assertive`}),e.onUploadError(t,n)})}function c(t){e.disabled.value||s(t,a(t).loaded)}function l(e){let t=new Set(e);for(let e of n.keys())t.has(e)||(r.get(e)?.abort(),r.delete(e),n.delete(e))}let u=T(t,l);function d(n,r){if(e.disabled.value)return;let i=e.multiple.value,a=Array.from(n);i||(a=a.slice(0,1));let o=Qi(e.accept.value),c=e.maxSize.value;a=a.filter(e=>re(e,o)&&Xi(e,c));let l=i?[...t.value]:[],u=[];for(let e of a)l.includes(e)||(l.push(e),u.push(e));let d=e.maxFiles.value;d>0&&l.length>d&&(l=l.slice(0,d)),t.value=l,e.onChange(t.value,r);for(let e of u)t.value.includes(e)&&s(e)}function f(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 p(n,r,i){return e.disabled.value||!re(r,Qi(e.accept.value))||!Xi(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),s(r),!0)}function m(e){let t=a(e);return t.total<=0?0:Math.min(100,Math.round(t.loaded/t.total*100))}function h(e){let t=a(e);return[Zi(t.speedBps),ea(t)].filter(Boolean).join(` · `)}function g(e){let t=a(e).status;return t===`success`?`check`:t===`error`?`alert-circle`:`file`}function _(){u.dispose();for(let e of r.values())e.abort();r.clear(),n.clear()}return{addFiles:d,dispose:_,files:t,fileState:a,removeFile:f,replaceFile:p,retryUpload:c,statusIconName:g,uploadMetaText:h,uploadPercent:m}}var na=`@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][drag-over]) .dropzone,:host([variant=flat]) .dropzone:focus-visible{background:var(--file-input-focus-bg,color-mix(in oklch, var(--_theme-base) 8%, var(--color-canvas)));border-color:var(--file-input-focus-border-color,color-mix(in oklch, var(--_theme-focus) 60%, transparent));box-shadow:var(--_theme-shadow)}:host([variant=bordered]){--_bg:var(--file-input-bg,var(--_theme-backdrop));--_border-color:var(--file-input-border-color,color-mix(in oklch, var(--_theme-focus) 70%, transparent))}:host([variant=bordered]) .dropzone:hover{border-color:var(--file-input-hover-border-color,var(--_theme-focus))}:host([variant=outline]){--_bg:var(--file-input-bg,transparent)}:host([variant=ghost]){--_bg:var(--file-input-bg,transparent);--_border-color:var(--file-input-border-color,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)}`,ra=e=>e.type.startsWith(`image/`),ia=`ore-file-input`;a(ia,{formAssociated:!0,props:{accept:p.string(),color:p.string(),disabled:p.bool(!1),error:p.string(),gallery:p.bool(!1),helper:p.string(),label:p.string(),"max-files":p.number(0),"max-size":p.number(0),multiple:p.bool(!1),name:p.string(),ref:p.data(),required:p.bool(!1),size:p.string(),upload:p.data()},setup(e){let n=_(),i=C(!1),a=C(null),o=$(e,c(Q)),p=o.disabled,m=x(()=>e[`max-files`].value??0),g=x(()=>e[`max-size`].value??0),v=ta({accept:e.accept,disabled:p,maxFiles:m,maxSize:g,multiple:x(()=>!!e.multiple.value),onChange:(e,t)=>n(`change`,{files:e,originalEvent:t,value:e}),onRemove:(e,t,r)=>n(`remove`,{file:e,files:t,originalEvent:r,value:t}),onUploadError:(e,t)=>n(`upload-error`,{error:t,file:e}),onUploadProgress:(e,t,r)=>n(`upload-progress`,{file:e,loaded:t,total:r}),onUploadSuccess:e=>n(`upload-success`,{file:e}),upload:x(()=>e.upload.value??void 0)});l(()=>v.dispose()),z({disabled:p,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:v.files});let y=x(()=>!!e.error.value);t({attr:{"drag-over":()=>i.value?!0:void 0,invalid:()=>y.value?!0:void 0,size:o.size}});let S=r(`file-input`),w=`label-${S}`,E=`helper-${S}`,D=`error-${S}`,O=h(),k=h(),A=x(()=>{let t=[];e.accept.value&&t.push(e.accept.value.split(`,`).map(e=>e.trim()).join(`, `));let n=g.value;n>0&&t.push(`max ${Yi(n)}`);let r=m.value;return r>0&&t.push(`up to ${r} file${r===1?``:`s`}`),t.join(` · `)});function j(e){a.value=e,k.value?.click()}let M=new Map;function N(e){let t=M.get(e);return t||(t=URL.createObjectURL(e),M.set(e,t)),t}function P(e){let t=new Set(e);for(let[e,n]of M)t.has(e)||(URL.revokeObjectURL(n),M.delete(e))}return T(v.files,P),l(()=>{for(let e of M.values())URL.revokeObjectURL(e);M.clear()}),u(k,t=>ft(e.ref,t)),f(()=>{let e=k.value,t=O.value,n=!1,r=kt({disabled:p,onPress:()=>{e.click()}});d(e,`change`,e=>{let t=e.target,n=a.value;a.value=null,n&&t.files?.[0]?v.replaceFile(n,t.files[0],e):t.files?.length&&v.addFiles(Array.from(t.files),e),t.value=``}),d(t,`click`,t=>{if(t.target!==e){if(n){n=!1;return}p.value||e.click()}}),d(t,`keydown`,e=>{n=r.handleKeydown(e)&&e.key===`Enter`}),T(p,e=>{let n=ne({disabled:e,element:t,onDrop:e=>v.addFiles(e),onHoverChange:e=>{i.value=e}});return()=>n.dispose()},{immediate:!0})}),s`
|
|
2251
2251
|
<div class="file-input-wrapper" part="wrapper">
|
|
2252
|
-
<label class="label-outside" id="${
|
|
2252
|
+
<label class="label-outside" id="${w}" part="label" ?hidden=${()=>!e.label.value}
|
|
2253
2253
|
>${e.label}</label
|
|
2254
2254
|
>
|
|
2255
2255
|
<div
|
|
@@ -2260,13 +2260,13 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2260
2260
|
:tabindex="${()=>p.value?`-1`:`0`}"
|
|
2261
2261
|
:aria-disabled="${()=>String(p.value)}"
|
|
2262
2262
|
:aria-label="${()=>e.label.value?null:`File upload drop zone`}"
|
|
2263
|
-
:aria-labelledby="${()=>e.label.value?
|
|
2264
|
-
aria-describedby="${
|
|
2263
|
+
:aria-labelledby="${()=>e.label.value?w:null}"
|
|
2264
|
+
aria-describedby="${E}">
|
|
2265
2265
|
<input
|
|
2266
2266
|
type="file"
|
|
2267
2267
|
ref=${k}
|
|
2268
2268
|
part="input"
|
|
2269
|
-
id="${
|
|
2269
|
+
id="${S}"
|
|
2270
2270
|
:accept="${e.accept}"
|
|
2271
2271
|
?multiple="${e.multiple}"
|
|
2272
2272
|
?required="${e.required}"
|
|
@@ -2282,8 +2282,8 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2282
2282
|
<!-- Signal 01: the copy itself shifts on drag-entry (not just border/glow) — a
|
|
2283
2283
|
static "Drop files here" during an active drag reads as if the drop target
|
|
2284
2284
|
hasn't noticed the file yet. -->
|
|
2285
|
-
${
|
|
2286
|
-
${
|
|
2285
|
+
${b(()=>i.value,()=>s`<span class="dropzone-title dropzone-title-active">Release to upload</span>`)}
|
|
2286
|
+
${b(()=>!i.value,()=>s`<span class="dropzone-title">Drop files here or <u>click to browse</u></span>`)}
|
|
2287
2287
|
<span class="dropzone-hint" ?hidden=${()=>!A.value}>${A}</span>
|
|
2288
2288
|
</div>
|
|
2289
2289
|
</div>
|
|
@@ -2302,21 +2302,21 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2302
2302
|
ref="${e=>{e&&(e.src=N(t))}}" />`:s`<span class="file-thumb file-thumb-generic" aria-hidden="true">
|
|
2303
2303
|
<ore-icon name="file" size="28" stroke-width="1.5" aria-hidden="true"></ore-icon>
|
|
2304
2304
|
</span>`}
|
|
2305
|
-
${
|
|
2305
|
+
${b(()=>v.fileState(t).status===`success`,()=>s`<span class="file-status-badge file-status-badge-success" aria-hidden="true">
|
|
2306
2306
|
<ore-icon name="check" size="11" stroke-width="3" aria-hidden="true"></ore-icon>
|
|
2307
2307
|
</span>`)}
|
|
2308
|
-
${
|
|
2308
|
+
${b(()=>v.fileState(t).status===`error`,()=>s`<span class="file-status-badge file-status-badge-error" aria-hidden="true">
|
|
2309
2309
|
<ore-icon name="alert-circle" size="12" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2310
2310
|
</span>`)}
|
|
2311
2311
|
<span class="file-card-actions">
|
|
2312
|
-
${
|
|
2312
|
+
${b(()=>v.fileState(t).status===`error`,()=>s`<button
|
|
2313
2313
|
class="file-card-action"
|
|
2314
2314
|
type="button"
|
|
2315
2315
|
aria-label="${`Retry uploading ${t.name}`}"
|
|
2316
2316
|
@click=${()=>v.retryUpload(t)}>
|
|
2317
2317
|
<ore-icon name="refresh-cw" size="12" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2318
2318
|
</button>`)}
|
|
2319
|
-
${
|
|
2319
|
+
${b(()=>v.fileState(t).status===`success`&&!!e.multiple.value&&!!e.upload.value,()=>s`<button
|
|
2320
2320
|
class="file-card-action"
|
|
2321
2321
|
type="button"
|
|
2322
2322
|
aria-label="${`Replace ${t.name}`}"
|
|
@@ -2333,7 +2333,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2333
2333
|
</span>
|
|
2334
2334
|
</span>
|
|
2335
2335
|
<span class="file-card-name" title="${t.name}">${t.name}</span>
|
|
2336
|
-
${
|
|
2336
|
+
${b(()=>v.fileState(t).status===`uploading`,()=>s`
|
|
2337
2337
|
<ore-progress
|
|
2338
2338
|
type="linear"
|
|
2339
2339
|
size="sm"
|
|
@@ -2341,7 +2341,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2341
2341
|
label=${()=>`${v.uploadPercent(t)}%`}></ore-progress>
|
|
2342
2342
|
<span class="file-progress-meta">${()=>v.uploadMetaText(t)}</span>
|
|
2343
2343
|
`)}
|
|
2344
|
-
${
|
|
2344
|
+
${b(()=>v.fileState(t).status===`error`,()=>s`<span class="file-error-text">${()=>v.fileState(t).error}</span>`)}
|
|
2345
2345
|
</li>
|
|
2346
2346
|
`:s`
|
|
2347
2347
|
<li class="file-item" data-status=${()=>v.fileState(t).status}>
|
|
@@ -2354,7 +2354,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2354
2354
|
</span>
|
|
2355
2355
|
<span class="file-meta">
|
|
2356
2356
|
<span class="file-name" title="${t.name}">${t.name}</span>
|
|
2357
|
-
${
|
|
2357
|
+
${b(()=>v.fileState(t).status===`uploading`,()=>s`
|
|
2358
2358
|
<ore-progress
|
|
2359
2359
|
type="linear"
|
|
2360
2360
|
size="sm"
|
|
@@ -2362,18 +2362,18 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2362
2362
|
label=${()=>`${v.uploadPercent(t)}%`}></ore-progress>
|
|
2363
2363
|
<span class="file-progress-meta">${()=>v.uploadMetaText(t)}</span>
|
|
2364
2364
|
`)}
|
|
2365
|
-
${
|
|
2366
|
-
${
|
|
2365
|
+
${b(()=>v.fileState(t).status===`error`,()=>s`<span class="file-error-text">${()=>v.fileState(t).error}</span>`)}
|
|
2366
|
+
${b(()=>v.fileState(t).status===`idle`||v.fileState(t).status===`success`,()=>s`<span class="file-size">${Yi(t.size)}</span>`)}
|
|
2367
2367
|
</span>
|
|
2368
2368
|
<span class="file-actions">
|
|
2369
|
-
${
|
|
2369
|
+
${b(()=>v.fileState(t).status===`error`,()=>s`<button
|
|
2370
2370
|
class="file-action"
|
|
2371
2371
|
type="button"
|
|
2372
2372
|
aria-label="${`Retry uploading ${t.name}`}"
|
|
2373
2373
|
@click=${()=>v.retryUpload(t)}>
|
|
2374
2374
|
<ore-icon name="refresh-cw" size="14" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
2375
2375
|
</button>`)}
|
|
2376
|
-
${
|
|
2376
|
+
${b(()=>v.fileState(t).status===`success`&&!!e.multiple.value&&!!e.upload.value,()=>s`<button
|
|
2377
2377
|
class="file-action"
|
|
2378
2378
|
type="button"
|
|
2379
2379
|
aria-label="${`Replace ${t.name}`}"
|
|
@@ -2391,19 +2391,19 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2391
2391
|
</li>
|
|
2392
2392
|
`)}
|
|
2393
2393
|
</ul>
|
|
2394
|
-
<div class="helper-text" id="${
|
|
2394
|
+
<div class="helper-text" id="${E}" part="helper" ?hidden=${()=>y.value||!e.helper.value}>
|
|
2395
2395
|
${e.helper}
|
|
2396
2396
|
</div>
|
|
2397
2397
|
<div
|
|
2398
2398
|
class="helper-text helper-text-error"
|
|
2399
|
-
id="${
|
|
2399
|
+
id="${D}"
|
|
2400
2400
|
role="alert"
|
|
2401
2401
|
part="error"
|
|
2402
2402
|
?hidden=${()=>!y.value}>
|
|
2403
2403
|
${()=>e.error.value??``}
|
|
2404
2404
|
</div>
|
|
2405
2405
|
</div>
|
|
2406
|
-
`},shadow:{delegatesFocus:!0},styles:[...Ae,K(ct),ve(`.dropzone`),na]});var aa=`@layer refine.base{:host{display:block}form{gap:var(--form-gap,var(--size-4,1rem));align-items:start;display:grid}}@layer refine.orientation{:host([orientation=horizontal]) form{flex-wrap:wrap;align-items:center;display:flex}}`,oa=`ore-form`;a(oa,{props:{disabled:p.bool(!1),novalidate:p.bool(!1),orientation:p.oneOf([`horizontal`,`vertical`],`vertical`),size:p.string(),validateOn:p.oneOf([`submit`,`change`,`blur`,`input`],`submit`),variant:p.string()},setup(e){let n=o(),r=
|
|
2406
|
+
`},shadow:{delegatesFocus:!0},styles:[...Ae,K(ct),ve(`.dropzone`),na]});var aa=`@layer refine.base{:host{display:block}form{gap:var(--form-gap,var(--size-4,1rem));align-items:start;display:grid}}@layer refine.orientation{:host([orientation=horizontal]) form{flex-wrap:wrap;align-items:center;display:flex}}`,oa=`ore-form`;a(oa,{props:{disabled:p.bool(!1),novalidate:p.bool(!1),orientation:p.oneOf([`horizontal`,`vertical`],`vertical`),size:p.string(),validateOn:p.oneOf([`submit`,`change`,`blur`,`input`],`submit`),variant:p.string()},setup(e){let n=o(),r=_(),i=n.shadowRoot;t({attr:{orientation:e.orientation}}),m(Q,{disabled:x(()=>!!e.disabled.value),size:e.size,validateOn:x(()=>e.validateOn.value??`submit`),variant:e.variant});function a(e){let t=e,n=i?.querySelector(`form`);if(!n)return;e.preventDefault();let a=new FormData(n);r(`submit`,{formData:a,originalEvent:t})}function c(e){r(`reset`,{originalEvent:e})}return s`
|
|
2407
2407
|
<form
|
|
2408
2408
|
part="form"
|
|
2409
2409
|
:novalidate="${e.novalidate}"
|
|
@@ -2412,7 +2412,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2412
2412
|
@reset="${c}">
|
|
2413
2413
|
<slot></slot>
|
|
2414
2414
|
</form>
|
|
2415
|
-
`},shadow:{delegatesFocus:!1},styles:[aa]});var sa=`@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{gap:var(--message-composer-gap,var(--_gap));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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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)}`,ca=`Send message`,la=`arrow-up`,ua=`ore-message-composer`;a(ua,{formAssociated:!0,props:{...J,...Y,...X,...Xe,"clear-on-send":p.bool(!0),error:p.string(),fullwidth:p.bool(!1),helper:p.string(),label:p.string(),maxlength:p.json(void 0),name:p.string(),placeholder:p.string(),readonly:p.bool(!1),ref:p.data(),required:p.bool(!1),rows:p.json(void 0),"send-icon":p.string(),"send-label":p.string(),"send-shortcut":p.oneOf([`enter`,`mod+enter`],`enter`),success:p.bool(!1),value:p.string(),variant:p.string()},setup(e){let n=
|
|
2415
|
+
`},shadow:{delegatesFocus:!1},styles:[aa]});var sa=`@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{gap:var(--message-composer-gap,var(--_gap));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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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)}`,ca=`Send message`,la=`arrow-up`,ua=`ore-message-composer`;a(ua,{formAssociated:!0,props:{...J,...Y,...X,...Xe,"clear-on-send":p.bool(!0),error:p.string(),fullwidth:p.bool(!1),helper:p.string(),label:p.string(),maxlength:p.json(void 0),name:p.string(),placeholder:p.string(),readonly:p.bool(!1),ref:p.data(),required:p.bool(!1),rows:p.json(void 0),"send-icon":p.string(),"send-label":p.string(),"send-shortcut":p.oneOf([`enter`,`mod+enter`],`enter`),success:p.bool(!1),value:p.string(),variant:p.string()},setup(e){let n=_(),r=v(),i=c(Q),a=$(e,i),o=a.disabled,d=Z(l),f=h(),p=dt(),m=Tt({disabled:o,error:e.error,helper:e.helper,maxLength:e.maxlength,onInput:(e,t)=>n(`input`,{originalEvent:e,value:t}),prefix:`composer`,readonly:e.readonly,required:e.required,signal:d,validateOn:i?.validateOn,value:e.value});m.attachFormField(z({disabled:m.disabled,onReset:()=>{m.reset(),p.recompute()},toFormValue:e=>e,validationMessage:m.validationMessage,validity:m.validity,value:m.value}));function g(t){n(`send`,{originalEvent:t,value:m.value.value.trim()})&&e[`clear-on-send`].value!==!1&&(m.clear(),p.recompute(),f.value?.focus())}let y=Mt({disabled:o,loading:x(()=>!!e.loading.value),onSend:g,sendShortcut:e[`send-shortcut`],value:m.value});return u(f,t=>{let n=m.wire(t),r=p.wire(t),i=ft(e.ref,t),a=e=>y.handleKeydown(e);return t.addEventListener(`keydown`,a),()=>{t.removeEventListener(`keydown`,a),n(),r(),i()}}),t({attr:{error:cr(m.errorText),size:a.size,success:()=>e.success.value&&!m.errorText.value?!0:void 0,variant:a.variant}}),s`
|
|
2416
2416
|
<div class="composer" part="composer">
|
|
2417
2417
|
<textarea
|
|
2418
2418
|
class="field"
|
|
@@ -2425,9 +2425,9 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2425
2425
|
?disabled="${o}"
|
|
2426
2426
|
?readonly="${()=>!!e.readonly.value}"
|
|
2427
2427
|
?required="${()=>!!e.required.value}"
|
|
2428
|
-
:value="${
|
|
2428
|
+
:value="${H(m.value)}"
|
|
2429
2429
|
:aria-label="${()=>e.label.value||`Message`}"
|
|
2430
|
-
:aria-keyshortcuts="${
|
|
2430
|
+
:aria-keyshortcuts="${y.keyShortcutsHint}"
|
|
2431
2431
|
:aria-describedby="${m.ariaDescribedBy}"
|
|
2432
2432
|
:aria-errormessage="${m.ariaErrorMessage}"
|
|
2433
2433
|
:aria-invalid="${m.ariaInvalid}"></textarea>
|
|
@@ -2449,14 +2449,14 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2449
2449
|
:size="${a.size}"
|
|
2450
2450
|
:label="${()=>e[`send-label`].value||ca}"
|
|
2451
2451
|
?loading="${()=>!!e.loading.value}"
|
|
2452
|
-
?disabled="${()=>!
|
|
2453
|
-
@click="${e=>
|
|
2452
|
+
?disabled="${()=>!y.canSend.value}"
|
|
2453
|
+
@click="${e=>y.send(e)}">
|
|
2454
2454
|
<ore-icon name="${()=>e[`send-icon`].value||la}" size="16"></ore-icon>
|
|
2455
2455
|
</ore-button>`}
|
|
2456
2456
|
</div>
|
|
2457
2457
|
</div>
|
|
2458
2458
|
</div>
|
|
2459
|
-
`},shadow:{delegatesFocus:!0},styles:[q,U,W,pe,_e,ve(`.field`),K(at),sa,De({container:`.composer`,text:`.field`,tokenPrefix:`message-composer`})]});var da=`@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}`,fa=`ore-number-input`;a(fa,{formAssociated:!0,props:{...J,...Y,...X,...Ze,error:p.string(),fullwidth:p.bool(!1),helper:p.string(),label:p.string(),"label-placement":p.oneOf([`inset`,`outside`],`inset`),"large-step":p.json(void 0),loading:p.bool(!1),max:p.json(void 0),min:p.json(void 0),name:p.string(),placeholder:p.string(),readonly:p.bool(!1),ref:p.data(),step:p.number(1),success:p.bool(!1),value:p.json(void 0),variant:p.string()},setup(e){let n=
|
|
2459
|
+
`},shadow:{delegatesFocus:!0},styles:[q,U,W,pe,_e,ve(`.field`),K(at),sa,De({container:`.composer`,text:`.field`,tokenPrefix:`message-composer`})]});var da=`@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}`,fa=`ore-number-input`;a(fa,{formAssociated:!0,props:{...J,...Y,...X,...Ze,error:p.string(),fullwidth:p.bool(!1),helper:p.string(),label:p.string(),"label-placement":p.oneOf([`inset`,`outside`],`inset`),"large-step":p.json(void 0),loading:p.bool(!1),max:p.json(void 0),min:p.json(void 0),name:p.string(),placeholder:p.string(),readonly:p.bool(!1),ref:p.data(),step:p.number(1),success:p.bool(!1),value:p.json(void 0),variant:p.string()},setup(e){let n=_(),r=y,i=$(e,c(Q)),a=x(()=>i.disabled.value||e.loading.value),o=x(()=>!!e.readonly.value),l=C(e.value.value==null?``:String(e.value.value));T(e.value,e=>{let t=e==null?``:String(e);l.value!==t&&(l.value=t)});function d(){let e=l.value.trim();if(!e)return null;let t=Number.parseFloat(e);return Number.isNaN(t)?null:t}function f(t,r){let i=e.min.value==null?void 0:Number(e.min.value),a=e.max.value==null?void 0:Number(e.max.value),o=t==null?null:P(t,i,a),s=o==null?``:String(o);l.value!==s&&(l.value=s),n(`change`,{originalEvent:r,value:o})}let p=Zt({commit:f,disabled:a,largeStep:e[`large-step`],max:e.max,min:e.min,parse:d,readonly:o,step:e.step}),m=h(),g=null,v=null,b=null,S=t=>{if(!t){g?.(),v?.(),b?.dispose(),g=null,v=null,b=null,e.ref.value?.(null);return}t.setAttribute(`inputmode`,`decimal`),t.setAttribute(`role`,`spinbutton`);let i=e=>{let t=e.target.value,n=t===``?null:Number.parseFloat(t);f(Number.isNaN(n??NaN)?null:n,e)},a=e=>{let t=e.target.value,r=t===``?null:Number.parseFloat(t);l.value=t,n(`input`,{originalEvent:e,value:Number.isNaN(r??NaN)?null:r})};t.addEventListener(`change`,i),t.addEventListener(`input`,a),v=()=>{t.removeEventListener(`change`,i),t.removeEventListener(`input`,a)},g=r(()=>{let n=d();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)),o.value?t.setAttribute(`aria-readonly`,`true`):t.removeAttribute(`aria-readonly`)}),e.ref.value?.(t),b=T(e.ref,e=>{e?.(t)})};u(m,e=>{e.ref=S}),t({attr:{size:i.size,value:()=>l.value||null,variant:i.variant}});let w=x(()=>a.value||o.value);return s`
|
|
2460
2460
|
<ore-input
|
|
2461
2461
|
class="field"
|
|
2462
2462
|
part="field control"
|
|
@@ -2483,7 +2483,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2483
2483
|
type="button"
|
|
2484
2484
|
part="decrement-btn"
|
|
2485
2485
|
aria-label="Decrease"
|
|
2486
|
-
?disabled="${()=>
|
|
2486
|
+
?disabled="${()=>w.value||p.atMin()}"
|
|
2487
2487
|
@click="${t=>p.incrementBy(-(Number(e.step.value)||1),t)}">
|
|
2488
2488
|
<ore-icon name="minus" size="14" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2489
2489
|
</button>
|
|
@@ -2492,12 +2492,12 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2492
2492
|
type="button"
|
|
2493
2493
|
part="increment-btn"
|
|
2494
2494
|
aria-label="Increase"
|
|
2495
|
-
?disabled="${()=>
|
|
2495
|
+
?disabled="${()=>w.value||p.atMax()}"
|
|
2496
2496
|
@click="${t=>p.incrementBy(Number(e.step.value)||1,t)}">
|
|
2497
2497
|
<ore-icon name="plus" size="14" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2498
2498
|
</button>
|
|
2499
2499
|
</ore-input>
|
|
2500
|
-
`},shadow:{delegatesFocus:!0},styles:[pe,da]});var pa=`@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)}}`,ma=`ore-otp-input`;a(ma,{formAssociated:!0,props:{...J,...Y,...X,label:p.string(`One-time password`),length:p.number(6),masked:p.bool(!1),name:p.string(),separator:p.string(),type:p.oneOf([`numeric`,`alphanumeric`],`numeric`),value:p.string(),variant:p.string()},setup(e){let n=o(),r=
|
|
2500
|
+
`},shadow:{delegatesFocus:!0},styles:[pe,da]});var pa=`@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)}}`,ma=`ore-otp-input`;a(ma,{formAssociated:!0,props:{...J,...Y,...X,label:p.string(`One-time password`),length:p.number(6),masked:p.bool(!1),name:p.string(),separator:p.string(),type:p.oneOf([`numeric`,`alphanumeric`],`numeric`),value:p.string(),variant:p.string()},setup(e){let n=o(),r=_(),i=$(e,c(Q)),a=x(()=>Number(e.length.value)||6),u=i.disabled,d=x(()=>Array.from({length:a.value},(e,t)=>t)),p=C(String(e.value.value||``)),m=()=>String(e.value.value||``);z({disabled:u,toFormValue:e=>e,value:p}),t({attr:{size:i.size,value:()=>p.value||null,variant:i.variant}});function h(){return[...n.shadowRoot?.querySelectorAll(`input.cell`)??[]]}let g=Vt({getItems:()=>h(),keys:{next:[`ArrowRight`],prev:[`ArrowLeft`]},loop:!1,onNavigate:(e,t)=>{h()[t]?.focus()},signal:Z(l)});function v(){return h().map(e=>e.value).join(``)}function y(e){let t=h(),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)}),p.value=v()}function b(e,t){let n=h(),i=v(),a=t??(i.length===n.length&&i.split(``).every(Boolean));p.value=i,r(`change`,{complete:a,originalEvent:e,value:i}),a&&r(`complete`,{originalEvent:e,value:i})}function S(t){return e.type.value===`numeric`?/^\d$/.test(t):/^[a-z\d]$/i.test(t)}function w(e,t){let n=e.target,r=n.value;if(r.length>1&&(r=r.slice(-1)),r&&!S(r)){n.value=``;return}n.value=r;let i=h();b(e),r&&t<i.length-1&&(i[t+1].focus(),i[t+1].select())}function E(e,t){let n=e.target,r=h();if(g.set(t),e.key===`Backspace`){if(n.value)n.value=``;else if(t>0){let e=r[g.navigate(`prev`)];e&&(e.select(),e.value=``)}b(e,!1),e.preventDefault()}else g.handleKeydown(e)}function D(e){e.preventDefault();let t=(e.clipboardData?.getData(`text`)??``).split(``).filter(e=>S(e)).slice(0,a.value),n=h();t.forEach((e,t)=>{n[t]&&(n[t].value=e)}),b(e),n[Math.min(t.length,n.length-1)]?.focus()}T(e.value,e=>{y(String(e||``))}),T(e.length,()=>{requestAnimationFrame(()=>y(m()))});let O=x(()=>{let t=Number(e.length.value)||6;return e.separator.value==null?-1:Math.floor(t/2)});return f(()=>{y(m())}),s`
|
|
2501
2501
|
<div class="otp-group" part="group" role="group" :aria-label="${e.label}">
|
|
2502
2502
|
${()=>d.value.map(t=>s`
|
|
2503
2503
|
${()=>O.value>0&&t===O.value?s`<span class="separator" aria-hidden="true">${()=>e.separator.value||`-`}</span>`:``}
|
|
@@ -2510,13 +2510,13 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2510
2510
|
:autocomplete="${()=>t===0?`one-time-code`:`off`}"
|
|
2511
2511
|
:aria-label="${()=>`Digit ${t+1} of ${a.value}`}"
|
|
2512
2512
|
:disabled="${()=>u.value?!0:null}"
|
|
2513
|
-
@input="${e=>
|
|
2514
|
-
@keydown="${e=>
|
|
2515
|
-
@paste="${e=>t===0?
|
|
2513
|
+
@input="${e=>w(e,t)}"
|
|
2514
|
+
@keydown="${e=>E(e,t)}"
|
|
2515
|
+
@paste="${e=>t===0?D(e):e.preventDefault()}"
|
|
2516
2516
|
@focus="${e=>e.target.select()}" />
|
|
2517
2517
|
`)}
|
|
2518
2518
|
</div>
|
|
2519
|
-
`},styles:[q,K({}),ve(`.cell`),pa,De({accentVar:`--_cell-focus-border`,container:`.cell`,tokenPrefix:`otp-cell`})]});var ha=`@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}}`,ga=n(`OreRadioGroup`),_a=`ore-radio-group`;a(_a,{formAssociated:!0,props:{...J,...Y,...X,error:p.string(),helper:p.string(),label:p.string(),name:p.string(),orientation:p.oneOf([`horizontal`,`vertical`],`vertical`),required:p.bool(!1),value:{...p.string(),reflect:!1}},setup(e){let n=o(),i=
|
|
2519
|
+
`},styles:[q,K({}),ve(`.cell`),pa,De({accentVar:`--_cell-focus-border`,container:`.cell`,tokenPrefix:`otp-cell`})]});var ha=`@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}}`,ga=n(`OreRadioGroup`),_a=`ore-radio-group`;a(_a,{formAssociated:!0,props:{...J,...Y,...X,error:p.string(),helper:p.string(),label:p.string(),name:p.string(),orientation:p.oneOf([`horizontal`,`vertical`],`vertical`),required:p.bool(!1),value:{...p.string(),reflect:!1}},setup(e){let n=o(),i=_(),a=v(),u=y,d=c(Q),f=$(e,d),p=Dt({disabled:f.disabled,error:e.error,helper:e.helper,label:e.label,prefix:`radio-group`,required:e.required,signal:Z(l),validateOn:d?.validateOn,value:e.value});p.attachFormField(z({disabled:p.disabled,onReset:p.reset,toFormValue:e=>e,validationMessage:p.validationMessage,validity:p.validity,value:p.formValue}));let h=p.selectedValue,g=f.disabled;t({attr:{size:f.size,value:()=>h.value||null}});let x=()=>gn(n,`ore-radio`),S=()=>g.value?[]:x().filter(e=>!e.hasAttribute(`disabled`)),C=e=>_n(x(),e),w=(e,t)=>{p.setValues(e?[e]:[]);let n=e?[C(e)]:[];i(`change`,{labels:n,originalEvent:t,values:e?[e]:[]}),p.triggerValidation(`blur`)};m(ga,{color:e.color,disabled:g,name:e.name,select:w,size:e.size,value:h}),u(()=>{a.elements().value,h.value;let t=x();for(let n of t){let t=n.getAttribute(`value`)??``;n.toggleAttribute(`checked`,t===h.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`,g.value)}}),u(()=>{a.elements().value;let e=x(),t=!1;for(let n of e){let e=n.getAttribute(`value`)===h.value;n.setAttribute(`tabindex`,e&&!g.value?`0`:`-1`),e&&!g.value&&(t=!0)}if(!t&&e.length>0){let t=e.find(e=>!e.hasAttribute(`disabled`));t&&t.setAttribute(`tabindex`,`0`)}});let T=Vt({getItems:S,keys:{next:[`ArrowDown`,`ArrowRight`],prev:[`ArrowUp`,`ArrowLeft`]},loop:!0,onNavigate:(e,t,n)=>{let r=S()[t];r&&(r.focus(),r.tagName===`ORE-RADIO`&&w(r.getAttribute(`value`)??``,n))},signal:Z(l)});t({on:{change:e=>{e.target!==n&&(e.stopPropagation(),w(e.target.getAttribute(`value`)??``,e))},keydown:e=>{let t=S();if(!t.length)return;let n=t.indexOf(document.activeElement);n!==-1&&(T.set(n),T.handleKeydown(e))}}});let E=r(`radio-group-legend`);return s`
|
|
2520
2520
|
<fieldset
|
|
2521
2521
|
role="radiogroup"
|
|
2522
2522
|
aria-required="${()=>String(!!e.required.value)}"
|
|
@@ -2524,7 +2524,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2524
2524
|
:aria-errormessage="${p.ariaErrorMessage}"
|
|
2525
2525
|
:aria-describedby="${p.ariaDescribedBy}">
|
|
2526
2526
|
<legend id="${E}" ?hidden=${()=>!e.label.value}>
|
|
2527
|
-
${e.label}${
|
|
2527
|
+
${e.label}${b(()=>!!e.required.value,()=>s`<span aria-hidden="true"> *</span>`)}
|
|
2528
2528
|
</legend>
|
|
2529
2529
|
<div class="radio-group-items" part="items">
|
|
2530
2530
|
<slot></slot>
|
|
@@ -2539,15 +2539,15 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2539
2539
|
${()=>p.errorText.value||p.helperText.value}
|
|
2540
2540
|
</div>
|
|
2541
2541
|
</fieldset>
|
|
2542
|
-
`},styles:[fe,ha]});var va=`@layer refine.base{:host{--_size:var(--radio-size,var(--size-5));--_font-size:var(--radio-font-size,var(--text-sm));--_bg:var(--radio-bg,var(--color-contrast-200));--_border:var(--radio-border-color,var(--color-contrast-300));gap:var(--_gap,var(--size-2));min-height:var(--_touch-target);cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex}.radio-wrapper{width:var(--_size);height:var(--_size);flex-shrink:0;display:block;position:relative}.circle{box-sizing:border-box;width:var(--_size);height:var(--_size);background:var(--_bg);border:var(--border-2) solid var(--_border);transition:background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:50%;position:relative}:host(:focus-visible) .circle{box-shadow:var(--_focus-shadow)}.dot{background:var(--_dot-color);opacity:0;width:50%;height:50%;transition:opacity var(--transition-spring), transform var(--transition-spring);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.label{font-size:var(--_font-size);color:var(--color-contrast)}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:calc(var(--_size) + var(--size-2))}.helper-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--_size) + var(--size-2))}.helper-text[role=alert]{color:var(--color-error)}}@layer refine.overrides{:host{--_active-bg:var(--radio-checked-bg,var(--_theme-base));--_dot-color:var(--radio-color,var(--_theme-contrast));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .circle{background:var(--_active-bg);border-color:var(--_active-bg)}:host([checked]) .dot{opacity:1;transform:translate(-50%,-50%)scale(1)}}`,ya=`ore-radio`;a(ya,{formAssociated:!0,props:{...J,...Y,...X,checked:p.bool(!1),error:p.string(),helper:p.string(),name:p.string(),value:p.string()},setup(e){let n=o(),r=
|
|
2542
|
+
`},styles:[fe,ha]});var va=`@layer refine.base{:host{--_size:var(--radio-size,var(--size-5));--_font-size:var(--radio-font-size,var(--text-sm));--_bg:var(--radio-bg,var(--color-contrast-200));--_border:var(--radio-border-color,var(--color-contrast-300));gap:var(--_gap,var(--size-2));min-height:var(--_touch-target);cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex}.radio-wrapper{width:var(--_size);height:var(--_size);flex-shrink:0;display:block;position:relative}.circle{box-sizing:border-box;width:var(--_size);height:var(--_size);background:var(--_bg);border:var(--border-2) solid var(--_border);transition:background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:50%;position:relative}:host(:focus-visible) .circle{box-shadow:var(--_focus-shadow)}.dot{background:var(--_dot-color);opacity:0;width:50%;height:50%;transition:opacity var(--transition-spring), transform var(--transition-spring);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.label{font-size:var(--_font-size);color:var(--color-contrast)}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:calc(var(--_size) + var(--size-2))}.helper-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--_size) + var(--size-2))}.helper-text[role=alert]{color:var(--color-error)}}@layer refine.overrides{:host{--_active-bg:var(--radio-checked-bg,var(--_theme-base));--_dot-color:var(--radio-color,var(--_theme-contrast));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .circle{background:var(--_active-bg);border-color:var(--_active-bg)}:host([checked]) .dot{opacity:1;transform:translate(-50%,-50%)scale(1)}}`,ya=`ore-radio`;a(ya,{formAssociated:!0,props:{...J,...Y,...X,checked:p.bool(!1),error:p.string(),helper:p.string(),name:p.string(),value:p.string()},setup(e){let n=o(),r=_(),i=c(ga),a=c(Q),u=$(e,a),d=x(()=>i?.name.value||e.name.value||``),f=x(()=>i?.size.value??u.size.value),p=x(()=>i?.color.value??e.color.value),m=x(()=>i?i.value.value===e.value.value:!!e.checked.value),h=()=>{let e=d.value;return e?Array.from(document.querySelectorAll(`ore-radio[name="${e}"]`)).filter(e=>!e.hasAttribute(`disabled`)):[]},g=(e,t)=>{if(i){i.select(e.getAttribute(`value`)??``,t);return}e.click()},v=Vt({direction:()=>Ut(n),getItems:()=>h(),loop:!0,onNavigate:(e,t,n)=>{let r=h()[t];r&&(r.focus(),g(r,n))},orientation:`both`,signal:Z(l)}),y=t=>{if(!b.checked.value){if(i){i.select(e.value.value??``,t);return}b.toggle(t??new Event(`change`))}},b=At({checked:m,disabled:x(()=>u.disabled.value||!!i?.disabled.value),error:e.error,helper:e.helper,onToggle:e=>{r(`change`,e)},prefix:`radio`,signal:Z(l),validateOn:a?.validateOn,value:e.value});b.attachFormField(z({disabled:b.disabled,toFormValue:e=>e,value:b.checkableFormValue}));let{assistiveId:S,checked:C,disabled:w,errorText:T,helperText:E,labelId:D,toggle:O}=b;return t({attr:{ariaChecked:()=>C.value?`true`:`false`,ariaDescribedby:()=>T.value||E.value?S:null,ariaDisabled:()=>w.value?`true`:null,ariaInvalid:()=>T.value?`true`:null,ariaLabelledby:D,checked:C,color:p,disabled:()=>w.value?!0:void 0,name:()=>d.value||void 0,role:`radio`,size:f,tabindex:()=>{if(!w.value)return C.value?0:-1}},class:()=>({"is-checked":C.value,"is-disabled":w.value}),on:{click:t=>{if(!w.value)if(i)i.select(e.value.value??``,t);else{if(!d.value)return;if(!C.value){let r=e.name.value;document.querySelectorAll(`ore-radio[name="${r}"]`).forEach(e=>{e!==n&&e.removeAttribute(`checked`)}),O(t)}}},keydown:e=>{if(e.key===` `||e.key===`Enter`){e.preventDefault(),y(e);return}let t=h();if(t.length===0)return;let r=t.indexOf(n);r!==-1&&(v.set(r),v.handleKeydown(e))}}}),s`
|
|
2543
2543
|
<div class="radio-wrapper" part="radio">
|
|
2544
2544
|
<div class="circle" part="circle">
|
|
2545
2545
|
<div class="dot" part="dot"></div>
|
|
2546
2546
|
</div>
|
|
2547
2547
|
</div>
|
|
2548
2548
|
<span class="label" part="label" id="${D}"><slot></slot></span>
|
|
2549
|
-
${dr(
|
|
2550
|
-
`},styles:[q,ye,fe,U,K(nt),va]});var ba=`@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}}`,xa=`ore-rating`;a(xa,{formAssociated:!0,props:{...J,...Y,...X,error:p.string(),helper:p.string(),label:p.string(`Rating`),max:p.number(5),name:p.string(),readonly:p.bool(!1),solid:p.bool(!1),value:p.number(0)},setup(e){let n=o(),i=
|
|
2549
|
+
${dr(S,T,E)}
|
|
2550
|
+
`},styles:[q,ye,fe,U,K(nt),va]});var ba=`@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}}`,xa=`ore-rating`;a(xa,{formAssociated:!0,props:{...J,...Y,...X,error:p.string(),helper:p.string(),label:p.string(`Rating`),max:p.number(5),name:p.string(),readonly:p.bool(!1),solid:p.bool(!1),value:p.number(0)},setup(e){let n=o(),i=_(),a=c(Q),l=$(e,a),u=x(()=>{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))}),d=z({disabled:l.disabled,value:x(()=>String(u.value||0))}),f=e=>{a?.validateOn?.value===e&&d.reportValidity()},p=r(`helper`),m=ht({error:e.error,helper:e.helper}),h=x(()=>m.value.errorText),g=x(()=>m.value.helperText),v=x(()=>h.value||g.value?p:null),y=x(()=>!e.readonly.value&&!l.disabled.value),b=C(null),S=x(()=>b.value??u.value),w=()=>[...n.shadowRoot?.querySelectorAll(`[data-star]`)??[]],T=Qt({max:x(()=>Number(e.max.value)||5),min:C(1),step:C(1)});function E(e){let t=n.shadowRoot?.querySelector(`.sparkle-layer`),r=n.shadowRoot?.querySelector(`[data-star="${e}"]`);if(!t||!r)return;let i=r.offsetLeft+r.offsetWidth/2,a=r.offsetTop+r.offsetHeight/2;for(let e=0;e<10;e++){let n=document.createElement(`span`),r=360/10*e+(Math.random()*30-15),o=18+Math.random()*20,s=3+Math.random()*4,c=380+Math.random()*220;n.className=`sparkle`,n.style.cssText=[`left:${i}px`,`top:${a}px`,`--_angle:${r}deg`,`--_dist:${o}px`,`width:${s}px`,`height:${s}px`,`--_dur:${c}ms`,`animation-delay:${Math.random()*60}ms`].join(`;`),t.appendChild(n),n.addEventListener(`animationend`,()=>n.remove(),{once:!0})}}function D(t,r){if(!y.value)return;let a=Math.max(1,Number(e.max.value)||5),o=Math.min(a,Math.max(0,t));o!==u.value&&(n.setAttribute(`value`,String(o)),i(`change`,{originalEvent:r,value:o}),f(`change`),E(o))}function O(e,t){let n=T.nextFromKey(e.key,t);n!=null&&(e.preventDefault(),D(n,e),w()[n-1]?.focus())}let k=x(()=>{let t=Number(e.max.value)||5;return Array.from({length:t},(e,t)=>t+1)});return t({attr:{size:l.size}}),s`
|
|
2551
2551
|
<div
|
|
2552
2552
|
class="stars"
|
|
2553
2553
|
part="stars"
|
|
@@ -2562,7 +2562,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2562
2562
|
:aria-label="${()=>`${e} ${e===1?`star`:`stars`}`}"
|
|
2563
2563
|
:aria-checked="${()=>String(e===u.value)}"
|
|
2564
2564
|
:data-star="${e}"
|
|
2565
|
-
?data-filled="${()=>e<=
|
|
2565
|
+
?data-filled="${()=>e<=S.value}"
|
|
2566
2566
|
:disabled="${()=>y.value?null:!0}"
|
|
2567
2567
|
@click="${t=>D(e,t)}"
|
|
2568
2568
|
@pointerenter="${()=>{y.value&&(b.value=e)}}"
|
|
@@ -2572,8 +2572,8 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2572
2572
|
</button>`)}
|
|
2573
2573
|
<div class="sparkle-layer"></div>
|
|
2574
2574
|
</div>
|
|
2575
|
-
${dr(p,h,
|
|
2576
|
-
`},styles:[q,K({}),U,W,ba]});var Sa=`@layer refine.base{:host{--_size:var(--slider-size,var(--size-5));--_height:var(--slider-height,var(--size-3));--_track:var(--slider-track-bg,var(--color-contrast-300));--_fill:var(--slider-fill,var(--color-neutral));--_thumb:var(--slider-thumb-bg,var(--color-contrast-100));--_thumb-size:calc(var(--_size) - var(--size-1));--_font-size:var(--text-sm);--_shadow:var(--color-neutral-focus-shadow);gap:var(--_gap,var(--size-3));touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;width:100%;display:inline-flex;position:relative}}.slider-container{width:100%;height:var(--_size);min-height:var(--_touch-target);flex:1;align-items:center;display:flex;position:relative}.slider-track{width:100%;height:var(--_height);background:var(--_track);border-radius:var(--rounded-full);position:relative}.slider-fill{top:0;left:var(--_fill-start,0%);width:var(--_fill-width,0%);background:var(--_fill);border-radius:var(--rounded-full);height:100%;transition:left var(--transition-normal), width var(--transition-normal);position:absolute}:host([data-dragging]) .slider-fill{transition:none}.slider-thumb{z-index:1;width:var(--_thumb-size);height:var(--_thumb-size);cursor:grab;background:var(--_thumb);border:2px solid var(--_fill);border-radius:var(--rounded-full);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal), transform var(--transition-fast), left var(--transition-normal);will-change:transform;position:absolute;top:50%;transform:translate(-50%,-50%)}:host([data-dragging]) .slider-thumb{transition:box-shadow var(--transition-normal), transform var(--transition-fast)}.slider-thumb-sole{left:var(--_thumb-pos,0%)}:host(:focus-visible) .slider-thumb-sole,:host(:active) .slider-thumb-sole{box-shadow:var(--_shadow);transform:translate(-50%,-50%)scale(1.1)}.slider-thumb-start{left:var(--_thumb-start,0%)}.slider-thumb-end{left:var(--_thumb-end,100%)}.slider-thumb-start:focus-visible,.slider-thumb-end:focus-visible{z-index:2;cursor:grabbing;outline:var(--border-2) solid var(--_fill);outline-offset:2px;box-shadow:var(--_shadow);transform:translate(-50%,-50%)scale(1.1)}:host(:not([range])) .slider-thumb-start,:host(:not([range])) .slider-thumb-end,:host([range]) .slider-thumb-sole{display:none}@media (forced-colors:active){:host(:focus-visible) .slider-thumb-sole{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}@layer refine.overrides{:host{--_fill:var(--slider-fill,var(--_theme-base));--_shadow:var(--_theme-shadow)}}.label{font-size:var(--_font-size);color:var(--color-contrast);white-space:nowrap}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text[role=alert]{color:var(--color-error)}@media (pointer:coarse){:host{--_thumb-size:calc(var(--_size) + var(--size-2));--_size:var(--size-7)}}`,Ca=(e,t)=>n=>{e()&&t(n)},wa=`ore-slider`;a(wa,{formAssociated:!0,props:{...J,...Y,...X,error:p.string(),from:p.number(0),"from-value-text":p.string(),helper:p.string(),max:p.number(100),min:p.number(0),name:p.string(),range:p.bool(!1),step:p.number(1),to:p.number(100),"to-value-text":p.string(),value:p.number(0),"value-text":p.string()},setup(n){let i=o(),a=
|
|
2575
|
+
${dr(p,h,g)}
|
|
2576
|
+
`},styles:[q,K({}),U,W,ba]});var Sa=`@layer refine.base{:host{--_size:var(--slider-size,var(--size-5));--_height:var(--slider-height,var(--size-3));--_track:var(--slider-track-bg,var(--color-contrast-300));--_fill:var(--slider-fill,var(--color-neutral));--_thumb:var(--slider-thumb-bg,var(--color-contrast-100));--_thumb-size:calc(var(--_size) - var(--size-1));--_font-size:var(--text-sm);--_shadow:var(--color-neutral-focus-shadow);gap:var(--_gap,var(--size-3));touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;width:100%;display:inline-flex;position:relative}}.slider-container{width:100%;height:var(--_size);min-height:var(--_touch-target);flex:1;align-items:center;display:flex;position:relative}.slider-track{width:100%;height:var(--_height);background:var(--_track);border-radius:var(--rounded-full);position:relative}.slider-fill{top:0;left:var(--_fill-start,0%);width:var(--_fill-width,0%);background:var(--_fill);border-radius:var(--rounded-full);height:100%;transition:left var(--transition-normal), width var(--transition-normal);position:absolute}:host([data-dragging]) .slider-fill{transition:none}.slider-thumb{z-index:1;width:var(--_thumb-size);height:var(--_thumb-size);cursor:grab;background:var(--_thumb);border:2px solid var(--_fill);border-radius:var(--rounded-full);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal), transform var(--transition-fast), left var(--transition-normal);will-change:transform;position:absolute;top:50%;transform:translate(-50%,-50%)}:host([data-dragging]) .slider-thumb{transition:box-shadow var(--transition-normal), transform var(--transition-fast)}.slider-thumb-sole{left:var(--_thumb-pos,0%)}:host(:focus-visible) .slider-thumb-sole,:host(:active) .slider-thumb-sole{box-shadow:var(--_shadow);transform:translate(-50%,-50%)scale(1.1)}.slider-thumb-start{left:var(--_thumb-start,0%)}.slider-thumb-end{left:var(--_thumb-end,100%)}.slider-thumb-start:focus-visible,.slider-thumb-end:focus-visible{z-index:2;cursor:grabbing;outline:var(--border-2) solid var(--_fill);outline-offset:2px;box-shadow:var(--_shadow);transform:translate(-50%,-50%)scale(1.1)}:host(:not([range])) .slider-thumb-start,:host(:not([range])) .slider-thumb-end,:host([range]) .slider-thumb-sole{display:none}@media (forced-colors:active){:host(:focus-visible) .slider-thumb-sole{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}@layer refine.overrides{:host{--_fill:var(--slider-fill,var(--_theme-base));--_shadow:var(--_theme-shadow)}}.label{font-size:var(--_font-size);color:var(--color-contrast);white-space:nowrap}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text[role=alert]{color:var(--color-error)}@media (pointer:coarse){:host{--_thumb-size:calc(var(--_size) + var(--size-2));--_size:var(--size-7)}}`,Ca=(e,t)=>n=>{e()&&t(n)},wa=`ore-slider`;a(wa,{formAssociated:!0,props:{...J,...Y,...X,error:p.string(),from:p.number(0),"from-value-text":p.string(),helper:p.string(),max:p.number(100),min:p.number(0),name:p.string(),range:p.bool(!1),step:p.number(1),to:p.number(100),"to-value-text":p.string(),value:p.number(0),"value-text":p.string()},setup(n){let i=o(),a=_(),u=v(),p=n.range.value,m=Qt({max:n.max,min:n.min,step:n.step}),g=c(Q),y=$(n,g),b=C(!1),S=y.disabled,w=C(void 0),E=r(`helper`),D=ht({error:n.error,helper:n.helper}),O=x(()=>D.value.errorText),k=x(()=>D.value.helperText),A=x(()=>O.value||k.value?E:null);t({attr:{"data-dragging":()=>b.value?!0:void 0,size:y.size}});let j,M=C(`0`);p||(j=z({disabled:S,value:M}),T(n.value,e=>{M.value=String(e)},{immediate:!0}),t({attr:{ariaDescribedby:()=>A.value??null,ariaDisabled:()=>S.value?`true`:null,ariaLabelledby:()=>w.value??null,ariaValuemax:()=>m.max(),ariaValuemin:()=>m.min(),ariaValuenow:()=>Number(M.value||0),ariaValuetext:()=>n[`value-text`].value??null,role:()=>`slider`,tabindex:()=>S.value?null:`0`}}));let N=C(0),P=C(100);p&&(j=z({disabled:S,toFormValue:({from:e,to:t})=>{let r=n.name.value;if(!r)return null;let i=new FormData;return i.append(`${r}[from]`,String(e)),i.append(`${r}[to]`,String(t)),i},value:x(()=>({from:N.value,to:P.value}))}),T(n.from,e=>{N.value=m.snap(Number(e))},{immediate:!0}),T(n.to,e=>{P.value=m.snap(Number(e))},{immediate:!0}));let F=h(),I=h(),L=h(),R=h(),ee=r(`slider-start`),B=r(`slider-end`),V=e=>{let t=m.toPercent(e);i.style.setProperty(`--_thumb-pos`,`${t}%`),i.style.setProperty(`--_fill-start`,`0%`),i.style.setProperty(`--_fill-width`,`${t}%`)},H=()=>{let e=m.toPercent(N.value),t=m.toPercent(P.value);i.style.setProperty(`--_thumb-start`,`${e}%`),i.style.setProperty(`--_thumb-end`,`${t}%`),i.style.setProperty(`--_fill-start`,`${e}%`),i.style.setProperty(`--_fill-width`,`${t-e}%`)},te=e=>{g?.validateOn?.value===e&&j?.reportValidity()},ne=t=>{H();let r=e=>{let n=t.getBoundingClientRect();return m.fromClientX(e,n)},i=null,o=e=>{i===`start`?N.value=Math.min(m.snap(e),P.value):i===`end`&&(P.value=Math.max(m.snap(e),N.value)),N.value=m.clamp(N.value),P.value=m.clamp(P.value),H(),a(`change`,{from:N.value,to:P.value,value:{from:N.value,to:P.value}}),te(`change`)};d(t,`pointerdown`,Ca(()=>!S.value,e=>{e.preventDefault();let t=r(e.clientX);i=Math.abs(t-N.value)<=Math.abs(t-P.value)?`start`:`end`,e.target.setPointerCapture(e.pointerId),o(t)})),d(t,`pointermove`,Ca(()=>!!i,e=>{e.preventDefault(),b.value||=!0,o(r(e.clientX))})),d(t,`pointerup`,Ca(()=>!!i,e=>{e.preventDefault(),i=null,b.value=!1,e.target.releasePointerCapture(e.pointerId)}));let s=(e,t)=>n=>{if(S.value)return;let r=m.nextFromKey(n.key,e());r!==null&&(n.preventDefault(),t(m.snap(r)),H(),a(`change`,{from:N.value,originalEvent:n,to:P.value,value:{from:N.value,to:P.value}}),te(`change`))},c=L.value,u=R.value;c&&(d(c,`keydown`,s(()=>N.value,e=>{N.value=Math.min(e,P.value)})),l(e(c,{label:`Range start`,valuemax:()=>P.value,valuemin:()=>m.min(),valuenow:()=>N.value,valuetext:()=>n[`from-value-text`].value??null}))),u&&(d(u,`keydown`,s(()=>P.value,e=>{P.value=Math.max(e,N.value)})),l(e(u,{label:`Range end`,valuemax:()=>m.max(),valuemin:()=>N.value,valuenow:()=>P.value,valuetext:()=>n[`to-value-text`].value??null})))},re=e=>{V(Number(M.value));let t=t=>{if(S.value)return;let n=e.getBoundingClientRect(),r=m.fromClientX(t,n);Number(M.value)!==r&&(M.value=r.toString(),V(r),a(`change`,{value:r}),te(`change`))},n=!1;d(e,`pointerdown`,Ca(()=>!S.value,e=>{e.preventDefault(),n=!0,t(e.clientX),e.target.setPointerCapture(e.pointerId)})),d(e,`pointermove`,Ca(()=>n,e=>{e.preventDefault(),b.value||=!0,t(e.clientX)})),d(e,`pointerup`,Ca(()=>n,e=>{e.preventDefault(),n=!1,b.value=!1,e.target.releasePointerCapture(e.pointerId)})),d(i,`keydown`,Ca(()=>!S.value,e=>{let t=Number(M.value||0),n=m.nextFromKey(e.key,t);if(n===null)return;e.preventDefault();let r=m.clamp(n);r!==t&&(M.value=r.toString(),V(r),a(`change`,{originalEvent:e,value:r}),te(`change`))}))};return f(()=>{let e=F.value;if(e){if(u.has().value&&I.value){let e=r(`slider-label`);I.value.id=e,p||(w.value=e)}p?ne(e):re(e)}}),s`
|
|
2577
2577
|
<div class="slider-container" part="slider" ref=${F}>
|
|
2578
2578
|
<div class="slider-track" part="track">
|
|
2579
2579
|
<div class="slider-fill" part="fill"></div>
|
|
@@ -2583,22 +2583,22 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2583
2583
|
part="thumb-start"
|
|
2584
2584
|
ref=${L}
|
|
2585
2585
|
role="slider"
|
|
2586
|
-
tabindex="${()=>
|
|
2586
|
+
tabindex="${()=>S.value?`-1`:`0`}"
|
|
2587
2587
|
:aria-describedby="${A}"
|
|
2588
|
-
id="${
|
|
2588
|
+
id="${ee}"></div>
|
|
2589
2589
|
<div
|
|
2590
2590
|
class="slider-thumb slider-thumb-end"
|
|
2591
2591
|
part="thumb-end"
|
|
2592
|
-
ref=${
|
|
2592
|
+
ref=${R}
|
|
2593
2593
|
role="slider"
|
|
2594
|
-
tabindex="${()=>
|
|
2594
|
+
tabindex="${()=>S.value?`-1`:`0`}"
|
|
2595
2595
|
:aria-describedby="${A}"
|
|
2596
|
-
id="${
|
|
2596
|
+
id="${B}"></div>
|
|
2597
2597
|
</div>
|
|
2598
2598
|
</div>
|
|
2599
2599
|
<span class="label" part="label" ref=${I}><slot></slot></span>
|
|
2600
|
-
${dr(
|
|
2601
|
-
`},styles:[fe,q,K(it),Sa,U]});var Ta=`@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;align-items:center;display:inline-flex}.switch-wrapper{flex-shrink:0;display:flex}.switch-track{width:var(--_width);height:var(--_height);background:var(--_track-bg);border-radius:var(--rounded-full);transition:background var(--transition-normal), box-shadow var(--transition-normal);position:relative}.switch-thumb{top:var(--_padding);width:var(--_thumb-size);height:var(--_thumb-size);background:var(--_thumb-bg);border-radius:var(--rounded-full);box-shadow:var(--shadow-sm);transition:transform var(--transition-spring), box-shadow var(--transition-normal);will-change:transform;position:absolute}.switch-thumb:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--_padding)}.switch-thumb:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_padding)}:host(:focus-visible) .switch-track{box-shadow:var(--_focus-shadow)}.label{font-size:var(--_font-size);color:var(--color-contrast)}}@layer refine.overrides{:host{--_active-bg:var(--switch-checked-bg,var(--_theme-base));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .switch-track{background:var(--_active-bg)}:host([checked]) .switch-thumb{transform:translateX(calc(var(--_width) - var(--_height)))}:host(:dir(rtl)[checked]) .switch-thumb{transform:translateX(calc(-1 * (var(--_width) - var(--_height))))}:host(:hover:not([disabled],[checked])) .switch-track{background:var(--color-contrast-400)}:host(:hover:not([disabled])[checked]) .switch-track{filter:brightness(1.1)}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:calc(var(--_width) + var(--size-2-5))}.helper-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--_width) + var(--size-2-5))}.helper-text[role=alert]{color:var(--color-error)}}`,Ea=`ore-switch`;a(Ea,{formAssociated:!0,props:{...J,...Y,...X,checked:p.bool(!1),error:p.string(),helper:p.string(),name:p.string(),value:p.string(`on`)},setup(e){let t=
|
|
2600
|
+
${dr(E,O,k)}
|
|
2601
|
+
`},styles:[fe,q,K(it),Sa,U]});var Ta=`@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;align-items:center;display:inline-flex}.switch-wrapper{flex-shrink:0;display:flex}.switch-track{width:var(--_width);height:var(--_height);background:var(--_track-bg);border-radius:var(--rounded-full);transition:background var(--transition-normal), box-shadow var(--transition-normal);position:relative}.switch-thumb{top:var(--_padding);width:var(--_thumb-size);height:var(--_thumb-size);background:var(--_thumb-bg);border-radius:var(--rounded-full);box-shadow:var(--shadow-sm);transition:transform var(--transition-spring), box-shadow var(--transition-normal);will-change:transform;position:absolute}.switch-thumb:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--_padding)}.switch-thumb:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_padding)}:host(:focus-visible) .switch-track{box-shadow:var(--_focus-shadow)}.label{font-size:var(--_font-size);color:var(--color-contrast)}}@layer refine.overrides{:host{--_active-bg:var(--switch-checked-bg,var(--_theme-base));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .switch-track{background:var(--_active-bg)}:host([checked]) .switch-thumb{transform:translateX(calc(var(--_width) - var(--_height)))}:host(:dir(rtl)[checked]) .switch-thumb{transform:translateX(calc(-1 * (var(--_width) - var(--_height))))}:host(:hover:not([disabled],[checked])) .switch-track{background:var(--color-contrast-400)}:host(:hover:not([disabled])[checked]) .switch-track{filter:brightness(1.1)}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:calc(var(--_width) + var(--size-2-5))}.helper-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--_width) + var(--size-2-5))}.helper-text[role=alert]{color:var(--color-error)}}`,Ea=`ore-switch`;a(Ea,{formAssociated:!0,props:{...J,...Y,...X,checked:p.bool(!1),error:p.string(),helper:p.string(),name:p.string(),value:p.string(`on`)},setup(e){let t=_(),n=c(Q),r=$(e,n),i=At({checked:e.checked,clearIndeterminateFirst:!1,disabled:r.disabled,error:e.error,helper:e.helper,onToggle:e=>{i.triggerValidation(`change`),t(`change`,e)},prefix:`switch`,signal:Z(l),validateOn:n?.validateOn,value:e.value});i.attachFormField(z({disabled:i.disabled,toFormValue:e=>e,value:i.checkableFormValue}));let{assistiveId:a,checked:o,disabled:u,errorText:d,handleClick:f,handleKeydown:p,helperText:m,labelId:h}=i;return lr(r.size,{assistiveId:a,checked:o,disabled:u,errorText:d,handleClick:f,handleKeydown:p,helperText:m,labelId:h},`switch`),s`
|
|
2602
2602
|
<div class="switch-wrapper" part="switch">
|
|
2603
2603
|
<div class="switch-track" part="track">
|
|
2604
2604
|
<div class="switch-thumb" part="thumb"></div>
|
|
@@ -2606,16 +2606,16 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2606
2606
|
</div>
|
|
2607
2607
|
<span class="label" part="label" id="${h}"><slot></slot></span>
|
|
2608
2608
|
${dr(a,d,m)}
|
|
2609
|
-
`},styles:[q,ye,fe,U,K(rt),Ta]});var Da=`@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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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)){left:var(--size-2)}.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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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)}`,Oa=`ore-textarea`;a(Oa,{formAssociated:!0,props:{...J,...Y,...X,...Ze,"auto-resize":p.bool(!1),error:p.string(),fullwidth:p.bool(!1),helper:p.string(),label:p.string(),"label-placement":p.oneOf([`inset`,`outside`],`inset`),loading:p.bool(!1),maxlength:p.json(void 0),name:p.string(),"no-resize":p.bool(!1),placeholder:p.string(),readonly:p.bool(!1),ref:p.data(),required:p.bool(!1),resize:p.string(),rows:p.json(void 0),success:p.bool(!1),value:p.string(),variant:p.string()},setup(e){let n=
|
|
2609
|
+
`},styles:[q,ye,fe,U,K(rt),Ta]});var Da=`@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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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)){left:var(--size-2)}.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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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)}`,Oa=`ore-textarea`;a(Oa,{formAssociated:!0,props:{...J,...Y,...X,...Ze,"auto-resize":p.bool(!1),error:p.string(),fullwidth:p.bool(!1),helper:p.string(),label:p.string(),"label-placement":p.oneOf([`inset`,`outside`],`inset`),loading:p.bool(!1),maxlength:p.json(void 0),name:p.string(),"no-resize":p.bool(!1),placeholder:p.string(),readonly:p.bool(!1),ref:p.data(),required:p.bool(!1),resize:p.string(),rows:p.json(void 0),success:p.bool(!1),value:p.string(),variant:p.string()},setup(e){let n=_(),r=y,i=c(Q),a=$(e,i),o=h(),d=dt({enabled:e[`auto-resize`]}),f=x(()=>a.disabled.value||e.loading.value),p=Z(l),m=Tt({disabled:f,error:e.error,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],maxLength:e.maxlength,onChange:(e,t)=>{n(`change`,{originalEvent:e,value:t})},onInput:(e,t)=>{n(`input`,{originalEvent:e,value:t})},prefix:`textarea`,readonly:e.readonly,required:e.required,signal:p,validateOn:i?.validateOn,value:e.value});m.attachFormField(z({disabled:m.disabled,onReset:()=>{m.reset(),requestAnimationFrame(()=>d.recompute())},toFormValue:e=>e,validationMessage:m.validationMessage,validity:m.validity,value:m.value}));let{ariaDescribedBy:g,ariaErrorMessage:v,ariaInvalid:b,ariaLabelledBy:S,assistiveId:C,counter:w,errorId:T,errorText:E,fieldId:D,helperText:O,labelId:k,labelVisible:A}=m;return u(o,t=>{let n=m.wire(t),i=d.wire(t),a=ft(e.ref,t),o=r(()=>{t.style.resize=e[`auto-resize`].value||e[`no-resize`].value?`none`:e.resize.value||`vertical`,requestAnimationFrame(()=>d.recompute())});return()=>{a(),n(),i(),o()}}),t({attr:{error:cr(E),size:a.size,success:()=>e.success.value&&!E.value?!0:void 0,variant:a.variant}}),s`
|
|
2610
2610
|
<div class="textarea-wrapper" part="wrapper">
|
|
2611
|
-
<label class="label" part="label" for="${
|
|
2611
|
+
<label class="label" part="label" for="${D}" id="${k}" ?hidden="${()=>!A.value}"
|
|
2612
2612
|
>${e.label}</label
|
|
2613
2613
|
>
|
|
2614
2614
|
<div class="field" part="field">
|
|
2615
2615
|
<textarea
|
|
2616
2616
|
part="textarea"
|
|
2617
2617
|
ref="${o}"
|
|
2618
|
-
id="${
|
|
2618
|
+
id="${D}"
|
|
2619
2619
|
:name="${e.name}"
|
|
2620
2620
|
:placeholder="${e.placeholder}"
|
|
2621
2621
|
:rows="${e.rows}"
|
|
@@ -2623,18 +2623,18 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2623
2623
|
?disabled="${f}"
|
|
2624
2624
|
?readonly="${e.readonly}"
|
|
2625
2625
|
?required="${e.required}"
|
|
2626
|
-
:value="${
|
|
2627
|
-
:aria-describedby="${
|
|
2628
|
-
:aria-errormessage="${
|
|
2629
|
-
:aria-invalid="${
|
|
2626
|
+
:value="${H(m.value)}"
|
|
2627
|
+
:aria-describedby="${g}"
|
|
2628
|
+
:aria-errormessage="${v}"
|
|
2629
|
+
:aria-invalid="${b}"
|
|
2630
2630
|
:aria-labelledby="${S}"
|
|
2631
2631
|
:aria-busy="${()=>e.loading.value?`true`:null}"></textarea>
|
|
2632
|
-
${fr(
|
|
2632
|
+
${fr(E)}
|
|
2633
2633
|
<span class="field-spinner" part="spinner" role="status" aria-label="Loading"></span>
|
|
2634
2634
|
</div>
|
|
2635
|
-
${pr({assistiveId:
|
|
2635
|
+
${pr({assistiveId:C,counter:w,errorId:T,errorText:E,helperText:O})}
|
|
2636
2636
|
</div>
|
|
2637
|
-
`},shadow:{delegatesFocus:!0},styles:[...Ae,K(tt),ve(`textarea`),Da,De({container:`.field`,text:`textarea`,tokenPrefix:`textarea`})]});var ka=`@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!important}.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 Aa(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 ja(e,t){return`${String(e).padStart(2,`0`)}:${String(t).padStart(2,`0`)}`}function Ma(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 ja(e,t)}function Na(e,t,n,r){let i=e*60+t,a=Aa(n),o=Aa(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 Pa=`ore-time-picker`;a(Pa,{formAssociated:!0,props:{...J,...Y,...X,...Ze,error:p.string(),fullwidth:p.bool(!1),helper:p.string(),label:p.string(),"label-placement":p.oneOf([`inset`,`outside`],`inset`),max:p.string(),min:p.string(),"minute-step":p.number(5),name:p.string(),placeholder:p.string(),required:p.bool(!1),success:p.bool(!1),"time-format":p.oneOf([`12`,`24`],`24`),value:p.string(),variant:p.string()},setup(e){let n=o(),r=
|
|
2637
|
+
`},shadow:{delegatesFocus:!0},styles:[...Ae,K(tt),ve(`textarea`),Da,De({container:`.field`,text:`textarea`,tokenPrefix:`textarea`})]});var ka=`@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!important}.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 Aa(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 ja(e,t){return`${String(e).padStart(2,`0`)}:${String(t).padStart(2,`0`)}`}function Ma(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 ja(e,t)}function Na(e,t,n,r){let i=e*60+t,a=Aa(n),o=Aa(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 Pa=`ore-time-picker`;a(Pa,{formAssociated:!0,props:{...J,...Y,...X,...Ze,error:p.string(),fullwidth:p.bool(!1),helper:p.string(),label:p.string(),"label-placement":p.oneOf([`inset`,`outside`],`inset`),max:p.string(),min:p.string(),"minute-step":p.number(5),name:p.string(),placeholder:p.string(),required:p.bool(!1),success:p.bool(!1),"time-format":p.oneOf([`12`,`24`],`24`),value:p.string(),variant:p.string()},setup(e){let n=o(),r=_(),i=C(!1),a=C(Aa(e.value.value)),l=h(),u=h(),d=Gt({getFloating:()=>u.value??null,getReference:()=>l.value??null,matchWidth:!1,offsetPx:4}),p=null,m=$(e,c(Q)),g=m.disabled;z({disabled:g,toFormValue:e=>e||null,value:x(()=>{let e=a.value;return e?ja(e.hours,e.minutes):``})});let v=x(()=>e[`time-format`].value??`24`),y=x(()=>Math.max(1,Math.min(59,e[`minute-step`].value??5))),b=x(()=>a.value?Ma(a.value.hours,a.value.minutes,v.value):e.placeholder.value||``),S=x(()=>v.value===`12`?Array.from({length:12},(e,t)=>t+1):Array.from({length:24},(e,t)=>t)),w=x(()=>{let e=y.value,t=[];for(let n=0;n<60;n+=e)t.push(n);return t}),T=`time-picker-${Math.random().toString(36).slice(2,9)}-dropdown`;function E(e){if(v.value===`24`)return e;let t=e%12;return t===0?12:t}function D(e,t){return v.value===`24`?e:t===`AM`?e===12?0:e:e===12?12:e+12}function O(t,n){let r=t*60+n,i=Aa(e.min.value),a=Aa(e.max.value);return!!(i&&r<i.hours*60+i.minutes||a&&r>a.hours*60+a.minutes)}let k=C(a.value?.hours??0),A=C(a.value?.minutes??0),j=C((a.value?.hours??0)>=12?`PM`:`AM`),M=e.value.value;f(()=>{let t=setInterval(()=>{let t=e.value.value;if(t!==M){M=t;let e=Aa(t);a.value=e,e&&(k.value=e.hours,A.value=e.minutes,j.value=e.hours>=12?`PM`:`AM`)}},50);return()=>clearInterval(t)});function N(t,n){let i=Na(t,n,e.min.value,e.max.value),o=Math.round(i.minutes/y.value)*y.value,s=Math.min(o,59);a.value={hours:i.hours,minutes:s},r(`change`,{value:ja(i.hours,s)})}function P(e){let t=v.value===`12`?D(k.value,j.value):k.value;A.value=e,N(t,e),I()}function F(){if(g.value)return;let e=a.value;e?(k.value=v.value===`12`?E(e.hours):e.hours,A.value=e.minutes,j.value=e.hours>=12?`PM`:`AM`):(k.value=v.value===`12`?12:0,A.value=0,j.value=`AM`),i.value=!0,d.update(),p=d.startAutoUpdate?.()??null}function I(){i.value=!1,p?.(),p=null}function L(){i.value?I():F()}function R(e){i.value&&(e.composedPath().includes(n)||I())}f(()=>(document.addEventListener(`pointerdown`,R,{capture:!0}),()=>{document.removeEventListener(`pointerdown`,R,{capture:!0}),p?.(),p=null}));function ee(e){g.value||(e.key===`Enter`||e.key===` `?(e.preventDefault(),L()):e.key===`Escape`&&i.value?(e.preventDefault(),I()):(e.key===`ArrowDown`||e.key===`ArrowUp`)&&!i.value&&(e.preventDefault(),F()))}function B(e){e.key===`Escape`&&(e.preventDefault(),I())}function V(e){let t=S.value,n=t.indexOf(k.value);e.key===`ArrowUp`?(e.preventDefault(),k.value=t[(n-1+t.length)%t.length]):e.key===`ArrowDown`&&(e.preventDefault(),k.value=t[(n+1)%t.length])}function H(e){let t=w.value,n=t.indexOf(A.value);e.key===`ArrowUp`?(e.preventDefault(),A.value=t[(n-1+t.length)%t.length]):e.key===`ArrowDown`&&(e.preventDefault(),A.value=t[(n+1)%t.length])}function te(e){(e.key===`ArrowUp`||e.key===`ArrowDown`)&&(e.preventDefault(),j.value=j.value===`AM`?`PM`:`AM`)}return t({attr:{open:()=>i.value?!0:void 0}}),s`
|
|
2638
2638
|
<!-- Trigger -->
|
|
2639
2639
|
<ore-input
|
|
2640
2640
|
class="trigger"
|
|
@@ -2643,9 +2643,9 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2643
2643
|
tabindex="0"
|
|
2644
2644
|
role="combobox"
|
|
2645
2645
|
aria-haspopup="listbox"
|
|
2646
|
-
aria-controls="${
|
|
2646
|
+
aria-controls="${T}"
|
|
2647
2647
|
:aria-expanded="${()=>String(i.value)}"
|
|
2648
|
-
:aria-disabled="${()=>
|
|
2648
|
+
:aria-disabled="${()=>g.value?`true`:null}"
|
|
2649
2649
|
:value="${()=>b.value}"
|
|
2650
2650
|
:label="${()=>e.label.value??``}"
|
|
2651
2651
|
:placeholder="${()=>e.placeholder.value??``}"
|
|
@@ -2656,12 +2656,12 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2656
2656
|
:rounded="${()=>e.rounded?.value??void 0}"
|
|
2657
2657
|
:helper="${()=>e.helper.value??``}"
|
|
2658
2658
|
:error="${()=>e.error.value??``}"
|
|
2659
|
-
?disabled="${()=>
|
|
2659
|
+
?disabled="${()=>g.value?!0:void 0}"
|
|
2660
2660
|
?required="${()=>e.required.value?!0:void 0}"
|
|
2661
2661
|
?fullwidth="${()=>e.fullwidth.value?!0:void 0}"
|
|
2662
2662
|
?success="${()=>e.success.value}"
|
|
2663
2663
|
@click="${L}"
|
|
2664
|
-
@keydown="${
|
|
2664
|
+
@keydown="${ee}">
|
|
2665
2665
|
<ore-icon slot="suffix" name="clock" size="16" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
2666
2666
|
</ore-input>
|
|
2667
2667
|
|
|
@@ -2669,17 +2669,17 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2669
2669
|
<div
|
|
2670
2670
|
class="dropdown"
|
|
2671
2671
|
ref="${u}"
|
|
2672
|
-
id="${
|
|
2672
|
+
id="${T}"
|
|
2673
2673
|
role="listbox"
|
|
2674
2674
|
aria-label="${()=>e.label.value?`${e.label.value} — select time`:`Select time`}"
|
|
2675
2675
|
?data-open="${i}"
|
|
2676
|
-
@keydown="${
|
|
2676
|
+
@keydown="${B}">
|
|
2677
2677
|
<div class="cols-row">
|
|
2678
2678
|
<!-- Hours column -->
|
|
2679
2679
|
<div class="col" part="column" role="group" aria-label="Hours">
|
|
2680
2680
|
<div class="col-label" aria-hidden="true">HH</div>
|
|
2681
2681
|
<div class="col-scroll">
|
|
2682
|
-
${()=>
|
|
2682
|
+
${()=>S.value.map(e=>{let t=O(v.value===`12`?D(e,j.value):e,A.value);return s`<div
|
|
2683
2683
|
class="option"
|
|
2684
2684
|
part="option"
|
|
2685
2685
|
role="option"
|
|
@@ -2688,7 +2688,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2688
2688
|
:aria-disabled="${()=>String(t)}"
|
|
2689
2689
|
?data-disabled="${()=>t}"
|
|
2690
2690
|
@click="${()=>{t||(k.value=e)}}"
|
|
2691
|
-
@keydown="${
|
|
2691
|
+
@keydown="${V}">
|
|
2692
2692
|
${String(e).padStart(2,`0`)}
|
|
2693
2693
|
</div>`})}
|
|
2694
2694
|
</div>
|
|
@@ -2700,7 +2700,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2700
2700
|
<div class="col" part="column" role="group" aria-label="Minutes">
|
|
2701
2701
|
<div class="col-label" aria-hidden="true">MM</div>
|
|
2702
2702
|
<div class="col-scroll">
|
|
2703
|
-
${()=>
|
|
2703
|
+
${()=>w.value.map(e=>{let t=O(v.value===`12`?D(k.value,j.value):k.value,e);return s`<div
|
|
2704
2704
|
class="option"
|
|
2705
2705
|
part="option"
|
|
2706
2706
|
role="option"
|
|
@@ -2709,7 +2709,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2709
2709
|
:aria-disabled="${()=>String(t)}"
|
|
2710
2710
|
?data-disabled="${()=>t}"
|
|
2711
2711
|
@click="${()=>{t||P(e)}}"
|
|
2712
|
-
@keydown="${
|
|
2712
|
+
@keydown="${H}">
|
|
2713
2713
|
${String(e).padStart(2,`0`)}
|
|
2714
2714
|
</div>`})}
|
|
2715
2715
|
</div>
|
|
@@ -2726,14 +2726,14 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2726
2726
|
tabindex="${()=>j.value===e?`0`:`-1`}"
|
|
2727
2727
|
:aria-selected="${()=>String(j.value===e)}"
|
|
2728
2728
|
@click="${()=>{j.value=e}}"
|
|
2729
|
-
@keydown="${
|
|
2729
|
+
@keydown="${te}">
|
|
2730
2730
|
${e}
|
|
2731
2731
|
</div>`)}
|
|
2732
2732
|
</div>
|
|
2733
2733
|
</div>`:s``}
|
|
2734
2734
|
</div>
|
|
2735
2735
|
</div>
|
|
2736
|
-
`},shadow:{delegatesFocus:!0},styles:[q,W,ka]});var Fa=`@layer refine.base{:host{--_bg:var(--box-bg,var(--color-canvas));--_color:var(--box-color,var(--color-contrast-900));--_border-width:var(--box-border,var(--border));--_border-color:var(--box-border-color,var(--color-divider));--_radius:var(--box-radius,var(--rounded-lg));--_padding:var(--box-padding,var(--size-4));--_shadow:var(--box-shadow,var(--shadow-sm));display:block;position:relative}.box{box-sizing:border-box;width:100%;height:100%;padding:var(--_padding);color:var(--_color);background:var(--_bg);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:backdrop-filter var(--transition-fast), box-shadow var(--transition-normal), background var(--transition-normal), border-color var(--transition-normal);position:relative}}@layer refine.variants{:host([color]){--_bg:var(--box-bg,var(--_theme-backdrop));--_border-color:var(--box-border-color,var(--_theme-border))}:host([variant=flat]){--_shadow:none}:host([variant=glass]:not([color])){--_bg:color-mix(in oklch, var(--color-secondary) 20%, transparent);--_border-color:color-mix(in oklch, var(--color-secondary-contrast) 15%, transparent)}:host([variant=glass][color]){--_bg:color-mix(in oklch, var(--_theme-base) 20%, transparent);--_border-color:color-mix(in oklch, var(--_theme-contrast) 15%, transparent);--_color:var(--_theme-content)}:host([variant=glass]) .box{box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([color]:not([variant=glass],[variant=frost]):hover){--_bg:color-mix(in oklch, var(--_theme-base) 16%, var(--color-contrast-50));--_border-color:var(--_theme-focus)}}@layer refine.utilities{:host([fullwidth]){width:100%}}`,Ia=`ore-box`;a(Ia,{props:{color:p.string(),effect:p.string(),elevation:p.number(),fullwidth:p.bool(),padding:p.string(),rounded:p.string(),variant:p.string()},setup(){return s`<div class="box" part="box"><slot></slot></div>`},styles:[...ke,Ee(`.box`),we(`.box`),Fa]});var La=`@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}}`,Ra=`ore-grid-item`;a(Ra,{props:{align:p.string(),area:p.string(),col:p.string(),colSpan:p.string(),justify:p.string(),row:p.string(),rowSpan:p.string()},setup(e){let n=C(()=>{let t=e.col.value,n=e.colSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)}),r=C(()=>{let t=e.row.value,n=e.rowSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)});return t({style:{gridArea:e.area,gridColumn:n,gridRow:r}}),s`<slot></slot>`},styles:[La]});var za=`@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%}}`,Ba=[[`cols2xl`,`--size-screen-2xl`],[`colsXl`,`--size-screen-xl`],[`colsLg`,`--size-screen-lg`],[`colsMd`,`--size-screen-md`],[`colsSm`,`--size-screen-sm`]],Va=[[`areas2xl`,`--size-screen-2xl`],[`areasXl`,`--size-screen-xl`],[`areasLg`,`--size-screen-lg`],[`areasMd`,`--size-screen-md`],[`areasSm`,`--size-screen-sm`]],Ha=(e,t,n)=>{let r=getComputedStyle(e).getPropertyValue(t).trim(),i=Number.parseFloat(r);return Number.isFinite(i)?i:n},Ua={"--size-screen-2xl":1536,"--size-screen-lg":1024,"--size-screen-md":768,"--size-screen-sm":640,"--size-screen-xl":1280},Wa=`ore-grid`;a(Wa,{props:{align:p.string(),areas:p.string(),areas2xl:p.string(),areasLg:p.string(),areasMd:p.string(),areasSm:p.string(),areasXl:p.string(),cols:p.string(),cols2xl:p.string(),colsLg:p.string(),colsMd:p.string(),colsSm:p.string(),colsXl:p.string(),flow:p.string(),fullwidth:p.bool(!1),gap:p.string(),justify:p.string(),minColWidth:p.string(),responsive:p.bool(!1),rows:p.string()},setup(e){let t=o(),n=v,r=(e,t,n)=>e===`auto`||!e&&t?`repeat(auto-fit, minmax(${n||`250px`}, 1fr))`:e?`repeat(${e}, 1fr)`:null,i=()=>{let n=t.offsetWidth,i=!!e.responsive.value,a=e.minColWidth.value??``,o;for(let[r,i]of Ba)if(n>=Ha(t,i,Ua[i])&&e[r].value){o=e[r].value;break}o||=e.cols.value||void 0;let s=r(o,i,a);s?t.style.setProperty(`--_cols`,s):t.style.removeProperty(`--_cols`)};n(()=>{e.cols.value,e.colsSm.value,e.colsMd.value,e.colsLg.value,e.colsXl.value,e.cols2xl.value,e.responsive.value,e.minColWidth.value,i()});let a=()=>{let n=t.offsetWidth,r=``;for(let[i,a]of Va)if(n>=Ha(t,a,Ua[a])&&e[i].value){r=e[i].value;break}r||=e.areas.value||``,r?t.style.setProperty(`grid-template-areas`,r):t.style.removeProperty(`grid-template-areas`)};return n(()=>{let n=e.rows.value;n&&n!==`auto`?t.style.setProperty(`--_rows`,`repeat(${n}, 1fr)`):t.style.removeProperty(`--_rows`)}),n(()=>{e.areas.value,e.areasSm.value,e.areasMd.value,e.areasLg.value,e.areasXl.value,e.areas2xl.value,a()}),f(()=>{let e=H(t);n(()=>{e.value,i(),a()})}),s`<slot></slot>`},styles:[za]});var Ga=`@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);-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transition:var(--_motion-transition,background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal));border-left:none;border-radius:0;flex-wrap:nowrap;align-items:center;margin-left:auto;margin-right:auto;display:flex;overflow:auto hidden}:host([data-mode=floating]) .navbar{border-top:var(--border) solid var(--_navbar-border-color);border-right:var(--border) solid var(--_navbar-border-color);border-bottom:var(--border) solid var(--_navbar-border-color);border-left:var(--border) solid var(--_navbar-border-color);border-radius:var(--_navbar-radius)}:host([data-mode=sticky]) .navbar,:host([floating][sticky][data-scrolled]) .navbar{border-left:none;border-right:none;border-radius:0;max-width:100%}:host([data-mode-transitioning][data-mode=sticky]) .navbar{animation:navbar-floating-to-sticky var(--transition-normal) var(--ease-in-out)}:host([data-mode-transitioning][data-mode=floating]) .navbar{animation:navbar-sticky-to-floating var(--transition-normal) var(--ease-in-out)}.navbar-logo,.navbar-start,.navbar-center,.navbar-end{white-space:nowrap;align-items:center;min-width:0;display:flex}.navbar-logo{flex:none}.navbar-start{gap:var(--size-1);flex:none}.navbar-center{gap:var(--size-1);flex:0 auto;justify-content:flex-start;min-width:0;display:flex}.navbar-end{gap:var(--size-1);flex:none}.navbar-end:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.navbar-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.mobile-toggle{width:var(--size-9);height:var(--size-9);color:var(--color-contrast-700);cursor:pointer;border:var(--border) solid transparent;border-radius:var(--rounded-md);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.mobile-toggle:hover{color:var(--color-contrast-900);background:var(--color-contrast-100);border-color:var(--color-contrast-200)}.mobile-toggle:focus-visible{outline:var(--focus-ring)}.mobile-menu-panel{z-index:1;box-sizing:border-box;width:100%;max-width:var(--_navbar-width);padding:var(--size-2);background:var(--_navbar-bg);border:var(--border) solid var(--_navbar-border-color);border-radius:var(--rounded-lg);box-shadow:var(--_shadow,var(--_navbar-shadow));-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transform-origin:top;animation:navbar-mobile-in var(--transition-fast) var(--ease-out);margin-top:var(--size-2);margin-left:auto;margin-right:auto;display:none;position:relative}:host([data-mobile][data-mobile-open]) .mobile-menu-panel: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([navbar-mobile]){width:100%;display:block}:host([navbar-mobile]) .item{justify-content:flex-start;width:100%;display:flex}}@layer refine.variants{:host([variant=flat]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 88%, transparent);--_navbar-shadow:none}:host([variant=bordered]){--_navbar-bg:var(--color-canvas);--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 32%, transparent)}:host([variant=outline]){--_navbar-bg:transparent;--_navbar-shadow:none;--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 40%, transparent)}:host([variant=glass]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 70%, transparent);--navbar-backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([color]){--_navbar-border-color:color-mix(in oklch, var(--_theme-border) 30%, transparent)}}@media (width<=768px){@layer refine.base{:host([data-mode=floating]){inset-inline:var(--size-2);top:var(--size-2)}:host([floating][sticky][data-scrolled]){top:0;left:0;right:0}}}`,Ka=(e,t,n,r)=>e?(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)):()=>{},qa=e=>!(e instanceof HTMLElement)||e.tagName.includes(`-`)||e.childElementCount>0?!0:(e.textContent??``).trim().length>0,Ja=e=>{let t=String(e??``).trim();if(!t)return;let n=/max-width\s*:\s*([0-9]+(?:\.[0-9]+)?)px/i.exec(t);if(!n)return;let r=Number.parseFloat(n[1]);return Number.isFinite(r)?r:void 0},Ya=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},Xa=e=>{let t=Ya(e)?.clientWidth??0;return t>0?t:e.offsetWidth},Za=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},Qa=n(`NavbarContext`),$a=`ore-navbar`;a($a,{props:{breakpoint:p.string(`(max-width: 768px)`),color:p.string(),"container-breakpoints":p.bool(!1),elevation:p.number(),floating:p.bool(!1),label:p.string(`Main navigation`),"mobile-sidebar":p.string(),rounded:p.string(),"scroll-threshold":p.number(80),sticky:p.bool(!1),variant:p.string()},setup(e){let n=o(),r=g(),i=_(),a=()=>i.has(`logo`).value,c=()=>i.elements(`mobile-menu`).value.some(qa),l=T(null),u=T(!1),d=T(!1),p=T(!1),h=T(!1),v=T(!1),y=T(!1),b=T(0),x=T(!1),S=T(!1),w=T(Ja(e.breakpoint.value)),E=T(!1),O=()=>{let t=String(e[`mobile-sidebar`].value??``).trim();if(!t)return null;let r=n.getRootNode();return(r instanceof ShadowRoot||r instanceof Document?r.querySelector(t):null)??document.querySelector(t)};m(Qa,{closeMobileMenu:()=>j(),isMobile:C(()=>p.value),mobileMenuOpen:C(()=>h.value)});let k=()=>{if(e.floating.value&&e.sticky.value)return y.value?`sticky`:`floating`;if(e.floating.value)return`floating`;if(e.sticky.value)return`sticky`},A=e=>{let t=!!e;if(!c()){let e=l.value??O();if(e){t?e.openMobile?.():e.closeMobile?.();return}}t&&!c()||h.value!==t&&(h.value=t,r(`mobile-menu-change`,{open:t}))},j=()=>A(!1),M=()=>A(!0),N=()=>{if(!c()){let e=l.value??O();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}}A(!h.value)},P=()=>{let e=(l.value&&!c()?u.value:!1)||x.value||S.value;p.value=e,e||j()},F=e=>e?e.scrollTop||0:window.scrollY||document.documentElement.scrollTop||0,I=e=>{b.value=F(e)},L=(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=F(t)-b.value;y.value=r>n};return t({attr:{"data-mobile":()=>p.value?!0:void 0,"data-mobile-open":()=>p.value&&h.value?!0:void 0,"data-mode":()=>k()??null,"data-mode-transitioning":()=>v.value?!0:void 0,"data-preview-mode":()=>E.value?!0:void 0,"data-scrolled":()=>e.floating.value&&e.sticky.value&&y.value?!0:void 0}}),f(()=>{let t=n,r=Za(n);t.closeMobileMenu=j,t.openMobileMenu=M,t.toggleMobileMenu=N;let i=Ka(window,`scroll`,()=>{L(r)},{passive:!0}),a=r?Ka(r,`scroll`,()=>{L(r)},{passive:!0}):void 0,o=Ka(n,`keydown`,e=>{e.key!==`Escape`||!h.value||j()}),s,f,p,m,g=()=>{f?.(),f=void 0,l.value=null,u.value=!1,d.value=!1;let e=O();if(!e)return;let t=t=>{let n=e.hasAttribute(`data-bottom-nav`),r=e.hasAttribute(`data-mobile-open`);u.value=n,d.value=t?.detail?t.detail.open:r,d.value&&!u.value&&(u.value=!0),P()},n=new MutationObserver(()=>{t()});t(),n.observe(e,{attributeFilter:[`data-bottom-nav`,`data-mobile-open`],attributes:!0}),e.addEventListener(`mobile-open-change`,t),f=()=>{n.disconnect(),e.removeEventListener(`mobile-open-change`,t)},l.value=e},_=()=>{v.value=!0,p!=null&&clearTimeout(p),p=setTimeout(()=>{v.value=!1,p=void 0},220)},b=D(C(()=>e.floating.value&&e.sticky.value),e=>{if(!e){y.value&&=!1,v.value&&=!1,m=void 0,p!=null&&(clearTimeout(p),p=void 0);return}I(r),L(r),m=k()},{immediate:!0}),T=D(e[`mobile-sidebar`],()=>{g()},{immediate:!0}),A=D(C(()=>k()),t=>{if(!(e.floating.value&&e.sticky.value)){m=t??void 0;return}let n=t??void 0;m&&n&&m!==n&&_(),m=n},{immediate:!0}),F=D(C(()=>c()),e=>{!e&&h.value&&j()},{immediate:!0});D(e.breakpoint,t=>{s?.(),s=void 0;let r=String(t??``).trim();w.value=Ja(r),x.value=!1;let i=Xa(n);if(S.value=i>0&&w.value!=null?i<=w.value:!1,P(),e[`container-breakpoints`].value&&w.value!=null||!r||typeof window.matchMedia!=`function`)return;let a=window.matchMedia(r),o=e=>{x.value=e,P()},c=e=>{o(e.matches)};o(a.matches),a.addEventListener(`change`,c),s=()=>{a.removeEventListener(`change`,c)}},{immediate:!0});let ee=typeof ResizeObserver==`function`?(()=>{let e=H(n),t=n.parentElement,r=Ya(n),i=t?H(t):void 0,a=r&&r!==t?H(r):void 0;return D(C(()=>[e.value.width,e.value.height,i?.value.width,i?.value.height,a?.value.width,a?.value.height]),()=>{let e=Xa(n),t=Ya(n)?.clientWidth??0;S.value=e>0&&w.value!=null?e<=w.value:!1,E.value=t>0&&t<window.innerWidth,P()})})():void 0;return()=>{o?.(),i?.(),a?.(),b?.dispose(),A?.dispose(),F?.dispose(),T?.dispose(),s?.(),f?.(),ee?.dispose(),p!=null&&(clearTimeout(p),p=void 0)}}),s`
|
|
2736
|
+
`},shadow:{delegatesFocus:!0},styles:[q,W,ka]});var Fa=`@layer refine.base{:host{--_bg:var(--box-bg,var(--color-canvas));--_color:var(--box-color,var(--color-contrast-900));--_border-width:var(--box-border,var(--border));--_border-color:var(--box-border-color,var(--color-divider));--_radius:var(--box-radius,var(--rounded-lg));--_padding:var(--box-padding,var(--size-4));--_shadow:var(--box-shadow,var(--shadow-sm));display:block;position:relative}.box{box-sizing:border-box;width:100%;height:100%;padding:var(--_padding);color:var(--_color);background:var(--_bg);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:backdrop-filter var(--transition-fast), box-shadow var(--transition-normal), background var(--transition-normal), border-color var(--transition-normal);position:relative}}@layer refine.variants{:host([color]){--_bg:var(--box-bg,var(--_theme-backdrop));--_border-color:var(--box-border-color,var(--_theme-border))}:host([variant=flat]){--_shadow:none}:host([variant=glass]:not([color])){--_bg:color-mix(in oklch, var(--color-secondary) 20%, transparent);--_border-color:color-mix(in oklch, var(--color-secondary-contrast) 15%, transparent)}:host([variant=glass][color]){--_bg:color-mix(in oklch, var(--_theme-base) 20%, transparent);--_border-color:color-mix(in oklch, var(--_theme-contrast) 15%, transparent);--_color:var(--_theme-content)}:host([variant=glass]) .box{box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([color]:not([variant=glass],[variant=frost]):hover){--_bg:color-mix(in oklch, var(--_theme-base) 16%, var(--color-contrast-50));--_border-color:var(--_theme-focus)}}@layer refine.utilities{:host([fullwidth]){width:100%}}`,Ia=`ore-box`;a(Ia,{props:{color:p.string(),effect:p.string(),elevation:p.number(),fullwidth:p.bool(),padding:p.string(),rounded:p.string(),variant:p.string()},setup(){return s`<div class="box" part="box"><slot></slot></div>`},styles:[...ke,Ee(`.box`),we(`.box`),Fa]});var La=`@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}}`,Ra=`ore-grid-item`;a(Ra,{props:{align:p.string(),area:p.string(),col:p.string(),colSpan:p.string(),justify:p.string(),row:p.string(),rowSpan:p.string()},setup(e){let n=x(()=>{let t=e.col.value,n=e.colSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)}),r=x(()=>{let t=e.row.value,n=e.rowSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)});return t({style:{gridArea:e.area,gridColumn:n,gridRow:r}}),s`<slot></slot>`},styles:[La]});var za=`@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%}}`,Ba=[[`cols2xl`,`--size-screen-2xl`],[`colsXl`,`--size-screen-xl`],[`colsLg`,`--size-screen-lg`],[`colsMd`,`--size-screen-md`],[`colsSm`,`--size-screen-sm`]],Va=[[`areas2xl`,`--size-screen-2xl`],[`areasXl`,`--size-screen-xl`],[`areasLg`,`--size-screen-lg`],[`areasMd`,`--size-screen-md`],[`areasSm`,`--size-screen-sm`]],Ha=(e,t,n)=>{let r=getComputedStyle(e).getPropertyValue(t).trim(),i=Number.parseFloat(r);return Number.isFinite(i)?i:n},Ua={"--size-screen-2xl":1536,"--size-screen-lg":1024,"--size-screen-md":768,"--size-screen-sm":640,"--size-screen-xl":1280},Wa=`ore-grid`;a(Wa,{props:{align:p.string(),areas:p.string(),areas2xl:p.string(),areasLg:p.string(),areasMd:p.string(),areasSm:p.string(),areasXl:p.string(),cols:p.string(),cols2xl:p.string(),colsLg:p.string(),colsMd:p.string(),colsSm:p.string(),colsXl:p.string(),flow:p.string(),fullwidth:p.bool(!1),gap:p.string(),justify:p.string(),minColWidth:p.string(),responsive:p.bool(!1),rows:p.string()},setup(e){let t=o(),n=y,r=(e,t,n)=>e===`auto`||!e&&t?`repeat(auto-fit, minmax(${n||`250px`}, 1fr))`:e?`repeat(${e}, 1fr)`:null,i=()=>{let n=t.offsetWidth,i=!!e.responsive.value,a=e.minColWidth.value??``,o;for(let[r,i]of Ba)if(n>=Ha(t,i,Ua[i])&&e[r].value){o=e[r].value;break}o||=e.cols.value||void 0;let s=r(o,i,a);s?t.style.setProperty(`--_cols`,s):t.style.removeProperty(`--_cols`)};n(()=>{e.cols.value,e.colsSm.value,e.colsMd.value,e.colsLg.value,e.colsXl.value,e.cols2xl.value,e.responsive.value,e.minColWidth.value,i()});let a=()=>{let n=t.offsetWidth,r=``;for(let[i,a]of Va)if(n>=Ha(t,a,Ua[a])&&e[i].value){r=e[i].value;break}r||=e.areas.value||``,r?t.style.setProperty(`grid-template-areas`,r):t.style.removeProperty(`grid-template-areas`)};return n(()=>{let n=e.rows.value;n&&n!==`auto`?t.style.setProperty(`--_rows`,`repeat(${n}, 1fr)`):t.style.removeProperty(`--_rows`)}),n(()=>{e.areas.value,e.areasSm.value,e.areasMd.value,e.areasLg.value,e.areasXl.value,e.areas2xl.value,a()}),f(()=>{let e=V(t);n(()=>{e.value,i(),a()})}),s`<slot></slot>`},styles:[za]});var Ga=`@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);-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transition:var(--_motion-transition,background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal));border-left:none;border-radius:0;flex-wrap:nowrap;align-items:center;margin-left:auto;margin-right:auto;display:flex;overflow:auto hidden}:host([data-mode=floating]) .navbar{border-top:var(--border) solid var(--_navbar-border-color);border-right:var(--border) solid var(--_navbar-border-color);border-bottom:var(--border) solid var(--_navbar-border-color);border-left:var(--border) solid var(--_navbar-border-color);border-radius:var(--_navbar-radius)}:host([data-mode=sticky]) .navbar,:host([floating][sticky][data-scrolled]) .navbar{border-left:none;border-right:none;border-radius:0;max-width:100%}:host([data-mode-transitioning][data-mode=sticky]) .navbar{animation:navbar-floating-to-sticky var(--transition-normal) var(--ease-in-out)}:host([data-mode-transitioning][data-mode=floating]) .navbar{animation:navbar-sticky-to-floating var(--transition-normal) var(--ease-in-out)}.navbar-logo,.navbar-start,.navbar-center,.navbar-end{white-space:nowrap;align-items:center;min-width:0;display:flex}.navbar-logo{flex:none}.navbar-start{gap:var(--size-1);flex:none}.navbar-center{gap:var(--size-1);flex:0 auto;justify-content:flex-start;min-width:0;display:flex}.navbar-end{gap:var(--size-1);flex:none}.navbar-end:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.navbar-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.mobile-toggle{width:var(--size-9);height:var(--size-9);color:var(--color-contrast-700);cursor:pointer;border:var(--border) solid transparent;border-radius:var(--rounded-md);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.mobile-toggle:hover{color:var(--color-contrast-900);background:var(--color-contrast-100);border-color:var(--color-contrast-200)}.mobile-toggle:focus-visible{outline:var(--focus-ring)}.mobile-menu-panel{z-index:1;box-sizing:border-box;width:100%;max-width:var(--_navbar-width);padding:var(--size-2);background:var(--_navbar-bg);border:var(--border) solid var(--_navbar-border-color);border-radius:var(--rounded-lg);box-shadow:var(--_shadow,var(--_navbar-shadow));-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transform-origin:top;animation:navbar-mobile-in var(--transition-fast) var(--ease-out);margin-top:var(--size-2);margin-left:auto;margin-right:auto;display:none;position:relative}:host([data-mobile][data-mobile-open]) .mobile-menu-panel: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([navbar-mobile]){width:100%;display:block}:host([navbar-mobile]) .item{justify-content:flex-start;width:100%;display:flex}}@layer refine.variants{:host([variant=flat]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 88%, transparent);--_navbar-shadow:none}:host([variant=bordered]){--_navbar-bg:var(--color-canvas);--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 32%, transparent)}:host([variant=outline]){--_navbar-bg:transparent;--_navbar-shadow:none;--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 40%, transparent)}:host([variant=glass]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 70%, transparent);--navbar-backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([color]){--_navbar-border-color:color-mix(in oklch, var(--_theme-border) 30%, transparent)}}@media (width<=768px){@layer refine.base{:host([data-mode=floating]){inset-inline:var(--size-2);top:var(--size-2)}:host([floating][sticky][data-scrolled]){top:0;left:0;right:0}}}`,Ka=(e,t,n,r)=>e?(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)):()=>{},qa=e=>!(e instanceof HTMLElement)||e.tagName.includes(`-`)||e.childElementCount>0?!0:(e.textContent??``).trim().length>0,Ja=e=>{let t=String(e??``).trim();if(!t)return;let n=/max-width\s*:\s*([0-9]+(?:\.[0-9]+)?)px/i.exec(t);if(!n)return;let r=Number.parseFloat(n[1]);return Number.isFinite(r)?r:void 0},Ya=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},Xa=e=>{let t=Ya(e)?.clientWidth??0;return t>0?t:e.offsetWidth},Za=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},Qa=n(`NavbarContext`),$a=`ore-navbar`;a($a,{props:{breakpoint:p.string(`(max-width: 768px)`),color:p.string(),"container-breakpoints":p.bool(!1),elevation:p.number(),floating:p.bool(!1),label:p.string(`Main navigation`),"mobile-sidebar":p.string(),rounded:p.string(),"scroll-threshold":p.number(80),sticky:p.bool(!1),variant:p.string()},setup(e){let n=o(),r=_(),i=v(),a=()=>i.has(`logo`).value,c=()=>i.elements(`mobile-menu`).value.some(qa),l=C(null),u=C(!1),d=C(!1),p=C(!1),h=C(!1),g=C(!1),y=C(!1),b=C(0),S=C(!1),w=C(!1),E=C(Ja(e.breakpoint.value)),D=C(!1),O=()=>{let t=String(e[`mobile-sidebar`].value??``).trim();if(!t)return null;let r=n.getRootNode();return(r instanceof ShadowRoot||r instanceof Document?r.querySelector(t):null)??document.querySelector(t)};m(Qa,{closeMobileMenu:()=>j(),isMobile:x(()=>p.value),mobileMenuOpen:x(()=>h.value)});let k=()=>{if(e.floating.value&&e.sticky.value)return y.value?`sticky`:`floating`;if(e.floating.value)return`floating`;if(e.sticky.value)return`sticky`},A=e=>{let t=!!e;if(!c()){let e=l.value??O();if(e){t?e.openMobile?.():e.closeMobile?.();return}}t&&!c()||h.value!==t&&(h.value=t,r(`mobile-menu-change`,{open:t}))},j=()=>A(!1),M=()=>A(!0),N=()=>{if(!c()){let e=l.value??O();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}}A(!h.value)},P=()=>{let e=(l.value&&!c()?u.value:!1)||S.value||w.value;p.value=e,e||j()},F=e=>e?e.scrollTop||0:window.scrollY||document.documentElement.scrollTop||0,I=e=>{b.value=F(e)},L=(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=F(t)-b.value;y.value=r>n};return t({attr:{"data-mobile":()=>p.value?!0:void 0,"data-mobile-open":()=>p.value&&h.value?!0:void 0,"data-mode":()=>k()??null,"data-mode-transitioning":()=>g.value?!0:void 0,"data-preview-mode":()=>D.value?!0:void 0,"data-scrolled":()=>e.floating.value&&e.sticky.value&&y.value?!0:void 0}}),f(()=>{let t=n,r=Za(n);t.closeMobileMenu=j,t.openMobileMenu=M,t.toggleMobileMenu=N;let i=Ka(window,`scroll`,()=>{L(r)},{passive:!0}),a=r?Ka(r,`scroll`,()=>{L(r)},{passive:!0}):void 0,o=Ka(n,`keydown`,e=>{e.key!==`Escape`||!h.value||j()}),s,f,p,m,_=()=>{f?.(),f=void 0,l.value=null,u.value=!1,d.value=!1;let e=O();if(!e)return;let t=t=>{let n=e.hasAttribute(`data-bottom-nav`),r=e.hasAttribute(`data-mobile-open`);u.value=n,d.value=t?.detail?t.detail.open:r,d.value&&!u.value&&(u.value=!0),P()},n=new MutationObserver(()=>{t()});t(),n.observe(e,{attributeFilter:[`data-bottom-nav`,`data-mobile-open`],attributes:!0}),e.addEventListener(`mobile-open-change`,t),f=()=>{n.disconnect(),e.removeEventListener(`mobile-open-change`,t)},l.value=e},v=()=>{g.value=!0,p!=null&&clearTimeout(p),p=setTimeout(()=>{g.value=!1,p=void 0},220)},b=T(x(()=>e.floating.value&&e.sticky.value),e=>{if(!e){y.value&&=!1,g.value&&=!1,m=void 0,p!=null&&(clearTimeout(p),p=void 0);return}I(r),L(r),m=k()},{immediate:!0}),C=T(e[`mobile-sidebar`],()=>{_()},{immediate:!0}),A=T(x(()=>k()),t=>{if(!(e.floating.value&&e.sticky.value)){m=t??void 0;return}let n=t??void 0;m&&n&&m!==n&&v(),m=n},{immediate:!0}),F=T(x(()=>c()),e=>{!e&&h.value&&j()},{immediate:!0});T(e.breakpoint,t=>{s?.(),s=void 0;let r=String(t??``).trim();E.value=Ja(r),S.value=!1;let i=Xa(n);if(w.value=i>0&&E.value!=null?i<=E.value:!1,P(),e[`container-breakpoints`].value&&E.value!=null||!r||typeof window.matchMedia!=`function`)return;let a=window.matchMedia(r),o=e=>{S.value=e,P()},c=e=>{o(e.matches)};o(a.matches),a.addEventListener(`change`,c),s=()=>{a.removeEventListener(`change`,c)}},{immediate:!0});let R=typeof ResizeObserver==`function`?(()=>{let e=V(n),t=n.parentElement,r=Ya(n),i=t?V(t):void 0,a=r&&r!==t?V(r):void 0;return T(x(()=>[e.value.width,e.value.height,i?.value.width,i?.value.height,a?.value.width,a?.value.height]),()=>{let e=Xa(n),t=Ya(n)?.clientWidth??0;w.value=e>0&&E.value!=null?e<=E.value:!1,D.value=t>0&&t<window.innerWidth,P()})})():void 0;return()=>{o?.(),i?.(),a?.(),b?.dispose(),A?.dispose(),F?.dispose(),C?.dispose(),s?.(),f?.(),R?.dispose(),p!=null&&(clearTimeout(p),p=void 0)}}),s`
|
|
2737
2737
|
<nav part="nav" aria-label="${e.label}">
|
|
2738
2738
|
<div class="navbar" part="bar">
|
|
2739
2739
|
<div class="navbar-logo" part="logo" ?hidden=${()=>!a()}>
|
|
@@ -2779,7 +2779,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2779
2779
|
<slot name="mobile-menu"></slot>
|
|
2780
2780
|
</div>
|
|
2781
2781
|
</nav>
|
|
2782
|
-
`},styles:[q,ge,G,U,W,Ee(`.navbar`),Ga]});var eo=`ore-navbar-item`;a(eo,{props:{active:p.bool(!1),disabled:p.bool(!1),href:p.string(),rel:p.string(),target:p.string()},setup(e){let n=
|
|
2782
|
+
`},styles:[q,ge,G,U,W,Ee(`.navbar`),Ga]});var eo=`ore-navbar-item`;a(eo,{props:{active:p.bool(!1),disabled:p.bool(!1),href:p.string(),rel:p.string(),target:p.string()},setup(e){let n=v(),r=()=>n.has(`icon`).value,i=()=>n.has(`end`).value,a=c(Qa);t({attr:{"navbar-mobile":()=>a?.isMobile.value?!0:void 0,"navbar-mobile-open":()=>a?.mobileMenuOpen.value?!0:void 0}});let o=()=>!!e.href.value&&!e.disabled.value,l=x(()=>rr(e.rel.value,e.target.value)),u=()=>{a?.mobileMenuOpen.value&&a.closeMobileMenu()},d=()=>s`
|
|
2783
2783
|
<span class="item-icon" part="item-icon" ?hidden=${()=>!r()} aria-hidden="true">
|
|
2784
2784
|
<slot name="icon"></slot>
|
|
2785
2785
|
</span>
|
|
@@ -2802,7 +2802,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2802
2802
|
`:e.disabled.value?s`<div class="item" part="item" tabindex="-1" aria-disabled="true">${d()}</div>`:s`<button class="item" part="item" type="button" @click=${u}>
|
|
2803
2803
|
${d()}
|
|
2804
2804
|
</button>`}
|
|
2805
|
-
`},styles:[U,Ga]});var to=`@layer refine.base{:host{width:100%;display:block}:host([sidebar-bottom-nav]){display:none}.group{display:block}.group-header{all:unset;box-sizing:border-box;width:100%;min-height:var(--size-6);padding:var(--size-1) var(--size-2);margin-bottom:var(--size-2);color:inherit;-webkit-user-select:none;user-select:none;border-radius:var(--rounded-lg);transition:background var(--transition-fast);outline:none;justify-content:flex-start;align-items:center;display:flex;position:relative}.group-header::-webkit-details-marker{display:none}:host([collapsible]) .group-header{cursor:pointer}:host([collapsible]) .group-header:hover{background:var(--color-contrast-100)}:host([collapsible]) .group-header:focus-visible{outline:var(--focus-ring)}:host(:not([collapsible])) .group-header{cursor:default}:host(:not([collapsible])) .chevron{display:none!important}.group-label{text-overflow:ellipsis;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;transition:opacity var(--transition-fast);flex-grow:1;overflow:hidden}.group-icon{color:var(--color-contrast-400);flex-shrink:0;justify-content:center;align-items:center;display:flex}.group-icon:empty{display:none}.chevron{color:var(--color-contrast-400);transition:var(--_motion-transition,transform var(--transition-normal));flex-shrink:0;justify-content:center;align-items:center;display:flex}:host([collapsible]) .group[open] .chevron{transform:rotate(90deg)}.group-items{gap:var(--size-2);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}:host([sidebar-collapsed]) .group-label,:host([sidebar-collapsed]) .chevron{display:none}:host([sidebar-collapsed]) .group-header{height:0;min-height:0;margin:0;padding:0;display:none}:host([sidebar-collapsed]) .group-badge{visibility:visible!important;pointer-events:auto!important;opacity:1!important;width:auto!important;height:auto!important;display:flex!important;position:static!important}:host([collapsible]:not([open])) .group-items{display:none}}`,no=`@layer refine.base{:host{min-width:0;max-width:100%;display:block}.item{box-sizing:border-box;gap:var(--size-2);min-width:0;min-height:var(--_touch-target);padding:var(--size-1-5) var(--size-2);font-size:var(--sidebar-item-font-size,var(--text-sm));font-weight:var(--font-medium);color:var(--sidebar-item-color,var(--color-contrast-700));cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--rounded-lg);transition:background var(--transition-fast), color var(--transition-fast);outline:none;align-items:center;text-decoration:none;display:flex;position:relative}a.item{text-decoration:none}.item:hover,.item:focus-visible{color:var(--sidebar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--sidebar-item-hover-bg,var(--color-contrast-100))}:host([active]) .item{font-weight:var(--font-semibold);color:var(--sidebar-item-active-color,var(--color-primary));background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)))}:host([active]) .item:before{display:none}:host([disabled]) .item,:host([disabled]) .item:hover,:host([disabled]) .item:focus-visible{color:var(--sidebar-item-disabled-color,var(--color-contrast-300));pointer-events:none;cursor:not-allowed;opacity:1;background:0 0;outline:none}:host([disabled]) .item-icon{color:var(--sidebar-item-disabled-color,var(--color-contrast-300))}.item-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;margin:0 auto;display:flex}.item-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:opacity var(--transition-fast);flex:1;overflow:hidden}.item-end{gap:var(--size-1);transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;display:flex}:host([sidebar-collapsed]) .item,:host([sidebar-collapsed]) .item-icon{position:relative}:host([sidebar-collapsed]) .item-label{pointer-events:none;opacity:0;width:0;overflow:hidden}:host([sidebar-collapsed]) .item{justify-content:center;align-items:center;gap:0;width:100%;height:100%;min-height:100%;padding:0}:host([sidebar-collapsed]) .item:before{inset-block:var(--size-2)}:host([sidebar-collapsed]) .item-icon{width:var(--size-7);height:var(--size-7);padding:var(--size-1-5);font-size:1.5em}:host([sidebar-collapsed][active]) .item,:host([sidebar-collapsed]) .item:hover{background:0 0}:host([sidebar-collapsed][active]) .item-icon{background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)));border-radius:var(--rounded-full)}:host([sidebar-collapsed]) .item-icon:hover{background:var(--color-contrast-100);border-radius:var(--rounded-full)}:host([sidebar-collapsed]) .item-end,:host([sidebar-collapsed]) .item-icon .group-badge,:host([sidebar-collapsed]) .item-icon ::slotted([slot=end]){right:0;bottom:calc(var(--size-2) * -1);z-index:2;pointer-events:auto;opacity:1;justify-content:center;align-items:center;min-width:1.25em;min-height:1.25em;display:flex;position:absolute;transform:translate(40%,-40%)}:host([dir=rtl][sidebar-collapsed]) .item-end,:host([dir=rtl][sidebar-collapsed]) .item-icon .group-badge,:host([dir=rtl][sidebar-collapsed]) .item-icon ::slotted([slot=end]),:host(:dir(rtl)[sidebar-collapsed]) .item-end,:host(:dir(rtl)[sidebar-collapsed]) .item-icon .group-badge,:host(:dir(rtl)[sidebar-collapsed]) .item-icon ::slotted([slot=end]){left:0;right:auto;transform:translate(-40%,-40%)}:host([sidebar-collapsed]) .item-end .group-badge,:host([sidebar-collapsed]) .item-end ::slotted([slot=end]){top:50%;right:var(--size-2);z-index:1;position:absolute;transform:translateY(-50%)}:host([dir=rtl][sidebar-collapsed]) .item-end .group-badge,:host([dir=rtl][sidebar-collapsed]) .item-end ::slotted([slot=end]),:host(:dir(rtl)[sidebar-collapsed]) .item-end .group-badge,:host(:dir(rtl)[sidebar-collapsed]) .item-end ::slotted([slot=end]){right:auto;left:var(--size-2)}:host([sidebar-bottom-nav]){display:none}}`,ro=`.sidebar-logo[hidden]{min-width:0!important;min-height:0!important;margin:0!important;display:none!important}@layer refine.base{:host{--_sidebar-width:var(--sidebar-width,16rem);--_sidebar-collapsed-width:var(--sidebar-collapsed-width,3.5rem);--_sidebar-transition:var(--transition-normal);--_panel-bg:var(--sidebar-bg,var(--color-canvas));--_panel-blur:var(--sidebar-panel-blur,var(--blur-md));--_panel-border-color:var(--sidebar-border-color,var(--color-divider));--_panel-radius:var(--sidebar-radius,var(--rounded-lg));--_panel-shadow:var(--sidebar-shadow,var(--shadow-md));box-sizing:border-box;width:100%;min-width:var(--size-2xs);max-width:var(--_sidebar-width);height:100%;min-height:0;transition:max-width var(--_sidebar-transition), min-width var(--_sidebar-transition);will-change:max-width;display:block;overflow:visible}:host>nav{box-sizing:border-box;background:var(--_panel-bg);width:100%;height:100%;min-height:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));flex-direction:column;display:flex;position:relative;overflow:hidden}:host>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_panel-border-color)}:host>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_panel-border-color)}.mobile-backdrop{z-index:calc(var(--z-sticky) + 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!important}:host([data-collapsed]){min-width:var(--_sidebar-collapsed-width);max-width:var(--_sidebar-collapsed-width)}:host([data-bottom-nav]){z-index:calc(var(--z-sticky) + 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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([data-preview-mode][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host(:dir(rtl)[data-bottom-nav])>nav{transform:translate(104%)}:host([data-bottom-nav][data-mobile-open])>nav{transform:translate(0)}.bottom-bar{gap:var(--size-1);width:100%;height:100%;padding:var(--size-1);pointer-events:none;background:var(--_panel-bg);border-top:var(--border) solid var(--_panel-border-color);box-shadow:var(--shadow-sm);opacity:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity var(--_sidebar-transition), transform var(--_sidebar-transition), display var(--_sidebar-transition) allow-discrete;justify-content:space-around;align-items:stretch;display:flex;transform:translateY(100%)}:host([data-bottom-nav]) .bottom-bar{pointer-events:auto;opacity:1;transform:translateY(0)}:host([data-preview-mode][data-bottom-nav]) .bottom-bar{z-index:calc(var(--z-sticky) + 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{gap:var(--size-2);min-height:var(--size-6);padding:var(--size-4);border-bottom:var(--border) solid var(--color-contrast-200);justify-content:space-between;align-items:center;display:flex}.sidebar-header .sidebar-header-content{flex:1;min-width:0;display:block;overflow:hidden}:host([data-collapsed]) .sidebar-header{gap:var(--size-2);min-height:unset;padding-block:var(--size-2);padding-inline:var(--size-2);flex-direction:column;justify-content:flex-start;align-items:center}:host([data-collapsed]) .sidebar-header .sidebar-header-content{display:none!important}.sidebar-logo{min-width:var(--size-8);min-height:var(--size-8);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--size-2)}.sidebar-logo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-2)}.sidebar-logo:empty{display:none!important}:host([data-collapsed]) .sidebar-logo{margin-block:var(--size-1)}:host([data-collapsed]) .sidebar-logo:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}:host([data-collapsed]) .sidebar-logo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:0}.sidebar-content{gap:var(--size-2);min-width:0;padding:var(--size-4);scrollbar-width:thin;flex:1;grid-template-columns:minmax(0,1fr);align-content:start;display:grid;overflow:clip auto}.sidebar-footer{padding:var(--size-4);border-top:var(--border) solid var(--color-contrast-200);flex-shrink:0}.toggle-btn{all:unset;box-sizing:border-box;width:var(--size-8);height:var(--size-8);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:color var(--transition-fast), background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.toggle-btn:hover{color:var(--color-contrast-800);background:var(--color-contrast-200)}.toggle-btn:focus-visible{outline:var(--focus-ring)}.toggle-icon{transition:var(--_motion-transition,transform var(--_sidebar-transition));justify-content:center;align-items:center;display:flex}:host([data-collapsed]) .toggle-icon{transform:rotate(180deg)}:host([data-bottom-nav]) .toggle-btn{display:none}:host(:not([dir=rtl])[data-collapsed]) .toggle-icon,:host(:dir(ltr)[data-collapsed]) .toggle-icon,:host(:dir(rtl)) .toggle-icon{transform:rotate(180deg)}:host(:dir(rtl)[data-collapsed]) .toggle-icon{transform:rotate(0)}}@layer refine.variants{:host([variant=floating]){height:calc(100% - var(--size-6));margin:var(--size-3);--_panel-radius:var(--rounded-lg)}:host([variant=floating])>nav{border:var(--border) solid var(--_panel-border-color);border-radius:var(--_panel-radius)}:host([variant=floating][data-bottom-nav]){bottom:var(--size-2);inset-inline:var(--size-2);width:auto;max-width:none}:host([variant=floating][data-preview-mode][data-bottom-nav]){inset:var(--size-2)}:host([variant=floating][data-bottom-nav]) .bottom-bar{border:var(--border) solid var(--_panel-border-color);border-radius:var(--_panel-radius);box-shadow:var(--_panel-shadow)}:host([variant=floating][data-bottom-nav])>nav{top:var(--size-2)}:host([variant=floating][data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-2)}:host([variant=floating][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-2)}:host([variant=floating][data-preview-mode][data-bottom-nav]) .bottom-bar{bottom:var(--size-2);inset-inline:var(--size-2);width:auto}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav{top:var(--size-1)}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-1)}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-1)}:host([variant=inset]){--_panel-bg:var(--color-contrast-50);--_panel-shadow:none;--_panel-border-color:transparent}}`,io=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},ao=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},oo=e=>{let t=ao(e)?.clientWidth??0;return t>0?t:e.offsetWidth},so=n(`SidebarContext`),co=`ore-sidebar`;a(co,{props:{"bottom-nav-at":p.string(),collapsed:p.bool(!1),collapsible:p.bool(!1),"container-breakpoints":p.bool(!1),"default-collapsed":p.bool(!1),label:p.string(`Sidebar navigation`),responsive:p.string(),variant:p.string()},setup(e){let n=o(),r=g(),i=_(),a=()=>i.has(`header`).value,c=()=>i.has(`footer`).value,l=()=>i.has(`logo`).value,u=T(n.hasAttribute(`collapsed`)),d=T(u.value?n.hasAttribute(`collapsed`):e[`default-collapsed`].value),p=T(!1),h=T(!1),v=T([]),y=T(!1),b=T(!1),x=T(io(e.responsive.value)),S=T(!!String(e.responsive.value??``).trim()),w=T(!1),E=T(!1),O=T(io(e[`bottom-nav-at`].value)),k=T(!1),A=()=>d.value,j=C(()=>p.value?`bottom-nav`:d.value?`collapsed`:`default`),M=()=>{let t=e[`container-breakpoints`].value,n=t?b.value:y.value||b.value,r=t?E.value:w.value||E.value;h.value||(p.value=r),!r&&!h.value&&F(!1,`responsive`),S.value&&P(n,`responsive`)},N=()=>{let e=i.elements().value.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`).map((e,t)=>{let n=e.querySelector(`:scope > [slot="icon"]`)??e.querySelector(`[slot="icon"]`),r=n?.tagName.toLowerCase()===`ore-icon`?n.getAttribute(`name`):null,i=n?.querySelector(`ore-icon`)?.getAttribute(`name`)??null,a=(e.textContent??``).trim();return{active:e.hasAttribute(`active`),disabled:e.hasAttribute(`disabled`),href:e.getAttribute(`href`)??void 0,iconName:r??i??void 0,label:a||`Item ${t+1}`,source:e}});v.value=e};m(so,{collapsed:C(()=>!p.value&&d.value),mobileOpen:C(()=>p.value&&h.value),mode:j,variant:e.variant});let P=(e,t)=>{A()!==e&&(u.value||(d.value=e),r(`collapsed-change`,{collapsed:e,source:t}))},F=(e,t)=>{let n=!!e;if(n&&!p.value&&(p.value=!0),!p.value&&!n){h.value&&=!1;return}h.value!==n&&(h.value=n,n||M(),r(`mobile-open-change`,{open:n,source:t}))},I=()=>{P(!A(),`toggle`)},L=n;return L.setCollapsed=e=>P(!!e,`api`),L.toggle=I,L.openMobile=()=>F(!0,`api`),L.closeMobile=()=>F(!1,`api`),L.toggleMobile=()=>F(!h.value,`toggle`),t({attr:{"data-bottom-nav":()=>p.value?!0:void 0,"data-collapsed":()=>A()&&!p.value?!0:void 0,"data-mobile-open":()=>p.value&&h.value?!0:void 0,"data-preview-mode":()=>k.value?!0:void 0}}),f(()=>{n.setAttribute(`data-no-transition`,``);let t=!1,r=()=>{t||(t=!0,n.removeAttribute(`data-no-transition`))};requestAnimationFrame(()=>requestAnimationFrame(r));let a,o,s=new Map,c=new MutationObserver(()=>{!n.hasAttribute(`collapsed`)&&!u.value||(u.value=!0,d.value=n.hasAttribute(`collapsed`))});c.observe(n,{attributeFilter:[`collapsed`],attributes:!0}),D(e.responsive,t=>{a?.(),a=void 0;let r=String(t??``).trim();S.value=!!r,x.value=io(r),y.value=!1;let i=oo(n);if(b.value=i>0&&x.value!=null?i<=x.value:!1,M(),e[`container-breakpoints`].value&&x.value!=null||!r||typeof window.matchMedia!=`function`)return;let o=window.matchMedia(r),s=e=>{y.value=e.matches,M()};y.value=o.matches,M(),o.addEventListener(`change`,s),a=()=>{o.removeEventListener(`change`,s)}},{immediate:!0}),D(e[`bottom-nav-at`],t=>{o?.(),o=void 0;let r=String(t??``).trim();O.value=io(r),w.value=!1;let i=oo(n);if(E.value=i>0&&O.value!=null?i<=O.value:!1,M(),e[`container-breakpoints`].value&&O.value!=null||!r||typeof window.matchMedia!=`function`)return;let a=window.matchMedia(r),s=e=>{w.value=e.matches,M()};w.value=a.matches,M(),a.addEventListener(`change`,s),o=()=>{a.removeEventListener(`change`,s)}},{immediate:!0});let l=typeof ResizeObserver==`function`?(()=>{let e=H(n),t=n.parentElement,i=ao(n),a=t?H(t):void 0,o=i&&i!==t?H(i):void 0,s;return D(C(()=>[e.value.width,e.value.height,a?.value.width,a?.value.height,o?.value.width,o?.value.height]),()=>{s!==void 0&&cancelAnimationFrame(s),s=requestAnimationFrame(()=>{let e=ao(n),t=oo(n),i=b.value,a=E.value,o=e?.clientWidth??0;k.value=o>0&&o<window.innerWidth,b.value=t>0&&x.value!=null?t<=x.value:!1,E.value=t>0&&O.value!=null?t<=O.value:!1,(i!==b.value||a!==E.value)&&M(),r()})})})():void 0,f=e=>{let t=new Set(e);for(let[e,n]of s)t.has(e)||(n.disconnect(),s.delete(e));for(let t of e){if(s.has(t))continue;let e=new MutationObserver(()=>{p.value&&N()});e.observe(t,{attributeFilter:[`active`,`disabled`,`href`],attributes:!0}),s.set(t,e)}};return D(i.elements(),e=>{let t=e.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`);f(t),N()},{immediate:!0}),()=>{c.disconnect(),a?.(),o?.(),l?.dispose();for(let e of s.values())e.disconnect();s.clear()}}),s`
|
|
2805
|
+
`},styles:[U,Ga]});var to=`@layer refine.base{:host{width:100%;display:block}:host([sidebar-bottom-nav]){display:none}.group{display:block}.group-header{all:unset;box-sizing:border-box;width:100%;min-height:var(--size-6);padding:var(--size-1) var(--size-2);margin-bottom:var(--size-2);color:inherit;-webkit-user-select:none;user-select:none;border-radius:var(--rounded-lg);transition:background var(--transition-fast);outline:none;justify-content:flex-start;align-items:center;display:flex;position:relative}.group-header::-webkit-details-marker{display:none}:host([collapsible]) .group-header{cursor:pointer}:host([collapsible]) .group-header:hover{background:var(--color-contrast-100)}:host([collapsible]) .group-header:focus-visible{outline:var(--focus-ring)}:host(:not([collapsible])) .group-header{cursor:default}:host(:not([collapsible])) .chevron{display:none!important}.group-label{text-overflow:ellipsis;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;transition:opacity var(--transition-fast);flex-grow:1;overflow:hidden}.group-icon{color:var(--color-contrast-400);flex-shrink:0;justify-content:center;align-items:center;display:flex}.group-icon:empty{display:none}.chevron{color:var(--color-contrast-400);transition:var(--_motion-transition,transform var(--transition-normal));flex-shrink:0;justify-content:center;align-items:center;display:flex}:host([collapsible]) .group[open] .chevron{transform:rotate(90deg)}.group-items{gap:var(--size-2);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}:host([sidebar-collapsed]) .group-label,:host([sidebar-collapsed]) .chevron{display:none}:host([sidebar-collapsed]) .group-header{height:0;min-height:0;margin:0;padding:0;display:none}:host([sidebar-collapsed]) .group-badge{visibility:visible!important;pointer-events:auto!important;opacity:1!important;width:auto!important;height:auto!important;display:flex!important;position:static!important}:host([collapsible]:not([open])) .group-items{display:none}}`,no=`@layer refine.base{:host{min-width:0;max-width:100%;display:block}.item{box-sizing:border-box;gap:var(--size-2);min-width:0;min-height:var(--_touch-target);padding:var(--size-1-5) var(--size-2);font-size:var(--sidebar-item-font-size,var(--text-sm));font-weight:var(--font-medium);color:var(--sidebar-item-color,var(--color-contrast-700));cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--rounded-lg);transition:background var(--transition-fast), color var(--transition-fast);outline:none;align-items:center;text-decoration:none;display:flex;position:relative}a.item{text-decoration:none}.item:hover,.item:focus-visible{color:var(--sidebar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--sidebar-item-hover-bg,var(--color-contrast-100))}:host([active]) .item{font-weight:var(--font-semibold);color:var(--sidebar-item-active-color,var(--color-primary));background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)))}:host([active]) .item:before{display:none}:host([disabled]) .item,:host([disabled]) .item:hover,:host([disabled]) .item:focus-visible{color:var(--sidebar-item-disabled-color,var(--color-contrast-300));pointer-events:none;cursor:not-allowed;opacity:1;background:0 0;outline:none}:host([disabled]) .item-icon{color:var(--sidebar-item-disabled-color,var(--color-contrast-300))}.item-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;margin:0 auto;display:flex}.item-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:opacity var(--transition-fast);flex:1;overflow:hidden}.item-end{gap:var(--size-1);transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;display:flex}:host([sidebar-collapsed]) .item,:host([sidebar-collapsed]) .item-icon{position:relative}:host([sidebar-collapsed]) .item-label{pointer-events:none;opacity:0;width:0;overflow:hidden}:host([sidebar-collapsed]) .item{justify-content:center;align-items:center;gap:0;width:100%;height:100%;min-height:100%;padding:0}:host([sidebar-collapsed]) .item:before{inset-block:var(--size-2)}:host([sidebar-collapsed]) .item-icon{width:var(--size-7);height:var(--size-7);padding:var(--size-1-5);font-size:1.5em}:host([sidebar-collapsed][active]) .item,:host([sidebar-collapsed]) .item:hover{background:0 0}:host([sidebar-collapsed][active]) .item-icon{background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)));border-radius:var(--rounded-full)}:host([sidebar-collapsed]) .item-icon:hover{background:var(--color-contrast-100);border-radius:var(--rounded-full)}:host([sidebar-collapsed]) .item-end,:host([sidebar-collapsed]) .item-icon .group-badge,:host([sidebar-collapsed]) .item-icon ::slotted([slot=end]){right:0;bottom:calc(var(--size-2) * -1);z-index:2;pointer-events:auto;opacity:1;justify-content:center;align-items:center;min-width:1.25em;min-height:1.25em;display:flex;position:absolute;transform:translate(40%,-40%)}:host([dir=rtl][sidebar-collapsed]) .item-end,:host([dir=rtl][sidebar-collapsed]) .item-icon .group-badge,:host([dir=rtl][sidebar-collapsed]) .item-icon ::slotted([slot=end]),:host(:dir(rtl)[sidebar-collapsed]) .item-end,:host(:dir(rtl)[sidebar-collapsed]) .item-icon .group-badge,:host(:dir(rtl)[sidebar-collapsed]) .item-icon ::slotted([slot=end]){left:0;right:auto;transform:translate(-40%,-40%)}:host([sidebar-collapsed]) .item-end .group-badge,:host([sidebar-collapsed]) .item-end ::slotted([slot=end]){top:50%;right:var(--size-2);z-index:1;position:absolute;transform:translateY(-50%)}:host([dir=rtl][sidebar-collapsed]) .item-end .group-badge,:host([dir=rtl][sidebar-collapsed]) .item-end ::slotted([slot=end]),:host(:dir(rtl)[sidebar-collapsed]) .item-end .group-badge,:host(:dir(rtl)[sidebar-collapsed]) .item-end ::slotted([slot=end]){right:auto;left:var(--size-2)}:host([sidebar-bottom-nav]){display:none}}`,ro=`.sidebar-logo[hidden]{min-width:0!important;min-height:0!important;margin:0!important;display:none!important}@layer refine.base{:host{--_sidebar-width:var(--sidebar-width,16rem);--_sidebar-collapsed-width:var(--sidebar-collapsed-width,3.5rem);--_sidebar-transition:var(--transition-normal);--_panel-bg:var(--sidebar-bg,var(--color-canvas));--_panel-blur:var(--sidebar-panel-blur,var(--blur-md));--_panel-border-color:var(--sidebar-border-color,var(--color-divider));--_panel-radius:var(--sidebar-radius,var(--rounded-lg));--_panel-shadow:var(--sidebar-shadow,var(--shadow-md));box-sizing:border-box;width:100%;min-width:var(--size-2xs);max-width:var(--_sidebar-width);height:100%;min-height:0;transition:max-width var(--_sidebar-transition), min-width var(--_sidebar-transition);will-change:max-width;display:block;overflow:visible}:host>nav{box-sizing:border-box;background:var(--_panel-bg);width:100%;height:100%;min-height:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));flex-direction:column;display:flex;position:relative;overflow:hidden}:host>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_panel-border-color)}:host>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_panel-border-color)}.mobile-backdrop{z-index:calc(var(--z-sticky) + 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!important}:host([data-collapsed]){min-width:var(--_sidebar-collapsed-width);max-width:var(--_sidebar-collapsed-width)}:host([data-bottom-nav]){z-index:calc(var(--z-sticky) + 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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([data-preview-mode][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host(:dir(rtl)[data-bottom-nav])>nav{transform:translate(104%)}:host([data-bottom-nav][data-mobile-open])>nav{transform:translate(0)}.bottom-bar{gap:var(--size-1);width:100%;height:100%;padding:var(--size-1);pointer-events:none;background:var(--_panel-bg);border-top:var(--border) solid var(--_panel-border-color);box-shadow:var(--shadow-sm);opacity:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity var(--_sidebar-transition), transform var(--_sidebar-transition), display var(--_sidebar-transition) allow-discrete;justify-content:space-around;align-items:stretch;display:flex;transform:translateY(100%)}:host([data-bottom-nav]) .bottom-bar{pointer-events:auto;opacity:1;transform:translateY(0)}:host([data-preview-mode][data-bottom-nav]) .bottom-bar{z-index:calc(var(--z-sticky) + 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{gap:var(--size-2);min-height:var(--size-6);padding:var(--size-4);border-bottom:var(--border) solid var(--color-contrast-200);justify-content:space-between;align-items:center;display:flex}.sidebar-header .sidebar-header-content{flex:1;min-width:0;display:block;overflow:hidden}:host([data-collapsed]) .sidebar-header{gap:var(--size-2);min-height:unset;padding-block:var(--size-2);padding-inline:var(--size-2);flex-direction:column;justify-content:flex-start;align-items:center}:host([data-collapsed]) .sidebar-header .sidebar-header-content{display:none!important}.sidebar-logo{min-width:var(--size-8);min-height:var(--size-8);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--size-2)}.sidebar-logo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-2)}.sidebar-logo:empty{display:none!important}:host([data-collapsed]) .sidebar-logo{margin-block:var(--size-1)}:host([data-collapsed]) .sidebar-logo:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}:host([data-collapsed]) .sidebar-logo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:0}.sidebar-content{gap:var(--size-2);min-width:0;padding:var(--size-4);scrollbar-width:thin;flex:1;grid-template-columns:minmax(0,1fr);align-content:start;display:grid;overflow:clip auto}.sidebar-footer{padding:var(--size-4);border-top:var(--border) solid var(--color-contrast-200);flex-shrink:0}.toggle-btn{all:unset;box-sizing:border-box;width:var(--size-8);height:var(--size-8);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:color var(--transition-fast), background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.toggle-btn:hover{color:var(--color-contrast-800);background:var(--color-contrast-200)}.toggle-btn:focus-visible{outline:var(--focus-ring)}.toggle-icon{transition:var(--_motion-transition,transform var(--_sidebar-transition));justify-content:center;align-items:center;display:flex}:host([data-collapsed]) .toggle-icon{transform:rotate(180deg)}:host([data-bottom-nav]) .toggle-btn{display:none}:host(:not([dir=rtl])[data-collapsed]) .toggle-icon,:host(:dir(ltr)[data-collapsed]) .toggle-icon,:host(:dir(rtl)) .toggle-icon{transform:rotate(180deg)}:host(:dir(rtl)[data-collapsed]) .toggle-icon{transform:rotate(0)}}@layer refine.variants{:host([variant=floating]){height:calc(100% - var(--size-6));margin:var(--size-3);--_panel-radius:var(--rounded-lg)}:host([variant=floating])>nav{border:var(--border) solid var(--_panel-border-color);border-radius:var(--_panel-radius)}:host([variant=floating][data-bottom-nav]){bottom:var(--size-2);inset-inline:var(--size-2);width:auto;max-width:none}:host([variant=floating][data-preview-mode][data-bottom-nav]){inset:var(--size-2)}:host([variant=floating][data-bottom-nav]) .bottom-bar{border:var(--border) solid var(--_panel-border-color);border-radius:var(--_panel-radius);box-shadow:var(--_panel-shadow)}:host([variant=floating][data-bottom-nav])>nav{top:var(--size-2)}:host([variant=floating][data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-2)}:host([variant=floating][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-2)}:host([variant=floating][data-preview-mode][data-bottom-nav]) .bottom-bar{bottom:var(--size-2);inset-inline:var(--size-2);width:auto}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav{top:var(--size-1)}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-1)}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-1)}:host([variant=inset]){--_panel-bg:var(--color-contrast-50);--_panel-shadow:none;--_panel-border-color:transparent}}`,io=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},ao=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},oo=e=>{let t=ao(e)?.clientWidth??0;return t>0?t:e.offsetWidth},so=n(`SidebarContext`),co=`ore-sidebar`;a(co,{props:{"bottom-nav-at":p.string(),collapsed:p.bool(!1),collapsible:p.bool(!1),"container-breakpoints":p.bool(!1),"default-collapsed":p.bool(!1),label:p.string(`Sidebar navigation`),responsive:p.string(),variant:p.string()},setup(e){let n=o(),r=_(),i=v(),a=()=>i.has(`header`).value,c=()=>i.has(`footer`).value,l=()=>i.has(`logo`).value,u=C(n.hasAttribute(`collapsed`)),d=C(u.value?n.hasAttribute(`collapsed`):e[`default-collapsed`].value),p=C(!1),h=C(!1),g=C([]),y=C(!1),b=C(!1),S=C(io(e.responsive.value)),w=C(!!String(e.responsive.value??``).trim()),E=C(!1),D=C(!1),O=C(io(e[`bottom-nav-at`].value)),k=C(!1),A=()=>d.value,j=x(()=>p.value?`bottom-nav`:d.value?`collapsed`:`default`),M=()=>{let t=e[`container-breakpoints`].value,n=t?b.value:y.value||b.value,r=t?D.value:E.value||D.value;h.value||(p.value=r),!r&&!h.value&&F(!1,`responsive`),w.value&&P(n,`responsive`)},N=()=>{let e=i.elements().value.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`).map((e,t)=>{let n=e.querySelector(`:scope > [slot="icon"]`)??e.querySelector(`[slot="icon"]`),r=n?.tagName.toLowerCase()===`ore-icon`?n.getAttribute(`name`):null,i=n?.querySelector(`ore-icon`)?.getAttribute(`name`)??null,a=(e.textContent??``).trim();return{active:e.hasAttribute(`active`),disabled:e.hasAttribute(`disabled`),href:e.getAttribute(`href`)??void 0,iconName:r??i??void 0,label:a||`Item ${t+1}`,source:e}});g.value=e};m(so,{collapsed:x(()=>!p.value&&d.value),mobileOpen:x(()=>p.value&&h.value),mode:j,variant:e.variant});let P=(e,t)=>{A()!==e&&(u.value||(d.value=e),r(`collapsed-change`,{collapsed:e,source:t}))},F=(e,t)=>{let n=!!e;if(n&&!p.value&&(p.value=!0),!p.value&&!n){h.value&&=!1;return}h.value!==n&&(h.value=n,n||M(),r(`mobile-open-change`,{open:n,source:t}))},I=()=>{P(!A(),`toggle`)},L=n;return L.setCollapsed=e=>P(!!e,`api`),L.toggle=I,L.openMobile=()=>F(!0,`api`),L.closeMobile=()=>F(!1,`api`),L.toggleMobile=()=>F(!h.value,`toggle`),t({attr:{"data-bottom-nav":()=>p.value?!0:void 0,"data-collapsed":()=>A()&&!p.value?!0:void 0,"data-mobile-open":()=>p.value&&h.value?!0:void 0,"data-preview-mode":()=>k.value?!0:void 0}}),f(()=>{n.setAttribute(`data-no-transition`,``);let t=!1,r=()=>{t||(t=!0,n.removeAttribute(`data-no-transition`))};requestAnimationFrame(()=>requestAnimationFrame(r));let a,o,s=new Map,c=new MutationObserver(()=>{!n.hasAttribute(`collapsed`)&&!u.value||(u.value=!0,d.value=n.hasAttribute(`collapsed`))});c.observe(n,{attributeFilter:[`collapsed`],attributes:!0}),T(e.responsive,t=>{a?.(),a=void 0;let r=String(t??``).trim();w.value=!!r,S.value=io(r),y.value=!1;let i=oo(n);if(b.value=i>0&&S.value!=null?i<=S.value:!1,M(),e[`container-breakpoints`].value&&S.value!=null||!r||typeof window.matchMedia!=`function`)return;let o=window.matchMedia(r),s=e=>{y.value=e.matches,M()};y.value=o.matches,M(),o.addEventListener(`change`,s),a=()=>{o.removeEventListener(`change`,s)}},{immediate:!0}),T(e[`bottom-nav-at`],t=>{o?.(),o=void 0;let r=String(t??``).trim();O.value=io(r),E.value=!1;let i=oo(n);if(D.value=i>0&&O.value!=null?i<=O.value:!1,M(),e[`container-breakpoints`].value&&O.value!=null||!r||typeof window.matchMedia!=`function`)return;let a=window.matchMedia(r),s=e=>{E.value=e.matches,M()};E.value=a.matches,M(),a.addEventListener(`change`,s),o=()=>{a.removeEventListener(`change`,s)}},{immediate:!0});let l=typeof ResizeObserver==`function`?(()=>{let e=V(n),t=n.parentElement,i=ao(n),a=t?V(t):void 0,o=i&&i!==t?V(i):void 0,s;return T(x(()=>[e.value.width,e.value.height,a?.value.width,a?.value.height,o?.value.width,o?.value.height]),()=>{s!==void 0&&cancelAnimationFrame(s),s=requestAnimationFrame(()=>{let e=ao(n),t=oo(n),i=b.value,a=D.value,o=e?.clientWidth??0;k.value=o>0&&o<window.innerWidth,b.value=t>0&&S.value!=null?t<=S.value:!1,D.value=t>0&&O.value!=null?t<=O.value:!1,(i!==b.value||a!==D.value)&&M(),r()})})})():void 0,f=e=>{let t=new Set(e);for(let[e,n]of s)t.has(e)||(n.disconnect(),s.delete(e));for(let t of e){if(s.has(t))continue;let e=new MutationObserver(()=>{p.value&&N()});e.observe(t,{attributeFilter:[`active`,`disabled`,`href`],attributes:!0}),s.set(t,e)}};return T(i.elements(),e=>{let t=e.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`);f(t),N()},{immediate:!0}),()=>{c.disconnect(),a?.(),o?.(),l?.dispose();for(let e of s.values())e.disconnect();s.clear()}}),s`
|
|
2806
2806
|
<button
|
|
2807
2807
|
class="mobile-backdrop"
|
|
2808
2808
|
part="mobile-backdrop"
|
|
@@ -2840,7 +2840,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2840
2840
|
</nav>
|
|
2841
2841
|
|
|
2842
2842
|
<div class="bottom-bar" part="bottom-bar" ?hidden=${()=>!p.value}>
|
|
2843
|
-
${()=>
|
|
2843
|
+
${()=>g.value.map(e=>{let t=`bottom-tab${e.active?` bottom-tab-active`:``}`;return e.href&&!e.disabled?s`
|
|
2844
2844
|
<a
|
|
2845
2845
|
class="${t}"
|
|
2846
2846
|
href="${e.href}"
|
|
@@ -2866,7 +2866,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2866
2866
|
</button>
|
|
2867
2867
|
`})}
|
|
2868
2868
|
</div>
|
|
2869
|
-
`},styles:[U,W,ro]});var lo=`ore-sidebar-group`;a(lo,{props:{collapsible:p.bool(!1),"default-open":p.bool(!0),label:p.string(),open:{default:void 0,parse:e=>e==null?void 0:e===``||e===`true`,reflect:!1}},setup(e){let n=
|
|
2869
|
+
`},styles:[U,W,ro]});var lo=`ore-sidebar-group`;a(lo,{props:{collapsible:p.bool(!1),"default-open":p.bool(!0),label:p.string(),open:{default:void 0,parse:e=>e==null?void 0:e===``||e===`true`,reflect:!1}},setup(e){let n=v(),r=()=>n.has(`icon`).value,i=c(so);t({attr:{"sidebar-bottom-nav":()=>i?.mode.value===`bottom-nav`&&!i?.mobileOpen.value?!0:void 0,"sidebar-collapsed":()=>i?.collapsed.value?!0:void 0}});let a=()=>e.open.value!==void 0,o=C(e[`default-open`].value),l=x(()=>e.collapsible.value?a()?e.open.value??!1:o.value:!0);return T(e.open,e=>{e!==void 0&&(o.value=e)}),t({attr:{open:()=>l.value?!0:void 0}}),s`
|
|
2870
2870
|
<details class="group" part="group" ?open=${l}>
|
|
2871
2871
|
<summary
|
|
2872
2872
|
class="group-header"
|
|
@@ -2885,7 +2885,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2885
2885
|
<slot></slot>
|
|
2886
2886
|
</div>
|
|
2887
2887
|
</details>
|
|
2888
|
-
`},styles:[W,to]});var uo=`ore-sidebar-item`;a(uo,{props:{active:p.bool(!1),disabled:p.bool(!1),href:p.string(),rel:p.string(),target:p.string()},setup(e){let n=
|
|
2888
|
+
`},styles:[W,to]});var uo=`ore-sidebar-item`;a(uo,{props:{active:p.bool(!1),disabled:p.bool(!1),href:p.string(),rel:p.string(),target:p.string()},setup(e){let n=v(),r=()=>n.has(`icon`).value,i=()=>n.has(`end`).value,a=c(so);t({attr:{"sidebar-bottom-nav":()=>a?.mode.value===`bottom-nav`&&!a?.mobileOpen.value?!0:void 0,"sidebar-collapsed":()=>a?.collapsed.value?!0:void 0}});let o=()=>!!e.href.value&&!e.disabled.value,l=x(()=>rr(e.rel.value,e.target.value)),u=()=>s`
|
|
2889
2889
|
<span class="item-icon" part="item-icon" ?hidden=${()=>!r()} aria-hidden="true">
|
|
2890
2890
|
<slot name="icon"></slot>
|
|
2891
2891
|
</span>
|
|
@@ -2923,7 +2923,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2923
2923
|
${u()}
|
|
2924
2924
|
</button>
|
|
2925
2925
|
`}
|
|
2926
|
-
`},styles:[U,no]});function fo(e){let t=null,n=null,r=()=>{n!==null&&(cancelAnimationFrame(n),n=null)};return e.signal?.addEventListener(`abort`,r,{once:!0}),{applyInitialFocus(){r();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:r,captureReturnFocus(){t=document.activeElement},restoreFocus(){e.getReturnFocus()!==!1&&t&&(t.focus(),t=null)}}}function po(){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 mo(e){let t=Z(e.onCleanup),n=T(!1),r=`programmatic`,i=po(),a=!1,o=fo({getInitialFocusSelector:()=>e.initialFocus.value,getReturnFocus:()=>e.returnFocus.value,host:e.host,signal:t}),s=()=>{let t=e.dialogRef.value;if(!t?.open||a)return;a=!0,t.classList.add(`closing`);let n=()=>{t.close(),a=!1},r=e.getPanelEl();r?Gr(r,n,`transition`):n()},c=t=>e.host.dispatchEvent(new CustomEvent(`close-request`,{bubbles:!0,cancelable:!0,composed:!0,detail:{reason:t,...e.closeRequestDetail?.(t)}})),l=Ht({getBoundary:()=>e.host,getPanel:()=>{let t=e.getPanelEl();return t instanceof HTMLElement?t:null},isOpen:()=>n.value,onOpen:e.onOpen,setOpen:(t,a)=>{let s=e.dialogRef.value;if(s){if(t){if(s.open)return;s.classList.remove(`closing`),o.captureReturnFocus(),e.beforeOpen?.(s),s.showModal(),i.lock(e.host),o.applyInitialFocus(),n.value=!0;return}if(s.open){r=a,(e.performClose??(e=>e.close()))(s,a);return}n.value=!1}},signal:t}),u=e=>{c(e)&&l.close(e,!1)};e.host.addEventListener(`command`,e=>{let t=e.command;t===`show-modal`?l.open(`trigger`):(t===`close`||t===`request-close`)&&u(`trigger`)},{signal:t});let d=t=>{t.target===e.dialogRef.value&&(t.preventDefault(),!e.isPersistent()&&u(`escape`))},f=t=>{e.isPersistent()||t.target===e.dialogRef.value&&u(`outsideClick`)},p=t=>{if(t&&t.target!==e.dialogRef.value)return;i.unlock(),e.host.removeAttribute(`open`),n.value=!1,o.restoreFocus();let a=r;r=`programmatic`,e.onNativeClose?.(a)},m=()=>{let t=e.dialogRef.value;t&&e.onEvent(t,`close`,p),D(e.openProp,e=>{e?l.open(`programmatic`):l.close(`programmatic`,!1)},{immediate:!0})};return{closeWithAnimation:s,dispatchCloseRequest:c,handleBackdropClick:f,handleCancel:d,isOpen:n,overlay:l,requestClose:u,setupNativeListeners:()=>{let t=e.dialogRef.value;t&&(m(),e.onEvent(t,`click`,f),e.onEvent(t,`cancel`,d))},watchOpenProp:m}}function ho(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 go(e){return e.split(`+`).map(e=>e.trim()).filter(Boolean)}function _o(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 vo(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 yo(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 bo=`@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::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::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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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!important}}`,xo=`ore-command-palette-item`;a(xo,{setup(){return s``}});var So=`ore-command-palette`;a(So,{props:{"empty-text":p.string(`No results found.`),items:p.data(),"keep-open-on-select":p.bool(!1),label:p.string(`Command palette`),loading:p.bool(!1),"no-filter":p.bool(!1),open:p.bool(!1),placeholder:p.string(`Type a command or search…`),shortcut:p.string(`mod+k`)},setup(e){let t=o(),n=g(),r=Z(l),i=h(),a=h(),c=`cmdk-listbox`,u=null,p=T(``),m=T([]),_=()=>{m.value=ho([...t.children])};_();let v=new MutationObserver(_);v.observe(t,{characterData:!0,childList:!0,subtree:!0}),l(()=>v.disconnect());let y=C(()=>{let t=e.items.value;return Array.isArray(t)?t.map(_o):m.value}),b=C(()=>vo(y.value,p.value,!!e[`no-filter`].value)),x=C(()=>yo(b.value)),S=Vt({getItems:()=>b.value,isItemDisabled:e=>e.disabled,onNavigate:()=>{u?.querySelector(`[data-focused]`)?.scrollIntoView({block:`nearest`})},signal:r}),{focusedIndex:w}=S,E=()=>{p.value=``,S.reset()},{closeWithAnimation:O,overlay:k,requestClose:A,setupNativeListeners:j}=mo({dialogRef:i,getPanelEl:()=>i.value?.querySelector(`.panel`),host:t,initialFocus:C(()=>`.search-input`),isPersistent:()=>!1,onCleanup:l,onEvent:d,onNativeClose:e=>{n(`close`,{reason:e}),E()},onOpen:e=>{n(`open`,{reason:e}),S.navigate(`first`)},openProp:e.open,performClose:()=>O(),returnFocus:C(()=>!0)}),M=ie();M.mount(window),l(()=>M.dispose());let N=null;D(e.shortcut,e=>{N?.(),N=null;let t=(e??``).trim();if(t)try{N=M.bind(t,()=>{k.toggle(`keyboard`,`trigger`)})}catch(e){Me(`invalid "shortcut" value "${t}" — ${e instanceof Error?e.message:String(e)}`)}},{immediate:!0}),f(()=>{j()});function P(t){t.disabled||(n(`select`,{item:t,label:t.label,value:t.value}),e[`keep-open-on-select`].value?a.value?.focus():A(`trigger`))}function F(t){let r=t.target.value;p.value=r,S.navigate(`first`),n(`search`,{query:r});let i=b.value.length;ln(i===0?e[`empty-text`].value:`${i} result${i===1?``:`s`} found`)}function I(e){if(!S.handleKeydown(e)&&e.key===`Enter`){let t=S.getActiveItem()??b.value.find(e=>!e.disabled);t&&(e.preventDefault(),P(t))}}return s`
|
|
2926
|
+
`},styles:[U,no]});function fo(e){let t=null,n=null,r=()=>{n!==null&&(cancelAnimationFrame(n),n=null)};return e.signal?.addEventListener(`abort`,r,{once:!0}),{applyInitialFocus(){r();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:r,captureReturnFocus(){t=document.activeElement},restoreFocus(){e.getReturnFocus()!==!1&&t&&(t.focus(),t=null)}}}function po(){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 mo(e){let t=Z(e.onCleanup),n=C(!1),r=`programmatic`,i=po(),a=!1,o=fo({getInitialFocusSelector:()=>e.initialFocus.value,getReturnFocus:()=>e.returnFocus.value,host:e.host,signal:t}),s=()=>{let t=e.dialogRef.value;if(!t?.open||a)return;a=!0,t.classList.add(`closing`);let n=()=>{t.close(),a=!1},r=e.getPanelEl();r?Gr(r,n,`transition`):n()},c=t=>e.host.dispatchEvent(new CustomEvent(`close-request`,{bubbles:!0,cancelable:!0,composed:!0,detail:{reason:t,...e.closeRequestDetail?.(t)}})),l=Ht({getBoundary:()=>e.host,getPanel:()=>{let t=e.getPanelEl();return t instanceof HTMLElement?t:null},isOpen:()=>n.value,onOpen:e.onOpen,setOpen:(t,a)=>{let s=e.dialogRef.value;if(s){if(t){if(s.open)return;s.classList.remove(`closing`),o.captureReturnFocus(),e.beforeOpen?.(s),s.showModal(),i.lock(e.host),o.applyInitialFocus(),n.value=!0;return}if(s.open){r=a,(e.performClose??(e=>e.close()))(s,a);return}n.value=!1}},signal:t}),u=e=>{c(e)&&l.close(e,!1)};e.host.addEventListener(`command`,e=>{let t=e.command;t===`show-modal`?l.open(`trigger`):(t===`close`||t===`request-close`)&&u(`trigger`)},{signal:t});let d=t=>{t.target===e.dialogRef.value&&(t.preventDefault(),!e.isPersistent()&&u(`escape`))},f=t=>{e.isPersistent()||t.target===e.dialogRef.value&&u(`outsideClick`)},p=t=>{if(t&&t.target!==e.dialogRef.value)return;i.unlock(),e.host.removeAttribute(`open`),n.value=!1,o.restoreFocus();let a=r;r=`programmatic`,e.onNativeClose?.(a)},m=()=>{let t=e.dialogRef.value;t&&e.onEvent(t,`close`,p),T(e.openProp,e=>{e?l.open(`programmatic`):l.close(`programmatic`,!1)},{immediate:!0})};return{closeWithAnimation:s,dispatchCloseRequest:c,handleBackdropClick:f,handleCancel:d,isOpen:n,overlay:l,requestClose:u,setupNativeListeners:()=>{let t=e.dialogRef.value;t&&(m(),e.onEvent(t,`click`,f),e.onEvent(t,`cancel`,d))},watchOpenProp:m}}function ho(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 go(e){return e.split(`+`).map(e=>e.trim()).filter(Boolean)}function _o(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 vo(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 yo(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 bo=`@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::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::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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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!important}}`,xo=`ore-command-palette-item`;a(xo,{setup(){return s``}});var So=`ore-command-palette`;a(So,{props:{"empty-text":p.string(`No results found.`),items:p.data(),"keep-open-on-select":p.bool(!1),label:p.string(`Command palette`),loading:p.bool(!1),"no-filter":p.bool(!1),open:p.bool(!1),placeholder:p.string(`Type a command or search…`),shortcut:p.string(`mod+k`)},setup(e){let t=o(),n=_(),r=Z(l),i=h(),a=h(),c=`cmdk-listbox`,u=null,p=C(``),m=C([]),g=()=>{m.value=ho([...t.children])};g();let v=new MutationObserver(g);v.observe(t,{characterData:!0,childList:!0,subtree:!0}),l(()=>v.disconnect());let y=x(()=>{let t=e.items.value;return Array.isArray(t)?t.map(_o):m.value}),b=x(()=>vo(y.value,p.value,!!e[`no-filter`].value)),S=x(()=>yo(b.value)),w=Vt({getItems:()=>b.value,isItemDisabled:e=>e.disabled,onNavigate:()=>{u?.querySelector(`[data-focused]`)?.scrollIntoView({block:`nearest`})},signal:r}),{focusedIndex:E}=w,D=()=>{p.value=``,w.reset()},{closeWithAnimation:O,overlay:k,requestClose:A,setupNativeListeners:j}=mo({dialogRef:i,getPanelEl:()=>i.value?.querySelector(`.panel`),host:t,initialFocus:x(()=>`.search-input`),isPersistent:()=>!1,onCleanup:l,onEvent:d,onNativeClose:e=>{n(`close`,{reason:e}),D()},onOpen:e=>{n(`open`,{reason:e}),w.navigate(`first`)},openProp:e.open,performClose:()=>O(),returnFocus:x(()=>!0)}),M=ie();M.mount(window),l(()=>M.dispose());let N=null;T(e.shortcut,e=>{N?.(),N=null;let t=(e??``).trim();if(t)try{N=M.bind(t,()=>{k.toggle(`keyboard`,`trigger`)})}catch(e){Me(`invalid "shortcut" value "${t}" — ${e instanceof Error?e.message:String(e)}`)}},{immediate:!0}),f(()=>{j()});function P(t){t.disabled||(n(`select`,{item:t,label:t.label,value:t.value}),e[`keep-open-on-select`].value?a.value?.focus():A(`trigger`))}function F(t){let r=t.target.value;p.value=r,w.navigate(`first`),n(`search`,{query:r});let i=b.value.length;ln(i===0?e[`empty-text`].value:`${i} result${i===1?``:`s`} found`)}function I(e){if(!w.handleKeydown(e)&&e.key===`Enter`){let t=w.getActiveItem()??b.value.find(e=>!e.disabled);t&&(e.preventDefault(),P(t))}}return s`
|
|
2927
2927
|
<dialog ref="${i}" class="dialog" part="dialog" aria-label="${e.label}" aria-modal="true">
|
|
2928
2928
|
<div class="panel" part="panel">
|
|
2929
2929
|
<div class="search" part="search">
|
|
@@ -2939,7 +2939,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2939
2939
|
aria-expanded="true"
|
|
2940
2940
|
aria-autocomplete="list"
|
|
2941
2941
|
aria-controls="${c}"
|
|
2942
|
-
aria-activedescendant="${()=>
|
|
2942
|
+
aria-activedescendant="${()=>E.value>=0?`${c}-opt-${E.value}`:``}"
|
|
2943
2943
|
placeholder="${e.placeholder}"
|
|
2944
2944
|
value="${p}"
|
|
2945
2945
|
@input="${F}"
|
|
@@ -2953,20 +2953,20 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2953
2953
|
id="${c}"
|
|
2954
2954
|
aria-label="Commands"
|
|
2955
2955
|
ref="${e=>{u=e}}">
|
|
2956
|
-
<div class="empty" role="presentation" ?hidden="${()=>e.loading.value||
|
|
2956
|
+
<div class="empty" role="presentation" ?hidden="${()=>e.loading.value||S.value.length>0}">
|
|
2957
2957
|
${()=>e[`empty-text`].value}
|
|
2958
2958
|
</div>
|
|
2959
|
-
${()=>
|
|
2959
|
+
${()=>S.value.map(e=>e.type===`group`?s`<div class="group-heading" role="presentation">${e.group}</div>`:s`<div
|
|
2960
2960
|
class="item"
|
|
2961
2961
|
part="item"
|
|
2962
2962
|
role="option"
|
|
2963
2963
|
id="${`${c}-opt-${e.idx}`}"
|
|
2964
|
-
aria-selected="${()=>String(
|
|
2964
|
+
aria-selected="${()=>String(E.value===e.idx)}"
|
|
2965
2965
|
aria-disabled="${()=>String(e.item.disabled)}"
|
|
2966
|
-
?data-focused="${()=>
|
|
2966
|
+
?data-focused="${()=>E.value===e.idx}"
|
|
2967
2967
|
?data-disabled="${()=>e.item.disabled}"
|
|
2968
2968
|
@click="${t=>{t.stopPropagation(),P(e.item)}}"
|
|
2969
|
-
@pointerenter="${()=>{
|
|
2969
|
+
@pointerenter="${()=>{w.set(e.idx)}}">
|
|
2970
2970
|
${e.item.icon?s`<span class="item-icon" aria-hidden="true"
|
|
2971
2971
|
><ore-icon name="${e.item.icon}" size="16"></ore-icon
|
|
2972
2972
|
></span>`:``}
|
|
@@ -2983,7 +2983,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2983
2983
|
</div>
|
|
2984
2984
|
</div>
|
|
2985
2985
|
</dialog>
|
|
2986
|
-
`},styles:[W,bo]});var Co=`@layer refine.base{:host{--_radius:var(--dialog-radius,var(--rounded-lg));--_padding:var(--dialog-padding,var(--size-4));--_gap:var(--dialog-gap,var(--size-4));--_max-width:var(--dialog-max-width,32rem);--_elevation:var(--shadow-xl);--_backdrop-filter:none;--_backdrop-bg:var(--dialog-backdrop,color-mix(in oklch, var(--color-canvas) 40%, transparent));--_panel-bg:var(--dialog-bg,var(--color-canvas));--_panel-blur:var(--dialog-panel-blur,var(--blur-md));--_panel-border-color:var(--dialog-border-color,var(--color-divider));display:contents}dialog{all:unset;box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;transition:display .2s allow-discrete, overlay .2s allow-discrete;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}dialog:not([open]),dialog:not([open]) .panel{display:none}dialog[open]{pointer-events:auto}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:opacity var(--transition-normal), overlay var(--transition-normal) allow-discrete, display var(--transition-normal) allow-discrete}@starting-style{dialog::backdrop{opacity:0}}dialog.closing::backdrop{opacity:0;transition:opacity .15s var(--ease-in-out), overlay .15s allow-discrete, display .15s allow-discrete}.panel{box-sizing:border-box;width:var(--_max-width);max-width:calc(100vw - var(--size-8));max-height:calc(100dvh - var(--size-8));background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);border-radius:var(--_radius);box-shadow:var(--dialog-shadow,var(--_elevation));opacity:1;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity .2s var(--ease-spring), transform .2s var(--ease-spring);flex-direction:column;display:flex;position:relative;overflow:hidden;transform:scale(1)translateY(0)}@starting-style{.panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px)}}dialog.closing .panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px);transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring)}.panel[data-size=sm]{--_max-width:var(--dialog-max-width,22rem)}.panel[data-size=md]{--_max-width:var(--dialog-max-width,32rem)}.panel[data-size=lg]{--_max-width:var(--dialog-max-width,48rem)}.panel[data-size=xl]{--_max-width:var(--dialog-max-width,64rem)}.panel[data-size=full]{width:calc(100vw - var(--size-8));max-width:calc(100vw - var(--size-8));max-height:calc(100dvh - var(--size-8))}.header{gap:var(--size-2);padding:var(--_padding);flex-shrink:0;align-items:center;padding-bottom:0;display:flex}.header[hidden]{display:none}.title{font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-contrast-900);flex:1}.close{width:var(--size-8);min-width:var(--_touch-target);height:var(--size-8);min-height:var(--_touch-target);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.close:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.close:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.close:hover{color:var(--color-contrast-900);background:var(--color-contrast-200)}.close:focus-visible{outline:var(--border-2) solid var(--color-focus);outline-offset:var(--border-2)}.close[hidden]{display:none}.body{padding:var(--_padding);overscroll-behavior:contain;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-contrast-700);flex:1;overflow-y:auto}.footer{gap:var(--_gap);padding:var(--_padding);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;padding-top:0;display:flex}.footer[hidden]{display:none}.header:not([hidden])+.body{padding-top:var(--size-4)}.body+.footer:not([hidden]){padding-top:var(--size-4);border-top:var(--border) solid var(--color-contrast-100)}@media (width<=640px){.panel,.panel[data-size=sm],.panel[data-size=md],.panel[data-size=lg],.panel[data-size=xl]{width:calc(100vw - var(--size-4));max-width:calc(100vw - var(--size-4));max-height:calc(100dvh - var(--size-4))}.header,.body,.footer{padding-inline:var(--size-3)}}}@layer refine.config{:host([backdrop=blur]){--_backdrop-filter:blur(var(--blur-xs))}:host([backdrop=transparent]){--_backdrop-bg:transparent}:host([elevation=none]){--_elevation:var(--shadow-none)}:host([elevation=sm]){--_elevation:var(--shadow-sm)}:host([elevation=md]){--_elevation:var(--shadow-md)}:host([elevation=lg]){--_elevation:var(--shadow-lg)}:host([elevation=xl]){--_elevation:var(--shadow-xl)}:host([elevation="2xl"]){--_elevation:var(--shadow-2xl)}:host([padding=none]){--_padding:var(--size-0)}:host([padding=sm]){--_padding:var(--size-3)}:host([padding=md]){--_padding:var(--size-4)}:host([padding=lg]){--_padding:var(--size-6)}:host([padding=xl]){--_padding:var(--size-8)}}`,wo=`ore-dialog`;a(wo,{props:{backdrop:p.string(),dismissible:p.bool(!1),elevation:p.string(),"initial-focus":p.string(),label:p.string(),open:p.bool(!1),padding:p.string(),persistent:p.bool(!1),"return-focus":p.bool(!0),rounded:p.string(),size:p.oneOf([`sm`,`md`,`lg`,`xl`,`full`],`md`)},setup(e){let t=o(),n=
|
|
2986
|
+
`},styles:[W,bo]});var Co=`@layer refine.base{:host{--_radius:var(--dialog-radius,var(--rounded-lg));--_padding:var(--dialog-padding,var(--size-4));--_gap:var(--dialog-gap,var(--size-4));--_max-width:var(--dialog-max-width,32rem);--_elevation:var(--shadow-xl);--_backdrop-filter:none;--_backdrop-bg:var(--dialog-backdrop,color-mix(in oklch, var(--color-canvas) 40%, transparent));--_panel-bg:var(--dialog-bg,var(--color-canvas));--_panel-blur:var(--dialog-panel-blur,var(--blur-md));--_panel-border-color:var(--dialog-border-color,var(--color-divider));display:contents}dialog{all:unset;box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;transition:display .2s allow-discrete, overlay .2s allow-discrete;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}dialog:not([open]),dialog:not([open]) .panel{display:none}dialog[open]{pointer-events:auto}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:opacity var(--transition-normal), overlay var(--transition-normal) allow-discrete, display var(--transition-normal) allow-discrete}@starting-style{dialog::backdrop{opacity:0}}dialog.closing::backdrop{opacity:0;transition:opacity .15s var(--ease-in-out), overlay .15s allow-discrete, display .15s allow-discrete}.panel{box-sizing:border-box;width:var(--_max-width);max-width:calc(100vw - var(--size-8));max-height:calc(100dvh - var(--size-8));background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);border-radius:var(--_radius);box-shadow:var(--dialog-shadow,var(--_elevation));opacity:1;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity .2s var(--ease-spring), transform .2s var(--ease-spring);flex-direction:column;display:flex;position:relative;overflow:hidden;transform:scale(1)translateY(0)}@starting-style{.panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px)}}dialog.closing .panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px);transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring)}.panel[data-size=sm]{--_max-width:var(--dialog-max-width,22rem)}.panel[data-size=md]{--_max-width:var(--dialog-max-width,32rem)}.panel[data-size=lg]{--_max-width:var(--dialog-max-width,48rem)}.panel[data-size=xl]{--_max-width:var(--dialog-max-width,64rem)}.panel[data-size=full]{width:calc(100vw - var(--size-8));max-width:calc(100vw - var(--size-8));max-height:calc(100dvh - var(--size-8))}.header{gap:var(--size-2);padding:var(--_padding);flex-shrink:0;align-items:center;padding-bottom:0;display:flex}.header[hidden]{display:none}.title{font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-contrast-900);flex:1}.close{width:var(--size-8);min-width:var(--_touch-target);height:var(--size-8);min-height:var(--_touch-target);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.close:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.close:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.close:hover{color:var(--color-contrast-900);background:var(--color-contrast-200)}.close:focus-visible{outline:var(--border-2) solid var(--color-focus);outline-offset:var(--border-2)}.close[hidden]{display:none}.body{padding:var(--_padding);overscroll-behavior:contain;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-contrast-700);flex:1;overflow-y:auto}.footer{gap:var(--_gap);padding:var(--_padding);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;padding-top:0;display:flex}.footer[hidden]{display:none}.header:not([hidden])+.body{padding-top:var(--size-4)}.body+.footer:not([hidden]){padding-top:var(--size-4);border-top:var(--border) solid var(--color-contrast-100)}@media (width<=640px){.panel,.panel[data-size=sm],.panel[data-size=md],.panel[data-size=lg],.panel[data-size=xl]{width:calc(100vw - var(--size-4));max-width:calc(100vw - var(--size-4));max-height:calc(100dvh - var(--size-4))}.header,.body,.footer{padding-inline:var(--size-3)}}}@layer refine.config{:host([backdrop=blur]){--_backdrop-filter:blur(var(--blur-xs))}:host([backdrop=transparent]){--_backdrop-bg:transparent}:host([elevation=none]){--_elevation:var(--shadow-none)}:host([elevation=sm]){--_elevation:var(--shadow-sm)}:host([elevation=md]){--_elevation:var(--shadow-md)}:host([elevation=lg]){--_elevation:var(--shadow-lg)}:host([elevation=xl]){--_elevation:var(--shadow-xl)}:host([elevation="2xl"]){--_elevation:var(--shadow-2xl)}:host([padding=none]){--_padding:var(--size-0)}:host([padding=sm]){--_padding:var(--size-3)}:host([padding=md]){--_padding:var(--size-4)}:host([padding=lg]){--_padding:var(--size-6)}:host([padding=xl]){--_padding:var(--size-8)}}`,wo=`ore-dialog`;a(wo,{props:{backdrop:p.string(),dismissible:p.bool(!1),elevation:p.string(),"initial-focus":p.string(),label:p.string(),open:p.bool(!1),padding:p.string(),persistent:p.bool(!1),"return-focus":p.bool(!0),rounded:p.string(),size:p.oneOf([`sm`,`md`,`lg`,`xl`,`full`],`md`)},setup(e){let t=o(),n=_(),r=v(),i=h(),a=()=>r.has(`header`).value||!!e.label.value||e.dismissible.value,c=()=>r.has(`footer`).value,{closeWithAnimation:u,overlay:p,requestClose:m,setupNativeListeners:g}=mo({dialogRef:i,getPanelEl:()=>i.value?.querySelector(`.panel`),host:t,initialFocus:e[`initial-focus`],isPersistent:()=>!!e.persistent.value,onCleanup:l,onEvent:d,onNativeClose:e=>n(`close`,{reason:e}),onOpen:e=>n(`open`,{reason:e}),openProp:e.open,performClose:()=>{u()},returnFocus:e[`return-focus`]});return f(()=>{if(i.value)return g(),()=>{p.dispose()}}),s`
|
|
2987
2987
|
<dialog ref=${i} class="dialog" part="dialog" aria-label="${e.label}" aria-modal="true">
|
|
2988
2988
|
<div class="overlay" part="overlay" aria-hidden="true"></div>
|
|
2989
2989
|
<div class="panel" part="panel" :data-size="${e.size}">
|
|
@@ -3009,7 +3009,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
3009
3009
|
</div>
|
|
3010
3010
|
</div>
|
|
3011
3011
|
</dialog>
|
|
3012
|
-
`},styles:[G,U,Co]});var To=`@layer refine.base{:host{--_backdrop-bg:var(--drawer-backdrop-bg,color-mix(in oklch, var(--color-canvas) 40%, transparent));--_backdrop-filter:none;--_panel-bg:var(--drawer-bg,var(--color-canvas));--_panel-blur:var(--drawer-panel-blur,var(--blur-md));--_panel-shadow:var(--drawer-shadow,var(--shadow-xl));--_panel-border-color:var(--color-divider);--_panel-bleed:var(--size-8);--_drag-handle-inset:calc(var(--size-1) * -1);display:contents}dialog{all:unset;box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;transition:display .2s allow-discrete, overlay .2s allow-discrete;display:flex;position:fixed;inset:0}dialog:not([open]),dialog:not([open]) .panel{display:none}dialog[open]{pointer-events:auto;display:flex}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:display .2s allow-discrete, overlay .2s allow-discrete, opacity var(--transition-normal), backdrop-filter var(--transition-normal)}@starting-style{dialog::backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}dialog.closing::backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:opacity .3s var(--ease-in-out), backdrop-filter .3s var(--ease-in-out), overlay .3s allow-discrete, display .3s allow-discrete}.panel{box-sizing:border-box;background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);box-shadow:var(--_panel-shadow);opacity:1;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity var(--transition-normal), transform .3s var(--ease-move);flex-direction:column;display:flex;position:absolute;overflow:visible;transform:translate(0)}@starting-style{.panel{opacity:0;transform:var(--_panel-exit-transform,translate3d(0, 0, 0))}}dialog.closing .panel{opacity:0;transform:var(--_panel-exit-transform,translate3d(0, 0, 0))}:host([placement=left]) .panel{--_panel-exit-transform:translateX(calc(-100% - var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host([placement=left]) .panel:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=left]) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host(:not([placement])) .panel,:host([placement=right]) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host(:not([placement])) .panel:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([placement=right]) .panel:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host(:not([placement])) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=right]) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=top]) .panel{--_panel-exit-transform:translateY(calc(-100% - var(--_panel-bleed)));height:calc(var(--drawer-size,16rem) + var(--_panel-bleed));max-height:calc(100dvh + var(--_panel-bleed));margin-top:calc(var(--_panel-bleed) * -1);padding-top:var(--_panel-bleed);border-top:none;border-left:none;border-right:none;top:0;left:0;right:0}:host([placement=bottom]) .panel{--_panel-exit-transform:translateY(calc(100% + var(--_panel-bleed)));height:calc(var(--drawer-size,16rem) + var(--_panel-bleed));max-height:calc(100dvh + var(--_panel-bleed));margin-bottom:calc(var(--_panel-bleed) * -1);padding-bottom:var(--_panel-bleed);border-bottom:none;border-left:none;border-right:none;bottom:0;left:0;right:0}:host(:dir(rtl)[placement=left]) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)))}:host(:dir(rtl)[placement=right]) .panel,:host(:dir(rtl):not([placement])) .panel{--_panel-exit-transform:translateX(calc(-100% - var(--_panel-bleed)))}:host([size=sm]){--drawer-size:14rem}:host([size=lg]){--drawer-size:32rem}:host([size=full]){--drawer-size:100%}:host([size=full]) .panel{width:calc(100% + var(--_panel-bleed));max-width:none;height:calc(100% + var(--_panel-bleed));border:none;max-height:none}.header{gap:var(--size-2);padding:var(--size-4);border-bottom:var(--border) solid var(--color-contrast-200);flex-shrink:0;align-items:center;display:flex}.header-title{text-overflow:ellipsis;min-width:0;font-size:var(--text-lg);font-weight:var(--font-semibold);white-space:nowrap;flex:1;overflow:hidden}.body{padding:var(--size-4);flex:1;overflow-y:auto}.footer{gap:var(--size-2);padding:var(--size-4);border-top:var(--border) solid var(--color-contrast-200);flex-shrink:0;justify-content:flex-end;display:flex}.header[hidden],.footer[hidden],.close-btn[hidden]{display:none}.close-btn{all:unset;box-sizing:border-box;width:var(--size-8);height:var(--size-8);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.close-btn:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.close-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.close-btn:hover{color:var(--color-contrast-800);background:var(--color-contrast-200)}.close-btn:active{opacity:.8}.drag-handle{z-index:10;pointer-events:all;touch-action:none;cursor:grab;position:absolute}.drag-handle:active{cursor:grabbing}:host([placement=left]) .drag-handle,:host(:not([placement])) .drag-handle,:host([placement=right]) .drag-handle{width:var(--_panel-bleed);height:3.5rem;top:50%;translate:0 -50%}:host([placement=left]) .drag-handle{right:calc(var(--_panel-bleed) * -1)}:host([placement=right]) .drag-handle,:host(:not([placement])) .drag-handle{left:calc(var(--_panel-bleed) * -1)}:host([placement=top]) .drag-handle,:host([placement=bottom]) .drag-handle{width:3.5rem;height:var(--_panel-bleed);left:50%;translate:-50%}:host([placement=top]) .drag-handle{bottom:calc(var(--_panel-bleed) * -1)}:host([placement=bottom]) .drag-handle{top:calc(var(--_panel-bleed) * -1)}:host([drag-handle-placement=inset][placement=left]) .drag-handle{right:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=right]) .drag-handle,:host([drag-handle-placement=inset]:not([placement])) .drag-handle{left:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=top]) .drag-handle{bottom:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=bottom]) .drag-handle{top:var(--_drag-handle-inset)}.drag-handle:before{content:"";background:var(--color-contrast-400);border-radius:var(--rounded-full);opacity:.6;transition:background var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);position:absolute;inset:50%;translate:-50% -50%}:host([placement=left]) .drag-handle:before,:host([placement=right]) .drag-handle:before,:host(:not([placement])) .drag-handle:before{width:5px;height:2.5rem}:host([placement=top]) .drag-handle:before,:host([placement=bottom]) .drag-handle:before{width:2.5rem;height:5px}.drag-handle:hover:before{background:var(--color-contrast-600);opacity:.9;transform:scale(1.15)}.close-btn:focus-visible{outline:var(--focus-ring)}@media (width<=640px){:host([placement=left]) .panel,:host(:not([placement])) .panel,:host([placement=right]) .panel{width:calc(min(var(--drawer-size,20rem), calc(100vw - var(--size-2))) + var(--_panel-bleed));max-width:calc(100vw - var(--size-2) + var(--_panel-bleed))}:host([placement=top]) .panel,:host([placement=bottom]) .panel{height:calc(min(var(--drawer-size,16rem), calc(100dvh - var(--size-2))) + var(--_panel-bleed));max-height:calc(100dvh - var(--size-2) + var(--_panel-bleed))}.header,.body,.footer{padding:var(--size-3)}}}@layer refine.config{:host([backdrop=blur]){--_backdrop-filter:blur(var(--blur-xs))}:host([backdrop=transparent]){--_backdrop-bg:transparent}}`,Eo={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)`}},Do=`ore-drawer`;a(Do,{props:{backdrop:p.string(),dismissible:p.bool(!0),"drag-handle-placement":p.oneOf([`outside`,`inset`],`outside`),"initial-focus":p.string(),label:p.string(),open:p.bool(!1),persistent:p.bool(!1),placement:p.oneOf([`left`,`right`,`top`,`bottom`],`right`),"return-focus":p.bool(!0),size:p.string(),title:p.string()},setup(e){let t=o(),n=g(),i=_(),a=r(`drawer-label`),c=h(),u=h(),p=T(!1),m,v=()=>e.label.value??e.title.value??``,y=()=>i.has(`header`).value||!!v(),b=()=>y()||e.dismissible.value,x=()=>i.has(`footer`).value,S=()=>e.placement.value||`right`,C=()=>Eo[S()],w=(e,t)=>{let n=t===`x`?e.offsetWidth:e.offsetHeight;return Math.min(96,Math.max(36,n*.18))},E=(e,t)=>C().closingDistance(e)>=t,D=e=>{if(!p.value)return;m&&=(clearTimeout(m),void 0);let t=c.value;if(!t){p.value=!1;return}t.style.transition=`none`,e.style.opacity=`0`,e.style.visibility=`hidden`,t.offsetWidth,F(`swipe`)},O=(e,t,n)=>{if(p.value)return;p.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),D(e))};e.addEventListener(`transitionend`,o);let s=parseFloat(getComputedStyle(e).transitionDuration)*1e3;m=setTimeout(()=>{e.removeEventListener(`transitionend`,o),D(e)},s+50),e.style.transform=a,e.style.opacity=`0.2`},k=e=>{m&&=(clearTimeout(m),void 0),e.style.transition=``,e.style.transform=``,e.style.opacity=``,e.style.visibility=``,p.value=!1},A=({distance:e,threshold:t})=>{let n=u.value;if(n){if(E(e,t)){O(n,C(),e);return}k(n)}},j=rn({axis:()=>C().axis,disabled:p,onCancel:A,onCommit:({distance:e})=>{let t=u.value;t&&O(t,C(),e)},onMove:({distance:e,threshold:t})=>{let n=u.value;if(!n)return;let r=C(),i=r.closingDistance(e),a=Math.min(i/t,1);n.style.transition=`none`,n.style.transform=r.translate(e),n.style.opacity=String(1-a*.4)},onRelease:A,shouldCommit:({distance:e,threshold:t})=>E(e,t),threshold:()=>{let e=u.value;return e?w(e,C().axis):48}}),{closeWithAnimation:M,handleCancel:N,overlay:P,requestClose:F,watchOpenProp:I}=mo({beforeOpen:e=>{let t=u.value;t&&k(t)},closeRequestDetail:t=>({placement:e.placement.value??`right`}),dialogRef:c,getPanelEl:()=>u.value,host:t,initialFocus:e[`initial-focus`],isPersistent:()=>!!e.persistent.value,onCleanup:l,onEvent:d,onNativeClose:t=>{let r=u.value;r&&t!==`swipe`&&k(r);let i=c.value;i&&(i.style.transition=``),n(`close`,{placement:e.placement.value??`right`,reason:t})},onOpen:t=>n(`open`,{placement:e.placement.value??`right`,reason:t}),openProp:e.open,performClose:(e,t)=>{t===`swipe`?e.close():M()},returnFocus:e[`return-focus`]});return f(()=>{let n=c.value;if(!n)return;let r=t;r.show=()=>{P.open(`programmatic`)},r.hide=()=>{P.close(`programmatic`,!1)},I(),d(n,`cancel`,N),d(n,`click`,t=>{e.persistent.value||j.isActive()||p.value||t.target===n&&F(`outsideClick`)});let i=u.value?.querySelector(`[part="drag-handle"]`);return i&&(d(i,`pointerdown`,j.handlePointerDown),d(i,`pointermove`,j.handlePointerMove),d(i,`pointerup`,j.handlePointerUp),d(i,`pointercancel`,j.handlePointerCancel)),()=>{P.dispose()}}),s`
|
|
3012
|
+
`},styles:[G,U,Co]});var To=`@layer refine.base{:host{--_backdrop-bg:var(--drawer-backdrop-bg,color-mix(in oklch, var(--color-canvas) 40%, transparent));--_backdrop-filter:none;--_panel-bg:var(--drawer-bg,var(--color-canvas));--_panel-blur:var(--drawer-panel-blur,var(--blur-md));--_panel-shadow:var(--drawer-shadow,var(--shadow-xl));--_panel-border-color:var(--color-divider);--_panel-bleed:var(--size-8);--_drag-handle-inset:calc(var(--size-1) * -1);display:contents}dialog{all:unset;box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;transition:display .2s allow-discrete, overlay .2s allow-discrete;display:flex;position:fixed;inset:0}dialog:not([open]),dialog:not([open]) .panel{display:none}dialog[open]{pointer-events:auto;display:flex}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:display .2s allow-discrete, overlay .2s allow-discrete, opacity var(--transition-normal), backdrop-filter var(--transition-normal)}@starting-style{dialog::backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}dialog.closing::backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:opacity .3s var(--ease-in-out), backdrop-filter .3s var(--ease-in-out), overlay .3s allow-discrete, display .3s allow-discrete}.panel{box-sizing:border-box;background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);box-shadow:var(--_panel-shadow);opacity:1;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity var(--transition-normal), transform .3s var(--ease-move);flex-direction:column;display:flex;position:absolute;overflow:visible;transform:translate(0)}@starting-style{.panel{opacity:0;transform:var(--_panel-exit-transform,translate3d(0, 0, 0))}}dialog.closing .panel{opacity:0;transform:var(--_panel-exit-transform,translate3d(0, 0, 0))}:host([placement=left]) .panel{--_panel-exit-transform:translateX(calc(-100% - var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host([placement=left]) .panel:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=left]) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host(:not([placement])) .panel,:host([placement=right]) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host(:not([placement])) .panel:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([placement=right]) .panel:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host(:not([placement])) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=right]) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=top]) .panel{--_panel-exit-transform:translateY(calc(-100% - var(--_panel-bleed)));height:calc(var(--drawer-size,16rem) + var(--_panel-bleed));max-height:calc(100dvh + var(--_panel-bleed));margin-top:calc(var(--_panel-bleed) * -1);padding-top:var(--_panel-bleed);border-top:none;border-left:none;border-right:none;top:0;left:0;right:0}:host([placement=bottom]) .panel{--_panel-exit-transform:translateY(calc(100% + var(--_panel-bleed)));height:calc(var(--drawer-size,16rem) + var(--_panel-bleed));max-height:calc(100dvh + var(--_panel-bleed));margin-bottom:calc(var(--_panel-bleed) * -1);padding-bottom:var(--_panel-bleed);border-bottom:none;border-left:none;border-right:none;bottom:0;left:0;right:0}:host(:dir(rtl)[placement=left]) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)))}:host(:dir(rtl)[placement=right]) .panel,:host(:dir(rtl):not([placement])) .panel{--_panel-exit-transform:translateX(calc(-100% - var(--_panel-bleed)))}:host([size=sm]){--drawer-size:14rem}:host([size=lg]){--drawer-size:32rem}:host([size=full]){--drawer-size:100%}:host([size=full]) .panel{width:calc(100% + var(--_panel-bleed));max-width:none;height:calc(100% + var(--_panel-bleed));border:none;max-height:none}.header{gap:var(--size-2);padding:var(--size-4);border-bottom:var(--border) solid var(--color-contrast-200);flex-shrink:0;align-items:center;display:flex}.header-title{text-overflow:ellipsis;min-width:0;font-size:var(--text-lg);font-weight:var(--font-semibold);white-space:nowrap;flex:1;overflow:hidden}.body{padding:var(--size-4);flex:1;overflow-y:auto}.footer{gap:var(--size-2);padding:var(--size-4);border-top:var(--border) solid var(--color-contrast-200);flex-shrink:0;justify-content:flex-end;display:flex}.header[hidden],.footer[hidden],.close-btn[hidden]{display:none}.close-btn{all:unset;box-sizing:border-box;width:var(--size-8);height:var(--size-8);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.close-btn:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.close-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.close-btn:hover{color:var(--color-contrast-800);background:var(--color-contrast-200)}.close-btn:active{opacity:.8}.drag-handle{z-index:10;pointer-events:all;touch-action:none;cursor:grab;position:absolute}.drag-handle:active{cursor:grabbing}:host([placement=left]) .drag-handle,:host(:not([placement])) .drag-handle,:host([placement=right]) .drag-handle{width:var(--_panel-bleed);height:3.5rem;top:50%;translate:0 -50%}:host([placement=left]) .drag-handle{right:calc(var(--_panel-bleed) * -1)}:host([placement=right]) .drag-handle,:host(:not([placement])) .drag-handle{left:calc(var(--_panel-bleed) * -1)}:host([placement=top]) .drag-handle,:host([placement=bottom]) .drag-handle{width:3.5rem;height:var(--_panel-bleed);left:50%;translate:-50%}:host([placement=top]) .drag-handle{bottom:calc(var(--_panel-bleed) * -1)}:host([placement=bottom]) .drag-handle{top:calc(var(--_panel-bleed) * -1)}:host([drag-handle-placement=inset][placement=left]) .drag-handle{right:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=right]) .drag-handle,:host([drag-handle-placement=inset]:not([placement])) .drag-handle{left:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=top]) .drag-handle{bottom:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=bottom]) .drag-handle{top:var(--_drag-handle-inset)}.drag-handle:before{content:"";background:var(--color-contrast-400);border-radius:var(--rounded-full);opacity:.6;transition:background var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);position:absolute;inset:50%;translate:-50% -50%}:host([placement=left]) .drag-handle:before,:host([placement=right]) .drag-handle:before,:host(:not([placement])) .drag-handle:before{width:5px;height:2.5rem}:host([placement=top]) .drag-handle:before,:host([placement=bottom]) .drag-handle:before{width:2.5rem;height:5px}.drag-handle:hover:before{background:var(--color-contrast-600);opacity:.9;transform:scale(1.15)}.close-btn:focus-visible{outline:var(--focus-ring)}@media (width<=640px){:host([placement=left]) .panel,:host(:not([placement])) .panel,:host([placement=right]) .panel{width:calc(min(var(--drawer-size,20rem), calc(100vw - var(--size-2))) + var(--_panel-bleed));max-width:calc(100vw - var(--size-2) + var(--_panel-bleed))}:host([placement=top]) .panel,:host([placement=bottom]) .panel{height:calc(min(var(--drawer-size,16rem), calc(100dvh - var(--size-2))) + var(--_panel-bleed));max-height:calc(100dvh - var(--size-2) + var(--_panel-bleed))}.header,.body,.footer{padding:var(--size-3)}}}@layer refine.config{:host([backdrop=blur]){--_backdrop-filter:blur(var(--blur-xs))}:host([backdrop=transparent]){--_backdrop-bg:transparent}}`,Eo={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)`}},Do=`ore-drawer`;a(Do,{props:{backdrop:p.string(),dismissible:p.bool(!0),"drag-handle-placement":p.oneOf([`outside`,`inset`],`outside`),"initial-focus":p.string(),label:p.string(),open:p.bool(!1),persistent:p.bool(!1),placement:p.oneOf([`left`,`right`,`top`,`bottom`],`right`),"return-focus":p.bool(!0),size:p.string(),title:p.string()},setup(e){let t=o(),n=_(),i=v(),a=r(`drawer-label`),c=h(),u=h(),p=C(!1),m,g=()=>e.label.value??e.title.value??``,y=()=>i.has(`header`).value||!!g(),b=()=>y()||e.dismissible.value,x=()=>i.has(`footer`).value,S=()=>e.placement.value||`right`,w=()=>Eo[S()],T=(e,t)=>{let n=t===`x`?e.offsetWidth:e.offsetHeight;return Math.min(96,Math.max(36,n*.18))},E=(e,t)=>w().closingDistance(e)>=t,D=e=>{if(!p.value)return;m&&=(clearTimeout(m),void 0);let t=c.value;if(!t){p.value=!1;return}t.style.transition=`none`,e.style.opacity=`0`,e.style.visibility=`hidden`,t.offsetWidth,F(`swipe`)},O=(e,t,n)=>{if(p.value)return;p.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),D(e))};e.addEventListener(`transitionend`,o);let s=parseFloat(getComputedStyle(e).transitionDuration)*1e3;m=setTimeout(()=>{e.removeEventListener(`transitionend`,o),D(e)},s+50),e.style.transform=a,e.style.opacity=`0.2`},k=e=>{m&&=(clearTimeout(m),void 0),e.style.transition=``,e.style.transform=``,e.style.opacity=``,e.style.visibility=``,p.value=!1},A=({distance:e,threshold:t})=>{let n=u.value;if(n){if(E(e,t)){O(n,w(),e);return}k(n)}},j=rn({axis:()=>w().axis,disabled:p,onCancel:A,onCommit:({distance:e})=>{let t=u.value;t&&O(t,w(),e)},onMove:({distance:e,threshold:t})=>{let n=u.value;if(!n)return;let r=w(),i=r.closingDistance(e),a=Math.min(i/t,1);n.style.transition=`none`,n.style.transform=r.translate(e),n.style.opacity=String(1-a*.4)},onRelease:A,shouldCommit:({distance:e,threshold:t})=>E(e,t),threshold:()=>{let e=u.value;return e?T(e,w().axis):48}}),{closeWithAnimation:M,handleCancel:N,overlay:P,requestClose:F,watchOpenProp:I}=mo({beforeOpen:e=>{let t=u.value;t&&k(t)},closeRequestDetail:t=>({placement:e.placement.value??`right`}),dialogRef:c,getPanelEl:()=>u.value,host:t,initialFocus:e[`initial-focus`],isPersistent:()=>!!e.persistent.value,onCleanup:l,onEvent:d,onNativeClose:t=>{let r=u.value;r&&t!==`swipe`&&k(r);let i=c.value;i&&(i.style.transition=``),n(`close`,{placement:e.placement.value??`right`,reason:t})},onOpen:t=>n(`open`,{placement:e.placement.value??`right`,reason:t}),openProp:e.open,performClose:(e,t)=>{t===`swipe`?e.close():M()},returnFocus:e[`return-focus`]});return f(()=>{let n=c.value;if(!n)return;let r=t;r.show=()=>{P.open(`programmatic`)},r.hide=()=>{P.close(`programmatic`,!1)},I(),d(n,`cancel`,N),d(n,`click`,t=>{e.persistent.value||j.isActive()||p.value||t.target===n&&F(`outsideClick`)});let i=u.value?.querySelector(`[part="drag-handle"]`);return i&&(d(i,`pointerdown`,j.handlePointerDown),d(i,`pointermove`,j.handlePointerMove),d(i,`pointerup`,j.handlePointerUp),d(i,`pointercancel`,j.handlePointerCancel)),()=>{P.dispose()}}),s`
|
|
3013
3013
|
<dialog
|
|
3014
3014
|
ref=${c}
|
|
3015
3015
|
aria-modal="true"
|
|
@@ -3019,7 +3019,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
3019
3019
|
<div class="drag-handle" part="drag-handle" aria-label="Drag to close" role="button"></div>
|
|
3020
3020
|
<div class="header" part="header" ?hidden=${()=>!b()}>
|
|
3021
3021
|
<span class="header-title" id="${a}" ?hidden=${()=>!y()}>
|
|
3022
|
-
<slot name="header">${()=>
|
|
3022
|
+
<slot name="header">${()=>g()}</slot>
|
|
3023
3023
|
</span>
|
|
3024
3024
|
<button
|
|
3025
3025
|
class="close-btn"
|
|
@@ -3055,7 +3055,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
3055
3055
|
<span class="icon-slot"><slot name="icon"></slot></span>
|
|
3056
3056
|
<span class="item-label"><slot></slot></span>
|
|
3057
3057
|
</div>
|
|
3058
|
-
`},styles:[q,Oo]}),a(`ore-menu-separator`,{setup(){return s``},styles:[ko]});var Mo=e=>e===`checkbox`||e===`radio`,No=`ore-menu`;a(No,{props:{...Y,...X,placement:p.oneOf([`bottom`,`bottom-start`,`bottom-end`,`top`,`top-start`,`top-end`],`bottom-start`)},setup(n){let i=o(),a=
|
|
3058
|
+
`},styles:[q,Oo]}),a(`ore-menu-separator`,{setup(){return s``},styles:[ko]});var Mo=e=>e===`checkbox`||e===`radio`,No=`ore-menu`;a(No,{props:{...Y,...X,placement:p.oneOf([`bottom`,`bottom-start`,`bottom-end`,`top`,`top-start`,`top-end`],`bottom-start`)},setup(n){let i=o(),a=_(),c=v(),u=y,d=r(`menu`),p=x(()=>!!n.disabled.value),m=Z(l),h=null,g=null,b=null;function S(){return Array.from(i.querySelectorAll(`ore-menu-item:not([disabled])`))}function C(e){return e?e.shadowRoot?.querySelector(`[role^="menuitem"]`)??e:null}function w(){return S().findIndex(e=>{let t=C(e);return e===document.activeElement||t===document.activeElement})}let E=Kt({getBoundary:()=>i,getItems:S,getPanel:()=>g,getReference:()=>h,getTrigger:()=>h,isDisabled:()=>p.value,isItemDisabled:e=>e.hasAttribute(`disabled`),onClose:e=>a(`close`,{reason:e}),onNavigate:(e,t)=>{let n=S()[t];C(n)?.focus()},onOpen:e=>a(`open`,{reason:e}),positioning:{getPlacement:()=>n.placement.value??`bottom-start`,matchWidth:!1,offsetPx:4,padding:6},signal:m}),{isOpen:D}=E,O=e=>{let t=e.getAttribute(`type`),n=Mo(t);if(t===`checkbox`)e.toggleAttribute(`checked`,!e.hasAttribute(`checked`));else if(t===`radio`)for(let t of i.querySelectorAll(`ore-menu-item[type="radio"]`))t.toggleAttribute(`checked`,t===e);let r=e.getAttribute(`value`)??``,o=n?e.hasAttribute(`checked`):void 0;a(`select`,{checked:o,value:r}),n||E.close(`programmatic`)},k=kt({keys:[`Enter`,` `,`ArrowDown`],onPress:()=>{E.open(`keyboard`),requestAnimationFrame(()=>E.set(0))}}),A=kt({onPress:()=>{let e=E.getActiveItem();e&&O(e)}});function j(e){if(p.value)return;if(!D.value){k.handleKeydown(e);return}let t=w();if(t>=0&&E.set(t),!E.handleKeydown(e)){if(e.key===` `||e.key===`Enter`){A.handleKeydown(e);return}e.key===`Tab`&&E.close(`programmatic`)}}t({on:{click:e=>{let t=e.composedPath();if(!D.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`)||O(n)}}}),u(()=>{let e=D.value;g&&g.toggleAttribute(`data-open`,e)});function M(){if(b?.(),b=null,h=c.elements(`trigger`).value?.[0]??null,!h)return;let t=[],n=e(h,{controls:()=>d,disabled:()=>p.value,expanded:()=>String(D.value),haspopup:`menu`}),r=e=>{e.stopPropagation(),!p.value&&E.toggle()},i=e=>{j(e)};h.addEventListener(`click`,r),h.addEventListener(`keydown`,i),t.push(()=>h?.removeEventListener(`click`,r)),t.push(()=>h?.removeEventListener(`keydown`,i)),b=()=>{n();for(let e of t)e()}}return T(c.elements(`trigger`),M,{immediate:!0}),f(()=>()=>{b?.(),b=null}),s`
|
|
3059
3059
|
<slot name="trigger"></slot>
|
|
3060
3060
|
<div
|
|
3061
3061
|
class="menu-panel"
|
|
@@ -3064,10 +3064,10 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
3064
3064
|
role="menu"
|
|
3065
3065
|
aria-orientation="vertical"
|
|
3066
3066
|
@keydown="${j}"
|
|
3067
|
-
ref="${e=>{
|
|
3067
|
+
ref="${e=>{g=e}}">
|
|
3068
3068
|
<slot></slot>
|
|
3069
3069
|
</div>
|
|
3070
|
-
`},styles:[Ao,K(ot),_e]});var Po=`.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)}}`,Fo=4,Io=[`hover`,`focus`],Lo=new Set([`click`,`focus`,`hover`]),Ro=e=>{if(e==null||e.trim()===``)return 0;let t=Number(e);return Number.isFinite(t)&&t>=0?t:0},zo=e=>e==null?void 0:e===``||e===`true`,Bo=e=>xn(e,Lo,Io),Vo=`ore-tooltip`;a(Vo,{props:{...Y,...X,"close-delay":{default:0,parse:Ro},content:p.string(),delay:{default:0,parse:Ro},open:{default:void 0,parse:zo},placement:p.oneOf([`top`,`bottom`,`left`,`right`],`top`),trigger:p.string(`hover,focus`),variant:p.string()},setup(t){let n=o(),i=
|
|
3070
|
+
`},styles:[Ao,K(ot),_e]});var Po=`.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)}}`,Fo=4,Io=[`hover`,`focus`],Lo=new Set([`click`,`focus`,`hover`]),Ro=e=>{if(e==null||e.trim()===``)return 0;let t=Number(e);return Number.isFinite(t)&&t>=0?t:0},zo=e=>e==null?void 0:e===``||e===`true`,Bo=e=>xn(e,Lo,Io),Vo=`ore-tooltip`;a(Vo,{props:{...Y,...X,"close-delay":{default:0,parse:Ro},content:p.string(),delay:{default:0,parse:Ro},open:{default:void 0,parse:zo},placement:p.oneOf([`top`,`bottom`,`left`,`right`],`top`),trigger:p.string(`hover,focus`),variant:p.string()},setup(t){let n=o(),i=v(),a=n.shadowRoot,c=x(()=>!!t.disabled.value),u=x(()=>t.open.value!==void 0),d=C(`top`),p=r(`tooltip`),m=x(()=>Bo(t.trigger.value)),h=null,g=null,_=null,y=()=>{g&&=(clearTimeout(g),null)},b=()=>{_&&=(clearTimeout(_),null)},S=Ei({bindTriggerAria:t=>e(t,{describedby:()=>p}),disabled:c,getPanel:()=>h,offset:8,onCleanup:l,onPlacementChange:e=>{let t=e.split(`-`)[0];d.value=t,t===`left`&&h&&(h.style.left=`${parseFloat(h.style.left)-Fo}px`)},openProp:t.open,placement:x(()=>t.placement.value),slot:()=>a?.querySelector(`slot:not([name])`)??null,slotElements:i.elements(),triggers:x(()=>[])});function w(){if(u.value||c.value||!t.content.value&&!i.has(`content`).value)return;b(),y();let e=Number(t.delay.value)||0;e>0?g=setTimeout(()=>{g=null,S.open(`hover`),S.updatePosition()},e):(S.open(`hover`),S.updatePosition())}function T(){if(u.value)return;y();let e=Number(t[`close-delay`].value)||0;e>0?(b(),_=setTimeout(()=>{_=null,S.close(`trigger`)},e)):S.close(`trigger`)}return f(()=>{let e=a?.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=m.value;i.includes(`hover`)&&(n(r,`pointerenter`,w),n(r,`pointerleave`,T)),i.includes(`focus`)&&(n(r,`focusin`,w),n(r,`focusout`,T)),i.includes(`click`)&&n(r,`click`,()=>S.visible.value?T():w())};e?.addEventListener(`slotchange`,r),r();let i=S.mount();return()=>{e?.removeEventListener(`slotchange`,r);for(let e of t)e();y(),b(),i()}}),s`
|
|
3071
3071
|
<slot></slot>
|
|
3072
3072
|
<div
|
|
3073
3073
|
class="tooltip"
|
|
@@ -3077,7 +3077,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
3077
3077
|
popover="manual"
|
|
3078
3078
|
ref=${e=>{h=e}}
|
|
3079
3079
|
:data-placement="${d}"
|
|
3080
|
-
:aria-hidden="${()=>String(!
|
|
3080
|
+
:aria-hidden="${()=>String(!S.visible.value)}">
|
|
3081
3081
|
<slot name="content"><span class="tooltip-text">${t.content}</span></slot>
|
|
3082
3082
|
</div>
|
|
3083
3083
|
`},styles:[_e,Po]});export{jr as ACCORDION_CTX,Lr as ACCORDION_ITEM_TAG,Mr as ACCORDION_TAG,qr as ALERT_TAG,Wr as ASYNC_TAG,Pn as AVATAR_GROUP_TAG,Nn as AVATAR_TAG,Yr as BADGE_TAG,Ia as BOX_TAG,Ln as BREADCRUMB_ITEM_TAG,Rn as BREADCRUMB_TAG,or as BUTTON_GROUP_CTX,sr as BUTTON_GROUP_TAG,_r as BUTTON_TAG,Gi as CALENDAR_TAG,Hn as CARD_TAG,wn as CAROUSEL_SLIDE_TAG,Tn as CAROUSEL_TAG,Gn as CHAT_MESSAGE_TAG,di as CHECKBOX_GROUP_CTX,fi as CHECKBOX_GROUP_TAG,mi as CHECKBOX_TAG,Zr as CHIP_TAG,oe as CODE_WINDOW_TAG,Ci as COMBOBOX_TAG,xo as COMMAND_PALETTE_ITEM_TAG,So as COMMAND_PALETTE_TAG,nt as CONTROL_SIZE_PRESET,Ye as COPY_COMMAND_TAG,Ui as DATAGRID_TAG,Ji as DATE_PICKER_TAG,wo as DIALOG_TAG,Do as DRAWER_TAG,et as FIELD_SIZE_PRESET,ct as FILE_INPUT_SIZE_PRESET,ia as FILE_INPUT_TAG,Q as FORM_CTX,oa as FORM_TAG,Ra as GRID_ITEM_TAG,Wa as GRID_TAG,qe as ICON_TAG,xi as INPUT_TAG,Zn as LIST_CTX,tr as LIST_ITEM_TAG,st as LIST_SIZE_PRESET,Qn as LIST_TAG,jo as MENU_ITEM_TAG,ot as MENU_SIZE_PRESET,No as MENU_TAG,at as MESSAGE_COMPOSER_SIZE_PRESET,ua as MESSAGE_COMPOSER_TAG,Qa as NAVBAR_CTX,eo as NAVBAR_ITEM_TAG,$a as NAVBAR_TAG,fa as NUMBER_INPUT_TAG,ma as OTP_INPUT_TAG,br as PAGINATION_TAG,$r as PASSWORD_STRENGTH_TAG,Mi as POPOVER_TAG,ut as PROGRESS_TAG,ga as RADIO_GROUP_CTX,_a as RADIO_GROUP_TAG,ya as RADIO_TAG,xa as RATING_TAG,Pt as RefineConfigError,Nt as RefineError,Ti as SELECT_TAG,Sr as SEPARATOR_TAG,so as SIDEBAR_CTX,lo as SIDEBAR_GROUP_TAG,uo as SIDEBAR_ITEM_TAG,co as SIDEBAR_TAG,ti as SKELETON_TAG,it as SLIDER_SIZE_PRESET,wa as SLIDER_TAG,rt as SWITCH_SIZE_PRESET,Ea as SWITCH_TAG,Dr as TABLE_TAG,Pr as TABS_CTX,Fr as TABS_TAG,zr as TAB_ITEM_TAG,Hr as TAB_PANEL_TAG,tt as TEXTAREA_SIZE_PRESET,Oa as TEXTAREA_TAG,kr as TEXT_TAG,Pa as TIME_PICKER_TAG,si as TOAST_TAG,Vo as TOOLTIP_TAG,ri as TYPING_INDICATOR_TAG,$e as commonProps,ci as createToastService,X as disablableBundle,Qe as elevatableBundle,Xe as loadableBundle,He as registerIcons,Ze as roundableBundle,Y as sizableBundle,J as themableBundle,li as toast};
|