@vielzeug/refine 2.2.5 → 2.4.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/accordion-item.cjs +1 -1
- package/dist/accordion-item.cjs.map +1 -1
- package/dist/accordion-item.js +1 -1
- package/dist/accordion-item.js.map +1 -1
- package/dist/card.cjs +1 -1
- package/dist/card.cjs.map +1 -1
- package/dist/card.js +1 -1
- package/dist/card.js.map +1 -1
- package/dist/carousel.cjs +1 -1
- package/dist/carousel.cjs.map +1 -1
- package/dist/carousel.js +1 -1
- package/dist/carousel.js.map +1 -1
- package/dist/chat-message.cjs +9 -9
- package/dist/chat-message.cjs.map +1 -1
- package/dist/chat-message.js +41 -38
- package/dist/chat-message.js.map +1 -1
- package/dist/combobox.cjs +9 -7
- package/dist/combobox.cjs.map +1 -1
- package/dist/combobox.js +55 -48
- package/dist/combobox.js.map +1 -1
- package/dist/command-palette.cjs +1 -1
- package/dist/command-palette.cjs.map +1 -1
- package/dist/command-palette.js +1 -1
- package/dist/command-palette.js.map +1 -1
- package/dist/content/index.d.ts +2 -0
- package/dist/content/index.d.ts.map +1 -1
- package/dist/content/list/list-item.css.cjs +1 -1
- package/dist/content/list/list-item.css.cjs.map +1 -1
- package/dist/content/list/list-item.css.js +1 -1
- package/dist/content/list/list-item.css.js.map +1 -1
- package/dist/content/list/list-item.d.ts +9 -0
- package/dist/content/list/list-item.d.ts.map +1 -1
- package/dist/content/stats/stats.css.cjs +2 -0
- package/dist/content/stats/stats.css.cjs.map +1 -0
- package/dist/content/stats/stats.css.js +6 -0
- package/dist/content/stats/stats.css.js.map +1 -0
- package/dist/content/stats/stats.d.ts +72 -0
- package/dist/content/stats/stats.d.ts.map +1 -0
- package/dist/core/announcer.cjs +1 -1
- package/dist/core/announcer.cjs.map +1 -1
- package/dist/core/announcer.d.ts +13 -3
- package/dist/core/announcer.d.ts.map +1 -1
- package/dist/core/announcer.js +16 -9
- package/dist/core/announcer.js.map +1 -1
- package/dist/core/auto-resize.cjs +1 -1
- package/dist/core/auto-resize.cjs.map +1 -1
- package/dist/core/auto-resize.js +1 -1
- package/dist/core/auto-resize.js.map +1 -1
- package/dist/custom-elements.json +4457 -4161
- package/dist/datagrid.cjs +199 -179
- package/dist/datagrid.cjs.map +1 -1
- package/dist/datagrid.js +435 -321
- package/dist/datagrid.js.map +1 -1
- package/dist/disclosure/tab-item/tab-item.css.cjs +1 -1
- package/dist/disclosure/tab-item/tab-item.css.cjs.map +1 -1
- package/dist/disclosure/tab-item/tab-item.css.js +1 -1
- package/dist/disclosure/tab-item/tab-item.css.js.map +1 -1
- package/dist/disclosure/tab-item/tab-item.d.ts +3 -0
- package/dist/disclosure/tab-item/tab-item.d.ts.map +1 -1
- package/dist/disclosure/tabs/tabs.css.cjs +1 -1
- package/dist/disclosure/tabs/tabs.css.cjs.map +1 -1
- package/dist/disclosure/tabs/tabs.css.js +1 -1
- package/dist/disclosure/tabs/tabs.css.js.map +1 -1
- package/dist/disclosure/tabs/tabs.d.ts +4 -0
- package/dist/disclosure/tabs/tabs.d.ts.map +1 -1
- package/dist/feedback/typing-indicator/typing-indicator.d.ts +2 -2
- package/dist/file-input.cjs +49 -49
- package/dist/file-input.cjs.map +1 -1
- package/dist/file-input.js +128 -127
- package/dist/file-input.js.map +1 -1
- package/dist/frameworks/elements.d.ts +2 -1
- package/dist/icon.cjs +1 -1
- package/dist/icon.cjs.map +1 -1
- package/dist/icon.js +1 -1
- package/dist/icon.js.map +1 -1
- package/dist/input.cjs +5 -4
- package/dist/input.cjs.map +1 -1
- package/dist/input.js +14 -8
- package/dist/input.js.map +1 -1
- package/dist/inputs/combobox/combobox-options.cjs +1 -1
- package/dist/inputs/combobox/combobox-options.cjs.map +1 -1
- package/dist/inputs/combobox/combobox-options.d.ts.map +1 -1
- package/dist/inputs/combobox/combobox-options.js +1 -0
- package/dist/inputs/combobox/combobox-options.js.map +1 -1
- package/dist/inputs/combobox/combobox.css.cjs +1 -1
- package/dist/inputs/combobox/combobox.css.cjs.map +1 -1
- package/dist/inputs/combobox/combobox.css.js +1 -1
- package/dist/inputs/combobox/combobox.css.js.map +1 -1
- package/dist/inputs/combobox/combobox.d.ts +1 -0
- package/dist/inputs/combobox/combobox.d.ts.map +1 -1
- package/dist/inputs/combobox/combobox.types.d.ts +7 -0
- package/dist/inputs/combobox/combobox.types.d.ts.map +1 -1
- package/dist/inputs/datagrid/datagrid-model.cjs +1 -1
- package/dist/inputs/datagrid/datagrid-model.cjs.map +1 -1
- package/dist/inputs/datagrid/datagrid-model.d.ts +17 -3
- package/dist/inputs/datagrid/datagrid-model.d.ts.map +1 -1
- package/dist/inputs/datagrid/datagrid-model.js +93 -70
- package/dist/inputs/datagrid/datagrid-model.js.map +1 -1
- package/dist/inputs/datagrid/datagrid.css.cjs +1 -1
- package/dist/inputs/datagrid/datagrid.css.cjs.map +1 -1
- package/dist/inputs/datagrid/datagrid.css.js +1 -1
- package/dist/inputs/datagrid/datagrid.css.js.map +1 -1
- package/dist/inputs/datagrid/datagrid.d.ts +54 -4
- package/dist/inputs/datagrid/datagrid.d.ts.map +1 -1
- package/dist/inputs/file-input/file-input-upload.cjs +1 -1
- package/dist/inputs/file-input/file-input-upload.cjs.map +1 -1
- package/dist/inputs/file-input/file-input-upload.d.ts +2 -0
- package/dist/inputs/file-input/file-input-upload.d.ts.map +1 -1
- package/dist/inputs/file-input/file-input-upload.js +5 -2
- package/dist/inputs/file-input/file-input-upload.js.map +1 -1
- package/dist/inputs/file-input/file-input.d.ts.map +1 -1
- package/dist/inputs/index.d.ts +1 -1
- package/dist/inputs/index.d.ts.map +1 -1
- package/dist/inputs/input/input.css.cjs +1 -1
- package/dist/inputs/input/input.css.cjs.map +1 -1
- package/dist/inputs/input/input.css.js +1 -1
- package/dist/inputs/input/input.css.js.map +1 -1
- package/dist/inputs/input/input.d.ts +3 -0
- package/dist/inputs/input/input.d.ts.map +1 -1
- package/dist/inputs/select/select.css.cjs +1 -1
- package/dist/inputs/select/select.css.cjs.map +1 -1
- package/dist/inputs/select/select.css.js +1 -1
- package/dist/inputs/select/select.css.js.map +1 -1
- package/dist/inputs/select/select.d.ts +5 -0
- package/dist/inputs/select/select.d.ts.map +1 -1
- package/dist/layout/navbar/navbar.d.ts +2 -0
- package/dist/layout/navbar/navbar.d.ts.map +1 -1
- package/dist/layout/sidebar/sidebar.css.cjs +1 -1
- package/dist/layout/sidebar/sidebar.css.cjs.map +1 -1
- package/dist/layout/sidebar/sidebar.css.js +1 -1
- package/dist/layout/sidebar/sidebar.css.js.map +1 -1
- package/dist/layout/sidebar/sidebar.d.ts +8 -0
- package/dist/layout/sidebar/sidebar.d.ts.map +1 -1
- package/dist/list-item.cjs +6 -5
- package/dist/list-item.cjs.map +1 -1
- package/dist/list-item.js +23 -17
- package/dist/list-item.js.map +1 -1
- package/dist/list.cjs +1 -1
- package/dist/list.cjs.map +1 -1
- package/dist/list.js +1 -1
- package/dist/list.js.map +1 -1
- package/dist/menu.cjs +1 -1
- package/dist/menu.cjs.map +1 -1
- package/dist/menu.js +1 -1
- package/dist/menu.js.map +1 -1
- package/dist/navbar.cjs +2 -2
- package/dist/navbar.cjs.map +1 -1
- package/dist/navbar.js +7 -5
- package/dist/navbar.js.map +1 -1
- package/dist/navigation-menu.cjs +1 -1
- package/dist/navigation-menu.cjs.map +1 -1
- package/dist/navigation-menu.js +1 -1
- package/dist/navigation-menu.js.map +1 -1
- package/dist/overlay/popover/popover.css.cjs +1 -1
- package/dist/overlay/popover/popover.css.cjs.map +1 -1
- package/dist/overlay/popover/popover.css.js +1 -1
- package/dist/overlay/popover/popover.css.js.map +1 -1
- package/dist/overlay/popover/popover.d.ts +1 -0
- package/dist/overlay/popover/popover.d.ts.map +1 -1
- package/dist/overlay/shared/use-dialog.cjs +1 -1
- package/dist/overlay/shared/use-dialog.cjs.map +1 -1
- package/dist/overlay/shared/use-dialog.js +1 -1
- package/dist/overlay/shared/use-dialog.js.map +1 -1
- package/dist/overlay/shared/use-floating-trigger.cjs +1 -1
- package/dist/overlay/shared/use-floating-trigger.cjs.map +1 -1
- package/dist/overlay/shared/use-floating-trigger.js +1 -1
- package/dist/overlay/shared/use-floating-trigger.js.map +1 -1
- package/dist/popover.cjs.map +1 -1
- package/dist/popover.js.map +1 -1
- package/dist/radio.cjs +1 -1
- package/dist/radio.cjs.map +1 -1
- package/dist/radio.js +10 -8
- package/dist/radio.js.map +1 -1
- package/dist/rating.cjs +1 -1
- package/dist/rating.cjs.map +1 -1
- package/dist/rating.js +1 -1
- package/dist/rating.js.map +1 -1
- package/dist/refine.cjs +428 -379
- package/dist/refine.cjs.map +1 -1
- package/dist/refine.iife.js +428 -379
- package/dist/refine.iife.js.map +1 -1
- package/dist/refine.js +458 -409
- package/dist/refine.js.map +1 -1
- package/dist/select.cjs +16 -14
- package/dist/select.cjs.map +1 -1
- package/dist/select.js +118 -112
- package/dist/select.js.map +1 -1
- package/dist/sidebar.cjs +28 -23
- package/dist/sidebar.cjs.map +1 -1
- package/dist/sidebar.js +112 -77
- package/dist/sidebar.js.map +1 -1
- package/dist/slider.cjs +1 -1
- package/dist/slider.cjs.map +1 -1
- package/dist/slider.js +1 -1
- package/dist/slider.js.map +1 -1
- package/dist/stats.cjs +18 -0
- package/dist/stats.cjs.map +1 -0
- package/dist/stats.js +88 -0
- package/dist/stats.js.map +1 -0
- package/dist/stepper.cjs +1 -1
- package/dist/stepper.cjs.map +1 -1
- package/dist/stepper.js +1 -1
- package/dist/stepper.js.map +1 -1
- package/dist/styles/mixins/animation.css.cjs +2 -0
- package/dist/styles/mixins/animation.css.cjs.map +1 -1
- package/dist/styles/mixins/animation.css.d.ts.map +1 -1
- package/dist/styles/mixins/animation.css.js +2 -0
- package/dist/styles/mixins/animation.css.js.map +1 -1
- package/dist/tab-item.cjs +1 -1
- package/dist/tab-item.cjs.map +1 -1
- package/dist/tab-item.js +3 -2
- package/dist/tab-item.js.map +1 -1
- package/dist/tabs.cjs +1 -1
- package/dist/tabs.cjs.map +1 -1
- package/dist/tabs.js +3 -1
- package/dist/tabs.js.map +1 -1
- package/dist/toast.cjs.map +1 -1
- package/dist/toast.js.map +1 -1
- package/dist/typing-indicator.cjs +1 -1
- package/dist/typing-indicator.cjs.map +1 -1
- package/dist/typing-indicator.js +8 -7
- package/dist/typing-indicator.js.map +1 -1
- package/package.json +66 -58
package/dist/refine.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import{bind as e,createContext as t,createStableId as n,css as r,define as i,getHost as a,html as o,inject as s,live 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,unsafeHtml as _,useEmit as v,useField as y,useSlots as b,watchEffect as x,when as S}from"@vielzeug/ore";import{computed as C,effect as w,signal as T,untrack as E,watch as D}from"@vielzeug/ripple";import*as O from"lucide";import{Temporal as k,format as A,parse as j}from"@vielzeug/tempo";import{captureFocus as M,createListNavigation as N,restoreFocus as P}from"@vielzeug/focus";import{autoUpdate as F,computePosition as I,flip as L,getClippingAncestorRect as R,offset as
|
|
1
|
+
import{bind as e,createContext as t,createStableId as n,css as r,define as i,getHost as a,html as o,inject as s,live 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,unsafeHtml as _,useEmit as v,useField as y,useSlots as b,watchEffect as x,when as S}from"@vielzeug/ore";import{computed as C,effect as w,signal as T,untrack as E,watch as D}from"@vielzeug/ripple";import*as O from"lucide";import{Temporal as k,format as A,parse as j}from"@vielzeug/tempo";import{captureFocus as M,createListNavigation as N,restoreFocus as P}from"@vielzeug/focus";import{autoUpdate as F,computePosition as I,flip as L,getClippingAncestorRect as R,offset as z,shift as B,size as ee}from"@vielzeug/orbit";import{createPanGesture as V}from"@vielzeug/gesture";import{SentinelUnavailableError as te,createElementSize as H,createIntersection as U,createMediaQuery as ne}from"@vielzeug/sentinel";import{createDropZone as re,matchesAccept as ie}from"@vielzeug/dnd";import{createKeymap as ae}from"@vielzeug/keymap";var oe=Object.defineProperty,se=(e,t)=>{let n={};for(var r in e)oe(n,r,{get:e[r],enumerable:!0});return t||oe(n,Symbol.toStringTag,{value:`Module`}),n},ce=`@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))}`,le=16,ue=2,de=24,fe=`http://www.w3.org/2000/svg`,pe=new Set([`circle`,`clipPath`,`defs`,`ellipse`,`g`,`line`,`linearGradient`,`mask`,`path`,`polygon`,`polyline`,`radialGradient`,`rect`,`stop`,`symbol`,`use`]),me=/^[a-zA-Z][a-zA-Z0-9:_-]*$/,he=/^(on|xlink:|xml:|href$)/i,ge=new Map(Object.entries(O.icons));function _e(e){for(let[t,n]of Object.entries(e))ge.set(t,n)}var ve=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(``),ye=e=>{if(e==null||e===``)return le;let t=Number(e);return Number.isFinite(t)&&t>0&&/^\d+(\.\d+)?$/.test(e.trim())?t:e},be=e=>ge.get(e)??ge.get(ve(e)),xe=(e,t)=>{if(!pe.has(e))return null;let n=document.createElementNS(fe,e);for(let[e,r]of Object.entries(t))r!==void 0&&me.test(e)&&!he.test(e)&&n.setAttribute(e,String(r));return n},Se=`ore-icon`;i(Se,{props:{absoluteStrokeWidth:p.bool(),label:p.string(),name:p.string(),size:{default:le,parse:ye,reflect:!1},solid:p.bool(),strokeWidth:p.number(ue)},setup(t){e({attr:{"aria-hidden":()=>(t.label.value??``).trim()?null:`true`,"aria-label":()=>(t.label.value??``).trim()||null,role:()=>(t.label.value??``).trim()?`img`:null},style:{"--_size-px":()=>{let e=t.size.value;return typeof e==`number`?`${e}px`:String(e)}}});let n=h(),r=C(()=>{let e=(t.name.value??``).trim();if(!e)return;let n=be(e);return n||`${e.slice(0,64)}`,n});return x(()=>{let e=n.value,i=r.value;if(!e||!i)return;let a=t.size.value,o=typeof a==`number`?a:de,s=t.absoluteStrokeWidth.value&&!t.solid.value?t.strokeWidth.value*(de/o):t.strokeWidth.value;e.setAttribute(`fill`,t.solid.value?`currentColor`:`none`),e.setAttribute(`stroke`,t.solid.value?`none`:`currentColor`),e.setAttribute(`stroke-linecap`,`round`),e.setAttribute(`stroke-linejoin`,`round`),e.setAttribute(`stroke-width`,String(t.solid.value?0:s)),e.setAttribute(`viewBox`,`0 0 24 24`);let c=i.map(([e,t])=>xe(e,t)).filter(e=>!!e);e.replaceChildren(...c)}),o`
|
|
2
2
|
${S(()=>!!r.value,()=>o`
|
|
3
3
|
<svg ref="${n}" part="svg" style="width:100%;height:100%"></svg>
|
|
4
4
|
`)}
|
|
5
|
-
`},styles:[
|
|
5
|
+
`},styles:[ce]});var W={color:p.string()},G={size:p.string()},K={disabled:p.bool(!1)},Ce={loading:p.bool(!1)},we={rounded:p.string()};p.number();var Te={...W,...G,...K,...Ce,...we},Ee={lg:{"--_field-height":`var(--size-12)`,"--_padding":`var(--size-2-5) var(--size-3-5)`,fontSize:`var(--text-base)`,gap:`var(--size-2-5)`},md:{"--_field-height":`var(--size-10)`,"--_padding":`var(--size-1-5) var(--size-3)`,fontSize:`var(--text-sm)`,gap:`var(--size-2)`},sm:{"--_field-height":`var(--size-8)`,"--_padding":`var(--size-1) var(--size-2)`,fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`}},De={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)`}},Oe={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)`}},ke={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)`}},Ae={lg:{"--_thumb-inset":`var(--slider-thumb-inset, var(--size-3))`,fontSize:`var(--text-base)`,height:`calc(var(--size-5) - var(--size-1))`,size:`var(--size-6)`},md:{"--_thumb-inset":`var(--slider-thumb-inset, var(--size-2-5))`,fontSize:`var(--text-base)`,height:`var(--size-3)`,size:`var(--size-5)`},sm:{"--_thumb-inset":`var(--slider-thumb-inset, var(--size-2))`,fontSize:`var(--text-xs)`,height:`var(--size-2)`,size:`var(--size-4)`}},je={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)`}},Me={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)`}},Ne={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)`}},Pe={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)`}},Fe=`position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border-width:0;clip-path:inset(50%);`,Ie=r`
|
|
6
6
|
.sr-only {
|
|
7
7
|
position: absolute;
|
|
8
8
|
width: 1px;
|
|
@@ -14,7 +14,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
14
14
|
border-width: 0;
|
|
15
15
|
clip-path: inset(50%);
|
|
16
16
|
}
|
|
17
|
-
`,
|
|
17
|
+
`,q=r`
|
|
18
18
|
@media (pointer: coarse) {
|
|
19
19
|
/* Default / md size: promote all scale tokens one tier up (md → lg) */
|
|
20
20
|
:host,
|
|
@@ -44,14 +44,14 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
44
44
|
--_touch-target: var(--size-11);
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
|
-
`,
|
|
47
|
+
`,J=r`
|
|
48
48
|
@media (prefers-reduced-motion: reduce) {
|
|
49
49
|
:host {
|
|
50
50
|
--_motion-transition: none;
|
|
51
51
|
--_motion-animation: none;
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
|
-
`,
|
|
54
|
+
`,Le=!1;function Re(){if(!Le){if(typeof CSS<`u`&&CSS.registerProperty)try{CSS.registerProperty({inherits:!1,initialValue:`0deg`,name:`--rainbow-angle`,syntax:`<angle>`})}catch{}Le=!0}}var ze=!1;function Be(){if(!ze){if(typeof CSS<`u`&&CSS.registerProperty)try{CSS.registerProperty({inherits:!1,initialValue:`0deg`,name:`--shine-angle`,syntax:`<angle>`})}catch{}ze=!0}}var Ve=e=>(Re(),r`
|
|
55
55
|
/* ========================================
|
|
56
56
|
Rainbow Border Effect
|
|
57
57
|
======================================== */
|
|
@@ -96,12 +96,14 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
96
96
|
conic-gradient(red 0 0) no-clip subtract,
|
|
97
97
|
conic-gradient(red 0 0) padding-box;
|
|
98
98
|
|
|
99
|
+
opacity: var(--rainbow-border-opacity, 0.7);
|
|
99
100
|
pointer-events: none;
|
|
100
101
|
animation: rainbow-rotate 4s linear infinite;
|
|
101
102
|
}
|
|
102
103
|
|
|
103
104
|
/* Turn one pseudo layer into glow halo */
|
|
104
105
|
:host([effect='rainbow']) ${e}::after {
|
|
106
|
+
opacity: var(--rainbow-glow-opacity, 0.18);
|
|
105
107
|
filter: blur(var(--blur-xl));
|
|
106
108
|
}
|
|
107
109
|
|
|
@@ -120,7 +122,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
120
122
|
animation: none;
|
|
121
123
|
}
|
|
122
124
|
}
|
|
123
|
-
`),
|
|
125
|
+
`),He=e=>(Be(),r`
|
|
124
126
|
/* ========================================
|
|
125
127
|
Shine Border Effect
|
|
126
128
|
======================================== */
|
|
@@ -179,7 +181,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
179
181
|
animation: none;
|
|
180
182
|
}
|
|
181
183
|
}
|
|
182
|
-
`),
|
|
184
|
+
`),Ue=({accentVar:e=`--_theme-focus`,container:t,text:n=t,tokenPrefix:i})=>r`
|
|
183
185
|
@layer refine.variants {
|
|
184
186
|
/* Solid (default) */
|
|
185
187
|
:host(:not([variant])),
|
|
@@ -262,7 +264,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
262
264
|
background: var(--${i}-hover-bg, var(--color-contrast-100));
|
|
263
265
|
}
|
|
264
266
|
}
|
|
265
|
-
`,
|
|
267
|
+
`,We=r`
|
|
266
268
|
/* ========================================
|
|
267
269
|
Padding Variants
|
|
268
270
|
======================================== */
|
|
@@ -286,7 +288,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
286
288
|
:host([padding='xl']) {
|
|
287
289
|
--_padding: var(--size-8);
|
|
288
290
|
}
|
|
289
|
-
`,
|
|
291
|
+
`,Y=r`
|
|
290
292
|
:host([rounded='none']) {
|
|
291
293
|
--_radius: var(--rounded-none);
|
|
292
294
|
}
|
|
@@ -312,8 +314,8 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
312
314
|
:host([rounded='']) {
|
|
313
315
|
--_radius: var(--rounded-full);
|
|
314
316
|
}
|
|
315
|
-
`,
|
|
316
|
-
`),
|
|
317
|
+
`,Ge={fontSize:`--_font-size`,gap:`--_gap`,height:`--_height`,iconSize:`--_icon-size`,lineHeight:`--_line-height`,padding:`--_padding`,size:`--_size`,thumbSize:`--_thumb-size`,width:`--_width`},Ke=e=>Object.entries(e).filter(([,e])=>e!==void 0).map(([e,t])=>`${e.startsWith(`--`)?e:Ge[e]??`--_${e}`}: ${t};`).join(`
|
|
318
|
+
`),X=e=>{let t=Ke({fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`,size:`var(--size-4)`,...e?.sm}),n=Ke({fontSize:`var(--text-sm)`,gap:`var(--size-2)`,size:`var(--size-5)`,...e?.md}),i=Ke({fontSize:`var(--text-base)`,gap:`var(--size-2-5)`,size:`var(--size-6)`,...e?.lg});return r`
|
|
317
319
|
:host {
|
|
318
320
|
${n}
|
|
319
321
|
}
|
|
@@ -326,7 +328,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
326
328
|
:host([size='lg']) {
|
|
327
329
|
${i}
|
|
328
330
|
}
|
|
329
|
-
`},
|
|
331
|
+
`},qe=r`
|
|
330
332
|
:host([disabled]) {
|
|
331
333
|
opacity: 0.5;
|
|
332
334
|
cursor: not-allowed;
|
|
@@ -346,7 +348,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
346
348
|
:host([loading]) > :not(slot) {
|
|
347
349
|
pointer-events: none;
|
|
348
350
|
}
|
|
349
|
-
`;var
|
|
351
|
+
`;var Je=r`
|
|
350
352
|
:host([disabled]),
|
|
351
353
|
:host([loading]) {
|
|
352
354
|
opacity: 0.5;
|
|
@@ -361,7 +363,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
361
363
|
:host([loading]) > :not(slot) {
|
|
362
364
|
pointer-events: none;
|
|
363
365
|
}
|
|
364
|
-
`,
|
|
366
|
+
`,Ye=e=>r`
|
|
365
367
|
@layer refine.base {
|
|
366
368
|
:host {
|
|
367
369
|
/* ── Public token API ─────────────────────────────────────────────── */
|
|
@@ -453,7 +455,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
453
455
|
width: 100%;
|
|
454
456
|
}
|
|
455
457
|
}
|
|
456
|
-
`,
|
|
458
|
+
`,Xe=[`primary`,`secondary`,`info`,`success`,`warning`,`error`],Ze={backdrop:e=>`var(--color-${e}-backdrop)`,base:e=>`var(--color-${e})`,border:e=>`var(--color-${e}-border)`,content:e=>`var(--color-${e}-content)`,contrast:e=>`var(--color-${e}-contrast)`,focus:e=>`var(--color-${e}-focus)`,halo:e=>`var(--halo-shadow-${e})`,shadow:e=>`var(--color-${e}-focus-shadow)`},Z=r`
|
|
457
459
|
:host {
|
|
458
460
|
--_theme-base: var(--color-neutral);
|
|
459
461
|
--_theme-content: var(--color-neutral-content);
|
|
@@ -465,11 +467,11 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
465
467
|
--_theme-halo: var(--halo-shadow-neutral);
|
|
466
468
|
}
|
|
467
469
|
|
|
468
|
-
${
|
|
470
|
+
${Xe.map(e=>`:host([color='${e}']) {\n${Object.entries(Ze).map(([t,n])=>` --_theme-${t}: ${n(e)};`).join(`
|
|
469
471
|
`)}\n}`).join(`
|
|
470
472
|
|
|
471
473
|
`)}
|
|
472
|
-
|
|
474
|
+
`,Qe=r`
|
|
473
475
|
/* ========================================
|
|
474
476
|
Elevation Levels (0-5)
|
|
475
477
|
======================================== */
|
|
@@ -497,13 +499,13 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
497
499
|
:host([elevation='5']) {
|
|
498
500
|
--_shadow: var(--shadow-2xl);
|
|
499
501
|
}
|
|
500
|
-
|
|
502
|
+
`,$e=r`
|
|
501
503
|
@media (forced-colors: active) {
|
|
502
504
|
:host {
|
|
503
505
|
border: 1px solid ButtonText;
|
|
504
506
|
}
|
|
505
507
|
}
|
|
506
|
-
`,
|
|
508
|
+
`,et=e=>r`
|
|
507
509
|
@media (forced-colors: active) {
|
|
508
510
|
${e}:focus-visible {
|
|
509
511
|
outline: 2px solid Highlight;
|
|
@@ -511,7 +513,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
511
513
|
box-shadow: none;
|
|
512
514
|
}
|
|
513
515
|
}
|
|
514
|
-
`,
|
|
516
|
+
`,tt=r`
|
|
515
517
|
@media (forced-colors: active) {
|
|
516
518
|
:host {
|
|
517
519
|
forced-color-adjust: none;
|
|
@@ -531,7 +533,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
531
533
|
border-color: GrayText;
|
|
532
534
|
}
|
|
533
535
|
}
|
|
534
|
-
`,
|
|
536
|
+
`,nt=e=>r`
|
|
535
537
|
:host([variant='frost']) ${e} {
|
|
536
538
|
backdrop-filter: blur(var(--blur-xl)) saturate(200%) brightness(1.1);
|
|
537
539
|
-webkit-backdrop-filter: blur(var(--blur-xl)) saturate(200%) brightness(1.1);
|
|
@@ -584,7 +586,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
584
586
|
backdrop-filter: blur(var(--blur-3xl)) saturate(240%) brightness(1.2);
|
|
585
587
|
-webkit-backdrop-filter: blur(var(--blur-3xl)) saturate(240%) brightness(1.2);
|
|
586
588
|
}
|
|
587
|
-
`,
|
|
589
|
+
`,rt=`@layer refine.base{:host{--_bg:var(--avatar-bg,var(--_theme-backdrop,var(--color-contrast-200)));--_color:var(--avatar-color,var(--_theme-base,var(--color-contrast-700)));--_radius:var(--avatar-radius,var(--rounded-full));--_font-weight:var(--avatar-font-weight,var(--font-semibold));--_border:var(--avatar-border,none);--_border-color:var(--avatar-border-color,var(--color-canvas));--_size:var(--avatar-size,var(--size-10));--_font-size:var(--avatar-font-size,var(--text-sm));flex-shrink:0;display:inline-flex;position:relative}.avatar{box-sizing:border-box;width:var(--_size);height:var(--_size);font-size:var(--_font-size);font-weight:var(--_font-weight);color:var(--_color);text-transform:uppercase;-webkit-user-select:none;user-select:none;background:var(--_bg);border:var(--_border);border-color:var(--_border-color);border-radius:var(--_radius);justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}img{object-fit:cover;width:100%;height:100%;display:block}img[hidden]{display:none}.initials{justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex}.icon-fallback{width:100%;height:100%;color:var(--_color);opacity:.6;justify-content:center;align-items:center;display:inline-flex}.status{border:2px solid var(--_border-color,var(--color-canvas));border-radius:var(--rounded-full);width:.75em;height:.75em;position:absolute;bottom:0}.status:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.status:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.status[data-status=online]{background:var(--color-success)}.status[data-status=offline]{background:var(--color-contrast-400)}.status[data-status=busy]{background:var(--color-error)}.status[data-status=away]{background:var(--color-warning)}}@media (forced-colors:active){.avatar{forced-color-adjust:none;border:1px solid buttontext}.status{background:highlight;border:2px solid buttontext}}`,it={away:`Away`,busy:`Busy`,offline:`Offline`,online:`Online`},at=`ore-avatar`;i(at,{props:{...W,...G,...we,alt:p.string(),initials:p.string(),src:p.string(),status:p.string()},setup(e){let t=T(!1);D(e.src,()=>{t.value=!1});let n=e=>{e&&(e.addEventListener(`error`,()=>{t.value=!0}),e.addEventListener(`load`,()=>{t.value=!1}))},r=C(()=>{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=C(()=>!!e.src.value&&!t.value),a=C(()=>!i.value&&!!r.value),s=C(()=>!i.value&&!a.value),c=()=>{let t=e.alt.value||null,n=e.status.value,r=n?it[n]:null;return!t&&!r?null:t?r?`${t}, ${r}`:t:`Status: ${r}`};return o`
|
|
588
590
|
<span class="avatar" part="avatar" aria-label="${c}" role="${()=>c()?`img`:null}">
|
|
589
591
|
${()=>e.src.value?o`
|
|
590
592
|
<img
|
|
@@ -605,12 +607,12 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
605
607
|
${()=>e.status.value?o`
|
|
606
608
|
<span class="status" part="status" data-status="${e.status}" aria-hidden="true"></span>
|
|
607
609
|
`:``}
|
|
608
|
-
`},styles:[
|
|
610
|
+
`},styles:[Z,Y,X({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))`}}),rt]});var ot=`@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}}`,st=`ore-avatar-group`;i(st,{props:{max:p.number(5),total:p.number()},setup(e){let t=a(),n=b(),r=x,i=T(0),s=()=>{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,s()});let c=()=>`+${i.value} more`,l=()=>`+${i.value}`;return o`
|
|
609
611
|
<slot></slot>
|
|
610
612
|
${()=>i.value>0?o`
|
|
611
613
|
<span class="overflow-badge" part="overflow" aria-label="${c}">${l}</span>
|
|
612
614
|
`:``}
|
|
613
|
-
`},styles:[
|
|
615
|
+
`},styles:[ot]});var ct=`@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}}`,lt=`@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}}`,ut=`ore-breadcrumb-item`;i(ut,{props:{active:p.bool(),href:p.string(),separator:p.string(`/`)},setup(e){return o`
|
|
614
616
|
<li class="item" role="listitem">
|
|
615
617
|
<span class="separator" part="separator" aria-hidden="true">${e.separator}</span>
|
|
616
618
|
<a
|
|
@@ -623,13 +625,13 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
623
625
|
<span class="label"><slot></slot></span>
|
|
624
626
|
</a>
|
|
625
627
|
</li>
|
|
626
|
-
`},styles:[
|
|
628
|
+
`},styles:[lt]});var dt=`ore-breadcrumb`;i(dt,{props:{label:p.string(`Breadcrumb`),separator:p.string()},setup(e){let t=a(),n=b(),r=x,i=()=>Array.from(t.getElementsByTagName(`ore-breadcrumb-item`)),s=()=>{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,s()}),o`
|
|
627
629
|
<nav part="nav" aria-label="${e.label}">
|
|
628
630
|
<ol role="list" part="list">
|
|
629
631
|
<slot></slot>
|
|
630
632
|
</ol>
|
|
631
633
|
</nav>
|
|
632
|
-
`},styles:[lt]});var pt=new WeakMap,mt=new WeakMap,ht=(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=Ie,t.body.appendChild(n),n},gt=(e,t)=>{let n=pt.get(t);return n?.[e]&&!t.body.contains(n[e])&&(n[e]=void 0),n?.[e]||(n||(n={},pt.set(t,n)),n[e]=ht(e,t)),n[e]??null},_t=(e,t={})=>{if(typeof document>`u`)return;let n=gt(t.politeness??`polite`,document);if(!n)return;n.textContent=``;let r=mt.get(n);r!==void 0&&clearTimeout(r);let i=setTimeout(()=>{n.textContent=e,mt.delete(n)},50);mt.set(n,i)},vt={ariaControlsElements:`aria-controls`,ariaDescribedByElements:`aria-describedby`,ariaLabelledByElements:`aria-labelledby`};function yt(e,t,n){if(t in e){e[t]=n.length>0?n:null;return}let r=vt[t],i=n.map(e=>e.id).filter(Boolean);i.length===0?e.removeAttribute(r):e.setAttribute(r,i.join(` `))}var bt=(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)})}},xt=e=>C(()=>({errorText:e.error?.value??``,helperText:e.helper?.value??``})),St=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}}),Ct=(e,t=`counter`)=>e?e.counterAtLimit?`${t} at-limit`:e.counterNearLimit?`${t} near-limit`:t:t;function wt(){let e=!1;return{clear:()=>{e=!1},get isDirty(){return e},markDirty:()=>{e=!0}}}var Tt=e=>{let t=C(()=>!!e.disabled?.value),r=n(`helper`),i=n(`error`),a=xt({error:e.error,helper:e.helper}),o=C(()=>a.value.errorText||a.value.helperText?r: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:r,attachFormField:e=>{l=e},disabled:t,errorId:i,errorText:C(()=>a.value.errorText),helperText:C(()=>a.value.helperText),triggerValidation:t=>{e.validateOn?.value===t&&l&&l.reportValidity()}}},Et=e=>{let t=e.id??n(e.prefix??`field`),r=n(`label`),i=e.label??C(()=>void 0),a=e.hasLabel??C(()=>!!i.value);return{ariaLabelledBy:C(()=>a.value?r:null),fieldId:t,labelId:r,labelVisible:a}},Dt=e=>({...Tt(e),...Et(e)}),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()&&(e.onPress?.(n,`pointer`),!0),handleFocus:n=>{t()||e.onFocus?.(n)},handleKeydown:t=>Ot(t,{disabled:e.disabled,keymap:r})}},At=(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},jt=e=>{let t=At(e.checked,e.signal,Boolean),n=e.indeterminate?At(e.indeterminate,e.signal,Boolean):T(!1),r=t.value,i=n.value,a=wt(),o=C(()=>n.value?null:t.value?e.value.value??``:null),s=Dt(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}},Mt=e=>e?Array.isArray(e)?e.filter(Boolean):e.split(`,`).map(e=>e.trim()).filter(Boolean):[],Nt=e=>{let t=C(()=>!!e.multiple?.value),n=e=>{let n=t.value?e:e.slice(0,1);return[...new Set(n.filter(Boolean))]},r=At(e.value,e.signal,e=>n(Mt(e))),i=C(()=>t.value?r.value.join(`,`):r.value[0]??``),a=wt(),o=e=>{r.value=n(e)},s=e=>{a.markDirty(),o(e)},c=()=>s([]),l=e=>{a.markDirty(),r.value=r.value.filter(t=>t!==e)},u=e=>{if(t.value){r.value.includes(e)||s([...r.value,e]);return}s([e])},d=e=>{t.value&&r.value.includes(e)?l(e):u(e)},f=e=>{o(Mt(e))},p=Dt(e),m=C(()=>e.required?.value&&r.value.length===0?{valueMissing:!0}:null),h=C(()=>m.value?e.requiredMessage?.value||`Please make a selection.`:``);if(e.multiple){let t=D(e.multiple,()=>f(e.value.value));e.signal.addEventListener(`abort`,()=>t.dispose(),{once:!0})}let g=r.value,_=()=>{o(a.isDirty?g:Mt(e.value.value)),a.clear(),p.triggerValidation(`change`)};return{...p,clear:c,formValue:i,removeValue:l,reset:_,selectedValue:C(()=>r.value[0]),selectedValues:r,selectValue:u,setValues:s,toggleValue:d,validationMessage:h,validity:m}},Pt=e=>!e||e.trim()===``,Ft=e=>{let t=C(()=>!Pt(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}};function It(e){if(!e)return null;try{return j(e,{as:`plainDate`})}catch{return null}}function Lt(e){return e?e.toString():null}function Rt(e,t){return A(e,{intl:{day:`numeric`,month:`short`,year:`numeric`},locale:t,timeZone:`UTC`})}function zt(){return k.Now.plainDateISO()}function Bt(e){return e%7}function Vt(e){let t=e.value??null,n=`day`,r=t??zt(),i=r.year,a=r.month;function o(){return e.locale??(typeof navigator<`u`?navigator.language:`en`)}function s(){return e.weekendDays??[]}function c(t){return!!(e.min&&k.PlainDate.compare(t,e.min)<0||e.max&&k.PlainDate.compare(t,e.max)>0)}function l(e){return!!(c(e)||s().includes(Bt(e.dayOfWeek)))}function u(){let e=zt(),n=k.PlainDate.from({day:1,month:a,year:i}),r=Bt(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),isOutsideMonth:!0,iso:r.toString(),isSelected:t!==null&&k.PlainDate.compare(r,t)===0,isToday:k.PlainDate.compare(r,e)===0,plain:r})}let s=n.daysInMonth;for(let n=1;n<=s;n++){let r=k.PlainDate.from({day:n,month:a,year:i});o.push({day:n,isDisabled:l(r),isOutsideMonth:!1,iso:r.toString(),isSelected:t!==null&&k.PlainDate.compare(r,t)===0,isToday:k.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),isOutsideMonth:!0,iso:r.toString(),isSelected:t!==null&&k.PlainDate.compare(r,t)===0,isToday:k.PlainDate.compare(r,e)===0,plain:r})}return o}function d(){let n=[],r=o();for(let a=1;a<=12;a++){let o=k.PlainDate.from({day:1,month:a,year:i}),s=o.with({day:o.daysInMonth}),c=e.min!==null&&e.min!==void 0&&k.PlainDate.compare(s,e.min)<0||e.max!==null&&e.max!==void 0&&k.PlainDate.compare(o,e.max)>0;n.push({isDisabled:c,isSelected:t!==null&&t.year===i&&t.month===a,label:A(o,{intl:{month:`long`},locale:r,timeZone:`UTC`}),month:a,shortLabel:A(o,{intl:{month:`short`},locale:r,timeZone:`UTC`})})}return n}function f(){let n=Math.floor(i/10)*10,r=[];for(let i=n;i<n+12;i++){let n=k.PlainDate.from({day:1,month:1,year:i}),a=k.PlainDate.from({day:31,month:12,year:i}),o=e.min!==null&&e.min!==void 0&&k.PlainDate.compare(a,e.min)<0||e.max!==null&&e.max!==void 0&&k.PlainDate.compare(n,e.max)>0;r.push({isDisabled:o,isSelected:t!==null&&t.year===i,year:i})}return r}function p(){let e=j(`2024-01-07`,{as:`plainDate`}),t=o();return Array.from({length:7},(n,r)=>A(e.add({days:r}),{intl:{weekday:`short`},locale:t,timeZone:`UTC`}))}return{dayCells:u,displayMonth:()=>a,displayYear:()=>i,goTo(e,t){Number.isFinite(e)&&(i=e,a=Math.max(1,Math.min(12,t)))},monthCells:d,nextMonth(){a===12?(a=1,i++):a++},nextYear(){i++},prevMonth(){a===1?(a=12,i--):a--},prevYear(){i--},select(n){n!==null&&l(n)||(t=n,t&&(i=t.year,a=t.month),e.onChange(t))},selected:()=>t,setView(e){n=e},view:()=>n,weekdayLabels:p,yearCells:f}}function Ht(e){let t=null,n=null,r=!1,i=()=>{n!==null&&(cancelAnimationFrame(n),n=null)},a=()=>{r||(r=!0,i(),t=null)};return e.signal?.addEventListener(`abort`,a,{once:!0}),{applyInitialFocus(){i();let t=e.getInitialFocusSelector();if(t){let r=e.host.shadowRoot??e.host,i=null;try{i=r.querySelector(t)}catch{return}i&&(n=requestAnimationFrame(()=>{n=null,i.focus()}))}},cancelInitialFocus:i,captureReturnFocus(){t=M()},dispose:a,get disposed(){return r},restoreFocus(){e.getReturnFocus()!==!1&&t?.(),t=null},[Symbol.dispose]:a}}var Ut=(e,t)=>Array.from(e.getElementsByTagName(t)),Wt=(e,t)=>e.find(e=>(e.getAttribute(`value`)??``)===t)?.textContent?.replace(/\s+/g,` `).trim()||t,Gt=e=>{let t=Number(e);return Number.isFinite(t)?t:void 0},Kt=(e,t)=>Gt(e)??t,qt=(e,t)=>Math.abs(Kt(e,t))||t,Z=e=>{let t=new AbortController;return e(()=>t.abort()),t.signal},Jt=e=>{let t=t=>{if(!e.isActive())return;let n=t.composedPath(),r=n[0]instanceof Node?n[0]:t.target instanceof Node?t.target:null;e.getTargets().some(e=>e!=null&&(n.includes(e)||!!(r&&e.contains(r))))||e.onDismiss()},n=()=>{document.removeEventListener(`pointerdown`,t,{capture:!0})};return document.addEventListener(`pointerdown`,t,{capture:!0}),e.signal.addEventListener(`abort`,n,{once:!0}),n},Yt=(e,t)=>{e.value?.(t);let n=D(e,e=>e?.(t));return()=>{n.dispose(),e.value?.(null)}};function Xt(e,t,n){return t!=null&&e<t?t:n!=null&&e>n?n:e}var Zt=e=>{let t=()=>Kt(e.min?.value,0),n=()=>Kt(e.max?.value,100),r=()=>qt(e.step?.value,1),i=e=>{let r=t(),i=n();return Xt(Kt(e,r),r,i)},a=e=>{let n=t();return i(Math.round(Kt(e,n)/r())*r())},o=e=>{let r=t(),i=n(),a=Kt(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=Kt(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&&(t.preventDefault(),r(i),!0)},max:n,min:t,nextFromKey:c,snap:a,toPercent:o}},Qt=e=>{let t=()=>!!e.disabled?.value||!!e.readonly?.value,n=()=>Gt(e.min?.value),r=()=>Gt(e.max?.value),i=e=>Xt(e,n(),r()),a=()=>qt(e.step?.value,1),o=()=>{let t=a();return qt(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()&&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}},$t=e=>e.trim()===``,en=e=>String(e??``),tn=e=>{let t=At(e.value,e.signal,en),n=Dt(e),r=e.maxLength?St({maxLength:e.maxLength,value:t}):null,i=C(()=>!e.readonly?.value&&e.required?.value&&$t(t.value)?{valueMissing:!0}:null),a=C(()=>i.value?e.requiredMessage?.value||`This field is required.`:``),o=()=>{t.value=en(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}};function nn(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 rn=e=>{let t=T(-1),n,r=N({direction:e.direction,disabled:()=>!!e.disabled?.value,getItems:e.getItems,isItemDisabled:e.isItemDisabled,keys:e.keys,loop:e.loop,onNavigate:n=>{t.value=n.index,e.onNavigate?.(n)},orientation:e.orientation,typeahead:e.typeahead}),i=()=>{t.value=r.getIndex()},a=e=>{let t=r.set(e);return i(),t},o=e=>{let t=r.navigate(e);return i(),t},s=()=>{r.reset(),i()},c=e=>{let t=r.handleKeydown(e);return i(),t},l=()=>{r.dispose(),i(),n?.(),n=void 0};return e.signal?.aborted?l():e.signal&&(e.signal?.addEventListener(`abort`,l,{once:!0}),n=()=>e.signal?.removeEventListener(`abort`,l)),{dispose:l,get disposed(){return r.disposed},focusedIndex:t,getActiveItem:()=>r.getActiveItem(),handleKeydown:c,navigate:o,reset:s,set:a,[Symbol.dispose]:l}},an=class extends Error{constructor(e,t){super(e,t),this.name=new.target.name,Object.setPrototypeOf(this,new.target.prototype)}},on=class extends an{},sn=e=>e.endsWith(`-start`)?e.replace(`-start`,`-end`):e.endsWith(`-end`)?e.replace(`-end`,`-start`):e;function cn({boundary:e,getDir:t,getFloating:n,getPlacement:r,getReference:i,matchWidth:a=!0,offsetPx:o=0,padding:s=6,useClippingAncestor:c=!0}){function l(){let e=r?.()??`bottom-start`;return(t?.()??nn(i()))===`rtl`?sn(e):e}function u(){let t=i(),r=n();if(!t||!r)return;let u=l(),d=e??(c?R(r):void 0),f=I(t,r,{boundary:d,middleware:[...o?[ee(o)]:[],L({padding:s}),z({padding:s}),...a?[te({padding:s})]:[]],placement:u});r.style.left=`${f.x}px`,r.style.top=`${f.y}px`;let p=r.style.transition,m=r.style.transform;r.style.transition=`none`,r.style.transform=`none`;let h=r.getBoundingClientRect(),g=f.x-h.left,_=f.y-h.top;r.style.transition=p,r.style.transform=m,(g!==0||_!==0)&&(r.style.left=`${f.x+g}px`,r.style.top=`${f.y+_}px`),a&&(r.style.width=`${t.getBoundingClientRect().width}px`)}function d(){let e=i(),t=n();return!e||!t?()=>{}:F(e,t,u)}return{floating:n,reference:i,startAutoUpdate:d,update:u}}var ln=e=>{if(typeof e.getBoundary!=`function`)throw new on(`createListboxDropdown: getBoundary is required`);if(typeof e.getPanel!=`function`)throw new on(`createListboxDropdown: getPanel is required`);if(typeof e.getReference!=`function`)throw new on(`createListboxDropdown: getReference is required`);let t=T(!1),n=C(()=>String(t.value)),r=null,i=cn({...e.positioning,getFloating:e.getPanel,getReference:e.getReference}),a=()=>{e.getFocusedOptionElement?.()?.scrollIntoView({block:`nearest`})},o=rn({disabled:C(()=>!t.value),getItems:e.getItems,isItemDisabled:e.isItemDisabled,keys:e.keys,loop:e.loop??!0,onNavigate:t=>{a(),e.onNavigate?.(t)},orientation:e.orientation,signal:e.signal,typeahead:e.typeahead}),s=C(()=>{let n=o.focusedIndex.value;return e.getOptionId&&t.value&&n>=0?e.getOptionId(n):null}),c=()=>typeof e.restoreFocus==`function`?e.restoreFocus():e.restoreFocus??!0,l=(n=`programmatic`,i=!0)=>{t.value&&(t.value=!1,o.reset(),r?.(),r=null,i&&c()&&e.getTrigger&&P(e.getTrigger),e.onClose?.(n))},u=(n=`programmatic`)=>{e.isDisabled?.()||t.value||(t.value=!0,i.update(),r=i.startAutoUpdate?.()??null,e.onOpen?.(n))},d=(e=`click`,n=`trigger`)=>{t.value?l(n):u(e)};Jt({getTargets:()=>[e.getBoundary(),e.getPanel()],isActive:()=>t.value,onDismiss:()=>l(`outsideClick`),signal:e.signal});let f=!1,p=()=>{f||(f=!0,t.value&&(t.value=!1,o.reset(),r?.(),r=null))};return e.signal.addEventListener(`abort`,p,{once:!0}),{ariaActiveDescendant:s,ariaExpanded:n,close:l,dispose:p,get disposed(){return f},focusedIndex:o.focusedIndex,getActiveItem:o.getActiveItem,handleKeydown:e=>t.value?e.key===`Escape`?(e.preventDefault(),l(`escape`),!0):o.handleKeydown(e):!1,isOpen:t,navigate:o.navigate,open:u,scrollFocusedIntoView:a,set:o.set,[Symbol.dispose]:p,toggle:d,updatePosition:i.update}},un=(e,t,n)=>{let r=String(e??``).split(`,`).map(e=>e.trim()).filter(e=>t.has(e));return r.length>0?r:[...n]},dn=`@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(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.loading-bar:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([loading]) .loading-bar{animation:var(--_motion-animation,loading-bar 1.4s linear infinite);display:block}:host(:dir(rtl)[loading]) .loading-bar{animation-direction:reverse}:host([disabled]){pointer-events:none;opacity:.6}:host([disabled][interactive]) .card{cursor:not-allowed}:host([interactive]:not([disabled]):hover) .card{box-shadow:var(--_hover-shadow);transform:translateY(-2px)scale(1.01)}:host([interactive]) .card{cursor:pointer;will-change:transform}:host[interactive]:not([disabled]):active:not(:has(button:active,a[href]:active,input:active,select:active,textarea:active,summary:active,[role=button]:active,[role=link]:active)) .card{box-shadow:var(--_shadow);transition:box-shadow var(--transition-fast), transform .12s var(--ease-spring);transform:translateY(0)scale(.99)}:host([interactive]:focus-visible) .card{outline:var(--border-2) solid var(--_theme-focus,var(--color-primary));outline-offset:var(--border-2)}:host([orientation=horizontal]) .card{flex-direction:row}:host([orientation=horizontal]) .card-media{width:30%;min-width:192px;max-width:320px}:host([orientation=horizontal]) .card-media img{object-fit:cover;width:100%;height:100%}:host([orientation=horizontal]) .card-body{flex:1}}@keyframes loading-bar{0%{transform:translate(-100%)}to{transform:translate(200%)}}`,fn=`button, a[href], input, select, textarea, summary, [role="button"], [role="link"], [contenteditable=""], [contenteditable="true"]`;function pn(e,t){for(let n of t.composedPath())if(n instanceof HTMLElement){if(n===e)return!1;if(n.matches(fn)||n.closest(fn))return!0}return!1}var mn=`ore-card`;i(mn,{props:{...U,...G,...we,elevation:p.number(),interactive:p.bool(!1),orientation:p.string(),padding:p.string(),variant:p.string()},setup(t){let n=a(),r=v(),i=b(),s=x;e({attr:{ariaBusy:()=>t.loading.value?`true`:`false`,ariaDisabled:()=>t.interactive.value?String(t.disabled.value):null,role:()=>t.interactive.value?`button`:null}}),s(()=>{t.interactive.value?n.setAttribute(`tabindex`,t.disabled.value?`-1`:`0`):n.removeAttribute(`tabindex`)});let c=kt({disabled:C(()=>!t.interactive.value||!!t.disabled.value),onPress:(e,t)=>{r(`activate`,{originalEvent:e,trigger:t})}}),l=e=>{!t.interactive.value||t.disabled.value||pn(n,e)||c.handleClick(e)},u=e=>{c.handleKeydown(e)};return e({on:{click:e=>l(e),keydown:e=>u(e)}}),o`
|
|
634
|
+
`},styles:[ct]});var ft=new WeakMap,pt=new WeakMap,mt=(e,t)=>{if(!t.body)return null;let n=t.createElement(`div`);return n.setAttribute(`aria-live`,e),n.setAttribute(`aria-atomic`,`true`),n.setAttribute(`data-block-announcer`,e),n.style.cssText=Fe,t.body.appendChild(n),n},ht=(e,t)=>{let n=ft.get(t);if(n?.[e]&&!t.body?.contains(n[e])&&(n[e]=void 0),!n?.[e]){let r=mt(e,t);if(!r)return null;n||(n={},ft.set(t,n)),n[e]=r}return n[e]??null},gt=(e,t={})=>{let n=t.document??(typeof document<`u`?document:null);if(!n)return;let r=ht(t.politeness??`polite`,n);if(!r)return;r.textContent=``;let i=pt.get(r);i!==void 0&&clearTimeout(i);let a=setTimeout(()=>{r.textContent=e,pt.delete(r)},50);pt.set(r,a)},_t={ariaControlsElements:`aria-controls`,ariaDescribedByElements:`aria-describedby`,ariaLabelledByElements:`aria-labelledby`};function vt(e,t,n){if(t in e){e[t]=n.length>0?n:null;return}let r=_t[t],i=n.map(e=>e.id).filter(Boolean);i.length===0?e.removeAttribute(r):e.setAttribute(r,i.join(` `))}var yt=(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)})}},bt=e=>C(()=>({errorText:e.error?.value??``,helperText:e.helper?.value??``})),xt=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}}),St=(e,t=`counter`)=>e?e.counterAtLimit?`${t} at-limit`:e.counterNearLimit?`${t} near-limit`:t:t;function Ct(){let e=!1;return{clear:()=>{e=!1},get isDirty(){return e},markDirty:()=>{e=!0}}}var wt=e=>{let t=C(()=>!!e.disabled?.value),r=n(`helper`),i=n(`error`),a=bt({error:e.error,helper:e.helper}),o=C(()=>a.value.errorText||a.value.helperText?r: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:r,attachFormField:e=>{l=e},disabled:t,errorId:i,errorText:C(()=>a.value.errorText),helperText:C(()=>a.value.helperText),triggerValidation:t=>{e.validateOn?.value===t&&l&&l.reportValidity()}}},Tt=e=>{let t=e.id??n(e.prefix??`field`),r=n(`label`),i=e.label??C(()=>void 0),a=e.hasLabel??C(()=>!!i.value);return{ariaLabelledBy:C(()=>a.value?r:null),fieldId:t,labelId:r,labelVisible:a}},Et=e=>({...wt(e),...Tt(e)}),Dt=(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},Ot=e=>{let t=()=>!!e.disabled?.value,n=e.keys??[`Enter`,` `],r=Object.fromEntries(n.map(t=>[t,t=>e.onPress?.(t,`keyboard`)]));return{handleBlur:n=>{t()||e.onBlur?.(n)},handleClick:n=>!t()&&(e.onPress?.(n,`pointer`),!0),handleFocus:n=>{t()||e.onFocus?.(n)},handleKeydown:t=>Dt(t,{disabled:e.disabled,keymap:r})}},kt=(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},At=e=>{let t=kt(e.checked,e.signal,Boolean),n=e.indeterminate?kt(e.indeterminate,e.signal,Boolean):T(!1),r=t.value,i=n.value,a=Ct(),o=C(()=>n.value?null:t.value?e.value.value??``:null),s=Et(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=Ot({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?Array.isArray(e)?e.filter(Boolean):e.split(`,`).map(e=>e.trim()).filter(Boolean):[],Mt=e=>{let t=C(()=>!!e.multiple?.value),n=e=>{let n=t.value?e:e.slice(0,1);return[...new Set(n.filter(Boolean))]},r=kt(e.value,e.signal,e=>n(jt(e))),i=C(()=>t.value?r.value.join(`,`):r.value[0]??``),a=Ct(),o=e=>{r.value=n(e)},s=e=>{a.markDirty(),o(e)},c=()=>s([]),l=e=>{a.markDirty(),r.value=r.value.filter(t=>t!==e)},u=e=>{if(t.value){r.value.includes(e)||s([...r.value,e]);return}s([e])},d=e=>{t.value&&r.value.includes(e)?l(e):u(e)},f=e=>{o(jt(e))},p=Et(e),m=C(()=>e.required?.value&&r.value.length===0?{valueMissing:!0}:null),h=C(()=>m.value?e.requiredMessage?.value||`Please make a selection.`:``);if(e.multiple){let t=D(e.multiple,()=>f(e.value.value));e.signal.addEventListener(`abort`,()=>t.dispose(),{once:!0})}let g=r.value,_=()=>{o(a.isDirty?g:jt(e.value.value)),a.clear(),p.triggerValidation(`change`)};return{...p,clear:c,formValue:i,removeValue:l,reset:_,selectedValue:C(()=>r.value[0]),selectedValues:r,selectValue:u,setValues:s,toggleValue:d,validationMessage:h,validity:m}},Nt=e=>!e||e.trim()===``,Pt=e=>{let t=C(()=>!Nt(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}};function Ft(e){if(!e)return null;try{return j(e,{as:`plainDate`})}catch{return null}}function It(e){return e?e.toString():null}function Lt(e,t){return A(e,{intl:{day:`numeric`,month:`short`,year:`numeric`},locale:t,timeZone:`UTC`})}function Rt(){return k.Now.plainDateISO()}function zt(e){return e%7}function Bt(e){let t=e.value??null,n=`day`,r=t??Rt(),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&&k.PlainDate.compare(t,e.min)<0||e.max&&k.PlainDate.compare(t,e.max)>0)}function l(e){return!!(c(e)||s().includes(zt(e.dayOfWeek)))}function u(){let e=Rt(),n=k.PlainDate.from({day:1,month:a,year:i}),r=zt(n.dayOfWeek),o=[];for(let i=r-1;i>=0;i--){let r=n.subtract({days:i+1});o.push({day:r.day,isDisabled:l(r),isOutsideMonth:!0,iso:r.toString(),isSelected:t!==null&&k.PlainDate.compare(r,t)===0,isToday:k.PlainDate.compare(r,e)===0,plain:r})}let s=n.daysInMonth;for(let n=1;n<=s;n++){let r=k.PlainDate.from({day:n,month:a,year:i});o.push({day:n,isDisabled:l(r),isOutsideMonth:!1,iso:r.toString(),isSelected:t!==null&&k.PlainDate.compare(r,t)===0,isToday:k.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),isOutsideMonth:!0,iso:r.toString(),isSelected:t!==null&&k.PlainDate.compare(r,t)===0,isToday:k.PlainDate.compare(r,e)===0,plain:r})}return o}function d(){let n=[],r=o();for(let a=1;a<=12;a++){let o=k.PlainDate.from({day:1,month:a,year:i}),s=o.with({day:o.daysInMonth}),c=e.min!==null&&e.min!==void 0&&k.PlainDate.compare(s,e.min)<0||e.max!==null&&e.max!==void 0&&k.PlainDate.compare(o,e.max)>0;n.push({isDisabled:c,isSelected:t!==null&&t.year===i&&t.month===a,label:A(o,{intl:{month:`long`},locale:r,timeZone:`UTC`}),month:a,shortLabel:A(o,{intl:{month:`short`},locale:r,timeZone:`UTC`})})}return n}function f(){let n=Math.floor(i/10)*10,r=[];for(let i=n;i<n+12;i++){let n=k.PlainDate.from({day:1,month:1,year:i}),a=k.PlainDate.from({day:31,month:12,year:i}),o=e.min!==null&&e.min!==void 0&&k.PlainDate.compare(a,e.min)<0||e.max!==null&&e.max!==void 0&&k.PlainDate.compare(n,e.max)>0;r.push({isDisabled:o,isSelected:t!==null&&t.year===i,year:i})}return r}function p(){let e=j(`2024-01-07`,{as:`plainDate`}),t=o();return Array.from({length:7},(n,r)=>A(e.add({days:r}),{intl:{weekday:`short`},locale:t,timeZone:`UTC`}))}return{dayCells:u,displayMonth:()=>a,displayYear:()=>i,goTo(e,t){Number.isFinite(e)&&(i=e,a=Math.max(1,Math.min(12,t)))},monthCells:d,nextMonth(){a===12?(a=1,i++):a++},nextYear(){i++},prevMonth(){a===1?(a=12,i--):a--},prevYear(){i--},select(n){n!==null&&l(n)||(t=n,t&&(i=t.year,a=t.month),e.onChange(t))},selected:()=>t,setView(e){n=e},view:()=>n,weekdayLabels:p,yearCells:f}}function Vt(e){let t=null,n=null,r=!1,i=()=>{n!==null&&(cancelAnimationFrame(n),n=null)},a=()=>{r||(r=!0,i(),t=null)};return e.signal?.addEventListener(`abort`,a,{once:!0}),{applyInitialFocus(){i();let t=e.getInitialFocusSelector();if(t){let r=e.host.shadowRoot??e.host,i=null;try{i=r.querySelector(t)}catch{return}i&&(n=requestAnimationFrame(()=>{n=null,i.focus()}))}},cancelInitialFocus:i,captureReturnFocus(){t=M()},dispose:a,get disposed(){return r},restoreFocus(){e.getReturnFocus()!==!1&&t?.(),t=null},[Symbol.dispose]:a}}var Ht=(e,t)=>Array.from(e.getElementsByTagName(t)),Ut=(e,t)=>e.find(e=>(e.getAttribute(`value`)??``)===t)?.textContent?.replace(/\s+/g,` `).trim()||t,Wt=e=>{let t=Number(e);return Number.isFinite(t)?t:void 0},Gt=(e,t)=>Wt(e)??t,Kt=(e,t)=>Math.abs(Gt(e,t))||t,Q=e=>{let t=new AbortController;return e(()=>t.abort()),t.signal},qt=e=>{let t=t=>{if(!e.isActive())return;let n=t.composedPath(),r=n[0]instanceof Node?n[0]:t.target instanceof Node?t.target:null;e.getTargets().some(e=>e!=null&&(n.includes(e)||!!(r&&e.contains(r))))||e.onDismiss()},n=()=>{document.removeEventListener(`pointerdown`,t,{capture:!0})};return document.addEventListener(`pointerdown`,t,{capture:!0}),e.signal.addEventListener(`abort`,n,{once:!0}),n},Jt=(e,t)=>{e.value?.(t);let n=D(e,e=>e?.(t));return()=>{n.dispose(),e.value?.(null)}};function Yt(e,t,n){return t!=null&&e<t?t:n!=null&&e>n?n:e}var Xt=e=>{let t=()=>Gt(e.min?.value,0),n=()=>Gt(e.max?.value,100),r=()=>Kt(e.step?.value,1),i=e=>{let r=t(),i=n();return Yt(Gt(e,r),r,i)},a=e=>{let n=t();return i(Math.round(Gt(e,n)/r())*r())},o=e=>{let r=t(),i=n(),a=Gt(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=Gt(a,t());return e===`ArrowRight`||e===`ArrowUp`?i(o+r()):e===`ArrowLeft`||e===`ArrowDown`?i(o-r()):e===`Home`?t():e===`End`?n():null};return{clamp:i,fromClientX:s,handleKeydown:(t,n,r)=>{if(e.disabled?.value||e.readonly?.value)return!1;let i=c(t.key,n);return i!==null&&(t.preventDefault(),r(i),!0)},max:n,min:t,nextFromKey:c,snap:a,toPercent:o}},Zt=e=>{let t=()=>!!e.disabled?.value||!!e.readonly?.value,n=()=>Wt(e.min?.value),r=()=>Wt(e.max?.value),i=e=>Yt(e,n(),r()),a=()=>Kt(e.step?.value,1),o=()=>{let t=a();return Kt(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()&&Dt(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=>e.trim()===``,$t=e=>String(e??``),en=e=>{let t=kt(e.value,e.signal,$t),n=Et(e),r=e.maxLength?xt({maxLength:e.maxLength,value:t}):null,i=C(()=>!e.readonly?.value&&e.required?.value&&Qt(t.value)?{valueMissing:!0}:null),a=C(()=>i.value?e.requiredMessage?.value||`This field is required.`:``),o=()=>{t.value=$t(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}};function tn(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 nn=e=>{let t=T(-1),n,r=N({direction:e.direction,disabled:()=>!!e.disabled?.value,getItems:e.getItems,isItemDisabled:e.isItemDisabled,keys:e.keys,loop:e.loop,onNavigate:n=>{t.value=n.index,e.onNavigate?.(n)},orientation:e.orientation,typeahead:e.typeahead}),i=()=>{t.value=r.getIndex()},a=e=>{let t=r.set(e);return i(),t},o=e=>{let t=r.navigate(e);return i(),t},s=()=>{r.reset(),i()},c=e=>{let t=r.handleKeydown(e);return i(),t},l=()=>{r.dispose(),i(),n?.(),n=void 0};return e.signal?.aborted?l():e.signal&&(e.signal?.addEventListener(`abort`,l,{once:!0}),n=()=>e.signal?.removeEventListener(`abort`,l)),{dispose:l,get disposed(){return r.disposed},focusedIndex:t,getActiveItem:()=>r.getActiveItem(),handleKeydown:c,navigate:o,reset:s,set:a,[Symbol.dispose]:l}},rn=class extends Error{constructor(e,t){super(e,t),this.name=new.target.name,Object.setPrototypeOf(this,new.target.prototype)}},an=class extends rn{},on=e=>e.endsWith(`-start`)?e.replace(`-start`,`-end`):e.endsWith(`-end`)?e.replace(`-end`,`-start`):e;function sn({boundary:e,getDir:t,getFloating:n,getPlacement:r,getReference:i,matchWidth:a=!0,offsetPx:o=0,padding:s=6,useClippingAncestor:c=!0}){function l(){let e=r?.()??`bottom-start`;return(t?.()??tn(i()))===`rtl`?on(e):e}function u(){let t=i(),r=n();if(!t||!r)return;let u=l(),d=e??(c?R(r):void 0),f=I(t,r,{boundary:d,middleware:[...o?[z(o)]:[],L({padding:s}),B({padding:s}),...a?[ee({padding:s})]:[]],placement:u});r.style.left=`${f.x}px`,r.style.top=`${f.y}px`;let p=r.style.transition,m=r.style.transform;r.style.transition=`none`,r.style.transform=`none`;let h=r.getBoundingClientRect(),g=f.x-h.left,_=f.y-h.top;r.style.transition=p,r.style.transform=m,(g!==0||_!==0)&&(r.style.left=`${f.x+g}px`,r.style.top=`${f.y+_}px`),a&&(r.style.width=`${t.getBoundingClientRect().width}px`)}function d(){let e=i(),t=n();return!e||!t?()=>{}:F(e,t,u)}return{floating:n,reference:i,startAutoUpdate:d,update:u}}var cn=e=>{if(typeof e.getBoundary!=`function`)throw new an(`createListboxDropdown: getBoundary is required`);if(typeof e.getPanel!=`function`)throw new an(`createListboxDropdown: getPanel is required`);if(typeof e.getReference!=`function`)throw new an(`createListboxDropdown: getReference is required`);let t=T(!1),n=C(()=>String(t.value)),r=null,i=sn({...e.positioning,getFloating:e.getPanel,getReference:e.getReference}),a=()=>{e.getFocusedOptionElement?.()?.scrollIntoView({block:`nearest`})},o=nn({disabled:C(()=>!t.value),getItems:e.getItems,isItemDisabled:e.isItemDisabled,keys:e.keys,loop:e.loop??!0,onNavigate:t=>{a(),e.onNavigate?.(t)},orientation:e.orientation,signal:e.signal,typeahead:e.typeahead}),s=C(()=>{let n=o.focusedIndex.value;return e.getOptionId&&t.value&&n>=0?e.getOptionId(n):null}),c=()=>typeof e.restoreFocus==`function`?e.restoreFocus():e.restoreFocus??!0,l=(n=`programmatic`,i=!0)=>{t.value&&(t.value=!1,o.reset(),r?.(),r=null,i&&c()&&e.getTrigger&&P(e.getTrigger),e.onClose?.(n))},u=(n=`programmatic`)=>{e.isDisabled?.()||t.value||(t.value=!0,i.update(),r=i.startAutoUpdate?.()??null,e.onOpen?.(n))},d=(e=`click`,n=`trigger`)=>{t.value?l(n):u(e)};qt({getTargets:()=>[e.getBoundary(),e.getPanel()],isActive:()=>t.value,onDismiss:()=>l(`outsideClick`),signal:e.signal});let f=!1,p=()=>{f||(f=!0,t.value&&(t.value=!1,o.reset(),r?.(),r=null))};return e.signal.addEventListener(`abort`,p,{once:!0}),{ariaActiveDescendant:s,ariaExpanded:n,close:l,dispose:p,get disposed(){return f},focusedIndex:o.focusedIndex,getActiveItem:o.getActiveItem,handleKeydown:e=>t.value?e.key===`Escape`?(e.preventDefault(),l(`escape`),!0):o.handleKeydown(e):!1,isOpen:t,navigate:o.navigate,open:u,scrollFocusedIntoView:a,set:o.set,[Symbol.dispose]:p,toggle:d,updatePosition:i.update}},ln=(e,t,n)=>{let r=String(e??``).split(`,`).map(e=>e.trim()).filter(e=>t.has(e));return r.length>0?r:[...n]},un=`@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(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.loading-bar:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([loading]) .loading-bar{animation:var(--_motion-animation,loading-bar 1.4s linear infinite);display:block}:host(:dir(rtl)[loading]) .loading-bar{animation-direction:reverse}:host([disabled]){pointer-events:none;opacity:.6}:host([disabled][interactive]) .card{cursor:not-allowed}:host([interactive]:not([disabled]):hover) .card{box-shadow:var(--_hover-shadow);transform:translateY(-2px)scale(1.01)}:host([interactive]) .card{cursor:pointer;will-change:transform}:host[interactive]:not([disabled]):active:not(:has(button:active,a[href]:active,input:active,select:active,textarea:active,summary:active,[role=button]:active,[role=link]:active)) .card{box-shadow:var(--_shadow);transition:box-shadow var(--transition-fast), transform .12s var(--ease-spring);transform:translateY(0)scale(.99)}:host([interactive]:focus-visible) .card{outline:var(--border-2) solid var(--_theme-focus,var(--color-primary));outline-offset:var(--border-2)}:host([orientation=horizontal]) .card{flex-direction:row}:host([orientation=horizontal]) .card-media{width:30%;min-width:192px;max-width:320px}:host([orientation=horizontal]) .card-media img{object-fit:cover;width:100%;height:100%}:host([orientation=horizontal]) .card-body{flex:1}}@keyframes loading-bar{0%{transform:translate(-100%)}to{transform:translate(200%)}}`,dn=`button, a[href], input, select, textarea, summary, [role="button"], [role="link"], [contenteditable=""], [contenteditable="true"]`;function fn(e,t){for(let n of t.composedPath())if(n instanceof HTMLElement){if(n===e)return!1;if(n.matches(dn)||n.closest(dn))return!0}return!1}var pn=`ore-card`;i(pn,{props:{...W,...K,...Ce,elevation:p.number(),interactive:p.bool(!1),orientation:p.string(),padding:p.string(),variant:p.string()},setup(t){let n=a(),r=v(),i=b(),s=x;e({attr:{ariaBusy:()=>t.loading.value?`true`:`false`,ariaDisabled:()=>t.interactive.value?String(t.disabled.value):null,role:()=>t.interactive.value?`button`:null}}),s(()=>{t.interactive.value?n.setAttribute(`tabindex`,t.disabled.value?`-1`:`0`):n.removeAttribute(`tabindex`)});let c=Ot({disabled:C(()=>!t.interactive.value||!!t.disabled.value),onPress:(e,t)=>{r(`activate`,{originalEvent:e,trigger:t})}}),l=e=>{t.interactive.value&&!t.disabled.value&&(fn(n,e)||c.handleClick(e))},u=e=>{c.handleKeydown(e)};return e({on:{click:e=>l(e),keydown:e=>u(e)}}),o`
|
|
633
635
|
<div class="card" part="card">
|
|
634
636
|
<div class="loading-bar" part="loading-bar"></div>
|
|
635
637
|
<div class="card-media" part="media" ?hidden="${()=>!i.has(`media`).value}">
|
|
@@ -650,7 +652,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
650
652
|
</div>
|
|
651
653
|
</div>
|
|
652
654
|
</div>
|
|
653
|
-
`},styles:[
|
|
655
|
+
`},styles:[Z,Qe,We,Y,nt(`.card`),J,un]});var mn=`@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%}}`,hn=`ore-progress`;i(hn,{props:{...W,...G,"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=a(),n=x,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}%`),s=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=g({"--_circ":`${r}px`}),d=()=>e.indeterminate.value?void 0:`${r}px`,f=()=>e.indeterminate.value?void 0:`${s.value}px`,p=C(()=>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=()=>o`
|
|
654
656
|
<div
|
|
655
657
|
class="circular-track"
|
|
656
658
|
role="progressbar"
|
|
@@ -702,9 +704,9 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
702
704
|
</div>
|
|
703
705
|
`;return o`
|
|
704
706
|
${()=>e.type.value===`circular`?h():_()}
|
|
705
|
-
`},styles:[
|
|
707
|
+
`},styles:[Z,$e,J,mn]});var gn=`@layer refine.base{:host{--_bg:var(--carousel-bg,var(--color-canvas));--_radius:var(--carousel-radius,var(--rounded-xl));--_dot-bg:var(--carousel-dot-bg,var(--color-contrast-300));--_dot-active-bg:var(--carousel-dot-active-bg,var(--color-contrast-700));width:100%;min-height:var(--carousel-min-height,240px);touch-action:auto;background:var(--_bg);border-radius:var(--_radius);outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.track{flex:auto;width:100%;min-height:0;position:relative}.controls{gap:var(--size-0-5);pointer-events:none;align-items:center;display:flex}.controls:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}:host>.controls{padding:var(--size-1-5) var(--size-2);background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);position:absolute}:host>.controls:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--size-3);margin-left:0}:host>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3);margin-right:0}.nav-btn{pointer-events:auto}:host([variant=gallery]) .track{gap:var(--carousel-gallery-gap,var(--size-2));flex-direction:row;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}:host([variant=gallery][orientation=vertical]) .track{flex-direction:column;align-items:stretch}:host([variant=filmstrip]) .track{gap:var(--carousel-filmstrip-gap,var(--size-2));flex-direction:row;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}:host([variant=filmstrip][orientation=vertical]) .track{flex-direction:column;width:100%}:host([orientation=vertical]){--_slide-translate-before:translateY(-100%);--_slide-translate-after:translateY(100%)}:host([orientation=vertical]) .indicators{top:50%;bottom:auto;inset-inline:var(--size-3) auto;width:auto;height:max-content;padding-block:var(--size-6) var(--size-2);padding-inline:var(--size-1-5);border-radius:var(--rounded-full);flex-direction:column;transform:translate(0)translateY(-50%)}:host([orientation=vertical]) .controls{flex-direction:column;margin-top:auto}:host([orientation=vertical]) .controls:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:0}:host([orientation=vertical]) .controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}:host([orientation=vertical])>.controls{bottom:var(--size-3);margin-top:0}:host([orientation=vertical])>.controls:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--size-3)}:host([orientation=vertical])>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3)}:host([orientation=vertical]) .indicator:not(.indicator-active){width:var(--size-2);height:var(--size-2)}:host([orientation=vertical]) .indicator-active{width:var(--size-1-5);height:var(--size-8)}.indicators{gap:var(--size-1-5);width:max-content;padding:var(--size-1-5) var(--size-2) var(--size-1-5) var(--size-6);pointer-events:none;background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);flex-direction:row;align-items:center;display:flex;position:absolute;left:50%;right:50%;transform:translate(-50%)}.indicator{pointer-events:auto;cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:0;display:block}.indicator>ore-progress{pointer-events:none;width:100%;height:100%;display:block}.indicator:not(.indicator-active){width:var(--size-2);height:var(--size-2);border-radius:var(--rounded-full);overflow:hidden}.indicator-active{--progress-track-bg:color-mix(in oklch, var(--_dot-bg) 60%, transparent);width:var(--size-8)}.indicator:focus-visible{outline:var(--border) solid currentcolor;outline-offset:2px}.indicator:hover{opacity:.8}.indicator ore-progress::part(fill){transition:width var(--transition-normal)}.indicator-active ore-progress::part(fill){animation-name:var(--carousel-animation-name,none);animation-duration:calc(var(--carousel-timeout,4000) * 1ms);animation-timing-function:var(--ease-linear);animation-fill-mode:forwards}}@media (prefers-reduced-motion:reduce){:host{--carousel-transition-duration:0s}}@keyframes carousel-fill{0%{width:0%}to{width:100%}}@keyframes carousel-fill-v{0%{height:0%}to{height:100%}}`,_n=`:host{pointer-events:none;opacity:0;width:100%;height:100%;transform:var(--_slide-translate-after,translateX(100%));transition:transform var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);display:block;position:absolute;inset:0;overflow:hidden}:host([data-before]){transform:var(--_slide-translate-before,translateX(-100%))}:host([data-active]){pointer-events:auto;opacity:1;transform:translate(0)}:host([data-variant=fade]){transition:opacity var(--carousel-transition-duration,.35s) var(--ease-move);transform:none}:host([data-variant=filmstrip]){pointer-events:auto;border-radius:var(--carousel-radius,var(--rounded-xl));opacity:1;transition:flex var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);flex-shrink:0;align-self:stretch;position:relative;inset:auto;transform:none}:host([data-variant=filmstrip][data-orientation=horizontal]){flex:0 0 var(--carousel-filmstrip-inactive,var(--size-16));width:auto;min-width:var(--carousel-filmstrip-inactive,var(--size-16));height:100%}:host([data-variant=filmstrip][data-orientation=horizontal][data-active]){flex:1 1 0}:host([data-variant=filmstrip][data-orientation=vertical]){flex:0 0 var(--carousel-filmstrip-inactive,var(--size-10));width:100%;height:auto;min-height:var(--carousel-filmstrip-inactive,var(--size-10))}:host([data-variant=filmstrip][data-orientation=vertical][data-active]){flex:1 1 0}:host([data-variant=gallery]){display:none}:host([data-variant=gallery][data-gallery-visible]){pointer-events:auto;border-radius:var(--carousel-radius,var(--rounded-xl));opacity:.5;transition:flex var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);align-self:stretch;display:block;position:relative;inset:auto;overflow:hidden;transform:none}:host([data-variant=gallery][data-gallery-visible][data-active]){opacity:1}:host([data-variant=gallery][data-orientation=horizontal][data-gallery-visible]){flex:0 0 var(--carousel-gallery-thumbnail,var(--size-24));width:auto;min-width:var(--carousel-gallery-thumbnail,var(--size-24));flex-shrink:0;height:100%}:host([data-variant=gallery][data-orientation=horizontal][data-gallery-visible][data-active]){flex:1 1 0}:host([data-variant=gallery][data-orientation=vertical][data-gallery-visible]){flex:1 1 0;width:100%;height:auto}:host([data-variant=gallery][data-orientation=vertical][data-gallery-visible][data-active]){flex:4 1 0}::slotted(*){max-width:100%}`,vn=`ore-carousel-slide`;i(vn,{props:{},setup(t){return e({attr:{"aria-roledescription":()=>`slide`,role:()=>`group`}}),o`
|
|
706
708
|
<slot></slot>
|
|
707
|
-
`},styles:[
|
|
709
|
+
`},styles:[_n]});var yn=`ore-carousel`,bn=(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)})},xn=(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`)})},Sn=(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)})};i(yn,{props:{autoplay:p.bool(!1),"autoplay-interval":p.number(5e3),color:p.string(),label:p.string(`Carousel`),loop:p.bool(!0),orientation:p.string(`horizontal`),"show-controls":p.bool(!0),"show-indicators":p.bool(!0),"slide-index":p.number(0),variant:p.string(`default`)},setup(t){let n=a(),r=v(),i=T(t[`slide-index`].value??0),s=null,c=Array.from(n.querySelectorAll(`:scope > ore-carousel-slide`)),u=T(c.length),d=()=>{c=Array.from(n.querySelectorAll(`:scope > ore-carousel-slide`)),u.value=c.length},p=C(()=>t.orientation.value!==`vertical`),m=C(()=>t.loop.value!==!1),h=C(()=>t[`show-controls`].value!==!1),g=C(()=>t[`show-indicators`].value!==!1),_=C(()=>m.value||i.value>0),y=C(()=>m.value||i.value<u.value-1),b=(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}),t&>(c[o]?.getAttribute(`aria-label`)??`Slide ${o+1} of ${a}`,{document:n.ownerDocument}))},x=()=>b(i.value-1),S=()=>b(i.value+1);D(t[`slide-index`],e=>{typeof e==`number`&&e!==i.value&&b(e,!1)});let w=()=>{let e=t.variant.value??`default`,n=t.orientation.value??`horizontal`;c.forEach(t=>{t.setAttribute(`data-variant`,e),t.setAttribute(`data-orientation`,n)})};D(C(()=>({orientation:t.orientation.value,variant:t.variant.value})),w,{immediate:!0});let E={default:bn,fade:bn,filmstrip:xn,gallery:Sn},O=()=>{let e=t.variant.value??`default`;E[e](c,i.value)};D(i,O,{immediate:!0});let k=()=>{s===null&&(s=setInterval(S,t[`autoplay-interval`].value??5e3))},A=()=>{s!==null&&(clearInterval(s),s=null)};D(C(()=>({enabled:t.autoplay.value,interval:t[`autoplay-interval`].value})),({enabled:e})=>{A(),e&&k()});let j=e=>{let t=p.value,n=t?`ArrowLeft`:`ArrowUp`,r=t?`ArrowRight`:`ArrowDown`;e.key===n?(e.preventDefault(),x()):e.key===r?(e.preventDefault(),S()):e.key===`Home`?(e.preventDefault(),b(0)):e.key===`End`&&(e.preventDefault(),b(u.value-1))},M=nn({getItems:()=>Array.from({length:u.value},(e,t)=>t),loop:!0,onNavigate:({index:e})=>{b(e),(n.shadowRoot?.querySelector(`.indicator[data-index="${e}"]`))?.focus()},orientation:()=>p.value?`horizontal`:`vertical`,signal:Q(l)});e({attr:{"aria-label":()=>t.label.value??`Carousel`,"aria-roledescription":()=>`carousel`,orientation:()=>t.orientation.value??`horizontal`,role:()=>`region`,style:()=>`touch-action:${p.value?`pan-y`:`pan-x`}`,variant:()=>t.variant.value??`default`},on:{focusin:()=>{A()},focusout:()=>{t.autoplay.value&&k()},keydown:j,pointerenter:()=>{A()},pointerleave:()=>{t.autoplay.value&&k()}}}),f(()=>{let e=V(n,{axis:()=>p.value?`x`:`y`,onEnd:({distance:e,reason:t})=>{t!==`release`||Math.abs(e)<48||(e<0?S():x())},shouldStart:e=>!e.composedPath().some(e=>e instanceof HTMLElement&&(e.tagName===`BUTTON`||e.tagName===`ORE-BUTTON`||e.tagName===`ORE-PROGRESS`))}),r=n.shadowRoot.querySelector(`slot`),i=()=>{d(),w(),O()};return r.addEventListener(`slotchange`,i),t.autoplay.value&&k(),()=>{e.dispose(),A(),r.removeEventListener(`slotchange`,i)}});let N=()=>h.value?o`
|
|
708
710
|
<div class="controls" part="controls">
|
|
709
711
|
<ore-button
|
|
710
712
|
class="nav-btn prev-btn"
|
|
@@ -772,26 +774,26 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
772
774
|
`:o`
|
|
773
775
|
${N}
|
|
774
776
|
`}
|
|
775
|
-
`},styles:[
|
|
777
|
+
`},styles:[gn]});var Cn=`@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(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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`},Tn=`ore-chat-message`;i(Tn,{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=a(),n=v(),r=b(),i=()=>wn[e.sender.value??`assistant`],s=C(()=>`Message from ${e.name.value||i()}`),c=C(()=>{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)}),l=C(()=>!!c.value||!!e.status.value||!!e.error.value);D(()=>e.status.value===`error`?e.error.value??``:null,e=>{e!==null&>(`Message failed to send${e?`: ${e}`:``}`,{document:t.ownerDocument,politeness:`assertive`})});function u(e){n(`retry`,{originalEvent:e})}let p=h();function m(){let e=p.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(()=>{m();let e=p.value;e&&d(e,`slotchange`,m)}),o`
|
|
776
778
|
<div class="row" part="row">
|
|
777
|
-
<span class="avatar" part="avatar" ?hidden="${()=>!
|
|
779
|
+
<span class="avatar" part="avatar" ?hidden="${()=>!r.has(`avatar`).value}">
|
|
778
780
|
<slot name="avatar"></slot>
|
|
779
781
|
</span>
|
|
780
782
|
<div class="column" part="column">
|
|
781
783
|
<span class="name" part="name" ?hidden="${()=>!e.name.value}">${e.name}</span>
|
|
782
|
-
<div class="bubble" part="bubble" role="article" aria-label="${
|
|
784
|
+
<div class="bubble" part="bubble" role="article" aria-label="${s}">
|
|
783
785
|
<div class="content" part="content">
|
|
784
|
-
<slot class="content-slot" ref="${
|
|
786
|
+
<slot class="content-slot" ref="${p}"></slot>
|
|
785
787
|
<span class="cursor" part="cursor" aria-hidden="true" ?hidden="${()=>!e.streaming.value}"></span>
|
|
786
788
|
</div>
|
|
787
789
|
</div>
|
|
788
|
-
<div class="meta" part="meta" ?hidden="${()=>!
|
|
790
|
+
<div class="meta" part="meta" ?hidden="${()=>!l.value}">
|
|
789
791
|
<time
|
|
790
792
|
class="timestamp"
|
|
791
793
|
part="timestamp"
|
|
792
794
|
datetime="${e.timestamp}"
|
|
793
|
-
?hidden="${()=>!
|
|
794
|
-
${
|
|
795
|
+
?hidden="${()=>!c.value}">
|
|
796
|
+
${c}
|
|
795
797
|
</time>
|
|
796
798
|
<span class="status" part="status" data-status="${e.status}" ?hidden="${()=>!e.status.value}">
|
|
797
799
|
${()=>{switch(e.status.value){case`error`:return o`
|
|
@@ -810,16 +812,16 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
810
812
|
part="retry"
|
|
811
813
|
type="button"
|
|
812
814
|
?hidden="${()=>e.status.value!==`error`}"
|
|
813
|
-
@click="${
|
|
815
|
+
@click="${u}">
|
|
814
816
|
Retry
|
|
815
817
|
</button>
|
|
816
818
|
</div>
|
|
817
|
-
<div class="actions" part="actions" ?hidden="${()=>!
|
|
819
|
+
<div class="actions" part="actions" ?hidden="${()=>!r.has(`actions`).value}">
|
|
818
820
|
<slot name="actions"></slot>
|
|
819
821
|
</div>
|
|
820
822
|
</div>
|
|
821
823
|
</div>
|
|
822
|
-
`},styles:[
|
|
824
|
+
`},styles:[J,Cn]});var En=`@layer refine.base{:host{--_bg:var(--code-window-bg,var(--color-canvas));--_header-bg:var(--code-window-header-bg,var(--color-contrast-100));--_border-color:var(--code-window-border-color,var(--color-contrast-300));--_radius:var(--code-window-radius,var(--rounded-lg));--_shadow:var(--code-window-shadow,var(--shadow-sm));--_body-padding:var(--code-window-body-padding,var(--size-5) var(--size-6));display:block}.window{background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);overflow:hidden}.header{gap:var(--size-1-5);padding:var(--size-3) var(--size-5);background:var(--_header-bg);border-bottom:var(--border) solid var(--_border-color);transition:background var(--transition-normal);align-items:center;display:flex;overflow:hidden}.lang{padding:2px var(--size-1-5);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--font-semibold);color:var(--color-primary);letter-spacing:.03em;background:var(--color-primary-backdrop);border:var(--border) solid #a18fe233;border-radius:var(--rounded-sm);flex-shrink:0}@supports (color:lab(0% 0 0)){.lang{border:var(--border) solid lab(63.6951% 20.4189 -39.9919/.2)}}.filename{text-overflow:ellipsis;min-width:0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-color-secondary);white-space:nowrap;overflow:hidden}.filename:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--size-2)}.filename:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--size-2)}.dots{gap:var(--size-1-5);flex-shrink:0;align-items:center;display:flex}.dots:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right:var(--border) solid var(--_border-color);margin-right:var(--size-1-5);padding-right:var(--size-3)}.dots:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color);margin-left:var(--size-1-5);padding-left:var(--size-3)}.dots span{width:var(--size-3);height:var(--size-3);border-radius:var(--rounded-full);display:block}.dots span:first-child{background:lab(57.6104% 56.6725 33.4484)}.dots span:nth-child(2){background:lab(67.409% 21.2366 110.235)}.dots span:nth-child(3){background:lab(58.0445% -50.6808 43.5643)}.title{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-color-secondary);letter-spacing:.02em}.header-spacer{flex:1}::slotted([slot=header-end]){flex-shrink:0}.body{padding:var(--_body-padding);overflow-x:auto}}`,Dn=`ore-code-window`;i(Dn,{props:{filename:p.string(),lang:p.string(`ts`),title:p.string(`MCP tool call`),variant:p.oneOf([`code`,`chat`],`code`)},setup(e){let t=C(()=>e.variant.value===`code`),n=C(()=>!!e.filename.value);return o`
|
|
823
825
|
<div class="window" part="window">
|
|
824
826
|
<div class="header" part="header">
|
|
825
827
|
${S(t,()=>o`
|
|
@@ -842,7 +844,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
842
844
|
<slot></slot>
|
|
843
845
|
</div>
|
|
844
846
|
</div>
|
|
845
|
-
`},styles:[
|
|
847
|
+
`},styles:[En]});var On=`@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);cursor:pointer;transition:background var(--transition-normal);background:0 0;border:none;flex:1;align-items:center;display:inline-flex}.command:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.command:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.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(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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}}`,kn=`ore-copy-command`;i(kn,{props:{rounded:p.string(`md`),size:p.string(`md`),value:p.string(``),variant:p.string(`flat`)},setup(e){let t=v(),n=b(),r=T(!1),i=T(!1),a=null;l(()=>{a!==null&&clearTimeout(a)});let s=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=C(()=>n.has(`suffix`).value),u=C(()=>r.value?`Copied!`:i.value?`Copy failed — press to try again`:`Copy: ${e.value.value??``}`);return o`
|
|
846
848
|
<div class="wrapper" part="wrapper">
|
|
847
849
|
<button class="command" part="command" type="button" aria-label="${u}" @click=${s}>
|
|
848
850
|
<code class="command-text" part="command-text">${e.value}</code>
|
|
@@ -863,29 +865,30 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
863
865
|
<div role="status" class="sr-only">
|
|
864
866
|
${()=>r.value?`Copied to clipboard.`:i.value?`Copy failed. Select the command text and copy it manually.`:``}
|
|
865
867
|
</div>
|
|
866
|
-
`},styles:[
|
|
868
|
+
`},styles:[Ie,On]});var An=`@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}}`,jn=t(`ListContext`),Mn=`ore-list`;i(Mn,{props:{...K,...G,selectable:p.bool(!1),value:p.string(),variant:p.string()},setup(t){let n=a(),r=v(),i=()=>[...n.querySelectorAll(`:scope > ore-list-item:not([disabled])`)],s=()=>[...n.querySelectorAll(`:scope > ore-list-item`)],c=e=>e.shadowRoot?.querySelector(`[part="row"]`)??null,u=()=>i().map(c).filter(e=>e!=null),d=nn({getItems:i,loop:!0,onNavigate:({item:e})=>{c(e)?.focus()},signal:Q(l)}),f=T(t.value.value);D(t.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 s())t!==e&&t.removeAttribute(`revealed`)},g=e=>{let t=s().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(jn,{requestReveal:h,select:p,selectable:C(()=>!!t.selectable.value),value:f}),e({attr:{"aria-disabled":()=>t.disabled.value?`true`:null,role:()=>t.selectable.value?`listbox`:`list`,value:()=>f.value??null},on:{keydown:e=>{if(!t.selectable.value||t.disabled.value)return;let n=e.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(e))}}}),o`
|
|
867
869
|
<slot></slot>
|
|
868
|
-
`},styles:[
|
|
870
|
+
`},styles:[X(Ne),An]});var Nn=64,Pn=192,Fn=.85;function In(e,t,n){let r=e=>e.distance<0?`right`:`left`,i=()=>{e.removeAttribute(`data-dragging`),e.removeAttribute(`data-confirming`),e.style.removeProperty(`--_swipe-x`)},a;return a=V(t,{axis:`x`,disabled:()=>n.disabled.value,onEnd:t=>{if(i(),t.reason!==`release`)return;let a=r(t);n.hasActions(a)&&Math.abs(t.distance)>=Nn&&e.setAttribute(`revealed`,a)},onMove:t=>{let i=r(t);if(!n.hasActions(i))return;let o=Math.abs(t.distance);if(o>=Pn){a.cancel(),e.removeAttribute(`revealed`),n.onConfirm(i);return}let s=Math.min(o/Nn,1);e.setAttribute(`data-dragging`,``),e.toggleAttribute(`data-confirming`,o/Pn>=Fn),e.style.setProperty(`--_swipe-x`,String((i===`left`?1:-1)*s))},pointerCapture:!1}),a}var Ln=`@layer refine.base{:host{--_actions-width:var(--list-item-actions-width,var(--size-24));color:var(--color-contrast-700);display:block;position:relative;overflow:hidden}.row{z-index:1;box-sizing:border-box;gap:var(--_gap,var(--size-4));width:100%;min-height:var(--_min-height,var(--size-4));padding:var(--_padding,var(--size-2-5) var(--size-4));font-size:var(--_font-size,var(--text-sm));touch-action:pan-y;cursor:default;background:var(--list-item-bg,var(--color-canvas));transform:translateX(calc(var(--_swipe-x,0) * var(--_actions-width)));transition:var(--_motion-transition,transform var(--transition-fast), background var(--transition-fast));border:none;outline:none;align-items:center;display:flex;position:relative}.row:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left;padding-right:var(--_padding-inline-end,var(--size-6))}.row:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right;padding-left:var(--_padding-inline-end,var(--size-6))}:host([data-two-line]) .row{min-height:var(--_min-height-two-line,var(--size-18))}:host([actionable]) .row{cursor:pointer}.leading,.trailing{flex-shrink:0;align-items:center;display:flex}.leading[hidden],.trailing[hidden]{display:none}.content{gap:var(--size-0-5);flex-direction:column;flex:1;min-width:0;display:flex}.title{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.description{text-overflow:ellipsis;font-size:var(--text-xs);color:var(--color-contrast-600);white-space:nowrap;display:block;overflow:hidden}.description:empty{display:none}.row:hover{background:var(--list-item-hover-bg,var(--color-contrast-100))}.row:focus-visible{outline:var(--focus-ring);outline-offset:-2px}:host([selected]) .row{color:var(--color-primary);background:var(--list-item-selected-bg,color-mix(in oklch, var(--color-primary) 10%, transparent))}:host([disabled]){pointer-events:none;opacity:.6}.actions{width:var(--_actions-width);transition:var(--_motion-transition,transform var(--transition-fast));align-items:stretch;display:flex;position:absolute;top:0;bottom:0}.actions ::slotted(*){flex:1;height:100%}.actions-left{transform:translateX(calc((var(--_swipe-x,0) - 1) * 100%));left:0}.actions-right{transform:translateX(calc((var(--_swipe-x,0) + 1) * 100%));right:0}:host([revealed=left]){--_swipe-x:1}:host([revealed=right]){--_swipe-x:-1}:host:has(.actions-left:focus-within){--_swipe-x:1}:host:has(.actions-right:focus-within){--_swipe-x:-1}:host([data-dragging]) .row,:host([data-dragging]) .actions-left,:host([data-dragging]) .actions-right{transition:none}:host([data-confirming]) .actions-left,:host([data-confirming]) .actions-right{filter:saturate(1.4)brightness(.94)}}`,Rn=e=>e===`left`?`actions-left`:`actions-right`,zn=`ore-list-item`;i(zn,{props:{...K,actionable:p.bool(!1),revealed:p.oneOf([`left`,`right`],void 0),value:p.string()},setup(t){let n=a(),r=v(),i=b(),c=i.has(`description`),u=i.has(`leading`),d=i.has(`trailing`),p=s(jn),m=C(()=>!!p?.selectable.value),h=C(()=>t.value.value!=null&&p!=null&&p.value.value===t.value.value),g=e=>i.has(Rn(e)).value;f(()=>{let e=n.shadowRoot?.querySelector(`.row`);if(!e)return;let a=In(n,e,{disabled:C(()=>t.disabled.value||!!t.revealed.value),hasActions:g,onConfirm:e=>{let t=i.elements(Rn(e)).value[0];r(`confirm`,{item:n,side:e}),t?.click()}});l(()=>a.dispose())}),x(()=>{n.toggleAttribute(`selected`,h.value)});let _=h.value;x(()=>{let e=h.value;e!==_&&(_=e,r(e?`select`:`deselect`,{item:n,value:t.value.value??null}))});let y=t.revealed.value??null;x(()=>{let e=t.revealed.value??null;e!==y&&(y=e,e?(p?.requestReveal(n),r(`reveal`,{item:n,side:e})):r(`conceal`,{item:n}))});let S=e=>{if(t.disabled.value)return;if(t.revealed.value){e.preventDefault(),e.stopPropagation(),n.removeAttribute(`revealed`);return}if(t.actionable.value&&r(`activate`,{item:n,value:t.value.value??null}),!m.value)return;let i=t.value.value;i!=null&&p?.select(h.value?void 0:i)};return e({attr:{"aria-disabled":()=>t.disabled.value?`true`:null,"aria-selected":()=>m.value?String(h.value):null,"data-two-line":()=>c.value?!0:void 0,role:()=>m.value?`option`:`listitem`}}),o`
|
|
869
871
|
<div
|
|
870
872
|
class="row"
|
|
871
873
|
part="row"
|
|
874
|
+
role="${()=>t.actionable.value?`button`:null}"
|
|
872
875
|
tabindex="${()=>t.disabled.value?`-1`:`0`}"
|
|
873
|
-
@click="${
|
|
874
|
-
@keydown="${e=>{(e.key===`Enter`||e.key===` `)
|
|
875
|
-
<span class="leading" part="leading"><slot name="leading"></slot></span>
|
|
876
|
+
@click="${S}"
|
|
877
|
+
@keydown="${e=>{(e.key===`Enter`||e.key===` `)&&!t.disabled.value&&(t.revealed.value||m.value||t.actionable.value)&&(e.preventDefault(),S(e))}}">
|
|
878
|
+
<span class="leading" part="leading" ?hidden="${()=>!u.value}"><slot name="leading"></slot></span>
|
|
876
879
|
<span class="content" part="content">
|
|
877
880
|
<span class="title" part="title"><slot></slot></span>
|
|
878
881
|
<span class="description" part="description"><slot name="description"></slot></span>
|
|
879
882
|
</span>
|
|
880
|
-
<span class="trailing" part="trailing"><slot name="trailing"></slot></span>
|
|
883
|
+
<span class="trailing" part="trailing" ?hidden="${()=>!d.value}"><slot name="trailing"></slot></span>
|
|
881
884
|
</div>
|
|
882
885
|
<span class="actions actions-left" part="actions-start"><slot name="actions-left"></slot></span>
|
|
883
886
|
<span class="actions actions-right" part="actions-end"><slot name="actions-right"></slot></span>
|
|
884
|
-
`},shadow:{delegatesFocus:!0},styles:[
|
|
887
|
+
`},shadow:{delegatesFocus:!0},styles:[J,Ln]});function Bn(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 Vn(e,t){let n=e??``;if(t!==`_blank`)return n||null;let r=new Set(n.split(/\s+/).filter(Boolean));return r.add(`noopener`),r.add(`noreferrer`),[...r].join(` `)}function Hn(e,t,n,r){let i=C(()=>!!e.value&&!r?.value);return{effectiveRel:C(()=>Vn(t.value,n.value)),isLink:i}}var Un=`@layer refine.base{:host{--group-gap:var(--size-2);--group-radius:var(--_radius,var(--rounded-lg));display:inline-flex}.button-group{gap:var(--group-gap);flex-direction:row;display:flex}}@layer refine.variants{:host([orientation=vertical]) .button-group{flex-direction:column}}@layer refine.overrides{:host([fullwidth]){width:100%;display:flex}:host([fullwidth]) .button-group{width:100%}:host([fullwidth]) ::slotted(ore-button){flex:1}:host([attached]) .button-group{gap:0}:host([attached]) ::slotted(ore-button:hover),:host([attached]) ::slotted(ore-button:focus-within){z-index:1;position:relative}:host([attached]:not([orientation=vertical])) ::slotted(ore-button){--button-radius:0}:host([attached]:not([orientation=vertical])) ::slotted(ore-button:not(:first-child)){--button-border-start:0}:host([attached]:not([orientation=vertical])) ::slotted(ore-button:first-child){--button-radius:var(--group-radius) 0 0 var(--group-radius)}:host([attached]:not([orientation=vertical])) ::slotted(ore-button:last-child){--button-radius:0 var(--group-radius) var(--group-radius) 0}:host([attached][orientation=vertical]) ::slotted(ore-button){--button-radius:0}:host([attached][orientation=vertical]) ::slotted(ore-button:not(:first-child)){--button-border-top:0}:host([attached][orientation=vertical]) ::slotted(ore-button:first-child){--button-radius:var(--group-radius) var(--group-radius) 0 0}:host([attached][orientation=vertical]) ::slotted(ore-button:last-child){--button-radius:0 0 var(--group-radius) var(--group-radius)}}`,Wn=t(`OreButtonGroup`),Gn=`ore-button-group`;i(Gn,{props:{...W,...G,...we,attached:p.bool(!1),fullwidth:p.bool(!1),label:p.string(),orientation:p.string(),variant:p.string()},setup(e){return m(Wn,{color:e.color,size:e.size,variant:e.variant}),o`
|
|
885
888
|
<div class="button-group" part="group" role="group" aria-label="${e.label}">
|
|
886
889
|
<slot></slot>
|
|
887
890
|
</div>
|
|
888
|
-
`},styles:[
|
|
891
|
+
`},styles:[Y,Un]});var Kn=e=>()=>e.value||void 0,qn=(t,n,r)=>{let{assistiveId:i,checked:a,disabled:o,errorText:s,handleClick:c,handleKeydown:l,helperText:u,indeterminate:d,labelId:f,required:p}=n;e({attr:{...d!==void 0&&{indeterminate:d},ariaChecked:()=>r===`checkbox`&&d?.value?`mixed`:a.value?`true`:`false`,ariaDescribedby:()=>s.value||u.value?i:null,ariaDisabled:()=>o.value?`true`:null,ariaInvalid:()=>s.value?`true`:null,ariaLabelledby:f,ariaRequired:()=>p?.value?`true`:null,checked:a,role:r,size:t,tabindex:()=>o.value?void 0:0},class:()=>({"is-checked":a.value,"is-disabled":o.value,...d!==void 0&&{"is-indeterminate":d.value}}),on:{click:c,keydown:l}})},Jn=(e,t,n,r)=>o`
|
|
889
892
|
<div
|
|
890
893
|
class="helper-text"
|
|
891
894
|
part="helper-text"
|
|
@@ -896,7 +899,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
896
899
|
ref=${e=>{r?.(e)}}>
|
|
897
900
|
${()=>t.value||n.value}
|
|
898
901
|
</div>
|
|
899
|
-
`,
|
|
902
|
+
`,Yn=e=>o`
|
|
900
903
|
<span
|
|
901
904
|
class="status-icon"
|
|
902
905
|
part="status-icon"
|
|
@@ -908,8 +911,8 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
908
911
|
<ore-icon name="check" size="14" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
909
912
|
`}
|
|
910
913
|
</span>
|
|
911
|
-
`,
|
|
912
|
-
<span class="${()=>
|
|
914
|
+
`,Xn=e=>o`
|
|
915
|
+
<span class="${()=>St(e.counter?.value)}" aria-live="polite" ?hidden="${()=>!e.counter}">
|
|
913
916
|
${()=>e.counter?.value.counterText.replace(` / `,`/`)??``}
|
|
914
917
|
</span>
|
|
915
918
|
<div
|
|
@@ -923,7 +926,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
923
926
|
<div id="${e.errorId}" class="helper-text" role="alert" part="error" ?hidden="${()=>!e.errorText.value}">
|
|
924
927
|
${()=>e.errorText.value}
|
|
925
928
|
</div>
|
|
926
|
-
`;function
|
|
929
|
+
`;function Zn(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 Qn=`@layer refine.base{:host{--_bg:var(--button-bg,var(--color-contrast-100));--_color:var(--button-color,var(--color-contrast-900));--_border-color:var(--button-border-color,var(--color-contrast-300));--_radius:var(--button-radius,var(--rounded-lg));align-items:center;justify-content:var(--button-justify,center);display:inline-flex}:host([disabled]) a,:host([loading]) a{pointer-events:none;cursor:not-allowed}:host([loading]) a{cursor:wait}[part=button]{box-sizing:border-box;gap:var(--_gap,var(--size-2));align-items:center;justify-content:var(--button-justify,center);width:100%;min-width:0;height:var(--_height,var(--size-10));min-height:var(--_touch-target);padding:var(--_padding,var(--size-2) var(--size-4));font-size:var(--_font-size,var(--text-sm));font-weight:var(--font-medium);line-height:var(--_line-height,var(--leading-normal));color:var(--_color);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--_bg);border:var(--button-border,var(--border)) solid var(--_border-color);border-top-width:var(--button-border-top,var(--button-border,var(--border)));border-bottom-width:var(--button-border-bottom,var(--button-border,var(--border)));border-radius:var(--_radius);transition:var(--_motion-transition,background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), color var(--transition-normal), transform .12s var(--ease-spring));text-decoration:none;display:flex;position:relative}[part=button]:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left-width:var(--button-border-start,var(--button-border,var(--border)));border-right-width:var(--button-border-end,var(--button-border,var(--border)))}[part=button]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-width:var(--button-border-start,var(--button-border,var(--border)));border-left-width:var(--button-border-end,var(--button-border,var(--border)))}[part=button]:focus-visible{outline:none}@keyframes spin{to{transform:rotate(360deg)}}.loader{border:var(--border-2) solid currentcolor;width:1em;height:1em;animation:var(--_motion-animation,spin var(--transition-loader) infinite);border-radius:50%;position:absolute}.loader:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right-color:#0000}.loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}.content{text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;align-items:center;min-width:0;max-width:100%;display:inline-flex;overflow:hidden}::slotted([slot=prefix]),::slotted([slot=suffix]){flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}::slotted(svg){width:var(--_icon-size,var(--leading-6));height:var(--_icon-size,var(--leading-6));flex-shrink:0}}@layer refine.overrides{:host([fullwidth]){width:100%;display:flex}:host([fullheight]){height:100%;display:flex}:host([fullheight]) [part=button]{height:100%}:host([rounded][icon-only]) [part=button]{border-radius:50%}:host([loading]) .content{visibility:hidden}[part=button]:focus-visible{box-shadow:var(--_theme-shadow), var(--_theme-halo);outline:none}[part=button]:hover,[part=button]:active{border-color:var(--_hover-border-color,var(--_theme-focus));box-shadow:var(--_theme-shadow), var(--_theme-halo)}:host([variant=ghost]) [part=button]:hover,:host([variant=text]) [part=button]:hover{box-shadow:none;border-color:#0000;transform:none}:host([variant=ghost]) [part=button]:active,:host([variant=text]) [part=button]:active{box-shadow:none;border-color:#0000}[part=button]:active{transform:translateY(1px)}}@layer refine.variants{:host([icon-only]) [part=button]{aspect-ratio:1;padding:0}:host(:not([variant])),:host([variant=solid]){--_bg:var(--button-bg,var(--_theme-base));--_color:var(--button-color,var(--_theme-contrast));--_border-color:var(--button-border-color,var(--_theme-base));--_hover-bg:var(--_theme-focus);--_active-bg:color-mix(in oklch, var(--_theme-focus) 85%, black);--_active-color:var(--_theme-contrast)}:host([variant=flat]){--_bg:var(--button-bg,color-mix(in oklch, var(--_theme-backdrop) 25%, var(--color-contrast-100)));--_color:var(--button-color,var(--_theme-base));--_border-color:var(--button-border-color,color-mix(in oklch, var(--_theme-focus) 20%, transparent));--_hover-bg:var(--_theme-focus);--_hover-color:var(--_theme-contrast);--_active-bg:color-mix(in oklch, var(--_theme-focus) 85%, black);--_active-color:var(--_theme-contrast)}:host([variant=flat]) [part=button]{box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) [part=button]:hover{box-shadow:var(--inset-shadow-xs)}:host([variant=flat]) [part=button]:active{box-shadow:var(--inset-shadow-sm)}:host([variant=bordered]){--_bg:var(--button-bg,var(--_theme-backdrop));--_color:var(--button-color,var(--_theme-base));--_border-color:var(--button-border-color,var(--_theme-border));--_hover-bg:var(--_theme-focus);--_hover-color:var(--_theme-contrast);--_hover-border-color:var(--_theme-focus);--_active-bg:color-mix(in oklch, var(--_theme-focus) 85%, black);--_active-color:var(--_theme-contrast)}:host([variant=bordered]) [part=button],:host([variant=bordered]) [part=button]:hover{box-shadow:var(--inset-shadow-xs)}:host([variant=bordered]) [part=button]:active{box-shadow:var(--inset-shadow-sm)}:host([variant=outline]){--_bg:var(--button-bg,transparent);--_color:var(--button-color,var(--_theme-base));--_border-color:var(--button-border-color,var(--_theme-base));--_hover-bg:var(--_theme-backdrop);--_hover-border-color:var(--_theme-focus);--_active-bg:color-mix(in oklch, var(--_theme-base) 85%, black);--_active-color:var(--_theme-contrast)}:host([variant=ghost]){--_bg:var(--button-bg,transparent);--_color:var(--button-color,var(--_theme-base));--_border-color:var(--button-border-color,transparent);--_hover-bg:var(--_theme-backdrop);--_active-bg:color-mix(in oklch, var(--_theme-base) 85%, black);--_active-color:var(--_theme-contrast)}:host([variant=ghost]) [part=button]{border-width:0}:host([variant=text]){--_bg:var(--button-bg,transparent);--_color:var(--button-color,var(--_theme-base));--_border-color:var(--button-border-color,transparent);--_hover-color:var(--_theme-focus);--_active-color:color-mix(in oklch, var(--_theme-focus) 85%, black)}:host([variant=text]) [part=button]{border-width:0}:host([variant=frost]:not([color])){--_hover-bg:var(--button-frost-active-bg,color-mix(in oklch, var(--color-canvas) 70%, transparent));--_hover-border-color:var(--button-frost-active-border-color,color-mix(in oklch, var(--_theme-focus) 40%, transparent));--_active-bg:var(--button-frost-active-bg,color-mix(in oklch, var(--color-canvas) 70%, transparent));--_active-border-color:var(--button-frost-active-border-color,color-mix(in oklch, var(--_theme-focus) 40%, transparent))}:host([variant=frost][color]){--_hover-bg:var(--button-frost-active-bg,color-mix(in oklch, var(--_theme-backdrop) 50%, var(--_theme-base) 50%));--_hover-border-color:var(--button-frost-active-border-color,color-mix(in oklch, var(--_theme-focus) 65%, transparent));--_active-bg:var(--button-frost-active-bg,color-mix(in oklch, var(--_theme-backdrop) 50%, var(--_theme-base) 50%));--_active-border-color:var(--button-frost-active-border-color,color-mix(in oklch, var(--_theme-focus) 65%, transparent))}[part=button]:hover{color:var(--_hover-color,var(--_color));background:var(--_hover-bg,var(--_bg));border-color:var(--_hover-border-color,var(--_border-color))}[part=button]:active{color:var(--_active-color,var(--_color));background:var(--_active-bg,var(--_bg));border-color:var(--_active-border-color,var(--_border-color));box-shadow:var(--inset-shadow-2xs)}}`,$n=[`solid`,`flat`,`bordered`,`outline`,`ghost`,`text`,`frost`],er=`ore-button`;i(er,{formAssociated:!0,props:{...Te,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($n,`solid`)},setup(t){let n=a(),r=s(Wn),i=C(()=>r?.color.value??t.color.value),c=C(()=>r?.size.value??t.size.value),l=C(()=>r?.variant.value??t.variant.value),u=C(()=>!!(t.disabled.value||t.loading.value)),{effectiveRel:d,isLink:f}=Hn(t.href,t.rel,t.target),p=y({disabled:u,toFormValue:()=>null,value:C(()=>``)}),m=e=>{if(u.value){e.preventDefault();return}Zn(()=>f.value?null:p.internals.form,t.type,u,n)(e)};e({attr:{"aria-busy":t.loading,"aria-disabled":u,"aria-label":t.label,color:i,effect:t.effect,role:C(()=>n.getAttribute(`role`)??(f.value?`link`:`button`)),size:c,tabindex:C(()=>u.value?`-1`:`0`),variant:l},on:{keydown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),(n.shadowRoot?.querySelector(`[part="button"]`))?.click())}}});let h=o`
|
|
927
930
|
<span class="loader" part="loader" aria-label="Loading" ?hidden=${()=>!t.loading.value}></span>
|
|
928
931
|
<slot name="prefix"></slot>
|
|
929
932
|
<span class="content" part="content"><slot></slot></span>
|
|
@@ -943,7 +946,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
943
946
|
`:o`
|
|
944
947
|
<span part="button" role="presentation" @click="${m}">${h}</span>
|
|
945
948
|
`}
|
|
946
|
-
`},shadow:{delegatesFocus:!1},styles:[
|
|
949
|
+
`},shadow:{delegatesFocus:!1},styles:[Z,q,J,Y,$e,X({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)`}}),nt(`[part="button"]`),Ve(`[part="button"]`),He(`[part="button"]`),Je,Qn]});var tr=`@layer refine.base{:host{--_bg:var(--color-canvas);--_radius:var(--rounded-xl);background:var(--_bg);border-radius:var(--_radius);width:100%;min-height:240px;display:block;position:relative;overflow:hidden}.track{gap:var(--marquee-gap,var(--size-4));width:max-content;animation:marquee-scroll var(--_marquee-duration,20s) linear infinite;will-change:transform;flex-direction:row;align-items:stretch;display:flex;position:absolute;top:0;bottom:0}.track:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.track:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.controls{gap:var(--size-0-5);pointer-events:none;align-items:center;display:flex}:host>.controls{padding:var(--size-1-5) var(--size-2);background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);position:absolute}:host>.controls:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--size-3)}:host>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3)}.nav-btn{pointer-events:auto}:host([direction=right]) .track{animation-direction:reverse}:host([pause-on-hover]:hover) .track{animation-play-state:paused}::slotted(*){flex:none;height:100%;position:relative}::slotted([data-marquee-clone]){pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translateX(var(--_marquee-translate,-50%))}}}@media (prefers-reduced-motion:reduce){.track{animation:none}}`,nr=`ore-marquee`;i(nr,{props:{color:p.string(),direction:p.string(`left`),duration:p.number(20),"pause-on-hover":p.bool(!1),"show-controls":p.bool(!0)},setup(e){let t=a(),n=0,r=[],i=[],s=null,c=0,l=null,u=null,d=t=>{if(!u||i.length===0)return;n=(t+i.length)%i.length;let r=i[n];if(!r||c===0)return;let a=e.duration.value??20,o=-(r.offsetLeft/c*a);u.style.setProperty(`animation-delay`,`${o}s`)};return D(e.duration,e=>{t.style.setProperty(`--_marquee-duration`,`${e??20}s`)},{immediate:!0}),f(()=>{u=t.shadowRoot?.querySelector(`.track`)??null;let e=t.shadowRoot?.querySelector(`slot`)??null,a=()=>{r.forEach(e=>{e.remove()}),r=[]},o=()=>{r.push(...i.map(e=>{let n=e.cloneNode(!0);return n.setAttribute(`aria-hidden`,`true`),n.setAttribute(`data-marquee-clone`,``),n.setAttribute(`inert`,``),t.appendChild(n),n}))},d=()=>{if(!u||i.length===0)return;let e=u;s!==null&&cancelAnimationFrame(s),a(),c=0,e.style.removeProperty(`--_marquee-translate`),o(),s=requestAnimationFrame(()=>{s=null;let n=r[0],a=i[0];if(!n||!a||(c=n.offsetLeft-a.offsetLeft,c<=0))return;let l=Math.max(2,Math.ceil((t.clientWidth+c)/c));for(let e=2;e<l;e+=1)o();e.style.setProperty(`--_marquee-translate`,`-${c}px`)})},f=()=>{let t=(e?.assignedElements()??[]).filter(e=>e instanceof HTMLElement&&!e.hasAttribute(`data-marquee-clone`));(t.length!==i.length||t.some((e,t)=>e!==i[t]))&&(i=t,n=Math.min(n,Math.max(i.length-1,0)),d())};return l=typeof ResizeObserver>`u`?null:new ResizeObserver(d),l?.observe(t),e?.addEventListener(`slotchange`,f),f(),()=>{s!==null&&cancelAnimationFrame(s),l?.disconnect(),e?.removeEventListener(`slotchange`,f),a(),u=null,i=[],c=0}}),o`
|
|
947
950
|
<div class="track" part="track" aria-live="off">
|
|
948
951
|
<slot></slot>
|
|
949
952
|
</div>
|
|
@@ -973,7 +976,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
973
976
|
</ore-button>
|
|
974
977
|
</div>
|
|
975
978
|
`}
|
|
976
|
-
`},styles:[
|
|
979
|
+
`},styles:[tr]});var rr=`@layer refine.base{:host{gap:var(--size-1);align-items:center;display:flex}.pagination{gap:var(--pagination-gap,var(--size-1));align-items:center;margin:0;padding:0;list-style:none;display:flex}li{display:contents}button{all:unset;box-sizing:border-box;min-width:var(--pagination-item-size,var(--size-9));height:var(--pagination-item-size,var(--size-9));min-height:var(--_touch-target);padding:0 var(--size-2);font-size:var(--_font-size,var(--text-sm));font-weight:var(--font-medium);color:var(--color-contrast-700);cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--border) solid transparent;border-radius:var(--pagination-radius,var(--rounded-lg));transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}:host(:not([variant])) button,:host([variant=ghost]) button{color:var(--color-contrast-700);background:0 0;border-width:0;border-color:#0000}:host(:not([variant])) button:hover:not(:is(:disabled,[aria-current=page])),:host([variant=ghost]) button:hover:not(:is(:disabled,[aria-current=page])){background:var(--_theme-backdrop)}:host([variant=solid]) button{color:var(--_theme-contrast);background:var(--_theme-base);border-color:var(--_theme-base)}:host([variant=solid]) button:hover:not(:is(:disabled,[aria-current=page])){background:var(--_theme-focus)}:host([variant=flat]) button{color:var(--_theme-base);background:color-mix(in oklch, var(--_theme-backdrop) 8%, var(--color-contrast-100));border-color:color-mix(in oklch, var(--_theme-focus) 20%, transparent);box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) button:hover:not(:is(:disabled,[aria-current=page])){color:var(--_theme-contrast);background:var(--_theme-focus)}:host([variant=bordered]) button{color:var(--_theme-base);background:var(--_theme-backdrop);border-color:var(--_theme-border);box-shadow:var(--inset-shadow-xs)}:host([variant=bordered]) button:hover:not(:is(:disabled,[aria-current=page])){color:var(--_theme-contrast);background:var(--_theme-focus);border-color:var(--_theme-focus)}:host([variant=outline]) button{color:var(--_theme-base);border-color:var(--_theme-base);background:0 0}:host([variant=outline]) button:hover:not(:is(:disabled,[aria-current=page])){background:var(--_theme-backdrop);border-color:var(--_theme-focus)}:host([variant=text]) button{color:var(--_theme-base);background:0 0;border-width:0;border-color:#0000}:host([variant=text]) button:hover:not(:is(:disabled,[aria-current=page])){color:var(--_theme-focus);background:0 0}:host([variant=frost]) button{color:var(--_theme-content);background:color-mix(in oklch, var(--_theme-backdrop) 45%, transparent);border-color:color-mix(in oklch, var(--_theme-border) 45%, transparent);-webkit-backdrop-filter:blur(var(--blur-xl)) saturate(200%);backdrop-filter:blur(var(--blur-xl)) saturate(200%)}:host([variant=frost]) button:hover:not(:is(:disabled,[aria-current=page])){background:color-mix(in oklch, var(--_theme-backdrop) 65%, transparent);border-color:color-mix(in oklch, var(--_theme-focus) 55%, transparent)}: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(:is(: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(:is(:disabled,[aria-current=page])){background:var(--color-contrast-100)}button:focus-visible{outline:var(--border-2) solid var(--_theme-base,var(--color-contrast-500));outline-offset:var(--border-2)}button[aria-current=page]{font-weight:var(--font-bold);color:var(--_theme-contrast,var(--color-canvas));cursor:default;background:var(--_theme-base,var(--color-contrast-800));border-color:var(--_theme-base,var(--color-contrast-800))}:host([variant=ghost]) button[aria-current=page],:host(:not([variant])) button[aria-current=page]{color:var(--_theme-contrast);background:var(--_theme-focus);border-color:var(--_theme-focus)}:host([variant=solid]) button[aria-current=page]{background:var(--_theme-focus);border-color:var(--_theme-focus)}:host([variant=flat]) button[aria-current=page]{color:var(--_theme-contrast);background:var(--_theme-base);border-color:var(--_theme-base)}:host([variant=bordered]) button[aria-current=page]{color:var(--_theme-contrast);background:var(--_theme-focus);border-color:var(--_theme-focus)}:host([variant=outline]) button[aria-current=page]{color:var(--_theme-contrast);background:var(--_theme-base);border-color:var(--_theme-base)}:host([variant=text]) button[aria-current=page]{color:var(--_theme-focus);text-underline-offset:4px;text-decoration-line:underline;text-decoration-thickness:2px}:host([variant=frost]) button[aria-current=page]{color:var(--_theme-contrast);background:color-mix(in oklch, var(--_theme-base) 70%, transparent);border-color:var(--_theme-base)}: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 ir(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 ar=`ore-pagination`;i(ar,{props:{...W,...G,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=a(),n=v();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=C(()=>ir(e.page.value||1,e[`total-pages`].value||1,e.siblings.value??1)),s=C(()=>(e.page.value||1)<=1),c=C(()=>(e.page.value||1)>=(e[`total-pages`].value||1));return o`
|
|
977
980
|
<nav aria-label="${e.label}" part="nav">
|
|
978
981
|
<ol class="pagination" part="list">
|
|
979
982
|
${()=>e[`show-first-last`].value?o`
|
|
@@ -1048,7 +1051,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1048
1051
|
`:``}
|
|
1049
1052
|
</ol>
|
|
1050
1053
|
</nav>
|
|
1051
|
-
`},styles:[
|
|
1054
|
+
`},styles:[q,Z,X(),rr]});var or=`@layer refine.base{:host{--_color:var(--separator-color,var(--color-contrast-300));--_size:var(--separator-size,var(--border));--_spacing:var(--separator-spacing,0);display:block}.separator{all:unset;box-sizing:border-box;margin:var(--_spacing) 0;display:block}:host([orientation=horizontal]),:host(:not([orientation=vertical])){width:100%}:host([orientation=horizontal]) .separator,:host(:not([orientation=vertical])) .separator{border-top:var(--_size) solid var(--_color);width:100%}:host([orientation=vertical]){align-self:stretch;display:inline-block}:host([orientation=vertical]) .separator{height:100%}:host([orientation=vertical]) .separator:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left:var(--_size) solid var(--_color)}:host([orientation=vertical]) .separator:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--_size) solid var(--_color)}:host([color]){--_color:var(--_theme-base)}.separator-wrapper{gap:var(--size-3);align-items:center;display:flex}.separator-wrapper .separator{flex:1}:host([orientation=vertical]) .separator-wrapper{flex-direction:column;align-self:stretch;height:100%}:host([orientation=vertical]) .separator-wrapper .separator{border-top:none;flex:1;width:auto;height:auto}:host([orientation=vertical]) .separator-wrapper .separator:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left:var(--_size) solid var(--_color)}:host([orientation=vertical]) .separator-wrapper .separator:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--_size) solid var(--_color)}.separator-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--_color);white-space:nowrap}}`,sr=`ore-separator`;i(sr,{props:{color:p.string(),decorative:p.bool(!0),label:p.string(),orientation:p.oneOf([`horizontal`,`vertical`],`horizontal`)},setup(e){let t=()=>e.decorative.value?`none`:`separator`,n=()=>e.decorative.value?`true`:null;return o`
|
|
1052
1055
|
${()=>e.label.value?o`
|
|
1053
1056
|
<div class="separator-wrapper" part="wrapper">
|
|
1054
1057
|
<hr
|
|
@@ -1073,13 +1076,29 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1073
1076
|
aria-hidden="${n}"
|
|
1074
1077
|
aria-orientation="${()=>e.orientation.value}" />
|
|
1075
1078
|
`}
|
|
1076
|
-
`},styles:[
|
|
1079
|
+
`},styles:[Z,or]});var cr=`@layer refine.base{:host{--_bg:var(--stats-bg,var(--color-canvas));--_color:var(--stats-color,var(--color-contrast-900));--_border-color:var(--stats-border-color,var(--color-divider));--_radius:var(--stats-radius,var(--rounded-lg));--_padding:var(--stats-padding,var(--size-4));--_min-height:var(--stats-min-height,var(--size-32));--_value-size:var(--stats-value-size,var(--text-2xl));--_icon-size:var(--size-9);--_gap:var(--size-3);min-width:0;display:block}.stats{box-sizing:border-box;gap:var(--_gap);width:100%;min-width:0;min-height:var(--_min-height);padding:var(--_padding);color:var(--_color);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);flex-direction:column;display:flex;position:relative;overflow:hidden}.header,.body,.footer{min-width:0;display:flex}.header{gap:var(--size-2);align-items:center}.icon{flex:0 0 var(--_icon-size);width:var(--_icon-size);height:var(--_icon-size);color:var(--_theme-base,var(--color-primary));background:var(--stats-icon-bg,var(--_theme-backdrop,var(--color-contrast-100)));border-radius:var(--rounded-md);place-items:center;display:grid}.label,.description,.trend{text-overflow:ellipsis;font-size:var(--text-xs);white-space:nowrap;overflow:hidden}.label{font-weight:var(--font-semibold);color:var(--color-contrast-700)}.body{gap:var(--size-3);flex:1;justify-content:space-between;align-items:end}.value{text-overflow:ellipsis;min-width:0;font-size:var(--_value-size);font-variant-numeric:tabular-nums;line-height:var(--leading-tight);color:inherit;letter-spacing:-.03em;white-space:nowrap;overflow:hidden}.visual{flex:0 45%;justify-content:end;align-items:end;min-width:50%;display:flex;position:absolute;bottom:0;right:0}.footer{gap:var(--size-1);align-items:center}.trend{font-weight:var(--font-semibold);color:var(--color-contrast-700);flex-shrink:0}.trend[data-direction=up]{color:var(--stats-trend-up,var(--color-success))}.trend[data-direction=down]{color:var(--stats-trend-down,var(--color-error))}.description{min-width:0;color:var(--color-contrast-700)}.loading{z-index:2;pointer-events:none;background:linear-gradient(100deg, color-mix(in oklch, var(--_bg) 88%, var(--color-contrast-200)) 20%, color-mix(in oklch, var(--_bg) 72%, var(--color-contrast-200)) 45%, color-mix(in oklch, var(--_bg) 88%, var(--color-contrast-200)) 70%);background-size:220% 100%;display:none;position:absolute;inset:0}[hidden]{display:none}}@layer refine.variants{:host([variant=plain]) .stats{background:var(--stats-bg,transparent);border:0;border-radius:0;min-height:0}:host([variant=solid]){--_bg:var(--stats-bg,var(--_theme-base));--_color:var(--stats-color,var(--_theme-contrast));--_border-color:var(--stats-border-color,var(--_theme-base))}:host([variant=solid]) .label,:host([variant=solid]) .description,:host([variant=solid]) .trend{color:color-mix(in oklch, var(--_color) 78%, transparent)}}@layer refine.overrides{:host([loading]) .loading{animation:var(--_motion-animation,stats-loading 1.4s linear infinite);display:block}:host([loading]) .header,:host([loading]) .body,:host([loading]) .footer{visibility:hidden}:host([disabled]){pointer-events:none;opacity:.55;filter:grayscale(.35)}}@keyframes stats-loading{0%{background-position:100% 0}to{background-position:-120% 0}}`,lr=`ore-stats`;i(lr,{props:{...W,...G,...K,...Ce,...we,description:p.string(),label:p.string(),trend:p.string(),"trend-direction":p.oneOf([`up`,`down`,`neutral`],`neutral`),value:p.string(),variant:p.oneOf([`outlined`,`plain`,`solid`],`outlined`)},setup(t){let n=b(),r=()=>!!t.description.value||n.has(`description`).value,i=()=>n.has(`icon`).value,a=()=>!!t.label.value||n.has(`label`).value,s=()=>!!t.trend.value||n.has(`trend`).value,c=()=>!!t.value.value||n.has(`value`).value,l=()=>n.has(`visual`).value;return e({attr:{ariaBusy:()=>String(!!t.loading.value),ariaDisabled:()=>String(!!t.disabled.value)}}),o`
|
|
1080
|
+
<article class="stats" part="card">
|
|
1081
|
+
<span class="loading" part="loading" aria-hidden="true"></span>
|
|
1082
|
+
<header class="header" part="header" ?hidden=${()=>!i()&&!a()}>
|
|
1083
|
+
<span class="icon" part="icon" ?hidden=${()=>!i()}><slot name="icon"></slot></span>
|
|
1084
|
+
<span class="label" part="label" ?hidden=${()=>!a()}><slot name="label">${t.label}</slot></span>
|
|
1085
|
+
</header>
|
|
1086
|
+
<div class="body" part="body" ?hidden=${()=>!c()&&!l()}>
|
|
1087
|
+
<strong class="value" part="value" ?hidden=${()=>!c()}><slot name="value">${t.value}</slot></strong>
|
|
1088
|
+
<span class="visual" part="visual" ?hidden=${()=>!l()}><slot name="visual"></slot></span>
|
|
1089
|
+
</div>
|
|
1090
|
+
<footer class="footer" part="footer" ?hidden=${()=>!s()&&!r()}>
|
|
1091
|
+
<span class="trend" part="trend" data-direction=${t[`trend-direction`]} ?hidden=${()=>!s()}><slot name="trend">${t.trend}</slot></span>
|
|
1092
|
+
<span class="description" part="description" ?hidden=${()=>!r()}><slot name="description">${t.description}</slot></span>
|
|
1093
|
+
</footer>
|
|
1094
|
+
</article>
|
|
1095
|
+
`},styles:[Z,Y,X({lg:{"--_icon-size":`var(--size-10)`,"--_min-height":`var(--stats-min-height, var(--size-36))`,"--_value-size":`var(--stats-value-size, var(--text-3xl))`,gap:`var(--size-4)`,padding:`var(--stats-padding, var(--size-5))`},md:{"--_icon-size":`var(--size-9)`,"--_min-height":`var(--stats-min-height, var(--size-32))`,"--_value-size":`var(--stats-value-size, var(--text-2xl))`,gap:`var(--size-3)`,padding:`var(--stats-padding, var(--size-4))`},sm:{"--_icon-size":`var(--size-8)`,"--_min-height":`var(--stats-min-height, var(--size-24))`,"--_value-size":`var(--stats-value-size, var(--text-xl))`,gap:`var(--size-2)`,padding:`var(--stats-padding, var(--size-3))`}}),J,$e,cr]});function ur(e){return!(!e.stepperClickable||e.disabled||e.linear&&e.stepperCurrentIndex>=0&&e.index>e.stepperCurrentIndex)}var dr=`@layer refine.base{:host{--step-indicator-size:var(--size-8);--step-font-size:var(--text-sm);--step-gap:var(--size-2);flex:1;min-width:0;display:flex}.step{box-sizing:border-box;align-items:center;width:100%;list-style:none;display:flex;position:relative}.connector{top:calc(var(--size-1) + var(--step-indicator-size) / 2);width:calc(50% - var(--step-indicator-size) / 2);height:var(--stepper-connector-size,2px);background:var(--stepper-connector-color,var(--color-contrast-200));border-radius:var(--rounded-full);transition:background var(--transition-fast);position:absolute;transform:translateY(-50%)}.connector-leading{left:0}.connector-trailing{right:0}:host(:first-of-type) .connector-leading,:host(:last-of-type) .connector-trailing{display:none}.control{all:unset;box-sizing:border-box;gap:var(--step-gap);width:100%;min-width:0;padding:var(--size-1);cursor:default;border-radius:var(--rounded-lg);flex-direction:column;flex:auto;align-items:center;font-family:inherit;display:flex;position:relative}button.control{min-height:var(--_touch-target,auto);cursor:pointer;transition:background var(--transition-fast)}button.control:focus-visible{outline:var(--border-2) solid var(--_theme-base,var(--color-contrast-500));outline-offset:var(--border-2)}button.control[aria-disabled=true]{cursor:not-allowed;opacity:.5}.indicator{box-sizing:border-box;width:var(--step-indicator-size);height:var(--step-indicator-size);font-size:var(--step-font-size);font-weight:var(--font-semibold);color:var(--color-contrast-500);background:var(--color-contrast-100);border:var(--border-2) solid var(--color-contrast-200);border-radius:var(--rounded-full);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);flex:none;justify-content:center;align-items:center;display:flex}.icon-slot[hidden]{display:none}.number{line-height:1}.content{text-align:center;flex-direction:column;flex:auto;align-items:center;min-width:0;display:flex}.label{gap:var(--size-1);min-width:0;font-size:var(--step-font-size);font-weight:var(--font-medium);color:var(--color-contrast-700);justify-content:center;align-items:baseline;display:flex}.label-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.optional-hint{font-size:var(--text-xs);font-weight:var(--font-normal);color:var(--color-contrast-400);flex:none}.description{font-size:var(--text-xs);color:var(--color-contrast-500)}.description[hidden]{display:none}.sr-only{white-space:nowrap;clip-path:inset(50%);border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@layer refine.states{:host([current]) .indicator{color:var(--_theme-contrast,var(--color-canvas));background:var(--_theme-base,var(--color-contrast-800));border-color:var(--_theme-base,var(--color-contrast-800))}:host([current]) .label{font-weight:var(--font-semibold);color:var(--color-contrast-900)}:host([completed]) .indicator{color:var(--_theme-contrast,var(--color-canvas));background:var(--_theme-focus,var(--color-contrast-600));border-color:var(--_theme-focus,var(--color-contrast-600))}:host([completed]) .connector,:host([current]) .connector-leading{background:var(--_theme-focus,var(--color-contrast-400))}:host([error]) .indicator{color:var(--color-canvas);background:var(--color-error);border-color:var(--color-error)}:host([error]) .label{color:var(--color-error)}:host([disabled]) .label,:host([disabled]) .description{color:var(--color-contrast-400)}:host([disabled]) .indicator{opacity:.6}}@layer refine.sizes{:host([size=sm]){--step-indicator-size:var(--size-6);--step-font-size:var(--text-xs);--step-gap:var(--size-1-5)}:host(:not([size])),:host([size=md]){--step-indicator-size:var(--size-8);--step-font-size:var(--text-sm);--step-gap:var(--size-2)}:host([size=lg]){--step-indicator-size:var(--size-10);--step-font-size:var(--text-base);--step-gap:var(--size-2-5)}@media (pointer:coarse){:host(:not([size])),:host([size=sm]),:host([size=md]){--step-indicator-size:var(--size-9);--step-font-size:var(--text-sm)}}}@layer refine.orientation{:host([orientation=vertical]){flex:none;width:100%}:host([orientation=vertical]) .step{padding-top:var(--stepper-gap,var(--size-4));align-items:flex-start}:host([orientation=vertical]:first-of-type) .step{padding-top:0}:host([orientation=vertical]) .control{flex-direction:row;align-items:flex-start}:host([orientation=vertical]) .content{text-align:left;align-items:flex-start}:host([orientation=vertical]) .label{justify-content:flex-start}:host([orientation=vertical]) .connector-leading{top:0;left:calc(var(--size-1) + var(--step-indicator-size) / 2);width:var(--stepper-connector-size,2px);height:calc(var(--stepper-gap,var(--size-4)) + var(--size-1));transform:translate(-50%)}:host([orientation=vertical]) .connector-trailing{inset:calc(var(--stepper-gap,var(--size-4)) + var(--size-1) + var(--step-indicator-size)) auto 0 calc(var(--size-1) + var(--step-indicator-size) / 2);width:var(--stepper-connector-size,2px);height:auto;transform:translate(-50%)}:host([orientation=vertical]:first-of-type) .connector-trailing{top:calc(var(--size-1) + var(--step-indicator-size))}}@media (forced-colors:active){.indicator{border:1px solid buttontext}:host([current]) .indicator,:host([completed]) .indicator{border:1px solid highlight}}`,fr=`@layer refine.base{:host,nav{width:100%;display:block}.steps{align-items:flex-start;gap:0;width:100%;margin:0;padding:0;list-style:none;display:flex}.stepper-message{margin-top:var(--size-3);display:block}}@layer refine.orientation{:host([orientation=vertical]) .steps{flex-direction:column;align-items:stretch}}`,pr=t(`StepperContext`),mr=`ore-stepper`;i(mr,{props:{...W,...G,...K,clickable:p.bool(!1),label:p.string(`Progress`),linear:p.bool(!1),orientation:p.oneOf([`horizontal`,`vertical`],`horizontal`),value:p.string()},setup(t){let n=a(),r=v(),i=b(),s=()=>Array.from(n.querySelectorAll(`:scope > ore-step`)),c=e=>{e?.shadowRoot?.querySelector(`button.control`)?.focus()},u=T(t.value.value);e({attr:{value:()=>u.value??null}});let d=(e,t=!1)=>{e&&e!==u.value&&(u.value=e,t&&r(`change`,{value:e}))},p=()=>{let e=s();if(e.length===0)return;let t=u.value;if(t&&e.some(e=>e.getAttribute(`value`)===t))return;let n=e.find(e=>!e.hasAttribute(`disabled`))?.getAttribute(`value`)??void 0;n&&d(n)};D(t.value,e=>{u.value=e,p()});let h=C(()=>(i.elements().value,s().map(e=>e.getAttribute(`value`)??``)));m(pr,{clickable:C(()=>!!t.clickable.value&&!t.disabled.value),color:t.color,currentValue:u,linear:C(()=>!!t.linear.value),orientation:C(()=>t.orientation.value??`horizontal`),size:t.size,stepValues:h}),f(()=>{p()});let g=()=>{let e=s(),n=e.map(e=>e.getAttribute(`value`)??``).indexOf(u.value??``),r=!!t.clickable.value&&!t.disabled.value,i=!!t.linear.value;return e.filter((e,t)=>ur({disabled:e.hasAttribute(`disabled`),index:t,linear:i,stepperClickable:r,stepperCurrentIndex:n}))},_=nn({direction:()=>tn(n),getItems:g,loop:!1,onNavigate:({item:e})=>{let t=e.getAttribute(`value`);t&&d(t,!0),c(e)},orientation:()=>t.orientation.value===`vertical`?`vertical`:`horizontal`,signal:Q(l)}),y=e=>{let t=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`ore-step`);if(!t||t.closest(`ore-stepper`)!==n||!g().includes(t))return;let r=t.getAttribute(`value`);d(r??void 0,!0),c(t)},x=Ot({onPress:()=>{let e=g().find(e=>e===document.activeElement||e.shadowRoot?.activeElement===document.activeElement),t=e?.getAttribute(`value`);t&&(d(t,!0),c(e))}});return e({on:{click:y,keydown:e=>{let t=g();if(t.length===0)return;let n=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`ore-step`),r=n?t.indexOf(n):-1;r>=0&&_.set(r),!_.handleKeydown(e)&&x.handleKeydown(e)}}}),o`
|
|
1077
1096
|
<nav part="nav" aria-label="${t.label}">
|
|
1078
1097
|
<ol class="steps" role="list" part="list">
|
|
1079
1098
|
<slot></slot>
|
|
1080
1099
|
</ol>
|
|
1081
1100
|
</nav>
|
|
1082
|
-
`},styles:[
|
|
1101
|
+
`},styles:[fr]});var hr=`ore-step`;i(hr,{props:{...K,color:p.string(),error:p.bool(!1),optional:p.bool(!1),orientation:p.oneOf([`horizontal`,`vertical`],`horizontal`),size:p.string(),value:p.string(``)},setup(t){let n=a(),r=b(),i=s(pr),c=()=>i?i.stepValues.value.indexOf(t.value.value):-1,l=()=>i?.stepValues.value.length??0,u=()=>i?i.stepValues.value.indexOf(i.currentValue.value??``):-1,d=()=>{let e=c();return e>=0?e+1:1},f=()=>l()||1,p=()=>{let e=c(),t=u();return e>=0&&e===t},m=()=>{let e=c(),t=u();return e>=0&&t>=0&&e<t},h=()=>{let e=c(),n=u();return!!i&&ur({disabled:t.disabled.value===!0,index:e,linear:i.linear.value,stepperClickable:i.clickable.value,stepperCurrentIndex:n})},g=()=>!!t.disabled.value;e({attr:{completed:()=>m()?!0:void 0,current:()=>p()?!0:void 0,index:()=>{let e=c();return e>=0?String(e+1):void 0},navigable:()=>h()?!0:void 0,total:()=>i?String(l()):void 0}}),i&&x(()=>{let e=i.color.value,t=i.size.value,r=i.orientation.value;e!==void 0&&n.setAttribute(`color`,e),t!==void 0&&n.setAttribute(`size`,t),n.setAttribute(`orientation`,r)});let _=()=>{if(t.error.value)return`error`;if(m())return`completed`;if(p())return`current step`},v=()=>`Step ${d()} of ${f()}`,y=()=>{let e=_();return e?`${v()}, ${e}`:v()},S=e=>{if(e.stopPropagation(),!h()){e.preventDefault();return}n.dispatchEvent(new CustomEvent(`click`,{bubbles:!0,detail:{value:t.value.value}}))},C=()=>o`
|
|
1083
1102
|
<span class="indicator" part="indicator" aria-hidden="true">
|
|
1084
1103
|
<span class="icon-slot" ?hidden="${()=>!r.has(`icon`).value}"><slot name="icon"></slot></span>
|
|
1085
1104
|
${()=>r.has(`icon`).value?``:t.error.value?o`
|
|
@@ -1124,13 +1143,13 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1124
1143
|
</div>
|
|
1125
1144
|
`}
|
|
1126
1145
|
</li>
|
|
1127
|
-
`},styles:[
|
|
1146
|
+
`},styles:[Z,q,et(`button.control`),dr]});var gr=`@layer refine.base{:host{box-shadow:var(--table-shadow,none);border:none;border-radius:0}caption{padding:var(--size-3);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.05em;caption-side:top;background:var(--_header-bg)}caption:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}caption:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}thead,tfoot{background:var(--_header-bg)}thead{border-bottom:var(--border) solid var(--_border-color)}tfoot{border-top:var(--border) solid var(--_border-color)}tbody tr{border-bottom:var(--border) solid var(--_border-color);transition:background var(--transition-fast)}tbody tr:hover{background:var(--_row-hover-bg)}th,td{padding:var(--_cell-padding-y) var(--_cell-padding-x);font-size:var(--_font-size);vertical-align:middle;color:var(--color-contrast-800);font-weight:400}th:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))),td:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}th:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),td:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}thead th,thead td,tfoot th,tfoot td{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;-webkit-user-select:none;user-select:none}}@layer refine.variants{:host([bordered]) th:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right:var(--border) solid var(--_border-color)}:host([bordered]) th:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}:host([bordered]) td:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right:var(--border) solid var(--_border-color)}:host([bordered]) td:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}:host([bordered]) th:last-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right:none}:host([bordered]) th:last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:none}:host([bordered]) td:last-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right:none}:host([bordered]) td:last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:none}:host([striped]) tbody tr:nth-child(2n){background:var(--_stripe-bg)}:host([sticky]) thead{z-index:2;background:var(--table-sticky-header-bg,color-mix(in oklch, var(--_header-bg) 94%, transparent));box-shadow:inset 0 calc(var(--border) * -1) 0 var(--_border-color);-webkit-backdrop-filter:blur(var(--table-sticky-blur,var(--blur-md))) saturate(140%);backdrop-filter:blur(var(--table-sticky-blur,var(--blur-md))) saturate(140%);position:sticky;top:0}}`;customElements.get(`ore-tr`)||customElements.define(`ore-tr`,class extends HTMLElement{}),customElements.get(`ore-th`)||customElements.define(`ore-th`,class extends HTMLElement{}),customElements.get(`ore-td`)||customElements.define(`ore-td`,class extends HTMLElement{});var _r=[`colspan`,`rowspan`,`headers`,`abbr`];function vr(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 _r){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 yr(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`),vr(r,s,c),i.set(r,{inferredScope:c,native:s}),o.appendChild(s)}e.appendChild(o)}return i}var br=`ore-table`;i(br,{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(t){let n=a(),r=x;return e({attr:{"aria-busy":t.loading,"aria-label":t.caption}}),f(()=>{let e=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`);e.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),e.appendChild(i),r(()=>{let e=t.caption.value??``;a.textContent=e,a.hidden=e===``});let l=yr(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&&vr(e,t.native,t.inferredScope)}}});u.observe(n,{attributeFilter:[..._r,`scope`],attributes:!0,characterData:!0,childList:!0,subtree:!0});let d=new MutationObserver(()=>{l=yr(n,o,s,c)});return d.observe(n,{childList:!0}),()=>{d.disconnect(),u.disconnect()}}),o`
|
|
1128
1147
|
<div class="scroll-container"></div>
|
|
1129
|
-
`},styles:[
|
|
1148
|
+
`},styles:[J,Ye(`table`),gr]});var xr=`:host{--_size:var(--text-size,var(--text-base));--_weight:var(--text-weight,var(--font-normal));--_color:var(--text-color,var(--text-color-body));--_line-height:var(--text-line-height,var(--leading-normal));--_letter-spacing:var(--text-letter-spacing,normal);font-size:var(--_size);font-weight:var(--_weight);line-height:var(--_line-height);color:var(--_color);letter-spacing:var(--_letter-spacing);display:block}:host([hidden]){display:none}:host([lines]){-webkit-line-clamp:var(--_lines);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:host(:is([as=span],[as=label],[as=code]):not([align],[truncate])){display:inline}:host([variant=heading]){--_size:var(--text-size,var(--heading-md));--_weight:var(--text-weight,var(--font-semibold));--_color:var(--text-color,var(--text-color-heading));--_line-height:var(--text-line-height,var(--leading-tight));--_letter-spacing:var(--text-letter-spacing,var(--tracking-header))}:host([variant=label]){--_size:var(--text-size,var(--text-sm));--_weight:var(--text-weight,var(--font-medium));--_color:var(--text-color,var(--text-color-heading));--_line-height:var(--text-line-height,var(--leading-snug))}:host([variant=caption]){--_size:var(--text-size,var(--text-sm));--_color:var(--text-color,var(--text-color-secondary))}:host([variant=overline]){--_size:var(--text-size,var(--text-xs));--_weight:var(--text-weight,var(--font-semibold));--_line-height:var(--text-line-height,var(--leading-none));--_letter-spacing:var(--text-letter-spacing,.08em);text-transform:uppercase}:host([variant=code]){--_size:var(--text-size,var(--text-sm));font-family:var(--font-mono,monospace)}:host([size="2xs"]){--_size:var(--text-size,var(--text-2xs))}:host([size=xs]){--_size:var(--text-size,var(--text-xs))}:host([size=sm]){--_size:var(--text-size,var(--text-sm))}:host([size=md]){--_size:var(--text-size,var(--text-base))}:host([size=lg]){--_size:var(--text-size,var(--text-lg))}:host([size=xl]){--_size:var(--text-size,var(--text-xl))}:host([size="2xl"]){--_size:var(--text-size,var(--text-2xl))}:host([variant=heading][size=xs]){--_size:var(--text-size,var(--heading-xs))}:host([variant=heading][size=sm]){--_size:var(--text-size,var(--heading-sm))}:host([variant=heading][size=md]){--_size:var(--text-size,var(--heading-md))}:host([variant=heading][size=lg]){--_size:var(--text-size,var(--heading-lg))}:host([variant=heading][size=xl]){--_size:var(--text-size,var(--heading-xl))}:host([variant=heading][size="2xl"]){--_size:var(--text-size,var(--heading-2xl))}:host([weight=normal]){--_weight:var(--text-weight,var(--font-normal))}:host([weight=medium]){--_weight:var(--text-weight,var(--font-medium))}:host([weight=semibold]){--_weight:var(--text-weight,var(--font-semibold))}:host([weight=bold]){--_weight:var(--text-weight,var(--font-bold))}:host([color=primary]){--_color:var(--text-color,var(--color-primary))}:host([color=secondary]){--_color:var(--text-color,var(--color-secondary))}:host([color=info]){--_color:var(--text-color,var(--color-info))}:host([color=success]){--_color:var(--text-color,var(--color-success))}:host([color=warning]){--_color:var(--text-color,var(--color-warning))}:host([color=error]){--_color:var(--text-color,var(--color-error))}:host([color=heading]){--_color:var(--text-color,var(--text-color-heading))}:host([color=body]){--_color:var(--text-color,var(--text-color-body))}:host([color=muted]){--_color:var(--text-color,var(--text-color-secondary))}:host([color=tertiary]){--_color:var(--text-color,var(--text-color-tertiary))}:host([color=disabled]){--_color:var(--text-color,var(--text-color-disabled))}:host([color=contrast]){--_color:var(--text-color,var(--text-color-contrast))}@layer refine.utilities{:host([align]){display:block}:host([align=left]):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}:host([align=left]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}:host([align=center]){text-align:center}:host([align=right]):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}:host([align=right]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:left}:host([align=justify]){text-align:justify}:host([truncate]){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}:host([italic]){font-style:italic}:host([as=p]),:host([as=div]),:host(:is([as=h1],[as=h2],[as=h3],[as=h4],[as=h5],[as=h6])){display:block}}`,Sr=`ore-text`;i(Sr,{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(t){return e({attr:{"aria-level":()=>{let e=/^h([1-6])$/.exec(t.as.value??``);return e?e[1]:null},role:()=>/^h([1-6])$/.test(t.as.value??``)?`heading`:null},style:{"--_lines":()=>t.lines.value==null?null:String(t.lines.value)}}),o`
|
|
1130
1149
|
<slot></slot>
|
|
1131
|
-
`},styles:[
|
|
1150
|
+
`},styles:[xr]});var Cr=se({AVATAR_GROUP_TAG:()=>st,AVATAR_TAG:()=>at,BREADCRUMB_ITEM_TAG:()=>ut,BREADCRUMB_TAG:()=>dt,CARD_TAG:()=>pn,CAROUSEL_SLIDE_TAG:()=>vn,CAROUSEL_TAG:()=>yn,CHAT_MESSAGE_TAG:()=>Tn,CODE_WINDOW_TAG:()=>Dn,COPY_COMMAND_TAG:()=>kn,ICON_TAG:()=>Se,LIST_CTX:()=>jn,LIST_ITEM_TAG:()=>zn,LIST_TAG:()=>Mn,MARQUEE_TAG:()=>nr,PAGINATION_TAG:()=>ar,SEPARATOR_TAG:()=>sr,STATS_TAG:()=>lr,STEPPER_CTX:()=>pr,STEPPER_TAG:()=>mr,STEP_TAG:()=>hr,TABLE_TAG:()=>br,TEXT_TAG:()=>Sr,registerIcons:()=>_e}),wr=`@layer refine.base{:host{--_bg:var(--accordion-bg);--_border-color:var(--accordion-border-color);gap:var(--size-2);background:var(--_bg);flex-direction:column;width:100%;display:flex}::slotted(ore-accordion-item){width:100%}}@layer refine.variants{:host([variant=bordered]){gap:var(--size-2)}:host([variant=text]){gap:0}:host([variant=text]) ::slotted(ore-accordion-item:not(:last-child)){border-bottom:1px solid var(--accordion-divider-color,var(--color-contrast-200))}:host([variant=solid]),:host([variant=flat]),:host([variant=glass]),:host([variant=frost]){padding:var(--size-2);border-radius:var(--rounded-lg);gap:0}:host([variant=solid]){--_bg:var(--accordion-bg,var(--color-contrast-50));--_border-color:var(--accordion-border-color,var(--color-contrast-200));border:var(--border) solid var(--_border-color);box-shadow:var(--accordion-shadow,var(--shadow-xs))}:host([variant=flat]){--_bg:var(--accordion-bg,var(--color-contrast-100));--_border-color:var(--accordion-border-color,var(--color-contrast-200));border:var(--border) solid var(--_border-color);box-shadow:var(--accordion-shadow,var(--inset-shadow-xs))}:host([variant=glass]),:host([variant=frost]){box-shadow:var(--accordion-shadow,var(--shadow-md), var(--inset-shadow-xs));-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([variant=glass]){--_bg:var(--accordion-bg,color-mix(in oklch, var(--color-secondary) 30%, var(--color-contrast) 10%))}:host([variant=frost]){--_bg:var(--accordion-bg,color-mix(in oklch, var(--color-canvas) 55%, transparent))}:host(:is([variant=glass],[variant=frost])) ::slotted(ore-accordion-item){border-radius:0}:host(:is([variant=glass],[variant=frost])) ::slotted(ore-accordion-item:first-child){border-radius:var(--rounded-lg) var(--rounded-lg) 0 0}:host(:is([variant=glass],[variant=frost])) ::slotted(ore-accordion-item:last-child){border-radius:0 0 var(--rounded-lg) var(--rounded-lg)}:host(:is([variant=glass],[variant=frost])) ::slotted(ore-accordion-item:only-child){border-radius:var(--rounded-lg)}}`,Tr=t(`AccordionContext`),Er=`ore-accordion`;i(Er,{props:{selectionMode:p.string(),size:p.string(),variant:p.string()},setup(t){let n=a(),r=v(),i=e=>{t.selectionMode.value===`single`&&(n.querySelectorAll(`:scope > ore-accordion-item[expanded]`).forEach(t=>{t!==e&&t.hasAttribute(`expanded`)&&t.removeAttribute(`expanded`)}),r(`change`,{expandedItem:e}))},s=()=>[...n.querySelectorAll(`:scope > ore-accordion-item:not([disabled])`)],c=()=>s().map(e=>e.shadowRoot?.querySelector(`summary`)).filter(Boolean),u=nn({getItems:()=>s(),loop:!0,onNavigate:({index:e})=>{c()[e]?.focus()},signal:Q(l)});return m(Tr,{selectionMode:C(()=>t.selectionMode.value),size:t.size,variant:t.variant}),e({on:{expand:e=>{let t=e.composedPath().find(e=>e instanceof HTMLElement),r=e.detail?.item??t;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))}}}),o`
|
|
1132
1151
|
<slot></slot>
|
|
1133
|
-
`},styles:[Cr]});var Er=`@layer refine.base{:host{--accordion-details-radius:var(--rounded-lg);--accordion-item-transition:var(--transition-normal);--accordion-item-expand-easing:var(--ease-spring);color:var(--accordion-item-body-color,var(--text-color-body));display:block}details{border-radius:var(--accordion-item-radius);width:100%;overflow:hidden}summary{gap:var(--size-4);min-height:var(--_touch-target);padding:var(--accordion-item-details-padding,var(--size-3) var(--size-4));font-size:var(--accordion-item-title);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--accordion-item-bg);border:var(--border) solid var(--accordion-item-border-color);border-radius:var(--accordion-details-radius);transition:background var(--accordion-item-transition), border-color var(--accordion-item-transition), color var(--accordion-item-transition);outline:none;align-items:center;list-style:none;display:flex;position:relative}summary::-webkit-details-marker{display:none}summary:focus{outline:none}summary:focus-visible{outline:var(--border-2) solid currentcolor;outline-offset:var(--border-2);box-shadow:0 0 0 3px color-mix(in oklch, currentcolor 20%, transparent)}.header-content{flex-direction:column;flex:1;min-width:0;display:flex}.subtitle{font-size:var(--accordion-item-subtitle-size);line-height:var(--leading-normal);color:var(--accordion-item-subtitle-color,var(--text-color-secondary))}.title{text-overflow:ellipsis;font-weight:var(--font-medium);color:var(--accordion-item-title-color,var(--text-color-heading));white-space:nowrap;overflow:hidden}.content-wrapper{font-size:var(--accordion-item-body);background:var(--accordion-item-bg);border-inline:1px solid var(--accordion-item-border-color);border-bottom:1px solid var(--accordion-item-border-color);border-radius:var(--accordion-summary-radius);transition:grid-template-rows .2s var(--accordion-item-expand-easing,var(--ease-spring));grid-template-rows:0fr;display:grid}details[open] .content-wrapper{grid-template-rows:1fr}.content-inner{padding:var(--accordion-item-summary-padding,var(--size-2) var(--size-4));opacity:1;transition:opacity .2s 60ms var(--ease-spring), transform .2s 60ms var(--ease-spring);overflow:hidden;transform:translateY(0)}details.opening .content-inner{opacity:0;transition:none;transform:translateY(-6px)}details.closing .content-inner{opacity:0;transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring);transform:translateY(-4px)}details.closing .content-wrapper{transition:grid-template-rows .2s .12s var(--accordion-item-expand-easing,var(--ease-spring));grid-template-rows:1fr}}@layer refine.variants{:host,:host([variant=solid]){--accordion-item-bg:var(--color-contrast-50);--accordion-item-border-color:transparent;--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=flat]){--accordion-item-bg:var(--color-contrast-100);--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=bordered]){--accordion-item-bg:var(--color-contrast-100);--accordion-item-border-color:var(--color-divider);--accordion-item-hover-bg:var(--color-contrast-200);box-shadow:var(--inset-shadow-xs), var(--shadow-2xs)}:host([variant=outline]){--accordion-item-bg:transparent;--accordion-item-border-color:var(--color-divider);--accordion-item-hover-bg:var(--color-contrast-300)}:host([variant=ghost]){--accordion-item-bg:transparent;--accordion-item-border-color:transparent;--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=text]){--accordion-item-bg:transparent;--accordion-item-border-color:transparent;--accordion-item-hover-bg:transparent}:host summary:hover{background:var(--accordion-item-hover-bg)}:host([variant=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{--ore-icon-size:var(--_size,var(--size-5));width:var(--_size,var(--size-5));height:var(--_size,var(--size-5));transition:transform .2s var(--ease-spring);transform:rotate(-90deg)}.chevron:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.chevron:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}details[open] .chevron{transform:rotate(0)}details.rtl .chevron{transform:rotate(90deg)}details.rtl[open] .chevron{transform:rotate(0)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .chevron{transform:rotate(90deg)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) details[open] .chevron{transform:rotate(0)}:host([expanded]){--accordion-details-radius:var(--rounded-lg) var(--rounded-lg) 0 0;--accordion-summary-radius:0 0 var(--rounded-lg) var(--rounded-lg)}@media (forced-colors:active){summary{border-color:buttontext}}}`,Dr=`ore-accordion-item`;i(Dr,{props:{...G,expanded:p.bool(!1),size:p.string(),variant:p.string()},setup(e){let t=a(),n=v(),r=x,i=s(wr);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 c=`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?.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,_=0,y=()=>{if(e.disabled.value)return;let t=l.value;t&&(t.open?m():p())},b=e=>{_=e.touches[0]?.clientY??0},S=e=>{Math.abs((e.changedTouches[0]?.clientY??0)-_)>10||(e.preventDefault(),g=!0,y())},C=e=>{if(g){g=!1,e.preventDefault();return}e.preventDefault(),y()},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`,nn(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`,b,{passive:!0}),n.addEventListener(`touchend`,S,{passive:!1}),n.addEventListener(`click`,C),()=>{i.disconnect(),e.removeEventListener(`toggle`,w),n.removeEventListener(`touchstart`,b),n.removeEventListener(`touchend`,S),n.removeEventListener(`click`,C)}}),o`
|
|
1152
|
+
`},styles:[wr]});var Dr=`@layer refine.base{:host{--accordion-details-radius:var(--rounded-lg);--accordion-item-transition:var(--transition-normal);--accordion-item-expand-easing:var(--ease-spring);color:var(--accordion-item-body-color,var(--text-color-body));display:block}details{border-radius:var(--accordion-item-radius);width:100%;overflow:hidden}summary{gap:var(--size-4);min-height:var(--_touch-target);padding:var(--accordion-item-details-padding,var(--size-3) var(--size-4));font-size:var(--accordion-item-title);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--accordion-item-bg);border:var(--border) solid var(--accordion-item-border-color);border-radius:var(--accordion-details-radius);transition:background var(--accordion-item-transition), border-color var(--accordion-item-transition), color var(--accordion-item-transition);outline:none;align-items:center;list-style:none;display:flex;position:relative}summary::-webkit-details-marker{display:none}summary:focus{outline:none}summary:focus-visible{outline:var(--border-2) solid currentcolor;outline-offset:var(--border-2);box-shadow:0 0 0 3px color-mix(in oklch, currentcolor 20%, transparent)}.header-content{flex-direction:column;flex:1;min-width:0;display:flex}.subtitle{font-size:var(--accordion-item-subtitle-size);line-height:var(--leading-normal);color:var(--accordion-item-subtitle-color,var(--text-color-secondary))}.title{text-overflow:ellipsis;font-weight:var(--font-medium);color:var(--accordion-item-title-color,var(--text-color-heading));white-space:nowrap;overflow:hidden}.content-wrapper{font-size:var(--accordion-item-body);background:var(--accordion-item-bg);border-inline:1px solid var(--accordion-item-border-color);border-bottom:1px solid var(--accordion-item-border-color);border-radius:var(--accordion-summary-radius);transition:grid-template-rows .2s var(--accordion-item-expand-easing,var(--ease-spring));grid-template-rows:0fr;display:grid}details[open] .content-wrapper{grid-template-rows:1fr}.content-inner{padding:var(--accordion-item-summary-padding,var(--size-2) var(--size-4));opacity:1;transition:opacity .2s 60ms var(--ease-spring), transform .2s 60ms var(--ease-spring);overflow:hidden;transform:translateY(0)}details.opening .content-inner{opacity:0;transition:none;transform:translateY(-6px)}details.closing .content-inner{opacity:0;transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring);transform:translateY(-4px)}details.closing .content-wrapper{transition:grid-template-rows .2s .12s var(--accordion-item-expand-easing,var(--ease-spring));grid-template-rows:1fr}}@layer refine.variants{:host,:host([variant=solid]){--accordion-item-bg:var(--color-contrast-50);--accordion-item-border-color:transparent;--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=flat]){--accordion-item-bg:var(--color-contrast-100);--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=bordered]){--accordion-item-bg:var(--color-contrast-100);--accordion-item-border-color:var(--color-divider);--accordion-item-hover-bg:var(--color-contrast-200);box-shadow:var(--inset-shadow-xs), var(--shadow-2xs)}:host([variant=outline]){--accordion-item-bg:transparent;--accordion-item-border-color:var(--color-divider);--accordion-item-hover-bg:var(--color-contrast-300)}:host([variant=ghost]){--accordion-item-bg:transparent;--accordion-item-border-color:transparent;--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=text]){--accordion-item-bg:transparent;--accordion-item-border-color:transparent;--accordion-item-hover-bg:transparent}:host summary:hover{background:var(--accordion-item-hover-bg)}:host([variant=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{--ore-icon-size:var(--_size,var(--size-5));width:var(--_size,var(--size-5));height:var(--_size,var(--size-5));transition:transform .2s var(--ease-spring);transform:rotate(-90deg)}.chevron:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.chevron:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}details[open] .chevron{transform:rotate(0)}details.rtl .chevron{transform:rotate(90deg)}details.rtl[open] .chevron{transform:rotate(0)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .chevron{transform:rotate(90deg)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) details[open] .chevron{transform:rotate(0)}:host([expanded]){--accordion-details-radius:var(--rounded-lg) var(--rounded-lg) 0 0;--accordion-summary-radius:0 0 var(--rounded-lg) var(--rounded-lg)}@media (forced-colors:active){summary{border-color:buttontext}}}`,Or=`ore-accordion-item`;i(Or,{props:{...K,expanded:p.bool(!1),size:p.string(),variant:p.string()},setup(e){let t=a(),n=v(),r=x,i=s(Tr);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 c=`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?.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,_=0,y=()=>{if(e.disabled.value)return;let t=l.value;t&&(t.open?m():p())},b=e=>{_=e.touches[0]?.clientY??0},S=e=>{Math.abs((e.changedTouches[0]?.clientY??0)-_)>10||(e.preventDefault(),g=!0,y())},C=e=>{if(g){g=!1,e.preventDefault();return}e.preventDefault(),y()},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`,tn(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`,b,{passive:!0}),n.addEventListener(`touchend`,S,{passive:!1}),n.addEventListener(`click`,C),()=>{i.disconnect(),e.removeEventListener(`toggle`,w),n.removeEventListener(`touchstart`,b),n.removeEventListener(`touchend`,S),n.removeEventListener(`click`,C)}}),o`
|
|
1134
1153
|
<details part="item" ?open="${e.expanded}" ref="${l}">
|
|
1135
1154
|
<summary
|
|
1136
1155
|
part="summary"
|
|
@@ -1156,7 +1175,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1156
1175
|
</div>
|
|
1157
1176
|
</div>
|
|
1158
1177
|
</details>
|
|
1159
|
-
`},styles:[
|
|
1178
|
+
`},styles:[q,Dr]});var kr=`@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(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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}}@layer refine.density{:host([density=compact]){--tabs-radius:var(--rounded-md);height:auto}:host([density=compact]) [role=tablist]{gap:var(--size-1);padding:var(--size-1)}:host([density=compact][variant=ghost]) [role=tablist]{padding:0}}`,Ar=t(`TabsContext`),jr=`ore-tabs`;i(jr,{props:{...W,...G,activation:p.oneOf([`auto`,`manual`],`auto`),density:p.oneOf([`compact`,`default`],`default`),label:p.string(),orientation:p.oneOf([`horizontal`,`vertical`],`horizontal`),value:p.string(),variant:p.string()},setup(t){let n=a(),r=v(),i=n.shadowRoot,s=h(),c=h(),u=T(t.value.value),d=()=>t.activation.value===`manual`,p=()=>t.orientation.value===`vertical`;e({attr:{value:()=>u.value??null}});let g=()=>[...n.querySelectorAll(`:scope > ore-tab-item[slot="tabs"]`)],_=()=>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})},x=()=>{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)};D(t.value,e=>{u.value=e,x()});let S=nn({direction:()=>tn(n),getItems:()=>_(),loop:!0,onNavigate:({item:e})=>{if(y(e),!d()){let t=e.getAttribute(`value`);t&&b(t,!0)}},orientation:()=>p()?`vertical`:`both`,signal:Q(l)});m(Ar,{color:t.color,density:C(()=>t.density.value??`default`),orientation:C(()=>t.orientation.value??`horizontal`),size:t.size,value:u,variant:t.variant});let w=e=>{let t=c.value,n=s.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=g().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=Ot({disabled:C(()=>!d()),onPress:()=>{let e=_().find(e=>e===document.activeElement||e.shadowRoot?.activeElement===document.activeElement)?.getAttribute(`value`);e&&e!==u.value&&b(e,!0)}});return e({on:{click:O,keydown:e=>{let t=_();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)}}),o`
|
|
1160
1179
|
<div class="tablist-wrapper">
|
|
1161
1180
|
<div
|
|
1162
1181
|
role="tablist"
|
|
@@ -1171,7 +1190,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1171
1190
|
<div class="panels" part="panels">
|
|
1172
1191
|
<slot></slot>
|
|
1173
1192
|
</div>
|
|
1174
|
-
`},styles:[
|
|
1193
|
+
`},styles:[Z,kr]});var Mr=`@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}}}@layer refine.density{:host([density=compact]){--tab-item-radius:var(--rounded-md);--tab-item-font-size:var(--text-xs);--tab-item-padding:var(--size-1) var(--size-2)}:host([density=compact]) button{gap:var(--size-1);min-height:var(--size-6)}}`,Nr=`ore-tab-item`;i(Nr,{props:{...K,active:p.bool(!1),color:p.string(),density:p.oneOf([`compact`,`default`],`default`),size:p.string(),value:p.string(``),variant:p.string()},setup(t){let n=a(),r=x,i=s(Ar);i&&r(()=>{let e=i.color.value,t=i.density.value,r=i.size.value,a=i.variant.value;e!==void 0&&n.setAttribute(`color`,e),n.setAttribute(`density`,t),r!==void 0&&n.setAttribute(`size`,r),a!==void 0&&n.setAttribute(`variant`,a)});let c=C(()=>i?!!i.value.value&&i.value.value===t.value.value:t.active.value),l=()=>!!t.disabled.value;e({attr:{active:()=>c.value?!0:void 0}});let u=e=>{if(e.stopPropagation(),l()){e.preventDefault();return}n.dispatchEvent(new CustomEvent(`click`,{bubbles:!0,detail:{value:t.value.value}}))},d=()=>`tab-${t.value.value}`,p=h();return f(()=>{x(()=>{let e=p.value,r=t.value.value;if(!e)return;let i=((r?n.closest(`ore-tabs`):null)?.querySelector(`:scope > ore-tab-panel[value="${r}"]`))?.shadowRoot?.querySelector(`.panel`)??null;vt(e,`ariaControlsElements`,i?[i]:[])})}),o`
|
|
1175
1194
|
<button
|
|
1176
1195
|
role="tab"
|
|
1177
1196
|
type="button"
|
|
@@ -1186,7 +1205,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1186
1205
|
<slot></slot>
|
|
1187
1206
|
<slot name="suffix"></slot>
|
|
1188
1207
|
</button>
|
|
1189
|
-
`},styles:[
|
|
1208
|
+
`},styles:[Z,et(`button`),q,Mr]});var Pr=`@layer refine.base{:host{width:100%;display:none}:host([active]){flex-direction:column;flex:1;min-height:0;display:flex}.panel{box-sizing:border-box;height:100%;min-height:0;padding:var(--tab-panel-padding,var(--size-4));font-size:var(--tab-panel-font-size,var(--text-sm));color:var(--text-color-body);animation:var(--_motion-animation,tab-panel-in var(--transition-normal) var(--ease-out) both);flex:1;overflow:auto}}@layer refine.variants{@keyframes tab-panel-in{0%{opacity:0;translate:0 4px}to{opacity:1;translate:0}}}`,Fr={"2xl":`var(--size-12)`,lg:`var(--size-6)`,md:`var(--size-4)`,none:`0`,sm:`var(--size-2)`,xl:`var(--size-8)`,xs:`var(--size-1)`},Ir=`ore-tab-panel`;i(Ir,{props:{active:p.bool(!1),lazy:p.bool(!1),padding:p.oneOf([`none`,`xs`,`sm`,`md`,`lg`,`xl`,`2xl`],`md`),value:p.string(``)},setup(t){let n=a(),r=x,i=s(Ar),c=C(()=>i?!!i.value.value&&i.value.value===t.value.value:t.active.value);e({attr:{active:()=>c.value?!0:void 0}});let l=C(()=>Fr[t.padding.value??`md`]??Fr.md),u=T(!1);r(()=>{c.value&&(u.value=!0)});let d=C(()=>!t.lazy.value||u.value),p=g({"--tab-panel-padding":l}),m=()=>`tabpanel-${t.value.value}`,_=h();return f(()=>{r(()=>{let e=_.value,r=t.value.value;if(!e)return;let i=((r?n.closest(`ore-tabs`):null)?.querySelector(`:scope > ore-tab-item[value="${r}"]`))?.shadowRoot?.querySelector(`[role="tab"]`)??null;vt(e,`ariaLabelledByElements`,i?[i]:[])})}),o`
|
|
1190
1209
|
<div
|
|
1191
1210
|
class="panel"
|
|
1192
1211
|
part="panel"
|
|
@@ -1200,7 +1219,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1200
1219
|
<slot></slot>
|
|
1201
1220
|
`)}
|
|
1202
1221
|
</div>
|
|
1203
|
-
`},styles:[
|
|
1222
|
+
`},styles:[J,Pr]});var Lr=se({ACCORDION_CTX:()=>Tr,ACCORDION_ITEM_TAG:()=>Or,ACCORDION_TAG:()=>Er,TABS_CTX:()=>Ar,TABS_TAG:()=>jr,TAB_ITEM_TAG:()=>Nr,TAB_PANEL_TAG:()=>Ir});function Rr(e,t,n=`animation`){typeof getComputedStyle==`function`&&getComputedStyle(e).opacity,queueMicrotask(()=>{let r=(typeof e.getAnimations==`function`?()=>e.getAnimations():()=>[])().filter(e=>n===`animation`?e instanceof CSSAnimation:n===`transition`&&e instanceof CSSTransition);if(r.length===0){t();return}let i=!1;Promise.allSettled(r.map(e=>e.finished)).then(()=>{i||(i=!0,t())})})}var zr=`@layer refine.base{:host{--_bg:var(--alert-bg,var(--_theme-backdrop));--_color:var(--alert-color,var(--_theme-base));--_border-color:var(--alert-border-color,var(--_theme-border));--_radius:var(--alert-radius,var(--rounded-lg));--_padding:var(--alert-padding,var(--size-4));--_gap:var(--alert-gap,var(--size-3));--_font-size:var(--alert-font-size,var(--text-sm));--_shadow:var(--alert-shadow,var(--shadow-none));display:block}.sr-announce{white-space:nowrap;clip-path:inset(50%);border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:host([dismissed]){display:none}:host([dismissing]){pointer-events:none;animation:var(--_motion-animation,ore-alert-exit var(--transition-slow) var(--ease-in-out) forwards);overflow:hidden}@keyframes ore-alert-exit{0%{max-height:600px;margin-bottom:var(--size-3);opacity:1;transform:scaleY(1)}60%{opacity:0;transform:scaleY(.8)}to{opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;transform:scaleY(0)}}.alert{row-gap:var(--size-1);padding:var(--_padding);font-size:var(--_font-size);line-height:var(--leading-normal);color:var(--_color);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);transition:background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), color var(--transition-normal);grid-template-columns:auto 1fr auto;display:grid;overflow:hidden}.icon{grid-area:1/1;justify-content:center;align-self:start;align-items:center;display:inline-flex}.icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--_gap)}.icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--_gap)}.alert:has(.header[hidden]) .icon{align-self:center}.icon[hidden]{display:none}.header{gap:var(--size-2);grid-area:1/2;align-items:baseline;display:flex}.header[hidden]{display:none}.heading{text-overflow:ellipsis;font-weight:var(--font-semibold);line-height:var(--leading-normal);white-space:nowrap;overflow:hidden}.meta{font-size:var(--text-xs);white-space:nowrap;opacity:.7}.meta:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.meta:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}:host(:not(:has([slot=meta]))) .meta{display:none}.body{min-width:0;margin-top:var(--size-1);grid-area:2/1/auto/-1}.alert:has(.header[hidden]) .body{grid-area:1/2;margin-top:0}.content{line-height:var(--leading-relaxed)}.actions{gap:var(--size-2);margin-top:var(--size-2);flex-wrap:wrap;grid-area:3/1/auto/-1;display:flex}.alert:has(.header[hidden]) .actions{grid-row:2}.actions[hidden]{display:none}:host([horizontal]) .alert{grid-template-columns:auto 1fr auto auto}:host([horizontal]) .body{grid-area:1/2;align-self:center;margin-top:0}:host([horizontal]) .actions:not([hidden]){flex-wrap:nowrap;grid-area:1/3;margin-top:0}:host([horizontal]) .actions:not([hidden]):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--_gap)}:host([horizontal]) .actions:not([hidden]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--_gap)}:host([horizontal]) .close{grid-column:4;align-self:center}.close{width:var(--size-5);min-width:var(--_touch-target);height:var(--size-5);min-height:var(--_touch-target);color:inherit;cursor:pointer;border-radius:var(--rounded-sm);opacity:.7;transition:opacity var(--transition-fast), background var(--transition-fast);background:0 0;border:none;grid-area:1/3;justify-content:center;align-self:start;align-items:center;padding:0;display:inline-flex}.close:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--_gap)}.close:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--_gap)}.close[hidden]{display:none}.close:hover{background:color-mix(in oklch, currentcolor 12%, transparent);opacity:1}.close:focus-visible{outline:var(--border-2) solid currentcolor;outline-offset:var(--border-2);opacity:1}:host([variant=flat][accented]) .alert:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left-width:var(--border-4,4px)}:host([variant=flat][accented]) .alert:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-width:var(--border-4,4px)}:host([variant=bordered][accented]) .alert:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left-width:var(--border-4,4px)}:host([variant=bordered][accented]) .alert:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-width:var(--border-4,4px)}}@layer refine.variants{:host(:not([variant])),:host([variant=flat]){--_bg:var(--alert-bg,var(--color-canvas));--_color:var(--alert-color,var(--_theme-base));--_border-color:var(--alert-border-color,var(--_theme-base));--_shadow:var(--alert-shadow,var(--shadow-none))}:host([variant=solid]){--_bg:var(--alert-bg,var(--_theme-base));--_color:var(--alert-color,var(--_theme-contrast));--_border-color:var(--alert-border-color,var(--_theme-base));--_shadow:var(--alert-shadow,var(--shadow-xs))}:host([variant=bordered]){--_bg:var(--alert-bg,color-mix(in oklch, var(--_theme-backdrop), var(--color-canvas)));--_color:var(--alert-color,var(--_theme-base));--_border-color:var(--alert-border-color,color-mix(in oklch, var(--_theme-focus) 30%, transparent));--_shadow:var(--alert-shadow,var(--inset-shadow-2xs))}}`,Br=`ore-alert`;i(Br,{props:{...W,...G,...we,accented:p.bool(!1),dismissible:p.bool(!1),heading:p.string(),horizontal:p.bool(!1),variant:p.string()},setup(e){let t=a(),n=v(),r=b(),i=null,s=e=>{i&&(i.textContent=``,requestAnimationFrame(()=>{i&&(i.textContent=e)}))};return o`
|
|
1204
1223
|
<span
|
|
1205
1224
|
class="sr-announce"
|
|
1206
1225
|
aria-live="polite"
|
|
@@ -1230,11 +1249,11 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1230
1249
|
type="button"
|
|
1231
1250
|
aria-label="Dismiss alert"
|
|
1232
1251
|
?hidden="${()=>!e.dismissible.value}"
|
|
1233
|
-
@click="${r=>{e.dismissible.value&&(t.setAttribute(`dismissing`,``),
|
|
1252
|
+
@click="${r=>{e.dismissible.value&&(t.setAttribute(`dismissing`,``),Rr(t,()=>{t.removeAttribute(`dismissing`),t.setAttribute(`dismissed`,``),s(`Alert dismissed`),n(`dismiss`,{originalEvent:r})}))}}">
|
|
1234
1253
|
<ore-icon name="x" size="16" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
1235
1254
|
</button>
|
|
1236
1255
|
</div>
|
|
1237
|
-
`},styles:[
|
|
1256
|
+
`},styles:[Z,q,J,Y,$e,X({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)`}}),zr]});var Vr=`@layer refine.base{:host{--_color:var(--async-color,var(--color-contrast-500));--_icon-size:var(--async-icon-size,var(--size-12));--_gap:var(--async-gap,var(--size-3));display:block}.region{display:none}:host([status=idle]) .region-idle,:host([status=loading]) .region-loading,:host([status=empty]) .region-empty,:host([status=error]) .region-error,:host([status=success]) .region-success,:host(:not([status])) .region-success{display:block}.empty-state{gap:var(--_gap);padding:var(--size-10) var(--size-6);color:var(--_color);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state .icon{width:var(--_icon-size);height:var(--_icon-size);opacity:.4;justify-content:center;align-items:center;display:flex}.empty-state .icon svg{width:100%;height:100%}.empty-state .icon ore-icon{width:100%;height:100%;display:flex}.empty-state .title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-contrast-700)}.empty-state .description{max-width:28ch;font-size:var(--text-sm);line-height:var(--leading-relaxed);opacity:.75}.error-state{gap:var(--_gap);padding:var(--size-10) var(--size-6);color:var(--color-error-600);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.error-state .icon{width:var(--_icon-size);height:var(--_icon-size);opacity:.7;justify-content:center;align-items:center;display:flex}.error-state .icon svg{width:100%;height:100%}.error-state .icon ore-icon{width:100%;height:100%;display:flex}.error-state .title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-error-700)}.error-state .description{max-width:32ch;font-size:var(--text-sm);line-height:var(--leading-relaxed);opacity:.85}.error-state .retry-btn{gap:var(--size-1-5);padding:var(--size-2) var(--size-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-error-700);cursor:pointer;border-radius:var(--rounded-md);transition:var(--_motion-transition,background var(--transition-fast), opacity var(--transition-fast));background:0 0;border:1px solid;align-items:center;display:inline-flex}.error-state .retry-btn ore-icon{flex:none}.error-state .retry-btn:hover{background:color-mix(in oklch, var(--color-error-500) 10%, transparent)}.error-state .retry-btn:focus-visible{outline:2px solid var(--color-error-500);outline-offset:2px}.loading-default{gap:var(--size-2);padding:var(--size-4);flex-direction:column;display:flex}}`,Hr=`ore-async`;i(Hr,{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(t){let n=v(),r=T(!1),i=T(!1),a=T(!1);e({attr:{ariaBusy:()=>t.status.value===`loading`?`true`:`false`,ariaLabel:()=>t.status.value===`loading`?`Loading…`:null,ariaLive:()=>t.status.value===`error`?`assertive`:`polite`,status:t.status}});let s=(e,t)=>()=>t?.value?o`
|
|
1238
1257
|
<p class="${e}">${t}</p>
|
|
1239
1258
|
`:``;return o`
|
|
1240
1259
|
<div class="region region-idle" role="presentation"></div>
|
|
@@ -1289,14 +1308,14 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1289
1308
|
<div class="region region-success" role="presentation">
|
|
1290
1309
|
<slot></slot>
|
|
1291
1310
|
</div>
|
|
1292
|
-
`},styles:[
|
|
1311
|
+
`},styles:[J,Vr]});var Ur=`@layer refine.base{:host{--_bg:var(--badge-bg,var(--_theme-backdrop));--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-border));--_radius:var(--badge-radius,var(--rounded-lg));--_font-size:var(--badge-font-size,var(--text-xs));--_font-weight:var(--badge-font-weight,var(--font-semibold));--_padding-x:var(--badge-padding-x,var(--size-1-5));--_padding-y:var(--badge-padding-y,var(--size-0-5));--_gap:var(--badge-gap,var(--size-1));vertical-align:middle;display:inline-flex}.badge{gap:var(--_gap);min-width:var(--size-2);max-width:var(--badge-max-width,24ch);padding:var(--_padding-y) var(--_padding-x);text-overflow:ellipsis;font-size:var(--_font-size);font-weight:var(--_font-weight);color:var(--_color);white-space:nowrap;background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}.badge-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}::slotted([slot=icon]){flex-shrink:0;justify-content:center;align-items:center;width:1em;height:1em;display:inline-flex}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_bg:var(--badge-bg,var(--_theme-base));--_color:var(--badge-color,var(--_theme-contrast));--_border-color:var(--badge-border-color,var(--_theme-base))}:host([variant=flat]){--_bg:var(--badge-bg,color-mix(in oklch, var(--_theme-backdrop) 25%, var(--color-contrast-100)));--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,color-mix(in oklch, var(--_theme-focus) 20%, transparent))}:host([variant=bordered]){--_bg:var(--badge-bg,var(--_theme-backdrop));--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-border))}:host([variant=outline]){--_bg:var(--badge-bg,transparent);--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-base))}:host([dot]) .badge{min-width:unset;padding:var(--_dot-padding,var(--size-1));line-height:0}}@layer refine.sizes{:host([size=xs]){--_padding-x:var(--size-1);--_padding-y:0px;--_font-size:var(--text-2xs);--_dot-padding:var(--size-0-5)}}@layer refine.overrides{:host([dot]){--_bg:var(--badge-bg,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-base))}:host([anchor]){display:inline-flex;position:relative}:host{--_dir:1}:host(:dir(rtl)){--_dir:-1}:host([anchor]) .badge{z-index:1;transform:translate(calc(var(--_dir) * 30%), -30%);position:absolute;top:0}:host([anchor]) .badge:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}:host([anchor]) .badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([anchor=top-start]) .badge{transform:translate(calc(var(--_dir) * -30%), -30%)}:host([anchor=top-start]) .badge:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0;right:unset}:host([anchor=top-start]) .badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0;left:unset}:host([anchor=bottom-end]) .badge{top:unset;transform:translate(calc(var(--_dir) * 30%), 30%);bottom:0}:host([anchor=bottom-start]) .badge{top:unset;transform:translate(calc(var(--_dir) * -30%), 30%);bottom:0}:host([anchor=bottom-start]) .badge:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0;right:unset}:host([anchor=bottom-start]) .badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0;left:unset}}`,Wr=`ore-badge`;i(Wr,{props:{...W,size:p.string(),...we,anchor:p.string(),count:p.number(),dot:p.bool(!1),label:p.string(),max:p.number(),variant:p.string()},setup(e){let t=C(()=>{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)}),n=C(()=>{if(e.label.value)return e.label.value;if(!e.dot.value&&t.value!=null)return`${t.value} notifications`});return o`
|
|
1293
1312
|
<span class="badge" part="badge" aria-label="${n}">
|
|
1294
1313
|
<slot name="icon"></slot>
|
|
1295
1314
|
<span ?hidden="${()=>t.value==null}">${t}</span>
|
|
1296
1315
|
<span class="badge-label" ?hidden="${()=>t.value!=null}"><slot></slot></span>
|
|
1297
1316
|
</span>
|
|
1298
1317
|
<slot name="target"></slot>
|
|
1299
|
-
`},styles:[
|
|
1318
|
+
`},styles:[Z,$e,Y,nt(`.badge`),X({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)`}}),Ur]});var Gr=`@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)}}`,Kr=`ore-chip`;i(Kr,{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(t){let n=v(),r=T(t.checked.value!==void 0),i=T(!r.value&&t[`default-checked`].value);D(t.checked,e=>{e!==void 0&&(r.value=!0)});let a=C(()=>t.mode.value===`selectable`?r.value?t.checked.value??!1:i.value:!1);e({attr:{checked:()=>t.mode.value===`selectable`&&a.value?!0:void 0}});function s(e){t.disabled.value||n(`remove`,{originalEvent:e,value:t.value.value})}function c(e){if(e.stopPropagation(),t.disabled.value)return;let o=!a.value;r.value||(i.value=o),n(`change`,{checked:o,originalEvent:e,value:t.value.value})}function l(e){t.disabled.value||n(`click`,{originalEvent:e,value:t.value.value})}let u=()=>o`
|
|
1300
1319
|
<slot name="icon"></slot>
|
|
1301
1320
|
<span class="label"><slot></slot></span>
|
|
1302
1321
|
`,d=()=>{let e=t.label.value||t.value.value;return e?`Remove ${e}`:`Remove`},f=()=>o`
|
|
@@ -1338,7 +1357,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1338
1357
|
<span class="chip" part="chip">${u()} ${f()}</span>
|
|
1339
1358
|
`;return o`
|
|
1340
1359
|
${()=>{let e=t.mode.value;return e===`selectable`?p():e===`action`?m():e===`removable`?g():h()}}
|
|
1341
|
-
`},styles:[
|
|
1360
|
+
`},styles:[Z,qe,Y,X({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,Gr]});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}}`,Jr=`ore-password-strength`;i(Jr,{props:{label:p.string(`Password strength`),labels:p.json(void 0),score:p.number(-1),"show-label":p.bool(!0),value:p.string()},setup(t){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 e=t.score.value??-1,n=e>=0?Math.max(0,Math.min(4,Math.trunc(e))):i(t.value.value??``);return r[n]},s=C(()=>{let e=t.score.value??-1;return e>=0?Math.max(0,Math.min(4,Math.trunc(e))):i(t.value.value??``)}),c=C(()=>{let e=t.labels.value;return Array.isArray(e)&&e.length===5?String(e[s.value]??``):n[a()]}),l=C(()=>s.value===0?null:c.value||null);e({attr:{"data-level":()=>a()}});let u=e=>()=>`segment${s.value>=e?` active`:``}`;return o`
|
|
1342
1361
|
<div
|
|
1343
1362
|
class="meter"
|
|
1344
1363
|
role="meter"
|
|
@@ -1357,13 +1376,13 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1357
1376
|
${()=>t[`show-label`].value?o`
|
|
1358
1377
|
<span class="level-label" aria-live="polite" aria-atomic="true">${()=>c.value}</span>
|
|
1359
1378
|
`:``}
|
|
1360
|
-
`},styles:[
|
|
1379
|
+
`},styles:[J,qr]});var Yr=`@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:calc(100% - 2px)}: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}}`,Xr=`ore-skeleton`;i(Xr,{props:{...G,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(t){let n=a(),r=T(!1),i=()=>{let e=Math.floor(Number(t.lines.value));return Number.isFinite(e)&&e>0?e:1},s=()=>t.variant.value===`text`?i():1;return D(C(()=>`${t.width.value??``}|${t.height.value??``}|${t.radius.value??``}|${t.animated.value===!1?`0`:`1`}`),()=>{let e=Bn(t.width.value),r=Bn(t.height.value),i=Bn(t.radius.value);e?n.style.setProperty(`--skeleton-width`,e):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`&&t.animated.value!==!1;n.setAttribute(`data-animated`,a?`true`:`false`)},{immediate:!0}),e({attr:{"data-paused":()=>r.value?!0:void 0}}),f(()=>{let e=U(n,{threshold:0});l(()=>e.dispose()),D(e,e=>{let t=e!==null&&!e.isIntersecting;r.value=t})}),o`
|
|
1361
1380
|
<div class="stack" part="stack">
|
|
1362
1381
|
${()=>Array.from({length:s()},(e,n)=>{let r=t.variant.value===`text`&&s()>1&&n===s()-1;return o`
|
|
1363
1382
|
<div class="bone" part="bone" aria-hidden="true" data-last="${()=>r?`true`:null}"></div>
|
|
1364
1383
|
`})}
|
|
1365
1384
|
</div>
|
|
1366
|
-
`},styles:[
|
|
1385
|
+
`},styles:[J,Yr]});function Zr(){return crypto.randomUUID()}var Qr=`@layer refine.base{:host{--_position:var(--toast-position,fixed);--_inset-top:var(--toast-inset-top,auto);--_inset-bottom:var(--toast-inset-bottom,1rem);--_inset-right:var(--toast-inset-right,1rem);--_inset-left:var(--toast-inset-left,auto);--_z-index:var(--toast-z-index,var(--z-toast));--_max-width:var(--toast-max-width,400px);--_gap:var(--toast-gap,.5rem);position:var(--_position);inset:var(--_inset-top) var(--_inset-right) var(--_inset-bottom) var(--_inset-left);z-index:var(--_z-index);gap:var(--_gap);max-width:var(--_max-width);pointer-events:none;flex-direction:column;display:flex}:host([position=top-left]){--_inset-top:1rem;--_inset-bottom:auto;--_inset-left:1rem;--_inset-right:auto}:host([position=top-center]){--_inset-top:1rem;--_inset-bottom:auto;--_inset-left:50%;--_inset-right:auto;transform:translate(-50%)}:host([position=top-right]){--_inset-top:1rem;--_inset-bottom:auto;--_inset-right:1rem;--_inset-left:auto}:host([position=bottom-left]){--_inset-bottom:1rem;--_inset-left:1rem;--_inset-right:auto;--_inset-top:auto}:host([position=bottom-center]){--_inset-bottom:1rem;--_inset-left:50%;--_inset-right:auto;--_inset-top:auto;transform:translate(-50%)}:host([position=bottom-right]){--_inset-bottom:1rem;--_inset-right:1rem;--_inset-left:auto;--_inset-top:auto}.toast-container{perspective:1200px;perspective-origin:50%;transition:row-gap var(--transition-normal);grid-template-rows:1fr;grid-template-columns:1fr;row-gap:0;display:grid}.toast-live-region{display:contents}:host(.hovered) .toast-container{row-gap:var(--_gap)}:host(:not(.hovered)) .toast-wrapper{grid-area:1/1;align-self:end}:host([position^=top]:not(.hovered)) .toast-wrapper{align-self:start}.toast-wrapper{pointer-events:auto;touch-action:pan-y;position:relative}:host(:not(.hovered)) .toast-wrapper:last-child{z-index:3;transform:translateY(0)scale(1)}:host(:not(.hovered)) .toast-wrapper:nth-last-child(2){z-index:2;pointer-events:none;transform:translateY(-8px)scale(.95)}:host(:not(.hovered)) .toast-wrapper:nth-last-child(3){z-index:1;pointer-events:none;transform:translateY(-14px)scale(.9)}:host(:not(.hovered)) .toast-wrapper:nth-last-child(n+4){visibility:hidden;pointer-events:none}:host([position^=top]) .toast-wrapper{transform-origin:top}:host([position^=top]:not(.hovered)) .toast-wrapper:nth-last-child(2){transform:translateY(8px)scale(.95)}:host([position^=top]:not(.hovered)) .toast-wrapper:nth-last-child(3){transform:translateY(14px)scale(.9)}:host(.hovered) .toast-wrapper{z-index:auto;visibility:visible;pointer-events:auto;grid-area:auto/1;align-self:stretch;transform:none}:host(.hovered) .toast-wrapper:nth-last-child(2){transition-delay:var(--duration-75)}:host(.hovered) .toast-wrapper:nth-last-child(3){transition-delay:var(--duration-100)}:host(.hovered) .toast-wrapper:nth-last-child(n+4){transition-delay:var(--duration-150)}.toast-inner{opacity:1;transition:opacity var(--toast-exit-duration,.3s) var(--ease-out);position:relative}.toast-inner.entering{opacity:0;transition:none}.toast-inner.exiting{pointer-events:none;opacity:0}ore-alert,::slotted(ore-alert){--_motion-animation:none;width:100%;box-shadow:var(--shadow-lg);margin:0}.toast-actions{gap:var(--size-4);justify-content:flex-end;display:flex}@media (width<=480px){:host{--_max-width:calc(100vw - var(--size-4));--_inset-right:var(--size-2);--_inset-left:var(--size-2)}:host([position=top-center]){--_inset-left:var(--size-2);transform:none}:host([position=top-center]):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--size-2)}:host([position=top-center]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-2)}:host([position=bottom-center]){--_inset-left:var(--size-2);transform:none}:host([position=bottom-center]):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--size-2)}:host([position=bottom-center]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-2)}}}`,$r=300,ei=class{#e=T([]);#t=new Set;#n=new Set;#r=!1;#i=5;add(e){if(this.#r)return e.id??Zr();let t=e.id??Zr(),n=this.#e.value.filter(e=>e.phase!==`exiting`),r=n.length-(this.#i-1);if(r>0)for(let e of n.slice(0,r))this.dismiss(e.id);let i={dismissible:!0,duration:5e3,...e,exitTimeoutId:null,id:t,phase:`entering`,timer:null};return this.#l([...this.#e.value,i]),this.#o({id:t,type:`add`}),requestAnimationFrame(()=>{this.#s(t)?.phase===`entering`&&this.#u(t,{phase:`active`})}),i.duration>0&&this.#c(t,i.duration),t}clear(){for(let e of this.#e.value)e.phase!==`exiting`&&this.dismiss(e.id)}dispose(){if(!this.#r){this.#r=!0;for(let e of this.#e.value)e.timer&&clearTimeout(e.timer.timeoutId),e.exitTimeoutId&&clearTimeout(e.exitTimeoutId);this.#l([]),this.#t.clear(),this.#n.clear()}}dismiss(e){let t=this.#s(e);!t||t.phase===`exiting`||this.#r||(this.#u(e,{...this.#a(t),phase:`exiting`}),this.scheduleFinalization(e,350))}finalize(e){let t=this.#s(e);!t||this.#r||(t.timer&&clearTimeout(t.timer.timeoutId),t.exitTimeoutId&&clearTimeout(t.exitTimeoutId),this.#l(this.#e.value.filter(t=>t.id!==e)),t.onDismiss?.(),this.#o({id:e,type:`dismiss`}))}pauseTimers(){this.#r||this.#l(this.#e.value.map(e=>e.timer?(clearTimeout(e.timer.timeoutId),{...e,timer:{...e.timer,remaining:Math.max(0,e.timer.remaining-(Date.now()-e.timer.startedAt))}}):e))}resumeTimers(){if(!this.#r)for(let e of this.#e.value)e.phase===`active`&&e.timer&&e.timer.remaining>0&&this.#c(e.id,e.timer.remaining)}scheduleFinalization(e,t){let n=this.#s(e);if(n?.phase!==`exiting`||this.#r)return;n.exitTimeoutId&&clearTimeout(n.exitTimeoutId);let r=setTimeout(()=>this.finalize(e),t);this.#u(e,{exitTimeoutId:r})}setMax(e){e!=null&&(this.#i=Math.max(1,e))}subscribe(e){return e(this.#e.value),this.#t.add(e),()=>this.#t.delete(e)}subscribeEvents(e){return this.#n.add(e),()=>this.#n.delete(e)}update(e,t){let n=this.#s(e);if(!n||this.#r)return;let r=t.duration===void 0?n:this.#a(n);this.#u(e,{...r,...t,id:e}),t.duration!==void 0&&t.duration>0&&this.#c(e,t.duration)}#a(e){return e.timer&&clearTimeout(e.timer.timeoutId),{...e,timer:null}}#o(e){for(let t of this.#n)t(e)}#s(e){return this.#e.value.find(t=>t.id===e)}#c(e,t){if(t<=0||this.#r)return;let n=setTimeout(()=>this.dismiss(e),t);this.#u(e,{timer:{remaining:t,startedAt:Date.now(),timeoutId:n}})}#l(e){this.#e.value=e;for(let t of this.#t)t(e)}#u(e,t){this.#l(this.#e.value.map(n=>n.id===e?{...n,...t}:n))}},ti=new WeakMap,ni=new WeakMap,ri=(e,t)=>{ni.set(e,t),ti.get(e)?.bind(t)};function ii(e,t){return e.actions?.length?o`
|
|
1367
1386
|
<div slot="actions" class="toast-actions">
|
|
1368
1387
|
${e.actions.map(n=>o`
|
|
1369
1388
|
<ore-button
|
|
@@ -1375,7 +1394,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1375
1394
|
</ore-button>
|
|
1376
1395
|
`)}
|
|
1377
1396
|
</div>
|
|
1378
|
-
`:``}var
|
|
1397
|
+
`:``}var ai=`ore-toast`;i(ai,{props:{max:p.number(5),position:p.oneOf([`top-left`,`top-center`,`top-right`,`bottom-left`,`bottom-center`,`bottom-right`],`bottom-right`)},setup(){let e=a(),t=v(),n=h(),r=T([]),i=T(!1),s=T(!1),c=C(()=>i.value||s.value),u=new Map,d=new Map,p=new Set,m,g=null,_=()=>{},y=()=>{},b=e=>e.querySelector(`.toast-inner`),x=e=>{d.get(e)?.(),d.delete(e)},S=e=>{p.delete(e),g?.finalize(e)},w=(e,t)=>{let n=()=>r.value.find(t=>t.id===e)?.dismissible??!0,i=()=>{let e=b(t);e&&(e.style.transition=``,e.style.transform=``,e.style.opacity=``)};return V(t,{axis:`x`,disabled:()=>!n(),onEnd:({distance:n,reason:r})=>{if(r!==`release`||Math.abs(n)<48){i();return}let a=b(t);if(!a||!g)return;p.add(e),g.dismiss(e);let o=()=>S(e);if(window.matchMedia(`(prefers-reduced-motion: reduce)`).matches){a.style.opacity=`0`,o();return}let s=n>=0?1:-1;a.style.transition=`transform 0.22s ease-out, opacity 0.22s ease-out`,a.offsetWidth,a.style.transform=`translateX(${s*120}%)`,a.style.opacity=`0`;let c=e=>{e.target===a&&e.propertyName===`transform`&&(a.removeEventListener(`transitionend`,c),o())};a.addEventListener(`transitionend`,c),g.scheduleFinalization(e,300)},onMove:({distance:e})=>{let n=b(t);n&&(n.style.transition=`none`,n.style.transform=`translateX(${e}px)`,n.style.opacity=String(Math.max(0,1-Math.abs(e)/200)))},pointerCapture:!1,shouldStart:e=>!e.composedPath().some(e=>e instanceof Element&&e.matches(`button, a, input, select, textarea, ore-button`))})},E=e=>{!g||d.has(e)||p.has(e)||requestAnimationFrame(()=>{if(!g||d.has(e)||p.has(e))return;let t=n.value?.querySelector(`[data-toast-id="${e}"] .toast-inner`);if(!t){g.scheduleFinalization(e,$r);return}t.offsetHeight;let r=parseFloat(getComputedStyle(t).transitionDuration)*1e3,i=Number.isFinite(r)&&r>0?r:$r,a=t=>{t.target?.closest?.(`[data-toast-id="${e}"]`)&&(x(e),g?.finalize(e))};d.set(e,()=>n.value?.removeEventListener(`transitionend`,a)),n.value?.addEventListener(`transitionend`,a),g.scheduleFinalization(e,i+50)})},O=()=>{let e=new Set(r.value.map(e=>e.id));for(let[t,n]of u)e.has(t)||(n.gesture.dispose(),u.delete(t),x(t),p.delete(t));for(let e of r.value){let t=n.value?.querySelector(`[data-toast-id="${e.id}"]`),r=u.get(e.id);t&&r?.element!==t&&(r?.gesture.dispose(),u.set(e.id,{element:t,gesture:w(e.id,t)})),e.phase===`exiting`&&E(e.id)}};D(r,()=>{O(),m!==void 0&&cancelAnimationFrame(m),m=requestAnimationFrame(()=>{m=void 0,O()})}),D(c,e=>{e?g?.pauseTimers():g?.resumeTimers()});let k=e=>{g!==e&&(_(),y(),g=e,_=g.subscribe(e=>{r.value=e}),y=g.subscribeEvents(e=>t(e.type,{id:e.id})),c.value&&g.pauseTimers())},A=e=>{let t=()=>g?.dismiss(e.id);return o`
|
|
1379
1398
|
<div
|
|
1380
1399
|
class="toast-wrapper"
|
|
1381
1400
|
data-toast-id=${e.id}
|
|
@@ -1393,11 +1412,11 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1393
1412
|
${e.meta?o`
|
|
1394
1413
|
<span slot="meta">${e.meta}</span>
|
|
1395
1414
|
`:``}
|
|
1396
|
-
${e.message} ${
|
|
1415
|
+
${e.message} ${ii(e,t)}
|
|
1397
1416
|
</ore-alert>
|
|
1398
1417
|
</div>
|
|
1399
1418
|
</div>
|
|
1400
|
-
`};f(()=>{
|
|
1419
|
+
`};f(()=>{ti.set(e,{bind:k,unbind(){_(),y(),g=null,r.value=[]}});let t=ni.get(e);t&&k(t)}),l(()=>{ti.get(e)?.unbind(),ti.delete(e),m!==void 0&&cancelAnimationFrame(m);for(let e of u.values())e.gesture.dispose();u.clear();for(let e of d.keys())x(e)});let j=e=>e.urgency??(e.color===`error`?`assertive`:`polite`),M=C(()=>r.value.filter(e=>j(e)===`polite`)),N=C(()=>r.value.filter(e=>j(e)===`assertive`));return o`
|
|
1401
1420
|
<div
|
|
1402
1421
|
class="toast-container"
|
|
1403
1422
|
ref=${n}
|
|
@@ -1426,13 +1445,13 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1426
1445
|
</div>
|
|
1427
1446
|
<slot></slot>
|
|
1428
1447
|
</div>
|
|
1429
|
-
`},styles:[
|
|
1448
|
+
`},styles:[J,Qr]});var oi=new WeakMap;function si(e=document.body){let t=oi.get(e);if(t)return t;let n=new ei,r=new AbortController,i=!1,a=!1,o=null,s=null,c=()=>!i,l=e,u=()=>{if(!c())return null;if(s?.isConnected)return s;if(s=l.querySelector(ai),s||(s=document.createElement(ai),o?.position&&s.setAttribute(`position`,o.position),o?.max!=null&&s.setAttribute(`max`,String(o.max)),l.appendChild(s)),o?.max!=null)n.setMax(o.max);else{let e=Number(s.getAttribute(`max`));Number.isFinite(e)&&e>0&&n.setMax(e)}return o=null,a=!0,ri(s,n),s},d=()=>!!u(),f={add(e){return d()?n.add(e):e.id??Zr()},clear(){d()&&n.clear()},configure(e){a||(o={...o,...e})},dismiss(e){d()&&n.dismiss(e)},get disposalSignal(){return r.signal},dispose(){i||(i=!0,r.abort(),n.dispose(),oi.get(e)===f&&oi.delete(e))},get disposed(){return i},error(e,t){return f.add({color:`error`,...t,message:e})},info(e,t){return f.add({color:`info`,...t,message:e})},async promise(e,t){let n=f.add({color:`primary`,dismissible:!1,duration:0,message:t.loading});try{let r=await e;return f.update(n,{color:`success`,dismissible:!0,duration:5e3,message:typeof t.success==`function`?t.success(r):t.success}),r}catch(e){throw f.update(n,{color:`error`,dismissible:!0,duration:5e3,message:typeof t.error==`function`?t.error(e):t.error}),e}},success(e,t){return f.add({color:`success`,...t,message:e})},[Symbol.dispose](){f.dispose()},update(e,t){d()&&n.update(e,t)},warning(e,t){return f.add({color:`warning`,...t,message:e})}};return oi.set(e,f),f}var ci=si(),li=`@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%)}}}`,ui=`ore-typing-indicator`;i(ui,{props:{...W,...G,label:p.string(`Typing…`)},setup(e){let t=a();return D(()=>e.label.value,e=>gt(e??``,{document:t.ownerDocument}),{immediate:!0}),o`
|
|
1430
1449
|
<span class="dots" part="dots" aria-hidden="true">
|
|
1431
1450
|
<span class="dot" part="dot"></span>
|
|
1432
1451
|
<span class="dot" part="dot"></span>
|
|
1433
1452
|
<span class="dot" part="dot"></span>
|
|
1434
1453
|
</span>
|
|
1435
|
-
`},styles:[X,q,Y({lg:{gap:`var(--typing-indicator-gap, var(--size-1-5))`,size:`var(--typing-indicator-size, var(--size-2-5))`},md:{gap:`var(--typing-indicator-gap, var(--size-1))`,size:`var(--typing-indicator-size, var(--size-2))`},sm:{gap:`var(--typing-indicator-gap, var(--size-1))`,size:`var(--typing-indicator-size, var(--size-1-5))`}}),ci]});var ui=ce({ALERT_TAG:()=>zr,ASYNC_TAG:()=>Vr,BADGE_TAG:()=>Ur,CHIP_TAG:()=>Gr,PASSWORD_STRENGTH_TAG:()=>qr,PROGRESS_TAG:()=>gn,SKELETON_TAG:()=>Yr,TOAST_TAG:()=>ii,TYPING_INDICATOR_TAG:()=>li,createToastService:()=>oi,toast:()=>si}),di=`@layer refine.base{:host{--_day-selected-bg:var(--calendar-day-selected-bg,var(--_theme-focus));--_day-today-color:var(--calendar-day-today-color,var(--_theme-focus));--_day-outside-opacity:var(--calendar-day-outside-opacity,.35);--_bg:var(--calendar-bg,var(--color-canvas));--_border-color:var(--calendar-border-color,var(--color-contrast-200));--_radius:var(--calendar-radius,var(--rounded-xl));display:inline-block}:host([fullwidth]){display:block}:host([color=secondary]){--_day-selected-bg:var(--calendar-day-selected-bg,var(--_theme-base));--_day-today-color:var(--calendar-day-today-color,var(--_theme-base))}.calendar{gap:var(--size-2);min-width:18rem;padding:var(--size-3);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--calendar-shadow,var(--shadow-md));flex-direction:column;display:flex}:host([fullwidth]) .calendar{min-width:0}.cal-header{gap:var(--size-1);border-bottom:var(--border) solid var(--_border-color);padding-bottom:var(--size-2);justify-content:space-between;align-items:center;display:flex}.nav-btn{width:var(--size-8);height:var(--size-8);color:var(--color-contrast-600);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.nav-btn:hover:not(:disabled){color:var(--color-contrast-900);background:var(--color-contrast-300)}.nav-btn:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.nav-btn:disabled{cursor:not-allowed;opacity:.4}.cal-label-btn{padding:var(--size-1) var(--size-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-contrast-900);text-align:center;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast);background:0 0;border:none;outline:none;flex:1}.cal-label-btn:hover:not(:disabled){background:var(--color-contrast-300)}.cal-label-btn:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-label-btn:disabled{cursor:not-allowed;opacity:.5}.cal-label-month,.cal-label-year{display:inline-block}.cal-label-sep{padding-inline:var(--size-1);font-weight:var(--font-normal);color:var(--color-contrast-400);display:inline-block}[hidden]{display:none}.cal-grid{gap:var(--size-0-5);flex-direction:column;display:flex}.cal-grid-days{gap:var(--size-0-5);min-height:calc(7 * var(--size-10) + 6 * var(--size-0-5));grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.cal-grid [role=row]{display:contents}.cal-cell{font-size:var(--text-sm);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);outline:none;justify-content:center;align-items:center;display:flex}.cal-cell-head{height:var(--size-8);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-contrast-500);cursor:default}.cal-cell-day{gap:var(--size-0-5);min-width:0;height:var(--size-10);color:var(--color-contrast-800);flex-direction:column;overflow:hidden}.cal-cell-day:hover:not([data-disabled]){color:var(--color-contrast-900);background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-day:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-day[data-today]{font-weight:var(--font-semibold);color:var(--_day-today-color)}.cal-cell-day[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-day[data-outside]{opacity:var(--_day-outside-opacity)}.cal-cell-day[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}.cal-dots{margin-top:var(--size-0-5);justify-content:center;align-items:center;gap:2px;display:flex}.cal-dot{--badge-bg:var(--_day-selected-bg);--badge-border-color:var(--_day-selected-bg)}.cal-dot-overflow{font-size:8px;font-weight:var(--font-semibold);color:var(--color-contrast-500);line-height:1}.cal-grid-months,.cal-grid-years{gap:var(--size-1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cal-cell-month,.cal-cell-year{height:var(--size-10);font-size:var(--text-sm);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-md)}.cal-cell-month:hover:not([data-disabled]),.cal-cell-year:hover:not([data-disabled]){background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-month:focus-visible,.cal-cell-year:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-month[data-selected],.cal-cell-year[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-month[data-disabled],.cal-cell-year[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}:host([expanded]){width:100%;display:block}:host([expanded]) .calendar{width:100%;min-width:0;padding:0;overflow:hidden}:host([expanded]) .cal-header{padding:var(--size-3) var(--size-4)}:host([expanded]) .cal-label-btn{font-size:var(--text-base)}:host([expanded]) .cal-grid{gap:0}:host([expanded]) .cal-grid-days{border-top:var(--border) solid var(--_border-color);gap:0}:host([expanded]) .cal-cell{border-radius:0}:host([expanded]) .cal-cell-head{height:var(--size-9);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;border-bottom:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day{height:auto;min-height:var(--calendar-expanded-cell-height,var(--size-28));aspect-ratio:auto;padding:var(--size-2);font-size:var(--text-sm);vertical-align:top;border-bottom:var(--border) solid var(--_border-color);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;position:relative}:host([expanded]) .cal-cell-day:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day:nth-child(7n):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right:none}:host([expanded]) .cal-cell-day:nth-child(7n):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:none}:host([expanded]) .cal-cell-day:hover:not([data-disabled]){background:color-mix(in oklch, var(--_day-selected-bg) 6%, transparent)}:host([expanded]) .cal-cell-day[data-selected]{color:inherit;background:0 0}:host([expanded]) .cal-cell-day[data-selected]:before{top:var(--size-1-5);left:var(--size-1-5);width:var(--size-7);height:var(--size-7);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-white,#fff);content:attr(data-day);background:var(--_day-selected-bg);border-radius:var(--rounded-full);justify-content:center;align-items:center;display:flex;position:absolute}:host([expanded]) .cal-cell-day[data-today]{font-weight:inherit;color:inherit}:host([expanded]) .cal-cell-day[data-today]:before{top:var(--size-1-5);left:var(--size-1-5);width:var(--size-7);height:var(--size-7);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-white,#fff);content:attr(data-day);background:var(--_day-today-color);border-radius:var(--rounded-full);justify-content:center;align-items:center;display:flex;position:absolute}:host([expanded]) .cal-cell-day[data-today][data-selected]:before{background:var(--_day-selected-bg)}:host([expanded]) .cal-events{width:100%;margin-top:var(--size-4);flex-direction:column;gap:2px;display:flex;overflow:hidden}:host([expanded]) .cal-event-pill{--badge-max-width:100%;max-width:100%}:host([expanded]) .cal-event-pill-overflow{padding-inline:var(--size-1);font-size:10px;font-weight:var(--font-semibold);color:var(--color-contrast-500)}:host([expanded]) .cal-dots{display:none}:host([expanded]) .cal-cell-day[data-outside]{background:color-mix(in oklch, var(--color-contrast-900) 2%, transparent)}:host([expanded]) .cal-grid-months,:host([expanded]) .cal-grid-years{gap:var(--size-2);min-height:0;padding:var(--size-4)}:host([expanded]) .cal-cell-month,:host([expanded]) .cal-cell-year{min-height:var(--size-16);font-size:var(--text-base);border:var(--border) solid var(--_border-color);border-radius:var(--rounded-lg)}:host([expanded]) .cal-cell-month[data-selected],:host([expanded]) .cal-cell-year[data-selected]{border-color:#0000}:host(.is-disabled) .calendar{pointer-events:none;opacity:.6}@media (prefers-reduced-motion:reduce){.nav-btn,.cal-label-btn,.cal-cell{transition:none}}}`,fi=`ore-calendar`,pi=3;i(fi,{formAssociated:!0,props:{...U,...W,...G,...Te,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(t){let n=v(),r=C(()=>t.disabled.value===!0),i=C(()=>t.expanded.value===!0),a=T(void 0),s=C(()=>a.value===void 0?It(t.value.value):a.value),c=Vt({get locale(){return t.locale.value??(typeof navigator<`u`?navigator.language:`en`)},get max(){return It(t.max.value)},get min(){return It(t.min.value)},onChange(e){a.value=e,l.value=`day`,u.value=c.displayYear(),d.value=c.displayMonth(),n(`change`,{isoValue:Lt(e)})},get value(){return s.value},get weekendDays(){return t[`weekend-days`].value??[]}}),l=T(`day`),u=T(c.displayYear()),d=T(c.displayMonth());y({disabled:r,toFormValue:e=>e||null,value:C(()=>Lt(s.value)??``)});let f=C(()=>{let e=new Map;for(let n of t.events.value??[]){let t=e.get(n.date)??[];t.push(n),e.set(n.date,t)}return e}),p=C(()=>(u.value,d.value,s.value,c.dayCells())),m=C(()=>(u.value,c.monthCells())),h=C(()=>(u.value,c.yearCells())),_=C(()=>c.weekdayLabels()),b=C(()=>{let e=k.PlainDate.from({day:1,month:d.value,year:u.value}),n=t.locale.value??(typeof navigator<`u`?navigator.language:`en`);return A(e,{intl:{month:`long`},locale:n,timeZone:`UTC`})}),x=C(()=>String(u.value)),S=C(()=>`${b.value} ${x.value}`);function w(){l.value===`day`?c.prevMonth():c.prevYear(),u.value=c.displayYear(),d.value=c.displayMonth()}function E(){l.value===`day`?c.nextMonth():c.nextYear(),u.value=c.displayYear(),d.value=c.displayMonth()}function D(){let e=[`day`,`month`,`year`],t=e[(e.indexOf(l.value)+1)%e.length];c.setView(t),l.value=t}function O(e){r.value||(c.goTo(c.displayYear(),e),c.setView(`day`),u.value=c.displayYear(),d.value=c.displayMonth(),l.value=`day`)}function j(e){r.value||(c.goTo(e,c.displayMonth()),c.setView(`month`),u.value=c.displayYear(),l.value=`month`)}function M(e){if(r.value)return;let t=It(e);t&&c.select(t)}function N(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(),M(t.dataset.iso??``);return}if(e.key===`ArrowRight`)a=r[i+1];else if(e.key===`ArrowLeft`)a=r[i-1];else if(e.key===`ArrowDown`)a=r[i+7];else if(e.key===`ArrowUp`)a=r[i-7];else if(e.key===`Home`)a=r[Math.floor(i/7)*7];else if(e.key===`End`)a=r[Math.floor(i/7)*7+6];else return;e.preventDefault(),a?.focus()}function P(e,t,n,r){let i=e.currentTarget,a=i.closest(`.cal-grid`);if(!a)return;let o=Array.from(a.querySelectorAll(t)),s=o.indexOf(i);if(s===-1)return;let c;if(e.key===`Enter`||e.key===` `){e.preventDefault(),r();return}if(e.key===`ArrowRight`)c=o[s+1];else if(e.key===`ArrowLeft`)c=o[s-1];else if(e.key===`ArrowDown`)c=o[s+n];else if(e.key===`ArrowUp`)c=o[s-n];else if(e.key===`Home`)c=o[Math.floor(s/n)*n];else if(e.key===`End`)c=o[Math.min(Math.floor(s/n)*n+n-1,o.length-1)];else return;e.preventDefault(),c?.focus()}return e({attr:{"aria-disabled":()=>r.value?`true`:null,"aria-label":()=>S.value,role:`group`},class:{"is-disabled":r}}),o`
|
|
1454
|
+
`},styles:[Z,J,X({lg:{gap:`var(--typing-indicator-gap, var(--size-1-5))`,size:`var(--typing-indicator-size, var(--size-2-5))`},md:{gap:`var(--typing-indicator-gap, var(--size-1))`,size:`var(--typing-indicator-size, var(--size-2))`},sm:{gap:`var(--typing-indicator-gap, var(--size-1))`,size:`var(--typing-indicator-size, var(--size-1-5))`}}),li]});var di=se({ALERT_TAG:()=>Br,ASYNC_TAG:()=>Hr,BADGE_TAG:()=>Wr,CHIP_TAG:()=>Kr,PASSWORD_STRENGTH_TAG:()=>Jr,PROGRESS_TAG:()=>hn,SKELETON_TAG:()=>Xr,TOAST_TAG:()=>ai,TYPING_INDICATOR_TAG:()=>ui,createToastService:()=>si,toast:()=>ci}),fi=`@layer refine.base{:host{--_day-selected-bg:var(--calendar-day-selected-bg,var(--_theme-focus));--_day-today-color:var(--calendar-day-today-color,var(--_theme-focus));--_day-outside-opacity:var(--calendar-day-outside-opacity,.35);--_bg:var(--calendar-bg,var(--color-canvas));--_border-color:var(--calendar-border-color,var(--color-contrast-200));--_radius:var(--calendar-radius,var(--rounded-xl));display:inline-block}:host([fullwidth]){display:block}:host([color=secondary]){--_day-selected-bg:var(--calendar-day-selected-bg,var(--_theme-base));--_day-today-color:var(--calendar-day-today-color,var(--_theme-base))}.calendar{gap:var(--size-2);min-width:18rem;padding:var(--size-3);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--calendar-shadow,var(--shadow-md));flex-direction:column;display:flex}:host([fullwidth]) .calendar{min-width:0}.cal-header{gap:var(--size-1);border-bottom:var(--border) solid var(--_border-color);padding-bottom:var(--size-2);justify-content:space-between;align-items:center;display:flex}.nav-btn{width:var(--size-8);height:var(--size-8);color:var(--color-contrast-600);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.nav-btn:hover:not(:disabled){color:var(--color-contrast-900);background:var(--color-contrast-300)}.nav-btn:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.nav-btn:disabled{cursor:not-allowed;opacity:.4}.cal-label-btn{padding:var(--size-1) var(--size-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-contrast-900);text-align:center;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast);background:0 0;border:none;outline:none;flex:1}.cal-label-btn:hover:not(:disabled){background:var(--color-contrast-300)}.cal-label-btn:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-label-btn:disabled{cursor:not-allowed;opacity:.5}.cal-label-month,.cal-label-year{display:inline-block}.cal-label-sep{padding-inline:var(--size-1);font-weight:var(--font-normal);color:var(--color-contrast-400);display:inline-block}[hidden]{display:none}.cal-grid{gap:var(--size-0-5);flex-direction:column;display:flex}.cal-grid-days{gap:var(--size-0-5);min-height:calc(7 * var(--size-10) + 6 * var(--size-0-5));grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.cal-grid [role=row]{display:contents}.cal-cell{font-size:var(--text-sm);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);outline:none;justify-content:center;align-items:center;display:flex}.cal-cell-head{height:var(--size-8);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-contrast-500);cursor:default}.cal-cell-day{gap:var(--size-0-5);min-width:0;height:var(--size-10);color:var(--color-contrast-800);flex-direction:column;overflow:hidden}.cal-cell-day:hover:not([data-disabled]){color:var(--color-contrast-900);background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-day:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-day[data-today]{font-weight:var(--font-semibold);color:var(--_day-today-color)}.cal-cell-day[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-day[data-outside]{opacity:var(--_day-outside-opacity)}.cal-cell-day[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}.cal-dots{margin-top:var(--size-0-5);justify-content:center;align-items:center;gap:2px;display:flex}.cal-dot{--badge-bg:var(--_day-selected-bg);--badge-border-color:var(--_day-selected-bg)}.cal-dot-overflow{font-size:8px;font-weight:var(--font-semibold);color:var(--color-contrast-500);line-height:1}.cal-grid-months,.cal-grid-years{gap:var(--size-1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cal-cell-month,.cal-cell-year{height:var(--size-10);font-size:var(--text-sm);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-md)}.cal-cell-month:hover:not([data-disabled]),.cal-cell-year:hover:not([data-disabled]){background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-month:focus-visible,.cal-cell-year:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-month[data-selected],.cal-cell-year[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-month[data-disabled],.cal-cell-year[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}:host([expanded]){width:100%;display:block}:host([expanded]) .calendar{width:100%;min-width:0;padding:0;overflow:hidden}:host([expanded]) .cal-header{padding:var(--size-3) var(--size-4)}:host([expanded]) .cal-label-btn{font-size:var(--text-base)}:host([expanded]) .cal-grid{gap:0}:host([expanded]) .cal-grid-days{border-top:var(--border) solid var(--_border-color);gap:0}:host([expanded]) .cal-cell{border-radius:0}:host([expanded]) .cal-cell-head{height:var(--size-9);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;border-bottom:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day{height:auto;min-height:var(--calendar-expanded-cell-height,var(--size-28));aspect-ratio:auto;padding:var(--size-2);font-size:var(--text-sm);vertical-align:top;border-bottom:var(--border) solid var(--_border-color);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;position:relative}:host([expanded]) .cal-cell-day:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day:nth-child(7n):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right:none}:host([expanded]) .cal-cell-day:nth-child(7n):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:none}:host([expanded]) .cal-cell-day:hover:not([data-disabled]){background:color-mix(in oklch, var(--_day-selected-bg) 6%, transparent)}:host([expanded]) .cal-cell-day[data-selected]{color:inherit;background:0 0}:host([expanded]) .cal-cell-day[data-selected]:before{top:var(--size-1-5);left:var(--size-1-5);width:var(--size-7);height:var(--size-7);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-white,#fff);content:attr(data-day);background:var(--_day-selected-bg);border-radius:var(--rounded-full);justify-content:center;align-items:center;display:flex;position:absolute}:host([expanded]) .cal-cell-day[data-today]{font-weight:inherit;color:inherit}:host([expanded]) .cal-cell-day[data-today]:before{top:var(--size-1-5);left:var(--size-1-5);width:var(--size-7);height:var(--size-7);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-white,#fff);content:attr(data-day);background:var(--_day-today-color);border-radius:var(--rounded-full);justify-content:center;align-items:center;display:flex;position:absolute}:host([expanded]) .cal-cell-day[data-today][data-selected]:before{background:var(--_day-selected-bg)}:host([expanded]) .cal-events{width:100%;margin-top:var(--size-4);flex-direction:column;gap:2px;display:flex;overflow:hidden}:host([expanded]) .cal-event-pill{--badge-max-width:100%;max-width:100%}:host([expanded]) .cal-event-pill-overflow{padding-inline:var(--size-1);font-size:10px;font-weight:var(--font-semibold);color:var(--color-contrast-500)}:host([expanded]) .cal-dots{display:none}:host([expanded]) .cal-cell-day[data-outside]{background:color-mix(in oklch, var(--color-contrast-900) 2%, transparent)}:host([expanded]) .cal-grid-months,:host([expanded]) .cal-grid-years{gap:var(--size-2);min-height:0;padding:var(--size-4)}:host([expanded]) .cal-cell-month,:host([expanded]) .cal-cell-year{min-height:var(--size-16);font-size:var(--text-base);border:var(--border) solid var(--_border-color);border-radius:var(--rounded-lg)}:host([expanded]) .cal-cell-month[data-selected],:host([expanded]) .cal-cell-year[data-selected]{border-color:#0000}:host(.is-disabled) .calendar{pointer-events:none;opacity:.6}@media (prefers-reduced-motion:reduce){.nav-btn,.cal-label-btn,.cal-cell{transition:none}}}`,pi=`ore-calendar`,mi=3;i(pi,{formAssociated:!0,props:{...W,...G,...K,...we,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(t){let n=v(),r=C(()=>t.disabled.value===!0),i=C(()=>t.expanded.value===!0),a=T(void 0),s=C(()=>a.value===void 0?Ft(t.value.value):a.value),c=Bt({get locale(){return t.locale.value??(typeof navigator<`u`?navigator.language:`en`)},get max(){return Ft(t.max.value)},get min(){return Ft(t.min.value)},onChange(e){a.value=e,l.value=`day`,u.value=c.displayYear(),d.value=c.displayMonth(),n(`change`,{isoValue:It(e)})},get value(){return s.value},get weekendDays(){return t[`weekend-days`].value??[]}}),l=T(`day`),u=T(c.displayYear()),d=T(c.displayMonth());y({disabled:r,toFormValue:e=>e||null,value:C(()=>It(s.value)??``)});let f=C(()=>{let e=new Map;for(let n of t.events.value??[]){let t=e.get(n.date)??[];t.push(n),e.set(n.date,t)}return e}),p=C(()=>(u.value,d.value,s.value,c.dayCells())),m=C(()=>(u.value,c.monthCells())),h=C(()=>(u.value,c.yearCells())),_=C(()=>c.weekdayLabels()),b=C(()=>{let e=k.PlainDate.from({day:1,month:d.value,year:u.value}),n=t.locale.value??(typeof navigator<`u`?navigator.language:`en`);return A(e,{intl:{month:`long`},locale:n,timeZone:`UTC`})}),x=C(()=>String(u.value)),S=C(()=>`${b.value} ${x.value}`);function w(){l.value===`day`?c.prevMonth():c.prevYear(),u.value=c.displayYear(),d.value=c.displayMonth()}function E(){l.value===`day`?c.nextMonth():c.nextYear(),u.value=c.displayYear(),d.value=c.displayMonth()}function D(){let e=[`day`,`month`,`year`],t=e[(e.indexOf(l.value)+1)%e.length];c.setView(t),l.value=t}function O(e){r.value||(c.goTo(c.displayYear(),e),c.setView(`day`),u.value=c.displayYear(),d.value=c.displayMonth(),l.value=`day`)}function j(e){r.value||(c.goTo(e,c.displayMonth()),c.setView(`month`),u.value=c.displayYear(),l.value=`month`)}function M(e){if(r.value)return;let t=Ft(e);t&&c.select(t)}function N(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(),M(t.dataset.iso??``);return}if(e.key===`ArrowRight`)a=r[i+1];else if(e.key===`ArrowLeft`)a=r[i-1];else if(e.key===`ArrowDown`)a=r[i+7];else if(e.key===`ArrowUp`)a=r[i-7];else if(e.key===`Home`)a=r[Math.floor(i/7)*7];else if(e.key===`End`)a=r[Math.floor(i/7)*7+6];else return;e.preventDefault(),a?.focus()}function P(e,t,n,r){let i=e.currentTarget,a=i.closest(`.cal-grid`);if(!a)return;let o=Array.from(a.querySelectorAll(t)),s=o.indexOf(i);if(s===-1)return;let c;if(e.key===`Enter`||e.key===` `){e.preventDefault(),r();return}if(e.key===`ArrowRight`)c=o[s+1];else if(e.key===`ArrowLeft`)c=o[s-1];else if(e.key===`ArrowDown`)c=o[s+n];else if(e.key===`ArrowUp`)c=o[s-n];else if(e.key===`Home`)c=o[Math.floor(s/n)*n];else if(e.key===`End`)c=o[Math.min(Math.floor(s/n)*n+n-1,o.length-1)];else return;e.preventDefault(),c?.focus()}return e({attr:{"aria-disabled":()=>r.value?`true`:null,"aria-label":()=>S.value,role:`group`},class:{"is-disabled":r}}),o`
|
|
1436
1455
|
<div class="calendar" part="calendar" role="presentation">
|
|
1437
1456
|
<!-- Header -->
|
|
1438
1457
|
<div class="cal-header" part="header">
|
|
@@ -1488,7 +1507,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1488
1507
|
@click="${()=>M(e.iso)}"
|
|
1489
1508
|
@keydown="${N}">
|
|
1490
1509
|
${String(e.day)}
|
|
1491
|
-
${()=>{let t=f.value.get(e.iso)??[];if(!t.length)return o``;let n=t.slice(0,
|
|
1510
|
+
${()=>{let t=f.value.get(e.iso)??[];if(!t.length)return o``;let n=t.slice(0,mi),r=t.length-mi;if(i.value){let e=r>0?o`<span class="cal-event-pill-overflow" aria-hidden="true"
|
|
1492
1511
|
>+${r} more</span
|
|
1493
1512
|
>`:o``;return o`
|
|
1494
1513
|
<div
|
|
@@ -1581,7 +1600,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1581
1600
|
`)}}
|
|
1582
1601
|
</div>
|
|
1583
1602
|
</div>
|
|
1584
|
-
`},shadow:{delegatesFocus:!0},styles:[
|
|
1603
|
+
`},shadow:{delegatesFocus:!0},styles:[Z,J,fi]});var hi=`@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}}`,gi=t(`CheckboxGroupContext`),_i=`ore-checkbox-group`;i(_i,{formAssociated:!0,props:{...W,...G,...K,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(t){let r=a(),i=v(),s=b(),c=x,u=Mt({disabled:t.disabled,error:t.error,helper:t.helper,multiple:T(!0),prefix:`checkbox-group`,required:t.required,signal:Q(l),value:t.values});u.attachFormField(y({disabled:u.disabled,onReset:u.reset,toFormValue:e=>e,validationMessage:u.validationMessage,validity:u.validity,value:u.formValue}));let d=u.selectedValues,f=()=>Ht(r,`ore-checkbox`),p=e=>Ut(f(),e),h=e=>{let t=d.value,n=t.map(p);i(`change`,{labels:n,originalEvent:e,values:t})},g=(e,t)=>{u.toggleValue(e),u.triggerValidation(`change`),h(t)};m(gi,{color:t.color,disabled:C(()=>!!t.disabled.value),size:t.size,toggle:g,values:d});let _=()=>{let e=d.value,n=t.color.value,r=t.size.value,i=t.disabled.value,a=f();for(let t of a){let a=t.getAttribute(`value`)??``;t.toggleAttribute(`checked`,e.includes(a)),n?t.setAttribute(`color`,n):t.removeAttribute(`color`),r?t.setAttribute(`size`,r):t.removeAttribute(`size`),t.toggleAttribute(`disabled`,!!i)}};c(()=>{s.elements().value,_()}),c(()=>{s.elements().value;let e=f().map(e=>{let t=t=>{t.stopPropagation();let n=(e.getAttribute(`value`)??``).trim();n&&g(n,t)};return e.addEventListener(`change`,t),()=>{e.removeEventListener(`change`,t)}});return()=>{for(let t of e)t()}});let w=n(`checkbox-group-legend`),E=`${w}-error`,D=`${w}-helper`,O=()=>!!t.error.value,k=()=>!!t.helper.value&&!O();return e({attr:{size:t.size,values:u.formValue}}),o`
|
|
1585
1604
|
<fieldset
|
|
1586
1605
|
role="group"
|
|
1587
1606
|
aria-required="${()=>String(!!t.required.value)}"
|
|
@@ -1599,7 +1618,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1599
1618
|
<div class="error-text" id="${E}" role="alert" ?hidden=${()=>!O()}>${t.error}</div>
|
|
1600
1619
|
<div class="helper-text" id="${D}" ?hidden=${()=>!k()}>${t.helper}</div>
|
|
1601
1620
|
</fieldset>
|
|
1602
|
-
`},styles:[
|
|
1621
|
+
`},styles:[qe,hi]});var vi=(e,t,n)=>{Object.defineProperty(e,"checked",{configurable:!0,enumerable:!0,get:t,set:n})},yi=(e,t,n)=>{Object.defineProperty(e,"value",{configurable:!0,enumerable:!0,get:t,set:n})},$=(e,t)=>{e.dispatchEvent(new Event(t,{bubbles:!0,composed:!0}))},bi=(e,t)=>{e.checked=t},xi=(e,t)=>{e.value=t},Si=`@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(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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)}}`,Ci=`ore-checkbox`;i(Ci,{formAssociated:!0,props:{...W,...G,...K,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=a(),n=s(gi),r=At({checked:e.checked,clearIndeterminateFirst:!0,disabled:C(()=>e.disabled.value||!!n?.disabled.value),error:e.error,group:n,helper:e.helper,indeterminate:e.indeterminate,onToggle:e=>{r.triggerValidation(`change`),bi(t,e.checked),!n&&($(t,`input`),$(t,`change`))},prefix:`checkbox`,required:e.required,signal:Q(l),value:e.value});r.attachFormField(y({disabled:r.disabled,onReset:r.reset,toFormValue:e=>e,validationMessage:r.validationMessage,validity:r.validity,value:r.checkableFormValue}));let{assistiveId:i,checked:c,disabled:u,errorText:d,handleClick:f,handleKeydown:p,helperText:m,indeterminate:h,labelId:g}=r;return vi(t,()=>c.value,e=>{c.value=e}),qn(e.size,{assistiveId:i,checked:c,disabled:u,errorText:d,handleClick:f,handleKeydown:p,helperText:m,indeterminate:h,labelId:g,required:e.required},`checkbox`),o`
|
|
1603
1622
|
<div class="checkbox-wrapper" part="checkbox">
|
|
1604
1623
|
<div class="box" part="box">
|
|
1605
1624
|
<ore-icon class="checkmark" name="check" size="14" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
@@ -1607,10 +1626,10 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1607
1626
|
</div>
|
|
1608
1627
|
</div>
|
|
1609
1628
|
<span class="label" part="label" id="${g}"><slot></slot></span>
|
|
1610
|
-
${
|
|
1611
|
-
`},styles:[X,nt,Je,K,Y(ke),bi]});function Si(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 Ci(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 wi(e,t,n){if(!t)return``;let r=e.trim();return r?n.some(e=>e.label.toLowerCase()===r.toLowerCase())?``:`Create "${r}"`:``}function Ti(e){return`__new__:${e.trim()}`}var Ei=`@layer refine.base{:host{--_font-size:var(--input-font-size,var(--text-sm));--_gap:var(--input-gap,var(--size-2));--_field-height:var(--input-height,var(--size-10));--_padding:var(--input-padding,var(--size-1-5) var(--size-3));--_label-block-inset:var(--input-label-block-inset,var(--size-2));--_label-inset:var(--input-label-inset,var(--size-3));--_radius:var(--input-radius,var(--rounded-lg));--_placeholder:var(--input-placeholder-color,var(--color-contrast-500));--_bg:var(--input-bg,var(--color-contrast-100));--_border-color:var(--input-border-color,var(--color-contrast-300));min-width:var(--input-min-width,12rem);flex-direction:column;align-items:stretch;display:inline-flex}.input-wrapper{flex-direction:column;gap:0;width:100%;display:flex}.field{box-sizing:border-box;height:var(--_field-height);min-height:var(--_field-height);padding:var(--_padding);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--shadow-2xs);transition:var(--_motion-transition,background var(--transition-fast), backdrop-filter var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast));flex-direction:column;justify-content:center;align-items:stretch;gap:0;display:flex}.input-wrapper:has(.label:not([hidden])) .field{height:auto}:host(:not([label-placement=outside])) .input-wrapper{position:relative}:host(:not([label-placement=outside])) .label{z-index:1;pointer-events:none;top:var(--_label-block-inset);position:absolute}:host(:not([label-placement=outside])) .label:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--_label-inset)}:host(:not([label-placement=outside])) .label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_label-inset)}:host(:not([label-placement=outside])) .input-wrapper:has(.label:not([hidden])) .field{padding-top:calc(var(--_label-block-inset) + 1lh + 2px)}.input-row{gap:var(--_gap);flex:1;align-items:center;display:flex}.label,label.label{text-overflow:ellipsis;font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);color:var(--color-contrast-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);white-space:nowrap;padding-left:2px;padding-right:2px}.char-counter:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}.char-counter:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:left}.char-counter[data-near-limit]{color:var(--color-warning,#f59e0b)}.char-counter[data-at-limit]{color:var(--color-error)}:host([error]:not([error=""])) .field{border-color:var(--color-error)}:host([error]:not([error=""])) .label,.helper-text[role=alert]{color:var(--color-error)}:host([success]) .field{border-color:var(--color-success)}.status-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;display:none}:host([error]:not([error=""])) .status-icon,:host([success]) .status-icon{display:flex}.status-icon[data-status=error]{color:var(--color-error)}.status-icon[data-status=success]{color:var(--color-success)}@keyframes spin{to{transform:rotate(360deg)}}.field-spinner{width:var(--size-4);height:var(--size-4);border:var(--border-2) solid var(--_theme-focus,currentcolor);animation:var(--_motion-animation,spin var(--transition-loader) infinite);border-radius:50%;flex-shrink:0;display:none}.field-spinner:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right-color:#0000}.field-spinner:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}:host([loading]) .field-spinner{display:inline-block}}@layer refine.variants{:host([variant=text]){--_bg:var(--input-bg,transparent);--_border-color:var(--input-border-color,var(--color-contrast-300))}:host([variant=text]) .field{box-shadow:none;background:0 0;border:none;border-radius:0}:host([variant=text]) .field:focus-within{box-shadow:none}:host(:not([disabled],[variant=text],[variant=flat])) .field:focus-within{background:var(--color-canvas);border-color:var(--_theme-focus);box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow))}:host([error]:not([error=""])) .field:focus-within{border-color:var(--color-error);box-shadow:var(--color-error-focus-shadow)}:host([success]) .field:focus-within{border-color:var(--color-success);box-shadow:var(--color-success-focus-shadow)}}@layer refine.utilities{:host([fullwidth]){width:100%}}:host([disabled]){opacity:1}:host([disabled]) .field{background:var(--color-contrast-100);border-color:var(--color-contrast-200);box-shadow:none}:host([disabled]) input{color:var(--color-contrast-400)}:host([disabled]) input::placeholder{color:var(--color-contrast-300)}:host([disabled]) .label{color:var(--color-contrast-400)}`,Di=[`text`,`email`,`password`,`search`,`url`,`tel`,`number`,`date`,`time`,`datetime-local`,`month`,`week`],Oi=`ore-input`;i(Oi,{formAssociated:!0,props:{...U,...W,...G,...Te,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(Di,`text`),value:p.string(),variant:p.string()},setup(t){let n=a(),r=b(),i=T(!1),s=h(),d=C(()=>!!t.label.value||r.has(`label`).value),f=C(()=>t.disabled.value||t.loading.value),p=Z(l),m=tn({disabled:f,error:t.error,hasLabel:d,helper:t.helper,label:t.label,labelPlacement:t[`label-placement`],maxLength:t.maxlength,onChange:(e,t)=>{$(n,t),Q(n,`change`)},onInput:(e,t)=>{$(n,t),Q(n,`input`)},prefix:`input`,readonly:t.readonly,required:t.required,signal:p,value:t.value});vi(n,()=>m.value.value,e=>{m.value.value=e}),m.attachFormField(y({disabled:m.disabled,onReset:m.reset,toFormValue:e=>e,validationMessage:m.validationMessage,validity:m.validity,value:m.value}));let{ariaDescribedBy:g,ariaErrorMessage:_,ariaInvalid:v,ariaLabelledBy:x,assistiveId:S,clear:w,counter:E,errorId:D,errorText:O,fieldId:k,helperText:A,labelId:j,labelVisible:M,value:N,wire:P}=m;return u(s,e=>{P(e,p);let n=Yt(t.ref,e);return()=>{n()}}),e({attr:{error:qn(O),"has-value":()=>N.value?!0:void 0,size:t.size,success:()=>t.success.value&&!O.value?!0:void 0,variant:t.variant}}),o`
|
|
1629
|
+
${Jn(i,d,m)}
|
|
1630
|
+
`},styles:[Z,tt,qe,q,X(Oe),Si]});function wi(e){return e.filter(e=>e.localName===`ore-combobox-option`).map(e=>({disabled:e.hasAttribute(`disabled`),disabledReason:e.getAttribute(`disabled-reason`)??void 0,iconEl:e.querySelector(`[slot="icon"]`),label:e.getAttribute(`label`)||[...e.childNodes].filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.textContent?.trim()).filter(Boolean).join(` `)||``,value:e.getAttribute(`value`)??``}))}function Ti(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 Ei(e,t,n){if(!t)return``;let r=e.trim();return r?n.some(e=>e.label.toLowerCase()===r.toLowerCase())?``:`Create "${r}"`:``}function Di(e){return`__new__:${e.trim()}`}var Oi=`@layer refine.base{:host{--_font-size:var(--input-font-size,var(--text-sm));--_gap:var(--input-gap,var(--size-2));--_field-height:var(--input-height,var(--size-10));--_padding:var(--input-padding,var(--size-1-5) var(--size-3));--_label-block-inset:var(--input-label-block-inset,var(--size-2));--_label-inset:var(--input-label-inset,var(--size-3));--_radius:var(--input-radius,var(--rounded-lg));--_placeholder:var(--input-placeholder-color,var(--color-contrast-500));--_bg:var(--input-bg,var(--color-contrast-100));--_border-color:var(--input-border-color,var(--color-contrast-300));min-width:var(--input-min-width,12rem);flex-direction:column;align-items:stretch;display:inline-flex}.input-wrapper{flex-direction:column;gap:0;width:100%;display:flex}.field{box-sizing:border-box;height:var(--_field-height);min-height:var(--_field-height);padding:var(--_padding);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--shadow-2xs);transition:var(--_motion-transition,background var(--transition-fast), backdrop-filter var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast));flex-direction:column;justify-content:center;align-items:stretch;gap:0;display:flex}.input-wrapper:has(.label:not([hidden])) .field{height:auto}:host(:not([label-placement=outside])) .input-wrapper{position:relative}:host(:not([label-placement=outside])) .label{z-index:1;pointer-events:none;top:var(--_label-block-inset);position:absolute}:host(:not([label-placement=outside])) .label:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--_label-inset)}:host(:not([label-placement=outside])) .label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_label-inset)}:host(:not([label-placement=outside])) .input-wrapper:has(.label:not([hidden])) .field{padding-top:calc(var(--_label-block-inset) + 1lh + 2px)}.input-row{gap:var(--_gap);flex:1;align-items:center;display:flex}.label,label.label{text-overflow:ellipsis;font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);color:var(--color-contrast-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;min-height:var(--size-6);font:inherit;font-size:var(--_font-size);line-height:var(--leading-normal);color:var(--color-contrast-900);background:0 0;border:none;outline:none;flex:1}input::placeholder{color:var(--_placeholder);transition:color var(--transition-fast)}input:focus-visible{outline:none}:host(:not([disabled],[variant=bordered],[variant=flat])) .field:hover{border-color:var(--color-contrast-400)}:host(:not([disabled])) .field:focus-within .label,:host(:not([disabled])) .field:focus-within ::slotted([slot=prefix]),:host(:not([disabled])) .field:focus-within ::slotted([slot=suffix]){color:var(--_theme-focus)}.clear-btn{width:var(--size-5);min-width:var(--_touch-target);height:var(--size-5);min-height:var(--_touch-target);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:var(--_motion-transition,color var(--transition-fast));background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.clear-btn:hover{color:var(--color-contrast-900)}.clear-btn:focus-visible{outline:var(--border-2) solid var(--_theme-focus);outline-offset:var(--border)}:host([clearable]) .clear-btn{display:flex}:host([clearable]:not([has-value])) .clear-btn{visibility:hidden;pointer-events:none}.pwd-toggle-btn{width:var(--size-5);min-width:var(--_touch-target);height:var(--size-5);min-height:var(--_touch-target);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:var(--_motion-transition,color var(--transition-fast));background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.pwd-toggle-btn:hover{color:var(--color-contrast-900)}.pwd-toggle-btn:focus-visible{outline:var(--border-2) solid var(--_theme-focus);outline-offset:var(--border)}:host([type=password]) .pwd-toggle-btn{display:flex}.char-counter{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-400);white-space:nowrap;padding-left:2px;padding-right:2px}.char-counter:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}.char-counter:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:left}.char-counter[data-near-limit]{color:var(--color-warning,#f59e0b)}.char-counter[data-at-limit]{color:var(--color-error)}:host([error]:not([error=""])) .field{border-color:var(--color-error)}:host([error]:not([error=""])) .label,.helper-text[role=alert]{color:var(--color-error)}:host([success]) .field{border-color:var(--color-success)}.status-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;display:none}:host([error]:not([error=""])) .status-icon,:host([success]) .status-icon{display:flex}.status-icon[data-status=error]{color:var(--color-error)}.status-icon[data-status=success]{color:var(--color-success)}@keyframes spin{to{transform:rotate(360deg)}}.field-spinner{width:var(--size-4);height:var(--size-4);border:var(--border-2) solid var(--_theme-focus,currentcolor);animation:var(--_motion-animation,spin var(--transition-loader) infinite);border-radius:50%;flex-shrink:0;display:none}.field-spinner:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right-color:#0000}.field-spinner:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}:host([loading]) .field-spinner{display:inline-block}}@layer refine.variants{:host([variant=text]){--_bg:var(--input-bg,transparent);--_border-color:var(--input-border-color,var(--color-contrast-300))}:host([variant=text]) .field{box-shadow:none;background:0 0;border:none;border-radius:0}:host([variant=text]) .field:focus-within{box-shadow:none}:host(:not([disabled],[variant=text],[variant=flat])) .field:focus-within{background:var(--color-canvas);border-color:var(--_theme-focus);box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow))}:host([error]:not([error=""])) .field:focus-within{border-color:var(--color-error);box-shadow:var(--color-error-focus-shadow)}:host([success]) .field:focus-within{border-color:var(--color-success);box-shadow:var(--color-success-focus-shadow)}}@layer refine.utilities{:host([fullwidth]){width:100%}}:host([disabled]){opacity:1}:host([disabled]) .field{background:var(--color-contrast-100);border-color:var(--color-contrast-200);box-shadow:none}:host([disabled]) input{color:var(--color-contrast-400)}:host([disabled]) input::placeholder{color:var(--color-contrast-300)}:host([disabled]) .label{color:var(--color-contrast-400)}`,ki=[`text`,`email`,`password`,`search`,`url`,`tel`,`number`,`date`,`time`,`datetime-local`,`month`,`week`],Ai=`ore-input`;i(Ai,{formAssociated:!0,props:{...W,...G,...K,...we,"aria-label":p.string(),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(ki,`text`),value:p.string(),variant:p.string()},setup(t){let n=a(),r=b(),i=T(!1),s=h(),d=C(()=>!!t.label.value||r.has(`label`).value),f=C(()=>t.disabled.value||t.loading.value),p=Q(l),m=en({disabled:f,error:t.error,hasLabel:d,helper:t.helper,label:t.label,labelPlacement:t[`label-placement`],maxLength:t.maxlength,onChange:(e,t)=>{xi(n,t),$(n,`change`)},onInput:(e,t)=>{xi(n,t),$(n,`input`)},prefix:`input`,readonly:t.readonly,required:t.required,signal:p,value:t.value});yi(n,()=>m.value.value,e=>{m.value.value=e}),m.attachFormField(y({disabled:m.disabled,onReset:m.reset,toFormValue:e=>e,validationMessage:m.validationMessage,validity:m.validity,value:m.value}));let{ariaDescribedBy:g,ariaErrorMessage:_,ariaInvalid:v,ariaLabelledBy:x,assistiveId:S,clear:w,counter:E,errorId:D,errorText:O,fieldId:k,helperText:A,labelId:j,labelVisible:M,value:N,wire:P}=m;u(s,e=>{P(e,p);let n=Jt(t.ref,e);return()=>{n()}});let F=e=>{w(e),s.value?.focus()},I=()=>t.type.value===`password`&&i.value?`text`:t.type.value??`text`;e({attr:{error:Kn(O),"has-value":()=>N.value?!0:void 0,size:t.size,success:()=>t.success.value&&!O.value?!0:void 0,variant:t.variant}});let L=()=>!M.value;return o`
|
|
1612
1631
|
<div class="input-wrapper" part="wrapper">
|
|
1613
|
-
<label class="label" for="${k}" id="${j}" part="label" ?hidden="${
|
|
1632
|
+
<label class="label" for="${()=>L()?null:k}" id="${j}" part="label" ?hidden="${L}">
|
|
1614
1633
|
<slot name="label">${t.label}</slot>
|
|
1615
1634
|
</label>
|
|
1616
1635
|
<div class="field" part="field">
|
|
@@ -1619,7 +1638,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1619
1638
|
<input
|
|
1620
1639
|
part="input"
|
|
1621
1640
|
id="${k}"
|
|
1622
|
-
type="${
|
|
1641
|
+
type="${I}"
|
|
1623
1642
|
name="${t.name}"
|
|
1624
1643
|
placeholder="${t.placeholder}"
|
|
1625
1644
|
autocomplete="${t.autocomplete}"
|
|
@@ -1631,6 +1650,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1631
1650
|
?readonly="${t.readonly}"
|
|
1632
1651
|
?required="${t.required}"
|
|
1633
1652
|
value="${c(N)}"
|
|
1653
|
+
aria-label="${t[`aria-label`]}"
|
|
1634
1654
|
aria-labelledby="${x}"
|
|
1635
1655
|
aria-describedby="${g}"
|
|
1636
1656
|
aria-errormessage="${_}"
|
|
@@ -1638,7 +1658,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1638
1658
|
aria-busy="${()=>t.loading.value?`true`:null}"
|
|
1639
1659
|
ref="${s}" />
|
|
1640
1660
|
<slot name="suffix"></slot>
|
|
1641
|
-
${
|
|
1661
|
+
${Yn(O)}
|
|
1642
1662
|
<span class="field-spinner" part="spinner" role="status" aria-label="Loading"></span>
|
|
1643
1663
|
<button
|
|
1644
1664
|
class="pwd-toggle-btn"
|
|
@@ -1660,7 +1680,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1660
1680
|
part="clear"
|
|
1661
1681
|
type="button"
|
|
1662
1682
|
tabindex="${()=>N.value?`0`:`-1`}"
|
|
1663
|
-
@click="${
|
|
1683
|
+
@click="${F}">
|
|
1664
1684
|
<ore-icon aria-hidden="true" name="x" size="12" stroke-width="2.5"></ore-icon>
|
|
1665
1685
|
</button>
|
|
1666
1686
|
</div>
|
|
@@ -1680,13 +1700,14 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1680
1700
|
${()=>E?.value.counterText??``}
|
|
1681
1701
|
</div>
|
|
1682
1702
|
</div>
|
|
1683
|
-
`},shadow:{delegatesFocus:!0},styles:[X,K,q,J,Ye,Y(De),tt(`input`),Ei,We({container:`.field`,text:`input`,tokenPrefix:`input`})]});var ki=`@layer refine.base{:host{--_dropdown-bg:var(--combobox-dropdown-bg,var(--color-canvas));--_dropdown-border-color:var(--combobox-dropdown-border-color,var(--color-contrast-200));--_option-hover-bg:var(--combobox-option-hover-bg,var(--color-contrast-100));--_option-focus-bg:var(--combobox-option-focus-bg,color-mix(in oklch, var(--_theme-base) 12%, var(--color-contrast-100)));--_option-selected-bg:var(--combobox-option-selected-bg,color-mix(in oklch, var(--_theme-base) 10%, var(--color-contrast-50)));--_option-selected-focus-bg:var(--combobox-option-selected-focus-bg,color-mix(in oklch, var(--_theme-base) 20%, var(--color-contrast-100)));min-width:var(--combobox-min-width,12rem);flex-direction:column;align-items:stretch;display:inline-flex}:host([fullwidth]){width:100%;display:block}.trigger::part(input){cursor:text}.trigger::part(field){height:auto;min-height:var(--input-height,var(--size-10))}.trigger::part(input-row){row-gap:var(--size-1);flex-wrap:wrap;align-items:center}.chips-row,.chips-list{display:contents}ore-chip:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--size-1)}ore-chip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-1)}.combobox-suffix{gap:var(--size-1);flex-shrink:0;align-items:center;display:flex}.clear-btn{color:var(--color-contrast-400);cursor:pointer;background:0 0;border:0;flex-shrink:0;align-items:center;padding:0;display:inline-flex}.clear-btn[hidden]{display:none}.clear-btn:hover{color:var(--color-contrast-600)}.combobox-suffix-end{gap:var(--size-1);color:var(--color-contrast-500);align-items:center;display:flex}.chevron{transition:var(--_motion-transition,transform var(--transition-fast));flex-shrink:0;align-items:center;display:inline-flex}:host([open]) .chevron{transform:rotate(180deg)}.loader{width:1em;height:1em;animation:var(--_motion-animation,spin var(--transition-loader) infinite);border:2px solid;border-radius:50%;flex-shrink:0;display:none}.loader:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right-color:#0000}.loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}@keyframes spin{to{transform:rotate(360deg)}}:host([loading]) .loader{display:inline-block}.dropdown{z-index:calc(var(--z-popover,1000) + 1);box-sizing:border-box;max-height:min(16rem,50dvh);padding:var(--size-1);overscroll-behavior:contain;pointer-events:none;scrollbar-width:thin;background:var(--_dropdown-bg);border:var(--border) solid var(--_dropdown-border-color);border-radius:var(--_radius);box-shadow:var(--shadow-lg);opacity:0;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);margin:0;position:fixed;inset:0 auto auto 0;overflow-y:auto}.dropdown:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.dropdown:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.dropdown[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.dropdown[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.option{gap:var(--size-2);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;display:flex}.option>span:not(:is(.option-check,.option-icon)){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.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(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.option-check:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.option[data-selected] .option-check,.option[aria-selected=true] .option-check{opacity:1}.no-results,.no-results-create,.dropdown-loading{padding:var(--size-3) var(--size-2-5);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.no-results-create{gap:var(--size-1-5);width:100%;padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);color:var(--_theme-content,var(--color-primary-content));cursor:pointer;border-radius:var(--rounded-sm);background:0 0;border:0;align-items:center;display:flex}.no-results-create:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.no-results-create:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.no-results-create:hover,.no-results-create[data-focused]{background:color-mix(in oklch, var(--_theme-base,var(--color-primary)) 10%, transparent)}.option-icon{flex-shrink:0;align-items:center;display:inline-flex}::slotted(ore-combobox-option){display:none}}`,Ai=`ore-combobox`;i(Ai,{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(t){let n=a(),r=v(),i=x,s=T(``),c=null,d=null,f=null,p=null,m=h(),g=Z(l),_=Nt({disabled:t.disabled,error:t.error,helper:t.helper,label:t.label,labelPlacement:t[`label-placement`],multiple:t.multiple,prefix:`combobox`,required:t.required,signal:g,value:t.value}),b=T([]),S=ln({getBoundary:()=>n,getFocusedOptionElement:()=>f?.querySelector(`[data-focused]`)??null,getItems:()=>b.value,getOptionId:e=>`${_.fieldId}-opt-${e}`,getPanel:()=>f,getReference:()=>d,getTrigger:()=>c,isDisabled:()=>_.disabled.value,isItemDisabled:e=>e.disabled,onClose:e=>{r(`open-change`,{open:!1,reason:e}),g.aborted||le(),_.triggerValidation(`blur`)},onOpen:e=>r(`open-change`,{open:!0,reason:e}),restoreFocus:!1,signal:g}),{disabled:w,fieldId:E,selectedValues:D,triggerValidation:O}=_;_.attachFormField(y({disabled:_.disabled,onReset:_.reset,toFormValue:e=>e,validationMessage:_.validationMessage,validity:_.validity,value:_.formValue}));let{focusedIndex:k,isOpen:A,scrollFocusedIntoView:j,updatePosition:M}=S,N=()=>!!t.multiple.value,P=()=>!!t.creatable.value,F=()=>!!t[`no-filter`].value;e({attr:{open:()=>A.value?!0:void 0,size:t.size,variant:t.variant}});let I=null,L=!1,R=C(()=>D.value[0]??``);Object.defineProperty(n,"value",{configurable:!0,get:()=>_.formValue.value,set:e=>{let t=e;if(Array.isArray(t)){_.setValues(t.map(e=>String(e??``)));return}if(t==null||t===``){_.clear();return}_.setValues(N()?String(t).split(`,`):[String(t)])}});let ee=()=>D.value.length>0;function z(){c?.focus()}let te=T([]),B=T([]),ne=()=>!!t.loading.value;function V(e){return{disabled:!!e.disabled,iconEl:e.iconEl??null,label:e.label??e.value,value:e.value}}let H=C(()=>{let e=t.options.value,n=Array.isArray(e)?e.map(V):te.value;return B.value.length===0?n:[...n,...B.value]}),re={clear:()=>{_.clear()},remove:e=>{_.removeValue(e)},select:e=>{_.selectValue(e)},toggle:e=>{_.toggleValue(e)}};function ie(e=Array.from(n.children)){if(te.value=Si(e),!N()){let e=H.value.find(e=>e.value===R.value);s.value=e?.label??R.value}}ie(),i(()=>{let e=Ci(H.value,s.value,F());b.value=N()?e.filter(e=>!D.value.includes(e.value)):e});let ae=C(()=>wi(s.value,P(),b.value)),oe=()=>N()&&D.value.length>0?``:t.placeholder.value||``;function se(){Q(n,`input`),Q(n,`change`)}function ce(e){e.stopPropagation();let t=e.detail?.value;t!==void 0&&(re.remove(t),se(),O(`change`))}function le(){if(!N()){let e=H.value.find(e=>e.value===R.value);L=!0,s.value=e?.label??``,Promise.resolve().then(()=>{L=!1});return}s.value=``}i(()=>{if(A.value&&!N()&&R.value&&k.value===-1&&s.value===``){let e=b.value.findIndex(e=>e.value===R.value);e>=0&&S.set(e)}});function ue(e=!0,t=`programmatic`){if(e&&(I=s.value,s.value=``),!N()&&R.value){let e=Ci(H.value,``,F()).findIndex(e=>e.value===R.value);e>=0&&S.set(e)}S.open(t),!N()&&R.value&&k.value>=0&&requestAnimationFrame(()=>{j()})}function de(e=`programmatic`){S.close(e)}let fe=kt({disabled:w,onPress:()=>{A.value||ue(!0,`click`),z()}}),pe=kt({disabled:w,keys:[`Enter`],onPress:e=>{let t=b.value;A.value&&k.value>=0&&k.value<t.length?me(t[k.value],e):A.value&&k.value===-1&&ae.value?be(s.value,e):A.value||ue(!0,`keyboard`)}});function me(e,n){e.disabled||(N()?(re.toggle(e.value),s.value=``,se(),O(`change`),t.autoclose.value&&de(),z(),requestAnimationFrame(()=>z())):(re.select(e.value),s.value=e.label,se(),O(`change`),de(),z()))}function he(e){let t=e.getAttribute(`data-option-index`),n=t?Number(t):-1;if(Number.isInteger(n)&&n>=0&&n<b.value.length)return b.value[n]??null;let r=e.getAttribute(`data-option-value`);if(r){let e=b.value.find(e=>e.value===r);if(e)return e}let i=e.querySelector(`span`)?.textContent?.trim()??e.textContent?.trim()??``;return i?b.value.find(e=>e.label===i||e.value===i)??null:null}function ge(e){e.stopPropagation(),re.clear(),s.value=``,se(),O(`change`),z()}function _e(e){let t=e.target,n=t.value;if(!L&&n!==s.value){if(s.value=n,!N()){let e=D.value[0],t=e?H.value.find(t=>t.value===e)?.label??e:``;n===``&&I===t&&(I=null)}S.navigate(`first`),A.value||ue(!1,`keyboard`),r(`search`,{query:t.value})}}function ve(){}function ye(e){if(!w.value&&!S.handleKeydown(e))switch(e.key){case`ArrowDown`:e.preventDefault(),A.value?S.navigate(`next`):(ue(!0,`keyboard`),S.navigate(`first`));break;case`ArrowUp`:e.preventDefault(),A.value?S.navigate(`prev`):ue(!0,`keyboard`);break;case`Backspace`:N()&&!s.value&&D.value.length>0&&(_.removeValue(D.value[D.value.length-1]??``),se(),O(`change`));break;case`Enter`:pe.handleKeydown(e);break;case`Tab`:de(`programmatic`)}}function be(e,t){let n=e.trim();if(!n)return;let r={disabled:!1,iconEl:null,label:n,value:Ti(n)};B.value=[...B.value,r],me(r,t)}let xe=(()=>{let e=new MutationObserver(()=>{ie()});return e.observe(n,{attributeFilter:[`disabled`,`label`,`value`],attributes:!0,childList:!0,subtree:!0}),()=>e.disconnect()})(),Se=e=>{let t=e=>{let t=e.target;if(!(t instanceof Element))return;if(t.closest(`.no-results-create`)){e.preventDefault(),e.stopPropagation(),be(s.value,e);return}let n=t.closest(`.option`);if(!n)return;e.preventDefault(),e.stopPropagation();let r=he(n);!r||r.disabled||me(r,e)},n=e=>{let t=e.target;if(!(t instanceof Element))return;let n=t.closest(`.option`);if(!n)return;let r=he(n);if(!r)return;let i=b.value.findIndex(e=>e.value===r.value);i>=0&&S.set(i)};return e.addEventListener(`click`,t),e.addEventListener(`pointermove`,n),()=>{e.removeEventListener(`click`,t),e.removeEventListener(`pointermove`,n)}},Ce=null,U=null,W=e=>{p=e,U!==e&&(Ce?.(),Ce=null,U=null,e&&(Ce=Se(e),U=e))},G=()=>{p&&(U===p&&Ce||(Ce?.(),Ce=Se(p),U=p))};return i(()=>{G(),A.value?(f&&`showPopover`in f&&!f.matches(`:popover-open`)&&f.showPopover(),M()):f&&`hidePopover`in f&&f.matches(`:popover-open`)&&f.hidePopover()}),u(m,e=>{d=e;let t=e.shadowRoot?.querySelector(`input`)??null;if(!t)return;c=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`,`${E}-listbox`);let n=()=>{A.value||ue(!0,`click`),z()};return t.addEventListener(`input`,_e),t.addEventListener(`keydown`,ye),t.addEventListener(`focus`,ve),t.addEventListener(`click`,n),()=>{c=null,d=null,t.removeEventListener(`input`,_e),t.removeEventListener(`keydown`,ye),t.removeEventListener(`focus`,ve),t.removeEventListener(`click`,n)}}),i(()=>{if(!m.value)return;let e=c;e&&(e.setAttribute(`aria-expanded`,String(A.value)),w.value?e.setAttribute(`aria-disabled`,`true`):e.removeAttribute(`aria-disabled`),t.error.value?(e.setAttribute(`aria-invalid`,`true`),e.setAttribute(`aria-errormessage`,`${E}-error`)):(e.removeAttribute(`aria-invalid`),e.removeAttribute(`aria-errormessage`)))}),i(()=>{if(!m.value)return;let e=c;e&&e.value!==s.value&&(e.value=s.value)}),l(()=>{Ce?.(),Ce=null,U=null,xe()}),o`
|
|
1703
|
+
`},shadow:{delegatesFocus:!0},styles:[Z,q,J,Y,Je,X(Ee),et(`input`),Oi,Ue({container:`.field`,text:`input`,tokenPrefix:`input`})]});var ji=`@layer refine.base{:host{--_dropdown-bg:var(--combobox-dropdown-bg,var(--color-canvas));--_dropdown-border-color:var(--combobox-dropdown-border-color,var(--color-contrast-200));--_option-hover-bg:var(--combobox-option-hover-bg,var(--color-contrast-100));--_option-focus-bg:var(--combobox-option-focus-bg,color-mix(in oklch, var(--_theme-base) 12%, var(--color-contrast-100)));--_option-selected-bg:var(--combobox-option-selected-bg,color-mix(in oklch, var(--_theme-base) 10%, var(--color-contrast-50)));--_option-selected-focus-bg:var(--combobox-option-selected-focus-bg,color-mix(in oklch, var(--_theme-base) 20%, var(--color-contrast-100)));min-width:var(--combobox-min-width,12rem);flex-direction:column;align-items:stretch;display:inline-flex}:host([fullwidth]){width:100%;display:block}.trigger::part(input){cursor:text}.trigger::part(field){height:auto;min-height:var(--input-height,var(--size-10))}.trigger::part(input-row){row-gap:var(--size-1);flex-wrap:wrap;align-items:center}.chips-row,.chips-list{display:contents}ore-chip:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--size-1)}ore-chip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-1)}.combobox-suffix{gap:var(--size-1);flex-shrink:0;align-items:center;display:flex}.clear-btn{color:var(--color-contrast-400);cursor:pointer;background:0 0;border:0;flex-shrink:0;align-items:center;padding:0;display:inline-flex}.clear-btn[hidden]{display:none}.clear-btn:hover{color:var(--color-contrast-600)}.combobox-suffix-end{gap:var(--size-1);color:var(--color-contrast-500);align-items:center;display:flex}.chevron{transition:var(--_motion-transition,transform var(--transition-fast));flex-shrink:0;align-items:center;display:inline-flex}:host([open]) .chevron{transform:rotate(180deg)}.loader{width:1em;height:1em;animation:var(--_motion-animation,spin var(--transition-loader) infinite);border:2px solid;border-radius:50%;flex-shrink:0;display:none}.loader:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right-color:#0000}.loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}@keyframes spin{to{transform:rotate(360deg)}}:host([loading]) .loader{display:inline-block}.dropdown{z-index:calc(var(--z-popover,1000) + 1);box-sizing:border-box;max-height:min(16rem,50dvh);padding:var(--size-1);overscroll-behavior:contain;pointer-events:none;scrollbar-width:thin;background:var(--_dropdown-bg);border:var(--border) solid var(--_dropdown-border-color);border-radius:var(--_radius);box-shadow:var(--shadow-lg);opacity:0;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);margin:0;position:fixed;inset:0 auto auto 0;overflow-y:auto}.dropdown:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.dropdown:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.dropdown[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.dropdown[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.option{gap:var(--size-2);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;display:flex}.option>span:not(:is(.option-check,.option-icon)){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.disabled-reason{text-overflow:ellipsis;min-width:0;font-size:var(--text-xs);color:var(--text-color-tertiary);white-space:nowrap;flex:0 45%;overflow:hidden}.disabled-reason:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}.disabled-reason:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:left}.option:hover:not([data-disabled]){background:var(--_option-hover-bg)}.option[data-focused]:not([data-disabled]){color:var(--_theme-base);background:var(--_option-focus-bg)}.option[data-selected],.option[aria-selected=true]{font-weight:var(--font-medium);color:var(--_theme-base);background:var(--_option-selected-bg)}.option[data-selected][data-focused],.option[aria-selected=true][data-focused]{background:var(--_option-selected-focus-bg)}.option[data-disabled]{color:var(--color-contrast-500);cursor:not-allowed}.option-check{color:var(--_theme-base);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;display:inline-flex}.option-check:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.option-check:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.option[data-selected] .option-check,.option[aria-selected=true] .option-check{opacity:1}.no-results,.no-results-create,.dropdown-loading{padding:var(--size-3) var(--size-2-5);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.no-results-create{gap:var(--size-1-5);width:100%;padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);color:var(--_theme-content,var(--color-primary-content));cursor:pointer;border-radius:var(--rounded-sm);background:0 0;border:0;align-items:center;display:flex}.no-results-create:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.no-results-create:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.no-results-create:hover,.no-results-create[data-focused]{background:color-mix(in oklch, var(--_theme-base,var(--color-primary)) 10%, transparent)}.option-icon{flex-shrink:0;align-items:center;display:inline-flex}::slotted(ore-combobox-option){display:none}}`,Mi=`ore-combobox`;i(Mi,{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(),"hide-label":p.bool(!1),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(t){let n=a(),r=v(),i=x,s=T(``),c=null,d=null,f=null,p=null,m=h(),g=Q(l),_=Mt({disabled:t.disabled,error:t.error,helper:t.helper,label:t.label,labelPlacement:t[`label-placement`],multiple:t.multiple,prefix:`combobox`,required:t.required,signal:g,value:t.value}),b=T([]),S=cn({getBoundary:()=>n,getFocusedOptionElement:()=>f?.querySelector(`[data-focused]`)??null,getItems:()=>b.value,getOptionId:e=>`${_.fieldId}-opt-${e}`,getPanel:()=>f,getReference:()=>d,getTrigger:()=>c,isDisabled:()=>_.disabled.value,isItemDisabled:e=>e.disabled,onClose:e=>{r(`open-change`,{open:!1,reason:e}),g.aborted||ce(),_.triggerValidation(`blur`)},onOpen:e=>r(`open-change`,{open:!0,reason:e}),restoreFocus:!1,signal:g}),{disabled:w,fieldId:E,selectedValues:D,triggerValidation:O}=_;_.attachFormField(y({disabled:_.disabled,onReset:_.reset,toFormValue:e=>e,validationMessage:_.validationMessage,validity:_.validity,value:_.formValue}));let{focusedIndex:k,isOpen:A,scrollFocusedIntoView:j,updatePosition:M}=S,N=()=>!!t.multiple.value,P=()=>!!t.creatable.value,F=()=>!!t[`no-filter`].value;e({attr:{open:()=>A.value?!0:void 0,size:t.size,variant:t.variant}});let I=null,L=!1,R=C(()=>D.value[0]??``);Object.defineProperty(n,"value",{configurable:!0,get:()=>_.formValue.value,set:e=>{let t=e;if(Array.isArray(t)){_.setValues(t.map(e=>String(e??``)));return}if(t==null||t===``){_.clear();return}_.setValues(N()?String(t).split(`,`):[String(t)])}});let z=()=>D.value.length>0;function B(){c?.focus()}let ee=T([]),V=T([]),te=()=>!!t.loading.value;function H(e){return{disabled:!!e.disabled,disabledReason:e.disabledReason,iconEl:e.iconEl??null,label:e.label??e.value,value:e.value}}let U=C(()=>{let e=t.options.value,n=Array.isArray(e)?e.map(H):ee.value;return V.value.length===0?n:[...n,...V.value]}),ne={clear:()=>{_.clear()},remove:e=>{_.removeValue(e)},select:e=>{_.selectValue(e)},toggle:e=>{_.toggleValue(e)}};function re(e=Array.from(n.children)){if(ee.value=wi(e),!N()){let e=U.value.find(e=>e.value===R.value);s.value=e?.label??R.value}}re(),i(()=>{let e=Ti(U.value,s.value,F());b.value=N()?e.filter(e=>!D.value.includes(e.value)):e});let ie=C(()=>Ei(s.value,P(),b.value)),ae=()=>N()&&D.value.length>0?``:t.placeholder.value||``;function oe(){$(n,`input`),$(n,`change`)}function se(e){e.stopPropagation();let t=e.detail?.value;t!==void 0&&(ne.remove(t),oe(),O(`change`))}function ce(){if(!N()){let e=U.value.find(e=>e.value===R.value);L=!0,s.value=e?.label??``,Promise.resolve().then(()=>{L=!1});return}s.value=``}i(()=>{if(A.value&&!N()&&R.value&&k.value===-1&&s.value===``){let e=b.value.findIndex(e=>e.value===R.value);e>=0&&S.set(e)}});function le(e=!0,t=`programmatic`){if(e&&(I=s.value,s.value=``),!N()&&R.value){let e=Ti(U.value,``,F()).findIndex(e=>e.value===R.value);e>=0&&S.set(e)}S.open(t),!N()&&R.value&&k.value>=0&&requestAnimationFrame(()=>{j()})}function ue(e=`programmatic`){S.close(e)}let de=Ot({disabled:w,onPress:()=>{A.value||le(!0,`click`),B()}}),fe=Ot({disabled:w,keys:[`Enter`],onPress:e=>{let t=b.value;A.value&&k.value>=0&&k.value<t.length?pe(t[k.value],e):A.value&&k.value===-1&&ie.value?ye(s.value,e):A.value||le(!0,`keyboard`)}});function pe(e,n){e.disabled||(N()?(ne.toggle(e.value),s.value=``,oe(),O(`change`),t.autoclose.value&&ue(),B(),requestAnimationFrame(()=>B())):(ne.select(e.value),s.value=e.label,oe(),O(`change`),ue(),B()))}function me(e){let t=e.getAttribute(`data-option-index`),n=t?Number(t):-1;if(Number.isInteger(n)&&n>=0&&n<b.value.length)return b.value[n]??null;let r=e.getAttribute(`data-option-value`);if(r){let e=b.value.find(e=>e.value===r);if(e)return e}let i=e.querySelector(`span`)?.textContent?.trim()??e.textContent?.trim()??``;return i?b.value.find(e=>e.label===i||e.value===i)??null:null}function he(e){e.stopPropagation(),ne.clear(),s.value=``,oe(),O(`change`),B()}function ge(e){let t=e.target,n=t.value;if(!L&&n!==s.value){if(s.value=n,!N()){let e=D.value[0],t=e?U.value.find(t=>t.value===e)?.label??e:``;n===``&&I===t&&(I=null)}S.navigate(`first`),A.value||le(!1,`keyboard`),r(`search`,{query:t.value})}}function _e(){}function ve(e){if(!w.value&&!S.handleKeydown(e))switch(e.key){case`ArrowDown`:e.preventDefault(),A.value?S.navigate(`next`):(le(!0,`keyboard`),S.navigate(`first`));break;case`ArrowUp`:e.preventDefault(),A.value?S.navigate(`prev`):le(!0,`keyboard`);break;case`Backspace`:N()&&!s.value&&D.value.length>0&&(_.removeValue(D.value[D.value.length-1]??``),oe(),O(`change`));break;case`Enter`:fe.handleKeydown(e);break;case`Tab`:ue(`programmatic`)}}function ye(e,t){let n=e.trim();if(!n)return;let r={disabled:!1,iconEl:null,label:n,value:Di(n)};V.value=[...V.value,r],pe(r,t)}let be=(()=>{let e=new MutationObserver(()=>{re()});return e.observe(n,{attributeFilter:[`disabled`,`disabled-reason`,`label`,`value`],attributes:!0,childList:!0,subtree:!0}),()=>e.disconnect()})(),xe=e=>{let t=e=>{let t=e.target;if(!(t instanceof Element))return;if(t.closest(`.no-results-create`)){e.preventDefault(),e.stopPropagation(),ye(s.value,e);return}let n=t.closest(`.option`);if(!n)return;e.preventDefault(),e.stopPropagation();let r=me(n);r&&!r.disabled&&pe(r,e)},n=e=>{let t=e.target;if(!(t instanceof Element))return;let n=t.closest(`.option`);if(!n)return;let r=me(n);if(!r)return;let i=b.value.findIndex(e=>e.value===r.value);i>=0&&S.set(i)};return e.addEventListener(`click`,t),e.addEventListener(`pointermove`,n),()=>{e.removeEventListener(`click`,t),e.removeEventListener(`pointermove`,n)}},Se=null,W=null,G=e=>{p=e,W!==e&&(Se?.(),Se=null,W=null,e&&(Se=xe(e),W=e))},K=()=>{p&&(W===p&&Se||(Se?.(),Se=xe(p),W=p))};i(()=>{K(),A.value?(f&&`showPopover`in f&&!f.matches(`:popover-open`)&&f.showPopover(),M()):f&&`hidePopover`in f&&f.matches(`:popover-open`)&&f.hidePopover()}),u(m,e=>{d=e;let t=e.shadowRoot?.querySelector(`input`)??null;if(!t)return;c=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`,`${E}-listbox`);let n=()=>{A.value||le(!0,`click`),B()};return t.addEventListener(`input`,ge),t.addEventListener(`keydown`,ve),t.addEventListener(`focus`,_e),t.addEventListener(`click`,n),()=>{c=null,d=null,t.removeEventListener(`input`,ge),t.removeEventListener(`keydown`,ve),t.removeEventListener(`focus`,_e),t.removeEventListener(`click`,n)}}),i(()=>{if(!m.value)return;let e=c;e&&(e.setAttribute(`aria-expanded`,String(A.value)),w.value?e.setAttribute(`aria-disabled`,`true`):e.removeAttribute(`aria-disabled`),t.error.value?(e.setAttribute(`aria-invalid`,`true`),e.setAttribute(`aria-errormessage`,`${E}-error`)):(e.removeAttribute(`aria-invalid`),e.removeAttribute(`aria-errormessage`)))}),i(()=>{if(!m.value)return;let e=c;e&&e.value!==s.value&&(e.value=s.value)}),l(()=>{Se?.(),Se=null,W=null,be()});let Ce=()=>t[`hide-label`].value;return o`
|
|
1684
1704
|
<slot></slot>
|
|
1685
1705
|
<ore-input
|
|
1686
1706
|
class="trigger"
|
|
1687
1707
|
ref=${m}
|
|
1688
|
-
label="${()=>t.label.value
|
|
1689
|
-
|
|
1708
|
+
aria-label="${()=>Ce()?t.label.value??``:null}"
|
|
1709
|
+
label="${()=>Ce()?``:t.label.value??``}"
|
|
1710
|
+
placeholder="${ae}"
|
|
1690
1711
|
label-placement="${()=>t[`label-placement`].value??`inset`}"
|
|
1691
1712
|
color="${()=>t.color?.value??void 0}"
|
|
1692
1713
|
size="${()=>t.size?.value??void 0}"
|
|
@@ -1699,7 +1720,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1699
1720
|
?fullwidth="${()=>t.fullwidth.value?!0:void 0}"
|
|
1700
1721
|
?success="${()=>t.success.value}"
|
|
1701
1722
|
name="${()=>t.name.value??``}"
|
|
1702
|
-
@click="${e=>{
|
|
1723
|
+
@click="${e=>{de.handleClick(e)}}"
|
|
1703
1724
|
part="wrapper">
|
|
1704
1725
|
<div slot="prefix" class="chips-row">
|
|
1705
1726
|
<!-- Keep chip list diffing isolated so input node identity stays stable. -->
|
|
@@ -1707,13 +1728,13 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1707
1728
|
${()=>(N()?D.value:[]).map(e=>o`
|
|
1708
1729
|
<ore-chip
|
|
1709
1730
|
value=${e}
|
|
1710
|
-
label=${
|
|
1731
|
+
label=${U.value.find(t=>t.value===e)?.label??e}
|
|
1711
1732
|
mode="removable"
|
|
1712
1733
|
variant="flat"
|
|
1713
1734
|
size="sm"
|
|
1714
1735
|
color="${t.color}"
|
|
1715
|
-
@remove=${
|
|
1716
|
-
${
|
|
1736
|
+
@remove=${se}>
|
|
1737
|
+
${U.value.find(t=>t.value===e)?.label??e}
|
|
1717
1738
|
</ore-chip>
|
|
1718
1739
|
`)}
|
|
1719
1740
|
</span>
|
|
@@ -1725,8 +1746,8 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1725
1746
|
type="button"
|
|
1726
1747
|
aria-label="Clear"
|
|
1727
1748
|
tabindex="-1"
|
|
1728
|
-
?hidden=${()=>!
|
|
1729
|
-
@click="${
|
|
1749
|
+
?hidden=${()=>!z()}
|
|
1750
|
+
@click="${he}">
|
|
1730
1751
|
<ore-icon name="x" size="12" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
1731
1752
|
</button>
|
|
1732
1753
|
<span class="combobox-suffix-end">
|
|
@@ -1757,12 +1778,12 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1757
1778
|
id="${()=>`${E}-listbox`}"
|
|
1758
1779
|
style="${()=>A.value&&b.value.length>0?`height:${b.value.length*36}px;`:``}"
|
|
1759
1780
|
aria-label="${()=>t.label.value||t.placeholder.value||`Options`}"
|
|
1760
|
-
ref=${e=>{
|
|
1761
|
-
${()=>A.value?
|
|
1781
|
+
ref=${e=>{G(e)}}>
|
|
1782
|
+
${()=>A.value?te()?o`
|
|
1762
1783
|
<div class="dropdown-loading">Loading...</div>
|
|
1763
|
-
`:b.value.length===0?
|
|
1784
|
+
`:b.value.length===0?ie.value?o`
|
|
1764
1785
|
<button type="button" class="no-results-create" ?data-focused=${()=>k.value===-1}>
|
|
1765
|
-
${
|
|
1786
|
+
${ie.value}
|
|
1766
1787
|
</button>
|
|
1767
1788
|
`:o`
|
|
1768
1789
|
<div class="no-results" role="presentation">No results found</div>
|
|
@@ -1780,6 +1801,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1780
1801
|
?data-selected=${()=>N()?D.value.includes(e.value):R.value===e.value}
|
|
1781
1802
|
?data-disabled=${e.disabled}>
|
|
1782
1803
|
<span>${e.label}</span>
|
|
1804
|
+
${e.disabled&&e.disabledReason?o`<small class="disabled-reason" title="${e.disabledReason}">${e.disabledReason}</small>`:o``}
|
|
1783
1805
|
<span class="option-check" aria-hidden="true">
|
|
1784
1806
|
<ore-icon name="check" size="14" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
1785
1807
|
</span>
|
|
@@ -1787,32 +1809,33 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1787
1809
|
`):``}
|
|
1788
1810
|
</div>
|
|
1789
1811
|
</div>
|
|
1790
|
-
`},shadow:{delegatesFocus:!0},styles:[X,q,J,Le,ki]});function ji(e,t=300,n={leading:!1,trailing:!0}){let r=n.leading??!1,i=n.trailing??!0,a,o,s,c=!1,l=()=>{a!==void 0&&(clearTimeout(a),a=void 0)},u=()=>{if(l(),c=!1,!o)return;let t=o;return o=void 0,s=e(...t),s};return Object.assign((...n)=>(o=n,r&&!c&&(c=!0,s=e(...n),o=void 0,!i)?(a=setTimeout(()=>{a=void 0,c=!1},t),s):r&&!i&&c?s:(l(),a=setTimeout(u,t),s)),{cancel:()=>{l(),o=void 0,c=!1},flush:()=>u(),pending:()=>a!==void 0})}var Mi=`@layer refine.base{:host{min-width:var(--select-min-width,12rem);display:inline-block}:host([fullwidth]){width:100%;display:block}::slotted(option),::slotted(optgroup){display:none}.trigger{cursor:pointer;width:100%}.trigger::part(input){cursor:pointer;caret-color:#0000;-webkit-user-select:none;user-select:none}.chips-row{gap:var(--size-1);flex-wrap:wrap;align-items:center;min-width:0;display:flex}.chips-row[hidden]{display:none}.trigger-suffix{gap:var(--size-1);color:var(--color-contrast-500);align-items:center;display:flex}.trigger-icon{transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex}:host([open]) .trigger-icon{transform:rotate(180deg)}.loader{width:1em;height:1em;animation:var(--_motion-animation,spin var(--transition-loader) infinite);border:2px solid;border-radius:50%;flex-shrink:0;display:none}.loader:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right-color:#0000}.loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}@keyframes spin{to{transform:rotate(360deg)}}:host([loading]) .loader{display:inline-block}.dropdown{z-index:var(--z-dropdown,8000);box-sizing:border-box;gap:var(--size-0-5);max-height:260px;padding:var(--size-1);overscroll-behavior:contain;pointer-events:none;background:var(--color-canvas);border:var(--border) solid var(--color-contrast-200);border-radius:var(--_radius);box-shadow:var(--shadow-lg);opacity:0;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);flex-direction:column;margin:0;display:flex;position:fixed;inset:0 auto auto 0;overflow-y:auto}.dropdown:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.dropdown:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.dropdown[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.dropdown[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.options-list{flex-direction:column;gap:0;display:flex}.option{gap:var(--size-2);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;display:flex}.option>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.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(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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}}`,Ni=`ore-select`;i(Ni,{formAssociated:!0,props:{...U,...W,...G,...we,...Te,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(t){let n=a(),r=v(),i=b(),s=n.shadowRoot,c=T([]),u=C(()=>!!t.loading.value);function d(e){return{disabled:!!e.disabled,group:e.group,label:e.label??e.value,value:e.value}}let p=C(()=>{let e=t.options.value;return Array.isArray(e)?e.map(d):c.value}),m=null,h=null,g=Z(l),_=Nt({disabled:t.disabled,error:t.error,helper:t.helper,label:t.label,labelPlacement:t[`label-placement`],multiple:t.multiple,prefix:`select`,required:t.required,signal:g,value:t.value});_.attachFormField(y({disabled:_.disabled,onReset:_.reset,toFormValue:e=>e,validationMessage:_.validationMessage,validity:_.validity,value:_.formValue}));let x=ln({getBoundary:()=>n,getFocusedOptionElement:()=>h?.querySelector(`[data-focused]`)??null,getItems:()=>p.value,getPanel:()=>h,getReference:()=>m,getTrigger:()=>m,isDisabled:()=>_.disabled.value,isItemDisabled:e=>e.disabled,onClose:e=>{r(`open-change`,{open:!1,reason:e}),_.triggerValidation(`blur`)},onOpen:e=>r(`open-change`,{open:!0,reason:e}),signal:g}),{triggerValidation:S}=_,E=_.selectedValues,O=_.disabled;vi(n,()=>_.formValue.value,e=>{_.setValues(e?e.split(`,`):[])});let{fieldId:k}=_,A=`listbox-${k}`,{focusedIndex:j,isOpen:M}=x;e({attr:{"has-error":()=>t.error.value?!0:void 0,open:()=>M.value?!0:void 0,size:t.size,variant:t.variant}});function N(){let e=s?.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})}}c.value=n}let P=C(()=>{if(E.value.length===0)return``;if(t.multiple.value&&E.value.length>1)return`${E.value.length} selected`;let e=E.value[0];return p.value.find(t=>t.value===e)?.label??e}),F=C(()=>t.multiple.value?E.value.map(e=>({label:p.value.find(t=>t.value===e)?.label??e,value:e})):[]),I=C(()=>t.multiple.value&&E.value.length>0),L=C(()=>P.value||t.placeholder.value||``);function R(e){let t=[],n=new Map;for(let t of e){let e=t.group,r=n.get(e);r||(r=[],n.set(e,r)),r.push(t)}let r=0;for(let[e,i]of n){e!==void 0&&t.push({label:e,type:`group`});for(let e of i)t.push({idx:r++,opt:e,type:`option`})}return t}let ee=C(()=>R(p.value));function z(){$(n,_.formValue.value),Q(n,`input`),Q(n,`change`)}function te(e){e.stopPropagation();let t=e.detail?.value;t!==void 0&&(_.removeValue(t),z(),S(`change`))}function B(e=`programmatic`){x.open(e),requestAnimationFrame(()=>{let e=E.value.length>0?p.value.findIndex(e=>e.value===E.value[0]):-1;if(e>=0){x.set(e);return}x.navigate(`first`)})}function ne(e,n){e.disabled||(t.multiple.value?_.toggleValue(e.value):(_.selectValue(e.value),x.close()),z(),S(`change`))}function V(e){if(!O.value&&!x.handleKeydown(e))switch(e.key){case` `:case`Enter`:if(e.preventDefault(),M.value){let t=j.value,n=p.value;t>=0&&t<n.length&&ne(n[t],e)}else B(`keyboard`);break;case`Tab`:x.close()}}let H=()=>L.value,re=()=>t.label.value??``,ie=()=>t.placeholder.value??``,ae=()=>t[`label-placement`].value??`inset`,oe=()=>t.color?.value??void 0,se=()=>t.size?.value??void 0,ce=()=>t.variant?.value??void 0,le=()=>t.rounded?.value??void 0,ue=()=>t.helper.value??``,de=()=>t.error.value??``,fe=()=>O.value?!0:void 0,pe=()=>t.required.value?!0:void 0,me=()=>t.fullwidth.value?!0:void 0,he=()=>O.value?`-1`:`0`;D(i.elements(),()=>N(),{immediate:!0});let ge=w(()=>{M.value?h&&`showPopover`in h&&!h.matches(`:popover-open`)&&h.showPopover():h&&`hidePopover`in h&&h.matches(`:popover-open`)&&h.hidePopover()});return l(()=>ge.dispose()),f(()=>{let e=null,t=null;return m&&(e=e=>{e.stopPropagation(),!O.value&&(M.value?x.close(`trigger`):B(`click`))},t=e=>{V(e)},m.addEventListener(`click`,e),m.addEventListener(`keydown`,t)),()=>{m&&e&&m.removeEventListener(`click`,e),m&&t&&m.removeEventListener(`keydown`,t)}}),o`
|
|
1812
|
+
`},shadow:{delegatesFocus:!0},styles:[Z,J,Y,Ie,ji]});function Ni(e,t=300,n={leading:!1,trailing:!0}){let r=n.leading??!1,i=n.trailing??!0,a,o,s,c=!1,l=()=>{a!==void 0&&(clearTimeout(a),a=void 0)},u=()=>{if(l(),c=!1,!o)return;let t=o;return o=void 0,s=e(...t),s};return Object.assign((...n)=>(o=n,r&&!c&&(c=!0,s=e(...n),o=void 0,!i)?(a=setTimeout(()=>{a=void 0,c=!1},t),s):r&&!i&&c?s:(l(),a=setTimeout(u,t),s)),{cancel:()=>{l(),o=void 0,c=!1},flush:()=>u(),pending:()=>a!==void 0})}var Pi=`@layer refine.base{:host{min-width:var(--select-min-width,12rem);display:inline-block}:host([fullwidth]){width:100%;display:block}::slotted(option),::slotted(optgroup){display:none}.trigger{cursor:pointer;width:100%}.trigger::part(input){cursor:pointer;caret-color:#0000;-webkit-user-select:none;user-select:none}.chips-row{gap:var(--size-1);flex-wrap:wrap;align-items:center;min-width:0;display:flex}.chips-row[hidden]{display:none}.trigger-suffix{gap:var(--size-1);color:var(--color-contrast-500);align-items:center;display:flex}.trigger-icon{transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex}:host([open]) .trigger-icon{transform:rotate(180deg)}.loader{width:1em;height:1em;animation:var(--_motion-animation,spin var(--transition-loader) infinite);border:2px solid;border-radius:50%;flex-shrink:0;display:none}.loader:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right-color:#0000}.loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}@keyframes spin{to{transform:rotate(360deg)}}:host([loading]) .loader{display:inline-block}.dropdown{z-index:var(--z-dropdown,8000);box-sizing:border-box;gap:var(--size-0-5);max-height:260px;padding:var(--size-1);overscroll-behavior:contain;pointer-events:none;background:var(--color-canvas);border:var(--border) solid var(--color-contrast-200);border-radius:var(--_radius);box-shadow:var(--shadow-lg);opacity:0;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);flex-direction:column;margin:0;display:flex;position:fixed;inset:0 auto auto 0;overflow-y:auto}.dropdown:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.dropdown:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.dropdown[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.dropdown[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.options-list{flex-direction:column;gap:0;display:flex}.option{gap:var(--size-2);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;display:flex}.option>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.disabled-reason{text-overflow:ellipsis;min-width:0;font-size:var(--text-xs);color:var(--text-color-tertiary);white-space:nowrap;flex:0 45%;overflow:hidden}.disabled-reason:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}.disabled-reason:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:left}.option:hover:not([data-disabled]){background:var(--color-contrast-100)}.option[data-focused]:not([data-disabled]){color:var(--_theme-base);background:color-mix(in oklch, var(--_theme-base) 12%, var(--color-contrast-100))}.option[data-selected]{font-weight:var(--font-medium);color:var(--_theme-base);background:color-mix(in oklch, var(--_theme-base) 10%, var(--color-contrast-50))}.option[data-selected][data-focused]{background:color-mix(in oklch, var(--_theme-base) 20%, var(--color-contrast-100))}.option[data-disabled]{color:var(--color-contrast-500);cursor:not-allowed}.option-check{color:var(--_theme-base);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;display:inline-flex}.option-check:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.option-check:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.option[data-selected] .option-check{opacity:1}.optgroup-label{padding:var(--size-1-5) var(--size-2-5) var(--size-1);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:var(--tracking-wide,.05em)}.dropdown-loading,.dropdown-empty{padding:var(--size-3) var(--size-2-5);font-size:var(--text-sm);color:var(--color-contrast-500);text-align:center}}`,Fi=`ore-select`;i(Fi,{formAssociated:!0,props:{...W,...G,...K,...Ce,...we,error:p.string(),fullwidth:p.bool(!1),helper:p.string(),"hide-label":p.bool(!1),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(t){let n=a(),r=v(),i=b(),s=n.shadowRoot,c=T([]),u=C(()=>!!t.loading.value);function d(e){return{disabled:!!e.disabled,disabledReason:e.disabledReason,group:e.group,label:e.label??e.value,value:e.value}}let p=C(()=>{let e=t.options.value;return Array.isArray(e)?e.map(d):c.value}),m=null,h=null,g=Q(l),_=Mt({disabled:t.disabled,error:t.error,helper:t.helper,label:t.label,labelPlacement:t[`label-placement`],multiple:t.multiple,prefix:`select`,required:t.required,signal:g,value:t.value});_.attachFormField(y({disabled:_.disabled,onReset:_.reset,toFormValue:e=>e,validationMessage:_.validationMessage,validity:_.validity,value:_.formValue}));let x=cn({getBoundary:()=>n,getFocusedOptionElement:()=>h?.querySelector(`[data-focused]`)??null,getItems:()=>p.value,getPanel:()=>h,getReference:()=>m,getTrigger:()=>m,isDisabled:()=>_.disabled.value,isItemDisabled:e=>e.disabled,onClose:e=>{r(`open-change`,{open:!1,reason:e}),_.triggerValidation(`blur`)},onOpen:e=>r(`open-change`,{open:!0,reason:e}),signal:g}),{triggerValidation:S}=_,E=_.selectedValues,O=_.disabled;yi(n,()=>_.formValue.value,e=>{_.setValues(e?e.split(`,`):[])});let{fieldId:k}=_,A=`listbox-${k}`,{focusedIndex:j,isOpen:M}=x;e({attr:{"has-error":()=>t.error.value?!0:void 0,open:()=>M.value?!0:void 0,size:t.size,variant:t.variant}});function N(){let e=s?.querySelector(`slot`);if(!e)return;let t=e.assignedElements({flatten:!0}),n=[];for(let e of t)if(e.tagName===`OPTION`){let t=e;n.push({disabled:t.disabled,disabledReason:t.dataset.disabledReason,label:t.text||t.value,value:t.value})}else if(e.tagName===`OPTGROUP`){let t=e,r=t.label;for(let e of Array.from(t.querySelectorAll(`option`))){let t=e;n.push({disabled:t.disabled,disabledReason:t.dataset.disabledReason,group:r,label:t.text||t.value,value:t.value})}}c.value=n}let P=C(()=>{if(E.value.length===0)return``;if(t.multiple.value&&E.value.length>1)return`${E.value.length} selected`;let e=E.value[0];return p.value.find(t=>t.value===e)?.label??e}),F=C(()=>t.multiple.value?E.value.map(e=>({label:p.value.find(t=>t.value===e)?.label??e,value:e})):[]),I=C(()=>t.multiple.value&&E.value.length>0),L=C(()=>P.value||t.placeholder.value||``);function R(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 z=C(()=>R(p.value));function B(){xi(n,_.formValue.value),$(n,`input`),$(n,`change`)}function ee(e){e.stopPropagation();let t=e.detail?.value;t!==void 0&&(_.removeValue(t),B(),S(`change`))}function V(e=`programmatic`){x.open(e),requestAnimationFrame(()=>{let e=E.value.length>0?p.value.findIndex(e=>e.value===E.value[0]):-1;if(e>=0){x.set(e);return}x.navigate(`first`)})}function te(e,n){e.disabled||(t.multiple.value?_.toggleValue(e.value):(_.selectValue(e.value),x.close()),B(),S(`change`))}function H(e){if(!O.value&&!x.handleKeydown(e))switch(e.key){case` `:case`Enter`:if(e.preventDefault(),M.value){let t=j.value,n=p.value;t>=0&&t<n.length&&te(n[t],e)}else V(`keyboard`);break;case`Tab`:x.close()}}let U=()=>L.value,ne=()=>t[`hide-label`].value,re=()=>ne()?``:t.label.value??``,ie=()=>ne()?t.label.value??``:null,ae=()=>t.placeholder.value??``,oe=()=>t[`label-placement`].value??`inset`,se=()=>t.color?.value??void 0,ce=()=>t.size?.value??void 0,le=()=>t.variant?.value??void 0,ue=()=>t.rounded?.value??void 0,de=()=>t.helper.value??``,fe=()=>t.error.value??``,pe=()=>O.value?!0:void 0,me=()=>t.required.value?!0:void 0,he=()=>t.fullwidth.value?!0:void 0,ge=()=>O.value?`-1`:`0`;D(i.elements(),()=>N(),{immediate:!0});let _e=w(()=>{M.value?h&&`showPopover`in h&&!h.matches(`:popover-open`)&&h.showPopover():h&&`hidePopover`in h&&h.matches(`:popover-open`)&&h.hidePopover()});return l(()=>_e.dispose()),f(()=>{let e=null,t=null;return m&&(e=e=>{e.stopPropagation(),!O.value&&(M.value?x.close(`trigger`):V(`click`))},t=e=>{H(e)},m.addEventListener(`click`,e),m.addEventListener(`keydown`,t)),()=>{m&&e&&m.removeEventListener(`click`,e),m&&t&&m.removeEventListener(`keydown`,t)}}),o`
|
|
1791
1813
|
<slot style="display:none"></slot>
|
|
1792
1814
|
<ore-input
|
|
1793
1815
|
class="trigger"
|
|
1794
1816
|
part="trigger"
|
|
1795
1817
|
readonly
|
|
1796
|
-
tabindex="${
|
|
1818
|
+
tabindex="${ge}"
|
|
1797
1819
|
role="combobox"
|
|
1798
1820
|
aria-haspopup="listbox"
|
|
1799
1821
|
aria-controls="${A}"
|
|
1822
|
+
aria-label="${ie}"
|
|
1800
1823
|
aria-disabled="${()=>O.value?`true`:null}"
|
|
1801
1824
|
aria-expanded="${()=>String(M.value)}"
|
|
1802
1825
|
aria-invalid="${()=>t.error.value?`true`:null}"
|
|
1803
|
-
value="${
|
|
1826
|
+
value="${U}"
|
|
1804
1827
|
label="${re}"
|
|
1805
|
-
placeholder="${
|
|
1806
|
-
label-placement="${
|
|
1807
|
-
color="${
|
|
1808
|
-
size="${
|
|
1809
|
-
variant="${
|
|
1810
|
-
rounded="${
|
|
1811
|
-
helper="${
|
|
1812
|
-
error="${
|
|
1813
|
-
?disabled="${
|
|
1814
|
-
?required="${
|
|
1815
|
-
?fullwidth="${
|
|
1828
|
+
placeholder="${ae}"
|
|
1829
|
+
label-placement="${oe}"
|
|
1830
|
+
color="${se}"
|
|
1831
|
+
size="${ce}"
|
|
1832
|
+
variant="${le}"
|
|
1833
|
+
rounded="${ue}"
|
|
1834
|
+
helper="${de}"
|
|
1835
|
+
error="${fe}"
|
|
1836
|
+
?disabled="${pe}"
|
|
1837
|
+
?required="${me}"
|
|
1838
|
+
?fullwidth="${he}"
|
|
1816
1839
|
?success="${()=>t.success.value}"
|
|
1817
1840
|
ref="${e=>{m=e}}">
|
|
1818
1841
|
<div slot="prefix" class="chips-row" ?hidden="${()=>!I.value}">
|
|
@@ -1824,7 +1847,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1824
1847
|
variant="flat"
|
|
1825
1848
|
size="sm"
|
|
1826
1849
|
color="${t.color}"
|
|
1827
|
-
@remove="${
|
|
1850
|
+
@remove="${ee}">
|
|
1828
1851
|
${e.label}
|
|
1829
1852
|
</ore-chip>
|
|
1830
1853
|
`)}
|
|
@@ -1848,7 +1871,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1848
1871
|
<div class="dropdown-loading" ?hidden="${()=>!u.value}">Loading…</div>
|
|
1849
1872
|
<div class="dropdown-empty" ?hidden="${()=>u.value||p.value.length>0}">No options</div>
|
|
1850
1873
|
<div class="options-list" ?hidden="${()=>u.value||p.value.length===0}">
|
|
1851
|
-
${()=>
|
|
1874
|
+
${()=>z.value.map(e=>e.type===`group`?o`
|
|
1852
1875
|
<div class="optgroup-label" role="presentation">${e.label}</div>
|
|
1853
1876
|
`:o`
|
|
1854
1877
|
<div
|
|
@@ -1862,9 +1885,10 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1862
1885
|
?data-focused="${()=>j.value===e.idx}"
|
|
1863
1886
|
?data-selected="${()=>E.value.includes(e.opt.value)}"
|
|
1864
1887
|
?data-disabled="${()=>e.opt.disabled}"
|
|
1865
|
-
@click="${t=>{t.stopPropagation(),
|
|
1888
|
+
@click="${t=>{t.stopPropagation(),te(e.opt,t)}}"
|
|
1866
1889
|
@pointerenter="${()=>{x.set(e.idx)}}">
|
|
1867
1890
|
<span>${e.opt.label}</span>
|
|
1891
|
+
${e.opt.disabled&&e.opt.disabledReason?o`<small class="disabled-reason" title="${e.opt.disabledReason}">${e.opt.disabledReason}</small>`:o``}
|
|
1868
1892
|
<span class="option-check" aria-hidden="true">
|
|
1869
1893
|
<ore-icon name="check" size="14" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
1870
1894
|
</span>
|
|
@@ -1872,7 +1896,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1872
1896
|
`)}
|
|
1873
1897
|
</div>
|
|
1874
1898
|
</div>
|
|
1875
|
-
`},shadow:{delegatesFocus:!0},styles:[
|
|
1899
|
+
`},shadow:{delegatesFocus:!0},styles:[Z,J,Y,Pi]});var Ii=e=>{let{bindTriggerAria:t,defaultOpen:n,disabled:r,getPanel:i,onClose:a,onOpen:o,onPlacementChange:s,openProp:c,placement:l,slot:u,slotElements:d,triggers:f}=e,p=()=>typeof u==`function`?u():u,m=()=>{let t=e.offset;return t==null?8:(typeof t==`object`?t.value:t)??8},h=Q(e.onCleanup),g=T(!1),_=()=>c.value!==void 0,v=null,y=null;function b(){let e=i(),t=v??p()?.assignedElements({flatten:!0})[0];if(!e||!t)return;let n=e.style.transition,r=e.style.transform;e.style.transition=`none`,e.style.transform=`none`;let a=I(t,e,{middleware:[z(m()),L(),B({padding:8})],placement:l.value});e.style.left=`${a.x}px`,e.style.top=`${a.y}px`,e.style.transition=n,e.style.transform=r,e.dataset.placement=a.placement,s?.(a.placement)}function x(){g.value=!0;let e=i();if(e&&(e.dataset.open=``,`showPopover`in e))try{e.matches(`:popover-open`)||e.showPopover()}catch{}b()}function S(){g.value=!1;let e=i();if(e&&(delete e.dataset.open,`hidePopover`in e))try{e.matches(`:popover-open`)&&e.hidePopover()}catch{}}function C(e=`programmatic`){_()||r.value||g.value||(x(),o?.(e))}function w(e=`trigger`){!_()&&g.value&&(S(),a?.(e))}function E(){_()||(g.value?w():C(`click`))}function O(e){e.key===`Escape`&&w(`escape`)}function k(e){let t=e.relatedTarget,n=i();t&&n?.contains(t)||t&&v?.contains(t)||w(`trigger`)}let A=()=>{y?.(),y=null;let e=p()?.assignedElements({flatten:!0})[0];if(!e){v=null;return}v=e;let n=t(e),r=[],a=(e,t,n,i)=>{e.addEventListener(t,n,i),r.push(()=>e.removeEventListener(t,n,i))},o=f.value;if(o.includes(`click`)&&a(e,`click`,E),o.includes(`hover`)){a(e,`pointerenter`,()=>C(`hover`)),a(e,`pointerleave`,()=>w(`trigger`));let t=i();t&&(a(t,`pointerenter`,()=>C(`hover`)),a(t,`pointerleave`,()=>w(`trigger`)))}if(o.includes(`focus`)){a(e,`focusin`,()=>C(`focus`)),a(e,`focusout`,k);let t=i();t&&a(t,`focusout`,k)}a(document,`keydown`,O),y=()=>{n();for(let e of r)e();v=null}},j=qt({getTargets:()=>[v,i(),e.getHost?.()],isActive:()=>g.value&&f.value.includes(`click`),onDismiss:()=>w(`outsideClick`),signal:h});return{close:w,mount:()=>{let e=!1,t=p(),s=()=>{queueMicrotask(()=>{h.aborted||A()})};return t?.addEventListener(`slotchange`,s),s(),D(d,A,{immediate:!0}),D(c,t=>{if(t==null){e&&g.value&&(S(),a?.(`programmatic`)),e=!0;return}e=!0,t?(x(),o?.(`programmatic`)):g.value&&(S(),a?.(`programmatic`))},{immediate:!0}),c.value===void 0&&n.value&&(x(),o?.(`programmatic`)),D(r,e=>{e&&w(`programmatic`)}),()=>{t?.removeEventListener(`slotchange`,s),y?.(),y=null;let e=i();if(e&&(delete e.dataset.open,`hidePopover`in e))try{e.matches(`:popover-open`)&&e.hidePopover()}catch{}j()}},open:C,toggle:E,updatePosition:b,visible:g}},Li=`@layer refine.base{:host{--_panel-bg:var(--popover-bg,var(--color-canvas));--_panel-blur:var(--popover-panel-blur,var(--blur-md));--_panel-border-color:var(--popover-border-color,var(--color-divider));--_panel-shadow:var(--popover-shadow,var(--shadow-xl));display:inline-block;position:relative}.panel{inset:unset;box-sizing:border-box;min-width:var(--popover-min-width,12rem);max-width:var(--popover-max-width,24rem);max-height:var(--popover-max-height,min(70vh, 32rem));overflow:var(--popover-overflow,auto);word-break:auto-phrase;overflow-wrap:anywhere;background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);border-radius:var(--rounded-lg);box-shadow:var(--_panel-shadow);opacity:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px);transition:opacity var(--transition-fast), transform .2s var(--ease-spring), display var(--transition-fast) allow-discrete, overlay var(--transition-fast) allow-discrete;margin:0;padding:0;position:fixed}.panel[data-open]{opacity:1;display:block;transform:scale(1)translateY(0)}.panel:popover-open{opacity:1;transform:scale(1)translateY(0)}@starting-style{.panel:popover-open{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px)}}@starting-style{.panel[data-open]{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px)}}}`,Ri=8,zi=new Set([`click`,`focus`,`hover`]),Bi=[`click`],Vi=e=>e==null?void 0:e===``||e===`true`,Hi=e=>ln(String(e??``),zi,Bi),Ui=`ore-popover`;i(Ui,{props:{...K,"default-open":p.bool(!1),label:p.string(),offset:p.number(Ri),open:{default:void 0,parse:Vi},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 r=a(),i=v(),s=b(),c=r.shadowRoot,u=C(()=>!!t.disabled.value),d=n(`popover`),p=C(()=>Hi(t.trigger.value)),m=null,h=Ii({bindTriggerAria:t=>e({aria:{controls:()=>d,disabled:()=>String(u.value),expanded:()=>String(h.visible.value),haspopup:`dialog`}},{target:t}),defaultOpen:t[`default-open`],disabled:u,getHost:()=>r,getPanel:()=>m,offset:t.offset,onCleanup:l,onClose:e=>i(`open-change`,{open:!1,reason:e}),onOpen:e=>i(`open-change`,{open:!0,reason:e}),openProp:t.open,placement:C(()=>t.placement.value),slot:()=>c?.querySelector(`slot:not([name])`)??null,slotElements:s.elements(),triggers:p});return f(()=>h.mount()),o`
|
|
1876
1900
|
<slot></slot>
|
|
1877
1901
|
<div
|
|
1878
1902
|
class="panel"
|
|
@@ -1886,11 +1910,11 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1886
1910
|
ref=${e=>{m=e}}>
|
|
1887
1911
|
<slot name="content"></slot>
|
|
1888
1912
|
</div>
|
|
1889
|
-
`},styles:[q,Fi]});var Hi=`@layer refine.base{:host{--_row-hover-bg:var(--datagrid-row-hover-bg,color-mix(in oklch, var(--color-contrast-500) 5%, transparent));--_row-selected-bg:var(--datagrid-row-selected-bg,color-mix(in oklch, var(--_accent) 10%, transparent));--_row-selected-border:var(--datagrid-row-selected-border,var(--_accent))}.dg-scroll{max-height:var(--datagrid-max-height,none);overflow:auto}.dg-table{width:100%;font-size:var(--_font-size);table-layout:auto;border-collapse:collapse}.dg-head{z-index:2;background:var(--_header-bg);box-shadow:inset 0 calc(var(--border) * -1) 0 var(--_border-color);position:sticky;top:0}.dg-th{padding:var(--_cell-padding-y) var(--_cell-padding-x);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;-webkit-user-select:none;user-select:none;border-right:var(--border) solid var(--_border-color)}.dg-th:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.dg-th:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.dg-th[data-align=center]{text-align:center}.dg-th[data-align=right]{text-align:right}.dg-th:has(.dg-sort-btn){padding:0}.dg-sort-btn{--button-padding:var(--_cell-padding-y) var(--_cell-padding-x);--button-font-size:var(--text-xs);--button-font-weight:var(--font-semibold);--button-color:var(--color-contrast-500);--button-justify:flex-start;height:100%}.dg-th[data-align=center] .dg-sort-btn{--button-justify:center}.dg-th[data-align=right] .dg-sort-btn{--button-justify:flex-end}:host(:dir(rtl)) .dg-th,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th{border-right:none;border-left:var(--border) solid var(--_border-color)}.dg-th:last-child,.dg-th.dg-th-check,.dg-th.dg-th-expand,.dg-th.dg-th-last{border-right:none}:host(:dir(rtl)) .dg-th:last-child,:host(:dir(rtl)) .dg-th.dg-th-check,:host(:dir(rtl)) .dg-th.dg-th-expand,:host(:dir(rtl)) .dg-th.dg-th-last,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th:last-child,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-check,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-expand,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-last{border-left:none}.dg-th-inner{gap:var(--size-1);align-items:center;display:flex;position:relative}.dg-th[aria-sort]:has(.dg-sort-btn:hover):not(:has(.dg-sort-btn[aria-disabled=true])){background:color-mix(in oklch, var(--color-contrast-900) 5%, transparent)}.dg-th[aria-sort=ascending] .dg-sort-icon,.dg-th[aria-sort=descending] .dg-sort-icon{color:var(--_accent)}.dg-th-check{width:var(--size-5);min-width:var(--size-5);padding:var(--_cell-padding-y) var(--_cell-padding-x)}.dg-th-check,.dg-td-check{vertical-align:middle;text-align:center}.dg-td.dg-td-check{padding:var(--size-1) 0 0}.dg-check{cursor:pointer;justify-content:center;align-items:center;gap:0;min-height:0;display:inline-flex}.dg-body .dg-tr{border-bottom:var(--border) solid var(--_border-color);transition:background var(--transition-fast)}.dg-body .dg-tr:hover:not(:is([data-disabled],[aria-selected=true])){background:var(--_row-hover-bg)}.dg-body .dg-tr[aria-selected=true]{background:var(--_row-selected-bg)}.dg-body .dg-tr[data-selectable]{cursor:pointer;outline:none}.dg-body .dg-tr[data-selectable]:focus-visible{box-shadow:inset 0 0 0 2px var(--_row-selected-border)}.dg-body .dg-tr[data-disabled]{pointer-events:none;opacity:.45}:host([striped]) .dg-body .dg-tr:nth-child(2n){background:var(--_stripe-bg)}:host([striped]) .dg-body .dg-tr:nth-child(2n)[aria-selected=true]{background:var(--_row-selected-bg)}.dg-td{max-width:var(--datagrid-cell-max-width,32ch);padding:var(--_cell-padding-y) var(--_cell-padding-x);text-overflow:ellipsis;vertical-align:middle;color:var(--color-contrast-800);white-space:nowrap;border-right:var(--border) solid var(--_border-color);overflow:hidden}.dg-td[data-align=center]{text-align:center}.dg-td[data-align=right]{text-align:right}:host(:dir(rtl)) .dg-td,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td{border-right:none;border-left:var(--border) solid var(--_border-color)}.dg-td:last-child,.dg-td.dg-td-check,.dg-td.dg-td-expand,.dg-td.dg-td-last{border-right:none}:host(:dir(rtl)) .dg-td:last-child,:host(:dir(rtl)) .dg-td.dg-td-check,:host(:dir(rtl)) .dg-td.dg-td-expand,:host(:dir(rtl)) .dg-td.dg-td-last,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td:last-child,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-check,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-expand,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-last{border-left:none}.dg-empty{padding:var(--size-12) var(--_cell-padding-x);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.dg-empty-content{gap:var(--size-4);flex-direction:column;justify-content:center;align-items:center;display:flex}.dg-empty-actions{margin-top:var(--size-2)}.dg-controls{gap:var(--size-3);height:var(--size-8);padding:var(--size-1-5) var(--_cell-padding-x);background:var(--_header-bg);border-bottom:var(--border) solid var(--_border-color);justify-content:space-between;align-items:center;display:flex}.dg-tabs{gap:var(--size-1);flex:1;align-items:center;min-width:0;display:flex;overflow:hidden}.dg-tab{--button-padding:var(--size-0-5) var(--size-2-5);--button-font-size:var(--text-xs);--button-color:var(--color-contrast-500);flex:1;min-width:0}.dg-tab--active{--button-color:var(--color-contrast-900);--button-bg:color-mix(in oklch, var(--color-contrast-500) 10%, transparent);--button-border-color:var(--_border-color);--button-border:var(--border);font-weight:var(--font-semibold)}.dg-actions{gap:var(--size-0-5);flex-shrink:0;align-items:center;display:flex}.dg-action-divider{width:var(--border);height:var(--size-4);margin-inline:var(--size-1);background:var(--_border-color);flex-shrink:0;display:inline-block}.dg-action-divider[hidden]{display:none}.dg-filter{width:100%;display:block}.dg-search{gap:var(--size-1);flex-direction:row-reverse;align-items:center;display:flex}.dg-search-input{--input-height:var(--size-7);opacity:0;width:0;transition:width var(--transition-fast), opacity var(--transition-fast);flex-shrink:0;display:block;overflow:hidden}.dg-search--open .dg-search-input{opacity:1;width:12rem;overflow:visible}@media (prefers-reduced-motion:reduce){.dg-search-input{transition:none}}.dg-action-popover{display:inline-flex}.dg-pop-header{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(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-page-btn{transform:scaleX(-1)}.dg-page-btn{--button-color:var(--color-contrast-600);--button-radius:var(--rounded-md);width:var(--size-7);height:var(--size-7)}.dg-page-btn:hover{--button-color:var(--color-contrast-900);--button-bg:var(--color-contrast-300)}.dg-page-btn:disabled{cursor:not-allowed;opacity:.35}.dg-page-label{padding-inline:var(--size-1);white-space:nowrap}.dg-col-resize{inset-block:calc(var(--_cell-padding-y) * -1);width:var(--size-1);cursor:col-resize;-webkit-user-select:none;user-select:none;border-radius:var(--rounded);transition:background var(--transition-fast);background:0 0;position:absolute}.dg-col-resize:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc((var(--_cell-padding-x) + var(--border) + 2px) * -1)}.dg-col-resize:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc((var(--_cell-padding-x) + var(--border) + 2px) * -1)}.dg-col-resize:hover,.dg-col-resize:active{background:var(--_accent,var(--color-contrast-300))}.dg-td:focus-visible,.dg-th:focus-visible{outline:2px solid var(--_row-selected-border);outline-offset:-2px}.dg-tr-expanded .dg-td-expanded{padding:var(--_cell-padding-y) var(--_cell-padding-x);box-shadow:inset 0 0 0 9999px color-mix(in oklch, var(--color-contrast-600) 4%, var(--_bg,transparent)), inset 0 calc(var(--border) * -1) 0 var(--_border-color);border:none}.dg-tr-expanded:last-child .dg-td-expanded{box-shadow:inset 0 0 0 9999px color-mix(in oklch, var(--color-contrast-900) 4%, var(--_bg,transparent))}.dg-tr:has(+.dg-tr-expanded){border-bottom:none}.dg-th-expand,.dg-td-expand{width:var(--size-8);min-width:var(--size-8);padding-block:var(--size-1) 0;padding-inline:0 var(--size-2);text-align:center;white-space:nowrap;border-left:none;border-right:none}.dg-expand-btn{--button-color:var(--color-contrast-500);--button-radius:var(--rounded-sm);width:var(--size-5);height:var(--size-5)}.dg-expand-btn:hover{--button-color:var(--color-contrast-900)}.dg-expand-btn:disabled{cursor:not-allowed;opacity:.4}.dg-loading-overlay{z-index:3;background:color-mix(in oklch, var(--_bg,white) 40%, transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);justify-content:center;align-items:center;display:none;position:absolute;inset:0}:host([loading]) .dg-loading-overlay{display:flex}:host([loading]) .dg-scroll table{pointer-events:none;opacity:.5}.dg-spin{animation:1s linear infinite dg-spin}@keyframes dg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}`;customElements.get(`ore-column`)||customElements.define(`ore-column`,class extends HTMLElement{connectedCallback(){this.getAttribute(`key`),this.getAttribute(`label`)}});var Ui=[`key`,`label`,`sortable`,`resizable`,`align`,`width`,`header-label`];function Wi(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 Gi=[{label:`Contains`,value:`contains`},{label:`Equals`,value:`equals`},{label:`Greater than`,value:`gt`},{label:`Less than`,value:`lt`}],Ki=e=>{let t=T(``),n=T(!1),r=T(new Set),i=T(new Set),a=T(new Map),o=T(``),s=T(`none`),c=T(new Set),l=T(0),u=C(()=>new Set(e.columns.value.map(e=>e.key))),d=C(()=>e.columns.value.filter(e=>!r.value.has(e.key))),f=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=new Map;for(let t of n){let n=new Set,i=[];for(let r of e.items.value){let e=r[t],a=e==null?``:String(e);n.has(a)||(n.add(a),i.push({label:a||`(empty)`,value:a}))}r.set(t,i)}return r}),p=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:Gi,options:f.value.get(t)??[]}));return[...t.map(e=>({...e,operators:e.operators??Gi})),...r]}),m=C(()=>{let n=e.items.value;if(!e.clientSide.value)return n;let r=t.value.trim().toLowerCase();return r?n.filter(e=>Object.values(e).some(e=>e!=null&&String(e).toLowerCase().includes(r))):n}),h=C(()=>{let t=m.value;return!e.clientSide.value||!a.value.size?t:t.filter(e=>{for(let[t,n]of a.value){if(!n.values.size||!u.value.has(t))continue;let r=e[t],i=r==null?``:String(r);if(n.operator===`equals`&&!n.values.has(i)||n.operator===`contains`&&![...n.values].some(e=>i.toLowerCase().includes(e.toLowerCase())))return!1;if(n.operator===`gt`||n.operator===`lt`){let e=parseFloat(i),t=[...n.values].map(parseFloat).filter(e=>!Number.isNaN(e));if(!t.length)continue;if(n.operator===`gt`&&!t.some(t=>e>t)||n.operator===`lt`&&!t.some(t=>e<t))return!1}}return!0})}),g=C(()=>({direction:s.value,key:o.value})),_=C(()=>{let t=h.value;if(!e.clientSide.value||e.sortMode.value===`server`)return t;let{direction:n,key:r}=g.value;if(!r||n===`none`)return t;let i=e.columns.value.find(e=>e.key===r);return t.slice().sort((e,t)=>{let a=i?.sortValue?i.sortValue(e):e[r],o=i?.sortValue?i.sortValue(t):t[r],s=typeof a==`number`&&typeof o==`number`?a-o:String(a??``).localeCompare(String(o??``));return n===`asc`?s:-s})}),v=C(()=>_.value.length),y=C(()=>{let t=e.pageSize.value;return Math.ceil(v.value/(t<=0?2**53-1:t))}),b=C(()=>y.value?Math.min(l.value,y.value-1):-1),x=C(()=>{let t=e.pageSize.value;if(t<=0)return _.value;let n=b.value*t;return _.value.slice(n,n+t)}),S=C(()=>y.value>0&&b.value<y.value-1),w=C(()=>b.value>0),E=C(()=>e.items.value.filter(t=>c.value.has(e.getRowKey(t))));D(u,e=>{let t=new Set([...i.value].filter(t=>e.has(t))),n=new Map([...a.value].filter(([t])=>e.has(t)));t.size!==i.value.size&&(i.value=t),n.size!==a.value.size&&(a.value=n)},{immediate:!1}),D(_,()=>{l.value=0});let O=t=>{c.value=t,e.onSelectionChange?.(t)},k=(e,t)=>{let n=new Map(a.value);t.length?n.set(e,{operator:n.get(e)?.operator??`contains`,values:new Set(t)}):n.delete(e),a.value=n},A=(e,t)=>{let n=a.value.get(e);n&&(a.value=new Map(a.value).set(e,{...n,operator:t}))},j=(t,n)=>{o.value=n===`none`?``:t,s.value=n,l.value=0,e.onSortChange?.(g.value)};return{activateFilterKey:e=>{i.value.has(e)||(i.value=new Set([...i.value,e]))},clearAllFilters:()=>{i.value=new Set,a.value=new Map},clearSelection:()=>O(new Set),currentPageItems:x,filterDefs:p,filteredRows:h,filterValues:a,goToPage:e=>{Number.isFinite(e)&&(l.value=Math.max(0,e))},hasNextPage:S,hasPrevPage:w,hiddenColumns:r,isAllSelected:()=>{let t=x.value;return t.length>0&&t.every(t=>c.value.has(e.getRowKey(t)))},nextPage:()=>{S.value&&(l.value=b.value+1)},pageCount:y,pageIndex:b,prevPage:()=>{w.value&&(l.value=b.value-1)},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,selectAll:()=>{if(e.selectionMode.value!==`multi`)return;let t=new Set(c.value);if(x.value.every(n=>t.has(e.getRowKey(n))))for(let n of x.value)t.delete(e.getRowKey(n));else for(let n of x.value)t.add(e.getRowKey(n));O(t)},selectedKeys:C(()=>new Set(c.value)),selectedRows:E,setActiveFilterKeys:e=>{let t=new Set(e);i.value=t,a.value=new Map([...a.value].filter(([e])=>t.has(e)))},setFilter:k,setFilterOperator:A,setSearchQuery:e=>{t.value=e},setSelection:e=>O(new Set(e)),sortBy:e=>{let t=o.value===e?s.value===`asc`?`desc`:s.value===`desc`?`none`:`asc`:`asc`;j(t===`none`?``:e,t)},sortState:g,sortTo:j,toggleColumnVisibility:e=>{let t=new Set(r.value);t.has(e)?t.delete(e):t.add(e),r.value=t},toggleRow:t=>{if(e.selectionMode.value===`none`)return;let n=new Set(c.value);n.has(t)?n.delete(t):(e.selectionMode.value===`single`&&n.clear(),n.add(t)),O(n)},toggleSearch:()=>{n.value&&(t.value=``),n.value=!n.value},totalItems:v,visibleColumns:d}},qi=`.dg-td, .dg-th`;function Ji(e){return Array.from(e.querySelectorAll(`tr`)).map(e=>Array.from(e.querySelectorAll(qi))).filter(e=>e.length>0)}function Yi(e,t){let n=T({col:0,row:0}),r=e=>{let r=Ji(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(qi))return;let i=Ji(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}}}function Xi(e,t){return e.key!==t||e.direction===`none`?`chevrons-up-down`:e.direction===`asc`?`chevron-up`:`chevron-down`}function Zi(e,t){return e.key!==t||e.direction===`none`?`none`:e.direction===`asc`?`ascending`:`descending`}var Qi=`ore-datagrid`;i(Qi,{props:{activeView:p.string(),density:p.string(),...G,...we,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=a(),n=v(),r=b(),i=C(()=>e.disabled.value===!0),s=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(()=>+(s.value===`multi`)),p=T(e.pageSize.value??10);D(e.pageSize,e=>{e!=null&&(p.value=e)});let m=T([]);f(()=>{m.value=Wi(t);let e=new MutationObserver(()=>{m.value=Wi(t)});return e.observe(t,{attributeFilter:Ui,attributes:!0,childList:!0,subtree:!0}),()=>e.disconnect()});let h=C(()=>{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?`__missing_${Math.random().toString(36).slice(2)}`:String(r)},y=C(()=>e.source.value!=null),x=T([]),S=T({error:null,isLoading:!1,pageCount:1,pageNumber:1,pageSize:p.value,totalItems:0}),w=null;l(()=>{w?.(),w=null}),D(e.source,e=>{if(w?.(),w=null,!e){x.value=[],S.value={error:null,isLoading:!1,pageCount:1,pageNumber:1,pageSize:p.value,totalItems:0};return}let t=(t=e.snapshot)=>{x.value=t.data,S.value={error:t.error,isLoading:t.isFetching,pageCount:t.pagination.count,pageNumber:t.pagination.index,pageSize:t.pagination.size,totalItems:t.pagination.total}};t(),w=e.subscribe(t)},{immediate:!0});let E=Ki({clientSide:C(()=>!y.value),columns:h,filterOptions:e.filterOptions,getRowKey:g,items:C(()=>y.value?x.value:e.rows.value??[]),onSelectionChange:e=>{n(`selection-change`,{keys:[...e],rows:E.selectedRows.value})},onSortChange:e=>{n(`sort-change`,e)},pageSize:C(()=>y.value?0:p.value),selectionMode:s,sortMode:C(()=>e.sortMode.value??`client`)}),O=ji(t=>{let n=e.source.value;n?.setQuery?n.setQuery({search:t}):E.setSearchQuery(t)},250);D(e.selectedKeys,e=>{Array.isArray(e)&&E.setSelection(new Set(e))},{immediate:!0});let k=T({}),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=E.visibleColumns,M=(e,t)=>{if(e.cell)return e.cell(t);let n=t[e.key];return n==null?``:String(n)};function N(t){let r=e.source.value;if(r){t===`prev`?r.page?.previous():r.page?.next();return}t===`prev`?E.prevPage():E.nextPage(),n(`page-change`,{pageIndex:E.pageIndex.value,pageSize:p.value})}let P=C(()=>{let e=E.currentPageItems.value;return!e.length||E.isAllSelected()?!1:e.some(e=>E.selectedKeys.value.has(g(e)))}),F=C(()=>j.value.length+ +(s.value===`multi`)+ +!!u.value),I=C(()=>y.value?S.value.pageCount>1:p.value>0),L=C(()=>{if(y.value){let{pageNumber:e,pageSize:t,totalItems:n}=S.value,r=Math.max(1,t);if(!I.value)return`${n} row${n===1?``:`s`}`;if(n===0)return`0 to 0 of 0`;let i=(e-1)*r+1;return`${i} to ${Math.min(i+r-1,n)} of ${n}`}let e=E.totalItems.value;if(!I.value)return`${e} row${e===1?``:`s`}`;if(e===0)return`0 to 0 of 0`;let t=E.pageIndex.value*p.value+1;return`${t} to ${Math.min(t+p.value-1,e)} of ${e}`}),R=C(()=>e.loading.value===!0||y.value&&S.value.isLoading),ee=C(()=>y.value?S.value.pageNumber>1:E.hasPrevPage.value),z=C(()=>y.value?S.value.pageNumber<S.value.pageCount:E.hasNextPage.value),te=C(()=>y.value?S.value.totalItems===0?`0 / 0`:`${S.value.pageNumber} / ${S.value.pageCount}`:`${E.pageIndex.value+1} / ${E.pageCount.value}`),B=[`compact`,`cozy`,`comfortable`],ne={comfortable:`rows-2`,compact:`rows-4`,cozy:`rows-3`},V={comfortable:`Density: Comfortable`,compact:`Density: Compact`,cozy:`Density: Cozy`},H=T(e.density.value??`cozy`);D(e.density,e=>{e&&(H.value=e)});let re=()=>{let e=B.indexOf(H.value),r=B[(e+1)%B.length];H.value=r,t.setAttribute(`density`,r),n(`density-change`,{density:r})},ie=T(!1),ae=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})},oe={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}=Yi(n,e);return oe=i,r}),t.focusCell=e=>oe.focusCell(e);let se=()=>{let t=e.views.value??[],r=e.activeView.value;return o`
|
|
1913
|
+
`},styles:[J,Li]});var Wi=`@layer refine.base{:host{--_row-hover-bg:var(--datagrid-row-hover-bg,color-mix(in oklch, var(--color-contrast-500) 5%, transparent));--_row-selected-bg:var(--datagrid-row-selected-bg,color-mix(in oklch, var(--_accent) 10%, transparent));--_row-selected-border:var(--datagrid-row-selected-border,var(--_accent))}.dg-scroll{max-height:var(--datagrid-max-height,none);overflow:auto}.dg-table{width:100%;font-size:var(--_font-size);table-layout:auto;border-collapse:collapse}.dg-head{z-index:2;background:var(--_header-bg);box-shadow:inset 0 calc(var(--border) * -1) 0 var(--_border-color);position:sticky;top:0}.dg-th{padding:var(--_cell-padding-y) var(--_cell-padding-x);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;-webkit-user-select:none;user-select:none;border-right:var(--border) solid var(--_border-color)}.dg-th:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.dg-th:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.dg-th[data-align=center]{text-align:center}.dg-th[data-align=right]{text-align:right}.dg-th:has(.dg-sort-btn){padding:0}.dg-sort-btn{--button-padding:var(--_cell-padding-y) var(--_cell-padding-x);--button-font-size:var(--text-xs);--button-font-weight:var(--font-semibold);--button-color:var(--color-contrast-500);--button-justify:flex-start;height:100%}.dg-th[data-align=center] .dg-sort-btn{--button-justify:center}.dg-th[data-align=right] .dg-sort-btn{--button-justify:flex-end}:host(:dir(rtl)) .dg-th,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th{border-right:none;border-left:var(--border) solid var(--_border-color)}.dg-th:last-child,.dg-th.dg-th-check,.dg-th.dg-th-expand,.dg-th.dg-th-last{border-right:none}:host(:dir(rtl)) .dg-th:last-child,:host(:dir(rtl)) .dg-th.dg-th-check,:host(:dir(rtl)) .dg-th.dg-th-expand,:host(:dir(rtl)) .dg-th.dg-th-last,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th:last-child,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-check,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-expand,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-last{border-left:none}.dg-th-inner{gap:var(--size-1);align-items:center;display:flex;position:relative}.dg-th[aria-sort]:has(.dg-sort-btn:hover):not(:has(.dg-sort-btn[aria-disabled=true])){background:color-mix(in oklch, var(--color-contrast-900) 5%, transparent)}.dg-th[aria-sort=ascending] .dg-sort-icon,.dg-th[aria-sort=descending] .dg-sort-icon{color:var(--_accent)}.dg-th-check{width:var(--size-5);min-width:var(--size-5);padding:var(--_cell-padding-y) var(--_cell-padding-x)}.dg-th-check,.dg-td-check{vertical-align:middle;text-align:center}.dg-td.dg-td-check{padding:var(--size-1) 0 0}.dg-check{cursor:pointer;justify-content:center;align-items:center;gap:0;min-height:0;display:inline-flex}.dg-body .dg-tr{border-bottom:var(--border) solid var(--_border-color);transition:background var(--transition-fast)}.dg-body .dg-tr:hover:not(:is([data-disabled],[aria-selected=true])){background:var(--_row-hover-bg)}.dg-body .dg-tr[aria-selected=true]{background:var(--_row-selected-bg)}.dg-body .dg-tr[data-selectable]{cursor:pointer;outline:none}.dg-body .dg-tr[data-selectable]:focus-visible{box-shadow:inset 0 0 0 2px var(--_row-selected-border)}.dg-body .dg-tr[data-disabled]{pointer-events:none;opacity:.45}:host([striped]) .dg-body .dg-tr:nth-child(2n){background:var(--_stripe-bg)}:host([striped]) .dg-body .dg-tr:nth-child(2n)[aria-selected=true]{background:var(--_row-selected-bg)}.dg-td{max-width:var(--datagrid-cell-max-width,32ch);padding:var(--_cell-padding-y) var(--_cell-padding-x);text-overflow:ellipsis;vertical-align:middle;color:var(--color-contrast-800);white-space:nowrap;border-right:var(--border) solid var(--_border-color);overflow:hidden}.dg-td[data-align=center]{text-align:center}.dg-td[data-align=right]{text-align:right}:host(:dir(rtl)) .dg-td,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td{border-right:none;border-left:var(--border) solid var(--_border-color)}.dg-td:last-child,.dg-td.dg-td-check,.dg-td.dg-td-expand,.dg-td.dg-td-last{border-right:none}:host(:dir(rtl)) .dg-td:last-child,:host(:dir(rtl)) .dg-td.dg-td-check,:host(:dir(rtl)) .dg-td.dg-td-expand,:host(:dir(rtl)) .dg-td.dg-td-last,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td:last-child,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-check,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-expand,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-last{border-left:none}.dg-empty{padding:var(--size-12) var(--_cell-padding-x);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.dg-empty-content{gap:var(--size-4);flex-direction:column;justify-content:center;align-items:center;display:flex}.dg-empty-actions{margin-top:var(--size-2)}.dg-controls{gap:var(--size-3);height:var(--size-8);padding:var(--size-1-5) var(--_cell-padding-x);background:var(--_header-bg);border-bottom:var(--border) solid var(--_border-color);justify-content:space-between;align-items:center;display:flex}.dg-tabs{gap:var(--size-1);flex:1;align-items:center;min-width:0;display:flex;overflow:hidden}.dg-tab{--button-padding:var(--size-0-5) var(--size-2-5);--button-font-size:var(--text-xs);--button-color:var(--color-contrast-500);flex:1;min-width:0}@media (width<=40rem){.dg-tabs{overscroll-behavior-inline:contain;scrollbar-width:none;overflow-x:auto}.dg-tabs::-webkit-scrollbar{display:none}.dg-tab{flex:none;min-width:max-content}}.dg-tab--active{--button-color:var(--color-contrast-900);--button-bg:color-mix(in oklch, var(--color-contrast-500) 10%, transparent);--button-border-color:var(--_border-color);--button-border:var(--border);font-weight:var(--font-semibold)}.dg-actions{gap:var(--size-0-5);flex-shrink:0;align-items:center;display:flex}.dg-action-divider{width:var(--border);height:var(--size-4);margin-inline:var(--size-1);background:var(--_border-color);flex-shrink:0;display:inline-block}.dg-action-divider[hidden]{display:none}.dg-filter{width:100%;display:block}.dg-search{gap:var(--size-1);flex-direction:row-reverse;align-items:center;display:flex}.dg-search-input{--input-height:var(--size-7);opacity:0;width:0;transition:width var(--transition-fast), opacity var(--transition-fast);flex-shrink:0;display:block;overflow:hidden}.dg-search--open .dg-search-input{opacity:1;width:12rem;overflow:visible}@media (prefers-reduced-motion:reduce){.dg-search-input{transition:none}}.dg-action-popover{display:inline-flex}.dg-pop-header{gap:var(--size-3);min-height:var(--size-10);padding:var(--size-2) var(--size-3);border-bottom:var(--border) solid var(--_border-color);justify-content:space-between;align-items:center;display:flex}.dg-pop-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-600);letter-spacing:.02em}.dg-pop-heading,.dg-pop-heading>*{min-width:0;display:block}.dg-pop-heading small{font-size:var(--text-xs);color:var(--color-contrast-500);margin-top:var(--size-0-5)}.dg-pop-sort{flex-direction:column;display:flex}.dg-pop-sort-row{gap:var(--size-2);padding:var(--size-2) var(--size-3);align-items:center;display:flex}.dg-pop-select,.dg-pop-dir-select{--input-min-width:0;--select-min-width:0;width:0;min-width:0}.dg-pop-select{flex:2 1 0}.dg-pop-dir-select{flex:0 0 var(--size-28);width:var(--size-28)}.dg-pop-filter{flex-direction:column;display:flex}.dg-pop-filter-fields{padding:var(--size-2) var(--size-3)}.dg-pop-filter-rules{border-top:var(--border) solid var(--_border-color);padding-top:var(--size-1)}.dg-pop-filter-rules[hidden]{display:none}.dg-pop-filter-rule{gap:var(--size-2);padding:var(--size-2) var(--size-3);flex-direction:column;display:flex}.dg-pop-filter-rule-header{gap:var(--size-1-5);align-items:center;display:flex}.dg-pop-filter-field{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-800);white-space:nowrap}.dg-pop-filter-op-select{--input-min-width:0;--select-min-width:0;--select-height:var(--size-6);--select-font-size:var(--text-2xs);--select-padding-x:var(--size-1-5);flex:1 1 0;min-width:6rem}.dg-state-trigger{position:relative}.dg-state-trigger[data-customized]:after{width:var(--size-1-5);height:var(--size-1-5);content:"";background:var(--color-primary);border:var(--border) solid var(--_header-bg);top:var(--size-1);border-radius:50%;position:absolute}.dg-state-trigger[data-customized]:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{right:var(--size-1)}.dg-state-trigger[data-customized]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{left:var(--size-1)}.dg-pop-col{width:18rem}.dg-pop-col-list{gap:var(--size-0-5);max-height:min(50vh,24rem);padding:var(--size-2) var(--size-3);overscroll-behavior:contain;display:grid;overflow-y:auto}.dg-pop-col-item{--checkbox-size:var(--size-4);--checkbox-font-size:var(--text-sm);width:100%;padding:var(--size-1) var(--size-2);cursor:pointer;border-radius:var(--rounded-md)}.dg-pop-col-item:hover{background:var(--color-contrast-150)}.dg-pop-col-item::part(label){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dg-footer{gap:var(--size-2);padding:var(--size-1) var(--_cell-padding-x);font-size:var(--text-xs);color:var(--color-contrast-500);background:var(--_header-bg);flex-wrap:wrap;align-items:center;display:flex}.dg-footer-info{white-space:nowrap}.dg-footer-start{gap:var(--size-2);flex:auto;align-items:center;min-width:0;display:flex}.dg-page-size-wrap{width:var(--size-20);flex-shrink:0;order:-1}.dg-page-size-select{--input-height:var(--size-8);--input-min-width:0;--select-min-width:0;--select-font-size:var(--text-xs);--select-padding-x:var(--size-2)}.dg-pagination{gap:var(--size-1);flex-shrink:0;align-items:center;display:flex}.dg-pagination:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.dg-pagination:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}:host(:dir(rtl)) .dg-page-btn,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-page-btn{transform:scaleX(-1)}.dg-page-btn{--button-color:var(--color-contrast-600);--button-radius:var(--rounded-md);width:var(--size-7);height:var(--size-7)}.dg-page-btn:hover{--button-color:var(--color-contrast-900);--button-bg:var(--color-contrast-300)}.dg-page-btn:disabled{cursor:not-allowed;opacity:.35}.dg-page-label{padding-inline:var(--size-1);white-space:nowrap}.dg-col-resize{inset-block:calc(var(--_cell-padding-y) * -1);width:var(--size-1);cursor:col-resize;-webkit-user-select:none;user-select:none;border-radius:var(--rounded);transition:background var(--transition-fast);background:0 0;position:absolute}.dg-col-resize:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc((var(--_cell-padding-x) + var(--border) + 2px) * -1)}.dg-col-resize:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc((var(--_cell-padding-x) + var(--border) + 2px) * -1)}.dg-col-resize:hover,.dg-col-resize:active{background:var(--_accent,var(--color-contrast-300))}.dg-td:focus-visible,.dg-th:focus-visible{outline:2px solid var(--_row-selected-border);outline-offset:-2px}.dg-tr-expanded .dg-td-expanded{padding:var(--_cell-padding-y) var(--_cell-padding-x);box-shadow:inset 0 0 0 9999px color-mix(in oklch, var(--color-contrast-600) 4%, var(--_bg,transparent)), inset 0 calc(var(--border) * -1) 0 var(--_border-color);border:none}.dg-tr-expanded:last-child .dg-td-expanded{box-shadow:inset 0 0 0 9999px color-mix(in oklch, var(--color-contrast-900) 4%, var(--_bg,transparent))}.dg-tr:has(+.dg-tr-expanded){border-bottom:none}.dg-th-expand,.dg-td-expand{width:var(--size-8);min-width:var(--size-8);padding-block:var(--size-1) 0;padding-inline:0 var(--size-2);text-align:center;white-space:nowrap;border-left:none;border-right:none}.dg-expand-btn{--button-color:var(--color-contrast-500);--button-radius:var(--rounded-sm);width:var(--size-5);height:var(--size-5)}.dg-expand-btn:hover{--button-color:var(--color-contrast-900)}.dg-expand-btn:disabled{cursor:not-allowed;opacity:.4}.dg-loading-overlay{z-index:3;background:color-mix(in oklch, var(--_bg,white) 40%, transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);justify-content:center;align-items:center;display:none;position:absolute;inset:0}:host([loading]) .dg-loading-overlay{display:flex}:host([loading]) .dg-scroll table{pointer-events:none;opacity:.5}.dg-spin{animation:1s linear infinite dg-spin}@keyframes dg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}`;customElements.get(`ore-column`)||customElements.define(`ore-column`,class extends HTMLElement{connectedCallback(){this.getAttribute(`key`),this.getAttribute(`label`)}});var Gi=[`key`,`label`,`sortable`,`resizable`,`align`,`width`,`header-label`];function Ki(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 qi=[{label:`Contains`,value:`contains`},{label:`Equals`,value:`equals`},{label:`Greater than`,value:`gt`},{label:`Less than`,value:`lt`}],Ji=e=>{let t=T(``),n=T(!1),r=T(new Set),i=T(new Set),a=T(new Map),o=T(``),s=T(`none`),c=T(new Set),l=T(0),u=C(()=>new Set([...e.columns.value.map(e=>e.key),...(e.filterOptions.value??[]).map(e=>e.key)])),d=C(()=>e.columns.value.filter(e=>!r.value.has(e.key))),f=C(()=>{let t=e.items.value;if(!e.clientSide.value)return t;let n=e.activeView?.value?.filter;return n?t.filter(n):t}),p=(t,n)=>{let r=e.columns.value.find(e=>e.key===n);return r?.filterValue?r.filterValue(t):t[n]},m=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=new Map;for(let t of n){let n=e.columns.value.find(e=>e.key===t),i=new Set,a=[];for(let r of f.value){let o=p(r,t),s=o==null?``:String(o),c=n?.filterLabel?.(r)??n?.cell?.(r)??s;i.has(s)||(i.add(s),a.push({label:c||e.emptyValueLabel?.value||`(empty)`,value:s}))}r.set(t,a)}return r}),h=C(()=>{let t=e.filterOptions.value??[],n=new Set(t.map(e=>e.key)),r=t.filter(e=>i.value.has(e.key)),a=[...i.value].filter(e=>!n.has(e)).map(t=>({key:t,label:e.columns.value.find(e=>e.key===t)?.label??t,operators:e.filterOperators?.value??qi,options:m.value.get(t)??[]}));return[...r.map(t=>({...t,operators:t.operators??e.filterOperators?.value??qi})),...a]}),g=C(()=>{let n=f.value;if(!e.clientSide.value)return n;let r=t.value.trim().toLowerCase();return r?n.filter(t=>e.columns.value.some(e=>{let n=e.cell?e.cell(t):p(t,e.key);return n!=null&&String(n).toLowerCase().includes(r)})):n}),_=C(()=>{let t=g.value;return!e.clientSide.value||!a.value.size?t:t.filter(e=>{for(let[t,n]of a.value){if(!n.values.size||!u.value.has(t))continue;let r=p(e,t),i=r==null?``:String(r);if(n.operator===`equals`&&!n.values.has(i)||n.operator===`contains`&&![...n.values].some(e=>i.toLowerCase().includes(e.toLowerCase())))return!1;if(n.operator===`gt`||n.operator===`lt`){let e=parseFloat(i),t=[...n.values].map(parseFloat).filter(e=>!Number.isNaN(e));if(!t.length)continue;if(n.operator===`gt`&&!t.some(t=>e>t)||n.operator===`lt`&&!t.some(t=>e<t))return!1}}return!0})}),v=C(()=>({direction:s.value,key:o.value})),y=C(()=>{let t=_.value;if(!e.clientSide.value||e.sortMode.value===`server`)return t;let{direction:n,key:r}=v.value;if(!r||n===`none`)return t;let i=e.columns.value.find(e=>e.key===r);return t.slice().sort((e,t)=>{let a=i?.sortValue?i.sortValue(e):e[r],o=i?.sortValue?i.sortValue(t):t[r],s=typeof a==`number`&&typeof o==`number`?a-o:String(a??``).localeCompare(String(o??``));return n===`asc`?s:-s})}),b=C(()=>y.value.length),x=C(()=>{let t=e.pageSize.value;return Math.ceil(b.value/(t<=0?2**53-1:t))}),S=C(()=>x.value?Math.min(l.value,x.value-1):-1),w=C(()=>{let t=e.pageSize.value;if(t<=0)return y.value;let n=S.value*t;return y.value.slice(n,n+t)}),E=C(()=>x.value>0&&S.value<x.value-1),O=C(()=>S.value>0),k=C(()=>e.items.value.filter(t=>c.value.has(e.getRowKey(t))));D(u,e=>{let t=new Set([...i.value].filter(t=>e.has(t))),n=new Map([...a.value].filter(([t])=>e.has(t)));t.size!==i.value.size&&(i.value=t),n.size!==a.value.size&&(a.value=n)},{immediate:!1}),D(y,()=>{l.value=0});let A=t=>{c.value=t,e.onSelectionChange?.(t)},j=(e,t)=>{let n=new Map(a.value);if(t.length){let r=h.value.find(t=>t.key===e)?.operators?.[0]?.value;n.set(e,{operator:n.get(e)?.operator??r??`contains`,values:new Set(t)})}else n.delete(e);a.value=n},M=(e,t)=>{let n=a.value.get(e);a.value=new Map(a.value).set(e,{operator:t,values:n?.values??new Set})},N=(t,n)=>{o.value=n===`none`?``:t,s.value=n,l.value=0,e.onSortChange?.(v.value)};return{activateFilterKey:e=>{i.value.has(e)||(i.value=new Set([...i.value,e]))},clearAllFilters:()=>{i.value=new Set,a.value=new Map},clearSelection:()=>A(new Set),currentPageItems:w,filterDefs:h,filteredRows:_,filterValues:a,goToPage:e=>{Number.isFinite(e)&&(l.value=Math.max(0,e))},hasNextPage:E,hasPrevPage:O,hiddenColumns:r,isAllSelected:()=>{let t=w.value;return t.length>0&&t.every(t=>c.value.has(e.getRowKey(t)))},nextPage:()=>{E.value&&(l.value=S.value+1)},pageCount:x,pageIndex:S,prevPage:()=>{O.value&&(l.value=S.value-1)},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},resetColumnVisibility:()=>{r.value=new Set},resetFilters:()=>{i.value=new Set,a.value=new Map},resetSearch:()=>{t.value=``,n.value=!1},searchActive:n,searchQuery:t,selectAll:()=>{if(e.selectionMode.value!==`multi`)return;let t=new Set(c.value);if(w.value.every(n=>t.has(e.getRowKey(n))))for(let n of w.value)t.delete(e.getRowKey(n));else for(let n of w.value)t.add(e.getRowKey(n));A(t)},selectedKeys:C(()=>new Set(c.value)),selectedRows:k,setActiveFilterKeys:e=>{let t=new Set(e);i.value=t,a.value=new Map([...a.value].filter(([e])=>t.has(e)))},setFilter:j,setFilterOperator:M,setSearchQuery:e=>{t.value=e},setSelection:e=>A(new Set(e)),sortBy:e=>{let t=o.value===e?s.value===`asc`?`desc`:s.value===`desc`?`none`:`asc`:`asc`;N(t===`none`?``:e,t)},sortState:v,sortTo:N,toggleColumnVisibility:e=>{let t=new Set(r.value);if(t.has(e))t.delete(e);else{if(d.value.length<=1)return;t.add(e)}r.value=t},toggleRow:t=>{if(e.selectionMode.value===`none`)return;let n=new Set(c.value);n.has(t)?n.delete(t):(e.selectionMode.value===`single`&&n.clear(),n.add(t)),A(n)},toggleSearch:()=>{n.value&&(t.value=``),n.value=!n.value},totalItems:b,visibleColumns:d}},Yi=`.dg-td, .dg-th`;function Xi(e){return Array.from(e.querySelectorAll(`tr`)).map(e=>Array.from(e.querySelectorAll(Yi))).filter(e=>e.length>0)}function Zi(e,t){let n=T({col:0,row:0}),r=e=>{let r=Xi(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(Yi))return;let i=Xi(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 Qi={activeFilters:e=>`${e} active filter${e===1?``:`s`}`,addFilter:`Add filter…`,ascending:`A → Z`,clearAllFilters:`Clear all filters`,clearFiltersAndSearch:`Clear all filters & search`,clearSort:`Clear sort`,closeSearch:`Close search`,collapseRow:`Collapse row`,columnOptions:`Column options`,columnVisibility:`Column visibility`,comfortableDensity:`Density: Comfortable`,compactDensity:`Density: Compact`,contains:`Contains`,cozyDensity:`Density: Cozy`,data:`Data`,descending:`Z → A`,emptyValue:`(empty)`,equals:`Equals`,expandRow:`Expand row`,filter:`Filter`,filterBy:`Filter by`,filterOperator:e=>`${e} operator`,greaterThan:`Greater than`,hiddenColumns:e=>`${e} hidden column${e===1?``:`s`}`,lessThan:`Less than`,nextPage:`Next page`,numericAscending:`0 → 9`,numericDescending:`9 → 0`,pageNavigation:`Page navigation`,pagination:`Pagination`,previousPage:`Previous page`,property:`Property`,range:(e,t,n)=>`${e} to ${t} of ${n}`,removeFilter:`Remove filter`,resetColumns:`Reset`,rowDetails:`Row details`,rows:e=>`${e} row${e===1?``:`s`}`,rowsPerPage:`Rows per page`,search:`Search`,selectAllRows:`Select all rows on this page`,selectRow:`Select row`,sort:`Sort`,sortBy:`Sort by`,views:`Views`,visibleColumns:(e,t)=>`${e} of ${t} visible`};function $i(e,t){return e.key!==t||e.direction===`none`?`chevrons-up-down`:e.direction===`asc`?`chevron-up`:`chevron-down`}function ea(e,t){return e.key!==t||e.direction===`none`?`none`:e.direction===`asc`?`ascending`:`descending`}function ta(e){let t=e.detail;return Array.isArray(t?.values)?t.values:(e.target.value??``).split(`,`).filter(Boolean)}var na=`ore-datagrid`;i(na,{props:{activeView:p.string(),density:p.string(),...K,...Ce,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(),labels:p.data(),pageSize:p.number(10),pageSizeOptions:p.data(),rows:p.data(),searchLabel:p.data(),searchPlaceholder:p.string(),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=a(),n=v(),r=b(),i=C(()=>({...Qi,...e.labels.value})),s=C(()=>e.disabled.value===!0),c=C(()=>e.selectionMode.value??`none`),u=T(new Set),d=C(()=>e.expandable.value===!0&&g.value.some(e=>typeof e.renderExpanded==`function`)),p=C(()=>+(c.value===`multi`)),m=T(e.pageSize.value??10);D(e.pageSize,e=>{e!=null&&(m.value=e)});let h=T([]);f(()=>{h.value=Ki(t);let e=new MutationObserver(()=>{h.value=Ki(t)});return e.observe(t,{attributeFilter:Gi,attributes:!0,childList:!0,subtree:!0}),()=>e.disconnect()});let g=C(()=>{let t=e.columns.value;return t===void 0?h.value:t}),y=C(()=>{let t=g.value.map(e=>({label:e.label,value:e.key})),n=new Set(t.map(e=>e.value));for(let r of e.filterOptions.value??[])n.has(r.key)||t.push({label:r.label,value:r.key});return t}),x=t=>{let n=e.getRowKey.value;if(n)return n(t);let r=t.id;return r==null?`__missing_${Math.random().toString(36).slice(2)}`:String(r)},S=C(()=>e.source.value!=null),w=T([]),E=T({error:null,isLoading:!1,pageCount:1,pageNumber:1,pageSize:m.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:m.value,totalItems:0};return}let t=(t=e.snapshot)=>{w.value=t.data,E.value={error:t.error,isLoading:t.isFetching,pageCount:t.pagination.count,pageNumber:t.pagination.index,pageSize:t.pagination.size,totalItems:t.pagination.total}};t(),O=e.subscribe(t)},{immediate:!0});let k=Ji({activeView:C(()=>(e.views.value??[]).find(t=>t.id===e.activeView.value)),clientSide:C(()=>!S.value),columns:g,emptyValueLabel:C(()=>i.value.emptyValue),filterOperators:C(()=>[{label:i.value.contains,value:`contains`},{label:i.value.equals,value:`equals`},{label:i.value.greaterThan,value:`gt`},{label:i.value.lessThan,value:`lt`}]),filterOptions:e.filterOptions,getRowKey:x,items:C(()=>S.value?w.value:e.rows.value??[]),onSelectionChange:e=>{n(`selection-change`,{keys:[...e],rows:k.selectedRows.value})},onSortChange:e=>{n(`sort-change`,e)},pageSize:C(()=>S.value?0:m.value),selectionMode:c,sortMode:C(()=>e.sortMode.value??`client`)}),A=C(()=>{let e=g.value.find(e=>e.key===k.sortState.value.key);if(e?.sortType)return e.sortType;let t=k.filteredRows.value.find(t=>t[e?.key??``]!=null);return t&&typeof t[e?.key??``]==`number`?`number`:`text`}),j=C(()=>A.value===`number`?[{label:i.value.numericAscending,value:`asc`},{label:i.value.numericDescending,value:`desc`}]:[{label:i.value.ascending,value:`asc`},{label:i.value.descending,value:`desc`}]),M=Ni(t=>{let n=e.source.value;n?.setQuery?n.setQuery({search:t}):k.setSearchQuery(t)},250);D(e.selectedKeys,e=>{Array.isArray(e)&&k.setSelection(new Set(e))},{immediate:!0});let N=T({}),P=(e,t)=>n=>{n.preventDefault();let r=n.clientX,i=t.getBoundingClientRect().width,a=new AbortController,{signal:o}=a;window.addEventListener(`pointermove`,t=>{N.value={...N.value,[e]:Math.max(40,i+t.clientX-r)}},{signal:o}),window.addEventListener(`pointerup`,()=>a.abort(),{signal:o})},F=k.visibleColumns,I=(e,t)=>{if(e.cell)return e.cell(t);let n=t[e.key];return n==null?``:String(n)};function L(t){let r=e.source.value;if(r){t===`prev`?r.page?.previous():r.page?.next();return}t===`prev`?k.prevPage():k.nextPage(),n(`page-change`,{pageIndex:k.pageIndex.value,pageSize:m.value})}let R=C(()=>{let e=k.currentPageItems.value;return!e.length||k.isAllSelected()?!1:e.some(e=>k.selectedKeys.value.has(x(e)))}),z=C(()=>F.value.length+ +(c.value===`multi`)+ +!!d.value),B=C(()=>S.value?E.value.pageCount>1:m.value>0),ee=C(()=>{if(S.value){let{pageNumber:e,pageSize:t,totalItems:n}=E.value,r=Math.max(1,t);if(!B.value)return i.value.rows(n);if(n===0)return i.value.range(0,0,0);let a=(e-1)*r+1,o=Math.min(a+r-1,n);return i.value.range(a,o,n)}let e=k.totalItems.value;if(!B.value)return i.value.rows(e);if(e===0)return i.value.range(0,0,0);let t=k.pageIndex.value*m.value+1,n=Math.min(t+m.value-1,e);return i.value.range(t,n,e)}),V=C(()=>e.loading.value===!0||S.value&&E.value.isLoading),te=C(()=>S.value?E.value.pageNumber>1:k.hasPrevPage.value),H=C(()=>S.value?E.value.pageNumber<E.value.pageCount:k.hasNextPage.value),U=C(()=>S.value?E.value.totalItems===0?`0 / 0`:`${E.value.pageNumber} / ${E.value.pageCount}`:`${k.pageIndex.value+1} / ${k.pageCount.value}`),ne=[`compact`,`cozy`,`comfortable`],re={comfortable:`rows-2`,compact:`rows-4`,cozy:`rows-3`},ie=C(()=>({comfortable:i.value.comfortableDensity,compact:i.value.compactDensity,cozy:i.value.cozyDensity})),ae=T(e.density.value??`cozy`);D(e.density,e=>{e&&(ae.value=e)});let oe=()=>{let e=ne.indexOf(ae.value),r=ne[(e+1)%ne.length];ae.value=r,t.setAttribute(`density`,r),n(`density-change`,{density:r})},se=e=>{let t=new Set(u.value),r=!t.has(e);r?t.add(e):t.delete(e),u.value=t,n(`row-expand`,{expanded:r,key:e})},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 le=()=>{let t=e.views.value??[],r=e.activeView.value;return o`
|
|
1890
1914
|
<div
|
|
1891
1915
|
class="dg-tabs"
|
|
1892
1916
|
role="tablist"
|
|
1893
|
-
aria-label="
|
|
1917
|
+
aria-label="${()=>i.value.views}"
|
|
1894
1918
|
aria-controls="dg-tabpanel"
|
|
1895
1919
|
@keydown="${e=>{if(![`ArrowLeft`,`ArrowRight`,`Home`,`End`].includes(e.key))return;let t=Array.from(e.currentTarget.querySelectorAll(`.dg-tab`)),n=t.findIndex(e=>e.classList.contains(`dg-tab--active`)),r=n;if(e.key===`ArrowLeft`?r=Math.max(0,n-1):e.key===`ArrowRight`?r=Math.min(t.length-1,n+1):e.key===`Home`?r=0:e.key===`End`&&(r=t.length-1),r!==n){e.preventDefault();let n=t[r];n.focus(),n.click()}}}">
|
|
1896
1920
|
${t.map(e=>o`
|
|
@@ -1908,88 +1932,86 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1908
1932
|
</ore-button>
|
|
1909
1933
|
`)}
|
|
1910
1934
|
</div>
|
|
1911
|
-
`},
|
|
1912
|
-
<ore-popover class="dg-action-popover" placement="bottom-end" label="
|
|
1913
|
-
<ore-button
|
|
1935
|
+
`},ue=()=>o`
|
|
1936
|
+
<ore-popover class="dg-action-popover" placement="bottom-end" label="${()=>i.value.sort}" style="--popover-min-width:18rem;--popover-overflow:visible">
|
|
1937
|
+
<ore-button
|
|
1938
|
+
class="dg-icon-btn dg-state-trigger"
|
|
1939
|
+
variant="ghost"
|
|
1940
|
+
size="sm"
|
|
1941
|
+
icon-only
|
|
1942
|
+
?data-customized="${()=>k.sortState.value.direction!==`none`}"
|
|
1943
|
+
label="${()=>i.value.sort}">
|
|
1914
1944
|
<ore-icon name="arrow-up-down" size="15" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
1915
1945
|
</ore-button>
|
|
1916
1946
|
<div slot="content" class="dg-pop-sort">
|
|
1917
1947
|
<div class="dg-pop-header">
|
|
1918
|
-
<span class="dg-pop-title"
|
|
1919
|
-
|
|
1920
|
-
|
|
1921
|
-
|
|
1922
|
-
|
|
1923
|
-
|
|
1924
|
-
|
|
1925
|
-
|
|
1926
|
-
|
|
1927
|
-
|
|
1928
|
-
|
|
1948
|
+
<span class="dg-pop-title">${()=>i.value.sortBy}</span>
|
|
1949
|
+
${()=>k.sortState.value.direction===`none`?o``:o`
|
|
1950
|
+
<ore-button
|
|
1951
|
+
class="dg-icon-btn"
|
|
1952
|
+
variant="ghost"
|
|
1953
|
+
size="sm"
|
|
1954
|
+
icon-only
|
|
1955
|
+
label="${()=>i.value.clearSort}"
|
|
1956
|
+
@click="${()=>k.sortTo(``,`none`)}">
|
|
1957
|
+
<ore-icon name="trash-2" size="14" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
1958
|
+
</ore-button>
|
|
1959
|
+
`}
|
|
1929
1960
|
</div>
|
|
1930
1961
|
<div class="dg-pop-sort-row">
|
|
1931
1962
|
<ore-select
|
|
1932
1963
|
class="dg-pop-select"
|
|
1964
|
+
hide-label
|
|
1933
1965
|
variant="flat"
|
|
1934
1966
|
size="sm"
|
|
1935
1967
|
rounded="lg"
|
|
1936
|
-
|
|
1968
|
+
label="${()=>i.value.property}"
|
|
1969
|
+
placeholder="${()=>i.value.property}"
|
|
1937
1970
|
fullwidth
|
|
1938
|
-
value="${()=>
|
|
1939
|
-
options="${()=>
|
|
1940
|
-
@change="${e=>{let t=e
|
|
1971
|
+
value="${()=>k.sortState.value.key}"
|
|
1972
|
+
options="${()=>g.value.map(e=>({label:e.label,value:e.key}))}"
|
|
1973
|
+
@change="${e=>{let t=ta(e)[0]??``,n=k.sortState.value.direction===`none`?`asc`:k.sortState.value.direction;k.sortTo(t,n)}}"></ore-select>
|
|
1941
1974
|
<ore-select
|
|
1942
1975
|
class="dg-pop-dir-select"
|
|
1976
|
+
hide-label
|
|
1943
1977
|
variant="flat"
|
|
1944
1978
|
size="sm"
|
|
1945
1979
|
rounded="lg"
|
|
1980
|
+
label="${()=>i.value.sort}"
|
|
1946
1981
|
fullwidth
|
|
1947
|
-
disabled="${()=>!
|
|
1948
|
-
value="${()=>
|
|
1949
|
-
options="${
|
|
1950
|
-
@change="${e=>{
|
|
1982
|
+
disabled="${()=>!k.sortState.value.key||void 0}"
|
|
1983
|
+
value="${()=>k.sortState.value.direction===`none`?`asc`:k.sortState.value.direction}"
|
|
1984
|
+
options="${j}"
|
|
1985
|
+
@change="${e=>{k.sortState.value.key&&k.sortTo(k.sortState.value.key,ta(e)[0]??`asc`)}}"></ore-select>
|
|
1951
1986
|
</div>
|
|
1952
1987
|
</div>
|
|
1953
1988
|
</ore-popover>
|
|
1954
|
-
`,
|
|
1989
|
+
`,de=()=>o`
|
|
1955
1990
|
<ore-popover
|
|
1956
1991
|
class="dg-action-popover"
|
|
1957
1992
|
placement="bottom-end"
|
|
1958
|
-
label="
|
|
1959
|
-
style="--popover-min-width:
|
|
1960
|
-
|
|
1961
|
-
|
|
1962
|
-
|
|
1963
|
-
|
|
1964
|
-
|
|
1965
|
-
|
|
1966
|
-
|
|
1967
|
-
|
|
1968
|
-
|
|
1969
|
-
@mouseenter="${()=>ie.value=!0}"
|
|
1970
|
-
@mouseleave="${()=>ie.value=!1}"
|
|
1971
|
-
@focusin="${()=>ie.value=!0}"
|
|
1972
|
-
@focusout="${()=>ie.value=!1}">
|
|
1973
|
-
<ore-button slot="target" variant="ghost" size="sm" icon-only label="Filter">
|
|
1974
|
-
<ore-icon name="filter" size="15" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
1975
|
-
</ore-button>
|
|
1976
|
-
</ore-badge>
|
|
1977
|
-
`:o`
|
|
1978
|
-
<ore-button class="dg-icon-btn" variant="ghost" size="sm" icon-only label="Filter">
|
|
1979
|
-
<ore-icon name="filter" size="15" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
1980
|
-
</ore-button>
|
|
1981
|
-
`}
|
|
1993
|
+
label="${()=>i.value.filter}"
|
|
1994
|
+
style="--popover-min-width:18rem;--popover-max-height:min(90vh,48rem)">
|
|
1995
|
+
<ore-button
|
|
1996
|
+
class="dg-icon-btn dg-state-trigger"
|
|
1997
|
+
variant="ghost"
|
|
1998
|
+
size="sm"
|
|
1999
|
+
icon-only
|
|
2000
|
+
?data-customized="${()=>k.filterDefs.value.length>0}"
|
|
2001
|
+
label="${()=>k.filterDefs.value.length?`${i.value.filter}: ${i.value.activeFilters(k.filterDefs.value.length)}`:i.value.filter}">
|
|
2002
|
+
<ore-icon name="filter" size="15" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
2003
|
+
</ore-button>
|
|
1982
2004
|
<div slot="content" class="dg-pop-filter">
|
|
1983
2005
|
<div class="dg-pop-header">
|
|
1984
|
-
<span class="dg-pop-title"
|
|
1985
|
-
${()=>
|
|
2006
|
+
<span class="dg-pop-title">${()=>i.value.filterBy}</span>
|
|
2007
|
+
${()=>k.filterDefs.value.length?o`
|
|
1986
2008
|
<ore-button
|
|
1987
2009
|
class="dg-icon-btn"
|
|
1988
2010
|
variant="ghost"
|
|
1989
2011
|
size="sm"
|
|
1990
2012
|
icon-only
|
|
1991
|
-
label="
|
|
1992
|
-
@click="${()=>
|
|
2013
|
+
label="${()=>i.value.clearAllFilters}"
|
|
2014
|
+
@click="${()=>k.clearAllFilters()}">
|
|
1993
2015
|
<ore-icon name="trash-2" size="14" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
1994
2016
|
</ore-button>
|
|
1995
2017
|
`:o``}
|
|
@@ -1998,92 +2020,114 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1998
2020
|
<!-- Always-visible field picker: select columns to add filter rules -->
|
|
1999
2021
|
<div class="dg-pop-filter-fields">
|
|
2000
2022
|
<ore-combobox
|
|
2001
|
-
|
|
2023
|
+
hide-label
|
|
2024
|
+
label="${()=>i.value.addFilter}"
|
|
2025
|
+
placeholder="${()=>i.value.addFilter}"
|
|
2002
2026
|
multiple
|
|
2003
2027
|
fullwidth
|
|
2004
2028
|
autoclose
|
|
2005
|
-
|
|
2006
|
-
|
|
2007
|
-
|
|
2029
|
+
size="sm"
|
|
2030
|
+
variant="flat"
|
|
2031
|
+
options="${y}"
|
|
2032
|
+
value="${()=>k.filterDefs.value.map(e=>e.key)}"
|
|
2033
|
+
@change="${e=>{k.setActiveFilterKeys(ta(e))}}"></ore-combobox>
|
|
2008
2034
|
</div>
|
|
2009
2035
|
|
|
2010
2036
|
<!-- Active filter rules (appear below the field picker as rules are added) -->
|
|
2011
|
-
<div class="dg-pop-filter-rules" ?hidden="${()=>!
|
|
2012
|
-
${()=>
|
|
2037
|
+
<div class="dg-pop-filter-rules" ?hidden="${()=>!k.filterDefs.value.length}">
|
|
2038
|
+
${()=>k.filterDefs.value.map(e=>o`
|
|
2013
2039
|
<div class="dg-pop-filter-rule">
|
|
2014
2040
|
<div class="dg-pop-filter-rule-header">
|
|
2015
2041
|
<span class="dg-pop-filter-field">${e.label}</span>
|
|
2016
2042
|
<ore-select
|
|
2017
2043
|
class="dg-pop-filter-op-select"
|
|
2044
|
+
hide-label
|
|
2018
2045
|
variant="ghost"
|
|
2019
2046
|
size="sm"
|
|
2047
|
+
label="${()=>i.value.filterOperator(e.label)}"
|
|
2020
2048
|
fullwidth
|
|
2021
|
-
value="${()=>
|
|
2049
|
+
value="${()=>k.filterValues.value.get(e.key)?.operator??`contains`}"
|
|
2022
2050
|
options="${()=>e.operators??[]}"
|
|
2023
|
-
@change="${t=>{
|
|
2051
|
+
@change="${t=>{let n=ta(t)[0];n&&k.setFilterOperator(e.key,n)}}"></ore-select>
|
|
2024
2052
|
<ore-button
|
|
2025
2053
|
class="dg-icon-btn"
|
|
2026
2054
|
variant="ghost"
|
|
2027
2055
|
size="sm"
|
|
2028
2056
|
icon-only
|
|
2029
|
-
label="
|
|
2030
|
-
@click="${()=>
|
|
2057
|
+
label="${()=>i.value.removeFilter}"
|
|
2058
|
+
@click="${()=>k.removeFilter(e.key)}">
|
|
2031
2059
|
<ore-icon name="trash-2" size="13" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
2032
2060
|
</ore-button>
|
|
2033
2061
|
</div>
|
|
2034
2062
|
<ore-combobox
|
|
2035
2063
|
class="dg-filter"
|
|
2064
|
+
hide-label
|
|
2065
|
+
size="sm"
|
|
2066
|
+
variant="flat"
|
|
2067
|
+
label="${()=>e.label}"
|
|
2036
2068
|
placeholder="${()=>e.label}"
|
|
2037
2069
|
options="${()=>e.options}"
|
|
2038
|
-
value="${()=>[...
|
|
2039
|
-
disabled="${()=>
|
|
2070
|
+
value="${()=>[...k.filterValues.value.get(e.key)?.values??[]]}"
|
|
2071
|
+
disabled="${()=>s.value||void 0}"
|
|
2040
2072
|
multiple
|
|
2041
2073
|
fullwidth
|
|
2042
2074
|
autoclose
|
|
2043
|
-
@change="${t=>{
|
|
2075
|
+
@change="${t=>{k.setFilter(e.key,ta(t))}}"></ore-combobox>
|
|
2044
2076
|
</div>
|
|
2045
2077
|
`)}
|
|
2046
2078
|
</div>
|
|
2047
2079
|
</div>
|
|
2048
2080
|
</ore-popover>
|
|
2049
|
-
`,
|
|
2081
|
+
`,fe=()=>o`
|
|
2050
2082
|
<ore-popover
|
|
2051
2083
|
class="dg-action-popover"
|
|
2052
2084
|
placement="bottom-end"
|
|
2053
|
-
label="
|
|
2085
|
+
label="${()=>i.value.columnOptions}"
|
|
2054
2086
|
style="--popover-min-width:18rem">
|
|
2055
|
-
<ore-button
|
|
2087
|
+
<ore-button
|
|
2088
|
+
class="dg-icon-btn dg-state-trigger dg-column-trigger"
|
|
2089
|
+
variant="ghost"
|
|
2090
|
+
size="sm"
|
|
2091
|
+
icon-only
|
|
2092
|
+
?data-customized="${()=>k.hiddenColumns.value.size>0}"
|
|
2093
|
+
label="${()=>k.hiddenColumns.value.size?`${i.value.columnOptions}: ${i.value.hiddenColumns(k.hiddenColumns.value.size)}`:i.value.columnOptions}">
|
|
2056
2094
|
<ore-icon name="columns-2" size="15" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
2057
2095
|
</ore-button>
|
|
2058
|
-
<div slot="content" class="dg-pop-col
|
|
2059
|
-
|
|
2060
|
-
|
|
2061
|
-
|
|
2062
|
-
|
|
2063
|
-
|
|
2064
|
-
|
|
2065
|
-
|
|
2066
|
-
|
|
2067
|
-
|
|
2068
|
-
|
|
2069
|
-
|
|
2070
|
-
|
|
2071
|
-
|
|
2072
|
-
|
|
2073
|
-
|
|
2074
|
-
|
|
2075
|
-
|
|
2096
|
+
<div slot="content" class="dg-pop-col">
|
|
2097
|
+
<div class="dg-pop-header">
|
|
2098
|
+
<span class="dg-pop-heading"><strong class="dg-pop-title">${()=>i.value.columnVisibility}</strong><small>${()=>i.value.visibleColumns(k.visibleColumns.value.length,g.value.length)}</small></span>
|
|
2099
|
+
${()=>k.hiddenColumns.value.size?o`
|
|
2100
|
+
<ore-button
|
|
2101
|
+
class="dg-icon-btn"
|
|
2102
|
+
variant="ghost"
|
|
2103
|
+
size="sm"
|
|
2104
|
+
icon-only
|
|
2105
|
+
label="${()=>i.value.resetColumns}"
|
|
2106
|
+
@click="${()=>k.resetColumnVisibility()}">
|
|
2107
|
+
<ore-icon name="trash-2" size="14" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
2108
|
+
</ore-button>
|
|
2109
|
+
`:o``}
|
|
2110
|
+
</div>
|
|
2111
|
+
<div class="dg-pop-col-list" role="group" aria-label="${()=>i.value.columnVisibility}">
|
|
2112
|
+
${()=>g.value.map(e=>o`
|
|
2113
|
+
<ore-checkbox
|
|
2114
|
+
class="dg-pop-col-item"
|
|
2115
|
+
checked="${()=>!k.hiddenColumns.value.has(e.key)}"
|
|
2116
|
+
disabled="${()=>!k.hiddenColumns.value.has(e.key)&&k.visibleColumns.value.length===1||void 0}"
|
|
2117
|
+
@change="${()=>k.toggleColumnVisibility(e.key)}">${e.label}</ore-checkbox>
|
|
2118
|
+
`)}
|
|
2119
|
+
</div>
|
|
2076
2120
|
</div>
|
|
2077
2121
|
</ore-popover>
|
|
2078
2122
|
`;return o`
|
|
2079
2123
|
<!-- ── Controls Bar ────────────────────────────────────────────────── -->
|
|
2080
2124
|
<div class="dg-controls" part="controls">
|
|
2081
2125
|
<!-- Left: view tabs -->
|
|
2082
|
-
${()=>
|
|
2126
|
+
${()=>le()}
|
|
2083
2127
|
|
|
2084
2128
|
<!-- Right: Action bar -->
|
|
2085
2129
|
<div class="dg-actions">
|
|
2086
|
-
${()=>
|
|
2130
|
+
${()=>ue()} ${()=>de()} ${()=>fe()}
|
|
2087
2131
|
|
|
2088
2132
|
<!-- Density toggle -->
|
|
2089
2133
|
<ore-button
|
|
@@ -2091,10 +2135,10 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2091
2135
|
variant="ghost"
|
|
2092
2136
|
size="sm"
|
|
2093
2137
|
icon-only
|
|
2094
|
-
label="${()=>
|
|
2095
|
-
@click="${
|
|
2138
|
+
label="${()=>ie.value[ae.value]}"
|
|
2139
|
+
@click="${oe}">
|
|
2096
2140
|
<ore-icon
|
|
2097
|
-
name="${()=>
|
|
2141
|
+
name="${()=>re[ae.value]}"
|
|
2098
2142
|
size="15"
|
|
2099
2143
|
stroke-width="1.75"
|
|
2100
2144
|
aria-hidden="true"></ore-icon>
|
|
@@ -2105,19 +2149,20 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2105
2149
|
<slot name="actions"></slot>
|
|
2106
2150
|
|
|
2107
2151
|
<!-- Search toggle: rightmost, expands in-place -->
|
|
2108
|
-
<div class="${()=>`dg-search${
|
|
2109
|
-
${()=>
|
|
2152
|
+
<div class="${()=>`dg-search${k.searchActive.value?` dg-search--open`:``}`}">
|
|
2153
|
+
${()=>k.searchActive.value?o`
|
|
2110
2154
|
<ore-input
|
|
2111
2155
|
class="dg-search-input"
|
|
2112
2156
|
type="search"
|
|
2113
2157
|
variant="flat"
|
|
2114
2158
|
size="sm"
|
|
2115
2159
|
rounded="full"
|
|
2116
|
-
|
|
2117
|
-
|
|
2160
|
+
aria-label="${()=>i.value.search}"
|
|
2161
|
+
placeholder="${()=>e.searchPlaceholder.value??`${i.value.search}…`}"
|
|
2162
|
+
disabled="${()=>s.value||void 0}"
|
|
2118
2163
|
ref="${e=>{e&&requestAnimationFrame(()=>e.focus())}}"
|
|
2119
|
-
@input="${e=>{
|
|
2120
|
-
@keydown="${t=>{if(t.key===`Escape`){let t=e.source.value;t?.setQuery&&t.setQuery({search:``}),
|
|
2164
|
+
@input="${e=>{M(e.currentTarget.value)}}"
|
|
2165
|
+
@keydown="${t=>{if(t.key===`Escape`){let t=e.source.value;t?.setQuery&&t.setQuery({search:``}),k.toggleSearch()}}}">
|
|
2121
2166
|
<ore-icon slot="prefix" name="search" size="13" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
2122
2167
|
</ore-input>
|
|
2123
2168
|
`:o``}
|
|
@@ -2125,10 +2170,10 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2125
2170
|
variant="ghost"
|
|
2126
2171
|
size="sm"
|
|
2127
2172
|
icon-only
|
|
2128
|
-
label="${()=>{let[t,n]=e.searchLabel.value??[
|
|
2129
|
-
@click="${()=>{let t=e.source.value;t?.setQuery&&
|
|
2173
|
+
label="${()=>{let[t,n]=e.searchLabel.value??[i.value.search,i.value.closeSearch];return k.searchActive.value?n:t}}"
|
|
2174
|
+
@click="${()=>{let t=e.source.value;t?.setQuery&&k.searchActive.value&&t.setQuery({search:``}),k.toggleSearch()}}">
|
|
2130
2175
|
<ore-icon
|
|
2131
|
-
name="${()=>
|
|
2176
|
+
name="${()=>k.searchActive.value?`x`:`search`}"
|
|
2132
2177
|
size="15"
|
|
2133
2178
|
stroke-width="1.75"
|
|
2134
2179
|
aria-hidden="true"></ore-icon>
|
|
@@ -2137,7 +2182,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2137
2182
|
</div>
|
|
2138
2183
|
</div>
|
|
2139
2184
|
|
|
2140
|
-
<div id="dg-tabpanel" class="dg-scroll" role="tabpanel" aria-label="
|
|
2185
|
+
<div id="dg-tabpanel" class="dg-scroll" role="tabpanel" aria-label="${()=>i.value.data}">
|
|
2141
2186
|
<div class="dg-loading-overlay">
|
|
2142
2187
|
<ore-icon name="loader-2" size="24" class="dg-spin" aria-hidden="true"></ore-icon>
|
|
2143
2188
|
</div>
|
|
@@ -2146,36 +2191,36 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2146
2191
|
part="table"
|
|
2147
2192
|
role="grid"
|
|
2148
2193
|
aria-label="${()=>e.label.value??void 0}"
|
|
2149
|
-
aria-busy="${()=>
|
|
2150
|
-
aria-disabled="${()=>
|
|
2194
|
+
aria-busy="${()=>V.value?`true`:null}"
|
|
2195
|
+
aria-disabled="${()=>s.value?`true`:null}">
|
|
2151
2196
|
<!-- Head -->
|
|
2152
2197
|
<thead class="dg-head" part="thead">
|
|
2153
2198
|
<tr role="row">
|
|
2154
|
-
${()=>
|
|
2199
|
+
${()=>c.value===`multi`?o`
|
|
2155
2200
|
<th
|
|
2156
2201
|
class="dg-th dg-th-check"
|
|
2157
2202
|
role="columnheader"
|
|
2158
2203
|
scope="col"
|
|
2159
|
-
tabindex="${()=>
|
|
2204
|
+
tabindex="${()=>ce.activeCell.value.row===0&&ce.activeCell.value.col===0&&p.value>=1?`0`:`-1`}">
|
|
2160
2205
|
<ore-checkbox
|
|
2161
2206
|
class="dg-check"
|
|
2162
|
-
checked="${()=>
|
|
2163
|
-
indeterminate="${
|
|
2164
|
-
?disabled="${
|
|
2165
|
-
aria-label="
|
|
2166
|
-
@change="${()=>{
|
|
2207
|
+
checked="${()=>k.isAllSelected()}"
|
|
2208
|
+
indeterminate="${R}"
|
|
2209
|
+
?disabled="${s}"
|
|
2210
|
+
aria-label="${()=>i.value.selectAllRows}"
|
|
2211
|
+
@change="${()=>{s.value||k.selectAll()}}"></ore-checkbox>
|
|
2167
2212
|
</th>
|
|
2168
2213
|
`:o``}
|
|
2169
|
-
${()=>
|
|
2214
|
+
${()=>F.value.map((e,t)=>{let n=t===F.value.length-1;return o`
|
|
2170
2215
|
<th
|
|
2171
|
-
class="${`dg-th${n&&
|
|
2216
|
+
class="${`dg-th${n&&d.value?` dg-th-last`:``}`}"
|
|
2172
2217
|
role="columnheader"
|
|
2173
2218
|
scope="col"
|
|
2174
|
-
tabindex="${()=>{let e=
|
|
2219
|
+
tabindex="${()=>{let e=ce.activeCell.value;return e.row===0&&e.col===t+p.value?`0`:`-1`}}"
|
|
2175
2220
|
data-align="${e.align??`left`}"
|
|
2176
|
-
aria-sort="${()=>e.sortable?
|
|
2221
|
+
aria-sort="${()=>e.sortable?ea(k.sortState.value,e.key):void 0}"
|
|
2177
2222
|
aria-label="${e.sortable?void 0:e.headerLabel??e.label}"
|
|
2178
|
-
style="${()=>{let t=
|
|
2223
|
+
style="${()=>{let t=N.value[e.key];return t?`width:${t}px`:e.width?`width:${e.width}`:``}}">
|
|
2179
2224
|
<div class="dg-th-inner">
|
|
2180
2225
|
${()=>e.sortable?o`
|
|
2181
2226
|
<ore-button
|
|
@@ -2184,13 +2229,13 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2184
2229
|
size="sm"
|
|
2185
2230
|
fullwidth
|
|
2186
2231
|
label="${e.headerLabel??e.label}"
|
|
2187
|
-
disabled="${()=>
|
|
2188
|
-
@click="${()=>{
|
|
2232
|
+
disabled="${()=>s.value||void 0}"
|
|
2233
|
+
@click="${()=>{s.value||k.sortBy(e.key)}}">
|
|
2189
2234
|
${e.label}
|
|
2190
2235
|
<ore-icon
|
|
2191
2236
|
slot="suffix"
|
|
2192
2237
|
class="dg-sort-icon"
|
|
2193
|
-
name="${()
|
|
2238
|
+
name="${()=>$i(k.sortState.value,e.key)}"
|
|
2194
2239
|
size="14"
|
|
2195
2240
|
stroke-width="2"></ore-icon>
|
|
2196
2241
|
</ore-button>
|
|
@@ -2199,17 +2244,17 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2199
2244
|
<span
|
|
2200
2245
|
class="dg-col-resize"
|
|
2201
2246
|
aria-hidden="true"
|
|
2202
|
-
ref="${t=>{if(!t)return;let n=t.closest(`th`);n&&t.addEventListener(`pointerdown`,
|
|
2247
|
+
ref="${t=>{if(!t)return;let n=t.closest(`th`);n&&t.addEventListener(`pointerdown`,P(e.key,n))}}"></span>
|
|
2203
2248
|
`:o``}
|
|
2204
2249
|
</div>
|
|
2205
2250
|
</th>
|
|
2206
2251
|
`})}
|
|
2207
|
-
${()=>
|
|
2252
|
+
${()=>d.value?o`
|
|
2208
2253
|
<th
|
|
2209
2254
|
class="dg-th dg-th-expand"
|
|
2210
2255
|
role="columnheader"
|
|
2211
2256
|
scope="col"
|
|
2212
|
-
aria-label="
|
|
2257
|
+
aria-label="${()=>i.value.rowDetails}"
|
|
2213
2258
|
tabindex="-1"></th>
|
|
2214
2259
|
`:o``}
|
|
2215
2260
|
</tr>
|
|
@@ -2217,80 +2262,80 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2217
2262
|
|
|
2218
2263
|
<!-- Body -->
|
|
2219
2264
|
<tbody class="dg-body" part="tbody">
|
|
2220
|
-
${()=>
|
|
2265
|
+
${()=>k.currentPageItems.value.length===0?o`
|
|
2221
2266
|
<tr role="row">
|
|
2222
|
-
<td class="dg-empty" role="gridcell" colspan="${()=>String(
|
|
2267
|
+
<td class="dg-empty" role="gridcell" colspan="${()=>String(z.value)}">
|
|
2223
2268
|
<div class="dg-empty-content">
|
|
2224
2269
|
${()=>e.emptyText.value??`No data`}
|
|
2225
|
-
${()=>
|
|
2270
|
+
${()=>k.searchQuery.value||k.filterValues.value.size?o`
|
|
2226
2271
|
<div class="dg-empty-actions">
|
|
2227
2272
|
<ore-button
|
|
2228
2273
|
variant="text"
|
|
2229
2274
|
size="sm"
|
|
2230
|
-
@click="${()=>{
|
|
2231
|
-
|
|
2275
|
+
@click="${()=>{k.resetSearch(),k.resetFilters()}}">
|
|
2276
|
+
${()=>i.value.clearFiltersAndSearch}
|
|
2232
2277
|
</ore-button>
|
|
2233
2278
|
</div>
|
|
2234
2279
|
`:o``}
|
|
2235
2280
|
</div>
|
|
2236
2281
|
</td>
|
|
2237
2282
|
</tr>
|
|
2238
|
-
`:
|
|
2283
|
+
`:k.currentPageItems.value.map((e,t)=>{let n=x(e),r=c.value!==`none`&&!s.value,a=t+1;return o`
|
|
2239
2284
|
<tr
|
|
2240
2285
|
class="dg-tr"
|
|
2241
2286
|
part="row"
|
|
2242
2287
|
role="row"
|
|
2243
|
-
aria-selected="${()=>
|
|
2244
|
-
aria-expanded="${()=>
|
|
2288
|
+
aria-selected="${()=>c.value===`none`?null:String(k.selectedKeys.value.has(n))}"
|
|
2289
|
+
aria-expanded="${()=>d.value?String(u.value.has(n)):null}"
|
|
2245
2290
|
?data-selectable="${r}"
|
|
2246
|
-
?data-disabled="${
|
|
2247
|
-
@click="${()=>{r&&
|
|
2248
|
-
@keydown="${e=>{(e.key===`Enter`||e.key===` `)&&r&&
|
|
2249
|
-
${()=>
|
|
2291
|
+
?data-disabled="${s}"
|
|
2292
|
+
@click="${()=>{r&&c.value===`single`&&k.toggleRow(n)}}"
|
|
2293
|
+
@keydown="${e=>{(e.key===`Enter`||e.key===` `)&&r&&c.value===`single`&&(e.preventDefault(),k.toggleRow(n))}}">
|
|
2294
|
+
${()=>c.value===`multi`?o`
|
|
2250
2295
|
<td
|
|
2251
2296
|
class="dg-td dg-td-check"
|
|
2252
2297
|
role="gridcell"
|
|
2253
|
-
tabindex="${()=>{let e=
|
|
2254
|
-
@keydown="${e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),
|
|
2298
|
+
tabindex="${()=>{let e=ce.activeCell.value;return e.row===a&&e.col===0?`0`:`-1`}}"
|
|
2299
|
+
@keydown="${e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),s.value||k.toggleRow(n))}}">
|
|
2255
2300
|
<ore-checkbox
|
|
2256
2301
|
class="dg-check"
|
|
2257
|
-
checked="${()=>
|
|
2258
|
-
?disabled="${
|
|
2259
|
-
aria-label="
|
|
2302
|
+
checked="${()=>k.selectedKeys.value.has(n)}"
|
|
2303
|
+
?disabled="${s}"
|
|
2304
|
+
aria-label="${()=>i.value.selectRow}"
|
|
2260
2305
|
tabindex="-1"
|
|
2261
2306
|
@click="${e=>e.stopPropagation()}"
|
|
2262
|
-
@change="${()=>{
|
|
2307
|
+
@change="${()=>{s.value||k.toggleRow(n)}}"></ore-checkbox>
|
|
2263
2308
|
</td>
|
|
2264
2309
|
`:o``}
|
|
2265
|
-
${
|
|
2310
|
+
${F.value.map((t,n)=>{let r=e,i=I(t,r),s=t.renderCell?.(r)??i,c=n===F.value.length-1;return o`
|
|
2266
2311
|
<td
|
|
2267
|
-
class="${`dg-td${
|
|
2312
|
+
class="${`dg-td${c&&d.value?` dg-td-last`:``}`}"
|
|
2268
2313
|
part="cell"
|
|
2269
2314
|
role="gridcell"
|
|
2270
2315
|
data-align="${t.align??`left`}"
|
|
2271
|
-
tabindex="${()=>{let e=
|
|
2272
|
-
title="${
|
|
2273
|
-
${
|
|
2316
|
+
tabindex="${()=>{let e=ce.activeCell.value;return e.row===a&&e.col===n+p.value?`0`:`-1`}}"
|
|
2317
|
+
title="${i}">
|
|
2318
|
+
${s}
|
|
2274
2319
|
</td>
|
|
2275
2320
|
`})}
|
|
2276
|
-
${()=>
|
|
2321
|
+
${()=>d.value?o`
|
|
2277
2322
|
<td
|
|
2278
2323
|
class="dg-td dg-td-expand"
|
|
2279
2324
|
role="gridcell"
|
|
2280
|
-
tabindex="${()=>{let e=
|
|
2281
|
-
@keydown="${e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),
|
|
2325
|
+
tabindex="${()=>{let e=ce.activeCell.value;return e.row===a&&e.col===z.value-1?`0`:`-1`}}"
|
|
2326
|
+
@keydown="${e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),s.value||se(n))}}">
|
|
2282
2327
|
<ore-button
|
|
2283
2328
|
class="dg-expand-btn"
|
|
2284
2329
|
variant="ghost"
|
|
2285
2330
|
size="sm"
|
|
2286
2331
|
icon-only
|
|
2287
2332
|
tabindex="-1"
|
|
2288
|
-
label="${()=>
|
|
2289
|
-
aria-expanded="${()=>String(
|
|
2290
|
-
disabled="${()=>
|
|
2291
|
-
@click="${e=>{e.stopPropagation(),
|
|
2333
|
+
label="${()=>u.value.has(n)?i.value.collapseRow:i.value.expandRow}"
|
|
2334
|
+
aria-expanded="${()=>String(u.value.has(n))}"
|
|
2335
|
+
disabled="${()=>s.value||void 0}"
|
|
2336
|
+
@click="${e=>{e.stopPropagation(),s.value||se(n)}}">
|
|
2292
2337
|
<ore-icon
|
|
2293
|
-
name="${()=>
|
|
2338
|
+
name="${()=>u.value.has(n)?`chevron-up`:`chevron-down`}"
|
|
2294
2339
|
size="14"
|
|
2295
2340
|
stroke-width="2"
|
|
2296
2341
|
aria-hidden="true"></ore-icon>
|
|
@@ -2298,13 +2343,13 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2298
2343
|
</td>
|
|
2299
2344
|
`:o``}
|
|
2300
2345
|
</tr>
|
|
2301
|
-
${()=>
|
|
2346
|
+
${()=>d.value&&u.value.has(n)?o`
|
|
2302
2347
|
<tr class="dg-tr-expanded" role="row">
|
|
2303
2348
|
<td
|
|
2304
2349
|
class="dg-td-expanded"
|
|
2305
2350
|
role="gridcell"
|
|
2306
|
-
colspan="${()=>String(
|
|
2307
|
-
${_(()=>
|
|
2351
|
+
colspan="${()=>String(z.value)}">
|
|
2352
|
+
${_(()=>g.value.find(e=>typeof e.renderExpanded==`function`)?.renderExpanded?.(e)??``)}
|
|
2308
2353
|
</td>
|
|
2309
2354
|
</tr>
|
|
2310
2355
|
`:o``}
|
|
@@ -2314,35 +2359,35 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2314
2359
|
</div>
|
|
2315
2360
|
|
|
2316
2361
|
<!-- Footer / Pagination -->
|
|
2317
|
-
${()=>
|
|
2318
|
-
<div class="dg-footer" part="footer" role="navigation" aria-label="
|
|
2319
|
-
|
|
2320
|
-
|
|
2321
|
-
|
|
2322
|
-
|
|
2323
|
-
`}
|
|
2324
|
-
<div class="dg-footer-end">
|
|
2362
|
+
${()=>B.value?o`
|
|
2363
|
+
<div class="dg-footer" part="footer" role="navigation" aria-label="${()=>i.value.pagination}">
|
|
2364
|
+
<div class="dg-footer-start">
|
|
2365
|
+
<span class="dg-footer-info" dir="ltr" aria-live="polite" aria-atomic="true">
|
|
2366
|
+
${ee}
|
|
2367
|
+
</span>
|
|
2325
2368
|
${()=>{let t=e.pageSizeOptions.value??[];return t.length?o`
|
|
2326
2369
|
<div class="dg-page-size-wrap">
|
|
2327
2370
|
<ore-select
|
|
2328
2371
|
class="dg-page-size-select"
|
|
2329
2372
|
fullwidth
|
|
2330
|
-
|
|
2331
|
-
|
|
2373
|
+
hide-label
|
|
2374
|
+
label="${()=>i.value.rowsPerPage}"
|
|
2375
|
+
value="${()=>String(m.value)}"
|
|
2332
2376
|
options="${()=>t.map(e=>({label:String(e),value:String(e)}))}"
|
|
2333
|
-
disabled="${()=>
|
|
2334
|
-
@change="${e=>{let t=parseInt(e
|
|
2377
|
+
disabled="${()=>s.value||void 0}"
|
|
2378
|
+
@change="${e=>{let t=parseInt(ta(e)[0]??``,10);Number.isNaN(t)||(m.value=t,k.goToPage(0),n(`page-change`,{pageIndex:0,pageSize:t}))}}"></ore-select>
|
|
2335
2379
|
</div>
|
|
2336
2380
|
`:o``}}
|
|
2337
|
-
|
|
2381
|
+
</div>
|
|
2382
|
+
<div class="dg-pagination" role="group" aria-label="${()=>i.value.pageNavigation}">
|
|
2338
2383
|
<ore-button
|
|
2339
2384
|
class="dg-page-btn"
|
|
2340
2385
|
variant="ghost"
|
|
2341
2386
|
size="sm"
|
|
2342
2387
|
icon-only
|
|
2343
|
-
label="
|
|
2344
|
-
disabled="${()=>!
|
|
2345
|
-
@click="${()=>
|
|
2388
|
+
label="${()=>i.value.previousPage}"
|
|
2389
|
+
disabled="${()=>!te.value||s.value}"
|
|
2390
|
+
@click="${()=>L(`prev`)}">
|
|
2346
2391
|
<ore-icon name="chevron-left" size="14" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
2347
2392
|
</ore-button>
|
|
2348
2393
|
<span
|
|
@@ -2352,23 +2397,22 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2352
2397
|
role="status"
|
|
2353
2398
|
aria-live="polite"
|
|
2354
2399
|
aria-atomic="true">
|
|
2355
|
-
${()=>
|
|
2400
|
+
${()=>U.value}
|
|
2356
2401
|
</span>
|
|
2357
2402
|
<ore-button
|
|
2358
2403
|
class="dg-page-btn"
|
|
2359
2404
|
variant="ghost"
|
|
2360
2405
|
size="sm"
|
|
2361
2406
|
icon-only
|
|
2362
|
-
label="
|
|
2363
|
-
disabled="${()=>!
|
|
2364
|
-
@click="${()=>
|
|
2407
|
+
label="${()=>i.value.nextPage}"
|
|
2408
|
+
disabled="${()=>!H.value||s.value}"
|
|
2409
|
+
@click="${()=>L(`next`)}">
|
|
2365
2410
|
<ore-icon name="chevron-right" size="14" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
2366
2411
|
</ore-button>
|
|
2367
|
-
</div>
|
|
2368
2412
|
</div>
|
|
2369
2413
|
</div>
|
|
2370
2414
|
`:o``}
|
|
2371
|
-
`},shadow:{delegatesFocus:!0},styles:[
|
|
2415
|
+
`},shadow:{delegatesFocus:!0},styles:[Ye(`datagrid`),Wi]});var ra=`@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}.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}}}`,ia=`ore-date-picker`;i(ia,{formAssociated:!0,props:{...W,...G,...K,...we,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(t){let n=a(),r=T(!1),i=T(void 0),s=C(()=>i.value===void 0?Ft(t.value.value):i.value);yi(n,()=>It(s.value)??``,e=>{i.value=Ft(e)});let c=C(()=>!!t.disabled.value),l=C(()=>t.locale.value||(typeof navigator<`u`?navigator.language:`en`)),u=Bt({get locale(){return l.value},get max(){return Ft(t.max.value)},get min(){return Ft(t.min.value)},onChange(e){i.value=e,r.value=!1,u.setView(`day`),d.value=`day`,p.value=u.displayYear(),m.value=u.displayMonth(),xi(n,It(e)??``),$(n,`input`),$(n,`change`)},get value(){return s.value},get weekendDays(){return t[`weekend-days`].value??[]}}),d=T(`day`),p=T(u.displayYear()),m=T(u.displayMonth());y({disabled:c,toFormValue:e=>e||null,value:C(()=>It(s.value)??``)});let g=`date-picker-${Math.random().toString(36).slice(2,9)}-calendar`,_=h(),v=h(),b=sn({getFloating:()=>v.value??null,getReference:()=>_.value??null,matchWidth:!1,offsetPx:4}),x=null,S=C(()=>s.value?Lt(s.value,l.value):t.placeholder.value||``),w=C(()=>{let e=k.PlainDate.from({day:1,month:m.value,year:p.value});return A(e,{intl:{month:`long`},locale:l.value,timeZone:`UTC`})}),E=C(()=>String(p.value)),D=C(()=>`${w.value} ${E.value}`),O=C(()=>(p.value,m.value,s.value,u.dayCells())),j=C(()=>(p.value,u.monthCells())),M=C(()=>(p.value,u.yearCells())),N=C(()=>u.weekdayLabels()),P=()=>c.value?`-1`:`0`;function F(){d.value===`day`?u.prevMonth():u.prevYear(),p.value=u.displayYear(),m.value=u.displayMonth()}function I(){d.value===`day`?u.nextMonth():u.nextYear(),p.value=u.displayYear(),m.value=u.displayMonth()}function L(){let e=[`day`,`month`,`year`],t=e[(e.indexOf(d.value)+1)%e.length];u.setView(t),d.value=t}function R(e){u.goTo(u.displayYear(),e),u.setView(`day`),p.value=u.displayYear(),m.value=u.displayMonth(),d.value=`day`}function z(e){u.goTo(e,u.displayMonth()),u.setView(`month`),p.value=u.displayYear(),d.value=`month`}function B(e){let t=Ft(e);t&&u.select(t)}function ee(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(),B(t.dataset.iso??``);return}if(e.key===`ArrowRight`)a=r[i+1];else if(e.key===`ArrowLeft`)a=r[i-1];else if(e.key===`ArrowDown`)a=r[i+7];else if(e.key===`ArrowUp`)a=r[i-7];else if(e.key===`Home`)a=r[Math.floor(i/7)*7];else if(e.key===`End`)a=r[Math.floor(i/7)*7+6];else return;e.preventDefault(),a?.focus()}function V(e,t,n,r){let i=e.currentTarget,a=i.closest(`.cal-grid`);if(!a)return;let o=Array.from(a.querySelectorAll(t)),s=o.indexOf(i);if(s===-1)return;let c;if(e.key===`Enter`||e.key===` `){e.preventDefault(),r();return}if(e.key===`ArrowRight`)c=o[s+1];else if(e.key===`ArrowLeft`)c=o[s-1];else if(e.key===`ArrowDown`)c=o[s+n];else if(e.key===`ArrowUp`)c=o[s-n];else if(e.key===`Home`)c=o[Math.floor(s/n)*n];else if(e.key===`End`)c=o[Math.min(Math.floor(s/n)*n+n-1,o.length-1)];else return;e.preventDefault(),c?.focus()}function te(){if(c.value)return;r.value=!0,u.setView(`day`),d.value=`day`;let e=s.value;e&&(u.goTo(e.year,e.month),p.value=u.displayYear(),m.value=u.displayMonth()),b.update(),x=b.startAutoUpdate?.()??null}function H(){r.value=!1,u.setView(`day`),d.value=`day`,x?.(),x=null}function U(){r.value?H():te()}function ne(e){c.value||(e.key===`Enter`||e.key===` `?(e.preventDefault(),U()):e.key===`Escape`&&r.value&&(e.preventDefault(),H()))}function re(e){e.key===`Escape`&&(e.preventDefault(),H())}function ie(e){r.value&&(e.composedPath().includes(n)||H())}return f(()=>(document.addEventListener(`pointerdown`,ie,{capture:!0}),()=>{document.removeEventListener(`pointerdown`,ie,{capture:!0}),x?.(),x=null})),e({attr:{open:()=>r.value?!0:void 0}}),o`
|
|
2372
2416
|
<!-- Trigger: ore-input in readonly display mode -->
|
|
2373
2417
|
<ore-input
|
|
2374
2418
|
class="trigger"
|
|
@@ -2394,8 +2438,8 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2394
2438
|
?required="${()=>t.required.value?!0:void 0}"
|
|
2395
2439
|
?fullwidth="${()=>t.fullwidth.value?!0:void 0}"
|
|
2396
2440
|
?success="${()=>t.success.value}"
|
|
2397
|
-
@click="${
|
|
2398
|
-
@keydown="${
|
|
2441
|
+
@click="${U}"
|
|
2442
|
+
@keydown="${ne}">
|
|
2399
2443
|
<ore-icon slot="suffix" name="calendar" size="16" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
2400
2444
|
</ore-input>
|
|
2401
2445
|
|
|
@@ -2408,7 +2452,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2408
2452
|
aria-modal="true"
|
|
2409
2453
|
aria-label="${()=>`Choose date — ${D.value}`}"
|
|
2410
2454
|
?data-open="${r}"
|
|
2411
|
-
@keydown="${
|
|
2455
|
+
@keydown="${re}">
|
|
2412
2456
|
<!-- Calendar header -->
|
|
2413
2457
|
<div class="cal-header" part="header">
|
|
2414
2458
|
<button class="nav-btn" type="button" aria-label="Previous" @click="${F}">
|
|
@@ -2456,8 +2500,8 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2456
2500
|
?data-disabled="${()=>e.isDisabled}"
|
|
2457
2501
|
data-iso="${e.iso}"
|
|
2458
2502
|
tabindex="${()=>e.isDisabled?`-1`:`0`}"
|
|
2459
|
-
@click="${()=>
|
|
2460
|
-
@keydown="${
|
|
2503
|
+
@click="${()=>B(e.iso)}"
|
|
2504
|
+
@keydown="${ee}">
|
|
2461
2505
|
${String(e.day)}
|
|
2462
2506
|
</div>
|
|
2463
2507
|
`)}
|
|
@@ -2483,7 +2527,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2483
2527
|
?data-disabled="${()=>e.isDisabled}"
|
|
2484
2528
|
tabindex="${()=>e.isDisabled?`-1`:`0`}"
|
|
2485
2529
|
@click="${()=>{e.isDisabled||R(e.month)}}"
|
|
2486
|
-
@keydown="${t=>
|
|
2530
|
+
@keydown="${t=>V(t,`.cal-cell-month`,4,()=>{e.isDisabled||R(e.month)})}">
|
|
2487
2531
|
${e.shortLabel}
|
|
2488
2532
|
</div>
|
|
2489
2533
|
`)}
|
|
@@ -2508,8 +2552,8 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2508
2552
|
?data-selected="${()=>e.isSelected}"
|
|
2509
2553
|
?data-disabled="${()=>e.isDisabled}"
|
|
2510
2554
|
tabindex="${()=>e.isDisabled?`-1`:`0`}"
|
|
2511
|
-
@click="${()=>{e.isDisabled||
|
|
2512
|
-
@keydown="${t=>
|
|
2555
|
+
@click="${()=>{e.isDisabled||z(e.year)}}"
|
|
2556
|
+
@keydown="${t=>V(t,`.cal-cell-year`,4,()=>{e.isDisabled||z(e.year)})}">
|
|
2513
2557
|
${String(e.year)}
|
|
2514
2558
|
</div>
|
|
2515
2559
|
`)}
|
|
@@ -2517,37 +2561,37 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2517
2561
|
`)}}
|
|
2518
2562
|
</div>
|
|
2519
2563
|
</div>
|
|
2520
|
-
`},shadow:{delegatesFocus:!0},styles:[X,q,$i]});var ta=`@layer refine.base{:host{--_font-size:var(--file-input-font-size,var(--text-sm));--_radius:var(--file-input-radius,var(--rounded-lg));--_bg:var(--file-input-bg,var(--color-contrast-100));--_border-color:var(--file-input-border-color,var(--color-contrast-300));--_min-height:var(--file-input-min-height,var(--size-36));flex-direction:column;align-items:stretch;display:inline-flex}.file-input-wrapper{gap:var(--size-1-5);flex-direction:column;width:100%;display:flex}.label-outside{font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-none);color:var(--color-contrast-500);cursor:default;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.dropzone{box-sizing:border-box;gap:var(--size-2);min-height:var(--_min-height);padding:var(--size-6) var(--size-4);text-align:center;cursor:pointer;background:var(--_bg);border:var(--border-2) dashed var(--_border-color);border-radius:var(--_radius);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.dropzone-content{gap:var(--size-2);pointer-events:none;flex-direction:column;align-items:center;display:flex}.dropzone-icon{color:var(--color-contrast-400);transition:color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.dropzone-title{font-size:var(--_font-size);font-weight:var(--font-medium);line-height:var(--leading-snug);color:var(--color-contrast-700)}.dropzone-title u{color:var(--_theme-focus,var(--color-primary));text-underline-offset:2px;transition:text-decoration-color var(--transition-fast);-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.dropzone-title-active{color:var(--_theme-focus,var(--color-primary))}.dropzone-hint{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-400)}.helper-text[hidden]{display:none}.helper-text{font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));padding-left:2px;padding-right:2px}.file-list{gap:var(--size-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.file-item{box-sizing:border-box;gap:var(--size-3);padding:var(--size-2) var(--size-3);background:var(--color-contrast-50);border:var(--border) solid var(--color-contrast-200);border-radius:var(--_radius);transition:background var(--transition-fast);align-items:center;display:flex}.file-item:hover{background:var(--color-contrast-100)}.file-icon{color:var(--_theme-focus,var(--color-primary));flex-shrink:0}.file-meta{gap:var(--size-0-5);flex-direction:column;flex:1;min-width:0;display:flex}.file-name{text-overflow:ellipsis;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-contrast-700);white-space:nowrap;overflow:hidden}.file-size{font-size:var(--text-xs);color:var(--color-contrast-400)}.file-actions{gap:var(--size-0-5);flex-shrink:0;display:flex}.file-remove,.file-action{padding:var(--size-1);color:var(--color-contrast-400);cursor:pointer;border-radius:var(--rounded-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-remove:hover{color:var(--color-error);background:var(--color-error-backdrop,color-mix(in oklch, var(--color-error) 12%, transparent))}.file-action:hover{color:var(--_theme-focus,var(--color-primary));background:var(--_theme-backdrop,color-mix(in oklch, var(--color-primary) 12%, transparent))}.file-progress-meta{font-size:var(--text-xs);color:var(--color-contrast-400)}.file-error-text{text-overflow:ellipsis;font-size:var(--text-xs);color:var(--color-error);white-space:nowrap;overflow:hidden}.file-item[data-status=success] .file-icon{color:var(--color-success)}.file-item[data-status=error] .file-icon{color:var(--color-error)}.file-item[data-status=error]{border-color:color-mix(in oklch, var(--color-error) 40%, var(--color-contrast-200))}.file-grid{--_thumb-size:var(--file-input-thumb-size,var(--size-24));grid-template-columns:repeat(auto-fill, minmax(var(--_thumb-size), 1fr));gap:var(--size-2);margin:0;padding:0;list-style:none;display:grid}.file-card{box-sizing:border-box;gap:var(--size-1);flex-direction:column;display:flex}.file-thumb-frame{display:block;position:relative}.file-thumb{box-sizing:border-box;aspect-ratio:1;object-fit:cover;background:var(--color-contrast-100);border:var(--border) solid var(--color-contrast-200);border-radius:var(--_radius);width:100%;display:block}.file-thumb-generic{color:var(--color-contrast-400);justify-content:center;align-items:center;display:flex}.file-card[data-status=uploading] .file-thumb{opacity:.6}.file-card[data-status=error] .file-thumb{border-color:color-mix(in oklch, var(--color-error) 50%, var(--color-contrast-200))}.file-card-name{text-overflow:ellipsis;font-size:var(--text-xs);color:var(--color-contrast-600);text-align:center;white-space:nowrap;overflow:hidden}.file-status-badge{top:var(--size-1);left:var(--size-1);width:var(--size-5);height:var(--size-5);color:var(--color-canvas);border-radius:var(--rounded-full);justify-content:center;align-items:center;display:flex;position:absolute}.file-status-badge-success{background:var(--color-success)}.file-status-badge-error{background:var(--color-error)}.file-card-actions{top:var(--size-1);right:var(--size-1);gap:var(--size-0-5);display:flex;position:absolute}.file-card-action{width:var(--size-5);height:var(--size-5);color:var(--color-contrast-50);cursor:pointer;background:color-mix(in oklch, var(--color-contrast-900) 55%, transparent);border-radius:var(--rounded-full);transition:background var(--transition-fast), color var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.file-card-remove:hover{color:var(--color-canvas);background:var(--color-error)}.file-card-action:not(.file-card-remove):hover{color:var(--color-canvas);background:var(--color-primary)}.file-card .file-progress-meta,.file-card .file-error-text{text-align:center;white-space:normal}:host(:not([disabled])) .dropzone:hover{border-color:var(--color-contrast-400)}:host(:not([disabled])) .dropzone:hover .dropzone-title u{-webkit-text-decoration-color:var(--_theme-focus,var(--color-primary));-webkit-text-decoration-color:var(--_theme-focus,var(--color-primary));text-decoration-color:var(--_theme-focus,var(--color-primary))}:host(:not([disabled])) .dropzone:focus-visible{border-color:var(--_theme-focus,var(--color-primary));box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow))}:host(:not([disabled])) .dropzone:hover .dropzone-icon,:host(:not([disabled])) .dropzone:focus-visible .dropzone-icon{color:var(--_theme-focus,var(--color-primary));transform:translateY(-1px)}:host([drag-over]) .dropzone{background:color-mix(in oklch, var(--_theme-base,var(--color-primary)) 8%, transparent);border-color:var(--_theme-focus,var(--color-primary));box-shadow:0 0 0 3px color-mix(in oklch, var(--_theme-focus,var(--color-primary)) 25%, transparent), 0 0 20px 2px color-mix(in oklch, var(--_theme-focus,var(--color-primary)) 45%, transparent);border-style:solid}:host([drag-over]) .dropzone .dropzone-icon{color:var(--_theme-focus,var(--color-primary));transform:translateY(-2px)scale(1.05)}:host([invalid]) .dropzone{border-color:var(--color-error)}:host([invalid]) .label-outside,.dropzone-icon[data-status=error],.helper-text-error{color:var(--color-error)}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_bg:var(--file-input-bg,var(--color-contrast-50));--_border-color:var(--file-input-border-color,var(--color-contrast-300))}:host([variant=flat]){--_bg:var(--file-input-bg,var(--color-contrast-100));--_border-color:var(--file-input-border-color,color-mix(in oklch, var(--_theme-focus) 20%, transparent))}:host([variant=flat]) .dropzone:hover{background:var(--file-input-hover-bg,color-mix(in oklch, var(--_theme-base) 6%, var(--color-contrast-100)));border-color:var(--file-input-hover-border-color,color-mix(in oklch, var(--_theme-base) 35%, var(--color-contrast-300)))}:host([variant=flat]) .dropzone:focus-visible,:host([variant=flat][drag-over]) .dropzone{background:var(--file-input-focus-bg,color-mix(in oklch, var(--_theme-base) 8%, var(--color-canvas)));border-color:var(--file-input-focus-border-color,color-mix(in oklch, var(--_theme-focus) 60%, transparent));box-shadow:var(--_theme-shadow)}:host([variant=bordered]){--_bg:var(--file-input-bg,var(--_theme-backdrop));--_border-color:var(--file-input-border-color,color-mix(in oklch, var(--_theme-focus) 70%, transparent))}:host([variant=bordered]) .dropzone:hover{border-color:var(--file-input-hover-border-color,var(--_theme-focus))}:host([variant=outline]){--_bg:var(--file-input-bg,transparent)}:host([variant=ghost]){--_bg:var(--file-input-bg,transparent);--_border-color:var(--file-input-border-color,transparent)}:host(:not([disabled])[variant=ghost]) .dropzone:hover{background:var(--file-input-hover-bg,var(--color-contrast-100));border-color:var(--file-input-hover-border-color,var(--color-contrast-200))}}@layer refine.utilities{:host([fullwidth]){width:100%}}:host([disabled]){opacity:1}:host([disabled]) .dropzone{background:var(--color-contrast-100);border-color:var(--color-contrast-200)}:host([disabled]) .dropzone-icon,:host([disabled]) .dropzone-title,:host([disabled]) .dropzone-hint,:host([disabled]) .dropzone-title u,:host([disabled]) .label-outside{color:var(--color-contrast-400)}`,na=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]}`},ra=(e,t)=>!t||e.size<=t,ia=e=>e>0?`${na(e)}/s`:``,aa=e=>e?e.split(`,`).map(e=>e.trim()):[],oa={error:null,loaded:0,speedBps:0,status:`idle`},sa=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 ca(e){let t=T([]),n=new Map,r=new Map;function i(e){let t=n.get(e);return t||(t=T({...oa,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`}),_t(`${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`}),_t(`${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=aa(e.accept.value),c=e.maxSize.value;a=a.filter(e=>ae(e,o)&&ra(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){if(e.disabled.value)return!1;let a=aa(e.accept.value);return!ae(r,a)||!ra(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[ia(t.speedBps),sa(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:_,fileState:a,files:t,removeFile:f,replaceFile:p,retryUpload:c,statusIconName:g,uploadMetaText:h,uploadPercent:m}}var la=e=>e.type.startsWith(`image/`),ua=`ore-file-input`;i(ua,{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(t){let r=v(),i=T(!1),a=T(null),s=C(()=>!!t.disabled.value),c=C(()=>t[`max-files`].value??0),p=C(()=>t[`max-size`].value??0),m=ca({accept:t.accept,disabled:s,maxFiles:c,maxSize:p,multiple:C(()=>!!t.multiple.value),onChange:(e,t)=>r(`change`,{files:e,originalEvent:t,value:e}),onRemove:(e,t,n)=>r(`remove`,{file:e,files:t,originalEvent:n,value:t}),onUploadError:(e,t)=>r(`upload-error`,{error:t,file:e}),onUploadProgress:(e,t,n)=>r(`upload-progress`,{file:e,loaded:t,total:n}),onUploadSuccess:e=>r(`upload-success`,{file:e}),upload:C(()=>t.upload.value??void 0)});l(()=>m.dispose()),y({disabled:s,toFormValue:e=>{if(e.length===0)return null;let n=t.name.value||`file`,r=new FormData;for(let t of e)r.append(n,t);return r},value:m.files});let g=C(()=>!!t.error.value);e({attr:{"drag-over":()=>i.value?!0:void 0,invalid:()=>g.value?!0:void 0,size:t.size}});let _=n(`file-input`),b=`label-${_}`,x=`helper-${_}`,w=`error-${_}`,E=h(),O=h(),k=C(()=>{let e=[];t.accept.value&&e.push(t.accept.value.split(`,`).map(e=>e.trim()).join(`, `));let n=p.value;n>0&&e.push(`max ${na(n)}`);let r=c.value;return r>0&&e.push(`up to ${r} file${r===1?``:`s`}`),e.join(` · `)});function A(e){a.value=e,O.value?.click()}let j=new Map;function M(e){let t=j.get(e);return t||(t=URL.createObjectURL(e),j.set(e,t)),t}function N(e){let t=new Set(e);for(let[e,n]of j)t.has(e)||(URL.revokeObjectURL(n),j.delete(e))}return D(m.files,N),l(()=>{for(let e of j.values())URL.revokeObjectURL(e);j.clear()}),u(O,e=>Yt(t.ref,e)),f(()=>{let e=O.value,t=E.value,n=!1,r=kt({disabled:s,onPress:()=>{e.click()}});d(e,`change`,e=>{let t=e.target,n=a.value;a.value=null,n&&t.files?.[0]?m.replaceFile(n,t.files[0],e):t.files?.length&&m.addFiles(Array.from(t.files),e),t.value=``}),d(t,`click`,t=>{if(t.target!==e){if(n){n=!1;return}s.value||e.click()}}),d(t,`keydown`,e=>{n=r.handleKeydown(e)&&e.key===`Enter`}),D(s,e=>{let n=ie({disabled:e,element:t,onDrop:e=>m.addFiles(e),onHoverChange:e=>{i.value=e}});return()=>n.dispose()},{immediate:!0})}),o`
|
|
2564
|
+
`},shadow:{delegatesFocus:!0},styles:[Z,J,ra]});var aa=`@layer refine.base{:host{--_font-size:var(--file-input-font-size,var(--text-sm));--_radius:var(--file-input-radius,var(--rounded-lg));--_bg:var(--file-input-bg,var(--color-contrast-100));--_border-color:var(--file-input-border-color,var(--color-contrast-300));--_min-height:var(--file-input-min-height,var(--size-36));flex-direction:column;align-items:stretch;display:inline-flex}.file-input-wrapper{gap:var(--size-1-5);flex-direction:column;width:100%;display:flex}.label-outside{font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-none);color:var(--color-contrast-500);cursor:default;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.dropzone{box-sizing:border-box;gap:var(--size-2);min-height:var(--_min-height);padding:var(--size-6) var(--size-4);text-align:center;cursor:pointer;background:var(--_bg);border:var(--border-2) dashed var(--_border-color);border-radius:var(--_radius);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.dropzone-content{gap:var(--size-2);pointer-events:none;flex-direction:column;align-items:center;display:flex}.dropzone-icon{color:var(--color-contrast-400);transition:color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.dropzone-title{font-size:var(--_font-size);font-weight:var(--font-medium);line-height:var(--leading-snug);color:var(--color-contrast-700)}.dropzone-title u{color:var(--_theme-focus,var(--color-primary));text-underline-offset:2px;transition:text-decoration-color var(--transition-fast);-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.dropzone-title-active{color:var(--_theme-focus,var(--color-primary))}.dropzone-hint{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-400)}.helper-text[hidden]{display:none}.helper-text{font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));padding-left:2px;padding-right:2px}.file-list{gap:var(--size-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.file-item{box-sizing:border-box;gap:var(--size-3);padding:var(--size-2) var(--size-3);background:var(--color-contrast-50);border:var(--border) solid var(--color-contrast-200);border-radius:var(--_radius);transition:background var(--transition-fast);align-items:center;display:flex}.file-item:hover{background:var(--color-contrast-100)}.file-icon{color:var(--_theme-focus,var(--color-primary));flex-shrink:0}.file-meta{gap:var(--size-0-5);flex-direction:column;flex:1;min-width:0;display:flex}.file-name{text-overflow:ellipsis;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-contrast-700);white-space:nowrap;overflow:hidden}.file-size{font-size:var(--text-xs);color:var(--color-contrast-400)}.file-actions{gap:var(--size-0-5);flex-shrink:0;display:flex}.file-remove,.file-action{padding:var(--size-1);color:var(--color-contrast-400);cursor:pointer;border-radius:var(--rounded-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-remove:hover{color:var(--color-error);background:var(--color-error-backdrop,color-mix(in oklch, var(--color-error) 12%, transparent))}.file-action:hover{color:var(--_theme-focus,var(--color-primary));background:var(--_theme-backdrop,color-mix(in oklch, var(--color-primary) 12%, transparent))}.file-progress-meta{font-size:var(--text-xs);color:var(--color-contrast-400)}.file-error-text{text-overflow:ellipsis;font-size:var(--text-xs);color:var(--color-error);white-space:nowrap;overflow:hidden}.file-item[data-status=success] .file-icon{color:var(--color-success)}.file-item[data-status=error] .file-icon{color:var(--color-error)}.file-item[data-status=error]{border-color:color-mix(in oklch, var(--color-error) 40%, var(--color-contrast-200))}.file-grid{--_thumb-size:var(--file-input-thumb-size,var(--size-24));grid-template-columns:repeat(auto-fill, minmax(var(--_thumb-size), 1fr));gap:var(--size-2);margin:0;padding:0;list-style:none;display:grid}.file-card{box-sizing:border-box;gap:var(--size-1);flex-direction:column;display:flex}.file-thumb-frame{display:block;position:relative}.file-thumb{box-sizing:border-box;aspect-ratio:1;object-fit:cover;background:var(--color-contrast-100);border:var(--border) solid var(--color-contrast-200);border-radius:var(--_radius);width:100%;display:block}.file-thumb-generic{color:var(--color-contrast-400);justify-content:center;align-items:center;display:flex}.file-card[data-status=uploading] .file-thumb{opacity:.6}.file-card[data-status=error] .file-thumb{border-color:color-mix(in oklch, var(--color-error) 50%, var(--color-contrast-200))}.file-card-name{text-overflow:ellipsis;font-size:var(--text-xs);color:var(--color-contrast-600);text-align:center;white-space:nowrap;overflow:hidden}.file-status-badge{top:var(--size-1);left:var(--size-1);width:var(--size-5);height:var(--size-5);color:var(--color-canvas);border-radius:var(--rounded-full);justify-content:center;align-items:center;display:flex;position:absolute}.file-status-badge-success{background:var(--color-success)}.file-status-badge-error{background:var(--color-error)}.file-card-actions{top:var(--size-1);right:var(--size-1);gap:var(--size-0-5);display:flex;position:absolute}.file-card-action{width:var(--size-5);height:var(--size-5);color:var(--color-contrast-50);cursor:pointer;background:color-mix(in oklch, var(--color-contrast-900) 55%, transparent);border-radius:var(--rounded-full);transition:background var(--transition-fast), color var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.file-card-remove:hover{color:var(--color-canvas);background:var(--color-error)}.file-card-action:not(.file-card-remove):hover{color:var(--color-canvas);background:var(--color-primary)}.file-card .file-progress-meta,.file-card .file-error-text{text-align:center;white-space:normal}:host(:not([disabled])) .dropzone:hover{border-color:var(--color-contrast-400)}:host(:not([disabled])) .dropzone:hover .dropzone-title u{-webkit-text-decoration-color:var(--_theme-focus,var(--color-primary));-webkit-text-decoration-color:var(--_theme-focus,var(--color-primary));text-decoration-color:var(--_theme-focus,var(--color-primary))}:host(:not([disabled])) .dropzone:focus-visible{border-color:var(--_theme-focus,var(--color-primary));box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow))}:host(:not([disabled])) .dropzone:hover .dropzone-icon,:host(:not([disabled])) .dropzone:focus-visible .dropzone-icon{color:var(--_theme-focus,var(--color-primary));transform:translateY(-1px)}:host([drag-over]) .dropzone{background:color-mix(in oklch, var(--_theme-base,var(--color-primary)) 8%, transparent);border-color:var(--_theme-focus,var(--color-primary));box-shadow:0 0 0 3px color-mix(in oklch, var(--_theme-focus,var(--color-primary)) 25%, transparent), 0 0 20px 2px color-mix(in oklch, var(--_theme-focus,var(--color-primary)) 45%, transparent);border-style:solid}:host([drag-over]) .dropzone .dropzone-icon{color:var(--_theme-focus,var(--color-primary));transform:translateY(-2px)scale(1.05)}:host([invalid]) .dropzone{border-color:var(--color-error)}:host([invalid]) .label-outside,.dropzone-icon[data-status=error],.helper-text-error{color:var(--color-error)}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_bg:var(--file-input-bg,var(--color-contrast-50));--_border-color:var(--file-input-border-color,var(--color-contrast-300))}:host([variant=flat]){--_bg:var(--file-input-bg,var(--color-contrast-100));--_border-color:var(--file-input-border-color,color-mix(in oklch, var(--_theme-focus) 20%, transparent))}:host([variant=flat]) .dropzone:hover{background:var(--file-input-hover-bg,color-mix(in oklch, var(--_theme-base) 6%, var(--color-contrast-100)));border-color:var(--file-input-hover-border-color,color-mix(in oklch, var(--_theme-base) 35%, var(--color-contrast-300)))}:host([variant=flat]) .dropzone:focus-visible,:host([variant=flat][drag-over]) .dropzone{background:var(--file-input-focus-bg,color-mix(in oklch, var(--_theme-base) 8%, var(--color-canvas)));border-color:var(--file-input-focus-border-color,color-mix(in oklch, var(--_theme-focus) 60%, transparent));box-shadow:var(--_theme-shadow)}:host([variant=bordered]){--_bg:var(--file-input-bg,var(--_theme-backdrop));--_border-color:var(--file-input-border-color,color-mix(in oklch, var(--_theme-focus) 70%, transparent))}:host([variant=bordered]) .dropzone:hover{border-color:var(--file-input-hover-border-color,var(--_theme-focus))}:host([variant=outline]){--_bg:var(--file-input-bg,transparent)}:host([variant=ghost]){--_bg:var(--file-input-bg,transparent);--_border-color:var(--file-input-border-color,transparent)}:host(:not([disabled])[variant=ghost]) .dropzone:hover{background:var(--file-input-hover-bg,var(--color-contrast-100));border-color:var(--file-input-hover-border-color,var(--color-contrast-200))}}@layer refine.utilities{:host([fullwidth]){width:100%}}:host([disabled]){opacity:1}:host([disabled]) .dropzone{background:var(--color-contrast-100);border-color:var(--color-contrast-200)}:host([disabled]) .dropzone-icon,:host([disabled]) .dropzone-title,:host([disabled]) .dropzone-hint,:host([disabled]) .dropzone-title u,:host([disabled]) .label-outside{color:var(--color-contrast-400)}`,oa=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]}`},sa=(e,t)=>!t||e.size<=t,ca=e=>e>0?`${oa(e)}/s`:``,la=e=>e?e.split(`,`).map(e=>e.trim()):[],ua={error:null,loaded:0,speedBps:0,status:`idle`},da=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 fa(e){let t=T([]),n=new Map,r=new Map;function i(e){let t=n.get(e);return t||(t=T({...ua,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`}),gt(`${t.name} uploaded successfully.`,{document:e.document}),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`}),gt(`${t.name} failed to upload: ${r}`,{document:e.document,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=la(e.accept.value),c=e.maxSize.value;a=a.filter(e=>ie(e,o)&&sa(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){if(e.disabled.value)return!1;let a=la(e.accept.value);return!ie(r,a)||!sa(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[ca(t.speedBps),da(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:_,fileState:a,files:t,removeFile:f,replaceFile:p,retryUpload:c,statusIconName:g,uploadMetaText:h,uploadPercent:m}}var pa=e=>e.type.startsWith(`image/`),ma=`ore-file-input`;i(ma,{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(t){let r=a(),i=v(),s=T(!1),c=T(null),p=C(()=>!!t.disabled.value),m=C(()=>t[`max-files`].value??0),g=C(()=>t[`max-size`].value??0),_=fa({accept:t.accept,disabled:p,document:r.ownerDocument,maxFiles:m,maxSize:g,multiple:C(()=>!!t.multiple.value),onChange:(e,t)=>i(`change`,{files:e,originalEvent:t,value:e}),onRemove:(e,t,n)=>i(`remove`,{file:e,files:t,originalEvent:n,value:t}),onUploadError:(e,t)=>i(`upload-error`,{error:t,file:e}),onUploadProgress:(e,t,n)=>i(`upload-progress`,{file:e,loaded:t,total:n}),onUploadSuccess:e=>i(`upload-success`,{file:e}),upload:C(()=>t.upload.value??void 0)});l(()=>_.dispose()),y({disabled:p,toFormValue:e=>{if(e.length===0)return null;let n=t.name.value||`file`,r=new FormData;for(let t of e)r.append(n,t);return r},value:_.files});let b=C(()=>!!t.error.value);e({attr:{"drag-over":()=>s.value?!0:void 0,invalid:()=>b.value?!0:void 0,size:t.size}});let x=n(`file-input`),w=`label-${x}`,E=`helper-${x}`,O=`error-${x}`,k=h(),A=h(),j=C(()=>{let e=[];t.accept.value&&e.push(t.accept.value.split(`,`).map(e=>e.trim()).join(`, `));let n=g.value;n>0&&e.push(`max ${oa(n)}`);let r=m.value;return r>0&&e.push(`up to ${r} file${r===1?``:`s`}`),e.join(` · `)});function M(e){c.value=e,A.value?.click()}let N=new Map;function P(e){let t=N.get(e);return t||(t=URL.createObjectURL(e),N.set(e,t)),t}function F(e){let t=new Set(e);for(let[e,n]of N)t.has(e)||(URL.revokeObjectURL(n),N.delete(e))}return D(_.files,F),l(()=>{for(let e of N.values())URL.revokeObjectURL(e);N.clear()}),u(A,e=>Jt(t.ref,e)),f(()=>{let e=A.value,t=k.value,n=!1,r=Ot({disabled:p,onPress:()=>{e.click()}});d(e,`change`,e=>{let t=e.target,n=c.value;c.value=null,n&&t.files?.[0]?_.replaceFile(n,t.files[0],e):t.files?.length&&_.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=re({disabled:e,element:t,onDrop:e=>_.addFiles(e),onHoverChange:e=>{s.value=e}});return()=>n.dispose()},{immediate:!0})}),o`
|
|
2521
2565
|
<div class="file-input-wrapper" part="wrapper">
|
|
2522
|
-
<label class="label-outside" id="${
|
|
2566
|
+
<label class="label-outside" id="${w}" part="label" ?hidden=${()=>!t.label.value}>
|
|
2523
2567
|
${t.label}
|
|
2524
2568
|
</label>
|
|
2525
2569
|
<div
|
|
2526
2570
|
class="dropzone"
|
|
2527
2571
|
part="dropzone"
|
|
2528
|
-
ref=${
|
|
2572
|
+
ref=${k}
|
|
2529
2573
|
role="button"
|
|
2530
|
-
tabindex="${()=>
|
|
2531
|
-
aria-disabled="${()=>String(
|
|
2574
|
+
tabindex="${()=>p.value?`-1`:`0`}"
|
|
2575
|
+
aria-disabled="${()=>String(p.value)}"
|
|
2532
2576
|
aria-label="${()=>t.label.value?null:`File upload drop zone`}"
|
|
2533
|
-
aria-labelledby="${()=>t.label.value?
|
|
2534
|
-
aria-describedby="${
|
|
2577
|
+
aria-labelledby="${()=>t.label.value?w:null}"
|
|
2578
|
+
aria-describedby="${E}">
|
|
2535
2579
|
<input
|
|
2536
2580
|
type="file"
|
|
2537
|
-
ref=${
|
|
2581
|
+
ref=${A}
|
|
2538
2582
|
part="input"
|
|
2539
|
-
id="${
|
|
2583
|
+
id="${x}"
|
|
2540
2584
|
accept="${t.accept}"
|
|
2541
2585
|
?multiple="${t.multiple}"
|
|
2542
2586
|
?required="${t.required}"
|
|
2543
|
-
?disabled="${
|
|
2587
|
+
?disabled="${p}"
|
|
2544
2588
|
name="${t.name}"
|
|
2545
2589
|
hidden
|
|
2546
2590
|
inert
|
|
2547
2591
|
tabindex="-1" />
|
|
2548
2592
|
<div class="dropzone-content">
|
|
2549
|
-
<span class="dropzone-icon" aria-hidden="true" data-status="${()=>
|
|
2550
|
-
${()=>
|
|
2593
|
+
<span class="dropzone-icon" aria-hidden="true" data-status="${()=>b.value?`error`:null}">
|
|
2594
|
+
${()=>b.value?o`
|
|
2551
2595
|
<ore-icon name="alert-circle" size="36" stroke-width="1.5" aria-hidden="true"></ore-icon>
|
|
2552
2596
|
`:o`
|
|
2553
2597
|
<ore-icon name="upload" size="36" stroke-width="1.5" aria-hidden="true"></ore-icon>
|
|
@@ -2556,16 +2600,16 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2556
2600
|
<!-- Signal 01: the copy itself shifts on drag-entry (not just border/glow) — a
|
|
2557
2601
|
static "Drop files here" during an active drag reads as if the drop target
|
|
2558
2602
|
hasn't noticed the file yet. -->
|
|
2559
|
-
${S(()=>
|
|
2603
|
+
${S(()=>s.value,()=>o`
|
|
2560
2604
|
<span class="dropzone-title dropzone-title-active">Release to upload</span>
|
|
2561
2605
|
`)}
|
|
2562
|
-
${S(()=>!
|
|
2606
|
+
${S(()=>!s.value,()=>o`
|
|
2563
2607
|
<span class="dropzone-title">
|
|
2564
2608
|
Drop files here or
|
|
2565
2609
|
<u>click to browse</u>
|
|
2566
2610
|
</span>
|
|
2567
2611
|
`)}
|
|
2568
|
-
<span class="dropzone-hint" ?hidden=${()=>!
|
|
2612
|
+
<span class="dropzone-hint" ?hidden=${()=>!j.value}>${j}</span>
|
|
2569
2613
|
</div>
|
|
2570
2614
|
</div>
|
|
2571
2615
|
<ul
|
|
@@ -2573,46 +2617,46 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2573
2617
|
part="${()=>t.gallery.value?`gallery`:null}"
|
|
2574
2618
|
role="list"
|
|
2575
2619
|
aria-label="Selected files"
|
|
2576
|
-
?hidden=${()=>
|
|
2577
|
-
${()=>
|
|
2578
|
-
<li class="file-card" data-status=${()=>
|
|
2620
|
+
?hidden=${()=>_.files.value.length===0}>
|
|
2621
|
+
${()=>_.files.value.map(e=>t.gallery.value?o`
|
|
2622
|
+
<li class="file-card" data-status=${()=>_.fileState(e).status}>
|
|
2579
2623
|
<span class="file-thumb-frame">
|
|
2580
|
-
${
|
|
2624
|
+
${pa(e)?o`
|
|
2581
2625
|
<img
|
|
2582
2626
|
class="file-thumb"
|
|
2583
2627
|
alt=""
|
|
2584
|
-
ref="${t=>{t&&(t.src=
|
|
2628
|
+
ref="${t=>{t&&(t.src=P(e))}}" />
|
|
2585
2629
|
`:o`
|
|
2586
2630
|
<span class="file-thumb file-thumb-generic" aria-hidden="true">
|
|
2587
2631
|
<ore-icon name="file" size="28" stroke-width="1.5" aria-hidden="true"></ore-icon>
|
|
2588
2632
|
</span>
|
|
2589
2633
|
`}
|
|
2590
|
-
${S(()=>
|
|
2634
|
+
${S(()=>_.fileState(e).status===`success`,()=>o`
|
|
2591
2635
|
<span class="file-status-badge file-status-badge-success" aria-hidden="true">
|
|
2592
2636
|
<ore-icon name="check" size="11" stroke-width="3" aria-hidden="true"></ore-icon>
|
|
2593
2637
|
</span>
|
|
2594
2638
|
`)}
|
|
2595
|
-
${S(()=>
|
|
2639
|
+
${S(()=>_.fileState(e).status===`error`,()=>o`
|
|
2596
2640
|
<span class="file-status-badge file-status-badge-error" aria-hidden="true">
|
|
2597
2641
|
<ore-icon name="alert-circle" size="12" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2598
2642
|
</span>
|
|
2599
2643
|
`)}
|
|
2600
2644
|
<span class="file-card-actions">
|
|
2601
|
-
${S(()=>
|
|
2645
|
+
${S(()=>_.fileState(e).status===`error`,()=>o`
|
|
2602
2646
|
<button
|
|
2603
2647
|
class="file-card-action"
|
|
2604
2648
|
type="button"
|
|
2605
2649
|
aria-label="${`Retry uploading ${e.name}`}"
|
|
2606
|
-
@click=${()=>
|
|
2650
|
+
@click=${()=>_.retryUpload(e)}>
|
|
2607
2651
|
<ore-icon name="refresh-cw" size="12" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2608
2652
|
</button>
|
|
2609
2653
|
`)}
|
|
2610
|
-
${S(()=>
|
|
2654
|
+
${S(()=>_.fileState(e).status===`success`&&!!t.multiple.value&&!!t.upload.value,()=>o`
|
|
2611
2655
|
<button
|
|
2612
2656
|
class="file-card-action"
|
|
2613
2657
|
type="button"
|
|
2614
2658
|
aria-label="${`Replace ${e.name}`}"
|
|
2615
|
-
@click=${()=>
|
|
2659
|
+
@click=${()=>M(e)}>
|
|
2616
2660
|
<ore-icon name="upload" size="12" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2617
2661
|
</button>
|
|
2618
2662
|
`)}
|
|
@@ -2620,66 +2664,66 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2620
2664
|
class="file-card-action file-card-remove"
|
|
2621
2665
|
type="button"
|
|
2622
2666
|
aria-label="${`Remove ${e.name}`}"
|
|
2623
|
-
@click=${t=>
|
|
2667
|
+
@click=${t=>_.removeFile(e,t)}>
|
|
2624
2668
|
<ore-icon name="x" size="12" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2625
2669
|
</button>
|
|
2626
2670
|
</span>
|
|
2627
2671
|
</span>
|
|
2628
2672
|
<span class="file-card-name" title="${e.name}">${e.name}</span>
|
|
2629
|
-
${S(()=>
|
|
2673
|
+
${S(()=>_.fileState(e).status===`uploading`,()=>o`
|
|
2630
2674
|
<ore-progress
|
|
2631
2675
|
type="linear"
|
|
2632
2676
|
size="sm"
|
|
2633
|
-
value=${()=>
|
|
2634
|
-
label=${()=>`${
|
|
2635
|
-
<span class="file-progress-meta">${()=>
|
|
2677
|
+
value=${()=>_.uploadPercent(e)}
|
|
2678
|
+
label=${()=>`${_.uploadPercent(e)}%`}></ore-progress>
|
|
2679
|
+
<span class="file-progress-meta">${()=>_.uploadMetaText(e)}</span>
|
|
2636
2680
|
`)}
|
|
2637
|
-
${S(()=>
|
|
2638
|
-
<span class="file-error-text">${()=>
|
|
2681
|
+
${S(()=>_.fileState(e).status===`error`,()=>o`
|
|
2682
|
+
<span class="file-error-text">${()=>_.fileState(e).error}</span>
|
|
2639
2683
|
`)}
|
|
2640
2684
|
</li>
|
|
2641
2685
|
`:o`
|
|
2642
|
-
<li class="file-item" data-status=${()=>
|
|
2686
|
+
<li class="file-item" data-status=${()=>_.fileState(e).status}>
|
|
2643
2687
|
<span class="file-icon" aria-hidden="true">
|
|
2644
2688
|
<ore-icon
|
|
2645
|
-
name=${()=>
|
|
2689
|
+
name=${()=>_.statusIconName(e)}
|
|
2646
2690
|
size="18"
|
|
2647
2691
|
stroke-width="1.75"
|
|
2648
2692
|
aria-hidden="true"></ore-icon>
|
|
2649
2693
|
</span>
|
|
2650
2694
|
<span class="file-meta">
|
|
2651
2695
|
<span class="file-name" title="${e.name}">${e.name}</span>
|
|
2652
|
-
${S(()=>
|
|
2696
|
+
${S(()=>_.fileState(e).status===`uploading`,()=>o`
|
|
2653
2697
|
<ore-progress
|
|
2654
2698
|
type="linear"
|
|
2655
2699
|
size="sm"
|
|
2656
|
-
value=${()=>
|
|
2657
|
-
label=${()=>`${
|
|
2658
|
-
<span class="file-progress-meta">${()=>
|
|
2700
|
+
value=${()=>_.uploadPercent(e)}
|
|
2701
|
+
label=${()=>`${_.uploadPercent(e)}%`}></ore-progress>
|
|
2702
|
+
<span class="file-progress-meta">${()=>_.uploadMetaText(e)}</span>
|
|
2659
2703
|
`)}
|
|
2660
|
-
${S(()=>
|
|
2661
|
-
<span class="file-error-text">${()=>
|
|
2704
|
+
${S(()=>_.fileState(e).status===`error`,()=>o`
|
|
2705
|
+
<span class="file-error-text">${()=>_.fileState(e).error}</span>
|
|
2662
2706
|
`)}
|
|
2663
|
-
${S(()=>
|
|
2664
|
-
<span class="file-size">${
|
|
2707
|
+
${S(()=>_.fileState(e).status===`idle`||_.fileState(e).status===`success`,()=>o`
|
|
2708
|
+
<span class="file-size">${oa(e.size)}</span>
|
|
2665
2709
|
`)}
|
|
2666
2710
|
</span>
|
|
2667
2711
|
<span class="file-actions">
|
|
2668
|
-
${S(()=>
|
|
2712
|
+
${S(()=>_.fileState(e).status===`error`,()=>o`
|
|
2669
2713
|
<button
|
|
2670
2714
|
class="file-action"
|
|
2671
2715
|
type="button"
|
|
2672
2716
|
aria-label="${`Retry uploading ${e.name}`}"
|
|
2673
|
-
@click=${()=>
|
|
2717
|
+
@click=${()=>_.retryUpload(e)}>
|
|
2674
2718
|
<ore-icon name="refresh-cw" size="14" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
2675
2719
|
</button>
|
|
2676
2720
|
`)}
|
|
2677
|
-
${S(()=>
|
|
2721
|
+
${S(()=>_.fileState(e).status===`success`&&!!t.multiple.value&&!!t.upload.value,()=>o`
|
|
2678
2722
|
<button
|
|
2679
2723
|
class="file-action"
|
|
2680
2724
|
type="button"
|
|
2681
2725
|
aria-label="${`Replace ${e.name}`}"
|
|
2682
|
-
@click=${()=>
|
|
2726
|
+
@click=${()=>M(e)}>
|
|
2683
2727
|
<ore-icon name="upload" size="14" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
2684
2728
|
</button>
|
|
2685
2729
|
`)}
|
|
@@ -2687,26 +2731,26 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2687
2731
|
class="file-remove"
|
|
2688
2732
|
type="button"
|
|
2689
2733
|
aria-label="${`Remove ${e.name}`}"
|
|
2690
|
-
@click=${t=>
|
|
2734
|
+
@click=${t=>_.removeFile(e,t)}>
|
|
2691
2735
|
<ore-icon name="x" size="12" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2692
2736
|
</button>
|
|
2693
2737
|
</span>
|
|
2694
2738
|
</li>
|
|
2695
2739
|
`)}
|
|
2696
2740
|
</ul>
|
|
2697
|
-
<div class="helper-text" id="${
|
|
2741
|
+
<div class="helper-text" id="${E}" part="helper" ?hidden=${()=>b.value||!t.helper.value}>
|
|
2698
2742
|
${t.helper}
|
|
2699
2743
|
</div>
|
|
2700
2744
|
<div
|
|
2701
2745
|
class="helper-text helper-text-error"
|
|
2702
|
-
id="${
|
|
2746
|
+
id="${O}"
|
|
2703
2747
|
role="alert"
|
|
2704
2748
|
part="error"
|
|
2705
|
-
?hidden=${()=>!
|
|
2749
|
+
?hidden=${()=>!b.value}>
|
|
2706
2750
|
${()=>t.error.value??``}
|
|
2707
2751
|
</div>
|
|
2708
2752
|
</div>
|
|
2709
|
-
`},shadow:{delegatesFocus:!0},styles:[
|
|
2753
|
+
`},shadow:{delegatesFocus:!0},styles:[Z,q,J,Y,Je,X(Pe),et(`.dropzone`),aa]});var ha=`@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(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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)}`,ga=`Send message`,_a=`arrow-up`,va=`ore-message-composer`;i(va,{formAssociated:!0,props:{...W,...G,...K,...Ce,"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(t){let n=a(),r=v(),i=b(),s=t.disabled,d=Q(l),f=h(),p=yt(),m=en({disabled:s,error:t.error,helper:t.helper,maxLength:t.maxlength,onInput:(e,t)=>{xi(n,t),$(n,`input`)},prefix:`composer`,readonly:t.readonly,required:t.required,signal:d,value:t.value});yi(n,()=>m.value.value,e=>{m.value.value=e}),m.attachFormField(y({disabled:m.disabled,onReset:()=>{m.reset(),p.recompute()},toFormValue:e=>e,validationMessage:m.validationMessage,validity:m.validity,value:m.value}));function g(e){r(`send`,{originalEvent:e,value:m.value.value.trim()})&&t[`clear-on-send`].value!==!1&&(m.clear(),p.recompute(),f.value?.focus())}let _=Pt({disabled:s,loading:C(()=>!!t.loading.value),onSend:g,sendShortcut:t[`send-shortcut`],value:m.value});return u(f,e=>{let n=m.wire(e),r=p.wire(e),i=Jt(t.ref,e),a=e=>_.handleKeydown(e);return e.addEventListener(`keydown`,a),()=>{e.removeEventListener(`keydown`,a),n(),r(),i()}}),e({attr:{error:Kn(m.errorText),size:t.size,success:()=>t.success.value&&!m.errorText.value?!0:void 0,variant:t.variant}}),o`
|
|
2710
2754
|
<div class="composer" part="composer">
|
|
2711
2755
|
<textarea
|
|
2712
2756
|
class="field"
|
|
@@ -2725,7 +2769,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2725
2769
|
aria-describedby="${m.ariaDescribedBy}"
|
|
2726
2770
|
aria-errormessage="${m.ariaErrorMessage}"
|
|
2727
2771
|
aria-invalid="${m.ariaInvalid}"></textarea>
|
|
2728
|
-
${
|
|
2772
|
+
${Yn(m.errorText)} ${Xn(m)}
|
|
2729
2773
|
<div class="toolbar" part="toolbar">
|
|
2730
2774
|
<div class="toolbar-start" part="toolbar-start">
|
|
2731
2775
|
<slot name="prefix"></slot>
|
|
@@ -2742,17 +2786,17 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2742
2786
|
variant="solid"
|
|
2743
2787
|
color="${()=>t.color.value||`primary`}"
|
|
2744
2788
|
size="${t.size}"
|
|
2745
|
-
label="${()=>t[`send-label`].value||
|
|
2789
|
+
label="${()=>t[`send-label`].value||ga}"
|
|
2746
2790
|
?loading="${()=>!!t.loading.value}"
|
|
2747
2791
|
?disabled="${()=>!_.canSend.value}"
|
|
2748
2792
|
@click="${e=>_.send(e)}">
|
|
2749
|
-
<ore-icon name="${()=>t[`send-icon`].value||
|
|
2793
|
+
<ore-icon name="${()=>t[`send-icon`].value||_a}" size="16"></ore-icon>
|
|
2750
2794
|
</ore-button>
|
|
2751
2795
|
`}
|
|
2752
2796
|
</div>
|
|
2753
2797
|
</div>
|
|
2754
2798
|
</div>
|
|
2755
|
-
`},shadow:{delegatesFocus:!0},styles:[
|
|
2799
|
+
`},shadow:{delegatesFocus:!0},styles:[Z,q,J,Je,$e,et(`.field`),X(je),ha,Ue({container:`.composer`,text:`.field`,tokenPrefix:`message-composer`})]});var ya=`@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}`,ba=`ore-number-input`;i(ba,{formAssociated:!0,props:{...W,...G,...K,...we,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(t){let n=a(),r=x,i=C(()=>t.disabled.value||t.loading.value),s=C(()=>!!t.readonly.value),c=T(t.value.value==null?``:String(t.value.value));yi(n,()=>c.value,e=>{c.value=e}),D(t.value,e=>{let t=e==null?``:String(e);c.value!==t&&(c.value=t)});function l(){let e=c.value.trim();if(!e)return null;let t=Number.parseFloat(e);return Number.isNaN(t)?null:t}function d(e,r){let i=t.min.value==null?void 0:Number(t.min.value),a=t.max.value==null?void 0:Number(t.max.value),o=e==null?null:Yt(e,i,a),s=o==null?``:String(o);c.value!==s&&(c.value=s),xi(n,s),$(n,`change`)}let f=Zt({commit:d,disabled:i,largeStep:t[`large-step`],max:t.max,min:t.min,parse:l,readonly:s,step:t.step}),p=h(),m=null,g=null,_=null,v=e=>{if(!e){m?.(),g?.(),_?.dispose(),m=null,g=null,_=null,t.ref.value?.(null);return}e.setAttribute(`inputmode`,`decimal`),e.setAttribute(`role`,`spinbutton`);let i=e=>{let t=e.target.value,n=t===``?null:Number.parseFloat(t);d(Number.isNaN(n??NaN)?null:n,e)},a=e=>{let t=e.target.value;c.value=t,xi(n,t),$(n,`input`)};e.addEventListener(`change`,i),e.addEventListener(`input`,a),g=()=>{e.removeEventListener(`change`,i),e.removeEventListener(`input`,a)},m=r(()=>{let n=l();n==null?e.removeAttribute(`aria-valuenow`):e.setAttribute(`aria-valuenow`,String(n)),t.min.value==null?e.removeAttribute(`aria-valuemin`):e.setAttribute(`aria-valuemin`,String(t.min.value)),t.max.value==null?e.removeAttribute(`aria-valuemax`):e.setAttribute(`aria-valuemax`,String(t.max.value)),s.value?e.setAttribute(`aria-readonly`,`true`):e.removeAttribute(`aria-readonly`)}),t.ref.value?.(e),_=D(t.ref,t=>{t?.(e)})};u(p,e=>{e.ref=v}),e({attr:{size:t.size,value:()=>c.value||null,variant:t.variant}});let y=C(()=>i.value||s.value);return o`
|
|
2756
2800
|
<ore-input
|
|
2757
2801
|
class="field"
|
|
2758
2802
|
part="field control"
|
|
@@ -2793,7 +2837,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2793
2837
|
<ore-icon name="plus" size="14" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2794
2838
|
</button>
|
|
2795
2839
|
</ore-input>
|
|
2796
|
-
`},shadow:{delegatesFocus:!0},styles:[
|
|
2840
|
+
`},shadow:{delegatesFocus:!0},styles:[Je,ya]});var xa=`@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)}}`,Sa=`ore-otp-input`;i(Sa,{formAssociated:!0,props:{...W,...G,...K,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(t){let n=a(),r=v(),i=C(()=>Number(t.length.value)||6),s=C(()=>!!t.disabled.value),c=C(()=>Array.from({length:i.value},(e,t)=>t)),u=T(String(t.value.value||``)),d=()=>String(t.value.value||``);y({disabled:s,toFormValue:e=>e,value:u}),e({attr:{size:t.size,value:()=>u.value||null,variant:t.variant}});function p(){return[...n.shadowRoot?.querySelectorAll(`input.cell`)??[]]}let m=nn({getItems:()=>p(),keys:{next:[`ArrowRight`],prev:[`ArrowLeft`]},loop:!1,onNavigate:({item:e})=>{e.focus()},signal:Q(l)});function h(){return p().map(e=>e.value).join(``)}function g(e){let t=p(),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)}),u.value=h()}yi(n,()=>u.value,e=>{g(e)});function _(e,t){let i=p(),a=h(),o=t??(a.length===i.length&&a.split(``).every(Boolean));u.value=a,xi(n,a),$(n,`input`),$(n,`change`),o&&r(`complete`,{originalEvent:e,value:a})}function b(e){return t.type.value===`numeric`?/^\d$/.test(e):/^[a-z\d]$/i.test(e)}function x(e,t){let n=e.target,r=n.value;if(r.length>1&&(r=r.slice(-1)),r&&!b(r)){n.value=``;return}n.value=r;let i=p();_(e),r&&t<i.length-1&&(i[t+1].focus(),i[t+1].select())}function S(e,t){let n=e.target,r=p();if(m.set(t),e.key===`Backspace`){if(n.value)n.value=``;else if(t>0){let e=r[m.navigate(`prev`)];e&&(e.select(),e.value=``)}_(e,!1),e.preventDefault()}else m.handleKeydown(e)}function w(e){e.preventDefault();let t=(e.clipboardData?.getData(`text`)??``).split(``).filter(e=>b(e)).slice(0,i.value),n=p();t.forEach((e,t)=>{n[t]&&(n[t].value=e)}),_(e),n[Math.min(t.length,n.length-1)]?.focus()}D(t.value,e=>{g(String(e||``))}),D(t.length,()=>{requestAnimationFrame(()=>g(d()))});let E=C(()=>{let e=Number(t.length.value)||6;return t.separator.value==null?-1:Math.floor(e/2)});return f(()=>{g(d())}),o`
|
|
2797
2841
|
<div class="otp-group" part="group" role="group" aria-label="${t.label}">
|
|
2798
2842
|
${()=>c.value.map(e=>o`
|
|
2799
2843
|
${()=>E.value>0&&e===E.value?o`
|
|
@@ -2814,7 +2858,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2814
2858
|
@focus="${e=>e.target.select()}" />
|
|
2815
2859
|
`)}
|
|
2816
2860
|
</div>
|
|
2817
|
-
`},styles:[X
|
|
2861
|
+
`},styles:[Z,X({}),et(`.cell`),xa,Ue({accentVar:`--_cell-focus-border`,container:`.cell`,tokenPrefix:`otp-cell`})]});var Ca=`@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}}`,wa=t(`OreRadioGroup`),Ta=`ore-radio-group`;i(Ta,{formAssociated:!0,props:{...W,...G,...K,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(t){let r=a(),i=v(),s=b(),c=x,u=Mt({disabled:t.disabled,error:t.error,helper:t.helper,label:t.label,prefix:`radio-group`,required:t.required,signal:Q(l),value:t.value});u.attachFormField(y({disabled:u.disabled,onReset:u.reset,toFormValue:e=>e,validationMessage:u.validationMessage,validity:u.validity,value:u.formValue}));let d=u.selectedValue,f=t.disabled;e({attr:{size:t.size,value:()=>d.value||null}});let p=()=>Ht(r,`ore-radio`),h=()=>f.value?[]:p().filter(e=>!e.hasAttribute(`disabled`)),g=e=>Ut(p(),e),_=(e,t)=>{u.setValues(e?[e]:[]);let n=e?[g(e)]:[];i(`change`,{labels:n,originalEvent:t,values:e?[e]:[]}),u.triggerValidation(`blur`)};m(wa,{color:t.color,disabled:f,name:t.name,select:_,size:t.size,value:d}),c(()=>{s.elements().value,d.value;let e=p();for(let n of e){let e=n.getAttribute(`value`)??``;n.toggleAttribute(`checked`,e===d.value),t.name.value?n.setAttribute(`name`,t.name.value):n.removeAttribute(`name`),t.color.value?n.setAttribute(`color`,t.color.value):n.removeAttribute(`color`),t.size.value?n.setAttribute(`size`,t.size.value):n.removeAttribute(`size`),n.toggleAttribute(`disabled`,f.value)}}),c(()=>{s.elements().value;let e=p(),t=!1;for(let n of e){let e=n.getAttribute(`value`)===d.value;n.setAttribute(`tabindex`,e&&!f.value?`0`:`-1`),e&&!f.value&&(t=!0)}if(!t&&e.length>0){let t=e.find(e=>!e.hasAttribute(`disabled`));t&&t.setAttribute(`tabindex`,`0`)}});let C=nn({getItems:h,keys:{next:[`ArrowDown`,`ArrowRight`],prev:[`ArrowUp`,`ArrowLeft`]},loop:!0,onNavigate:({event:e,item:t})=>{t.focus(),t.tagName===`ORE-RADIO`&&_(t.getAttribute(`value`)??``,e)},signal:Q(l)});e({on:{change:e=>{e.target!==r&&(e.stopPropagation(),_(e.target.getAttribute(`value`)??``,e))},keydown:e=>{let t=h();if(!t.length)return;let n=t.indexOf(document.activeElement);n!==-1&&(C.set(n),C.handleKeydown(e))}}});let w=n(`radio-group-legend`);return o`
|
|
2818
2862
|
<fieldset
|
|
2819
2863
|
role="radiogroup"
|
|
2820
2864
|
aria-required="${()=>String(!!t.required.value)}"
|
|
@@ -2839,15 +2883,15 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2839
2883
|
${()=>u.errorText.value||u.helperText.value}
|
|
2840
2884
|
</div>
|
|
2841
2885
|
</fieldset>
|
|
2842
|
-
`},styles:[
|
|
2886
|
+
`},styles:[qe,Ca]});var Ea=`@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(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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)}}`,Da=`ore-radio`;i(Da,{formAssociated:!0,props:{...W,...G,...K,checked:p.bool(!1),error:p.string(),helper:p.string(),name:p.string(),value:p.string()},setup(t){let n=a(),r=s(wa),i=C(()=>r?.name.value||t.name.value||``),c=C(()=>r?.size.value??t.size.value),u=C(()=>r?.color.value??t.color.value),d=C(()=>r?r.value.value===t.value.value:!!t.checked.value),f=()=>{let e=i.value;return e?Array.from(document.querySelectorAll(`ore-radio[name="${e}"]`)).filter(e=>!e.hasAttribute(`disabled`)):[]},p=(e,t)=>{if(r){r.select(e.getAttribute(`value`)??``,t);return}e.click()},m=nn({direction:()=>tn(n),getItems:()=>f(),loop:!0,onNavigate:({event:e,item:t})=>{t.focus(),p(t,e)},orientation:`both`,signal:Q(l)}),h=e=>{if(!g.checked.value){if(r){r.select(t.value.value??``,e);return}g.toggle(e??new Event(`change`))}},g=At({checked:d,disabled:C(()=>t.disabled.value||!!r?.disabled.value),error:t.error,helper:t.helper,onToggle:e=>{bi(n,e.checked),$(n,`input`),$(n,`change`)},prefix:`radio`,signal:Q(l),value:t.value});g.attachFormField(y({disabled:g.disabled,toFormValue:e=>e,value:g.checkableFormValue}));let{assistiveId:_,checked:v,disabled:b,errorText:x,helperText:S,labelId:w,toggle:T}=g;return vi(n,()=>v.value,e=>{v.value=e}),e({attr:{ariaChecked:()=>v.value?`true`:`false`,ariaDescribedby:()=>x.value||S.value?_:null,ariaDisabled:()=>b.value?`true`:null,ariaInvalid:()=>x.value?`true`:null,ariaLabelledby:w,checked:v,color:u,disabled:()=>b.value?!0:void 0,name:()=>i.value||void 0,role:`radio`,size:c,tabindex:()=>{if(!b.value)return v.value?0:-1}},class:()=>({"is-checked":v.value,"is-disabled":b.value}),on:{click:e=>{if(!b.value){if(r)r.select(t.value.value??``,e);else{if(!i.value)return;if(!v.value){let r=t.name.value;document.querySelectorAll(`ore-radio[name="${r}"]`).forEach(e=>{e!==n&&e.removeAttribute(`checked`)}),T(e)}}}},keydown:e=>{if(e.key===` `||e.key===`Enter`){e.preventDefault(),h(e);return}let t=f();if(t.length===0)return;let r=t.indexOf(n);r!==-1&&(m.set(r),m.handleKeydown(e))}}}),o`
|
|
2843
2887
|
<div class="radio-wrapper" part="radio">
|
|
2844
2888
|
<div class="circle" part="circle">
|
|
2845
2889
|
<div class="dot" part="dot"></div>
|
|
2846
2890
|
</div>
|
|
2847
2891
|
</div>
|
|
2848
2892
|
<span class="label" part="label" id="${w}"><slot></slot></span>
|
|
2849
|
-
${
|
|
2850
|
-
`},styles:[
|
|
2893
|
+
${Jn(_,x,S)}
|
|
2894
|
+
`},styles:[Z,tt,qe,q,X(Oe),Ea]});var Oa=`@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}}`,ka=`ore-rating`;i(ka,{formAssociated:!0,props:{...W,...G,...K,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(t){let r=a(),i=C(()=>{let e=Math.max(1,Number(t.max?.value)||5),n=Number(t.value?.value);return Math.min(e,Math.max(0,Number.isFinite(n)?n:0))}),s=C(()=>!!t.disabled.value);yi(r,()=>String(i.value),e=>{r.setAttribute(`value`,e)}),y({disabled:s,value:C(()=>String(i.value||0))});let c=n(`helper`),l=bt({error:t.error,helper:t.helper}),u=C(()=>l.value.errorText),d=C(()=>l.value.helperText),f=C(()=>u.value||d.value?c:null),p=C(()=>!t.readonly?.value&&!s.value),m=T(null),h=C(()=>m.value??i.value),g=()=>[...r.shadowRoot?.querySelectorAll(`[data-star]`)??[]],_=Xt({max:C(()=>Number(t.max?.value)||5),min:T(1),step:T(1)});function v(e){let t=r.shadowRoot?.querySelector(`.sparkle-layer`),n=r.shadowRoot?.querySelector(`[data-star="${e}"]`);if(!t||!n)return;let i=n.offsetLeft+n.offsetWidth/2,a=n.offsetTop+n.offsetHeight/2;for(let e=0;e<10;e++){let n=document.createElement(`span`),r=36*e+(Math.random()*30-15),o=18+Math.random()*20,s=3+Math.random()*4,c=380+Math.random()*220;n.className=`sparkle`,n.style.cssText=[`left:${i}px`,`top:${a}px`,`--_angle:${r}deg`,`--_dist:${o}px`,`width:${s}px`,`height:${s}px`,`--_dur:${c}ms`,`animation-delay:${Math.random()*60}ms`].join(`;`),t.appendChild(n),n.addEventListener(`animationend`,()=>n.remove(),{once:!0})}}function b(e,n){if(!p.value)return;let a=Math.max(1,Number(t.max?.value)||5),o=Math.min(a,Math.max(0,e));o!==i.value&&(xi(r,String(o)),$(r,`input`),$(r,`change`),v(o))}function x(e,t){let n=_.nextFromKey(e.key,t);n!=null&&(e.preventDefault(),b(n,e),g()[n-1]?.focus())}let S=C(()=>{let e=Number(t.max?.value)||5;return Array.from({length:e},(e,t)=>t+1)});return e({attr:{size:t.size}}),o`
|
|
2851
2895
|
<div
|
|
2852
2896
|
class="stars"
|
|
2853
2897
|
part="stars"
|
|
@@ -2874,8 +2918,8 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2874
2918
|
`)}
|
|
2875
2919
|
<div class="sparkle-layer"></div>
|
|
2876
2920
|
</div>
|
|
2877
|
-
${
|
|
2878
|
-
`},styles:[X
|
|
2921
|
+
${Jn(c,u,d)}
|
|
2922
|
+
`},styles:[Z,X({}),q,J,Oa]});var Aa=`@layer refine.base{:host{--_size:var(--slider-size,var(--size-5));--_height:var(--slider-height,var(--size-1));--_track:var(--slider-track-bg,var(--color-contrast-300));--_fill:var(--slider-fill,var(--color-neutral));--_thumb:var(--slider-thumb-bg,var(--color-contrast-50));--_thumb-size:var(--_size);--_thumb-inset:var(--slider-thumb-inset,var(--size-2-5));--_touch-target:var(--size-11);--_font-size:var(--text-sm);--_shadow:var(--color-neutral-focus-shadow);gap:var(--_gap,var(--size-3));min-width:var(--slider-min-width,12rem);touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex;position:relative}:host([fullwidth]){width:100%}}.slider-container{box-sizing:border-box;width:100%;min-height:var(--_touch-target);padding-inline:var(--_thumb-inset);flex:1;align-items:center;display:flex;position:relative}.slider-track{width:100%;height:var(--_height);background:var(--_track);border-radius:var(--rounded-full);position:relative}.slider-fill{top:0;left:var(--_fill-start,0%);width:var(--_fill-width,0%);background:var(--_fill);border-radius:var(--rounded-full);height:100%;transition:var(--_motion-transition,left var(--transition-fast), width var(--transition-fast));position:absolute}:host([data-dragging]) .slider-fill{transition:none}.slider-thumb{z-index:1;box-sizing:border-box;width:var(--_thumb-size);height:var(--_thumb-size);cursor:grab;background:var(--_thumb);border:2px solid var(--_fill);border-radius:var(--rounded-full);box-shadow:var(--shadow-sm);transition:var(--_motion-transition,box-shadow var(--transition-fast), left var(--transition-fast));will-change:transform;position:absolute;top:50%;transform:translate(-50%,-50%)}:host([data-dragging]) .slider-thumb{cursor:grabbing;box-shadow:var(--_shadow);transition:var(--_motion-transition,box-shadow var(--transition-fast))}.slider-thumb-sole{left:var(--_thumb-pos,0%)}:host(:focus-visible) .slider-thumb-sole,:host(:active) .slider-thumb-sole{box-shadow:var(--_shadow)}.slider-thumb-start{left:var(--_thumb-start,0%)}.slider-thumb-end{left:var(--_thumb-end,100%)}.slider-thumb-start:focus-visible,.slider-thumb-end:focus-visible{z-index:2;outline:var(--border-2) solid var(--_fill);outline-offset:var(--size-0-5);box-shadow:var(--_shadow)}:host(:not([range])) .slider-thumb-start,:host(:not([range])) .slider-thumb-end,:host([range]) .slider-thumb-sole{display:none}@media (hover:hover){:host(:not([disabled])) .slider-thumb:hover{box-shadow:var(--_shadow)}}@media (forced-colors:active){:host(:focus-visible) .slider-thumb-sole,.slider-thumb-start:focus-visible,.slider-thumb-end:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}@layer refine.overrides{:host{--_fill:var(--slider-fill,var(--_theme-base));--_shadow:var(--_theme-shadow)}}.label{font-size:var(--_font-size);color:var(--color-contrast);white-space:nowrap}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text[role=alert]{color:var(--color-error)}`,ja=(e,t)=>n=>{e()&&t(n)},Ma=`ore-slider`;i(Ma,{formAssociated:!0,props:{...W,...G,...K,error:p.string(),from:p.number(0),"from-value-text":p.string(),fullwidth:p.bool(!1),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(t){let r=a(),i=b(),s=t.range.value,c=Xt({max:t.max,min:t.min,step:t.step}),u=T(!1),p=C(()=>!!t.disabled.value),m=T(void 0),g=n(`helper`),_=bt({error:t.error,helper:t.helper}),v=C(()=>_.value.errorText),x=C(()=>_.value.helperText),S=C(()=>v.value||x.value?g:null);e({attr:{"data-dragging":()=>u.value?!0:void 0,size:t.size}});let w=T(`0`);s||(y({disabled:p,value:w}),D(t.value,e=>{w.value=String(e)},{immediate:!0}),e({attr:{ariaDescribedby:()=>S.value??null,ariaDisabled:()=>p.value?`true`:null,ariaLabelledby:()=>m.value??null,ariaValuemax:()=>c.max(),ariaValuemin:()=>c.min(),ariaValuenow:()=>Number(w.value||0),ariaValuetext:()=>t[`value-text`].value??null,role:()=>`slider`,tabindex:()=>p.value?null:`0`}}));let E=T(0),O=T(100);yi(r,()=>s?`${E.value},${O.value}`:w.value,e=>{if(s){let[t,n]=e.split(`,`).map(Number);Number.isFinite(t)&&(E.value=c.snap(t)),Number.isFinite(n)&&(O.value=c.snap(n));return}let t=Number(e);Number.isFinite(t)&&(w.value=String(c.snap(t)))}),s&&(y({disabled:p,toFormValue:({from:e,to:n})=>{let r=t.name.value;if(!r)return null;let i=new FormData;return i.append(`${r}[from]`,String(e)),i.append(`${r}[to]`,String(n)),i},value:C(()=>({from:E.value,to:O.value}))}),D(t.from,e=>{E.value=c.snap(Number(e))},{immediate:!0}),D(t.to,e=>{O.value=c.snap(Number(e))},{immediate:!0}));let k=h(),A=h(),j=h(),M=h(),N=h(),P=n(`slider-start`),F=n(`slider-end`),I=e=>{let t=c.toPercent(e);r.style.setProperty(`--_thumb-pos`,`${t}%`),r.style.setProperty(`--_fill-start`,`0%`),r.style.setProperty(`--_fill-width`,`${t}%`)},L=()=>{let e=c.toPercent(E.value),t=c.toPercent(O.value);r.style.setProperty(`--_thumb-start`,`${e}%`),r.style.setProperty(`--_thumb-end`,`${t}%`),r.style.setProperty(`--_fill-start`,`${e}%`),r.style.setProperty(`--_fill-width`,`${t-e}%`)},R=()=>{let e=s?`${E.value},${O.value}`:w.value;xi(r,e),$(r,`input`),$(r,`change`)},z=(n,r)=>{L();let i=e=>{let t=r.getBoundingClientRect();return c.fromClientX(e,t)},a=null,o=e=>{a===`start`?E.value=Math.min(c.snap(e),O.value):a===`end`&&(O.value=Math.max(c.snap(e),E.value)),E.value=c.clamp(E.value),O.value=c.clamp(O.value),L(),R()};d(n,`pointerdown`,ja(()=>!p.value,e=>{e.preventDefault();let t=i(e.clientX);a=Math.abs(t-E.value)<=Math.abs(t-O.value)?`start`:`end`,e.target.setPointerCapture(e.pointerId),o(t)})),d(n,`pointermove`,ja(()=>!!a,e=>{e.preventDefault(),u.value||=!0,o(i(e.clientX))})),d(n,`pointerup`,ja(()=>!!a,e=>{e.preventDefault(),a=null,u.value=!1,e.target.releasePointerCapture(e.pointerId)}));let s=(e,t)=>n=>{if(p.value)return;let r=c.nextFromKey(n.key,e());r!==null&&(n.preventDefault(),t(c.snap(r)),L(),R())},f=M.value,m=N.value;f&&(d(f,`keydown`,s(()=>E.value,e=>{E.value=Math.min(e,O.value)})),l(e({aria:{label:`Range start`,valuemax:()=>O.value,valuemin:()=>c.min(),valuenow:()=>E.value,valuetext:()=>t[`from-value-text`].value??null}},{target:f}))),m&&(d(m,`keydown`,s(()=>O.value,e=>{O.value=Math.max(e,E.value)})),l(e({aria:{label:`Range end`,valuemax:()=>c.max(),valuemin:()=>E.value,valuenow:()=>O.value,valuetext:()=>t[`to-value-text`].value??null}},{target:m})))},B=(e,t)=>{I(Number(w.value));let n=e=>{if(p.value)return;let n=t.getBoundingClientRect(),r=c.fromClientX(e,n);Number(w.value)!==r&&(w.value=r.toString(),I(r),R())},i=!1;d(e,`pointerdown`,ja(()=>!p.value,e=>{e.preventDefault(),i=!0,n(e.clientX),e.target.setPointerCapture(e.pointerId)})),d(e,`pointermove`,ja(()=>i,e=>{e.preventDefault(),u.value||=!0,n(e.clientX)})),d(e,`pointerup`,ja(()=>i,e=>{e.preventDefault(),i=!1,u.value=!1,e.target.releasePointerCapture(e.pointerId)})),d(r,`keydown`,ja(()=>!p.value,e=>{let t=Number(w.value||0),n=c.nextFromKey(e.key,t);if(n===null)return;e.preventDefault();let r=c.clamp(n);r!==t&&(w.value=r.toString(),I(r),R())}))};return f(()=>{let e=k.value,t=j.value;if(e&&t){if(i.has().value&&A.value){let e=n(`slider-label`);A.value.id=e,s||(m.value=e)}s?z(e,t):B(e,t)}}),o`
|
|
2879
2923
|
<div class="slider-container" part="slider" ref=${k}>
|
|
2880
2924
|
<div class="slider-track" part="track" ref=${j}>
|
|
2881
2925
|
<div class="slider-fill" part="fill"></div>
|
|
@@ -2899,16 +2943,16 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2899
2943
|
</div>
|
|
2900
2944
|
</div>
|
|
2901
2945
|
<span class="label" part="label" ref=${A}><slot></slot></span>
|
|
2902
|
-
${
|
|
2903
|
-
`},styles:[
|
|
2946
|
+
${Jn(g,v,x)}
|
|
2947
|
+
`},styles:[qe,Z,X(Ae),Aa,J]});var Na=`@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(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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)}}`,Pa=`ore-switch`;i(Pa,{formAssociated:!0,props:{...W,...G,...K,checked:p.bool(!1),error:p.string(),helper:p.string(),name:p.string(),value:p.string(`on`)},setup(e){let t=a(),n=At({checked:e.checked,clearIndeterminateFirst:!1,disabled:e.disabled,error:e.error,helper:e.helper,onToggle:e=>{n.triggerValidation(`change`),bi(t,e.checked),$(t,`input`),$(t,`change`)},prefix:`switch`,signal:Q(l),value:e.value});n.attachFormField(y({disabled:n.disabled,toFormValue:e=>e,value:n.checkableFormValue}));let{assistiveId:r,checked:i,disabled:s,errorText:c,handleClick:u,handleKeydown:d,helperText:f,labelId:p}=n;return vi(t,()=>i.value,e=>{i.value=e}),qn(e.size,{assistiveId:r,checked:i,disabled:s,errorText:c,handleClick:u,handleKeydown:d,helperText:f,labelId:p},`switch`),o`
|
|
2904
2948
|
<div class="switch-wrapper" part="switch">
|
|
2905
2949
|
<div class="switch-track" part="track">
|
|
2906
2950
|
<div class="switch-thumb" part="thumb"></div>
|
|
2907
2951
|
</div>
|
|
2908
2952
|
</div>
|
|
2909
2953
|
<span class="label" part="label" id="${p}"><slot></slot></span>
|
|
2910
|
-
${
|
|
2911
|
-
`},styles:[
|
|
2954
|
+
${Jn(r,c,f)}
|
|
2955
|
+
`},styles:[Z,tt,qe,q,X(ke),Na]});var Fa=`@layer refine.base{:host{--_font-size:var(--textarea-font-size,var(--text-sm));--_gap:var(--textarea-gap,var(--size-2));--_padding:var(--textarea-padding,var(--size-2) var(--size-3));--_radius:var(--textarea-radius,var(--rounded-lg));--_placeholder:var(--textarea-placeholder-color,var(--color-contrast-500));--_bg:var(--textarea-bg,var(--color-contrast-100));--_border-color:var(--textarea-border-color,var(--color-contrast-300));--_min-height:var(--textarea-min-height,var(--size-24));--_max-height:var(--textarea-max-height,none);--_resize:var(--textarea-resize,vertical);flex-direction:column;align-items:stretch;min-width:12rem;display:inline-flex}.textarea-wrapper{gap:var(--size-1);flex-direction:column;min-width:0;display:flex}:host(:not([label-placement=outside])) .textarea-wrapper{position:relative}:host(:not([label-placement=outside])) .label{z-index:1;pointer-events:none;top:var(--size-2);position:absolute}:host(:not([label-placement=outside])) .label:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .textarea-wrapper:has(.label:not([hidden])) .field{padding-top:calc(var(--size-2) + 1lh + 2px)}.field{box-sizing:border-box;min-width:0;padding:var(--_padding);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--shadow-2xs);transition:background var(--transition-fast), backdrop-filter var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);display:grid;position:relative}.status-icon,.field-spinner{top:var(--size-2);position:absolute}.status-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))),.field-spinner:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--size-2)}.status-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),.field-spinner:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-2)}.status-icon{width:var(--size-5);height:var(--size-5);justify-content:center;align-items:center;display:none}:host([error]:not([error=""])) .status-icon,:host([success]) .status-icon{display:flex}.status-icon[data-status=error]{color:var(--color-error)}.status-icon[data-status=success]{color:var(--color-success)}@keyframes spin{to{transform:rotate(360deg)}}.field-spinner{width:var(--size-4);height:var(--size-4);border:var(--border-2) solid var(--_theme-focus,currentcolor);animation:var(--_motion-animation,spin var(--transition-loader) infinite);border-radius:50%;display:none}.field-spinner:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right-color:#0000}.field-spinner:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}:host([loading]) .field-spinner{display:inline-block}.label,label.label{font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);color:var(--color-contrast-500);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast);margin-bottom:2px}:host([label-placement=outside]) .label,:host([label-placement=outside]) label.label{font-size:var(--text-sm);line-height:var(--leading-none);margin-bottom:0}.helper-text[hidden]{display:none}.helper-text{font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));padding-left:2px;padding-right:2px}textarea{box-sizing:border-box;min-width:12rem;min-height:var(--_min-height);max-height:var(--_max-height);font:inherit;font-size:var(--_font-size);line-height:var(--leading-relaxed);color:var(--textarea-color,var(--text-color-body));resize:vertical;background:0 0;border:none;outline:none;padding:0}textarea::placeholder{color:var(--_placeholder);transition:color var(--transition-fast)}textarea:focus-visible{outline:none}.counter{margin-top:var(--size-1);font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-400);transition:color var(--transition-fast);align-self:flex-end;padding-left:2px;padding-right:2px}.counter.near-limit{color:var(--color-warning)}.counter.at-limit{color:var(--color-error)}:host(:not([disabled],[variant=bordered],[variant=flat])) .field:hover{border-color:var(--color-contrast-400)}:host(:not([disabled])) .field:focus-within~.label{color:var(--_theme-focus)}:host(:not([disabled])) .textarea-wrapper:has(.field:focus-within) .label{color:var(--_theme-focus)}:host([error]:not([error=""])) .field{border-color:var(--color-error)}:host([error]:not([error=""])) .label{color:var(--color-error)}:host([success]) .field{border-color:var(--color-success)}}@layer refine.variants{:host(:not([disabled],[variant=flat])) .field:focus-within{background:var(--color-canvas);border-color:var(--_theme-focus);box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow))}:host([error]:not([error=""])) .field:focus-within{border-color:var(--color-error);box-shadow:var(--color-error-focus-shadow)}:host([success]) .field:focus-within{border-color:var(--color-success);box-shadow:var(--color-success-focus-shadow)}}@layer refine.utilities{:host([auto-resize]) textarea{overflow:hidden}:host([fullwidth]){width:100%}}:host([disabled]){opacity:1}:host([disabled]) .field{background:var(--color-contrast-100);border-color:var(--color-contrast-200);box-shadow:none}:host([disabled]) textarea{color:var(--color-contrast-400)}:host([disabled]) textarea::placeholder{color:var(--color-contrast-300)}:host([disabled]) .label{color:var(--color-contrast-400)}`,Ia=`ore-textarea`;i(Ia,{formAssociated:!0,props:{...W,...G,...K,...we,"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(t){let n=a(),r=x,i=h(),s=yt({enabled:t[`auto-resize`]}),d=C(()=>t.disabled.value||t.loading.value),f=Q(l),p=en({disabled:d,error:t.error,helper:t.helper,label:t.label,labelPlacement:t[`label-placement`],maxLength:t.maxlength,onChange:(e,t)=>{xi(n,t),$(n,`change`)},onInput:(e,t)=>{xi(n,t),$(n,`input`)},prefix:`textarea`,readonly:t.readonly,required:t.required,signal:f,value:t.value});yi(n,()=>p.value.value,e=>{p.value.value=e}),p.attachFormField(y({disabled:p.disabled,onReset:()=>{p.reset(),requestAnimationFrame(()=>s.recompute())},toFormValue:e=>e,validationMessage:p.validationMessage,validity:p.validity,value:p.value}));let{ariaDescribedBy:m,ariaErrorMessage:g,ariaInvalid:_,ariaLabelledBy:v,assistiveId:b,counter:S,errorId:w,errorText:T,fieldId:E,helperText:D,labelId:O,labelVisible:k}=p;return u(i,e=>{let n=p.wire(e),i=s.wire(e),a=Jt(t.ref,e),o=r(()=>{e.style.resize=t[`auto-resize`].value||t[`no-resize`].value?`none`:t.resize.value||`vertical`,requestAnimationFrame(()=>s.recompute())});return()=>{a(),n(),i(),o()}}),e({attr:{error:Kn(T),size:t.size,success:()=>t.success.value&&!T.value?!0:void 0,variant:t.variant}}),o`
|
|
2912
2956
|
<div class="textarea-wrapper" part="wrapper">
|
|
2913
2957
|
<label class="label" part="label" for="${E}" id="${O}" ?hidden="${()=>!k.value}">
|
|
2914
2958
|
${t.label}
|
|
@@ -2931,12 +2975,12 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2931
2975
|
aria-invalid="${_}"
|
|
2932
2976
|
aria-labelledby="${v}"
|
|
2933
2977
|
aria-busy="${()=>t.loading.value?`true`:null}"></textarea>
|
|
2934
|
-
${
|
|
2978
|
+
${Yn(T)}
|
|
2935
2979
|
<span class="field-spinner" part="spinner" role="status" aria-label="Loading"></span>
|
|
2936
2980
|
</div>
|
|
2937
|
-
${
|
|
2981
|
+
${Xn({assistiveId:b,counter:S,errorId:w,errorText:T,helperText:D})}
|
|
2938
2982
|
</div>
|
|
2939
|
-
`},shadow:{delegatesFocus:!0},styles:[
|
|
2983
|
+
`},shadow:{delegatesFocus:!0},styles:[Z,q,J,Y,Je,X(De),et(`textarea`),Fa,Ue({container:`.field`,text:`textarea`,tokenPrefix:`textarea`})]});var La=`@layer refine.base{:host{--_selected-bg:var(--time-picker-selected-bg,var(--_theme-focus));--_hover-bg:var(--time-picker-option-hover-bg,color-mix(in oklch, var(--_selected-bg) 12%, transparent));--_bg:var(--time-picker-bg,var(--color-canvas));--_border-color:var(--time-picker-border-color,var(--color-contrast-200));--_radius:var(--time-picker-radius,var(--rounded-xl));display:inline-block}:host([fullwidth]){display:block}:host([color=secondary]){--_selected-bg:var(--time-picker-selected-bg,var(--_theme-base))}[hidden]{display:none}.trigger{cursor:pointer}.trigger::part(input){cursor:pointer;caret-color:#0000;-webkit-user-select:none;user-select:none}.dropdown{z-index:var(--z-dropdown,200);pointer-events:none;background:var(--time-picker-bg,var(--_bg));border:var(--border) solid var(--time-picker-border-color,var(--_border-color));border-radius:var(--time-picker-radius,var(--_radius));min-width:12rem;box-shadow:var(--time-picker-shadow,var(--shadow-lg));opacity:0;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);flex-direction:column;display:flex;position:fixed;inset:0 auto auto 0;overflow:hidden}.dropdown[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.dropdown[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.cols-row{flex-direction:row;align-items:stretch;display:flex}.col,.col-sep{flex-direction:column;align-items:center;display:flex}.col{min-width:var(--size-14);border-bottom:var(--border) solid var(--_border-color);flex:1}.col-period{min-width:var(--size-16);flex:none}.col-label{width:100%;padding:var(--size-1) var(--size-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-contrast-400);text-align:center;letter-spacing:.05em;border-bottom:var(--border) solid var(--_border-color)}.col-scroll{width:100%;max-height:11rem;padding-block:var(--size-1);scrollbar-width:thin;overflow-y:auto}.col-sep{padding-top:var(--size-8);padding-inline:var(--size-0-5);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-contrast-500);-webkit-user-select:none;user-select:none;border-bottom:var(--border) solid var(--_border-color);flex-shrink:0;justify-content:center;align-items:center;display:flex}.option{height:var(--size-8);padding-inline:var(--size-2);margin-inline:var(--size-1);font-size:var(--text-sm);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);outline:none;justify-content:center;align-items:center;display:flex}.option:hover:not([data-disabled]){color:var(--color-contrast-900);background:var(--_hover-bg)}.option:focus-visible{box-shadow:0 0 0 2px var(--_selected-bg)}.option[aria-selected=true]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_selected-bg)}.option[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}@media (prefers-reduced-motion:reduce){.option{transition:none}}}`;function Ra(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 za(e,t){return`${String(e).padStart(2,`0`)}:${String(t).padStart(2,`0`)}`}function Ba(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 za(e,t)}function Va(e,t,n,r){let i=e*60+t,a=Ra(n),o=Ra(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 Ha=`ore-time-picker`;i(Ha,{formAssociated:!0,props:{...W,...G,...K,...we,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(t){let n=a(),r=T(!1),i=T(Ra(t.value.value));yi(n,()=>{let e=i.value;return e?za(e.hours,e.minutes):``},e=>{i.value=Ra(e)});let s=h(),c=h(),l=sn({getFloating:()=>c.value??null,getReference:()=>s.value??null,matchWidth:!1,offsetPx:4}),u=null,d=C(()=>!!t.disabled.value);y({disabled:d,toFormValue:e=>e||null,value:C(()=>{let e=i.value;return e?za(e.hours,e.minutes):``})});let p=C(()=>t[`time-format`].value??`24`),m=C(()=>Math.max(1,Math.min(59,t[`minute-step`].value??5))),g=C(()=>i.value?Ba(i.value.hours,i.value.minutes,p.value):t.placeholder.value||``),_=C(()=>p.value===`12`?Array.from({length:12},(e,t)=>t+1):Array.from({length:24},(e,t)=>t)),v=C(()=>{let e=m.value,t=[];for(let n=0;n<60;n+=e)t.push(n);return t}),b=`time-picker-${Math.random().toString(36).slice(2,9)}-dropdown`;function x(e){if(p.value===`24`)return e;let t=e%12;return t===0?12:t}function S(e,t){return p.value===`24`?e:t===`AM`?e===12?0:e:e===12?12:e+12}function w(e,n){let r=e*60+n,i=Ra(t.min.value),a=Ra(t.max.value);return!!(i&&r<i.hours*60+i.minutes||a&&r>a.hours*60+a.minutes)}let E=T(i.value?.hours??0),D=T(i.value?.minutes??0),O=T((i.value?.hours??0)>=12?`PM`:`AM`),k=t.value.value;f(()=>{let e=setInterval(()=>{let e=t.value.value;if(e!==k){k=e;let t=Ra(e);i.value=t,t&&(E.value=t.hours,D.value=t.minutes,O.value=t.hours>=12?`PM`:`AM`)}},50);return()=>clearInterval(e)});function A(e,r){let a=Va(e,r,t.min.value,t.max.value),o=Math.round(a.minutes/m.value)*m.value,s=Math.min(o,59);i.value={hours:a.hours,minutes:s},xi(n,za(a.hours,s)),$(n,`input`),$(n,`change`)}function j(e){let t=p.value===`12`?S(E.value,O.value):E.value;D.value=e,A(t,e),N()}function M(){if(d.value)return;let e=i.value;e?(E.value=p.value===`12`?x(e.hours):e.hours,D.value=e.minutes,O.value=e.hours>=12?`PM`:`AM`):(E.value=p.value===`12`?12:0,D.value=0,O.value=`AM`),r.value=!0,l.update(),u=l.startAutoUpdate?.()??null}function N(){r.value=!1,u?.(),u=null}function P(){r.value?N():M()}function F(e){r.value&&(e.composedPath().includes(n)||N())}f(()=>(document.addEventListener(`pointerdown`,F,{capture:!0}),()=>{document.removeEventListener(`pointerdown`,F,{capture:!0}),u?.(),u=null}));function I(e){d.value||(e.key===`Enter`||e.key===` `?(e.preventDefault(),P()):e.key===`Escape`&&r.value?(e.preventDefault(),N()):(e.key===`ArrowDown`||e.key===`ArrowUp`)&&!r.value&&(e.preventDefault(),M()))}function L(e){e.key===`Escape`&&(e.preventDefault(),N())}function R(e){let t=_.value,n=t.indexOf(E.value);e.key===`ArrowUp`?(e.preventDefault(),E.value=t[(n-1+t.length)%t.length]):e.key===`ArrowDown`&&(e.preventDefault(),E.value=t[(n+1)%t.length])}function z(e){let t=v.value,n=t.indexOf(D.value);e.key===`ArrowUp`?(e.preventDefault(),D.value=t[(n-1+t.length)%t.length]):e.key===`ArrowDown`&&(e.preventDefault(),D.value=t[(n+1)%t.length])}function B(e){(e.key===`ArrowUp`||e.key===`ArrowDown`)&&(e.preventDefault(),O.value=O.value===`AM`?`PM`:`AM`)}return e({attr:{open:()=>r.value?!0:void 0}}),o`
|
|
2940
2984
|
<!-- Trigger -->
|
|
2941
2985
|
<ore-input
|
|
2942
2986
|
class="trigger"
|
|
@@ -3014,7 +3058,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3014
3058
|
aria-disabled="${()=>String(t)}"
|
|
3015
3059
|
?data-disabled="${()=>t}"
|
|
3016
3060
|
@click="${()=>{t||j(e)}}"
|
|
3017
|
-
@keydown="${
|
|
3061
|
+
@keydown="${z}">
|
|
3018
3062
|
${String(e).padStart(2,`0`)}
|
|
3019
3063
|
</div>
|
|
3020
3064
|
`})}
|
|
@@ -3034,7 +3078,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3034
3078
|
tabindex="${()=>O.value===e?`0`:`-1`}"
|
|
3035
3079
|
aria-selected="${()=>String(O.value===e)}"
|
|
3036
3080
|
@click="${()=>{O.value=e}}"
|
|
3037
|
-
@keydown="${
|
|
3081
|
+
@keydown="${B}">
|
|
3038
3082
|
${e}
|
|
3039
3083
|
</div>
|
|
3040
3084
|
`)}
|
|
@@ -3043,13 +3087,13 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3043
3087
|
`:o``}
|
|
3044
3088
|
</div>
|
|
3045
3089
|
</div>
|
|
3046
|
-
`},shadow:{delegatesFocus:!0},styles:[
|
|
3090
|
+
`},shadow:{delegatesFocus:!0},styles:[Z,J,La]});var Ua=se({BUTTON_GROUP_CTX:()=>Wn,BUTTON_GROUP_TAG:()=>Gn,BUTTON_TAG:()=>er,CALENDAR_TAG:()=>pi,CHECKBOX_GROUP_CTX:()=>gi,CHECKBOX_GROUP_TAG:()=>_i,CHECKBOX_TAG:()=>Ci,COMBOBOX_TAG:()=>Mi,DATAGRID_TAG:()=>na,DATE_PICKER_TAG:()=>ia,FILE_INPUT_TAG:()=>ma,INPUT_TAG:()=>Ai,MESSAGE_COMPOSER_TAG:()=>va,NUMBER_INPUT_TAG:()=>ba,OTP_INPUT_TAG:()=>Sa,RADIO_GROUP_CTX:()=>wa,RADIO_GROUP_TAG:()=>Ta,RADIO_TAG:()=>Da,RATING_TAG:()=>ka,SELECT_TAG:()=>Fi,SLIDER_TAG:()=>Ma,SWITCH_TAG:()=>Pa,TEXTAREA_TAG:()=>Ia,TIME_PICKER_TAG:()=>Ha}),Wa=`@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%}}`,Ga=`ore-box`;i(Ga,{props:{color:p.string(),effect:p.string(),elevation:p.number(),fullwidth:p.bool(),padding:p.string(),rounded:p.string(),variant:p.string()},setup(){return o`
|
|
3047
3091
|
<div class="box" part="box"><slot></slot></div>
|
|
3048
|
-
`},styles:[
|
|
3092
|
+
`},styles:[Z,Qe,We,Y,nt(`.box`),Ve(`.box`),Wa]});var Ka=`@layer refine.base{:host{--_cols:var(--grid-cols,repeat(auto-fit, minmax(250px, 1fr)));--_rows:var(--grid-rows,auto);--_gap:var(--grid-gap,var(--size-4));--_row-gap:var(--grid-row-gap,var(--_gap));--_col-gap:var(--grid-col-gap,var(--_gap));grid-template-rows:var(--_rows);grid-template-columns:var(--_cols);gap:var(--_row-gap) var(--_col-gap);grid-auto-flow:row;display:grid}:host([gap=none]){--_row-gap:0;--_col-gap:0}:host([gap=xs]){--_row-gap:var(--size-1);--_col-gap:var(--size-1)}:host([gap=sm]){--_row-gap:var(--size-2);--_col-gap:var(--size-2)}:host([gap=md]){--_row-gap:var(--size-4);--_col-gap:var(--size-4)}:host([gap=lg]){--_row-gap:var(--size-6);--_col-gap:var(--size-6)}:host([gap=xl]){--_row-gap:var(--size-8);--_col-gap:var(--size-8)}:host([gap="2xl"]){--_row-gap:var(--size-12);--_col-gap:var(--size-12)}:host([align=start]){align-items:start}:host([align=center]){align-items:center}:host([align=end]){align-items:end}:host([align=stretch]){align-items:stretch}:host([align=baseline]){align-items:baseline}:host([justify=start]){justify-items:start}:host([justify=center]){justify-items:center}:host([justify=end]){justify-items:end}:host([justify=stretch]){justify-items:stretch}:host([flow=row]){grid-auto-flow:row}:host([flow=column]){grid-auto-flow:column}:host([flow=row-dense]){grid-auto-flow:dense}:host([flow=column-dense]){grid-auto-flow:column dense}:host([fullwidth]){width:100%}}`,qa=[[`cols2xl`,`--size-screen-2xl`],[`colsXl`,`--size-screen-xl`],[`colsLg`,`--size-screen-lg`],[`colsMd`,`--size-screen-md`],[`colsSm`,`--size-screen-sm`]],Ja=[[`areas2xl`,`--size-screen-2xl`],[`areasXl`,`--size-screen-xl`],[`areasLg`,`--size-screen-lg`],[`areasMd`,`--size-screen-md`],[`areasSm`,`--size-screen-sm`]],Ya=(e,t,n)=>{let r=getComputedStyle(e).getPropertyValue(t).trim(),i=Number.parseFloat(r);return Number.isFinite(i)?i:n},Xa={"--size-screen-2xl":1536,"--size-screen-lg":1024,"--size-screen-md":768,"--size-screen-sm":640,"--size-screen-xl":1280},Za=`ore-grid`;i(Za,{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=a(),n=x,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 qa)if(n>=Ya(t,i,Xa[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 s=()=>{let n=t.offsetWidth,r=``;for(let[i,a]of Ja)if(n>=Ya(t,a,Xa[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,s()}),f(()=>{let e=H(t);l(()=>e.dispose()),n(()=>{e.value&&(i(),s())})}),o`
|
|
3049
3093
|
<slot></slot>
|
|
3050
|
-
`},styles:[
|
|
3094
|
+
`},styles:[Ka]});var Qa=`@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}}`,$a=`ore-grid-item`;i($a,{props:{align:p.string(),area:p.string(),col:p.string(),colSpan:p.string(),justify:p.string(),row:p.string(),rowSpan:p.string()},setup(t){let n=C(()=>{let e=t.col.value,n=t.colSpan.value;return e||(n===`full`?`1 / -1`:n?`span ${n}`:``)}),r=C(()=>{let e=t.row.value,n=t.rowSpan.value;return e||(n===`full`?`1 / -1`:n?`span ${n}`:``)});return e({style:{gridArea:t.area,gridColumn:n,gridRow:r}}),o`
|
|
3051
3095
|
<slot></slot>
|
|
3052
|
-
`},styles:[Ja]});var Xa=`@layer refine.base{:host{--_navbar-height:var(--navbar-height,var(--size-14));--_navbar-width:var(--navbar-width,min(100%, 80rem));--_navbar-offset:var(--navbar-offset,var(--size-3));--_navbar-bg:var(--navbar-bg,var(--color-canvas));--_navbar-color:var(--navbar-color,var(--color-contrast-900));--_navbar-border-color:var(--navbar-border-color,var(--color-divider));--_navbar-shadow:var(--navbar-shadow,var(--shadow-md));--_navbar-radius:var(--navbar-radius,var(--rounded-lg));box-sizing:border-box;width:100%;color:var(--_navbar-color);display:block}:host([data-mode=sticky]){z-index:var(--z-sticky);position:sticky;top:0}:host([data-mode=floating]){inset-inline:var(--_navbar-offset);top:var(--_navbar-offset);z-index:var(--z-sticky);position:fixed}:host([data-preview-mode][data-mode=floating]){inset-inline:var(--_navbar-offset);position:absolute;top:auto}:host([floating][sticky][data-scrolled]){width:100%;top:0;left:0;right:0}:host([data-preview-mode][floating][sticky][data-scrolled]){width:auto;position:absolute;top:auto;left:0;right:0}:host>nav{flex-direction:column;width:100%;display:flex;position:relative}.navbar{box-sizing:border-box;gap:var(--size-2);width:100%;max-width:var(--_navbar-width);min-height:var(--_navbar-height);padding:var(--size-2) var(--size-4);color:inherit;white-space:nowrap;background:var(--_navbar-bg);border-top:none;border-right:none;border-bottom:var(--border) solid var(--_navbar-border-color);-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(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.navbar-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.mobile-toggle{width:var(--size-9);height:var(--size-9);color:var(--color-contrast-700);cursor:pointer;border:var(--border) solid transparent;border-radius:var(--rounded-md);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.mobile-toggle:hover{color:var(--color-contrast-900);background:var(--color-contrast-100);border-color:var(--color-contrast-200)}.mobile-toggle:focus-visible{outline:var(--focus-ring)}.mobile-menu-panel{z-index:1;box-sizing:border-box;width:100%;max-width:var(--_navbar-width);padding:var(--size-2);background:var(--_navbar-bg);border:var(--border) solid var(--_navbar-border-color);border-radius:var(--rounded-lg);box-shadow:var(--_shadow,var(--_navbar-shadow));-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transform-origin:top;animation:navbar-mobile-in var(--transition-fast) var(--ease-out);margin-top:var(--size-2);margin-left:auto;margin-right:auto;display:none;position:relative}:host([data-mobile][data-mobile-open]) .mobile-menu-panel:not([hidden]){gap:var(--size-1);display:grid}:host([data-mobile][data-mobile-open][data-mode=floating]) .mobile-menu-panel{margin-top:var(--size-1-5)}:host([data-mobile][data-mobile-open][data-mode=sticky]) .mobile-menu-panel,:host([data-mobile][data-mobile-open][floating][sticky][data-scrolled]) .mobile-menu-panel{z-index:2;border-radius:0 0 var(--rounded-md) var(--rounded-md);border-top:none;border-left:none;border-right:none;max-width:100%;margin:0;position:absolute;top:100%;left:0;right:0}:host([data-mobile]) .mobile-toggle:not([hidden]){order:-1;display:inline-flex}:host([data-mobile]) .navbar-start,:host([data-mobile]) .navbar-center,:host([data-mobile]) .navbar-end{display:none}:host([data-mobile][data-mobile-open]) .navbar{border-bottom-right-radius:var(--rounded-md);border-bottom-left-radius:var(--rounded-md)}@starting-style{.mobile-menu-panel{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}@keyframes navbar-mobile-in{0%{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}to{opacity:1;transform:translateY(0)}}@keyframes navbar-floating-to-sticky{0%{opacity:.92;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes navbar-sticky-to-floating{0%{opacity:.95;transform:translateY(-2px)scale(1)}to{opacity:1;transform:translateY(0)scale(.99)}}.item{box-sizing:border-box;gap:var(--size-1);min-height:var(--_touch-target);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--navbar-item-color,var(--color-contrast-700));white-space:nowrap;appearance:none;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.item:hover,.item:focus-visible{color:var(--navbar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--navbar-item-hover-bg,var(--color-contrast-100))}:host([active]) .item{color:var(--navbar-item-active-color,var(--color-primary));background:var(--navbar-item-active-bg,color-mix(in oklch, var(--color-primary) 12%, transparent))}:host([disabled]) .item,:host([disabled]) .item:hover,:host([disabled]) .item:focus-visible{color:var(--color-contrast-400);pointer-events:none;cursor:not-allowed;background:0 0;outline:none}.item-icon,.item-end{align-items:center;display:inline-flex}.item-label{white-space:nowrap;min-width:0}:host([icon-only]) .item-label{display:none}:host([icon-only]) .item{padding:var(--size-1-5)}:host([navbar-mobile]){width:100%;display:block}:host([navbar-mobile]) .item{justify-content:flex-start;width:100%;display:flex}}@layer refine.variants{:host([variant=flat]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 88%, transparent);--_navbar-shadow:none}:host([variant=bordered]){--_navbar-bg:var(--color-canvas);--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 32%, transparent)}:host([variant=outline]){--_navbar-bg:transparent;--_navbar-shadow:none;--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 40%, transparent)}:host([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}}}`,Za=(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,$a=e=>{let t=String(e??``).trim();if(!t)return;let n=/max-width\s*:\s*([0-9]+(?:\.[0-9]+)?)px/i.exec(t);if(!n)return;let r=Number.parseFloat(n[1]);return Number.isFinite(r)?r:void 0},eo=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},to=e=>{let t=eo(e)?.clientWidth??0;return t>0?t:e.offsetWidth},no=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},ro=t(`NavbarContext`),io=`ore-navbar`;i(io,{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(t){let n=a(),r=v(),i=b(),s=i.has(`logo`),c=i.elements(`mobile-menu`),u=T(!1),d=T(null),p=T(!1),h=T(!1),g=T(!1),_=T(!1),y=T(!1),x=T(!1),S=T(0),w=T(!1),O=T(!1),k=T($a(t.breakpoint.value)),A=T(!1),j=()=>{let e=String(t[`mobile-sidebar`].value??``).trim();if(!e)return null;let r=n.getRootNode();return(r instanceof ShadowRoot||r instanceof Document?r.querySelector(e):null)??document.querySelector(e)};m(ro,{closeMobileMenu:()=>P(),isMobile:C(()=>g.value),mobileMenuOpen:C(()=>_.value)});let M=()=>{if(t.floating.value&&t.sticky.value)return x.value?`sticky`:`floating`;if(t.floating.value)return`floating`;if(t.sticky.value)return`sticky`},N=e=>{let t=!!e;if(!u.value){let e=d.value??j();if(e){t?e.openMobile?.():e.closeMobile?.();return}}t&&!u.value||_.value!==t&&(_.value=t,r(`mobile-menu-change`,{open:t}))},P=()=>N(!1),F=()=>N(!0),I=()=>{if(!u.value){let e=d.value??j();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}}N(!_.value)},L=()=>{let e=(d.value&&!u.value?p.value:!1)||w.value||O.value;g.value=e,e||P()},R=e=>e?e.scrollTop||0:window.scrollY||document.documentElement.scrollTop||0,ee=e=>{S.value=R(e)},z=(e=null)=>{if(!(t.floating.value&&t.sticky.value)){x.value&&=!1;return}let n=Math.max(0,Number(t[`scroll-threshold`].value)||0),r=R(e)-S.value;x.value=r>n};return e({attr:{"data-mobile":()=>g.value?!0:void 0,"data-mobile-open":()=>g.value&&_.value?!0:void 0,"data-mode":()=>M()??null,"data-mode-transitioning":()=>y.value?!0:void 0,"data-preview-mode":()=>A.value?!0:void 0,"data-scrolled":()=>t.floating.value&&t.sticky.value&&x.value?!0:void 0}}),f(()=>{let e=n,r=no(n);e.closeMobileMenu=P,e.openMobileMenu=F,e.toggleMobileMenu=I;let i=Za(window,`scroll`,()=>{z(r)},{passive:!0}),a=r?Za(r,`scroll`,()=>{z(r)},{passive:!0}):void 0,o=Za(n,`keydown`,e=>{e.key!==`Escape`||!_.value||P()}),s,f,m,g,v=()=>{if(f?.(),f=void 0,d.value=null,p.value=!1,h.value=!1,!String(t[`mobile-sidebar`].value??``).trim())return;let e=j();if(!e){let e=n.getRootNode(),t=e instanceof Document||e instanceof ShadowRoot?e:document,r=new MutationObserver(()=>{j()&&v()});r.observe(t,{childList:!0,subtree:!0}),f=()=>r.disconnect();return}let r=t=>{let n=e.hasAttribute(`data-bottom-nav`),r=e.hasAttribute(`data-mobile-open`);p.value=n,h.value=t?.detail?t.detail.open:r,h.value&&!p.value&&(p.value=!0),L()},i=new MutationObserver(()=>{r()});r(),i.observe(e,{attributeFilter:[`data-bottom-nav`,`data-mobile-open`],attributes:!0}),e.addEventListener(`mobile-open-change`,r),f=()=>{i.disconnect(),e.removeEventListener(`mobile-open-change`,r)},d.value=e},b=()=>{y.value=!0,m!=null&&clearTimeout(m),m=setTimeout(()=>{y.value=!1,m=void 0},220)},S=D(C(()=>t.floating.value&&t.sticky.value),e=>{if(!e){x.value&&=!1,y.value&&=!1,g=void 0,m!=null&&(clearTimeout(m),m=void 0);return}ee(r),z(r),g=M()},{immediate:!0}),T=D(t[`mobile-sidebar`],()=>{v()},{immediate:!0}),N=D(C(()=>M()),e=>{if(!(t.floating.value&&t.sticky.value)){g=e??void 0;return}let n=e??void 0;g&&n&&g!==n&&b(),g=n},{immediate:!0}),R=D(u,e=>{!e&&_.value&&P()},{immediate:!0}),te=()=>{u.value=c.value.some(Qa)},B=D(c,te,{immediate:!0}),H=new MutationObserver(()=>{te()});H.observe(n,{childList:!0,subtree:!0}),D(t.breakpoint,e=>{E(()=>{s?.(),s=void 0;let r=String(e??``).trim();k.value=$a(r),w.value=!1;let i=to(n);if(O.value=i>0&&k.value!=null&&i<=k.value,L(),!(t[`container-breakpoints`].value&&k.value!=null)&&r)try{let e=re(r),t=e=>{e&&(w.value=e.matches,L())};t(e.value);let n=D(e,t);s=()=>{n.dispose(),e.dispose()}}catch(e){if(!(e instanceof ne))throw e}})},{immediate:!0});let ie=typeof ResizeObserver==`function`?(()=>{let e=V(n);l(()=>e.dispose());let t=n.parentElement,r=eo(n),i=t?V(t):void 0,a=r&&r!==t?V(r):void 0;return i&&l(()=>i.dispose()),a&&l(()=>a.dispose()),D(C(()=>[e.value?.width,e.value?.height,i?.value?.width,i?.value?.height,a?.value?.width,a?.value?.height]),()=>{let e=to(n),t=eo(n)?.clientWidth??0;O.value=e>0&&k.value!=null&&e<=k.value,A.value=t>0&&t<window.innerWidth,L()})})():void 0;return()=>{o?.(),i?.(),a?.(),S?.dispose(),N?.dispose(),R?.dispose(),B?.dispose(),T?.dispose(),H.disconnect(),s?.(),f?.(),ie?.dispose(),m!=null&&(clearTimeout(m),m=void 0)}}),o`
|
|
3096
|
+
`},styles:[Qa]});var eo=`@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(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.navbar-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.mobile-toggle{width:var(--size-9);height:var(--size-9);color:var(--color-contrast-700);cursor:pointer;border:var(--border) solid transparent;border-radius:var(--rounded-md);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.mobile-toggle:hover{color:var(--color-contrast-900);background:var(--color-contrast-100);border-color:var(--color-contrast-200)}.mobile-toggle:focus-visible{outline:var(--focus-ring)}.mobile-menu-panel{z-index:1;box-sizing:border-box;width:100%;max-width:var(--_navbar-width);padding:var(--size-2);background:var(--_navbar-bg);border:var(--border) solid var(--_navbar-border-color);border-radius:var(--rounded-lg);box-shadow:var(--_shadow,var(--_navbar-shadow));-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transform-origin:top;animation:navbar-mobile-in var(--transition-fast) var(--ease-out);margin-top:var(--size-2);margin-left:auto;margin-right:auto;display:none;position:relative}:host([data-mobile][data-mobile-open]) .mobile-menu-panel:not([hidden]){gap:var(--size-1);display:grid}:host([data-mobile][data-mobile-open][data-mode=floating]) .mobile-menu-panel{margin-top:var(--size-1-5)}:host([data-mobile][data-mobile-open][data-mode=sticky]) .mobile-menu-panel,:host([data-mobile][data-mobile-open][floating][sticky][data-scrolled]) .mobile-menu-panel{z-index:2;border-radius:0 0 var(--rounded-md) var(--rounded-md);border-top:none;border-left:none;border-right:none;max-width:100%;margin:0;position:absolute;top:100%;left:0;right:0}:host([data-mobile]) .mobile-toggle:not([hidden]){order:-1;display:inline-flex}:host([data-mobile]) .navbar-start,:host([data-mobile]) .navbar-center,:host([data-mobile]) .navbar-end{display:none}:host([data-mobile][data-mobile-open]) .navbar{border-bottom-right-radius:var(--rounded-md);border-bottom-left-radius:var(--rounded-md)}@starting-style{.mobile-menu-panel{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}@keyframes navbar-mobile-in{0%{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}to{opacity:1;transform:translateY(0)}}@keyframes navbar-floating-to-sticky{0%{opacity:.92;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes navbar-sticky-to-floating{0%{opacity:.95;transform:translateY(-2px)scale(1)}to{opacity:1;transform:translateY(0)scale(.99)}}.item{box-sizing:border-box;gap:var(--size-1);min-height:var(--_touch-target);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--navbar-item-color,var(--color-contrast-700));white-space:nowrap;appearance:none;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.item:hover,.item:focus-visible{color:var(--navbar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--navbar-item-hover-bg,var(--color-contrast-100))}:host([active]) .item{color:var(--navbar-item-active-color,var(--color-primary));background:var(--navbar-item-active-bg,color-mix(in oklch, var(--color-primary) 12%, transparent))}:host([disabled]) .item,:host([disabled]) .item:hover,:host([disabled]) .item:focus-visible{color:var(--color-contrast-400);pointer-events:none;cursor:not-allowed;background:0 0;outline:none}.item-icon,.item-end{align-items:center;display:inline-flex}.item-label{white-space:nowrap;min-width:0}:host([icon-only]) .item-label{display:none}:host([icon-only]) .item{padding:var(--size-1-5)}:host([navbar-mobile]){width:100%;display:block}:host([navbar-mobile]) .item{justify-content:flex-start;width:100%;display:flex}}@layer refine.variants{:host([variant=flat]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 88%, transparent);--_navbar-shadow:none}:host([variant=bordered]){--_navbar-bg:var(--color-canvas);--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 32%, transparent)}:host([variant=outline]){--_navbar-bg:transparent;--_navbar-shadow:none;--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 40%, transparent)}:host([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}}}`,to=(e,t,n,r)=>e?(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)):()=>{},no=e=>!(e instanceof HTMLElement)||e.tagName.includes(`-`)||e.childElementCount>0?!0:(e.textContent??``).trim().length>0,ro=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},io=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},ao=e=>{let t=io(e)?.clientWidth??0;return t>0?t:e.offsetWidth},oo=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},so=t(`NavbarContext`),co=`ore-navbar`;i(co,{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`),"menu-close-label":p.string(`Close navigation menu`),"menu-open-label":p.string(`Open navigation menu`),"mobile-sidebar":p.string(),rounded:p.string(),"scroll-threshold":p.number(80),sticky:p.bool(!1),variant:p.string()},setup(t){let n=a(),r=v(),i=b(),s=i.has(`logo`),c=i.elements(`mobile-menu`),u=T(!1),d=T(null),p=T(!1),h=T(!1),g=T(!1),_=T(!1),y=T(!1),x=T(!1),S=T(0),w=T(!1),O=T(!1),k=T(ro(t.breakpoint.value)),A=T(!1),j=()=>{let e=String(t[`mobile-sidebar`].value??``).trim();if(!e)return null;let r=n.getRootNode();return(r instanceof ShadowRoot||r instanceof Document?r.querySelector(e):null)??document.querySelector(e)};m(so,{closeMobileMenu:()=>P(),isMobile:C(()=>g.value),mobileMenuOpen:C(()=>_.value)});let M=()=>{if(t.floating.value&&t.sticky.value)return x.value?`sticky`:`floating`;if(t.floating.value)return`floating`;if(t.sticky.value)return`sticky`},N=e=>{let t=!!e;if(!u.value){let e=d.value??j();if(e){t?e.openMobile?.():e.closeMobile?.();return}}(!t||u.value)&&_.value!==t&&(_.value=t,r(`mobile-menu-change`,{open:t}))},P=()=>N(!1),F=()=>N(!0),I=()=>{if(!u.value){let e=d.value??j();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}}N(!_.value)},L=()=>{let e=(d.value&&!u.value?p.value:!1)||w.value||!!t[`container-breakpoints`].value&&O.value;g.value=e,e||P()},R=e=>e?e.scrollTop||0:window.scrollY||document.documentElement.scrollTop||0,z=e=>{S.value=R(e)},B=(e=null)=>{if(!(t.floating.value&&t.sticky.value)){x.value&&=!1;return}let n=Math.max(0,Number(t[`scroll-threshold`].value)||0),r=R(e)-S.value;x.value=r>n};return e({attr:{"data-mobile":()=>g.value?!0:void 0,"data-mobile-open":()=>g.value&&_.value?!0:void 0,"data-mode":()=>M()??null,"data-mode-transitioning":()=>y.value?!0:void 0,"data-preview-mode":()=>A.value?!0:void 0,"data-scrolled":()=>t.floating.value&&t.sticky.value&&x.value?!0:void 0}}),f(()=>{let e=n,r=oo(n);e.closeMobileMenu=P,e.openMobileMenu=F,e.toggleMobileMenu=I;let i=to(window,`scroll`,()=>{B(r)},{passive:!0}),a=r?to(r,`scroll`,()=>{B(r)},{passive:!0}):void 0,o=to(n,`keydown`,e=>{e.key===`Escape`&&_.value&&P()}),s,f,m,g,v=()=>{if(f?.(),f=void 0,d.value=null,p.value=!1,h.value=!1,!String(t[`mobile-sidebar`].value??``).trim())return;let e=j();if(!e){let e=n.getRootNode(),t=e instanceof Document||e instanceof ShadowRoot?e:document,r=new MutationObserver(()=>{j()&&v()});r.observe(t,{childList:!0,subtree:!0}),f=()=>r.disconnect();return}let r=t=>{let n=e.hasAttribute(`data-bottom-nav`),r=e.hasAttribute(`data-mobile-open`);p.value=n,h.value=t?.detail?t.detail.open:r,h.value&&!p.value&&(p.value=!0),L()},i=new MutationObserver(()=>{r()});r(),i.observe(e,{attributeFilter:[`data-bottom-nav`,`data-mobile-open`],attributes:!0}),e.addEventListener(`mobile-open-change`,r),f=()=>{i.disconnect(),e.removeEventListener(`mobile-open-change`,r)},d.value=e},b=()=>{y.value=!0,m!=null&&clearTimeout(m),m=setTimeout(()=>{y.value=!1,m=void 0},220)},S=D(C(()=>t.floating.value&&t.sticky.value),e=>{if(!e){x.value&&=!1,y.value&&=!1,g=void 0,m!=null&&(clearTimeout(m),m=void 0);return}z(r),B(r),g=M()},{immediate:!0}),T=D(t[`mobile-sidebar`],()=>{v()},{immediate:!0}),N=D(C(()=>M()),e=>{if(!(t.floating.value&&t.sticky.value)){g=e??void 0;return}let n=e??void 0;g&&n&&g!==n&&b(),g=n},{immediate:!0}),R=D(u,e=>{!e&&_.value&&P()},{immediate:!0}),ee=()=>{u.value=c.value.some(no)},V=D(c,ee,{immediate:!0}),U=new MutationObserver(()=>{ee()});U.observe(n,{childList:!0,subtree:!0}),D(t.breakpoint,e=>{E(()=>{s?.(),s=void 0;let r=String(e??``).trim();k.value=ro(r),w.value=!1;let i=ao(n);if(O.value=i>0&&k.value!=null&&i<=k.value,L(),!(t[`container-breakpoints`].value&&k.value!=null)&&r)try{let e=ne(r),t=e=>{e&&(w.value=e.matches,L())};t(e.value);let n=D(e,t);s=()=>{n.dispose(),e.dispose()}}catch(e){if(!(e instanceof te))throw e}})},{immediate:!0});let re=typeof ResizeObserver==`function`?(()=>{let e=H(n);l(()=>e.dispose());let t=n.parentElement,r=io(n),i=t?H(t):void 0,a=r&&r!==t?H(r):void 0;return i&&l(()=>i.dispose()),a&&l(()=>a.dispose()),D(C(()=>[e.value?.width,e.value?.height,i?.value?.width,i?.value?.height,a?.value?.width,a?.value?.height]),()=>{let e=ao(n),t=io(n)?.clientWidth??0;O.value=e>0&&k.value!=null&&e<=k.value,A.value=t>0&&t<window.innerWidth,L()})})():void 0;return()=>{o?.(),i?.(),a?.(),S?.dispose(),N?.dispose(),R?.dispose(),V?.dispose(),T?.dispose(),U.disconnect(),s?.(),f?.(),re?.dispose(),m!=null&&(clearTimeout(m),m=void 0)}}),o`
|
|
3053
3097
|
<nav part="nav" aria-label="${t.label}">
|
|
3054
3098
|
<div class="navbar" part="bar">
|
|
3055
3099
|
<div class="navbar-logo" part="logo" ?hidden=${()=>!s.value}>
|
|
@@ -3072,7 +3116,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3072
3116
|
class="mobile-toggle"
|
|
3073
3117
|
part="mobile-toggle"
|
|
3074
3118
|
type="button"
|
|
3075
|
-
aria-label="${()=>u.value?_.value
|
|
3119
|
+
aria-label="${()=>(u.value?_.value:h.value)?t[`menu-close-label`].value:t[`menu-open-label`].value}"
|
|
3076
3120
|
aria-controls="mobile-menu-panel"
|
|
3077
3121
|
aria-expanded="${()=>String(u.value?_.value:h.value)}"
|
|
3078
3122
|
?hidden=${()=>!g.value||!u.value&&!d.value}
|
|
@@ -3095,7 +3139,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3095
3139
|
<slot name="mobile-menu"></slot>
|
|
3096
3140
|
</div>
|
|
3097
3141
|
</nav>
|
|
3098
|
-
`},styles:[
|
|
3142
|
+
`},styles:[Z,Qe,Y,q,J,nt(`.navbar`),eo]});var lo=`ore-navbar-item`;i(lo,{props:{active:p.bool(!1),disabled:p.bool(!1),href:p.string(),"icon-only":p.bool(!1),rel:p.string(),target:p.string()},setup(t){let n=b(),r=()=>n.has(`icon`).value,i=()=>n.has(`end`).value,a=s(so);e({attr:{"navbar-mobile":()=>a?.isMobile.value?!0:void 0,"navbar-mobile-open":()=>a?.mobileMenuOpen.value?!0:void 0}});let c=()=>!!t.href.value&&!t.disabled.value,l=C(()=>Vn(t.rel.value,t.target.value)),u=()=>{a?.mobileMenuOpen.value&&a.closeMobileMenu()},d=()=>o`
|
|
3099
3143
|
<span class="item-icon" part="item-icon" ?hidden=${()=>!r()} aria-hidden="true">
|
|
3100
3144
|
<slot name="icon"></slot>
|
|
3101
3145
|
</span>
|
|
@@ -3120,15 +3164,15 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3120
3164
|
`:o`
|
|
3121
3165
|
<button class="item" part="item" type="button" @click=${u}>${d()}</button>
|
|
3122
3166
|
`}
|
|
3123
|
-
`},styles:[K,Xa]});var oo=`.sidebar-logo[hidden]{min-width:0;min-height:0;margin:0;display:none}@layer refine.base{:host{--_sidebar-width:var(--sidebar-width,16rem);--_sidebar-collapsed-width:var(--sidebar-collapsed-width,3.5rem);--_sidebar-transition:var(--transition-normal);--_panel-bg:var(--sidebar-bg,var(--color-canvas));--_panel-blur:var(--sidebar-panel-blur,var(--blur-md));--_panel-border-color:var(--sidebar-border-color,var(--color-divider));--_panel-radius:var(--sidebar-radius,var(--rounded-lg));--_panel-shadow:var(--sidebar-shadow,var(--shadow-md));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(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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}:host([data-collapsed]){min-width:var(--_sidebar-collapsed-width);max-width:var(--_sidebar-collapsed-width)}:host([data-bottom-nav]){z-index:calc(var(--z-sticky) + 2);width:100%;min-width:0;max-width:100%;height:var(--sidebar-bottom-nav-height,3.75rem);pointer-events:auto;position:fixed;bottom:0;left:0;right:0}:host([data-preview-mode][data-bottom-nav]){pointer-events:none;width:auto;height:auto;position:absolute;inset:0}:host([data-bottom-nav])>nav{z-index:calc(var(--z-sticky) + 3);width:min(var(--_sidebar-width), 85vw);max-width:85vw;max-height:100dvh;transition:transform var(--transition-normal);position:fixed;top:0;bottom:0;transform:translate(-104%)}:host([data-bottom-nav])>nav:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}:host([data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([data-preview-mode][data-bottom-nav])>nav{z-index:calc(var(--z-sticky) + 3);pointer-events:auto;max-height:100%;position:absolute;top:0;bottom:0}:host([data-preview-mode][data-bottom-nav])>nav:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}:host([data-preview-mode][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host(:dir(rtl)[data-bottom-nav])>nav{transform:translate(104%)}:host([data-bottom-nav][data-mobile-open])>nav{transform:translate(0)}.bottom-bar{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}.sidebar-logo{min-width:var(--size-8);min-height:var(--size-8);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--size-2)}.sidebar-logo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-2)}.sidebar-logo:empty{display:none}:host([data-collapsed]) .sidebar-logo{margin-block:var(--size-1)}:host([data-collapsed]) .sidebar-logo:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:0}:host([data-collapsed]) .sidebar-logo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:0}.sidebar-content{gap:var(--size-2);min-width:0;padding:var(--size-4);scrollbar-width:thin;flex:1;grid-template-columns:minmax(0,1fr);align-content:start;display:grid;overflow:clip auto}.sidebar-footer{padding:var(--size-4);border-top:var(--border) solid var(--color-contrast-200);flex-shrink:0}.toggle-btn{all:unset;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]){--_panel-radius:var(--rounded-lg);height:calc(100% - var(--size-6));margin:var(--size-3)}:host([variant=floating])>nav{border:var(--border) solid var(--_panel-border-color);border-radius:var(--_panel-radius)}:host([variant=floating][data-bottom-nav]){bottom:var(--size-2);inset-inline:var(--size-2);width:auto;max-width:none}:host([variant=floating][data-preview-mode][data-bottom-nav]){inset:calc(var(--size-1) * -1)}:host([variant=floating][data-bottom-nav]) .bottom-bar{border:var(--border) solid var(--_panel-border-color);border-radius:var(--_panel-radius);box-shadow:var(--_panel-shadow)}:host([variant=floating][data-bottom-nav])>nav{top:var(--size-2)}:host([variant=floating][data-bottom-nav])>nav:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--size-2)}:host([variant=floating][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-2)}:host([variant=floating][data-preview-mode][data-bottom-nav]) .bottom-bar{bottom:var(--size-2);inset-inline:var(--size-2);width:auto}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav{top:var(--size-1)}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--size-1)}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-1)}:host([variant=inset]){--_panel-bg:var(--color-contrast-50);--_panel-shadow:none;--_panel-border-color:transparent}}`,so=`@layer refine.base{:host{width:100%;display:block}:host([sidebar-bottom-nav]){display:none}.group{display:block}.group-header{all:unset;box-sizing:border-box;width:100%;min-height:var(--size-6);padding:var(--size-1) var(--size-2);margin-bottom:var(--size-2);color:inherit;-webkit-user-select:none;user-select:none;border-radius:var(--rounded-lg);transition:background var(--transition-fast);outline:none;justify-content:flex-start;align-items:center;display:flex;position:relative}.group-header::-webkit-details-marker{display:none}:host([collapsible]) .group-header{cursor:pointer}:host([collapsible]) .group-header:hover{background:var(--color-contrast-100)}:host([collapsible]) .group-header:focus-visible{outline:var(--focus-ring)}:host(:not([collapsible])) .group-header{cursor:default}:host(:not([collapsible])) .chevron{display:none}.group-label{text-overflow:ellipsis;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;transition:opacity var(--transition-fast);flex-grow:1;overflow:hidden}.group-icon{color:var(--color-contrast-400);flex-shrink:0;justify-content:center;align-items:center;display:flex}.group-icon:empty{display:none}.chevron{color:var(--color-contrast-400);transition:var(--_motion-transition,transform var(--transition-normal));flex-shrink:0;justify-content:center;align-items:center;display:flex}:host([collapsible]) .group[open] .chevron{transform:rotate(90deg)}.group-items{gap:var(--size-2);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}:host([sidebar-collapsed]) .group-label,:host([sidebar-collapsed]) .chevron{display:none}:host([sidebar-collapsed]) .group-header{height:0;min-height:0;margin:0;padding:0;display:none}:host([sidebar-collapsed]) .group-badge{visibility:visible;pointer-events:auto;opacity:1;width:auto;height:auto;display:flex;position:static}:host([collapsible]:not([open])) .group-items{display:none}}`,co=`@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:calc(var(--size-0-5) * -1);z-index:1;position:absolute;transform:translateY(-50%)}:host([dir=rtl][sidebar-collapsed]) .item-end .group-badge,:host([dir=rtl][sidebar-collapsed]) .item-end ::slotted([slot=end]),:host(:dir(rtl)[sidebar-collapsed]) .item-end .group-badge,:host(:dir(rtl)[sidebar-collapsed]) .item-end ::slotted([slot=end]){right:auto;left:var(--size-2)}:host([sidebar-bottom-nav]){display:none}}`,lo=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},uo=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},fo=e=>{let t=uo(e)?.clientWidth??0;return t>0?t:e.offsetWidth},po=t(`SidebarContext`),mo=`ore-sidebar`;i(mo,{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(t){let n=a(),r=v(),i=b(),s=()=>i.has(`header`).value,c=()=>i.has(`footer`).value,u=()=>i.has(`logo`).value,d=T(n.hasAttribute(`collapsed`)),p=T(d.value?n.hasAttribute(`collapsed`):t[`default-collapsed`].value),h=T(!1),g=T(!1),_=T([]),y=T(!1),x=T(!1),S=T(lo(t.responsive.value)),w=T(!!String(t.responsive.value??``).trim()),E=T(!1),O=T(!1),k=T(lo(t[`bottom-nav-at`].value)),A=T(!1),j=()=>p.value,M=C(()=>h.value?`bottom-nav`:p.value?`collapsed`:`default`),N=()=>{let e=t[`container-breakpoints`].value,n=e?x.value:y.value||x.value,r=e?O.value:E.value||O.value;g.value||(h.value=r),!r&&!g.value&&I(!1,`responsive`),w.value&&F(n,`responsive`)},P=()=>{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}});_.value=e};m(po,{collapsed:C(()=>!h.value&&p.value),mobileOpen:C(()=>h.value&&g.value),mode:M,variant:t.variant});let F=(e,t)=>{j()!==e&&(d.value||(p.value=e),r(`collapsed-change`,{collapsed:e,source:t}))},I=(e,t)=>{let n=!!e;if(n&&!h.value&&(h.value=!0),!h.value&&!n){g.value&&=!1;return}g.value!==n&&(g.value=n,n||N(),r(`mobile-open-change`,{open:n,source:t}))},L=()=>{F(!j(),`toggle`)},R=n;return R.setCollapsed=e=>F(!!e,`api`),R.toggle=L,R.openMobile=()=>I(!0,`api`),R.closeMobile=()=>I(!1,`api`),R.toggleMobile=()=>I(!g.value,`toggle`),e({attr:{"data-bottom-nav":()=>h.value?!0:void 0,"data-collapsed":()=>j()&&!h.value?!0:void 0,"data-mobile-open":()=>h.value&&g.value?!0:void 0,"data-preview-mode":()=>A.value?!0:void 0}}),f(()=>{n.setAttribute(`data-no-transition`,``);let e=!1,r=()=>{e||(e=!0,n.removeAttribute(`data-no-transition`))};requestAnimationFrame(()=>requestAnimationFrame(r));let a,o,s=new Map,c=new MutationObserver(()=>{!n.hasAttribute(`collapsed`)&&!d.value||(d.value=!0,p.value=n.hasAttribute(`collapsed`))});c.observe(n,{attributeFilter:[`collapsed`],attributes:!0}),D(t.responsive,e=>{a?.(),a=void 0;let r=String(e??``).trim();w.value=!!r,S.value=lo(r),y.value=!1;let i=fo(n);if(x.value=i>0&&S.value!=null&&i<=S.value,N(),!(t[`container-breakpoints`].value&&S.value!=null)&&r)try{let e=re(r),t=e=>{e&&(y.value=e.matches,N())};t(e.value);let n=D(e,t);a=()=>{n.dispose(),e.dispose()}}catch(e){if(!(e instanceof ne))throw e}},{immediate:!0}),D(t[`bottom-nav-at`],e=>{o?.(),o=void 0;let r=String(e??``).trim();k.value=lo(r),E.value=!1;let i=fo(n);if(O.value=i>0&&k.value!=null&&i<=k.value,N(),!(t[`container-breakpoints`].value&&k.value!=null)&&r)try{let e=re(r),t=e=>{e&&(E.value=e.matches,N())};t(e.value);let n=D(e,t);o=()=>{n.dispose(),e.dispose()}}catch(e){if(!(e instanceof ne))throw e}},{immediate:!0});let u=typeof ResizeObserver==`function`?(()=>{let e=V(n);l(()=>e.dispose());let t=n.parentElement,i=uo(n),a=t?V(t):void 0,o=i&&i!==t?V(i):void 0;a&&l(()=>a.dispose()),o&&l(()=>o.dispose());let 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=uo(n),t=fo(n),i=x.value,a=O.value,o=e?.clientWidth??0;A.value=o>0&&o<window.innerWidth,x.value=t>0&&S.value!=null&&t<=S.value,O.value=t>0&&k.value!=null&&t<=k.value,(i!==x.value||a!==O.value)&&N(),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(()=>{h.value&&P()});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),P()},{immediate:!0}),()=>{c.disconnect(),a?.(),o?.(),u?.dispose();for(let e of s.values())e.disconnect();s.clear()}}),o`
|
|
3167
|
+
`},styles:[q,eo]});var uo=`.sidebar-logo[hidden]{min-width:0;min-height:0;margin:0;display:none}@layer refine.base{:host{--_sidebar-width:var(--sidebar-width,16rem);--_sidebar-collapsed-width:var(--sidebar-collapsed-width,3.5rem);--_sidebar-transition:var(--transition-normal);--_panel-bg:var(--sidebar-bg,var(--color-canvas));--_panel-blur:var(--sidebar-panel-blur,var(--blur-md));--_panel-border-color:var(--sidebar-border-color,var(--color-divider));--_panel-radius:var(--sidebar-radius,var(--rounded-lg));--_panel-shadow:var(--sidebar-shadow,var(--shadow-md));z-index:var(--sidebar-z-index,1);box-sizing:border-box;width:100%;min-width:var(--size-2xs);max-width:var(--_sidebar-width);height:100%;min-height:0;transition:max-width var(--_sidebar-transition), min-width var(--_sidebar-transition);will-change:max-width;display:block;position:relative;overflow:visible}:host>nav{box-sizing:border-box;background:var(--_panel-bg);width:100%;height:100%;min-height:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));flex-direction:column;display:flex;position:relative;overflow:hidden}:host>nav:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right:var(--border) solid var(--_panel-border-color)}:host>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_panel-border-color)}:host(:not([data-bottom-nav]))>nav{overflow:visible}.mobile-backdrop{z-index:calc(var(--z-sticky) + 1);background:color-mix(in oklch, var(--color-contrast-950) 36%, transparent);border:0;width:100%;height:100%;display:none;position:absolute;inset:0}:host([data-bottom-nav][data-mobile-open]) .mobile-backdrop{z-index:calc(var(--z-sticky) + 1);width:100vw;height:100dvh;display:block;position:fixed;inset:0}:host([data-preview-mode][data-bottom-nav][data-mobile-open]) .mobile-backdrop{width:100%;height:100%;position:absolute;inset:0}:host([data-no-transition]),:host([data-no-transition])>nav{transition:none}:host([data-collapsed]){min-width:var(--_sidebar-collapsed-width);max-width:var(--_sidebar-collapsed-width)}:host([data-bottom-nav]){z-index:calc(var(--z-sticky) + 2);width:100%;min-width:0;max-width:100%;height:var(--sidebar-bottom-nav-height,3.75rem);pointer-events:auto;position:fixed;bottom:0;left:0;right:0}:host([data-preview-mode][data-bottom-nav]){pointer-events:none;width:auto;height:auto;position:absolute;inset:0}:host([data-bottom-nav])>nav{z-index:calc(var(--z-sticky) + 3);width:min(var(--_sidebar-width), 85vw);max-width:85vw;max-height:100dvh;transition:transform var(--transition-normal);position:fixed;top:0;bottom:0;transform:translate(-104%)}:host([data-bottom-nav])>nav:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}:host([data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([data-preview-mode][data-bottom-nav])>nav{z-index:calc(var(--z-sticky) + 3);pointer-events:auto;max-height:100%;position:absolute;top:0;bottom:0}:host([data-preview-mode][data-bottom-nav])>nav:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}:host([data-preview-mode][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host(:dir(rtl)[data-bottom-nav])>nav{transform:translate(104%)}:host([data-bottom-nav][data-mobile-open])>nav{transform:translate(0)}.bottom-bar{box-sizing:border-box;gap:var(--size-1);width:100%;height:100%;padding:var(--size-1);pointer-events:none;background:var(--_panel-bg);border-top:var(--border) solid var(--_panel-border-color);box-shadow:var(--shadow-sm);opacity:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity var(--_sidebar-transition), transform var(--_sidebar-transition), display var(--_sidebar-transition) allow-discrete;justify-content:space-around;align-items:stretch;display:flex;transform:translateY(100%)}.bottom-bar[hidden]{display:none}:host([data-bottom-nav]) .bottom-bar{pointer-events:auto;opacity:1;transform:translateY(0)}:host([data-preview-mode][data-bottom-nav]) .bottom-bar{z-index:calc(var(--z-sticky) + 2);height:var(--sidebar-bottom-nav-height,3.75rem);position:absolute;bottom:0;left:0;right:0}:host([data-bottom-nav][data-mobile-open]) .bottom-bar{z-index:calc(var(--z-sticky) + 1);pointer-events:none;opacity:0;transform:translateY(100%)}.bottom-tab{all:unset;box-sizing:border-box;gap:var(--size-0-5);min-width:0;padding:var(--size-1) var(--size-1-5);color:var(--sidebar-item-color,var(--color-contrast-700));cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.bottom-tab:hover,.bottom-tab:focus-visible{color:var(--sidebar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--sidebar-item-hover-bg,var(--color-contrast-100))}.bottom-tab:disabled{color:var(--sidebar-item-disabled-color,var(--color-contrast-400));cursor:not-allowed;opacity:.7}.bottom-tab-active,.bottom-tab[data-active=true]{color:var(--sidebar-item-active-color,var(--color-primary));background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)))}.bottom-tab-active:before,.bottom-tab[data-active=true]:before{display:none}.bottom-tab-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.bottom-tab-label{text-overflow:ellipsis;min-width:0;font-size:var(--text-xs);white-space:nowrap;overflow:hidden}.sidebar-header{box-sizing:border-box;gap:var(--size-2);height:var(--sidebar-header-height,var(--size-16));min-height:var(--sidebar-header-height,var(--size-16));padding:var(--sidebar-header-padding,var(--size-3));border-bottom:var(--border) solid var(--color-contrast-200);justify-content:space-between;align-items:center;display:flex}.sidebar-header .sidebar-header-content{flex:1;min-width:0;display:block;overflow:hidden}:host([data-collapsed]) .sidebar-header{gap:var(--size-2);flex-direction:column;justify-content:flex-start;align-items:center}:host([data-collapsed]) .sidebar-header .sidebar-header-content{display:none}.sidebar-logo{min-width:var(--size-8);min-height:var(--size-8);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--size-2)}.sidebar-logo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-2)}.sidebar-logo:empty{display:none}:host([data-collapsed]) .sidebar-logo{margin-block:var(--size-1)}:host([data-collapsed]) .sidebar-logo:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:0}:host([data-collapsed]) .sidebar-logo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:0}.sidebar-content{gap:var(--size-2);min-width:0;padding:var(--size-4);scrollbar-width:thin;flex:1;grid-template-columns:minmax(0,1fr);align-content:start;display:grid;overflow:clip auto}.sidebar-footer{padding:var(--size-4);border-top:var(--border) solid var(--color-contrast-200);flex-shrink:0}.toggle-btn{all:unset;z-index:1;box-sizing:border-box;width:var(--size-8);height:var(--size-8);color:var(--sidebar-toggle-color,var(--color-contrast-600));cursor:pointer;background:var(--sidebar-toggle-bg,var(--_panel-bg));border:var(--border) solid var(--sidebar-toggle-border-color,var(--_panel-border-color));border-radius:var(--rounded-full);box-shadow:var(--shadow-sm);transition:color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);top:var(--sidebar-toggle-offset,var(--size-4));justify-content:center;align-items:center;display:inline-flex;position:absolute;transform:translate(50%)}.toggle-btn:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.toggle-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host(:dir(rtl)) .toggle-btn{transform:translate(-50%)}:host(:not([data-has-logo])) .toggle-btn{position:static;transform:none}:host(:not([data-has-logo])) .toggle-btn:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}:host(:not([data-has-logo])) .toggle-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}:host([data-collapsed]:not([data-has-logo])) .toggle-btn:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:0}:host([data-collapsed]:not([data-has-logo])) .toggle-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}.toggle-btn:hover{color:var(--sidebar-toggle-hover-color,var(--color-contrast-900));background:var(--sidebar-toggle-hover-bg,var(--color-contrast-100));box-shadow:var(--shadow-md)}.toggle-btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--size-0-5)}.toggle-icon{justify-content:center;align-items:center;display:flex}:host([data-bottom-nav]) .toggle-btn{display:none}}@layer refine.variants{:host([variant=floating]){--_panel-radius:var(--rounded-lg);height:calc(100% - var(--size-6));margin:var(--size-3)}:host([variant=floating])>nav{border:var(--border) solid var(--_panel-border-color);border-radius:var(--_panel-radius)}:host([variant=floating][data-bottom-nav]){bottom:var(--size-2);inset-inline:var(--size-2);width:auto;max-width:none}:host([variant=floating][data-preview-mode][data-bottom-nav]){inset:calc(var(--size-1) * -1)}:host([variant=floating][data-bottom-nav]) .bottom-bar{border:var(--border) solid var(--_panel-border-color);border-radius:var(--_panel-radius);box-shadow:var(--_panel-shadow)}:host([variant=floating][data-bottom-nav])>nav{top:var(--size-2)}:host([variant=floating][data-bottom-nav])>nav:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--size-2)}:host([variant=floating][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-2)}:host([variant=floating][data-preview-mode][data-bottom-nav]) .bottom-bar{bottom:var(--size-2);inset-inline:var(--size-2);width:auto}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav{top:var(--size-1)}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--size-1)}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-1)}:host([variant=inset]){--_panel-bg:var(--color-contrast-50);--_panel-shadow:none;--_panel-border-color:transparent}}`,fo=`@layer refine.base{:host{width:100%;display:block}:host([sidebar-bottom-nav]){display:none}.group{display:block}.group-header{all:unset;box-sizing:border-box;width:100%;min-height:var(--size-6);padding:var(--size-1) var(--size-2);margin-bottom:var(--size-2);color:inherit;-webkit-user-select:none;user-select:none;border-radius:var(--rounded-lg);transition:background var(--transition-fast);outline:none;justify-content:flex-start;align-items:center;display:flex;position:relative}.group-header::-webkit-details-marker{display:none}:host([collapsible]) .group-header{cursor:pointer}:host([collapsible]) .group-header:hover{background:var(--color-contrast-100)}:host([collapsible]) .group-header:focus-visible{outline:var(--focus-ring)}:host(:not([collapsible])) .group-header{cursor:default}:host(:not([collapsible])) .chevron{display:none}.group-label{text-overflow:ellipsis;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;transition:opacity var(--transition-fast);flex-grow:1;overflow:hidden}.group-icon{color:var(--color-contrast-400);flex-shrink:0;justify-content:center;align-items:center;display:flex}.group-icon:empty{display:none}.chevron{color:var(--color-contrast-400);transition:var(--_motion-transition,transform var(--transition-normal));flex-shrink:0;justify-content:center;align-items:center;display:flex}:host([collapsible]) .group[open] .chevron{transform:rotate(90deg)}.group-items{gap:var(--size-2);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}:host([sidebar-collapsed]) .group-label,:host([sidebar-collapsed]) .chevron{display:none}:host([sidebar-collapsed]) .group-header{height:0;min-height:0;margin:0;padding:0;display:none}:host([sidebar-collapsed]) .group-badge{visibility:visible;pointer-events:auto;opacity:1;width:auto;height:auto;display:flex;position:static}:host([collapsible]:not([open])) .group-items{display:none}}`,po=`@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:calc(var(--size-0-5) * -1);z-index:1;position:absolute;transform:translateY(-50%)}:host([dir=rtl][sidebar-collapsed]) .item-end .group-badge,:host([dir=rtl][sidebar-collapsed]) .item-end ::slotted([slot=end]),:host(:dir(rtl)[sidebar-collapsed]) .item-end .group-badge,:host(:dir(rtl)[sidebar-collapsed]) .item-end ::slotted([slot=end]){right:auto;left:var(--size-2)}:host([sidebar-bottom-nav]){display:none}}`,mo=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},ho=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},go=e=>{let t=ho(e)?.clientWidth??0;return t>0?t:e.offsetWidth},_o=()=>{let e=document.activeElement;for(;e?.shadowRoot?.activeElement instanceof HTMLElement;)e=e.shadowRoot.activeElement;return e},vo=t(`SidebarContext`),yo=`ore-sidebar`;i(yo,{props:{"bottom-nav-at":p.string(),"close-on-select":p.bool(!1),"collapse-label":p.string(`Collapse sidebar`),collapsed:p.bool(!1),collapsible:p.bool(!1),"container-breakpoints":p.bool(!1),"default-collapsed":p.bool(!1),"expand-label":p.string(`Expand sidebar`),label:p.string(`Sidebar navigation`),"mobile-close-label":p.string(`Close sidebar`),responsive:p.string(),variant:p.string()},setup(t){let n=a(),r=v(),i=b(),s=()=>i.has(`header`).value,c=()=>i.has(`footer`).value,u=()=>i.has(`logo`).value,d=T(n.hasAttribute(`collapsed`)),p=T(d.value?n.hasAttribute(`collapsed`):t[`default-collapsed`].value),h=T(!1),g=T(!1),_=T([]),y=T(!1),x=T(!1),S=T(mo(t.responsive.value)),w=T(!!String(t.responsive.value??``).trim()),E=T(!1),O=T(!1),k=T(mo(t[`bottom-nav-at`].value)),A=T(!1),j=null,M=()=>p.value,N=C(()=>h.value?`bottom-nav`:p.value?`collapsed`:`default`),P=()=>{let e=t[`container-breakpoints`].value,n=e?x.value:y.value||x.value,r=e?O.value:E.value||O.value;g.value||(h.value=r),!r&&!g.value&&L(!1,`responsive`),w.value&&I(n,`responsive`)},F=()=>{let e=i.elements().value.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`),t=[...n.querySelectorAll(`ore-sidebar-item[bottom-nav]`)],r=(t.length>0?t:e).map((e,t)=>{let n=e,r=n.querySelector(`:scope > [slot="icon"]`)??n.querySelector(`[slot="icon"]`),i=r?.tagName.toLowerCase()===`ore-icon`?r.getAttribute(`name`):null,a=r?.querySelector(`ore-icon`)?.getAttribute(`name`)??null,o=(n.textContent??``).trim();return{active:n.hasAttribute(`active`),disabled:n.hasAttribute(`disabled`),href:n.getAttribute(`href`)??void 0,iconName:i??a??void 0,label:n.getAttribute(`bottom-nav-label`)?.trim()||o||`Item ${t+1}`,source:n}});_.value=r};m(vo,{closeMobile:()=>L(!1,`toggle`),closeOnSelect:t[`close-on-select`],collapsed:C(()=>!h.value&&p.value),mobileOpen:C(()=>h.value&&g.value),mode:N,variant:t.variant});let I=(e,t)=>{M()!==e&&(d.value||(p.value=e),r(`collapsed-change`,{collapsed:e,source:t}))},L=(e,t)=>{let i=!!e;if(i&&!h.value&&(h.value=!0),!h.value&&!i){g.value&&=!1;return}g.value!==i&&(i&&(j=_o()),g.value=i,i?queueMicrotask(()=>n.shadowRoot?.querySelector(`nav`)?.focus()):(P(),queueMicrotask(()=>{j?.isConnected&&j.focus(),j=null})),r(`mobile-open-change`,{open:i,source:t}))},R=()=>{I(!M(),`toggle`)},z=n;return z.setCollapsed=e=>I(!!e,`api`),z.toggle=R,z.openMobile=()=>L(!0,`api`),z.closeMobile=()=>L(!1,`api`),z.toggleMobile=()=>L(!g.value,`toggle`),e({attr:{"data-bottom-nav":()=>h.value?!0:void 0,"data-collapsed":()=>M()&&!h.value?!0:void 0,"data-has-logo":()=>u()?!0:void 0,"data-mobile-open":()=>h.value&&g.value?!0:void 0,"data-preview-mode":()=>A.value?!0:void 0}}),f(()=>{n.setAttribute(`data-no-transition`,``);let e=!1,r=()=>{e||(e=!0,n.removeAttribute(`data-no-transition`))};requestAnimationFrame(()=>requestAnimationFrame(r));let a,o,s=new Map,c=new MutationObserver(()=>{(n.hasAttribute(`collapsed`)||d.value)&&(d.value=!0,p.value=n.hasAttribute(`collapsed`))});c.observe(n,{attributeFilter:[`collapsed`],attributes:!0});let u=e=>{e.key===`Escape`&&g.value&&(e.preventDefault(),L(!1,`toggle`))};n.addEventListener(`keydown`,u),D(t.responsive,e=>{a?.(),a=void 0;let r=String(e??``).trim();w.value=!!r,S.value=mo(r),y.value=!1;let i=go(n);if(x.value=i>0&&S.value!=null&&i<=S.value,P(),!(t[`container-breakpoints`].value&&S.value!=null)&&r)try{let e=ne(r),t=e=>{e&&(y.value=e.matches,P())};t(e.value);let n=D(e,t);a=()=>{n.dispose(),e.dispose()}}catch(e){if(!(e instanceof te))throw e}},{immediate:!0}),D(t[`bottom-nav-at`],e=>{o?.(),o=void 0;let r=String(e??``).trim();k.value=mo(r),E.value=!1;let i=go(n);if(O.value=i>0&&k.value!=null&&i<=k.value,P(),!(t[`container-breakpoints`].value&&k.value!=null)&&r)try{let e=ne(r),t=e=>{e&&(E.value=e.matches,P())};t(e.value);let n=D(e,t);o=()=>{n.dispose(),e.dispose()}}catch(e){if(!(e instanceof te))throw e}},{immediate:!0});let f=typeof ResizeObserver==`function`?(()=>{let e=H(n);l(()=>e.dispose());let t=n.parentElement,i=ho(n),a=t?H(t):void 0,o=i&&i!==t?H(i):void 0;a&&l(()=>a.dispose()),o&&l(()=>o.dispose());let 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=ho(n),t=go(n),i=x.value,a=O.value,o=e?.clientWidth??0;A.value=o>0&&o<window.innerWidth,x.value=t>0&&S.value!=null&&t<=S.value,O.value=t>0&&k.value!=null&&t<=k.value,(i!==x.value||a!==O.value)&&P(),r()})})})():void 0,m=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(()=>{h.value&&F()});e.observe(t,{attributeFilter:[`active`,`bottom-nav`,`bottom-nav-label`,`disabled`,`href`],attributes:!0,characterData:!0,childList:!0,subtree:!0}),s.set(t,e)}},_=()=>{m([...n.querySelectorAll(`ore-sidebar-item`)]),F()};D(i.elements(),_,{immediate:!0});let v=new MutationObserver(_);return v.observe(n,{childList:!0,subtree:!0}),()=>{c.disconnect(),v.disconnect(),n.removeEventListener(`keydown`,u),a?.(),o?.(),f?.dispose();for(let e of s.values())e.disconnect();s.clear()}}),o`
|
|
3124
3168
|
<button
|
|
3125
3169
|
class="mobile-backdrop"
|
|
3126
3170
|
part="mobile-backdrop"
|
|
3127
3171
|
type="button"
|
|
3128
|
-
aria-label="
|
|
3172
|
+
aria-label="${t[`mobile-close-label`]}"
|
|
3129
3173
|
?hidden=${()=>!h.value||!g.value}
|
|
3130
|
-
@click=${()=>
|
|
3131
|
-
<nav aria-label="${t.label}" part="nav">
|
|
3174
|
+
@click=${()=>L(!1,`toggle`)}></button>
|
|
3175
|
+
<nav aria-label="${t.label}" part="nav" tabindex="-1">
|
|
3132
3176
|
<div class="sidebar-header" part="header" ?hidden=${()=>!s()&&!t.collapsible.value}>
|
|
3133
3177
|
<span class="sidebar-logo" ?hidden=${()=>!u()}>
|
|
3134
3178
|
<slot name="logo"></slot>
|
|
@@ -3141,12 +3185,15 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3141
3185
|
part="toggle-btn"
|
|
3142
3186
|
type="button"
|
|
3143
3187
|
?hidden=${()=>!t.collapsible.value}
|
|
3144
|
-
aria-label="${()=>
|
|
3145
|
-
aria-expanded="${()=>!
|
|
3146
|
-
@click="${
|
|
3147
|
-
<
|
|
3148
|
-
|
|
3149
|
-
|
|
3188
|
+
aria-label="${()=>M()?t[`expand-label`].value:t[`collapse-label`].value}"
|
|
3189
|
+
aria-expanded="${()=>!M()}"
|
|
3190
|
+
@click="${R}">
|
|
3191
|
+
<ore-icon
|
|
3192
|
+
class="toggle-icon"
|
|
3193
|
+
name=${()=>M()?`panel-left-open`:`panel-left-close`}
|
|
3194
|
+
size="18"
|
|
3195
|
+
stroke-width="2"
|
|
3196
|
+
aria-hidden="true"></ore-icon>
|
|
3150
3197
|
</button>
|
|
3151
3198
|
</div>
|
|
3152
3199
|
<div class="sidebar-content" part="content">
|
|
@@ -3184,7 +3231,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3184
3231
|
</button>
|
|
3185
3232
|
`})}
|
|
3186
3233
|
</div>
|
|
3187
|
-
`},styles:[
|
|
3234
|
+
`},styles:[q,J,uo]});var bo=`ore-sidebar-group`;i(bo,{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(t){let n=b(),r=()=>n.has(`icon`).value,i=s(vo);e({attr:{"sidebar-bottom-nav":()=>i?.mode.value===`bottom-nav`&&!i?.mobileOpen.value||void 0,"sidebar-collapsed":()=>i?.collapsed.value?!0:void 0}});let a=()=>t.open.value!==void 0,c=T(t[`default-open`].value),l=C(()=>t.collapsible.value?a()?t.open.value??!1:c.value:!0);return D(t.open,e=>{e!==void 0&&(c.value=e)}),e({attr:{open:()=>l.value?!0:void 0}}),o`
|
|
3188
3235
|
<details class="group" part="group" ?open=${l}>
|
|
3189
3236
|
<summary
|
|
3190
3237
|
class="group-header"
|
|
@@ -3203,7 +3250,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3203
3250
|
<slot></slot>
|
|
3204
3251
|
</div>
|
|
3205
3252
|
</details>
|
|
3206
|
-
`},styles:[
|
|
3253
|
+
`},styles:[J,fo]});var xo=`ore-sidebar-item`;i(xo,{props:{active:p.bool(!1),"bottom-nav":p.bool(!1),"bottom-nav-label":p.string(),disabled:p.bool(!1),href:p.string(),rel:p.string(),target:p.string()},setup(t){let n=b(),r=()=>n.has(`icon`).value,i=()=>n.has(`end`).value,a=s(vo);e({attr:{"sidebar-bottom-nav":()=>a?.mode.value===`bottom-nav`&&!a?.mobileOpen.value||void 0,"sidebar-collapsed":()=>a?.collapsed.value?!0:void 0}});let c=()=>!!t.href.value&&!t.disabled.value,l=C(()=>Vn(t.rel.value,t.target.value)),u=e=>{a?.closeOnSelect.value&&a.mobileOpen.value&&(e.button!==0||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||queueMicrotask(a.closeMobile))},d=()=>o`
|
|
3207
3254
|
<span class="item-icon" part="item-icon" ?hidden=${()=>!r()} aria-hidden="true">
|
|
3208
3255
|
<slot name="icon"></slot>
|
|
3209
3256
|
</span>
|
|
@@ -3219,8 +3266,9 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3219
3266
|
href="${t.href}"
|
|
3220
3267
|
rel="${l}"
|
|
3221
3268
|
target="${t.target}"
|
|
3222
|
-
aria-current="${()=>t.active.value?`page`:null}"
|
|
3223
|
-
|
|
3269
|
+
aria-current="${()=>t.active.value?`page`:null}"
|
|
3270
|
+
@click=${u}>
|
|
3271
|
+
${d()}
|
|
3224
3272
|
</a>
|
|
3225
3273
|
`:t.disabled.value?o`
|
|
3226
3274
|
<div
|
|
@@ -3229,7 +3277,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3229
3277
|
aria-disabled="true"
|
|
3230
3278
|
tabindex="-1"
|
|
3231
3279
|
aria-current="${()=>t.active.value?`page`:null}">
|
|
3232
|
-
${
|
|
3280
|
+
${d()}
|
|
3233
3281
|
</div>
|
|
3234
3282
|
`:o`
|
|
3235
3283
|
<button
|
|
@@ -3237,11 +3285,12 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3237
3285
|
part="item"
|
|
3238
3286
|
type="button"
|
|
3239
3287
|
?disabled="${t.disabled}"
|
|
3240
|
-
aria-current="${()=>t.active.value?`page`:null}"
|
|
3241
|
-
|
|
3288
|
+
aria-current="${()=>t.active.value?`page`:null}"
|
|
3289
|
+
@click=${u}>
|
|
3290
|
+
${d()}
|
|
3242
3291
|
</button>
|
|
3243
3292
|
`}
|
|
3244
|
-
`},styles:[K,co]});var _o=ce({BOX_TAG:()=>Va,GRID_ITEM_TAG:()=>Ya,GRID_TAG:()=>qa,NAVBAR_CTX:()=>ro,NAVBAR_ITEM_TAG:()=>ao,NAVBAR_TAG:()=>io,SIDEBAR_CTX:()=>po,SIDEBAR_GROUP_TAG:()=>ho,SIDEBAR_ITEM_TAG:()=>go,SIDEBAR_TAG:()=>mo});function vo(){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 yo(e){let t=Z(e.onCleanup),n=T(!1),r=`programmatic`,i=vo(),a=!1,o=Ht({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?Lr(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={close(t=`programmatic`){if(!n.value)return;let i=e.dialogRef.value;i?.open?(r=t,(e.performClose??((e,t)=>e.close()))(i,t)):n.value=!1},dispose(){l.close(`programmatic`)},open(t=`programmatic`){if(n.value)return;let r=e.dialogRef.value;!r||r.open||(r.classList.remove(`closing`),o.captureReturnFocus(),e.beforeOpen?.(r),r.showModal(),i.lock(e.host),o.applyInitialFocus(),n.value=!0,e.onOpen?.(t))},[Symbol.dispose](){l.dispose()},toggle(e=`click`,t=`trigger`){n.value?l.close(t):l.open(e)}};t.addEventListener(`abort`,l.dispose,{once:!0});let u=e=>{c(e)&&l.close(e)};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);let n=!1;D(e.openProp,t=>{if(t===void 0){if(!n){e.defaultOpen.value&&l.open(`programmatic`),n=!0;return}l.close(`programmatic`);return}n=!0,t?l.open(`programmatic`):l.close(`programmatic`)},{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 bo(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 xo(e){return e.split(`+`).map(e=>e.trim()).filter(Boolean)}function So(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 Co(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 wo(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 To=`@layer refine.base{:host{--_radius:var(--command-palette-radius,var(--rounded-lg));--_max-width:var(--command-palette-max-width,40rem);--_backdrop-bg:var(--command-palette-backdrop,color-mix(in oklch, var(--color-canvas) 40%, transparent));--_panel-bg:var(--command-palette-bg,var(--color-canvas));--_panel-border-color:var(--command-palette-border-color,var(--color-divider));--_option-hover-bg:var(--command-palette-option-hover-bg,var(--color-contrast-100));--_option-focus-bg:var(--command-palette-option-focus-bg,color-mix(in oklch, var(--color-primary) 12%, var(--color-contrast-100)));display:contents}dialog{all:unset;box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;transition:display .2s allow-discrete, overlay .2s allow-discrete;padding-top:min(14vh, var(--size-24));background:0 0;border:none;justify-content:center;align-items:flex-start;margin:0;display:flex;position:fixed;inset:0;overflow:hidden}dialog:not([open]),dialog:not([open]) .panel{display:none}dialog[open]{pointer-events:auto}dialog::-ms-backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));transition:opacity var(--transition-normal), overlay var(--transition-normal) allow-discrete, display var(--transition-normal) allow-discrete}@starting-style{dialog::-ms-backdrop{opacity:0}}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));transition:opacity var(--transition-normal), overlay var(--transition-normal) allow-discrete, display var(--transition-normal) allow-discrete}@starting-style{dialog::backdrop{opacity:0}}dialog.closing::-ms-backdrop{opacity:0}dialog.closing::backdrop{opacity:0}.panel{box-sizing:border-box;width:var(--_max-width);max-width:calc(100vw - var(--size-8));max-height:min(28rem, calc(100dvh - var(--size-16)));background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);border-radius:var(--_radius);box-shadow:var(--command-palette-shadow,var(--shadow-2xl));opacity:1;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:opacity .2s var(--ease-spring), transform .2s var(--ease-spring);flex-direction:column;display:flex;position:relative;overflow:hidden;transform:scale(1)translateY(0)}@starting-style{.panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(-4px)}}dialog.closing .panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(-4px);transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring)}@media (width<=640px){.panel{width:calc(100vw - var(--size-4));max-width:calc(100vw - var(--size-4))}dialog{padding-top:var(--size-4)}}.search{gap:var(--size-2);padding:var(--size-3) var(--size-4);border-bottom:var(--border) solid var(--color-contrast-100);flex-shrink:0;align-items:center;display:flex}.search-icon{color:var(--color-contrast-400);flex-shrink:0;display:inline-flex}.search-input{min-width:0;font:inherit;font-size:var(--text-md);color:var(--color-contrast-900);background:0 0;border:none;outline:none;flex:1;padding:0}.search-input::placeholder{color:var(--color-contrast-400)}.search-loader{border:2px solid var(--color-contrast-300);width:1em;height:1em;animation:command-palette-spin var(--transition-loader) infinite;border-radius:50%;flex-shrink:0;display:inline-flex}.search-loader:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right-color:#0000}.search-loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}.search-loader[hidden]{display:none}@keyframes command-palette-spin{to{transform:rotate(360deg)}}.listbox{padding:var(--size-1);overscroll-behavior:contain;scrollbar-width:thin;flex:1;overflow-y:auto}.empty{padding:var(--size-6) var(--size-3);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.group-heading{padding:var(--size-2) var(--size-2-5) var(--size-1);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:var(--tracking-wide,.05em)}.item{gap:var(--size-2-5);padding:var(--size-2) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast);align-items:center;display:flex}.item:hover:not([data-disabled]){background:var(--_option-hover-bg)}.item[data-focused]:not([data-disabled]){background:var(--_option-focus-bg)}.item[data-disabled]{color:var(--color-contrast-400);cursor:not-allowed;opacity:.6}.item-icon{color:var(--color-contrast-500);flex-shrink:0;align-items:center;display:inline-flex}.item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.item-shortcut{gap:var(--size-1);flex-shrink:0;display:inline-flex}.item-shortcut kbd{padding:var(--size-0-5) var(--size-1-5);font-family:var(--font-mono,monospace);font-size:var(--text-xs);color:var(--color-contrast-500);background:var(--color-contrast-100);border:var(--border) solid var(--color-contrast-200);border-bottom-width:calc(var(--border) + 1px);border-radius:var(--rounded-sm)}.footer{gap:var(--size-4);padding:var(--size-2) var(--size-4);font-size:var(--text-xs);color:var(--color-contrast-500);border-top:var(--border) solid var(--color-contrast-100);flex-shrink:0;align-items:center;display:flex}.footer-hint{gap:var(--size-1);align-items:center;display:inline-flex}.footer kbd{padding:var(--size-0-5) var(--size-1);font-family:inherit;font-size:var(--text-xs);background:var(--color-contrast-100);border:var(--border) solid var(--color-contrast-200);border-bottom-width:calc(var(--border) + 1px);border-radius:var(--rounded-sm)}::slotted(ore-command-palette-item){display:none}}`,Eo=e=>e==null?void 0:e===``||e===`true`,Do=`ore-command-palette-item`;i(Do,{setup(){return o``}});var Oo=`ore-command-palette`;i(Oo,{props:{"default-open":p.bool(!1),"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:{default:void 0,parse:Eo},placeholder:p.string(`Type a command or search…`),shortcut:p.string(`mod+k`)},setup(e){let t=a(),n=v(),r=Z(l),i=h(),s=h(),c=`cmdk-listbox`,u=null,p=T(``),m=T([]),g=()=>{m.value=bo([...t.children])};g();let _=new MutationObserver(g);_.observe(t,{characterData:!0,childList:!0,subtree:!0}),l(()=>_.disconnect());let y=C(()=>{let t=e.items.value;return Array.isArray(t)?t.map(So):m.value}),b=C(()=>Co(y.value,p.value,!!e[`no-filter`].value)),x=C(()=>wo(b.value)),S=rn({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}=yo({defaultOpen:e[`default-open`],dialogRef:i,getPanelEl:()=>i.value?.querySelector(`.panel`),host:t,initialFocus:C(()=>`.search-input`),isPersistent:()=>!1,onCleanup:l,onEvent:d,onNativeClose:e=>{n(`open-change`,{open:!1,reason:e}),E()},onOpen:e=>{n(`open-change`,{open:!0,reason:e}),S.navigate(`first`)},openProp:e.open,performClose:()=>O(),returnFocus:C(()=>!0)}),M=oe();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){`${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?s.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;_t(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 o`
|
|
3293
|
+
`},styles:[q,po]});var So=se({BOX_TAG:()=>Ga,GRID_ITEM_TAG:()=>$a,GRID_TAG:()=>Za,NAVBAR_CTX:()=>so,NAVBAR_ITEM_TAG:()=>lo,NAVBAR_TAG:()=>co,SIDEBAR_CTX:()=>vo,SIDEBAR_GROUP_TAG:()=>bo,SIDEBAR_ITEM_TAG:()=>xo,SIDEBAR_TAG:()=>yo});function Co(){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 wo(e){let t=Q(e.onCleanup),n=T(!1),r=`programmatic`,i=Co(),a=!1,o=Vt({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?Rr(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={close(t=`programmatic`){if(!n.value)return;let i=e.dialogRef.value;i?.open?(r=t,(e.performClose??((e,t)=>e.close()))(i,t)):n.value=!1},dispose(){l.close(`programmatic`)},open(t=`programmatic`){if(n.value)return;let r=e.dialogRef.value;r&&!r.open&&(r.classList.remove(`closing`),o.captureReturnFocus(),e.beforeOpen?.(r),r.showModal(),i.lock(e.host),o.applyInitialFocus(),n.value=!0,e.onOpen?.(t))},[Symbol.dispose](){l.dispose()},toggle(e=`click`,t=`trigger`){n.value?l.close(t):l.open(e)}};t.addEventListener(`abort`,l.dispose,{once:!0});let u=e=>{c(e)&&l.close(e)};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);let n=!1;D(e.openProp,t=>{if(t===void 0){if(!n){e.defaultOpen.value&&l.open(`programmatic`),n=!0;return}l.close(`programmatic`);return}n=!0,t?l.open(`programmatic`):l.close(`programmatic`)},{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 To(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 Eo(e){return e.split(`+`).map(e=>e.trim()).filter(Boolean)}function Do(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 Oo(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 ko(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 Ao=`@layer refine.base{:host{--_radius:var(--command-palette-radius,var(--rounded-lg));--_max-width:var(--command-palette-max-width,40rem);--_backdrop-bg:var(--command-palette-backdrop,color-mix(in oklch, var(--color-canvas) 40%, transparent));--_panel-bg:var(--command-palette-bg,var(--color-canvas));--_panel-border-color:var(--command-palette-border-color,var(--color-divider));--_option-hover-bg:var(--command-palette-option-hover-bg,var(--color-contrast-100));--_option-focus-bg:var(--command-palette-option-focus-bg,color-mix(in oklch, var(--color-primary) 12%, var(--color-contrast-100)));display:contents}dialog{all:unset;box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;transition:display .2s allow-discrete, overlay .2s allow-discrete;padding-top:min(14vh, var(--size-24));background:0 0;border:none;justify-content:center;align-items:flex-start;margin:0;display:flex;position:fixed;inset:0;overflow:hidden}dialog:not([open]),dialog:not([open]) .panel{display:none}dialog[open]{pointer-events:auto}dialog::-ms-backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));transition:opacity var(--transition-normal), overlay var(--transition-normal) allow-discrete, display var(--transition-normal) allow-discrete}@starting-style{dialog::-ms-backdrop{opacity:0}}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));transition:opacity var(--transition-normal), overlay var(--transition-normal) allow-discrete, display var(--transition-normal) allow-discrete}@starting-style{dialog::backdrop{opacity:0}}dialog.closing::-ms-backdrop{opacity:0}dialog.closing::backdrop{opacity:0}.panel{box-sizing:border-box;width:var(--_max-width);max-width:calc(100vw - var(--size-8));max-height:min(28rem, calc(100dvh - var(--size-16)));background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);border-radius:var(--_radius);box-shadow:var(--command-palette-shadow,var(--shadow-2xl));opacity:1;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:opacity .2s var(--ease-spring), transform .2s var(--ease-spring);flex-direction:column;display:flex;position:relative;overflow:hidden;transform:scale(1)translateY(0)}@starting-style{.panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(-4px)}}dialog.closing .panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(-4px);transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring)}@media (width<=640px){.panel{width:calc(100vw - var(--size-4));max-width:calc(100vw - var(--size-4))}dialog{padding-top:var(--size-4)}}.search{gap:var(--size-2);padding:var(--size-3) var(--size-4);border-bottom:var(--border) solid var(--color-contrast-100);flex-shrink:0;align-items:center;display:flex}.search-icon{color:var(--color-contrast-400);flex-shrink:0;display:inline-flex}.search-input{min-width:0;font:inherit;font-size:var(--text-md);color:var(--color-contrast-900);background:0 0;border:none;outline:none;flex:1;padding:0}.search-input::placeholder{color:var(--color-contrast-400)}.search-loader{border:2px solid var(--color-contrast-300);width:1em;height:1em;animation:command-palette-spin var(--transition-loader) infinite;border-radius:50%;flex-shrink:0;display:inline-flex}.search-loader:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right-color:#0000}.search-loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}.search-loader[hidden]{display:none}@keyframes command-palette-spin{to{transform:rotate(360deg)}}.listbox{padding:var(--size-1);overscroll-behavior:contain;scrollbar-width:thin;flex:1;overflow-y:auto}.empty{padding:var(--size-6) var(--size-3);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.group-heading{padding:var(--size-2) var(--size-2-5) var(--size-1);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:var(--tracking-wide,.05em)}.item{gap:var(--size-2-5);padding:var(--size-2) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast);align-items:center;display:flex}.item:hover:not([data-disabled]){background:var(--_option-hover-bg)}.item[data-focused]:not([data-disabled]){background:var(--_option-focus-bg)}.item[data-disabled]{color:var(--color-contrast-400);cursor:not-allowed;opacity:.6}.item-icon{color:var(--color-contrast-500);flex-shrink:0;align-items:center;display:inline-flex}.item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.item-shortcut{gap:var(--size-1);flex-shrink:0;display:inline-flex}.item-shortcut kbd{padding:var(--size-0-5) var(--size-1-5);font-family:var(--font-mono,monospace);font-size:var(--text-xs);color:var(--color-contrast-500);background:var(--color-contrast-100);border:var(--border) solid var(--color-contrast-200);border-bottom-width:calc(var(--border) + 1px);border-radius:var(--rounded-sm)}.footer{gap:var(--size-4);padding:var(--size-2) var(--size-4);font-size:var(--text-xs);color:var(--color-contrast-500);border-top:var(--border) solid var(--color-contrast-100);flex-shrink:0;align-items:center;display:flex}.footer-hint{gap:var(--size-1);align-items:center;display:inline-flex}.footer kbd{padding:var(--size-0-5) var(--size-1);font-family:inherit;font-size:var(--text-xs);background:var(--color-contrast-100);border:var(--border) solid var(--color-contrast-200);border-bottom-width:calc(var(--border) + 1px);border-radius:var(--rounded-sm)}::slotted(ore-command-palette-item){display:none}}`,jo=e=>e==null?void 0:e===``||e===`true`,Mo=`ore-command-palette-item`;i(Mo,{setup(){return o``}});var No=`ore-command-palette`;i(No,{props:{"default-open":p.bool(!1),"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:{default:void 0,parse:jo},placeholder:p.string(`Type a command or search…`),shortcut:p.string(`mod+k`)},setup(e){let t=a(),n=v(),r=Q(l),i=h(),s=h(),c=`cmdk-listbox`,u=null,p=T(``),m=T([]),g=()=>{m.value=To([...t.children])};g();let _=new MutationObserver(g);_.observe(t,{characterData:!0,childList:!0,subtree:!0}),l(()=>_.disconnect());let y=C(()=>{let t=e.items.value;return Array.isArray(t)?t.map(Do):m.value}),b=C(()=>Oo(y.value,p.value,!!e[`no-filter`].value)),x=C(()=>ko(b.value)),S=nn({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}=wo({defaultOpen:e[`default-open`],dialogRef:i,getPanelEl:()=>i.value?.querySelector(`.panel`),host:t,initialFocus:C(()=>`.search-input`),isPersistent:()=>!1,onCleanup:l,onEvent:d,onNativeClose:e=>{n(`open-change`,{open:!1,reason:e}),E()},onOpen:e=>{n(`open-change`,{open:!0,reason:e}),S.navigate(`first`)},openProp:e.open,performClose:()=>O(),returnFocus:C(()=>!0)}),M=ae();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){`${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?s.value?.focus():A(`trigger`))}function F(r){let i=r.target.value;p.value=i,S.navigate(`first`),n(`search`,{query:i});let a=b.value.length;gt(a===0?e[`empty-text`].value:`${a} result${a===1?``:`s`} found`,{document:t.ownerDocument})}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 o`
|
|
3245
3294
|
<dialog ref="${i}" class="dialog" part="dialog" aria-label="${e.label}" aria-modal="true">
|
|
3246
3295
|
<div class="panel" part="panel">
|
|
3247
3296
|
<div class="search" part="search">
|
|
@@ -3296,7 +3345,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3296
3345
|
<span class="item-label">${e.item.label}</span>
|
|
3297
3346
|
${e.item.shortcut?o`
|
|
3298
3347
|
<span class="item-shortcut">
|
|
3299
|
-
${
|
|
3348
|
+
${Eo(e.item.shortcut).map(e=>o`
|
|
3300
3349
|
<kbd>${e}</kbd>
|
|
3301
3350
|
`)}
|
|
3302
3351
|
</span>
|
|
@@ -3321,7 +3370,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3321
3370
|
</div>
|
|
3322
3371
|
</div>
|
|
3323
3372
|
</dialog>
|
|
3324
|
-
`},styles:[
|
|
3373
|
+
`},styles:[J,Ao]});var Po=`@layer refine.base{:host{--_radius:var(--dialog-radius,var(--rounded-lg));--_padding:var(--dialog-padding,var(--size-4));--_gap:var(--dialog-gap,var(--size-4));--_max-width:var(--dialog-max-width,32rem);--_elevation:var(--shadow-xl);--_backdrop-filter:none;--_backdrop-bg:var(--dialog-backdrop,color-mix(in oklch, var(--color-canvas) 40%, transparent));--_panel-bg:var(--dialog-bg,var(--color-canvas));--_panel-blur:var(--dialog-panel-blur,var(--blur-md));--_panel-border-color:var(--dialog-border-color,var(--color-divider));display:contents}dialog{all:unset;box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;transition:display .2s allow-discrete, overlay .2s allow-discrete;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}dialog:not([open]),dialog:not([open]) .panel{display:none}dialog[open]{pointer-events:auto}dialog::-ms-backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:opacity var(--transition-normal), overlay var(--transition-normal) allow-discrete, display var(--transition-normal) allow-discrete}@starting-style{dialog::-ms-backdrop{opacity:0}}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:opacity var(--transition-normal), overlay var(--transition-normal) allow-discrete, display var(--transition-normal) allow-discrete}@starting-style{dialog::backdrop{opacity:0}}dialog.closing::-ms-backdrop{opacity:0;transition:opacity .15s var(--ease-in-out), overlay .15s allow-discrete, display .15s allow-discrete}dialog.closing::backdrop{opacity:0;transition:opacity .15s var(--ease-in-out), overlay .15s allow-discrete, display .15s allow-discrete}.panel{box-sizing:border-box;width:var(--_max-width);max-width:calc(100vw - var(--size-8));max-height:calc(100dvh - var(--size-8));background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);border-radius:var(--_radius);box-shadow:var(--dialog-shadow,var(--_elevation));opacity:1;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity .2s var(--ease-spring), transform .2s var(--ease-spring);flex-direction:column;display:flex;position:relative;overflow:hidden;transform:scale(1)translateY(0)}@starting-style{.panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px)}}dialog.closing .panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px);transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring)}.panel[data-size=sm]{--_max-width:var(--dialog-max-width,22rem)}.panel[data-size=md]{--_max-width:var(--dialog-max-width,32rem)}.panel[data-size=lg]{--_max-width:var(--dialog-max-width,48rem)}.panel[data-size=xl]{--_max-width:var(--dialog-max-width,64rem)}.panel[data-size=full]{width:calc(100vw - var(--size-8));max-width:calc(100vw - var(--size-8));max-height:calc(100dvh - var(--size-8))}.header{gap:var(--size-2);padding:var(--_padding);flex-shrink:0;align-items:center;padding-bottom:0;display:flex}.header[hidden]{display:none}.title{font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-contrast-900);flex:1}.close{width:var(--size-8);min-width:var(--_touch-target);height:var(--size-8);min-height:var(--_touch-target);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.close:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.close:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.close:hover{color:var(--color-contrast-900);background:var(--color-contrast-200)}.close:focus-visible{outline:var(--border-2) solid var(--color-focus);outline-offset:var(--border-2)}.close[hidden]{display:none}.body{padding:var(--_padding);overscroll-behavior:contain;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-contrast-700);flex:1;overflow-y:auto}.footer{gap:var(--_gap);padding:var(--_padding);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;padding-top:0;display:flex}.footer[hidden]{display:none}.header:not([hidden])+.body{padding-top:var(--size-4)}.body+.footer:not([hidden]){padding-top:var(--size-4);border-top:var(--border) solid var(--color-contrast-100)}@media (width<=640px){.panel,.panel[data-size=sm],.panel[data-size=md],.panel[data-size=lg],.panel[data-size=xl]{width:calc(100vw - var(--size-4));max-width:calc(100vw - var(--size-4));max-height:calc(100dvh - var(--size-4))}.header,.body,.footer{padding-inline:var(--size-3)}}}@layer refine.config{:host([backdrop=blur]){--_backdrop-filter:blur(var(--blur-xs))}:host([backdrop=transparent]){--_backdrop-bg:transparent}:host([elevation=none]){--_elevation:var(--shadow-none)}:host([elevation=sm]){--_elevation:var(--shadow-sm)}:host([elevation=md]){--_elevation:var(--shadow-md)}:host([elevation=lg]){--_elevation:var(--shadow-lg)}:host([elevation=xl]){--_elevation:var(--shadow-xl)}:host([elevation="2xl"]){--_elevation:var(--shadow-2xl)}:host([padding=none]){--_padding:var(--size-0)}:host([padding=sm]){--_padding:var(--size-3)}:host([padding=md]){--_padding:var(--size-4)}:host([padding=lg]){--_padding:var(--size-6)}:host([padding=xl]){--_padding:var(--size-8)}}`,Fo=e=>e==null?void 0:e===``||e===`true`,Io=`ore-dialog`;i(Io,{props:{backdrop:p.string(),"default-open":p.bool(!1),dismissible:p.bool(!1),elevation:p.string(),"initial-focus":p.string(),label:p.string(),open:{default:void 0,parse:Fo},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=a(),n=v(),r=b(),i=h(),s=()=>r.has(`header`).value||!!e.label.value||e.dismissible.value,c=()=>r.has(`footer`).value,{closeWithAnimation:u,overlay:p,requestClose:m,setupNativeListeners:g}=wo({defaultOpen:e[`default-open`],dialogRef:i,getPanelEl:()=>i.value?.querySelector(`.panel`),host:t,initialFocus:e[`initial-focus`],isPersistent:()=>!!e.persistent.value,onCleanup:l,onEvent:d,onNativeClose:e=>n(`open-change`,{open:!1,reason:e}),onOpen:e=>n(`open-change`,{open:!0,reason:e}),openProp:e.open,performClose:()=>{u()},returnFocus:e[`return-focus`]});return f(()=>{if(i.value)return g(),()=>{p.dispose()}}),o`
|
|
3325
3374
|
<dialog ref=${i} class="dialog" part="dialog" aria-label="${e.label}" aria-modal="true">
|
|
3326
3375
|
<div class="overlay" part="overlay" aria-hidden="true"></div>
|
|
3327
3376
|
<div class="panel" part="panel" data-size="${e.size}">
|
|
@@ -3347,7 +3396,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3347
3396
|
</div>
|
|
3348
3397
|
</div>
|
|
3349
3398
|
</dialog>
|
|
3350
|
-
`},styles:[J,K,ko]});var Mo=`@layer refine.base{:host{--_backdrop-bg:var(--drawer-backdrop-bg,color-mix(in oklch, var(--color-canvas) 40%, transparent));--_backdrop-filter:none;--_panel-bg:var(--drawer-bg,var(--color-canvas));--_panel-blur:var(--drawer-panel-blur,var(--blur-md));--_panel-shadow:var(--drawer-shadow,var(--shadow-xl));--_panel-border-color:var(--color-divider);--_panel-bleed:var(--size-8);--_drag-handle-inset:calc(var(--size-1) * -1);display:contents}dialog{all:unset;box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;transition:display .2s allow-discrete, overlay .2s allow-discrete;display:flex;position:fixed;inset:0}dialog:not([open]),dialog:not([open]) .panel{display:none}dialog[open]{pointer-events:auto;display:flex}dialog::-ms-backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:display .2s allow-discrete, overlay .2s allow-discrete, opacity var(--transition-normal), backdrop-filter var(--transition-normal)}@starting-style{dialog::-ms-backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:display .2s allow-discrete, overlay .2s allow-discrete, opacity var(--transition-normal), backdrop-filter var(--transition-normal)}@starting-style{dialog::backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}dialog.closing::-ms-backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:opacity .3s var(--ease-in-out), backdrop-filter .3s var(--ease-in-out), overlay .3s allow-discrete, display .3s allow-discrete}dialog.closing::backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:opacity .3s var(--ease-in-out), backdrop-filter .3s var(--ease-in-out), overlay .3s allow-discrete, display .3s allow-discrete}.panel{box-sizing:border-box;background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);box-shadow:var(--_panel-shadow);opacity:1;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity var(--transition-normal), transform .3s var(--ease-move);flex-direction:column;display:flex;position:absolute;overflow:visible;transform:translate(0)}@starting-style{.panel{opacity:0;transform:var(--_panel-exit-transform,translate3d(0, 0, 0))}}dialog.closing .panel{opacity:0;transform:var(--_panel-exit-transform,translate3d(0, 0, 0))}:host([placement=left]) .panel{--_panel-exit-transform:translateX(calc(-100% - var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host([placement=left]) .panel:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=left]) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host(:not([placement])) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host(:not([placement])) .panel:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host(:not([placement])) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=right]) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host([placement=right]) .panel:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host([placement=right]) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=top]) .panel{--_panel-exit-transform:translateY(calc(-100% - var(--_panel-bleed)));height:calc(var(--drawer-size,16rem) + var(--_panel-bleed));max-height:calc(100dvh + var(--_panel-bleed));margin-top:calc(var(--_panel-bleed) * -1);padding-top:var(--_panel-bleed);border-top:none;border-left:none;border-right:none;top:0;left:0;right:0}:host([placement=bottom]) .panel{--_panel-exit-transform:translateY(calc(100% + var(--_panel-bleed)));height:calc(var(--drawer-size,16rem) + var(--_panel-bleed));max-height:calc(100dvh + var(--_panel-bleed));margin-bottom:calc(var(--_panel-bleed) * -1);padding-bottom:var(--_panel-bleed);border-bottom:none;border-left:none;border-right:none;bottom:0;left:0;right:0}:host(:dir(rtl)[placement=left]) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)))}:host(:dir(rtl)[placement=right]) .panel,:host(:dir(rtl):not([placement])) .panel{--_panel-exit-transform:translateX(calc(-100% - var(--_panel-bleed)))}:host([size=sm]){--drawer-size:14rem}:host([size=lg]){--drawer-size:32rem}:host([size=full]){--drawer-size:100%}:host([size=full]) .panel{width:calc(100% + var(--_panel-bleed));max-width:none;height:calc(100% + var(--_panel-bleed));border:none;max-height:none}.header{gap:var(--size-2);padding:var(--size-4);border-bottom:var(--border) solid var(--color-contrast-200);flex-shrink:0;align-items:center;display:flex}.header-title{text-overflow:ellipsis;min-width:0;font-size:var(--text-lg);font-weight:var(--font-semibold);white-space:nowrap;flex:1;overflow:hidden}.body{padding:var(--size-4);flex:1;overflow-y:auto}.footer{gap:var(--size-2);padding:var(--size-4);border-top:var(--border) solid var(--color-contrast-200);flex-shrink:0;justify-content:flex-end;display:flex}.header[hidden],.footer[hidden],.close-btn[hidden]{display:none}.close-btn{all:unset;box-sizing:border-box;width:var(--size-8);height:var(--size-8);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.close-btn:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.close-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.close-btn:hover{color:var(--color-contrast-800);background:var(--color-contrast-200)}.close-btn:active{opacity:.8}.drag-handle{z-index:10;pointer-events:all;touch-action:none;cursor:grab;position:absolute}.drag-handle:active{cursor:grabbing}:host([placement=left]) .drag-handle,:host(:not([placement])) .drag-handle,:host([placement=right]) .drag-handle{width:var(--_panel-bleed);height:3.5rem;top:50%;translate:0 -50%}:host([placement=left]) .drag-handle{right:calc(var(--_panel-bleed) * -1)}:host([placement=right]) .drag-handle,:host(:not([placement])) .drag-handle{left:calc(var(--_panel-bleed) * -1)}:host([placement=top]) .drag-handle,:host([placement=bottom]) .drag-handle{width:3.5rem;height:var(--_panel-bleed);left:50%;translate:-50%}:host([placement=top]) .drag-handle{bottom:calc(var(--_panel-bleed) * -1)}:host([placement=bottom]) .drag-handle{top:calc(var(--_panel-bleed) * -1)}:host([drag-handle-placement=inset][placement=left]) .drag-handle{right:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=right]) .drag-handle,:host([drag-handle-placement=inset]:not([placement])) .drag-handle{left:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=top]) .drag-handle{bottom:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=bottom]) .drag-handle{top:var(--_drag-handle-inset)}.drag-handle:before{content:"";background:var(--color-contrast-400);border-radius:var(--rounded-full);opacity:.6;transition:background var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);position:absolute;inset:50%;translate:-50% -50%}:host([placement=left]) .drag-handle:before,:host([placement=right]) .drag-handle:before,:host(:not([placement])) .drag-handle:before{width:5px;height:2.5rem}:host([placement=top]) .drag-handle:before,:host([placement=bottom]) .drag-handle:before{width:2.5rem;height:5px}.drag-handle:hover:before{background:var(--color-contrast-600);opacity:.9;transform:scale(1.15)}.close-btn:focus-visible{outline:var(--focus-ring)}@media (width<=640px){:host([placement=left]) .panel,:host(:not([placement])) .panel,:host([placement=right]) .panel{width:calc(min(var(--drawer-size,20rem), calc(100vw - var(--size-2))) + var(--_panel-bleed));max-width:calc(100vw - var(--size-2) + var(--_panel-bleed))}:host([placement=top]) .panel,:host([placement=bottom]) .panel{height:calc(min(var(--drawer-size,16rem), calc(100dvh - var(--size-2))) + var(--_panel-bleed));max-height:calc(100dvh - var(--size-2) + var(--_panel-bleed))}.header,.body,.footer{padding:var(--size-3)}}}@layer refine.config{:host([backdrop=blur]){--_backdrop-filter:blur(var(--blur-xs))}:host([backdrop=transparent]){--_backdrop-bg:transparent}}`,No=e=>e==null?void 0:e===``||e===`true`,Po={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)`}},Fo=`ore-drawer`;i(Fo,{props:{backdrop:p.string(),"default-open":p.bool(!1),dismissible:p.bool(!0),"drag-handle-placement":p.oneOf([`outside`,`inset`],`outside`),"initial-focus":p.string(),label:p.string(),open:{default:void 0,parse:No},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=a(),r=v(),i=b(),s=n(`drawer-label`),c=h(),u=h(),p=T(!1),m,g,_=()=>e.label.value??e.title.value??``,y=()=>i.has(`header`).value||!!_(),x=()=>y()||e.dismissible.value,S=()=>i.has(`footer`).value,C=()=>e.placement.value||`right`,w=()=>Po[C()],E=(e,t)=>{let n=t===`x`?e.offsetWidth:e.offsetHeight;return Math.min(96,Math.max(36,n*.18))},D=(e,t)=>w().closingDistance(e)>=t,O=e=>{if(!p.value)return;g&&=(clearTimeout(g),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`)},k=(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),O(e))};e.addEventListener(`transitionend`,o);let s=parseFloat(getComputedStyle(e).transitionDuration)*1e3;g=setTimeout(()=>{e.removeEventListener(`transitionend`,o),O(e)},s+50),e.style.transform=a,e.style.opacity=`0.2`},A=e=>{g&&=(clearTimeout(g),void 0),e.style.transition=``,e.style.transform=``,e.style.opacity=``,e.style.visibility=``,p.value=!1},j=({distance:e,reason:t})=>{let n=u.value;if(!n)return;let r=E(n,w().axis);if(t===`release`&&D(e,r)){k(n,w(),e);return}A(n)},{closeWithAnimation:M,handleCancel:N,overlay:P,requestClose:F,watchOpenProp:I}=yo({beforeOpen:e=>{let t=u.value;t&&A(t)},closeRequestDetail:t=>({placement:e.placement.value??`right`}),defaultOpen:e[`default-open`],dialogRef:c,getPanelEl:()=>u.value,host:t,initialFocus:e[`initial-focus`],isPersistent:()=>!!e.persistent.value,onCleanup:l,onEvent:d,onNativeClose:e=>{let t=u.value;t&&e!==`swipe`&&A(t);let n=c.value;n&&(n.style.transition=``),r(`open-change`,{open:!1,reason:e})},onOpen:e=>r(`open-change`,{open:!0,reason:e}),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`)},I(),d(n,`cancel`,N),d(n,`click`,t=>{e.persistent.value||m?.active||p.value||t.target===n&&F(`outsideClick`)});let i=u.value?.querySelector(`[part="drag-handle"]`);return i&&(m=B(i,{axis:()=>w().axis,disabled:()=>p.value,onEnd:j,onMove:({distance:e})=>{let t=u.value;if(!t)return;let n=w(),r=E(t,n.axis),i=n.closingDistance(e),a=Math.min(i/r,1);t.style.transition=`none`,t.style.transform=n.translate(e),t.style.opacity=String(1-a*.4)}})),()=>{m?.dispose(),m=void 0,P.dispose()}}),o`
|
|
3399
|
+
`},styles:[Y,q,Po]});var Lo=`@layer refine.base{:host{--_backdrop-bg:var(--drawer-backdrop-bg,color-mix(in oklch, var(--color-canvas) 40%, transparent));--_backdrop-filter:none;--_panel-bg:var(--drawer-bg,var(--color-canvas));--_panel-blur:var(--drawer-panel-blur,var(--blur-md));--_panel-shadow:var(--drawer-shadow,var(--shadow-xl));--_panel-border-color:var(--color-divider);--_panel-bleed:var(--size-8);--_drag-handle-inset:calc(var(--size-1) * -1);display:contents}dialog{all:unset;box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;transition:display .2s allow-discrete, overlay .2s allow-discrete;display:flex;position:fixed;inset:0}dialog:not([open]),dialog:not([open]) .panel{display:none}dialog[open]{pointer-events:auto;display:flex}dialog::-ms-backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:display .2s allow-discrete, overlay .2s allow-discrete, opacity var(--transition-normal), backdrop-filter var(--transition-normal)}@starting-style{dialog::-ms-backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:display .2s allow-discrete, overlay .2s allow-discrete, opacity var(--transition-normal), backdrop-filter var(--transition-normal)}@starting-style{dialog::backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}dialog.closing::-ms-backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:opacity .3s var(--ease-in-out), backdrop-filter .3s var(--ease-in-out), overlay .3s allow-discrete, display .3s allow-discrete}dialog.closing::backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:opacity .3s var(--ease-in-out), backdrop-filter .3s var(--ease-in-out), overlay .3s allow-discrete, display .3s allow-discrete}.panel{box-sizing:border-box;background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);box-shadow:var(--_panel-shadow);opacity:1;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity var(--transition-normal), transform .3s var(--ease-move);flex-direction:column;display:flex;position:absolute;overflow:visible;transform:translate(0)}@starting-style{.panel{opacity:0;transform:var(--_panel-exit-transform,translate3d(0, 0, 0))}}dialog.closing .panel{opacity:0;transform:var(--_panel-exit-transform,translate3d(0, 0, 0))}:host([placement=left]) .panel{--_panel-exit-transform:translateX(calc(-100% - var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host([placement=left]) .panel:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=left]) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host(:not([placement])) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host(:not([placement])) .panel:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host(:not([placement])) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=right]) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host([placement=right]) .panel:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host([placement=right]) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=top]) .panel{--_panel-exit-transform:translateY(calc(-100% - var(--_panel-bleed)));height:calc(var(--drawer-size,16rem) + var(--_panel-bleed));max-height:calc(100dvh + var(--_panel-bleed));margin-top:calc(var(--_panel-bleed) * -1);padding-top:var(--_panel-bleed);border-top:none;border-left:none;border-right:none;top:0;left:0;right:0}:host([placement=bottom]) .panel{--_panel-exit-transform:translateY(calc(100% + var(--_panel-bleed)));height:calc(var(--drawer-size,16rem) + var(--_panel-bleed));max-height:calc(100dvh + var(--_panel-bleed));margin-bottom:calc(var(--_panel-bleed) * -1);padding-bottom:var(--_panel-bleed);border-bottom:none;border-left:none;border-right:none;bottom:0;left:0;right:0}:host(:dir(rtl)[placement=left]) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)))}:host(:dir(rtl)[placement=right]) .panel,:host(:dir(rtl):not([placement])) .panel{--_panel-exit-transform:translateX(calc(-100% - var(--_panel-bleed)))}:host([size=sm]){--drawer-size:14rem}:host([size=lg]){--drawer-size:32rem}:host([size=full]){--drawer-size:100%}:host([size=full]) .panel{width:calc(100% + var(--_panel-bleed));max-width:none;height:calc(100% + var(--_panel-bleed));border:none;max-height:none}.header{gap:var(--size-2);padding:var(--size-4);border-bottom:var(--border) solid var(--color-contrast-200);flex-shrink:0;align-items:center;display:flex}.header-title{text-overflow:ellipsis;min-width:0;font-size:var(--text-lg);font-weight:var(--font-semibold);white-space:nowrap;flex:1;overflow:hidden}.body{padding:var(--size-4);flex:1;overflow-y:auto}.footer{gap:var(--size-2);padding:var(--size-4);border-top:var(--border) solid var(--color-contrast-200);flex-shrink:0;justify-content:flex-end;display:flex}.header[hidden],.footer[hidden],.close-btn[hidden]{display:none}.close-btn{all:unset;box-sizing:border-box;width:var(--size-8);height:var(--size-8);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.close-btn:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.close-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.close-btn:hover{color:var(--color-contrast-800);background:var(--color-contrast-200)}.close-btn:active{opacity:.8}.drag-handle{z-index:10;pointer-events:all;touch-action:none;cursor:grab;position:absolute}.drag-handle:active{cursor:grabbing}:host([placement=left]) .drag-handle,:host(:not([placement])) .drag-handle,:host([placement=right]) .drag-handle{width:var(--_panel-bleed);height:3.5rem;top:50%;translate:0 -50%}:host([placement=left]) .drag-handle{right:calc(var(--_panel-bleed) * -1)}:host([placement=right]) .drag-handle,:host(:not([placement])) .drag-handle{left:calc(var(--_panel-bleed) * -1)}:host([placement=top]) .drag-handle,:host([placement=bottom]) .drag-handle{width:3.5rem;height:var(--_panel-bleed);left:50%;translate:-50%}:host([placement=top]) .drag-handle{bottom:calc(var(--_panel-bleed) * -1)}:host([placement=bottom]) .drag-handle{top:calc(var(--_panel-bleed) * -1)}:host([drag-handle-placement=inset][placement=left]) .drag-handle{right:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=right]) .drag-handle,:host([drag-handle-placement=inset]:not([placement])) .drag-handle{left:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=top]) .drag-handle{bottom:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=bottom]) .drag-handle{top:var(--_drag-handle-inset)}.drag-handle:before{content:"";background:var(--color-contrast-400);border-radius:var(--rounded-full);opacity:.6;transition:background var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);position:absolute;inset:50%;translate:-50% -50%}:host([placement=left]) .drag-handle:before,:host([placement=right]) .drag-handle:before,:host(:not([placement])) .drag-handle:before{width:5px;height:2.5rem}:host([placement=top]) .drag-handle:before,:host([placement=bottom]) .drag-handle:before{width:2.5rem;height:5px}.drag-handle:hover:before{background:var(--color-contrast-600);opacity:.9;transform:scale(1.15)}.close-btn:focus-visible{outline:var(--focus-ring)}@media (width<=640px){:host([placement=left]) .panel,:host(:not([placement])) .panel,:host([placement=right]) .panel{width:calc(min(var(--drawer-size,20rem), calc(100vw - var(--size-2))) + var(--_panel-bleed));max-width:calc(100vw - var(--size-2) + var(--_panel-bleed))}:host([placement=top]) .panel,:host([placement=bottom]) .panel{height:calc(min(var(--drawer-size,16rem), calc(100dvh - var(--size-2))) + var(--_panel-bleed));max-height:calc(100dvh - var(--size-2) + var(--_panel-bleed))}.header,.body,.footer{padding:var(--size-3)}}}@layer refine.config{:host([backdrop=blur]){--_backdrop-filter:blur(var(--blur-xs))}:host([backdrop=transparent]){--_backdrop-bg:transparent}}`,Ro=e=>e==null?void 0:e===``||e===`true`,zo={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)`}},Bo=`ore-drawer`;i(Bo,{props:{backdrop:p.string(),"default-open":p.bool(!1),dismissible:p.bool(!0),"drag-handle-placement":p.oneOf([`outside`,`inset`],`outside`),"initial-focus":p.string(),label:p.string(),open:{default:void 0,parse:Ro},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=a(),r=v(),i=b(),s=n(`drawer-label`),c=h(),u=h(),p=T(!1),m,g,_=()=>e.label.value??e.title.value??``,y=()=>i.has(`header`).value||!!_(),x=()=>y()||e.dismissible.value,S=()=>i.has(`footer`).value,C=()=>e.placement.value||`right`,w=()=>zo[C()],E=(e,t)=>{let n=t===`x`?e.offsetWidth:e.offsetHeight;return Math.min(96,Math.max(36,n*.18))},D=(e,t)=>w().closingDistance(e)>=t,O=e=>{if(!p.value)return;g&&=(clearTimeout(g),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`)},k=(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),O(e))};e.addEventListener(`transitionend`,o);let s=parseFloat(getComputedStyle(e).transitionDuration)*1e3;g=setTimeout(()=>{e.removeEventListener(`transitionend`,o),O(e)},s+50),e.style.transform=a,e.style.opacity=`0.2`},A=e=>{g&&=(clearTimeout(g),void 0),e.style.transition=``,e.style.transform=``,e.style.opacity=``,e.style.visibility=``,p.value=!1},j=({distance:e,reason:t})=>{let n=u.value;if(!n)return;let r=E(n,w().axis);if(t===`release`&&D(e,r)){k(n,w(),e);return}A(n)},{closeWithAnimation:M,handleCancel:N,overlay:P,requestClose:F,watchOpenProp:I}=wo({beforeOpen:e=>{let t=u.value;t&&A(t)},closeRequestDetail:t=>({placement:e.placement.value??`right`}),defaultOpen:e[`default-open`],dialogRef:c,getPanelEl:()=>u.value,host:t,initialFocus:e[`initial-focus`],isPersistent:()=>!!e.persistent.value,onCleanup:l,onEvent:d,onNativeClose:e=>{let t=u.value;t&&e!==`swipe`&&A(t);let n=c.value;n&&(n.style.transition=``),r(`open-change`,{open:!1,reason:e})},onOpen:e=>r(`open-change`,{open:!0,reason:e}),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`)},I(),d(n,`cancel`,N),d(n,`click`,t=>{e.persistent.value||m?.active||p.value||t.target===n&&F(`outsideClick`)});let i=u.value?.querySelector(`[part="drag-handle"]`);return i&&(m=V(i,{axis:()=>w().axis,disabled:()=>p.value,onEnd:j,onMove:({distance:e})=>{let t=u.value;if(!t)return;let n=w(),r=E(t,n.axis),i=n.closingDistance(e),a=Math.min(i/r,1);t.style.transition=`none`,t.style.transform=n.translate(e),t.style.opacity=String(1-a*.4)}})),()=>{m?.dispose(),m=void 0,P.dispose()}}),o`
|
|
3351
3400
|
<dialog
|
|
3352
3401
|
ref=${c}
|
|
3353
3402
|
aria-modal="true"
|
|
@@ -3377,7 +3426,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3377
3426
|
</div>
|
|
3378
3427
|
</div>
|
|
3379
3428
|
</dialog>
|
|
3380
|
-
`},styles:[
|
|
3429
|
+
`},styles:[$e,q,J,Lo]});var Vo=`@layer refine.base{:host{--_menu-panel-bg:var(--menu-panel-bg,var(--color-canvas));--_menu-panel-border-color:var(--menu-panel-border-color,var(--color-divider));--_menu-panel-blur:var(--menu-panel-blur,var(--blur-md));--_menu-panel-shadow:var(--menu-panel-shadow,var(--shadow-xl));display:inline-block;position:relative}.menu-panel{z-index:calc(var(--z-popover) + 1);box-sizing:border-box;min-width:var(--menu-panel-min-width,10rem);max-height:var(--menu-panel-max-height,min(70vh, 32rem));padding:var(--_panel-padding,var(--size-1));pointer-events:none;background:var(--_menu-panel-bg);border:var(--border) solid var(--_menu-panel-border-color);border-radius:var(--menu-panel-radius,var(--rounded-lg));box-shadow:var(--_menu-panel-shadow);opacity:0;-webkit-backdrop-filter:blur(var(--_menu-panel-blur));backdrop-filter:blur(var(--_menu-panel-blur));transform:translateY(var(--overlay-enter-translate-y)) scale(var(--overlay-enter-scale));transform-origin:0 0;transition:opacity .1s var(--ease-spring), transform .1s var(--ease-spring), display .1s allow-discrete, overlay .1s allow-discrete;margin:0;position:fixed;top:0;overflow-y:auto}.menu-panel:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.menu-panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.menu-panel[data-placement=top-start],.menu-panel[data-placement=top],.menu-panel[data-placement=top-end]{transform-origin:0 100%}.menu-panel[data-placement=bottom-end],.menu-panel[data-placement=right-start],.menu-panel[data-placement=right]{transform-origin:100% 0}.menu-panel[data-open]{pointer-events:auto;opacity:1;transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring), display .15s allow-discrete, overlay .15s allow-discrete;transform:translateY(0)scale(1)}@starting-style{.menu-panel[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y)) scale(var(--overlay-enter-scale))}}::slotted(ore-menu-item),::slotted(ore-menu-separator){display:block}}`,Ho=`@layer refine.base{:host{--_menu-color:var(--menu-item-color,var(--_theme-base,var(--color-primary)));--_hover-bg:var(--menu-item-hover-bg,var(--color-contrast-100));--_focus-color:var(--menu-item-focus-color,var(--_menu-color));--_focus-bg:var(--menu-item-focus-bg,color-mix(in oklch, var(--_menu-color) 12%, var(--color-contrast-100)));--_selection-bg:var(--menu-item-selection-bg,color-mix(in oklch, var(--color-contrast-900) 5%, var(--color-canvas)));--_checked-color:var(--menu-item-checked-color,var(--_menu-color));--_checked-bg:var(--menu-item-checked-bg,color-mix(in oklch, var(--_menu-color) 18%, var(--color-canvas)));outline:none;display:block}.item{gap:var(--_gap,var(--size-2));padding:var(--_item-padding,var(--size-1-5) var(--size-3));font-size:var(--_font-size,var(--text-sm));line-height:var(--leading-normal);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast), color var(--transition-fast);border-radius:0;align-items:center;display:flex}:host(:first-of-type) .item{border-radius:var(--rounded-sm) var(--rounded-sm) 0 0}:host(:last-child) .item{border-radius:0 0 var(--rounded-sm) var(--rounded-sm)}:host(:first-of-type:last-child) .item{border-radius:var(--rounded-sm)}:host(:not([disabled])) .item:hover{background:var(--_hover-bg)}:host(:focus-visible) .item{color:var(--_focus-color);background:var(--_focus-bg)}.item.is-checked{font-weight:var(--font-medium);color:var(--_checked-color)}:host([disabled]) .item{color:var(--color-contrast-400);pointer-events:none;cursor:not-allowed;opacity:.6}.icon-slot{display:contents}.item-check{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;display:inline-flex}.item-check:before{content:"";width:.875rem;height:.875rem;transition:background var(--transition-fast), border-color var(--transition-fast);border:1.5px solid;display:block}.item.is-checkbox .item-check:before{border-radius:2px}.item.is-radio .item-check:before{border-radius:50%}.item.is-checked .item-check:before{background:currentColor}.item.is-radio.is-checked .item-check:before{background:0 0;box-shadow:inset 0 0 0 3px}.item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}}@media (pointer:coarse){.item{padding:var(--size-2-5) var(--size-3)}}`,Uo=`@layer refine.base{:host{margin:var(--_separator-margin,var(--size-1)) 0;border-top:var(--border) solid var(--color-contrast-200);display:block}}`,Wo=`ore-menu-item`;i(Wo,{props:{checked:p.bool(!1),disabled:p.bool(!1),type:p.string(),value:p.string()},setup(e){let t=()=>e.type.value===`checkbox`||e.type.value===`radio`,n=()=>t()&&e.checked.value;return t()?o`
|
|
3381
3430
|
<div
|
|
3382
3431
|
class="${()=>{let t=e.type.value;return[`item`,t===`checkbox`?`is-checkbox`:``,t===`radio`?`is-radio`:``,n()?`is-checked`:``].filter(Boolean).join(` `)}}"
|
|
3383
3432
|
tabindex="-1"
|
|
@@ -3393,7 +3442,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3393
3442
|
<span class="icon-slot"><slot name="icon"></slot></span>
|
|
3394
3443
|
<span class="item-label"><slot></slot></span>
|
|
3395
3444
|
</div>
|
|
3396
|
-
`},styles:[
|
|
3445
|
+
`},styles:[Z,Ho]}),i(`ore-menu-separator`,{setup(){return o``},styles:[Uo]});var Go=e=>e===`checkbox`||e===`radio`,Ko=e=>e==null?void 0:e===``||e===`true`,qo=`ore-menu`;i(qo,{props:{...G,...K,"default-open":p.bool(!1),open:{default:void 0,parse:Ko},placement:p.oneOf([`bottom`,`bottom-start`,`bottom-end`,`top`,`top-start`,`top-end`],`bottom-start`)},setup(t){let r=a(),i=v(),s=b(),c=x,u=n(`menu`),d=C(()=>!!t.disabled.value),p=Q(l),m=null,h=null,g=null;function _(){return Array.from(r.querySelectorAll(`ore-menu-item:not([disabled])`))}function y(e){return e?e.shadowRoot?.querySelector(`[role^="menuitem"]`)??e:null}function S(){return _().findIndex(e=>{let t=y(e);return e===document.activeElement||t===document.activeElement})}let w=T(!1),E=null,O=sn({getFloating:()=>h,getPlacement:()=>t.placement.value??`bottom-start`,getReference:()=>m,matchWidth:!1,offsetPx:4,padding:6}),k=nn({disabled:C(()=>!w.value),getItems:_,isItemDisabled:e=>e.hasAttribute(`disabled`),onNavigate:({item:e})=>{y(e)?.focus()},signal:p}),A=(e=`programmatic`,t=!0)=>{w.value&&(w.value=!1,k.reset(),E?.(),E=null,t&&P(()=>m),i(`open-change`,{open:!1,reason:e}))},j=(e=`programmatic`)=>{d.value||w.value||(w.value=!0,O.update(),E=O.startAutoUpdate?.()??null,i(`open-change`,{open:!0,reason:e}))},M=()=>{w.value?A(`trigger`):j(`click`)};qt({getTargets:()=>[r,h],isActive:()=>w.value,onDismiss:()=>A(`outsideClick`),signal:p});let N=!1;D(t.open,e=>{e===void 0?N?A(`programmatic`):t[`default-open`].value&&j(`programmatic`):e?j(`programmatic`):A(`programmatic`),N=!0},{immediate:!0}),p.addEventListener(`abort`,()=>{w.value&&(w.value=!1,k.reset(),E?.(),E=null)},{once:!0});let F=e=>{let t=e.getAttribute(`type`),n=Go(t);if(t===`checkbox`)e.toggleAttribute(`checked`,!e.hasAttribute(`checked`));else if(t===`radio`)for(let t of r.querySelectorAll(`ore-menu-item[type="radio"]`))t.toggleAttribute(`checked`,t===e);let a=e.getAttribute(`value`)??``,o=n?e.hasAttribute(`checked`):void 0;i(`select`,{checked:o,value:a}),n||A(`programmatic`)},I=Ot({keys:[`Enter`,` `,`ArrowDown`],onPress:()=>{j(`keyboard`),requestAnimationFrame(()=>k.set(0))}}),L=Ot({onPress:()=>{let e=k.getActiveItem();e&&F(e)}});function R(e){if(d.value)return;if(!w.value){I.handleKeydown(e);return}let t=S();if(t>=0&&k.set(t),e.key===`Escape`){e.preventDefault(),A(`escape`);return}if(!k.handleKeydown(e)){if(e.key===` `||e.key===`Enter`){L.handleKeydown(e);return}e.key===`Tab`&&A(`programmatic`)}}e({on:{click:e=>{let t=e.composedPath();if(!w.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`)&&F(n)}}}),c(()=>{let e=w.value;h&&h.toggleAttribute(`data-open`,e)});function z(){if(g?.(),g=null,m=s.elements(`trigger`).value?.[0]??null,!m)return;let t=[],n=e({aria:{controls:()=>u,disabled:()=>d.value,expanded:()=>String(w.value),haspopup:`menu`}},{target:m}),r=e=>{e.stopPropagation(),!d.value&&M()},i=e=>{R(e)};m.addEventListener(`click`,r),m.addEventListener(`keydown`,i),t.push(()=>m?.removeEventListener(`click`,r)),t.push(()=>m?.removeEventListener(`keydown`,i)),g=()=>{n();for(let e of t)e()}}return D(s.elements(`trigger`),z,{immediate:!0}),f(()=>(z(),()=>{g?.(),g=null})),o`
|
|
3397
3446
|
<slot name="trigger"></slot>
|
|
3398
3447
|
<div
|
|
3399
3448
|
class="menu-panel"
|
|
@@ -3405,16 +3454,16 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3405
3454
|
ref="${e=>{h=e,h?.toggleAttribute(`data-open`,w.value)}}">
|
|
3406
3455
|
<slot></slot>
|
|
3407
3456
|
</div>
|
|
3408
|
-
`},styles:[
|
|
3457
|
+
`},styles:[Vo,X(Me),$e]});var Jo=`@layer refine.base{:host{--_panel-bg:var(--navigation-menu-bg,var(--color-canvas));--_panel-border:var(--navigation-menu-border-color,var(--color-divider));--_panel-shadow:var(--navigation-menu-shadow,var(--shadow-xl));display:inline-block;position:relative}.triggers{gap:var(--navigation-menu-trigger-gap,var(--size-1));align-items:center;display:flex}}`,Yo=`@layer refine.base{:host{display:inline-flex}.trigger{all:unset;box-sizing:border-box;gap:var(--size-1);min-height:var(--_touch-target,var(--size-9));padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--navbar-item-color,var(--color-contrast-700));cursor:pointer;border-radius:var(--rounded-md);align-items:center;display:inline-flex}.trigger:hover,.trigger[aria-expanded=true]{color:var(--color-primary);background:var(--color-contrast-100)}.trigger:focus-visible{outline:var(--focus-ring);outline-offset:var(--size-0-5)}.trigger:disabled{cursor:not-allowed;opacity:.6}::slotted(ore-icon){transition:transform var(--transition-fast);flex:none}:host([aria-expanded=true]) ::slotted(ore-icon){transform:rotate(180deg)}}`,Xo=`@layer refine.base{:host{inset:unset;z-index:var(--z-popover);box-sizing:border-box;width:min(var(--navigation-menu-panel-width,48rem), calc(100vw - var(--size-8)));max-height:min(var(--navigation-menu-panel-max-height,42rem), calc(100dvh - var(--size-12)));overscroll-behavior:contain;background:var(--navigation-menu-bg,var(--color-canvas));border:var(--border) solid var(--navigation-menu-border-color,var(--color-divider));border-radius:var(--navigation-menu-radius,var(--rounded-lg));box-shadow:var(--navigation-menu-shadow,var(--shadow-xl));-webkit-backdrop-filter:blur(var(--navigation-menu-backdrop-blur,var(--blur-xl))) saturate(180%);backdrop-filter:blur(var(--navigation-menu-backdrop-blur,var(--blur-xl))) saturate(180%);margin:0;display:none;position:fixed;overflow:auto}:host([hidden]){display:none}:host(:popover-open),:host([data-open]){display:block}.content{grid-template-columns:repeat(var(--navigation-menu-panel-columns,2), minmax(0, 1fr));gap:var(--size-3);padding:var(--size-5);grid-auto-rows:max-content;align-content:start;display:grid}.footer[hidden]{display:none}::slotted(a){min-width:0;padding:var(--size-3);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-contrast-700);border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);text-decoration:none}::slotted(a:hover),::slotted(a:focus-visible){color:var(--color-primary);background:var(--color-contrast-100)}::slotted(a:focus-visible){outline:var(--focus-ring);outline-offset:var(--size-0-5)}::slotted(a[slot=footer]){gap:var(--size-2);padding:var(--size-3) var(--size-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);border-top:var(--border) solid var(--color-divider);justify-content:space-between;align-items:center;text-decoration:none;display:flex}::slotted(a[slot=footer]:hover),::slotted(a[slot=footer]:focus-visible){background:var(--color-contrast-100)}}`,Zo=e=>e??void 0,Qo=`ore-navigation-menu-item`;i(Qo,{props:{disabled:p.bool(!1),value:p.string(``)},setup(e){return o`
|
|
3409
3458
|
<button class="trigger" type="button" ?disabled=${e.disabled}><slot></slot></button>
|
|
3410
|
-
`},styles:[
|
|
3459
|
+
`},styles:[Yo]});var $o=`ore-navigation-menu-panel`;i($o,{props:{for:p.string()},setup(){let e=b();return o`
|
|
3411
3460
|
<div class="content" part="content"><slot></slot></div>
|
|
3412
3461
|
<div class="footer" part="footer" ?hidden=${()=>!e.has(`footer`).value}><slot name="footer"></slot></div>
|
|
3413
|
-
`},styles:[
|
|
3462
|
+
`},styles:[Xo]});var es=`ore-navigation-menu`;i(es,{props:{...K,"close-on-select":p.bool(!0),columns:p.number(),"default-open":p.string(),label:p.string(`Navigation menu`),open:{default:void 0,parse:Zo},placement:p.oneOf([`bottom-end`,`bottom-start`],`bottom-start`)},setup(e){let t=a(),r=v(),i=Q(l),s=n(`navigation-menu`),c=C(()=>e.disabled.value),u=T(null),d=null,p=null,m=null,h=()=>Array.from(t.querySelectorAll(`${Qo}:not([disabled])`)),g=e=>e.getAttribute(`value`)??``,_=()=>Array.from(t.querySelectorAll($o)),y=e=>_().find(t=>t.getAttribute(`for`)===e)??null,b=()=>e.open.value!==void 0,x=e=>e.id||=n(`navigation-menu-panel`),S=sn({getFloating:()=>p,getPlacement:()=>e.placement.value??`bottom-start`,getReference:()=>d?.shadowRoot?.querySelector(`.trigger`)??d,matchWidth:!1,offsetPx:8,useClippingAncestor:!1}),w=()=>{let t=e.columns.value;return t===void 0?void 0:Math.max(1,Math.trunc(t))},E=e=>{if(e.hidden=!1,e.dataset.open=``,`showPopover`in e)try{e.matches(`:popover-open`)||e.showPopover()}catch{}},O=e=>{if(delete e.dataset.open,`hidePopover`in e)try{e.matches(`:popover-open`)&&e.hidePopover()}catch{}e.hidden=!0},k=e=>{let t=e===null?null:y(e);m?.(),m=null,u.value=e,d=e?h().find(t=>g(t)===e)??null:null,p=t;for(let t of h()){let n=g(t)===e,r=t.shadowRoot?.querySelector(`.trigger`);t.setAttribute(`aria-expanded`,String(n)),r?.setAttribute(`aria-expanded`,String(n))}for(let e of _())e!==t&&O(e);if(t){let e=w();e!==void 0&&t.style.setProperty(`--navigation-menu-panel-columns`,String(e)),t.setAttribute(`aria-labelledby`,d?.id??``),E(t),S.update(),m=S.startAutoUpdate?.()??null}},A=(e,t)=>{c.value||u.value===e||(e===null||y(e))&&(b()||k(e),r(`open-change`,{open:e!==null,reason:t,value:e}))};return l(()=>{m?.();for(let e of _())O(e)}),qt({getTargets:()=>[t,p],isActive:()=>u.value!==null,onDismiss:()=>A(null,`outsideClick`),signal:i}),f(()=>{let t=new Set;for(let t of _())t.setAttribute(`popover`,`manual`),t.setAttribute(`role`,`region`),x(t),O(t),t.addEventListener(`click`,n=>{let i=n.target instanceof Element?n.target.closest(`a[href]`):null;if(!i||!t.contains(i))return;let a=u.value;a&&(r(`select`,{href:i.href,value:a}),e[`close-on-select`].value&&!i.closest(`[data-navigation-menu-keep-open]`)&&A(null,`select`))},{signal:i});document.addEventListener(`keydown`,e=>{e.key===`Escape`&&u.value!==null&&(e.preventDefault(),A(null,`escape`),d?.shadowRoot?.querySelector(`.trigger`)?.focus())},{signal:i});for(let e of h()){let r=g(e),a=y(r);if(!r||t.has(r)||!a)continue;t.add(r),e.id||=n(`navigation-menu-trigger`);let o=e.shadowRoot?.querySelector(`.trigger`);o&&(o.setAttribute(`aria-controls`,x(a)),o.setAttribute(`aria-haspopup`,`true`),o.setAttribute(`aria-expanded`,`false`),e.setAttribute(`aria-expanded`,`false`),o.addEventListener(`click`,()=>A(u.value===r?null:r,`click`),{signal:i}),o.addEventListener(`keydown`,t=>{let n=h(),i=n.indexOf(e);t.key===`ArrowLeft`||t.key===`ArrowRight`||t.key===`Home`||t.key===`End`?(t.preventDefault(),(t.key===`Home`?n[0]:t.key===`End`?n.at(-1):n[(i+(t.key===`ArrowRight`?1:n.length-1))%n.length])?.shadowRoot?.querySelector(`.trigger`)?.focus()):t.key===`ArrowDown`&&(t.preventDefault(),A(r,`keyboard`),requestAnimationFrame(()=>p?.querySelector(`a, button, input, [tabindex]:not([tabindex="-1"])`)?.focus()))},{signal:i}))}e.open.value===void 0?e[`default-open`].value&&k(e[`default-open`].value):k(e.open.value)}),D(e.open,e=>{e!==void 0&&k(e)}),D(e.disabled,e=>{e&&k(null)}),o`
|
|
3414
3463
|
<nav class="triggers" aria-label="${e.label}" id="${s}"><slot></slot></nav>
|
|
3415
3464
|
<slot name="panel"></slot>
|
|
3416
3465
|
<slot name="footer"></slot>
|
|
3417
|
-
`},styles:[
|
|
3466
|
+
`},styles:[J,Jo]});var ts=`.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)}}`,ns=4,rs=[`hover`,`focus`],is=new Set([`click`,`focus`,`hover`]),as=e=>{if(e==null||e.trim()===``)return 0;let t=Number(e);return Number.isFinite(t)&&t>=0?t:0},os=e=>e==null?void 0:e===``||e===`true`,ss=e=>ln(e,is,rs),cs=`ore-tooltip`;i(cs,{props:{...G,...K,"close-delay":{default:0,parse:as},content:p.string(),"default-open":p.bool(!1),delay:{default:0,parse:as},open:{default:void 0,parse:os},placement:p.oneOf([`top`,`bottom`,`left`,`right`],`top`),trigger:p.string(`hover,focus`),variant:p.string()},setup(t){let r=a(),i=v(),s=b(),c=r.shadowRoot,u=C(()=>!!t.disabled.value),d=C(()=>t.open.value!==void 0),p=T(`top`),m=n(`tooltip`),h=C(()=>ss(t.trigger.value)),g=null,_=null,y=null,x=()=>{_&&=(clearTimeout(_),null)},S=()=>{y&&=(clearTimeout(y),null)},w=Ii({bindTriggerAria:t=>e({aria:{describedby:()=>m}},{target:t}),defaultOpen:t[`default-open`],disabled:u,getPanel:()=>g,offset:8,onCleanup:l,onClose:e=>i(`open-change`,{open:!1,reason:e}),onOpen:e=>i(`open-change`,{open:!0,reason:e}),onPlacementChange:e=>{let t=e.split(`-`)[0];p.value=t,t===`left`&&g&&(g.style.left=`${parseFloat(g.style.left)-ns}px`)},openProp:t.open,placement:C(()=>t.placement.value),slot:()=>c?.querySelector(`slot:not([name])`)??null,slotElements:s.elements(),triggers:C(()=>[])});function E(e=`hover`){if(d.value||u.value||!t.content.value&&!s.has(`content`).value)return;S(),x();let n=Number(t.delay.value)||0;n>0?_=setTimeout(()=>{_=null,w.open(e),w.updatePosition()},n):(w.open(e),w.updatePosition())}function D(){if(d.value)return;x();let e=Number(t[`close-delay`].value)||0;e>0?(S(),y=setTimeout(()=>{y=null,w.close(`trigger`)},e)):w.close(`trigger`)}return f(()=>{let e=c?.querySelector(`slot:not([name])`),t=[],n=(e,n,r)=>{e.addEventListener(n,r),t.push(()=>e.removeEventListener(n,r))},r=()=>{for(let e of t)e();t=[];let r=e?.assignedElements({flatten:!0})[0];if(!r)return;let i=h.value;i.includes(`hover`)&&(n(r,`pointerenter`,()=>E(`hover`)),n(r,`pointerleave`,D)),i.includes(`focus`)&&(n(r,`focusin`,()=>E(`focus`)),n(r,`focusout`,D)),i.includes(`click`)&&n(r,`click`,()=>w.visible.value?D():E(`click`))};e?.addEventListener(`slotchange`,r),r();let i=w.mount();return()=>{e?.removeEventListener(`slotchange`,r);for(let e of t)e();x(),S(),i()}}),o`
|
|
3418
3467
|
<slot></slot>
|
|
3419
3468
|
<div
|
|
3420
3469
|
class="tooltip"
|
|
@@ -3427,5 +3476,5 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3427
3476
|
aria-hidden="${()=>String(!w.visible.value)}">
|
|
3428
3477
|
<slot name="content"><span class="tooltip-text">${t.content}</span></slot>
|
|
3429
3478
|
</div>
|
|
3430
|
-
`},styles:[
|
|
3479
|
+
`},styles:[$e,ts]});var ls={content:Cr,disclosure:Lr,feedback:di,inputs:Ua,layout:So,overlay:se({COMMAND_PALETTE_ITEM_TAG:()=>Mo,COMMAND_PALETTE_TAG:()=>No,DIALOG_TAG:()=>Io,DRAWER_TAG:()=>Bo,MENU_ITEM_TAG:()=>Wo,MENU_TAG:()=>qo,NAVIGATION_MENU_ITEM_TAG:()=>Qo,NAVIGATION_MENU_PANEL_TAG:()=>$o,NAVIGATION_MENU_TAG:()=>es,POPOVER_TAG:()=>Ui,TOOLTIP_TAG:()=>cs})};export{ls as components};
|
|
3431
3480
|
//# sourceMappingURL=refine.js.map
|