@vielzeug/refine 1.5.3 → 1.7.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.cjs +1 -1
- package/dist/accordion.cjs.map +1 -1
- package/dist/accordion.js +30 -28
- package/dist/accordion.js.map +1 -1
- package/dist/button-group.cjs.map +1 -1
- package/dist/button-group.js.map +1 -1
- package/dist/button.cjs +1 -1
- package/dist/button.cjs.map +1 -1
- package/dist/button.js +1 -0
- package/dist/button.js.map +1 -1
- package/dist/checkbox-group.cjs +3 -3
- package/dist/checkbox-group.cjs.map +1 -1
- package/dist/checkbox-group.js +51 -58
- package/dist/checkbox-group.js.map +1 -1
- package/dist/combobox.cjs +29 -28
- package/dist/combobox.cjs.map +1 -1
- package/dist/combobox.js +201 -195
- package/dist/combobox.js.map +1 -1
- package/dist/content/card/card.css.cjs +1 -1
- package/dist/content/card/card.css.cjs.map +1 -1
- package/dist/content/card/card.css.js +1 -1
- package/dist/content/card/card.css.js.map +1 -1
- package/dist/content/chat-message/chat-message.css.cjs +1 -1
- package/dist/content/chat-message/chat-message.css.cjs.map +1 -1
- package/dist/content/chat-message/chat-message.css.js +1 -1
- package/dist/content/chat-message/chat-message.css.js.map +1 -1
- package/dist/content/icon/icon.d.ts.map +1 -1
- package/dist/content/index.d.ts +4 -0
- package/dist/content/index.d.ts.map +1 -1
- package/dist/content/list/_list-item-reveal.cjs +2 -0
- package/dist/content/list/_list-item-reveal.cjs.map +1 -0
- package/dist/content/list/_list-item-reveal.d.ts +25 -0
- package/dist/content/list/_list-item-reveal.d.ts.map +1 -0
- package/dist/content/list/_list-item-reveal.js +33 -0
- package/dist/content/list/_list-item-reveal.js.map +1 -0
- package/dist/content/list/list-item.css.cjs +2 -0
- package/dist/content/list/list-item.css.cjs.map +1 -0
- package/dist/content/list/list-item.css.js +6 -0
- package/dist/content/list/list-item.css.js.map +1 -0
- package/dist/content/list/list-item.d.ts +111 -0
- package/dist/content/list/list-item.d.ts.map +1 -0
- package/dist/content/list/list.css.cjs +2 -0
- package/dist/content/list/list.css.cjs.map +1 -0
- package/dist/content/list/list.css.js +6 -0
- package/dist/content/list/list.css.js.map +1 -0
- package/dist/content/list/list.d.ts +93 -0
- package/dist/content/list/list.d.ts.map +1 -0
- package/dist/custom-elements.json +5224 -4621
- package/dist/date-picker.cjs +2 -1
- package/dist/date-picker.cjs.map +1 -1
- package/dist/date-picker.js +2 -0
- package/dist/date-picker.js.map +1 -1
- package/dist/disclosure/tab-item/tab-item.d.ts.map +1 -1
- package/dist/disclosure/tab-panel/tab-panel.d.ts.map +1 -1
- package/dist/disclosure/tabs/tabs.d.ts.map +1 -1
- package/dist/drawer.cjs +1 -1
- package/dist/drawer.cjs.map +1 -1
- package/dist/drawer.js +47 -48
- package/dist/drawer.js.map +1 -1
- package/dist/file-input.cjs +111 -45
- package/dist/file-input.cjs.map +1 -1
- package/dist/file-input.js +216 -156
- package/dist/file-input.js.map +1 -1
- package/dist/headless/aria-reflection.cjs +2 -0
- package/dist/headless/aria-reflection.cjs.map +1 -0
- package/dist/headless/aria-reflection.d.ts +27 -0
- package/dist/headless/aria-reflection.d.ts.map +1 -0
- package/dist/headless/aria-reflection.js +18 -0
- package/dist/headless/aria-reflection.js.map +1 -0
- package/dist/headless/checkable.cjs +1 -1
- package/dist/headless/checkable.cjs.map +1 -1
- package/dist/headless/checkable.d.ts +2 -10
- package/dist/headless/checkable.d.ts.map +1 -1
- package/dist/headless/checkable.js +29 -29
- package/dist/headless/checkable.js.map +1 -1
- package/dist/headless/choice-field.cjs +1 -1
- package/dist/headless/choice-field.cjs.map +1 -1
- package/dist/headless/choice-field.d.ts +2 -7
- package/dist/headless/choice-field.d.ts.map +1 -1
- package/dist/headless/choice-field.js +37 -37
- package/dist/headless/choice-field.js.map +1 -1
- package/dist/headless/field-base.cjs +1 -1
- package/dist/headless/field-base.cjs.map +1 -1
- package/dist/headless/field-base.d.ts +17 -0
- package/dist/headless/field-base.d.ts.map +1 -1
- package/dist/headless/field-base.js +21 -6
- package/dist/headless/field-base.js.map +1 -1
- package/dist/headless/focus.cjs +1 -1
- package/dist/headless/focus.cjs.map +1 -1
- package/dist/headless/focus.d.ts +7 -0
- package/dist/headless/focus.d.ts.map +1 -1
- package/dist/headless/focus.js +6 -6
- package/dist/headless/focus.js.map +1 -1
- package/dist/headless/index.d.ts +4 -2
- package/dist/headless/index.d.ts.map +1 -1
- package/dist/headless/nav.cjs +1 -1
- package/dist/headless/nav.cjs.map +1 -1
- package/dist/headless/nav.d.ts +12 -0
- package/dist/headless/nav.d.ts.map +1 -1
- package/dist/headless/nav.js +68 -50
- package/dist/headless/nav.js.map +1 -1
- package/dist/headless/overlay.cjs +1 -1
- package/dist/headless/overlay.cjs.map +1 -1
- package/dist/headless/overlay.d.ts +2 -0
- package/dist/headless/overlay.d.ts.map +1 -1
- package/dist/headless/overlay.js +8 -5
- package/dist/headless/overlay.js.map +1 -1
- package/dist/headless/ref-callback.cjs +2 -0
- package/dist/headless/ref-callback.cjs.map +1 -0
- package/dist/headless/ref-callback.d.ts +26 -0
- package/dist/headless/ref-callback.d.ts.map +1 -0
- package/dist/headless/ref-callback.js +13 -0
- package/dist/headless/ref-callback.js.map +1 -0
- package/dist/headless/swipe.cjs +1 -1
- package/dist/headless/swipe.cjs.map +1 -1
- package/dist/headless/swipe.d.ts +2 -0
- package/dist/headless/swipe.d.ts.map +1 -1
- package/dist/headless/swipe.js +26 -21
- package/dist/headless/swipe.js.map +1 -1
- package/dist/headless.cjs +1 -1
- package/dist/headless.js +28 -26
- package/dist/icon.cjs +1 -1
- package/dist/icon.cjs.map +1 -1
- package/dist/icon.js +36 -38
- package/dist/icon.js.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +63 -61
- package/dist/input.cjs +29 -26
- package/dist/input.cjs.map +1 -1
- package/dist/input.js +91 -79
- package/dist/input.js.map +1 -1
- package/dist/inputs/button/button.css.cjs +1 -1
- package/dist/inputs/button/button.css.cjs.map +1 -1
- package/dist/inputs/button/button.css.js +1 -1
- package/dist/inputs/button/button.css.js.map +1 -1
- package/dist/inputs/button/button.d.ts +8 -0
- package/dist/inputs/button/button.d.ts.map +1 -1
- package/dist/inputs/checkbox/checkbox.css.cjs +1 -1
- package/dist/inputs/checkbox/checkbox.css.cjs.map +1 -1
- package/dist/inputs/checkbox/checkbox.css.js +1 -1
- package/dist/inputs/checkbox/checkbox.css.js.map +1 -1
- package/dist/inputs/combobox/combobox.d.ts +1 -0
- package/dist/inputs/combobox/combobox.d.ts.map +1 -1
- package/dist/inputs/date-picker/date-picker.css.cjs +1 -1
- package/dist/inputs/date-picker/date-picker.css.cjs.map +1 -1
- package/dist/inputs/date-picker/date-picker.css.js +1 -1
- package/dist/inputs/date-picker/date-picker.css.js.map +1 -1
- package/dist/inputs/date-picker/date-picker.d.ts +6 -0
- package/dist/inputs/date-picker/date-picker.d.ts.map +1 -1
- package/dist/inputs/file-input/file-input-upload.cjs +2 -0
- package/dist/inputs/file-input/file-input-upload.cjs.map +1 -0
- package/dist/inputs/file-input/file-input-upload.d.ts +76 -0
- package/dist/inputs/file-input/file-input-upload.d.ts.map +1 -0
- package/dist/inputs/file-input/file-input-upload.js +145 -0
- package/dist/inputs/file-input/file-input-upload.js.map +1 -0
- package/dist/inputs/file-input/file-input.css.cjs +1 -1
- package/dist/inputs/file-input/file-input.css.cjs.map +1 -1
- package/dist/inputs/file-input/file-input.css.js +1 -1
- package/dist/inputs/file-input/file-input.css.js.map +1 -1
- package/dist/inputs/file-input/file-input.d.ts +54 -1
- package/dist/inputs/file-input/file-input.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 +13 -0
- package/dist/inputs/input/input.d.ts.map +1 -1
- package/dist/inputs/message-composer/message-composer.css.cjs +1 -1
- package/dist/inputs/message-composer/message-composer.css.cjs.map +1 -1
- package/dist/inputs/message-composer/message-composer.css.js +1 -1
- package/dist/inputs/message-composer/message-composer.css.js.map +1 -1
- package/dist/inputs/message-composer/message-composer.d.ts +7 -0
- package/dist/inputs/message-composer/message-composer.d.ts.map +1 -1
- package/dist/inputs/number-input/number-input.css.cjs +1 -1
- package/dist/inputs/number-input/number-input.css.cjs.map +1 -1
- package/dist/inputs/number-input/number-input.css.js +1 -1
- package/dist/inputs/number-input/number-input.css.js.map +1 -1
- package/dist/inputs/number-input/number-input.d.ts +15 -0
- package/dist/inputs/number-input/number-input.d.ts.map +1 -1
- package/dist/inputs/otp-input/otp-input.css.cjs +1 -1
- package/dist/inputs/otp-input/otp-input.css.cjs.map +1 -1
- package/dist/inputs/otp-input/otp-input.css.js +1 -1
- package/dist/inputs/otp-input/otp-input.css.js.map +1 -1
- package/dist/inputs/radio/radio.d.ts.map +1 -1
- package/dist/inputs/select/select.d.ts +1 -0
- package/dist/inputs/select/select.d.ts.map +1 -1
- package/dist/inputs/shared/index.d.ts +1 -1
- package/dist/inputs/shared/index.d.ts.map +1 -1
- package/dist/inputs/shared/templates.cjs +26 -3
- package/dist/inputs/shared/templates.cjs.map +1 -1
- package/dist/inputs/shared/templates.d.ts +20 -0
- package/dist/inputs/shared/templates.d.ts.map +1 -1
- package/dist/inputs/shared/templates.js +29 -5
- package/dist/inputs/shared/templates.js.map +1 -1
- package/dist/inputs/switch/switch.css.cjs +1 -1
- package/dist/inputs/switch/switch.css.cjs.map +1 -1
- package/dist/inputs/switch/switch.css.js +1 -1
- package/dist/inputs/switch/switch.css.js.map +1 -1
- package/dist/inputs/switch/switch.d.ts.map +1 -1
- package/dist/inputs/textarea/textarea.css.cjs +1 -1
- package/dist/inputs/textarea/textarea.css.cjs.map +1 -1
- package/dist/inputs/textarea/textarea.css.js +1 -1
- package/dist/inputs/textarea/textarea.css.js.map +1 -1
- package/dist/inputs/textarea/textarea.d.ts +14 -0
- package/dist/inputs/textarea/textarea.d.ts.map +1 -1
- package/dist/inputs/time-picker/time-picker.css.cjs +1 -1
- package/dist/inputs/time-picker/time-picker.css.cjs.map +1 -1
- package/dist/inputs/time-picker/time-picker.css.js +1 -1
- package/dist/inputs/time-picker/time-picker.css.js.map +1 -1
- package/dist/inputs/time-picker/time-picker.d.ts +6 -0
- package/dist/inputs/time-picker/time-picker.d.ts.map +1 -1
- package/dist/list-item.cjs +22 -0
- package/dist/list-item.cjs.map +1 -0
- package/dist/list-item.js +91 -0
- package/dist/list-item.js.map +1 -0
- package/dist/list.cjs +2 -0
- package/dist/list.cjs.map +1 -0
- package/dist/list.js +64 -0
- package/dist/list.js.map +1 -0
- package/dist/menu.cjs +4 -4
- package/dist/menu.cjs.map +1 -1
- package/dist/menu.js +60 -59
- package/dist/menu.js.map +1 -1
- package/dist/message-composer.cjs +14 -20
- package/dist/message-composer.cjs.map +1 -1
- package/dist/message-composer.js +63 -64
- package/dist/message-composer.js.map +1 -1
- package/dist/number-input.cjs +5 -3
- package/dist/number-input.cjs.map +1 -1
- package/dist/number-input.js +8 -4
- package/dist/number-input.js.map +1 -1
- package/dist/otp-input.cjs +9 -9
- package/dist/otp-input.cjs.map +1 -1
- package/dist/otp-input.js +70 -62
- package/dist/otp-input.js.map +1 -1
- package/dist/overlay/menu/menu-item.css.cjs +1 -1
- package/dist/overlay/menu/menu-item.css.cjs.map +1 -1
- package/dist/overlay/menu/menu-item.css.js +1 -1
- package/dist/overlay/menu/menu-item.css.js.map +1 -1
- package/dist/overlay/menu/menu-separator.css.cjs +1 -1
- package/dist/overlay/menu/menu-separator.css.cjs.map +1 -1
- package/dist/overlay/menu/menu-separator.css.js +1 -1
- package/dist/overlay/menu/menu-separator.css.js.map +1 -1
- package/dist/overlay/menu/menu.css.cjs +1 -1
- package/dist/overlay/menu/menu.css.cjs.map +1 -1
- package/dist/overlay/menu/menu.css.js +1 -1
- package/dist/overlay/menu/menu.css.js.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.d.ts.map +1 -1
- package/dist/overlay/shared/use-dialog.js +7 -6
- package/dist/overlay/shared/use-dialog.js.map +1 -1
- package/dist/radio-group.cjs +3 -3
- package/dist/radio-group.cjs.map +1 -1
- package/dist/radio-group.js +64 -70
- package/dist/radio-group.js.map +1 -1
- package/dist/radio.cjs +4 -4
- package/dist/radio.cjs.map +1 -1
- package/dist/radio.js +58 -58
- package/dist/radio.js.map +1 -1
- package/dist/rating.cjs.map +1 -1
- package/dist/rating.js.map +1 -1
- package/dist/refine.cjs +426 -233
- package/dist/refine.cjs.map +1 -1
- package/dist/refine.iife.js +431 -238
- package/dist/refine.iife.js.map +1 -1
- package/dist/refine.js +452 -259
- package/dist/refine.js.map +1 -1
- package/dist/select.cjs +21 -21
- package/dist/select.cjs.map +1 -1
- package/dist/select.js +135 -127
- package/dist/select.js.map +1 -1
- package/dist/shared/size-presets.cjs +1 -1
- package/dist/shared/size-presets.cjs.map +1 -1
- package/dist/shared/size-presets.d.ts +74 -0
- package/dist/shared/size-presets.d.ts.map +1 -1
- package/dist/shared/size-presets.js +48 -1
- package/dist/shared/size-presets.js.map +1 -1
- package/dist/shared/types.d.ts +5 -0
- package/dist/shared/types.d.ts.map +1 -1
- package/dist/styles/index.cjs +1 -1
- package/dist/styles/index.cjs.map +1 -1
- package/dist/styles/index.d.ts +1 -0
- package/dist/styles/index.d.ts.map +1 -1
- package/dist/styles/index.js +5 -4
- package/dist/styles/index.js.map +1 -1
- package/dist/styles/mixins/field-variants.css.cjs +85 -0
- package/dist/styles/mixins/field-variants.css.cjs.map +1 -0
- package/dist/styles/mixins/field-variants.css.d.ts +66 -0
- package/dist/styles/mixins/field-variants.css.d.ts.map +1 -0
- package/dist/styles/mixins/field-variants.css.js +90 -0
- package/dist/styles/mixins/field-variants.css.js.map +1 -0
- package/dist/switch.cjs +3 -3
- package/dist/switch.cjs.map +1 -1
- package/dist/switch.js +38 -36
- package/dist/switch.js.map +1 -1
- package/dist/tab-item.cjs +8 -8
- package/dist/tab-item.cjs.map +1 -1
- package/dist/tab-item.js +38 -28
- package/dist/tab-item.js.map +1 -1
- package/dist/tab-panel.cjs +7 -7
- package/dist/tab-panel.cjs.map +1 -1
- package/dist/tab-panel.js +34 -26
- package/dist/tab-panel.js.map +1 -1
- package/dist/tabs.cjs +4 -4
- package/dist/tabs.cjs.map +1 -1
- package/dist/tabs.js +64 -60
- package/dist/tabs.js.map +1 -1
- package/dist/textarea.cjs +15 -18
- package/dist/textarea.cjs.map +1 -1
- package/dist/textarea.js +83 -74
- package/dist/textarea.js.map +1 -1
- package/dist/time-picker.cjs +34 -31
- package/dist/time-picker.cjs.map +1 -1
- package/dist/time-picker.js +121 -109
- package/dist/time-picker.js.map +1 -1
- package/package.json +21 -9
- package/dist/headless/dialog-focus.cjs +0 -2
- package/dist/headless/dialog-focus.cjs.map +0 -1
- package/dist/headless/dialog-focus.d.ts +0 -40
- package/dist/headless/dialog-focus.d.ts.map +0 -1
- package/dist/headless/dialog-focus.js +0 -22
- package/dist/headless/dialog-focus.js.map +0 -1
- package/dist/headless/focus-trap.cjs +0 -2
- package/dist/headless/focus-trap.cjs.map +0 -1
- package/dist/headless/focus-trap.d.ts +0 -45
- package/dist/headless/focus-trap.d.ts.map +0 -1
- package/dist/headless/focus-trap.js +0 -51
- package/dist/headless/focus-trap.js.map +0 -1
package/dist/refine.cjs
CHANGED
|
@@ -241,7 +241,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
241
241
|
border-color: GrayText;
|
|
242
242
|
}
|
|
243
243
|
}
|
|
244
|
-
`,R=!1;function z(){if(!R){if(typeof CSS<`u`&&CSS.registerProperty)try{CSS.registerProperty({inherits:!1,initialValue:`0deg`,name:`--rainbow-angle`,syntax:`<angle>`})}catch{}R=!0}}var
|
|
244
|
+
`,R=!1;function z(){if(!R){if(typeof CSS<`u`&&CSS.registerProperty)try{CSS.registerProperty({inherits:!1,initialValue:`0deg`,name:`--rainbow-angle`,syntax:`<angle>`})}catch{}R=!0}}var B=!1;function V(){if(!B){if(typeof CSS<`u`&&CSS.registerProperty)try{CSS.registerProperty({inherits:!1,initialValue:`0deg`,name:`--shine-angle`,syntax:`<angle>`})}catch{}B=!0}}var te=e=>(z(),c.css`
|
|
245
245
|
/* ========================================
|
|
246
246
|
Rainbow Border Effect
|
|
247
247
|
======================================== */
|
|
@@ -310,7 +310,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
310
310
|
animation: none;
|
|
311
311
|
}
|
|
312
312
|
}
|
|
313
|
-
`),
|
|
313
|
+
`),H=e=>(V(),c.css`
|
|
314
314
|
/* ========================================
|
|
315
315
|
Shine Border Effect
|
|
316
316
|
======================================== */
|
|
@@ -369,7 +369,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
369
369
|
animation: none;
|
|
370
370
|
}
|
|
371
371
|
}
|
|
372
|
-
`),
|
|
372
|
+
`),ne=e=>c.css`
|
|
373
373
|
:host([variant='frost']) ${e} {
|
|
374
374
|
backdrop-filter: blur(var(--blur-xl)) saturate(200%) brightness(1.1);
|
|
375
375
|
-webkit-backdrop-filter: blur(var(--blur-xl)) saturate(200%) brightness(1.1);
|
|
@@ -422,7 +422,90 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
422
422
|
backdrop-filter: blur(var(--blur-3xl)) saturate(240%) brightness(1.2);
|
|
423
423
|
-webkit-backdrop-filter: blur(var(--blur-3xl)) saturate(240%) brightness(1.2);
|
|
424
424
|
}
|
|
425
|
-
`,
|
|
425
|
+
`,U=({accentVar:e=`--_theme-focus`,container:t,text:n=t,tokenPrefix:r})=>c.css`
|
|
426
|
+
@layer refine.variants {
|
|
427
|
+
/* Solid (default) */
|
|
428
|
+
:host(:not([variant])),
|
|
429
|
+
:host([variant='solid']) {
|
|
430
|
+
--_bg: var(--${r}-bg, var(--color-contrast-50));
|
|
431
|
+
--_border-color: var(--${r}-border-color, var(--color-contrast-300));
|
|
432
|
+
}
|
|
433
|
+
|
|
434
|
+
:host(:not([variant])) ${t}, :host([variant='solid']) ${t} {
|
|
435
|
+
box-shadow: var(--shadow-2xs);
|
|
436
|
+
}
|
|
437
|
+
|
|
438
|
+
/* Flat */
|
|
439
|
+
:host([variant='flat']) {
|
|
440
|
+
--_bg: var(--${r}-bg, var(--color-contrast-100));
|
|
441
|
+
--_border-color: var(--${r}-border-color, color-mix(in oklch, var(${e}) 20%, transparent));
|
|
442
|
+
}
|
|
443
|
+
|
|
444
|
+
:host([variant='flat']) ${t} {
|
|
445
|
+
box-shadow: var(--inset-shadow-2xs);
|
|
446
|
+
}
|
|
447
|
+
|
|
448
|
+
:host([variant='flat']:not([disabled])) ${t}:hover {
|
|
449
|
+
background: var(--${r}-hover-bg, color-mix(in oklch, var(--_theme-base) 6%, var(--color-contrast-100)));
|
|
450
|
+
border-color: var(
|
|
451
|
+
--${r}-hover-border-color,
|
|
452
|
+
color-mix(in oklch, var(--_theme-base) 35%, var(--color-contrast-300))
|
|
453
|
+
);
|
|
454
|
+
}
|
|
455
|
+
|
|
456
|
+
:host([variant='flat']:not([disabled])) ${t}:focus-within {
|
|
457
|
+
background: var(--${r}-focus-bg, color-mix(in oklch, var(--_theme-base) 8%, var(--color-canvas)));
|
|
458
|
+
border-color: var(--${r}-focus-border-color, color-mix(in oklch, var(${e}) 60%, transparent));
|
|
459
|
+
box-shadow: var(--_theme-shadow);
|
|
460
|
+
}
|
|
461
|
+
|
|
462
|
+
/* Bordered */
|
|
463
|
+
:host([variant='bordered']) {
|
|
464
|
+
--_bg: var(--${r}-bg, var(--_theme-backdrop));
|
|
465
|
+
--_border-color: var(--${r}-border-color, color-mix(in oklch, var(${e}) 70%, transparent));
|
|
466
|
+
}
|
|
467
|
+
|
|
468
|
+
:host([variant='bordered']:not([disabled])) ${t}:hover {
|
|
469
|
+
border-color: var(--${r}-hover-border-color, var(${e}));
|
|
470
|
+
}
|
|
471
|
+
|
|
472
|
+
:host([variant='bordered']) ${n} {
|
|
473
|
+
color: var(--_theme-base);
|
|
474
|
+
caret-color: var(--_theme-base);
|
|
475
|
+
}
|
|
476
|
+
|
|
477
|
+
:host([variant='bordered']) ${n}::placeholder {
|
|
478
|
+
color: var(--${r}-placeholder-color, color-mix(in oklch, var(--_theme-base) 45%, transparent));
|
|
479
|
+
}
|
|
480
|
+
|
|
481
|
+
/* Outline — border always visible, so unlike the other variants it can't lean on a
|
|
482
|
+
per-component \`:host{}\` base fallback for \`--_border-color\` that may or may not exist
|
|
483
|
+
(\`ore-message-composer\` has none — every other rule here sets both custom properties, so
|
|
484
|
+
its base layer omits a default on the assumption that always holds). Set explicitly. */
|
|
485
|
+
:host([variant='outline']) {
|
|
486
|
+
--_bg: var(--${r}-bg, transparent);
|
|
487
|
+
--_border-color: var(--${r}-border-color, var(--color-contrast-300));
|
|
488
|
+
}
|
|
489
|
+
|
|
490
|
+
:host([variant='outline']) ${t} {
|
|
491
|
+
box-shadow: none;
|
|
492
|
+
}
|
|
493
|
+
|
|
494
|
+
/* Ghost */
|
|
495
|
+
:host([variant='ghost']) {
|
|
496
|
+
--_bg: var(--${r}-bg, transparent);
|
|
497
|
+
--_border-color: var(--${r}-border-color, transparent);
|
|
498
|
+
}
|
|
499
|
+
|
|
500
|
+
:host([variant='ghost']) ${t} {
|
|
501
|
+
box-shadow: none;
|
|
502
|
+
}
|
|
503
|
+
|
|
504
|
+
:host([variant='ghost']:not([disabled])) ${t}:hover {
|
|
505
|
+
background: var(--${r}-hover-bg, var(--color-contrast-100));
|
|
506
|
+
}
|
|
507
|
+
}
|
|
508
|
+
`,re=e=>c.css`
|
|
426
509
|
@layer refine.base {
|
|
427
510
|
:host {
|
|
428
511
|
/* ── Public token API ─────────────────────────────────────────────── */
|
|
@@ -514,7 +597,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
514
597
|
width: 100%;
|
|
515
598
|
}
|
|
516
599
|
}
|
|
517
|
-
`,ie=[N,P,T,E],
|
|
600
|
+
`,ie=[N,P,T,E],W=[N,C,w,E,j],ae=!globalThis.__REFINE_PROD__;function G(e){ae&&console.warn(`[@vielzeug/refine] ${e}`)}var oe=`@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))}`,se=16,ce=2,le=24,ue=`http://www.w3.org/2000/svg`,de=new Set([`circle`,`clipPath`,`defs`,`ellipse`,`g`,`line`,`linearGradient`,`mask`,`path`,`polygon`,`polyline`,`radialGradient`,`rect`,`stop`,`symbol`,`use`]),fe=/^[a-zA-Z][a-zA-Z0-9:_-]*$/,pe=/^(on|xlink:|xml:|href$)/i,me=new Map(Object.entries(d.icons));function he(e){for(let[t,n]of Object.entries(e))me.set(t,n)}var ge=e=>e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).split(/[^a-zA-Z0-9]+/).filter(Boolean).map(e=>e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()).join(``),_e=e=>{if(e==null||e===``)return se;let t=Number(e);return Number.isFinite(t)&&t>0&&/^\d+(\.\d+)?$/.test(e.trim())?t:e},K=e=>me.get(e)??me.get(ge(e)),ve=(e,t)=>{if(!de.has(e))return null;let n=document.createElementNS(ue,e);for(let[e,r]of Object.entries(t))r!==void 0&&(!fe.test(e)||pe.test(e)||n.setAttribute(e,String(r)));return n},ye=`ore-icon`;(0,c.define)(ye,{props:{absoluteStrokeWidth:c.prop.bool(),label:c.prop.string(),name:c.prop.string(),size:{default:se,parse:_e,reflect:!1},solid:c.prop.bool(),strokeWidth:c.prop.number(ce)},setup(e){(0,c.bind)({attr:{"aria-hidden":()=>(e.label.value??``).trim()?null:`true`,"aria-label":()=>(e.label.value??``).trim()||null,role:()=>(e.label.value??``).trim()?`img`:null},style:{"--_size-px":()=>{let t=e.size.value;return typeof t==`number`?`${t}px`:String(t)}}});let t=(0,c.ref)(),n=(0,u.computed)(()=>{let t=(e.name.value??``).trim();if(!t)return;let n=K(t);return n||G(`ore-icon: icon not found: "${t.slice(0,64)}"`),n});return(0,c.watchEffect)(()=>{let r=t.value,i=n.value;if(!r||!i)return;let a=e.size.value,o=typeof a==`number`?a:le,s=e.absoluteStrokeWidth.value&&!e.solid.value?e.strokeWidth.value*(le/o):e.strokeWidth.value;r.setAttribute(`fill`,e.solid.value?`currentColor`:`none`),r.setAttribute(`stroke`,e.solid.value?`none`:`currentColor`),r.setAttribute(`stroke-linecap`,`round`),r.setAttribute(`stroke-linejoin`,`round`),r.setAttribute(`stroke-width`,String(e.solid.value?0:s)),r.setAttribute(`viewBox`,`0 0 24 24`);let c=i.map(([e,t])=>ve(e,t)).filter(e=>!!e);r.replaceChildren(...c)}),c.html`${(0,l.when)(()=>!!n.value,()=>c.html`<svg ref="${t}" part="svg" style="width:100%;height:100%"></svg>`)}`},styles:[oe]});var be=`@layer refine.base{:host{--_bg:var(--copy-command-bg,var(--color-contrast-100));--_color:var(--copy-command-color,var(--text-color-body));--_border-color:var(--copy-command-border-color,var(--color-contrast-300));--_radius:var(--copy-command-radius,var(--rounded-md));--_padding:var(--copy-command-padding,var(--size-2) var(--size-3));--_font-size:var(--copy-command-font-size,var(--text-sm));--_icon-color:var(--copy-command-icon-color,var(--text-color-secondary));--_hover-bg:var(--copy-command-hover-bg,var(--color-contrast-200));display:inline-block}:host([hidden]){display:none}:host([rounded=none]){--_radius:var(--rounded-none,0)}:host([rounded=sm]){--_radius:var(--rounded-sm)}:host([rounded=md]){--_radius:var(--rounded-md)}:host([rounded=lg]){--_radius:var(--rounded-lg)}:host([rounded=xl]){--_radius:var(--rounded-xl)}:host([rounded="2xl"]){--_radius:var(--rounded-2xl)}:host([rounded="3xl"]){--_radius:var(--rounded-3xl)}:host([rounded=full]){--_radius:var(--rounded-full)}:host([size=sm]){--_padding:var(--copy-command-padding,var(--size-1) var(--size-2));--_font-size:var(--copy-command-font-size,var(--text-xs))}:host([size=lg]){--_padding:var(--copy-command-padding,var(--size-2-5) var(--size-4));--_font-size:var(--copy-command-font-size,var(--text-base))}:host([variant=bordered]){--_bg:var(--copy-command-bg,transparent);--_border-color:var(--copy-command-border-color,var(--color-contrast-400))}:host([variant=ghost]){--_bg:var(--copy-command-bg,transparent);--_border-color:var(--copy-command-border-color,transparent);--_hover-bg:var(--copy-command-hover-bg,var(--color-contrast-100))}.wrapper{background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);transition:border-color var(--transition-normal), background var(--transition-normal);align-items:stretch;display:inline-flex;overflow:hidden}.command{gap:var(--size-2);padding:var(--_padding);font-family:var(--font-mono);font-size:var(--_font-size);color:var(--_color);text-align:start;cursor:pointer;transition:background var(--transition-normal);background:0 0;border:none;flex:1;align-items:center;display:inline-flex}.command:hover{background:var(--_hover-bg)}.command:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:calc(var(--_radius) - 1px)}.command-text{text-overflow:ellipsis;font-family:inherit;font-size:inherit;color:inherit;white-space:nowrap;background:0 0;flex:1;overflow:hidden}.copy-icon{color:var(--_icon-color);transition:color var(--transition-normal);flex-shrink:0;align-items:center;display:inline-flex}.icon-copied{color:var(--color-success,#44a53b)}@supports (color:lab(0% 0 0)){.icon-copied{color:var(--color-success,lab(60.204% -45.248 44.171))}}.icon-failed{color:var(--color-danger,#ed4042)}@supports (color:lab(0% 0 0)){.icon-failed{color:var(--color-danger,lab(54.9593% 66.408 40.8869))}}.suffix{align-items:stretch;display:flex}.suffix:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}.suffix:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_border-color)}.suffix[hidden]{display:none}::slotted([slot=suffix]){align-items:center;display:flex}}`,xe=`ore-copy-command`;(0,c.define)(xe,{props:{rounded:c.prop.string(`md`),size:c.prop.string(`md`),value:c.prop.string(``),variant:c.prop.string(`flat`)},setup(e){let t=(0,c.useEmit)(),n=(0,c.useSlots)(),r=(0,u.signal)(!1),i=(0,u.signal)(!1),a=null;(0,c.onCleanup)(()=>{a!==null&&clearTimeout(a)});let o=async()=>{let n=e.value.value??``;if(n){a!==null&&clearTimeout(a);try{await navigator.clipboard.writeText(n),r.value=!0,i.value=!1,t(`copy`,{value:n})}catch{r.value=!1,i.value=!0}a=setTimeout(()=>{r.value=!1,i.value=!1,a=null},2e3)}},s=(0,u.computed)(()=>n.has(`suffix`).value);return c.html`
|
|
518
601
|
<div class="wrapper" part="wrapper">
|
|
519
602
|
<button class="command" part="command" type="button" :aria-label="${(0,u.computed)(()=>r.value?`Copied!`:i.value?`Copy failed — press to try again`:`Copy: ${e.value.value??``}`)}" @click=${o}>
|
|
520
603
|
<code class="command-text" part="command-text">${e.value}</code>
|
|
@@ -529,7 +612,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
529
612
|
<div role="status" class="sr-only">
|
|
530
613
|
${()=>r.value?`Copied to clipboard.`:i.value?`Copy failed. Select the command text and copy it manually.`:``}
|
|
531
614
|
</div>
|
|
532
|
-
`},styles:[S,G]});var q={color:c.prop.string()},J={size:c.prop.string()},Y={disabled:c.prop.bool(!1)},ye={loading:c.prop.bool(!1)},X={rounded:c.prop.string()},be={elevation:c.prop.number()},xe={...q,...J,...Y,...ye,...X},Se={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)`}},Ce={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)`}},we={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)`}},Te={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)`}},Ee={lg:{fontSize:`var(--text-base)`,height:`calc(var(--size-5) - var(--size-1))`,size:`var(--size-5)`},md:{fontSize:`var(--text-base)`,height:`var(--size-3)`,size:`var(--size-5)`},sm:{fontSize:`var(--text-xs)`,height:`var(--size-2)`,size:`var(--size-4)`}},De={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)`}},Oe={lg:{"--_min-height":`var(--size-40)`,fontSize:`var(--text-base)`},md:{"--_min-height":`var(--size-32)`,fontSize:`var(--text-sm)`},sm:{"--_min-height":`var(--size-28)`,fontSize:`var(--text-xs)`}},ke=`@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%}}`,Ae=`ore-progress`;(0,c.define)(Ae,{props:{...q,...J,"floating-label":c.prop.string(),indeterminate:c.prop.bool(!1),label:c.prop.string(),max:c.prop.number(100),title:c.prop.string(),type:c.prop.oneOf([`linear`,`circular`,`vertical`],`linear`),value:c.prop.number(0),"value-text":c.prop.string()},setup(e){let t=(0,c.getHost)(),n=c.watchEffect,r=2*Math.PI*45,i=(0,u.computed)(()=>`${Math.max(0,Math.min(Number(e.value.value),Number(e.max.value)))/Math.max(1,Number(e.max.value))*100}%`),a=(0,u.computed)(()=>{let t=Math.max(0,Math.min(Number(e.value.value),Number(e.max.value))),n=Math.max(1,Number(e.max.value));return r-t/n*r}),o=()=>e.indeterminate.value?null:String(e.value.value),s=()=>e.label.value??e.title.value??`Progress`,d=(0,l.styleMap)({"--_circ":`${r}px`}),f=()=>e.indeterminate.value?void 0:`${r}px`,p=()=>e.indeterminate.value?void 0:`${a.value}px`,m=(0,u.computed)(()=>e.type.value===`vertical`),h=(0,l.styleMap)({height:()=>!e.indeterminate.value&&m.value?i.value:null,width:()=>!e.indeterminate.value&&!m.value?i.value:null});n(()=>{t.style.setProperty(`--_percent`,e.indeterminate.value?`0%`:i.value)});let g=()=>c.html` <div
|
|
615
|
+
`},styles:[S,be]});var q={color:c.prop.string()},J={size:c.prop.string()},Y={disabled:c.prop.bool(!1)},Se={loading:c.prop.bool(!1)},X={rounded:c.prop.string()},Ce={elevation:c.prop.number()},we={...q,...J,...Y,...Se,...X},Te={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)`}},Ee={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)`}},De={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)`}},Oe={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)`}},ke={lg:{fontSize:`var(--text-base)`,height:`calc(var(--size-5) - var(--size-1))`,size:`var(--size-5)`},md:{fontSize:`var(--text-base)`,height:`var(--size-3)`,size:`var(--size-5)`},sm:{fontSize:`var(--text-xs)`,height:`var(--size-2)`,size:`var(--size-4)`}},Ae={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)`}},je={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)`}},Me={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)`}},Ne={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)`}},Pe=`@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%}}`,Fe=`ore-progress`;(0,c.define)(Fe,{props:{...q,...J,"floating-label":c.prop.string(),indeterminate:c.prop.bool(!1),label:c.prop.string(),max:c.prop.number(100),title:c.prop.string(),type:c.prop.oneOf([`linear`,`circular`,`vertical`],`linear`),value:c.prop.number(0),"value-text":c.prop.string()},setup(e){let t=(0,c.getHost)(),n=c.watchEffect,r=2*Math.PI*45,i=(0,u.computed)(()=>`${Math.max(0,Math.min(Number(e.value.value),Number(e.max.value)))/Math.max(1,Number(e.max.value))*100}%`),a=(0,u.computed)(()=>{let t=Math.max(0,Math.min(Number(e.value.value),Number(e.max.value))),n=Math.max(1,Number(e.max.value));return r-t/n*r}),o=()=>e.indeterminate.value?null:String(e.value.value),s=()=>e.label.value??e.title.value??`Progress`,d=(0,l.styleMap)({"--_circ":`${r}px`}),f=()=>e.indeterminate.value?void 0:`${r}px`,p=()=>e.indeterminate.value?void 0:`${a.value}px`,m=(0,u.computed)(()=>e.type.value===`vertical`),h=(0,l.styleMap)({height:()=>!e.indeterminate.value&&m.value?i.value:null,width:()=>!e.indeterminate.value&&!m.value?i.value:null});n(()=>{t.style.setProperty(`--_percent`,e.indeterminate.value?`0%`:i.value)});let g=()=>c.html` <div
|
|
533
616
|
class="circular-track"
|
|
534
617
|
role="progressbar"
|
|
535
618
|
:aria-valuenow="${o}"
|
|
@@ -573,7 +656,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
573
656
|
</div>
|
|
574
657
|
<span class="end-label row-label">${()=>e.label.value??``}</span>
|
|
575
658
|
</div>
|
|
576
|
-
</div>`;return c.html` ${()=>e.type.value===`circular`?g():_()} `},styles:[N,F,w,ke]});var Z=e=>{let t=new AbortController;return e(()=>t.abort()),t.signal},je=(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)})}},Me=e=>(0,u.computed)(()=>({errorText:e.error?.value??``,helperText:e.helper?.value??``})),Ne=e=>(0,u.computed)(()=>{let t=e.value?.value??``,n=e.maxLength?.value,r=Number(n),i=Number.isFinite(r)&&r>0?r:null,a=i!==null,o=a?`${t.length} / ${i}`:``,s=a?t.length/i:0;return{counterAtLimit:a?s>=1:!1,counterNearLimit:a?s>=.9&&s<1:!1,counterText:o}}),Pe=(e,t=`counter`)=>e?e.counterAtLimit?`${t} at-limit`:e.counterNearLimit?`${t} near-limit`:t:t,Fe=e=>{let t=(0,u.computed)(()=>!!e.disabled?.value),n=(0,c.createStableId)(`helper`),r=(0,c.createStableId)(`error`),i=Me({error:e.error,helper:e.helper}),a=(0,u.computed)(()=>i.value.errorText||i.value.helperText?n:null),o=(0,u.computed)(()=>i.value.errorText?r:null),s=(0,u.computed)(()=>i.value.errorText?`true`:null),l=null;return{ariaDescribedBy:a,ariaErrorMessage:o,ariaInvalid:s,assistiveId:n,attachFormField:e=>{l=e},disabled:t,errorId:r,errorText:(0,u.computed)(()=>i.value.errorText),helperText:(0,u.computed)(()=>i.value.helperText),triggerValidation:t=>{if(e.validateOn?.value===t){if(!l){W(`triggerValidation() called before attachFormField() — validation will not run. See createTextField()/createChoiceField()/createCheckable()'s attachFormField doc comment.`);return}l.reportValidity()}}}},Ie=e=>{let t=e.id??(0,c.createStableId)(e.prefix??`field`),n=(0,c.createStableId)(`label`),r=e.label??(0,u.computed)(()=>void 0),i=e.hasLabel??(0,u.computed)(()=>!!r.value);return{ariaLabelledBy:(0,u.computed)(()=>i.value?n:null),fieldId:t,labelId:n,labelVisible:i}},Le=e=>({...Fe(e),...Ie(e)}),Re=(e,t,n=e=>e)=>{let r=(0,u.signal)((0,u.untrack)(()=>n(e.value))),i=(0,u.watch)(e,e=>{r.value=n(e)});return t&&t.addEventListener(`abort`,()=>i.dispose(),{once:!0}),r},ze=e=>e.trim()===``,Be=e=>String(e??``),Ve=e=>{let t=Re(e.value,e.signal,Be),n=Le(e),r=e.maxLength?Ne({maxLength:e.maxLength,value:t}):null,i=(0,u.computed)(()=>!e.readonly?.value&&e.required?.value&&ze(t.value)?{valueMissing:!0}:null),a=(0,u.computed)(()=>i.value?e.requiredMessage?.value||`This field is required.`:``),o=()=>{t.value=Be(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}},He=e=>e?Array.isArray(e)?e.filter(Boolean):e.split(`,`).map(e=>e.trim()).filter(Boolean):[],Ue=e=>{let t=(0,u.signal)([]),n=(0,u.computed)(()=>!!e.multiple?.value),r=(0,u.computed)(()=>n.value?t.value.join(`,`):t.value[0]??``),i=e=>{let t=n.value?e:e.slice(0,1);return[...new Set(t.filter(Boolean))]},a=!1,o=e=>{t.value=i(e)},s=e=>{a=!0,o(e)},c=()=>s([]),l=e=>{a=!0,t.value=t.value.filter(t=>t!==e)},d=e=>{if(n.value){t.value.includes(e)||s([...t.value,e]);return}s([e])},f=e=>{n.value&&t.value.includes(e)?l(e):d(e)},p=e=>{o(He(e))},m=Le(e),h=(0,u.computed)(()=>e.required?.value&&t.value.length===0?{valueMissing:!0}:null),g=(0,u.computed)(()=>h.value?e.requiredMessage?.value||`Please make a selection.`:``),_=(0,u.watch)(e.value,p,{immediate:!0});if(e.signal.addEventListener(`abort`,()=>_.dispose(),{once:!0}),e.multiple){let t=(0,u.watch)(e.multiple,()=>p(e.value.value));e.signal.addEventListener(`abort`,()=>t.dispose(),{once:!0})}let v=t.value,y=()=>{o(a?v:He(e.value.value)),a=!1,m.triggerValidation(`change`)};return{...m,clear:c,formValue:r,removeValue:l,reset:y,selectedValue:(0,u.computed)(()=>t.value[0]),selectedValues:t,selectValue:d,setValues:s,toggleValue:f,validationMessage:g,validity:h}},We=(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},Ge=e=>{let t=()=>!!e.disabled?.value,n=e.keys??[`Enter`,` `],r=Object.fromEntries(n.map(t=>[t,t=>e.onPress?.(t,`keyboard`)]));return{handleBlur:n=>{t()||e.onBlur?.(n)},handleClick:n=>t()?!1:(e.onPress?.(n,`pointer`),!0),handleFocus:n=>{t()||e.onFocus?.(n)},handleKeydown:t=>We(t,{disabled:e.disabled,keymap:r})}},Ke=e=>{let t=Re(e.checked,e.signal,Boolean),n=e.indeterminate?Re(e.indeterminate,e.signal,Boolean):(0,u.signal)(!1),r=t.value,i=n.value,a=!1,o=(0,u.computed)(()=>n.value?null:t.value?e.value.value??``:null),s=Le(e),c=(0,u.computed)(()=>e.required?.value&&(!t.value||n.value)?{valueMissing:!0}:null),l=(0,u.computed)(()=>c.value?e.requiredMessage?.value||`This field is required.`:``),d=()=>{t.value=a?r:!!e.checked.value,n.value=a?i:!!e.indeterminate?.value,a=!1,s.triggerValidation(`change`)},f=n=>({checked:t.value,originalEvent:n,value:e.value.value??``}),p=r=>{if(!s.disabled.value){if(a=!0,e.group){n.value=!1,e.group.toggle(e.value.value??``,r),e.onToggle?.(f(r));return}e.clearIndeterminateFirst&&n.value||(t.value=!t.value),n.value=!1,e.onToggle?.(f(r))}},m=Ge({disabled:s.disabled,onPress:e=>p(e)});return{...s,checkableFormValue:o,checked:t,handleClick:m.handleClick,handleKeydown:m.handleKeydown,indeterminate:n,reset:d,toggle:p,validationMessage:l,validity:c}},qe=e=>!e||e.trim()===``,Je=e=>{let t=(0,u.computed)(()=>!qe(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:(0,u.computed)(()=>(e.sendShortcut?.value??`enter`)===`mod+enter`?`Control+Enter Meta+Enter`:`Enter`),send:n}},Ye=class e extends Error{constructor(e,t){super(e,t),this.name=new.target.name,Object.setPrototypeOf(this,new.target.prototype)}static is(t){return t instanceof e}},Xe=class extends Ye{},Ze=e=>{let t=e.delay??500,n=``,r=null,i=()=>{n=``,r!==null&&(clearTimeout(r),r=null)};return e.signal?.addEventListener(`abort`,i,{once:!0}),{handleKeydown:a=>{if(a.key.length!==1||a.ctrlKey||a.altKey||a.metaKey)return!1;n+=a.key.toLowerCase(),r!==null&&clearTimeout(r),r=setTimeout(i,t);let o=e.getItems(),s=e.getIndex(),c=s>=0?s+1:0;for(let t=0;t<o.length;t++){let r=(c+t)%o.length;if(!e.isItemDisabled?.(o[r],r)&&e.getItemLabel(o[r],r).toLowerCase().startsWith(n))return e.onNavigate(r,a),!0}return!1},reset:i}},Qe=(e,t,n)=>{for(let r=t;r<e.length;r++)if(n(e[r],r))return r;return-1},$e=(e,t,n)=>{for(let r=t;r>=0;r--)if(n(e[r],r))return r;return-1},et={both:{first:[`Home`],last:[`End`],next:[`ArrowDown`,`ArrowRight`],prev:[`ArrowUp`,`ArrowLeft`]},horizontal:{first:[`Home`],last:[`End`],next:[`ArrowRight`],prev:[`ArrowLeft`]},vertical:{first:[`Home`],last:[`End`],next:[`ArrowDown`],prev:[`ArrowUp`]}},tt=e=>typeof e==`object`&&!!e&&`disabled`in e,nt=e=>{let t=(0,u.signal)(-1),n=(t,n)=>e.isItemDisabled?.(t,n)??(tt(t)?t.disabled:!1),r=(n,r,i)=>(n>=0&&(t.value=n,e.onNavigate?.(r,n,i)),n),i=(e,t,r)=>r===`forward`?Qe(e,t,(e,t)=>!n(e,t)):$e(e,t,(e,t)=>!n(e,t)),a=r=>{if(r<0)return l(),-1;let i=e.getItems();if(!i.length)return-1;let a=Math.min(r,i.length-1);return n(i[a],a)?-1:(t.value=a,a)},o=(n,a)=>{let o=e.getItems(),s=t.value;if(!o.length)return-1;let c=s<0?n===`forward`?0:o.length-1:n===`forward`?s+1:s-1,l=i(o,c,n),u=n===`forward`?`next`:`prev`;if(l>=0)return r(l,u,a);if(e.loop){let e=n===`forward`?0:o.length-1,t=i(o,e,n);if(t>=0)return r(t,u,a)}return s},s=t=>{let n=e.getItems();if(!n.length)return-1;if(t===`first`){let e=i(n,0,`forward`);return r(e,`first`)}if(t===`last`){let e=i(n,n.length-1,`backward`);return r(e,`last`)}return o(t===`next`?`forward`:`backward`)},c=()=>{let n=e.getItems(),r=t.value;return r>=0&&r<n.length?n[r]:void 0},l=()=>{t.value=-1},d=()=>!!e.disabled?.value,f=()=>typeof e.orientation==`function`?e.orientation():e.orientation??`vertical`,p=()=>{let t=e.keys,n=et[f()],a={first:t?.first??n.first,last:t?.last??n.last,next:t?.next??n.next,prev:t?.prev??n.prev},s={};for(let t of[`next`,`prev`,`first`,`last`])for(let n of a[t])s[n]=n=>{if(t===`first`||t===`last`){let a=e.getItems();if(!a.length)return;let o=t===`first`?i(a,0,`forward`):i(a,a.length-1,`backward`);r(o,t,n)}else o(t===`next`?`forward`:`backward`,n)};return s},m=e.getItemLabel?Ze({getIndex:()=>t.value,getItemLabel:e.getItemLabel,getItems:e.getItems,isItemDisabled:(e,t)=>n(e,t),onNavigate:(n,r)=>{d()||(t.value=n,e.onNavigate?.(`typeahead`,n,r))}}):null,h=typeof e.orientation==`function`?null:p(),g=t=>{let n=h??p();return We(t,{disabled:e.disabled,keymap:n})?!0:m?.handleKeydown(t)??!1},_=()=>{m?.reset()};return e.signal&&e.signal.addEventListener(`abort`,_,{once:!0}),{focusedIndex:t,getActiveItem:c,handleKeydown:g,navigate:s,reset:l,set:a,[Symbol.dispose]:_}},rt=e=>{let t=null,n=()=>typeof e.restoreFocus==`function`?e.restoreFocus():e.restoreFocus??!0,r=t=>{if(!e.isOpen())return;let n=t.composedPath?.()??[],r=e.getBoundary(),i=e.getPanel?.()??null,a=n[0]??t.target,s=a instanceof Node?a:null,c=n.some(e=>e===r||e===i),l=s?(r?.contains(s)??!1)||(i?.contains(s)??!1):!1;!c&&!l&&o(`outsideClick`)},i=e=>{e?document.addEventListener(`pointerdown`,r,{capture:!0}):document.removeEventListener(`pointerdown`,r,{capture:!0})},a=(n=`programmatic`)=>{e.isDisabled?.()||e.isOpen()||(e.setOpen(!0,n),i(!0),e.positioner&&(e.positioner.update(),t=e.positioner.startAutoUpdate?.()??null),e.onOpen?.(n))},o=(r=`programmatic`,a,o=!1)=>{e.isOpen()&&(e.setOpen(!1,r),i(!1),t&&=(t(),null),(a??n())&&e.getTrigger?.()?.focus(),o||e.onClose?.(r))},s=(t=`click`,n=`trigger`)=>{e.isOpen()?o(n):a(t)},c=()=>{e.isOpen()&&o(`programmatic`,!1,!0),i(!1),t&&=(t(),null)};return e.signal.addEventListener(`abort`,c,{once:!0}),{close:o,dispose:c,open:a,[Symbol.dispose]:c,toggle:s}};function it(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 at=e=>e.endsWith(`-start`)?e.replace(`-start`,`-end`):e.endsWith(`-end`)?e.replace(`-end`,`-start`):e;function ot({boundary:e,getDir:t,getFloating:n,getPlacement:r,getReference:i,matchWidth:a=!0,offsetPx:o=0,padding:s=6}){function c(){let e=r?.()??`bottom-start`;return(t?.()??it(i()))===`rtl`?at(e):e}function l(){let t=i(),r=n();if(!t||!r)return;let l=c(),u=(0,f.computePosition)(t,r,{boundary:e??(0,f.getClippingAncestorRect)(r),middleware:[...o?[(0,f.offset)(o)]:[],(0,f.flip)({padding:s}),(0,f.shift)({padding:s}),...a?[(0,f.size)({padding:s})]:[]],placement:l});r.style.left=`${u.x}px`,r.style.top=`${u.y}px`;let d=r.style.transition,p=r.style.transform;r.style.transition=`none`,r.style.transform=`none`;let m=r.getBoundingClientRect(),h=u.x-m.left,g=u.y-m.top;r.style.transition=d,r.style.transform=p,(h!==0||g!==0)&&(r.style.left=`${u.x+h}px`,r.style.top=`${u.y+g}px`),a&&(r.style.width=`${t.getBoundingClientRect().width}px`)}function u(){let e=i(),t=n();return!e||!t?()=>{}:(0,f.autoUpdate)(e,t,l)}return{floating:n,reference:i,startAutoUpdate:u,update:l}}var st=e=>{if(typeof e.getBoundary!=`function`)throw new Xe(`createOptionList: getBoundary is required`);if(typeof e.getPanel!=`function`)throw new Xe(`createOptionList: getPanel is required`);if(typeof e.getReference!=`function`)throw new Xe(`createOptionList: getReference is required`);let t=(0,u.signal)(!1),n=(0,u.computed)(()=>String(t.value)),r=ot({...e.positioning,getFloating:e.getPanel,getReference:e.getReference}),i=()=>{e.getFocusedOptionElement?.()?.scrollIntoView({block:`nearest`})},a=nt({disabled:(0,u.computed)(()=>!t.value),getItemLabel:e.getItemLabel,getItems:e.getItems,isItemDisabled:e.isItemDisabled,keys:e.keys,loop:e.loop??!0,onNavigate:(t,n,r)=>{i(),n>=0&&e.onNavigate?.(t,n,r)},orientation:e.orientation,signal:e.signal}),o=(0,u.computed)(()=>{let n=a.focusedIndex.value;return e.getOptionId&&t.value&&n>=0?e.getOptionId(n):null}),s=rt({getBoundary:e.getBoundary,getPanel:e.getPanel,getTrigger:e.getTrigger,isDisabled:e.isDisabled,isOpen:()=>t.value,onClose:e.onClose,onOpen:e.onOpen,positioner:r,restoreFocus:e.restoreFocus,setOpen:e=>{t.value=e,e||a.reset()},signal:e.signal});return{ariaActiveDescendant:o,ariaExpanded:n,close:e=>s.close(e),focusedIndex:a.focusedIndex,getActiveItem:a.getActiveItem,handleKeydown:e=>t.value?e.key===`Escape`?(e.preventDefault(),s.close(`escape`),!0):a.handleKeydown(e):!1,isOpen:t,navigate:a.navigate,open:e=>s.open(e),scrollFocusedIntoView:i,set:a.set,toggle:(e,t)=>s.toggle(e,t),updatePosition:r.update}},ct=e=>{let t=(0,u.signal)(0),n=()=>{let t=e.pageSize;return t===void 0?10:typeof t==`number`?t:t.value??10},r=(0,u.computed)(()=>Math.ceil(e.getItems().length/n())),i=(0,u.computed)(()=>r.value===0?-1:Math.min(t.value,r.value-1)),a=(0,u.computed)(()=>{let t=i.value,r=n(),a=t*r;return e.getItems().slice(a,a+r)});return{goTo:e=>{Number.isFinite(e)&&(t.value=Math.max(0,e))},hasNext:(0,u.computed)(()=>r.value>0&&i.value<r.value-1),hasPrev:(0,u.computed)(()=>i.value>0),next:()=>{r.value>0&&i.value<r.value-1&&(t.value=i.value+1)},pageCount:r,pageIndex:i,pageItems:a,prev:()=>{i.value>0&&(t.value=i.value-1)},reset:()=>{t.value=0}}},lt=e=>{let t=Number(e);return Number.isFinite(t)?t:void 0},ut=(e,t)=>lt(e)??t,dt=(e,t)=>Math.abs(ut(e,t))||t,ft=e=>{let t=()=>!!e.disabled?.value||!!e.readonly?.value,n=()=>lt(e.min?.value),r=()=>lt(e.max?.value),i=e=>(0,p.clamp)(e,n(),r()),a=()=>dt(e.step?.value,1),o=()=>{let t=a();return dt(e.largeStep?.value,t*10)},s=()=>e.parse()??n()??0,c=(t,n)=>{if(t==null){e.commit(null,n);return}e.commit(i(t),n)},l=(e,n)=>{t()||c(s()+e,n)};return{atMax:()=>{let t=e.parse(),n=r();return t!=null&&n!=null&&t>=n},atMin:()=>{let t=e.parse(),r=n();return t!=null&&r!=null&&t<=r},handleKeydown:e=>t()?!1:We(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}},pt=e=>{let t=()=>ut(e.min?.value,0),n=()=>ut(e.max?.value,100),r=()=>dt(e.step?.value,1),i=e=>{let r=t(),i=n();return(0,p.clamp)(ut(e,r),r,i)},a=e=>{let n=t();return i(Math.round(ut(e,n)/r())*r())},o=e=>{let r=t(),i=n(),a=ut(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=ut(a,t());return e===`ArrowRight`||e===`ArrowUp`?i(o+r()):e===`ArrowLeft`||e===`ArrowDown`?i(o-r()):e===`Home`?t():e===`End`?n():null};return{clamp:i,fromClientX:s,handleKeydown:(t,n,r)=>{if(e.disabled?.value||e.readonly?.value)return!1;let i=c(t.key,n);return i===null?!1:(t.preventDefault(),r(i),!0)},max:n,min:t,nextFromKey:c,snap:a,toPercent:o}},mt=e=>e.axis?.()??`x`,ht=e=>{let t=e.threshold?.()??48;return Number.isFinite(t)&&t>0?t:1},gt=(e,t)=>t===`x`?e.clientX:e.clientY,_t=e=>e.currentTarget instanceof HTMLElement?e.currentTarget:e.target instanceof HTMLElement?e.target:null,vt=e=>{let t=null,n=()=>!!e.disabled?.value,r=()=>{t=null},i=e=>t?.pointerId===e.pointerId,a=e=>{if(!t)return null;let n=gt(e,t.axis),r=n-t.start;return{axis:t.axis,current:n,distance:r,event:e,pointerId:t.pointerId,progress:Math.min(Math.abs(r)/t.threshold,1),start:t.start,threshold:t.threshold}};return{dispose:r,handlePointerCancel:n=>{if(!t||!i(n))return!1;let o=a(n);return r(),o&&e.onCancel?.(o),!0},handlePointerDown:r=>{if(t||n())return!1;let i=mt(e);t={axis:i,pointerId:r.pointerId,start:gt(r,i),threshold:ht(e)},(typeof e.captureTarget==`function`?e.captureTarget(r):_t(r))?.setPointerCapture?.(r.pointerId);let o=a(r);return o&&e.onStart?.(o),!0},handlePointerMove:n=>{if(!t||!i(n))return!1;let o=a(n);return o?(e.onMove?.(o),e.shouldCommit?.(o)??Math.abs(o.distance)>=o.threshold?(r(),e.onCommit?.(o),!0):!0):!1},handlePointerUp:n=>{if(!t||!i(n))return!1;let o=a(n);return r(),o&&e.onRelease?.(o),!0},isActive:()=>t!=null,[Symbol.dispose]:r}},yt=new WeakMap,bt=new WeakMap,xt=(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=x,t.body.appendChild(n),n},St=(e,t)=>{let n=yt.get(t);return n?.[e]&&!t.body.contains(n[e])&&(n[e]=void 0),n?.[e]||(n||(n={},yt.set(t,n)),n[e]=xt(e,t)),n[e]??null},Ct=(e,t={})=>{if(typeof document>`u`)return;let n=St(t.politeness??`polite`,document);if(!n)return;n.textContent=``;let r=bt.get(n);r!==void 0&&clearTimeout(r);let i=setTimeout(()=>{n.textContent=e,bt.delete(n)},50);bt.set(n,i)};function wt(e){if(!e)return null;try{return(0,m.parsePlainDate)(e)}catch{return null}}function Tt(e){return e?e.toString():null}function Et(e,t){return(0,m.format)(e,{intl:{day:`numeric`,month:`short`,year:`numeric`},locale:t,tz:`UTC`})}function Dt(){return m.Temporal.Now.plainDateISO()}function Ot(e){return e%7}function kt(e){let t=e.value??null,n=`day`,r=t??Dt(),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&&m.Temporal.PlainDate.compare(t,e.min)<0||e.max&&m.Temporal.PlainDate.compare(t,e.max)>0)}function l(e){return!!(c(e)||s().includes(Ot(e.dayOfWeek)))}function u(){let e=Dt(),n=m.Temporal.PlainDate.from({day:1,month:a,year:i}),r=Ot(n.dayOfWeek),o=[];for(let i=r-1;i>=0;i--){let r=n.subtract({days:i+1});o.push({day:r.day,isDisabled:l(r),iso:r.toString(),isOutsideMonth:!0,isSelected:t!==null&&m.Temporal.PlainDate.compare(r,t)===0,isToday:m.Temporal.PlainDate.compare(r,e)===0,plain:r})}let s=n.daysInMonth;for(let n=1;n<=s;n++){let r=m.Temporal.PlainDate.from({day:n,month:a,year:i});o.push({day:n,isDisabled:l(r),iso:r.toString(),isOutsideMonth:!1,isSelected:t!==null&&m.Temporal.PlainDate.compare(r,t)===0,isToday:m.Temporal.PlainDate.compare(r,e)===0,plain:r})}let c=(7-o.length%7)%7,u=n.add({months:1});for(let n=0;n<c;n++){let r=u.add({days:n});o.push({day:r.day,isDisabled:l(r),iso:r.toString(),isOutsideMonth:!0,isSelected:t!==null&&m.Temporal.PlainDate.compare(r,t)===0,isToday:m.Temporal.PlainDate.compare(r,e)===0,plain:r})}return o}function d(){let n=[],r=o();for(let a=1;a<=12;a++){let o=m.Temporal.PlainDate.from({day:1,month:a,year:i}),s=o.with({day:o.daysInMonth}),c=(e.min!==null&&e.min!==void 0?m.Temporal.PlainDate.compare(s,e.min)<0:!1)||(e.max!==null&&e.max!==void 0?m.Temporal.PlainDate.compare(o,e.max)>0:!1);n.push({isDisabled:c,isSelected:t!==null&&t.year===i&&t.month===a,label:(0,m.format)(o,{intl:{month:`long`},locale:r,tz:`UTC`}),month:a,shortLabel:(0,m.format)(o,{intl:{month:`short`},locale:r,tz:`UTC`})})}return n}function f(){let n=Math.floor(i/10)*10,r=[];for(let i=n;i<n+12;i++){let n=m.Temporal.PlainDate.from({day:1,month:1,year:i}),a=m.Temporal.PlainDate.from({day:31,month:12,year:i}),o=(e.min!==null&&e.min!==void 0?m.Temporal.PlainDate.compare(a,e.min)<0:!1)||(e.max!==null&&e.max!==void 0?m.Temporal.PlainDate.compare(n,e.max)>0:!1);r.push({isDisabled:o,isSelected:t!==null&&t.year===i,year:i})}return r}function p(){let e=(0,m.parsePlainDate)(`2024-01-07`),t=o();return Array.from({length:7},(n,r)=>(0,m.format)(e.add({days:r}),{intl:{weekday:`short`},locale:t,tz:`UTC`}))}return{dayCells:u,displayMonth:()=>a,displayYear:()=>i,goTo(e,t){Number.isFinite(e)&&(i=e,a=Math.max(1,Math.min(12,t)))},monthCells:d,nextMonth(){a===12?(a=1,i++):a++},nextYear(){i++},prevMonth(){a===1?(a=12,i--):a--},prevYear(){i--},select(n){n!==null&&l(n)||(t=n,t&&(i=t.year,a=t.month),e.onChange(t))},selected:()=>t,setView(e){n=e},view:()=>n,weekdayLabels:p,yearCells:f}}function At(e){let t=null,n=null;return{applyInitialFocus(){n!==null&&(cancelAnimationFrame(n),n=null);let t=e.getInitialFocusSelector();if(t){let r=e.host.shadowRoot??e.host,i=null;try{i=r.querySelector(t)}catch{return}i&&(n=requestAnimationFrame(()=>{n=null,i.focus()}))}},cancelInitialFocus(){n!==null&&(cancelAnimationFrame(n),n=null)},captureReturnFocus(){t=document.activeElement},restoreFocus(){e.getReturnFocus()!==!1&&t&&(t.focus(),t=null)}}}var jt=(e,t)=>Array.from(e.getElementsByTagName(t)),Mt=(e,t)=>e.find(e=>(e.getAttribute(`value`)??``)===t)?.textContent?.replace(/\s+/g,` `).trim()||t,Nt=e=>{let t=(0,u.signal)(new Set),n=e=>t.value.has(e),r=()=>{let n=e.pageItems();return n.length?n.every(n=>t.value.has(e.getRowKey(n))):!1},i=n=>{t.value=n,e.onSelectionChange?.(n)};return{clearSelection:()=>{i(new Set)},isAllSelected:r,isSelected:n,selectAll:()=>{if(e.selectionMode()!==`multi`)return;let n=e.pageItems();if(r()){let r=new Set(t.value);for(let t of n)r.delete(e.getRowKey(t));i(r)}else{let r=new Set(t.value);for(let t of n)r.add(e.getRowKey(t));i(r)}},selectedKeys:(0,u.computed)(()=>new Set(t.value)),setSelection:e=>{i(new Set(e))},toggleRow:n=>{let r=e.selectionMode();if(r===`none`)return;let a=new Set(t.value);a.has(n)?a.delete(n):(r===`single`&&a.clear(),a.add(n)),i(a)}}},Pt=e=>{let t=e.items,n=(0,u.signal)(``),r=(0,u.signal)(`none`),i=(0,u.computed)(()=>({direction:r.value,key:n.value}));return{sortBy:t=>{n.value===t?r.value===`asc`?r.value=`desc`:r.value===`desc`&&(n.value=``,r.value=`none`):(n.value=t,r.value=`asc`),e.onSortChange?.({direction:r.value,key:n.value})},sortedItems:(0,u.computed)(()=>{let i=t.value,a=n.value,o=r.value;if(!a||o===`none`)return i;let s=e.columns().find(e=>e.key===a);return i.slice().sort((e,t)=>{let n=s?.sortValue?s.sortValue(e):e[a],r=s?.sortValue?s.sortValue(t):t[a],i=typeof n==`number`&&typeof r==`number`?n-r:String(n??``).localeCompare(String(r??``));return o===`asc`?i:-i})}),sortState:i,sortTo:(t,i)=>{i===`none`?(n.value=``,r.value=`none`):(n.value=t,r.value=i),e.onSortChange?.({direction:r.value,key:n.value})}}},Ft=e=>{let t=Pt({columns:e.columns,items:e.items,onSortChange:e.onSortChange}),n=ct({getItems:()=>t.sortedItems.value,pageSize:(0,u.computed)(()=>{let t=e.pageSize();return t<=0?2**53-1:t})}),r=(0,u.computed)(()=>t.sortedItems.value.length),i=(0,u.computed)(()=>e.pageSize()<=0?t.sortedItems.value:n.pageItems.value),a=e=>{t.sortBy(e),n.reset()},o=(e,r)=>{t.sortTo(e,r),n.reset()},s=Nt({getRowKey:e.getRowKey,onSelectionChange:e.onSelectionChange,pageItems:()=>n.pageItems.value,selectionMode:e.selectionMode}),c=(0,u.computed)(()=>e.items.value.filter(t=>s.selectedKeys.value.has(e.getRowKey(t))));return{clearSelection:s.clearSelection,currentPageItems:i,goToPage:e=>{Number.isFinite(e)&&n.goTo(Math.max(0,e))},hasNextPage:n.hasNext,hasPrevPage:n.hasPrev,isAllSelected:s.isAllSelected,isSelected:s.isSelected,nextPage:n.next,pageCount:n.pageCount,pageIndex:n.pageIndex,prevPage:n.prev,selectAll:s.selectAll,selectedKeys:s.selectedKeys,selectedRows:c,setSelection:s.setSelection,sortBy:a,sortState:t.sortState,sortTo:o,toggleRow:s.toggleRow,totalItems:r}},It=(e,t,n)=>{let r=String(e??``).split(`,`).map(e=>e.trim()).filter(e=>t.has(e));return r.length>0?r:[...n]},Lt=`@layer refine.base{:host{--_bg:var(--carousel-bg,var(--color-canvas));--_radius:var(--carousel-radius,var(--rounded-xl));--_dot-bg:var(--carousel-dot-bg,var(--color-contrast-300));--_dot-active-bg:var(--carousel-dot-active-bg,var(--color-contrast-700));width:100%;min-height:var(--carousel-min-height,240px);touch-action:auto;background:var(--_bg);border-radius:var(--_radius);outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.track{flex:auto;width:100%;min-height:0;position:relative}.controls{gap:var(--size-0-5);pointer-events:none;align-items:center;display:flex}.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}:host>.controls{padding:var(--size-1-5) var(--size-2);background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);position:absolute}:host>.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-3);margin-left:0}:host>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3);margin-right:0}.nav-btn{pointer-events:auto}:host([variant=gallery]) .track{gap:var(--carousel-gallery-gap,var(--size-2));flex-direction:row;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}:host([variant=gallery][orientation=vertical]) .track{flex-direction:column;align-items:stretch}:host([variant=marquee]){overflow:hidden}:host([variant=marquee]) .track{gap:var(--carousel-marquee-gap,var(--size-4));width:max-content;animation:carousel-marquee var(--_marquee-duration,0s) linear infinite;flex-direction:row;align-items:stretch;display:flex;position:absolute;top:0;bottom:0}:host([variant=marquee]) .track:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([variant=marquee]) .track:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([variant=marquee][orientation=vertical]) .track{flex-direction:column;align-items:stretch;width:100%;height:max-content;animation-name:carousel-marquee-v;inset:0 0 auto}:host([variant=filmstrip]) .track{gap:var(--carousel-filmstrip-gap,var(--size-2));flex-direction:row;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}:host([variant=filmstrip][orientation=vertical]) .track{flex-direction:column;width:100%}:host([orientation=vertical]){--_slide-translate-before:translateY(-100%);--_slide-translate-after:translateY(100%)}:host([orientation=vertical]) .indicators{top:50%;bottom:auto;inset-inline:var(--size-3) auto;width:auto;height:max-content;padding-block:var(--size-6) var(--size-2);padding-inline:var(--size-1-5);border-radius:var(--rounded-full);flex-direction:column;transform:translate(0)translateY(-50%)}:host([orientation=vertical]) .controls{flex-direction:column;margin-top:auto}:host([orientation=vertical]) .controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:0}:host([orientation=vertical]) .controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}:host([orientation=vertical])>.controls{bottom:var(--size-3);margin-top:0}:host([orientation=vertical])>.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-3)}:host([orientation=vertical])>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3)}:host([orientation=vertical]) .indicator:not(.indicator-active){width:var(--size-2)!important;height:var(--size-2)!important}:host([orientation=vertical]) .indicator-active{height:var(--size-8);width:var(--size-1-5)!important}.indicators{gap:var(--size-1-5);width:max-content;padding:var(--size-1-5) var(--size-2) var(--size-1-5) var(--size-6);pointer-events:none;background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);flex-direction:row;align-items:center;display:flex;position:absolute;left:50%;right:50%;transform:translate(-50%)}.indicator{pointer-events:auto;cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:0;display:block}.indicator>ore-progress{pointer-events:none;width:100%;height:100%;display:block}.indicator:not(.indicator-active){border-radius:var(--rounded-full);overflow:hidden;width:var(--size-2)!important;height:var(--size-2)!important}.indicator-active{--progress-track-bg:color-mix(in oklch, var(--_dot-bg) 60%, transparent);width:var(--size-8)!important}.indicator:focus-visible{outline:var(--border) solid currentcolor;outline-offset:2px}.indicator:hover{opacity:.8}.indicator ore-progress::part(fill){transition:width var(--transition-normal)}.indicator-active ore-progress::part(fill){animation-name:var(--carousel-animation-name,none);animation-duration:calc(var(--carousel-timeout,4000) * 1ms);animation-timing-function:var(--ease-linear);animation-fill-mode:forwards}}@media (prefers-reduced-motion:reduce){:host{--carousel-transition-duration:0s}:host([variant=marquee]) .track,:host([variant=marquee][orientation=vertical]) .track{animation:none}}@keyframes carousel-fill{0%{width:0%}to{width:100%}}@keyframes carousel-fill-v{0%{height:0%}to{height:100%}}@keyframes carousel-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes carousel-marquee-v{0%{transform:translateY(0)}to{transform:translateY(-50%)}}`,Rt=`:host{pointer-events:none;opacity:0;width:100%;height:100%;transform:var(--_slide-translate-after,translateX(100%));transition:transform var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);display:block;position:absolute;inset:0;overflow:hidden}:host([data-before]){transform:var(--_slide-translate-before,translateX(-100%))}:host([data-active]){pointer-events:auto;opacity:1;transform:translate(0)}:host([data-variant=fade]){transition:opacity var(--carousel-transition-duration,.35s) var(--ease-move);transform:none}:host([data-variant=filmstrip]){pointer-events:auto;border-radius:var(--carousel-radius,var(--rounded-xl));opacity:1;transition:flex var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);flex-shrink:0;align-self:stretch;position:relative;inset:auto;transform:none}:host([data-variant=filmstrip][data-orientation=horizontal]){flex:0 0 var(--carousel-filmstrip-inactive,var(--size-16));width:auto;min-width:var(--carousel-filmstrip-inactive,var(--size-16));height:100%}:host([data-variant=filmstrip][data-orientation=horizontal][data-active]){flex:1 1 0}:host([data-variant=filmstrip][data-orientation=vertical]){flex:0 0 var(--carousel-filmstrip-inactive,var(--size-10));width:100%;height:auto;min-height:var(--carousel-filmstrip-inactive,var(--size-10))}:host([data-variant=filmstrip][data-orientation=vertical][data-active]){flex:1 1 0}:host([data-variant=gallery]){display:none}:host([data-variant=gallery][data-gallery-visible]){pointer-events:auto;border-radius:var(--carousel-radius,var(--rounded-xl));opacity:.5;transition:flex var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);align-self:stretch;display:block;position:relative;inset:auto;overflow:hidden;transform:none}:host([data-variant=gallery][data-gallery-visible][data-active]){opacity:1}:host([data-variant=gallery][data-orientation=horizontal][data-gallery-visible]){flex:0 0 var(--carousel-gallery-thumbnail,var(--size-24));width:auto;min-width:var(--carousel-gallery-thumbnail,var(--size-24));flex-shrink:0;height:100%}:host([data-variant=gallery][data-orientation=horizontal][data-gallery-visible][data-active]){flex:1 1 0}:host([data-variant=gallery][data-orientation=vertical][data-gallery-visible]){flex:1 1 0;width:100%;height:auto}:host([data-variant=gallery][data-orientation=vertical][data-gallery-visible][data-active]){flex:4 1 0}:host([data-variant=marquee]){pointer-events:auto;opacity:1;flex:none;transition:none;position:relative;inset:auto;transform:none}:host([data-variant=marquee][data-orientation=horizontal]){width:auto;height:100%}:host([data-variant=marquee][data-orientation=vertical]){width:100%;height:auto}:host([data-variant=marquee][data-marquee-clone]){pointer-events:none;-webkit-user-select:none;user-select:none}::slotted(*){max-width:100%}`,zt=`ore-carousel-slide`;(0,c.define)(zt,{props:{},setup(e){return(0,c.bind)({attr:{"aria-roledescription":()=>`slide`,role:()=>`group`}}),c.html`<slot></slot>`},styles:[Rt]});var Bt=`ore-carousel`,Vt=(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)})},Ht=(e,t)=>{let n=e.length;e.forEach((e,r)=>{let i=r===t;e.toggleAttribute(`data-active`,i),e.setAttribute(`aria-hidden`,String(!i)),e.setAttribute(`aria-label`,e.getAttribute(`aria-label`)??`Slide ${r+1} of ${n}`),e.removeAttribute(`data-gallery-visible`),e.removeAttribute(`data-before`),e.removeAttribute(`data-after`)})},Ut=(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)})},Wt=(e,t)=>{e.forEach((e,n)=>{e.toggleAttribute(`data-active`,n===t),e.setAttribute(`aria-hidden`,`false`),e.removeAttribute(`data-before`),e.removeAttribute(`data-after`),e.removeAttribute(`data-gallery-visible`)})};(0,c.define)(Bt,{props:{autoplay:c.prop.bool(!1),"autoplay-interval":c.prop.number(5e3),color:c.prop.string(),label:c.prop.string(`Carousel`),loop:c.prop.bool(!0),"marquee-duration":c.prop.number(10),orientation:c.prop.string(`horizontal`),"show-controls":c.prop.bool(!0),"show-indicators":c.prop.bool(!0),"slide-index":c.prop.number(0),variant:c.prop.string(`default`)},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=(0,u.signal)(e[`slide-index`].value??0),i=(0,u.computed)(()=>e.variant.value===`marquee`),a=null,o=Array.from(t.querySelectorAll(`:scope > ore-carousel-slide`)),s=(0,u.signal)(o.length),l=()=>{o=Array.from(t.querySelectorAll(`:scope > ore-carousel-slide`)),s.value=o.length},d=(0,u.computed)(()=>e.orientation.value!==`vertical`),f=(0,u.computed)(()=>e.loop.value!==!1),p=(0,u.computed)(()=>e[`show-controls`].value!==!1),m=(0,u.computed)(()=>e[`show-indicators`].value!==!1),h=(0,u.computed)(()=>f.value||r.value>0),g=(0,u.computed)(()=>f.value||r.value<s.value-1),_=null,v=(e,i=!0)=>{let a=s.value;if(a===0)return;let c=f.value?(e%a+a)%a:Math.max(0,Math.min(e,a-1));c!==r.value&&(r.value=c,t.setAttribute(`slide-index`,String(c)),n(`change`,{index:c}),_?.seekTo(c,o),i&&Ct(o[c]?.getAttribute(`aria-label`)??`Slide ${c+1} of ${a}`))},y=()=>v(r.value-1),b=()=>v(r.value+1);(0,u.watch)(e[`slide-index`],e=>{typeof e==`number`&&e!==r.value&&v(e,!1)});let x=()=>{let t=e.variant.value??`default`,n=e.orientation.value??`horizontal`;o.forEach(e=>{e.setAttribute(`data-variant`,t),e.setAttribute(`data-orientation`,n)})};(0,u.watch)((0,u.computed)(()=>({orientation:e.orientation.value,variant:e.variant.value})),x,{immediate:!0});let S={default:Vt,fade:Vt,filmstrip:Ht,gallery:Ut,marquee:Wt},C=()=>{let t=e.variant.value??`default`;S[t](o,r.value)};(0,u.watch)(r,C,{immediate:!0});let w=()=>{a===null&&(a=setInterval(b,e[`autoplay-interval`].value??5e3))},T=()=>{a!==null&&(clearInterval(a),a=null)};(0,u.watch)((0,u.computed)(()=>({enabled:e.autoplay.value,interval:e[`autoplay-interval`].value})),({enabled:e})=>{T(),e&&w()});let E=e=>{let t=d.value,n=t?`ArrowLeft`:`ArrowUp`,r=t?`ArrowRight`:`ArrowDown`;e.key===n?(e.preventDefault(),y()):e.key===r?(e.preventDefault(),b()):e.key===`Home`?(e.preventDefault(),v(0)):e.key===`End`&&(e.preventDefault(),v(s.value-1))},D=vt({axis:()=>d.value?`x`:`y`,onCommit:e=>{e.distance<0?b():y()},threshold:()=>48});(0,c.bind)({attr:{"aria-label":()=>e.label.value??`Carousel`,"aria-roledescription":()=>`carousel`,orientation:()=>e.orientation.value??`horizontal`,role:()=>`region`,style:()=>`touch-action:${d.value?`pan-y`:`pan-x`}`,variant:()=>e.variant.value??`default`},on:{focusin:()=>{T()},focusout:()=>{e.autoplay.value&&w()},keydown:E,pointercancel:e=>D.handlePointerCancel(e),pointerdown:e=>{e.composedPath().some(e=>e instanceof HTMLElement&&(e.tagName===`BUTTON`||e.tagName===`ORE-BUTTON`||e.tagName===`ORE-PROGRESS`))||D.handlePointerDown(e)},pointerenter:()=>{T()},pointerleave:()=>{e.autoplay.value&&w()},pointermove:e=>D.handlePointerMove(e),pointerup:e=>D.handlePointerUp(e)}});let O=n=>{let r=e.orientation.value??`horizontal`,a=r!==`vertical`;i.value&&e.loop.value===!1&&W(`ore-carousel: loop="false" on the marquee variant stops the scroll animation rather than disabling navigation wrap-around. Navigation in marquee always loops. This is different from loop="false" on other variants.`);let s=o.map(e=>{let t=e.cloneNode(!0);return t.setAttribute(`aria-hidden`,`true`),t.setAttribute(`data-variant`,`marquee`),t.setAttribute(`data-orientation`,r),t.setAttribute(`data-marquee-clone`,``),n.appendChild(t),t});n.style.setProperty(`--_marquee-duration`,`${e[`marquee-duration`].value??10}s`),f.value||n.style.setProperty(`animation-iteration-count`,`1`);let c=!1,l=()=>{c=!0,n.style.setProperty(`animation-play-state`,`paused`)},u=()=>{c=!1,n.style.removeProperty(`animation-play-state`)};t.addEventListener(`mouseenter`,l),t.addEventListener(`mouseleave`,u);let d=null;return{cleanup:()=>{d!==null&&clearTimeout(d),d=null,s.forEach(e=>e.remove()),n.style.removeProperty(`transition`),n.style.removeProperty(`transform`),n.style.removeProperty(`animation`),n.style.removeProperty(`--_marquee-duration`),n.style.removeProperty(`animation-iteration-count`),n.style.removeProperty(`animation-delay`),n.style.removeProperty(`animation-play-state`),t.removeEventListener(`mouseenter`,l),t.removeEventListener(`mouseleave`,u)},seekTo:(r,i)=>{let o=i[r];if(!o)return;let s=a?o.offsetLeft:o.offsetTop,l=a?n.scrollWidth/2:n.scrollHeight/2,u=e[`marquee-duration`].value??10,f=l>0?-(s/l*u):0;if(d!==null&&(clearTimeout(d),d=null,n.style.removeProperty(`transition`)),l===0){n.style.setProperty(`animation-delay`,`${f}s`),c||n.style.removeProperty(`animation-play-state`);return}let p=parseFloat(getComputedStyle(t).getPropertyValue(`--carousel-transition-duration`)||`0.35`)*1e3||350,m=a?`translateX(-${s}px)`:`translateY(-${s}px)`;n.getBoundingClientRect();let h=getComputedStyle(n).transform.match(/matrix\(([^)]+)\)/)?.[1].split(`,`).map(Number),g=a?h?.[4]??0:h?.[5]??0,_=a?`translateX(${g}px)`:`translateY(${g}px)`;n.style.setProperty(`animation`,`none`),n.style.setProperty(`transform`,_),requestAnimationFrame(()=>{n.style.setProperty(`transition`,`transform ${p}ms ease-in-out`),n.style.setProperty(`transform`,m),d=setTimeout(()=>{d=null,n.style.removeProperty(`transition`),n.style.removeProperty(`transform`),n.style.removeProperty(`animation`),n.style.setProperty(`animation-delay`,`${f}s`),c&&n.style.setProperty(`animation-play-state`,`paused`)},p)})}}};(0,c.onMounted)(()=>{let n=t.shadowRoot,r=n.querySelector(`.track`),a=n.querySelector(`slot`),o=()=>{l(),x(),C(),i.value&&(_?.cleanup(),_=O(r))};return a.addEventListener(`slotchange`,o),(0,u.watch)((0,u.computed)(()=>({duration:e[`marquee-duration`].value,isMarquee:i.value,loop:e.loop.value,orientation:e.orientation.value})),({isMarquee:e})=>{_?.cleanup(),_=e?O(r):null},{immediate:!0}),e.autoplay.value&&w(),()=>{T(),D.dispose(),a.removeEventListener(`slotchange`,o),_?.cleanup()}});let k=e=>{(t.shadowRoot?.querySelector(`.indicator[data-index="${e}"]`))?.focus()},A=(e,t)=>{let n=s.value,r;switch(e.key){case`ArrowDown`:case`ArrowRight`:r=(t+1)%n;break;case`ArrowLeft`:case`ArrowUp`:r=(t-1+n)%n;break;case`End`:r=n-1;break;case`Home`:r=0;break;default:return}e.preventDefault(),v(r),k(r)},j=()=>p.value?c.html`<div class="controls" part="controls">
|
|
659
|
+
</div>`;return c.html` ${()=>e.type.value===`circular`?g():_()} `},styles:[N,F,w,Pe]});var Z=e=>{let t=new AbortController;return e(()=>t.abort()),t.signal},Ie=(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)})}},Le=(e,t)=>{e.value?.(t);let n=(0,u.watch)(e,e=>e?.(t));return()=>{n.dispose(),e.value?.(null)}},Re={ariaControlsElements:`aria-controls`,ariaDescribedByElements:`aria-describedby`,ariaLabelledByElements:`aria-labelledby`};function ze(e,t,n){if(t in e){e[t]=n.length>0?n:null;return}let r=Re[t],i=n.map(e=>e.id).filter(Boolean);i.length===0?e.removeAttribute(r):e.setAttribute(r,i.join(` `))}var Be=e=>(0,u.computed)(()=>({errorText:e.error?.value??``,helperText:e.helper?.value??``})),Ve=e=>(0,u.computed)(()=>{let t=e.value?.value??``,n=e.maxLength?.value,r=Number(n),i=Number.isFinite(r)&&r>0?r:null,a=i!==null,o=a?`${t.length} / ${i}`:``,s=a?t.length/i:0;return{counterAtLimit:a?s>=1:!1,counterNearLimit:a?s>=.9&&s<1:!1,counterText:o}}),He=(e,t=`counter`)=>e?e.counterAtLimit?`${t} at-limit`:e.counterNearLimit?`${t} near-limit`:t:t;function Ue(){let e=!1;return{clear:()=>{e=!1},get isDirty(){return e},markDirty:()=>{e=!0}}}var We=e=>{let t=(0,u.computed)(()=>!!e.disabled?.value),n=(0,c.createStableId)(`helper`),r=(0,c.createStableId)(`error`),i=Be({error:e.error,helper:e.helper}),a=(0,u.computed)(()=>i.value.errorText||i.value.helperText?n:null),o=(0,u.computed)(()=>i.value.errorText?r:null),s=(0,u.computed)(()=>i.value.errorText?`true`:null),l=null;return{ariaDescribedBy:a,ariaErrorMessage:o,ariaInvalid:s,assistiveId:n,attachFormField:e=>{l=e},disabled:t,errorId:r,errorText:(0,u.computed)(()=>i.value.errorText),helperText:(0,u.computed)(()=>i.value.helperText),triggerValidation:t=>{if(e.validateOn?.value===t){if(!l){G(`triggerValidation() called before attachFormField() — validation will not run. See createTextField()/createChoiceField()/createCheckable()'s attachFormField doc comment.`);return}l.reportValidity()}}}},Ge=e=>{let t=e.id??(0,c.createStableId)(e.prefix??`field`),n=(0,c.createStableId)(`label`),r=e.label??(0,u.computed)(()=>void 0),i=e.hasLabel??(0,u.computed)(()=>!!r.value);return{ariaLabelledBy:(0,u.computed)(()=>i.value?n:null),fieldId:t,labelId:n,labelVisible:i}},Ke=e=>({...We(e),...Ge(e)}),qe=(e,t,n=e=>e)=>{let r=(0,u.signal)((0,u.untrack)(()=>n(e.value))),i=(0,u.watch)(e,e=>{r.value=n(e)});return t&&t.addEventListener(`abort`,()=>i.dispose(),{once:!0}),r},Je=e=>e.trim()===``,Ye=e=>String(e??``),Xe=e=>{let t=qe(e.value,e.signal,Ye),n=Ke(e),r=e.maxLength?Ve({maxLength:e.maxLength,value:t}):null,i=(0,u.computed)(()=>!e.readonly?.value&&e.required?.value&&Je(t.value)?{valueMissing:!0}:null),a=(0,u.computed)(()=>i.value?e.requiredMessage?.value||`This field is required.`:``),o=()=>{t.value=Ye(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}},Ze=e=>e?Array.isArray(e)?e.filter(Boolean):e.split(`,`).map(e=>e.trim()).filter(Boolean):[],Qe=e=>{let t=(0,u.signal)([]),n=(0,u.computed)(()=>!!e.multiple?.value),r=(0,u.computed)(()=>n.value?t.value.join(`,`):t.value[0]??``),i=e=>{let t=n.value?e:e.slice(0,1);return[...new Set(t.filter(Boolean))]},a=Ue(),o=e=>{t.value=i(e)},s=e=>{a.markDirty(),o(e)},c=()=>s([]),l=e=>{a.markDirty(),t.value=t.value.filter(t=>t!==e)},d=e=>{if(n.value){t.value.includes(e)||s([...t.value,e]);return}s([e])},f=e=>{n.value&&t.value.includes(e)?l(e):d(e)},p=e=>{o(Ze(e))},m=Ke(e),h=(0,u.computed)(()=>e.required?.value&&t.value.length===0?{valueMissing:!0}:null),g=(0,u.computed)(()=>h.value?e.requiredMessage?.value||`Please make a selection.`:``),_=(0,u.watch)(e.value,p,{immediate:!0});if(e.signal.addEventListener(`abort`,()=>_.dispose(),{once:!0}),e.multiple){let t=(0,u.watch)(e.multiple,()=>p(e.value.value));e.signal.addEventListener(`abort`,()=>t.dispose(),{once:!0})}let v=t.value,y=()=>{o(a.isDirty?v:Ze(e.value.value)),a.clear(),m.triggerValidation(`change`)};return{...m,clear:c,formValue:r,removeValue:l,reset:y,selectedValue:(0,u.computed)(()=>t.value[0]),selectedValues:t,selectValue:d,setValues:s,toggleValue:f,validationMessage:g,validity:h}},$e=(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},et=e=>{let t=()=>!!e.disabled?.value,n=e.keys??[`Enter`,` `],r=Object.fromEntries(n.map(t=>[t,t=>e.onPress?.(t,`keyboard`)]));return{handleBlur:n=>{t()||e.onBlur?.(n)},handleClick:n=>t()?!1:(e.onPress?.(n,`pointer`),!0),handleFocus:n=>{t()||e.onFocus?.(n)},handleKeydown:t=>$e(t,{disabled:e.disabled,keymap:r})}},tt=e=>{let t=qe(e.checked,e.signal,Boolean),n=e.indeterminate?qe(e.indeterminate,e.signal,Boolean):(0,u.signal)(!1),r=t.value,i=n.value,a=Ue(),o=(0,u.computed)(()=>n.value?null:t.value?e.value.value??``:null),s=Ke(e),c=(0,u.computed)(()=>e.required?.value&&(!t.value||n.value)?{valueMissing:!0}:null),l=(0,u.computed)(()=>c.value?e.requiredMessage?.value||`This field is required.`:``),d=()=>{t.value=a.isDirty?r:!!e.checked.value,n.value=a.isDirty?i:!!e.indeterminate?.value,a.clear(),s.triggerValidation(`change`)},f=n=>({checked:t.value,originalEvent:n,value:e.value.value??``}),p=r=>{if(!s.disabled.value){if(a.markDirty(),e.group){n.value=!1,e.group.toggle(e.value.value??``,r),e.onToggle?.(f(r));return}e.clearIndeterminateFirst&&n.value||(t.value=!t.value),n.value=!1,e.onToggle?.(f(r))}},m=et({disabled:s.disabled,onPress:e=>p(e)});return{...s,checkableFormValue:o,checked:t,handleClick:m.handleClick,handleKeydown:m.handleKeydown,indeterminate:n,reset:d,toggle:p,validationMessage:l,validity:c}},nt=e=>!e||e.trim()===``,rt=e=>{let t=(0,u.computed)(()=>!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:(0,u.computed)(()=>(e.sendShortcut?.value??`enter`)===`mod+enter`?`Control+Enter Meta+Enter`:`Enter`),send:n}},it=class e extends Error{constructor(e,t){super(e,t),this.name=new.target.name,Object.setPrototypeOf(this,new.target.prototype)}static is(t){return t instanceof e}},at=class extends it{},ot=e=>{let t=e.delay??500,n=``,r=null,i=()=>{n=``,r!==null&&(clearTimeout(r),r=null)};return e.signal?.addEventListener(`abort`,i,{once:!0}),{handleKeydown:a=>{if(a.key.length!==1||a.ctrlKey||a.altKey||a.metaKey)return!1;n+=a.key.toLowerCase(),r!==null&&clearTimeout(r),r=setTimeout(i,t);let o=e.getItems(),s=e.getIndex(),c=s>=0?s+1:0;for(let t=0;t<o.length;t++){let r=(c+t)%o.length;if(!e.isItemDisabled?.(o[r],r)&&e.getItemLabel(o[r],r).toLowerCase().startsWith(n))return e.onNavigate(r,a),!0}return!1},reset:i}},st=(e,t,n)=>{for(let r=t;r<e.length;r++)if(n(e[r],r))return r;return-1},ct=(e,t,n)=>{for(let r=t;r>=0;r--)if(n(e[r],r))return r;return-1},lt={both:{first:[`Home`],last:[`End`],next:[`ArrowDown`,`ArrowRight`],prev:[`ArrowUp`,`ArrowLeft`]},horizontal:{first:[`Home`],last:[`End`],next:[`ArrowRight`],prev:[`ArrowLeft`]},vertical:{first:[`Home`],last:[`End`],next:[`ArrowDown`],prev:[`ArrowUp`]}},ut={both:{first:[`Home`],last:[`End`],next:[`ArrowDown`,`ArrowLeft`],prev:[`ArrowUp`,`ArrowRight`]},horizontal:{first:[`Home`],last:[`End`],next:[`ArrowLeft`],prev:[`ArrowRight`]},vertical:lt.vertical},dt=e=>typeof e==`object`&&!!e&&`disabled`in e,ft=e=>{let t=(0,u.signal)(-1),n=(t,n)=>e.isItemDisabled?.(t,n)??(dt(t)?t.disabled:!1),r=(n,r,i)=>(n>=0&&(t.value=n,e.onNavigate?.(r,n,i)),n),i=(e,t,r)=>r===`forward`?st(e,t,(e,t)=>!n(e,t)):ct(e,t,(e,t)=>!n(e,t)),a=r=>{if(r<0)return l(),-1;let i=e.getItems();if(!i.length)return-1;let a=Math.min(r,i.length-1);return n(i[a],a)?-1:(t.value=a,a)},o=(n,a)=>{let o=e.getItems(),s=t.value;if(!o.length)return-1;let c=s<0?n===`forward`?0:o.length-1:n===`forward`?s+1:s-1,l=i(o,c,n),u=n===`forward`?`next`:`prev`;if(l>=0)return r(l,u,a);if(e.loop){let e=n===`forward`?0:o.length-1,t=i(o,e,n);if(t>=0)return r(t,u,a)}return s},s=t=>{let n=e.getItems();if(!n.length)return-1;if(t===`first`){let e=i(n,0,`forward`);return r(e,`first`)}if(t===`last`){let e=i(n,n.length-1,`backward`);return r(e,`last`)}return o(t===`next`?`forward`:`backward`)},c=()=>{let n=e.getItems(),r=t.value;return r>=0&&r<n.length?n[r]:void 0},l=()=>{t.value=-1},d=()=>!!e.disabled?.value,f=()=>typeof e.orientation==`function`?e.orientation():e.orientation??`vertical`,p=()=>typeof e.direction==`function`?e.direction():e.direction??`ltr`,m=()=>{let t=e.keys,n=(p()===`rtl`?ut:lt)[f()],a={first:t?.first??n.first,last:t?.last??n.last,next:t?.next??n.next,prev:t?.prev??n.prev},s={};for(let t of[`next`,`prev`,`first`,`last`])for(let n of a[t])s[n]=n=>{if(t===`first`||t===`last`){let a=e.getItems();if(!a.length)return;let o=t===`first`?i(a,0,`forward`):i(a,a.length-1,`backward`);r(o,t,n)}else o(t===`next`?`forward`:`backward`,n)};return s},h=e.getItemLabel?ot({getIndex:()=>t.value,getItemLabel:e.getItemLabel,getItems:e.getItems,isItemDisabled:(e,t)=>n(e,t),onNavigate:(n,r)=>{d()||(t.value=n,e.onNavigate?.(`typeahead`,n,r))}}):null,g=typeof e.orientation==`function`||typeof e.direction==`function`?null:m(),_=t=>{let n=g??m();return $e(t,{disabled:e.disabled,keymap:n})?!0:h?.handleKeydown(t)??!1},v=!1,y=()=>{v||(v=!0,h?.reset())};return e.signal&&e.signal.addEventListener(`abort`,y,{once:!0}),{dispose:y,get disposed(){return v},focusedIndex:t,getActiveItem:c,handleKeydown:_,navigate:s,reset:l,set:a,[Symbol.dispose]:y}},pt=e=>{let t=null,n=()=>typeof e.restoreFocus==`function`?e.restoreFocus():e.restoreFocus??!0,r=t=>{if(!e.isOpen())return;let n=t.composedPath?.()??[],r=e.getBoundary(),i=e.getPanel?.()??null,a=n[0]??t.target,s=a instanceof Node?a:null,c=n.some(e=>e===r||e===i),l=s?(r?.contains(s)??!1)||(i?.contains(s)??!1):!1;!c&&!l&&o(`outsideClick`)},i=e=>{e?document.addEventListener(`pointerdown`,r,{capture:!0}):document.removeEventListener(`pointerdown`,r,{capture:!0})},a=(n=`programmatic`)=>{e.isDisabled?.()||e.isOpen()||(e.setOpen(!0,n),i(!0),e.positioner&&(e.positioner.update(),t=e.positioner.startAutoUpdate?.()??null),e.onOpen?.(n))},o=(r=`programmatic`,a,o=!1)=>{e.isOpen()&&(e.setOpen(!1,r),i(!1),t&&=(t(),null),(a??n())&&e.getTrigger?.()?.focus(),o||e.onClose?.(r))},s=(t=`click`,n=`trigger`)=>{e.isOpen()?o(n):a(t)},c=!1,l=()=>{c||(c=!0,e.isOpen()&&o(`programmatic`,!1,!0),i(!1),t&&=(t(),null))};return e.signal.addEventListener(`abort`,l,{once:!0}),{close:o,dispose:l,get disposed(){return c},open:a,[Symbol.dispose]:l,toggle:s}};function mt(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 ht=e=>e.endsWith(`-start`)?e.replace(`-start`,`-end`):e.endsWith(`-end`)?e.replace(`-end`,`-start`):e;function gt({boundary:e,getDir:t,getFloating:n,getPlacement:r,getReference:i,matchWidth:a=!0,offsetPx:o=0,padding:s=6}){function c(){let e=r?.()??`bottom-start`;return(t?.()??mt(i()))===`rtl`?ht(e):e}function l(){let t=i(),r=n();if(!t||!r)return;let l=c(),u=(0,f.computePosition)(t,r,{boundary:e??(0,f.getClippingAncestorRect)(r),middleware:[...o?[(0,f.offset)(o)]:[],(0,f.flip)({padding:s}),(0,f.shift)({padding:s}),...a?[(0,f.size)({padding:s})]:[]],placement:l});r.style.left=`${u.x}px`,r.style.top=`${u.y}px`;let d=r.style.transition,p=r.style.transform;r.style.transition=`none`,r.style.transform=`none`;let m=r.getBoundingClientRect(),h=u.x-m.left,g=u.y-m.top;r.style.transition=d,r.style.transform=p,(h!==0||g!==0)&&(r.style.left=`${u.x+h}px`,r.style.top=`${u.y+g}px`),a&&(r.style.width=`${t.getBoundingClientRect().width}px`)}function u(){let e=i(),t=n();return!e||!t?()=>{}:(0,f.autoUpdate)(e,t,l)}return{floating:n,reference:i,startAutoUpdate:u,update:l}}var _t=e=>{if(typeof e.getBoundary!=`function`)throw new at(`createOptionList: getBoundary is required`);if(typeof e.getPanel!=`function`)throw new at(`createOptionList: getPanel is required`);if(typeof e.getReference!=`function`)throw new at(`createOptionList: getReference is required`);let t=(0,u.signal)(!1),n=(0,u.computed)(()=>String(t.value)),r=gt({...e.positioning,getFloating:e.getPanel,getReference:e.getReference}),i=()=>{e.getFocusedOptionElement?.()?.scrollIntoView({block:`nearest`})},a=ft({disabled:(0,u.computed)(()=>!t.value),getItemLabel:e.getItemLabel,getItems:e.getItems,isItemDisabled:e.isItemDisabled,keys:e.keys,loop:e.loop??!0,onNavigate:(t,n,r)=>{i(),n>=0&&e.onNavigate?.(t,n,r)},orientation:e.orientation,signal:e.signal}),o=(0,u.computed)(()=>{let n=a.focusedIndex.value;return e.getOptionId&&t.value&&n>=0?e.getOptionId(n):null}),s=pt({getBoundary:e.getBoundary,getPanel:e.getPanel,getTrigger:e.getTrigger,isDisabled:e.isDisabled,isOpen:()=>t.value,onClose:e.onClose,onOpen:e.onOpen,positioner:r,restoreFocus:e.restoreFocus,setOpen:e=>{t.value=e,e||a.reset()},signal:e.signal});return{ariaActiveDescendant:o,ariaExpanded:n,close:e=>s.close(e),focusedIndex:a.focusedIndex,getActiveItem:a.getActiveItem,handleKeydown:e=>t.value?e.key===`Escape`?(e.preventDefault(),s.close(`escape`),!0):a.handleKeydown(e):!1,isOpen:t,navigate:a.navigate,open:e=>s.open(e),scrollFocusedIntoView:i,set:a.set,toggle:(e,t)=>s.toggle(e,t),updatePosition:r.update}},vt=e=>{let t=(0,u.signal)(0),n=()=>{let t=e.pageSize;return t===void 0?10:typeof t==`number`?t:t.value??10},r=(0,u.computed)(()=>Math.ceil(e.getItems().length/n())),i=(0,u.computed)(()=>r.value===0?-1:Math.min(t.value,r.value-1)),a=(0,u.computed)(()=>{let t=i.value,r=n(),a=t*r;return e.getItems().slice(a,a+r)});return{goTo:e=>{Number.isFinite(e)&&(t.value=Math.max(0,e))},hasNext:(0,u.computed)(()=>r.value>0&&i.value<r.value-1),hasPrev:(0,u.computed)(()=>i.value>0),next:()=>{r.value>0&&i.value<r.value-1&&(t.value=i.value+1)},pageCount:r,pageIndex:i,pageItems:a,prev:()=>{i.value>0&&(t.value=i.value-1)},reset:()=>{t.value=0}}},yt=e=>{let t=Number(e);return Number.isFinite(t)?t:void 0},bt=(e,t)=>yt(e)??t,xt=(e,t)=>Math.abs(bt(e,t))||t,St=e=>{let t=()=>!!e.disabled?.value||!!e.readonly?.value,n=()=>yt(e.min?.value),r=()=>yt(e.max?.value),i=e=>(0,p.clamp)(e,n(),r()),a=()=>xt(e.step?.value,1),o=()=>{let t=a();return xt(e.largeStep?.value,t*10)},s=()=>e.parse()??n()??0,c=(t,n)=>{if(t==null){e.commit(null,n);return}e.commit(i(t),n)},l=(e,n)=>{t()||c(s()+e,n)};return{atMax:()=>{let t=e.parse(),n=r();return t!=null&&n!=null&&t>=n},atMin:()=>{let t=e.parse(),r=n();return t!=null&&r!=null&&t<=r},handleKeydown:e=>t()?!1:$e(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}},Ct=e=>{let t=()=>bt(e.min?.value,0),n=()=>bt(e.max?.value,100),r=()=>xt(e.step?.value,1),i=e=>{let r=t(),i=n();return(0,p.clamp)(bt(e,r),r,i)},a=e=>{let n=t();return i(Math.round(bt(e,n)/r())*r())},o=e=>{let r=t(),i=n(),a=bt(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=bt(a,t());return e===`ArrowRight`||e===`ArrowUp`?i(o+r()):e===`ArrowLeft`||e===`ArrowDown`?i(o-r()):e===`Home`?t():e===`End`?n():null};return{clamp:i,fromClientX:s,handleKeydown:(t,n,r)=>{if(e.disabled?.value||e.readonly?.value)return!1;let i=c(t.key,n);return i===null?!1:(t.preventDefault(),r(i),!0)},max:n,min:t,nextFromKey:c,snap:a,toPercent:o}},wt=e=>e.axis?.()??`x`,Tt=e=>{let t=e.threshold?.()??48;return Number.isFinite(t)&&t>0?t:1},Et=(e,t)=>t===`x`?e.clientX:e.clientY,Dt=e=>e.currentTarget instanceof HTMLElement?e.currentTarget:e.target instanceof HTMLElement?e.target:null,Ot=e=>{let t=null,n=!1,r=()=>!!e.disabled?.value,i=()=>{t=null},a=()=>{n=!0,i()},o=e=>t?.pointerId===e.pointerId,s=e=>{if(!t)return null;let n=Et(e,t.axis),r=n-t.start;return{axis:t.axis,current:n,distance:r,event:e,pointerId:t.pointerId,progress:Math.min(Math.abs(r)/t.threshold,1),start:t.start,threshold:t.threshold}};return{dispose:a,get disposed(){return n},handlePointerCancel:n=>{if(!t||!o(n))return!1;let r=s(n);return i(),r&&e.onCancel?.(r),!0},handlePointerDown:i=>{if(n||t||r())return!1;let a=wt(e);t={axis:a,pointerId:i.pointerId,start:Et(i,a),threshold:Tt(e)},(typeof e.captureTarget==`function`?e.captureTarget(i):Dt(i))?.setPointerCapture?.(i.pointerId);let o=s(i);return o&&e.onStart?.(o),!0},handlePointerMove:n=>{if(!t||!o(n))return!1;let r=s(n);return r?(e.onMove?.(r),e.shouldCommit?.(r)??Math.abs(r.distance)>=r.threshold?(i(),e.onCommit?.(r),!0):!0):!1},handlePointerUp:n=>{if(!t||!o(n))return!1;let r=s(n);return i(),r&&e.onRelease?.(r),!0},isActive:()=>t!=null,[Symbol.dispose]:a}},kt=new WeakMap,At=new WeakMap,jt=(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=x,t.body.appendChild(n),n},Mt=(e,t)=>{let n=kt.get(t);return n?.[e]&&!t.body.contains(n[e])&&(n[e]=void 0),n?.[e]||(n||(n={},kt.set(t,n)),n[e]=jt(e,t)),n[e]??null},Nt=(e,t={})=>{if(typeof document>`u`)return;let n=Mt(t.politeness??`polite`,document);if(!n)return;n.textContent=``;let r=At.get(n);r!==void 0&&clearTimeout(r);let i=setTimeout(()=>{n.textContent=e,At.delete(n)},50);At.set(n,i)};function Pt(e){if(!e)return null;try{return(0,m.parsePlainDate)(e)}catch{return null}}function Ft(e){return e?e.toString():null}function It(e,t){return(0,m.format)(e,{intl:{day:`numeric`,month:`short`,year:`numeric`},locale:t,tz:`UTC`})}function Lt(){return m.Temporal.Now.plainDateISO()}function Rt(e){return e%7}function zt(e){let t=e.value??null,n=`day`,r=t??Lt(),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&&m.Temporal.PlainDate.compare(t,e.min)<0||e.max&&m.Temporal.PlainDate.compare(t,e.max)>0)}function l(e){return!!(c(e)||s().includes(Rt(e.dayOfWeek)))}function u(){let e=Lt(),n=m.Temporal.PlainDate.from({day:1,month:a,year:i}),r=Rt(n.dayOfWeek),o=[];for(let i=r-1;i>=0;i--){let r=n.subtract({days:i+1});o.push({day:r.day,isDisabled:l(r),iso:r.toString(),isOutsideMonth:!0,isSelected:t!==null&&m.Temporal.PlainDate.compare(r,t)===0,isToday:m.Temporal.PlainDate.compare(r,e)===0,plain:r})}let s=n.daysInMonth;for(let n=1;n<=s;n++){let r=m.Temporal.PlainDate.from({day:n,month:a,year:i});o.push({day:n,isDisabled:l(r),iso:r.toString(),isOutsideMonth:!1,isSelected:t!==null&&m.Temporal.PlainDate.compare(r,t)===0,isToday:m.Temporal.PlainDate.compare(r,e)===0,plain:r})}let c=(7-o.length%7)%7,u=n.add({months:1});for(let n=0;n<c;n++){let r=u.add({days:n});o.push({day:r.day,isDisabled:l(r),iso:r.toString(),isOutsideMonth:!0,isSelected:t!==null&&m.Temporal.PlainDate.compare(r,t)===0,isToday:m.Temporal.PlainDate.compare(r,e)===0,plain:r})}return o}function d(){let n=[],r=o();for(let a=1;a<=12;a++){let o=m.Temporal.PlainDate.from({day:1,month:a,year:i}),s=o.with({day:o.daysInMonth}),c=(e.min!==null&&e.min!==void 0?m.Temporal.PlainDate.compare(s,e.min)<0:!1)||(e.max!==null&&e.max!==void 0?m.Temporal.PlainDate.compare(o,e.max)>0:!1);n.push({isDisabled:c,isSelected:t!==null&&t.year===i&&t.month===a,label:(0,m.format)(o,{intl:{month:`long`},locale:r,tz:`UTC`}),month:a,shortLabel:(0,m.format)(o,{intl:{month:`short`},locale:r,tz:`UTC`})})}return n}function f(){let n=Math.floor(i/10)*10,r=[];for(let i=n;i<n+12;i++){let n=m.Temporal.PlainDate.from({day:1,month:1,year:i}),a=m.Temporal.PlainDate.from({day:31,month:12,year:i}),o=(e.min!==null&&e.min!==void 0?m.Temporal.PlainDate.compare(a,e.min)<0:!1)||(e.max!==null&&e.max!==void 0?m.Temporal.PlainDate.compare(n,e.max)>0:!1);r.push({isDisabled:o,isSelected:t!==null&&t.year===i,year:i})}return r}function p(){let e=(0,m.parsePlainDate)(`2024-01-07`),t=o();return Array.from({length:7},(n,r)=>(0,m.format)(e.add({days:r}),{intl:{weekday:`short`},locale:t,tz:`UTC`}))}return{dayCells:u,displayMonth:()=>a,displayYear:()=>i,goTo(e,t){Number.isFinite(e)&&(i=e,a=Math.max(1,Math.min(12,t)))},monthCells:d,nextMonth(){a===12?(a=1,i++):a++},nextYear(){i++},prevMonth(){a===1?(a=12,i--):a--},prevYear(){i--},select(n){n!==null&&l(n)||(t=n,t&&(i=t.year,a=t.month),e.onChange(t))},selected:()=>t,setView(e){n=e},view:()=>n,weekdayLabels:p,yearCells:f}}var Bt=(e,t)=>Array.from(e.getElementsByTagName(t)),Vt=(e,t)=>e.find(e=>(e.getAttribute(`value`)??``)===t)?.textContent?.replace(/\s+/g,` `).trim()||t,Ht=e=>{let t=(0,u.signal)(new Set),n=e=>t.value.has(e),r=()=>{let n=e.pageItems();return n.length?n.every(n=>t.value.has(e.getRowKey(n))):!1},i=n=>{t.value=n,e.onSelectionChange?.(n)};return{clearSelection:()=>{i(new Set)},isAllSelected:r,isSelected:n,selectAll:()=>{if(e.selectionMode()!==`multi`)return;let n=e.pageItems();if(r()){let r=new Set(t.value);for(let t of n)r.delete(e.getRowKey(t));i(r)}else{let r=new Set(t.value);for(let t of n)r.add(e.getRowKey(t));i(r)}},selectedKeys:(0,u.computed)(()=>new Set(t.value)),setSelection:e=>{i(new Set(e))},toggleRow:n=>{let r=e.selectionMode();if(r===`none`)return;let a=new Set(t.value);a.has(n)?a.delete(n):(r===`single`&&a.clear(),a.add(n)),i(a)}}},Ut=e=>{let t=e.items,n=(0,u.signal)(``),r=(0,u.signal)(`none`),i=(0,u.computed)(()=>({direction:r.value,key:n.value}));return{sortBy:t=>{n.value===t?r.value===`asc`?r.value=`desc`:r.value===`desc`&&(n.value=``,r.value=`none`):(n.value=t,r.value=`asc`),e.onSortChange?.({direction:r.value,key:n.value})},sortedItems:(0,u.computed)(()=>{let i=t.value,a=n.value,o=r.value;if(!a||o===`none`)return i;let s=e.columns().find(e=>e.key===a);return i.slice().sort((e,t)=>{let n=s?.sortValue?s.sortValue(e):e[a],r=s?.sortValue?s.sortValue(t):t[a],i=typeof n==`number`&&typeof r==`number`?n-r:String(n??``).localeCompare(String(r??``));return o===`asc`?i:-i})}),sortState:i,sortTo:(t,i)=>{i===`none`?(n.value=``,r.value=`none`):(n.value=t,r.value=i),e.onSortChange?.({direction:r.value,key:n.value})}}},Wt=e=>{let t=Ut({columns:e.columns,items:e.items,onSortChange:e.onSortChange}),n=vt({getItems:()=>t.sortedItems.value,pageSize:(0,u.computed)(()=>{let t=e.pageSize();return t<=0?2**53-1:t})}),r=(0,u.computed)(()=>t.sortedItems.value.length),i=(0,u.computed)(()=>e.pageSize()<=0?t.sortedItems.value:n.pageItems.value),a=e=>{t.sortBy(e),n.reset()},o=(e,r)=>{t.sortTo(e,r),n.reset()},s=Ht({getRowKey:e.getRowKey,onSelectionChange:e.onSelectionChange,pageItems:()=>n.pageItems.value,selectionMode:e.selectionMode}),c=(0,u.computed)(()=>e.items.value.filter(t=>s.selectedKeys.value.has(e.getRowKey(t))));return{clearSelection:s.clearSelection,currentPageItems:i,goToPage:e=>{Number.isFinite(e)&&n.goTo(Math.max(0,e))},hasNextPage:n.hasNext,hasPrevPage:n.hasPrev,isAllSelected:s.isAllSelected,isSelected:s.isSelected,nextPage:n.next,pageCount:n.pageCount,pageIndex:n.pageIndex,prevPage:n.prev,selectAll:s.selectAll,selectedKeys:s.selectedKeys,selectedRows:c,setSelection:s.setSelection,sortBy:a,sortState:t.sortState,sortTo:o,toggleRow:s.toggleRow,totalItems:r}},Gt=(e,t,n)=>{let r=String(e??``).split(`,`).map(e=>e.trim()).filter(e=>t.has(e));return r.length>0?r:[...n]},Kt=`@layer refine.base{:host{--_bg:var(--carousel-bg,var(--color-canvas));--_radius:var(--carousel-radius,var(--rounded-xl));--_dot-bg:var(--carousel-dot-bg,var(--color-contrast-300));--_dot-active-bg:var(--carousel-dot-active-bg,var(--color-contrast-700));width:100%;min-height:var(--carousel-min-height,240px);touch-action:auto;background:var(--_bg);border-radius:var(--_radius);outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.track{flex:auto;width:100%;min-height:0;position:relative}.controls{gap:var(--size-0-5);pointer-events:none;align-items:center;display:flex}.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}:host>.controls{padding:var(--size-1-5) var(--size-2);background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);position:absolute}:host>.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-3);margin-left:0}:host>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3);margin-right:0}.nav-btn{pointer-events:auto}:host([variant=gallery]) .track{gap:var(--carousel-gallery-gap,var(--size-2));flex-direction:row;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}:host([variant=gallery][orientation=vertical]) .track{flex-direction:column;align-items:stretch}:host([variant=marquee]){overflow:hidden}:host([variant=marquee]) .track{gap:var(--carousel-marquee-gap,var(--size-4));width:max-content;animation:carousel-marquee var(--_marquee-duration,0s) linear infinite;flex-direction:row;align-items:stretch;display:flex;position:absolute;top:0;bottom:0}:host([variant=marquee]) .track:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([variant=marquee]) .track:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([variant=marquee][orientation=vertical]) .track{flex-direction:column;align-items:stretch;width:100%;height:max-content;animation-name:carousel-marquee-v;inset:0 0 auto}:host([variant=filmstrip]) .track{gap:var(--carousel-filmstrip-gap,var(--size-2));flex-direction:row;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}:host([variant=filmstrip][orientation=vertical]) .track{flex-direction:column;width:100%}:host([orientation=vertical]){--_slide-translate-before:translateY(-100%);--_slide-translate-after:translateY(100%)}:host([orientation=vertical]) .indicators{top:50%;bottom:auto;inset-inline:var(--size-3) auto;width:auto;height:max-content;padding-block:var(--size-6) var(--size-2);padding-inline:var(--size-1-5);border-radius:var(--rounded-full);flex-direction:column;transform:translate(0)translateY(-50%)}:host([orientation=vertical]) .controls{flex-direction:column;margin-top:auto}:host([orientation=vertical]) .controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:0}:host([orientation=vertical]) .controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}:host([orientation=vertical])>.controls{bottom:var(--size-3);margin-top:0}:host([orientation=vertical])>.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-3)}:host([orientation=vertical])>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3)}:host([orientation=vertical]) .indicator:not(.indicator-active){width:var(--size-2)!important;height:var(--size-2)!important}:host([orientation=vertical]) .indicator-active{height:var(--size-8);width:var(--size-1-5)!important}.indicators{gap:var(--size-1-5);width:max-content;padding:var(--size-1-5) var(--size-2) var(--size-1-5) var(--size-6);pointer-events:none;background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);flex-direction:row;align-items:center;display:flex;position:absolute;left:50%;right:50%;transform:translate(-50%)}.indicator{pointer-events:auto;cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:0;display:block}.indicator>ore-progress{pointer-events:none;width:100%;height:100%;display:block}.indicator:not(.indicator-active){border-radius:var(--rounded-full);overflow:hidden;width:var(--size-2)!important;height:var(--size-2)!important}.indicator-active{--progress-track-bg:color-mix(in oklch, var(--_dot-bg) 60%, transparent);width:var(--size-8)!important}.indicator:focus-visible{outline:var(--border) solid currentcolor;outline-offset:2px}.indicator:hover{opacity:.8}.indicator ore-progress::part(fill){transition:width var(--transition-normal)}.indicator-active ore-progress::part(fill){animation-name:var(--carousel-animation-name,none);animation-duration:calc(var(--carousel-timeout,4000) * 1ms);animation-timing-function:var(--ease-linear);animation-fill-mode:forwards}}@media (prefers-reduced-motion:reduce){:host{--carousel-transition-duration:0s}:host([variant=marquee]) .track,:host([variant=marquee][orientation=vertical]) .track{animation:none}}@keyframes carousel-fill{0%{width:0%}to{width:100%}}@keyframes carousel-fill-v{0%{height:0%}to{height:100%}}@keyframes carousel-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes carousel-marquee-v{0%{transform:translateY(0)}to{transform:translateY(-50%)}}`,qt=`:host{pointer-events:none;opacity:0;width:100%;height:100%;transform:var(--_slide-translate-after,translateX(100%));transition:transform var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);display:block;position:absolute;inset:0;overflow:hidden}:host([data-before]){transform:var(--_slide-translate-before,translateX(-100%))}:host([data-active]){pointer-events:auto;opacity:1;transform:translate(0)}:host([data-variant=fade]){transition:opacity var(--carousel-transition-duration,.35s) var(--ease-move);transform:none}:host([data-variant=filmstrip]){pointer-events:auto;border-radius:var(--carousel-radius,var(--rounded-xl));opacity:1;transition:flex var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);flex-shrink:0;align-self:stretch;position:relative;inset:auto;transform:none}:host([data-variant=filmstrip][data-orientation=horizontal]){flex:0 0 var(--carousel-filmstrip-inactive,var(--size-16));width:auto;min-width:var(--carousel-filmstrip-inactive,var(--size-16));height:100%}:host([data-variant=filmstrip][data-orientation=horizontal][data-active]){flex:1 1 0}:host([data-variant=filmstrip][data-orientation=vertical]){flex:0 0 var(--carousel-filmstrip-inactive,var(--size-10));width:100%;height:auto;min-height:var(--carousel-filmstrip-inactive,var(--size-10))}:host([data-variant=filmstrip][data-orientation=vertical][data-active]){flex:1 1 0}:host([data-variant=gallery]){display:none}:host([data-variant=gallery][data-gallery-visible]){pointer-events:auto;border-radius:var(--carousel-radius,var(--rounded-xl));opacity:.5;transition:flex var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);align-self:stretch;display:block;position:relative;inset:auto;overflow:hidden;transform:none}:host([data-variant=gallery][data-gallery-visible][data-active]){opacity:1}:host([data-variant=gallery][data-orientation=horizontal][data-gallery-visible]){flex:0 0 var(--carousel-gallery-thumbnail,var(--size-24));width:auto;min-width:var(--carousel-gallery-thumbnail,var(--size-24));flex-shrink:0;height:100%}:host([data-variant=gallery][data-orientation=horizontal][data-gallery-visible][data-active]){flex:1 1 0}:host([data-variant=gallery][data-orientation=vertical][data-gallery-visible]){flex:1 1 0;width:100%;height:auto}:host([data-variant=gallery][data-orientation=vertical][data-gallery-visible][data-active]){flex:4 1 0}:host([data-variant=marquee]){pointer-events:auto;opacity:1;flex:none;transition:none;position:relative;inset:auto;transform:none}:host([data-variant=marquee][data-orientation=horizontal]){width:auto;height:100%}:host([data-variant=marquee][data-orientation=vertical]){width:100%;height:auto}:host([data-variant=marquee][data-marquee-clone]){pointer-events:none;-webkit-user-select:none;user-select:none}::slotted(*){max-width:100%}`,Jt=`ore-carousel-slide`;(0,c.define)(Jt,{props:{},setup(e){return(0,c.bind)({attr:{"aria-roledescription":()=>`slide`,role:()=>`group`}}),c.html`<slot></slot>`},styles:[qt]});var Yt=`ore-carousel`,Xt=(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)})},Zt=(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`)})},Qt=(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)})},$t=(e,t)=>{e.forEach((e,n)=>{e.toggleAttribute(`data-active`,n===t),e.setAttribute(`aria-hidden`,`false`),e.removeAttribute(`data-before`),e.removeAttribute(`data-after`),e.removeAttribute(`data-gallery-visible`)})};(0,c.define)(Yt,{props:{autoplay:c.prop.bool(!1),"autoplay-interval":c.prop.number(5e3),color:c.prop.string(),label:c.prop.string(`Carousel`),loop:c.prop.bool(!0),"marquee-duration":c.prop.number(10),orientation:c.prop.string(`horizontal`),"show-controls":c.prop.bool(!0),"show-indicators":c.prop.bool(!0),"slide-index":c.prop.number(0),variant:c.prop.string(`default`)},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=(0,u.signal)(e[`slide-index`].value??0),i=(0,u.computed)(()=>e.variant.value===`marquee`),a=null,o=Array.from(t.querySelectorAll(`:scope > ore-carousel-slide`)),s=(0,u.signal)(o.length),l=()=>{o=Array.from(t.querySelectorAll(`:scope > ore-carousel-slide`)),s.value=o.length},d=(0,u.computed)(()=>e.orientation.value!==`vertical`),f=(0,u.computed)(()=>e.loop.value!==!1),p=(0,u.computed)(()=>e[`show-controls`].value!==!1),m=(0,u.computed)(()=>e[`show-indicators`].value!==!1),h=(0,u.computed)(()=>f.value||r.value>0),g=(0,u.computed)(()=>f.value||r.value<s.value-1),_=null,v=(e,i=!0)=>{let a=s.value;if(a===0)return;let c=f.value?(e%a+a)%a:Math.max(0,Math.min(e,a-1));c!==r.value&&(r.value=c,t.setAttribute(`slide-index`,String(c)),n(`change`,{index:c}),_?.seekTo(c,o),i&&Nt(o[c]?.getAttribute(`aria-label`)??`Slide ${c+1} of ${a}`))},y=()=>v(r.value-1),b=()=>v(r.value+1);(0,u.watch)(e[`slide-index`],e=>{typeof e==`number`&&e!==r.value&&v(e,!1)});let x=()=>{let t=e.variant.value??`default`,n=e.orientation.value??`horizontal`;o.forEach(e=>{e.setAttribute(`data-variant`,t),e.setAttribute(`data-orientation`,n)})};(0,u.watch)((0,u.computed)(()=>({orientation:e.orientation.value,variant:e.variant.value})),x,{immediate:!0});let S={default:Xt,fade:Xt,filmstrip:Zt,gallery:Qt,marquee:$t},C=()=>{let t=e.variant.value??`default`;S[t](o,r.value)};(0,u.watch)(r,C,{immediate:!0});let w=()=>{a===null&&(a=setInterval(b,e[`autoplay-interval`].value??5e3))},T=()=>{a!==null&&(clearInterval(a),a=null)};(0,u.watch)((0,u.computed)(()=>({enabled:e.autoplay.value,interval:e[`autoplay-interval`].value})),({enabled:e})=>{T(),e&&w()});let E=e=>{let t=d.value,n=t?`ArrowLeft`:`ArrowUp`,r=t?`ArrowRight`:`ArrowDown`;e.key===n?(e.preventDefault(),y()):e.key===r?(e.preventDefault(),b()):e.key===`Home`?(e.preventDefault(),v(0)):e.key===`End`&&(e.preventDefault(),v(s.value-1))},D=Ot({axis:()=>d.value?`x`:`y`,onCommit:e=>{e.distance<0?b():y()},threshold:()=>48});(0,c.bind)({attr:{"aria-label":()=>e.label.value??`Carousel`,"aria-roledescription":()=>`carousel`,orientation:()=>e.orientation.value??`horizontal`,role:()=>`region`,style:()=>`touch-action:${d.value?`pan-y`:`pan-x`}`,variant:()=>e.variant.value??`default`},on:{focusin:()=>{T()},focusout:()=>{e.autoplay.value&&w()},keydown:E,pointercancel:e=>D.handlePointerCancel(e),pointerdown:e=>{e.composedPath().some(e=>e instanceof HTMLElement&&(e.tagName===`BUTTON`||e.tagName===`ORE-BUTTON`||e.tagName===`ORE-PROGRESS`))||D.handlePointerDown(e)},pointerenter:()=>{T()},pointerleave:()=>{e.autoplay.value&&w()},pointermove:e=>D.handlePointerMove(e),pointerup:e=>D.handlePointerUp(e)}});let O=n=>{let r=e.orientation.value??`horizontal`,a=r!==`vertical`;i.value&&e.loop.value===!1&&G(`ore-carousel: loop="false" on the marquee variant stops the scroll animation rather than disabling navigation wrap-around. Navigation in marquee always loops. This is different from loop="false" on other variants.`);let s=o.map(e=>{let t=e.cloneNode(!0);return t.setAttribute(`aria-hidden`,`true`),t.setAttribute(`data-variant`,`marquee`),t.setAttribute(`data-orientation`,r),t.setAttribute(`data-marquee-clone`,``),n.appendChild(t),t});n.style.setProperty(`--_marquee-duration`,`${e[`marquee-duration`].value??10}s`),f.value||n.style.setProperty(`animation-iteration-count`,`1`);let c=!1,l=()=>{c=!0,n.style.setProperty(`animation-play-state`,`paused`)},u=()=>{c=!1,n.style.removeProperty(`animation-play-state`)};t.addEventListener(`mouseenter`,l),t.addEventListener(`mouseleave`,u);let d=null;return{cleanup:()=>{d!==null&&clearTimeout(d),d=null,s.forEach(e=>e.remove()),n.style.removeProperty(`transition`),n.style.removeProperty(`transform`),n.style.removeProperty(`animation`),n.style.removeProperty(`--_marquee-duration`),n.style.removeProperty(`animation-iteration-count`),n.style.removeProperty(`animation-delay`),n.style.removeProperty(`animation-play-state`),t.removeEventListener(`mouseenter`,l),t.removeEventListener(`mouseleave`,u)},seekTo:(r,i)=>{let o=i[r];if(!o)return;let s=a?o.offsetLeft:o.offsetTop,l=a?n.scrollWidth/2:n.scrollHeight/2,u=e[`marquee-duration`].value??10,f=l>0?-(s/l*u):0;if(d!==null&&(clearTimeout(d),d=null,n.style.removeProperty(`transition`)),l===0){n.style.setProperty(`animation-delay`,`${f}s`),c||n.style.removeProperty(`animation-play-state`);return}let p=parseFloat(getComputedStyle(t).getPropertyValue(`--carousel-transition-duration`)||`0.35`)*1e3||350,m=a?`translateX(-${s}px)`:`translateY(-${s}px)`;n.getBoundingClientRect();let h=getComputedStyle(n).transform.match(/matrix\(([^)]+)\)/)?.[1].split(`,`).map(Number),g=a?h?.[4]??0:h?.[5]??0,_=a?`translateX(${g}px)`:`translateY(${g}px)`;n.style.setProperty(`animation`,`none`),n.style.setProperty(`transform`,_),requestAnimationFrame(()=>{n.style.setProperty(`transition`,`transform ${p}ms ease-in-out`),n.style.setProperty(`transform`,m),d=setTimeout(()=>{d=null,n.style.removeProperty(`transition`),n.style.removeProperty(`transform`),n.style.removeProperty(`animation`),n.style.setProperty(`animation-delay`,`${f}s`),c&&n.style.setProperty(`animation-play-state`,`paused`)},p)})}}};(0,c.onMounted)(()=>{let n=t.shadowRoot,r=n.querySelector(`.track`),a=n.querySelector(`slot`),o=()=>{l(),x(),C(),i.value&&(_?.cleanup(),_=O(r))};return a.addEventListener(`slotchange`,o),(0,u.watch)((0,u.computed)(()=>({duration:e[`marquee-duration`].value,isMarquee:i.value,loop:e.loop.value,orientation:e.orientation.value})),({isMarquee:e})=>{_?.cleanup(),_=e?O(r):null},{immediate:!0}),e.autoplay.value&&w(),()=>{T(),D.dispose(),a.removeEventListener(`slotchange`,o),_?.cleanup()}});let k=e=>{(t.shadowRoot?.querySelector(`.indicator[data-index="${e}"]`))?.focus()},A=(e,t)=>{let n=s.value,r;switch(e.key){case`ArrowDown`:case`ArrowRight`:r=(t+1)%n;break;case`ArrowLeft`:case`ArrowUp`:r=(t-1+n)%n;break;case`End`:r=n-1;break;case`Home`:r=0;break;default:return}e.preventDefault(),v(r),k(r)},j=()=>p.value?c.html`<div class="controls" part="controls">
|
|
577
660
|
<ore-button
|
|
578
661
|
class="nav-btn prev-btn"
|
|
579
662
|
part="prev-btn"
|
|
@@ -632,7 +715,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
632
715
|
</button>`)}
|
|
633
716
|
${j}
|
|
634
717
|
</div>`:c.html`${j}`}
|
|
635
|
-
`},styles:[
|
|
718
|
+
`},styles:[Kt]});var en=`@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}}`,tn=`@layer refine.base{:host{--_bg:var(--avatar-bg,var(--_theme-backdrop,var(--color-contrast-200)));--_color:var(--avatar-color,var(--_theme-base,var(--color-contrast-700)));--_radius:var(--avatar-radius,var(--rounded-full));--_font-weight:var(--avatar-font-weight,var(--font-semibold));--_border:var(--avatar-border,none);--_border-color:var(--avatar-border-color,var(--color-canvas));--_size:var(--avatar-size,var(--size-10));--_font-size:var(--avatar-font-size,var(--text-sm));flex-shrink:0;display:inline-flex;position:relative}.avatar{box-sizing:border-box;width:var(--_size);height:var(--_size);font-size:var(--_font-size);font-weight:var(--_font-weight);color:var(--_color);text-transform:uppercase;-webkit-user-select:none;user-select:none;background:var(--_bg);border:var(--_border);border-color:var(--_border-color);border-radius:var(--_radius);justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}img{object-fit:cover;width:100%;height:100%;display:block}img[hidden]{display:none}.initials{justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex}.icon-fallback{width:100%;height:100%;color:var(--_color);opacity:.6;justify-content:center;align-items:center;display:inline-flex}.status{border:2px solid var(--_border-color,var(--color-canvas));border-radius:var(--rounded-full);width:.75em;height:.75em;position:absolute;bottom:0}.status:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.status:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.status[data-status=online]{background:var(--color-success)}.status[data-status=offline]{background:var(--color-contrast-400)}.status[data-status=busy]{background:var(--color-error)}.status[data-status=away]{background:var(--color-warning)}}@media (forced-colors:active){.avatar{forced-color-adjust:none;border:1px solid buttontext}.status{background:highlight;border:2px solid buttontext}}`,nn={away:`Away`,busy:`Busy`,offline:`Offline`,online:`Online`},rn=`ore-avatar`;(0,c.define)(rn,{props:{...q,...J,...X,alt:c.prop.string(),initials:c.prop.string(),src:c.prop.string(),status:c.prop.string()},setup(e){let t=(0,u.signal)(!1);(0,u.watch)(e.src,()=>{t.value=!1});let n=e=>{e&&(e.addEventListener(`error`,()=>{t.value=!0}),e.addEventListener(`load`,()=>{t.value=!1}))},r=(0,u.computed)(()=>{if(e.initials.value)return e.initials.value.slice(0,2);let t=e.alt.value;if(!t)return``;let n=t.trim().split(/\s+/);return n.length>=2?(n[0][0]+n[n.length-1][0]).toUpperCase():n[0].slice(0,2).toUpperCase()}),i=(0,u.computed)(()=>!!e.src.value&&!t.value),a=(0,u.computed)(()=>!i.value&&!!r.value),o=(0,u.computed)(()=>!i.value&&!a.value),s=()=>{let t=e.alt.value||null,n=e.status.value,r=n?nn[n]:null;return!t&&!r?null:t?r?`${t}, ${r}`:t:`Status: ${r}`};return c.html`
|
|
636
719
|
<span class="avatar" part="avatar" :aria-label="${s}" :role="${()=>s()?`img`:null}">
|
|
637
720
|
${()=>e.src.value?c.html`<img
|
|
638
721
|
ref="${n}"
|
|
@@ -645,10 +728,10 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
645
728
|
${()=>o.value?c.html`<ore-icon class="icon-fallback" part="fallback" name="user" size="50%"></ore-icon>`:``}
|
|
646
729
|
</span>
|
|
647
730
|
${()=>e.status.value?c.html`<span class="status" part="status" :data-status="${e.status}" aria-hidden="true"></span>`:``}
|
|
648
|
-
`},styles:[N,E,k({lg:{fontSize:`var(--avatar-font-size, var(--text-base))`,size:`var(--avatar-size, var(--size-14))`},md:{fontSize:`var(--avatar-font-size, var(--text-sm))`,size:`var(--avatar-size, var(--size-10))`},sm:{fontSize:`var(--avatar-font-size, var(--text-xs))`,size:`var(--avatar-size, var(--size-7))`}}),
|
|
731
|
+
`},styles:[N,E,k({lg:{fontSize:`var(--avatar-font-size, var(--text-base))`,size:`var(--avatar-size, var(--size-14))`},md:{fontSize:`var(--avatar-font-size, var(--text-sm))`,size:`var(--avatar-size, var(--size-10))`},sm:{fontSize:`var(--avatar-font-size, var(--text-xs))`,size:`var(--avatar-size, var(--size-7))`}}),tn]});var an=`ore-avatar-group`;(0,c.define)(an,{props:{max:c.prop.number(5),total:c.prop.number()},setup(e){let t=(0,c.getHost)(),n=(0,c.useSlots)(),r=c.watchEffect,i=(0,u.signal)(0),a=()=>{let n=[...t.querySelectorAll(`ore-avatar`)],r=Number(e.max.value)||5,a=Math.max(0,n.length-r);i.value=e.total.value==null?a:Number(e.total.value)-r,n.forEach((e,t)=>{t>=r?e.setAttribute(`data-avatar-group-hidden`,``):e.removeAttribute(`data-avatar-group-hidden`)})};r(()=>{n.elements().value,a()});let o=()=>`+${i.value} more`,s=()=>`+${i.value}`;return c.html`
|
|
649
732
|
<slot></slot>
|
|
650
733
|
${()=>i.value>0?c.html`<span class="overflow-badge" part="overflow" aria-label="${o}"> ${s} </span>`:``}
|
|
651
|
-
`},styles:[
|
|
734
|
+
`},styles:[en]});var on=`@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}}`,sn=`@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}}`,cn=`ore-breadcrumb-item`;(0,c.define)(cn,{props:{active:c.prop.bool(),href:c.prop.string(),separator:c.prop.string(`/`)},setup(e){return c.html`
|
|
652
735
|
<li class="item" role="listitem">
|
|
653
736
|
<span class="separator" part="separator" aria-hidden="true">${e.separator}</span>
|
|
654
737
|
<a
|
|
@@ -661,13 +744,13 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
661
744
|
<span class="label"><slot></slot></span>
|
|
662
745
|
</a>
|
|
663
746
|
</li>
|
|
664
|
-
`},styles:[
|
|
747
|
+
`},styles:[on]});var ln=`ore-breadcrumb`;(0,c.define)(ln,{props:{label:c.prop.string(`Breadcrumb`),separator:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=(0,c.useSlots)(),r=c.watchEffect,i=()=>Array.from(t.getElementsByTagName(`ore-breadcrumb-item`)),a=()=>{let n=e.separator.value||`/`,r=i();for(let e=0;e<r.length;e++)r[e].setAttribute(`separator`,n),r[e].toggleAttribute(`data-show-separator`,e>0);n?t.style.setProperty(`--breadcrumb-separator`,`'${n}'`):t.style.removeProperty(`--breadcrumb-separator`)};return r(()=>{n.elements().value,a()}),c.html`
|
|
665
748
|
<nav part="nav" :aria-label="${e.label}">
|
|
666
749
|
<ol role="list" part="list">
|
|
667
750
|
<slot></slot>
|
|
668
751
|
</ol>
|
|
669
752
|
</nav>
|
|
670
|
-
`},styles:[
|
|
753
|
+
`},styles:[sn]});var 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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.loading-bar:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([loading]) .loading-bar{animation:var(--_motion-animation,loading-bar 1.4s linear infinite);display:block}:host(:dir(rtl)[loading]) .loading-bar{animation-direction:reverse}:host([disabled]){pointer-events:none;opacity:.6}:host([disabled][interactive]) .card{cursor:not-allowed}:host([interactive]:not([disabled]):hover) .card{box-shadow:var(--_hover-shadow);transform:translateY(-2px)scale(1.01)}:host([interactive]) .card{cursor:pointer;will-change:transform}:host([interactive]:not([disabled]):active) .card{box-shadow:var(--_shadow);transition:box-shadow var(--transition-fast), transform .12s var(--ease-spring);transform:translateY(0)scale(.99)}:host([interactive]:focus-visible) .card{outline:var(--border-2) solid var(--_theme-focus,var(--color-primary));outline-offset:var(--border-2)}:host([orientation=horizontal]) .card{flex-direction:row}:host([orientation=horizontal]) .card-media{width:30%;min-width:192px;max-width:320px}:host([orientation=horizontal]) .card-media img{object-fit:cover;width:100%;height:100%}:host([orientation=horizontal]) .card-body{flex:1}}@keyframes loading-bar{0%{transform:translate(-100%)}to{transform:translate(200%)}}`,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`;(0,c.define)(pn,{props:{...q,...Y,...Se,elevation:c.prop.number(),interactive:c.prop.bool(!1),orientation:c.prop.string(),padding:c.prop.string(),variant:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=(0,c.useSlots)(),i=c.watchEffect;(0,c.bind)({attr:{ariaBusy:()=>e.loading.value?`true`:`false`,ariaDisabled:()=>e.interactive.value?String(e.disabled.value):null,role:()=>e.interactive.value?`button`:null}}),i(()=>{e.interactive.value?t.setAttribute(`tabindex`,e.disabled.value?`-1`:`0`):t.removeAttribute(`tabindex`)});let a=et({disabled:(0,u.computed)(()=>!e.interactive.value||!!e.disabled.value),onPress:(e,t)=>{n(`activate`,{originalEvent:e,trigger:t})}}),o=n=>{!e.interactive.value||e.disabled.value||fn(t,n)||a.handleClick(n)},s=e=>{a.handleKeydown(e)};return(0,c.bind)({on:{click:e=>o(e),keydown:e=>s(e)}}),c.html`
|
|
671
754
|
<div class="card" part="card">
|
|
672
755
|
<div class="loading-bar" part="loading-bar"></div>
|
|
673
756
|
<div class="card-media" part="media" ?hidden="${()=>!r.has(`media`).value}">
|
|
@@ -688,7 +771,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
688
771
|
</div>
|
|
689
772
|
</div>
|
|
690
773
|
</div>
|
|
691
|
-
`},styles:[...ie,
|
|
774
|
+
`},styles:[...ie,ne(`.card`),w,un]});var mn=`@layer refine.base{:host{--_bg:var(--chat-message-bg,var(--color-contrast-100));--_color:var(--chat-message-color,var(--color-contrast-900));--_user-bg:var(--chat-message-user-bg,var(--color-primary));--_user-color:var(--chat-message-user-color,var(--color-primary-content));--_radius:var(--chat-message-radius,var(--rounded-lg));--_max-width:var(--chat-message-max-width,36rem);display:block}.row{gap:var(--size-2-5);align-items:flex-start;display:flex}:host([sender=user]) .row{flex-direction:row-reverse}.avatar{flex-shrink:0;display:flex}.avatar[hidden]{display:none}.column{gap:var(--size-1);flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}:host([sender=user]) .column{align-items:flex-end}.name{padding-inline:var(--size-3-5);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-contrast-500)}.name[hidden]{display:none}.bubble{box-sizing:border-box;width:fit-content;max-width:var(--_max-width);padding:var(--size-2-5) var(--size-3-5);color:var(--_color);background:var(--_bg);border-radius:var(--_radius)}:host([sender=user]) .bubble{color:var(--_user-color);background:var(--_user-bg)}.content{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.content-slot{overflow-wrap:anywhere;white-space:pre-wrap}.cursor{vertical-align:text-bottom;width:.5em;height:1em;animation:var(--_motion-animation,chat-message-blink 1s step-end infinite);background:currentColor;display:inline-block}.cursor:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-0-5)}.cursor:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--size-0-5)}.cursor[hidden]{display:none}@keyframes chat-message-blink{50%{opacity:0}}.meta{gap:var(--size-1-5);padding-inline:var(--size-3-5);font-size:var(--text-xs);color:var(--color-contrast-400);align-items:center;display:flex}.meta[hidden],.timestamp[hidden]{display:none}.status{align-items:center;display:inline-flex}.status[hidden]{display:none}.status[data-status=sent]{color:var(--color-success)}.status[data-status=error]{color:var(--color-error)}.spinner{border:2px solid var(--color-contrast-300);width:.75em;height:.75em;animation:var(--_motion-animation,chat-message-spin var(--transition-loader) infinite);border-radius:50%;display:inline-block}.spinner:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.spinner:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}@keyframes chat-message-spin{to{transform:rotate(360deg)}}.error-text{color:var(--color-error)}.error-text[hidden]{display:none}.retry{font:inherit;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-primary);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.retry[hidden]{display:none}.retry:focus-visible{outline:var(--border-2) solid var(--color-focus);outline-offset:var(--border-2)}.actions{gap:var(--size-1);padding-inline:var(--size-3-5);display:flex}.actions[hidden]{display:none}}`,hn={assistant:`Assistant`,system:`System`,user:`You`},gn=`ore-chat-message`;(0,c.define)(gn,{props:{error:c.prop.string(),name:c.prop.string(),sender:c.prop.oneOf([`user`,`assistant`,`system`],`assistant`),status:c.prop.string(),streaming:c.prop.bool(!1),timestamp:c.prop.string()},setup(e){let t=(0,c.useEmit)(),n=(0,c.useSlots)(),r=()=>hn[e.sender.value??`assistant`],i=(0,u.computed)(()=>`Message from ${e.name.value||r()}`),a=(0,u.computed)(()=>{let t=e.timestamp.value;if(!t)return``;let n=new Date(t);return Number.isNaN(n.getTime())?``:new Intl.DateTimeFormat(void 0,{hour:`numeric`,minute:`2-digit`}).format(n)}),o=(0,u.computed)(()=>!!a.value||!!e.status.value||!!e.error.value);(0,u.watch)(()=>e.status.value===`error`?e.error.value??``:null,e=>{e!==null&&Nt(`Message failed to send${e?`: ${e}`:``}`,{politeness:`assertive`})});function s(e){t(`retry`,{originalEvent:e})}let l=(0,c.ref)();function d(){let e=l.value?.assignedNodes({flatten:!0});if(!(!e||e.length===0)){for(let t of e){if(t.nodeType!==Node.TEXT_NODE)break;let e=(t.textContent??``).replace(/^\s+/,``);if(t.textContent=e,e!==``)break}for(let t=e.length-1;t>=0;t--){let n=e[t];if(n.nodeType!==Node.TEXT_NODE)break;let r=(n.textContent??``).replace(/\s+$/,``);if(n.textContent=r,r!==``)break}}}return(0,c.onMounted)(()=>{d();let e=l.value;e&&(0,c.onEvent)(e,`slotchange`,d)}),c.html`
|
|
692
775
|
<div class="row" part="row">
|
|
693
776
|
<span class="avatar" part="avatar" ?hidden="${()=>!n.has(`avatar`).value}">
|
|
694
777
|
<slot name="avatar"></slot>
|
|
@@ -733,11 +816,31 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
733
816
|
</div>
|
|
734
817
|
</div>
|
|
735
818
|
</div>
|
|
736
|
-
`},styles:[w,
|
|
819
|
+
`},styles:[w,mn]});var _n=64,vn=_n*3,yn=.85;function bn(e,t){let n=e=>e.distance<0?`right`:`left`,r=()=>{e.removeAttribute(`data-dragging`),e.removeAttribute(`data-confirming`),e.style.removeProperty(`--_swipe-x`)};return Ot({axis:()=>`x`,captureTarget:()=>null,disabled:t.disabled,onCancel:r,onCommit:i=>{let a=n(i);r(),t.hasActions(a)&&(e.removeAttribute(`revealed`),t.onConfirm(a))},onMove:r=>{let i=n(r);if(!t.hasActions(i))return;let a=Math.min(Math.abs(r.distance)/_n,1);e.setAttribute(`data-dragging`,``),e.toggleAttribute(`data-confirming`,r.progress>=yn),e.style.setProperty(`--_swipe-x`,String((i===`left`?1:-1)*a))},onRelease:i=>{let a=n(i);r(),t.hasActions(a)&&Math.abs(i.distance)>=_n&&e.setAttribute(`revealed`,a)},threshold:()=>vn})}var xn=`@layer refine.base{:host,::slotted(ore-list-item){display:block}:host([variant=bordered]){border:var(--border) solid var(--color-contrast-200);border-radius:var(--list-radius,var(--rounded-lg));overflow:hidden}:host([variant=bordered]) ::slotted(ore-list-item:not(:last-of-type)){border-bottom:var(--border) solid var(--color-contrast-200)}:host([variant=separated]){gap:var(--_gap,var(--size-2-5));flex-direction:column;display:flex}:host([variant=separated]) ::slotted(ore-list-item){border:var(--border) solid var(--color-contrast-200);border-radius:var(--list-radius,var(--rounded-lg));overflow:hidden}:host([disabled]){pointer-events:none;opacity:.6}}`,Sn=(0,c.createContext)(`ListContext`),Cn=`ore-list`;(0,c.define)(Cn,{props:{...Y,...J,selectable:c.prop.bool(!1),value:c.prop.string(),variant:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=()=>[...t.querySelectorAll(`:scope > ore-list-item:not([disabled])`)],i=()=>[...t.querySelectorAll(`:scope > ore-list-item`)],a=e=>e.shadowRoot?.querySelector(`[part="row"]`)??null,o=()=>r().map(a).filter(e=>e!=null),s=ft({getItems:r,loop:!0,onNavigate:(e,t)=>{a(r()[t])?.focus()},signal:Z(c.onCleanup)}),l=(0,u.signal)(e.value.value);(0,u.watch)(e.value,e=>{l.value=e});let d=e=>{l.value!==e&&(l.value=e,n(`change`,{value:e??null}))},f=e=>{for(let t of i())t!==e&&t.removeAttribute(`revealed`)},p=e=>{let t=i().find(e=>e.hasAttribute(`revealed`));!t||e.composedPath().includes(t)||t.removeAttribute(`revealed`)};return document.addEventListener(`pointerdown`,p,{capture:!0}),(0,c.onCleanup)(()=>document.removeEventListener(`pointerdown`,p,{capture:!0})),(0,c.provide)(Sn,{requestReveal:f,select:d,selectable:(0,u.computed)(()=>!!e.selectable.value),value:l}),(0,c.bind)({attr:{"aria-disabled":()=>e.disabled.value?`true`:null,role:()=>e.selectable.value?`listbox`:`list`,value:()=>l.value??null},on:{keydown:t=>{if(!e.selectable.value||e.disabled.value)return;let n=t.composedPath().find(e=>e instanceof HTMLElement&&e.getAttribute(`part`)===`row`);if(!n)return;let r=o().indexOf(n);r!==-1&&(s.set(r),s.handleKeydown(t))}}}),c.html`<slot></slot>`},styles:[k(Me),xn]});var wn=`@layer refine.base{:host{color:var(--color-contrast-700);--_actions-width:var(--list-item-actions-width,var(--size-24));display:block;position:relative;overflow:hidden}.row{z-index:1;box-sizing:border-box;gap:var(--_gap,var(--size-4));width:100%;min-height:var(--_min-height,var(--size-4));padding:var(--_padding,var(--size-2-5) var(--size-4));font-size:var(--_font-size,var(--text-sm));text-align:start;touch-action:pan-y;cursor:default;background:var(--list-item-bg,var(--color-canvas));transform:translateX(calc(var(--_swipe-x,0) * var(--_actions-width)));transition:var(--_motion-transition,transform var(--transition-fast), background var(--transition-fast));border:none;outline:none;align-items:center;display:flex;position:relative}.row:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:var(--_padding-inline-end,var(--size-6))}.row:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--_padding-inline-end,var(--size-6))}.leading,.trailing{flex-shrink:0;align-items:center;display:flex}.content{gap:var(--size-0-5);flex-direction:column;flex:1;min-width:0;display:flex}.title{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.description{text-overflow:ellipsis;font-size:var(--text-xs);color:var(--color-contrast-400);white-space:nowrap;display:block;overflow:hidden}.description:empty{display:none}.row:hover{background:var(--list-item-hover-bg,var(--color-contrast-100))}.row:focus-visible{outline:var(--focus-ring);outline-offset:-2px}:host([selected]) .row{color:var(--color-primary);background:var(--list-item-selected-bg,color-mix(in oklch, var(--color-primary) 10%, transparent))}:host([disabled]){pointer-events:none;opacity:.6}.actions{width:var(--_actions-width);transition:var(--_motion-transition,transform var(--transition-fast));align-items:stretch;display:flex;position:absolute;top:0;bottom:0}.actions ::slotted(*){flex:1;height:100%}.actions-left{transform:translateX(calc((var(--_swipe-x,0) - 1) * 100%));left:0}.actions-right{transform:translateX(calc((var(--_swipe-x,0) + 1) * 100%));right:0}:host([revealed=left]){--_swipe-x:1}:host([revealed=right]){--_swipe-x:-1}:host:has(.actions-left:focus-within){--_swipe-x:1}:host:has(.actions-right:focus-within){--_swipe-x:-1}:host([data-dragging]) .row,:host([data-dragging]) .actions-left,:host([data-dragging]) .actions-right{transition:none}:host([data-confirming]) .actions-left,:host([data-confirming]) .actions-right{filter:saturate(1.4)brightness(.94)}}`,Tn=e=>e===`left`?`actions-left`:`actions-right`,En=`ore-list-item`;(0,c.define)(En,{props:{...Y,revealed:c.prop.oneOf([`left`,`right`],void 0),value:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=(0,c.useSlots)(),i=(0,c.inject)(Sn),a=(0,u.computed)(()=>!!i?.selectable.value),o=(0,u.computed)(()=>e.value.value!=null&&i!=null&&i.value.value===e.value.value),s=bn(t,{disabled:(0,u.computed)(()=>e.disabled.value||!!e.revealed.value),hasActions:e=>r.has(Tn(e)).value,onConfirm:e=>{let i=r.elements(Tn(e)).value[0];n(`confirm`,{item:t,side:e}),i?.click()}});(0,c.onCleanup)(()=>s.dispose()),(0,c.watchEffect)(()=>{t.toggleAttribute(`selected`,o.value)});let l=o.value;(0,c.watchEffect)(()=>{let r=o.value;r!==l&&(l=r,n(r?`select`:`deselect`,{item:t,value:e.value.value??null}))});let d=e.revealed.value??null;(0,c.watchEffect)(()=>{let r=e.revealed.value??null;r!==d&&(d=r,r?(i?.requestReveal(t),n(`reveal`,{item:t,side:r})):n(`conceal`,{item:t}))});let f=n=>{if(e.disabled.value)return;if(e.revealed.value){n.preventDefault(),n.stopPropagation(),t.removeAttribute(`revealed`);return}if(!a.value)return;let r=e.value.value;r!=null&&i?.select(o.value?void 0:r)};return(0,c.bind)({attr:{"aria-disabled":()=>e.disabled.value?`true`:null,"aria-selected":()=>a.value?String(o.value):null,role:()=>a.value?`option`:`listitem`}}),c.html`
|
|
820
|
+
<div
|
|
821
|
+
class="row"
|
|
822
|
+
part="row"
|
|
823
|
+
tabindex="${()=>e.disabled.value?`-1`:`0`}"
|
|
824
|
+
@click="${f}"
|
|
825
|
+
@keydown="${t=>{t.key!==`Enter`&&t.key!==` `||e.disabled.value||!e.revealed.value&&!a.value||(t.preventDefault(),f(t))}}"
|
|
826
|
+
@pointercancel="${e=>s.handlePointerCancel(e)}"
|
|
827
|
+
@pointerdown="${e=>s.handlePointerDown(e)}"
|
|
828
|
+
@pointermove="${e=>s.handlePointerMove(e)}"
|
|
829
|
+
@pointerup="${e=>s.handlePointerUp(e)}">
|
|
830
|
+
<span class="leading" part="leading"><slot name="leading"></slot></span>
|
|
831
|
+
<span class="content" part="content">
|
|
832
|
+
<span class="title" part="title"><slot></slot></span>
|
|
833
|
+
<span class="description" part="description"><slot name="description"></slot></span>
|
|
834
|
+
</span>
|
|
835
|
+
<span class="trailing" part="trailing"><slot name="trailing"></slot></span>
|
|
836
|
+
</div>
|
|
837
|
+
<span class="actions actions-left" part="actions-start"><slot name="actions-left"></slot></span>
|
|
838
|
+
<span class="actions actions-right" part="actions-end"><slot name="actions-right"></slot></span>
|
|
839
|
+
`},shadow:{delegatesFocus:!0},styles:[w,wn]});function Dn(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 On(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 kn(e,t,n,r){let i=(0,u.computed)(()=>!!e.value&&!r?.value);return{effectiveRel:(0,u.computed)(()=>On(t.value,n.value)),isLink:i}}var An=`@layer refine.base{:host{--group-gap:var(--size-2);--group-radius:var(--rounded-lg);display:inline-flex}.button-group{gap:var(--group-gap);flex-direction:row;display:flex}}@layer refine.variants{:host([orientation=vertical]) .button-group{flex-direction:column}}@layer refine.overrides{:host([fullwidth]){width:100%;display:flex}:host([fullwidth]) .button-group{width:100%}:host([fullwidth]) ::slotted(ore-button){flex:1}:host([attached]) .button-group{gap:0}:host([attached]) ::slotted(ore-button:hover),:host([attached]) ::slotted(ore-button:focus-within){z-index:1;position:relative}:host([attached]:not([orientation=vertical])) ::slotted(ore-button){--button-radius:0}:host([attached]:not([orientation=vertical])) ::slotted(ore-button:not(:first-child)){--button-border-start:0}:host([attached]:not([orientation=vertical])) ::slotted(ore-button:first-child){--button-radius:var(--group-radius) 0 0 var(--group-radius)}:host([attached]:not([orientation=vertical])) ::slotted(ore-button:last-child){--button-radius:0 var(--group-radius) var(--group-radius) 0}:host([attached][orientation=vertical]) ::slotted(ore-button){--button-radius:0}:host([attached][orientation=vertical]) ::slotted(ore-button:not(:first-child)){--button-border-top:0}:host([attached][orientation=vertical]) ::slotted(ore-button:first-child){--button-radius:var(--group-radius) var(--group-radius) 0 0}:host([attached][orientation=vertical]) ::slotted(ore-button:last-child){--button-radius:0 0 var(--group-radius) var(--group-radius)}}`,jn=(0,c.createContext)(`OreButtonGroup`),Mn=`ore-button-group`;(0,c.define)(Mn,{props:{...q,...J,attached:c.prop.bool(!1),fullwidth:c.prop.bool(!1),label:c.prop.string(),orientation:c.prop.string(),variant:c.prop.string()},setup(e){return(0,c.provide)(jn,{color:e.color,size:e.size,variant:e.variant}),c.html`
|
|
737
840
|
<div class="button-group" part="group" role="group" :aria-label="${e.label}">
|
|
738
841
|
<slot></slot>
|
|
739
842
|
</div>
|
|
740
|
-
`},styles:[
|
|
843
|
+
`},styles:[An]});var Nn=e=>()=>e.value||void 0,Pn=(e,t,n)=>{let{assistiveId:r,checked:i,disabled:a,errorText:o,handleClick:s,handleKeydown:l,helperText:u,indeterminate:d,labelId:f,required:p}=t;(0,c.bind)({attr:{...d!==void 0&&{indeterminate:d},ariaChecked:()=>n===`checkbox`&&d?.value?`mixed`:i.value?`true`:`false`,ariaDescribedby:()=>o.value||u.value?r:null,ariaDisabled:()=>a.value?`true`:null,ariaInvalid:()=>o.value?`true`:null,ariaLabelledby:f,ariaRequired:()=>p?.value?`true`:null,checked:i,role:n,size:e,tabindex:()=>a.value?void 0:0},class:()=>({"is-checked":i.value,"is-disabled":a.value,...d!==void 0&&{"is-indeterminate":d.value}}),on:{click:s,keydown:l}})},Q=(0,c.createContext)(`FormContext`),Fn=(e,t)=>({disabled:(0,u.computed)(()=>!!e.disabled?.value||!!t?.disabled?.value),size:(0,u.computed)(()=>e.size?.value??t?.size?.value),variant:(0,u.computed)(()=>e.variant?.value??t?.variant?.value)}),$=(e,t)=>{let n=Fn(e,t);return(0,c.bind)({attr:{disabled:()=>n.disabled.value?``:void 0}}),n},In=(e,t,n,r)=>c.html`<div
|
|
741
844
|
class="helper-text"
|
|
742
845
|
part="helper-text"
|
|
743
846
|
id="${e}"
|
|
@@ -746,7 +849,30 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
746
849
|
?hidden="${()=>!t.value&&!n.value}"
|
|
747
850
|
ref=${e=>{r?.(e)}}>
|
|
748
851
|
${()=>t.value||n.value}
|
|
749
|
-
</div
|
|
852
|
+
</div>`,Ln=e=>c.html`
|
|
853
|
+
<span
|
|
854
|
+
class="status-icon"
|
|
855
|
+
part="status-icon"
|
|
856
|
+
aria-hidden="true"
|
|
857
|
+
:data-status="${()=>e.value?`error`:`success`}">
|
|
858
|
+
${()=>e.value?c.html`<ore-icon name="alert-circle" size="14" stroke-width="2" aria-hidden="true"></ore-icon>`:c.html`<ore-icon name="check" size="14" stroke-width="2.5" aria-hidden="true"></ore-icon>`}
|
|
859
|
+
</span>
|
|
860
|
+
`,Rn=e=>c.html`
|
|
861
|
+
<span class="${()=>He(e.counter?.value)}" aria-live="polite" ?hidden="${()=>!e.counter}">
|
|
862
|
+
${()=>e.counter?.value.counterText.replace(` / `,`/`)??``}
|
|
863
|
+
</span>
|
|
864
|
+
<div
|
|
865
|
+
id="${e.assistiveId}"
|
|
866
|
+
class="helper-text"
|
|
867
|
+
aria-live="polite"
|
|
868
|
+
part="helper"
|
|
869
|
+
?hidden="${()=>!!e.errorText.value||!e.helperText.value}">
|
|
870
|
+
${()=>e.helperText.value}
|
|
871
|
+
</div>
|
|
872
|
+
<div id="${e.errorId}" class="helper-text" role="alert" part="error" ?hidden="${()=>!e.errorText.value}">
|
|
873
|
+
${()=>e.errorText.value}
|
|
874
|
+
</div>
|
|
875
|
+
`;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 Bn=`@layer refine.base{:host{--_bg:var(--button-bg,var(--color-contrast-100));--_color:var(--button-color,var(--color-contrast-900));--_border-color:var(--button-border-color,var(--color-contrast-300));--_radius:var(--button-radius,var(--rounded-lg));align-items:center;justify-content:var(--button-justify,center);display:inline-flex}:host([disabled]) a,:host([loading]) a{pointer-events:none;cursor:not-allowed}:host([loading]) a{cursor:wait}[part=button]{box-sizing:border-box;gap:var(--_gap,var(--size-2));align-items:center;justify-content:var(--button-justify,center);width:100%;min-width:0;height:var(--_height,var(--size-10));min-height:var(--_touch-target);padding:var(--_padding,var(--size-2) var(--size-4));font-size:var(--_font-size,var(--text-sm));font-weight:var(--font-medium);line-height:var(--_line-height,var(--leading-normal));color:var(--_color);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--_bg);border:var(--button-border,var(--border)) solid var(--_border-color);border-top-width:var(--button-border-top,var(--button-border,var(--border)));border-bottom-width:var(--button-border-bottom,var(--button-border,var(--border)));border-radius:var(--_radius);transition:var(--_motion-transition,background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), color var(--transition-normal), transform .12s var(--ease-spring));display:flex;position:relative}[part=button]:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-width:var(--button-border-start,var(--button-border,var(--border)));border-right-width:var(--button-border-end,var(--button-border,var(--border)))}[part=button]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-width:var(--button-border-start,var(--button-border,var(--border)));border-left-width:var(--button-border-end,var(--button-border,var(--border)))}[part=button]:focus-visible{outline:none}@keyframes spin{to{transform:rotate(360deg)}}.loader{border:var(--border-2) solid currentcolor;width:1em;height:1em;animation:var(--_motion-animation,spin var(--transition-loader) infinite);border-radius:50%;position:absolute}.loader:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}.content{text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;align-items:center;min-width:0;max-width:100%;display:inline-flex;overflow:hidden}::slotted([slot=prefix]),::slotted([slot=suffix]){flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}::slotted(svg){width:var(--_icon-size,var(--leading-6));height:var(--_icon-size,var(--leading-6));flex-shrink:0}}@layer refine.overrides{:host([fullwidth]){width:100%;display:flex}:host([fullheight]){height:100%;display:flex}:host([fullheight]) [part=button]{height:100%}:host([rounded][icon-only]) [part=button]{border-radius:50%}:host([loading]) .content{visibility:hidden}[part=button]:focus-visible{box-shadow:var(--_theme-shadow), var(--_theme-halo);outline:none}[part=button]:hover,[part=button]:active{border-color:var(--_hover-border-color,var(--_theme-focus));box-shadow:var(--_theme-shadow), var(--_theme-halo)}:host([variant=ghost]) [part=button]:hover,:host([variant=text]) [part=button]:hover{box-shadow:none;border-color:#0000;transform:none}:host([variant=ghost]) [part=button]:active,:host([variant=text]) [part=button]:active{box-shadow:none;border-color:#0000}[part=button]:active{transform:translateY(1px)}}@layer refine.variants{:host([icon-only]) [part=button]{aspect-ratio:1;padding:0}:host(:not([variant])),:host([variant=solid]){--_bg:var(--button-bg,var(--_theme-base));--_color:var(--button-color,var(--_theme-contrast));--_border-color:var(--button-border-color,var(--_theme-base));--_hover-bg:var(--_theme-focus);--_active-bg:color-mix(in oklch, var(--_theme-focus) 85%, black);--_active-color:var(--_theme-contrast)}:host([variant=flat]){--_bg:var(--button-bg,color-mix(in oklch, var(--_theme-backdrop) 25%, var(--color-contrast-100)));--_color:var(--button-color,var(--_theme-base));--_border-color:var(--button-border-color,color-mix(in oklch, var(--_theme-focus) 20%, transparent));--_hover-bg:var(--_theme-focus);--_hover-color:var(--_theme-contrast);--_active-bg:color-mix(in oklch, var(--_theme-focus) 85%, black);--_active-color:var(--_theme-contrast)}:host([variant=flat]) [part=button]{box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) [part=button]:hover{box-shadow:var(--inset-shadow-xs)}:host([variant=flat]) [part=button]:active{box-shadow:var(--inset-shadow-sm)}:host([variant=bordered]){--_bg:var(--button-bg,var(--_theme-backdrop));--_color:var(--button-color,var(--_theme-base));--_border-color:var(--button-border-color,var(--_theme-border));--_hover-bg:var(--_theme-focus);--_hover-color:var(--_theme-contrast);--_hover-border-color:var(--_theme-focus);--_active-bg:color-mix(in oklch, var(--_theme-focus) 85%, black);--_active-color:var(--_theme-contrast)}:host([variant=bordered]) [part=button],:host([variant=bordered]) [part=button]:hover{box-shadow:var(--inset-shadow-xs)}:host([variant=bordered]) [part=button]:active{box-shadow:var(--inset-shadow-sm)}:host([variant=outline]){--_bg:var(--button-bg,transparent);--_color:var(--button-color,var(--_theme-base));--_border-color:var(--button-border-color,var(--_theme-base));--_hover-bg:var(--_theme-backdrop);--_hover-border-color:var(--_theme-focus);--_active-bg:color-mix(in oklch, var(--_theme-base) 85%, black);--_active-color:var(--_theme-contrast)}:host([variant=ghost]){--_bg:var(--button-bg,transparent);--_color:var(--button-color,var(--_theme-base));--_border-color:var(--button-border-color,transparent);--_hover-bg:var(--_theme-backdrop);--_active-bg:color-mix(in oklch, var(--_theme-base) 85%, black);--_active-color:var(--_theme-contrast)}:host([variant=ghost]) [part=button]{border-width:0}:host([variant=text]){--_bg:var(--button-bg,transparent);--_color:var(--button-color,var(--_theme-base));--_border-color:var(--button-border-color,transparent);--_hover-color:var(--_theme-focus);--_active-color:color-mix(in oklch, var(--_theme-focus) 85%, black)}:host([variant=text]) [part=button]{border-width:0}:host([variant=frost]:not([color])){--_hover-bg:var(--button-frost-active-bg,color-mix(in oklch, var(--color-canvas) 70%, transparent));--_hover-border-color:var(--button-frost-active-border-color,color-mix(in oklch, var(--_theme-focus) 40%, transparent));--_active-bg:var(--button-frost-active-bg,color-mix(in oklch, var(--color-canvas) 70%, transparent));--_active-border-color:var(--button-frost-active-border-color,color-mix(in oklch, var(--_theme-focus) 40%, transparent))}:host([variant=frost][color]){--_hover-bg:var(--button-frost-active-bg,color-mix(in oklch, var(--_theme-backdrop) 50%, var(--_theme-base) 50%));--_hover-border-color:var(--button-frost-active-border-color,color-mix(in oklch, var(--_theme-focus) 65%, transparent));--_active-bg:var(--button-frost-active-bg,color-mix(in oklch, var(--_theme-backdrop) 50%, var(--_theme-base) 50%));--_active-border-color:var(--button-frost-active-border-color,color-mix(in oklch, var(--_theme-focus) 65%, transparent))}[part=button]:hover{color:var(--_hover-color,var(--_color));background:var(--_hover-bg,var(--_bg));border-color:var(--_hover-border-color,var(--_border-color))}[part=button]:active{color:var(--_active-color,var(--_color));background:var(--_active-bg,var(--_bg));border-color:var(--_active-border-color,var(--_border-color));box-shadow:var(--inset-shadow-2xs)}}`,Vn=[`solid`,`flat`,`bordered`,`outline`,`ghost`,`text`,`frost`],Hn=`ore-button`;(0,c.define)(Hn,{formAssociated:!0,props:{...we,effect:c.prop.string(),fullheight:c.prop.bool(!1),fullwidth:c.prop.bool(!1),href:c.prop.string(),iconOnly:c.prop.bool(!1),label:c.prop.string(),rel:c.prop.string(),target:c.prop.string(),type:c.prop.oneOf([`button`,`submit`,`reset`],`button`),variant:c.prop.oneOf(Vn,`solid`)},setup(e){let t=(0,c.getHost)(),n=(0,c.inject)(jn),r=(0,u.computed)(()=>n?.color.value??e.color.value),i=(0,u.computed)(()=>n?.size.value??e.size.value),a=(0,u.computed)(()=>n?.variant.value??e.variant.value),o=(0,u.computed)(()=>!!(e.disabled.value||e.loading.value)),{effectiveRel:s,isLink:l}=kn(e.href,e.rel,e.target),d=(0,h.useField)({disabled:o,toFormValue:()=>null,value:(0,u.computed)(()=>``)}),f=n=>{if(o.value){n.preventDefault();return}zn(()=>l.value?null:d.internals.form,e.type,o,t)(n)};(0,c.bind)({attr:{"aria-busy":e.loading,"aria-disabled":o,"aria-label":e.label,color:r,effect:e.effect,role:(0,u.computed)(()=>t.getAttribute(`role`)??(l.value?`link`:`button`)),size:i,tabindex:(0,u.computed)(()=>o.value?`-1`:`0`),variant:a},on:{keydown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),(t.shadowRoot?.querySelector(`[part="button"]`))?.click())}}});let p=c.html`
|
|
750
876
|
<span class="loader" part="loader" aria-label="Loading" ?hidden=${()=>!e.loading.value}></span>
|
|
751
877
|
<slot name="prefix"></slot>
|
|
752
878
|
<span class="content" part="content"><slot></slot></span>
|
|
@@ -762,7 +888,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
762
888
|
@click="${f}">
|
|
763
889
|
${p}
|
|
764
890
|
</a>`:c.html`<span part="button" role="presentation" @click="${f}">${p}</span>`}
|
|
765
|
-
`},shadow:{delegatesFocus:!1},styles:[N,C,w,E,F,k({lg:{fontSize:`var(--text-base)`,gap:`var(--size-2-5)`,height:`var(--size-12)`,iconSize:`var(--size-6)`,lineHeight:`var(--leading-relaxed)`,padding:`var(--size-2-5) var(--size-5)`},sm:{fontSize:`var(--text-sm)`,gap:`var(--size-1-5)`,height:`var(--size-8)`,iconSize:`var(--size-4)`,lineHeight:`var(--leading-tight)`,padding:`var(--size-1-5) var(--size-3)`}}),
|
|
891
|
+
`},shadow:{delegatesFocus:!1},styles:[N,C,w,E,F,k({lg:{fontSize:`var(--text-base)`,gap:`var(--size-2-5)`,height:`var(--size-12)`,iconSize:`var(--size-6)`,lineHeight:`var(--leading-relaxed)`,padding:`var(--size-2-5) var(--size-5)`},sm:{fontSize:`var(--text-sm)`,gap:`var(--size-1-5)`,height:`var(--size-8)`,iconSize:`var(--size-4)`,lineHeight:`var(--leading-tight)`,padding:`var(--size-1-5) var(--size-3)`}}),ne(`[part="button"]`),te(`[part="button"]`),H(`[part="button"]`),j,Bn]});var Un=`@layer refine.base{:host{gap:var(--size-1);align-items:center;display:flex}.pagination{gap:var(--pagination-gap,var(--size-1));align-items:center;margin:0;padding:0;list-style:none;display:flex}li{display:contents}button{all:unset;box-sizing:border-box;min-width:var(--pagination-item-size,var(--size-9));height:var(--pagination-item-size,var(--size-9));min-height:var(--_touch-target);padding:0 var(--size-2);font-size:var(--_font-size,var(--text-sm));font-weight:var(--font-medium);color:var(--color-contrast-700);cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--border) solid transparent;border-radius:var(--pagination-radius,var(--rounded-lg));transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}:host(:not([variant])) button,:host([variant=ghost]) button{color:var(--color-contrast-700);background:0 0;border-width:0;border-color:#0000}:host(:not([variant])) button:hover:not(:disabled,[aria-current=page]),:host([variant=ghost]) button:hover:not(:disabled,[aria-current=page]){background:var(--_theme-backdrop)}:host([variant=solid]) button{color:var(--_theme-contrast);background:var(--_theme-base);border-color:var(--_theme-base)}:host([variant=solid]) button:hover:not(:disabled,[aria-current=page]){background:var(--_theme-focus)}:host([variant=flat]) button{color:var(--_theme-base);background:color-mix(in oklch, var(--_theme-backdrop) 8%, var(--color-contrast-100));border-color:color-mix(in oklch, var(--_theme-focus) 20%, transparent);box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) button:hover:not(:disabled,[aria-current=page]){color:var(--_theme-contrast);background:var(--_theme-focus)}:host([variant=bordered]) button{color:var(--_theme-base);background:var(--_theme-backdrop);border-color:var(--_theme-border);box-shadow:var(--inset-shadow-xs)}:host([variant=bordered]) button:hover:not(:disabled,[aria-current=page]){color:var(--_theme-contrast);background:var(--_theme-focus);border-color:var(--_theme-focus)}:host([variant=outline]) button{color:var(--_theme-base);border-color:var(--_theme-base);background:0 0}:host([variant=outline]) button:hover:not(:disabled,[aria-current=page]){background:var(--_theme-backdrop);border-color:var(--_theme-focus)}:host([variant=text]) button{color:var(--_theme-base);background:0 0;border-width:0;border-color:#0000}:host([variant=text]) button:hover:not(:disabled,[aria-current=page]){color:var(--_theme-focus);background:0 0}:host([variant=frost]) button{color:var(--_theme-content);background:color-mix(in oklch, var(--_theme-backdrop) 45%, transparent);border-color:color-mix(in oklch, var(--_theme-border) 45%, transparent);-webkit-backdrop-filter:blur(var(--blur-xl)) saturate(200%);backdrop-filter:blur(var(--blur-xl)) saturate(200%)}:host([variant=frost]) button:hover:not(:disabled,[aria-current=page]){background:color-mix(in oklch, var(--_theme-backdrop) 65%, transparent);border-color:color-mix(in oklch, var(--_theme-focus) 55%, transparent)}:host([variant=glass]) button{color:var(--_theme-content);background:color-mix(in oklch, var(--color-canvas) 70%, transparent);border-color:color-mix(in oklch, var(--_theme-border) 40%, transparent);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(140%);backdrop-filter:blur(var(--blur-md)) saturate(140%)}:host([variant=glass]) button:hover:not(:disabled,[aria-current=page]){background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-color:color-mix(in oklch, var(--_theme-border) 45%, transparent)}button:hover:not(:disabled,[aria-current=page]){background:var(--color-contrast-100)}button:focus-visible{outline:var(--border-2) solid var(--_theme-base,var(--color-contrast-500));outline-offset:var(--border-2)}button[aria-current=page]{font-weight:var(--font-bold);color:var(--_theme-contrast,var(--color-canvas));cursor:default;background:var(--_theme-base,var(--color-contrast-800));border-color:var(--_theme-base,var(--color-contrast-800))}:host([variant=ghost]) button[aria-current=page],:host(:not([variant])) button[aria-current=page]{color:var(--_theme-contrast);background:var(--_theme-focus);border-color:var(--_theme-focus)}:host([variant=solid]) button[aria-current=page]{background:var(--_theme-focus);border-color:var(--_theme-focus)}:host([variant=flat]) button[aria-current=page]{color:var(--_theme-contrast);background:var(--_theme-base);border-color:var(--_theme-base)}:host([variant=bordered]) button[aria-current=page]{color:var(--_theme-contrast);background:var(--_theme-focus);border-color:var(--_theme-focus)}:host([variant=outline]) button[aria-current=page]{color:var(--_theme-contrast);background:var(--_theme-base);border-color:var(--_theme-base)}:host([variant=text]) button[aria-current=page]{color:var(--_theme-focus);text-underline-offset:4px;text-decoration-line:underline;text-decoration-thickness:2px}:host([variant=frost]) button[aria-current=page]{color:var(--_theme-contrast);background:color-mix(in oklch, var(--_theme-base) 70%, transparent);border-color:var(--_theme-base)}:host([variant=glass]) button[aria-current=page]{color:var(--_theme-contrast);background:color-mix(in oklch, var(--color-canvas) 90%, transparent);border-color:var(--_theme-base)}button:disabled{cursor:not-allowed;opacity:.4}.ellipsis{min-width:var(--pagination-item-size,var(--size-9));height:var(--pagination-item-size,var(--size-9));font-size:var(--_font-size,var(--text-sm));color:var(--color-contrast-400);cursor:default;justify-content:center;align-items:center;display:inline-flex}}@layer refine.utilities{:host([size=sm]){--pagination-item-size:var(--size-7);--pagination-gap:var(--size-0_5);--_font-size:var(--text-xs)}:host([size=lg]){--pagination-item-size:var(--size-11);--_font-size:var(--text-base)}}`;function Wn(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 Gn=`ore-pagination`;(0,c.define)(Gn,{props:{...q,...J,label:c.prop.string(`Pagination`),page:c.prop.number(1),"show-first-last":c.prop.bool(!1),"show-prev-next":c.prop.bool(!1),siblings:c.prop.number(1),"total-pages":c.prop.number(1),variant:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)();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=(0,u.computed)(()=>Wn(e.page.value||1,e[`total-pages`].value||1,e.siblings.value??1)),a=(0,u.computed)(()=>(e.page.value||1)<=1),o=(0,u.computed)(()=>(e.page.value||1)>=(e[`total-pages`].value||1));return c.html`
|
|
766
892
|
<nav :aria-label="${e.label}" part="nav">
|
|
767
893
|
<ol class="pagination" part="list">
|
|
768
894
|
${()=>e[`show-first-last`].value?c.html`<li>
|
|
@@ -823,7 +949,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
823
949
|
</li>`:``}
|
|
824
950
|
</ol>
|
|
825
951
|
</nav>
|
|
826
|
-
`},styles:[C,N,k(),
|
|
952
|
+
`},styles:[C,N,k(),Un]});var Kn=`@layer refine.base{:host{--_color:var(--separator-color,var(--color-contrast-300));--_size:var(--separator-size,var(--border));--_spacing:var(--separator-spacing,0);display:block}.separator{all:unset;box-sizing:border-box;margin:var(--_spacing) 0;display:block}:host([orientation=horizontal]),:host(:not([orientation=vertical])){width:100%}:host([orientation=horizontal]) .separator,:host(:not([orientation=vertical])) .separator{border-top:var(--_size) solid var(--_color);width:100%}:host([orientation=vertical]){align-self:stretch;display:inline-block}:host([orientation=vertical]) .separator{height:100%}:host([orientation=vertical]) .separator:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--_size) solid var(--_color)}:host([orientation=vertical]) .separator:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--_size) solid var(--_color)}:host([color]){--_color:var(--_theme-base)}.separator-wrapper{gap:var(--size-3);align-items:center;display:flex}.separator-wrapper .separator{flex:1}:host([orientation=vertical]) .separator-wrapper{flex-direction:column;align-self:stretch;height:100%}:host([orientation=vertical]) .separator-wrapper .separator{border-top:none;flex:1;width:auto;height:auto}:host([orientation=vertical]) .separator-wrapper .separator:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--_size) solid var(--_color)}:host([orientation=vertical]) .separator-wrapper .separator:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--_size) solid var(--_color)}.separator-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--_color);white-space:nowrap}}`,qn=`ore-separator`;(0,c.define)(qn,{props:{color:c.prop.string(),decorative:c.prop.bool(!0),label:c.prop.string(),orientation:c.prop.oneOf([`horizontal`,`vertical`],`horizontal`)},setup(e){let t=()=>e.decorative.value?`none`:`separator`,n=()=>e.decorative.value?`true`:null;return c.html`
|
|
827
953
|
${()=>e.label.value?c.html`
|
|
828
954
|
<div class="separator-wrapper" part="wrapper">
|
|
829
955
|
<hr
|
|
@@ -848,7 +974,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
848
974
|
:aria-hidden="${n}"
|
|
849
975
|
:aria-orientation="${()=>e.orientation.value}" />
|
|
850
976
|
`}
|
|
851
|
-
`},styles:[N,Tn]});var Dn=`@layer refine.base{:host{box-shadow:var(--table-shadow,none);border:none;border-radius:0}caption{padding:var(--size-3);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-align:start;text-transform:uppercase;letter-spacing:.05em;caption-side:top;background:var(--_header-bg)}thead,tfoot{background:var(--_header-bg)}thead{border-bottom:var(--border) solid var(--_border-color)}tfoot{border-top:var(--border) solid var(--_border-color)}tbody tr{border-bottom:var(--border) solid var(--_border-color);transition:background var(--transition-fast)}tbody tr:hover{background:var(--_row-hover-bg)}th,td{padding:var(--_cell-padding-y) var(--_cell-padding-x);font-size:var(--_font-size);vertical-align:middle;color:var(--color-contrast-800);text-align:start;font-weight:400}thead th,thead td,tfoot th,tfoot td{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;-webkit-user-select:none;user-select:none}}@layer refine.variants{:host([bordered]) th:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([bordered]) td:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_border-color)}:host([bordered]) th:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}:host([bordered]) td:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}:host([bordered]) th:last-child:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([bordered]) td:last-child:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:none}:host([bordered]) th:last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:none}:host([bordered]) td:last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:none}:host([striped]) tbody tr:nth-child(2n){background:var(--_stripe-bg)}:host([sticky]) thead{z-index:2;background:var(--table-sticky-header-bg,color-mix(in oklch, var(--_header-bg) 94%, transparent));box-shadow:inset 0 calc(var(--border) * -1) 0 var(--_border-color);-webkit-backdrop-filter:blur(var(--table-sticky-blur,var(--blur-md))) saturate(140%);backdrop-filter:blur(var(--table-sticky-blur,var(--blur-md))) saturate(140%);position:sticky;top:0}}`;customElements.get(`ore-tr`)||customElements.define(`ore-tr`,class extends HTMLElement{}),customElements.get(`ore-th`)||customElements.define(`ore-th`,class extends HTMLElement{}),customElements.get(`ore-td`)||customElements.define(`ore-td`,class extends HTMLElement{});var On=[`colspan`,`rowspan`,`headers`,`abbr`];function kn(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 On){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 An(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`),kn(r,s,c),i.set(r,{inferredScope:c,native:s}),o.appendChild(s)}e.appendChild(o)}return i}var jn=`ore-table`;(0,c.define)(jn,{props:{bordered:c.prop.bool(!1),caption:c.prop.string(),density:c.prop.string(),fullwidth:c.prop.bool(!1),loading:c.prop.bool(!1),sticky:c.prop.bool(!1),striped:c.prop.bool(!1)},setup(e){let t=(0,c.getHost)(),n=c.watchEffect;return(0,c.bind)({attr:{"aria-busy":e.loading,"aria-label":e.caption}}),(0,c.onMounted)(()=>{let r=t.shadowRoot.querySelector(`.scroll-container`),i=document.createElement(`table`),a=document.createElement(`caption`),o=document.createElement(`thead`),s=document.createElement(`tbody`),c=document.createElement(`tfoot`);r.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),r.appendChild(i),n(()=>{let t=e.caption.value??``;a.textContent=t,a.hidden=t===``});let l=An(t,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&&kn(e,t.native,t.inferredScope)}}});u.observe(t,{attributeFilter:[...On,`scope`],attributes:!0,characterData:!0,childList:!0,subtree:!0});let d=new MutationObserver(()=>{l=An(t,o,s,c)});return d.observe(t,{childList:!0}),()=>{d.disconnect(),u.disconnect()}}),c.html`<div class="scroll-container"></div>`},styles:[w,H(`table`),Dn]});var Mn=`:host{--_size:var(--text-size,var(--text-base));--_weight:var(--text-weight,var(--font-normal));--_color:var(--text-color,var(--text-color-body));--_line-height:var(--text-line-height,var(--leading-normal));--_letter-spacing:var(--text-letter-spacing,normal);font-size:var(--_size);font-weight:var(--_weight);line-height:var(--_line-height);color:var(--_color);letter-spacing:var(--_letter-spacing);display:block}:host([hidden]){display:none}:host([lines]){-webkit-line-clamp:var(--_lines);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:host(:is([as=span],[as=label],[as=code]):not([align],[truncate])){display:inline}:host([variant=heading]){--_size:var(--text-size,var(--heading-md));--_weight:var(--text-weight,var(--font-semibold));--_color:var(--text-color,var(--text-color-heading));--_line-height:var(--text-line-height,var(--leading-tight));--_letter-spacing:var(--text-letter-spacing,var(--tracking-header))}:host([variant=label]){--_size:var(--text-size,var(--text-sm));--_weight:var(--text-weight,var(--font-medium));--_color:var(--text-color,var(--text-color-heading));--_line-height:var(--text-line-height,var(--leading-snug))}:host([variant=caption]){--_size:var(--text-size,var(--text-sm));--_color:var(--text-color,var(--text-color-secondary))}:host([variant=overline]){--_size:var(--text-size,var(--text-xs));--_weight:var(--text-weight,var(--font-semibold));--_line-height:var(--text-line-height,var(--leading-none));--_letter-spacing:var(--text-letter-spacing,.08em);text-transform:uppercase}:host([variant=code]){--_size:var(--text-size,var(--text-sm));font-family:var(--font-mono,monospace)}:host([size=xs]){--_size:var(--text-size,var(--text-xs))}:host([size=sm]){--_size:var(--text-size,var(--text-sm))}:host([size=md]){--_size:var(--text-size,var(--text-base))}:host([size=lg]){--_size:var(--text-size,var(--text-lg))}:host([size=xl]){--_size:var(--text-size,var(--text-xl))}:host([size="2xl"]){--_size:var(--text-size,var(--text-2xl))}:host([variant=heading][size=xs]){--_size:var(--text-size,var(--heading-xs))}:host([variant=heading][size=sm]){--_size:var(--text-size,var(--heading-sm))}:host([variant=heading][size=md]){--_size:var(--text-size,var(--heading-md))}:host([variant=heading][size=lg]){--_size:var(--text-size,var(--heading-lg))}:host([variant=heading][size=xl]){--_size:var(--text-size,var(--heading-xl))}:host([variant=heading][size="2xl"]){--_size:var(--text-size,var(--heading-2xl))}:host([weight=normal]){--_weight:var(--text-weight,var(--font-normal))}:host([weight=medium]){--_weight:var(--text-weight,var(--font-medium))}:host([weight=semibold]){--_weight:var(--text-weight,var(--font-semibold))}:host([weight=bold]){--_weight:var(--text-weight,var(--font-bold))}:host([color=primary]){--_color:var(--text-color,var(--color-primary))}:host([color=secondary]){--_color:var(--text-color,var(--color-secondary))}:host([color=info]){--_color:var(--text-color,var(--color-info))}:host([color=success]){--_color:var(--text-color,var(--color-success))}:host([color=warning]){--_color:var(--text-color,var(--color-warning))}:host([color=error]){--_color:var(--text-color,var(--color-error))}:host([color=heading]){--_color:var(--text-color,var(--text-color-heading))}:host([color=body]){--_color:var(--text-color,var(--text-color-body))}:host([color=muted]){--_color:var(--text-color,var(--text-color-secondary))}:host([color=tertiary]){--_color:var(--text-color,var(--text-color-tertiary))}:host([color=disabled]){--_color:var(--text-color,var(--text-color-disabled))}:host([color=contrast]){--_color:var(--text-color,var(--text-color-contrast))}@layer refine.utilities{:host([align]){display:block}:host([align=left]){text-align:start}:host([align=center]){text-align:center}:host([align=right]){text-align:end}:host([align=justify]){text-align:justify}:host([truncate]){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}:host([italic]){font-style:italic}:host([as=p]),:host([as=div]),:host(:is([as=h1],[as=h2],[as=h3],[as=h4],[as=h5],[as=h6])){display:block}}`,Nn=`ore-text`;(0,c.define)(Nn,{props:{align:c.prop.string(),as:c.prop.string(),color:c.prop.string(),italic:c.prop.bool(),lines:c.prop.number(),size:c.prop.string(),truncate:c.prop.bool(),variant:c.prop.string(),weight:c.prop.string()},setup(e){return(0,c.bind)({attr:{"aria-level":()=>{let t=/^h([1-6])$/.exec(e.as.value??``);return t?t[1]:null},role:()=>/^h([1-6])$/.test(e.as.value??``)?`heading`:null},style:{"--_lines":()=>e.lines.value==null?null:String(e.lines.value)}}),c.html`<slot></slot>`},styles:[Mn]});var Pn=`@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)}}`,Fn=(0,c.createContext)(`AccordionContext`),In=`ore-accordion`;(0,c.define)(In,{props:{selectionMode:c.prop.string(),size:c.prop.string(),variant:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=r=>{e.selectionMode.value===`single`&&(t.querySelectorAll(`:scope > ore-accordion-item[expanded]`).forEach(e=>{e!==r&&e.hasAttribute(`expanded`)&&e.removeAttribute(`expanded`)}),n(`change`,{expandedItem:r}))},i=()=>[...t.querySelectorAll(`:scope > ore-accordion-item:not([disabled])`)],a=()=>i().map(e=>e.shadowRoot?.querySelector(`summary`)).filter(Boolean),o=nt({getItems:()=>i(),loop:!0,onNavigate:(e,t)=>{a()[t]?.focus()}});return(0,c.provide)(Fn,{selectionMode:(0,u.computed)(()=>e.selectionMode.value),size:e.size,variant:e.variant}),(0,c.bind)({on:{expand:e=>{let n=e.composedPath().find(e=>e instanceof HTMLElement),i=e.detail?.item??n;!i||i.localName!==`ore-accordion-item`||i.closest(`ore-accordion`)===t&&r(i)},keydown:e=>{let t=a();if(!t.length)return;let n=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`summary`),r=n?t.indexOf(n):-1;r!==-1&&(o.set(r),o.handleKeydown(e))}}}),c.html`<slot></slot>`},styles:[Pn]});var Ln=`@layer refine.base{:host{--tabs-transition:var(--transition-normal);--tabs-radius:var(--rounded-lg);flex-direction:column;width:100%;height:100%;display:flex}.tablist-wrapper{flex-shrink:0;position:relative}[role=tablist]{gap:var(--tabs-tab-gap,var(--size-1));scrollbar-width:none;align-items:stretch;display:flex;position:relative;overflow-x:auto}[role=tablist]::-webkit-scrollbar{display:none}.indicator{pointer-events:none;background:var(--tabs-indicator-color,var(--_theme-base));border-radius:var(--rounded-full);height:2px;transition:transform var(--tabs-transition);position:absolute;bottom:0;left:0}.panels{flex-direction:column;flex:1;min-height:0;display:flex}}@layer refine.orientation{:host([orientation=vertical]){flex-direction:row;align-items:flex-start}:host([orientation=vertical]) .tablist-wrapper{flex-shrink:0;display:flex}:host([orientation=vertical]) [role=tablist]{width:max-content;overflow-x:unset;flex-direction:column;overflow-y:auto}:host([orientation=vertical]) .indicator{top:0;bottom:unset;width:2px;height:unset;transition:transform var(--tabs-transition)}:host([orientation=vertical]) .indicator:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([orientation=vertical]) .indicator:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}}@layer refine.variants{:host,:host([variant=solid]){--tabs-tab-gap:var(--size-1);--_tablist-bg:var(--tabs-tablist-bg,var(--color-contrast-100));--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200))}:host [role=tablist],:host([variant=solid]) [role=tablist]{padding:var(--size-1);background:var(--_tablist-bg);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius)}:host .indicator,:host([variant=solid]) .indicator{display:none}:host([variant=flat]){--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200));background:var(--tabs-bg,var(--color-contrast-100));border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius);box-shadow:var(--inset-shadow-xs), var(--shadow-2xs);overflow:hidden}:host([variant=flat]) [role=tablist]{gap:var(--size-1);padding:var(--size-1);border:none;border-bottom:var(--border) solid var(--_tablist-border-color);background:0 0;border-radius:0}:host([variant=flat]) .indicator{display:none}:host([variant=bordered]){--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200))}:host([variant=bordered]) [role=tablist]{gap:var(--size-1);padding:var(--size-1);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius) var(--tabs-radius) 0 0;background:0 0;border-bottom:none}:host([variant=bordered]) .indicator{display:none}:host([variant=bordered]) .panels{border:var(--border) solid var(--_tablist-border-color);border-radius:0 0 var(--tabs-radius) var(--tabs-radius)}:host([variant=bordered][orientation=vertical]) [role=tablist]{border-right:none;border-bottom:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius) 0 0 var(--tabs-radius)}:host([variant=bordered][orientation=vertical]) .panels{border-radius:0 var(--tabs-radius) var(--tabs-radius) 0}:host([variant=ghost]) [role=tablist]{gap:var(--size-1);background:0 0;border:none;border-radius:0;padding:0}:host([variant=ghost]) .indicator{display:none}:host([variant=glass]){--_tablist-bg:var(--tabs-tablist-bg,color-mix(in oklch, var(--color-secondary) 20%, transparent));--_tablist-border-color:var(--tabs-tablist-border-color,color-mix(in oklch, var(--color-secondary-contrast) 15%, transparent))}:host([variant=glass]) [role=tablist]{padding:var(--size-1);background:var(--_tablist-bg);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius);box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([variant=glass]) .indicator{display:none}:host([variant=frost]){--_tablist-bg:var(--tabs-tablist-bg,color-mix(in oklch, var(--color-canvas) 55%, transparent));--_tablist-border-color:var(--tabs-tablist-border-color,color-mix(in oklch, var(--color-contrast-300) 50%, transparent))}:host([variant=frost]) [role=tablist]{padding:var(--size-1);background:var(--_tablist-bg);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius);box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([variant=frost]) .indicator{display:none}}`,Rn=(0,c.createContext)(`TabsContext`),zn=`ore-tabs`;(0,c.define)(zn,{props:{...q,...J,activation:c.prop.oneOf([`auto`,`manual`],`auto`),label:c.prop.string(),orientation:c.prop.oneOf([`horizontal`,`vertical`],`horizontal`),value:c.prop.string(),variant:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=t.shadowRoot,i=(0,c.ref)(),a=(0,c.ref)(),o=(0,u.signal)(e.value.value),s=()=>e.activation.value===`manual`,l=()=>e.orientation.value===`vertical`;(0,c.bind)({attr:{value:()=>o.value??null}});let d=()=>[...t.querySelectorAll(`:scope > ore-tab-item[slot="tabs"]`)],f=()=>d().filter(e=>!e.hasAttribute(`disabled`)),p=e=>{e&&(e.shadowRoot?.querySelector(`[role="tab"]`)??e).focus()},m=(e,t=!1)=>{o.value=e,t&&e&&n(`change`,{value:e})},h=()=>{let e=d();if(e.length===0)return;let t=o.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;m(n,!1)};(0,u.watch)(e.value,e=>{o.value=e,h()});let g=nt({getItems:()=>f(),loop:!0,onNavigate:(e,t)=>{let n=f()[t];if(p(n),!s()){let e=n?.getAttribute(`value`);e&&m(e,!0)}},orientation:()=>l()?`vertical`:`both`});(0,c.provide)(Rn,{color:e.color,orientation:(0,u.computed)(()=>e.orientation.value??`horizontal`),size:e.size,value:o,variant:e.variant});let _=e=>{let t=a.value,n=i.value;if(!t||!n||!e)return;let r=e.getBoundingClientRect(),o=n.getBoundingClientRect();if(l()){let e=r.top-o.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-o.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)`}},v=()=>{let e=o.value;if(!e)return;let t=d().find(t=>t.getAttribute(`value`)===e);_(t)};(0,u.watch)(o,()=>{requestAnimationFrame(v)});let y=e=>{let n=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`ore-tab-item`);if(!n||n.hasAttribute(`disabled`)||n.closest(`ore-tabs`)!==t)return;let r=n.getAttribute(`value`);!r||r===o.value||m(r,!0)},b=Ge({disabled:(0,u.computed)(()=>!s()),onPress:()=>{let e=f().find(e=>e===document.activeElement||e.shadowRoot?.activeElement===document.activeElement)?.getAttribute(`value`);e&&e!==o.value&&m(e,!0)}});return(0,c.bind)({on:{click:y,keydown:e=>{let t=f();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`)===o.value),r=n?t.indexOf(n):-1;r>=0&&g.set(r),!g.handleKeydown(e)&&b.handleKeydown(e)}}}),(0,c.onMounted)(()=>{let e=()=>{h(),v()},t=r?.querySelector(`slot[name="tabs"]`);return t&&t.addEventListener(`slotchange`,e),e(),requestAnimationFrame(e),()=>{t&&t.removeEventListener(`slotchange`,e)}}),c.html`
|
|
977
|
+
`},styles:[N,Kn]});var Jn=`@layer refine.base{:host{box-shadow:var(--table-shadow,none);border:none;border-radius:0}caption{padding:var(--size-3);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-align:start;text-transform:uppercase;letter-spacing:.05em;caption-side:top;background:var(--_header-bg)}thead,tfoot{background:var(--_header-bg)}thead{border-bottom:var(--border) solid var(--_border-color)}tfoot{border-top:var(--border) solid var(--_border-color)}tbody tr{border-bottom:var(--border) solid var(--_border-color);transition:background var(--transition-fast)}tbody tr:hover{background:var(--_row-hover-bg)}th,td{padding:var(--_cell-padding-y) var(--_cell-padding-x);font-size:var(--_font-size);vertical-align:middle;color:var(--color-contrast-800);text-align:start;font-weight:400}thead th,thead td,tfoot th,tfoot td{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;-webkit-user-select:none;user-select:none}}@layer refine.variants{:host([bordered]) th:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([bordered]) td:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_border-color)}:host([bordered]) th:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}:host([bordered]) td:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}:host([bordered]) th:last-child:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([bordered]) td:last-child:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:none}:host([bordered]) th:last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:none}:host([bordered]) td:last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:none}:host([striped]) tbody tr:nth-child(2n){background:var(--_stripe-bg)}:host([sticky]) thead{z-index:2;background:var(--table-sticky-header-bg,color-mix(in oklch, var(--_header-bg) 94%, transparent));box-shadow:inset 0 calc(var(--border) * -1) 0 var(--_border-color);-webkit-backdrop-filter:blur(var(--table-sticky-blur,var(--blur-md))) saturate(140%);backdrop-filter:blur(var(--table-sticky-blur,var(--blur-md))) saturate(140%);position:sticky;top:0}}`;customElements.get(`ore-tr`)||customElements.define(`ore-tr`,class extends HTMLElement{}),customElements.get(`ore-th`)||customElements.define(`ore-th`,class extends HTMLElement{}),customElements.get(`ore-td`)||customElements.define(`ore-td`,class extends HTMLElement{});var Yn=[`colspan`,`rowspan`,`headers`,`abbr`];function Xn(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 Yn){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 Zn(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`),Xn(r,s,c),i.set(r,{inferredScope:c,native:s}),o.appendChild(s)}e.appendChild(o)}return i}var Qn=`ore-table`;(0,c.define)(Qn,{props:{bordered:c.prop.bool(!1),caption:c.prop.string(),density:c.prop.string(),fullwidth:c.prop.bool(!1),loading:c.prop.bool(!1),sticky:c.prop.bool(!1),striped:c.prop.bool(!1)},setup(e){let t=(0,c.getHost)(),n=c.watchEffect;return(0,c.bind)({attr:{"aria-busy":e.loading,"aria-label":e.caption}}),(0,c.onMounted)(()=>{let r=t.shadowRoot.querySelector(`.scroll-container`),i=document.createElement(`table`),a=document.createElement(`caption`),o=document.createElement(`thead`),s=document.createElement(`tbody`),c=document.createElement(`tfoot`);r.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),r.appendChild(i),n(()=>{let t=e.caption.value??``;a.textContent=t,a.hidden=t===``});let l=Zn(t,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&&Xn(e,t.native,t.inferredScope)}}});u.observe(t,{attributeFilter:[...Yn,`scope`],attributes:!0,characterData:!0,childList:!0,subtree:!0});let d=new MutationObserver(()=>{l=Zn(t,o,s,c)});return d.observe(t,{childList:!0}),()=>{d.disconnect(),u.disconnect()}}),c.html`<div class="scroll-container"></div>`},styles:[w,re(`table`),Jn]});var $n=`:host{--_size:var(--text-size,var(--text-base));--_weight:var(--text-weight,var(--font-normal));--_color:var(--text-color,var(--text-color-body));--_line-height:var(--text-line-height,var(--leading-normal));--_letter-spacing:var(--text-letter-spacing,normal);font-size:var(--_size);font-weight:var(--_weight);line-height:var(--_line-height);color:var(--_color);letter-spacing:var(--_letter-spacing);display:block}:host([hidden]){display:none}:host([lines]){-webkit-line-clamp:var(--_lines);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:host(:is([as=span],[as=label],[as=code]):not([align],[truncate])){display:inline}:host([variant=heading]){--_size:var(--text-size,var(--heading-md));--_weight:var(--text-weight,var(--font-semibold));--_color:var(--text-color,var(--text-color-heading));--_line-height:var(--text-line-height,var(--leading-tight));--_letter-spacing:var(--text-letter-spacing,var(--tracking-header))}:host([variant=label]){--_size:var(--text-size,var(--text-sm));--_weight:var(--text-weight,var(--font-medium));--_color:var(--text-color,var(--text-color-heading));--_line-height:var(--text-line-height,var(--leading-snug))}:host([variant=caption]){--_size:var(--text-size,var(--text-sm));--_color:var(--text-color,var(--text-color-secondary))}:host([variant=overline]){--_size:var(--text-size,var(--text-xs));--_weight:var(--text-weight,var(--font-semibold));--_line-height:var(--text-line-height,var(--leading-none));--_letter-spacing:var(--text-letter-spacing,.08em);text-transform:uppercase}:host([variant=code]){--_size:var(--text-size,var(--text-sm));font-family:var(--font-mono,monospace)}:host([size=xs]){--_size:var(--text-size,var(--text-xs))}:host([size=sm]){--_size:var(--text-size,var(--text-sm))}:host([size=md]){--_size:var(--text-size,var(--text-base))}:host([size=lg]){--_size:var(--text-size,var(--text-lg))}:host([size=xl]){--_size:var(--text-size,var(--text-xl))}:host([size="2xl"]){--_size:var(--text-size,var(--text-2xl))}:host([variant=heading][size=xs]){--_size:var(--text-size,var(--heading-xs))}:host([variant=heading][size=sm]){--_size:var(--text-size,var(--heading-sm))}:host([variant=heading][size=md]){--_size:var(--text-size,var(--heading-md))}:host([variant=heading][size=lg]){--_size:var(--text-size,var(--heading-lg))}:host([variant=heading][size=xl]){--_size:var(--text-size,var(--heading-xl))}:host([variant=heading][size="2xl"]){--_size:var(--text-size,var(--heading-2xl))}:host([weight=normal]){--_weight:var(--text-weight,var(--font-normal))}:host([weight=medium]){--_weight:var(--text-weight,var(--font-medium))}:host([weight=semibold]){--_weight:var(--text-weight,var(--font-semibold))}:host([weight=bold]){--_weight:var(--text-weight,var(--font-bold))}:host([color=primary]){--_color:var(--text-color,var(--color-primary))}:host([color=secondary]){--_color:var(--text-color,var(--color-secondary))}:host([color=info]){--_color:var(--text-color,var(--color-info))}:host([color=success]){--_color:var(--text-color,var(--color-success))}:host([color=warning]){--_color:var(--text-color,var(--color-warning))}:host([color=error]){--_color:var(--text-color,var(--color-error))}:host([color=heading]){--_color:var(--text-color,var(--text-color-heading))}:host([color=body]){--_color:var(--text-color,var(--text-color-body))}:host([color=muted]){--_color:var(--text-color,var(--text-color-secondary))}:host([color=tertiary]){--_color:var(--text-color,var(--text-color-tertiary))}:host([color=disabled]){--_color:var(--text-color,var(--text-color-disabled))}:host([color=contrast]){--_color:var(--text-color,var(--text-color-contrast))}@layer refine.utilities{:host([align]){display:block}:host([align=left]){text-align:start}:host([align=center]){text-align:center}:host([align=right]){text-align:end}:host([align=justify]){text-align:justify}:host([truncate]){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}:host([italic]){font-style:italic}:host([as=p]),:host([as=div]),:host(:is([as=h1],[as=h2],[as=h3],[as=h4],[as=h5],[as=h6])){display:block}}`,er=`ore-text`;(0,c.define)(er,{props:{align:c.prop.string(),as:c.prop.string(),color:c.prop.string(),italic:c.prop.bool(),lines:c.prop.number(),size:c.prop.string(),truncate:c.prop.bool(),variant:c.prop.string(),weight:c.prop.string()},setup(e){return(0,c.bind)({attr:{"aria-level":()=>{let t=/^h([1-6])$/.exec(e.as.value??``);return t?t[1]:null},role:()=>/^h([1-6])$/.test(e.as.value??``)?`heading`:null},style:{"--_lines":()=>e.lines.value==null?null:String(e.lines.value)}}),c.html`<slot></slot>`},styles:[$n]});var tr=`@layer refine.base{:host{--_bg:var(--accordion-bg);--_border-color:var(--accordion-border-color);gap:var(--size-2);background:var(--_bg);flex-direction:column;width:100%;display:flex}::slotted(ore-accordion-item){width:100%}}@layer refine.variants{:host([variant=bordered]){gap:var(--size-2)}:host([variant=text]){gap:0}:host([variant=text]) ::slotted(ore-accordion-item:not(:last-child)){border-bottom:1px solid var(--accordion-divider-color,var(--color-contrast-200))}:host([variant=solid]),:host([variant=flat]),:host([variant=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)}}`,nr=(0,c.createContext)(`AccordionContext`),rr=`ore-accordion`;(0,c.define)(rr,{props:{selectionMode:c.prop.string(),size:c.prop.string(),variant:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=r=>{e.selectionMode.value===`single`&&(t.querySelectorAll(`:scope > ore-accordion-item[expanded]`).forEach(e=>{e!==r&&e.hasAttribute(`expanded`)&&e.removeAttribute(`expanded`)}),n(`change`,{expandedItem:r}))},i=()=>[...t.querySelectorAll(`:scope > ore-accordion-item:not([disabled])`)],a=()=>i().map(e=>e.shadowRoot?.querySelector(`summary`)).filter(Boolean),o=ft({getItems:()=>i(),loop:!0,onNavigate:(e,t)=>{a()[t]?.focus()},signal:Z(c.onCleanup)});return(0,c.provide)(nr,{selectionMode:(0,u.computed)(()=>e.selectionMode.value),size:e.size,variant:e.variant}),(0,c.bind)({on:{expand:e=>{let n=e.composedPath().find(e=>e instanceof HTMLElement),i=e.detail?.item??n;!i||i.localName!==`ore-accordion-item`||i.closest(`ore-accordion`)===t&&r(i)},keydown:e=>{let t=a();if(!t.length)return;let n=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`summary`),r=n?t.indexOf(n):-1;r!==-1&&(o.set(r),o.handleKeydown(e))}}}),c.html`<slot></slot>`},styles:[tr]});var ir=`@layer refine.base{:host{--tabs-transition:var(--transition-normal);--tabs-radius:var(--rounded-lg);flex-direction:column;width:100%;height:100%;display:flex}.tablist-wrapper{flex-shrink:0;position:relative}[role=tablist]{gap:var(--tabs-tab-gap,var(--size-1));scrollbar-width:none;align-items:stretch;display:flex;position:relative;overflow-x:auto}[role=tablist]::-webkit-scrollbar{display:none}.indicator{pointer-events:none;background:var(--tabs-indicator-color,var(--_theme-base));border-radius:var(--rounded-full);height:2px;transition:transform var(--tabs-transition);position:absolute;bottom:0;left:0}.panels{flex-direction:column;flex:1;min-height:0;display:flex}}@layer refine.orientation{:host([orientation=vertical]){flex-direction:row;align-items:flex-start}:host([orientation=vertical]) .tablist-wrapper{flex-shrink:0;display:flex}:host([orientation=vertical]) [role=tablist]{width:max-content;overflow-x:unset;flex-direction:column;overflow-y:auto}:host([orientation=vertical]) .indicator{top:0;bottom:unset;width:2px;height:unset;transition:transform var(--tabs-transition)}:host([orientation=vertical]) .indicator:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([orientation=vertical]) .indicator:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}}@layer refine.variants{:host,:host([variant=solid]){--tabs-tab-gap:var(--size-1);--_tablist-bg:var(--tabs-tablist-bg,var(--color-contrast-100));--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200))}:host [role=tablist],:host([variant=solid]) [role=tablist]{padding:var(--size-1);background:var(--_tablist-bg);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius)}:host .indicator,:host([variant=solid]) .indicator{display:none}:host([variant=flat]){--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200));background:var(--tabs-bg,var(--color-contrast-100));border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius);box-shadow:var(--inset-shadow-xs), var(--shadow-2xs);overflow:hidden}:host([variant=flat]) [role=tablist]{gap:var(--size-1);padding:var(--size-1);border:none;border-bottom:var(--border) solid var(--_tablist-border-color);background:0 0;border-radius:0}:host([variant=flat]) .indicator{display:none}:host([variant=bordered]){--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200))}:host([variant=bordered]) [role=tablist]{gap:var(--size-1);padding:var(--size-1);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius) var(--tabs-radius) 0 0;background:0 0;border-bottom:none}:host([variant=bordered]) .indicator{display:none}:host([variant=bordered]) .panels{border:var(--border) solid var(--_tablist-border-color);border-radius:0 0 var(--tabs-radius) var(--tabs-radius)}:host([variant=bordered][orientation=vertical]) [role=tablist]{border-right:none;border-bottom:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius) 0 0 var(--tabs-radius)}:host([variant=bordered][orientation=vertical]) .panels{border-radius:0 var(--tabs-radius) var(--tabs-radius) 0}:host([variant=ghost]) [role=tablist]{gap:var(--size-1);background:0 0;border:none;border-radius:0;padding:0}:host([variant=ghost]) .indicator{display:none}:host([variant=glass]){--_tablist-bg:var(--tabs-tablist-bg,color-mix(in oklch, var(--color-secondary) 20%, transparent));--_tablist-border-color:var(--tabs-tablist-border-color,color-mix(in oklch, var(--color-secondary-contrast) 15%, transparent))}:host([variant=glass]) [role=tablist]{padding:var(--size-1);background:var(--_tablist-bg);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius);box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([variant=glass]) .indicator{display:none}:host([variant=frost]){--_tablist-bg:var(--tabs-tablist-bg,color-mix(in oklch, var(--color-canvas) 55%, transparent));--_tablist-border-color:var(--tabs-tablist-border-color,color-mix(in oklch, var(--color-contrast-300) 50%, transparent))}:host([variant=frost]) [role=tablist]{padding:var(--size-1);background:var(--_tablist-bg);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius);box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([variant=frost]) .indicator{display:none}}`,ar=(0,c.createContext)(`TabsContext`),or=`ore-tabs`;(0,c.define)(or,{props:{...q,...J,activation:c.prop.oneOf([`auto`,`manual`],`auto`),label:c.prop.string(),orientation:c.prop.oneOf([`horizontal`,`vertical`],`horizontal`),value:c.prop.string(),variant:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=t.shadowRoot,i=(0,c.ref)(),a=(0,c.ref)(),o=(0,u.signal)(e.value.value),s=()=>e.activation.value===`manual`,l=()=>e.orientation.value===`vertical`;(0,c.bind)({attr:{value:()=>o.value??null}});let d=()=>[...t.querySelectorAll(`:scope > ore-tab-item[slot="tabs"]`)],f=()=>d().filter(e=>!e.hasAttribute(`disabled`)),p=e=>{e&&(e.shadowRoot?.querySelector(`[role="tab"]`)??e).focus()},m=(e,t=!1)=>{o.value=e,t&&e&&n(`change`,{value:e})},h=()=>{let e=d();if(e.length===0)return;let t=o.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;m(n,!1)};(0,u.watch)(e.value,e=>{o.value=e,h()});let g=ft({direction:()=>mt(t),getItems:()=>f(),loop:!0,onNavigate:(e,t)=>{let n=f()[t];if(p(n),!s()){let e=n?.getAttribute(`value`);e&&m(e,!0)}},orientation:()=>l()?`vertical`:`both`,signal:Z(c.onCleanup)});(0,c.provide)(ar,{color:e.color,orientation:(0,u.computed)(()=>e.orientation.value??`horizontal`),size:e.size,value:o,variant:e.variant});let _=e=>{let t=a.value,n=i.value;if(!t||!n||!e)return;let r=e.getBoundingClientRect(),o=n.getBoundingClientRect();if(l()){let e=r.top-o.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-o.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)`}},v=()=>{let e=o.value;if(!e)return;let t=d().find(t=>t.getAttribute(`value`)===e);_(t)};(0,u.watch)(o,()=>{requestAnimationFrame(v)});let y=e=>{let n=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`ore-tab-item`);if(!n||n.hasAttribute(`disabled`)||n.closest(`ore-tabs`)!==t)return;let r=n.getAttribute(`value`);!r||r===o.value||m(r,!0)},b=et({disabled:(0,u.computed)(()=>!s()),onPress:()=>{let e=f().find(e=>e===document.activeElement||e.shadowRoot?.activeElement===document.activeElement)?.getAttribute(`value`);e&&e!==o.value&&m(e,!0)}});return(0,c.bind)({on:{click:y,keydown:e=>{let t=f();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`)===o.value),r=n?t.indexOf(n):-1;r>=0&&g.set(r),!g.handleKeydown(e)&&b.handleKeydown(e)}}}),(0,c.onMounted)(()=>{let e=()=>{h(),v()},t=r?.querySelector(`slot[name="tabs"]`);return t&&t.addEventListener(`slotchange`,e),e(),requestAnimationFrame(e),()=>{t&&t.removeEventListener(`slotchange`,e)}}),c.html`
|
|
852
978
|
<div class="tablist-wrapper">
|
|
853
979
|
<div
|
|
854
980
|
role="tablist"
|
|
@@ -863,7 +989,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
863
989
|
<div class="panels" part="panels">
|
|
864
990
|
<slot></slot>
|
|
865
991
|
</div>
|
|
866
|
-
`},styles:[N,Ln]});var Bn=`@layer refine.base{:host{color:var(--accordion-item-body-color,var(--text-color-body));--accordion-details-radius:var(--rounded-lg);--accordion-item-transition:var(--transition-normal);--accordion-item-expand-easing:var(--ease-spring);display:block}details{border-radius:var(--accordion-item-radius);width:100%;overflow:hidden}summary{gap:var(--size-4);min-height:var(--_touch-target);padding:var(--accordion-item-details-padding,var(--size-3) var(--size-4));font-size:var(--accordion-item-title);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--accordion-item-bg);border:var(--border) solid var(--accordion-item-border-color);border-radius:var(--accordion-details-radius);transition:background var(--accordion-item-transition), border-color var(--accordion-item-transition), color var(--accordion-item-transition);outline:none;align-items:center;list-style:none;display:flex;position:relative}summary::-webkit-details-marker{display:none}summary:focus{outline:none}summary:focus-visible{outline:var(--border-2) solid currentcolor;outline-offset:var(--border-2);box-shadow:0 0 0 3px color-mix(in oklch, currentcolor 20%, transparent)}.header-content{flex-direction:column;flex:1;min-width:0;display:flex}.subtitle{font-size:var(--accordion-item-subtitle-size);line-height:var(--leading-normal);color:var(--accordion-item-subtitle-color,var(--text-color-secondary))}.title{text-overflow:ellipsis;font-weight:var(--font-medium);color:var(--accordion-item-title-color,var(--text-color-heading));white-space:nowrap;overflow:hidden}.content-wrapper{font-size:var(--accordion-item-body);background:var(--accordion-item-bg);border-inline:1px solid var(--accordion-item-border-color);border-bottom:1px solid var(--accordion-item-border-color);border-radius:var(--accordion-summary-radius);transition:grid-template-rows .2s var(--accordion-item-expand-easing,var(--ease-spring));grid-template-rows:0fr;display:grid}details[open] .content-wrapper{grid-template-rows:1fr}.content-inner{padding:var(--accordion-item-summary-padding,var(--size-2) var(--size-4));opacity:1;transition:opacity .2s 60ms var(--ease-spring), transform .2s 60ms var(--ease-spring);overflow:hidden;transform:translateY(0)}details.opening .content-inner{opacity:0;transition:none;transform:translateY(-6px)}details.closing .content-inner{opacity:0;transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring);transform:translateY(-4px)}details.closing .content-wrapper{transition:grid-template-rows .2s .12s var(--accordion-item-expand-easing,var(--ease-spring));grid-template-rows:1fr}}@layer refine.variants{:host,:host([variant=solid]){--accordion-item-bg:var(--color-contrast-50);--accordion-item-border-color:transparent;--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=flat]){--accordion-item-bg:var(--color-contrast-100);--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=bordered]){--accordion-item-bg:var(--color-contrast-100);--accordion-item-border-color:var(--color-divider);--accordion-item-hover-bg:var(--color-contrast-200);box-shadow:var(--inset-shadow-xs), var(--shadow-2xs)}:host([variant=outline]){--accordion-item-bg:transparent;--accordion-item-border-color:var(--color-divider);--accordion-item-hover-bg:var(--color-contrast-300)}:host([variant=ghost]){--accordion-item-bg:transparent;--accordion-item-border-color:transparent;--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=text]){--accordion-item-bg:transparent;--accordion-item-border-color:transparent;--accordion-item-hover-bg:transparent}:host summary:hover{background:var(--accordion-item-hover-bg)}:host([variant=glass]) details,:host([variant=frost]) details{border-radius:inherit}:host([variant=glass]) summary,:host([variant=frost]) summary{border-radius:inherit;-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([variant=glass]) .content-wrapper,:host([variant=frost]) .content-wrapper{-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%);border-radius:0}:host([variant=glass]){--accordion-item-bg:color-mix(in oklch, var(--color-secondary) 30%, var(--color-contrast) 10%);--accordion-item-border-color:transparent;--accordion-item-hover-bg:color-mix(in oklch, var(--color-secondary) 20%, transparent);--accordion-item-title-color:color-mix(in oklch, var(--color-secondary-contrast) 100%, transparent);--accordion-item-subtitle-color:color-mix(in oklch, var(--color-secondary-contrast) 60%, transparent);--accordion-item-body-color:color-mix(in oklch, var(--color-secondary-contrast) 80%, transparent)}:host([variant=glass]) summary{text-shadow:var(--text-shadow-xs)}:host([variant=glass]) .content-wrapper{filter:brightness(1.05)}:host([variant=frost]){--accordion-item-bg:color-mix(in oklch, var(--color-canvas) 55%, transparent);--accordion-item-border-color:transparent;--accordion-item-hover-bg:color-mix(in oklch, var(--color-canvas) 20%, transparent)}:host([variant=frost]) summary{text-shadow:var(--text-shadow-2xs)}:host([size=sm]){--accordion-item-details-padding:var(--size-2) var(--size-4);--accordion-item-summary-padding:var(--size-1) var(--size-5);--accordion-item-title:var(--text-sm);--accordion-item-subtitle-size:var(--text-xs);--accordion-item-body:var(--text-xs)}:host(:not([size])),:host([size=md]){--accordion-item-details-padding:var(--size-3) var(--size-4);--accordion-item-summary-padding:var(--size-1) var(--size-5);--accordion-item-title:var(--text-base);--accordion-item-subtitle-size:var(--text-sm);--accordion-item-body:var(--text-sm)}:host([size=lg]){--accordion-item-details-padding:var(--size-4) var(--size-4);--accordion-item-summary-padding:var(--size-1) var(--size-5);--accordion-item-title:var(--text-lg);--accordion-item-subtitle-size:var(--text-base);--accordion-item-body:var(--text-base)}@media (pointer:coarse){:host,:host([size=md]){--accordion-item-details-padding:var(--size-4) var(--size-5);--accordion-item-title:var(--text-lg);--accordion-item-subtitle-size:var(--text-base);--accordion-item-body:var(--text-base)}:host([size=sm]){--accordion-item-details-padding:var(--size-3) var(--size-4);--accordion-item-title:var(--text-base);--accordion-item-subtitle-size:var(--text-sm);--accordion-item-body:var(--text-sm)}}:host([disabled]){pointer-events:none;opacity:.6}.chevron{width:var(--_size,var(--size-5));height:var(--_size,var(--size-5));--ore-icon-size:var(--_size,var(--size-5));transition:transform .2s var(--ease-spring);transform:rotate(-90deg)}.chevron:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.chevron:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}details[open] .chevron{transform:rotate(0)}details.rtl .chevron{transform:rotate(90deg)}details.rtl[open] .chevron{transform:rotate(0)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .chevron{transform:rotate(90deg)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) details[open] .chevron{transform:rotate(0)}:host([expanded]){--accordion-details-radius:var(--rounded-lg) var(--rounded-lg) 0 0;--accordion-summary-radius:0 0 var(--rounded-lg) var(--rounded-lg)}@media (forced-colors:active){summary{border-color:buttontext}}}`,Vn=`ore-accordion-item`;(0,c.define)(Vn,{props:{...Y,expanded:c.prop.bool(!1),size:c.prop.string(),variant:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=c.watchEffect,i=(0,c.inject)(Fn);i&&r(()=>{let e=i.size.value,n=i.variant.value;e!==void 0&&t.setAttribute(`size`,e),n!==void 0&&t.setAttribute(`variant`,n)});let a=`accordion-item-title`,o=(0,c.ref)(),s=(0,c.ref)(),l=!1,u=()=>{let e=o.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`),l=!1;return}let n=()=>{e.classList.remove(`opening`),l=!1},r=t.getAnimations?.().filter(e=>e instanceof CSSTransition)??[];r.length>0?Promise.allSettled(r.map(e=>e.finished)).then(n):n()}))},d=()=>{let e=o.value;if(!e||!e.open||l)return;l=!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}),l=!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()},f=!1,p=0,m=()=>{if(e.disabled.value)return;let t=o.value;t&&(t.open?d():u())},h=e=>{p=e.touches[0]?.clientY??0},g=e=>{Math.abs((e.changedTouches[0]?.clientY??0)-p)>10||(e.preventDefault(),f=!0,m())},_=e=>{if(f){f=!1,e.preventDefault();return}e.preventDefault(),m()},v=()=>{let r=o.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(0,c.onMounted)(()=>{let e=o.value,n=s.value;if(!e||!n)return;let r=()=>{e.classList.toggle(`rtl`,it(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`,v),n.addEventListener(`touchstart`,h,{passive:!0}),n.addEventListener(`touchend`,g,{passive:!1}),n.addEventListener(`click`,_),()=>{i.disconnect(),e.removeEventListener(`toggle`,v),n.removeEventListener(`touchstart`,h),n.removeEventListener(`touchend`,g),n.removeEventListener(`click`,_)}}),c.html` <details part="item" ?open="${e.expanded}" ref="${o}">
|
|
992
|
+
`},styles:[N,ir]});var sr=`@layer refine.base{:host{color:var(--accordion-item-body-color,var(--text-color-body));--accordion-details-radius:var(--rounded-lg);--accordion-item-transition:var(--transition-normal);--accordion-item-expand-easing:var(--ease-spring);display:block}details{border-radius:var(--accordion-item-radius);width:100%;overflow:hidden}summary{gap:var(--size-4);min-height:var(--_touch-target);padding:var(--accordion-item-details-padding,var(--size-3) var(--size-4));font-size:var(--accordion-item-title);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--accordion-item-bg);border:var(--border) solid var(--accordion-item-border-color);border-radius:var(--accordion-details-radius);transition:background var(--accordion-item-transition), border-color var(--accordion-item-transition), color var(--accordion-item-transition);outline:none;align-items:center;list-style:none;display:flex;position:relative}summary::-webkit-details-marker{display:none}summary:focus{outline:none}summary:focus-visible{outline:var(--border-2) solid currentcolor;outline-offset:var(--border-2);box-shadow:0 0 0 3px color-mix(in oklch, currentcolor 20%, transparent)}.header-content{flex-direction:column;flex:1;min-width:0;display:flex}.subtitle{font-size:var(--accordion-item-subtitle-size);line-height:var(--leading-normal);color:var(--accordion-item-subtitle-color,var(--text-color-secondary))}.title{text-overflow:ellipsis;font-weight:var(--font-medium);color:var(--accordion-item-title-color,var(--text-color-heading));white-space:nowrap;overflow:hidden}.content-wrapper{font-size:var(--accordion-item-body);background:var(--accordion-item-bg);border-inline:1px solid var(--accordion-item-border-color);border-bottom:1px solid var(--accordion-item-border-color);border-radius:var(--accordion-summary-radius);transition:grid-template-rows .2s var(--accordion-item-expand-easing,var(--ease-spring));grid-template-rows:0fr;display:grid}details[open] .content-wrapper{grid-template-rows:1fr}.content-inner{padding:var(--accordion-item-summary-padding,var(--size-2) var(--size-4));opacity:1;transition:opacity .2s 60ms var(--ease-spring), transform .2s 60ms var(--ease-spring);overflow:hidden;transform:translateY(0)}details.opening .content-inner{opacity:0;transition:none;transform:translateY(-6px)}details.closing .content-inner{opacity:0;transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring);transform:translateY(-4px)}details.closing .content-wrapper{transition:grid-template-rows .2s .12s var(--accordion-item-expand-easing,var(--ease-spring));grid-template-rows:1fr}}@layer refine.variants{:host,:host([variant=solid]){--accordion-item-bg:var(--color-contrast-50);--accordion-item-border-color:transparent;--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=flat]){--accordion-item-bg:var(--color-contrast-100);--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=bordered]){--accordion-item-bg:var(--color-contrast-100);--accordion-item-border-color:var(--color-divider);--accordion-item-hover-bg:var(--color-contrast-200);box-shadow:var(--inset-shadow-xs), var(--shadow-2xs)}:host([variant=outline]){--accordion-item-bg:transparent;--accordion-item-border-color:var(--color-divider);--accordion-item-hover-bg:var(--color-contrast-300)}:host([variant=ghost]){--accordion-item-bg:transparent;--accordion-item-border-color:transparent;--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=text]){--accordion-item-bg:transparent;--accordion-item-border-color:transparent;--accordion-item-hover-bg:transparent}:host summary:hover{background:var(--accordion-item-hover-bg)}:host([variant=glass]) details,:host([variant=frost]) details{border-radius:inherit}:host([variant=glass]) summary,:host([variant=frost]) summary{border-radius:inherit;-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([variant=glass]) .content-wrapper,:host([variant=frost]) .content-wrapper{-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%);border-radius:0}:host([variant=glass]){--accordion-item-bg:color-mix(in oklch, var(--color-secondary) 30%, var(--color-contrast) 10%);--accordion-item-border-color:transparent;--accordion-item-hover-bg:color-mix(in oklch, var(--color-secondary) 20%, transparent);--accordion-item-title-color:color-mix(in oklch, var(--color-secondary-contrast) 100%, transparent);--accordion-item-subtitle-color:color-mix(in oklch, var(--color-secondary-contrast) 60%, transparent);--accordion-item-body-color:color-mix(in oklch, var(--color-secondary-contrast) 80%, transparent)}:host([variant=glass]) summary{text-shadow:var(--text-shadow-xs)}:host([variant=glass]) .content-wrapper{filter:brightness(1.05)}:host([variant=frost]){--accordion-item-bg:color-mix(in oklch, var(--color-canvas) 55%, transparent);--accordion-item-border-color:transparent;--accordion-item-hover-bg:color-mix(in oklch, var(--color-canvas) 20%, transparent)}:host([variant=frost]) summary{text-shadow:var(--text-shadow-2xs)}:host([size=sm]){--accordion-item-details-padding:var(--size-2) var(--size-4);--accordion-item-summary-padding:var(--size-1) var(--size-5);--accordion-item-title:var(--text-sm);--accordion-item-subtitle-size:var(--text-xs);--accordion-item-body:var(--text-xs)}:host(:not([size])),:host([size=md]){--accordion-item-details-padding:var(--size-3) var(--size-4);--accordion-item-summary-padding:var(--size-1) var(--size-5);--accordion-item-title:var(--text-base);--accordion-item-subtitle-size:var(--text-sm);--accordion-item-body:var(--text-sm)}:host([size=lg]){--accordion-item-details-padding:var(--size-4) var(--size-4);--accordion-item-summary-padding:var(--size-1) var(--size-5);--accordion-item-title:var(--text-lg);--accordion-item-subtitle-size:var(--text-base);--accordion-item-body:var(--text-base)}@media (pointer:coarse){:host,:host([size=md]){--accordion-item-details-padding:var(--size-4) var(--size-5);--accordion-item-title:var(--text-lg);--accordion-item-subtitle-size:var(--text-base);--accordion-item-body:var(--text-base)}:host([size=sm]){--accordion-item-details-padding:var(--size-3) var(--size-4);--accordion-item-title:var(--text-base);--accordion-item-subtitle-size:var(--text-sm);--accordion-item-body:var(--text-sm)}}:host([disabled]){pointer-events:none;opacity:.6}.chevron{width:var(--_size,var(--size-5));height:var(--_size,var(--size-5));--ore-icon-size:var(--_size,var(--size-5));transition:transform .2s var(--ease-spring);transform:rotate(-90deg)}.chevron:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.chevron:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}details[open] .chevron{transform:rotate(0)}details.rtl .chevron{transform:rotate(90deg)}details.rtl[open] .chevron{transform:rotate(0)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .chevron{transform:rotate(90deg)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) details[open] .chevron{transform:rotate(0)}:host([expanded]){--accordion-details-radius:var(--rounded-lg) var(--rounded-lg) 0 0;--accordion-summary-radius:0 0 var(--rounded-lg) var(--rounded-lg)}@media (forced-colors:active){summary{border-color:buttontext}}}`,cr=`ore-accordion-item`;(0,c.define)(cr,{props:{...Y,expanded:c.prop.bool(!1),size:c.prop.string(),variant:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=c.watchEffect,i=(0,c.inject)(nr);i&&r(()=>{let e=i.size.value,n=i.variant.value;e!==void 0&&t.setAttribute(`size`,e),n!==void 0&&t.setAttribute(`variant`,n)});let a=`accordion-item-title`,o=(0,c.ref)(),s=(0,c.ref)(),l=!1,u=()=>{let e=o.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`),l=!1;return}let n=()=>{e.classList.remove(`opening`),l=!1},r=t.getAnimations?.().filter(e=>e instanceof CSSTransition)??[];r.length>0?Promise.allSettled(r.map(e=>e.finished)).then(n):n()}))},d=()=>{let e=o.value;if(!e||!e.open||l)return;l=!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}),l=!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()},f=!1,p=0,m=()=>{if(e.disabled.value)return;let t=o.value;t&&(t.open?d():u())},h=e=>{p=e.touches[0]?.clientY??0},g=e=>{Math.abs((e.changedTouches[0]?.clientY??0)-p)>10||(e.preventDefault(),f=!0,m())},_=e=>{if(f){f=!1,e.preventDefault();return}e.preventDefault(),m()},v=()=>{let r=o.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(0,c.onMounted)(()=>{let e=o.value,n=s.value;if(!e||!n)return;let r=()=>{e.classList.toggle(`rtl`,mt(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`,v),n.addEventListener(`touchstart`,h,{passive:!0}),n.addEventListener(`touchend`,g,{passive:!1}),n.addEventListener(`click`,_),()=>{i.disconnect(),e.removeEventListener(`toggle`,v),n.removeEventListener(`touchstart`,h),n.removeEventListener(`touchend`,g),n.removeEventListener(`click`,_)}}),c.html` <details part="item" ?open="${e.expanded}" ref="${o}">
|
|
867
993
|
<summary
|
|
868
994
|
part="summary"
|
|
869
995
|
:aria-expanded="${()=>String(e.expanded.value)}"
|
|
@@ -887,34 +1013,34 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
887
1013
|
<slot></slot>
|
|
888
1014
|
</div>
|
|
889
1015
|
</div>
|
|
890
|
-
</details>`},styles:[C,
|
|
1016
|
+
</details>`},styles:[C,sr]});var lr=`@layer refine.base{:host{--tab-item-transition:var(--transition-normal);--tab-item-radius:var(--rounded-lg);outline:none;display:inline-flex}button{gap:var(--size-2);width:100%;min-height:var(--_touch-target);padding:var(--tab-item-padding,var(--size-1-5) var(--size-4));font-family:inherit;font-size:var(--tab-item-font-size,var(--text-sm));font-weight:var(--font-medium);color:var(--tab-item-color,var(--text-color-secondary));white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--tab-item-radius);transition:background var(--tab-item-transition), color var(--tab-item-transition), box-shadow var(--tab-item-transition);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:relative}button:focus{outline:none}:host(:focus-visible) button,button:focus-visible{outline:var(--border-2) solid var(--_theme-focus);outline-offset:2px;box-shadow:0 0 0 3px var(--_theme-shadow)}}@layer refine.variants{:host,:host([variant=solid]),:host([variant=flat]){--_hover-bg:var(--tab-item-hover-bg,var(--color-contrast-200));--_active-bg:var(--tab-item-active-bg,var(--color-contrast-0,var(--color-canvas)));--_active-color:var(--tab-item-active-color,var(--text-color-heading));--_active-shadow:var(--tab-item-active-shadow,var(--shadow-xs), var(--inset-shadow-xs))}:host([variant=bordered]){--_hover-bg:var(--tab-item-hover-bg,var(--color-contrast-200));--_active-bg:var(--tab-item-active-bg,var(--color-contrast-0,var(--color-canvas)));--_active-color:var(--tab-item-active-color,var(--text-color-heading));--_active-shadow:var(--tab-item-active-shadow,var(--shadow-xs))}:host([variant=ghost]){--_hover-bg:var(--tab-item-hover-bg,var(--color-contrast-100));--_active-bg:var(--tab-item-active-bg,var(--_theme-base));--_active-color:var(--tab-item-active-color,var(--_theme-contrast))}:host([variant=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}}}`,ur=`ore-tab-item`;(0,c.define)(ur,{props:{...Y,active:c.prop.bool(!1),color:c.prop.string(),size:c.prop.string(),value:c.prop.string(``),variant:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=c.watchEffect,r=(0,c.inject)(ar);r&&n(()=>{let e=r.color.value,n=r.size.value,i=r.variant.value;e!==void 0&&t.setAttribute(`color`,e),n!==void 0&&t.setAttribute(`size`,n),i!==void 0&&t.setAttribute(`variant`,i)});let i=(0,u.computed)(()=>r?!!r.value.value&&r.value.value===e.value.value:e.active.value),a=()=>!!e.disabled.value;(0,c.bind)({attr:{active:()=>i.value?!0:void 0}});let o=n=>{if(n.stopPropagation(),a()){n.preventDefault();return}t.dispatchEvent(new CustomEvent(`click`,{bubbles:!0,detail:{value:e.value.value}}))},s=()=>`tab-${e.value.value}`,l=(0,c.ref)();return(0,c.onMounted)(()=>{(0,c.watchEffect)(()=>{let n=l.value,r=e.value.value;if(!n)return;let i=((r?t.closest(`ore-tabs`):null)?.querySelector(`:scope > ore-tab-panel[value="${r}"]`))?.shadowRoot?.querySelector(`.panel`)??null;ze(n,`ariaControlsElements`,i?[i]:[])})}),c.html`
|
|
891
1017
|
<button
|
|
892
1018
|
role="tab"
|
|
893
1019
|
type="button"
|
|
894
1020
|
part="tab"
|
|
895
|
-
|
|
1021
|
+
ref="${l}"
|
|
1022
|
+
:id="${s}"
|
|
896
1023
|
aria-selected="${i}"
|
|
897
1024
|
tabindex="${()=>i.value?`0`:`-1`}"
|
|
898
1025
|
aria-disabled="${a}"
|
|
899
|
-
|
|
900
|
-
@click="${n=>{if(n.stopPropagation(),a()){n.preventDefault();return}t.dispatchEvent(new CustomEvent(`click`,{bubbles:!0,detail:{value:e.value.value}}))}}">
|
|
1026
|
+
@click="${o}">
|
|
901
1027
|
<slot name="prefix"></slot>
|
|
902
1028
|
<slot></slot>
|
|
903
1029
|
<slot name="suffix"></slot>
|
|
904
1030
|
</button>
|
|
905
|
-
`},styles:[N,I(`button`),C,
|
|
1031
|
+
`},styles:[N,I(`button`),C,lr]});var dr=`@layer refine.base{:host{width:100%;display:none}:host([active]){flex-direction:column;flex:1;min-height:0;display:flex}.panel{box-sizing:border-box;height:100%;min-height:0;padding:var(--tab-panel-padding,var(--size-4));font-size:var(--tab-panel-font-size,var(--text-sm));color:var(--text-color-body);animation:var(--_motion-animation,tab-panel-in var(--transition-normal) var(--ease-out) both);flex:1;overflow:auto}}@layer refine.variants{@keyframes tab-panel-in{0%{opacity:0;translate:0 4px}to{opacity:1;translate:0}}}`,fr={"2xl":`var(--size-12)`,lg:`var(--size-6)`,md:`var(--size-4)`,none:`0`,sm:`var(--size-2)`,xl:`var(--size-8)`,xs:`var(--size-1)`},pr=`ore-tab-panel`;(0,c.define)(pr,{props:{active:c.prop.bool(!1),lazy:c.prop.bool(!1),padding:c.prop.oneOf([`none`,`xs`,`sm`,`md`,`lg`,`xl`,`2xl`],`md`),value:c.prop.string(``)},setup(e){let t=(0,c.getHost)(),n=c.watchEffect,r=(0,c.inject)(ar),i=(0,u.computed)(()=>r?!!r.value.value&&r.value.value===e.value.value:e.active.value);(0,c.bind)({attr:{active:()=>i.value?!0:void 0}});let a=(0,u.computed)(()=>fr[e.padding.value??`md`]??fr.md),o=(0,u.signal)(!1);n(()=>{i.value&&(o.value=!0)});let s=(0,u.computed)(()=>!e.lazy.value||o.value),d=(0,l.styleMap)({"--tab-panel-padding":a}),f=()=>`tabpanel-${e.value.value}`,p=(0,c.ref)();return(0,c.onMounted)(()=>{n(()=>{let n=p.value,r=e.value.value;if(!n)return;let i=((r?t.closest(`ore-tabs`):null)?.querySelector(`:scope > ore-tab-item[value="${r}"]`))?.shadowRoot?.querySelector(`[role="tab"]`)??null;ze(n,`ariaLabelledByElements`,i?[i]:[])})}),c.html`
|
|
906
1032
|
<div
|
|
907
1033
|
class="panel"
|
|
908
1034
|
part="panel"
|
|
909
1035
|
role="tabpanel"
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
aria-hidden="${()=>String(!
|
|
913
|
-
:style="${
|
|
1036
|
+
ref="${p}"
|
|
1037
|
+
:id="${f}"
|
|
1038
|
+
aria-hidden="${()=>String(!i.value)}"
|
|
1039
|
+
:style="${d}"
|
|
914
1040
|
tabindex="0">
|
|
915
|
-
${(0,l.when)(
|
|
1041
|
+
${(0,l.when)(s,()=>c.html`<slot></slot>`)}
|
|
916
1042
|
</div>
|
|
917
|
-
`},styles:[w,
|
|
1043
|
+
`},styles:[w,dr]});var mr=`@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`;(0,c.define)(hr,{props:{"empty-description":c.prop.string(),"empty-label":c.prop.string(`No content yet`),"error-description":c.prop.string(),"error-label":c.prop.string(`Something went wrong`),retryable:c.prop.bool(!1),status:c.prop.oneOf([`idle`,`loading`,`empty`,`error`,`success`],`success`)},setup(e){let t=(0,c.useEmit)(),n=(0,u.signal)(!1),r=(0,u.signal)(!1),i=(0,u.signal)(!1);(0,c.bind)({attr:{ariaBusy:()=>e.status.value===`loading`?`true`:`false`,ariaLabel:()=>e.status.value===`loading`?`Loading…`:null,ariaLive:()=>e.status.value===`error`?`assertive`:`polite`,status:e.status}});let a=(e,t)=>()=>t?.value?c.html`<p class="${e}">${t}</p>`:``;return c.html`
|
|
918
1044
|
<div class="region region-idle" role="presentation"></div>
|
|
919
1045
|
|
|
920
1046
|
<div class="region region-loading" role="status">
|
|
@@ -967,7 +1093,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
967
1093
|
<div class="region region-success" role="presentation">
|
|
968
1094
|
<slot></slot>
|
|
969
1095
|
</div>
|
|
970
|
-
`},styles:[w,
|
|
1096
|
+
`},styles:[w,mr]});function gr(e,t,n=`animation`){typeof getComputedStyle==`function`&&getComputedStyle(e).opacity,queueMicrotask(()=>{let r=(typeof e.getAnimations==`function`?()=>e.getAnimations():()=>[])().filter(e=>n===`animation`?e instanceof CSSAnimation:n===`transition`?e instanceof CSSTransition:!1);if(r.length===0){t();return}let i=!1;Promise.allSettled(r.map(e=>e.finished)).then(()=>{i||(i=!0,t())})})}var _r=`@layer refine.base{:host{--_bg:var(--alert-bg,var(--_theme-backdrop));--_color:var(--alert-color,var(--_theme-base));--_border-color:var(--alert-border-color,var(--_theme-border));--_radius:var(--alert-radius,var(--rounded-lg));--_padding:var(--alert-padding,var(--size-4));--_gap:var(--alert-gap,var(--size-3));--_font-size:var(--alert-font-size,var(--text-sm));--_shadow:var(--alert-shadow,var(--shadow-none));display:block}.sr-announce{white-space:nowrap;clip-path:inset(50%);border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:host([dismissed]){display:none}:host([dismissing]){pointer-events:none;animation:var(--_motion-animation,ore-alert-exit var(--transition-slow) var(--ease-in-out) forwards);overflow:hidden}@keyframes ore-alert-exit{0%{max-height:600px;margin-bottom:var(--size-3);opacity:1;transform:scaleY(1)}60%{opacity:0;transform:scaleY(.8)}to{opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;transform:scaleY(0)}}.alert{row-gap:var(--size-1);padding:var(--_padding);font-size:var(--_font-size);line-height:var(--leading-normal);color:var(--_color);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);transition:background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), color var(--transition-normal);grid-template-columns:auto 1fr auto;display:grid;overflow:hidden}.icon{grid-area:1/1;justify-content:center;align-self:start;align-items:center;display:inline-flex}.icon:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--_gap)}.icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--_gap)}.alert:has(.header[hidden]) .icon{align-self:center}.icon[hidden]{display:none}.header{gap:var(--size-2);grid-area:1/2;align-items:baseline;display:flex}.header[hidden]{display:none}.heading{text-overflow:ellipsis;font-weight:var(--font-semibold);line-height:var(--leading-normal);white-space:nowrap;overflow:hidden}.meta{font-size:var(--text-xs);white-space:nowrap;opacity:.7}.meta:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.meta:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}:host(:not(:has([slot=meta]))) .meta{display:none}.body{min-width:0;margin-top:var(--size-1);grid-area:2/1/auto/-1}.alert:has(.header[hidden]) .body{grid-area:1/2;margin-top:0}.content{line-height:var(--leading-relaxed)}.actions{gap:var(--size-2);margin-top:var(--size-2);flex-wrap:wrap;grid-area:3/1/auto/-1;display:flex}.alert:has(.header[hidden]) .actions{grid-row:2}.actions[hidden]{display:none}:host([horizontal]) .alert{grid-template-columns:auto 1fr auto auto}:host([horizontal]) .body{grid-area:1/2;align-self:center;margin-top:0}:host([horizontal]) .actions:not([hidden]){flex-wrap:nowrap;grid-area:1/3;margin-top:0}:host([horizontal]) .actions:not([hidden]):not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--_gap)}:host([horizontal]) .actions:not([hidden]):-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--_gap)}:host([horizontal]) .actions:not([hidden]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--_gap)}:host([horizontal]) .close{grid-column:4;align-self:center}.close{width:var(--size-5);min-width:var(--_touch-target);height:var(--size-5);min-height:var(--_touch-target);color:inherit;cursor:pointer;border-radius:var(--rounded-sm);opacity:.7;transition:opacity var(--transition-fast), background var(--transition-fast);background:0 0;border:none;grid-area:1/3;justify-content:center;align-self:start;align-items:center;padding:0;display:inline-flex}.close:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--_gap)}.close:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--_gap)}.close[hidden]{display:none}.close:hover{background:color-mix(in oklch, currentcolor 12%, transparent);opacity:1}.close:focus-visible{outline:var(--border-2) solid currentcolor;outline-offset:var(--border-2);opacity:1}:host([variant=flat][accented]) .alert:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([variant=bordered][accented]) .alert:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-width:var(--border-4,4px)}:host([variant=flat][accented]) .alert:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-width:var(--border-4,4px)}:host([variant=bordered][accented]) .alert:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-width:var(--border-4,4px)}}@layer refine.variants{:host(:not([variant])),:host([variant=flat]){--_bg:var(--alert-bg,var(--color-canvas));--_color:var(--alert-color,var(--_theme-base));--_border-color:var(--alert-border-color,var(--_theme-base));--_shadow:var(--alert-shadow,var(--shadow-none))}:host([variant=solid]){--_bg:var(--alert-bg,var(--_theme-base));--_color:var(--alert-color,var(--_theme-contrast));--_border-color:var(--alert-border-color,var(--_theme-base));--_shadow:var(--alert-shadow,var(--shadow-xs))}:host([variant=bordered]){--_bg:var(--alert-bg,color-mix(in oklch, var(--_theme-backdrop), var(--color-canvas)));--_color:var(--alert-color,var(--_theme-base));--_border-color:var(--alert-border-color,color-mix(in oklch, var(--_theme-focus) 30%, transparent));--_shadow:var(--alert-shadow,var(--inset-shadow-2xs))}}`,vr=`ore-alert`;(0,c.define)(vr,{props:{...q,...J,...X,accented:c.prop.bool(!1),dismissible:c.prop.bool(!1),heading:c.prop.string(),horizontal:c.prop.bool(!1),variant:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=(0,c.useSlots)(),i=null,a=e=>{i&&(i.textContent=``,requestAnimationFrame(()=>{i&&(i.textContent=e)}))};return c.html`
|
|
971
1097
|
<span
|
|
972
1098
|
class="sr-announce"
|
|
973
1099
|
aria-live="polite"
|
|
@@ -997,16 +1123,16 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
997
1123
|
type="button"
|
|
998
1124
|
aria-label="Dismiss alert"
|
|
999
1125
|
?hidden="${()=>!e.dismissible.value}"
|
|
1000
|
-
@click="${r=>{e.dismissible.value&&(t.setAttribute(`dismissing`,``),
|
|
1126
|
+
@click="${r=>{e.dismissible.value&&(t.setAttribute(`dismissing`,``),gr(t,()=>{t.removeAttribute(`dismissing`),t.setAttribute(`dismissed`,``),a(`Alert dismissed`),n(`dismiss`,{originalEvent:r})}))}}">
|
|
1001
1127
|
<ore-icon name="x" size="16" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
1002
1128
|
</button>
|
|
1003
1129
|
</div>
|
|
1004
|
-
`},styles:[N,C,w,E,F,k({lg:{"--_padding":`var(--size-4) var(--size-5)`,fontSize:`var(--text-base)`,gap:`var(--size-3-5)`},sm:{"--_padding":`var(--size-2) var(--size-3)`,fontSize:`var(--text-xs)`,gap:`var(--size-2)`}}),
|
|
1130
|
+
`},styles:[N,C,w,E,F,k({lg:{"--_padding":`var(--size-4) var(--size-5)`,fontSize:`var(--text-base)`,gap:`var(--size-3-5)`},sm:{"--_padding":`var(--size-2) var(--size-3)`,fontSize:`var(--text-xs)`,gap:`var(--size-2)`}}),_r]});var yr=`@layer refine.base{:host{--_bg:var(--badge-bg,var(--_theme-backdrop));--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-border));--_radius:var(--badge-radius,var(--rounded-lg));--_font-size:var(--badge-font-size,var(--text-xs));--_font-weight:var(--badge-font-weight,var(--font-semibold));--_padding-x:var(--badge-padding-x,var(--size-1-5));--_padding-y:var(--badge-padding-y,var(--size-0-5));--_gap:var(--badge-gap,var(--size-1));vertical-align:middle;display:inline-flex}.badge{gap:var(--_gap);min-width:var(--size-2);max-width:var(--badge-max-width,24ch);padding:var(--_padding-y) var(--_padding-x);text-overflow:ellipsis;font-size:var(--_font-size);font-weight:var(--_font-weight);color:var(--_color);white-space:nowrap;background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}.badge-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}::slotted([slot=icon]){flex-shrink:0;justify-content:center;align-items:center;width:1em;height:1em;display:inline-flex}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_bg:var(--badge-bg,var(--_theme-base));--_color:var(--badge-color,var(--_theme-contrast));--_border-color:var(--badge-border-color,var(--_theme-base))}:host([variant=flat]){--_bg:var(--badge-bg,color-mix(in oklch, var(--_theme-backdrop) 25%, var(--color-contrast-100)));--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,color-mix(in oklch, var(--_theme-focus) 20%, transparent))}:host([variant=bordered]){--_bg:var(--badge-bg,var(--_theme-backdrop));--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-border))}:host([variant=outline]){--_bg:var(--badge-bg,transparent);--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-base))}:host([dot]) .badge{min-width:unset;padding:var(--_dot-padding,var(--size-1));line-height:0}}@layer refine.sizes{:host([size=xs]){--_padding-x:var(--size-1);--_padding-y:0px;--_font-size:var(--text-2xs);--_dot-padding:var(--size-0-5)}}@layer refine.overrides{:host([dot]){--_bg:var(--badge-bg,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-base))}:host([anchor]){display:inline-flex;position:relative}:host{--_dir:1}:host(:dir(rtl)){--_dir:-1}:host([anchor]) .badge{z-index:1;transform:translate(calc(var(--_dir) * 30%), -30%);position:absolute;top:0}:host([anchor]) .badge:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([anchor]) .badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([anchor=top-start]) .badge{transform:translate(calc(var(--_dir) * -30%), -30%)}:host([anchor=top-start]) .badge:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0;right:unset}:host([anchor=top-start]) .badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0;left:unset}:host([anchor=bottom-end]) .badge{top:unset;transform:translate(calc(var(--_dir) * 30%), 30%);bottom:0}:host([anchor=bottom-start]) .badge{top:unset;transform:translate(calc(var(--_dir) * -30%), 30%);bottom:0}:host([anchor=bottom-start]) .badge:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0;right:unset}:host([anchor=bottom-start]) .badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0;left:unset}}`,br=`ore-badge`;(0,c.define)(br,{props:{...q,size:c.prop.string(),...X,anchor:c.prop.string(),count:c.prop.number(),dot:c.prop.bool(!1),label:c.prop.string(),max:c.prop.number(),variant:c.prop.string()},setup(e){let t=(0,u.computed)(()=>{let t=e.count.value==null?void 0:Number(e.count.value),n=e.max.value==null?void 0:Number(e.max.value);if(!(t===void 0||Number.isNaN(t)))return n!==void 0&&!Number.isNaN(n)&&t>n?`${n}+`:String(t)});return c.html`<span class="badge" part="badge" :aria-label="${(0,u.computed)(()=>{if(e.label.value)return e.label.value;if(!e.dot.value&&t.value!=null)return`${t.value} notifications`})}">
|
|
1005
1131
|
<slot name="icon"></slot>
|
|
1006
1132
|
<span ?hidden="${()=>t.value==null}">${t}</span>
|
|
1007
1133
|
<span class="badge-label" ?hidden="${()=>t.value!=null}"><slot></slot></span>
|
|
1008
1134
|
</span>
|
|
1009
|
-
<slot name="target"></slot>`},styles:[N,F,E,
|
|
1135
|
+
<slot name="target"></slot>`},styles:[N,F,E,ne(`.badge`),k({lg:{"--_padding-x":`var(--size-2-5)`,"--_padding-y":`var(--size-1)`,fontSize:`var(--text-sm)`},md:{"--_padding-x":`var(--size-2)`,"--_padding-y":`var(--size-0-5)`,fontSize:`var(--text-xs)`},sm:{"--_padding-x":`var(--size-1-5)`,"--_padding-y":`var(--size-px)`,fontSize:`var(--text-xs)`}}),yr]});var xr=`@layer refine.base{:host{--_bg:var(--chip-bg,var(--color-contrast-150));--_color:var(--chip-color,var(--color-contrast-800));--_border-color:var(--chip-border-color,transparent);--_radius:var(--chip-radius,var(--rounded-lg));--_font-size:var(--chip-font-size,var(--text-sm));--_font-weight:var(--chip-font-weight,var(--font-medium));--_padding-x:var(--chip-padding-x,var(--size-2-5));--_padding-y:var(--chip-padding-y,var(--size-0-5));--_gap:var(--chip-gap,var(--size-1));vertical-align:middle;align-items:center;max-width:100%;display:inline-flex}.chip{box-sizing:border-box;gap:var(--_gap);max-width:100%;padding:var(--_padding-y) var(--_padding-x);font-size:var(--_font-size);font-weight:var(--_font-weight);color:var(--_color);white-space:nowrap;background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast);align-items:center;line-height:1.2;display:inline-flex;position:relative}.label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.remove-btn{width:1.35em;height:1.35em;margin-inline:var(--size-0-5) calc(var(--size-2) * -1);color:inherit;cursor:pointer;background:color-mix(in oklch, currentcolor 12%, transparent);border-radius:var(--_radius);opacity:.7;transition:background var(--transition-fast), opacity var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.remove-btn:hover{background:color-mix(in oklch, currentcolor 28%, transparent);opacity:1}.remove-btn:focus-visible{outline-offset:1px;opacity:1;outline:2px solid}::slotted([slot=icon]){flex-shrink:0;justify-content:center;align-items:center;width:1em;height:1em;display:inline-flex}.chip-btn{width:100%;font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;display:inline-flex}.chip-btn:disabled{cursor:not-allowed}:host([mode=selectable][checked]) .chip{outline:var(--border-2) solid var(--_theme-base,currentColor);outline-offset:-2px}:host([mode=selectable]:not([disabled])) .chip,:host([mode=action]:not([disabled])) .chip{cursor:pointer}.chip-btn:focus-visible{outline:2px solid var(--_theme-base,currentColor);outline-offset:2px;border-radius:var(--_radius)}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_bg:var(--chip-bg,var(--_theme-base,var(--color-contrast-700)));--_color:var(--chip-color,var(--_theme-contrast,var(--color-contrast-50)));--_border-color:var(--chip-border-color,transparent);--_hover-bg:var(--chip-hover-bg,var(--_theme-focus,var(--color-contrast-800)));--_active-bg:var(--chip-active-bg,color-mix(in oklch, var(--_theme-focus,var(--color-contrast-800)) 85%, black))}:host([variant=flat]){--_bg:var(--chip-bg,color-mix(in oklch, var(--_theme-backdrop,var(--color-contrast-200)) 55%, transparent));--_color:var(--chip-color,var(--_theme-base,var(--color-contrast-800)));--_border-color:var(--chip-border-color,transparent);--_hover-bg:var(--chip-hover-bg,var(--_theme-focus,var(--color-contrast-700)));--_hover-color:var(--chip-hover-color,var(--_theme-contrast,var(--color-contrast-50)));--_active-bg:var(--chip-active-bg,color-mix(in oklch, var(--_theme-focus,var(--color-contrast-800)) 85%, black));--_active-color:var(--chip-active-color,var(--_theme-contrast,var(--color-contrast-50)))}:host([variant=bordered]){--_bg:var(--chip-bg,var(--_theme-backdrop,var(--color-contrast-50)));--_color:var(--chip-color,var(--_theme-base,var(--color-contrast-900)));--_border-color:var(--chip-border-color,var(--_theme-border,var(--color-contrast-300)));--_remove-bg:var(--chip-remove-bg,var(--_theme-focus,var(--color-contrast-700)));--_remove-color:var(--chip-remove-color,var(--_theme-backdrop,var(--color-contrast-50)));--_hover-bg:var(--chip-hover-bg,var(--_theme-focus,var(--color-contrast-700)));--_hover-color:var(--chip-hover-color,var(--_theme-contrast,var(--color-contrast-50)));--_hover-border-color:var(--chip-hover-border-color,var(--_theme-focus,var(--color-contrast-700)));--_active-bg:var(--chip-active-bg,color-mix(in oklch, var(--_theme-focus,var(--color-contrast-800)) 85%, black));--_active-color:var(--chip-active-color,var(--_theme-contrast,var(--color-contrast-50)))}:host([variant=outline]){--_bg:var(--chip-bg,transparent);--_color:var(--chip-color,var(--_theme-base,var(--color-contrast-900)));--_border-color:var(--chip-border-color,var(--_theme-base,var(--color-contrast-400)));--_remove-bg:var(--chip-remove-bg,var(--_theme-focus,var(--color-contrast-700)));--_remove-color:var(--chip-remove-color,var(--_theme-backdrop,var(--color-contrast-50)));--_hover-bg:var(--chip-hover-bg,var(--_theme-backdrop,var(--color-contrast-100)));--_hover-border-color:var(--chip-hover-border-color,var(--_theme-focus,var(--color-contrast-700)));--_active-bg:var(--chip-active-bg,var(--_theme-base,var(--color-contrast-700)));--_active-color:var(--chip-active-color,var(--_theme-contrast,var(--color-contrast-50)))}:host([variant=ghost]){--_bg:var(--chip-bg,transparent);--_color:var(--chip-color,var(--_theme-base,var(--color-contrast-900)));--_border-color:var(--chip-border-color,transparent);--_hover-bg:var(--chip-hover-bg,var(--_theme-backdrop,var(--color-contrast-100)));--_active-bg:var(--chip-active-bg,var(--_theme-base,var(--color-contrast-700)));--_active-color:var(--chip-active-color,var(--_theme-contrast,var(--color-contrast-50)))}:host([variant=bordered]) .remove-btn,:host([variant=outline]) .remove-btn{color:var(--_remove-color);background:var(--_remove-bg);border:var(--border) solid var(--_remove-bg)}:host([variant=bordered]) .remove-btn:hover,:host([variant=outline]) .remove-btn:hover{background:var(--chip-remove-hover-bg,color-mix(in oklch, var(--_remove-bg) 80%, var(--color-contrast-900)));opacity:1}:host([variant=ghost]) .remove-btn{border:var(--border) solid var(--_theme-focus,var(--color-contrast-400))}:host([variant=ghost]) .remove-btn:hover{background:var(--chip-remove-hover-bg,color-mix(in oklch, currentcolor 15%, transparent))}:host(:is(:not([variant]),[variant=solid],[variant=flat],[variant=bordered],[variant=outline],[variant=ghost]):is([mode=selectable],[mode=action]):not([disabled])) .chip-btn:hover .chip{color:var(--_hover-color,var(--_color));background:var(--_hover-bg,var(--_bg));border-color:var(--_hover-border-color,var(--_border-color))}:host(:is(:not([variant]),[variant=solid],[variant=flat],[variant=bordered],[variant=outline],[variant=ghost]):is([mode=selectable],[mode=action]):not([disabled])) .chip-btn:active .chip{color:var(--_active-color,var(--_color));background:var(--_active-bg,var(--_bg));box-shadow:var(--inset-shadow-2xs)}}`,Sr=`ore-chip`;(0,c.define)(Sr,{props:{checked:{default:void 0,parse:e=>e==null?void 0:e!==`false`,reflect:!1},color:c.prop.string(),"default-checked":c.prop.bool(!1),disabled:c.prop.bool(!1),label:c.prop.string(),mode:c.prop.oneOf([`static`,`removable`,`selectable`,`action`],`static`),rounded:c.prop.string(),size:c.prop.string(),value:c.prop.string(),variant:c.prop.string()},setup(e){let t=(0,c.useEmit)(),n=(0,u.signal)(e.checked.value!==void 0),r=(0,u.signal)(!n.value&&e[`default-checked`].value);(0,u.watch)(e.checked,e=>{e!==void 0&&(n.value=!0)});let i=(0,u.computed)(()=>e.mode.value===`selectable`?n.value?e.checked.value??!1:r.value:!1);(0,c.bind)({attr:{checked:()=>e.mode.value===`selectable`&&i.value?!0:void 0}});function a(n){e.disabled.value||t(`remove`,{originalEvent:n,value:e.value.value})}function o(a){if(a.stopPropagation(),e.disabled.value)return;let o=!i.value;n.value||(r.value=o),t(`change`,{checked:o,originalEvent:a,value:e.value.value})}function s(n){e.disabled.value||t(`click`,{originalEvent:n,value:e.value.value})}let l=()=>c.html`
|
|
1010
1136
|
<slot name="icon"></slot>
|
|
1011
1137
|
<span class="label"><slot></slot></span>
|
|
1012
1138
|
`,d=()=>{let t=e.label.value||e.value.value;return t?`Remove ${t}`:`Remove`},f=()=>c.html`
|
|
@@ -1046,7 +1172,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1046
1172
|
<span class="chip" part="chip"> ${l()} ${f()} </span>
|
|
1047
1173
|
`;return c.html`
|
|
1048
1174
|
${()=>{let t=e.mode.value;return t===`selectable`?p():t===`action`?m():t===`removable`?g():h()}}
|
|
1049
|
-
`},styles:[N,A,E,k({lg:{"--_font-size":`var(--text-sm)`,"--_gap":`var(--size-1-5)`,"--_padding-x":`var(--size-3)`,"--_padding-y":`var(--size-1)`},sm:{"--_font-size":`var(--text-xs)`,"--_gap":`var(--size-0-5)`,"--_padding-x":`var(--size-2-5)`,"--_padding-y":`var(--size-px)`}}),F,
|
|
1175
|
+
`},styles:[N,A,E,k({lg:{"--_font-size":`var(--text-sm)`,"--_gap":`var(--size-1-5)`,"--_padding-x":`var(--size-3)`,"--_padding-y":`var(--size-1)`},sm:{"--_font-size":`var(--text-xs)`,"--_gap":`var(--size-0-5)`,"--_padding-x":`var(--size-2-5)`,"--_padding-y":`var(--size-px)`}}),F,xr]});var Cr=`@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}}`,wr=`ore-password-strength`;(0,c.define)(wr,{props:{label:c.prop.string(`Password strength`),labels:c.prop.json(void 0),score:c.prop.number(-1),"show-label":c.prop.bool(!0),value:c.prop.string()},setup(e){let t={empty:``,fair:`Fair`,good:`Good`,strong:`Strong`,weak:`Weak`},n=[`empty`,`weak`,`fair`,`good`,`strong`],r=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},i=()=>{let t=e.score.value??-1,i=t>=0?Math.max(0,Math.min(4,Math.trunc(t))):r(e.value.value??``);return n[i]},a=(0,u.computed)(()=>{let t=e.score.value??-1;return t>=0?Math.max(0,Math.min(4,Math.trunc(t))):r(e.value.value??``)}),o=(0,u.computed)(()=>{let n=e.labels.value;return Array.isArray(n)&&n.length===5?String(n[a.value]??``):t[i()]}),s=(0,u.computed)(()=>a.value===0?null:o.value||null);(0,c.bind)({attr:{"data-level":()=>i()}});let l=e=>()=>`segment${a.value>=e?` active`:``}`;return c.html`
|
|
1050
1176
|
<div
|
|
1051
1177
|
class="meter"
|
|
1052
1178
|
role="meter"
|
|
@@ -1063,7 +1189,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1063
1189
|
</div>
|
|
1064
1190
|
</div>
|
|
1065
1191
|
${()=>e[`show-label`].value?c.html`<span class="level-label" aria-live="polite" aria-atomic="true">${()=>o.value}</span>`:``}
|
|
1066
|
-
`},styles:[w,
|
|
1192
|
+
`},styles:[w,Cr]});var Tr=`@layer refine.base{:host{--_bg:var(--skeleton-bg,var(--color-contrast-200));--_highlight:var(--skeleton-highlight,var(--color-contrast-100));--_radius:var(--skeleton-radius,var(--rounded-lg));--_circle-size:var(--skeleton-size,var(--size-10));--_width:var(--skeleton-width,100%);--_height:var(--skeleton-height,var(--size-4));--_line-gap:var(--skeleton-line-gap,var(--size-2));--_last-line-width:var(--skeleton-last-line-width,60%);--_duration:var(--skeleton-duration,1.6s);--_stripe-size:var(--skeleton-stripe-size,8px);width:var(--_width);height:var(--_height);display:inline-block}.stack{gap:var(--_line-gap);width:100%;height:100%;display:grid}.bone{background:var(--_bg);border-radius:var(--_radius);width:100%;height:100%;position:relative;overflow:hidden}.bone:after{content:"";background:linear-gradient(90deg, var(--_bg) 0%, var(--_highlight) 50%, var(--_bg) 100%);animation:var(--_motion-animation,ore-skeleton-shimmer var(--_duration) linear infinite);position:absolute;inset:0;transform:translate(-100%)}:host([data-animated=false]) .bone:after{display:none}:host([data-paused]) .bone:after{animation-play-state:paused}@keyframes ore-skeleton-shimmer{to{transform:translate(100%)}}:host(:dir(rtl)) .bone:after{animation-direction:reverse}}@layer refine.variants{:host([variant=circle]){--_radius:var(--rounded-full);width:var(--skeleton-width,var(--_circle-size));height:var(--skeleton-height,var(--_circle-size));aspect-ratio:1}:host([variant=text]){--_height:var(--size-3);--_radius:var(--rounded-sm);height:auto}:host([variant=text]) .stack{height:auto}:host([variant=text]) .bone{height:var(--_height)}:host([variant=text]) .bone[data-last=true]{width:var(--_last-line-width)}}@layer refine.striped{:host([striped]) .stack{width:99%}:host([striped]) .bone{--_stripe-color:var(--skeleton-stripe-color,var(--color-contrast-400));border:var(--border) dashed var(--_stripe-color);background-color:#0000}:host([striped]) .bone:before{--_stripe-color:var(--skeleton-stripe-color,var(--color-contrast-300));content:"";background-color:var(--_stripe-color);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cline x1='0' y1='8' x2='8' y2='0' stroke='white' stroke-width='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cline x1='0' y1='8' x2='8' y2='0' stroke='white' stroke-width='1'/%3E%3C/svg%3E");-webkit-mask-size:var(--_stripe-size) var(--_stripe-size);-webkit-mask-size:var(--_stripe-size) var(--_stripe-size);mask-size:var(--_stripe-size) var(--_stripe-size);position:absolute;inset:0}:host([striped]) .bone:after{display:none}}@layer refine.utilities{:host([size=sm]){--_height:var(--size-3);--_circle-size:var(--size-8)}:host([size=md]){--_height:var(--size-4);--_circle-size:var(--size-10)}:host([size=lg]){--_height:var(--size-6);--_circle-size:var(--size-14)}}@media (forced-colors:active){.bone{background:buttonface;border:1px solid buttontext}.bone:after{display:none}}`,Er=`ore-skeleton`;(0,c.define)(Er,{props:{...J,animated:c.prop.bool(!0),height:c.prop.string(),lines:c.prop.number(1),radius:c.prop.string(),striped:c.prop.bool(!1),variant:c.prop.oneOf([`rect`,`circle`,`text`],`rect`),width:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=(0,u.signal)(!1),r=()=>{let t=Math.floor(Number(e.lines.value));return Number.isFinite(t)&&t>0?t:1},i=()=>e.variant.value===`text`?r():1;return(0,u.watch)((0,u.computed)(()=>`${e.width.value??``}|${e.height.value??``}|${e.radius.value??``}|${e.animated.value===!1?`0`:`1`}`),()=>{let n=Dn(e.width.value),r=Dn(e.height.value),i=Dn(e.radius.value);n?t.style.setProperty(`--skeleton-width`,n):t.style.removeProperty(`--skeleton-width`),r?t.style.setProperty(`--skeleton-height`,r):t.style.removeProperty(`--skeleton-height`),i?t.style.setProperty(`--skeleton-radius`,i):t.style.removeProperty(`--skeleton-radius`);let a=t.getAttribute(`animated`)!==`false`&&e.animated.value!==!1;t.setAttribute(`data-animated`,a?`true`:`false`)},{immediate:!0}),(0,c.bind)({attr:{"data-paused":()=>n.value?!0:void 0}}),(0,c.onMounted)(()=>{(0,u.watch)((0,g.intersectionObserver)(t,{threshold:0}),e=>{let t=typeof e==`object`&&e&&`isIntersecting`in e?!e.isIntersecting:!1;n.value=t})}),c.html`
|
|
1067
1193
|
<div class="stack" part="stack">
|
|
1068
1194
|
${()=>Array.from({length:i()},(t,n)=>{let r=e.variant.value===`text`&&i()>1&&n===i()-1;return c.html`<div
|
|
1069
1195
|
class="bone"
|
|
@@ -1071,13 +1197,13 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1071
1197
|
aria-hidden="true"
|
|
1072
1198
|
:data-last="${()=>r?`true`:null}"></div>`})}
|
|
1073
1199
|
</div>
|
|
1074
|
-
`},styles:[w,
|
|
1200
|
+
`},styles:[w,Tr]});var Dr=`@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%)}}}`,Or=`ore-typing-indicator`;(0,c.define)(Or,{props:{...q,...J,label:c.prop.string(`Typing…`)},setup(e){return(0,u.watch)(()=>e.label.value,e=>Nt(e??``),{immediate:!0}),c.html`
|
|
1075
1201
|
<span class="dots" part="dots" aria-hidden="true">
|
|
1076
1202
|
<span class="dot" part="dot"></span>
|
|
1077
1203
|
<span class="dot" part="dot"></span>
|
|
1078
1204
|
<span class="dot" part="dot"></span>
|
|
1079
1205
|
</span>
|
|
1080
|
-
`},styles:[N,w,k({lg:{gap:`var(--typing-indicator-gap, var(--size-1-5))`,size:`var(--typing-indicator-size, var(--size-2-5))`},md:{gap:`var(--typing-indicator-gap, var(--size-1))`,size:`var(--typing-indicator-size, var(--size-2))`},sm:{gap:`var(--typing-indicator-gap, var(--size-1))`,size:`var(--typing-indicator-size, var(--size-1-5))`}}),
|
|
1206
|
+
`},styles:[N,w,k({lg:{gap:`var(--typing-indicator-gap, var(--size-1-5))`,size:`var(--typing-indicator-size, var(--size-2-5))`},md:{gap:`var(--typing-indicator-gap, var(--size-1))`,size:`var(--typing-indicator-size, var(--size-2))`},sm:{gap:`var(--typing-indicator-gap, var(--size-1))`,size:`var(--typing-indicator-size, var(--size-1-5))`}}),Dr]});var kr=`@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}::slotted(ore-alert),ore-alert{width:100%;box-shadow:var(--shadow-lg);--_motion-animation:none;margin:0}.toast-actions{gap:var(--size-4);justify-content:flex-end;display:flex}@media (width<=480px){:host{--_max-width:calc(100vw - var(--size-4));--_inset-right:var(--size-2);--_inset-left:var(--size-2)}:host([position=top-center]),:host([position=bottom-center]){--_inset-left:var(--size-2);transform:none}:host([position=top-center]):not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([position=bottom-center]):not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-2)}:host([position=top-center]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-2)}:host([position=bottom-center]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-2)}}}`,Ar=300;function jr(e,t){return e.actions?.length?c.html`
|
|
1081
1207
|
<div slot="actions" class="toast-actions">
|
|
1082
1208
|
${e.actions.map(n=>c.html`
|
|
1083
1209
|
<ore-button
|
|
@@ -1089,7 +1215,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1089
1215
|
>
|
|
1090
1216
|
`)}
|
|
1091
1217
|
</div>
|
|
1092
|
-
`:``}var
|
|
1218
|
+
`:``}var Mr=`ore-toast`;(0,c.define)(Mr,{props:{max:c.prop.number(5),position:c.prop.oneOf([`top-left`,`top-center`,`top-right`,`bottom-left`,`bottom-center`,`bottom-right`],`bottom-right`)},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=(0,u.signal)([]),i=(0,c.ref)(),a=new Map,o=(0,u.signal)(!1),s=(0,u.signal)(!1),l=(0,u.computed)(()=>o.value||s.value),d=(e,t)=>{r.value=r.value.map(n=>n.id===e?{...n,...t}:n)},f=e=>r.value.find(t=>t.id===e),m=e=>(e instanceof Event?e.currentTarget:e).querySelector(`.toast-inner`),h=e=>(e.timer&&clearTimeout(e.timer.timeoutId),{...e,timer:null}),g=(e,t)=>{if(t<=0)return;let n=setTimeout(()=>S(e),t);d(e,{timer:{remaining:t,startedAt:Date.now(),timeoutId:n}})},_=()=>{r.value=r.value.map(e=>e.timer?(clearTimeout(e.timer.timeoutId),{...e,timer:{...e.timer,remaining:Math.max(0,e.timer.remaining-(Date.now()-e.timer.startedAt))}}):e)},v=()=>{for(let e of r.value){if(!e.timer||e.timer.remaining<=0)continue;let t=setTimeout(()=>S(e.id),e.timer.remaining);d(e.id,{timer:{...e.timer,startedAt:Date.now(),timeoutId:t}})}};(0,u.watch)(l,e=>{e?_():v()});let y=e=>{let t=({event:e})=>{let t=m(e);t&&(t.style.transition=``,t.style.transform=``,t.style.opacity=``)};return Ot({axis:()=>`x`,captureTarget:()=>null,disabled:(0,u.computed)(()=>!(f(e)?.dismissible??!0)),onCancel:t,onCommit:({distance:t,event:n})=>{let r=m(n);if(!r)return;let i=t>=0?1:-1,a=window.matchMedia(`(prefers-reduced-motion: reduce)`).matches,o=()=>b(e);if(a){r.style.opacity=`0`,o();return}r.style.transition=`transform 0.22s ease-out, opacity 0.22s ease-out`,r.offsetWidth,r.style.transform=`translateX(${i*120}%)`,r.style.opacity=`0`;let s=e=>{e.target!==r||e.propertyName!==`transform`||(r.removeEventListener(`transitionend`,s),clearTimeout(c),o())},c=setTimeout(()=>{r.removeEventListener(`transitionend`,s),o()},300);r.addEventListener(`transitionend`,s)},onMove:({distance:e,event:t})=>{let n=m(t);n&&(n.style.transition=`none`,n.style.transform=`translateX(${e}px)`,n.style.opacity=String(Math.max(0,1-Math.abs(e)/200)))},onRelease:t})},b=e=>{let t=f(e);t?.timer&&clearTimeout(t.timer.timeoutId),a.delete(e),r.value=r.value.filter(t=>t.id!==e),t?.onDismiss?.(),n(`dismiss`,{id:e})},x=t=>{let i=t.id||(0,p.uuid)(),o=e.max?.value??5,s=r.value.filter(e=>e.phase!==`exiting`),c=s.length-(o-1);if(c>0)for(let e of s.slice(0,c))S(e.id);let l={dismissible:!0,duration:5e3,...t,id:i,phase:`entering`,timer:null};return a.set(i,y(i)),r.value=[...r.value,l],n(`add`,{id:i}),requestAnimationFrame(()=>{f(i)?.phase===`entering`&&d(i,{phase:`active`})}),l.duration>0&&g(i,l.duration),i},S=e=>{let t=f(e);if(!t||t.phase===`exiting`)return;d(e,{...h(t),phase:`exiting`});let n=i.value?.querySelector(`[data-toast-id="${e}"] .toast-inner`);n?.offsetHeight;let r=!1,a=()=>{r||(r=!0,b(e))},o=n?parseFloat(getComputedStyle(n).transitionDuration)*1e3:NaN,s=setTimeout(a,(Number.isFinite(o)&&o>0?o:Ar)+50),c=t=>{t.target?.closest?.(`[data-toast-id="${e}"]`)&&(i.value?.removeEventListener(`transitionend`,c),clearTimeout(s),a())};i.value?.addEventListener(`transitionend`,c)},C=(e,t)=>{let n=f(e);if(!n)return;let r=t.duration===void 0?n:h(n);d(e,{...r,...t,id:e}),t.duration!==void 0&&t.duration>0&&g(e,t.duration)},w=()=>{for(let e of r.value)e.phase!==`exiting`&&S(e.id)},T=e=>e.urgency??(e.color===`error`?`assertive`:`polite`),E=(0,u.computed)(()=>r.value.filter(e=>T(e)===`polite`)),D=(0,u.computed)(()=>r.value.filter(e=>T(e)===`assertive`));(0,c.onCleanup)(()=>{for(let e of r.value)e.timer&&clearTimeout(e.timer.timeoutId);a.clear()});let O=e=>{let t=()=>S(e.id);return c.html`
|
|
1093
1219
|
<div
|
|
1094
1220
|
class="toast-wrapper"
|
|
1095
1221
|
data-toast-id=${e.id}
|
|
@@ -1109,7 +1235,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1109
1235
|
?dismissible=${e.dismissible!==!1}
|
|
1110
1236
|
@dismiss=${t}>
|
|
1111
1237
|
${e.meta?c.html`<span slot="meta">${e.meta}</span>`:``} ${e.message}
|
|
1112
|
-
${
|
|
1238
|
+
${jr(e,t)}
|
|
1113
1239
|
</ore-alert>
|
|
1114
1240
|
</div>
|
|
1115
1241
|
</div>
|
|
@@ -1144,7 +1270,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1144
1270
|
</div>
|
|
1145
1271
|
<slot></slot>
|
|
1146
1272
|
</div>
|
|
1147
|
-
`},styles:[w,
|
|
1273
|
+
`},styles:[w,kr]});function Nr(e=document.body){let t=null,n=!1,r=null,i=()=>t?.isConnected?t:(t=(e instanceof Element,e).querySelector(`ore-toast`),t||(t=document.createElement(`ore-toast`),r&&=(r.position&&t.setAttribute(`position`,r.position),r.max!=null&&t.setAttribute(`max`,String(r.max)),null),e.appendChild(t)),n=!0,t),a={add(e){return i().add(e)},clear(){i().clear()},configure(e){if(n){G(`toast.configure() called after the container was already created; options ignored.`);return}r={...r,...e}},dismiss(e){i().dismiss(e)},error(e,t){return a.add({color:`error`,...t,message:e})},info(e,t){return a.add({color:`info`,...t,message:e})},async promise(e,t){let n=a.add({color:`primary`,dismissible:!1,duration:0,message:t.loading});try{let r=await e;return a.update(n,{color:`success`,dismissible:!0,duration:5e3,message:typeof t.success==`function`?t.success(r):t.success}),r}catch(e){throw a.update(n,{color:`error`,dismissible:!0,duration:5e3,message:typeof t.error==`function`?t.error(e):t.error}),e}},success(e,t){return a.add({color:`success`,...t,message:e})},update(e,t){i().update(e,t)},warning(e,t){return a.add({color:`warning`,...t,message:e})}};return a}var Pr=Nr(),Fr=`@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}}`,Ir=(0,c.createContext)(`CheckboxGroupContext`),Lr=`ore-checkbox-group`;(0,c.define)(Lr,{formAssociated:!0,props:{...q,...J,...Y,error:c.prop.string(),helper:c.prop.string(),label:c.prop.string(),name:c.prop.string(),orientation:c.prop.string(`vertical`),required:c.prop.bool(!1),values:{...c.prop.string(),reflect:!1}},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=(0,c.useSlots)(),i=c.watchEffect,a=(0,c.inject)(Q),o=$(e,a),s=Qe({disabled:o.disabled,error:e.error,helper:e.helper,multiple:(0,u.signal)(!0),prefix:`checkbox-group`,required:e.required,signal:Z(c.onCleanup),validateOn:a?.validateOn,value:e.values});s.attachFormField((0,h.useField)({disabled:s.disabled,onReset:s.reset,toFormValue:e=>e,validationMessage:s.validationMessage,validity:s.validity,value:s.formValue}));let d=s.selectedValues,f=()=>Bt(t,`ore-checkbox`),p=e=>Vt(f(),e),m=e=>{let t=d.value,r=t.map(p);n(`change`,{labels:r,originalEvent:e,values:t})},g=(e,t)=>{s.toggleValue(e),s.triggerValidation(`change`),m(t)};(0,c.provide)(Ir,{color:e.color,disabled:(0,u.computed)(()=>!!e.disabled.value),size:e.size,toggle:g,values:d});let _=()=>{let t=d.value,n=e.color.value,r=e.size.value,i=e.disabled.value,a=f();for(let e of a){let a=e.getAttribute(`value`)??``;e.toggleAttribute(`checked`,t.includes(a)),n?e.setAttribute(`color`,n):e.removeAttribute(`color`),r?e.setAttribute(`size`,r):e.removeAttribute(`size`),e.toggleAttribute(`disabled`,!!i)}};i(()=>{r.elements().value,_()}),i(()=>{r.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 v=(0,c.createStableId)(`checkbox-group-legend`),y=`${v}-error`,b=`${v}-helper`,x=()=>!!e.error.value,S=()=>!!e.helper.value&&!x();return(0,c.bind)({attr:{size:o.size,values:s.formValue}}),c.html`
|
|
1148
1274
|
<fieldset
|
|
1149
1275
|
role="group"
|
|
1150
1276
|
aria-required="${()=>String(!!e.required.value)}"
|
|
@@ -1160,7 +1286,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1160
1286
|
<div class="error-text" id="${y}" role="alert" ?hidden=${()=>!x()}>${e.error}</div>
|
|
1161
1287
|
<div class="helper-text" id="${b}" ?hidden=${()=>!S()}>${e.helper}</div>
|
|
1162
1288
|
</fieldset>
|
|
1163
|
-
`},styles:[
|
|
1289
|
+
`},styles:[A,Fr]});var Rr=`@layer refine.base{:host{--_size:var(--checkbox-size,var(--size-5));--_radius:var(--checkbox-radius,var(--rounded-lg));--_font-size:var(--checkbox-font-size,var(--text-sm));--_bg:var(--checkbox-bg,var(--color-contrast-200));--_border:var(--checkbox-border-color,var(--color-contrast-300));gap:var(--_gap,var(--size-2));min-height:var(--_touch-target);cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex}.checkbox-wrapper{width:var(--_size);height:var(--_size);flex-shrink:0;display:block;position:relative}.box{box-sizing:border-box;width:var(--_size);height:var(--_size);background:var(--_bg);border:var(--border-2) solid var(--_border);border-radius:var(--_radius);transition:background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);position:relative}:host(:focus-visible) .box{box-shadow:var(--_focus-shadow)}.checkmark,.dash{color:var(--_icon-color);opacity:0;transition:opacity var(--transition-spring), transform var(--transition-spring);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.checkmark::part(svg),.dash::part(svg){width:calc(var(--_size) * .6);height:calc(var(--_size) * .6);fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.label{font-size:var(--_font-size);color:var(--color-contrast)}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:calc(var(--_size) + var(--size-2))}.helper-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--_size) + var(--size-2))}.helper-text[role=alert]{color:var(--color-error)}}@layer refine.overrides{:host{--_active-bg:var(--checkbox-checked-bg,var(--_theme-base));--_icon-color:var(--checkbox-color,var(--_theme-contrast));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .box,:host([indeterminate]) .box{background:var(--_active-bg);border-color:var(--_active-bg)}:host([checked]) .checkmark,:host([indeterminate]:not([checked])) .dash{opacity:1;transform:translate(-50%,-50%)scale(1)}}`,zr=`ore-checkbox`;(0,c.define)(zr,{formAssociated:!0,props:{...q,...J,...Y,checked:c.prop.bool(!1),error:c.prop.string(),helper:c.prop.string(),indeterminate:c.prop.bool(!1),name:c.prop.string(),required:c.prop.bool(!1),value:c.prop.string(`on`)},setup(e){let t=(0,c.useEmit)(),n=(0,c.inject)(Q),r=$(e,n),i=(0,c.inject)(Ir),a=tt({checked:e.checked,clearIndeterminateFirst:!0,disabled:(0,u.computed)(()=>r.disabled.value||!!i?.disabled.value),error:e.error,group:i,helper:e.helper,indeterminate:e.indeterminate,onToggle:e=>{a.triggerValidation(`change`),!i&&t(`change`,e)},prefix:`checkbox`,required:e.required,signal:Z(c.onCleanup),validateOn:n?.validateOn,value:e.value});a.attachFormField((0,h.useField)({disabled:a.disabled,onReset:a.reset,toFormValue:e=>e,validationMessage:a.validationMessage,validity:a.validity,value:a.checkableFormValue}));let{assistiveId:o,checked:s,disabled:l,errorText:d,handleClick:f,handleKeydown:p,helperText:m,indeterminate:g,labelId:_}=a;return Pn(r.size,{assistiveId:o,checked:s,disabled:l,errorText:d,handleClick:f,handleKeydown:p,helperText:m,indeterminate:g,labelId:_,required:e.required},`checkbox`),c.html`
|
|
1164
1290
|
<div class="checkbox-wrapper" part="checkbox">
|
|
1165
1291
|
<div class="box" part="box">
|
|
1166
1292
|
<ore-icon class="checkmark" name="check" size="14" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
@@ -1168,10 +1294,10 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1168
1294
|
</div>
|
|
1169
1295
|
</div>
|
|
1170
1296
|
<span class="label" part="label" id="${_}"><slot></slot></span>
|
|
1171
|
-
${
|
|
1172
|
-
`},styles:[N,L,A,C,k(we),_r]});function yr(e){return e.filter(e=>e.localName===`ore-combobox-option`).map(e=>({disabled:e.hasAttribute(`disabled`),iconEl:e.querySelector(`[slot="icon"]`),label:e.getAttribute(`label`)||[...e.childNodes].filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.textContent?.trim()).filter(Boolean).join(` `)||``,value:e.getAttribute(`value`)??``}))}function br(e,t,n){if(n)return e;let r=t.toLowerCase().trim();return r?e.filter(e=>e.label.toLowerCase().includes(r)||e.value.toLowerCase().includes(r)):e}function xr(e,t,n){if(!t)return``;let r=e.trim();return r?n.some(e=>e.label.toLowerCase()===r.toLowerCase())?``:`Create "${r}"`:``}function Sr(e){return`__new__:${e.trim()}`}var Cr=`@layer refine.base{:host{--_font-size:var(--input-font-size,var(--text-sm));--_gap:var(--input-gap,var(--size-2));--_field-height:var(--input-height,var(--size-10));--_padding:var(--input-padding,var(--size-1-5) var(--size-3));--_radius:var(--input-radius,var(--rounded-lg));--_placeholder:var(--input-placeholder-color,var(--color-contrast-500));--_bg:var(--input-bg,var(--color-contrast-100));--_border-color:var(--input-border-color,var(--color-contrast-300));min-width:var(--input-min-width,12rem);flex-direction:column;align-items:stretch;display:inline-flex}.input-wrapper{flex-direction:column;gap:0;width:100%;display:flex}.field{box-sizing:border-box;height:var(--_field-height);min-height:var(--_field-height);padding:var(--_padding);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow,var(--shadow-2xs));transition:var(--_motion-transition,background var(--transition-fast), backdrop-filter var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast));flex-direction:column;justify-content:center;align-items:stretch;gap:0;display:flex}.input-wrapper:has(.label:not([hidden])) .field{height:auto}:host(:not([label-placement=outside])) .input-wrapper{position:relative}:host(:not([label-placement=outside])) .label{z-index:1;pointer-events:none;top:var(--size-2);position:absolute}:host(:not([label-placement=outside])) .label:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .input-wrapper:has(.label:not([hidden])) .field{padding-top:calc(var(--size-2) + 1lh + 2px)}.input-row{gap:var(--_gap);flex:1;align-items:center;display:flex}.label,label.label{text-overflow:ellipsis;font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);color:var(--color-contrast-500);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--_motion-transition,color var(--transition-fast));margin-bottom:2px;overflow:hidden}:host([label-placement=outside]) .label,:host([label-placement=outside]) label.label{font-size:var(--text-sm);line-height:var(--leading-none);order:-1;margin-bottom:0}.helper-text{margin-top:var(--size-1-5);font-size:var(--text-xs);line-height:var(--leading-tight);color: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],[variant=text],[variant=flat])) .field:focus-within{background:var(--color-canvas);border-color:var(--_theme-focus);box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow))}:host(:not([disabled])) .field:focus-within .label,:host(:not([disabled])) .field:focus-within ::slotted([slot=prefix]),:host(:not([disabled])) .field:focus-within ::slotted([slot=suffix]){color:var(--_theme-focus)}.clear-btn{width:var(--size-5);min-width:var(--_touch-target);height:var(--size-5);min-height:var(--_touch-target);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:var(--_motion-transition,color var(--transition-fast));background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.clear-btn:hover{color:var(--color-contrast-900)}.clear-btn:focus-visible{outline:var(--border-2) solid var(--_theme-focus);outline-offset:var(--border)}:host([clearable]) .clear-btn{display:flex}:host([clearable]:not([has-value])) .clear-btn{visibility:hidden;pointer-events:none}.pwd-toggle-btn{width:var(--size-5);min-width:var(--_touch-target);height:var(--size-5);min-height:var(--_touch-target);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:var(--_motion-transition,color var(--transition-fast));background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.pwd-toggle-btn:hover{color:var(--color-contrast-900)}.pwd-toggle-btn:focus-visible{outline:var(--border-2) solid var(--_theme-focus);outline-offset:var(--border)}:host([type=password]) .pwd-toggle-btn{display:flex}.char-counter{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-400);text-align:end;white-space:nowrap;padding-left:2px;padding-right:2px}.char-counter[data-near-limit]{color:var(--color-warning,#f59e0b)}.char-counter[data-at-limit]{color:var(--color-error)}:host([error]:not([error=""])) .field{border-color:var(--color-error)}:host([error]:not([error=""])) .field:focus-within{border-color:var(--color-error);box-shadow:var(--color-error-focus-shadow)}:host([error]:not([error=""])) .label-inset,:host([error]:not([error=""])) .label-outside,.helper-text[role=alert]{color:var(--color-error)}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_bg:var(--input-bg,var(--color-contrast-50));--_border-color:var(--input-border-color,var(--color-contrast-300))}:host(:not([variant])) .field,:host([variant=solid]) .field{box-shadow:var(--shadow-2xs)}:host(:not([variant],[disabled])) .field:focus-within,:host([variant=solid]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}:host([variant=flat]){--_bg:var(--input-bg,var(--color-contrast-100));--_border-color:var(--input-border-color,color-mix(in oklch, var(--_theme-focus) 20%, transparent))}:host([variant=flat]) .field{box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) .field:hover{background:var(--input-hover-bg,color-mix(in oklch, var(--_theme-base) 6%, var(--color-contrast-100)));border-color:var(--input-hover-border-color,color-mix(in oklch, var(--_theme-base) 35%, var(--color-contrast-300)))}:host([variant=flat]) .field:focus-within{background:var(--input-focus-bg,color-mix(in oklch, var(--_theme-base) 8%, var(--color-canvas)));border-color:var(--input-focus-border-color,color-mix(in oklch, var(--_theme-focus) 60%, transparent));box-shadow:var(--_theme-shadow)}:host([variant=bordered]){--_bg:var(--input-bg,var(--_theme-backdrop));--_border-color:var(--input-border-color,color-mix(in oklch, var(--_theme-focus) 70%, transparent))}:host([variant=bordered]) .field:hover{border-color:var(--input-hover-border-color,var(--_theme-focus))}:host([variant=outline]){--_bg:var(--input-bg,transparent)}:host([variant=outline]) .field{box-shadow:none}:host([variant=outline]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}:host([variant=ghost]){--_bg:var(--input-bg,transparent);--_border-color:var(--input-border-color,transparent)}:host([variant=ghost]) .field{box-shadow:none}:host([variant=ghost]) .field:hover{background:var(--input-hover-bg,var(--color-contrast-100))}:host([variant=ghost]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}:host([variant=text]){--_bg:var(--input-bg,transparent);--_border-color:var(--input-border-color,var(--color-contrast-300))}:host([variant=text]) .field{border:none;border-bottom:var(--border) solid var(--_border-color);box-shadow:none;border-radius:0}:host([variant=text]) .field:focus-within{border-bottom:var(--border-2) solid var(--input-focus-border-color,var(--_theme-focus))}}@layer refine.utilities{:host([fullwidth]){width:100%}}`,wr=[`text`,`email`,`password`,`search`,`url`,`tel`,`number`,`date`,`time`,`datetime-local`,`month`,`week`],Tr=`ore-input`;(0,c.define)(Tr,{formAssociated:!0,props:{...q,...J,...Y,...X,autocomplete:c.prop.string(),clearable:c.prop.bool(!1),error:c.prop.string(),fullwidth:c.prop.bool(!1),helper:c.prop.string(),inputmode:c.prop.string(),label:c.prop.string(),"label-placement":c.prop.oneOf([`inset`,`outside`],`inset`),maxlength:c.prop.json(void 0),minlength:c.prop.json(void 0),name:c.prop.string(),pattern:c.prop.string(),placeholder:c.prop.string(),readonly:c.prop.bool(!1),ref:c.prop.json(void 0),required:c.prop.bool(!1),type:c.prop.oneOf(wr,`text`),value:c.prop.string(),variant:c.prop.string()},setup(e){let t=(0,c.useEmit)(),n=(0,c.useSlots)(),r=(0,c.inject)(Q),i=$(e,r),a=(0,u.signal)(!1),o=(0,c.ref)(),s=(0,u.computed)(()=>!!e.label.value||n.has(`label`).value),d=Z(c.onCleanup),f=Ve({disabled:i.disabled,error:e.error,hasLabel:s,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],maxLength:e.maxlength,onChange:(e,n)=>{t(`change`,{originalEvent:e,value:n})},onInput:(e,n)=>{t(`input`,{originalEvent:e,value:n})},prefix:`input`,readonly:e.readonly,required:e.required,signal:d,validateOn:r?.validateOn,value:e.value});f.attachFormField((0,h.useField)({disabled:f.disabled,onReset:f.reset,toFormValue:e=>e,validationMessage:f.validationMessage,validity:f.validity,value:f.value}));let{ariaDescribedBy:p,ariaErrorMessage:m,ariaInvalid:g,ariaLabelledBy:_,assistiveId:v,clear:y,counter:b,errorId:x,errorText:S,fieldId:C,helperText:w,labelId:T,labelVisible:E,value:D,wire:O}=f;return(0,c.onElement)(o,t=>{O(t,d),e.ref.value?.(t);let n=(0,u.watch)(e.ref,e=>{e?.(t)});return()=>{n.dispose(),e.ref.value?.(null)}}),(0,c.bind)({attr:{error:mn(S),"has-value":()=>D.value?!0:void 0,size:i.size,variant:i.variant}}),c.html`
|
|
1297
|
+
${In(o,d,m)}
|
|
1298
|
+
`},styles:[N,L,A,C,k(De),Rr]});function Br(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 Vr(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 Hr(e,t,n){if(!t)return``;let r=e.trim();return r?n.some(e=>e.label.toLowerCase()===r.toLowerCase())?``:`Create "${r}"`:``}function Ur(e){return`__new__:${e.trim()}`}var Wr=`@layer refine.base{:host{--_font-size:var(--input-font-size,var(--text-sm));--_gap:var(--input-gap,var(--size-2));--_field-height:var(--input-height,var(--size-10));--_padding:var(--input-padding,var(--size-1-5) var(--size-3));--_radius:var(--input-radius,var(--rounded-lg));--_placeholder:var(--input-placeholder-color,var(--color-contrast-500));--_bg:var(--input-bg,var(--color-contrast-100));--_border-color:var(--input-border-color,var(--color-contrast-300));min-width:var(--input-min-width,12rem);flex-direction:column;align-items:stretch;display:inline-flex}.input-wrapper{flex-direction:column;gap:0;width:100%;display:flex}.field{box-sizing:border-box;height:var(--_field-height);min-height:var(--_field-height);padding:var(--_padding);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--shadow-2xs);transition:var(--_motion-transition,background var(--transition-fast), backdrop-filter var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast));flex-direction:column;justify-content:center;align-items:stretch;gap:0;display:flex}.input-wrapper:has(.label:not([hidden])) .field{height:auto}:host(:not([label-placement=outside])) .input-wrapper{position:relative}:host(:not([label-placement=outside])) .label{z-index:1;pointer-events:none;top:var(--size-2);position:absolute}:host(:not([label-placement=outside])) .label:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .input-wrapper:has(.label:not([hidden])) .field{padding-top:calc(var(--size-2) + 1lh + 2px)}.input-row{gap:var(--_gap);flex:1;align-items:center;display:flex}.label,label.label{text-overflow:ellipsis;font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);color:var(--color-contrast-500);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--_motion-transition,color var(--transition-fast));margin-bottom:2px;overflow:hidden}:host([label-placement=outside]) .label,:host([label-placement=outside]) label.label{font-size:var(--text-xs);line-height:var(--leading-loose);order:-1}.helper-text{margin-top:var(--size-1-5);font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));overflow-wrap:anywhere;padding-left:2px;padding-right:2px}.helper-text[hidden]{display:none}::slotted(svg){width:var(--_icon-size,var(--leading-6));height:var(--_icon-size,var(--leading-6));flex-shrink:0}}@layer refine.overrides{input{min-width:0;font:inherit;font-size:var(--_font-size);line-height:var(--leading-normal);color:var(--color-contrast-900);background:0 0;border:none;outline:none;flex:1}input::placeholder{color:var(--_placeholder);transition:color var(--transition-fast)}input:focus-visible{outline:none}:host(:not([disabled],[variant=bordered],[variant=flat])) .field:hover{border-color:var(--color-contrast-400)}:host(:not([disabled])) .field:focus-within .label,:host(:not([disabled])) .field:focus-within ::slotted([slot=prefix]),:host(:not([disabled])) .field:focus-within ::slotted([slot=suffix]){color:var(--_theme-focus)}.clear-btn{width:var(--size-5);min-width:var(--_touch-target);height:var(--size-5);min-height:var(--_touch-target);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:var(--_motion-transition,color var(--transition-fast));background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.clear-btn:hover{color:var(--color-contrast-900)}.clear-btn:focus-visible{outline:var(--border-2) solid var(--_theme-focus);outline-offset:var(--border)}:host([clearable]) .clear-btn{display:flex}:host([clearable]:not([has-value])) .clear-btn{visibility:hidden;pointer-events:none}.pwd-toggle-btn{width:var(--size-5);min-width:var(--_touch-target);height:var(--size-5);min-height:var(--_touch-target);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:var(--_motion-transition,color var(--transition-fast));background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.pwd-toggle-btn:hover{color:var(--color-contrast-900)}.pwd-toggle-btn:focus-visible{outline:var(--border-2) solid var(--_theme-focus);outline-offset:var(--border)}:host([type=password]) .pwd-toggle-btn{display:flex}.char-counter{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-400);text-align:end;white-space:nowrap;padding-left:2px;padding-right:2px}.char-counter[data-near-limit]{color:var(--color-warning,#f59e0b)}.char-counter[data-at-limit]{color:var(--color-error)}:host([error]:not([error=""])) .field{border-color:var(--color-error)}:host([error]:not([error=""])) .label,.helper-text[role=alert]{color:var(--color-error)}:host([success]) .field{border-color:var(--color-success)}.status-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;display:none}:host([error]:not([error=""])) .status-icon,:host([success]) .status-icon{display:flex}.status-icon[data-status=error]{color:var(--color-error)}.status-icon[data-status=success]{color:var(--color-success)}@keyframes spin{to{transform:rotate(360deg)}}.field-spinner{width:var(--size-4);height:var(--size-4);border:var(--border-2) solid var(--_theme-focus,currentcolor);animation:var(--_motion-animation,spin var(--transition-loader) infinite);border-radius:50%;flex-shrink:0;display:none}.field-spinner:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.field-spinner:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}:host([loading]) .field-spinner{display:inline-block}}@layer refine.variants{:host([variant=text]){--_bg:var(--input-bg,transparent);--_border-color:var(--input-border-color,var(--color-contrast-300))}:host([variant=text]) .field{border:none;border-bottom:var(--border) solid var(--_border-color);box-shadow:none;border-radius:0}:host([variant=text]) .field:focus-within{border-bottom:var(--border-2) solid var(--input-focus-border-color,var(--_theme-focus))}:host(:not([disabled],[variant=text],[variant=flat])) .field:focus-within{background:var(--color-canvas);border-color:var(--_theme-focus);box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow))}:host([error]:not([error=""])) .field:focus-within{border-color:var(--color-error);box-shadow:var(--color-error-focus-shadow)}:host([success]) .field:focus-within{border-color:var(--color-success);box-shadow:var(--color-success-focus-shadow)}}@layer refine.utilities{:host([fullwidth]){width:100%}}:host([disabled]){opacity:1}:host([disabled]) .field{background:var(--color-contrast-100);border-color:var(--color-contrast-200);box-shadow:none}:host([disabled]) input{color:var(--color-contrast-400)}:host([disabled]) input::placeholder{color:var(--color-contrast-300)}:host([disabled]) .label{color:var(--color-contrast-400)}`,Gr=[`text`,`email`,`password`,`search`,`url`,`tel`,`number`,`date`,`time`,`datetime-local`,`month`,`week`],Kr=`ore-input`;(0,c.define)(Kr,{formAssociated:!0,props:{...q,...J,...Y,...X,autocomplete:c.prop.string(),clearable:c.prop.bool(!1),error:c.prop.string(),fullwidth:c.prop.bool(!1),helper:c.prop.string(),inputmode:c.prop.string(),label:c.prop.string(),"label-placement":c.prop.oneOf([`inset`,`outside`],`inset`),loading:c.prop.bool(!1),maxlength:c.prop.json(void 0),minlength:c.prop.json(void 0),name:c.prop.string(),pattern:c.prop.string(),placeholder:c.prop.string(),readonly:c.prop.bool(!1),ref:c.prop.data(),required:c.prop.bool(!1),success:c.prop.bool(!1),type:c.prop.oneOf(Gr,`text`),value:c.prop.string(),variant:c.prop.string()},setup(e){let t=(0,c.useEmit)(),n=(0,c.useSlots)(),r=(0,c.inject)(Q),i=$(e,r),a=(0,u.signal)(!1),o=(0,c.ref)(),s=(0,u.computed)(()=>!!e.label.value||n.has(`label`).value),d=(0,u.computed)(()=>i.disabled.value||e.loading.value),f=Z(c.onCleanup),p=Xe({disabled:d,error:e.error,hasLabel:s,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],maxLength:e.maxlength,onChange:(e,n)=>{t(`change`,{originalEvent:e,value:n})},onInput:(e,n)=>{t(`input`,{originalEvent:e,value:n})},prefix:`input`,readonly:e.readonly,required:e.required,signal:f,validateOn:r?.validateOn,value:e.value});p.attachFormField((0,h.useField)({disabled:p.disabled,onReset:p.reset,toFormValue:e=>e,validationMessage:p.validationMessage,validity:p.validity,value:p.value}));let{ariaDescribedBy:m,ariaErrorMessage:g,ariaInvalid:_,ariaLabelledBy:v,assistiveId:y,clear:b,counter:x,errorId:S,errorText:C,fieldId:w,helperText:T,labelId:E,labelVisible:D,value:O,wire:k}=p;return(0,c.onElement)(o,t=>{k(t,f);let n=Le(e.ref,t);return()=>{n()}}),(0,c.bind)({attr:{error:Nn(C),"has-value":()=>O.value?!0:void 0,size:i.size,success:()=>e.success.value&&!C.value?!0:void 0,variant:i.variant}}),c.html`
|
|
1173
1299
|
<div class="input-wrapper" part="wrapper">
|
|
1174
|
-
<label class="label" for="${
|
|
1300
|
+
<label class="label" for="${w}" id="${E}" part="label" ?hidden="${()=>!D.value}"
|
|
1175
1301
|
><slot name="label">${e.label}</slot></label
|
|
1176
1302
|
>
|
|
1177
1303
|
<div class="field" part="field">
|
|
@@ -1179,7 +1305,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1179
1305
|
<slot name="prefix"></slot>
|
|
1180
1306
|
<input
|
|
1181
1307
|
part="input"
|
|
1182
|
-
id="${
|
|
1308
|
+
id="${w}"
|
|
1183
1309
|
:type="${()=>e.type.value===`password`&&a.value?`text`:e.type.value??`text`}"
|
|
1184
1310
|
:name="${e.name}"
|
|
1185
1311
|
:placeholder="${e.placeholder}"
|
|
@@ -1188,16 +1314,19 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1188
1314
|
:maxlength="${e.maxlength}"
|
|
1189
1315
|
:minlength="${e.minlength}"
|
|
1190
1316
|
:pattern="${e.pattern}"
|
|
1191
|
-
?disabled="${
|
|
1317
|
+
?disabled="${d}"
|
|
1192
1318
|
?readonly="${e.readonly}"
|
|
1193
1319
|
?required="${e.required}"
|
|
1194
|
-
:value="${(0,l.live)(
|
|
1195
|
-
:aria-labelledby="${
|
|
1196
|
-
:aria-describedby="${
|
|
1197
|
-
:aria-errormessage="${
|
|
1198
|
-
:aria-invalid="${
|
|
1320
|
+
:value="${(0,l.live)(O)}"
|
|
1321
|
+
:aria-labelledby="${v}"
|
|
1322
|
+
:aria-describedby="${m}"
|
|
1323
|
+
:aria-errormessage="${g}"
|
|
1324
|
+
:aria-invalid="${_}"
|
|
1325
|
+
:aria-busy="${()=>e.loading.value?`true`:null}"
|
|
1199
1326
|
ref="${o}" />
|
|
1200
1327
|
<slot name="suffix"></slot>
|
|
1328
|
+
${Ln(C)}
|
|
1329
|
+
<span class="field-spinner" part="spinner" role="status" aria-label="Loading"></span>
|
|
1201
1330
|
<button
|
|
1202
1331
|
class="pwd-toggle-btn"
|
|
1203
1332
|
part="pwd-toggle"
|
|
@@ -1213,34 +1342,34 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1213
1342
|
class="clear-btn"
|
|
1214
1343
|
part="clear"
|
|
1215
1344
|
type="button"
|
|
1216
|
-
:tabindex="${()=>
|
|
1217
|
-
@click="${e=>{
|
|
1345
|
+
:tabindex="${()=>O.value?`0`:`-1`}"
|
|
1346
|
+
@click="${e=>{b(e),o.value?.focus()}}">
|
|
1218
1347
|
<ore-icon aria-hidden="true" name="x" size="12" stroke-width="2.5"></ore-icon>
|
|
1219
1348
|
</button>
|
|
1220
1349
|
</div>
|
|
1221
1350
|
</div>
|
|
1222
|
-
<div class="helper-text" aria-live="polite" id="${
|
|
1223
|
-
<slot name="helper">${()=>
|
|
1351
|
+
<div class="helper-text" aria-live="polite" id="${y}" part="helper" ?hidden="${()=>!!C.value||!T.value}">
|
|
1352
|
+
<slot name="helper">${()=>T.value}</slot>
|
|
1224
1353
|
</div>
|
|
1225
|
-
<div class="helper-text" id="${
|
|
1226
|
-
<slot name="error">${()=>
|
|
1354
|
+
<div class="helper-text" id="${S}" role="alert" part="error" ?hidden="${()=>!C.value}">
|
|
1355
|
+
<slot name="error">${()=>C.value}</slot>
|
|
1227
1356
|
</div>
|
|
1228
1357
|
<div
|
|
1229
1358
|
class="char-counter"
|
|
1230
1359
|
part="char-counter"
|
|
1231
|
-
:data-near-limit="${()=>
|
|
1232
|
-
:data-at-limit="${()=>
|
|
1233
|
-
?hidden="${()=>!
|
|
1234
|
-
${()=>
|
|
1360
|
+
:data-near-limit="${()=>x?.value.counterNearLimit&&!x?.value.counterAtLimit?``:null}"
|
|
1361
|
+
:data-at-limit="${()=>x?.value.counterAtLimit?``:null}"
|
|
1362
|
+
?hidden="${()=>!x}">
|
|
1363
|
+
${()=>x?.value.counterText??``}
|
|
1235
1364
|
</div>
|
|
1236
1365
|
</div>
|
|
1237
|
-
`},shadow:{delegatesFocus:!0},styles:[...ae,k(Se),I(`input`),Cr]});var Er=`@layer refine.base{:host{--_dropdown-bg:var(--combobox-dropdown-bg,var(--color-canvas));--_dropdown-border-color:var(--combobox-dropdown-border-color,var(--color-contrast-200));--_option-hover-bg:var(--combobox-option-hover-bg,var(--color-contrast-100));--_option-focus-bg:var(--combobox-option-focus-bg,color-mix(in oklch, var(--_theme-base) 12%, var(--color-contrast-100)));--_option-selected-bg:var(--combobox-option-selected-bg,color-mix(in oklch, var(--_theme-base) 10%, var(--color-contrast-50)));--_option-selected-focus-bg:var(--combobox-option-selected-focus-bg,color-mix(in oklch, var(--_theme-base) 20%, var(--color-contrast-100)));min-width:var(--combobox-min-width,12rem);flex-direction:column;align-items:stretch;display:inline-flex}:host([fullwidth]){width:100%;display:block}.trigger::part(input){cursor:text}.trigger::part(field){height:auto;min-height:var(--input-height,var(--size-10))}.trigger::part(input-row){row-gap:var(--size-1);flex-wrap:wrap;align-items:center}.chips-row,.chips-list{display:contents}ore-chip:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--size-1)}ore-chip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-1)}.combobox-suffix{gap:var(--size-1);flex-shrink:0;align-items:center;display:flex}.clear-btn{color:var(--color-contrast-400);cursor:pointer;background:0 0;border:0;flex-shrink:0;align-items:center;padding:0;display:inline-flex}.clear-btn[hidden]{display:none}.clear-btn:hover{color:var(--color-contrast-600)}.combobox-suffix-end{gap:var(--size-1);color:var(--color-contrast-500);align-items:center;display:flex}.chevron{transition:var(--_motion-transition,transform var(--transition-fast));flex-shrink:0;align-items:center;display:inline-flex}:host([open]) .chevron{transform:rotate(180deg)}.loader{width:1em;height:1em;animation:var(--_motion-animation,spin var(--transition-loader) infinite);border:2px solid;border-radius:50%;flex-shrink:0;display:none}.loader:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}@keyframes spin{to{transform:rotate(360deg)}}:host([loading]) .loader{display:inline-block}.dropdown{z-index:calc(var(--z-popover,1000) + 1);box-sizing:border-box;max-height:min(16rem,50dvh);padding:var(--size-1);overscroll-behavior:contain;text-align:start;pointer-events:none;scrollbar-width:thin;background:var(--_dropdown-bg);border:var(--border) solid var(--_dropdown-border-color);border-radius:var(--_radius);box-shadow:var(--shadow-lg);opacity:0;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);margin:0;position:fixed;inset:0 auto auto 0;overflow-y:auto}.dropdown[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.dropdown[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.option{gap:var(--size-2);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;display:flex}.option>span:not(.option-check,.option-icon){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.option:hover:not([data-disabled]){background:var(--_option-hover-bg)}.option[data-focused]:not([data-disabled]){color:var(--_theme-base);background:var(--_option-focus-bg)}.option[data-selected],.option[aria-selected=true]{font-weight:var(--font-medium);color:var(--_theme-base);background:var(--_option-selected-bg)}.option[data-selected][data-focused],.option[aria-selected=true][data-focused]{background:var(--_option-selected-focus-bg)}.option[data-disabled]{color:var(--color-contrast-400);cursor:not-allowed;opacity:.6}.option-check{color:var(--_theme-base);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;display:inline-flex}.option-check:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.option-check:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.option[data-selected] .option-check,.option[aria-selected=true] .option-check{opacity:1}.no-results,.no-results-create,.dropdown-loading{padding:var(--size-3) var(--size-2-5);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.no-results-create{gap:var(--size-1-5);width:100%;padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);color:var(--_theme-content,var(--color-primary-content));text-align:start;cursor:pointer;border-radius:var(--rounded-sm);background:0 0;border:0;align-items:center;display:flex}.no-results-create:hover,.no-results-create[data-focused]{background:color-mix(in oklch, var(--_theme-base,var(--color-primary)) 10%, transparent)}.option-icon{flex-shrink:0;align-items:center;display:inline-flex}::slotted(ore-combobox-option){display:none}}`,Dr=`ore-combobox`;(0,c.define)(Dr,{formAssociated:!0,props:{autoclose:c.prop.bool(!1),color:c.prop.string(),creatable:c.prop.bool(!1),disabled:c.prop.bool(!1),error:c.prop.string(),fullwidth:c.prop.bool(!1),helper:c.prop.string(),label:c.prop.string(),"label-placement":c.prop.oneOf([`inset`,`outside`],`inset`),loading:c.prop.bool(!1),multiple:c.prop.bool(!1),name:c.prop.string(),"no-filter":c.prop.bool(!1),options:c.prop.data(),placeholder:c.prop.string(`Select...`),required:c.prop.bool(!1),rounded:c.prop.string(),size:c.prop.string(),value:c.prop.string(),variant:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=c.watchEffect,i=(0,c.inject)(Q),a=$(e,i),o=(0,u.signal)(``),s=null,l=null,d=null,f=null,p=(0,c.ref)(),m=Z(c.onCleanup),g=Ue({disabled:a.disabled,error:e.error,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],multiple:e.multiple,prefix:`combobox`,required:e.required,signal:m,validateOn:i?.validateOn,value:e.value}),_=(0,u.signal)([]),v=st({getBoundary:()=>t,getFocusedOptionElement:()=>d?.querySelector(`[data-focused]`)??null,getItems:()=>_.value,getOptionId:e=>`${g.fieldId}-opt-${e}`,getPanel:()=>d,getReference:()=>l,getTrigger:()=>s,isDisabled:()=>g.disabled.value,onClose:e=>{n(`close`,{reason:e}),m.aborted||ae(),g.triggerValidation(`blur`)},onOpen:e=>n(`open`,{reason:e}),restoreFocus:!1,signal:m}),{disabled:y,fieldId:b,selectedValues:x,triggerValidation:S}=g;g.attachFormField((0,h.useField)({disabled:g.disabled,onReset:g.reset,toFormValue:e=>e,validationMessage:g.validationMessage,validity:g.validity,value:g.formValue}));let{focusedIndex:C,isOpen:w,scrollFocusedIntoView:T,updatePosition:E}=v,D=()=>!!e.multiple.value,O=()=>!!e.creatable.value,k=()=>!!e[`no-filter`].value;(0,c.bind)({attr:{open:()=>w.value?!0:void 0,size:a.size,variant:a.variant}});let A=null,j=!1,M=(0,u.computed)(()=>x.value[0]??``);Object.defineProperty(t,"value",{configurable:!0,get:()=>D()?x.value:M.value,set:e=>{let t=e;if(Array.isArray(t)){g.setValues(t.map(e=>String(e??``)));return}if(t==null||t===``){g.clear();return}g.setValues([String(t)])}});let ee=()=>x.value.length>0;function N(){s?.focus()}let P=(0,u.signal)([]),F=(0,u.signal)([]),I=()=>!!e.loading.value;function L(e){return{disabled:!!e.disabled,iconEl:e.iconEl??null,label:e.label??e.value,value:e.value}}let R=(0,u.computed)(()=>{let t=e.options.value,n=Array.isArray(t)?t.map(L):P.value;return F.value.length===0?n:[...n,...F.value]}),z={clear:()=>{g.clear()},remove:e=>{g.removeValue(e)},select:e=>{g.selectValue(e)},toggle:e=>{g.toggleValue(e)}};function te(e=Array.from(t.children)){if(P.value=yr(e),!D()){let e=R.value.find(e=>e.value===M.value);o.value=e?.label??M.value}}te(),r(()=>{let e=br(R.value,o.value,k());_.value=D()?e.filter(e=>!x.value.includes(e.value)):e});let B=(0,u.computed)(()=>xr(o.value,O(),_.value)),ne=()=>D()&&x.value.length>0?``:e.placeholder.value||``,V=(0,u.computed)(()=>x.value),re=(0,u.computed)(()=>x.value.map(e=>R.value.find(t=>t.value===e)?.label??e));function H(e){n(`change`,{labels:re.value,originalEvent:e,values:V.value})}function ie(e){e.stopPropagation();let t=e.detail?.value;t!==void 0&&(z.remove(t),H(e),S(`change`))}function ae(){if(!D()){let e=R.value.find(e=>e.value===M.value);j=!0,o.value=e?.label??``,Promise.resolve().then(()=>{j=!1});return}o.value=``}r(()=>{if(w.value&&!D()&&M.value&&C.value===-1&&o.value===``){let e=_.value.findIndex(e=>e.value===M.value);e>=0&&v.set(e)}});function U(e=!0,t=`programmatic`){if(e&&(A=o.value,o.value=``),!D()&&M.value){let e=br(R.value,``,k()).findIndex(e=>e.value===M.value);e>=0&&v.set(e)}v.open(t),!D()&&M.value&&C.value>=0&&requestAnimationFrame(()=>{T()})}function W(e=`programmatic`){v.close(e)}let oe=Ge({disabled:y,onPress:()=>{w.value||U(!0,`click`),N()}}),se=Ge({disabled:y,keys:[`Enter`],onPress:e=>{let t=_.value;w.value&&C.value>=0&&C.value<t.length?ce(t[C.value],e):w.value&&C.value===-1&&B.value?me(o.value,e):w.value||U(!0,`keyboard`)}});function ce(t,n){t.disabled||(D()?(z.toggle(t.value),o.value=``,H(n),S(`change`),e.autoclose.value&&W(),N(),requestAnimationFrame(()=>N())):(z.select(t.value),o.value=t.label,H(n),S(`change`),W(),N()))}function le(e){let t=e.getAttribute(`data-option-index`),n=t?Number(t):-1;if(Number.isInteger(n)&&n>=0&&n<_.value.length)return _.value[n]??null;let r=e.getAttribute(`data-option-value`);if(r){let e=_.value.find(e=>e.value===r);if(e)return e}let i=e.querySelector(`span`)?.textContent?.trim()??e.textContent?.trim()??``;return i?_.value.find(e=>e.label===i||e.value===i)??null:null}function ue(e){e.stopPropagation(),z.clear(),o.value=``,H(e),S(`change`),N()}function de(e){let t=e.target,r=t.value;if(!j&&r!==o.value){if(o.value=r,!D()){let e=x.value[0],t=e?R.value.find(t=>t.value===e)?.label??e:``;r===``&&A===t&&(A=null)}v.navigate(`first`),w.value||U(!1,`keyboard`),n(`search`,{query:t.value})}}function fe(){}function pe(e){if(!y.value&&!v.handleKeydown(e))switch(e.key){case`ArrowDown`:e.preventDefault(),w.value?v.navigate(`next`):(U(!0,`keyboard`),v.navigate(`first`));break;case`ArrowUp`:e.preventDefault(),w.value?v.navigate(`prev`):U(!0,`keyboard`);break;case`Backspace`:D()&&!o.value&&x.value.length>0&&(g.removeValue(x.value[x.value.length-1]??``),H(e),S(`change`));break;case`Enter`:se.handleKeydown(e);break;case`Tab`:W(`programmatic`);break;default:break}}function me(e,t){let n=e.trim();if(!n)return;let r={disabled:!1,iconEl:null,label:n,value:Sr(n)};F.value=[...F.value,r],ce(r,t)}let he=(()=>{let e=new MutationObserver(()=>{te()});return e.observe(t,{attributeFilter:[`disabled`,`label`,`value`],attributes:!0,childList:!0,subtree:!0}),()=>e.disconnect()})(),ge=e=>{let t=e.target;if(!(t instanceof Element))return;let n=t.closest(`.option`);if(!n)return;let r=le(n);if(!r||r.disabled)return;let i=_.value.findIndex(e=>e.value===r.value);i>=0&&v.set(i)},_e=t.shadowRoot;_e&&_e.addEventListener(`pointermove`,ge);let ve=e=>{let t=e=>{let t=e.target;if(!(t instanceof Element))return;if(t.closest(`.no-results-create`)){e.preventDefault(),e.stopPropagation(),me(o.value,e);return}let n=t.closest(`.option`);if(!n)return;e.preventDefault(),e.stopPropagation();let r=le(n);r&&ce(r,e)},n=e=>{let t=e.target;if(!(t instanceof Element))return;let n=t.closest(`.option`);if(!n)return;let r=le(n);if(!r)return;let i=_.value.findIndex(e=>e.value===r.value);i>=0&&v.set(i)};return e.addEventListener(`click`,t),e.addEventListener(`pointermove`,n),()=>{e.removeEventListener(`click`,t),e.removeEventListener(`pointermove`,n)}},G=null,K=null,q=e=>{f=e,K!==e&&(G?.(),G=null,K=null,e&&(G=ve(e),K=e))},J=()=>{f&&(K===f&&G||(G?.(),G=ve(f),K=f))};return r(()=>{J(),w.value?(d&&`showPopover`in d&&!d.matches(`:popover-open`)&&d.showPopover(),E()):d&&`hidePopover`in d&&d.matches(`:popover-open`)&&d.hidePopover()}),(0,c.onElement)(p,e=>{l=e;let t=e.shadowRoot?.querySelector(`input`)??null;if(!t)return;s=t,t.setAttribute(`role`,`combobox`),t.setAttribute(`autocomplete`,`off`),t.setAttribute(`aria-autocomplete`,`list`),t.setAttribute(`aria-haspopup`,`listbox`),t.setAttribute(`spellcheck`,`false`),t.setAttribute(`aria-controls`,`${b}-listbox`);let n=()=>{w.value||U(!0,`click`),N()};return t.addEventListener(`input`,de),t.addEventListener(`keydown`,pe),t.addEventListener(`focus`,fe),t.addEventListener(`click`,n),()=>{s=null,l=null,t.removeEventListener(`input`,de),t.removeEventListener(`keydown`,pe),t.removeEventListener(`focus`,fe),t.removeEventListener(`click`,n)}}),r(()=>{if(!p.value)return;let t=s;t&&(t.setAttribute(`aria-expanded`,String(w.value)),y.value?t.setAttribute(`aria-disabled`,`true`):t.removeAttribute(`aria-disabled`),e.error.value?(t.setAttribute(`aria-invalid`,`true`),t.setAttribute(`aria-errormessage`,`${b}-error`)):(t.removeAttribute(`aria-invalid`),t.removeAttribute(`aria-errormessage`)))}),r(()=>{if(!p.value)return;let e=s;e&&e.value!==o.value&&(e.value=o.value)}),(0,c.onCleanup)(()=>{_e?.removeEventListener(`pointermove`,ge),G?.(),G=null,K=null,he()}),c.html`
|
|
1366
|
+
`},shadow:{delegatesFocus:!0},styles:[...W,k(Te),I(`input`),Wr,U({container:`.field`,text:`input`,tokenPrefix:`input`})]});var qr=`@layer refine.base{:host{--_dropdown-bg:var(--combobox-dropdown-bg,var(--color-canvas));--_dropdown-border-color:var(--combobox-dropdown-border-color,var(--color-contrast-200));--_option-hover-bg:var(--combobox-option-hover-bg,var(--color-contrast-100));--_option-focus-bg:var(--combobox-option-focus-bg,color-mix(in oklch, var(--_theme-base) 12%, var(--color-contrast-100)));--_option-selected-bg:var(--combobox-option-selected-bg,color-mix(in oklch, var(--_theme-base) 10%, var(--color-contrast-50)));--_option-selected-focus-bg:var(--combobox-option-selected-focus-bg,color-mix(in oklch, var(--_theme-base) 20%, var(--color-contrast-100)));min-width:var(--combobox-min-width,12rem);flex-direction:column;align-items:stretch;display:inline-flex}:host([fullwidth]){width:100%;display:block}.trigger::part(input){cursor:text}.trigger::part(field){height:auto;min-height:var(--input-height,var(--size-10))}.trigger::part(input-row){row-gap:var(--size-1);flex-wrap:wrap;align-items:center}.chips-row,.chips-list{display:contents}ore-chip:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--size-1)}ore-chip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-1)}.combobox-suffix{gap:var(--size-1);flex-shrink:0;align-items:center;display:flex}.clear-btn{color:var(--color-contrast-400);cursor:pointer;background:0 0;border:0;flex-shrink:0;align-items:center;padding:0;display:inline-flex}.clear-btn[hidden]{display:none}.clear-btn:hover{color:var(--color-contrast-600)}.combobox-suffix-end{gap:var(--size-1);color:var(--color-contrast-500);align-items:center;display:flex}.chevron{transition:var(--_motion-transition,transform var(--transition-fast));flex-shrink:0;align-items:center;display:inline-flex}:host([open]) .chevron{transform:rotate(180deg)}.loader{width:1em;height:1em;animation:var(--_motion-animation,spin var(--transition-loader) infinite);border:2px solid;border-radius:50%;flex-shrink:0;display:none}.loader:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}@keyframes spin{to{transform:rotate(360deg)}}:host([loading]) .loader{display:inline-block}.dropdown{z-index:calc(var(--z-popover,1000) + 1);box-sizing:border-box;max-height:min(16rem,50dvh);padding:var(--size-1);overscroll-behavior:contain;text-align:start;pointer-events:none;scrollbar-width:thin;background:var(--_dropdown-bg);border:var(--border) solid var(--_dropdown-border-color);border-radius:var(--_radius);box-shadow:var(--shadow-lg);opacity:0;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);margin:0;position:fixed;inset:0 auto auto 0;overflow-y:auto}.dropdown[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.dropdown[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.option{gap:var(--size-2);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;display:flex}.option>span:not(.option-check,.option-icon){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.option:hover:not([data-disabled]){background:var(--_option-hover-bg)}.option[data-focused]:not([data-disabled]){color:var(--_theme-base);background:var(--_option-focus-bg)}.option[data-selected],.option[aria-selected=true]{font-weight:var(--font-medium);color:var(--_theme-base);background:var(--_option-selected-bg)}.option[data-selected][data-focused],.option[aria-selected=true][data-focused]{background:var(--_option-selected-focus-bg)}.option[data-disabled]{color:var(--color-contrast-400);cursor:not-allowed;opacity:.6}.option-check{color:var(--_theme-base);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;display:inline-flex}.option-check:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.option-check:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.option[data-selected] .option-check,.option[aria-selected=true] .option-check{opacity:1}.no-results,.no-results-create,.dropdown-loading{padding:var(--size-3) var(--size-2-5);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.no-results-create{gap:var(--size-1-5);width:100%;padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);color:var(--_theme-content,var(--color-primary-content));text-align:start;cursor:pointer;border-radius:var(--rounded-sm);background:0 0;border:0;align-items:center;display:flex}.no-results-create:hover,.no-results-create[data-focused]{background:color-mix(in oklch, var(--_theme-base,var(--color-primary)) 10%, transparent)}.option-icon{flex-shrink:0;align-items:center;display:inline-flex}::slotted(ore-combobox-option){display:none}}`,Jr=`ore-combobox`;(0,c.define)(Jr,{formAssociated:!0,props:{autoclose:c.prop.bool(!1),color:c.prop.string(),creatable:c.prop.bool(!1),disabled:c.prop.bool(!1),error:c.prop.string(),fullwidth:c.prop.bool(!1),helper:c.prop.string(),label:c.prop.string(),"label-placement":c.prop.oneOf([`inset`,`outside`],`inset`),loading:c.prop.bool(!1),multiple:c.prop.bool(!1),name:c.prop.string(),"no-filter":c.prop.bool(!1),options:c.prop.data(),placeholder:c.prop.string(`Select...`),required:c.prop.bool(!1),rounded:c.prop.string(),size:c.prop.string(),success:c.prop.bool(!1),value:c.prop.string(),variant:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=c.watchEffect,i=(0,c.inject)(Q),a=$(e,i),o=(0,u.signal)(``),s=null,l=null,d=null,f=null,p=(0,c.ref)(),m=Z(c.onCleanup),g=Qe({disabled:a.disabled,error:e.error,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],multiple:e.multiple,prefix:`combobox`,required:e.required,signal:m,validateOn:i?.validateOn,value:e.value}),_=(0,u.signal)([]),v=_t({getBoundary:()=>t,getFocusedOptionElement:()=>d?.querySelector(`[data-focused]`)??null,getItems:()=>_.value,getOptionId:e=>`${g.fieldId}-opt-${e}`,getPanel:()=>d,getReference:()=>l,getTrigger:()=>s,isDisabled:()=>g.disabled.value,onClose:e=>{n(`close`,{reason:e}),m.aborted||ie(),g.triggerValidation(`blur`)},onOpen:e=>n(`open`,{reason:e}),restoreFocus:!1,signal:m}),{disabled:y,fieldId:b,selectedValues:x,triggerValidation:S}=g;g.attachFormField((0,h.useField)({disabled:g.disabled,onReset:g.reset,toFormValue:e=>e,validationMessage:g.validationMessage,validity:g.validity,value:g.formValue}));let{focusedIndex:C,isOpen:w,scrollFocusedIntoView:T,updatePosition:E}=v,D=()=>!!e.multiple.value,O=()=>!!e.creatable.value,k=()=>!!e[`no-filter`].value;(0,c.bind)({attr:{open:()=>w.value?!0:void 0,size:a.size,variant:a.variant}});let A=null,j=!1,M=(0,u.computed)(()=>x.value[0]??``);Object.defineProperty(t,"value",{configurable:!0,get:()=>D()?x.value:M.value,set:e=>{let t=e;if(Array.isArray(t)){g.setValues(t.map(e=>String(e??``)));return}if(t==null||t===``){g.clear();return}g.setValues([String(t)])}});let ee=()=>x.value.length>0;function N(){s?.focus()}let P=(0,u.signal)([]),F=(0,u.signal)([]),I=()=>!!e.loading.value;function L(e){return{disabled:!!e.disabled,iconEl:e.iconEl??null,label:e.label??e.value,value:e.value}}let R=(0,u.computed)(()=>{let t=e.options.value,n=Array.isArray(t)?t.map(L):P.value;return F.value.length===0?n:[...n,...F.value]}),z={clear:()=>{g.clear()},remove:e=>{g.removeValue(e)},select:e=>{g.selectValue(e)},toggle:e=>{g.toggleValue(e)}};function B(e=Array.from(t.children)){if(P.value=Br(e),!D()){let e=R.value.find(e=>e.value===M.value);o.value=e?.label??M.value}}B(),r(()=>{let e=Vr(R.value,o.value,k());_.value=D()?e.filter(e=>!x.value.includes(e.value)):e});let V=(0,u.computed)(()=>Hr(o.value,O(),_.value)),te=()=>D()&&x.value.length>0?``:e.placeholder.value||``,H=(0,u.computed)(()=>x.value),ne=(0,u.computed)(()=>x.value.map(e=>R.value.find(t=>t.value===e)?.label??e));function U(e){n(`change`,{labels:ne.value,originalEvent:e,values:H.value})}function re(e){e.stopPropagation();let t=e.detail?.value;t!==void 0&&(z.remove(t),U(e),S(`change`))}function ie(){if(!D()){let e=R.value.find(e=>e.value===M.value);j=!0,o.value=e?.label??``,Promise.resolve().then(()=>{j=!1});return}o.value=``}r(()=>{if(w.value&&!D()&&M.value&&C.value===-1&&o.value===``){let e=_.value.findIndex(e=>e.value===M.value);e>=0&&v.set(e)}});function W(e=!0,t=`programmatic`){if(e&&(A=o.value,o.value=``),!D()&&M.value){let e=Vr(R.value,``,k()).findIndex(e=>e.value===M.value);e>=0&&v.set(e)}v.open(t),!D()&&M.value&&C.value>=0&&requestAnimationFrame(()=>{T()})}function ae(e=`programmatic`){v.close(e)}let G=et({disabled:y,onPress:()=>{w.value||W(!0,`click`),N()}}),oe=et({disabled:y,keys:[`Enter`],onPress:e=>{let t=_.value;w.value&&C.value>=0&&C.value<t.length?se(t[C.value],e):w.value&&C.value===-1&&V.value?pe(o.value,e):w.value||W(!0,`keyboard`)}});function se(t,n){t.disabled||(D()?(z.toggle(t.value),o.value=``,U(n),S(`change`),e.autoclose.value&&ae(),N(),requestAnimationFrame(()=>N())):(z.select(t.value),o.value=t.label,U(n),S(`change`),ae(),N()))}function ce(e){let t=e.getAttribute(`data-option-index`),n=t?Number(t):-1;if(Number.isInteger(n)&&n>=0&&n<_.value.length)return _.value[n]??null;let r=e.getAttribute(`data-option-value`);if(r){let e=_.value.find(e=>e.value===r);if(e)return e}let i=e.querySelector(`span`)?.textContent?.trim()??e.textContent?.trim()??``;return i?_.value.find(e=>e.label===i||e.value===i)??null:null}function le(e){e.stopPropagation(),z.clear(),o.value=``,U(e),S(`change`),N()}function ue(e){let t=e.target,r=t.value;if(!j&&r!==o.value){if(o.value=r,!D()){let e=x.value[0],t=e?R.value.find(t=>t.value===e)?.label??e:``;r===``&&A===t&&(A=null)}v.navigate(`first`),w.value||W(!1,`keyboard`),n(`search`,{query:t.value})}}function de(){}function fe(e){if(!y.value&&!v.handleKeydown(e))switch(e.key){case`ArrowDown`:e.preventDefault(),w.value?v.navigate(`next`):(W(!0,`keyboard`),v.navigate(`first`));break;case`ArrowUp`:e.preventDefault(),w.value?v.navigate(`prev`):W(!0,`keyboard`);break;case`Backspace`:D()&&!o.value&&x.value.length>0&&(g.removeValue(x.value[x.value.length-1]??``),U(e),S(`change`));break;case`Enter`:oe.handleKeydown(e);break;case`Tab`:ae(`programmatic`);break;default:break}}function pe(e,t){let n=e.trim();if(!n)return;let r={disabled:!1,iconEl:null,label:n,value:Ur(n)};F.value=[...F.value,r],se(r,t)}let me=(()=>{let e=new MutationObserver(()=>{B()});return e.observe(t,{attributeFilter:[`disabled`,`label`,`value`],attributes:!0,childList:!0,subtree:!0}),()=>e.disconnect()})(),he=e=>{let t=e.target;if(!(t instanceof Element))return;let n=t.closest(`.option`);if(!n)return;let r=ce(n);if(!r||r.disabled)return;let i=_.value.findIndex(e=>e.value===r.value);i>=0&&v.set(i)},ge=t.shadowRoot;ge&&ge.addEventListener(`pointermove`,he);let _e=e=>{let t=e=>{let t=e.target;if(!(t instanceof Element))return;if(t.closest(`.no-results-create`)){e.preventDefault(),e.stopPropagation(),pe(o.value,e);return}let n=t.closest(`.option`);if(!n)return;e.preventDefault(),e.stopPropagation();let r=ce(n);r&&se(r,e)},n=e=>{let t=e.target;if(!(t instanceof Element))return;let n=t.closest(`.option`);if(!n)return;let r=ce(n);if(!r)return;let i=_.value.findIndex(e=>e.value===r.value);i>=0&&v.set(i)};return e.addEventListener(`click`,t),e.addEventListener(`pointermove`,n),()=>{e.removeEventListener(`click`,t),e.removeEventListener(`pointermove`,n)}},K=null,ve=null,ye=e=>{f=e,ve!==e&&(K?.(),K=null,ve=null,e&&(K=_e(e),ve=e))},be=()=>{f&&(ve===f&&K||(K?.(),K=_e(f),ve=f))};return r(()=>{be(),w.value?(d&&`showPopover`in d&&!d.matches(`:popover-open`)&&d.showPopover(),E()):d&&`hidePopover`in d&&d.matches(`:popover-open`)&&d.hidePopover()}),(0,c.onElement)(p,e=>{l=e;let t=e.shadowRoot?.querySelector(`input`)??null;if(!t)return;s=t,t.setAttribute(`role`,`combobox`),t.setAttribute(`autocomplete`,`off`),t.setAttribute(`aria-autocomplete`,`list`),t.setAttribute(`aria-haspopup`,`listbox`),t.setAttribute(`spellcheck`,`false`),t.setAttribute(`aria-controls`,`${b}-listbox`);let n=()=>{w.value||W(!0,`click`),N()};return t.addEventListener(`input`,ue),t.addEventListener(`keydown`,fe),t.addEventListener(`focus`,de),t.addEventListener(`click`,n),()=>{s=null,l=null,t.removeEventListener(`input`,ue),t.removeEventListener(`keydown`,fe),t.removeEventListener(`focus`,de),t.removeEventListener(`click`,n)}}),r(()=>{if(!p.value)return;let t=s;t&&(t.setAttribute(`aria-expanded`,String(w.value)),y.value?t.setAttribute(`aria-disabled`,`true`):t.removeAttribute(`aria-disabled`),e.error.value?(t.setAttribute(`aria-invalid`,`true`),t.setAttribute(`aria-errormessage`,`${b}-error`)):(t.removeAttribute(`aria-invalid`),t.removeAttribute(`aria-errormessage`)))}),r(()=>{if(!p.value)return;let e=s;e&&e.value!==o.value&&(e.value=o.value)}),(0,c.onCleanup)(()=>{ge?.removeEventListener(`pointermove`,he),K?.(),K=null,ve=null,me()}),c.html`
|
|
1238
1367
|
<slot></slot>
|
|
1239
1368
|
<ore-input
|
|
1240
1369
|
class="trigger"
|
|
1241
1370
|
ref=${p}
|
|
1242
1371
|
:label="${()=>e.label.value??``}"
|
|
1243
|
-
:placeholder="${
|
|
1372
|
+
:placeholder="${te}"
|
|
1244
1373
|
:label-placement="${()=>e[`label-placement`].value??`inset`}"
|
|
1245
1374
|
:color="${()=>e.color?.value??void 0}"
|
|
1246
1375
|
:size="${()=>a.size?.value??void 0}"
|
|
@@ -1251,8 +1380,9 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1251
1380
|
?disabled="${y}"
|
|
1252
1381
|
?required="${()=>!1}"
|
|
1253
1382
|
?fullwidth="${()=>e.fullwidth.value?!0:void 0}"
|
|
1383
|
+
?success="${()=>e.success.value}"
|
|
1254
1384
|
:name="${()=>e.name.value??``}"
|
|
1255
|
-
@click="${e=>{
|
|
1385
|
+
@click="${e=>{G.handleClick(e)}}"
|
|
1256
1386
|
part="wrapper">
|
|
1257
1387
|
<div slot="prefix" class="chips-row">
|
|
1258
1388
|
<!-- Keep chip list diffing isolated so input node identity stays stable. -->
|
|
@@ -1265,7 +1395,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1265
1395
|
variant="flat"
|
|
1266
1396
|
size="sm"
|
|
1267
1397
|
color="${e.color}"
|
|
1268
|
-
@remove=${
|
|
1398
|
+
@remove=${re}>
|
|
1269
1399
|
${R.value.find(e=>e.value===t)?.label??t}
|
|
1270
1400
|
</ore-chip>
|
|
1271
1401
|
`)}
|
|
@@ -1279,7 +1409,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1279
1409
|
aria-label="Clear"
|
|
1280
1410
|
tabindex="-1"
|
|
1281
1411
|
?hidden=${()=>!ee()}
|
|
1282
|
-
@click="${
|
|
1412
|
+
@click="${le}">
|
|
1283
1413
|
<ore-icon name="x" size="12" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
1284
1414
|
</button>
|
|
1285
1415
|
<span class="combobox-suffix-end">
|
|
@@ -1310,12 +1440,12 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1310
1440
|
id="${()=>`${b}-listbox`}"
|
|
1311
1441
|
:style="${()=>w.value&&_.value.length>0?`height:${_.value.length*36}px;`:``}"
|
|
1312
1442
|
aria-label="${()=>e.label.value||e.placeholder.value||`Options`}"
|
|
1313
|
-
ref=${e=>{
|
|
1314
|
-
${()=>w.value?I()?c.html`<div class="dropdown-loading">Loading...</div>`:_.value.length===0?
|
|
1443
|
+
ref=${e=>{ye(e)}}>
|
|
1444
|
+
${()=>w.value?I()?c.html`<div class="dropdown-loading">Loading...</div>`:_.value.length===0?V.value?c.html`<button
|
|
1315
1445
|
type="button"
|
|
1316
1446
|
class="no-results-create"
|
|
1317
1447
|
?data-focused=${()=>C.value===-1}>
|
|
1318
|
-
${
|
|
1448
|
+
${V.value}
|
|
1319
1449
|
</button>`:c.html`<div class="no-results" role="presentation">No results found</div>`:_.value.map((e,t)=>c.html`<div
|
|
1320
1450
|
class="option"
|
|
1321
1451
|
role="option"
|
|
@@ -1335,12 +1465,12 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1335
1465
|
</div>`):``}
|
|
1336
1466
|
</div>
|
|
1337
1467
|
</div>
|
|
1338
|
-
`},shadow:{delegatesFocus:!0},styles:[w,S,
|
|
1468
|
+
`},shadow:{delegatesFocus:!0},styles:[N,w,E,S,qr]});var Yr=`@layer refine.base{:host{min-width:var(--select-min-width,12rem);display:inline-block}:host([fullwidth]){width:100%;display:block}::slotted(option),::slotted(optgroup){display:none}.trigger{cursor:pointer;width:100%}.trigger::part(input){cursor:pointer;caret-color:#0000;-webkit-user-select:none;user-select:none}.chips-row{gap:var(--size-1);flex-wrap:wrap;align-items:center;min-width:0;display:flex}.chips-row[hidden]{display:none}.trigger-suffix{gap:var(--size-1);color:var(--color-contrast-500);align-items:center;display:flex}.trigger-icon{transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex}:host([open]) .trigger-icon{transform:rotate(180deg)}.loader{width:1em;height:1em;animation:var(--_motion-animation,spin var(--transition-loader) infinite);border:2px solid;border-radius:50%;flex-shrink:0;display:none}.loader:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}@keyframes spin{to{transform:rotate(360deg)}}:host([loading]) .loader{display:inline-block}.dropdown{z-index:var(--z-dropdown,8000);box-sizing:border-box;gap:var(--size-0-5);max-height:260px;padding:var(--size-1);overscroll-behavior:contain;text-align:start;pointer-events:none;background:var(--color-canvas);border:var(--border) solid var(--color-contrast-200);border-radius:var(--_radius);box-shadow:var(--shadow-lg);opacity:0;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);flex-direction:column;margin:0;display:flex;position:fixed;inset:0 auto auto 0;overflow-y:auto}.dropdown[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.dropdown[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.options-list{flex-direction:column;gap:0;display:flex}.option{gap:var(--size-2);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;display:flex}.option>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.option:hover:not([data-disabled]){background:var(--color-contrast-100)}.option[data-focused]:not([data-disabled]){color:var(--_theme-base);background:color-mix(in oklch, var(--_theme-base) 12%, var(--color-contrast-100))}.option[data-selected]{font-weight:var(--font-medium);color:var(--_theme-base);background:color-mix(in oklch, var(--_theme-base) 10%, var(--color-contrast-50))}.option[data-selected][data-focused]{background:color-mix(in oklch, var(--_theme-base) 20%, var(--color-contrast-100))}.option[data-disabled]{color:var(--color-contrast-400);cursor:not-allowed;opacity:.6}.option-check{color:var(--_theme-base);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;display:inline-flex}.option-check:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.option-check:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.option[data-selected] .option-check{opacity:1}.optgroup-label{padding:var(--size-1-5) var(--size-2-5) var(--size-1);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:var(--tracking-wide,.05em)}.dropdown-loading,.dropdown-empty{padding:var(--size-3) var(--size-2-5);font-size:var(--text-sm);color:var(--color-contrast-500);text-align:center}}`,Xr=`ore-select`;(0,c.define)(Xr,{formAssociated:!0,props:{...q,...J,...Y,...Se,...X,error:c.prop.string(),fullwidth:c.prop.bool(!1),helper:c.prop.string(),label:c.prop.string(),"label-placement":c.prop.oneOf([`inset`,`outside`],`inset`),multiple:c.prop.bool(!1),name:c.prop.string(),options:c.prop.json(void 0),placeholder:c.prop.string(),required:c.prop.bool(!1),success:c.prop.bool(!1),value:c.prop.string(),variant:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=(0,c.useSlots)(),i=t.shadowRoot,a=(0,u.signal)([]),o=(0,u.computed)(()=>!!e.loading.value);function s(e){return{disabled:!!e.disabled,group:e.group,label:e.label??e.value,value:e.value}}let l=(0,u.computed)(()=>{let t=e.options.value;return Array.isArray(t)?t.map(s):a.value}),d=(0,c.inject)(Q),f=$(e,d),p=null,m=null,g=Z(c.onCleanup),_=Qe({disabled:f.disabled,error:e.error,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],multiple:e.multiple,prefix:`select`,required:e.required,signal:g,validateOn:d?.validateOn,value:e.value});_.attachFormField((0,h.useField)({disabled:_.disabled,onReset:_.reset,toFormValue:e=>e,validationMessage:_.validationMessage,validity:_.validity,value:_.formValue}));let v=_t({getBoundary:()=>t,getFocusedOptionElement:()=>m?.querySelector(`[data-focused]`)??null,getItems:()=>l.value,getPanel:()=>m,getReference:()=>p,getTrigger:()=>p,isDisabled:()=>_.disabled.value,onClose:e=>{n(`close`,{reason:e}),_.triggerValidation(`blur`)},onOpen:e=>n(`open`,{reason:e}),signal:g}),{triggerValidation:y}=_,b=_.selectedValues,x=_.disabled,{fieldId:S}=_,C=`listbox-${S}`,{focusedIndex:w,isOpen:T}=v;(0,c.bind)({attr:{"has-error":()=>e.error.value?!0:void 0,open:()=>T.value?!0:void 0,size:f.size,variant:f.variant}});function E(){let e=i?.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})}}a.value=n}let D=(0,u.computed)(()=>{if(b.value.length===0)return``;if(e.multiple.value&&b.value.length>1)return`${b.value.length} selected`;let t=b.value[0];return l.value.find(e=>e.value===t)?.label??t}),O=(0,u.computed)(()=>e.multiple.value?b.value.map(e=>({label:l.value.find(t=>t.value===e)?.label??e,value:e})):[]),k=(0,u.computed)(()=>e.multiple.value&&b.value.length>0),A=(0,u.computed)(()=>D.value||e.placeholder.value||``);function j(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 M=(0,u.computed)(()=>j(l.value));function ee(e){return l.value.find(t=>t.value===e)?.label??e}function N(e){let t=b.value,r=t.map(e=>ee(e));n(`change`,{labels:r,originalEvent:e,values:t})}function P(e){e.stopPropagation();let t=e.detail?.value;t!==void 0&&(_.removeValue(t),N(e),y(`change`))}function F(e=`programmatic`){v.open(e),requestAnimationFrame(()=>{let e=b.value.length>0?l.value.findIndex(e=>e.value===b.value[0]):-1;if(e>=0){v.set(e);return}v.navigate(`first`)})}function I(t,n){t.disabled||(e.multiple.value?_.toggleValue(t.value):(_.selectValue(t.value),v.close()),N(n),y(`change`))}function L(e){if(!x.value&&!v.handleKeydown(e))switch(e.key){case` `:case`Enter`:if(e.preventDefault(),T.value){let t=w.value,n=l.value;t>=0&&t<n.length&&I(n[t],e)}else F(`keyboard`);break;case`Tab`:v.close();break}}let R=()=>A.value,z=()=>e.label.value??``,B=()=>e.placeholder.value??``,V=()=>e[`label-placement`].value??`inset`,te=()=>e.color?.value??void 0,H=()=>f.size?.value??void 0,ne=()=>f.variant?.value??void 0,U=()=>e.rounded?.value??void 0,re=()=>e.helper.value??``,ie=()=>e.error.value??``,W=()=>x.value?!0:void 0,ae=()=>e.required.value?!0:void 0,G=()=>e.fullwidth.value?!0:void 0,oe=()=>x.value?`-1`:`0`;(0,u.watch)(r.elements(),()=>E(),{immediate:!0});let se=(0,u.effect)(()=>{T.value?m&&`showPopover`in m&&!m.matches(`:popover-open`)&&m.showPopover():m&&`hidePopover`in m&&m.matches(`:popover-open`)&&m.hidePopover()});return(0,c.onCleanup)(()=>se.dispose()),(0,c.onMounted)(()=>{let e=null,t=null;return p&&(e=e=>{e.stopPropagation(),!x.value&&(T.value?v.close(`trigger`):F(`click`))},t=e=>{L(e)},p.addEventListener(`click`,e),p.addEventListener(`keydown`,t)),()=>{p&&e&&p.removeEventListener(`click`,e),p&&t&&p.removeEventListener(`keydown`,t)}}),c.html`<slot style="display:none"></slot>
|
|
1339
1469
|
<ore-input
|
|
1340
1470
|
class="trigger"
|
|
1341
1471
|
part="trigger"
|
|
1342
1472
|
readonly
|
|
1343
|
-
tabindex="${
|
|
1473
|
+
tabindex="${oe}"
|
|
1344
1474
|
role="combobox"
|
|
1345
1475
|
aria-haspopup="listbox"
|
|
1346
1476
|
aria-controls="${C}"
|
|
@@ -1349,18 +1479,18 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1349
1479
|
:aria-invalid="${()=>e.error.value?`true`:null}"
|
|
1350
1480
|
:value="${R}"
|
|
1351
1481
|
:label="${z}"
|
|
1352
|
-
:placeholder="${
|
|
1353
|
-
:label-placement="${
|
|
1354
|
-
:color="${
|
|
1355
|
-
:size="${
|
|
1356
|
-
:variant="${
|
|
1357
|
-
:rounded="${
|
|
1358
|
-
:helper="${
|
|
1359
|
-
:error="${
|
|
1360
|
-
?disabled="${
|
|
1361
|
-
?required="${
|
|
1362
|
-
?fullwidth="${
|
|
1363
|
-
?
|
|
1482
|
+
:placeholder="${B}"
|
|
1483
|
+
:label-placement="${V}"
|
|
1484
|
+
:color="${te}"
|
|
1485
|
+
:size="${H}"
|
|
1486
|
+
:variant="${ne}"
|
|
1487
|
+
:rounded="${U}"
|
|
1488
|
+
:helper="${re}"
|
|
1489
|
+
:error="${ie}"
|
|
1490
|
+
?disabled="${W}"
|
|
1491
|
+
?required="${ae}"
|
|
1492
|
+
?fullwidth="${G}"
|
|
1493
|
+
?success="${()=>e.success.value}"
|
|
1364
1494
|
ref="${e=>{p=e}}">
|
|
1365
1495
|
<div slot="prefix" class="chips-row" ?hidden="${()=>!k.value}">
|
|
1366
1496
|
${()=>O.value.map(t=>c.html`<ore-chip
|
|
@@ -1412,7 +1542,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1412
1542
|
</span>
|
|
1413
1543
|
</div>`)}
|
|
1414
1544
|
</div>
|
|
1415
|
-
</div>`},shadow:{delegatesFocus:!0},styles:[w,
|
|
1545
|
+
</div>`},shadow:{delegatesFocus:!0},styles:[N,w,E,Yr]});var Zr=e=>{let{bindTriggerAria:t,disabled:n,getPanel:r,onClose:i,onOpen:a,onPlacementChange:o,openProp:s,placement:c,slot:l,slotElements:d,triggers:p}=e,m=()=>typeof l==`function`?l():l,h=()=>{let t=e.offset;return t==null?8:(typeof t==`object`?t.value:t)??8},g=Z(e.onCleanup),_=(0,u.signal)(!1),v=()=>s.value!==void 0,y=null,b=null,x=pt({getBoundary:()=>document.body,getPanel:r,getTrigger:()=>y,isDisabled:()=>n.value,isOpen:()=>_.value,onClose:i,onOpen:a,positioner:{floating:r,reference:()=>y,update:S},restoreFocus:!1,setOpen:e=>{v()||(e?C():w())},signal:g});function S(){let e=r();if(!e||!y)return;let t=(0,f.computePosition)(y,e,{middleware:[(0,f.offset)(h()),(0,f.flip)(),(0,f.shift)({padding:8})],placement:c.value});e.style.left=`${t.x}px`,e.style.top=`${t.y}px`,e.dataset.placement=t.placement,o?.(t.placement)}function C(){_.value=!0;let e=r();if(e&&(e.dataset.open=``,`showPopover`in e))try{e.matches(`:popover-open`)||e.showPopover()}catch{}S()}function w(){_.value=!1;let e=r();if(e&&(delete e.dataset.open,`hidePopover`in e))try{e.matches(`:popover-open`)&&e.hidePopover()}catch{}}function T(e=`programmatic`){v()||x.open(e)}function E(e=`trigger`){v()||x.close(e,!1)}function D(){v()||x.toggle()}function O(e){e.key===`Escape`&&E(`escape`)}function k(t){if(!_.value)return;let n=t.composedPath(),i=r(),a=e.getHost?.();y&&n.includes(y)||i&&n.includes(i)||a&&n.includes(a)||E(`outsideClick`)}function A(e){let t=e.relatedTarget,n=r();t&&n?.contains(t)||t&&y?.contains(t)||E(`trigger`)}let j=()=>{b?.(),b=null;let e=m()?.assignedElements({flatten:!0})[0];if(!e){y=null;return}y=e;let n=t(e),i=[],a=(e,t,n,r)=>{e.addEventListener(t,n,r),i.push(()=>e.removeEventListener(t,n,r))},o=p.value;if(o.includes(`click`)&&(a(e,`click`,D),a(document,`pointerdown`,k,{capture:!0})),o.includes(`hover`)){a(e,`pointerenter`,()=>T(`hover`)),a(e,`pointerleave`,()=>E(`trigger`));let t=r();t&&(a(t,`pointerenter`,()=>T(`hover`)),a(t,`pointerleave`,()=>E(`trigger`)))}if(o.includes(`focus`)){a(e,`focusin`,()=>T(`focus`)),a(e,`focusout`,A);let t=r();t&&a(t,`focusout`,A)}a(document,`keydown`,O),b=()=>{n();for(let e of i)e();y=null}};return{close:E,mount:()=>((0,u.watch)(d,j,{immediate:!0}),(0,u.watch)(s,e=>{e!=null&&(e?(C(),a?.(`programmatic`)):_.value&&(w(),i?.(`programmatic`)))},{immediate:!0}),(0,u.watch)(n,e=>{e&&E(`programmatic`)}),()=>{b?.(),b=null;let e=r();if(e&&(delete e.dataset.open,`hidePopover`in e))try{e.matches(`:popover-open`)&&e.hidePopover()}catch{}x.dispose()}),open:T,toggle:D,updatePosition:S,visible:_}},Qr=`@layer refine.base{:host{--_panel-bg:var(--popover-bg,var(--color-canvas));--_panel-blur:var(--popover-panel-blur,var(--blur-md));--_panel-border-color:var(--popover-border-color,var(--color-divider));--_panel-shadow:var(--popover-shadow,var(--shadow-xl));display:inline-block;position:relative}.panel{inset:unset;box-sizing:border-box;min-width:var(--popover-min-width,12rem);max-width:var(--popover-max-width,24rem);max-height:var(--popover-max-height,min(70vh, 32rem));word-break:auto-phrase;overflow-wrap:anywhere;background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);border-radius:var(--rounded-lg);box-shadow:var(--_panel-shadow);opacity:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px);transition:opacity var(--transition-fast), transform .2s var(--ease-spring), display var(--transition-fast) allow-discrete, overlay var(--transition-fast) allow-discrete;margin:0;padding:0;position:fixed;overflow:auto}.panel[data-open]{opacity:1;display:block;transform:scale(1)translateY(0)}.panel:popover-open{opacity:1;transform:scale(1)translateY(0)}@starting-style{.panel:popover-open{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px)}}@starting-style{.panel[data-open]{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px)}}}`,$r=8,ei=new Set([`click`,`focus`,`hover`]),ti=[`click`],ni=e=>Gt(String(e??``),ei,ti),ri=`ore-popover`;(0,c.define)(ri,{props:{...Y,label:c.prop.string(),offset:c.prop.number($r),open:c.prop.json(void 0),placement:c.prop.oneOf([`bottom`,`bottom-end`,`bottom-start`,`left`,`left-end`,`left-start`,`right`,`right-end`,`right-start`,`top`,`top-end`,`top-start`],`bottom`),trigger:c.prop.string(`click`)},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=(0,c.useSlots)(),i=t.shadowRoot,a=(0,u.computed)(()=>!!e.disabled.value),o=(0,c.createStableId)(`popover`),s=(0,u.computed)(()=>ni(e.trigger.value)),l=null,d=Zr({bindTriggerAria:e=>(0,c.aria)(e,{controls:()=>o,disabled:()=>String(a.value),expanded:()=>String(d.visible.value),haspopup:`dialog`}),disabled:a,getHost:()=>t,getPanel:()=>l,offset:e.offset,onCleanup:c.onCleanup,onClose:e=>n(`close`,{reason:e}),onOpen:e=>n(`open`,{reason:e}),openProp:e.open,placement:(0,u.computed)(()=>e.placement.value),slot:()=>i?.querySelector(`slot:not([name])`)??null,slotElements:r.elements(),triggers:s});return(0,c.onMounted)(()=>d.mount()),c.html`
|
|
1416
1546
|
<slot></slot>
|
|
1417
1547
|
<div
|
|
1418
1548
|
class="panel"
|
|
@@ -1426,7 +1556,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1426
1556
|
ref=${e=>{l=e}}>
|
|
1427
1557
|
<slot name="content"></slot>
|
|
1428
1558
|
</div>
|
|
1429
|
-
`},styles:[w,jr]}),customElements.get(`ore-column`)||customElements.define(`ore-column`,class extends HTMLElement{connectedCallback(){this.getAttribute(`key`)||W("ore-column: missing required `key` attribute"),this.getAttribute(`label`)||W("ore-column: missing required `label` attribute")}});var Lr=[`key`,`label`,`sortable`,`resizable`,`align`,`width`,`header-label`];function Rr(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 zr=[{label:`Contains`,value:`contains`},{label:`Equals`,value:`equals`},{label:`Greater than`,value:`gt`},{label:`Less than`,value:`lt`}],Br=e=>{let t=(0,u.signal)(``),n=(0,u.signal)(!1),r=(0,u.signal)(new Set),i=(0,u.signal)(new Set),a=(0,u.signal)(new Map),o=(0,u.computed)(()=>{let t=new Set((e.filterOptions.value??[]).map(e=>e.key)),n=[...i.value].filter(e=>!t.has(e));if(!n.length)return new Map;let r=e.rows.value,a=new Map;for(let e of n){let t=new Set,n=[];for(let i of r){let r=i[e],a=r==null?``:String(r);t.has(a)||(t.add(a),n.push({label:a||`(empty)`,value:a}))}a.set(e,n)}return a}),s=(0,u.computed)(()=>{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:zr,options:o.value.get(t)??[]}));return[...t.map(e=>({...e,operators:e.operators??zr})),...r]});(0,u.watch)((0,u.computed)(()=>new Set(e.columns.value.map(e=>e.key))),e=>{let t=new Set([...i.value].filter(t=>e.has(t)));t.size!==i.value.size&&(i.value=t);let n=new Map([...a.value].filter(([t])=>e.has(t)));n.size!==a.value.size&&(a.value=n)},{immediate:!1});let c=(0,u.computed)(()=>{let n=e.rows.value,r=t.value.trim().toLowerCase();return r?n.filter(e=>Object.values(e).some(e=>e!=null&&String(e).toLowerCase().includes(r))):n});return{activateFilterKey:e=>{i.value.has(e)||(i.value=new Set([...i.value,e]))},clearAllFilters:()=>{i.value=new Set,a.value=new Map},filterDefs:s,filteredRows:(0,u.computed)(()=>{let t=c.value,n=a.value;if(!n.size)return t;let r=new Set(e.columns.value.map(e=>e.key));return t.filter(e=>{for(let[t,i]of n){if(!i.values.size||!r.has(t))continue;let n=e[t],a=n==null?``:String(n);if(i.operator===`equals`){if(!i.values.has(a))return!1}else if(i.operator===`contains`){if(![...i.values].some(e=>a.toLowerCase().includes(e.toLowerCase())))return!1}else if(i.operator===`gt`||i.operator===`lt`){let e=parseFloat(a),t=[...i.values].map(parseFloat).filter(e=>!isNaN(e));if(!t.length)continue;if(i.operator===`gt`){if(!t.some(t=>e>t))return!1}else if(!t.some(t=>e<t))return!1}}return!0})}),filterValues:a,hiddenColumns:r,removeFilter:e=>{let t=new Set(i.value);t.delete(e),i.value=t;let n=new Map(a.value);n.delete(e),a.value=n},resetFilters:()=>{i.value=new Set,a.value=new Map},resetSearch:()=>{t.value=``,n.value=!1},searchActive:n,searchQuery:t,setActiveFilterKeys:e=>{let t=new Set(e);i.value=t;let n=new Map(a.value),r=!1;for(let e of n.keys())t.has(e)||(n.delete(e),r=!0);r&&(a.value=n)},setFilter:(e,t)=>{let n=new Map(a.value);if(t.length===0)n.delete(e);else{let r=n.get(e);n.set(e,{operator:r?.operator??`contains`,values:new Set(t)})}a.value=n},setFilterOperator:(e,t)=>{let n=new Map(a.value),r=n.get(e);r&&(n.set(e,{...r,operator:t}),a.value=n)},setSearchQuery:e=>{t.value=e},toggleColumnVisibility:e=>{let t=new Set(r.value);t.has(e)?t.delete(e):t.add(e),r.value=t},toggleSearch:()=>{n.value&&(t.value=``),n.value=!n.value}}},Vr=`.dg-td, .dg-th`;function Hr(e){return Array.from(e.querySelectorAll(`tr`)).map(e=>Array.from(e.querySelectorAll(Vr))).filter(e=>e.length>0)}function Ur(e,t){let n=(0,u.signal)({col:0,row:0}),r=e=>{let r=Hr(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(Vr))return;let i=Hr(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 Wr=`@layer refine.base{:host{--_row-hover-bg:var(--datagrid-row-hover-bg,color-mix(in oklch, var(--color-contrast-500) 5%, transparent));--_row-selected-bg:var(--datagrid-row-selected-bg,color-mix(in oklch, var(--_accent) 10%, transparent));--_row-selected-border:var(--datagrid-row-selected-border,var(--_accent))}.dg-scroll{max-height:var(--datagrid-max-height,none);overflow:auto}.dg-table{width:100%;font-size:var(--_font-size);table-layout:auto;border-collapse:collapse}.dg-head{z-index:2;background:var(--_header-bg);box-shadow:inset 0 calc(var(--border) * -1) 0 var(--_border-color);position:sticky;top:0}.dg-th{padding:var(--_cell-padding-y) var(--_cell-padding-x);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-align:start;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;-webkit-user-select:none;user-select:none;border-right:var(--border) solid var(--_border-color)}.dg-th[data-align=center]{text-align:center}.dg-th[data-align=right]{text-align:right}.dg-th:has(.dg-sort-btn){padding:0}.dg-sort-btn{--button-padding:var(--_cell-padding-y) var(--_cell-padding-x);--button-font-size:var(--text-xs);--button-font-weight:var(--font-semibold);--button-color:var(--color-contrast-500);--button-justify:flex-start;height:100%}.dg-th[data-align=center] .dg-sort-btn{--button-justify:center}.dg-th[data-align=right] .dg-sort-btn{--button-justify:flex-end}:host(:dir(rtl)) .dg-th{border-right:none;border-left:var(--border) solid var(--_border-color)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th{border-right:none;border-left:var(--border) solid var(--_border-color)}.dg-th:last-child,.dg-th.dg-th-check,.dg-th.dg-th-expand,.dg-th.dg-th-last{border-right:none}:host(:dir(rtl)) .dg-th:last-child,:host(:dir(rtl)) .dg-th.dg-th-check,:host(:dir(rtl)) .dg-th.dg-th-expand,:host(:dir(rtl)) .dg-th.dg-th-last{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th:last-child{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-check{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-expand{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-last{border-left:none}.dg-th-inner{gap:var(--size-1);align-items:center;display:flex;position:relative}.dg-th[aria-sort]:has(.dg-sort-btn:hover):not(:has(.dg-sort-btn[aria-disabled=true])){background:color-mix(in oklch, var(--color-contrast-900) 5%, transparent)}.dg-th[aria-sort=ascending] .dg-sort-icon,.dg-th[aria-sort=descending] .dg-sort-icon{color:var(--_accent)}.dg-th-check{width:var(--size-5);min-width:var(--size-5);padding:var(--_cell-padding-y) var(--_cell-padding-x)}.dg-th-check,.dg-td-check{vertical-align:middle;text-align:center}.dg-td.dg-td-check{padding:var(--size-1) 0 0}.dg-check{cursor:pointer;justify-content:center;align-items:center;gap:0;min-height:0;display:inline-flex}.dg-body .dg-tr{border-bottom:var(--border) solid var(--_border-color);transition:background var(--transition-fast)}.dg-body .dg-tr:hover:not([data-disabled],[aria-selected=true]){background:var(--_row-hover-bg)}.dg-body .dg-tr[aria-selected=true]{background:var(--_row-selected-bg)}.dg-body .dg-tr[data-selectable]{cursor:pointer;outline:none}.dg-body .dg-tr[data-selectable]:focus-visible{box-shadow:inset 0 0 0 2px var(--_row-selected-border)}.dg-body .dg-tr[data-disabled]{pointer-events:none;opacity:.45}:host([striped]) .dg-body .dg-tr:nth-child(2n){background:var(--_stripe-bg)}:host([striped]) .dg-body .dg-tr:nth-child(2n)[aria-selected=true]{background:var(--_row-selected-bg)}.dg-td{max-width:var(--datagrid-cell-max-width,32ch);padding:var(--_cell-padding-y) var(--_cell-padding-x);text-overflow:ellipsis;vertical-align:middle;color:var(--color-contrast-800);white-space:nowrap;border-right:var(--border) solid var(--_border-color);overflow:hidden}.dg-td[data-align=center]{text-align:center}.dg-td[data-align=right]{text-align:right}:host(:dir(rtl)) .dg-td{border-right:none;border-left:var(--border) solid var(--_border-color)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td{border-right:none;border-left:var(--border) solid var(--_border-color)}.dg-td:last-child,.dg-td.dg-td-check,.dg-td.dg-td-expand,.dg-td.dg-td-last{border-right:none}:host(:dir(rtl)) .dg-td:last-child,:host(:dir(rtl)) .dg-td.dg-td-check,:host(:dir(rtl)) .dg-td.dg-td-expand,:host(:dir(rtl)) .dg-td.dg-td-last{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td:last-child{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-check{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-expand{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-last{border-left:none}.dg-empty{padding:var(--size-12) var(--_cell-padding-x);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.dg-empty-content{gap:var(--size-4);flex-direction:column;justify-content:center;align-items:center;display:flex}.dg-empty-actions{margin-top:var(--size-2)}.dg-controls{gap:var(--size-3);height:var(--size-8);padding:var(--size-1-5) var(--_cell-padding-x);background:var(--_header-bg);border-bottom:var(--border) solid var(--_border-color);justify-content:space-between;align-items:center;display:flex}.dg-tabs{gap:var(--size-1);flex:1;align-items:center;min-width:0;display:flex;overflow:hidden}.dg-tab{--button-padding:var(--size-0-5) var(--size-2-5);--button-font-size:var(--text-xs);--button-color:var(--color-contrast-500);flex:1;min-width:0}.dg-tab--active{--button-color:var(--color-contrast-900);--button-bg:color-mix(in oklch, var(--color-contrast-500) 10%, transparent);--button-border-color:var(--_border-color);--button-border:var(--border);font-weight:var(--font-semibold)}.dg-actions{gap:var(--size-0-5);flex-shrink:0;align-items:center;display:flex}.dg-action-divider{width:var(--border);height:var(--size-4);margin-inline:var(--size-1);background:var(--_border-color);flex-shrink:0;display:inline-block}.dg-action-divider[hidden]{display:none}.dg-filter{width:100%;display:block}.dg-search{gap:var(--size-1);flex-direction:row-reverse;align-items:center;display:flex}.dg-search-input{opacity:0;width:0;transition:width var(--transition-fast), opacity var(--transition-fast);--input-height:var(--size-7);flex-shrink:0;display:block;overflow:hidden}.dg-search--open .dg-search-input{opacity:1;width:12rem;overflow:visible}@media (prefers-reduced-motion:reduce){.dg-search-input{transition:none}}.dg-action-popover{display:inline-flex}.dg-pop-header{padding:var(--size-3) var(--size-3) var(--size-2);justify-content:space-between;align-items:center;display:flex}.dg-pop-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-600);letter-spacing:.02em}.dg-pop-sort{padding-bottom:var(--size-2);flex-direction:column;display:flex}.dg-pop-sort-row{gap:var(--size-2);padding:var(--size-1) var(--size-3);align-items:center;display:flex}.dg-pop-select{--select-min-width:var(--size-20);flex:2}.dg-pop-dir-select{--select-min-width:var(--size-10);flex:1}.dg-pop-filter{flex-direction:column;display:flex}.dg-pop-filter-fields{padding:0 var(--size-3) var(--size-3)}.dg-pop-filter-rules{border-top:var(--border) solid var(--_border-color);padding-top:var(--size-1)}.dg-pop-filter-rules[hidden]{display:none}.dg-pop-filter-rule{gap:var(--size-2);padding:var(--size-2) var(--size-3);flex-direction:column;display:flex}.dg-pop-filter-rule-header{gap:var(--size-1-5);align-items:center;display:flex}.dg-pop-filter-field{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-800);white-space:nowrap}.dg-pop-filter-op-select{--select-min-width:0;--select-height:var(--size-6);--select-font-size:var(--text-2xs);--select-padding-x:var(--size-1-5);flex:1;min-width:6rem}.dg-pop-col-item{--button-radius:var(--rounded-md);justify-content:flex-start}.dg-pop-col-list{gap:var(--size-1);max-width:25rem;padding:var(--size-3);flex-wrap:wrap;display:flex}.dg-footer{gap:var(--size-2);padding:var(--size-2) var(--_cell-padding-x);font-size:var(--text-xs);color:var(--color-contrast-500);background:var(--_header-bg);align-items:center;display:flex}.dg-footer-info{white-space:nowrap}.dg-footer-end{gap:var(--size-2);align-items:center;width:fit-content;display:flex}.dg-footer-end:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.dg-footer-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.dg-page-size-wrap{flex-shrink:0;width:5rem}.dg-page-size-select{--select-min-width:0;--select-height:var(--size-7);--select-font-size:var(--text-xs);--select-padding-x:var(--size-2)}.dg-pagination{gap:var(--size-1);align-items:center;display:flex}:host(:dir(rtl)) .dg-page-btn{transform:scaleX(-1)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-page-btn{transform:scaleX(-1)}.dg-page-btn{--button-color:var(--color-contrast-600);--button-radius:var(--rounded-md);width:var(--size-7);height:var(--size-7)}.dg-page-btn:hover{--button-color:var(--color-contrast-900);--button-bg:var(--color-contrast-300)}.dg-page-btn:disabled{cursor:not-allowed;opacity:.35}.dg-page-label{padding-inline:var(--size-1);white-space:nowrap}.dg-col-resize{inset-block:calc(var(--_cell-padding-y) * -1);width:var(--size-1);cursor:col-resize;-webkit-user-select:none;user-select:none;border-radius:var(--rounded);transition:background var(--transition-fast);background:0 0;position:absolute}.dg-col-resize:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc((var(--_cell-padding-x) + var(--border) + 2px) * -1)}.dg-col-resize:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc((var(--_cell-padding-x) + var(--border) + 2px) * -1)}.dg-col-resize:hover,.dg-col-resize:active{background:var(--_accent,var(--color-contrast-300))}.dg-td:focus-visible,.dg-th:focus-visible{outline:2px solid var(--_row-selected-border);outline-offset:-2px}.dg-tr-expanded .dg-td-expanded{padding:var(--_cell-padding-y) var(--_cell-padding-x);box-shadow:inset 0 0 0 9999px color-mix(in oklch, var(--color-contrast-600) 4%, var(--_bg,transparent)), inset 0 calc(var(--border) * -1) 0 var(--_border-color);border:none}.dg-tr-expanded:last-child .dg-td-expanded{box-shadow:inset 0 0 0 9999px color-mix(in oklch, var(--color-contrast-900) 4%, var(--_bg,transparent))}.dg-tr:has(+.dg-tr-expanded){border-bottom:none}.dg-th-expand,.dg-td-expand{width:var(--size-8);min-width:var(--size-8);padding-block:var(--size-1) 0;padding-inline:0 var(--size-2);text-align:center;white-space:nowrap;border-left:none;border-right:none}.dg-expand-btn{--button-color:var(--color-contrast-500);--button-radius:var(--rounded-sm);width:var(--size-5);height:var(--size-5)}.dg-expand-btn:hover{--button-color:var(--color-contrast-900)}.dg-expand-btn:disabled{cursor:not-allowed;opacity:.4}.dg-loading-overlay{z-index:3;background:color-mix(in oklch, var(--_bg,white) 40%, transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);justify-content:center;align-items:center;display:none;position:absolute;inset:0}:host([loading]) .dg-loading-overlay{display:flex}:host([loading]) .dg-scroll table{pointer-events:none;opacity:.5}.dg-spin{animation:1s linear infinite dg-spin}@keyframes dg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}`;function Gr(e,t){return e.key!==t||e.direction===`none`?`chevrons-up-down`:e.direction===`asc`?`chevron-up`:`chevron-down`}function Kr(e,t){return e.key!==t||e.direction===`none`?`none`:e.direction===`asc`?`ascending`:`descending`}var qr=`ore-datagrid`;(0,c.define)(qr,{props:{activeView:c.prop.string(),density:c.prop.string(),...Y,...ye,columns:c.prop.data(),emptyText:c.prop.string(`No data`),expandable:c.prop.bool(!1),filterOptions:c.prop.data(),fullwidth:c.prop.bool(!1),getRowKey:c.prop.data(),label:c.prop.string(),pageSize:c.prop.number(10),pageSizeOptions:c.prop.data(),rows:c.prop.data(),searchLabel:c.prop.data(),searchPlaceholder:c.prop.string(`Search…`),selectedKeys:c.prop.data(),selectionMode:c.prop.string(`none`),sortMode:c.prop.string(`client`),source:c.prop.data(),striped:c.prop.bool(!1),views:c.prop.data()},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=(0,c.useSlots)(),i=(0,u.computed)(()=>e.disabled.value===!0),a=(0,u.computed)(()=>e.selectionMode.value??`none`),o=(0,u.signal)(new Set),s=(0,u.computed)(()=>e.expandable.value===!0&&h.value.some(e=>typeof e.renderExpanded==`function`)),d=(0,u.computed)(()=>+(a.value===`multi`)),f=(0,u.signal)(e.pageSize.value??10);(0,u.watch)(e.pageSize,e=>{e!=null&&(f.value=e)});let m=(0,u.signal)([]);(0,c.onMounted)(()=>{m.value=Rr(t);let e=new MutationObserver(()=>{m.value=Rr(t)});return e.observe(t,{attributeFilter:Lr,attributes:!0,childList:!0,subtree:!0}),()=>e.disconnect()});let h=(0,u.computed)(()=>{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?(W("ore-datagrid: row missing `id` — keys will collide. Provide `getRowKey` or add a unique `id` field."),`__missing_${Math.random().toString(36).slice(2)}`):String(r)},_=Br({columns:h,filterOptions:e.filterOptions,rows:(0,u.computed)(()=>e.rows.value??[])}),v=(0,p.debounce)(t=>{let n=t,r=e.source.value;r?.search?r.search(n):_.setSearchQuery(n)},250),y=(0,u.computed)(()=>e.source.value!=null),b=(0,u.signal)([]),x=(0,u.signal)({error:null,isLoading:!1,pageCount:1,pageNumber:1,pageSize:f.value,totalItems:0}),S=null;(0,c.onCleanup)(()=>{S?.(),S=null}),(0,u.watch)(e.source,e=>{if(S?.(),S=null,!e){b.value=[],x.value={error:null,isLoading:!1,pageCount:1,pageNumber:1,pageSize:f.value,totalItems:0};return}let t=()=>{b.value=e.current,x.value=e.meta};t(),S=e.subscribe(t)},{immediate:!0});let C=Ft({columns:()=>h.value,getRowKey:g,items:(0,u.computed)(()=>y.value?b.value:_.filteredRows.value),onSelectionChange:e=>{n(`selection-change`,{keys:[...e],rows:C.selectedRows.value})},onSortChange:e=>{n(`sort-change`,e)},pageSize:()=>y.value?0:f.value,selectionMode:()=>a.value,signal:Z(c.onCleanup)});(0,u.watch)(e.selectedKeys,e=>{Array.isArray(e)&&C.setSelection(new Set(e))},{immediate:!0});let w=(0,u.signal)({}),T=(e,t)=>n=>{n.preventDefault();let r=n.clientX,i=t.getBoundingClientRect().width,a=new AbortController,{signal:o}=a;window.addEventListener(`pointermove`,t=>{w.value={...w.value,[e]:Math.max(40,i+t.clientX-r)}},{signal:o}),window.addEventListener(`pointerup`,()=>a.abort(),{signal:o})},E=(0,u.computed)(()=>h.value.filter(e=>!_.hiddenColumns.value.has(e.key))),D=(e,t)=>{if(e.cell)return e.cell(t);let n=t[e.key];return n==null?``:String(n)};(0,u.watch)(_.filteredRows,()=>C.goToPage(0),{immediate:!1});function O(t){let r=e.source.value;if(r){t===`prev`?r.prev?.():r.next?.();return}t===`prev`?C.prevPage():C.nextPage(),n(`page-change`,{pageIndex:C.pageIndex.value,pageSize:f.value})}let k=(0,u.computed)(()=>{let e=C.currentPageItems.value;return!e.length||C.isAllSelected()?!1:e.some(e=>C.selectedKeys.value.has(g(e)))}),A=(0,u.computed)(()=>E.value.length+ +(a.value===`multi`)+ +!!s.value),j=(0,u.computed)(()=>y.value?x.value.pageCount>1:f.value>0),M=(0,u.computed)(()=>{if(y.value){let{pageNumber:e,pageSize:t,totalItems:n}=x.value,r=Math.max(1,t);if(!j.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=C.totalItems.value;if(!j.value)return`${e} row${e===1?``:`s`}`;if(e===0)return`0 to 0 of 0`;let t=C.pageIndex.value*f.value+1;return`${t} to ${Math.min(t+f.value-1,e)} of ${e}`}),ee=(0,u.computed)(()=>e.loading.value===!0||y.value&&x.value.isLoading),N=(0,u.computed)(()=>y.value?x.value.pageNumber>1:C.hasPrevPage.value),P=(0,u.computed)(()=>y.value?x.value.pageNumber<x.value.pageCount:C.hasNextPage.value),F=(0,u.computed)(()=>y.value?x.value.totalItems===0?`0 / 0`:`${x.value.pageNumber} / ${x.value.pageCount}`:`${C.pageIndex.value+1} / ${C.pageCount.value}`),I=[`compact`,`cozy`,`comfortable`],L={comfortable:`rows-2`,compact:`rows-4`,cozy:`rows-3`},R={comfortable:`Density: Comfortable`,compact:`Density: Compact`,cozy:`Density: Cozy`},z=(0,u.signal)(e.density.value??`cozy`);(0,u.watch)(e.density,e=>{e&&(z.value=e)});let te=()=>{let e=I.indexOf(z.value),r=I[(e+1)%I.length];z.value=r,t.setAttribute(`density`,r),n(`density-change`,{density:r})},B=(0,u.signal)(!1),ne=e=>{let t=new Set(o.value),r=!t.has(e);r?t.add(e):t.delete(e),o.value=t,n(`row-expand`,{expanded:r,key:e})},V={activeCell:(0,u.signal)({col:0,row:0}),focusCell:()=>{}};(0,c.onMounted)(()=>{let e=t.shadowRoot,n=e.querySelector(`.dg-table`);if(!n)return;let{cleanup:r,handle:i}=Ur(n,e);return V=i,r}),t.focusCell=e=>V.focusCell(e);let re=()=>{let t=e.views.value??[],r=e.activeView.value;return c.html`<div
|
|
1559
|
+
`},styles:[w,Qr]}),customElements.get(`ore-column`)||customElements.define(`ore-column`,class extends HTMLElement{connectedCallback(){this.getAttribute(`key`)||G("ore-column: missing required `key` attribute"),this.getAttribute(`label`)||G("ore-column: missing required `label` attribute")}});var ii=[`key`,`label`,`sortable`,`resizable`,`align`,`width`,`header-label`];function ai(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 oi=[{label:`Contains`,value:`contains`},{label:`Equals`,value:`equals`},{label:`Greater than`,value:`gt`},{label:`Less than`,value:`lt`}],si=e=>{let t=(0,u.signal)(``),n=(0,u.signal)(!1),r=(0,u.signal)(new Set),i=(0,u.signal)(new Set),a=(0,u.signal)(new Map),o=(0,u.computed)(()=>{let t=new Set((e.filterOptions.value??[]).map(e=>e.key)),n=[...i.value].filter(e=>!t.has(e));if(!n.length)return new Map;let r=e.rows.value,a=new Map;for(let e of n){let t=new Set,n=[];for(let i of r){let r=i[e],a=r==null?``:String(r);t.has(a)||(t.add(a),n.push({label:a||`(empty)`,value:a}))}a.set(e,n)}return a}),s=(0,u.computed)(()=>{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:oi,options:o.value.get(t)??[]}));return[...t.map(e=>({...e,operators:e.operators??oi})),...r]});(0,u.watch)((0,u.computed)(()=>new Set(e.columns.value.map(e=>e.key))),e=>{let t=new Set([...i.value].filter(t=>e.has(t)));t.size!==i.value.size&&(i.value=t);let n=new Map([...a.value].filter(([t])=>e.has(t)));n.size!==a.value.size&&(a.value=n)},{immediate:!1});let c=(0,u.computed)(()=>{let n=e.rows.value,r=t.value.trim().toLowerCase();return r?n.filter(e=>Object.values(e).some(e=>e!=null&&String(e).toLowerCase().includes(r))):n});return{activateFilterKey:e=>{i.value.has(e)||(i.value=new Set([...i.value,e]))},clearAllFilters:()=>{i.value=new Set,a.value=new Map},filterDefs:s,filteredRows:(0,u.computed)(()=>{let t=c.value,n=a.value;if(!n.size)return t;let r=new Set(e.columns.value.map(e=>e.key));return t.filter(e=>{for(let[t,i]of n){if(!i.values.size||!r.has(t))continue;let n=e[t],a=n==null?``:String(n);if(i.operator===`equals`){if(!i.values.has(a))return!1}else if(i.operator===`contains`){if(![...i.values].some(e=>a.toLowerCase().includes(e.toLowerCase())))return!1}else if(i.operator===`gt`||i.operator===`lt`){let e=parseFloat(a),t=[...i.values].map(parseFloat).filter(e=>!isNaN(e));if(!t.length)continue;if(i.operator===`gt`){if(!t.some(t=>e>t))return!1}else if(!t.some(t=>e<t))return!1}}return!0})}),filterValues:a,hiddenColumns:r,removeFilter:e=>{let t=new Set(i.value);t.delete(e),i.value=t;let n=new Map(a.value);n.delete(e),a.value=n},resetFilters:()=>{i.value=new Set,a.value=new Map},resetSearch:()=>{t.value=``,n.value=!1},searchActive:n,searchQuery:t,setActiveFilterKeys:e=>{let t=new Set(e);i.value=t;let n=new Map(a.value),r=!1;for(let e of n.keys())t.has(e)||(n.delete(e),r=!0);r&&(a.value=n)},setFilter:(e,t)=>{let n=new Map(a.value);if(t.length===0)n.delete(e);else{let r=n.get(e);n.set(e,{operator:r?.operator??`contains`,values:new Set(t)})}a.value=n},setFilterOperator:(e,t)=>{let n=new Map(a.value),r=n.get(e);r&&(n.set(e,{...r,operator:t}),a.value=n)},setSearchQuery:e=>{t.value=e},toggleColumnVisibility:e=>{let t=new Set(r.value);t.has(e)?t.delete(e):t.add(e),r.value=t},toggleSearch:()=>{n.value&&(t.value=``),n.value=!n.value}}},ci=`.dg-td, .dg-th`;function li(e){return Array.from(e.querySelectorAll(`tr`)).map(e=>Array.from(e.querySelectorAll(ci))).filter(e=>e.length>0)}function ui(e,t){let n=(0,u.signal)({col:0,row:0}),r=e=>{let r=li(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(ci))return;let i=li(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 di=`@layer refine.base{:host{--_row-hover-bg:var(--datagrid-row-hover-bg,color-mix(in oklch, var(--color-contrast-500) 5%, transparent));--_row-selected-bg:var(--datagrid-row-selected-bg,color-mix(in oklch, var(--_accent) 10%, transparent));--_row-selected-border:var(--datagrid-row-selected-border,var(--_accent))}.dg-scroll{max-height:var(--datagrid-max-height,none);overflow:auto}.dg-table{width:100%;font-size:var(--_font-size);table-layout:auto;border-collapse:collapse}.dg-head{z-index:2;background:var(--_header-bg);box-shadow:inset 0 calc(var(--border) * -1) 0 var(--_border-color);position:sticky;top:0}.dg-th{padding:var(--_cell-padding-y) var(--_cell-padding-x);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-align:start;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;-webkit-user-select:none;user-select:none;border-right:var(--border) solid var(--_border-color)}.dg-th[data-align=center]{text-align:center}.dg-th[data-align=right]{text-align:right}.dg-th:has(.dg-sort-btn){padding:0}.dg-sort-btn{--button-padding:var(--_cell-padding-y) var(--_cell-padding-x);--button-font-size:var(--text-xs);--button-font-weight:var(--font-semibold);--button-color:var(--color-contrast-500);--button-justify:flex-start;height:100%}.dg-th[data-align=center] .dg-sort-btn{--button-justify:center}.dg-th[data-align=right] .dg-sort-btn{--button-justify:flex-end}:host(:dir(rtl)) .dg-th{border-right:none;border-left:var(--border) solid var(--_border-color)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th{border-right:none;border-left:var(--border) solid var(--_border-color)}.dg-th:last-child,.dg-th.dg-th-check,.dg-th.dg-th-expand,.dg-th.dg-th-last{border-right:none}:host(:dir(rtl)) .dg-th:last-child,:host(:dir(rtl)) .dg-th.dg-th-check,:host(:dir(rtl)) .dg-th.dg-th-expand,:host(:dir(rtl)) .dg-th.dg-th-last{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th:last-child{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-check{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-expand{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-last{border-left:none}.dg-th-inner{gap:var(--size-1);align-items:center;display:flex;position:relative}.dg-th[aria-sort]:has(.dg-sort-btn:hover):not(:has(.dg-sort-btn[aria-disabled=true])){background:color-mix(in oklch, var(--color-contrast-900) 5%, transparent)}.dg-th[aria-sort=ascending] .dg-sort-icon,.dg-th[aria-sort=descending] .dg-sort-icon{color:var(--_accent)}.dg-th-check{width:var(--size-5);min-width:var(--size-5);padding:var(--_cell-padding-y) var(--_cell-padding-x)}.dg-th-check,.dg-td-check{vertical-align:middle;text-align:center}.dg-td.dg-td-check{padding:var(--size-1) 0 0}.dg-check{cursor:pointer;justify-content:center;align-items:center;gap:0;min-height:0;display:inline-flex}.dg-body .dg-tr{border-bottom:var(--border) solid var(--_border-color);transition:background var(--transition-fast)}.dg-body .dg-tr:hover:not([data-disabled],[aria-selected=true]){background:var(--_row-hover-bg)}.dg-body .dg-tr[aria-selected=true]{background:var(--_row-selected-bg)}.dg-body .dg-tr[data-selectable]{cursor:pointer;outline:none}.dg-body .dg-tr[data-selectable]:focus-visible{box-shadow:inset 0 0 0 2px var(--_row-selected-border)}.dg-body .dg-tr[data-disabled]{pointer-events:none;opacity:.45}:host([striped]) .dg-body .dg-tr:nth-child(2n){background:var(--_stripe-bg)}:host([striped]) .dg-body .dg-tr:nth-child(2n)[aria-selected=true]{background:var(--_row-selected-bg)}.dg-td{max-width:var(--datagrid-cell-max-width,32ch);padding:var(--_cell-padding-y) var(--_cell-padding-x);text-overflow:ellipsis;vertical-align:middle;color:var(--color-contrast-800);white-space:nowrap;border-right:var(--border) solid var(--_border-color);overflow:hidden}.dg-td[data-align=center]{text-align:center}.dg-td[data-align=right]{text-align:right}:host(:dir(rtl)) .dg-td{border-right:none;border-left:var(--border) solid var(--_border-color)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td{border-right:none;border-left:var(--border) solid var(--_border-color)}.dg-td:last-child,.dg-td.dg-td-check,.dg-td.dg-td-expand,.dg-td.dg-td-last{border-right:none}:host(:dir(rtl)) .dg-td:last-child,:host(:dir(rtl)) .dg-td.dg-td-check,:host(:dir(rtl)) .dg-td.dg-td-expand,:host(:dir(rtl)) .dg-td.dg-td-last{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td:last-child{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-check{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-expand{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-last{border-left:none}.dg-empty{padding:var(--size-12) var(--_cell-padding-x);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.dg-empty-content{gap:var(--size-4);flex-direction:column;justify-content:center;align-items:center;display:flex}.dg-empty-actions{margin-top:var(--size-2)}.dg-controls{gap:var(--size-3);height:var(--size-8);padding:var(--size-1-5) var(--_cell-padding-x);background:var(--_header-bg);border-bottom:var(--border) solid var(--_border-color);justify-content:space-between;align-items:center;display:flex}.dg-tabs{gap:var(--size-1);flex:1;align-items:center;min-width:0;display:flex;overflow:hidden}.dg-tab{--button-padding:var(--size-0-5) var(--size-2-5);--button-font-size:var(--text-xs);--button-color:var(--color-contrast-500);flex:1;min-width:0}.dg-tab--active{--button-color:var(--color-contrast-900);--button-bg:color-mix(in oklch, var(--color-contrast-500) 10%, transparent);--button-border-color:var(--_border-color);--button-border:var(--border);font-weight:var(--font-semibold)}.dg-actions{gap:var(--size-0-5);flex-shrink:0;align-items:center;display:flex}.dg-action-divider{width:var(--border);height:var(--size-4);margin-inline:var(--size-1);background:var(--_border-color);flex-shrink:0;display:inline-block}.dg-action-divider[hidden]{display:none}.dg-filter{width:100%;display:block}.dg-search{gap:var(--size-1);flex-direction:row-reverse;align-items:center;display:flex}.dg-search-input{opacity:0;width:0;transition:width var(--transition-fast), opacity var(--transition-fast);--input-height:var(--size-7);flex-shrink:0;display:block;overflow:hidden}.dg-search--open .dg-search-input{opacity:1;width:12rem;overflow:visible}@media (prefers-reduced-motion:reduce){.dg-search-input{transition:none}}.dg-action-popover{display:inline-flex}.dg-pop-header{padding:var(--size-3) var(--size-3) var(--size-2);justify-content:space-between;align-items:center;display:flex}.dg-pop-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-600);letter-spacing:.02em}.dg-pop-sort{padding-bottom:var(--size-2);flex-direction:column;display:flex}.dg-pop-sort-row{gap:var(--size-2);padding:var(--size-1) var(--size-3);align-items:center;display:flex}.dg-pop-select{--select-min-width:var(--size-20);flex:2}.dg-pop-dir-select{--select-min-width:var(--size-10);flex:1}.dg-pop-filter{flex-direction:column;display:flex}.dg-pop-filter-fields{padding:0 var(--size-3) var(--size-3)}.dg-pop-filter-rules{border-top:var(--border) solid var(--_border-color);padding-top:var(--size-1)}.dg-pop-filter-rules[hidden]{display:none}.dg-pop-filter-rule{gap:var(--size-2);padding:var(--size-2) var(--size-3);flex-direction:column;display:flex}.dg-pop-filter-rule-header{gap:var(--size-1-5);align-items:center;display:flex}.dg-pop-filter-field{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-800);white-space:nowrap}.dg-pop-filter-op-select{--select-min-width:0;--select-height:var(--size-6);--select-font-size:var(--text-2xs);--select-padding-x:var(--size-1-5);flex:1;min-width:6rem}.dg-pop-col-item{--button-radius:var(--rounded-md);justify-content:flex-start}.dg-pop-col-list{gap:var(--size-1);max-width:25rem;padding:var(--size-3);flex-wrap:wrap;display:flex}.dg-footer{gap:var(--size-2);padding:var(--size-2) var(--_cell-padding-x);font-size:var(--text-xs);color:var(--color-contrast-500);background:var(--_header-bg);align-items:center;display:flex}.dg-footer-info{white-space:nowrap}.dg-footer-end{gap:var(--size-2);align-items:center;width:fit-content;display:flex}.dg-footer-end:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.dg-footer-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.dg-page-size-wrap{flex-shrink:0;width:5rem}.dg-page-size-select{--select-min-width:0;--select-height:var(--size-7);--select-font-size:var(--text-xs);--select-padding-x:var(--size-2)}.dg-pagination{gap:var(--size-1);align-items:center;display:flex}:host(:dir(rtl)) .dg-page-btn{transform:scaleX(-1)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-page-btn{transform:scaleX(-1)}.dg-page-btn{--button-color:var(--color-contrast-600);--button-radius:var(--rounded-md);width:var(--size-7);height:var(--size-7)}.dg-page-btn:hover{--button-color:var(--color-contrast-900);--button-bg:var(--color-contrast-300)}.dg-page-btn:disabled{cursor:not-allowed;opacity:.35}.dg-page-label{padding-inline:var(--size-1);white-space:nowrap}.dg-col-resize{inset-block:calc(var(--_cell-padding-y) * -1);width:var(--size-1);cursor:col-resize;-webkit-user-select:none;user-select:none;border-radius:var(--rounded);transition:background var(--transition-fast);background:0 0;position:absolute}.dg-col-resize:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc((var(--_cell-padding-x) + var(--border) + 2px) * -1)}.dg-col-resize:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc((var(--_cell-padding-x) + var(--border) + 2px) * -1)}.dg-col-resize:hover,.dg-col-resize:active{background:var(--_accent,var(--color-contrast-300))}.dg-td:focus-visible,.dg-th:focus-visible{outline:2px solid var(--_row-selected-border);outline-offset:-2px}.dg-tr-expanded .dg-td-expanded{padding:var(--_cell-padding-y) var(--_cell-padding-x);box-shadow:inset 0 0 0 9999px color-mix(in oklch, var(--color-contrast-600) 4%, var(--_bg,transparent)), inset 0 calc(var(--border) * -1) 0 var(--_border-color);border:none}.dg-tr-expanded:last-child .dg-td-expanded{box-shadow:inset 0 0 0 9999px color-mix(in oklch, var(--color-contrast-900) 4%, var(--_bg,transparent))}.dg-tr:has(+.dg-tr-expanded){border-bottom:none}.dg-th-expand,.dg-td-expand{width:var(--size-8);min-width:var(--size-8);padding-block:var(--size-1) 0;padding-inline:0 var(--size-2);text-align:center;white-space:nowrap;border-left:none;border-right:none}.dg-expand-btn{--button-color:var(--color-contrast-500);--button-radius:var(--rounded-sm);width:var(--size-5);height:var(--size-5)}.dg-expand-btn:hover{--button-color:var(--color-contrast-900)}.dg-expand-btn:disabled{cursor:not-allowed;opacity:.4}.dg-loading-overlay{z-index:3;background:color-mix(in oklch, var(--_bg,white) 40%, transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);justify-content:center;align-items:center;display:none;position:absolute;inset:0}:host([loading]) .dg-loading-overlay{display:flex}:host([loading]) .dg-scroll table{pointer-events:none;opacity:.5}.dg-spin{animation:1s linear infinite dg-spin}@keyframes dg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}`;function fi(e,t){return e.key!==t||e.direction===`none`?`chevrons-up-down`:e.direction===`asc`?`chevron-up`:`chevron-down`}function pi(e,t){return e.key!==t||e.direction===`none`?`none`:e.direction===`asc`?`ascending`:`descending`}var mi=`ore-datagrid`;(0,c.define)(mi,{props:{activeView:c.prop.string(),density:c.prop.string(),...Y,...Se,columns:c.prop.data(),emptyText:c.prop.string(`No data`),expandable:c.prop.bool(!1),filterOptions:c.prop.data(),fullwidth:c.prop.bool(!1),getRowKey:c.prop.data(),label:c.prop.string(),pageSize:c.prop.number(10),pageSizeOptions:c.prop.data(),rows:c.prop.data(),searchLabel:c.prop.data(),searchPlaceholder:c.prop.string(`Search…`),selectedKeys:c.prop.data(),selectionMode:c.prop.string(`none`),sortMode:c.prop.string(`client`),source:c.prop.data(),striped:c.prop.bool(!1),views:c.prop.data()},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=(0,c.useSlots)(),i=(0,u.computed)(()=>e.disabled.value===!0),a=(0,u.computed)(()=>e.selectionMode.value??`none`),o=(0,u.signal)(new Set),s=(0,u.computed)(()=>e.expandable.value===!0&&h.value.some(e=>typeof e.renderExpanded==`function`)),d=(0,u.computed)(()=>+(a.value===`multi`)),f=(0,u.signal)(e.pageSize.value??10);(0,u.watch)(e.pageSize,e=>{e!=null&&(f.value=e)});let m=(0,u.signal)([]);(0,c.onMounted)(()=>{m.value=ai(t);let e=new MutationObserver(()=>{m.value=ai(t)});return e.observe(t,{attributeFilter:ii,attributes:!0,childList:!0,subtree:!0}),()=>e.disconnect()});let h=(0,u.computed)(()=>{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?(G("ore-datagrid: row missing `id` — keys will collide. Provide `getRowKey` or add a unique `id` field."),`__missing_${Math.random().toString(36).slice(2)}`):String(r)},_=si({columns:h,filterOptions:e.filterOptions,rows:(0,u.computed)(()=>e.rows.value??[])}),v=(0,p.debounce)(t=>{let n=t,r=e.source.value;r?.search?r.search(n):_.setSearchQuery(n)},250),y=(0,u.computed)(()=>e.source.value!=null),b=(0,u.signal)([]),x=(0,u.signal)({error:null,isLoading:!1,pageCount:1,pageNumber:1,pageSize:f.value,totalItems:0}),S=null;(0,c.onCleanup)(()=>{S?.(),S=null}),(0,u.watch)(e.source,e=>{if(S?.(),S=null,!e){b.value=[],x.value={error:null,isLoading:!1,pageCount:1,pageNumber:1,pageSize:f.value,totalItems:0};return}let t=()=>{b.value=e.current,x.value=e.meta};t(),S=e.subscribe(t)},{immediate:!0});let C=Wt({columns:()=>h.value,getRowKey:g,items:(0,u.computed)(()=>y.value?b.value:_.filteredRows.value),onSelectionChange:e=>{n(`selection-change`,{keys:[...e],rows:C.selectedRows.value})},onSortChange:e=>{n(`sort-change`,e)},pageSize:()=>y.value?0:f.value,selectionMode:()=>a.value,signal:Z(c.onCleanup)});(0,u.watch)(e.selectedKeys,e=>{Array.isArray(e)&&C.setSelection(new Set(e))},{immediate:!0});let w=(0,u.signal)({}),T=(e,t)=>n=>{n.preventDefault();let r=n.clientX,i=t.getBoundingClientRect().width,a=new AbortController,{signal:o}=a;window.addEventListener(`pointermove`,t=>{w.value={...w.value,[e]:Math.max(40,i+t.clientX-r)}},{signal:o}),window.addEventListener(`pointerup`,()=>a.abort(),{signal:o})},E=(0,u.computed)(()=>h.value.filter(e=>!_.hiddenColumns.value.has(e.key))),D=(e,t)=>{if(e.cell)return e.cell(t);let n=t[e.key];return n==null?``:String(n)};(0,u.watch)(_.filteredRows,()=>C.goToPage(0),{immediate:!1});function O(t){let r=e.source.value;if(r){t===`prev`?r.prev?.():r.next?.();return}t===`prev`?C.prevPage():C.nextPage(),n(`page-change`,{pageIndex:C.pageIndex.value,pageSize:f.value})}let k=(0,u.computed)(()=>{let e=C.currentPageItems.value;return!e.length||C.isAllSelected()?!1:e.some(e=>C.selectedKeys.value.has(g(e)))}),A=(0,u.computed)(()=>E.value.length+ +(a.value===`multi`)+ +!!s.value),j=(0,u.computed)(()=>y.value?x.value.pageCount>1:f.value>0),M=(0,u.computed)(()=>{if(y.value){let{pageNumber:e,pageSize:t,totalItems:n}=x.value,r=Math.max(1,t);if(!j.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=C.totalItems.value;if(!j.value)return`${e} row${e===1?``:`s`}`;if(e===0)return`0 to 0 of 0`;let t=C.pageIndex.value*f.value+1;return`${t} to ${Math.min(t+f.value-1,e)} of ${e}`}),ee=(0,u.computed)(()=>e.loading.value===!0||y.value&&x.value.isLoading),N=(0,u.computed)(()=>y.value?x.value.pageNumber>1:C.hasPrevPage.value),P=(0,u.computed)(()=>y.value?x.value.pageNumber<x.value.pageCount:C.hasNextPage.value),F=(0,u.computed)(()=>y.value?x.value.totalItems===0?`0 / 0`:`${x.value.pageNumber} / ${x.value.pageCount}`:`${C.pageIndex.value+1} / ${C.pageCount.value}`),I=[`compact`,`cozy`,`comfortable`],L={comfortable:`rows-2`,compact:`rows-4`,cozy:`rows-3`},R={comfortable:`Density: Comfortable`,compact:`Density: Compact`,cozy:`Density: Cozy`},z=(0,u.signal)(e.density.value??`cozy`);(0,u.watch)(e.density,e=>{e&&(z.value=e)});let B=()=>{let e=I.indexOf(z.value),r=I[(e+1)%I.length];z.value=r,t.setAttribute(`density`,r),n(`density-change`,{density:r})},V=(0,u.signal)(!1),te=e=>{let t=new Set(o.value),r=!t.has(e);r?t.add(e):t.delete(e),o.value=t,n(`row-expand`,{expanded:r,key:e})},H={activeCell:(0,u.signal)({col:0,row:0}),focusCell:()=>{}};(0,c.onMounted)(()=>{let e=t.shadowRoot,n=e.querySelector(`.dg-table`);if(!n)return;let{cleanup:r,handle:i}=ui(n,e);return H=i,r}),t.focusCell=e=>H.focusCell(e);let ne=()=>{let t=e.views.value??[],r=e.activeView.value;return c.html`<div
|
|
1430
1560
|
class="dg-tabs"
|
|
1431
1561
|
role="tablist"
|
|
1432
1562
|
aria-label="Views"
|
|
@@ -1444,7 +1574,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1444
1574
|
@click="${()=>{n(`view-change`,{id:e.id,label:e.label})}}">
|
|
1445
1575
|
${e.label}
|
|
1446
1576
|
</ore-button>`)}
|
|
1447
|
-
</div>`},
|
|
1577
|
+
</div>`},U=()=>c.html`<ore-popover class="dg-action-popover" placement="bottom-end" label="Sort" style="--popover-min-width:18rem">
|
|
1448
1578
|
<ore-button variant="ghost" size="sm" icon-only label="Sort">
|
|
1449
1579
|
<ore-icon name="arrow-up-down" size="15" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
1450
1580
|
</ore-button>
|
|
@@ -1485,7 +1615,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1485
1615
|
@change="${e=>{C.sortState.value.key&&C.sortTo(C.sortState.value.key,e.detail.values[0]??`asc`)}}"></ore-select>
|
|
1486
1616
|
</div>
|
|
1487
1617
|
</div>
|
|
1488
|
-
</ore-popover>`,
|
|
1618
|
+
</ore-popover>`,re=()=>c.html`<ore-popover
|
|
1489
1619
|
class="dg-action-popover"
|
|
1490
1620
|
placement="bottom-end"
|
|
1491
1621
|
label="Filter"
|
|
@@ -1494,14 +1624,14 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1494
1624
|
anchor="top-end"
|
|
1495
1625
|
color="primary"
|
|
1496
1626
|
size="xs"
|
|
1497
|
-
:count="${()=>
|
|
1498
|
-
:dot="${()=>!
|
|
1627
|
+
:count="${()=>V.value?_.filterDefs.value.length:void 0}"
|
|
1628
|
+
:dot="${()=>!V.value||void 0}"
|
|
1499
1629
|
:label="${()=>`${_.filterDefs.value.length} active filter${_.filterDefs.value.length>1?`s`:``}`}"
|
|
1500
1630
|
aria-hidden="true"
|
|
1501
|
-
@mouseenter="${()=>
|
|
1502
|
-
@mouseleave="${()=>
|
|
1503
|
-
@focusin="${()=>
|
|
1504
|
-
@focusout="${()=>
|
|
1631
|
+
@mouseenter="${()=>V.value=!0}"
|
|
1632
|
+
@mouseleave="${()=>V.value=!1}"
|
|
1633
|
+
@focusin="${()=>V.value=!0}"
|
|
1634
|
+
@focusout="${()=>V.value=!1}">
|
|
1505
1635
|
<ore-button slot="target" variant="ghost" size="sm" icon-only label="Filter">
|
|
1506
1636
|
<ore-icon name="filter" size="15" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
1507
1637
|
</ore-button>
|
|
@@ -1573,7 +1703,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1573
1703
|
`)}
|
|
1574
1704
|
</div>
|
|
1575
1705
|
</div>
|
|
1576
|
-
</ore-popover>`,
|
|
1706
|
+
</ore-popover>`,ie=()=>c.html`<ore-popover
|
|
1577
1707
|
class="dg-action-popover"
|
|
1578
1708
|
placement="bottom-end"
|
|
1579
1709
|
label="Column options"
|
|
@@ -1602,11 +1732,11 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1602
1732
|
<!-- ── Controls Bar ────────────────────────────────────────────────── -->
|
|
1603
1733
|
<div class="dg-controls" part="controls">
|
|
1604
1734
|
<!-- Left: view tabs -->
|
|
1605
|
-
${()=>
|
|
1735
|
+
${()=>ne()}
|
|
1606
1736
|
|
|
1607
1737
|
<!-- Right: Action bar -->
|
|
1608
1738
|
<div class="dg-actions">
|
|
1609
|
-
${()=>
|
|
1739
|
+
${()=>U()} ${()=>re()} ${()=>ie()}
|
|
1610
1740
|
|
|
1611
1741
|
<!-- Density toggle -->
|
|
1612
1742
|
<ore-button
|
|
@@ -1615,7 +1745,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1615
1745
|
size="sm"
|
|
1616
1746
|
icon-only
|
|
1617
1747
|
:label="${()=>R[z.value]}"
|
|
1618
|
-
@click="${
|
|
1748
|
+
@click="${B}">
|
|
1619
1749
|
<ore-icon
|
|
1620
1750
|
:name="${()=>L[z.value]}"
|
|
1621
1751
|
size="15"
|
|
@@ -1676,7 +1806,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1676
1806
|
class="dg-th dg-th-check"
|
|
1677
1807
|
role="columnheader"
|
|
1678
1808
|
scope="col"
|
|
1679
|
-
:tabindex="${()=>
|
|
1809
|
+
:tabindex="${()=>H.activeCell.value.row===0&&H.activeCell.value.col===0&&d.value>=1?`0`:`-1`}">
|
|
1680
1810
|
<ore-checkbox
|
|
1681
1811
|
class="dg-check"
|
|
1682
1812
|
:checked="${()=>C.isAllSelected()}"
|
|
@@ -1689,9 +1819,9 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1689
1819
|
class="${`dg-th${t===E.value.length-1&&s.value?` dg-th-last`:``}`}"
|
|
1690
1820
|
role="columnheader"
|
|
1691
1821
|
scope="col"
|
|
1692
|
-
:tabindex="${()=>{let e=
|
|
1822
|
+
:tabindex="${()=>{let e=H.activeCell.value;return e.row===0&&e.col===t+d.value?`0`:`-1`}}"
|
|
1693
1823
|
data-align="${e.align??`left`}"
|
|
1694
|
-
:aria-sort="${()=>e.sortable?
|
|
1824
|
+
:aria-sort="${()=>e.sortable?pi(C.sortState.value,e.key):void 0}"
|
|
1695
1825
|
:aria-label="${e.sortable?void 0:e.headerLabel??e.label}"
|
|
1696
1826
|
:style="${()=>{let t=w.value[e.key];return t?`width:${t}px`:e.width?`width:${e.width}`:``}}">
|
|
1697
1827
|
<div class="dg-th-inner">
|
|
@@ -1707,7 +1837,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1707
1837
|
<ore-icon
|
|
1708
1838
|
slot="suffix"
|
|
1709
1839
|
class="dg-sort-icon"
|
|
1710
|
-
:name="${()=>
|
|
1840
|
+
:name="${()=>fi(C.sortState.value,e.key)}"
|
|
1711
1841
|
size="14"
|
|
1712
1842
|
stroke-width="2"></ore-icon>
|
|
1713
1843
|
</ore-button>`:e.label}
|
|
@@ -1755,7 +1885,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1755
1885
|
${()=>a.value===`multi`?c.html`<td
|
|
1756
1886
|
class="dg-td dg-td-check"
|
|
1757
1887
|
role="gridcell"
|
|
1758
|
-
:tabindex="${()=>{let e=
|
|
1888
|
+
:tabindex="${()=>{let e=H.activeCell.value;return e.row===u&&e.col===0?`0`:`-1`}}"
|
|
1759
1889
|
@keydown="${e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),i.value||C.toggleRow(n))}}">
|
|
1760
1890
|
<ore-checkbox
|
|
1761
1891
|
class="dg-check"
|
|
@@ -1771,15 +1901,15 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1771
1901
|
part="cell"
|
|
1772
1902
|
role="gridcell"
|
|
1773
1903
|
data-align="${t.align??`left`}"
|
|
1774
|
-
:tabindex="${()=>{let e=
|
|
1904
|
+
:tabindex="${()=>{let e=H.activeCell.value;return e.row===u&&e.col===n+d.value?`0`:`-1`}}"
|
|
1775
1905
|
:title="${r}">
|
|
1776
1906
|
${r}
|
|
1777
1907
|
</td>`})}
|
|
1778
1908
|
${()=>s.value?c.html`<td
|
|
1779
1909
|
class="dg-td dg-td-expand"
|
|
1780
1910
|
role="gridcell"
|
|
1781
|
-
:tabindex="${()=>{let e=
|
|
1782
|
-
@keydown="${e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),i.value||
|
|
1911
|
+
:tabindex="${()=>{let e=H.activeCell.value;return e.row===u&&e.col===A.value-1?`0`:`-1`}}"
|
|
1912
|
+
@keydown="${e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),i.value||te(n))}}">
|
|
1783
1913
|
<ore-button
|
|
1784
1914
|
class="dg-expand-btn"
|
|
1785
1915
|
variant="ghost"
|
|
@@ -1789,7 +1919,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1789
1919
|
:label="${()=>o.value.has(n)?`Collapse row`:`Expand row`}"
|
|
1790
1920
|
:aria-expanded="${()=>String(o.value.has(n))}"
|
|
1791
1921
|
:disabled="${()=>i.value||void 0}"
|
|
1792
|
-
@click="${e=>{e.stopPropagation(),i.value||
|
|
1922
|
+
@click="${e=>{e.stopPropagation(),i.value||te(n)}}">
|
|
1793
1923
|
<ore-icon
|
|
1794
1924
|
:name="${()=>o.value.has(n)?`chevron-up`:`chevron-down`}"
|
|
1795
1925
|
size="14"
|
|
@@ -1859,7 +1989,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1859
1989
|
</div>
|
|
1860
1990
|
</div>
|
|
1861
1991
|
</div>`:c.html``}
|
|
1862
|
-
`},shadow:{delegatesFocus:!0},styles:[H(`datagrid`),Wr]});var Jr=`@layer refine.base{:host{--_day-selected-bg:var(--calendar-day-selected-bg,var(--_theme-focus));--_day-today-color:var(--calendar-day-today-color,var(--_theme-focus));--_day-outside-opacity:var(--calendar-day-outside-opacity,.35);--_bg:var(--calendar-bg,var(--color-canvas));--_border-color:var(--calendar-border-color,var(--color-contrast-200));--_radius:var(--calendar-radius,var(--rounded-xl));display:inline-block}:host([fullwidth]){display:block}:host([color=secondary]){--_day-selected-bg:var(--calendar-day-selected-bg,var(--_theme-base));--_day-today-color:var(--calendar-day-today-color,var(--_theme-base))}.calendar{gap:var(--size-2);min-width:18rem;padding:var(--size-3);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--calendar-shadow,var(--shadow-md));flex-direction:column;display:flex}:host([fullwidth]) .calendar{min-width:0}.cal-header{gap:var(--size-1);border-bottom:var(--border) solid var(--_border-color);padding-bottom:var(--size-2);justify-content:space-between;align-items:center;display:flex}.nav-btn{width:var(--size-8);height:var(--size-8);color:var(--color-contrast-600);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.nav-btn:hover:not(:disabled){color:var(--color-contrast-900);background:var(--color-contrast-300)}.nav-btn:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.nav-btn:disabled{cursor:not-allowed;opacity:.4}.cal-label-btn{padding:var(--size-1) var(--size-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-contrast-900);text-align:center;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast);background:0 0;border:none;outline:none;flex:1}.cal-label-btn:hover:not(:disabled){background:var(--color-contrast-300)}.cal-label-btn:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-label-btn:disabled{cursor:not-allowed;opacity:.5}.cal-label-month,.cal-label-year{display:inline-block}.cal-label-sep{padding-inline:var(--size-1);font-weight:var(--font-normal);color:var(--color-contrast-400);display:inline-block}[hidden]{display:none!important}.cal-grid{gap:var(--size-0-5);flex-direction:column;display:flex}.cal-grid-days{gap:var(--size-0-5);min-height:calc(7 * var(--size-10) + 6 * var(--size-0-5));grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.cal-grid [role=row]{display:contents}.cal-cell{font-size:var(--text-sm);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);outline:none;justify-content:center;align-items:center;display:flex}.cal-cell-head{height:var(--size-8);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-contrast-500);cursor:default}.cal-cell-day{gap:var(--size-0-5);min-width:0;height:var(--size-10);color:var(--color-contrast-800);flex-direction:column;overflow:hidden}.cal-cell-day:hover:not([data-disabled]){color:var(--color-contrast-900);background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-day:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-day[data-today]{font-weight:var(--font-semibold);color:var(--_day-today-color)}.cal-cell-day[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-day[data-outside]{opacity:var(--_day-outside-opacity)}.cal-cell-day[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}.cal-dots{margin-top:var(--size-0-5);justify-content:center;align-items:center;gap:2px;display:flex}.cal-dot{--badge-bg:var(--_day-selected-bg);--badge-border-color:var(--_day-selected-bg)}.cal-dot-overflow{font-size:8px;font-weight:var(--font-semibold);color:var(--color-contrast-500);line-height:1}.cal-grid-months,.cal-grid-years{gap:var(--size-1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cal-cell-month,.cal-cell-year{height:var(--size-10);font-size:var(--text-sm);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-md)}.cal-cell-month:hover:not([data-disabled]),.cal-cell-year:hover:not([data-disabled]){background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-month:focus-visible,.cal-cell-year:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-month[data-selected],.cal-cell-year[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-month[data-disabled],.cal-cell-year[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}:host([expanded]){width:100%;display:block}:host([expanded]) .calendar{width:100%;min-width:0;padding:0;overflow:hidden}:host([expanded]) .cal-header{padding:var(--size-3) var(--size-4)}:host([expanded]) .cal-label-btn{font-size:var(--text-base)}:host([expanded]) .cal-grid{gap:0}:host([expanded]) .cal-grid-days{border-top:var(--border) solid var(--_border-color);gap:0}:host([expanded]) .cal-cell{border-radius:0}:host([expanded]) .cal-cell-head{height:var(--size-9);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;border-bottom:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day{height:auto;min-height:var(--calendar-expanded-cell-height,var(--size-28));aspect-ratio:auto;padding:var(--size-2);font-size:var(--text-sm);vertical-align:top;border-bottom:var(--border) solid var(--_border-color);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;position:relative}:host([expanded]) .cal-cell-day:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day:nth-child(7n):not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:none}:host([expanded]) .cal-cell-day:nth-child(7n):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:none}:host([expanded]) .cal-cell-day:hover:not([data-disabled]){background:color-mix(in oklch, var(--_day-selected-bg) 6%, transparent)}:host([expanded]) .cal-cell-day[data-selected]{color:inherit;background:0 0}:host([expanded]) .cal-cell-day[data-selected]:before{top:var(--size-1-5);left:var(--size-1-5);width:var(--size-7);height:var(--size-7);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-white,#fff);content:attr(data-day);background:var(--_day-selected-bg);border-radius:var(--rounded-full);justify-content:center;align-items:center;display:flex;position:absolute}:host([expanded]) .cal-cell-day[data-today]{font-weight:inherit;color:inherit}:host([expanded]) .cal-cell-day[data-today]:before{top:var(--size-1-5);left:var(--size-1-5);width:var(--size-7);height:var(--size-7);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-white,#fff);content:attr(data-day);background:var(--_day-today-color);border-radius:var(--rounded-full);justify-content:center;align-items:center;display:flex;position:absolute}:host([expanded]) .cal-cell-day[data-today][data-selected]:before{background:var(--_day-selected-bg)}:host([expanded]) .cal-events{width:100%;margin-top:var(--size-4);flex-direction:column;gap:2px;display:flex;overflow:hidden}:host([expanded]) .cal-event-pill{--badge-max-width:100%;max-width:100%}:host([expanded]) .cal-event-pill-overflow{padding-inline:var(--size-1);font-size:10px;font-weight:var(--font-semibold);color:var(--color-contrast-500)}:host([expanded]) .cal-dots{display:none}:host([expanded]) .cal-cell-day[data-outside]{background:color-mix(in oklch, var(--color-contrast-900) 2%, transparent)}:host([expanded]) .cal-grid-months,:host([expanded]) .cal-grid-years{gap:var(--size-2);min-height:0;padding:var(--size-4)}:host([expanded]) .cal-cell-month,:host([expanded]) .cal-cell-year{min-height:var(--size-16);font-size:var(--text-base);border:var(--border) solid var(--_border-color);border-radius:var(--rounded-lg)}:host([expanded]) .cal-cell-month[data-selected],:host([expanded]) .cal-cell-year[data-selected]{border-color:#0000}:host(.is-disabled) .calendar{pointer-events:none;opacity:.6}@media (prefers-reduced-motion:reduce){.nav-btn,.cal-label-btn,.cal-cell{transition:none}}}`,Yr=`ore-calendar`,Xr=3;(0,c.define)(Yr,{formAssociated:!0,props:{...q,...J,...Y,...X,events:c.prop.json([]),expanded:c.prop.bool(!1),fullwidth:c.prop.bool(!1),locale:c.prop.string(),max:c.prop.string(),min:c.prop.string(),name:c.prop.string(),required:c.prop.bool(!1),value:c.prop.string(),"weekend-days":c.prop.json([])},setup(e){let t=(0,c.useEmit)(),n=(0,u.computed)(()=>e.disabled.value===!0),r=(0,u.computed)(()=>e.expanded.value===!0),i=(0,u.signal)(void 0),a=(0,u.computed)(()=>i.value===void 0?wt(e.value.value):i.value),o=kt({get locale(){return e.locale.value??(typeof navigator<`u`?navigator.language:`en`)},get max(){return wt(e.max.value)},get min(){return wt(e.min.value)},onChange(e){i.value=e,s.value=`day`,d.value=o.displayYear(),f.value=o.displayMonth(),t(`change`,{isoValue:Tt(e)})},get value(){return a.value},get weekendDays(){return e[`weekend-days`].value??[]}}),s=(0,u.signal)(`day`),d=(0,u.signal)(o.displayYear()),f=(0,u.signal)(o.displayMonth());(0,h.useField)({disabled:n,toFormValue:e=>e||null,value:(0,u.computed)(()=>Tt(a.value)??``)});let p=(0,u.computed)(()=>{let t=new Map;for(let n of e.events.value??[]){let e=t.get(n.date)??[];e.push(n),t.set(n.date,e)}return t}),g=(0,u.computed)(()=>(d.value,f.value,a.value,o.dayCells())),_=(0,u.computed)(()=>(d.value,o.monthCells())),v=(0,u.computed)(()=>(d.value,o.yearCells())),y=(0,u.computed)(()=>o.weekdayLabels()),b=(0,u.computed)(()=>(0,m.format)(m.Temporal.PlainDate.from({day:1,month:f.value,year:d.value}),{intl:{month:`long`},locale:e.locale.value??(typeof navigator<`u`?navigator.language:`en`),tz:`UTC`})),x=(0,u.computed)(()=>String(d.value)),S=(0,u.computed)(()=>`${b.value} ${x.value}`);function C(){s.value===`day`?o.prevMonth():o.prevYear(),d.value=o.displayYear(),f.value=o.displayMonth()}function w(){s.value===`day`?o.nextMonth():o.nextYear(),d.value=o.displayYear(),f.value=o.displayMonth()}function T(){let e=[`day`,`month`,`year`],t=e[(e.indexOf(s.value)+1)%e.length];o.setView(t),s.value=t}function E(e){n.value||(o.goTo(o.displayYear(),e),o.setView(`day`),d.value=o.displayYear(),f.value=o.displayMonth(),s.value=`day`)}function D(e){n.value||(o.goTo(e,o.displayMonth()),o.setView(`month`),d.value=o.displayYear(),s.value=`month`)}function O(e){if(n.value)return;let t=wt(e);t&&o.select(t)}function k(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(),O(t.dataset.iso??``);return}else if(e.key===`ArrowRight`)a=r[i+1];else if(e.key===`ArrowLeft`)a=r[i-1];else if(e.key===`ArrowDown`)a=r[i+7];else if(e.key===`ArrowUp`)a=r[i-7];else if(e.key===`Home`)a=r[Math.floor(i/7)*7];else if(e.key===`End`)a=r[Math.floor(i/7)*7+6];else return;e.preventDefault(),a?.focus()}function A(e,t,n,r){let i=e.currentTarget,a=i.closest(`.cal-grid`);if(!a)return;let o=Array.from(a.querySelectorAll(t)),s=o.indexOf(i);if(s===-1)return;let c;if(e.key===`Enter`||e.key===` `){e.preventDefault(),r();return}else if(e.key===`ArrowRight`)c=o[s+1];else if(e.key===`ArrowLeft`)c=o[s-1];else if(e.key===`ArrowDown`)c=o[s+n];else if(e.key===`ArrowUp`)c=o[s-n];else if(e.key===`Home`)c=o[Math.floor(s/n)*n];else if(e.key===`End`)c=o[Math.min(Math.floor(s/n)*n+n-1,o.length-1)];else return;e.preventDefault(),c?.focus()}return(0,c.bind)({attr:{"aria-disabled":()=>n.value?`true`:null,"aria-label":()=>S.value,role:`group`},class:{"is-disabled":n}}),c.html`
|
|
1992
|
+
`},shadow:{delegatesFocus:!0},styles:[re(`datagrid`),di]});var hi=`@layer refine.base{:host{--_day-selected-bg:var(--calendar-day-selected-bg,var(--_theme-focus));--_day-today-color:var(--calendar-day-today-color,var(--_theme-focus));--_day-outside-opacity:var(--calendar-day-outside-opacity,.35);--_bg:var(--calendar-bg,var(--color-canvas));--_border-color:var(--calendar-border-color,var(--color-contrast-200));--_radius:var(--calendar-radius,var(--rounded-xl));display:inline-block}:host([fullwidth]){display:block}:host([color=secondary]){--_day-selected-bg:var(--calendar-day-selected-bg,var(--_theme-base));--_day-today-color:var(--calendar-day-today-color,var(--_theme-base))}.calendar{gap:var(--size-2);min-width:18rem;padding:var(--size-3);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--calendar-shadow,var(--shadow-md));flex-direction:column;display:flex}:host([fullwidth]) .calendar{min-width:0}.cal-header{gap:var(--size-1);border-bottom:var(--border) solid var(--_border-color);padding-bottom:var(--size-2);justify-content:space-between;align-items:center;display:flex}.nav-btn{width:var(--size-8);height:var(--size-8);color:var(--color-contrast-600);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.nav-btn:hover:not(:disabled){color:var(--color-contrast-900);background:var(--color-contrast-300)}.nav-btn:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.nav-btn:disabled{cursor:not-allowed;opacity:.4}.cal-label-btn{padding:var(--size-1) var(--size-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-contrast-900);text-align:center;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast);background:0 0;border:none;outline:none;flex:1}.cal-label-btn:hover:not(:disabled){background:var(--color-contrast-300)}.cal-label-btn:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-label-btn:disabled{cursor:not-allowed;opacity:.5}.cal-label-month,.cal-label-year{display:inline-block}.cal-label-sep{padding-inline:var(--size-1);font-weight:var(--font-normal);color:var(--color-contrast-400);display:inline-block}[hidden]{display:none!important}.cal-grid{gap:var(--size-0-5);flex-direction:column;display:flex}.cal-grid-days{gap:var(--size-0-5);min-height:calc(7 * var(--size-10) + 6 * var(--size-0-5));grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.cal-grid [role=row]{display:contents}.cal-cell{font-size:var(--text-sm);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);outline:none;justify-content:center;align-items:center;display:flex}.cal-cell-head{height:var(--size-8);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-contrast-500);cursor:default}.cal-cell-day{gap:var(--size-0-5);min-width:0;height:var(--size-10);color:var(--color-contrast-800);flex-direction:column;overflow:hidden}.cal-cell-day:hover:not([data-disabled]){color:var(--color-contrast-900);background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-day:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-day[data-today]{font-weight:var(--font-semibold);color:var(--_day-today-color)}.cal-cell-day[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-day[data-outside]{opacity:var(--_day-outside-opacity)}.cal-cell-day[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}.cal-dots{margin-top:var(--size-0-5);justify-content:center;align-items:center;gap:2px;display:flex}.cal-dot{--badge-bg:var(--_day-selected-bg);--badge-border-color:var(--_day-selected-bg)}.cal-dot-overflow{font-size:8px;font-weight:var(--font-semibold);color:var(--color-contrast-500);line-height:1}.cal-grid-months,.cal-grid-years{gap:var(--size-1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cal-cell-month,.cal-cell-year{height:var(--size-10);font-size:var(--text-sm);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-md)}.cal-cell-month:hover:not([data-disabled]),.cal-cell-year:hover:not([data-disabled]){background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-month:focus-visible,.cal-cell-year:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-month[data-selected],.cal-cell-year[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-month[data-disabled],.cal-cell-year[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}:host([expanded]){width:100%;display:block}:host([expanded]) .calendar{width:100%;min-width:0;padding:0;overflow:hidden}:host([expanded]) .cal-header{padding:var(--size-3) var(--size-4)}:host([expanded]) .cal-label-btn{font-size:var(--text-base)}:host([expanded]) .cal-grid{gap:0}:host([expanded]) .cal-grid-days{border-top:var(--border) solid var(--_border-color);gap:0}:host([expanded]) .cal-cell{border-radius:0}:host([expanded]) .cal-cell-head{height:var(--size-9);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;border-bottom:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day{height:auto;min-height:var(--calendar-expanded-cell-height,var(--size-28));aspect-ratio:auto;padding:var(--size-2);font-size:var(--text-sm);vertical-align:top;border-bottom:var(--border) solid var(--_border-color);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;position:relative}:host([expanded]) .cal-cell-day:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day:nth-child(7n):not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:none}:host([expanded]) .cal-cell-day:nth-child(7n):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:none}:host([expanded]) .cal-cell-day:hover:not([data-disabled]){background:color-mix(in oklch, var(--_day-selected-bg) 6%, transparent)}:host([expanded]) .cal-cell-day[data-selected]{color:inherit;background:0 0}:host([expanded]) .cal-cell-day[data-selected]:before{top:var(--size-1-5);left:var(--size-1-5);width:var(--size-7);height:var(--size-7);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-white,#fff);content:attr(data-day);background:var(--_day-selected-bg);border-radius:var(--rounded-full);justify-content:center;align-items:center;display:flex;position:absolute}:host([expanded]) .cal-cell-day[data-today]{font-weight:inherit;color:inherit}:host([expanded]) .cal-cell-day[data-today]:before{top:var(--size-1-5);left:var(--size-1-5);width:var(--size-7);height:var(--size-7);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-white,#fff);content:attr(data-day);background:var(--_day-today-color);border-radius:var(--rounded-full);justify-content:center;align-items:center;display:flex;position:absolute}:host([expanded]) .cal-cell-day[data-today][data-selected]:before{background:var(--_day-selected-bg)}:host([expanded]) .cal-events{width:100%;margin-top:var(--size-4);flex-direction:column;gap:2px;display:flex;overflow:hidden}:host([expanded]) .cal-event-pill{--badge-max-width:100%;max-width:100%}:host([expanded]) .cal-event-pill-overflow{padding-inline:var(--size-1);font-size:10px;font-weight:var(--font-semibold);color:var(--color-contrast-500)}:host([expanded]) .cal-dots{display:none}:host([expanded]) .cal-cell-day[data-outside]{background:color-mix(in oklch, var(--color-contrast-900) 2%, transparent)}:host([expanded]) .cal-grid-months,:host([expanded]) .cal-grid-years{gap:var(--size-2);min-height:0;padding:var(--size-4)}:host([expanded]) .cal-cell-month,:host([expanded]) .cal-cell-year{min-height:var(--size-16);font-size:var(--text-base);border:var(--border) solid var(--_border-color);border-radius:var(--rounded-lg)}:host([expanded]) .cal-cell-month[data-selected],:host([expanded]) .cal-cell-year[data-selected]{border-color:#0000}:host(.is-disabled) .calendar{pointer-events:none;opacity:.6}@media (prefers-reduced-motion:reduce){.nav-btn,.cal-label-btn,.cal-cell{transition:none}}}`,gi=`ore-calendar`,_i=3;(0,c.define)(gi,{formAssociated:!0,props:{...q,...J,...Y,...X,events:c.prop.json([]),expanded:c.prop.bool(!1),fullwidth:c.prop.bool(!1),locale:c.prop.string(),max:c.prop.string(),min:c.prop.string(),name:c.prop.string(),required:c.prop.bool(!1),value:c.prop.string(),"weekend-days":c.prop.json([])},setup(e){let t=(0,c.useEmit)(),n=(0,u.computed)(()=>e.disabled.value===!0),r=(0,u.computed)(()=>e.expanded.value===!0),i=(0,u.signal)(void 0),a=(0,u.computed)(()=>i.value===void 0?Pt(e.value.value):i.value),o=zt({get locale(){return e.locale.value??(typeof navigator<`u`?navigator.language:`en`)},get max(){return Pt(e.max.value)},get min(){return Pt(e.min.value)},onChange(e){i.value=e,s.value=`day`,d.value=o.displayYear(),f.value=o.displayMonth(),t(`change`,{isoValue:Ft(e)})},get value(){return a.value},get weekendDays(){return e[`weekend-days`].value??[]}}),s=(0,u.signal)(`day`),d=(0,u.signal)(o.displayYear()),f=(0,u.signal)(o.displayMonth());(0,h.useField)({disabled:n,toFormValue:e=>e||null,value:(0,u.computed)(()=>Ft(a.value)??``)});let p=(0,u.computed)(()=>{let t=new Map;for(let n of e.events.value??[]){let e=t.get(n.date)??[];e.push(n),t.set(n.date,e)}return t}),g=(0,u.computed)(()=>(d.value,f.value,a.value,o.dayCells())),_=(0,u.computed)(()=>(d.value,o.monthCells())),v=(0,u.computed)(()=>(d.value,o.yearCells())),y=(0,u.computed)(()=>o.weekdayLabels()),b=(0,u.computed)(()=>(0,m.format)(m.Temporal.PlainDate.from({day:1,month:f.value,year:d.value}),{intl:{month:`long`},locale:e.locale.value??(typeof navigator<`u`?navigator.language:`en`),tz:`UTC`})),x=(0,u.computed)(()=>String(d.value)),S=(0,u.computed)(()=>`${b.value} ${x.value}`);function C(){s.value===`day`?o.prevMonth():o.prevYear(),d.value=o.displayYear(),f.value=o.displayMonth()}function w(){s.value===`day`?o.nextMonth():o.nextYear(),d.value=o.displayYear(),f.value=o.displayMonth()}function T(){let e=[`day`,`month`,`year`],t=e[(e.indexOf(s.value)+1)%e.length];o.setView(t),s.value=t}function E(e){n.value||(o.goTo(o.displayYear(),e),o.setView(`day`),d.value=o.displayYear(),f.value=o.displayMonth(),s.value=`day`)}function D(e){n.value||(o.goTo(e,o.displayMonth()),o.setView(`month`),d.value=o.displayYear(),s.value=`month`)}function O(e){if(n.value)return;let t=Pt(e);t&&o.select(t)}function k(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(),O(t.dataset.iso??``);return}else if(e.key===`ArrowRight`)a=r[i+1];else if(e.key===`ArrowLeft`)a=r[i-1];else if(e.key===`ArrowDown`)a=r[i+7];else if(e.key===`ArrowUp`)a=r[i-7];else if(e.key===`Home`)a=r[Math.floor(i/7)*7];else if(e.key===`End`)a=r[Math.floor(i/7)*7+6];else return;e.preventDefault(),a?.focus()}function A(e,t,n,r){let i=e.currentTarget,a=i.closest(`.cal-grid`);if(!a)return;let o=Array.from(a.querySelectorAll(t)),s=o.indexOf(i);if(s===-1)return;let c;if(e.key===`Enter`||e.key===` `){e.preventDefault(),r();return}else if(e.key===`ArrowRight`)c=o[s+1];else if(e.key===`ArrowLeft`)c=o[s-1];else if(e.key===`ArrowDown`)c=o[s+n];else if(e.key===`ArrowUp`)c=o[s-n];else if(e.key===`Home`)c=o[Math.floor(s/n)*n];else if(e.key===`End`)c=o[Math.min(Math.floor(s/n)*n+n-1,o.length-1)];else return;e.preventDefault(),c?.focus()}return(0,c.bind)({attr:{"aria-disabled":()=>n.value?`true`:null,"aria-label":()=>S.value,role:`group`},class:{"is-disabled":n}}),c.html`
|
|
1863
1993
|
<div class="calendar" part="calendar" role="presentation">
|
|
1864
1994
|
<!-- Header -->
|
|
1865
1995
|
<div class="cal-header" part="header">
|
|
@@ -1910,7 +2040,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1910
2040
|
@click="${()=>O(e.iso)}"
|
|
1911
2041
|
@keydown="${k}">
|
|
1912
2042
|
${String(e.day)}
|
|
1913
|
-
${()=>{let t=p.value.get(e.iso)??[];if(!t.length)return c.html``;let n=t.slice(0,
|
|
2043
|
+
${()=>{let t=p.value.get(e.iso)??[];if(!t.length)return c.html``;let n=t.slice(0,_i),i=t.length-_i;return r.value?c.html`<div
|
|
1914
2044
|
class="cal-events"
|
|
1915
2045
|
aria-label="${()=>`${t.length} event${t.length>1?`s`:``}`}">
|
|
1916
2046
|
${n.map(e=>c.html`<ore-badge
|
|
@@ -1983,7 +2113,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
1983
2113
|
</div>`)}}
|
|
1984
2114
|
</div>
|
|
1985
2115
|
</div>
|
|
1986
|
-
`},shadow:{delegatesFocus:!0},styles:[N,w,
|
|
2116
|
+
`},shadow:{delegatesFocus:!0},styles:[N,w,hi]});var vi=`@layer refine.base{:host{--_day-selected-bg:var(--date-picker-day-selected-bg,var(--_theme-focus));--_day-today-color:var(--date-picker-day-today-color,var(--_theme-focus));--_day-outside-opacity:var(--date-picker-day-outside-opacity,.35);--_bg:var(--date-picker-bg,var(--color-canvas));--_border-color:var(--date-picker-border-color,var(--color-contrast-200));--_radius:var(--date-picker-radius,var(--rounded-xl));min-width:var(--date-picker-min-width,12rem);display:inline-block}:host([fullwidth]){display:block}:host([color=secondary]){--_day-selected-bg:var(--date-picker-day-selected-bg,var(--_theme-base));--_day-today-color:var(--date-picker-day-today-color,var(--_theme-base))}.trigger{cursor:pointer;width:100%}.trigger::part(input){cursor:pointer;caret-color:#0000;-webkit-user-select:none;user-select:none}.calendar{z-index:var(--z-dropdown,8000);gap:var(--size-2);min-width:18rem;padding:var(--size-3);pointer-events:none;background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--date-picker-shadow,var(--shadow-lg));opacity:0;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);flex-direction:column;display:flex;position:fixed;inset:0 auto auto 0}.calendar[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.calendar[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.cal-header{gap:var(--size-1);border-bottom:var(--border) solid var(--_border-color);padding-bottom:var(--size-2);justify-content:space-between;align-items:center;display:flex}.nav-btn{width:var(--size-8);height:var(--size-8);color:var(--color-contrast-600);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.nav-btn:hover{color:var(--color-contrast-900);background:var(--color-contrast-300)}.nav-btn:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-label-btn{padding:var(--size-1) var(--size-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-contrast-900);text-align:center;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast);background:0 0;border:none;outline:none;flex:1}.cal-label-btn:hover{background:var(--color-contrast-300)}.cal-label-btn:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-label-month,.cal-label-year{display:inline-block}.cal-label-sep{padding-inline:var(--size-1);font-weight:var(--font-normal);color:var(--color-contrast-400);display:inline-block}[hidden]{display:none!important}.cal-grid{gap:var(--size-0-5);flex-direction:column;display:flex}.cal-grid-days{gap:var(--size-0-5);min-height:calc(7 * var(--size-10) + 6 * var(--size-0-5));grid-template-columns:repeat(7,1fr);display:grid}.cal-grid [role=row]{display:contents}.cal-cell{font-size:var(--text-sm);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);outline:none;justify-content:center;align-items:center;display:flex}.cal-cell-head{height:var(--size-8);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-contrast-500);cursor:default}.cal-cell-day{height:var(--size-8);color:var(--color-contrast-800)}.cal-cell-day:hover:not([data-disabled]){color:var(--color-contrast-900);background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-day:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-day[data-today]{font-weight:var(--font-semibold);color:var(--_day-today-color)}.cal-cell-day[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-day[data-outside]{opacity:var(--_day-outside-opacity)}.cal-cell-day[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}.cal-grid-months,.cal-grid-years{gap:var(--size-1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cal-cell-month,.cal-cell-year{height:var(--size-10);font-size:var(--text-sm);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-md)}.cal-cell-month:hover:not([data-disabled]),.cal-cell-year:hover:not([data-disabled]){background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-month:focus-visible,.cal-cell-year:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-month[data-selected],.cal-cell-year[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-month[data-disabled],.cal-cell-year[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}@media (prefers-reduced-motion:reduce){.field,.nav-btn,.cal-label-btn,.cal-cell{transition:none}}}`,yi=`ore-date-picker`;(0,c.define)(yi,{formAssociated:!0,props:{...q,...J,...Y,...X,error:c.prop.string(),fullwidth:c.prop.bool(!1),helper:c.prop.string(),label:c.prop.string(),"label-placement":c.prop.oneOf([`inset`,`outside`],`inset`),locale:c.prop.string(),max:c.prop.string(),min:c.prop.string(),name:c.prop.string(),placeholder:c.prop.string(),required:c.prop.bool(!1),success:c.prop.bool(!1),value:c.prop.string(),variant:c.prop.string(),"weekend-days":c.prop.json([])},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=(0,u.signal)(!1),i=(0,u.signal)(void 0),a=(0,u.computed)(()=>i.value===void 0?Pt(e.value.value):i.value),o=$(e,(0,c.inject)(Q)),s=o.disabled,l=(0,u.computed)(()=>e.locale.value||(typeof navigator<`u`?navigator.language:`en`)),d=zt({get locale(){return l.value},get max(){return Pt(e.max.value)},get min(){return Pt(e.min.value)},onChange(e){i.value=e,r.value=!1,d.setView(`day`),f.value=`day`,p.value=d.displayYear(),g.value=d.displayMonth(),n(`change`,{isoValue:Ft(e)})},get value(){return a.value},get weekendDays(){return e[`weekend-days`].value??[]}}),f=(0,u.signal)(`day`),p=(0,u.signal)(d.displayYear()),g=(0,u.signal)(d.displayMonth());(0,h.useField)({disabled:s,toFormValue:e=>e||null,value:(0,u.computed)(()=>Ft(a.value)??``)});let _=`date-picker-${Math.random().toString(36).slice(2,9)}-calendar`,v=(0,c.ref)(),y=(0,c.ref)(),b=gt({getFloating:()=>y.value??null,getReference:()=>v.value??null,matchWidth:!1,offsetPx:4}),x=null,S=(0,u.computed)(()=>a.value?It(a.value,l.value):e.placeholder.value||``),C=(0,u.computed)(()=>(0,m.format)(m.Temporal.PlainDate.from({day:1,month:g.value,year:p.value}),{intl:{month:`long`},locale:l.value,tz:`UTC`})),w=(0,u.computed)(()=>String(p.value)),T=(0,u.computed)(()=>`${C.value} ${w.value}`),E=(0,u.computed)(()=>(p.value,g.value,a.value,d.dayCells())),D=(0,u.computed)(()=>(p.value,d.monthCells())),O=(0,u.computed)(()=>(p.value,d.yearCells())),k=(0,u.computed)(()=>d.weekdayLabels()),A=()=>s.value?`-1`:`0`;function j(){f.value===`day`?d.prevMonth():d.prevYear(),p.value=d.displayYear(),g.value=d.displayMonth()}function M(){f.value===`day`?d.nextMonth():d.nextYear(),p.value=d.displayYear(),g.value=d.displayMonth()}function ee(){let e=[`day`,`month`,`year`],t=e[(e.indexOf(f.value)+1)%e.length];d.setView(t),f.value=t}function N(e){d.goTo(d.displayYear(),e),d.setView(`day`),p.value=d.displayYear(),g.value=d.displayMonth(),f.value=`day`}function P(e){d.goTo(e,d.displayMonth()),d.setView(`month`),p.value=d.displayYear(),f.value=`month`}function F(e){let t=Pt(e);t&&d.select(t)}function I(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(),F(t.dataset.iso??``);return}else if(e.key===`ArrowRight`)a=r[i+1];else if(e.key===`ArrowLeft`)a=r[i-1];else if(e.key===`ArrowDown`)a=r[i+7];else if(e.key===`ArrowUp`)a=r[i-7];else if(e.key===`Home`)a=r[Math.floor(i/7)*7];else if(e.key===`End`)a=r[Math.floor(i/7)*7+6];else return;e.preventDefault(),a?.focus()}function L(e,t,n,r){let i=e.currentTarget,a=i.closest(`.cal-grid`);if(!a)return;let o=Array.from(a.querySelectorAll(t)),s=o.indexOf(i);if(s===-1)return;let c;if(e.key===`Enter`||e.key===` `){e.preventDefault(),r();return}else if(e.key===`ArrowRight`)c=o[s+1];else if(e.key===`ArrowLeft`)c=o[s-1];else if(e.key===`ArrowDown`)c=o[s+n];else if(e.key===`ArrowUp`)c=o[s-n];else if(e.key===`Home`)c=o[Math.floor(s/n)*n];else if(e.key===`End`)c=o[Math.min(Math.floor(s/n)*n+n-1,o.length-1)];else return;e.preventDefault(),c?.focus()}function R(){if(s.value)return;r.value=!0,d.setView(`day`),f.value=`day`;let e=a.value;e&&(d.goTo(e.year,e.month),p.value=d.displayYear(),g.value=d.displayMonth()),b.update(),x=b.startAutoUpdate?.()??null}function z(){r.value=!1,d.setView(`day`),f.value=`day`,x?.(),x=null}function B(){r.value?z():R()}function V(e){s.value||(e.key===`Enter`||e.key===` `?(e.preventDefault(),B()):e.key===`Escape`&&r.value&&(e.preventDefault(),z()))}function te(e){e.key===`Escape`&&(e.preventDefault(),z())}function H(e){r.value&&(e.composedPath().includes(t)||z())}return(0,c.onMounted)(()=>(document.addEventListener(`pointerdown`,H,{capture:!0}),()=>{document.removeEventListener(`pointerdown`,H,{capture:!0}),x?.(),x=null})),(0,c.bind)({attr:{open:()=>r.value?!0:void 0}}),c.html`
|
|
1987
2117
|
<!-- Trigger: ore-input in readonly display mode -->
|
|
1988
2118
|
<ore-input
|
|
1989
2119
|
class="trigger"
|
|
@@ -2008,8 +2138,9 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
2008
2138
|
?disabled="${()=>s.value?!0:void 0}"
|
|
2009
2139
|
?required="${()=>e.required.value?!0:void 0}"
|
|
2010
2140
|
?fullwidth="${()=>e.fullwidth.value?!0:void 0}"
|
|
2011
|
-
|
|
2012
|
-
@
|
|
2141
|
+
?success="${()=>e.success.value}"
|
|
2142
|
+
@click="${B}"
|
|
2143
|
+
@keydown="${V}">
|
|
2013
2144
|
<ore-icon slot="suffix" name="calendar" size="16" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
2014
2145
|
</ore-input>
|
|
2015
2146
|
|
|
@@ -2022,7 +2153,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
2022
2153
|
aria-modal="true"
|
|
2023
2154
|
:aria-label="${()=>`Choose date — ${T.value}`}"
|
|
2024
2155
|
?data-open="${r}"
|
|
2025
|
-
@keydown="${
|
|
2156
|
+
@keydown="${te}">
|
|
2026
2157
|
<!-- Calendar header -->
|
|
2027
2158
|
<div class="cal-header" part="header">
|
|
2028
2159
|
<button class="nav-btn" type="button" aria-label="Previous" @click="${j}">
|
|
@@ -2116,26 +2247,26 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
2116
2247
|
</div>`)}}
|
|
2117
2248
|
</div>
|
|
2118
2249
|
</div>
|
|
2119
|
-
`},shadow:{delegatesFocus:!0},styles:[N,w,Zr]});var $r=`@layer refine.base{:host{--_font-size:var(--file-input-font-size,var(--text-sm));--_radius:var(--file-input-radius,var(--rounded-lg));--_bg:var(--file-input-bg,var(--color-contrast-100));--_border-color:var(--file-input-border-color,var(--color-contrast-300));--_min-height:var(--file-input-min-height,var(--size-36));flex-direction:column;align-items:stretch;display:inline-flex}.file-input-wrapper{gap:var(--size-1-5);flex-direction:column;width:100%;display:flex}.label-outside{font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-none);color:var(--color-contrast-500);cursor:default;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.dropzone{box-sizing:border-box;gap:var(--size-2);min-height:var(--_min-height);padding:var(--size-6) var(--size-4);text-align:center;cursor:pointer;background:var(--_bg);border:var(--border-2) dashed var(--_border-color);border-radius:var(--_radius);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.dropzone-content{gap:var(--size-2);pointer-events:none;flex-direction:column;align-items:center;display:flex}.dropzone-icon{color:var(--color-contrast-400);transition:color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.dropzone-title{font-size:var(--_font-size);font-weight:var(--font-medium);line-height:var(--leading-snug);color:var(--color-contrast-700)}.dropzone-title u{color:var(--_theme-focus,var(--color-primary));text-underline-offset:2px;transition:text-decoration-color var(--transition-fast);-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.dropzone-hint{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-400)}.helper-text[hidden]{display:none}.helper-text{font-size:var(--text-xs);line-height:var(--leading-tight);color: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-remove{padding:var(--size-1);color:var(--color-contrast-400);cursor:pointer;border-radius:var(--rounded-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-remove:hover{color:var(--color-error);background:var(--color-error-backdrop,color-mix(in oklch, var(--color-error) 12%, transparent))}.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;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-name{text-overflow:ellipsis;font-size:var(--text-xs);color:var(--color-contrast-600);text-align:center;white-space:nowrap;overflow:hidden}.file-card-remove{top:var(--size-1);right:var(--size-1);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;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.file-card-remove:hover{color:var(--color-canvas);background:var(--color-error)}: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:var(--_theme-shadow,var(--color-primary-focus-shadow))}:host([drag-over]) .dropzone .dropzone-icon{color:var(--_theme-focus,var(--color-primary));transform:translateY(-2px)scale(1.05)}:host([invalid]) .dropzone{border-color:var(--color-error)}:host([invalid]) .label-outside,.helper-text-error{color:var(--color-error)}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_bg:var(--file-input-bg,var(--color-contrast-50));--_border-color:var(--file-input-border-color,var(--color-contrast-300))}:host([variant=flat]){--_bg:var(--file-input-bg,var(--color-contrast-100));--_border-color:var(--file-input-border-color,color-mix(in oklch, var(--_theme-focus) 20%, transparent))}:host([variant=flat]) .dropzone:hover{background:var(--file-input-hover-bg,color-mix(in oklch, var(--_theme-base) 6%, var(--color-contrast-100)));border-color:var(--file-input-hover-border-color,color-mix(in oklch, var(--_theme-base) 35%, var(--color-contrast-300)))}:host([variant=flat][drag-over]) .dropzone,:host([variant=flat]) .dropzone:focus-visible{background:var(--file-input-focus-bg,color-mix(in oklch, var(--_theme-base) 8%, var(--color-canvas)));border-color:var(--file-input-focus-border-color,color-mix(in oklch, var(--_theme-focus) 60%, transparent));box-shadow:var(--_theme-shadow)}:host([variant=bordered]){--_bg:var(--file-input-bg,var(--_theme-backdrop));--_border-color:var(--file-input-border-color,color-mix(in oklch, var(--_theme-focus) 70%, transparent))}:host([variant=bordered]) .dropzone:hover{border-color:var(--file-input-hover-border-color,var(--_theme-focus))}:host([variant=outline]){--_bg:var(--file-input-bg,transparent)}:host([variant=ghost]){--_bg:var(--file-input-bg,transparent);--_border-color:var(--file-input-border-color,var(--color-contrast-200))}:host([variant=ghost]) .dropzone:hover{background:var(--file-input-hover-bg,var(--color-contrast-100))}}@layer refine.utilities{:host([fullwidth]){width:100%}}`,ei=e=>{if(e===0)return`0 B`;let t=1024,n=[`B`,`KB`,`MB`,`GB`,`TB`],r=Math.floor(Math.log(e)/Math.log(t));return parseFloat((e/t**r).toFixed(1))+` `+n[r]},ti=(e,t)=>!t||e.size<=t,ni=e=>e.type.startsWith(`image/`),ri=`ore-file-input`;(0,c.define)(ri,{formAssociated:!0,props:{accept:c.prop.string(),color:c.prop.string(),disabled:c.prop.bool(!1),error:c.prop.string(),gallery:c.prop.bool(!1),helper:c.prop.string(),label:c.prop.string(),"max-files":c.prop.number(0),"max-size":c.prop.number(0),multiple:c.prop.bool(!1),name:c.prop.string(),ref:c.prop.json(void 0),required:c.prop.bool(!1),size:c.prop.string()},setup(e){let t=(0,c.useEmit)(),n=(0,u.signal)([]),r=(0,u.signal)(!1),i=$(e,(0,c.inject)(Q)),a=i.disabled,o=(0,u.computed)(()=>e[`max-files`].value??0),s=(0,u.computed)(()=>e[`max-size`].value??0);(0,h.useField)({disabled:a,toFormValue:t=>{if(t.length===0)return null;let n=e.name.value||`file`,r=new FormData;for(let e of t)r.append(n,e);return r},value:n});let l=(0,u.computed)(()=>!!e.error.value);(0,c.bind)({attr:{"drag-over":()=>r.value?!0:void 0,invalid:()=>l.value?!0:void 0,size:i.size}});let d=(0,c.createStableId)(`file-input`),f=`label-${d}`,p=`helper-${d}`,m=`error-${d}`,g=(0,c.ref)(),v=(0,c.ref)(),y=(0,u.computed)(()=>{let t=[];e.accept.value&&t.push(e.accept.value.split(`,`).map(e=>e.trim()).join(`, `));let n=s.value;n>0&&t.push(`max ${ei(n)}`);let r=o.value;return r>0&&t.push(`up to ${r} file${r===1?``:`s`}`),t.join(` · `)});function b(r,i){if(a.value)return;let c=e.accept.value,l=!!e.multiple.value,u=Array.from(r);l||(u=u.slice(0,1)),u=u.filter(e=>(0,_.matchesAccept)(e,c?c.split(`,`).map(e=>e.trim()):[])&&ti(e,s.value));let d=l?[...n.value]:[];for(let e of u)d.includes(e)||d.push(e);o.value>0&&d.length>o.value&&(d=d.slice(0,o.value)),n.value=d,t(`change`,{files:n.value,originalEvent:i,value:n.value})}function x(e,r){n.value=n.value.filter(t=>t!==e),t(`remove`,{file:e,files:n.value,originalEvent:r,value:n.value}),t(`change`,{files:n.value,originalEvent:r,value:n.value})}let S=new Map;function C(e){let t=S.get(e);return t||(t=URL.createObjectURL(e),S.set(e,t)),t}function w(e){let t=new Set(e);for(let[e,n]of S)t.has(e)||(URL.revokeObjectURL(n),S.delete(e))}return(0,u.watch)(n,w),(0,c.onCleanup)(()=>{for(let e of S.values())URL.revokeObjectURL(e);S.clear()}),(0,c.onElement)(v,t=>{e.ref.value?.(t);let n=(0,u.watch)(e.ref,e=>{e?.(t)});return()=>{n.dispose(),e.ref.value?.(null)}}),(0,c.onMounted)(()=>{let e=v.value,t=g.value,n=!1,i=Ge({disabled:a,onPress:()=>{e.click()}});(0,c.onEvent)(e,`change`,e=>{let t=e.target;t.files?.length&&b(Array.from(t.files),e),t.value=``}),(0,c.onEvent)(t,`click`,t=>{if(t.target!==e){if(n){n=!1;return}a.value||e.click()}}),(0,c.onEvent)(t,`keydown`,e=>{n=i.handleKeydown(e)&&e.key===`Enter`});let o=(0,_.createDropZone)({disabled:a.value,element:t,onDrop:e=>b(e),onHoverChange:e=>{r.value=e}});(0,c.onCleanup)(()=>o.dispose())}),c.html`
|
|
2250
|
+
`},shadow:{delegatesFocus:!0},styles:[N,w,vi]});var bi=e=>{if(e===0)return`0 B`;let t=1024,n=[`B`,`KB`,`MB`,`GB`,`TB`],r=Math.floor(Math.log(e)/Math.log(t));return`${parseFloat((e/t**r).toFixed(1))} ${n[r]}`},xi=(e,t)=>!t||e.size<=t,Si=e=>e>0?`${bi(e)}/s`:``,Ci=e=>e?e.split(`,`).map(e=>e.trim()):[],wi={error:null,loaded:0,speedBps:0,status:`idle`},Ti=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 Ei(e){let t=(0,u.signal)([]),n=new Map,r=new Map;function i(e){let t=n.get(e);return t||(t=(0,u.signal)({...wi,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`}),Nt(`${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`}),Nt(`${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 d=(0,u.watch)(t,l);function f(n,r){if(e.disabled.value)return;let i=e.multiple.value,a=Array.from(n);i||(a=a.slice(0,1));let o=Ci(e.accept.value),c=e.maxSize.value;a=a.filter(e=>(0,_.matchesAccept)(e,o)&&xi(e,c));let l=i?[...t.value]:[],u=[];for(let e of a)l.includes(e)||(l.push(e),u.push(e));let d=e.maxFiles.value;d>0&&l.length>d&&(l=l.slice(0,d)),t.value=l,e.onChange(t.value,r);for(let e of u)t.value.includes(e)&&s(e)}function p(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 m(n,r,i){return e.disabled.value||!(0,_.matchesAccept)(r,Ci(e.accept.value))||!xi(r,e.maxSize.value)?!1:(t.value=t.value.map(e=>e===n?r:e),e.onRemove(n,t.value,i),e.onChange(t.value,i),s(r),!0)}function h(e){let t=a(e);return t.total<=0?0:Math.min(100,Math.round(t.loaded/t.total*100))}function g(e){let t=a(e);return[Si(t.speedBps),Ti(t)].filter(Boolean).join(` · `)}function v(e){let t=a(e).status;return t===`success`?`check`:t===`error`?`alert-circle`:`file`}function y(){d.dispose();for(let e of r.values())e.abort();r.clear(),n.clear()}return{addFiles:f,dispose:y,files:t,fileState:a,removeFile:p,replaceFile:m,retryUpload:c,statusIconName:v,uploadMetaText:g,uploadPercent:h}}var Di=`@layer refine.base{:host{--_font-size:var(--file-input-font-size,var(--text-sm));--_radius:var(--file-input-radius,var(--rounded-lg));--_bg:var(--file-input-bg,var(--color-contrast-100));--_border-color:var(--file-input-border-color,var(--color-contrast-300));--_min-height:var(--file-input-min-height,var(--size-36));flex-direction:column;align-items:stretch;display:inline-flex}.file-input-wrapper{gap:var(--size-1-5);flex-direction:column;width:100%;display:flex}.label-outside{font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-none);color:var(--color-contrast-500);cursor:default;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.dropzone{box-sizing:border-box;gap:var(--size-2);min-height:var(--_min-height);padding:var(--size-6) var(--size-4);text-align:center;cursor:pointer;background:var(--_bg);border:var(--border-2) dashed var(--_border-color);border-radius:var(--_radius);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.dropzone-content{gap:var(--size-2);pointer-events:none;flex-direction:column;align-items:center;display:flex}.dropzone-icon{color:var(--color-contrast-400);transition:color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.dropzone-title{font-size:var(--_font-size);font-weight:var(--font-medium);line-height:var(--leading-snug);color:var(--color-contrast-700)}.dropzone-title u{color:var(--_theme-focus,var(--color-primary));text-underline-offset:2px;transition:text-decoration-color var(--transition-fast);-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.dropzone-title-active{color:var(--_theme-focus,var(--color-primary))}.dropzone-hint{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-400)}.helper-text[hidden]{display:none}.helper-text{font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));padding-left:2px;padding-right:2px}.file-list{gap:var(--size-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.file-item{box-sizing:border-box;gap:var(--size-3);padding:var(--size-2) var(--size-3);background:var(--color-contrast-50);border:var(--border) solid var(--color-contrast-200);border-radius:var(--_radius);transition:background var(--transition-fast);align-items:center;display:flex}.file-item:hover{background:var(--color-contrast-100)}.file-icon{color:var(--_theme-focus,var(--color-primary));flex-shrink:0}.file-meta{gap:var(--size-0-5);flex-direction:column;flex:1;min-width:0;display:flex}.file-name{text-overflow:ellipsis;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-contrast-700);white-space:nowrap;overflow:hidden}.file-size{font-size:var(--text-xs);color:var(--color-contrast-400)}.file-actions{gap:var(--size-0-5);flex-shrink:0;display:flex}.file-remove,.file-action{padding:var(--size-1);color:var(--color-contrast-400);cursor:pointer;border-radius:var(--rounded-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-remove:hover{color:var(--color-error);background:var(--color-error-backdrop,color-mix(in oklch, var(--color-error) 12%, transparent))}.file-action:hover{color:var(--_theme-focus,var(--color-primary));background:var(--_theme-backdrop,color-mix(in oklch, var(--color-primary) 12%, transparent))}.file-progress-meta{font-size:var(--text-xs);color:var(--color-contrast-400)}.file-error-text{text-overflow:ellipsis;font-size:var(--text-xs);color:var(--color-error);white-space:nowrap;overflow:hidden}.file-item[data-status=success] .file-icon{color:var(--color-success)}.file-item[data-status=error] .file-icon{color:var(--color-error)}.file-item[data-status=error]{border-color:color-mix(in oklch, var(--color-error) 40%, var(--color-contrast-200))}.file-grid{--_thumb-size:var(--file-input-thumb-size,var(--size-24));grid-template-columns:repeat(auto-fill, minmax(var(--_thumb-size), 1fr));gap:var(--size-2);margin:0;padding:0;list-style:none;display:grid}.file-card{box-sizing:border-box;gap:var(--size-1);flex-direction:column;display:flex}.file-thumb-frame{display:block;position:relative}.file-thumb{box-sizing:border-box;aspect-ratio:1;object-fit:cover;background:var(--color-contrast-100);border:var(--border) solid var(--color-contrast-200);border-radius:var(--_radius);width:100%;display:block}.file-thumb-generic{color:var(--color-contrast-400);justify-content:center;align-items:center;display:flex}.file-card[data-status=uploading] .file-thumb{opacity:.6}.file-card[data-status=error] .file-thumb{border-color:color-mix(in oklch, var(--color-error) 50%, var(--color-contrast-200))}.file-card-name{text-overflow:ellipsis;font-size:var(--text-xs);color:var(--color-contrast-600);text-align:center;white-space:nowrap;overflow:hidden}.file-status-badge{top:var(--size-1);left:var(--size-1);width:var(--size-5);height:var(--size-5);color:var(--color-canvas);border-radius:var(--rounded-full);justify-content:center;align-items:center;display:flex;position:absolute}.file-status-badge-success{background:var(--color-success)}.file-status-badge-error{background:var(--color-error)}.file-card-actions{top:var(--size-1);right:var(--size-1);gap:var(--size-0-5);display:flex;position:absolute}.file-card-action{width:var(--size-5);height:var(--size-5);color:var(--color-contrast-50);cursor:pointer;background:color-mix(in oklch, var(--color-contrast-900) 55%, transparent);border-radius:var(--rounded-full);transition:background var(--transition-fast), color var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.file-card-remove:hover{color:var(--color-canvas);background:var(--color-error)}.file-card-action:not(.file-card-remove):hover{color:var(--color-canvas);background:var(--color-primary)}.file-card .file-progress-meta,.file-card .file-error-text{text-align:center;white-space:normal}:host(:not([disabled])) .dropzone:hover{border-color:var(--color-contrast-400)}:host(:not([disabled])) .dropzone:hover .dropzone-title u{-webkit-text-decoration-color:var(--_theme-focus,var(--color-primary));-webkit-text-decoration-color:var(--_theme-focus,var(--color-primary));text-decoration-color:var(--_theme-focus,var(--color-primary))}:host(:not([disabled])) .dropzone:focus-visible{border-color:var(--_theme-focus,var(--color-primary));box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow))}:host(:not([disabled])) .dropzone:hover .dropzone-icon,:host(:not([disabled])) .dropzone:focus-visible .dropzone-icon{color:var(--_theme-focus,var(--color-primary));transform:translateY(-1px)}:host([drag-over]) .dropzone{background:color-mix(in oklch, var(--_theme-base,var(--color-primary)) 8%, transparent);border-color:var(--_theme-focus,var(--color-primary));box-shadow:0 0 0 3px color-mix(in oklch, var(--_theme-focus,var(--color-primary)) 25%, transparent), 0 0 20px 2px color-mix(in oklch, var(--_theme-focus,var(--color-primary)) 45%, transparent);border-style:solid}:host([drag-over]) .dropzone .dropzone-icon{color:var(--_theme-focus,var(--color-primary));transform:translateY(-2px)scale(1.05)}:host([invalid]) .dropzone{border-color:var(--color-error)}:host([invalid]) .label-outside,.dropzone-icon[data-status=error],.helper-text-error{color:var(--color-error)}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_bg:var(--file-input-bg,var(--color-contrast-50));--_border-color:var(--file-input-border-color,var(--color-contrast-300))}:host([variant=flat]){--_bg:var(--file-input-bg,var(--color-contrast-100));--_border-color:var(--file-input-border-color,color-mix(in oklch, var(--_theme-focus) 20%, transparent))}:host([variant=flat]) .dropzone:hover{background:var(--file-input-hover-bg,color-mix(in oklch, var(--_theme-base) 6%, var(--color-contrast-100)));border-color:var(--file-input-hover-border-color,color-mix(in oklch, var(--_theme-base) 35%, var(--color-contrast-300)))}:host([variant=flat][drag-over]) .dropzone,:host([variant=flat]) .dropzone:focus-visible{background:var(--file-input-focus-bg,color-mix(in oklch, var(--_theme-base) 8%, var(--color-canvas)));border-color:var(--file-input-focus-border-color,color-mix(in oklch, var(--_theme-focus) 60%, transparent));box-shadow:var(--_theme-shadow)}:host([variant=bordered]){--_bg:var(--file-input-bg,var(--_theme-backdrop));--_border-color:var(--file-input-border-color,color-mix(in oklch, var(--_theme-focus) 70%, transparent))}:host([variant=bordered]) .dropzone:hover{border-color:var(--file-input-hover-border-color,var(--_theme-focus))}:host([variant=outline]){--_bg:var(--file-input-bg,transparent)}:host([variant=ghost]){--_bg:var(--file-input-bg,transparent);--_border-color:var(--file-input-border-color,transparent)}:host(:not([disabled])[variant=ghost]) .dropzone:hover{background:var(--file-input-hover-bg,var(--color-contrast-100));border-color:var(--file-input-hover-border-color,var(--color-contrast-200))}}@layer refine.utilities{:host([fullwidth]){width:100%}}:host([disabled]){opacity:1}:host([disabled]) .dropzone{background:var(--color-contrast-100);border-color:var(--color-contrast-200)}:host([disabled]) .dropzone-icon,:host([disabled]) .dropzone-title,:host([disabled]) .dropzone-hint,:host([disabled]) .dropzone-title u,:host([disabled]) .label-outside{color:var(--color-contrast-400)}`,Oi=e=>e.type.startsWith(`image/`),ki=`ore-file-input`;(0,c.define)(ki,{formAssociated:!0,props:{accept:c.prop.string(),color:c.prop.string(),disabled:c.prop.bool(!1),error:c.prop.string(),gallery:c.prop.bool(!1),helper:c.prop.string(),label:c.prop.string(),"max-files":c.prop.number(0),"max-size":c.prop.number(0),multiple:c.prop.bool(!1),name:c.prop.string(),ref:c.prop.data(),required:c.prop.bool(!1),size:c.prop.string(),upload:c.prop.data()},setup(e){let t=(0,c.useEmit)(),n=(0,u.signal)(!1),r=(0,u.signal)(null),i=$(e,(0,c.inject)(Q)),a=i.disabled,o=(0,u.computed)(()=>e[`max-files`].value??0),s=(0,u.computed)(()=>e[`max-size`].value??0),d=Ei({accept:e.accept,disabled:a,maxFiles:o,maxSize:s,multiple:(0,u.computed)(()=>!!e.multiple.value),onChange:(e,n)=>t(`change`,{files:e,originalEvent:n,value:e}),onRemove:(e,n,r)=>t(`remove`,{file:e,files:n,originalEvent:r,value:n}),onUploadError:(e,n)=>t(`upload-error`,{error:n,file:e}),onUploadProgress:(e,n,r)=>t(`upload-progress`,{file:e,loaded:n,total:r}),onUploadSuccess:e=>t(`upload-success`,{file:e}),upload:(0,u.computed)(()=>e.upload.value??void 0)});(0,c.onCleanup)(()=>d.dispose()),(0,h.useField)({disabled:a,toFormValue:t=>{if(t.length===0)return null;let n=e.name.value||`file`,r=new FormData;for(let e of t)r.append(n,e);return r},value:d.files});let f=(0,u.computed)(()=>!!e.error.value);(0,c.bind)({attr:{"drag-over":()=>n.value?!0:void 0,invalid:()=>f.value?!0:void 0,size:i.size}});let p=(0,c.createStableId)(`file-input`),m=`label-${p}`,g=`helper-${p}`,v=`error-${p}`,y=(0,c.ref)(),b=(0,c.ref)(),x=(0,u.computed)(()=>{let t=[];e.accept.value&&t.push(e.accept.value.split(`,`).map(e=>e.trim()).join(`, `));let n=s.value;n>0&&t.push(`max ${bi(n)}`);let r=o.value;return r>0&&t.push(`up to ${r} file${r===1?``:`s`}`),t.join(` · `)});function S(e){r.value=e,b.value?.click()}let C=new Map;function w(e){let t=C.get(e);return t||(t=URL.createObjectURL(e),C.set(e,t)),t}function T(e){let t=new Set(e);for(let[e,n]of C)t.has(e)||(URL.revokeObjectURL(n),C.delete(e))}return(0,u.watch)(d.files,T),(0,c.onCleanup)(()=>{for(let e of C.values())URL.revokeObjectURL(e);C.clear()}),(0,c.onElement)(b,t=>Le(e.ref,t)),(0,c.onMounted)(()=>{let e=b.value,t=y.value,i=!1,o=et({disabled:a,onPress:()=>{e.click()}});(0,c.onEvent)(e,`change`,e=>{let t=e.target,n=r.value;r.value=null,n&&t.files?.[0]?d.replaceFile(n,t.files[0],e):t.files?.length&&d.addFiles(Array.from(t.files),e),t.value=``}),(0,c.onEvent)(t,`click`,t=>{if(t.target!==e){if(i){i=!1;return}a.value||e.click()}}),(0,c.onEvent)(t,`keydown`,e=>{i=o.handleKeydown(e)&&e.key===`Enter`}),(0,u.watch)(a,e=>{let r=(0,_.createDropZone)({disabled:e,element:t,onDrop:e=>d.addFiles(e),onHoverChange:e=>{n.value=e}});return()=>r.dispose()},{immediate:!0})}),c.html`
|
|
2120
2251
|
<div class="file-input-wrapper" part="wrapper">
|
|
2121
|
-
<label class="label-outside" id="${
|
|
2252
|
+
<label class="label-outside" id="${m}" part="label" ?hidden=${()=>!e.label.value}
|
|
2122
2253
|
>${e.label}</label
|
|
2123
2254
|
>
|
|
2124
2255
|
<div
|
|
2125
2256
|
class="dropzone"
|
|
2126
2257
|
part="dropzone"
|
|
2127
|
-
ref=${
|
|
2258
|
+
ref=${y}
|
|
2128
2259
|
role="button"
|
|
2129
2260
|
:tabindex="${()=>a.value?`-1`:`0`}"
|
|
2130
2261
|
:aria-disabled="${()=>String(a.value)}"
|
|
2131
2262
|
:aria-label="${()=>e.label.value?null:`File upload drop zone`}"
|
|
2132
|
-
:aria-labelledby="${()=>e.label.value?
|
|
2133
|
-
aria-describedby="${
|
|
2263
|
+
:aria-labelledby="${()=>e.label.value?m:null}"
|
|
2264
|
+
aria-describedby="${g}">
|
|
2134
2265
|
<input
|
|
2135
2266
|
type="file"
|
|
2136
|
-
ref=${
|
|
2267
|
+
ref=${b}
|
|
2137
2268
|
part="input"
|
|
2138
|
-
id="${
|
|
2269
|
+
id="${p}"
|
|
2139
2270
|
:accept="${e.accept}"
|
|
2140
2271
|
?multiple="${e.multiple}"
|
|
2141
2272
|
?required="${e.required}"
|
|
@@ -2145,11 +2276,15 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
2145
2276
|
inert
|
|
2146
2277
|
tabindex="-1" />
|
|
2147
2278
|
<div class="dropzone-content">
|
|
2148
|
-
<span class="dropzone-icon" aria-hidden="true">
|
|
2149
|
-
|
|
2279
|
+
<span class="dropzone-icon" aria-hidden="true" :data-status="${()=>f.value?`error`:null}">
|
|
2280
|
+
${()=>f.value?c.html`<ore-icon name="alert-circle" size="36" stroke-width="1.5" aria-hidden="true"></ore-icon>`:c.html`<ore-icon name="upload" size="36" stroke-width="1.5" aria-hidden="true"></ore-icon>`}
|
|
2150
2281
|
</span>
|
|
2151
|
-
|
|
2152
|
-
|
|
2282
|
+
<!-- Signal 01: the copy itself shifts on drag-entry (not just border/glow) — a
|
|
2283
|
+
static "Drop files here" during an active drag reads as if the drop target
|
|
2284
|
+
hasn't noticed the file yet. -->
|
|
2285
|
+
${(0,l.when)(()=>n.value,()=>c.html`<span class="dropzone-title dropzone-title-active">Release to upload</span>`)}
|
|
2286
|
+
${(0,l.when)(()=>!n.value,()=>c.html`<span class="dropzone-title">Drop files here or <u>click to browse</u></span>`)}
|
|
2287
|
+
<span class="dropzone-hint" ?hidden=${()=>!x.value}>${x}</span>
|
|
2153
2288
|
</div>
|
|
2154
2289
|
</div>
|
|
2155
2290
|
<ul
|
|
@@ -2157,56 +2292,118 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
2157
2292
|
part="${()=>e.gallery.value?`gallery`:null}"
|
|
2158
2293
|
role="list"
|
|
2159
2294
|
aria-label="Selected files"
|
|
2160
|
-
?hidden=${()=>
|
|
2161
|
-
${()=>
|
|
2162
|
-
<li class="file-card">
|
|
2163
|
-
|
|
2164
|
-
|
|
2165
|
-
|
|
2166
|
-
|
|
2167
|
-
|
|
2168
|
-
|
|
2295
|
+
?hidden=${()=>d.files.value.length===0}>
|
|
2296
|
+
${()=>d.files.value.map(t=>e.gallery.value?c.html`
|
|
2297
|
+
<li class="file-card" data-status=${()=>d.fileState(t).status}>
|
|
2298
|
+
<span class="file-thumb-frame">
|
|
2299
|
+
${Oi(t)?c.html`<img
|
|
2300
|
+
class="file-thumb"
|
|
2301
|
+
alt=""
|
|
2302
|
+
ref="${e=>{e&&(e.src=w(t))}}" />`:c.html`<span class="file-thumb file-thumb-generic" aria-hidden="true">
|
|
2303
|
+
<ore-icon name="file" size="28" stroke-width="1.5" aria-hidden="true"></ore-icon>
|
|
2304
|
+
</span>`}
|
|
2305
|
+
${(0,l.when)(()=>d.fileState(t).status===`success`,()=>c.html`<span class="file-status-badge file-status-badge-success" aria-hidden="true">
|
|
2306
|
+
<ore-icon name="check" size="11" stroke-width="3" aria-hidden="true"></ore-icon>
|
|
2307
|
+
</span>`)}
|
|
2308
|
+
${(0,l.when)(()=>d.fileState(t).status===`error`,()=>c.html`<span class="file-status-badge file-status-badge-error" aria-hidden="true">
|
|
2309
|
+
<ore-icon name="alert-circle" size="12" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2310
|
+
</span>`)}
|
|
2311
|
+
<span class="file-card-actions">
|
|
2312
|
+
${(0,l.when)(()=>d.fileState(t).status===`error`,()=>c.html`<button
|
|
2313
|
+
class="file-card-action"
|
|
2314
|
+
type="button"
|
|
2315
|
+
aria-label="${`Retry uploading ${t.name}`}"
|
|
2316
|
+
@click=${()=>d.retryUpload(t)}>
|
|
2317
|
+
<ore-icon name="refresh-cw" size="12" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2318
|
+
</button>`)}
|
|
2319
|
+
${(0,l.when)(()=>d.fileState(t).status===`success`&&!!e.multiple.value&&!!e.upload.value,()=>c.html`<button
|
|
2320
|
+
class="file-card-action"
|
|
2321
|
+
type="button"
|
|
2322
|
+
aria-label="${`Replace ${t.name}`}"
|
|
2323
|
+
@click=${()=>S(t)}>
|
|
2324
|
+
<ore-icon name="upload" size="12" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2325
|
+
</button>`)}
|
|
2326
|
+
<button
|
|
2327
|
+
class="file-card-action file-card-remove"
|
|
2328
|
+
type="button"
|
|
2329
|
+
aria-label="${`Remove ${t.name}`}"
|
|
2330
|
+
@click=${e=>d.removeFile(t,e)}>
|
|
2331
|
+
<ore-icon name="x" size="12" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2332
|
+
</button>
|
|
2333
|
+
</span>
|
|
2334
|
+
</span>
|
|
2169
2335
|
<span class="file-card-name" title="${t.name}">${t.name}</span>
|
|
2170
|
-
|
|
2171
|
-
|
|
2172
|
-
|
|
2173
|
-
|
|
2174
|
-
|
|
2175
|
-
|
|
2176
|
-
|
|
2336
|
+
${(0,l.when)(()=>d.fileState(t).status===`uploading`,()=>c.html`
|
|
2337
|
+
<ore-progress
|
|
2338
|
+
type="linear"
|
|
2339
|
+
size="sm"
|
|
2340
|
+
:value=${()=>d.uploadPercent(t)}
|
|
2341
|
+
label=${()=>`${d.uploadPercent(t)}%`}></ore-progress>
|
|
2342
|
+
<span class="file-progress-meta">${()=>d.uploadMetaText(t)}</span>
|
|
2343
|
+
`)}
|
|
2344
|
+
${(0,l.when)(()=>d.fileState(t).status===`error`,()=>c.html`<span class="file-error-text">${()=>d.fileState(t).error}</span>`)}
|
|
2177
2345
|
</li>
|
|
2178
2346
|
`:c.html`
|
|
2179
|
-
<li class="file-item">
|
|
2347
|
+
<li class="file-item" data-status=${()=>d.fileState(t).status}>
|
|
2180
2348
|
<span class="file-icon" aria-hidden="true">
|
|
2181
|
-
<ore-icon
|
|
2349
|
+
<ore-icon
|
|
2350
|
+
name=${()=>d.statusIconName(t)}
|
|
2351
|
+
size="18"
|
|
2352
|
+
stroke-width="1.75"
|
|
2353
|
+
aria-hidden="true"></ore-icon>
|
|
2182
2354
|
</span>
|
|
2183
2355
|
<span class="file-meta">
|
|
2184
2356
|
<span class="file-name" title="${t.name}">${t.name}</span>
|
|
2185
|
-
|
|
2357
|
+
${(0,l.when)(()=>d.fileState(t).status===`uploading`,()=>c.html`
|
|
2358
|
+
<ore-progress
|
|
2359
|
+
type="linear"
|
|
2360
|
+
size="sm"
|
|
2361
|
+
:value=${()=>d.uploadPercent(t)}
|
|
2362
|
+
label=${()=>`${d.uploadPercent(t)}%`}></ore-progress>
|
|
2363
|
+
<span class="file-progress-meta">${()=>d.uploadMetaText(t)}</span>
|
|
2364
|
+
`)}
|
|
2365
|
+
${(0,l.when)(()=>d.fileState(t).status===`error`,()=>c.html`<span class="file-error-text">${()=>d.fileState(t).error}</span>`)}
|
|
2366
|
+
${(0,l.when)(()=>d.fileState(t).status===`idle`||d.fileState(t).status===`success`,()=>c.html`<span class="file-size">${bi(t.size)}</span>`)}
|
|
2367
|
+
</span>
|
|
2368
|
+
<span class="file-actions">
|
|
2369
|
+
${(0,l.when)(()=>d.fileState(t).status===`error`,()=>c.html`<button
|
|
2370
|
+
class="file-action"
|
|
2371
|
+
type="button"
|
|
2372
|
+
aria-label="${`Retry uploading ${t.name}`}"
|
|
2373
|
+
@click=${()=>d.retryUpload(t)}>
|
|
2374
|
+
<ore-icon name="refresh-cw" size="14" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
2375
|
+
</button>`)}
|
|
2376
|
+
${(0,l.when)(()=>d.fileState(t).status===`success`&&!!e.multiple.value&&!!e.upload.value,()=>c.html`<button
|
|
2377
|
+
class="file-action"
|
|
2378
|
+
type="button"
|
|
2379
|
+
aria-label="${`Replace ${t.name}`}"
|
|
2380
|
+
@click=${()=>S(t)}>
|
|
2381
|
+
<ore-icon name="upload" size="14" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
2382
|
+
</button>`)}
|
|
2383
|
+
<button
|
|
2384
|
+
class="file-remove"
|
|
2385
|
+
type="button"
|
|
2386
|
+
aria-label="${`Remove ${t.name}`}"
|
|
2387
|
+
@click=${e=>d.removeFile(t,e)}>
|
|
2388
|
+
<ore-icon name="x" size="12" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2389
|
+
</button>
|
|
2186
2390
|
</span>
|
|
2187
|
-
<button
|
|
2188
|
-
class="file-remove"
|
|
2189
|
-
type="button"
|
|
2190
|
-
aria-label="${`Remove ${t.name}`}"
|
|
2191
|
-
@click=${e=>x(t,e)}>
|
|
2192
|
-
<ore-icon name="x" size="12" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2193
|
-
</button>
|
|
2194
2391
|
</li>
|
|
2195
2392
|
`)}
|
|
2196
2393
|
</ul>
|
|
2197
|
-
<div class="helper-text" id="${
|
|
2394
|
+
<div class="helper-text" id="${g}" part="helper" ?hidden=${()=>f.value||!e.helper.value}>
|
|
2198
2395
|
${e.helper}
|
|
2199
2396
|
</div>
|
|
2200
2397
|
<div
|
|
2201
2398
|
class="helper-text helper-text-error"
|
|
2202
|
-
id="${
|
|
2399
|
+
id="${v}"
|
|
2203
2400
|
role="alert"
|
|
2204
2401
|
part="error"
|
|
2205
|
-
?hidden=${()=>!
|
|
2402
|
+
?hidden=${()=>!f.value}>
|
|
2206
2403
|
${()=>e.error.value??``}
|
|
2207
2404
|
</div>
|
|
2208
2405
|
</div>
|
|
2209
|
-
`},shadow:{delegatesFocus:!0},styles:[...
|
|
2406
|
+
`},shadow:{delegatesFocus:!0},styles:[...W,k(Ne),I(`.dropzone`),Di]});var Ai=`@layer refine.base{:host{display:block}form{gap:var(--form-gap,var(--size-4,1rem));align-items:start;display:grid}}@layer refine.orientation{:host([orientation=horizontal]) form{flex-wrap:wrap;align-items:center;display:flex}}`,ji=`ore-form`;(0,c.define)(ji,{props:{disabled:c.prop.bool(!1),novalidate:c.prop.bool(!1),orientation:c.prop.oneOf([`horizontal`,`vertical`],`vertical`),size:c.prop.string(),validateOn:c.prop.oneOf([`submit`,`change`,`blur`,`input`],`submit`),variant:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=t.shadowRoot;(0,c.bind)({attr:{orientation:e.orientation}}),(0,c.provide)(Q,{disabled:(0,u.computed)(()=>!!e.disabled.value),size:e.size,validateOn:(0,u.computed)(()=>e.validateOn.value??`submit`),variant:e.variant});function i(e){let t=e,i=r?.querySelector(`form`);if(!i)return;e.preventDefault();let a=new FormData(i);n(`submit`,{formData:a,originalEvent:t})}function a(e){n(`reset`,{originalEvent:e})}return c.html`
|
|
2210
2407
|
<form
|
|
2211
2408
|
part="form"
|
|
2212
2409
|
:novalidate="${e.novalidate}"
|
|
@@ -2215,7 +2412,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
2215
2412
|
@reset="${a}">
|
|
2216
2413
|
<slot></slot>
|
|
2217
2414
|
</form>
|
|
2218
|
-
`},shadow:{delegatesFocus:!1},styles:[
|
|
2415
|
+
`},shadow:{delegatesFocus:!1},styles:[Ai]});var Mi=`@layer refine.base{:host{--_radius:var(--message-composer-radius,var(--rounded-2xl));--_padding:var(--message-composer-padding,var(--size-3));--_surface:var(--_bg);width:fit-content;max-width:100%;display:flex}:host([fullwidth]){width:100%}.composer{gap:var(--message-composer-gap,var(--_gap));width:100%;padding:var(--_padding);background:var(--_surface);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--shadow-2xs);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex;position:relative}:host(:not([disabled],[variant=bordered],[variant=flat])) .composer:hover{border-color:var(--color-contrast-400)}:host([error]:not([error=""])) .composer{border-color:var(--color-error)}:host([success]) .composer{border-color:var(--color-success)}.status-icon{width:var(--size-5);height:var(--size-5);top:var(--_padding);justify-content:center;align-items:center;display:none;position:absolute}.status-icon:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_padding)}.status-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--_padding)}:host([error]:not([error=""])) .status-icon,:host([success]) .status-icon{display:flex}.status-icon[data-status=error]{color:var(--color-error)}.status-icon[data-status=success]{color:var(--color-success)}.field{box-sizing:border-box;width:100%;min-width:0;min-height:var(--message-composer-min-height,1lh);font:inherit;font-size:var(--_font-size);line-height:var(--leading-relaxed);color:var(--text-color-body);resize:none;background:0 0;border:none;outline:none;padding:0}.field::placeholder{color:var(--message-composer-placeholder-color,var(--color-contrast-500))}.helper-text[hidden]{display:none}.helper-text{font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));padding-left:2px;padding-right:2px}.counter{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-400);align-self:flex-end;padding-left:2px;padding-right:2px}.counter.near-limit{color:var(--color-warning)}.counter.at-limit{color:var(--color-error)}.toolbar{gap:var(--message-composer-gap,var(--_gap));justify-content:space-between;align-items:center;display:flex}.toolbar-start,.toolbar-end{gap:var(--message-composer-gap,var(--_gap));align-items:center;min-width:0;display:flex}.send-btn{flex-shrink:0}}@layer refine.variants{:host(:not([disabled],[variant=flat])) .composer:focus-within{--_surface:var(--color-canvas);border-color:var(--_theme-focus);box-shadow:var(--_theme-shadow)}:host([error]:not([error=""])) .composer:focus-within{border-color:var(--color-error);box-shadow:var(--color-error-focus-shadow)}:host([success]) .composer:focus-within{border-color:var(--color-success);box-shadow:var(--color-success-focus-shadow)}}:host([loading]:not([disabled])){opacity:1}:host([loading]:not([disabled])) .composer{pointer-events:auto}:host([disabled]){opacity:1}:host([disabled]) .composer{background:var(--color-contrast-100);border-color:var(--color-contrast-200);box-shadow:none}:host([disabled]) .field{color:var(--color-contrast-400)}:host([disabled]) .field::placeholder{color:var(--color-contrast-300)}`,Ni=`Send message`,Pi=`arrow-up`,Fi=`ore-message-composer`;(0,c.define)(Fi,{formAssociated:!0,props:{...q,...J,...Y,...Se,"clear-on-send":c.prop.bool(!0),error:c.prop.string(),fullwidth:c.prop.bool(!1),helper:c.prop.string(),label:c.prop.string(),maxlength:c.prop.json(void 0),name:c.prop.string(),placeholder:c.prop.string(),readonly:c.prop.bool(!1),ref:c.prop.data(),required:c.prop.bool(!1),rows:c.prop.json(void 0),"send-icon":c.prop.string(),"send-label":c.prop.string(),"send-shortcut":c.prop.oneOf([`enter`,`mod+enter`],`enter`),success:c.prop.bool(!1),value:c.prop.string(),variant:c.prop.string()},setup(e){let t=(0,c.useEmit)(),n=(0,c.useSlots)(),r=(0,c.inject)(Q),i=$(e,r),a=i.disabled,o=Z(c.onCleanup),s=(0,c.ref)(),d=Ie(),f=Xe({disabled:a,error:e.error,helper:e.helper,maxLength:e.maxlength,onInput:(e,n)=>t(`input`,{originalEvent:e,value:n}),prefix:`composer`,readonly:e.readonly,required:e.required,signal:o,validateOn:r?.validateOn,value:e.value});f.attachFormField((0,h.useField)({disabled:f.disabled,onReset:()=>{f.reset(),d.recompute()},toFormValue:e=>e,validationMessage:f.validationMessage,validity:f.validity,value:f.value}));function p(n){t(`send`,{originalEvent:n,value:f.value.value.trim()})&&e[`clear-on-send`].value!==!1&&(f.clear(),d.recompute(),s.value?.focus())}let m=rt({disabled:a,loading:(0,u.computed)(()=>!!e.loading.value),onSend:p,sendShortcut:e[`send-shortcut`],value:f.value});return(0,c.onElement)(s,t=>{let n=f.wire(t),r=d.wire(t),i=Le(e.ref,t),a=e=>m.handleKeydown(e);return t.addEventListener(`keydown`,a),()=>{t.removeEventListener(`keydown`,a),n(),r(),i()}}),(0,c.bind)({attr:{error:Nn(f.errorText),size:i.size,success:()=>e.success.value&&!f.errorText.value?!0:void 0,variant:i.variant}}),c.html`
|
|
2219
2416
|
<div class="composer" part="composer">
|
|
2220
2417
|
<textarea
|
|
2221
2418
|
class="field"
|
|
@@ -2234,13 +2431,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
2234
2431
|
:aria-describedby="${f.ariaDescribedBy}"
|
|
2235
2432
|
:aria-errormessage="${f.ariaErrorMessage}"
|
|
2236
2433
|
:aria-invalid="${f.ariaInvalid}"></textarea>
|
|
2237
|
-
|
|
2238
|
-
<div id="${f.assistiveId}" class="helper-text" aria-live="polite" part="helper" ?hidden="${()=>!!f.errorText.value||!f.helperText.value}">
|
|
2239
|
-
${()=>f.helperText.value}
|
|
2240
|
-
</div>
|
|
2241
|
-
<div id="${f.errorId}" class="helper-text" role="alert" part="error" ?hidden="${()=>!f.errorText.value}">
|
|
2242
|
-
${()=>f.errorText.value}
|
|
2243
|
-
</div>
|
|
2434
|
+
${Ln(f.errorText)} ${Rn(f)}
|
|
2244
2435
|
<div class="toolbar" part="toolbar">
|
|
2245
2436
|
<div class="toolbar-start" part="toolbar-start">
|
|
2246
2437
|
<slot name="prefix"></slot>
|
|
@@ -2256,16 +2447,16 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
2256
2447
|
variant="solid"
|
|
2257
2448
|
:color="${()=>e.color.value||`primary`}"
|
|
2258
2449
|
:size="${i.size}"
|
|
2259
|
-
:label="${()=>e[`send-label`].value||
|
|
2450
|
+
:label="${()=>e[`send-label`].value||Ni}"
|
|
2260
2451
|
?loading="${()=>!!e.loading.value}"
|
|
2261
2452
|
?disabled="${()=>!m.canSend.value}"
|
|
2262
2453
|
@click="${e=>m.send(e)}">
|
|
2263
|
-
<ore-icon name="${()=>e[`send-icon`].value||
|
|
2454
|
+
<ore-icon name="${()=>e[`send-icon`].value||Pi}" size="16"></ore-icon>
|
|
2264
2455
|
</ore-button>`}
|
|
2265
2456
|
</div>
|
|
2266
2457
|
</div>
|
|
2267
2458
|
</div>
|
|
2268
|
-
`},shadow:{delegatesFocus:!0},styles:[N,C,w,j,F,I(`.field`),k(
|
|
2459
|
+
`},shadow:{delegatesFocus:!0},styles:[N,C,w,j,F,I(`.field`),k(Ae),Mi,U({container:`.composer`,text:`.field`,tokenPrefix:`message-composer`})]});var Ii=`@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}`,Li=`ore-number-input`;(0,c.define)(Li,{formAssociated:!0,props:{...q,...J,...Y,...X,error:c.prop.string(),fullwidth:c.prop.bool(!1),helper:c.prop.string(),label:c.prop.string(),"label-placement":c.prop.oneOf([`inset`,`outside`],`inset`),"large-step":c.prop.json(void 0),loading:c.prop.bool(!1),max:c.prop.json(void 0),min:c.prop.json(void 0),name:c.prop.string(),placeholder:c.prop.string(),readonly:c.prop.bool(!1),ref:c.prop.data(),step:c.prop.number(1),success:c.prop.bool(!1),value:c.prop.json(void 0),variant:c.prop.string()},setup(e){let t=(0,c.useEmit)(),n=c.watchEffect,r=$(e,(0,c.inject)(Q)),i=(0,u.computed)(()=>r.disabled.value||e.loading.value),a=(0,u.computed)(()=>!!e.readonly.value),o=(0,u.signal)(e.value.value==null?``:String(e.value.value));(0,u.watch)(e.value,e=>{let t=e==null?``:String(e);o.value!==t&&(o.value=t)});function s(){let e=o.value.trim();if(!e)return null;let t=Number.parseFloat(e);return Number.isNaN(t)?null:t}function l(n,r){let i=e.min.value==null?void 0:Number(e.min.value),a=e.max.value==null?void 0:Number(e.max.value),s=n==null?null:(0,p.clamp)(n,i,a),c=s==null?``:String(s);o.value!==c&&(o.value=c),t(`change`,{originalEvent:r,value:s})}let d=St({commit:l,disabled:i,largeStep:e[`large-step`],max:e.max,min:e.min,parse:s,readonly:a,step:e.step}),f=(0,c.ref)(),m=null,h=null,g=null,_=r=>{if(!r){m?.(),h?.(),g?.dispose(),m=null,h=null,g=null,e.ref.value?.(null);return}r.setAttribute(`inputmode`,`decimal`),r.setAttribute(`role`,`spinbutton`);let i=e=>{let t=e.target.value,n=t===``?null:Number.parseFloat(t);l(Number.isNaN(n??NaN)?null:n,e)},c=e=>{let n=e.target.value,r=n===``?null:Number.parseFloat(n);o.value=n,t(`input`,{originalEvent:e,value:Number.isNaN(r??NaN)?null:r})};r.addEventListener(`change`,i),r.addEventListener(`input`,c),h=()=>{r.removeEventListener(`change`,i),r.removeEventListener(`input`,c)},m=n(()=>{let t=s();t==null?r.removeAttribute(`aria-valuenow`):r.setAttribute(`aria-valuenow`,String(t)),e.min.value==null?r.removeAttribute(`aria-valuemin`):r.setAttribute(`aria-valuemin`,String(e.min.value)),e.max.value==null?r.removeAttribute(`aria-valuemax`):r.setAttribute(`aria-valuemax`,String(e.max.value)),a.value?r.setAttribute(`aria-readonly`,`true`):r.removeAttribute(`aria-readonly`)}),e.ref.value?.(r),g=(0,u.watch)(e.ref,e=>{e?.(r)})};(0,c.onElement)(f,e=>{e.ref=_}),(0,c.bind)({attr:{size:r.size,value:()=>o.value||null,variant:r.variant}});let v=(0,u.computed)(()=>i.value||a.value);return c.html`
|
|
2269
2460
|
<ore-input
|
|
2270
2461
|
class="field"
|
|
2271
2462
|
part="field control"
|
|
@@ -2281,9 +2472,11 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
2281
2472
|
:color="${()=>e.color.value??``}"
|
|
2282
2473
|
:variant="${()=>e.variant.value??``}"
|
|
2283
2474
|
:rounded="${()=>e.rounded.value}"
|
|
2284
|
-
?disabled="${
|
|
2475
|
+
?disabled="${r.disabled}"
|
|
2285
2476
|
?readonly="${a}"
|
|
2286
2477
|
?fullwidth="${()=>e.fullwidth.value}"
|
|
2478
|
+
?loading="${()=>e.loading.value}"
|
|
2479
|
+
?success="${()=>e.success.value}"
|
|
2287
2480
|
@keydown="${e=>d.handleKeydown(e)}">
|
|
2288
2481
|
<button
|
|
2289
2482
|
slot="prefix"
|
|
@@ -2304,7 +2497,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
2304
2497
|
<ore-icon name="plus" size="14" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2305
2498
|
</button>
|
|
2306
2499
|
</ore-input>
|
|
2307
|
-
`},shadow:{delegatesFocus:!0},styles:[
|
|
2500
|
+
`},shadow:{delegatesFocus:!0},styles:[j,Ii]});var Ri=`@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)}}`,zi=`ore-otp-input`;(0,c.define)(zi,{formAssociated:!0,props:{...q,...J,...Y,label:c.prop.string(`One-time password`),length:c.prop.number(6),masked:c.prop.bool(!1),name:c.prop.string(),separator:c.prop.string(),type:c.prop.oneOf([`numeric`,`alphanumeric`],`numeric`),value:c.prop.string(),variant:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=$(e,(0,c.inject)(Q)),i=(0,u.computed)(()=>Number(e.length.value)||6),a=r.disabled,o=(0,u.computed)(()=>Array.from({length:i.value},(e,t)=>t)),s=(0,u.signal)(String(e.value.value||``)),l=()=>String(e.value.value||``);(0,h.useField)({disabled:a,toFormValue:e=>e,value:s}),(0,c.bind)({attr:{size:r.size,value:()=>s.value||null,variant:r.variant}});function d(){return[...t.shadowRoot?.querySelectorAll(`input.cell`)??[]]}let f=ft({getItems:()=>d(),keys:{next:[`ArrowRight`],prev:[`ArrowLeft`]},loop:!1,onNavigate:(e,t)=>{d()[t]?.focus()},signal:Z(c.onCleanup)});function p(){return d().map(e=>e.value).join(``)}function m(e){let t=d(),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)}),s.value=p()}function g(e,t){let r=d(),i=p(),a=t??(i.length===r.length&&i.split(``).every(Boolean));s.value=i,n(`change`,{complete:a,originalEvent:e,value:i}),a&&n(`complete`,{originalEvent:e,value:i})}function _(t){return e.type.value===`numeric`?/^\d$/.test(t):/^[a-z\d]$/i.test(t)}function v(e,t){let n=e.target,r=n.value;if(r.length>1&&(r=r.slice(-1)),r&&!_(r)){n.value=``;return}n.value=r;let i=d();g(e),r&&t<i.length-1&&(i[t+1].focus(),i[t+1].select())}function y(e,t){let n=e.target,r=d();if(f.set(t),e.key===`Backspace`){if(n.value)n.value=``;else if(t>0){let e=r[f.navigate(`prev`)];e&&(e.select(),e.value=``)}g(e,!1),e.preventDefault()}else f.handleKeydown(e)}function b(e){e.preventDefault();let t=(e.clipboardData?.getData(`text`)??``).split(``).filter(e=>_(e)).slice(0,i.value),n=d();t.forEach((e,t)=>{n[t]&&(n[t].value=e)}),g(e),n[Math.min(t.length,n.length-1)]?.focus()}(0,u.watch)(e.value,e=>{m(String(e||``))}),(0,u.watch)(e.length,()=>{requestAnimationFrame(()=>m(l()))});let x=(0,u.computed)(()=>{let t=Number(e.length.value)||6;return e.separator.value==null?-1:Math.floor(t/2)});return(0,c.onMounted)(()=>{m(l())}),c.html`
|
|
2308
2501
|
<div class="otp-group" part="group" role="group" :aria-label="${e.label}">
|
|
2309
2502
|
${()=>o.value.map(t=>c.html`
|
|
2310
2503
|
${()=>x.value>0&&t===x.value?c.html`<span class="separator" aria-hidden="true">${()=>e.separator.value||`-`}</span>`:``}
|
|
@@ -2323,7 +2516,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
2323
2516
|
@focus="${e=>e.target.select()}" />
|
|
2324
2517
|
`)}
|
|
2325
2518
|
</div>
|
|
2326
|
-
`},styles:[N,k({}),I(`.cell`),
|
|
2519
|
+
`},styles:[N,k({}),I(`.cell`),Ri,U({accentVar:`--_cell-focus-border`,container:`.cell`,tokenPrefix:`otp-cell`})]});var Bi=`@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}}`,Vi=(0,c.createContext)(`OreRadioGroup`),Hi=`ore-radio-group`;(0,c.define)(Hi,{formAssociated:!0,props:{...q,...J,...Y,error:c.prop.string(),helper:c.prop.string(),label:c.prop.string(),name:c.prop.string(),orientation:c.prop.oneOf([`horizontal`,`vertical`],`vertical`),required:c.prop.bool(!1),value:{...c.prop.string(),reflect:!1}},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=(0,c.useSlots)(),i=c.watchEffect,a=(0,c.inject)(Q),o=$(e,a),s=Qe({disabled:o.disabled,error:e.error,helper:e.helper,label:e.label,prefix:`radio-group`,required:e.required,signal:Z(c.onCleanup),validateOn:a?.validateOn,value:e.value});s.attachFormField((0,h.useField)({disabled:s.disabled,onReset:s.reset,toFormValue:e=>e,validationMessage:s.validationMessage,validity:s.validity,value:s.formValue}));let u=s.selectedValue,d=o.disabled;(0,c.bind)({attr:{size:o.size,value:()=>u.value||null}});let f=()=>Bt(t,`ore-radio`),p=()=>d.value?[]:f().filter(e=>!e.hasAttribute(`disabled`)),m=e=>Vt(f(),e),g=(e,t)=>{s.setValues(e?[e]:[]);let r=e?[m(e)]:[];n(`change`,{labels:r,originalEvent:t,values:e?[e]:[]}),s.triggerValidation(`blur`)};(0,c.provide)(Vi,{color:e.color,disabled:d,name:e.name,select:g,size:e.size,value:u}),i(()=>{r.elements().value,u.value;let t=f();for(let n of t){let t=n.getAttribute(`value`)??``;n.toggleAttribute(`checked`,t===u.value),e.name.value?n.setAttribute(`name`,e.name.value):n.removeAttribute(`name`),e.color.value?n.setAttribute(`color`,e.color.value):n.removeAttribute(`color`),e.size.value?n.setAttribute(`size`,e.size.value):n.removeAttribute(`size`),n.toggleAttribute(`disabled`,d.value)}}),i(()=>{r.elements().value;let e=f(),t=!1;for(let n of e){let e=n.getAttribute(`value`)===u.value;n.setAttribute(`tabindex`,e&&!d.value?`0`:`-1`),e&&!d.value&&(t=!0)}if(!t&&e.length>0){let t=e.find(e=>!e.hasAttribute(`disabled`));t&&t.setAttribute(`tabindex`,`0`)}});let _=ft({getItems:p,keys:{next:[`ArrowDown`,`ArrowRight`],prev:[`ArrowUp`,`ArrowLeft`]},loop:!0,onNavigate:(e,t,n)=>{let r=p()[t];r&&(r.focus(),r.tagName===`ORE-RADIO`&&g(r.getAttribute(`value`)??``,n))},signal:Z(c.onCleanup)});(0,c.bind)({on:{change:e=>{e.target!==t&&(e.stopPropagation(),g(e.target.getAttribute(`value`)??``,e))},keydown:e=>{let t=p();if(!t.length)return;let n=t.indexOf(document.activeElement);n!==-1&&(_.set(n),_.handleKeydown(e))}}});let v=(0,c.createStableId)(`radio-group-legend`);return c.html`
|
|
2327
2520
|
<fieldset
|
|
2328
2521
|
role="radiogroup"
|
|
2329
2522
|
aria-required="${()=>String(!!e.required.value)}"
|
|
@@ -2346,15 +2539,15 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
2346
2539
|
${()=>s.errorText.value||s.helperText.value}
|
|
2347
2540
|
</div>
|
|
2348
2541
|
</fieldset>
|
|
2349
|
-
`},styles:[
|
|
2542
|
+
`},styles:[A,Bi]});var Ui=`@layer refine.base{:host{--_size:var(--radio-size,var(--size-5));--_font-size:var(--radio-font-size,var(--text-sm));--_bg:var(--radio-bg,var(--color-contrast-200));--_border:var(--radio-border-color,var(--color-contrast-300));gap:var(--_gap,var(--size-2));min-height:var(--_touch-target);cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex}.radio-wrapper{width:var(--_size);height:var(--_size);flex-shrink:0;display:block;position:relative}.circle{box-sizing:border-box;width:var(--_size);height:var(--_size);background:var(--_bg);border:var(--border-2) solid var(--_border);transition:background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:50%;position:relative}:host(:focus-visible) .circle{box-shadow:var(--_focus-shadow)}.dot{background:var(--_dot-color);opacity:0;width:50%;height:50%;transition:opacity var(--transition-spring), transform var(--transition-spring);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.label{font-size:var(--_font-size);color:var(--color-contrast)}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:calc(var(--_size) + var(--size-2))}.helper-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--_size) + var(--size-2))}.helper-text[role=alert]{color:var(--color-error)}}@layer refine.overrides{:host{--_active-bg:var(--radio-checked-bg,var(--_theme-base));--_dot-color:var(--radio-color,var(--_theme-contrast));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .circle{background:var(--_active-bg);border-color:var(--_active-bg)}:host([checked]) .dot{opacity:1;transform:translate(-50%,-50%)scale(1)}}`,Wi=`ore-radio`;(0,c.define)(Wi,{formAssociated:!0,props:{...q,...J,...Y,checked:c.prop.bool(!1),error:c.prop.string(),helper:c.prop.string(),name:c.prop.string(),value:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=(0,c.inject)(Vi),i=(0,c.inject)(Q),a=$(e,i),o=(0,u.computed)(()=>r?.name.value||e.name.value||``),s=(0,u.computed)(()=>r?.size.value??a.size.value),l=(0,u.computed)(()=>r?.color.value??e.color.value),d=(0,u.computed)(()=>r?r.value.value===e.value.value:!!e.checked.value),f=()=>{let e=o.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=ft({direction:()=>mt(t),getItems:()=>f(),loop:!0,onNavigate:(e,t,n)=>{let r=f()[t];r&&(r.focus(),p(r,n))},orientation:`both`,signal:Z(c.onCleanup)}),g=t=>{if(!_.checked.value){if(r){r.select(e.value.value??``,t);return}_.toggle(t??new Event(`change`))}},_=tt({checked:d,disabled:(0,u.computed)(()=>a.disabled.value||!!r?.disabled.value),error:e.error,helper:e.helper,onToggle:e=>{n(`change`,e)},prefix:`radio`,signal:Z(c.onCleanup),validateOn:i?.validateOn,value:e.value});_.attachFormField((0,h.useField)({disabled:_.disabled,toFormValue:e=>e,value:_.checkableFormValue}));let{assistiveId:v,checked:y,disabled:b,errorText:x,helperText:S,labelId:C,toggle:w}=_;return(0,c.bind)({attr:{ariaChecked:()=>y.value?`true`:`false`,ariaDescribedby:()=>x.value||S.value?v:null,ariaDisabled:()=>b.value?`true`:null,ariaInvalid:()=>x.value?`true`:null,ariaLabelledby:C,checked:y,color:l,disabled:()=>b.value?!0:void 0,name:()=>o.value||void 0,role:`radio`,size:s,tabindex:()=>{if(!b.value)return y.value?0:-1}},class:()=>({"is-checked":y.value,"is-disabled":b.value}),on:{click:n=>{if(!b.value)if(r)r.select(e.value.value??``,n);else{if(!o.value)return;if(!y.value){let r=e.name.value;document.querySelectorAll(`ore-radio[name="${r}"]`).forEach(e=>{e!==t&&e.removeAttribute(`checked`)}),w(n)}}},keydown:e=>{if(e.key===` `||e.key===`Enter`){e.preventDefault(),g(e);return}let n=f();if(n.length===0)return;let r=n.indexOf(t);r!==-1&&(m.set(r),m.handleKeydown(e))}}}),c.html`
|
|
2350
2543
|
<div class="radio-wrapper" part="radio">
|
|
2351
2544
|
<div class="circle" part="circle">
|
|
2352
2545
|
<div class="dot" part="dot"></div>
|
|
2353
2546
|
</div>
|
|
2354
2547
|
</div>
|
|
2355
2548
|
<span class="label" part="label" id="${C}"><slot></slot></span>
|
|
2356
|
-
${
|
|
2357
|
-
`},styles:[N,L,A,C,k(
|
|
2549
|
+
${In(v,x,S)}
|
|
2550
|
+
`},styles:[N,L,A,C,k(De),Ui]});var Gi=`@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}}`,Ki=`ore-rating`;(0,c.define)(Ki,{formAssociated:!0,props:{...q,...J,...Y,error:c.prop.string(),helper:c.prop.string(),label:c.prop.string(`Rating`),max:c.prop.number(5),name:c.prop.string(),readonly:c.prop.bool(!1),solid:c.prop.bool(!1),value:c.prop.number(0)},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=(0,c.inject)(Q),i=$(e,r),a=(0,u.computed)(()=>{let t=Math.max(1,Number(e.max.value)||5),n=Number(e.value.value);return Math.min(t,Math.max(0,Number.isFinite(n)?n:0))}),o=(0,h.useField)({disabled:i.disabled,value:(0,u.computed)(()=>String(a.value||0))}),s=e=>{r?.validateOn?.value===e&&o.reportValidity()},l=(0,c.createStableId)(`helper`),d=Be({error:e.error,helper:e.helper}),f=(0,u.computed)(()=>d.value.errorText),p=(0,u.computed)(()=>d.value.helperText),m=(0,u.computed)(()=>f.value||p.value?l:null),g=(0,u.computed)(()=>!e.readonly.value&&!i.disabled.value),_=(0,u.signal)(null),v=(0,u.computed)(()=>_.value??a.value),y=()=>[...t.shadowRoot?.querySelectorAll(`[data-star]`)??[]],b=Ct({max:(0,u.computed)(()=>Number(e.max.value)||5),min:(0,u.signal)(1),step:(0,u.signal)(1)});function x(e){let n=t.shadowRoot?.querySelector(`.sparkle-layer`),r=t.shadowRoot?.querySelector(`[data-star="${e}"]`);if(!n||!r)return;let i=r.offsetLeft+r.offsetWidth/2,a=r.offsetTop+r.offsetHeight/2;for(let e=0;e<10;e++){let t=document.createElement(`span`),r=360/10*e+(Math.random()*30-15),o=18+Math.random()*20,s=3+Math.random()*4,c=380+Math.random()*220;t.className=`sparkle`,t.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(`;`),n.appendChild(t),t.addEventListener(`animationend`,()=>t.remove(),{once:!0})}}function S(r,i){if(!g.value)return;let o=Math.max(1,Number(e.max.value)||5),c=Math.min(o,Math.max(0,r));c!==a.value&&(t.setAttribute(`value`,String(c)),n(`change`,{originalEvent:i,value:c}),s(`change`),x(c))}function C(e,t){let n=b.nextFromKey(e.key,t);n!=null&&(e.preventDefault(),S(n,e),y()[n-1]?.focus())}let w=(0,u.computed)(()=>{let t=Number(e.max.value)||5;return Array.from({length:t},(e,t)=>t+1)});return(0,c.bind)({attr:{size:i.size}}),c.html`
|
|
2358
2551
|
<div
|
|
2359
2552
|
class="stars"
|
|
2360
2553
|
part="stars"
|
|
@@ -2379,8 +2572,8 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
2379
2572
|
</button>`)}
|
|
2380
2573
|
<div class="sparkle-layer"></div>
|
|
2381
2574
|
</div>
|
|
2382
|
-
${
|
|
2383
|
-
`},styles:[N,k({}),C,w,
|
|
2575
|
+
${In(l,f,p)}
|
|
2576
|
+
`},styles:[N,k({}),C,w,Gi]});var qi=`@layer refine.base{:host{--_size:var(--slider-size,var(--size-5));--_height:var(--slider-height,var(--size-3));--_track:var(--slider-track-bg,var(--color-contrast-300));--_fill:var(--slider-fill,var(--color-neutral));--_thumb:var(--slider-thumb-bg,var(--color-contrast-100));--_thumb-size:calc(var(--_size) - var(--size-1));--_font-size:var(--text-sm);--_shadow:var(--color-neutral-focus-shadow);gap:var(--_gap,var(--size-3));touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;width:100%;display:inline-flex;position:relative}}.slider-container{width:100%;height:var(--_size);min-height:var(--_touch-target);flex:1;align-items:center;display:flex;position:relative}.slider-track{width:100%;height:var(--_height);background:var(--_track);border-radius:var(--rounded-full);position:relative}.slider-fill{top:0;left:var(--_fill-start,0%);width:var(--_fill-width,0%);background:var(--_fill);border-radius:var(--rounded-full);height:100%;transition:left var(--transition-normal), width var(--transition-normal);position:absolute}:host([data-dragging]) .slider-fill{transition:none}.slider-thumb{z-index:1;width:var(--_thumb-size);height:var(--_thumb-size);cursor:grab;background:var(--_thumb);border:2px solid var(--_fill);border-radius:var(--rounded-full);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal), transform var(--transition-fast), left var(--transition-normal);will-change:transform;position:absolute;top:50%;transform:translate(-50%,-50%)}:host([data-dragging]) .slider-thumb{transition:box-shadow var(--transition-normal), transform var(--transition-fast)}.slider-thumb-sole{left:var(--_thumb-pos,0%)}:host(:focus-visible) .slider-thumb-sole,:host(:active) .slider-thumb-sole{box-shadow:var(--_shadow);transform:translate(-50%,-50%)scale(1.1)}.slider-thumb-start{left:var(--_thumb-start,0%)}.slider-thumb-end{left:var(--_thumb-end,100%)}.slider-thumb-start:focus-visible,.slider-thumb-end:focus-visible{z-index:2;cursor:grabbing;outline:var(--border-2) solid var(--_fill);outline-offset:2px;box-shadow:var(--_shadow);transform:translate(-50%,-50%)scale(1.1)}:host(:not([range])) .slider-thumb-start,:host(:not([range])) .slider-thumb-end,:host([range]) .slider-thumb-sole{display:none}@media (forced-colors:active){:host(:focus-visible) .slider-thumb-sole{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}@layer refine.overrides{:host{--_fill:var(--slider-fill,var(--_theme-base));--_shadow:var(--_theme-shadow)}}.label{font-size:var(--_font-size);color:var(--color-contrast);white-space:nowrap}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text[role=alert]{color:var(--color-error)}@media (pointer:coarse){:host{--_thumb-size:calc(var(--_size) + var(--size-2));--_size:var(--size-7)}}`,Ji=(e,t)=>n=>{e()&&t(n)},Yi=`ore-slider`;(0,c.define)(Yi,{formAssociated:!0,props:{...q,...J,...Y,error:c.prop.string(),from:c.prop.number(0),"from-value-text":c.prop.string(),helper:c.prop.string(),max:c.prop.number(100),min:c.prop.number(0),name:c.prop.string(),range:c.prop.bool(!1),step:c.prop.number(1),to:c.prop.number(100),"to-value-text":c.prop.string(),value:c.prop.number(0),"value-text":c.prop.string()},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=(0,c.useSlots)(),i=e.range.value,a=Ct({max:e.max,min:e.min,step:e.step}),o=(0,c.inject)(Q),s=$(e,o),l=(0,u.signal)(!1),d=s.disabled,f=(0,u.signal)(void 0),p=(0,c.createStableId)(`helper`),m=Be({error:e.error,helper:e.helper}),g=(0,u.computed)(()=>m.value.errorText),_=(0,u.computed)(()=>m.value.helperText),v=(0,u.computed)(()=>g.value||_.value?p:null);(0,c.bind)({attr:{"data-dragging":()=>l.value?!0:void 0,size:s.size}});let y,b=(0,u.signal)(`0`);i||(y=(0,h.useField)({disabled:d,value:b}),(0,u.watch)(e.value,e=>{b.value=String(e)},{immediate:!0}),(0,c.bind)({attr:{ariaDescribedby:()=>v.value??null,ariaDisabled:()=>d.value?`true`:null,ariaLabelledby:()=>f.value??null,ariaValuemax:()=>a.max(),ariaValuemin:()=>a.min(),ariaValuenow:()=>Number(b.value||0),ariaValuetext:()=>e[`value-text`].value??null,role:()=>`slider`,tabindex:()=>d.value?null:`0`}}));let x=(0,u.signal)(0),S=(0,u.signal)(100);i&&(y=(0,h.useField)({disabled:d,toFormValue:({from:t,to:n})=>{let r=e.name.value;if(!r)return null;let i=new FormData;return i.append(`${r}[from]`,String(t)),i.append(`${r}[to]`,String(n)),i},value:(0,u.computed)(()=>({from:x.value,to:S.value}))}),(0,u.watch)(e.from,e=>{x.value=a.snap(Number(e))},{immediate:!0}),(0,u.watch)(e.to,e=>{S.value=a.snap(Number(e))},{immediate:!0}));let C=(0,c.ref)(),w=(0,c.ref)(),T=(0,c.ref)(),E=(0,c.ref)(),D=(0,c.createStableId)(`slider-start`),O=(0,c.createStableId)(`slider-end`),k=e=>{let n=a.toPercent(e);t.style.setProperty(`--_thumb-pos`,`${n}%`),t.style.setProperty(`--_fill-start`,`0%`),t.style.setProperty(`--_fill-width`,`${n}%`)},A=()=>{let e=a.toPercent(x.value),n=a.toPercent(S.value);t.style.setProperty(`--_thumb-start`,`${e}%`),t.style.setProperty(`--_thumb-end`,`${n}%`),t.style.setProperty(`--_fill-start`,`${e}%`),t.style.setProperty(`--_fill-width`,`${n-e}%`)},j=e=>{o?.validateOn?.value===e&&y?.reportValidity()},M=t=>{A();let r=e=>{let n=t.getBoundingClientRect();return a.fromClientX(e,n)},i=null,o=e=>{i===`start`?x.value=Math.min(a.snap(e),S.value):i===`end`&&(S.value=Math.max(a.snap(e),x.value)),x.value=a.clamp(x.value),S.value=a.clamp(S.value),A(),n(`change`,{from:x.value,to:S.value,value:{from:x.value,to:S.value}}),j(`change`)};(0,c.onEvent)(t,`pointerdown`,Ji(()=>!d.value,e=>{e.preventDefault();let t=r(e.clientX);i=Math.abs(t-x.value)<=Math.abs(t-S.value)?`start`:`end`,e.target.setPointerCapture(e.pointerId),o(t)})),(0,c.onEvent)(t,`pointermove`,Ji(()=>!!i,e=>{e.preventDefault(),l.value||=!0,o(r(e.clientX))})),(0,c.onEvent)(t,`pointerup`,Ji(()=>!!i,e=>{e.preventDefault(),i=null,l.value=!1,e.target.releasePointerCapture(e.pointerId)}));let s=(e,t)=>r=>{if(d.value)return;let i=a.nextFromKey(r.key,e());i!==null&&(r.preventDefault(),t(a.snap(i)),A(),n(`change`,{from:x.value,originalEvent:r,to:S.value,value:{from:x.value,to:S.value}}),j(`change`))},u=T.value,f=E.value;u&&((0,c.onEvent)(u,`keydown`,s(()=>x.value,e=>{x.value=Math.min(e,S.value)})),(0,c.onCleanup)((0,c.aria)(u,{label:`Range start`,valuemax:()=>S.value,valuemin:()=>a.min(),valuenow:()=>x.value,valuetext:()=>e[`from-value-text`].value??null}))),f&&((0,c.onEvent)(f,`keydown`,s(()=>S.value,e=>{S.value=Math.max(e,x.value)})),(0,c.onCleanup)((0,c.aria)(f,{label:`Range end`,valuemax:()=>a.max(),valuemin:()=>x.value,valuenow:()=>S.value,valuetext:()=>e[`to-value-text`].value??null})))},ee=e=>{k(Number(b.value));let r=t=>{if(d.value)return;let r=e.getBoundingClientRect(),i=a.fromClientX(t,r);Number(b.value)!==i&&(b.value=i.toString(),k(i),n(`change`,{value:i}),j(`change`))},i=!1;(0,c.onEvent)(e,`pointerdown`,Ji(()=>!d.value,e=>{e.preventDefault(),i=!0,r(e.clientX),e.target.setPointerCapture(e.pointerId)})),(0,c.onEvent)(e,`pointermove`,Ji(()=>i,e=>{e.preventDefault(),l.value||=!0,r(e.clientX)})),(0,c.onEvent)(e,`pointerup`,Ji(()=>i,e=>{e.preventDefault(),i=!1,l.value=!1,e.target.releasePointerCapture(e.pointerId)})),(0,c.onEvent)(t,`keydown`,Ji(()=>!d.value,e=>{let t=Number(b.value||0),r=a.nextFromKey(e.key,t);if(r===null)return;e.preventDefault();let i=a.clamp(r);i!==t&&(b.value=i.toString(),k(i),n(`change`,{originalEvent:e,value:i}),j(`change`))}))};return(0,c.onMounted)(()=>{let e=C.value;if(e){if(r.has().value&&w.value){let e=(0,c.createStableId)(`slider-label`);w.value.id=e,i||(f.value=e)}i?M(e):ee(e)}}),c.html`
|
|
2384
2577
|
<div class="slider-container" part="slider" ref=${C}>
|
|
2385
2578
|
<div class="slider-track" part="track">
|
|
2386
2579
|
<div class="slider-fill" part="fill"></div>
|
|
@@ -2404,98 +2597,98 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
2404
2597
|
</div>
|
|
2405
2598
|
</div>
|
|
2406
2599
|
<span class="label" part="label" ref=${w}><slot></slot></span>
|
|
2407
|
-
${
|
|
2408
|
-
`},styles:[A,N,k(
|
|
2600
|
+
${In(p,g,_)}
|
|
2601
|
+
`},styles:[A,N,k(ke),qi,C]});var Xi=`@layer refine.base{:host{--_width:var(--switch-width,var(--size-10));--_height:var(--switch-height,var(--size-5));--_padding:var(--size-0-5);--_thumb-size:calc(var(--_height) - var(--_padding) * 2);--_track-bg:var(--switch-track-bg,var(--color-contrast-300));--_thumb-bg:var(--switch-thumb-bg,white);--_font-size:var(--switch-font-size,var(--text-sm));gap:var(--_gap,var(--size-2-5));min-height:var(--_touch-target);touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex}.switch-wrapper{flex-shrink:0;display:flex}.switch-track{width:var(--_width);height:var(--_height);background:var(--_track-bg);border-radius:var(--rounded-full);transition:background var(--transition-normal), box-shadow var(--transition-normal);position:relative}.switch-thumb{top:var(--_padding);width:var(--_thumb-size);height:var(--_thumb-size);background:var(--_thumb-bg);border-radius:var(--rounded-full);box-shadow:var(--shadow-sm);transition:transform var(--transition-spring), box-shadow var(--transition-normal);will-change:transform;position:absolute}.switch-thumb:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--_padding)}.switch-thumb:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_padding)}:host(:focus-visible) .switch-track{box-shadow:var(--_focus-shadow)}.label{font-size:var(--_font-size);color:var(--color-contrast)}}@layer refine.overrides{:host{--_active-bg:var(--switch-checked-bg,var(--_theme-base));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .switch-track{background:var(--_active-bg)}:host([checked]) .switch-thumb{transform:translateX(calc(var(--_width) - var(--_height)))}:host(:dir(rtl)[checked]) .switch-thumb{transform:translateX(calc(-1 * (var(--_width) - var(--_height))))}:host(:hover:not([disabled],[checked])) .switch-track{background:var(--color-contrast-400)}:host(:hover:not([disabled])[checked]) .switch-track{filter:brightness(1.1)}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:calc(var(--_width) + var(--size-2-5))}.helper-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--_width) + var(--size-2-5))}.helper-text[role=alert]{color:var(--color-error)}}`,Zi=`ore-switch`;(0,c.define)(Zi,{formAssociated:!0,props:{...q,...J,...Y,checked:c.prop.bool(!1),error:c.prop.string(),helper:c.prop.string(),name:c.prop.string(),value:c.prop.string(`on`)},setup(e){let t=(0,c.useEmit)(),n=(0,c.inject)(Q),r=$(e,n),i=tt({checked:e.checked,clearIndeterminateFirst:!1,disabled:r.disabled,error:e.error,helper:e.helper,onToggle:e=>{i.triggerValidation(`change`),t(`change`,e)},prefix:`switch`,signal:Z(c.onCleanup),validateOn:n?.validateOn,value:e.value});i.attachFormField((0,h.useField)({disabled:i.disabled,toFormValue:e=>e,value:i.checkableFormValue}));let{assistiveId:a,checked:o,disabled:s,errorText:l,handleClick:u,handleKeydown:d,helperText:f,labelId:p}=i;return Pn(r.size,{assistiveId:a,checked:o,disabled:s,errorText:l,handleClick:u,handleKeydown:d,helperText:f,labelId:p},`switch`),c.html`
|
|
2409
2602
|
<div class="switch-wrapper" part="switch">
|
|
2410
2603
|
<div class="switch-track" part="track">
|
|
2411
2604
|
<div class="switch-thumb" part="thumb"></div>
|
|
2412
2605
|
</div>
|
|
2413
2606
|
</div>
|
|
2414
2607
|
<span class="label" part="label" id="${p}"><slot></slot></span>
|
|
2415
|
-
${
|
|
2416
|
-
`},styles:[N,L,A,k(
|
|
2608
|
+
${In(a,l,f)}
|
|
2609
|
+
`},styles:[N,L,A,C,k(Oe),Xi]});var Qi=`@layer refine.base{:host{--_font-size:var(--textarea-font-size,var(--text-sm));--_gap:var(--textarea-gap,var(--size-2));--_padding:var(--textarea-padding,var(--size-2) var(--size-3));--_radius:var(--textarea-radius,var(--rounded-lg));--_placeholder:var(--textarea-placeholder-color,var(--color-contrast-500));--_bg:var(--textarea-bg,var(--color-contrast-100));--_border-color:var(--textarea-border-color,var(--color-contrast-300));--_min-height:var(--textarea-min-height,var(--size-24));--_max-height:var(--textarea-max-height,none);--_resize:var(--textarea-resize,vertical);flex-direction:column;align-items:stretch;min-width:12rem;display:inline-flex}.textarea-wrapper{gap:var(--size-1);flex-direction:column;min-width:0;display:flex}:host(:not([label-placement=outside])) .textarea-wrapper{position:relative}:host(:not([label-placement=outside])) .label{z-index:1;pointer-events:none;top:var(--size-2);position:absolute}:host(:not([label-placement=outside])) .label:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .textarea-wrapper:has(.label:not([hidden])) .field{padding-top:calc(var(--size-2) + 1lh + 2px)}.field{box-sizing:border-box;min-width:0;padding:var(--_padding);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--shadow-2xs);transition:background var(--transition-fast), backdrop-filter var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);display:grid;position:relative}.status-icon,.field-spinner{top:var(--size-2);position:absolute}.status-icon:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),.field-spinner:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-2)}.status-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-2)}.field-spinner:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-2)}.status-icon{width:var(--size-5);height:var(--size-5);justify-content:center;align-items:center;display:none}:host([error]:not([error=""])) .status-icon,:host([success]) .status-icon{display:flex}.status-icon[data-status=error]{color:var(--color-error)}.status-icon[data-status=success]{color:var(--color-success)}@keyframes spin{to{transform:rotate(360deg)}}.field-spinner{width:var(--size-4);height:var(--size-4);border:var(--border-2) solid var(--_theme-focus,currentcolor);animation:var(--_motion-animation,spin var(--transition-loader) infinite);border-radius:50%;display:none}.field-spinner:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.field-spinner:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}:host([loading]) .field-spinner{display:inline-block}.label,label.label{font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);color:var(--color-contrast-500);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast);margin-bottom:2px}:host([label-placement=outside]) .label,:host([label-placement=outside]) label.label{font-size:var(--text-sm);line-height:var(--leading-none);margin-bottom:0}.helper-text[hidden]{display:none}.helper-text{font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));padding-left:2px;padding-right:2px}textarea{box-sizing:border-box;min-width:12rem;min-height:var(--_min-height);max-height:var(--_max-height);font:inherit;font-size:var(--_font-size);line-height:var(--leading-relaxed);color:var(--textarea-color,var(--text-color-body));resize:vertical;background:0 0;border:none;outline:none;padding:0}textarea::placeholder{color:var(--_placeholder);transition:color var(--transition-fast)}textarea:focus-visible{outline:none}.counter{margin-top:var(--size-1);font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-400);transition:color var(--transition-fast);align-self:flex-end;padding-left:2px;padding-right:2px}.counter.near-limit{color:var(--color-warning)}.counter.at-limit{color:var(--color-error)}:host(:not([disabled],[variant=bordered],[variant=flat])) .field:hover{border-color:var(--color-contrast-400)}:host(:not([disabled])) .field:focus-within~.label{color:var(--_theme-focus)}:host(:not([disabled])) .textarea-wrapper:has(.field:focus-within) .label{color:var(--_theme-focus)}:host([error]:not([error=""])) .field{border-color:var(--color-error)}:host([error]:not([error=""])) .label{color:var(--color-error)}:host([success]) .field{border-color:var(--color-success)}}@layer refine.variants{:host(:not([disabled],[variant=flat])) .field:focus-within{background:var(--color-canvas);border-color:var(--_theme-focus);box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow))}:host([error]:not([error=""])) .field:focus-within{border-color:var(--color-error);box-shadow:var(--color-error-focus-shadow)}:host([success]) .field:focus-within{border-color:var(--color-success);box-shadow:var(--color-success-focus-shadow)}}@layer refine.utilities{:host([auto-resize]) textarea{overflow:hidden}:host([fullwidth]){width:100%}}:host([disabled]){opacity:1}:host([disabled]) .field{background:var(--color-contrast-100);border-color:var(--color-contrast-200);box-shadow:none}:host([disabled]) textarea{color:var(--color-contrast-400)}:host([disabled]) textarea::placeholder{color:var(--color-contrast-300)}:host([disabled]) .label{color:var(--color-contrast-400)}`,$i=`ore-textarea`;(0,c.define)($i,{formAssociated:!0,props:{...q,...J,...Y,...X,"auto-resize":c.prop.bool(!1),error:c.prop.string(),fullwidth:c.prop.bool(!1),helper:c.prop.string(),label:c.prop.string(),"label-placement":c.prop.oneOf([`inset`,`outside`],`inset`),loading:c.prop.bool(!1),maxlength:c.prop.json(void 0),name:c.prop.string(),"no-resize":c.prop.bool(!1),placeholder:c.prop.string(),readonly:c.prop.bool(!1),ref:c.prop.data(),required:c.prop.bool(!1),resize:c.prop.string(),rows:c.prop.json(void 0),success:c.prop.bool(!1),value:c.prop.string(),variant:c.prop.string()},setup(e){let t=(0,c.useEmit)(),n=c.watchEffect,r=(0,c.inject)(Q),i=$(e,r),a=(0,c.ref)(),o=Ie({enabled:e[`auto-resize`]}),s=(0,u.computed)(()=>i.disabled.value||e.loading.value),d=Z(c.onCleanup),f=Xe({disabled:s,error:e.error,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],maxLength:e.maxlength,onChange:(e,n)=>{t(`change`,{originalEvent:e,value:n})},onInput:(e,n)=>{t(`input`,{originalEvent:e,value:n})},prefix:`textarea`,readonly:e.readonly,required:e.required,signal:d,validateOn:r?.validateOn,value:e.value});f.attachFormField((0,h.useField)({disabled:f.disabled,onReset:()=>{f.reset(),requestAnimationFrame(()=>o.recompute())},toFormValue:e=>e,validationMessage:f.validationMessage,validity:f.validity,value:f.value}));let{ariaDescribedBy:p,ariaErrorMessage:m,ariaInvalid:g,ariaLabelledBy:_,assistiveId:v,counter:y,errorId:b,errorText:x,fieldId:S,helperText:C,labelId:w,labelVisible:T}=f;return(0,c.onElement)(a,t=>{let r=f.wire(t),i=o.wire(t),a=Le(e.ref,t),s=n(()=>{t.style.resize=e[`auto-resize`].value||e[`no-resize`].value?`none`:e.resize.value||`vertical`,requestAnimationFrame(()=>o.recompute())});return()=>{a(),r(),i(),s()}}),(0,c.bind)({attr:{error:Nn(x),size:i.size,success:()=>e.success.value&&!x.value?!0:void 0,variant:i.variant}}),c.html`
|
|
2417
2610
|
<div class="textarea-wrapper" part="wrapper">
|
|
2418
|
-
<label class="label" part="label" for="${
|
|
2611
|
+
<label class="label" part="label" for="${S}" id="${w}" ?hidden="${()=>!T.value}"
|
|
2419
2612
|
>${e.label}</label
|
|
2420
2613
|
>
|
|
2421
2614
|
<div class="field" part="field">
|
|
2422
2615
|
<textarea
|
|
2423
2616
|
part="textarea"
|
|
2424
2617
|
ref="${a}"
|
|
2425
|
-
id="${
|
|
2618
|
+
id="${S}"
|
|
2426
2619
|
:name="${e.name}"
|
|
2427
2620
|
:placeholder="${e.placeholder}"
|
|
2428
2621
|
:rows="${e.rows}"
|
|
2429
2622
|
:maxlength="${e.maxlength}"
|
|
2430
|
-
?disabled="${
|
|
2623
|
+
?disabled="${s}"
|
|
2431
2624
|
?readonly="${e.readonly}"
|
|
2432
2625
|
?required="${e.required}"
|
|
2433
|
-
:value="${(0,l.live)(
|
|
2434
|
-
:aria-describedby="${
|
|
2435
|
-
:aria-errormessage="${
|
|
2436
|
-
:aria-invalid="${
|
|
2437
|
-
:aria-labelledby="${
|
|
2438
|
-
|
|
2439
|
-
|
|
2440
|
-
|
|
2441
|
-
|
|
2442
|
-
|
|
2443
|
-
<div id="${y}" class="helper-text" role="alert" part="error" ?hidden="${()=>!b.value}">
|
|
2444
|
-
${()=>b.value}
|
|
2445
|
-
</div>
|
|
2626
|
+
:value="${(0,l.live)(f.value)}"
|
|
2627
|
+
:aria-describedby="${p}"
|
|
2628
|
+
:aria-errormessage="${m}"
|
|
2629
|
+
:aria-invalid="${g}"
|
|
2630
|
+
:aria-labelledby="${_}"
|
|
2631
|
+
:aria-busy="${()=>e.loading.value?`true`:null}"></textarea>
|
|
2632
|
+
${Ln(x)}
|
|
2633
|
+
<span class="field-spinner" part="spinner" role="status" aria-label="Loading"></span>
|
|
2634
|
+
</div>
|
|
2635
|
+
${Rn({assistiveId:v,counter:y,errorId:b,errorText:x,helperText:C})}
|
|
2446
2636
|
</div>
|
|
2447
|
-
`},shadow:{delegatesFocus:!0},styles:[...
|
|
2637
|
+
`},shadow:{delegatesFocus:!0},styles:[...W,k(Ee),I(`textarea`),Qi,U({container:`.field`,text:`textarea`,tokenPrefix:`textarea`})]});var ea=`@layer refine.base{:host{--_selected-bg:var(--time-picker-selected-bg,var(--_theme-focus));--_hover-bg:var(--time-picker-option-hover-bg,color-mix(in oklch, var(--_selected-bg) 12%, transparent));--_bg:var(--time-picker-bg,var(--color-canvas));--_border-color:var(--time-picker-border-color,var(--color-contrast-200));--_radius:var(--time-picker-radius,var(--rounded-xl));display:inline-block}:host([fullwidth]){display:block}:host([color=secondary]){--_selected-bg:var(--time-picker-selected-bg,var(--_theme-base))}[hidden]{display:none!important}.trigger{cursor:pointer}.trigger::part(input){cursor:pointer;caret-color:#0000;-webkit-user-select:none;user-select:none}.dropdown{z-index:var(--z-dropdown,200);pointer-events:none;background:var(--time-picker-bg,var(--_bg));border:var(--border) solid var(--time-picker-border-color,var(--_border-color));border-radius:var(--time-picker-radius,var(--_radius));min-width:12rem;box-shadow:var(--time-picker-shadow,var(--shadow-lg));opacity:0;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);flex-direction:column;display:flex;position:fixed;inset:0 auto auto 0;overflow:hidden}.dropdown[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.dropdown[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.cols-row{flex-direction:row;align-items:stretch;display:flex}.col,.col-sep{flex-direction:column;align-items:center;display:flex}.col{min-width:var(--size-14);border-bottom:var(--border) solid var(--_border-color);flex:1}.col-period{min-width:var(--size-16);flex:none}.col-label{width:100%;padding:var(--size-1) var(--size-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-contrast-400);text-align:center;letter-spacing:.05em;border-bottom:var(--border) solid var(--_border-color)}.col-scroll{width:100%;max-height:11rem;padding-block:var(--size-1);scrollbar-width:thin;overflow-y:auto}.col-sep{padding-top:var(--size-8);padding-inline:var(--size-0-5);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-contrast-500);-webkit-user-select:none;user-select:none;border-bottom:var(--border) solid var(--_border-color);flex-shrink:0;justify-content:center;align-items:center;display:flex}.option{height:var(--size-8);padding-inline:var(--size-2);margin-inline:var(--size-1);font-size:var(--text-sm);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);outline:none;justify-content:center;align-items:center;display:flex}.option:hover:not([data-disabled]){color:var(--color-contrast-900);background:var(--_hover-bg)}.option:focus-visible{box-shadow:0 0 0 2px var(--_selected-bg)}.option[aria-selected=true]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_selected-bg)}.option[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}@media (prefers-reduced-motion:reduce){.option{transition:none}}}`;function ta(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 na(e,t){return`${String(e).padStart(2,`0`)}:${String(t).padStart(2,`0`)}`}function ra(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 na(e,t)}function ia(e,t,n,r){let i=e*60+t,a=ta(n),o=ta(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 aa=`ore-time-picker`;(0,c.define)(aa,{formAssociated:!0,props:{...q,...J,...Y,...X,error:c.prop.string(),fullwidth:c.prop.bool(!1),helper:c.prop.string(),label:c.prop.string(),"label-placement":c.prop.oneOf([`inset`,`outside`],`inset`),max:c.prop.string(),min:c.prop.string(),"minute-step":c.prop.number(5),name:c.prop.string(),placeholder:c.prop.string(),required:c.prop.bool(!1),success:c.prop.bool(!1),"time-format":c.prop.oneOf([`12`,`24`],`24`),value:c.prop.string(),variant:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=(0,u.signal)(!1),i=(0,u.signal)(ta(e.value.value)),a=(0,c.ref)(),o=(0,c.ref)(),s=gt({getFloating:()=>o.value??null,getReference:()=>a.value??null,matchWidth:!1,offsetPx:4}),l=null,d=$(e,(0,c.inject)(Q)),f=d.disabled;(0,h.useField)({disabled:f,toFormValue:e=>e||null,value:(0,u.computed)(()=>{let e=i.value;return e?na(e.hours,e.minutes):``})});let p=(0,u.computed)(()=>e[`time-format`].value??`24`),m=(0,u.computed)(()=>Math.max(1,Math.min(59,e[`minute-step`].value??5))),g=(0,u.computed)(()=>i.value?ra(i.value.hours,i.value.minutes,p.value):e.placeholder.value||``),_=(0,u.computed)(()=>p.value===`12`?Array.from({length:12},(e,t)=>t+1):Array.from({length:24},(e,t)=>t)),v=(0,u.computed)(()=>{let e=m.value,t=[];for(let n=0;n<60;n+=e)t.push(n);return t}),y=`time-picker-${Math.random().toString(36).slice(2,9)}-dropdown`;function b(e){if(p.value===`24`)return e;let t=e%12;return t===0?12:t}function x(e,t){return p.value===`24`?e:t===`AM`?e===12?0:e:e===12?12:e+12}function S(t,n){let r=t*60+n,i=ta(e.min.value),a=ta(e.max.value);return!!(i&&r<i.hours*60+i.minutes||a&&r>a.hours*60+a.minutes)}let C=(0,u.signal)(i.value?.hours??0),w=(0,u.signal)(i.value?.minutes??0),T=(0,u.signal)((i.value?.hours??0)>=12?`PM`:`AM`),E=e.value.value;(0,c.onMounted)(()=>{let t=setInterval(()=>{let t=e.value.value;if(t!==E){E=t;let e=ta(t);i.value=e,e&&(C.value=e.hours,w.value=e.minutes,T.value=e.hours>=12?`PM`:`AM`)}},50);return()=>clearInterval(t)});function D(t,r){let a=ia(t,r,e.min.value,e.max.value),o=Math.round(a.minutes/m.value)*m.value,s=Math.min(o,59);i.value={hours:a.hours,minutes:s},n(`change`,{value:na(a.hours,s)})}function O(e){let t=p.value===`12`?x(C.value,T.value):C.value;w.value=e,D(t,e),A()}function k(){if(f.value)return;let e=i.value;e?(C.value=p.value===`12`?b(e.hours):e.hours,w.value=e.minutes,T.value=e.hours>=12?`PM`:`AM`):(C.value=p.value===`12`?12:0,w.value=0,T.value=`AM`),r.value=!0,s.update(),l=s.startAutoUpdate?.()??null}function A(){r.value=!1,l?.(),l=null}function j(){r.value?A():k()}function M(e){r.value&&(e.composedPath().includes(t)||A())}(0,c.onMounted)(()=>(document.addEventListener(`pointerdown`,M,{capture:!0}),()=>{document.removeEventListener(`pointerdown`,M,{capture:!0}),l?.(),l=null}));function ee(e){f.value||(e.key===`Enter`||e.key===` `?(e.preventDefault(),j()):e.key===`Escape`&&r.value?(e.preventDefault(),A()):(e.key===`ArrowDown`||e.key===`ArrowUp`)&&!r.value&&(e.preventDefault(),k()))}function N(e){e.key===`Escape`&&(e.preventDefault(),A())}function P(e){let t=_.value,n=t.indexOf(C.value);e.key===`ArrowUp`?(e.preventDefault(),C.value=t[(n-1+t.length)%t.length]):e.key===`ArrowDown`&&(e.preventDefault(),C.value=t[(n+1)%t.length])}function F(e){let t=v.value,n=t.indexOf(w.value);e.key===`ArrowUp`?(e.preventDefault(),w.value=t[(n-1+t.length)%t.length]):e.key===`ArrowDown`&&(e.preventDefault(),w.value=t[(n+1)%t.length])}function I(e){(e.key===`ArrowUp`||e.key===`ArrowDown`)&&(e.preventDefault(),T.value=T.value===`AM`?`PM`:`AM`)}return(0,c.bind)({attr:{open:()=>r.value?!0:void 0}}),c.html`
|
|
2448
2638
|
<!-- Trigger -->
|
|
2449
2639
|
<ore-input
|
|
2450
2640
|
class="trigger"
|
|
2641
|
+
ref="${a}"
|
|
2451
2642
|
readonly
|
|
2452
2643
|
tabindex="0"
|
|
2453
2644
|
role="combobox"
|
|
2454
2645
|
aria-haspopup="listbox"
|
|
2455
|
-
aria-controls="${
|
|
2646
|
+
aria-controls="${y}"
|
|
2456
2647
|
:aria-expanded="${()=>String(r.value)}"
|
|
2457
|
-
:aria-disabled="${()=>
|
|
2458
|
-
:value="${()=>
|
|
2648
|
+
:aria-disabled="${()=>f.value?`true`:null}"
|
|
2649
|
+
:value="${()=>g.value}"
|
|
2459
2650
|
:label="${()=>e.label.value??``}"
|
|
2460
2651
|
:placeholder="${()=>e.placeholder.value??``}"
|
|
2461
2652
|
:label-placement="${()=>e[`label-placement`].value??`inset`}"
|
|
2462
2653
|
:color="${()=>e.color?.value??void 0}"
|
|
2463
|
-
:size="${()=>
|
|
2464
|
-
:variant="${()=>
|
|
2654
|
+
:size="${()=>d.size?.value??void 0}"
|
|
2655
|
+
:variant="${()=>d.variant?.value??void 0}"
|
|
2465
2656
|
:rounded="${()=>e.rounded?.value??void 0}"
|
|
2466
2657
|
:helper="${()=>e.helper.value??``}"
|
|
2467
2658
|
:error="${()=>e.error.value??``}"
|
|
2468
|
-
?disabled="${()=>
|
|
2659
|
+
?disabled="${()=>f.value?!0:void 0}"
|
|
2469
2660
|
?required="${()=>e.required.value?!0:void 0}"
|
|
2470
2661
|
?fullwidth="${()=>e.fullwidth.value?!0:void 0}"
|
|
2471
|
-
|
|
2472
|
-
@
|
|
2662
|
+
?success="${()=>e.success.value}"
|
|
2663
|
+
@click="${j}"
|
|
2664
|
+
@keydown="${ee}">
|
|
2473
2665
|
<ore-icon slot="suffix" name="clock" size="16" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
2474
2666
|
</ore-input>
|
|
2475
2667
|
|
|
2476
2668
|
<!-- Dropdown -->
|
|
2477
2669
|
<div
|
|
2478
2670
|
class="dropdown"
|
|
2479
|
-
|
|
2671
|
+
ref="${o}"
|
|
2672
|
+
id="${y}"
|
|
2480
2673
|
role="listbox"
|
|
2481
2674
|
aria-label="${()=>e.label.value?`${e.label.value} — select time`:`Select time`}"
|
|
2482
2675
|
?data-open="${r}"
|
|
2483
|
-
@keydown="${
|
|
2676
|
+
@keydown="${N}">
|
|
2484
2677
|
<div class="cols-row">
|
|
2485
2678
|
<!-- Hours column -->
|
|
2486
2679
|
<div class="col" part="column" role="group" aria-label="Hours">
|
|
2487
2680
|
<div class="col-label" aria-hidden="true">HH</div>
|
|
2488
2681
|
<div class="col-scroll">
|
|
2489
|
-
${()=>
|
|
2682
|
+
${()=>_.value.map(e=>{let t=S(p.value===`12`?x(e,T.value):e,w.value);return c.html`<div
|
|
2490
2683
|
class="option"
|
|
2491
2684
|
part="option"
|
|
2492
2685
|
role="option"
|
|
2493
|
-
tabindex="${()=>
|
|
2494
|
-
:aria-selected="${()=>String(
|
|
2686
|
+
tabindex="${()=>C.value===e&&!t?`0`:`-1`}"
|
|
2687
|
+
:aria-selected="${()=>String(C.value===e)}"
|
|
2495
2688
|
:aria-disabled="${()=>String(t)}"
|
|
2496
2689
|
?data-disabled="${()=>t}"
|
|
2497
|
-
@click="${()=>{t||(
|
|
2498
|
-
@keydown="${
|
|
2690
|
+
@click="${()=>{t||(C.value=e)}}"
|
|
2691
|
+
@keydown="${P}">
|
|
2499
2692
|
${String(e).padStart(2,`0`)}
|
|
2500
2693
|
</div>`})}
|
|
2501
2694
|
</div>
|
|
@@ -2507,40 +2700,40 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
2507
2700
|
<div class="col" part="column" role="group" aria-label="Minutes">
|
|
2508
2701
|
<div class="col-label" aria-hidden="true">MM</div>
|
|
2509
2702
|
<div class="col-scroll">
|
|
2510
|
-
${()=>
|
|
2703
|
+
${()=>v.value.map(e=>{let t=S(p.value===`12`?x(C.value,T.value):C.value,e);return c.html`<div
|
|
2511
2704
|
class="option"
|
|
2512
2705
|
part="option"
|
|
2513
2706
|
role="option"
|
|
2514
|
-
tabindex="${()=>
|
|
2515
|
-
:aria-selected="${()=>String(
|
|
2707
|
+
tabindex="${()=>w.value===e&&!t?`0`:`-1`}"
|
|
2708
|
+
:aria-selected="${()=>String(w.value===e)}"
|
|
2516
2709
|
:aria-disabled="${()=>String(t)}"
|
|
2517
2710
|
?data-disabled="${()=>t}"
|
|
2518
|
-
@click="${()=>{t||
|
|
2519
|
-
@keydown="${
|
|
2711
|
+
@click="${()=>{t||O(e)}}"
|
|
2712
|
+
@keydown="${F}">
|
|
2520
2713
|
${String(e).padStart(2,`0`)}
|
|
2521
2714
|
</div>`})}
|
|
2522
2715
|
</div>
|
|
2523
2716
|
</div>
|
|
2524
2717
|
|
|
2525
2718
|
<!-- AM/PM column (12h mode only) -->
|
|
2526
|
-
${()=>
|
|
2719
|
+
${()=>p.value===`12`?c.html` <div class="col col-period" part="column" role="group" aria-label="Period">
|
|
2527
2720
|
<div class="col-label" aria-hidden="true">AM/PM</div>
|
|
2528
2721
|
<div class="col-scroll">
|
|
2529
2722
|
${[`AM`,`PM`].map(e=>c.html`<div
|
|
2530
2723
|
class="option"
|
|
2531
2724
|
part="option"
|
|
2532
2725
|
role="option"
|
|
2533
|
-
tabindex="${()=>
|
|
2534
|
-
:aria-selected="${()=>String(
|
|
2535
|
-
@click="${()=>{
|
|
2536
|
-
@keydown="${
|
|
2726
|
+
tabindex="${()=>T.value===e?`0`:`-1`}"
|
|
2727
|
+
:aria-selected="${()=>String(T.value===e)}"
|
|
2728
|
+
@click="${()=>{T.value=e}}"
|
|
2729
|
+
@keydown="${I}">
|
|
2537
2730
|
${e}
|
|
2538
2731
|
</div>`)}
|
|
2539
2732
|
</div>
|
|
2540
2733
|
</div>`:c.html``}
|
|
2541
2734
|
</div>
|
|
2542
2735
|
</div>
|
|
2543
|
-
`},shadow:{delegatesFocus:!0},styles:[N,w,Oi]});var Pi=`@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%}}`,Fi=`ore-box`;(0,c.define)(Fi,{props:{color:c.prop.string(),effect:c.prop.string(),elevation:c.prop.number(),fullwidth:c.prop.bool(),padding:c.prop.string(),rounded:c.prop.string(),variant:c.prop.string()},setup(){return c.html`<div class="box" part="box"><slot></slot></div>`},styles:[...ie,re(`.box`),ne(`.box`),Pi]});var Ii=`@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}}`,Li=`ore-grid-item`;(0,c.define)(Li,{props:{align:c.prop.string(),area:c.prop.string(),col:c.prop.string(),colSpan:c.prop.string(),justify:c.prop.string(),row:c.prop.string(),rowSpan:c.prop.string()},setup(e){let t=(0,u.computed)(()=>{let t=e.col.value,n=e.colSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)}),n=(0,u.computed)(()=>{let t=e.row.value,n=e.rowSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)});return(0,c.bind)({style:{gridArea:e.area,gridColumn:t,gridRow:n}}),c.html`<slot></slot>`},styles:[Ii]});var Ri=`@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%}}`,zi=[[`cols2xl`,`--size-screen-2xl`],[`colsXl`,`--size-screen-xl`],[`colsLg`,`--size-screen-lg`],[`colsMd`,`--size-screen-md`],[`colsSm`,`--size-screen-sm`]],Bi=[[`areas2xl`,`--size-screen-2xl`],[`areasXl`,`--size-screen-xl`],[`areasLg`,`--size-screen-lg`],[`areasMd`,`--size-screen-md`],[`areasSm`,`--size-screen-sm`]],Vi=(e,t,n)=>{let r=getComputedStyle(e).getPropertyValue(t).trim(),i=Number.parseFloat(r);return Number.isFinite(i)?i:n},Hi={"--size-screen-2xl":1536,"--size-screen-lg":1024,"--size-screen-md":768,"--size-screen-sm":640,"--size-screen-xl":1280},Ui=`ore-grid`;(0,c.define)(Ui,{props:{align:c.prop.string(),areas:c.prop.string(),areas2xl:c.prop.string(),areasLg:c.prop.string(),areasMd:c.prop.string(),areasSm:c.prop.string(),areasXl:c.prop.string(),cols:c.prop.string(),cols2xl:c.prop.string(),colsLg:c.prop.string(),colsMd:c.prop.string(),colsSm:c.prop.string(),colsXl:c.prop.string(),flow:c.prop.string(),fullwidth:c.prop.bool(!1),gap:c.prop.string(),justify:c.prop.string(),minColWidth:c.prop.string(),responsive:c.prop.bool(!1),rows:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=c.watchEffect,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 zi)if(n>=Vi(t,i,Hi[i])&&e[r].value){o=e[r].value;break}o||=e.cols.value||void 0;let s=r(o,i,a);s?t.style.setProperty(`--_cols`,s):t.style.removeProperty(`--_cols`)};n(()=>{e.cols.value,e.colsSm.value,e.colsMd.value,e.colsLg.value,e.colsXl.value,e.cols2xl.value,e.responsive.value,e.minColWidth.value,i()});let a=()=>{let n=t.offsetWidth,r=``;for(let[i,a]of Bi)if(n>=Vi(t,a,Hi[a])&&e[i].value){r=e[i].value;break}r||=e.areas.value||``,r?t.style.setProperty(`grid-template-areas`,r):t.style.removeProperty(`grid-template-areas`)};return n(()=>{let n=e.rows.value;n&&n!==`auto`?t.style.setProperty(`--_rows`,`repeat(${n}, 1fr)`):t.style.removeProperty(`--_rows`)}),n(()=>{e.areas.value,e.areasSm.value,e.areasMd.value,e.areasLg.value,e.areasXl.value,e.areas2xl.value,a()}),(0,c.onMounted)(()=>{let e=(0,g.resizeObserver)(t);n(()=>{e.value,i(),a()})}),c.html`<slot></slot>`},styles:[Ri]});var Wi=`@layer refine.base{:host{--_navbar-height:var(--navbar-height,var(--size-14));--_navbar-width:var(--navbar-width,min(100%, 80rem));--_navbar-offset:var(--navbar-offset,var(--size-3));--_navbar-bg:var(--navbar-bg,var(--color-canvas));--_navbar-color:var(--navbar-color,var(--color-contrast-900));--_navbar-border-color:var(--navbar-border-color,var(--color-divider));--_navbar-shadow:var(--navbar-shadow,var(--shadow-md));--_navbar-radius:var(--navbar-radius,var(--rounded-lg));box-sizing:border-box;width:100%;color:var(--_navbar-color);display:block}:host([data-mode=sticky]){z-index:var(--z-sticky);position:sticky;top:0}:host([data-mode=floating]){inset-inline:var(--_navbar-offset);top:var(--_navbar-offset);z-index:var(--z-sticky);position:fixed}:host([data-preview-mode][data-mode=floating]){inset-inline:var(--_navbar-offset);position:absolute;top:auto}:host([floating][sticky][data-scrolled]){width:100%;top:0;left:0;right:0}:host([data-preview-mode][floating][sticky][data-scrolled]){width:auto;position:absolute;top:auto;left:0;right:0}:host>nav{flex-direction:column;width:100%;display:flex;position:relative}.navbar{box-sizing:border-box;gap:var(--size-2);width:100%;max-width:var(--_navbar-width);min-height:var(--_navbar-height);padding:var(--size-2) var(--size-4);color:inherit;white-space:nowrap;background:var(--_navbar-bg);border-top:none;border-right:none;border-bottom:var(--border) solid var(--_navbar-border-color);-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transition:var(--_motion-transition,background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal));border-left:none;border-radius:0;flex-wrap:nowrap;align-items:center;margin-left:auto;margin-right:auto;display:flex;overflow:auto hidden}:host([data-mode=floating]) .navbar{border-top:var(--border) solid var(--_navbar-border-color);border-right:var(--border) solid var(--_navbar-border-color);border-bottom:var(--border) solid var(--_navbar-border-color);border-left:var(--border) solid var(--_navbar-border-color);border-radius:var(--_navbar-radius)}:host([data-mode=sticky]) .navbar,:host([floating][sticky][data-scrolled]) .navbar{border-left:none;border-right:none;border-radius:0;max-width:100%}:host([data-mode-transitioning][data-mode=sticky]) .navbar{animation:navbar-floating-to-sticky var(--transition-normal) var(--ease-in-out)}:host([data-mode-transitioning][data-mode=floating]) .navbar{animation:navbar-sticky-to-floating var(--transition-normal) var(--ease-in-out)}.navbar-logo,.navbar-start,.navbar-center,.navbar-end{white-space:nowrap;align-items:center;min-width:0;display:flex}.navbar-logo{flex:none}.navbar-start{gap:var(--size-1);flex:none}.navbar-center{gap:var(--size-1);flex:0 auto;justify-content:flex-start;min-width:0;display:flex}.navbar-end{gap:var(--size-1);flex:none}.navbar-end:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.navbar-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.mobile-toggle{width:var(--size-9);height:var(--size-9);color:var(--color-contrast-700);cursor:pointer;border:var(--border) solid transparent;border-radius:var(--rounded-md);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.mobile-toggle:hover{color:var(--color-contrast-900);background:var(--color-contrast-100);border-color:var(--color-contrast-200)}.mobile-toggle:focus-visible{outline:var(--focus-ring)}.mobile-menu-panel{z-index:1;box-sizing:border-box;width:100%;max-width:var(--_navbar-width);padding:var(--size-2);background:var(--_navbar-bg);border:var(--border) solid var(--_navbar-border-color);border-radius:var(--rounded-lg);box-shadow:var(--_shadow,var(--_navbar-shadow));-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transform-origin:top;animation:navbar-mobile-in var(--transition-fast) var(--ease-out);margin-top:var(--size-2);margin-left:auto;margin-right:auto;display:none;position:relative}:host([data-mobile][data-mobile-open]) .mobile-menu-panel:not([hidden]){gap:var(--size-1);display:grid}:host([data-mobile][data-mobile-open][data-mode=floating]) .mobile-menu-panel{margin-top:var(--size-1-5)}:host([data-mobile][data-mobile-open][data-mode=sticky]) .mobile-menu-panel,:host([data-mobile][data-mobile-open][floating][sticky][data-scrolled]) .mobile-menu-panel{z-index:2;border-radius:0 0 var(--rounded-md) var(--rounded-md);border-top:none;border-left:none;border-right:none;max-width:100%;margin:0;position:absolute;top:100%;left:0;right:0}:host([data-mobile]) .mobile-toggle:not([hidden]){order:-1;display:inline-flex}:host([data-mobile]) .navbar-start,:host([data-mobile]) .navbar-center,:host([data-mobile]) .navbar-end{display:none}:host([data-mobile][data-mobile-open]) .navbar{border-bottom-right-radius:var(--rounded-md);border-bottom-left-radius:var(--rounded-md)}@starting-style{.mobile-menu-panel{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}@keyframes navbar-mobile-in{0%{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}to{opacity:1;transform:translateY(0)}}@keyframes navbar-floating-to-sticky{0%{opacity:.92;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes navbar-sticky-to-floating{0%{opacity:.95;transform:translateY(-2px)scale(1)}to{opacity:1;transform:translateY(0)scale(.99)}}.item{box-sizing:border-box;gap:var(--size-1);min-height:var(--_touch-target);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--navbar-item-color,var(--color-contrast-700));white-space:nowrap;appearance:none;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.item:hover,.item:focus-visible{color:var(--navbar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--navbar-item-hover-bg,var(--color-contrast-100))}:host([active]) .item{color:var(--navbar-item-active-color,var(--color-primary));background:var(--navbar-item-active-bg,color-mix(in oklch, var(--color-primary) 12%, transparent))}:host([disabled]) .item,:host([disabled]) .item:hover,:host([disabled]) .item:focus-visible{color:var(--color-contrast-400);pointer-events:none;cursor:not-allowed;background:0 0;outline:none}.item-icon,.item-end{align-items:center;display:inline-flex}.item-label{white-space:nowrap;min-width:0}:host([navbar-mobile]){width:100%;display:block}:host([navbar-mobile]) .item{justify-content:flex-start;width:100%;display:flex}}@layer refine.variants{:host([variant=flat]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 88%, transparent);--_navbar-shadow:none}:host([variant=bordered]){--_navbar-bg:var(--color-canvas);--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 32%, transparent)}:host([variant=outline]){--_navbar-bg:transparent;--_navbar-shadow:none;--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 40%, transparent)}:host([variant=glass]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 70%, transparent);--navbar-backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([color]){--_navbar-border-color:color-mix(in oklch, var(--_theme-border) 30%, transparent)}}@media (width<=768px){@layer refine.base{:host([data-mode=floating]){inset-inline:var(--size-2);top:var(--size-2)}:host([floating][sticky][data-scrolled]){top:0;left:0;right:0}}}`,Gi=(e,t,n,r)=>e?(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)):()=>{},Ki=e=>!(e instanceof HTMLElement)||e.tagName.includes(`-`)||e.childElementCount>0?!0:(e.textContent??``).trim().length>0,qi=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},Ji=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},Yi=e=>{let t=Ji(e)?.clientWidth??0;return t>0?t:e.offsetWidth},Xi=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},Zi=(0,c.createContext)(`NavbarContext`),Qi=`ore-navbar`;(0,c.define)(Qi,{props:{breakpoint:c.prop.string(`(max-width: 768px)`),color:c.prop.string(),"container-breakpoints":c.prop.bool(!1),elevation:c.prop.number(),floating:c.prop.bool(!1),label:c.prop.string(`Main navigation`),"mobile-sidebar":c.prop.string(),rounded:c.prop.string(),"scroll-threshold":c.prop.number(80),sticky:c.prop.bool(!1),variant:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=(0,c.useSlots)(),i=()=>r.has(`logo`).value,a=()=>r.elements(`mobile-menu`).value.some(Ki),o=(0,u.signal)(null),s=(0,u.signal)(!1),l=(0,u.signal)(!1),d=(0,u.signal)(!1),f=(0,u.signal)(!1),p=(0,u.signal)(!1),m=(0,u.signal)(!1),h=(0,u.signal)(0),_=(0,u.signal)(!1),v=(0,u.signal)(!1),y=(0,u.signal)(qi(e.breakpoint.value)),b=(0,u.signal)(!1),x=()=>{let n=String(e[`mobile-sidebar`].value??``).trim();if(!n)return null;let r=t.getRootNode();return(r instanceof ShadowRoot||r instanceof Document?r.querySelector(n):null)??document.querySelector(n)};(0,c.provide)(Zi,{closeMobileMenu:()=>w(),isMobile:(0,u.computed)(()=>d.value),mobileMenuOpen:(0,u.computed)(()=>f.value)});let S=()=>{if(e.floating.value&&e.sticky.value)return m.value?`sticky`:`floating`;if(e.floating.value)return`floating`;if(e.sticky.value)return`sticky`},C=e=>{let t=!!e;if(!a()){let e=o.value??x();if(e){t?e.openMobile?.():e.closeMobile?.();return}}t&&!a()||f.value!==t&&(f.value=t,n(`mobile-menu-change`,{open:t}))},w=()=>C(!1),T=()=>C(!0),E=()=>{if(!a()){let e=o.value??x();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}}C(!f.value)},D=()=>{let e=(o.value&&!a()?s.value:!1)||_.value||v.value;d.value=e,e||w()},O=e=>e?e.scrollTop||0:window.scrollY||document.documentElement.scrollTop||0,k=e=>{h.value=O(e)},A=(t=null)=>{if(!(e.floating.value&&e.sticky.value)){m.value&&=!1;return}let n=Math.max(0,Number(e[`scroll-threshold`].value)||0),r=O(t)-h.value;m.value=r>n};return(0,c.bind)({attr:{"data-mobile":()=>d.value?!0:void 0,"data-mobile-open":()=>d.value&&f.value?!0:void 0,"data-mode":()=>S()??null,"data-mode-transitioning":()=>p.value?!0:void 0,"data-preview-mode":()=>b.value?!0:void 0,"data-scrolled":()=>e.floating.value&&e.sticky.value&&m.value?!0:void 0}}),(0,c.onMounted)(()=>{let n=t,r=Xi(t);n.closeMobileMenu=w,n.openMobileMenu=T,n.toggleMobileMenu=E;let i=Gi(window,`scroll`,()=>{A(r)},{passive:!0}),c=r?Gi(r,`scroll`,()=>{A(r)},{passive:!0}):void 0,d=Gi(t,`keydown`,e=>{e.key!==`Escape`||!f.value||w()}),h,C,O,j,M=()=>{C?.(),C=void 0,o.value=null,s.value=!1,l.value=!1;let e=x();if(!e)return;let t=t=>{let n=e.hasAttribute(`data-bottom-nav`),r=e.hasAttribute(`data-mobile-open`);s.value=n,l.value=t?.detail?t.detail.open:r,l.value&&!s.value&&(s.value=!0),D()},n=new MutationObserver(()=>{t()});t(),n.observe(e,{attributeFilter:[`data-bottom-nav`,`data-mobile-open`],attributes:!0}),e.addEventListener(`mobile-open-change`,t),C=()=>{n.disconnect(),e.removeEventListener(`mobile-open-change`,t)},o.value=e},ee=()=>{p.value=!0,O!=null&&clearTimeout(O),O=setTimeout(()=>{p.value=!1,O=void 0},220)},N=(0,u.watch)((0,u.computed)(()=>e.floating.value&&e.sticky.value),e=>{if(!e){m.value&&=!1,p.value&&=!1,j=void 0,O!=null&&(clearTimeout(O),O=void 0);return}k(r),A(r),j=S()},{immediate:!0}),P=(0,u.watch)(e[`mobile-sidebar`],()=>{M()},{immediate:!0}),F=(0,u.watch)((0,u.computed)(()=>S()),t=>{if(!(e.floating.value&&e.sticky.value)){j=t??void 0;return}let n=t??void 0;j&&n&&j!==n&&ee(),j=n},{immediate:!0}),I=(0,u.watch)((0,u.computed)(()=>a()),e=>{!e&&f.value&&w()},{immediate:!0});(0,u.watch)(e.breakpoint,n=>{h?.(),h=void 0;let r=String(n??``).trim();y.value=qi(r),_.value=!1;let i=Yi(t);if(v.value=i>0&&y.value!=null?i<=y.value:!1,D(),e[`container-breakpoints`].value&&y.value!=null||!r||typeof window.matchMedia!=`function`)return;let a=window.matchMedia(r),o=e=>{_.value=e,D()},s=e=>{o(e.matches)};o(a.matches),a.addEventListener(`change`,s),h=()=>{a.removeEventListener(`change`,s)}},{immediate:!0});let L=typeof ResizeObserver==`function`?(()=>{let e=(0,g.resizeObserver)(t),n=t.parentElement,r=Ji(t),i=n?(0,g.resizeObserver)(n):void 0,a=r&&r!==n?(0,g.resizeObserver)(r):void 0;return(0,u.watch)((0,u.computed)(()=>[e.value.width,e.value.height,i?.value.width,i?.value.height,a?.value.width,a?.value.height]),()=>{let e=Yi(t),n=Ji(t)?.clientWidth??0;v.value=e>0&&y.value!=null?e<=y.value:!1,b.value=n>0&&n<window.innerWidth,D()})})():void 0;return()=>{d?.(),i?.(),c?.(),N?.dispose(),F?.dispose(),I?.dispose(),P?.dispose(),h?.(),C?.(),L?.dispose(),O!=null&&(clearTimeout(O),O=void 0)}}),c.html`
|
|
2736
|
+
`},shadow:{delegatesFocus:!0},styles:[N,w,ea]});var oa=`@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%}}`,sa=`ore-box`;(0,c.define)(sa,{props:{color:c.prop.string(),effect:c.prop.string(),elevation:c.prop.number(),fullwidth:c.prop.bool(),padding:c.prop.string(),rounded:c.prop.string(),variant:c.prop.string()},setup(){return c.html`<div class="box" part="box"><slot></slot></div>`},styles:[...ie,ne(`.box`),te(`.box`),oa]});var ca=`@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}}`,la=`ore-grid-item`;(0,c.define)(la,{props:{align:c.prop.string(),area:c.prop.string(),col:c.prop.string(),colSpan:c.prop.string(),justify:c.prop.string(),row:c.prop.string(),rowSpan:c.prop.string()},setup(e){let t=(0,u.computed)(()=>{let t=e.col.value,n=e.colSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)}),n=(0,u.computed)(()=>{let t=e.row.value,n=e.rowSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)});return(0,c.bind)({style:{gridArea:e.area,gridColumn:t,gridRow:n}}),c.html`<slot></slot>`},styles:[ca]});var ua=`@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%}}`,da=[[`cols2xl`,`--size-screen-2xl`],[`colsXl`,`--size-screen-xl`],[`colsLg`,`--size-screen-lg`],[`colsMd`,`--size-screen-md`],[`colsSm`,`--size-screen-sm`]],fa=[[`areas2xl`,`--size-screen-2xl`],[`areasXl`,`--size-screen-xl`],[`areasLg`,`--size-screen-lg`],[`areasMd`,`--size-screen-md`],[`areasSm`,`--size-screen-sm`]],pa=(e,t,n)=>{let r=getComputedStyle(e).getPropertyValue(t).trim(),i=Number.parseFloat(r);return Number.isFinite(i)?i:n},ma={"--size-screen-2xl":1536,"--size-screen-lg":1024,"--size-screen-md":768,"--size-screen-sm":640,"--size-screen-xl":1280},ha=`ore-grid`;(0,c.define)(ha,{props:{align:c.prop.string(),areas:c.prop.string(),areas2xl:c.prop.string(),areasLg:c.prop.string(),areasMd:c.prop.string(),areasSm:c.prop.string(),areasXl:c.prop.string(),cols:c.prop.string(),cols2xl:c.prop.string(),colsLg:c.prop.string(),colsMd:c.prop.string(),colsSm:c.prop.string(),colsXl:c.prop.string(),flow:c.prop.string(),fullwidth:c.prop.bool(!1),gap:c.prop.string(),justify:c.prop.string(),minColWidth:c.prop.string(),responsive:c.prop.bool(!1),rows:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=c.watchEffect,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 da)if(n>=pa(t,i,ma[i])&&e[r].value){o=e[r].value;break}o||=e.cols.value||void 0;let s=r(o,i,a);s?t.style.setProperty(`--_cols`,s):t.style.removeProperty(`--_cols`)};n(()=>{e.cols.value,e.colsSm.value,e.colsMd.value,e.colsLg.value,e.colsXl.value,e.cols2xl.value,e.responsive.value,e.minColWidth.value,i()});let a=()=>{let n=t.offsetWidth,r=``;for(let[i,a]of fa)if(n>=pa(t,a,ma[a])&&e[i].value){r=e[i].value;break}r||=e.areas.value||``,r?t.style.setProperty(`grid-template-areas`,r):t.style.removeProperty(`grid-template-areas`)};return n(()=>{let n=e.rows.value;n&&n!==`auto`?t.style.setProperty(`--_rows`,`repeat(${n}, 1fr)`):t.style.removeProperty(`--_rows`)}),n(()=>{e.areas.value,e.areasSm.value,e.areasMd.value,e.areasLg.value,e.areasXl.value,e.areas2xl.value,a()}),(0,c.onMounted)(()=>{let e=(0,g.resizeObserver)(t);n(()=>{e.value,i(),a()})}),c.html`<slot></slot>`},styles:[ua]});var ga=`@layer refine.base{:host{--_navbar-height:var(--navbar-height,var(--size-14));--_navbar-width:var(--navbar-width,min(100%, 80rem));--_navbar-offset:var(--navbar-offset,var(--size-3));--_navbar-bg:var(--navbar-bg,var(--color-canvas));--_navbar-color:var(--navbar-color,var(--color-contrast-900));--_navbar-border-color:var(--navbar-border-color,var(--color-divider));--_navbar-shadow:var(--navbar-shadow,var(--shadow-md));--_navbar-radius:var(--navbar-radius,var(--rounded-lg));box-sizing:border-box;width:100%;color:var(--_navbar-color);display:block}:host([data-mode=sticky]){z-index:var(--z-sticky);position:sticky;top:0}:host([data-mode=floating]){inset-inline:var(--_navbar-offset);top:var(--_navbar-offset);z-index:var(--z-sticky);position:fixed}:host([data-preview-mode][data-mode=floating]){inset-inline:var(--_navbar-offset);position:absolute;top:auto}:host([floating][sticky][data-scrolled]){width:100%;top:0;left:0;right:0}:host([data-preview-mode][floating][sticky][data-scrolled]){width:auto;position:absolute;top:auto;left:0;right:0}:host>nav{flex-direction:column;width:100%;display:flex;position:relative}.navbar{box-sizing:border-box;gap:var(--size-2);width:100%;max-width:var(--_navbar-width);min-height:var(--_navbar-height);padding:var(--size-2) var(--size-4);color:inherit;white-space:nowrap;background:var(--_navbar-bg);border-top:none;border-right:none;border-bottom:var(--border) solid var(--_navbar-border-color);-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transition:var(--_motion-transition,background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal));border-left:none;border-radius:0;flex-wrap:nowrap;align-items:center;margin-left:auto;margin-right:auto;display:flex;overflow:auto hidden}:host([data-mode=floating]) .navbar{border-top:var(--border) solid var(--_navbar-border-color);border-right:var(--border) solid var(--_navbar-border-color);border-bottom:var(--border) solid var(--_navbar-border-color);border-left:var(--border) solid var(--_navbar-border-color);border-radius:var(--_navbar-radius)}:host([data-mode=sticky]) .navbar,:host([floating][sticky][data-scrolled]) .navbar{border-left:none;border-right:none;border-radius:0;max-width:100%}:host([data-mode-transitioning][data-mode=sticky]) .navbar{animation:navbar-floating-to-sticky var(--transition-normal) var(--ease-in-out)}:host([data-mode-transitioning][data-mode=floating]) .navbar{animation:navbar-sticky-to-floating var(--transition-normal) var(--ease-in-out)}.navbar-logo,.navbar-start,.navbar-center,.navbar-end{white-space:nowrap;align-items:center;min-width:0;display:flex}.navbar-logo{flex:none}.navbar-start{gap:var(--size-1);flex:none}.navbar-center{gap:var(--size-1);flex:0 auto;justify-content:flex-start;min-width:0;display:flex}.navbar-end{gap:var(--size-1);flex:none}.navbar-end:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.navbar-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.mobile-toggle{width:var(--size-9);height:var(--size-9);color:var(--color-contrast-700);cursor:pointer;border:var(--border) solid transparent;border-radius:var(--rounded-md);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.mobile-toggle:hover{color:var(--color-contrast-900);background:var(--color-contrast-100);border-color:var(--color-contrast-200)}.mobile-toggle:focus-visible{outline:var(--focus-ring)}.mobile-menu-panel{z-index:1;box-sizing:border-box;width:100%;max-width:var(--_navbar-width);padding:var(--size-2);background:var(--_navbar-bg);border:var(--border) solid var(--_navbar-border-color);border-radius:var(--rounded-lg);box-shadow:var(--_shadow,var(--_navbar-shadow));-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transform-origin:top;animation:navbar-mobile-in var(--transition-fast) var(--ease-out);margin-top:var(--size-2);margin-left:auto;margin-right:auto;display:none;position:relative}:host([data-mobile][data-mobile-open]) .mobile-menu-panel:not([hidden]){gap:var(--size-1);display:grid}:host([data-mobile][data-mobile-open][data-mode=floating]) .mobile-menu-panel{margin-top:var(--size-1-5)}:host([data-mobile][data-mobile-open][data-mode=sticky]) .mobile-menu-panel,:host([data-mobile][data-mobile-open][floating][sticky][data-scrolled]) .mobile-menu-panel{z-index:2;border-radius:0 0 var(--rounded-md) var(--rounded-md);border-top:none;border-left:none;border-right:none;max-width:100%;margin:0;position:absolute;top:100%;left:0;right:0}:host([data-mobile]) .mobile-toggle:not([hidden]){order:-1;display:inline-flex}:host([data-mobile]) .navbar-start,:host([data-mobile]) .navbar-center,:host([data-mobile]) .navbar-end{display:none}:host([data-mobile][data-mobile-open]) .navbar{border-bottom-right-radius:var(--rounded-md);border-bottom-left-radius:var(--rounded-md)}@starting-style{.mobile-menu-panel{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}@keyframes navbar-mobile-in{0%{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}to{opacity:1;transform:translateY(0)}}@keyframes navbar-floating-to-sticky{0%{opacity:.92;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes navbar-sticky-to-floating{0%{opacity:.95;transform:translateY(-2px)scale(1)}to{opacity:1;transform:translateY(0)scale(.99)}}.item{box-sizing:border-box;gap:var(--size-1);min-height:var(--_touch-target);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--navbar-item-color,var(--color-contrast-700));white-space:nowrap;appearance:none;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.item:hover,.item:focus-visible{color:var(--navbar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--navbar-item-hover-bg,var(--color-contrast-100))}:host([active]) .item{color:var(--navbar-item-active-color,var(--color-primary));background:var(--navbar-item-active-bg,color-mix(in oklch, var(--color-primary) 12%, transparent))}:host([disabled]) .item,:host([disabled]) .item:hover,:host([disabled]) .item:focus-visible{color:var(--color-contrast-400);pointer-events:none;cursor:not-allowed;background:0 0;outline:none}.item-icon,.item-end{align-items:center;display:inline-flex}.item-label{white-space:nowrap;min-width:0}:host([navbar-mobile]){width:100%;display:block}:host([navbar-mobile]) .item{justify-content:flex-start;width:100%;display:flex}}@layer refine.variants{:host([variant=flat]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 88%, transparent);--_navbar-shadow:none}:host([variant=bordered]){--_navbar-bg:var(--color-canvas);--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 32%, transparent)}:host([variant=outline]){--_navbar-bg:transparent;--_navbar-shadow:none;--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 40%, transparent)}:host([variant=glass]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 70%, transparent);--navbar-backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([color]){--_navbar-border-color:color-mix(in oklch, var(--_theme-border) 30%, transparent)}}@media (width<=768px){@layer refine.base{:host([data-mode=floating]){inset-inline:var(--size-2);top:var(--size-2)}:host([floating][sticky][data-scrolled]){top:0;left:0;right:0}}}`,_a=(e,t,n,r)=>e?(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)):()=>{},va=e=>!(e instanceof HTMLElement)||e.tagName.includes(`-`)||e.childElementCount>0?!0:(e.textContent??``).trim().length>0,ya=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},ba=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},xa=e=>{let t=ba(e)?.clientWidth??0;return t>0?t:e.offsetWidth},Sa=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},Ca=(0,c.createContext)(`NavbarContext`),wa=`ore-navbar`;(0,c.define)(wa,{props:{breakpoint:c.prop.string(`(max-width: 768px)`),color:c.prop.string(),"container-breakpoints":c.prop.bool(!1),elevation:c.prop.number(),floating:c.prop.bool(!1),label:c.prop.string(`Main navigation`),"mobile-sidebar":c.prop.string(),rounded:c.prop.string(),"scroll-threshold":c.prop.number(80),sticky:c.prop.bool(!1),variant:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=(0,c.useSlots)(),i=()=>r.has(`logo`).value,a=()=>r.elements(`mobile-menu`).value.some(va),o=(0,u.signal)(null),s=(0,u.signal)(!1),l=(0,u.signal)(!1),d=(0,u.signal)(!1),f=(0,u.signal)(!1),p=(0,u.signal)(!1),m=(0,u.signal)(!1),h=(0,u.signal)(0),_=(0,u.signal)(!1),v=(0,u.signal)(!1),y=(0,u.signal)(ya(e.breakpoint.value)),b=(0,u.signal)(!1),x=()=>{let n=String(e[`mobile-sidebar`].value??``).trim();if(!n)return null;let r=t.getRootNode();return(r instanceof ShadowRoot||r instanceof Document?r.querySelector(n):null)??document.querySelector(n)};(0,c.provide)(Ca,{closeMobileMenu:()=>w(),isMobile:(0,u.computed)(()=>d.value),mobileMenuOpen:(0,u.computed)(()=>f.value)});let S=()=>{if(e.floating.value&&e.sticky.value)return m.value?`sticky`:`floating`;if(e.floating.value)return`floating`;if(e.sticky.value)return`sticky`},C=e=>{let t=!!e;if(!a()){let e=o.value??x();if(e){t?e.openMobile?.():e.closeMobile?.();return}}t&&!a()||f.value!==t&&(f.value=t,n(`mobile-menu-change`,{open:t}))},w=()=>C(!1),T=()=>C(!0),E=()=>{if(!a()){let e=o.value??x();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}}C(!f.value)},D=()=>{let e=(o.value&&!a()?s.value:!1)||_.value||v.value;d.value=e,e||w()},O=e=>e?e.scrollTop||0:window.scrollY||document.documentElement.scrollTop||0,k=e=>{h.value=O(e)},A=(t=null)=>{if(!(e.floating.value&&e.sticky.value)){m.value&&=!1;return}let n=Math.max(0,Number(e[`scroll-threshold`].value)||0),r=O(t)-h.value;m.value=r>n};return(0,c.bind)({attr:{"data-mobile":()=>d.value?!0:void 0,"data-mobile-open":()=>d.value&&f.value?!0:void 0,"data-mode":()=>S()??null,"data-mode-transitioning":()=>p.value?!0:void 0,"data-preview-mode":()=>b.value?!0:void 0,"data-scrolled":()=>e.floating.value&&e.sticky.value&&m.value?!0:void 0}}),(0,c.onMounted)(()=>{let n=t,r=Sa(t);n.closeMobileMenu=w,n.openMobileMenu=T,n.toggleMobileMenu=E;let i=_a(window,`scroll`,()=>{A(r)},{passive:!0}),c=r?_a(r,`scroll`,()=>{A(r)},{passive:!0}):void 0,d=_a(t,`keydown`,e=>{e.key!==`Escape`||!f.value||w()}),h,C,O,j,M=()=>{C?.(),C=void 0,o.value=null,s.value=!1,l.value=!1;let e=x();if(!e)return;let t=t=>{let n=e.hasAttribute(`data-bottom-nav`),r=e.hasAttribute(`data-mobile-open`);s.value=n,l.value=t?.detail?t.detail.open:r,l.value&&!s.value&&(s.value=!0),D()},n=new MutationObserver(()=>{t()});t(),n.observe(e,{attributeFilter:[`data-bottom-nav`,`data-mobile-open`],attributes:!0}),e.addEventListener(`mobile-open-change`,t),C=()=>{n.disconnect(),e.removeEventListener(`mobile-open-change`,t)},o.value=e},ee=()=>{p.value=!0,O!=null&&clearTimeout(O),O=setTimeout(()=>{p.value=!1,O=void 0},220)},N=(0,u.watch)((0,u.computed)(()=>e.floating.value&&e.sticky.value),e=>{if(!e){m.value&&=!1,p.value&&=!1,j=void 0,O!=null&&(clearTimeout(O),O=void 0);return}k(r),A(r),j=S()},{immediate:!0}),P=(0,u.watch)(e[`mobile-sidebar`],()=>{M()},{immediate:!0}),F=(0,u.watch)((0,u.computed)(()=>S()),t=>{if(!(e.floating.value&&e.sticky.value)){j=t??void 0;return}let n=t??void 0;j&&n&&j!==n&&ee(),j=n},{immediate:!0}),I=(0,u.watch)((0,u.computed)(()=>a()),e=>{!e&&f.value&&w()},{immediate:!0});(0,u.watch)(e.breakpoint,n=>{h?.(),h=void 0;let r=String(n??``).trim();y.value=ya(r),_.value=!1;let i=xa(t);if(v.value=i>0&&y.value!=null?i<=y.value:!1,D(),e[`container-breakpoints`].value&&y.value!=null||!r||typeof window.matchMedia!=`function`)return;let a=window.matchMedia(r),o=e=>{_.value=e,D()},s=e=>{o(e.matches)};o(a.matches),a.addEventListener(`change`,s),h=()=>{a.removeEventListener(`change`,s)}},{immediate:!0});let L=typeof ResizeObserver==`function`?(()=>{let e=(0,g.resizeObserver)(t),n=t.parentElement,r=ba(t),i=n?(0,g.resizeObserver)(n):void 0,a=r&&r!==n?(0,g.resizeObserver)(r):void 0;return(0,u.watch)((0,u.computed)(()=>[e.value.width,e.value.height,i?.value.width,i?.value.height,a?.value.width,a?.value.height]),()=>{let e=xa(t),n=ba(t)?.clientWidth??0;v.value=e>0&&y.value!=null?e<=y.value:!1,b.value=n>0&&n<window.innerWidth,D()})})():void 0;return()=>{d?.(),i?.(),c?.(),N?.dispose(),F?.dispose(),I?.dispose(),P?.dispose(),h?.(),C?.(),L?.dispose(),O!=null&&(clearTimeout(O),O=void 0)}}),c.html`
|
|
2544
2737
|
<nav part="nav" aria-label="${e.label}">
|
|
2545
2738
|
<div class="navbar" part="bar">
|
|
2546
2739
|
<div class="navbar-logo" part="logo" ?hidden=${()=>!i()}>
|
|
@@ -2586,7 +2779,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
2586
2779
|
<slot name="mobile-menu"></slot>
|
|
2587
2780
|
</div>
|
|
2588
2781
|
</nav>
|
|
2589
|
-
`},styles:[N,P,E,C,w,
|
|
2782
|
+
`},styles:[N,P,E,C,w,ne(`.navbar`),ga]});var Ta=`ore-navbar-item`;(0,c.define)(Ta,{props:{active:c.prop.bool(!1),disabled:c.prop.bool(!1),href:c.prop.string(),rel:c.prop.string(),target:c.prop.string()},setup(e){let t=(0,c.useSlots)(),n=()=>t.has(`icon`).value,r=()=>t.has(`end`).value,i=(0,c.inject)(Ca);(0,c.bind)({attr:{"navbar-mobile":()=>i?.isMobile.value?!0:void 0,"navbar-mobile-open":()=>i?.mobileMenuOpen.value?!0:void 0}});let a=()=>!!e.href.value&&!e.disabled.value,o=(0,u.computed)(()=>On(e.rel.value,e.target.value)),s=()=>{i?.mobileMenuOpen.value&&i.closeMobileMenu()},l=()=>c.html`
|
|
2590
2783
|
<span class="item-icon" part="item-icon" ?hidden=${()=>!n()} aria-hidden="true">
|
|
2591
2784
|
<slot name="icon"></slot>
|
|
2592
2785
|
</span>
|
|
@@ -2609,7 +2802,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
2609
2802
|
`:e.disabled.value?c.html`<div class="item" part="item" tabindex="-1" aria-disabled="true">${l()}</div>`:c.html`<button class="item" part="item" type="button" @click=${s}>
|
|
2610
2803
|
${l()}
|
|
2611
2804
|
</button>`}
|
|
2612
|
-
`},styles:[C,Wi]});var ea=`@layer refine.base{:host{width:100%;display:block}:host([sidebar-bottom-nav]){display:none}.group{display:block}.group-header{all:unset;box-sizing:border-box;width:100%;min-height:var(--size-6);padding:var(--size-1) var(--size-2);margin-bottom:var(--size-2);color:inherit;-webkit-user-select:none;user-select:none;border-radius:var(--rounded-lg);transition:background var(--transition-fast);outline:none;justify-content:flex-start;align-items:center;display:flex;position:relative}.group-header::-webkit-details-marker{display:none}:host([collapsible]) .group-header{cursor:pointer}:host([collapsible]) .group-header:hover{background:var(--color-contrast-100)}:host([collapsible]) .group-header:focus-visible{outline:var(--focus-ring)}:host(:not([collapsible])) .group-header{cursor:default}:host(:not([collapsible])) .chevron{display:none!important}.group-label{text-overflow:ellipsis;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;transition:opacity var(--transition-fast);flex-grow:1;overflow:hidden}.group-icon{color:var(--color-contrast-400);flex-shrink:0;justify-content:center;align-items:center;display:flex}.group-icon:empty{display:none}.chevron{color:var(--color-contrast-400);transition:var(--_motion-transition,transform var(--transition-normal));flex-shrink:0;justify-content:center;align-items:center;display:flex}:host([collapsible]) .group[open] .chevron{transform:rotate(90deg)}.group-items{gap:var(--size-2);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}:host([sidebar-collapsed]) .group-label,:host([sidebar-collapsed]) .chevron{display:none}:host([sidebar-collapsed]) .group-header{height:0;min-height:0;margin:0;padding:0;display:none}:host([sidebar-collapsed]) .group-badge{visibility:visible!important;pointer-events:auto!important;opacity:1!important;width:auto!important;height:auto!important;display:flex!important;position:static!important}:host([collapsible]:not([open])) .group-items{display:none}}`,ta=`@layer refine.base{:host{min-width:0;max-width:100%;display:block}.item{box-sizing:border-box;gap:var(--size-2);min-width:0;min-height:var(--_touch-target);padding:var(--size-1-5) var(--size-2);font-size:var(--sidebar-item-font-size,var(--text-sm));font-weight:var(--font-medium);color:var(--sidebar-item-color,var(--color-contrast-700));cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--rounded-lg);transition:background var(--transition-fast), color var(--transition-fast);outline:none;align-items:center;text-decoration:none;display:flex;position:relative}a.item{text-decoration:none}.item:hover,.item:focus-visible{color:var(--sidebar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--sidebar-item-hover-bg,var(--color-contrast-100))}:host([active]) .item{font-weight:var(--font-semibold);color:var(--sidebar-item-active-color,var(--color-primary));background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)))}:host([active]) .item:before{display:none}:host([disabled]) .item,:host([disabled]) .item:hover,:host([disabled]) .item:focus-visible{color:var(--sidebar-item-disabled-color,var(--color-contrast-300));pointer-events:none;cursor:not-allowed;opacity:1;background:0 0;outline:none}:host([disabled]) .item-icon{color:var(--sidebar-item-disabled-color,var(--color-contrast-300))}.item-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;margin:0 auto;display:flex}.item-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:opacity var(--transition-fast);flex:1;overflow:hidden}.item-end{gap:var(--size-1);transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;display:flex}:host([sidebar-collapsed]) .item,:host([sidebar-collapsed]) .item-icon{position:relative}:host([sidebar-collapsed]) .item-label{pointer-events:none;opacity:0;width:0;overflow:hidden}:host([sidebar-collapsed]) .item{justify-content:center;align-items:center;gap:0;width:100%;height:100%;min-height:100%;padding:0}:host([sidebar-collapsed]) .item:before{inset-block:var(--size-2)}:host([sidebar-collapsed]) .item-icon{width:var(--size-7);height:var(--size-7);padding:var(--size-1-5);font-size:1.5em}:host([sidebar-collapsed][active]) .item,:host([sidebar-collapsed]) .item:hover{background:0 0}:host([sidebar-collapsed][active]) .item-icon{background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)));border-radius:var(--rounded-full)}:host([sidebar-collapsed]) .item-icon:hover{background:var(--color-contrast-100);border-radius:var(--rounded-full)}:host([sidebar-collapsed]) .item-end,:host([sidebar-collapsed]) .item-icon .group-badge,:host([sidebar-collapsed]) .item-icon ::slotted([slot=end]){right:0;bottom:calc(var(--size-2) * -1);z-index:2;pointer-events:auto;opacity:1;justify-content:center;align-items:center;min-width:1.25em;min-height:1.25em;display:flex;position:absolute;transform:translate(40%,-40%)}:host([dir=rtl][sidebar-collapsed]) .item-end,:host([dir=rtl][sidebar-collapsed]) .item-icon .group-badge,:host([dir=rtl][sidebar-collapsed]) .item-icon ::slotted([slot=end]),:host(:dir(rtl)[sidebar-collapsed]) .item-end,:host(:dir(rtl)[sidebar-collapsed]) .item-icon .group-badge,:host(:dir(rtl)[sidebar-collapsed]) .item-icon ::slotted([slot=end]){left:0;right:auto;transform:translate(-40%,-40%)}:host([sidebar-collapsed]) .item-end .group-badge,:host([sidebar-collapsed]) .item-end ::slotted([slot=end]){top:50%;right:var(--size-2);z-index:1;position:absolute;transform:translateY(-50%)}:host([dir=rtl][sidebar-collapsed]) .item-end .group-badge,:host([dir=rtl][sidebar-collapsed]) .item-end ::slotted([slot=end]),:host(:dir(rtl)[sidebar-collapsed]) .item-end .group-badge,:host(:dir(rtl)[sidebar-collapsed]) .item-end ::slotted([slot=end]){right:auto;left:var(--size-2)}:host([sidebar-bottom-nav]){display:none}}`,na=`.sidebar-logo[hidden]{min-width:0!important;min-height:0!important;margin:0!important;display:none!important}@layer refine.base{:host{--_sidebar-width:var(--sidebar-width,16rem);--_sidebar-collapsed-width:var(--sidebar-collapsed-width,3.5rem);--_sidebar-transition:var(--transition-normal);--_panel-bg:var(--sidebar-bg,var(--color-canvas));--_panel-blur:var(--sidebar-panel-blur,var(--blur-md));--_panel-border-color:var(--sidebar-border-color,var(--color-divider));--_panel-radius:var(--sidebar-radius,var(--rounded-lg));--_panel-shadow:var(--sidebar-shadow,var(--shadow-md));box-sizing:border-box;width:100%;min-width:var(--size-2xs);max-width:var(--_sidebar-width);height:100%;min-height:0;transition:max-width var(--_sidebar-transition), min-width var(--_sidebar-transition);will-change:max-width;display:block;overflow:visible}:host>nav{box-sizing:border-box;background:var(--_panel-bg);width:100%;height:100%;min-height:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));flex-direction:column;display:flex;position:relative;overflow:hidden}:host>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_panel-border-color)}:host>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_panel-border-color)}.mobile-backdrop{z-index:calc(var(--z-sticky) + 1);background:color-mix(in oklch, var(--color-contrast-950) 36%, transparent);border:0;width:100%;height:100%;display:none;position:absolute;inset:0}:host([data-bottom-nav][data-mobile-open]) .mobile-backdrop{z-index:calc(var(--z-sticky) + 1);width:100vw;height:100dvh;display:block;position:fixed;inset:0}:host([data-preview-mode][data-bottom-nav][data-mobile-open]) .mobile-backdrop{width:100%;height:100%;position:absolute;inset:0}:host([data-no-transition]),:host([data-no-transition])>nav{transition:none!important}:host([data-collapsed]){min-width:var(--_sidebar-collapsed-width);max-width:var(--_sidebar-collapsed-width)}:host([data-bottom-nav]){z-index:calc(var(--z-sticky) + 2);width:100%;min-width:0;max-width:100%;height:var(--sidebar-bottom-nav-height,3.75rem);pointer-events:auto;position:fixed;bottom:0;left:0;right:0}:host([data-preview-mode][data-bottom-nav]){pointer-events:none;width:auto;height:auto;position:absolute;inset:0}:host([data-bottom-nav])>nav{z-index:calc(var(--z-sticky) + 3);width:min(var(--_sidebar-width), 85vw);max-width:85vw;max-height:100dvh;transition:transform var(--transition-normal);position:fixed;top:0;bottom:0;transform:translate(-104%)}:host([data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([data-preview-mode][data-bottom-nav])>nav{z-index:calc(var(--z-sticky) + 3);pointer-events:auto;max-height:100%;position:absolute;top:0;bottom:0}:host([data-preview-mode][data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([data-preview-mode][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host(:dir(rtl)[data-bottom-nav])>nav{transform:translate(104%)}:host([data-bottom-nav][data-mobile-open])>nav{transform:translate(0)}.bottom-bar{gap:var(--size-1);width:100%;height:100%;padding:var(--size-1);pointer-events:none;background:var(--_panel-bg);border-top:var(--border) solid var(--_panel-border-color);box-shadow:var(--shadow-sm);opacity:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity var(--_sidebar-transition), transform var(--_sidebar-transition), display var(--_sidebar-transition) allow-discrete;justify-content:space-around;align-items:stretch;display:flex;transform:translateY(100%)}:host([data-bottom-nav]) .bottom-bar{pointer-events:auto;opacity:1;transform:translateY(0)}:host([data-preview-mode][data-bottom-nav]) .bottom-bar{z-index:calc(var(--z-sticky) + 2);height:var(--sidebar-bottom-nav-height,3.75rem);position:absolute;bottom:0;left:0;right:0}:host([data-bottom-nav][data-mobile-open]) .bottom-bar{z-index:calc(var(--z-sticky) + 1);pointer-events:none;opacity:0;transform:translateY(100%)}.bottom-tab{all:unset;box-sizing:border-box;gap:var(--size-0-5);min-width:0;padding:var(--size-1) var(--size-1-5);color:var(--sidebar-item-color,var(--color-contrast-700));cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.bottom-tab:hover,.bottom-tab:focus-visible{color:var(--sidebar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--sidebar-item-hover-bg,var(--color-contrast-100))}.bottom-tab:disabled{color:var(--sidebar-item-disabled-color,var(--color-contrast-400));cursor:not-allowed;opacity:.7}.bottom-tab-active,.bottom-tab[data-active=true]{color:var(--sidebar-item-active-color,var(--color-primary));background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)))}.bottom-tab-active:before,.bottom-tab[data-active=true]:before{display:none}.bottom-tab-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.bottom-tab-label{text-overflow:ellipsis;min-width:0;font-size:var(--text-xs);white-space:nowrap;overflow:hidden}.sidebar-header{gap:var(--size-2);min-height:var(--size-6);padding:var(--size-4);border-bottom:var(--border) solid var(--color-contrast-200);justify-content:space-between;align-items:center;display:flex}.sidebar-header .sidebar-header-content{flex:1;min-width:0;display:block;overflow:hidden}:host([data-collapsed]) .sidebar-header{gap:var(--size-2);min-height:unset;padding-block:var(--size-2);padding-inline:var(--size-2);flex-direction:column;justify-content:flex-start;align-items:center}:host([data-collapsed]) .sidebar-header .sidebar-header-content{display:none!important}.sidebar-logo{min-width:var(--size-8);min-height:var(--size-8);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--size-2)}.sidebar-logo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-2)}.sidebar-logo:empty{display:none!important}:host([data-collapsed]) .sidebar-logo{margin-block:var(--size-1)}:host([data-collapsed]) .sidebar-logo:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}:host([data-collapsed]) .sidebar-logo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:0}.sidebar-content{gap:var(--size-2);min-width:0;padding:var(--size-4);scrollbar-width:thin;flex:1;grid-template-columns:minmax(0,1fr);align-content:start;display:grid;overflow:clip auto}.sidebar-footer{padding:var(--size-4);border-top:var(--border) solid var(--color-contrast-200);flex-shrink:0}.toggle-btn{all:unset;box-sizing:border-box;width:var(--size-8);height:var(--size-8);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:color var(--transition-fast), background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.toggle-btn:hover{color:var(--color-contrast-800);background:var(--color-contrast-200)}.toggle-btn:focus-visible{outline:var(--focus-ring)}.toggle-icon{transition:var(--_motion-transition,transform var(--_sidebar-transition));justify-content:center;align-items:center;display:flex}:host([data-collapsed]) .toggle-icon{transform:rotate(180deg)}:host([data-bottom-nav]) .toggle-btn{display:none}:host(:not([dir=rtl])[data-collapsed]) .toggle-icon,:host(:dir(ltr)[data-collapsed]) .toggle-icon,:host(:dir(rtl)) .toggle-icon{transform:rotate(180deg)}:host(:dir(rtl)[data-collapsed]) .toggle-icon{transform:rotate(0)}}@layer refine.variants{:host([variant=floating]){height:calc(100% - var(--size-6));margin:var(--size-3);--_panel-radius:var(--rounded-lg)}:host([variant=floating])>nav{border:var(--border) solid var(--_panel-border-color);border-radius:var(--_panel-radius)}:host([variant=floating][data-bottom-nav]){bottom:var(--size-2);inset-inline:var(--size-2);width:auto;max-width:none}:host([variant=floating][data-preview-mode][data-bottom-nav]){inset:var(--size-2)}:host([variant=floating][data-bottom-nav]) .bottom-bar{border:var(--border) solid var(--_panel-border-color);border-radius:var(--_panel-radius);box-shadow:var(--_panel-shadow)}:host([variant=floating][data-bottom-nav])>nav{top:var(--size-2)}:host([variant=floating][data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-2)}:host([variant=floating][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-2)}:host([variant=floating][data-preview-mode][data-bottom-nav]) .bottom-bar{bottom:var(--size-2);inset-inline:var(--size-2);width:auto}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav{top:var(--size-1)}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-1)}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-1)}:host([variant=inset]){--_panel-bg:var(--color-contrast-50);--_panel-shadow:none;--_panel-border-color:transparent}}`,ra=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},ia=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},aa=e=>{let t=ia(e)?.clientWidth??0;return t>0?t:e.offsetWidth},oa=(0,c.createContext)(`SidebarContext`),sa=`ore-sidebar`;(0,c.define)(sa,{props:{"bottom-nav-at":c.prop.string(),collapsed:c.prop.bool(!1),collapsible:c.prop.bool(!1),"container-breakpoints":c.prop.bool(!1),"default-collapsed":c.prop.bool(!1),label:c.prop.string(`Sidebar navigation`),responsive:c.prop.string(),variant:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=(0,c.useSlots)(),i=()=>r.has(`header`).value,a=()=>r.has(`footer`).value,o=()=>r.has(`logo`).value,s=(0,u.signal)(t.hasAttribute(`collapsed`)),l=(0,u.signal)(s.value?t.hasAttribute(`collapsed`):e[`default-collapsed`].value),d=(0,u.signal)(!1),f=(0,u.signal)(!1),p=(0,u.signal)([]),m=(0,u.signal)(!1),h=(0,u.signal)(!1),_=(0,u.signal)(ra(e.responsive.value)),v=(0,u.signal)(!!String(e.responsive.value??``).trim()),y=(0,u.signal)(!1),b=(0,u.signal)(!1),x=(0,u.signal)(ra(e[`bottom-nav-at`].value)),S=(0,u.signal)(!1),C=()=>l.value,w=(0,u.computed)(()=>d.value?`bottom-nav`:l.value?`collapsed`:`default`),T=()=>{let t=e[`container-breakpoints`].value,n=t?h.value:m.value||h.value,r=t?b.value:y.value||b.value;f.value||(d.value=r),!r&&!f.value&&O(!1,`responsive`),v.value&&D(n,`responsive`)},E=()=>{let e=r.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}});p.value=e};(0,c.provide)(oa,{collapsed:(0,u.computed)(()=>!d.value&&l.value),mobileOpen:(0,u.computed)(()=>d.value&&f.value),mode:w,variant:e.variant});let D=(e,t)=>{C()!==e&&(s.value||(l.value=e),n(`collapsed-change`,{collapsed:e,source:t}))},O=(e,t)=>{let r=!!e;if(r&&!d.value&&(d.value=!0),!d.value&&!r){f.value&&=!1;return}f.value!==r&&(f.value=r,r||T(),n(`mobile-open-change`,{open:r,source:t}))},k=()=>{D(!C(),`toggle`)},A=t;return A.setCollapsed=e=>D(!!e,`api`),A.toggle=k,A.openMobile=()=>O(!0,`api`),A.closeMobile=()=>O(!1,`api`),A.toggleMobile=()=>O(!f.value,`toggle`),(0,c.bind)({attr:{"data-bottom-nav":()=>d.value?!0:void 0,"data-collapsed":()=>C()&&!d.value?!0:void 0,"data-mobile-open":()=>d.value&&f.value?!0:void 0,"data-preview-mode":()=>S.value?!0:void 0}}),(0,c.onMounted)(()=>{t.setAttribute(`data-no-transition`,``);let n=!1,i=()=>{n||(n=!0,t.removeAttribute(`data-no-transition`))};requestAnimationFrame(()=>requestAnimationFrame(i));let a,o,c=new Map,f=new MutationObserver(()=>{!t.hasAttribute(`collapsed`)&&!s.value||(s.value=!0,l.value=t.hasAttribute(`collapsed`))});f.observe(t,{attributeFilter:[`collapsed`],attributes:!0}),(0,u.watch)(e.responsive,n=>{a?.(),a=void 0;let r=String(n??``).trim();v.value=!!r,_.value=ra(r),m.value=!1;let i=aa(t);if(h.value=i>0&&_.value!=null?i<=_.value:!1,T(),e[`container-breakpoints`].value&&_.value!=null||!r||typeof window.matchMedia!=`function`)return;let o=window.matchMedia(r),s=e=>{m.value=e.matches,T()};m.value=o.matches,T(),o.addEventListener(`change`,s),a=()=>{o.removeEventListener(`change`,s)}},{immediate:!0}),(0,u.watch)(e[`bottom-nav-at`],n=>{o?.(),o=void 0;let r=String(n??``).trim();x.value=ra(r),y.value=!1;let i=aa(t);if(b.value=i>0&&x.value!=null?i<=x.value:!1,T(),e[`container-breakpoints`].value&&x.value!=null||!r||typeof window.matchMedia!=`function`)return;let a=window.matchMedia(r),s=e=>{y.value=e.matches,T()};y.value=a.matches,T(),a.addEventListener(`change`,s),o=()=>{a.removeEventListener(`change`,s)}},{immediate:!0});let p=typeof ResizeObserver==`function`?(()=>{let e=(0,g.resizeObserver)(t),n=t.parentElement,r=ia(t),a=n?(0,g.resizeObserver)(n):void 0,o=r&&r!==n?(0,g.resizeObserver)(r):void 0,s;return(0,u.watch)((0,u.computed)(()=>[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=ia(t),n=aa(t),r=h.value,a=b.value,o=e?.clientWidth??0;S.value=o>0&&o<window.innerWidth,h.value=n>0&&_.value!=null?n<=_.value:!1,b.value=n>0&&x.value!=null?n<=x.value:!1,(r!==h.value||a!==b.value)&&T(),i()})})})():void 0,C=e=>{let t=new Set(e);for(let[e,n]of c)t.has(e)||(n.disconnect(),c.delete(e));for(let t of e){if(c.has(t))continue;let e=new MutationObserver(()=>{d.value&&E()});e.observe(t,{attributeFilter:[`active`,`disabled`,`href`],attributes:!0}),c.set(t,e)}};return(0,u.watch)(r.elements(),e=>{let t=e.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`);C(t),E()},{immediate:!0}),()=>{f.disconnect(),a?.(),o?.(),p?.dispose();for(let e of c.values())e.disconnect();c.clear()}}),c.html`
|
|
2805
|
+
`},styles:[C,ga]});var Ea=`@layer refine.base{:host{width:100%;display:block}:host([sidebar-bottom-nav]){display:none}.group{display:block}.group-header{all:unset;box-sizing:border-box;width:100%;min-height:var(--size-6);padding:var(--size-1) var(--size-2);margin-bottom:var(--size-2);color:inherit;-webkit-user-select:none;user-select:none;border-radius:var(--rounded-lg);transition:background var(--transition-fast);outline:none;justify-content:flex-start;align-items:center;display:flex;position:relative}.group-header::-webkit-details-marker{display:none}:host([collapsible]) .group-header{cursor:pointer}:host([collapsible]) .group-header:hover{background:var(--color-contrast-100)}:host([collapsible]) .group-header:focus-visible{outline:var(--focus-ring)}:host(:not([collapsible])) .group-header{cursor:default}:host(:not([collapsible])) .chevron{display:none!important}.group-label{text-overflow:ellipsis;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;transition:opacity var(--transition-fast);flex-grow:1;overflow:hidden}.group-icon{color:var(--color-contrast-400);flex-shrink:0;justify-content:center;align-items:center;display:flex}.group-icon:empty{display:none}.chevron{color:var(--color-contrast-400);transition:var(--_motion-transition,transform var(--transition-normal));flex-shrink:0;justify-content:center;align-items:center;display:flex}:host([collapsible]) .group[open] .chevron{transform:rotate(90deg)}.group-items{gap:var(--size-2);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}:host([sidebar-collapsed]) .group-label,:host([sidebar-collapsed]) .chevron{display:none}:host([sidebar-collapsed]) .group-header{height:0;min-height:0;margin:0;padding:0;display:none}:host([sidebar-collapsed]) .group-badge{visibility:visible!important;pointer-events:auto!important;opacity:1!important;width:auto!important;height:auto!important;display:flex!important;position:static!important}:host([collapsible]:not([open])) .group-items{display:none}}`,Da=`@layer refine.base{:host{min-width:0;max-width:100%;display:block}.item{box-sizing:border-box;gap:var(--size-2);min-width:0;min-height:var(--_touch-target);padding:var(--size-1-5) var(--size-2);font-size:var(--sidebar-item-font-size,var(--text-sm));font-weight:var(--font-medium);color:var(--sidebar-item-color,var(--color-contrast-700));cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--rounded-lg);transition:background var(--transition-fast), color var(--transition-fast);outline:none;align-items:center;text-decoration:none;display:flex;position:relative}a.item{text-decoration:none}.item:hover,.item:focus-visible{color:var(--sidebar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--sidebar-item-hover-bg,var(--color-contrast-100))}:host([active]) .item{font-weight:var(--font-semibold);color:var(--sidebar-item-active-color,var(--color-primary));background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)))}:host([active]) .item:before{display:none}:host([disabled]) .item,:host([disabled]) .item:hover,:host([disabled]) .item:focus-visible{color:var(--sidebar-item-disabled-color,var(--color-contrast-300));pointer-events:none;cursor:not-allowed;opacity:1;background:0 0;outline:none}:host([disabled]) .item-icon{color:var(--sidebar-item-disabled-color,var(--color-contrast-300))}.item-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;margin:0 auto;display:flex}.item-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:opacity var(--transition-fast);flex:1;overflow:hidden}.item-end{gap:var(--size-1);transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;display:flex}:host([sidebar-collapsed]) .item,:host([sidebar-collapsed]) .item-icon{position:relative}:host([sidebar-collapsed]) .item-label{pointer-events:none;opacity:0;width:0;overflow:hidden}:host([sidebar-collapsed]) .item{justify-content:center;align-items:center;gap:0;width:100%;height:100%;min-height:100%;padding:0}:host([sidebar-collapsed]) .item:before{inset-block:var(--size-2)}:host([sidebar-collapsed]) .item-icon{width:var(--size-7);height:var(--size-7);padding:var(--size-1-5);font-size:1.5em}:host([sidebar-collapsed][active]) .item,:host([sidebar-collapsed]) .item:hover{background:0 0}:host([sidebar-collapsed][active]) .item-icon{background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)));border-radius:var(--rounded-full)}:host([sidebar-collapsed]) .item-icon:hover{background:var(--color-contrast-100);border-radius:var(--rounded-full)}:host([sidebar-collapsed]) .item-end,:host([sidebar-collapsed]) .item-icon .group-badge,:host([sidebar-collapsed]) .item-icon ::slotted([slot=end]){right:0;bottom:calc(var(--size-2) * -1);z-index:2;pointer-events:auto;opacity:1;justify-content:center;align-items:center;min-width:1.25em;min-height:1.25em;display:flex;position:absolute;transform:translate(40%,-40%)}:host([dir=rtl][sidebar-collapsed]) .item-end,:host([dir=rtl][sidebar-collapsed]) .item-icon .group-badge,:host([dir=rtl][sidebar-collapsed]) .item-icon ::slotted([slot=end]),:host(:dir(rtl)[sidebar-collapsed]) .item-end,:host(:dir(rtl)[sidebar-collapsed]) .item-icon .group-badge,:host(:dir(rtl)[sidebar-collapsed]) .item-icon ::slotted([slot=end]){left:0;right:auto;transform:translate(-40%,-40%)}:host([sidebar-collapsed]) .item-end .group-badge,:host([sidebar-collapsed]) .item-end ::slotted([slot=end]){top:50%;right:var(--size-2);z-index:1;position:absolute;transform:translateY(-50%)}:host([dir=rtl][sidebar-collapsed]) .item-end .group-badge,:host([dir=rtl][sidebar-collapsed]) .item-end ::slotted([slot=end]),:host(:dir(rtl)[sidebar-collapsed]) .item-end .group-badge,:host(:dir(rtl)[sidebar-collapsed]) .item-end ::slotted([slot=end]){right:auto;left:var(--size-2)}:host([sidebar-bottom-nav]){display:none}}`,Oa=`.sidebar-logo[hidden]{min-width:0!important;min-height:0!important;margin:0!important;display:none!important}@layer refine.base{:host{--_sidebar-width:var(--sidebar-width,16rem);--_sidebar-collapsed-width:var(--sidebar-collapsed-width,3.5rem);--_sidebar-transition:var(--transition-normal);--_panel-bg:var(--sidebar-bg,var(--color-canvas));--_panel-blur:var(--sidebar-panel-blur,var(--blur-md));--_panel-border-color:var(--sidebar-border-color,var(--color-divider));--_panel-radius:var(--sidebar-radius,var(--rounded-lg));--_panel-shadow:var(--sidebar-shadow,var(--shadow-md));box-sizing:border-box;width:100%;min-width:var(--size-2xs);max-width:var(--_sidebar-width);height:100%;min-height:0;transition:max-width var(--_sidebar-transition), min-width var(--_sidebar-transition);will-change:max-width;display:block;overflow:visible}:host>nav{box-sizing:border-box;background:var(--_panel-bg);width:100%;height:100%;min-height:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));flex-direction:column;display:flex;position:relative;overflow:hidden}:host>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_panel-border-color)}:host>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_panel-border-color)}.mobile-backdrop{z-index:calc(var(--z-sticky) + 1);background:color-mix(in oklch, var(--color-contrast-950) 36%, transparent);border:0;width:100%;height:100%;display:none;position:absolute;inset:0}:host([data-bottom-nav][data-mobile-open]) .mobile-backdrop{z-index:calc(var(--z-sticky) + 1);width:100vw;height:100dvh;display:block;position:fixed;inset:0}:host([data-preview-mode][data-bottom-nav][data-mobile-open]) .mobile-backdrop{width:100%;height:100%;position:absolute;inset:0}:host([data-no-transition]),:host([data-no-transition])>nav{transition:none!important}:host([data-collapsed]){min-width:var(--_sidebar-collapsed-width);max-width:var(--_sidebar-collapsed-width)}:host([data-bottom-nav]){z-index:calc(var(--z-sticky) + 2);width:100%;min-width:0;max-width:100%;height:var(--sidebar-bottom-nav-height,3.75rem);pointer-events:auto;position:fixed;bottom:0;left:0;right:0}:host([data-preview-mode][data-bottom-nav]){pointer-events:none;width:auto;height:auto;position:absolute;inset:0}:host([data-bottom-nav])>nav{z-index:calc(var(--z-sticky) + 3);width:min(var(--_sidebar-width), 85vw);max-width:85vw;max-height:100dvh;transition:transform var(--transition-normal);position:fixed;top:0;bottom:0;transform:translate(-104%)}:host([data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([data-preview-mode][data-bottom-nav])>nav{z-index:calc(var(--z-sticky) + 3);pointer-events:auto;max-height:100%;position:absolute;top:0;bottom:0}:host([data-preview-mode][data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([data-preview-mode][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host(:dir(rtl)[data-bottom-nav])>nav{transform:translate(104%)}:host([data-bottom-nav][data-mobile-open])>nav{transform:translate(0)}.bottom-bar{gap:var(--size-1);width:100%;height:100%;padding:var(--size-1);pointer-events:none;background:var(--_panel-bg);border-top:var(--border) solid var(--_panel-border-color);box-shadow:var(--shadow-sm);opacity:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity var(--_sidebar-transition), transform var(--_sidebar-transition), display var(--_sidebar-transition) allow-discrete;justify-content:space-around;align-items:stretch;display:flex;transform:translateY(100%)}:host([data-bottom-nav]) .bottom-bar{pointer-events:auto;opacity:1;transform:translateY(0)}:host([data-preview-mode][data-bottom-nav]) .bottom-bar{z-index:calc(var(--z-sticky) + 2);height:var(--sidebar-bottom-nav-height,3.75rem);position:absolute;bottom:0;left:0;right:0}:host([data-bottom-nav][data-mobile-open]) .bottom-bar{z-index:calc(var(--z-sticky) + 1);pointer-events:none;opacity:0;transform:translateY(100%)}.bottom-tab{all:unset;box-sizing:border-box;gap:var(--size-0-5);min-width:0;padding:var(--size-1) var(--size-1-5);color:var(--sidebar-item-color,var(--color-contrast-700));cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.bottom-tab:hover,.bottom-tab:focus-visible{color:var(--sidebar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--sidebar-item-hover-bg,var(--color-contrast-100))}.bottom-tab:disabled{color:var(--sidebar-item-disabled-color,var(--color-contrast-400));cursor:not-allowed;opacity:.7}.bottom-tab-active,.bottom-tab[data-active=true]{color:var(--sidebar-item-active-color,var(--color-primary));background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)))}.bottom-tab-active:before,.bottom-tab[data-active=true]:before{display:none}.bottom-tab-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.bottom-tab-label{text-overflow:ellipsis;min-width:0;font-size:var(--text-xs);white-space:nowrap;overflow:hidden}.sidebar-header{gap:var(--size-2);min-height:var(--size-6);padding:var(--size-4);border-bottom:var(--border) solid var(--color-contrast-200);justify-content:space-between;align-items:center;display:flex}.sidebar-header .sidebar-header-content{flex:1;min-width:0;display:block;overflow:hidden}:host([data-collapsed]) .sidebar-header{gap:var(--size-2);min-height:unset;padding-block:var(--size-2);padding-inline:var(--size-2);flex-direction:column;justify-content:flex-start;align-items:center}:host([data-collapsed]) .sidebar-header .sidebar-header-content{display:none!important}.sidebar-logo{min-width:var(--size-8);min-height:var(--size-8);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--size-2)}.sidebar-logo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-2)}.sidebar-logo:empty{display:none!important}:host([data-collapsed]) .sidebar-logo{margin-block:var(--size-1)}:host([data-collapsed]) .sidebar-logo:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}:host([data-collapsed]) .sidebar-logo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:0}.sidebar-content{gap:var(--size-2);min-width:0;padding:var(--size-4);scrollbar-width:thin;flex:1;grid-template-columns:minmax(0,1fr);align-content:start;display:grid;overflow:clip auto}.sidebar-footer{padding:var(--size-4);border-top:var(--border) solid var(--color-contrast-200);flex-shrink:0}.toggle-btn{all:unset;box-sizing:border-box;width:var(--size-8);height:var(--size-8);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:color var(--transition-fast), background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.toggle-btn:hover{color:var(--color-contrast-800);background:var(--color-contrast-200)}.toggle-btn:focus-visible{outline:var(--focus-ring)}.toggle-icon{transition:var(--_motion-transition,transform var(--_sidebar-transition));justify-content:center;align-items:center;display:flex}:host([data-collapsed]) .toggle-icon{transform:rotate(180deg)}:host([data-bottom-nav]) .toggle-btn{display:none}:host(:not([dir=rtl])[data-collapsed]) .toggle-icon,:host(:dir(ltr)[data-collapsed]) .toggle-icon,:host(:dir(rtl)) .toggle-icon{transform:rotate(180deg)}:host(:dir(rtl)[data-collapsed]) .toggle-icon{transform:rotate(0)}}@layer refine.variants{:host([variant=floating]){height:calc(100% - var(--size-6));margin:var(--size-3);--_panel-radius:var(--rounded-lg)}:host([variant=floating])>nav{border:var(--border) solid var(--_panel-border-color);border-radius:var(--_panel-radius)}:host([variant=floating][data-bottom-nav]){bottom:var(--size-2);inset-inline:var(--size-2);width:auto;max-width:none}:host([variant=floating][data-preview-mode][data-bottom-nav]){inset:var(--size-2)}:host([variant=floating][data-bottom-nav]) .bottom-bar{border:var(--border) solid var(--_panel-border-color);border-radius:var(--_panel-radius);box-shadow:var(--_panel-shadow)}:host([variant=floating][data-bottom-nav])>nav{top:var(--size-2)}:host([variant=floating][data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-2)}:host([variant=floating][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-2)}:host([variant=floating][data-preview-mode][data-bottom-nav]) .bottom-bar{bottom:var(--size-2);inset-inline:var(--size-2);width:auto}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav{top:var(--size-1)}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-1)}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-1)}:host([variant=inset]){--_panel-bg:var(--color-contrast-50);--_panel-shadow:none;--_panel-border-color:transparent}}`,ka=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},Aa=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},ja=e=>{let t=Aa(e)?.clientWidth??0;return t>0?t:e.offsetWidth},Ma=(0,c.createContext)(`SidebarContext`),Na=`ore-sidebar`;(0,c.define)(Na,{props:{"bottom-nav-at":c.prop.string(),collapsed:c.prop.bool(!1),collapsible:c.prop.bool(!1),"container-breakpoints":c.prop.bool(!1),"default-collapsed":c.prop.bool(!1),label:c.prop.string(`Sidebar navigation`),responsive:c.prop.string(),variant:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=(0,c.useSlots)(),i=()=>r.has(`header`).value,a=()=>r.has(`footer`).value,o=()=>r.has(`logo`).value,s=(0,u.signal)(t.hasAttribute(`collapsed`)),l=(0,u.signal)(s.value?t.hasAttribute(`collapsed`):e[`default-collapsed`].value),d=(0,u.signal)(!1),f=(0,u.signal)(!1),p=(0,u.signal)([]),m=(0,u.signal)(!1),h=(0,u.signal)(!1),_=(0,u.signal)(ka(e.responsive.value)),v=(0,u.signal)(!!String(e.responsive.value??``).trim()),y=(0,u.signal)(!1),b=(0,u.signal)(!1),x=(0,u.signal)(ka(e[`bottom-nav-at`].value)),S=(0,u.signal)(!1),C=()=>l.value,w=(0,u.computed)(()=>d.value?`bottom-nav`:l.value?`collapsed`:`default`),T=()=>{let t=e[`container-breakpoints`].value,n=t?h.value:m.value||h.value,r=t?b.value:y.value||b.value;f.value||(d.value=r),!r&&!f.value&&O(!1,`responsive`),v.value&&D(n,`responsive`)},E=()=>{let e=r.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}});p.value=e};(0,c.provide)(Ma,{collapsed:(0,u.computed)(()=>!d.value&&l.value),mobileOpen:(0,u.computed)(()=>d.value&&f.value),mode:w,variant:e.variant});let D=(e,t)=>{C()!==e&&(s.value||(l.value=e),n(`collapsed-change`,{collapsed:e,source:t}))},O=(e,t)=>{let r=!!e;if(r&&!d.value&&(d.value=!0),!d.value&&!r){f.value&&=!1;return}f.value!==r&&(f.value=r,r||T(),n(`mobile-open-change`,{open:r,source:t}))},k=()=>{D(!C(),`toggle`)},A=t;return A.setCollapsed=e=>D(!!e,`api`),A.toggle=k,A.openMobile=()=>O(!0,`api`),A.closeMobile=()=>O(!1,`api`),A.toggleMobile=()=>O(!f.value,`toggle`),(0,c.bind)({attr:{"data-bottom-nav":()=>d.value?!0:void 0,"data-collapsed":()=>C()&&!d.value?!0:void 0,"data-mobile-open":()=>d.value&&f.value?!0:void 0,"data-preview-mode":()=>S.value?!0:void 0}}),(0,c.onMounted)(()=>{t.setAttribute(`data-no-transition`,``);let n=!1,i=()=>{n||(n=!0,t.removeAttribute(`data-no-transition`))};requestAnimationFrame(()=>requestAnimationFrame(i));let a,o,c=new Map,f=new MutationObserver(()=>{!t.hasAttribute(`collapsed`)&&!s.value||(s.value=!0,l.value=t.hasAttribute(`collapsed`))});f.observe(t,{attributeFilter:[`collapsed`],attributes:!0}),(0,u.watch)(e.responsive,n=>{a?.(),a=void 0;let r=String(n??``).trim();v.value=!!r,_.value=ka(r),m.value=!1;let i=ja(t);if(h.value=i>0&&_.value!=null?i<=_.value:!1,T(),e[`container-breakpoints`].value&&_.value!=null||!r||typeof window.matchMedia!=`function`)return;let o=window.matchMedia(r),s=e=>{m.value=e.matches,T()};m.value=o.matches,T(),o.addEventListener(`change`,s),a=()=>{o.removeEventListener(`change`,s)}},{immediate:!0}),(0,u.watch)(e[`bottom-nav-at`],n=>{o?.(),o=void 0;let r=String(n??``).trim();x.value=ka(r),y.value=!1;let i=ja(t);if(b.value=i>0&&x.value!=null?i<=x.value:!1,T(),e[`container-breakpoints`].value&&x.value!=null||!r||typeof window.matchMedia!=`function`)return;let a=window.matchMedia(r),s=e=>{y.value=e.matches,T()};y.value=a.matches,T(),a.addEventListener(`change`,s),o=()=>{a.removeEventListener(`change`,s)}},{immediate:!0});let p=typeof ResizeObserver==`function`?(()=>{let e=(0,g.resizeObserver)(t),n=t.parentElement,r=Aa(t),a=n?(0,g.resizeObserver)(n):void 0,o=r&&r!==n?(0,g.resizeObserver)(r):void 0,s;return(0,u.watch)((0,u.computed)(()=>[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=Aa(t),n=ja(t),r=h.value,a=b.value,o=e?.clientWidth??0;S.value=o>0&&o<window.innerWidth,h.value=n>0&&_.value!=null?n<=_.value:!1,b.value=n>0&&x.value!=null?n<=x.value:!1,(r!==h.value||a!==b.value)&&T(),i()})})})():void 0,C=e=>{let t=new Set(e);for(let[e,n]of c)t.has(e)||(n.disconnect(),c.delete(e));for(let t of e){if(c.has(t))continue;let e=new MutationObserver(()=>{d.value&&E()});e.observe(t,{attributeFilter:[`active`,`disabled`,`href`],attributes:!0}),c.set(t,e)}};return(0,u.watch)(r.elements(),e=>{let t=e.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`);C(t),E()},{immediate:!0}),()=>{f.disconnect(),a?.(),o?.(),p?.dispose();for(let e of c.values())e.disconnect();c.clear()}}),c.html`
|
|
2613
2806
|
<button
|
|
2614
2807
|
class="mobile-backdrop"
|
|
2615
2808
|
part="mobile-backdrop"
|
|
@@ -2673,7 +2866,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
2673
2866
|
</button>
|
|
2674
2867
|
`})}
|
|
2675
2868
|
</div>
|
|
2676
|
-
`},styles:[C,w,
|
|
2869
|
+
`},styles:[C,w,Oa]});var Pa=`ore-sidebar-group`;(0,c.define)(Pa,{props:{collapsible:c.prop.bool(!1),"default-open":c.prop.bool(!0),label:c.prop.string(),open:{default:void 0,parse:e=>e==null?void 0:e===``||e===`true`,reflect:!1}},setup(e){let t=(0,c.useSlots)(),n=()=>t.has(`icon`).value,r=(0,c.inject)(Ma);(0,c.bind)({attr:{"sidebar-bottom-nav":()=>r?.mode.value===`bottom-nav`&&!r?.mobileOpen.value?!0:void 0,"sidebar-collapsed":()=>r?.collapsed.value?!0:void 0}});let i=()=>e.open.value!==void 0,a=(0,u.signal)(e[`default-open`].value),o=(0,u.computed)(()=>e.collapsible.value?i()?e.open.value??!1:a.value:!0);return(0,u.watch)(e.open,e=>{e!==void 0&&(a.value=e)}),(0,c.bind)({attr:{open:()=>o.value?!0:void 0}}),c.html`
|
|
2677
2870
|
<details class="group" part="group" ?open=${o}>
|
|
2678
2871
|
<summary
|
|
2679
2872
|
class="group-header"
|
|
@@ -2692,7 +2885,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
2692
2885
|
<slot></slot>
|
|
2693
2886
|
</div>
|
|
2694
2887
|
</details>
|
|
2695
|
-
`},styles:[w,
|
|
2888
|
+
`},styles:[w,Ea]});var Fa=`ore-sidebar-item`;(0,c.define)(Fa,{props:{active:c.prop.bool(!1),disabled:c.prop.bool(!1),href:c.prop.string(),rel:c.prop.string(),target:c.prop.string()},setup(e){let t=(0,c.useSlots)(),n=()=>t.has(`icon`).value,r=()=>t.has(`end`).value,i=(0,c.inject)(Ma);(0,c.bind)({attr:{"sidebar-bottom-nav":()=>i?.mode.value===`bottom-nav`&&!i?.mobileOpen.value?!0:void 0,"sidebar-collapsed":()=>i?.collapsed.value?!0:void 0}});let a=()=>!!e.href.value&&!e.disabled.value,o=(0,u.computed)(()=>On(e.rel.value,e.target.value)),s=()=>c.html`
|
|
2696
2889
|
<span class="item-icon" part="item-icon" ?hidden=${()=>!n()} aria-hidden="true">
|
|
2697
2890
|
<slot name="icon"></slot>
|
|
2698
2891
|
</span>
|
|
@@ -2730,7 +2923,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
2730
2923
|
${s()}
|
|
2731
2924
|
</button>
|
|
2732
2925
|
`}
|
|
2733
|
-
`},styles:[C,ta]});function ua(){let e=0,t=[];return{lock(n){if(e===0){let e=n;for(;e.parentElement&&e.parentElement!==document.body;)e=e.parentElement;t=Array.from(document.body.children).filter(t=>t!==e&&!t.hasAttribute(`inert`));for(let e of t)e.setAttribute(`inert`,``)}e++},unlock(){if(e=Math.max(0,e-1),e===0){for(let e of t)e.removeAttribute(`inert`);t=[]}}}}function da(e){let t=Z(e.onCleanup),n=(0,u.signal)(!1),r=`programmatic`,i=ua(),a=!1,o=At({getInitialFocusSelector:()=>e.initialFocus.value,getReturnFocus:()=>e.returnFocus.value,host:e.host}),s=()=>{let t=e.dialogRef.value;if(!t?.open||a)return;a=!0,t.classList.add(`closing`);let n=()=>{t.close(),a=!1},r=e.getPanelEl();r?Yn(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=rt({getBoundary:()=>e.host,getPanel:()=>{let t=e.getPanelEl();return t instanceof HTMLElement?t:null},isOpen:()=>n.value,onOpen:e.onOpen,setOpen:(t,a)=>{let s=e.dialogRef.value;if(s){if(t){if(s.open)return;s.classList.remove(`closing`),o.captureReturnFocus(),e.beforeOpen?.(s),s.showModal(),i.lock(e.host),o.applyInitialFocus(),n.value=!0;return}if(s.open){r=a,(e.performClose??(e=>e.close()))(s,a);return}n.value=!1}},signal:t}),d=e=>{c(e)&&l.close(e,!1)};e.host.addEventListener(`command`,e=>{let t=e.command;t===`show-modal`?l.open(`trigger`):(t===`close`||t===`request-close`)&&d(`trigger`)},{signal:t});let f=t=>{t.target===e.dialogRef.value&&(t.preventDefault(),!e.isPersistent()&&d(`escape`))},p=t=>{e.isPersistent()||t.target===e.dialogRef.value&&d(`outsideClick`)},m=t=>{if(t&&t.target!==e.dialogRef.value)return;i.unlock(),e.host.removeAttribute(`open`),n.value=!1,o.restoreFocus();let a=r;r=`programmatic`,e.onNativeClose?.(a)},h=()=>{let t=e.dialogRef.value;t&&e.onEvent(t,`close`,m),(0,u.watch)(e.openProp,e=>{e?l.open(`programmatic`):l.close(`programmatic`,!1)},{immediate:!0})};return{closeWithAnimation:s,dispatchCloseRequest:c,handleBackdropClick:p,handleCancel:f,isOpen:n,overlay:l,requestClose:d,setupNativeListeners:()=>{let t=e.dialogRef.value;t&&(h(),e.onEvent(t,`click`,p),e.onEvent(t,`cancel`,f))},watchOpenProp:h}}function fa(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 pa(e){return e.split(`+`).map(e=>e.trim()).filter(Boolean)}function ma(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 ha(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 ga(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 _a=`@layer refine.base{:host{--_radius:var(--command-palette-radius,var(--rounded-lg));--_max-width:var(--command-palette-max-width,40rem);--_backdrop-bg:var(--command-palette-backdrop,color-mix(in oklch, var(--color-canvas) 40%, transparent));--_panel-bg:var(--command-palette-bg,var(--color-canvas));--_panel-border-color:var(--command-palette-border-color,var(--color-divider));--_option-hover-bg:var(--command-palette-option-hover-bg,var(--color-contrast-100));--_option-focus-bg:var(--command-palette-option-focus-bg,color-mix(in oklch, var(--color-primary) 12%, var(--color-contrast-100)));display:contents}dialog{all:unset;box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;transition:display .2s allow-discrete, overlay .2s allow-discrete;padding-top:min(14vh, var(--size-24));background:0 0;border:none;justify-content:center;align-items:flex-start;margin:0;display:flex;position:fixed;inset:0;overflow:hidden}dialog:not([open]),dialog:not([open]) .panel{display:none}dialog[open]{pointer-events:auto}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));transition:opacity var(--transition-normal), overlay var(--transition-normal) allow-discrete, display var(--transition-normal) allow-discrete}@starting-style{dialog::backdrop{opacity:0}}dialog.closing::backdrop{opacity:0}.panel{box-sizing:border-box;width:var(--_max-width);max-width:calc(100vw - var(--size-8));max-height:min(28rem, calc(100dvh - var(--size-16)));background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);border-radius:var(--_radius);box-shadow:var(--command-palette-shadow,var(--shadow-2xl));opacity:1;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:opacity .2s var(--ease-spring), transform .2s var(--ease-spring);flex-direction:column;display:flex;position:relative;overflow:hidden;transform:scale(1)translateY(0)}@starting-style{.panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(-4px)}}dialog.closing .panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(-4px);transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring)}@media (width<=640px){.panel{width:calc(100vw - var(--size-4));max-width:calc(100vw - var(--size-4))}dialog{padding-top:var(--size-4)}}.search{gap:var(--size-2);padding:var(--size-3) var(--size-4);border-bottom:var(--border) solid var(--color-contrast-100);flex-shrink:0;align-items:center;display:flex}.search-icon{color:var(--color-contrast-400);flex-shrink:0;display:inline-flex}.search-input{min-width:0;font:inherit;font-size:var(--text-md);color:var(--color-contrast-900);background:0 0;border:none;outline:none;flex:1;padding:0}.search-input::placeholder{color:var(--color-contrast-400)}.search-loader{border:2px solid var(--color-contrast-300);width:1em;height:1em;animation:command-palette-spin var(--transition-loader) infinite;border-radius:50%;flex-shrink:0;display:inline-flex}.search-loader:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.search-loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}.search-loader[hidden]{display:none}@keyframes command-palette-spin{to{transform:rotate(360deg)}}.listbox{padding:var(--size-1);overscroll-behavior:contain;scrollbar-width:thin;flex:1;overflow-y:auto}.empty{padding:var(--size-6) var(--size-3);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.group-heading{padding:var(--size-2) var(--size-2-5) var(--size-1);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:var(--tracking-wide,.05em)}.item{gap:var(--size-2-5);padding:var(--size-2) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast);align-items:center;display:flex}.item:hover:not([data-disabled]){background:var(--_option-hover-bg)}.item[data-focused]:not([data-disabled]){background:var(--_option-focus-bg)}.item[data-disabled]{color:var(--color-contrast-400);cursor:not-allowed;opacity:.6}.item-icon{color:var(--color-contrast-500);flex-shrink:0;align-items:center;display:inline-flex}.item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.item-shortcut{gap:var(--size-1);flex-shrink:0;display:inline-flex}.item-shortcut kbd{padding:var(--size-0-5) var(--size-1-5);font-family:var(--font-mono,monospace);font-size:var(--text-xs);color:var(--color-contrast-500);background:var(--color-contrast-100);border:var(--border) solid var(--color-contrast-200);border-bottom-width:calc(var(--border) + 1px);border-radius:var(--rounded-sm)}.footer{gap:var(--size-4);padding:var(--size-2) var(--size-4);font-size:var(--text-xs);color:var(--color-contrast-500);border-top:var(--border) solid var(--color-contrast-100);flex-shrink:0;align-items:center;display:flex}.footer-hint{gap:var(--size-1);align-items:center;display:inline-flex}.footer kbd{padding:var(--size-0-5) var(--size-1);font-family:inherit;font-size:var(--text-xs);background:var(--color-contrast-100);border:var(--border) solid var(--color-contrast-200);border-bottom-width:calc(var(--border) + 1px);border-radius:var(--rounded-sm)}::slotted(ore-command-palette-item){display:none!important}}`,va=`ore-command-palette-item`;(0,c.define)(va,{setup(){return c.html``}});var ya=`ore-command-palette`;(0,c.define)(ya,{props:{"empty-text":c.prop.string(`No results found.`),items:c.prop.data(),"keep-open-on-select":c.prop.bool(!1),label:c.prop.string(`Command palette`),loading:c.prop.bool(!1),"no-filter":c.prop.bool(!1),open:c.prop.bool(!1),placeholder:c.prop.string(`Type a command or search…`),shortcut:c.prop.string(`mod+k`)},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=Z(c.onCleanup),i=(0,c.ref)(),a=(0,c.ref)(),o=`cmdk-listbox`,s=null,l=(0,u.signal)(``),d=(0,u.signal)([]),f=()=>{d.value=fa([...t.children])};f();let p=new MutationObserver(f);p.observe(t,{characterData:!0,childList:!0,subtree:!0}),(0,c.onCleanup)(()=>p.disconnect());let m=(0,u.computed)(()=>{let t=e.items.value;return Array.isArray(t)?t.map(ma):d.value}),h=(0,u.computed)(()=>ha(m.value,l.value,!!e[`no-filter`].value)),g=(0,u.computed)(()=>ga(h.value)),_=nt({getItems:()=>h.value,isItemDisabled:e=>e.disabled,onNavigate:()=>{s?.querySelector(`[data-focused]`)?.scrollIntoView({block:`nearest`})},signal:r}),{focusedIndex:y}=_,b=()=>{l.value=``,_.reset()},{closeWithAnimation:x,overlay:S,requestClose:C,setupNativeListeners:w}=da({dialogRef:i,getPanelEl:()=>i.value?.querySelector(`.panel`),host:t,initialFocus:(0,u.computed)(()=>`.search-input`),isPersistent:()=>!1,onCleanup:c.onCleanup,onEvent:c.onEvent,onNativeClose:e=>{n(`close`,{reason:e}),b()},onOpen:e=>{n(`open`,{reason:e}),_.navigate(`first`)},openProp:e.open,performClose:()=>x(),returnFocus:(0,u.computed)(()=>!0)}),T=(0,v.createKeymap)();T.mount(window),(0,c.onCleanup)(()=>T.dispose());let E=null;(0,u.watch)(e.shortcut,e=>{E?.(),E=null;let t=(e??``).trim();if(t)try{E=T.bind(t,()=>{S.toggle(`keyboard`,`trigger`)})}catch(e){W(`invalid "shortcut" value "${t}" — ${e instanceof Error?e.message:String(e)}`)}},{immediate:!0}),(0,c.onMounted)(()=>{w()});function D(t){t.disabled||(n(`select`,{item:t,label:t.label,value:t.value}),e[`keep-open-on-select`].value?a.value?.focus():C(`trigger`))}function O(t){let r=t.target.value;l.value=r,_.navigate(`first`),n(`search`,{query:r});let i=h.value.length;Ct(i===0?e[`empty-text`].value:`${i} result${i===1?``:`s`} found`)}function k(e){if(!_.handleKeydown(e)&&e.key===`Enter`){let t=_.getActiveItem()??h.value.find(e=>!e.disabled);t&&(e.preventDefault(),D(t))}}return c.html`
|
|
2926
|
+
`},styles:[C,Da]});function Ia(e){let t=null,n=null,r=()=>{n!==null&&(cancelAnimationFrame(n),n=null)};return e.signal?.addEventListener(`abort`,r,{once:!0}),{applyInitialFocus(){r();let t=e.getInitialFocusSelector();if(t){let r=e.host.shadowRoot??e.host,i=null;try{i=r.querySelector(t)}catch{return}i&&(n=requestAnimationFrame(()=>{n=null,i.focus()}))}},cancelInitialFocus:r,captureReturnFocus(){t=document.activeElement},restoreFocus(){e.getReturnFocus()!==!1&&t&&(t.focus(),t=null)}}}function La(){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 Ra(e){let t=Z(e.onCleanup),n=(0,u.signal)(!1),r=`programmatic`,i=La(),a=!1,o=Ia({getInitialFocusSelector:()=>e.initialFocus.value,getReturnFocus:()=>e.returnFocus.value,host:e.host,signal:t}),s=()=>{let t=e.dialogRef.value;if(!t?.open||a)return;a=!0,t.classList.add(`closing`);let n=()=>{t.close(),a=!1},r=e.getPanelEl();r?gr(r,n,`transition`):n()},c=t=>e.host.dispatchEvent(new CustomEvent(`close-request`,{bubbles:!0,cancelable:!0,composed:!0,detail:{reason:t,...e.closeRequestDetail?.(t)}})),l=pt({getBoundary:()=>e.host,getPanel:()=>{let t=e.getPanelEl();return t instanceof HTMLElement?t:null},isOpen:()=>n.value,onOpen:e.onOpen,setOpen:(t,a)=>{let s=e.dialogRef.value;if(s){if(t){if(s.open)return;s.classList.remove(`closing`),o.captureReturnFocus(),e.beforeOpen?.(s),s.showModal(),i.lock(e.host),o.applyInitialFocus(),n.value=!0;return}if(s.open){r=a,(e.performClose??(e=>e.close()))(s,a);return}n.value=!1}},signal:t}),d=e=>{c(e)&&l.close(e,!1)};e.host.addEventListener(`command`,e=>{let t=e.command;t===`show-modal`?l.open(`trigger`):(t===`close`||t===`request-close`)&&d(`trigger`)},{signal:t});let f=t=>{t.target===e.dialogRef.value&&(t.preventDefault(),!e.isPersistent()&&d(`escape`))},p=t=>{e.isPersistent()||t.target===e.dialogRef.value&&d(`outsideClick`)},m=t=>{if(t&&t.target!==e.dialogRef.value)return;i.unlock(),e.host.removeAttribute(`open`),n.value=!1,o.restoreFocus();let a=r;r=`programmatic`,e.onNativeClose?.(a)},h=()=>{let t=e.dialogRef.value;t&&e.onEvent(t,`close`,m),(0,u.watch)(e.openProp,e=>{e?l.open(`programmatic`):l.close(`programmatic`,!1)},{immediate:!0})};return{closeWithAnimation:s,dispatchCloseRequest:c,handleBackdropClick:p,handleCancel:f,isOpen:n,overlay:l,requestClose:d,setupNativeListeners:()=>{let t=e.dialogRef.value;t&&(h(),e.onEvent(t,`click`,p),e.onEvent(t,`cancel`,f))},watchOpenProp:h}}function za(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 Ba(e){return e.split(`+`).map(e=>e.trim()).filter(Boolean)}function Va(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 Ha(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 Ua(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 Wa=`@layer refine.base{:host{--_radius:var(--command-palette-radius,var(--rounded-lg));--_max-width:var(--command-palette-max-width,40rem);--_backdrop-bg:var(--command-palette-backdrop,color-mix(in oklch, var(--color-canvas) 40%, transparent));--_panel-bg:var(--command-palette-bg,var(--color-canvas));--_panel-border-color:var(--command-palette-border-color,var(--color-divider));--_option-hover-bg:var(--command-palette-option-hover-bg,var(--color-contrast-100));--_option-focus-bg:var(--command-palette-option-focus-bg,color-mix(in oklch, var(--color-primary) 12%, var(--color-contrast-100)));display:contents}dialog{all:unset;box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;transition:display .2s allow-discrete, overlay .2s allow-discrete;padding-top:min(14vh, var(--size-24));background:0 0;border:none;justify-content:center;align-items:flex-start;margin:0;display:flex;position:fixed;inset:0;overflow:hidden}dialog:not([open]),dialog:not([open]) .panel{display:none}dialog[open]{pointer-events:auto}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));transition:opacity var(--transition-normal), overlay var(--transition-normal) allow-discrete, display var(--transition-normal) allow-discrete}@starting-style{dialog::backdrop{opacity:0}}dialog.closing::backdrop{opacity:0}.panel{box-sizing:border-box;width:var(--_max-width);max-width:calc(100vw - var(--size-8));max-height:min(28rem, calc(100dvh - var(--size-16)));background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);border-radius:var(--_radius);box-shadow:var(--command-palette-shadow,var(--shadow-2xl));opacity:1;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:opacity .2s var(--ease-spring), transform .2s var(--ease-spring);flex-direction:column;display:flex;position:relative;overflow:hidden;transform:scale(1)translateY(0)}@starting-style{.panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(-4px)}}dialog.closing .panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(-4px);transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring)}@media (width<=640px){.panel{width:calc(100vw - var(--size-4));max-width:calc(100vw - var(--size-4))}dialog{padding-top:var(--size-4)}}.search{gap:var(--size-2);padding:var(--size-3) var(--size-4);border-bottom:var(--border) solid var(--color-contrast-100);flex-shrink:0;align-items:center;display:flex}.search-icon{color:var(--color-contrast-400);flex-shrink:0;display:inline-flex}.search-input{min-width:0;font:inherit;font-size:var(--text-md);color:var(--color-contrast-900);background:0 0;border:none;outline:none;flex:1;padding:0}.search-input::placeholder{color:var(--color-contrast-400)}.search-loader{border:2px solid var(--color-contrast-300);width:1em;height:1em;animation:command-palette-spin var(--transition-loader) infinite;border-radius:50%;flex-shrink:0;display:inline-flex}.search-loader:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.search-loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}.search-loader[hidden]{display:none}@keyframes command-palette-spin{to{transform:rotate(360deg)}}.listbox{padding:var(--size-1);overscroll-behavior:contain;scrollbar-width:thin;flex:1;overflow-y:auto}.empty{padding:var(--size-6) var(--size-3);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.group-heading{padding:var(--size-2) var(--size-2-5) var(--size-1);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:var(--tracking-wide,.05em)}.item{gap:var(--size-2-5);padding:var(--size-2) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast);align-items:center;display:flex}.item:hover:not([data-disabled]){background:var(--_option-hover-bg)}.item[data-focused]:not([data-disabled]){background:var(--_option-focus-bg)}.item[data-disabled]{color:var(--color-contrast-400);cursor:not-allowed;opacity:.6}.item-icon{color:var(--color-contrast-500);flex-shrink:0;align-items:center;display:inline-flex}.item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.item-shortcut{gap:var(--size-1);flex-shrink:0;display:inline-flex}.item-shortcut kbd{padding:var(--size-0-5) var(--size-1-5);font-family:var(--font-mono,monospace);font-size:var(--text-xs);color:var(--color-contrast-500);background:var(--color-contrast-100);border:var(--border) solid var(--color-contrast-200);border-bottom-width:calc(var(--border) + 1px);border-radius:var(--rounded-sm)}.footer{gap:var(--size-4);padding:var(--size-2) var(--size-4);font-size:var(--text-xs);color:var(--color-contrast-500);border-top:var(--border) solid var(--color-contrast-100);flex-shrink:0;align-items:center;display:flex}.footer-hint{gap:var(--size-1);align-items:center;display:inline-flex}.footer kbd{padding:var(--size-0-5) var(--size-1);font-family:inherit;font-size:var(--text-xs);background:var(--color-contrast-100);border:var(--border) solid var(--color-contrast-200);border-bottom-width:calc(var(--border) + 1px);border-radius:var(--rounded-sm)}::slotted(ore-command-palette-item){display:none!important}}`,Ga=`ore-command-palette-item`;(0,c.define)(Ga,{setup(){return c.html``}});var Ka=`ore-command-palette`;(0,c.define)(Ka,{props:{"empty-text":c.prop.string(`No results found.`),items:c.prop.data(),"keep-open-on-select":c.prop.bool(!1),label:c.prop.string(`Command palette`),loading:c.prop.bool(!1),"no-filter":c.prop.bool(!1),open:c.prop.bool(!1),placeholder:c.prop.string(`Type a command or search…`),shortcut:c.prop.string(`mod+k`)},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=Z(c.onCleanup),i=(0,c.ref)(),a=(0,c.ref)(),o=`cmdk-listbox`,s=null,l=(0,u.signal)(``),d=(0,u.signal)([]),f=()=>{d.value=za([...t.children])};f();let p=new MutationObserver(f);p.observe(t,{characterData:!0,childList:!0,subtree:!0}),(0,c.onCleanup)(()=>p.disconnect());let m=(0,u.computed)(()=>{let t=e.items.value;return Array.isArray(t)?t.map(Va):d.value}),h=(0,u.computed)(()=>Ha(m.value,l.value,!!e[`no-filter`].value)),g=(0,u.computed)(()=>Ua(h.value)),_=ft({getItems:()=>h.value,isItemDisabled:e=>e.disabled,onNavigate:()=>{s?.querySelector(`[data-focused]`)?.scrollIntoView({block:`nearest`})},signal:r}),{focusedIndex:y}=_,b=()=>{l.value=``,_.reset()},{closeWithAnimation:x,overlay:S,requestClose:C,setupNativeListeners:w}=Ra({dialogRef:i,getPanelEl:()=>i.value?.querySelector(`.panel`),host:t,initialFocus:(0,u.computed)(()=>`.search-input`),isPersistent:()=>!1,onCleanup:c.onCleanup,onEvent:c.onEvent,onNativeClose:e=>{n(`close`,{reason:e}),b()},onOpen:e=>{n(`open`,{reason:e}),_.navigate(`first`)},openProp:e.open,performClose:()=>x(),returnFocus:(0,u.computed)(()=>!0)}),T=(0,v.createKeymap)();T.mount(window),(0,c.onCleanup)(()=>T.dispose());let E=null;(0,u.watch)(e.shortcut,e=>{E?.(),E=null;let t=(e??``).trim();if(t)try{E=T.bind(t,()=>{S.toggle(`keyboard`,`trigger`)})}catch(e){G(`invalid "shortcut" value "${t}" — ${e instanceof Error?e.message:String(e)}`)}},{immediate:!0}),(0,c.onMounted)(()=>{w()});function D(t){t.disabled||(n(`select`,{item:t,label:t.label,value:t.value}),e[`keep-open-on-select`].value?a.value?.focus():C(`trigger`))}function O(t){let r=t.target.value;l.value=r,_.navigate(`first`),n(`search`,{query:r});let i=h.value.length;Nt(i===0?e[`empty-text`].value:`${i} result${i===1?``:`s`} found`)}function k(e){if(!_.handleKeydown(e)&&e.key===`Enter`){let t=_.getActiveItem()??h.value.find(e=>!e.disabled);t&&(e.preventDefault(),D(t))}}return c.html`
|
|
2734
2927
|
<dialog ref="${i}" class="dialog" part="dialog" aria-label="${e.label}" aria-modal="true">
|
|
2735
2928
|
<div class="panel" part="panel">
|
|
2736
2929
|
<div class="search" part="search">
|
|
@@ -2779,7 +2972,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
2779
2972
|
></span>`:``}
|
|
2780
2973
|
<span class="item-label">${e.item.label}</span>
|
|
2781
2974
|
${e.item.shortcut?c.html`<span class="item-shortcut"
|
|
2782
|
-
>${
|
|
2975
|
+
>${Ba(e.item.shortcut).map(e=>c.html`<kbd>${e}</kbd>`)}</span
|
|
2783
2976
|
>`:``}
|
|
2784
2977
|
</div>`)}
|
|
2785
2978
|
</div>
|
|
@@ -2790,7 +2983,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
2790
2983
|
</div>
|
|
2791
2984
|
</div>
|
|
2792
2985
|
</dialog>
|
|
2793
|
-
`},styles:[w,
|
|
2986
|
+
`},styles:[w,Wa]});var qa=`@layer refine.base{:host{--_radius:var(--dialog-radius,var(--rounded-lg));--_padding:var(--dialog-padding,var(--size-4));--_gap:var(--dialog-gap,var(--size-4));--_max-width:var(--dialog-max-width,32rem);--_elevation:var(--shadow-xl);--_backdrop-filter:none;--_backdrop-bg:var(--dialog-backdrop,color-mix(in oklch, var(--color-canvas) 40%, transparent));--_panel-bg:var(--dialog-bg,var(--color-canvas));--_panel-blur:var(--dialog-panel-blur,var(--blur-md));--_panel-border-color:var(--dialog-border-color,var(--color-divider));display:contents}dialog{all:unset;box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;transition:display .2s allow-discrete, overlay .2s allow-discrete;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}dialog:not([open]),dialog:not([open]) .panel{display:none}dialog[open]{pointer-events:auto}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:opacity var(--transition-normal), overlay var(--transition-normal) allow-discrete, display var(--transition-normal) allow-discrete}@starting-style{dialog::backdrop{opacity:0}}dialog.closing::backdrop{opacity:0;transition:opacity .15s var(--ease-in-out), overlay .15s allow-discrete, display .15s allow-discrete}.panel{box-sizing:border-box;width:var(--_max-width);max-width:calc(100vw - var(--size-8));max-height:calc(100dvh - var(--size-8));background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);border-radius:var(--_radius);box-shadow:var(--dialog-shadow,var(--_elevation));opacity:1;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity .2s var(--ease-spring), transform .2s var(--ease-spring);flex-direction:column;display:flex;position:relative;overflow:hidden;transform:scale(1)translateY(0)}@starting-style{.panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px)}}dialog.closing .panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px);transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring)}.panel[data-size=sm]{--_max-width:var(--dialog-max-width,22rem)}.panel[data-size=md]{--_max-width:var(--dialog-max-width,32rem)}.panel[data-size=lg]{--_max-width:var(--dialog-max-width,48rem)}.panel[data-size=xl]{--_max-width:var(--dialog-max-width,64rem)}.panel[data-size=full]{width:calc(100vw - var(--size-8));max-width:calc(100vw - var(--size-8));max-height:calc(100dvh - var(--size-8))}.header{gap:var(--size-2);padding:var(--_padding);flex-shrink:0;align-items:center;padding-bottom:0;display:flex}.header[hidden]{display:none}.title{font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-contrast-900);flex:1}.close{width:var(--size-8);min-width:var(--_touch-target);height:var(--size-8);min-height:var(--_touch-target);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.close:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.close:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.close:hover{color:var(--color-contrast-900);background:var(--color-contrast-200)}.close:focus-visible{outline:var(--border-2) solid var(--color-focus);outline-offset:var(--border-2)}.close[hidden]{display:none}.body{padding:var(--_padding);overscroll-behavior:contain;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-contrast-700);flex:1;overflow-y:auto}.footer{gap:var(--_gap);padding:var(--_padding);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;padding-top:0;display:flex}.footer[hidden]{display:none}.header:not([hidden])+.body{padding-top:var(--size-4)}.body+.footer:not([hidden]){padding-top:var(--size-4);border-top:var(--border) solid var(--color-contrast-100)}@media (width<=640px){.panel,.panel[data-size=sm],.panel[data-size=md],.panel[data-size=lg],.panel[data-size=xl]{width:calc(100vw - var(--size-4));max-width:calc(100vw - var(--size-4));max-height:calc(100dvh - var(--size-4))}.header,.body,.footer{padding-inline:var(--size-3)}}}@layer refine.config{:host([backdrop=blur]){--_backdrop-filter:blur(var(--blur-xs))}:host([backdrop=transparent]){--_backdrop-bg:transparent}:host([elevation=none]){--_elevation:var(--shadow-none)}:host([elevation=sm]){--_elevation:var(--shadow-sm)}:host([elevation=md]){--_elevation:var(--shadow-md)}:host([elevation=lg]){--_elevation:var(--shadow-lg)}:host([elevation=xl]){--_elevation:var(--shadow-xl)}:host([elevation="2xl"]){--_elevation:var(--shadow-2xl)}:host([padding=none]){--_padding:var(--size-0)}:host([padding=sm]){--_padding:var(--size-3)}:host([padding=md]){--_padding:var(--size-4)}:host([padding=lg]){--_padding:var(--size-6)}:host([padding=xl]){--_padding:var(--size-8)}}`,Ja=`ore-dialog`;(0,c.define)(Ja,{props:{backdrop:c.prop.string(),dismissible:c.prop.bool(!1),elevation:c.prop.string(),"initial-focus":c.prop.string(),label:c.prop.string(),open:c.prop.bool(!1),padding:c.prop.string(),persistent:c.prop.bool(!1),"return-focus":c.prop.bool(!0),rounded:c.prop.string(),size:c.prop.oneOf([`sm`,`md`,`lg`,`xl`,`full`],`md`)},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=(0,c.useSlots)(),i=(0,c.ref)(),a=()=>r.has(`header`).value||!!e.label.value||e.dismissible.value,o=()=>r.has(`footer`).value,{closeWithAnimation:s,overlay:l,requestClose:u,setupNativeListeners:d}=Ra({dialogRef:i,getPanelEl:()=>i.value?.querySelector(`.panel`),host:t,initialFocus:e[`initial-focus`],isPersistent:()=>!!e.persistent.value,onCleanup:c.onCleanup,onEvent:c.onEvent,onNativeClose:e=>n(`close`,{reason:e}),onOpen:e=>n(`open`,{reason:e}),openProp:e.open,performClose:()=>{s()},returnFocus:e[`return-focus`]});return(0,c.onMounted)(()=>{if(i.value)return d(),()=>{l.dispose()}}),c.html`
|
|
2794
2987
|
<dialog ref=${i} class="dialog" part="dialog" aria-label="${e.label}" aria-modal="true">
|
|
2795
2988
|
<div class="overlay" part="overlay" aria-hidden="true"></div>
|
|
2796
2989
|
<div class="panel" part="panel" :data-size="${e.size}">
|
|
@@ -2816,7 +3009,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
2816
3009
|
</div>
|
|
2817
3010
|
</div>
|
|
2818
3011
|
</dialog>
|
|
2819
|
-
`},styles:[E,C,ba]});var Sa=`@layer refine.base{:host{--_backdrop-bg:var(--drawer-backdrop-bg,color-mix(in oklch, var(--color-canvas) 40%, transparent));--_backdrop-filter:none;--_panel-bg:var(--drawer-bg,var(--color-canvas));--_panel-blur:var(--drawer-panel-blur,var(--blur-md));--_panel-shadow:var(--drawer-shadow,var(--shadow-xl));--_panel-border-color:var(--color-divider);--_panel-bleed:var(--size-8);--_drag-handle-inset:calc(var(--size-1) * -1);display:contents}dialog{all:unset;box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;transition:display .2s allow-discrete, overlay .2s allow-discrete;display:flex;position:fixed;inset:0}dialog:not([open]),dialog:not([open]) .panel{display:none}dialog[open]{pointer-events:auto;display:flex}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:display .2s allow-discrete, overlay .2s allow-discrete, opacity var(--transition-normal), backdrop-filter var(--transition-normal)}@starting-style{dialog::backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}dialog.closing::backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:opacity .3s var(--ease-in-out), backdrop-filter .3s var(--ease-in-out), overlay .3s allow-discrete, display .3s allow-discrete}.panel{box-sizing:border-box;background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);box-shadow:var(--_panel-shadow);opacity:1;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity var(--transition-normal), transform .3s var(--ease-move);flex-direction:column;display:flex;position:absolute;overflow:visible;transform:translate(0)}@starting-style{.panel{opacity:0;transform:var(--_panel-exit-transform,translate3d(0, 0, 0))}}dialog.closing .panel{opacity:0;transform:var(--_panel-exit-transform,translate3d(0, 0, 0))}:host([placement=left]) .panel{--_panel-exit-transform:translateX(calc(-100% - var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host([placement=left]) .panel:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=left]) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host(:not([placement])) .panel,:host([placement=right]) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host(:not([placement])) .panel:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([placement=right]) .panel:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host(:not([placement])) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=right]) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=top]) .panel{--_panel-exit-transform:translateY(calc(-100% - var(--_panel-bleed)));height:calc(var(--drawer-size,16rem) + var(--_panel-bleed));max-height:calc(100dvh + var(--_panel-bleed));margin-top:calc(var(--_panel-bleed) * -1);padding-top:var(--_panel-bleed);border-top:none;border-left:none;border-right:none;top:0;left:0;right:0}:host([placement=bottom]) .panel{--_panel-exit-transform:translateY(calc(100% + var(--_panel-bleed)));height:calc(var(--drawer-size,16rem) + var(--_panel-bleed));max-height:calc(100dvh + var(--_panel-bleed));margin-bottom:calc(var(--_panel-bleed) * -1);padding-bottom:var(--_panel-bleed);border-bottom:none;border-left:none;border-right:none;bottom:0;left:0;right:0}:host(:dir(rtl)[placement=left]) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)))}:host(:dir(rtl)[placement=right]) .panel,:host(:dir(rtl):not([placement])) .panel{--_panel-exit-transform:translateX(calc(-100% - var(--_panel-bleed)))}:host([size=sm]){--drawer-size:14rem}:host([size=lg]){--drawer-size:32rem}:host([size=full]){--drawer-size:100%}:host([size=full]) .panel{width:calc(100% + var(--_panel-bleed));max-width:none;height:calc(100% + var(--_panel-bleed));border:none;max-height:none}.header{gap:var(--size-2);padding:var(--size-4);border-bottom:var(--border) solid var(--color-contrast-200);flex-shrink:0;align-items:center;display:flex}.header-title{text-overflow:ellipsis;min-width:0;font-size:var(--text-lg);font-weight:var(--font-semibold);white-space:nowrap;flex:1;overflow:hidden}.body{padding:var(--size-4);flex:1;overflow-y:auto}.footer{gap:var(--size-2);padding:var(--size-4);border-top:var(--border) solid var(--color-contrast-200);flex-shrink:0;justify-content:flex-end;display:flex}.header[hidden],.footer[hidden],.close-btn[hidden]{display:none}.close-btn{all:unset;box-sizing:border-box;width:var(--size-8);height:var(--size-8);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.close-btn:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.close-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.close-btn:hover{color:var(--color-contrast-800);background:var(--color-contrast-200)}.close-btn:active{opacity:.8}.drag-handle{z-index:10;pointer-events:all;touch-action:none;cursor:grab;position:absolute}.drag-handle:active{cursor:grabbing}:host([placement=left]) .drag-handle,:host(:not([placement])) .drag-handle,:host([placement=right]) .drag-handle{width:var(--_panel-bleed);height:3.5rem;top:50%;translate:0 -50%}:host([placement=left]) .drag-handle{right:calc(var(--_panel-bleed) * -1)}:host([placement=right]) .drag-handle,:host(:not([placement])) .drag-handle{left:calc(var(--_panel-bleed) * -1)}:host([placement=top]) .drag-handle,:host([placement=bottom]) .drag-handle{width:3.5rem;height:var(--_panel-bleed);left:50%;translate:-50%}:host([placement=top]) .drag-handle{bottom:calc(var(--_panel-bleed) * -1)}:host([placement=bottom]) .drag-handle{top:calc(var(--_panel-bleed) * -1)}:host([drag-handle-placement=inset][placement=left]) .drag-handle{right:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=right]) .drag-handle,:host([drag-handle-placement=inset]:not([placement])) .drag-handle{left:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=top]) .drag-handle{bottom:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=bottom]) .drag-handle{top:var(--_drag-handle-inset)}.drag-handle:before{content:"";background:var(--color-contrast-400);border-radius:var(--rounded-full);opacity:.6;transition:background var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);position:absolute;inset:50%;translate:-50% -50%}:host([placement=left]) .drag-handle:before,:host([placement=right]) .drag-handle:before,:host(:not([placement])) .drag-handle:before{width:5px;height:2.5rem}:host([placement=top]) .drag-handle:before,:host([placement=bottom]) .drag-handle:before{width:2.5rem;height:5px}.drag-handle:hover:before{background:var(--color-contrast-600);opacity:.9;transform:scale(1.15)}.close-btn:focus-visible{outline:var(--focus-ring)}@media (width<=640px){:host([placement=left]) .panel,:host(:not([placement])) .panel,:host([placement=right]) .panel{width:calc(min(var(--drawer-size,20rem), calc(100vw - var(--size-2))) + var(--_panel-bleed));max-width:calc(100vw - var(--size-2) + var(--_panel-bleed))}:host([placement=top]) .panel,:host([placement=bottom]) .panel{height:calc(min(var(--drawer-size,16rem), calc(100dvh - var(--size-2))) + var(--_panel-bleed));max-height:calc(100dvh - var(--size-2) + var(--_panel-bleed))}.header,.body,.footer{padding:var(--size-3)}}}@layer refine.config{:host([backdrop=blur]){--_backdrop-filter:blur(var(--blur-xs))}:host([backdrop=transparent]){--_backdrop-bg:transparent}}`,Ca={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)`}},wa=`ore-drawer`;(0,c.define)(wa,{props:{backdrop:c.prop.string(),dismissible:c.prop.bool(!0),"drag-handle-placement":c.prop.oneOf([`outside`,`inset`],`outside`),"initial-focus":c.prop.string(),label:c.prop.string(),open:c.prop.bool(!1),persistent:c.prop.bool(!1),placement:c.prop.oneOf([`left`,`right`,`top`,`bottom`],`right`),"return-focus":c.prop.bool(!0),size:c.prop.string(),title:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=(0,c.useSlots)(),i=(0,c.createStableId)(`drawer-label`),a=(0,c.ref)(),o=(0,c.ref)(),s=(0,u.signal)(!1),l,d=()=>e.label.value??e.title.value??``,f=()=>r.has(`header`).value||!!d(),p=()=>f()||e.dismissible.value,m=()=>r.has(`footer`).value,h=()=>e.placement.value||`right`,g=()=>Ca[h()],_=(e,t)=>{let n=t===`x`?e.offsetWidth:e.offsetHeight;return Math.min(96,Math.max(36,n*.18))},v=(e,t)=>g().closingDistance(e)>=t,y=e=>{if(!s.value)return;l&&=(clearTimeout(l),void 0);let t=a.value;if(!t){s.value=!1;return}t.style.transition=`none`,e.style.opacity=`0`,e.style.visibility=`hidden`,t.offsetWidth,D(`swipe`)},b=(e,t,n)=>{if(s.value)return;s.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),y(e))};e.addEventListener(`transitionend`,o);let c=parseFloat(getComputedStyle(e).transitionDuration)*1e3;l=setTimeout(()=>{e.removeEventListener(`transitionend`,o),y(e)},c+50),e.style.transform=a,e.style.opacity=`0.2`},x=e=>{l&&=(clearTimeout(l),void 0),e.style.transition=``,e.style.transform=``,e.style.opacity=``,e.style.visibility=``,s.value=!1},S=({distance:e,threshold:t})=>{let n=o.value;if(n){if(v(e,t)){b(n,g(),e);return}x(n)}},C=vt({axis:()=>g().axis,disabled:s,onCancel:S,onCommit:({distance:e})=>{let t=o.value;t&&b(t,g(),e)},onMove:({distance:e,threshold:t})=>{let n=o.value;if(!n)return;let r=g(),i=r.closingDistance(e),a=Math.min(i/t,1);n.style.transition=`none`,n.style.transform=r.translate(e),n.style.opacity=String(1-a*.4)},onRelease:S,shouldCommit:({distance:e,threshold:t})=>v(e,t),threshold:()=>{let e=o.value;return e?_(e,g().axis):48}}),{closeWithAnimation:w,handleCancel:T,overlay:E,requestClose:D,watchOpenProp:O}=da({beforeOpen:e=>{let t=o.value;t&&x(t)},closeRequestDetail:t=>({placement:e.placement.value??`right`}),dialogRef:a,getPanelEl:()=>o.value,host:t,initialFocus:e[`initial-focus`],isPersistent:()=>!!e.persistent.value,onCleanup:c.onCleanup,onEvent:c.onEvent,onNativeClose:t=>{let r=o.value;r&&t!==`swipe`&&x(r);let i=a.value;i&&(i.style.transition=``),n(`close`,{placement:e.placement.value??`right`,reason:t})},onOpen:t=>n(`open`,{placement:e.placement.value??`right`,reason:t}),openProp:e.open,performClose:(e,t)=>{t===`swipe`?e.close():w()},returnFocus:e[`return-focus`]});return(0,c.onMounted)(()=>{let n=a.value;if(!n)return;let r=t;r.show=()=>{E.open(`programmatic`)},r.hide=()=>{E.close(`programmatic`,!1)},O(),(0,c.onEvent)(n,`cancel`,T),(0,c.onEvent)(n,`click`,t=>{e.persistent.value||C.isActive()||s.value||t.target===n&&D(`outsideClick`)});let i=o.value?.querySelector(`[part="drag-handle"]`);return i&&((0,c.onEvent)(i,`pointerdown`,C.handlePointerDown),(0,c.onEvent)(i,`pointermove`,C.handlePointerMove),(0,c.onEvent)(i,`pointerup`,C.handlePointerUp),(0,c.onEvent)(i,`pointercancel`,C.handlePointerCancel)),()=>{E.dispose()}}),c.html`
|
|
3012
|
+
`},styles:[E,C,qa]});var Ya=`@layer refine.base{:host{--_backdrop-bg:var(--drawer-backdrop-bg,color-mix(in oklch, var(--color-canvas) 40%, transparent));--_backdrop-filter:none;--_panel-bg:var(--drawer-bg,var(--color-canvas));--_panel-blur:var(--drawer-panel-blur,var(--blur-md));--_panel-shadow:var(--drawer-shadow,var(--shadow-xl));--_panel-border-color:var(--color-divider);--_panel-bleed:var(--size-8);--_drag-handle-inset:calc(var(--size-1) * -1);display:contents}dialog{all:unset;box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;transition:display .2s allow-discrete, overlay .2s allow-discrete;display:flex;position:fixed;inset:0}dialog:not([open]),dialog:not([open]) .panel{display:none}dialog[open]{pointer-events:auto;display:flex}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:display .2s allow-discrete, overlay .2s allow-discrete, opacity var(--transition-normal), backdrop-filter var(--transition-normal)}@starting-style{dialog::backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}dialog.closing::backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:opacity .3s var(--ease-in-out), backdrop-filter .3s var(--ease-in-out), overlay .3s allow-discrete, display .3s allow-discrete}.panel{box-sizing:border-box;background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);box-shadow:var(--_panel-shadow);opacity:1;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity var(--transition-normal), transform .3s var(--ease-move);flex-direction:column;display:flex;position:absolute;overflow:visible;transform:translate(0)}@starting-style{.panel{opacity:0;transform:var(--_panel-exit-transform,translate3d(0, 0, 0))}}dialog.closing .panel{opacity:0;transform:var(--_panel-exit-transform,translate3d(0, 0, 0))}:host([placement=left]) .panel{--_panel-exit-transform:translateX(calc(-100% - var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host([placement=left]) .panel:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=left]) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host(:not([placement])) .panel,:host([placement=right]) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host(:not([placement])) .panel:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([placement=right]) .panel:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host(:not([placement])) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=right]) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=top]) .panel{--_panel-exit-transform:translateY(calc(-100% - var(--_panel-bleed)));height:calc(var(--drawer-size,16rem) + var(--_panel-bleed));max-height:calc(100dvh + var(--_panel-bleed));margin-top:calc(var(--_panel-bleed) * -1);padding-top:var(--_panel-bleed);border-top:none;border-left:none;border-right:none;top:0;left:0;right:0}:host([placement=bottom]) .panel{--_panel-exit-transform:translateY(calc(100% + var(--_panel-bleed)));height:calc(var(--drawer-size,16rem) + var(--_panel-bleed));max-height:calc(100dvh + var(--_panel-bleed));margin-bottom:calc(var(--_panel-bleed) * -1);padding-bottom:var(--_panel-bleed);border-bottom:none;border-left:none;border-right:none;bottom:0;left:0;right:0}:host(:dir(rtl)[placement=left]) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)))}:host(:dir(rtl)[placement=right]) .panel,:host(:dir(rtl):not([placement])) .panel{--_panel-exit-transform:translateX(calc(-100% - var(--_panel-bleed)))}:host([size=sm]){--drawer-size:14rem}:host([size=lg]){--drawer-size:32rem}:host([size=full]){--drawer-size:100%}:host([size=full]) .panel{width:calc(100% + var(--_panel-bleed));max-width:none;height:calc(100% + var(--_panel-bleed));border:none;max-height:none}.header{gap:var(--size-2);padding:var(--size-4);border-bottom:var(--border) solid var(--color-contrast-200);flex-shrink:0;align-items:center;display:flex}.header-title{text-overflow:ellipsis;min-width:0;font-size:var(--text-lg);font-weight:var(--font-semibold);white-space:nowrap;flex:1;overflow:hidden}.body{padding:var(--size-4);flex:1;overflow-y:auto}.footer{gap:var(--size-2);padding:var(--size-4);border-top:var(--border) solid var(--color-contrast-200);flex-shrink:0;justify-content:flex-end;display:flex}.header[hidden],.footer[hidden],.close-btn[hidden]{display:none}.close-btn{all:unset;box-sizing:border-box;width:var(--size-8);height:var(--size-8);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.close-btn:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.close-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.close-btn:hover{color:var(--color-contrast-800);background:var(--color-contrast-200)}.close-btn:active{opacity:.8}.drag-handle{z-index:10;pointer-events:all;touch-action:none;cursor:grab;position:absolute}.drag-handle:active{cursor:grabbing}:host([placement=left]) .drag-handle,:host(:not([placement])) .drag-handle,:host([placement=right]) .drag-handle{width:var(--_panel-bleed);height:3.5rem;top:50%;translate:0 -50%}:host([placement=left]) .drag-handle{right:calc(var(--_panel-bleed) * -1)}:host([placement=right]) .drag-handle,:host(:not([placement])) .drag-handle{left:calc(var(--_panel-bleed) * -1)}:host([placement=top]) .drag-handle,:host([placement=bottom]) .drag-handle{width:3.5rem;height:var(--_panel-bleed);left:50%;translate:-50%}:host([placement=top]) .drag-handle{bottom:calc(var(--_panel-bleed) * -1)}:host([placement=bottom]) .drag-handle{top:calc(var(--_panel-bleed) * -1)}:host([drag-handle-placement=inset][placement=left]) .drag-handle{right:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=right]) .drag-handle,:host([drag-handle-placement=inset]:not([placement])) .drag-handle{left:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=top]) .drag-handle{bottom:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=bottom]) .drag-handle{top:var(--_drag-handle-inset)}.drag-handle:before{content:"";background:var(--color-contrast-400);border-radius:var(--rounded-full);opacity:.6;transition:background var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);position:absolute;inset:50%;translate:-50% -50%}:host([placement=left]) .drag-handle:before,:host([placement=right]) .drag-handle:before,:host(:not([placement])) .drag-handle:before{width:5px;height:2.5rem}:host([placement=top]) .drag-handle:before,:host([placement=bottom]) .drag-handle:before{width:2.5rem;height:5px}.drag-handle:hover:before{background:var(--color-contrast-600);opacity:.9;transform:scale(1.15)}.close-btn:focus-visible{outline:var(--focus-ring)}@media (width<=640px){:host([placement=left]) .panel,:host(:not([placement])) .panel,:host([placement=right]) .panel{width:calc(min(var(--drawer-size,20rem), calc(100vw - var(--size-2))) + var(--_panel-bleed));max-width:calc(100vw - var(--size-2) + var(--_panel-bleed))}:host([placement=top]) .panel,:host([placement=bottom]) .panel{height:calc(min(var(--drawer-size,16rem), calc(100dvh - var(--size-2))) + var(--_panel-bleed));max-height:calc(100dvh - var(--size-2) + var(--_panel-bleed))}.header,.body,.footer{padding:var(--size-3)}}}@layer refine.config{:host([backdrop=blur]){--_backdrop-filter:blur(var(--blur-xs))}:host([backdrop=transparent]){--_backdrop-bg:transparent}}`,Xa={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)`}},Za=`ore-drawer`;(0,c.define)(Za,{props:{backdrop:c.prop.string(),dismissible:c.prop.bool(!0),"drag-handle-placement":c.prop.oneOf([`outside`,`inset`],`outside`),"initial-focus":c.prop.string(),label:c.prop.string(),open:c.prop.bool(!1),persistent:c.prop.bool(!1),placement:c.prop.oneOf([`left`,`right`,`top`,`bottom`],`right`),"return-focus":c.prop.bool(!0),size:c.prop.string(),title:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=(0,c.useSlots)(),i=(0,c.createStableId)(`drawer-label`),a=(0,c.ref)(),o=(0,c.ref)(),s=(0,u.signal)(!1),l,d=()=>e.label.value??e.title.value??``,f=()=>r.has(`header`).value||!!d(),p=()=>f()||e.dismissible.value,m=()=>r.has(`footer`).value,h=()=>e.placement.value||`right`,g=()=>Xa[h()],_=(e,t)=>{let n=t===`x`?e.offsetWidth:e.offsetHeight;return Math.min(96,Math.max(36,n*.18))},v=(e,t)=>g().closingDistance(e)>=t,y=e=>{if(!s.value)return;l&&=(clearTimeout(l),void 0);let t=a.value;if(!t){s.value=!1;return}t.style.transition=`none`,e.style.opacity=`0`,e.style.visibility=`hidden`,t.offsetWidth,D(`swipe`)},b=(e,t,n)=>{if(s.value)return;s.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),y(e))};e.addEventListener(`transitionend`,o);let c=parseFloat(getComputedStyle(e).transitionDuration)*1e3;l=setTimeout(()=>{e.removeEventListener(`transitionend`,o),y(e)},c+50),e.style.transform=a,e.style.opacity=`0.2`},x=e=>{l&&=(clearTimeout(l),void 0),e.style.transition=``,e.style.transform=``,e.style.opacity=``,e.style.visibility=``,s.value=!1},S=({distance:e,threshold:t})=>{let n=o.value;if(n){if(v(e,t)){b(n,g(),e);return}x(n)}},C=Ot({axis:()=>g().axis,disabled:s,onCancel:S,onCommit:({distance:e})=>{let t=o.value;t&&b(t,g(),e)},onMove:({distance:e,threshold:t})=>{let n=o.value;if(!n)return;let r=g(),i=r.closingDistance(e),a=Math.min(i/t,1);n.style.transition=`none`,n.style.transform=r.translate(e),n.style.opacity=String(1-a*.4)},onRelease:S,shouldCommit:({distance:e,threshold:t})=>v(e,t),threshold:()=>{let e=o.value;return e?_(e,g().axis):48}}),{closeWithAnimation:w,handleCancel:T,overlay:E,requestClose:D,watchOpenProp:O}=Ra({beforeOpen:e=>{let t=o.value;t&&x(t)},closeRequestDetail:t=>({placement:e.placement.value??`right`}),dialogRef:a,getPanelEl:()=>o.value,host:t,initialFocus:e[`initial-focus`],isPersistent:()=>!!e.persistent.value,onCleanup:c.onCleanup,onEvent:c.onEvent,onNativeClose:t=>{let r=o.value;r&&t!==`swipe`&&x(r);let i=a.value;i&&(i.style.transition=``),n(`close`,{placement:e.placement.value??`right`,reason:t})},onOpen:t=>n(`open`,{placement:e.placement.value??`right`,reason:t}),openProp:e.open,performClose:(e,t)=>{t===`swipe`?e.close():w()},returnFocus:e[`return-focus`]});return(0,c.onMounted)(()=>{let n=a.value;if(!n)return;let r=t;r.show=()=>{E.open(`programmatic`)},r.hide=()=>{E.close(`programmatic`,!1)},O(),(0,c.onEvent)(n,`cancel`,T),(0,c.onEvent)(n,`click`,t=>{e.persistent.value||C.isActive()||s.value||t.target===n&&D(`outsideClick`)});let i=o.value?.querySelector(`[part="drag-handle"]`);return i&&((0,c.onEvent)(i,`pointerdown`,C.handlePointerDown),(0,c.onEvent)(i,`pointermove`,C.handlePointerMove),(0,c.onEvent)(i,`pointerup`,C.handlePointerUp),(0,c.onEvent)(i,`pointercancel`,C.handlePointerCancel)),()=>{E.dispose()}}),c.html`
|
|
2820
3013
|
<dialog
|
|
2821
3014
|
ref=${a}
|
|
2822
3015
|
aria-modal="true"
|
|
@@ -2846,7 +3039,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
2846
3039
|
</div>
|
|
2847
3040
|
</div>
|
|
2848
3041
|
</dialog>
|
|
2849
|
-
`},styles:[
|
|
3042
|
+
`},styles:[F,C,w,Ya]});var Qa=`@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)}}`,$a=`@layer refine.base{:host{margin:var(--_separator-margin,var(--size-1)) 0;border-top:var(--border) solid var(--color-contrast-200);display:block}}`,eo=`@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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.menu-panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.menu-panel[data-placement=top-start],.menu-panel[data-placement=top],.menu-panel[data-placement=top-end]{transform-origin:0 100%}.menu-panel[data-placement=bottom-end],.menu-panel[data-placement=right-start],.menu-panel[data-placement=right]{transform-origin:100% 0}.menu-panel[data-open]{pointer-events:auto;opacity:1;transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring), display .15s allow-discrete, overlay .15s allow-discrete;transform:translateY(0)scale(1)}@starting-style{.menu-panel[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y)) scale(var(--overlay-enter-scale))}}::slotted(ore-menu-item),::slotted(ore-menu-separator){display:block}}`,to=`ore-menu-item`;(0,c.define)(to,{props:{checked:c.prop.bool(!1),disabled:c.prop.bool(!1),type:c.prop.string(),value:c.prop.string()},setup(e){let t=()=>e.type.value===`checkbox`||e.type.value===`radio`,n=()=>t()&&e.checked.value;return t()?c.html`
|
|
2850
3043
|
<div
|
|
2851
3044
|
class="${()=>{let t=e.type.value;return[`item`,t===`checkbox`?`is-checkbox`:``,t===`radio`?`is-radio`:``,n()?`is-checked`:``].filter(Boolean).join(` `)}}"
|
|
2852
3045
|
tabindex="-1"
|
|
@@ -2862,7 +3055,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
2862
3055
|
<span class="icon-slot"><slot name="icon"></slot></span>
|
|
2863
3056
|
<span class="item-label"><slot></slot></span>
|
|
2864
3057
|
</div>
|
|
2865
|
-
`},styles:[
|
|
3058
|
+
`},styles:[N,Qa]}),(0,c.define)(`ore-menu-separator`,{setup(){return c.html``},styles:[$a]});var no=e=>e===`checkbox`||e===`radio`,ro=`ore-menu`;(0,c.define)(ro,{props:{...J,...Y,placement:c.prop.oneOf([`bottom`,`bottom-start`,`bottom-end`,`top`,`top-start`,`top-end`],`bottom-start`)},setup(e){let t=(0,c.getHost)(),n=(0,c.useEmit)(),r=(0,c.useSlots)(),i=c.watchEffect,a=(0,c.createStableId)(`menu`),o=(0,u.computed)(()=>!!e.disabled.value),s=Z(c.onCleanup),l=null,d=null,f=null;function p(){return Array.from(t.querySelectorAll(`ore-menu-item:not([disabled])`))}function m(e){return e?e.shadowRoot?.querySelector(`[role^="menuitem"]`)??e:null}function h(){return p().findIndex(e=>{let t=m(e);return e===document.activeElement||t===document.activeElement})}let g=_t({getBoundary:()=>t,getItems:p,getPanel:()=>d,getReference:()=>l,getTrigger:()=>l,isDisabled:()=>o.value,isItemDisabled:e=>e.hasAttribute(`disabled`),onClose:e=>n(`close`,{reason:e}),onNavigate:(e,t)=>{let n=p()[t];m(n)?.focus()},onOpen:e=>n(`open`,{reason:e}),positioning:{getPlacement:()=>e.placement.value??`bottom-start`,matchWidth:!1,offsetPx:4,padding:6},signal:s}),{isOpen:_}=g,v=e=>{let r=e.getAttribute(`type`),i=no(r);if(r===`checkbox`)e.toggleAttribute(`checked`,!e.hasAttribute(`checked`));else if(r===`radio`)for(let n of t.querySelectorAll(`ore-menu-item[type="radio"]`))n.toggleAttribute(`checked`,n===e);let a=e.getAttribute(`value`)??``,o=i?e.hasAttribute(`checked`):void 0;n(`select`,{checked:o,value:a}),i||g.close(`programmatic`)},y=et({keys:[`Enter`,` `,`ArrowDown`],onPress:()=>{g.open(`keyboard`),requestAnimationFrame(()=>g.set(0))}}),b=et({onPress:()=>{let e=g.getActiveItem();e&&v(e)}});function x(e){if(o.value)return;if(!_.value){y.handleKeydown(e);return}let t=h();if(t>=0&&g.set(t),!g.handleKeydown(e)){if(e.key===` `||e.key===`Enter`){b.handleKeydown(e);return}e.key===`Tab`&&g.close(`programmatic`)}}(0,c.bind)({on:{click:e=>{let t=e.composedPath();if(!_.value)return;let n=t.find(e=>e instanceof HTMLElement&&e.tagName===`ORE-MENU-ITEM`)??e.target?.closest(`ore-menu-item`)??null;!n||n.hasAttribute(`disabled`)||v(n)}}}),i(()=>{let e=_.value;d&&d.toggleAttribute(`data-open`,e)});function S(){if(f?.(),f=null,l=r.elements(`trigger`).value?.[0]??null,!l)return;let e=[],t=(0,c.aria)(l,{controls:()=>a,disabled:()=>o.value,expanded:()=>String(_.value),haspopup:`menu`}),n=e=>{e.stopPropagation(),!o.value&&g.toggle()},i=e=>{x(e)};l.addEventListener(`click`,n),l.addEventListener(`keydown`,i),e.push(()=>l?.removeEventListener(`click`,n)),e.push(()=>l?.removeEventListener(`keydown`,i)),f=()=>{t();for(let t of e)t()}}return(0,u.watch)(r.elements(`trigger`),S,{immediate:!0}),(0,c.onMounted)(()=>()=>{f?.(),f=null}),c.html`
|
|
2866
3059
|
<slot name="trigger"></slot>
|
|
2867
3060
|
<div
|
|
2868
3061
|
class="menu-panel"
|
|
@@ -2874,7 +3067,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
2874
3067
|
ref="${e=>{d=e}}">
|
|
2875
3068
|
<slot></slot>
|
|
2876
3069
|
</div>
|
|
2877
|
-
`},styles:[
|
|
3070
|
+
`},styles:[eo,k(je),F]});var io=`.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)}}`,ao=4,oo=[`hover`,`focus`],so=new Set([`click`,`focus`,`hover`]),co=e=>{if(e==null||e.trim()===``)return 0;let t=Number(e);return Number.isFinite(t)&&t>=0?t:0},lo=e=>e==null?void 0:e===``||e===`true`,uo=e=>Gt(e,so,oo),fo=`ore-tooltip`;(0,c.define)(fo,{props:{...J,...Y,"close-delay":{default:0,parse:co},content:c.prop.string(),delay:{default:0,parse:co},open:{default:void 0,parse:lo},placement:c.prop.oneOf([`top`,`bottom`,`left`,`right`],`top`),trigger:c.prop.string(`hover,focus`),variant:c.prop.string()},setup(e){let t=(0,c.getHost)(),n=(0,c.useSlots)(),r=t.shadowRoot,i=(0,u.computed)(()=>!!e.disabled.value),a=(0,u.computed)(()=>e.open.value!==void 0),o=(0,u.signal)(`top`),s=(0,c.createStableId)(`tooltip`),l=(0,u.computed)(()=>uo(e.trigger.value)),d=null,f=null,p=null,m=()=>{f&&=(clearTimeout(f),null)},h=()=>{p&&=(clearTimeout(p),null)},g=Zr({bindTriggerAria:e=>(0,c.aria)(e,{describedby:()=>s}),disabled:i,getPanel:()=>d,offset:8,onCleanup:c.onCleanup,onPlacementChange:e=>{let t=e.split(`-`)[0];o.value=t,t===`left`&&d&&(d.style.left=`${parseFloat(d.style.left)-ao}px`)},openProp:e.open,placement:(0,u.computed)(()=>e.placement.value),slot:()=>r?.querySelector(`slot:not([name])`)??null,slotElements:n.elements(),triggers:(0,u.computed)(()=>[])});function _(){if(a.value||i.value||!e.content.value&&!n.has(`content`).value)return;h(),m();let t=Number(e.delay.value)||0;t>0?f=setTimeout(()=>{f=null,g.open(`hover`),g.updatePosition()},t):(g.open(`hover`),g.updatePosition())}function v(){if(a.value)return;m();let t=Number(e[`close-delay`].value)||0;t>0?(h(),p=setTimeout(()=>{p=null,g.close(`trigger`)},t)):g.close(`trigger`)}return(0,c.onMounted)(()=>{let e=r?.querySelector(`slot:not([name])`),t=[],n=(e,n,r)=>{e.addEventListener(n,r),t.push(()=>e.removeEventListener(n,r))},i=()=>{for(let e of t)e();t=[];let r=e?.assignedElements({flatten:!0})[0];if(!r)return;let i=l.value;i.includes(`hover`)&&(n(r,`pointerenter`,_),n(r,`pointerleave`,v)),i.includes(`focus`)&&(n(r,`focusin`,_),n(r,`focusout`,v)),i.includes(`click`)&&n(r,`click`,()=>g.visible.value?v():_())};e?.addEventListener(`slotchange`,i),i();let a=g.mount();return()=>{e?.removeEventListener(`slotchange`,i);for(let e of t)e();m(),h(),a()}}),c.html`
|
|
2878
3071
|
<slot></slot>
|
|
2879
3072
|
<div
|
|
2880
3073
|
class="tooltip"
|
|
@@ -2887,5 +3080,5 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
2887
3080
|
:aria-hidden="${()=>String(!g.visible.value)}">
|
|
2888
3081
|
<slot name="content"><span class="tooltip-text">${e.content}</span></slot>
|
|
2889
3082
|
</div>
|
|
2890
|
-
`},styles:[F,
|
|
3083
|
+
`},styles:[F,io]}),exports.ACCORDION_CTX=nr,exports.ACCORDION_ITEM_TAG=cr,exports.ACCORDION_TAG=rr,exports.ALERT_TAG=vr,exports.ASYNC_TAG=hr,exports.AVATAR_GROUP_TAG=an,exports.AVATAR_TAG=rn,exports.BADGE_TAG=br,exports.BOX_TAG=sa,exports.BREADCRUMB_ITEM_TAG=cn,exports.BREADCRUMB_TAG=ln,exports.BUTTON_GROUP_CTX=jn,exports.BUTTON_GROUP_TAG=Mn,exports.BUTTON_TAG=Hn,exports.CALENDAR_TAG=gi,exports.CARD_TAG=pn,exports.CAROUSEL_SLIDE_TAG=Jt,exports.CAROUSEL_TAG=Yt,exports.CHAT_MESSAGE_TAG=gn,exports.CHECKBOX_GROUP_CTX=Ir,exports.CHECKBOX_GROUP_TAG=Lr,exports.CHECKBOX_TAG=zr,exports.CHIP_TAG=Sr,exports.CODE_WINDOW_TAG=b,exports.COMBOBOX_TAG=Jr,exports.COMMAND_PALETTE_ITEM_TAG=Ga,exports.COMMAND_PALETTE_TAG=Ka,exports.CONTROL_SIZE_PRESET=De,exports.COPY_COMMAND_TAG=xe,exports.DATAGRID_TAG=mi,exports.DATE_PICKER_TAG=yi,exports.DIALOG_TAG=Ja,exports.DRAWER_TAG=Za,exports.FIELD_SIZE_PRESET=Te,exports.FILE_INPUT_SIZE_PRESET=Ne,exports.FILE_INPUT_TAG=ki,exports.FORM_CTX=Q,exports.FORM_TAG=ji,exports.GRID_ITEM_TAG=la,exports.GRID_TAG=ha,exports.ICON_TAG=ye,exports.INPUT_TAG=Kr,exports.LIST_CTX=Sn,exports.LIST_ITEM_TAG=En,exports.LIST_SIZE_PRESET=Me,exports.LIST_TAG=Cn,exports.MENU_ITEM_TAG=to,exports.MENU_SIZE_PRESET=je,exports.MENU_TAG=ro,exports.MESSAGE_COMPOSER_SIZE_PRESET=Ae,exports.MESSAGE_COMPOSER_TAG=Fi,exports.NAVBAR_CTX=Ca,exports.NAVBAR_ITEM_TAG=Ta,exports.NAVBAR_TAG=wa,exports.NUMBER_INPUT_TAG=Li,exports.OTP_INPUT_TAG=zi,exports.PAGINATION_TAG=Gn,exports.PASSWORD_STRENGTH_TAG=wr,exports.POPOVER_TAG=ri,exports.PROGRESS_TAG=Fe,exports.RADIO_GROUP_CTX=Vi,exports.RADIO_GROUP_TAG=Hi,exports.RADIO_TAG=Wi,exports.RATING_TAG=Ki,exports.RefineConfigError=at,exports.RefineError=it,exports.SELECT_TAG=Xr,exports.SEPARATOR_TAG=qn,exports.SIDEBAR_CTX=Ma,exports.SIDEBAR_GROUP_TAG=Pa,exports.SIDEBAR_ITEM_TAG=Fa,exports.SIDEBAR_TAG=Na,exports.SKELETON_TAG=Er,exports.SLIDER_SIZE_PRESET=ke,exports.SLIDER_TAG=Yi,exports.SWITCH_SIZE_PRESET=Oe,exports.SWITCH_TAG=Zi,exports.TABLE_TAG=Qn,exports.TABS_CTX=ar,exports.TABS_TAG=or,exports.TAB_ITEM_TAG=ur,exports.TAB_PANEL_TAG=pr,exports.TEXTAREA_SIZE_PRESET=Ee,exports.TEXTAREA_TAG=$i,exports.TEXT_TAG=er,exports.TIME_PICKER_TAG=aa,exports.TOAST_TAG=Mr,exports.TOOLTIP_TAG=fo,exports.TYPING_INDICATOR_TAG=Or,exports.commonProps=we,exports.createToastService=Nr,exports.disablableBundle=Y,exports.elevatableBundle=Ce,exports.loadableBundle=Se,exports.registerIcons=he,exports.roundableBundle=X,exports.sizableBundle=J,exports.themableBundle=q,exports.toast=Pr;
|
|
2891
3084
|
//# sourceMappingURL=refine.cjs.map
|