@vielzeug/refine 1.3.0 → 1.3.1
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/button.cjs +1 -1
- package/dist/button.cjs.map +1 -1
- package/dist/button.js +3 -3
- package/dist/button.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/icon/icon.css.cjs +1 -1
- package/dist/content/icon/icon.css.cjs.map +1 -1
- package/dist/content/icon/icon.css.js +1 -1
- package/dist/content/icon/icon.css.js.map +1 -1
- package/dist/custom-elements.json +2079 -2079
- package/dist/feedback/toast/toast.css.cjs +1 -1
- package/dist/feedback/toast/toast.css.cjs.map +1 -1
- package/dist/feedback/toast/toast.css.js +1 -1
- package/dist/feedback/toast/toast.css.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/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/checkbox-group/checkbox-group.css.cjs +1 -1
- package/dist/inputs/checkbox-group/checkbox-group.css.cjs.map +1 -1
- package/dist/inputs/checkbox-group/checkbox-group.css.js +1 -1
- package/dist/inputs/checkbox-group/checkbox-group.css.js.map +1 -1
- 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/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/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.css.cjs +1 -1
- package/dist/inputs/radio/radio.css.cjs.map +1 -1
- package/dist/inputs/radio/radio.css.js +1 -1
- package/dist/inputs/radio/radio.css.js.map +1 -1
- package/dist/inputs/radio-group/radio-group.css.cjs +1 -1
- package/dist/inputs/radio-group/radio-group.css.cjs.map +1 -1
- package/dist/inputs/radio-group/radio-group.css.js +1 -1
- package/dist/inputs/radio-group/radio-group.css.js.map +1 -1
- package/dist/inputs/rating/rating.css.cjs +1 -1
- package/dist/inputs/rating/rating.css.cjs.map +1 -1
- package/dist/inputs/rating/rating.css.js +1 -1
- package/dist/inputs/rating/rating.css.js.map +1 -1
- package/dist/inputs/slider/slider.css.cjs +1 -1
- package/dist/inputs/slider/slider.css.cjs.map +1 -1
- package/dist/inputs/slider/slider.css.js +1 -1
- package/dist/inputs/slider/slider.css.js.map +1 -1
- package/dist/inputs/switch/switch.css.cjs +1 -1
- package/dist/inputs/switch/switch.css.cjs.map +1 -1
- package/dist/inputs/switch/switch.css.js +1 -1
- package/dist/inputs/switch/switch.css.js.map +1 -1
- package/dist/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/layout/navbar/navbar.css.cjs +1 -1
- package/dist/layout/navbar/navbar.css.cjs.map +1 -1
- package/dist/layout/navbar/navbar.css.js +1 -1
- package/dist/layout/navbar/navbar.css.js.map +1 -1
- package/dist/layout/sidebar/sidebar.css.cjs +1 -1
- package/dist/layout/sidebar/sidebar.css.cjs.map +1 -1
- package/dist/layout/sidebar/sidebar.css.js +1 -1
- package/dist/layout/sidebar/sidebar.css.js.map +1 -1
- package/dist/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/refine.cjs +19 -22
- package/dist/refine.cjs.map +1 -1
- package/dist/refine.iife.js +19 -22
- package/dist/refine.iife.js.map +1 -1
- package/dist/refine.js +19 -22
- package/dist/refine.js.map +1 -1
- package/dist/styles/mixins/animation.css.cjs +0 -3
- package/dist/styles/mixins/animation.css.cjs.map +1 -1
- package/dist/styles/mixins/animation.css.d.ts +12 -4
- package/dist/styles/mixins/animation.css.d.ts.map +1 -1
- package/dist/styles/mixins/animation.css.js +0 -3
- package/dist/styles/mixins/animation.css.js.map +1 -1
- package/dist/styles/mixins/variants.css.cjs.map +1 -1
- package/dist/styles/mixins/variants.css.d.ts +7 -2
- package/dist/styles/mixins/variants.css.d.ts.map +1 -1
- package/dist/styles/mixins/variants.css.js.map +1 -1
- package/dist/styles/theme.css +341 -132
- package/package.json +11 -7
package/dist/refine.iife.js
CHANGED
|
@@ -350,9 +350,6 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
350
350
|
conic-gradient(red 0 0) no-clip subtract,
|
|
351
351
|
conic-gradient(red 0 0) padding-box;
|
|
352
352
|
|
|
353
|
-
/* Use the theme's own focus-shadow — color-aware, well-tuned, no artifacts */
|
|
354
|
-
box-shadow: var(--_theme-shadow);
|
|
355
|
-
|
|
356
353
|
pointer-events: none;
|
|
357
354
|
animation: shine-rotate 2.5s linear infinite;
|
|
358
355
|
}
|
|
@@ -517,7 +514,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
517
514
|
width: 100%;
|
|
518
515
|
}
|
|
519
516
|
}
|
|
520
|
-
`,W=[P,F,T,E],re=[P,C,w,E,j],ie=!globalThis.__REFINE_PROD__;function G(e){ie&&console.warn(`[@vielzeug/refine] ${e}`)}var ae=`@layer refine.base{:host{vertical-align:middle;color:inherit;line-height:0;display:inline-flex}:host([hidden]){display:none}svg{width:100%;height:100%;display:block}}:host{width:var(--ore-icon-size,var(--_size-px));height:var(--ore-icon-size,var(--_size-px))}`,oe=16,se=2,ce=24,le=new Set([`circle`,`clipPath`,`defs`,`ellipse`,`g`,`line`,`linearGradient`,`mask`,`path`,`polygon`,`polyline`,`radialGradient`,`rect`,`stop`,`symbol`,`use`]),ue=/^[a-zA-Z][a-zA-Z0-9:_-]*$/,de=/^(on|xlink:|xml:|href$)/i,fe=new Map(Object.entries(i.icons));function pe(e){for(let[t,n]of Object.entries(e))fe.set(t,n)}var me=e=>Object.entries(e).filter(([e])=>ue.test(e)&&!de.test(e)).map(([e,t])=>`${e}="${String(t).replace(/&/g,`&`).replace(/"/g,`"`).replace(/</g,`<`).replace(/>/g,`>`)}"`).join(` `),he=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(``),ge=e=>{if(e==null||e===``)return oe;let t=Number(e);return Number.isFinite(t)&&t>0&&/^\d+(\.\d+)?$/.test(e.trim())?t:e},_e=`ore-icon`;(0,t.define)(_e,{props:{absoluteStrokeWidth:t.prop.bool(),label:t.prop.string(),name:t.prop.string(),size:{default:oe,parse:ge,reflect:!1},solid:t.prop.bool(),strokeWidth:t.prop.number(se)},setup(e){return(0,t.bind)({attr:{"aria-hidden":()=>(e.label.value??``).trim()?null:`true`,"aria-label":()=>(e.label.value??``).trim()||null,role:()=>(e.label.value??``).trim()?`img`:null},style:{"--_size-px":()=>{let t=e.size.value;return typeof t==`number`?`${t}px`:String(t)}}}),t.html`${(0,n.raw)((0,r.computed)(()=>{let t=(e.name.value??``).trim();if(!t)return``;let n=fe.get(t)??fe.get(he(t));if(!n)return G(`ore-icon: icon not found: "${String(t).slice(0,64)}"`),``;let r=e.size.value,i=typeof r==`number`?r:ce,a=e.absoluteStrokeWidth.value&&!e.solid.value?e.strokeWidth.value*(ce/i):e.strokeWidth.value,o=n.filter(([e])=>le.has(e)).map(([e,t])=>{let n={};for(let[e,r]of Object.entries(t))r!==void 0&&(n[e]=r);return`<${e} ${me(n)} />`}).join(``);return`<svg ${me({fill:e.solid.value?`currentColor`:`none`,part:`svg`,stroke:e.solid.value?`none`:`currentColor`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":e.solid.value?0:a,style:`width:100%;height:100%`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`})}>${o}</svg>`}))}`},styles:[ae]});var ve=`@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}}`,K=`ore-copy-command`;(0,t.define)(K,{props:{rounded:t.prop.string(`md`),size:t.prop.string(`md`),value:t.prop.string(``),variant:t.prop.string(`flat`)},setup(e){let n=(0,t.useEmit)(),i=(0,t.useSlots)(),a=(0,r.signal)(!1),o=(0,r.signal)(!1),s=null;(0,t.onCleanup)(()=>{s!==null&&clearTimeout(s)});let c=async()=>{let t=e.value.value??``;if(t){s!==null&&clearTimeout(s);try{await navigator.clipboard.writeText(t),a.value=!0,o.value=!1,n(`copy`,{value:t})}catch{a.value=!1,o.value=!0}s=setTimeout(()=>{a.value=!1,o.value=!1,s=null},2e3)}},l=(0,r.computed)(()=>i.has(`suffix`).value);return t.html`
|
|
517
|
+
`,W=[P,F,T,E],re=[P,C,w,E,j],ie=!globalThis.__REFINE_PROD__;function G(e){ie&&console.warn(`[@vielzeug/refine] ${e}`)}var ae=`@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))}`,oe=16,se=2,ce=24,le=new Set([`circle`,`clipPath`,`defs`,`ellipse`,`g`,`line`,`linearGradient`,`mask`,`path`,`polygon`,`polyline`,`radialGradient`,`rect`,`stop`,`symbol`,`use`]),ue=/^[a-zA-Z][a-zA-Z0-9:_-]*$/,de=/^(on|xlink:|xml:|href$)/i,fe=new Map(Object.entries(i.icons));function pe(e){for(let[t,n]of Object.entries(e))fe.set(t,n)}var me=e=>Object.entries(e).filter(([e])=>ue.test(e)&&!de.test(e)).map(([e,t])=>`${e}="${String(t).replace(/&/g,`&`).replace(/"/g,`"`).replace(/</g,`<`).replace(/>/g,`>`)}"`).join(` `),he=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(``),ge=e=>{if(e==null||e===``)return oe;let t=Number(e);return Number.isFinite(t)&&t>0&&/^\d+(\.\d+)?$/.test(e.trim())?t:e},_e=`ore-icon`;(0,t.define)(_e,{props:{absoluteStrokeWidth:t.prop.bool(),label:t.prop.string(),name:t.prop.string(),size:{default:oe,parse:ge,reflect:!1},solid:t.prop.bool(),strokeWidth:t.prop.number(se)},setup(e){return(0,t.bind)({attr:{"aria-hidden":()=>(e.label.value??``).trim()?null:`true`,"aria-label":()=>(e.label.value??``).trim()||null,role:()=>(e.label.value??``).trim()?`img`:null},style:{"--_size-px":()=>{let t=e.size.value;return typeof t==`number`?`${t}px`:String(t)}}}),t.html`${(0,n.raw)((0,r.computed)(()=>{let t=(e.name.value??``).trim();if(!t)return``;let n=fe.get(t)??fe.get(he(t));if(!n)return G(`ore-icon: icon not found: "${String(t).slice(0,64)}"`),``;let r=e.size.value,i=typeof r==`number`?r:ce,a=e.absoluteStrokeWidth.value&&!e.solid.value?e.strokeWidth.value*(ce/i):e.strokeWidth.value,o=n.filter(([e])=>le.has(e)).map(([e,t])=>{let n={};for(let[e,r]of Object.entries(t))r!==void 0&&(n[e]=r);return`<${e} ${me(n)} />`}).join(``);return`<svg ${me({fill:e.solid.value?`currentColor`:`none`,part:`svg`,stroke:e.solid.value?`none`:`currentColor`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":e.solid.value?0:a,style:`width:100%;height:100%`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`})}>${o}</svg>`}))}`},styles:[ae]});var ve=`@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}}`,K=`ore-copy-command`;(0,t.define)(K,{props:{rounded:t.prop.string(`md`),size:t.prop.string(`md`),value:t.prop.string(``),variant:t.prop.string(`flat`)},setup(e){let n=(0,t.useEmit)(),i=(0,t.useSlots)(),a=(0,r.signal)(!1),o=(0,r.signal)(!1),s=null;(0,t.onCleanup)(()=>{s!==null&&clearTimeout(s)});let c=async()=>{let t=e.value.value??``;if(t){s!==null&&clearTimeout(s);try{await navigator.clipboard.writeText(t),a.value=!0,o.value=!1,n(`copy`,{value:t})}catch{a.value=!1,o.value=!0}s=setTimeout(()=>{a.value=!1,o.value=!1,s=null},2e3)}},l=(0,r.computed)(()=>i.has(`suffix`).value);return t.html`
|
|
521
518
|
<div class="wrapper" part="wrapper">
|
|
522
519
|
<button class="command" part="command" type="button" :aria-label="${(0,r.computed)(()=>a.value?`Copied!`:o.value?`Copy failed — press to try again`:`Copy: ${e.value.value??``}`)}" @click=${c}>
|
|
523
520
|
<code class="command-text" part="command-text">${e.value}</code>
|
|
@@ -670,7 +667,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
670
667
|
<slot></slot>
|
|
671
668
|
</ol>
|
|
672
669
|
</nav>
|
|
673
|
-
`},styles:[Ht]});var Gt=`@layer refine.base{:host{--_bg:var(--card-bg,var(--color-canvas));--_color:var(--card-color,var(--color-contrast-900));--_border:var(--card-border,var(--border));--_border-color:var(--card-border-color,var(--color-contrast-300));--_radius:var(--card-radius,var(--rounded-lg));--_padding:var(--card-padding,var(--size-4));--_shadow:var(--card-shadow,var(--shadow-sm));--_hover-shadow:var(--card-hover-shadow,var(--shadow-md));flex-direction:column;display:flex;position:relative}.card{color:var(--_color);background:var(--_bg);border-radius:var(--_radius);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:box-shadow var(--transition-normal), transform var(--transition-normal), background var(--transition-normal), border-color var(--transition-normal);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.card-media{flex-shrink:0;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:auto;display:block}.card-body{flex-direction:column;flex:1;min-height:0;display:flex}.card-header,.card-content,.card-footer{padding:var(--_padding)}.card-header{padding-bottom:calc(var(--_padding) / 2)}.card-footer{padding-top:calc(var(--_padding) / 2)}.card-content{flex:1}.card-actions{gap:var(--size-2);padding:var(--_padding);padding-top:calc(var(--_padding) / 2);flex-wrap:wrap;align-items:center;display:flex}[hidden]{display:none}}@layer refine.variants{:host(:not([variant],[color])){--_shadow:var(--card-shadow,var(--shadow-sm))}:host(:not([variant],[color])) .card{border:var(--_border) solid var(--_border-color);box-shadow:var(--_shadow)}:host(:not([variant])[color]){--_bg:var(--card-bg,var(--_theme-backdrop));--_border-color:var(--card-border-color,var(--_theme-border))}:host(:not([variant])[color]) .card{border:var(--_border) solid var(--_border-color)}:host(:not([variant])[color]:hover){--_bg:var(--card-bg,color-mix(in oklch, var(--_theme-base) 16%, var(--color-contrast-50)));--_border-color:var(--card-border-color,var(--_theme-focus))}:host([variant=solid]){--_bg:var(--card-bg,var(--_theme-base));--_color:var(--card-color,var(--_theme-contrast));--_border-color:var(--card-border-color,var(--_theme-base));--_shadow:var(--card-shadow,var(--shadow-sm))}:host([variant=solid]) .card{border:var(--_border) solid var(--_border-color);box-shadow:var(--_shadow)}:host([variant=flat]){--
|
|
670
|
+
`},styles:[Ht]});var Gt=`@layer refine.base{:host{--_bg:var(--card-bg,var(--color-canvas));--_color:var(--card-color,var(--color-contrast-900));--_border:var(--card-border,var(--border));--_border-color:var(--card-border-color,var(--color-contrast-300));--_radius:var(--card-radius,var(--rounded-lg));--_padding:var(--card-padding,var(--size-4));--_shadow:var(--card-shadow,var(--shadow-sm));--_hover-shadow:var(--card-hover-shadow,var(--shadow-md));flex-direction:column;display:flex;position:relative}.card{color:var(--_color);background:var(--_bg);border-radius:var(--_radius);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:box-shadow var(--transition-normal), transform var(--transition-normal), background var(--transition-normal), border-color var(--transition-normal);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.card-media{flex-shrink:0;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:auto;display:block}.card-body{flex-direction:column;flex:1;min-height:0;display:flex}.card-header,.card-content,.card-footer{padding:var(--_padding)}.card-header{padding-bottom:calc(var(--_padding) / 2)}.card-footer{padding-top:calc(var(--_padding) / 2)}.card-content{flex:1}.card-actions{gap:var(--size-2);padding:var(--_padding);padding-top:calc(var(--_padding) / 2);flex-wrap:wrap;align-items:center;display:flex}[hidden]{display:none}}@layer refine.variants{:host(:not([variant],[color])){--_shadow:var(--card-shadow,var(--shadow-sm))}:host(:not([variant],[color])) .card{border:var(--_border) solid var(--_border-color);box-shadow:var(--_shadow)}:host(:not([variant])[color]){--_bg:var(--card-bg,var(--_theme-backdrop));--_border-color:var(--card-border-color,var(--_theme-border))}:host(:not([variant])[color]) .card{border:var(--_border) solid var(--_border-color)}:host(:not([variant])[color]:hover){--_bg:var(--card-bg,color-mix(in oklch, var(--_theme-base) 16%, var(--color-contrast-50)));--_border-color:var(--card-border-color,var(--_theme-focus))}:host([variant=solid]){--_bg:var(--card-bg,var(--_theme-base));--_color:var(--card-color,var(--_theme-contrast));--_border-color:var(--card-border-color,var(--_theme-base));--_shadow:var(--card-shadow,var(--shadow-sm))}:host([variant=solid]) .card{border:var(--_border) solid var(--_border-color);box-shadow:var(--_shadow)}:host([variant=flat]){--_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%)}}`,Kt=`button, a[href], input, select, textarea, summary, [role="button"], [role="link"], [contenteditable=""], [contenteditable="true"]`;function qt(e,t){for(let n of t.composedPath())if(n instanceof HTMLElement){if(n===e)return!1;if(n.matches(Kt)||n.closest(Kt))return!0}return!1}var Jt=`ore-card`;(0,t.define)(Jt,{props:{...q,...Y,...ye,elevation:t.prop.number(),interactive:t.prop.bool(!1),orientation:t.prop.string(),padding:t.prop.string(),variant:t.prop.string()},setup(e){let n=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=t.watchEffect;(0,t.bind)({attr:{ariaBusy:()=>e.loading.value?`true`:`false`,ariaDisabled:()=>e.interactive.value?String(e.disabled.value):null,role:()=>e.interactive.value?`button`:null}}),o(()=>{e.interactive.value?n.setAttribute(`tabindex`,e.disabled.value?`-1`:`0`):n.removeAttribute(`tabindex`)});let s=Re({disabled:(0,r.computed)(()=>!e.interactive.value||!!e.disabled.value),onPress:(e,t)=>{i(`activate`,{originalEvent:e,trigger:t})}}),c=t=>{!e.interactive.value||e.disabled.value||qt(n,t)||s.handleClick(t)},l=e=>{s.handleKeydown(e)};return(0,t.bind)({on:{click:e=>c(e),keydown:e=>l(e)}}),t.html`
|
|
674
671
|
<div class="card" part="card">
|
|
675
672
|
<div class="loading-bar" part="loading-bar"></div>
|
|
676
673
|
<div class="card-media" part="media" ?hidden="${()=>!a.has(`media`).value}">
|
|
@@ -749,7 +746,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
749
746
|
?hidden="${()=>!n.value&&!r.value}"
|
|
750
747
|
ref=${e=>{i?.(e)}}>
|
|
751
748
|
${()=>n.value||r.value}
|
|
752
|
-
</div>`;function cn(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 ln=`@layer refine.base{:host{--_bg:var(--button-bg,var(--color-contrast-100));--_color:var(--button-color,var(--color-contrast-900));--_border-color:var(--button-border-color,var(--color-contrast-300));--_radius:var(--button-radius,var(--rounded-lg));align-items:center;justify-content:var(--button-justify,center);display:inline-flex}:host([disabled]) a,:host([loading]) a{pointer-events:none;cursor:not-allowed}:host([loading]) a{cursor:wait}[part=button]{box-sizing:border-box;gap:var(--_gap,var(--size-2));align-items:center;justify-content:var(--button-justify,center);width:100%;min-width:0;height:var(--_height,var(--size-10));min-height:var(--_touch-target);padding:var(--_padding,var(--size-2) var(--size-4));font-size:var(--_font-size,var(--text-sm));font-weight:var(--font-medium);line-height:var(--_line-height,var(--leading-normal));color:var(--_color);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--_bg);border:var(--button-border,var(--border)) solid var(--_border-color);border-top-width:var(--button-border-top,var(--button-border,var(--border)));border-bottom-width:var(--button-border-bottom,var(--button-border,var(--border)));border-radius:var(--_radius);transition:var(--_motion-transition,background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), color var(--transition-normal), transform .12s var(--ease-spring));display:flex;position:relative}[part=button]:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-width:var(--button-border-start,var(--button-border,var(--border)));border-right-width:var(--button-border-end,var(--button-border,var(--border)))}[part=button]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-width:var(--button-border-start,var(--button-border,var(--border)));border-left-width:var(--button-border-end,var(--button-border,var(--border)))}[part=button]:focus-visible{outline:none}@keyframes spin{to{transform:rotate(360deg)}}.loader{border:var(--border-2) solid currentcolor;width:1em;height:1em;animation:var(--_motion-animation,spin var(--transition-loader) infinite);border-radius:50%;position:absolute}.loader:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}.content{text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;align-items:center;min-width:0;max-width:100%;display:inline-flex;overflow:hidden}::slotted([slot=prefix]),::slotted([slot=suffix]){flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}::slotted(svg){width:var(--_icon-size,var(--leading-6));height:var(--_icon-size,var(--leading-6));flex-shrink:0}}@layer refine.overrides{:host([fullwidth]){width:100%;display:flex}:host([rounded][icon-only]) [part=button]{border-radius:50%}:host([loading]) .content{visibility:hidden}[part=button]:focus-visible{box-shadow:var(--_theme-shadow), var(--_theme-halo);outline:none}[part=button]:hover{border-color:var(--_hover-border-color,var(--_theme-focus));box-shadow:var(--_theme-shadow)}:host([variant=ghost]) [part=button]:hover,:host([variant=text]) [part=button]:hover{box-shadow:none;border-color:#0000;transform:none}[part=button]:active{transform:translateY(1px)}}@layer refine.variants{:host([icon-only]) [part=button]{aspect-ratio:1;padding:0}:host(:not([variant])),:host([variant=solid]){--_bg:var(--button-bg,var(--_theme-base));--_color:var(--button-color,var(--_theme-contrast));--_border-color:var(--button-border-color,var(--_theme-base));--_hover-bg:var(--_theme-focus);--_active-bg:color-mix(in oklch, var(--_theme-focus) 85%, black);--_active-color:var(--_theme-contrast)}:host([variant=flat]){--_bg:var(--button-bg,color-mix(in oklch, var(--_theme-backdrop) 25%, var(--color-contrast-100)));--_color:var(--button-color,var(--_theme-base));--_border-color:var(--button-border-color,color-mix(in oklch, var(--_theme-focus) 20%, transparent));--_hover-bg:var(--_theme-focus);--_hover-color:var(--_theme-contrast);--_active-bg:color-mix(in oklch, var(--_theme-focus) 85%, black);--_active-color:var(--_theme-contrast)}:host([variant=flat]) [part=button]{box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) [part=button]:hover{box-shadow:var(--inset-shadow-xs)}:host([variant=flat]) [part=button]:active{box-shadow:var(--inset-shadow-sm)}:host([variant=bordered]){--_bg:var(--button-bg,var(--_theme-backdrop));--_color:var(--button-color,var(--_theme-base));--_border-color:var(--button-border-color,var(--_theme-border));--_hover-bg:var(--_theme-focus);--_hover-color:var(--_theme-contrast);--_hover-border-color:var(--_theme-focus);--_active-bg:color-mix(in oklch, var(--_theme-focus) 85%, black);--_active-color:var(--_theme-contrast)}:host([variant=bordered]) [part=button],:host([variant=bordered]) [part=button]:hover{box-shadow:var(--inset-shadow-xs)}:host([variant=bordered]) [part=button]:active{box-shadow:var(--inset-shadow-sm)}:host([variant=outline]){--_bg:var(--button-bg,transparent);--_color:var(--button-color,var(--_theme-base));--_border-color:var(--button-border-color,var(--_theme-base));--_hover-bg:var(--_theme-backdrop);--_hover-border-color:var(--_theme-focus);--_active-bg:color-mix(in oklch, var(--_theme-base) 85%, black);--_active-color:var(--_theme-contrast)}:host([variant=ghost]){--_bg:var(--button-bg,transparent);--_color:var(--button-color,var(--_theme-base));--_border-color:var(--button-border-color,transparent);--_hover-bg:var(--_theme-backdrop);--_active-bg:color-mix(in oklch, var(--_theme-base) 85%, black);--_active-color:var(--_theme-contrast)}:host([variant=ghost]) [part=button]{border-width:0}:host([variant=text]){--_bg:var(--button-bg,transparent);--_color:var(--button-color,var(--_theme-base));--_border-color:var(--button-border-color,transparent);--_hover-color:var(--_theme-focus);--_active-color:color-mix(in oklch, var(--_theme-focus) 85%, black)}:host([variant=text]) [part=button]{border-width:0}:host([variant=frost]:not([color])){--_hover-bg:var(--button-frost-active-bg,color-mix(in oklch, var(--color-canvas) 70%, transparent));--_hover-border-color:var(--button-frost-active-border-color,color-mix(in oklch, var(--_theme-focus) 40%, transparent));--_active-bg:var(--button-frost-active-bg,color-mix(in oklch, var(--color-canvas) 70%, transparent));--_active-border-color:var(--button-frost-active-border-color,color-mix(in oklch, var(--_theme-focus) 40%, transparent))}:host([variant=frost][color]){--_hover-bg:var(--button-frost-active-bg,color-mix(in oklch, var(--_theme-backdrop) 50%, var(--_theme-base) 50%));--_hover-border-color:var(--button-frost-active-border-color,color-mix(in oklch, var(--_theme-focus) 65%, transparent));--_active-bg:var(--button-frost-active-bg,color-mix(in oklch, var(--_theme-backdrop) 50%, var(--_theme-base) 50%));--_active-border-color:var(--button-frost-active-border-color,color-mix(in oklch, var(--_theme-focus) 65%, transparent))}[part=button]:hover{color:var(--_hover-color,var(--_color));background:var(--_hover-bg,var(--_bg));border-color:var(--_hover-border-color,var(--_border-color))}[part=button]:active{color:var(--_active-color,var(--_color));background:var(--_active-bg,var(--_bg));border-color:var(--_active-border-color,var(--_border-color));box-shadow:var(--inset-shadow-2xs)}}`,un=[`solid`,`flat`,`bordered`,`outline`,`ghost`,`text`,`frost`],dn=`ore-button`;(0,t.define)(dn,{formAssociated:!0,props:{...xe,effect:t.prop.string(),fullwidth:t.prop.bool(!1),href:t.prop.string(),iconOnly:t.prop.bool(!1),label:t.prop.string(),rel:t.prop.string(),target:t.prop.string(),type:t.prop.oneOf([`button`,`submit`,`reset`],`button`),variant:t.prop.oneOf(un,`solid`)},setup(e){let n=(0,t.getHost)(),i=(0,t.inject)(nn),a=(0,r.computed)(()=>i?.color.value??e.color.value),o=(0,r.computed)(()=>i?.size.value??e.size.value),s=(0,r.computed)(()=>i?.variant.value??e.variant.value),l=(0,r.computed)(()=>!!(e.disabled.value||e.loading.value)),{effectiveRel:u,isLink:d}=en(e.href,e.rel,e.target),f=(0,c.useField)({disabled:l,toFormValue:()=>null,value:(0,r.computed)(()=>``)}),p=t=>{if(l.value){t.preventDefault();return}cn(()=>d.value?null:f.internals.form,e.type,l,n)(t)};(0,t.bind)({attr:{"aria-busy":e.loading,"aria-disabled":l,"aria-label":e.label,color:a,effect:e.effect,role:(0,r.computed)(()=>n.getAttribute(`role`)??(d.value?`link`:`button`)),size:o,tabindex:(0,r.computed)(()=>l.value?`-1`:`0`),variant:s},on:{keydown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),(n.shadowRoot?.querySelector(`[part="button"]`))?.click())}}});let m=t.html`
|
|
749
|
+
</div>`;function cn(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 ln=`@layer refine.base{:host{--_bg:var(--button-bg,var(--color-contrast-100));--_color:var(--button-color,var(--color-contrast-900));--_border-color:var(--button-border-color,var(--color-contrast-300));--_radius:var(--button-radius,var(--rounded-lg));align-items:center;justify-content:var(--button-justify,center);display:inline-flex}:host([disabled]) a,:host([loading]) a{pointer-events:none;cursor:not-allowed}:host([loading]) a{cursor:wait}[part=button]{box-sizing:border-box;gap:var(--_gap,var(--size-2));align-items:center;justify-content:var(--button-justify,center);width:100%;min-width:0;height:var(--_height,var(--size-10));min-height:var(--_touch-target);padding:var(--_padding,var(--size-2) var(--size-4));font-size:var(--_font-size,var(--text-sm));font-weight:var(--font-medium);line-height:var(--_line-height,var(--leading-normal));color:var(--_color);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--_bg);border:var(--button-border,var(--border)) solid var(--_border-color);border-top-width:var(--button-border-top,var(--button-border,var(--border)));border-bottom-width:var(--button-border-bottom,var(--button-border,var(--border)));border-radius:var(--_radius);transition:var(--_motion-transition,background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), color var(--transition-normal), transform .12s var(--ease-spring));display:flex;position:relative}[part=button]:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-width:var(--button-border-start,var(--button-border,var(--border)));border-right-width:var(--button-border-end,var(--button-border,var(--border)))}[part=button]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-width:var(--button-border-start,var(--button-border,var(--border)));border-left-width:var(--button-border-end,var(--button-border,var(--border)))}[part=button]:focus-visible{outline:none}@keyframes spin{to{transform:rotate(360deg)}}.loader{border:var(--border-2) solid currentcolor;width:1em;height:1em;animation:var(--_motion-animation,spin var(--transition-loader) infinite);border-radius:50%;position:absolute}.loader:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}.content{text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;align-items:center;min-width:0;max-width:100%;display:inline-flex;overflow:hidden}::slotted([slot=prefix]),::slotted([slot=suffix]){flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}::slotted(svg){width:var(--_icon-size,var(--leading-6));height:var(--_icon-size,var(--leading-6));flex-shrink:0}}@layer refine.overrides{:host([fullwidth]){width:100%;display:flex}:host([rounded][icon-only]) [part=button]{border-radius:50%}:host([loading]) .content{visibility:hidden}[part=button]:focus-visible{box-shadow:var(--_theme-shadow), var(--_theme-halo);outline:none}[part=button]:hover,[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)}}`,un=[`solid`,`flat`,`bordered`,`outline`,`ghost`,`text`,`frost`],dn=`ore-button`;(0,t.define)(dn,{formAssociated:!0,props:{...xe,effect:t.prop.string(),fullwidth:t.prop.bool(!1),href:t.prop.string(),iconOnly:t.prop.bool(!1),label:t.prop.string(),rel:t.prop.string(),target:t.prop.string(),type:t.prop.oneOf([`button`,`submit`,`reset`],`button`),variant:t.prop.oneOf(un,`solid`)},setup(e){let n=(0,t.getHost)(),i=(0,t.inject)(nn),a=(0,r.computed)(()=>i?.color.value??e.color.value),o=(0,r.computed)(()=>i?.size.value??e.size.value),s=(0,r.computed)(()=>i?.variant.value??e.variant.value),l=(0,r.computed)(()=>!!(e.disabled.value||e.loading.value)),{effectiveRel:u,isLink:d}=en(e.href,e.rel,e.target),f=(0,c.useField)({disabled:l,toFormValue:()=>null,value:(0,r.computed)(()=>``)}),p=t=>{if(l.value){t.preventDefault();return}cn(()=>d.value?null:f.internals.form,e.type,l,n)(t)};(0,t.bind)({attr:{"aria-busy":e.loading,"aria-disabled":l,"aria-label":e.label,color:a,effect:e.effect,role:(0,r.computed)(()=>n.getAttribute(`role`)??(d.value?`link`:`button`)),size:o,tabindex:(0,r.computed)(()=>l.value?`-1`:`0`),variant:s},on:{keydown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),(n.shadowRoot?.querySelector(`[part="button"]`))?.click())}}});let m=t.html`
|
|
753
750
|
<span class="loader" part="loader" aria-label="Loading" ?hidden=${()=>!e.loading.value}></span>
|
|
754
751
|
<slot name="prefix"></slot>
|
|
755
752
|
<span class="content" part="content"><slot></slot></span>
|
|
@@ -765,7 +762,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
765
762
|
@click="${p}">
|
|
766
763
|
${m}
|
|
767
764
|
</a>`:t.html`<span part="button" role="presentation" @click="${p}">${m}</span>`}
|
|
768
|
-
`},shadow:{delegatesFocus:!1},styles:[P,C,w,E,I,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)`}}),U(`button`),V(`button`),H(`button`),j,ln]});var fn=`@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 pn(e,t,n){let r=t,i=[];if(r<=2+2*n+3)return Array.from({length:r},(e,t)=>t+1);let a=Math.max(e-n,2),o=Math.min(e+n,r-1);i.push(1),a>3?i.push(`ellipsis-start`):a===3&&i.push(2);for(let e=a;e<=o;e++)i.push(e);return o<r-1-1?i.push(`ellipsis-end`):o===r-1-1&&i.push(r-1),i.push(r),i}var mn=`ore-pagination`;(0,t.define)(mn,{props:{...q,...J,label:t.prop.string(`Pagination`),page:t.prop.number(1),"show-first-last":t.prop.bool(!1),"show-prev-next":t.prop.bool(!1),siblings:t.prop.number(1),"total-pages":t.prop.number(1),variant:t.prop.string()},setup(e){let n=(0,t.getHost)(),i=(0,t.useEmit)();function a(t){let r=e[`total-pages`].value||1,a=Math.min(Math.max(1,t),r);a!==e.page.value&&(n.setAttribute(`page`,String(a)),i(`change`,{page:a}))}let o=(0,r.computed)(()=>pn(e.page.value||1,e[`total-pages`].value||1,e.siblings.value??1)),s=(0,r.computed)(()=>(e.page.value||1)<=1),c=(0,r.computed)(()=>(e.page.value||1)>=(e[`total-pages`].value||1));return t.html`
|
|
765
|
+
`},shadow:{delegatesFocus:!1},styles:[P,C,w,E,I,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)`}}),U(`[part="button"]`),V(`[part="button"]`),H(`[part="button"]`),j,ln]});var fn=`@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 pn(e,t,n){let r=t,i=[];if(r<=2+2*n+3)return Array.from({length:r},(e,t)=>t+1);let a=Math.max(e-n,2),o=Math.min(e+n,r-1);i.push(1),a>3?i.push(`ellipsis-start`):a===3&&i.push(2);for(let e=a;e<=o;e++)i.push(e);return o<r-1-1?i.push(`ellipsis-end`):o===r-1-1&&i.push(r-1),i.push(r),i}var mn=`ore-pagination`;(0,t.define)(mn,{props:{...q,...J,label:t.prop.string(`Pagination`),page:t.prop.number(1),"show-first-last":t.prop.bool(!1),"show-prev-next":t.prop.bool(!1),siblings:t.prop.number(1),"total-pages":t.prop.number(1),variant:t.prop.string()},setup(e){let n=(0,t.getHost)(),i=(0,t.useEmit)();function a(t){let r=e[`total-pages`].value||1,a=Math.min(Math.max(1,t),r);a!==e.page.value&&(n.setAttribute(`page`,String(a)),i(`change`,{page:a}))}let o=(0,r.computed)(()=>pn(e.page.value||1,e[`total-pages`].value||1,e.siblings.value??1)),s=(0,r.computed)(()=>(e.page.value||1)<=1),c=(0,r.computed)(()=>(e.page.value||1)>=(e[`total-pages`].value||1));return t.html`
|
|
769
766
|
<nav :aria-label="${e.label}" part="nav">
|
|
770
767
|
<ol class="pagination" part="list">
|
|
771
768
|
${()=>e[`show-first-last`].value?t.html`<li>
|
|
@@ -1080,7 +1077,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1080
1077
|
<span class="dot" part="dot"></span>
|
|
1081
1078
|
<span class="dot" part="dot"></span>
|
|
1082
1079
|
</span>
|
|
1083
|
-
`},styles:[P,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))`}}),Xn]});var Qn=`@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,
|
|
1080
|
+
`},styles:[P,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))`}}),Xn]});var Qn=`@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)}}}`,$n=300;function er(e,n){return e.actions?.length?t.html`
|
|
1084
1081
|
<div slot="actions" class="toast-actions">
|
|
1085
1082
|
${e.actions.map(r=>t.html`
|
|
1086
1083
|
<ore-button
|
|
@@ -1147,7 +1144,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1147
1144
|
</div>
|
|
1148
1145
|
<slot></slot>
|
|
1149
1146
|
</div>
|
|
1150
|
-
`},styles:[w,Qn]});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 rr=nr(),ir=`@layer refine.base{:host{display:block}fieldset{border:none;min-width:0;margin:0;padding:0}legend{margin-bottom:var(--size-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-contrast-600);padding:0}legend[hidden]{display:none}.checkbox-group-items{flex-direction:var(--checkbox-group-direction,column);gap:var(--checkbox-group-gap,var(--size-2));display:flex}.helper-text[hidden]{display:none}.helper-text{margin-top:var(--size-1-5);font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500);padding-left:2px;padding-right:2px}.error-text{margin-top:var(--size-1-5);font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-error);padding-left:2px;padding-right:2px}}@layer refine.variants{:host([orientation=horizontal]) .checkbox-group-items{--checkbox-group-direction:row;flex-wrap:wrap}}`,ar=(0,t.createContext)(`CheckboxGroupContext`),or=`ore-checkbox-group`;(0,t.define)(or,{formAssociated:!0,props:{...q,...J,...Y,error:t.prop.string(),helper:t.prop.string(),label:t.prop.string(),name:t.prop.string(),orientation:t.prop.string(`vertical`),required:t.prop.bool(!1),values:t.prop.string()},setup(e){let i=(0,t.getHost)(),a=(0,t.useEmit)(),o=(0,t.useSlots)(),s=t.watchEffect,l=(0,t.inject)(Q),u=$(e,l),d=null,f=Ie({disabled:u.disabled,error:e.error,getFormField:()=>d,helper:e.helper,multiple:(0,r.signal)(!0),prefix:`checkbox-group`,signal:Z(t.onCleanup),validateOn:l?.validateOn,value:e.values});d=(0,c.useField)({disabled:f.disabled,toFormValue:e=>e,value:f.formValue});let p=f.selectedValues,m=()=>St(i,`ore-checkbox`),h=e=>Ct(m(),e),g=e=>{let t=p.value,n=t.map(h);a(`change`,{labels:n,originalEvent:e,values:t})},_=(e,t)=>{f.toggleValue(e),i.setAttribute(`values`,f.formValue.value),f.triggerValidation(`change`),g(t)};(0,t.provide)(ar,{color:e.color,disabled:(0,r.computed)(()=>!!e.disabled.value),size:e.size,toggle:_,values:p});let v=()=>{let t=p.value,n=e.color.value,r=e.size.value,i=e.disabled.value,a=m();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)}};s(()=>{o.elements().value,v()}),s(()=>{o.elements().value;let e=m().map(e=>{let t=t=>{t.stopPropagation();let n=(e.getAttribute(`value`)??``).trim();n&&_(n,t)};return e.addEventListener(`change`,t),()=>{e.removeEventListener(`change`,t)}});return()=>{for(let t of e)t()}});let y=(0,t.createStableId)(`checkbox-group-legend`),b=`${y}-error`,x=`${y}-helper`,S=()=>!!e.error.value,C=()=>!!e.helper.value&&!S();return(0,t.bind)({attr:{size:u.size}}),t.html`
|
|
1147
|
+
`},styles:[w,Qn]});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 rr=nr(),ir=`@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}}`,ar=(0,t.createContext)(`CheckboxGroupContext`),or=`ore-checkbox-group`;(0,t.define)(or,{formAssociated:!0,props:{...q,...J,...Y,error:t.prop.string(),helper:t.prop.string(),label:t.prop.string(),name:t.prop.string(),orientation:t.prop.string(`vertical`),required:t.prop.bool(!1),values:t.prop.string()},setup(e){let i=(0,t.getHost)(),a=(0,t.useEmit)(),o=(0,t.useSlots)(),s=t.watchEffect,l=(0,t.inject)(Q),u=$(e,l),d=null,f=Ie({disabled:u.disabled,error:e.error,getFormField:()=>d,helper:e.helper,multiple:(0,r.signal)(!0),prefix:`checkbox-group`,signal:Z(t.onCleanup),validateOn:l?.validateOn,value:e.values});d=(0,c.useField)({disabled:f.disabled,toFormValue:e=>e,value:f.formValue});let p=f.selectedValues,m=()=>St(i,`ore-checkbox`),h=e=>Ct(m(),e),g=e=>{let t=p.value,n=t.map(h);a(`change`,{labels:n,originalEvent:e,values:t})},_=(e,t)=>{f.toggleValue(e),i.setAttribute(`values`,f.formValue.value),f.triggerValidation(`change`),g(t)};(0,t.provide)(ar,{color:e.color,disabled:(0,r.computed)(()=>!!e.disabled.value),size:e.size,toggle:_,values:p});let v=()=>{let t=p.value,n=e.color.value,r=e.size.value,i=e.disabled.value,a=m();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)}};s(()=>{o.elements().value,v()}),s(()=>{o.elements().value;let e=m().map(e=>{let t=t=>{t.stopPropagation();let n=(e.getAttribute(`value`)??``).trim();n&&_(n,t)};return e.addEventListener(`change`,t),()=>{e.removeEventListener(`change`,t)}});return()=>{for(let t of e)t()}});let y=(0,t.createStableId)(`checkbox-group-legend`),b=`${y}-error`,x=`${y}-helper`,S=()=>!!e.error.value,C=()=>!!e.helper.value&&!S();return(0,t.bind)({attr:{size:u.size}}),t.html`
|
|
1151
1148
|
<fieldset
|
|
1152
1149
|
role="group"
|
|
1153
1150
|
aria-required="${()=>String(!!e.required.value)}"
|
|
@@ -1163,7 +1160,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1163
1160
|
<div class="error-text" id="${b}" role="alert" ?hidden=${()=>!S()}>${e.error}</div>
|
|
1164
1161
|
<div class="helper-text" id="${x}" ?hidden=${()=>!C()}>${e.helper}</div>
|
|
1165
1162
|
</fieldset>
|
|
1166
|
-
`},styles:[P,k(),A,ir]});var sr=`@layer refine.base{:host{--_size:var(--checkbox-size,var(--size-5));--_radius:var(--checkbox-radius,var(--rounded-lg));--_font-size:var(--checkbox-font-size,var(--text-sm));--_bg:var(--checkbox-bg,var(--color-contrast-200));--_border:var(--checkbox-border-color,var(--color-contrast-300));gap:var(--_gap,var(--size-2));min-height:var(--_touch-target);cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex}.checkbox-wrapper{width:var(--_size);height:var(--_size);flex-shrink:0;display:block;position:relative}.box{box-sizing:border-box;width:var(--_size);height:var(--_size);background:var(--_bg);border:var(--border-2) solid var(--_border);border-radius:var(--_radius);transition:background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);position:relative}input:focus-visible+.box{box-shadow:var(--_focus-shadow)}.checkmark,.dash{color:var(--_icon-color);opacity:0;transition:opacity var(--transition-spring), transform var(--transition-spring);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.checkmark::part(svg),.dash::part(svg){width:calc(var(--_size) * .6);height:calc(var(--_size) * .6);fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.label{font-size:var(--_font-size);color:var(--color-contrast)}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500)}.helper-text:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:calc(var(--_size) + var(--size-2))}.helper-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--_size) + var(--size-2))}.helper-text[role=alert]{color:var(--color-error)}}@layer refine.overrides{:host{--_active-bg:var(--checkbox-checked-bg,var(--_theme-base));--_icon-color:var(--checkbox-color,var(--_theme-contrast));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .box,:host([indeterminate]) .box{background:var(--_active-bg);border-color:var(--_active-bg)}:host([checked]) .checkmark,:host([indeterminate]:not([checked])) .dash{opacity:1;transform:translate(-50%,-50%)scale(1)}}`,cr=`ore-checkbox`;(0,t.define)(cr,{formAssociated:!0,props:{...q,...J,...Y,checked:t.prop.bool(!1),error:t.prop.string(),helper:t.prop.string(),indeterminate:t.prop.bool(!1),name:t.prop.string(),value:t.prop.string(`on`)},setup(e){let n=(0,t.useEmit)(),i=(0,t.inject)(Q),a=$(e,i),o=(0,t.inject)(ar),s=null,l=ze({checked:e.checked,clearIndeterminateFirst:!0,disabled:(0,r.computed)(()=>a.disabled.value||!!o?.disabled.value),error:e.error,getFormField:()=>s,group:o,helper:e.helper,indeterminate:e.indeterminate,onToggle:e=>{l.triggerValidation(`change`),!o&&n(`change`,e)},prefix:`checkbox`,signal:Z(t.onCleanup),validateOn:i?.validateOn,value:e.value});s=(0,c.useField)({disabled:l.disabled,toFormValue:e=>e,value:l.checkableFormValue});let{assistiveId:u,checked:d,disabled:f,errorText:p,handleClick:m,handleKeydown:h,helperText:g,indeterminate:_,labelId:v}=l;return an(a.size,{assistiveId:u,checked:d,disabled:f,errorText:p,handleClick:m,handleKeydown:h,helperText:g,indeterminate:_,labelId:v},`checkbox`),t.html`
|
|
1163
|
+
`},styles:[P,k(),A,ir]});var sr=`@layer refine.base{:host{--_size:var(--checkbox-size,var(--size-5));--_radius:var(--checkbox-radius,var(--rounded-lg));--_font-size:var(--checkbox-font-size,var(--text-sm));--_bg:var(--checkbox-bg,var(--color-contrast-200));--_border:var(--checkbox-border-color,var(--color-contrast-300));gap:var(--_gap,var(--size-2));min-height:var(--_touch-target);cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex}.checkbox-wrapper{width:var(--_size);height:var(--_size);flex-shrink:0;display:block;position:relative}.box{box-sizing:border-box;width:var(--_size);height:var(--_size);background:var(--_bg);border:var(--border-2) solid var(--_border);border-radius:var(--_radius);transition:background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);position:relative}input:focus-visible+.box{box-shadow:var(--_focus-shadow)}.checkmark,.dash{color:var(--_icon-color);opacity:0;transition:opacity var(--transition-spring), transform var(--transition-spring);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.checkmark::part(svg),.dash::part(svg){width:calc(var(--_size) * .6);height:calc(var(--_size) * .6);fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.label{font-size:var(--_font-size);color:var(--color-contrast)}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color: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)}}`,cr=`ore-checkbox`;(0,t.define)(cr,{formAssociated:!0,props:{...q,...J,...Y,checked:t.prop.bool(!1),error:t.prop.string(),helper:t.prop.string(),indeterminate:t.prop.bool(!1),name:t.prop.string(),value:t.prop.string(`on`)},setup(e){let n=(0,t.useEmit)(),i=(0,t.inject)(Q),a=$(e,i),o=(0,t.inject)(ar),s=null,l=ze({checked:e.checked,clearIndeterminateFirst:!0,disabled:(0,r.computed)(()=>a.disabled.value||!!o?.disabled.value),error:e.error,getFormField:()=>s,group:o,helper:e.helper,indeterminate:e.indeterminate,onToggle:e=>{l.triggerValidation(`change`),!o&&n(`change`,e)},prefix:`checkbox`,signal:Z(t.onCleanup),validateOn:i?.validateOn,value:e.value});s=(0,c.useField)({disabled:l.disabled,toFormValue:e=>e,value:l.checkableFormValue});let{assistiveId:u,checked:d,disabled:f,errorText:p,handleClick:m,handleKeydown:h,helperText:g,indeterminate:_,labelId:v}=l;return an(a.size,{assistiveId:u,checked:d,disabled:f,errorText:p,handleClick:m,handleKeydown:h,helperText:g,indeterminate:_,labelId:v},`checkbox`),t.html`
|
|
1167
1164
|
<div class="checkbox-wrapper" part="checkbox">
|
|
1168
1165
|
<div class="box" part="box">
|
|
1169
1166
|
<ore-icon class="checkmark" name="check" size="14" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
@@ -1172,7 +1169,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1172
1169
|
</div>
|
|
1173
1170
|
<span class="label" part="label" id="${v}"><slot></slot></span>
|
|
1174
1171
|
${sn(u,p,g)}
|
|
1175
|
-
`},styles:[P,R,A,C,k(we),sr]});function lr(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 ur(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 dr(e,t,n){if(!t)return``;let r=e.trim();return r?n.some(e=>e.label.toLowerCase()===r.toLowerCase())?``:`Create "${r}"`:``}function fr(e){return`__new__:${e.trim()}`}var pr=`@layer refine.base{:host{--_font-size:var(--input-font-size,var(--text-sm));--_gap:var(--input-gap,var(--size-2));--_field-height:var(--input-height,var(--size-10));--_padding:var(--input-padding,var(--size-1-5) var(--size-3));--_radius:var(--input-radius,var(--rounded-lg));--_placeholder:var(--input-placeholder-color,var(--color-contrast-500));--_bg:var(--input-bg,var(--color-contrast-100));--_border-color:var(--input-border-color,var(--color-contrast-300));flex-direction:column;align-items:stretch;display:inline-flex}.input-wrapper{flex-direction:column;gap:0;width:100%;display:flex}.field{box-sizing:border-box;height:var(--_field-height);min-height:var(--_field-height);padding:var(--_padding);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow,var(--shadow-2xs));transition:var(--_motion-transition,background var(--transition-fast), backdrop-filter var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast));flex-direction:column;justify-content:center;align-items:stretch;gap:0;display:flex}.input-wrapper:has(.label:not([hidden])) .field{height:auto}:host(:not([label-placement=outside])) .input-wrapper{position:relative}:host(:not([label-placement=outside])) .label{z-index:1;pointer-events:none;top:var(--size-2);position:absolute}:host(:not([label-placement=outside])) .label:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .input-wrapper:has(.label:not([hidden])) .field{padding-top:calc(var(--size-2) + 1lh + 2px)}.input-row{gap:var(--_gap);flex:1;align-items:center;display:flex}.label,label.label{text-overflow:ellipsis;font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);color:var(--color-contrast-500);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--_motion-transition,color var(--transition-fast));margin-bottom:2px;overflow:hidden}:host([label-placement=outside]) .label,:host([label-placement=outside]) label.label{font-size:var(--text-sm);line-height:var(--leading-none);order:-1;margin-bottom:0}.helper-text{margin-top:var(--size-1-5);font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500);overflow-wrap:anywhere;padding-left:2px;padding-right:2px}.helper-text[hidden]{display:none}::slotted(svg){width:var(--_icon-size,var(--leading-6));height:var(--_icon-size,var(--leading-6));flex-shrink:0}}@layer refine.overrides{input{min-width:0;font:inherit;font-size:var(--_font-size);line-height:var(--leading-normal);color:var(--color-contrast-900);background:0 0;border:none;outline:none;flex:1}input::placeholder{color:var(--_placeholder);transition:color var(--transition-fast)}input:focus-visible{outline:none}:host(:not([disabled],[variant=bordered],[variant=flat])) .field:hover{border-color:var(--color-contrast-400)}:host(:not([disabled],[variant=text],[variant=flat])) .field:focus-within{background:var(--color-canvas);border-color:var(--_theme-focus);box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow))}:host(:not([disabled])) .field:focus-within .label,:host(:not([disabled])) .field:focus-within ::slotted([slot=prefix]),:host(:not([disabled])) .field:focus-within ::slotted([slot=suffix]){color:var(--_theme-focus)}.clear-btn{width:var(--size-5);min-width:var(--_touch-target);height:var(--size-5);min-height:var(--_touch-target);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:var(--_motion-transition,color var(--transition-fast));background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.clear-btn:hover{color:var(--color-contrast-900)}.clear-btn:focus-visible{outline:var(--border-2) solid var(--_theme-focus);outline-offset:var(--border)}:host([clearable]) .clear-btn{display:flex}:host([clearable]:not([has-value])) .clear-btn{visibility:hidden;pointer-events:none}.pwd-toggle-btn{width:var(--size-5);min-width:var(--_touch-target);height:var(--size-5);min-height:var(--_touch-target);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:var(--_motion-transition,color var(--transition-fast));background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.pwd-toggle-btn:hover{color:var(--color-contrast-900)}.pwd-toggle-btn:focus-visible{outline:var(--border-2) solid var(--_theme-focus);outline-offset:var(--border)}:host([type=password]) .pwd-toggle-btn{display:flex}.char-counter{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-400);text-align:end;white-space:nowrap;padding-left:2px;padding-right:2px}.char-counter[data-near-limit]{color:var(--color-warning,#f59e0b)}.char-counter[data-at-limit]{color:var(--color-error)}:host([error]:not([error=""])) .field{border-color:var(--color-error)}:host([error]:not([error=""])) .field:focus-within{border-color:var(--color-error);box-shadow:var(--color-error-focus-shadow)}:host([error]:not([error=""])) .label-inset,:host([error]:not([error=""])) .label-outside,.helper-text[role=alert]{color:var(--color-error)}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_bg:var(--input-bg,var(--color-contrast-50));--_border-color:var(--input-border-color,var(--color-contrast-300))}:host(:not([variant])) .field,:host([variant=solid]) .field{box-shadow:var(--shadow-2xs)}:host(:not([variant],[disabled])) .field:focus-within,:host([variant=solid]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}:host([variant=flat]){--_bg:var(--input-bg,var(--color-contrast-100));--_border-color:var(--input-border-color,var(--_theme-border))}:host([variant=flat]) .field{box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) .field:hover{background:var(--input-hover-bg,color-mix(in oklch, var(--_theme-base) 6%, var(--color-contrast-100)));border-color:var(--input-hover-border-color,color-mix(in oklch, var(--_theme-base) 35%, var(--color-contrast-300)))}:host([variant=flat]) .field:focus-within{background:var(--input-focus-bg,color-mix(in oklch, var(--_theme-base) 8%, var(--color-canvas)));border-color:var(--input-focus-border-color,color-mix(in oklch, var(--_theme-focus) 60%, transparent));box-shadow:var(--_theme-shadow)}:host([variant=bordered]){--_bg:var(--input-bg,var(--_theme-backdrop));--_border-color:var(--input-border-color,color-mix(in oklch, var(--_theme-focus) 70%, transparent))}:host([variant=bordered]) .field:hover{border-color:var(--input-hover-border-color,var(--_theme-focus))}:host([variant=outline]){--_bg:var(--input-bg,transparent)}:host([variant=outline]) .field{box-shadow:none}:host([variant=outline]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}:host([variant=ghost]){--_bg:var(--input-bg,transparent);--_border-color:var(--input-border-color,transparent)}:host([variant=ghost]) .field{box-shadow:none}:host([variant=ghost]) .field:hover{background:var(--input-hover-bg,var(--color-contrast-100))}:host([variant=ghost]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}:host([variant=text]){--_bg:var(--input-bg,transparent);--_border-color:var(--input-border-color,var(--color-contrast-300))}:host([variant=text]) .field{border:none;border-bottom:var(--border) solid var(--_border-color);box-shadow:none;border-radius:0}:host([variant=text]) .field:focus-within{border-bottom:var(--border-2) solid var(--input-focus-border-color,var(--_theme-focus))}}@layer refine.utilities{:host([fullwidth]){width:100%}}`,mr=[`text`,`email`,`password`,`search`,`url`,`tel`,`number`,`date`,`time`,`datetime-local`,`month`,`week`],hr=`ore-input`;(0,t.define)(hr,{formAssociated:!0,props:{...q,...J,...Y,...X,autocomplete:t.prop.string(),clearable:t.prop.bool(!1),error:t.prop.string(),fullwidth:t.prop.bool(!1),helper:t.prop.string(),inputmode:t.prop.string(),label:t.prop.string(),"label-placement":t.prop.oneOf([`inset`,`outside`],`inset`),maxlength:t.prop.json(void 0),minlength:t.prop.json(void 0),name:t.prop.string(),pattern:t.prop.string(),placeholder:t.prop.string(),readonly:t.prop.bool(!1),ref:t.prop.json(void 0),required:t.prop.bool(!1),type:t.prop.oneOf(mr,`text`),value:t.prop.string(),variant:t.prop.string()},setup(e){let i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=(0,t.inject)(Q),s=$(e,o),l=(0,r.signal)(!1),u=(0,t.ref)(),d=(0,r.computed)(()=>!!e.label.value||a.has(`label`).value),f=Z(t.onCleanup),p=null,m=Pe({disabled:s.disabled,error:e.error,getFormField:()=>p,hasLabel:d,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],maxLength:e.maxlength,onChange:(e,t)=>{i(`change`,{originalEvent:e,value:t})},onInput:(e,t)=>{i(`input`,{originalEvent:e,value:t})},prefix:`input`,signal:f,validateOn:o?.validateOn,value:e.value});p=(0,c.useField)({disabled:m.disabled,toFormValue:e=>e,value:m.value});let{ariaDescribedBy:h,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}=m;return(0,t.onElement)(u,t=>{k(t,f),e.ref.value?.(t);let n=(0,r.watch)(e.ref,e=>{e?.(t)});return()=>{n.dispose(),e.ref.value?.(null)}}),(0,t.bind)({attr:{error:()=>C.value||void 0,"has-value":()=>O.value?!0:void 0,size:s.size,variant:s.variant}}),t.html`
|
|
1172
|
+
`},styles:[P,R,A,C,k(we),sr]});function lr(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 ur(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 dr(e,t,n){if(!t)return``;let r=e.trim();return r?n.some(e=>e.label.toLowerCase()===r.toLowerCase())?``:`Create "${r}"`:``}function fr(e){return`__new__:${e.trim()}`}var pr=`@layer refine.base{:host{--_font-size:var(--input-font-size,var(--text-sm));--_gap:var(--input-gap,var(--size-2));--_field-height:var(--input-height,var(--size-10));--_padding:var(--input-padding,var(--size-1-5) var(--size-3));--_radius:var(--input-radius,var(--rounded-lg));--_placeholder:var(--input-placeholder-color,var(--color-contrast-500));--_bg:var(--input-bg,var(--color-contrast-100));--_border-color:var(--input-border-color,var(--color-contrast-300));flex-direction:column;align-items:stretch;display:inline-flex}.input-wrapper{flex-direction:column;gap:0;width:100%;display:flex}.field{box-sizing:border-box;height:var(--_field-height);min-height:var(--_field-height);padding:var(--_padding);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow,var(--shadow-2xs));transition:var(--_motion-transition,background var(--transition-fast), backdrop-filter var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast));flex-direction:column;justify-content:center;align-items:stretch;gap:0;display:flex}.input-wrapper:has(.label:not([hidden])) .field{height:auto}:host(:not([label-placement=outside])) .input-wrapper{position:relative}:host(:not([label-placement=outside])) .label{z-index:1;pointer-events:none;top:var(--size-2);position:absolute}:host(:not([label-placement=outside])) .label:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .input-wrapper:has(.label:not([hidden])) .field{padding-top:calc(var(--size-2) + 1lh + 2px)}.input-row{gap:var(--_gap);flex:1;align-items:center;display:flex}.label,label.label{text-overflow:ellipsis;font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);color:var(--color-contrast-500);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--_motion-transition,color var(--transition-fast));margin-bottom:2px;overflow:hidden}:host([label-placement=outside]) .label,:host([label-placement=outside]) label.label{font-size:var(--text-sm);line-height:var(--leading-none);order:-1;margin-bottom:0}.helper-text{margin-top:var(--size-1-5);font-size:var(--text-xs);line-height:var(--leading-tight);color: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%}}`,mr=[`text`,`email`,`password`,`search`,`url`,`tel`,`number`,`date`,`time`,`datetime-local`,`month`,`week`],hr=`ore-input`;(0,t.define)(hr,{formAssociated:!0,props:{...q,...J,...Y,...X,autocomplete:t.prop.string(),clearable:t.prop.bool(!1),error:t.prop.string(),fullwidth:t.prop.bool(!1),helper:t.prop.string(),inputmode:t.prop.string(),label:t.prop.string(),"label-placement":t.prop.oneOf([`inset`,`outside`],`inset`),maxlength:t.prop.json(void 0),minlength:t.prop.json(void 0),name:t.prop.string(),pattern:t.prop.string(),placeholder:t.prop.string(),readonly:t.prop.bool(!1),ref:t.prop.json(void 0),required:t.prop.bool(!1),type:t.prop.oneOf(mr,`text`),value:t.prop.string(),variant:t.prop.string()},setup(e){let i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=(0,t.inject)(Q),s=$(e,o),l=(0,r.signal)(!1),u=(0,t.ref)(),d=(0,r.computed)(()=>!!e.label.value||a.has(`label`).value),f=Z(t.onCleanup),p=null,m=Pe({disabled:s.disabled,error:e.error,getFormField:()=>p,hasLabel:d,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],maxLength:e.maxlength,onChange:(e,t)=>{i(`change`,{originalEvent:e,value:t})},onInput:(e,t)=>{i(`input`,{originalEvent:e,value:t})},prefix:`input`,signal:f,validateOn:o?.validateOn,value:e.value});p=(0,c.useField)({disabled:m.disabled,toFormValue:e=>e,value:m.value});let{ariaDescribedBy:h,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}=m;return(0,t.onElement)(u,t=>{k(t,f),e.ref.value?.(t);let n=(0,r.watch)(e.ref,e=>{e?.(t)});return()=>{n.dispose(),e.ref.value?.(null)}}),(0,t.bind)({attr:{error:()=>C.value||void 0,"has-value":()=>O.value?!0:void 0,size:s.size,variant:s.variant}}),t.html`
|
|
1176
1173
|
<div class="input-wrapper" part="wrapper">
|
|
1177
1174
|
<label class="label" for="${w}" id="${E}" part="label" ?hidden="${()=>!D.value}"
|
|
1178
1175
|
><slot name="label">${e.label}</slot></label
|
|
@@ -2117,7 +2114,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2117
2114
|
</div>`)}}
|
|
2118
2115
|
</div>
|
|
2119
2116
|
</div>
|
|
2120
|
-
`},shadow:{delegatesFocus:!0},styles:[P,w,Vr]});var Ur=`@layer refine.base{:host{--_font-size:var(--file-input-font-size,var(--text-sm));--_radius:var(--file-input-radius,var(--rounded-lg));--_bg:var(--file-input-bg,var(--color-contrast-100));--_border-color:var(--file-input-border-color,var(--color-contrast-300));--_min-height:var(--file-input-min-height,var(--size-36));flex-direction:column;align-items:stretch;display:inline-flex}.file-input-wrapper{gap:var(--size-1-5);flex-direction:column;width:100%;display:flex}.label-outside{font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-none);color:var(--color-contrast-500);cursor:default;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.dropzone{box-sizing:border-box;gap:var(--size-2);min-height:var(--_min-height);padding:var(--size-6) var(--size-4);text-align:center;cursor:pointer;background:var(--_bg);border:var(--border-2) dashed var(--_border-color);border-radius:var(--_radius);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.dropzone-content{gap:var(--size-2);pointer-events:none;flex-direction:column;align-items:center;display:flex}.dropzone-icon{color:var(--color-contrast-400);transition:color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.dropzone-title{font-size:var(--_font-size);font-weight:var(--font-medium);line-height:var(--leading-snug);color:var(--color-contrast-700)}.dropzone-title u{color:var(--_theme-focus,var(--color-primary));text-underline-offset:2px;transition:text-decoration-color var(--transition-fast);-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.dropzone-hint{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-400)}.helper-text[hidden]{display:none}.helper-text{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500);padding-left:2px;padding-right:2px}.file-list{gap:var(--size-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.file-item{box-sizing:border-box;gap:var(--size-3);padding:var(--size-2) var(--size-3);background:var(--color-contrast-50);border:var(--border) solid var(--color-contrast-200);border-radius:var(--_radius);transition:background var(--transition-fast);align-items:center;display:flex}.file-item:hover{background:var(--color-contrast-100)}.file-icon{color:var(--_theme-focus,var(--color-primary));flex-shrink:0}.file-meta{gap:var(--size-0-5);flex-direction:column;flex:1;min-width:0;display:flex}.file-name{text-overflow:ellipsis;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-contrast-700);white-space:nowrap;overflow:hidden}.file-size{font-size:var(--text-xs);color:var(--color-contrast-400)}.file-remove{padding:var(--size-1);color:var(--color-contrast-400);cursor:pointer;border-radius:var(--rounded-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-remove:hover{color:var(--color-error);background:var(--color-error-backdrop,color-mix(in oklch, var(--color-error) 12%, transparent))}.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%, var(--color-canvas));border-color:var(--_theme-focus,var(--color-primary));box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow))}:host([drag-over]) .dropzone .dropzone-icon{color:var(--_theme-focus,var(--color-primary));transform:translateY(-2px)scale(1.05)}:host([invalid]) .dropzone{border-color:var(--color-error)}:host([invalid]) .label-outside,.helper-text-error{color:var(--color-error)}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_bg:var(--file-input-bg,var(--color-contrast-50));--_border-color:var(--file-input-border-color,var(--color-contrast-300))}:host([variant=flat]){--_bg:var(--file-input-bg,var(--color-contrast-100));--_border-color:var(--file-input-border-color,var(--_theme-border))}:host([variant=flat]) .dropzone:hover{background:var(--file-input-hover-bg,color-mix(in oklch, var(--_theme-base) 6%, var(--color-contrast-100)));border-color:var(--file-input-hover-border-color,color-mix(in oklch, var(--_theme-base) 35%, var(--color-contrast-300)))}:host([variant=flat][drag-over]) .dropzone,:host([variant=flat]) .dropzone:focus-visible{background:var(--file-input-focus-bg,color-mix(in oklch, var(--_theme-base) 8%, var(--color-canvas)));border-color:var(--file-input-focus-border-color,color-mix(in oklch, var(--_theme-focus) 60%, transparent));box-shadow:var(--_theme-shadow)}:host([variant=bordered]){--_bg:var(--file-input-bg,var(--_theme-backdrop));--_border-color:var(--file-input-border-color,color-mix(in oklch, var(--_theme-focus) 70%, transparent))}:host([variant=bordered]) .dropzone:hover{border-color:var(--file-input-hover-border-color,var(--_theme-focus))}:host([variant=outline]){--_bg:var(--file-input-bg,transparent)}:host([variant=ghost]){--_bg:var(--file-input-bg,transparent);--_border-color:var(--file-input-border-color,var(--color-contrast-200))}:host([variant=ghost]) .dropzone:hover{background:var(--file-input-hover-bg,var(--color-contrast-100))}}@layer refine.utilities{:host([fullwidth]){width:100%}}`,Wr=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]},Gr=(e,t)=>!t||e.size<=t,Kr=e=>e.type.startsWith(`image/`),qr=`ore-file-input`;(0,t.define)(qr,{formAssociated:!0,props:{accept:t.prop.string(),color:t.prop.string(),disabled:t.prop.bool(!1),error:t.prop.string(),gallery:t.prop.bool(!1),helper:t.prop.string(),label:t.prop.string(),"max-files":t.prop.number(0),"max-size":t.prop.number(0),multiple:t.prop.bool(!1),name:t.prop.string(),ref:t.prop.json(void 0),required:t.prop.bool(!1),size:t.prop.string()},setup(e){let n=(0,t.useEmit)(),i=(0,r.signal)([]),a=(0,r.signal)(!1),o=$(e,(0,t.inject)(Q)),s=o.disabled,l=(0,r.computed)(()=>e[`max-files`].value??0),d=(0,r.computed)(()=>e[`max-size`].value??0);(0,c.useField)({disabled:s,toFormValue:t=>{if(t.length===0)return null;let n=e.name.value||`file`,r=new FormData;for(let e of t)r.append(n,e);return r},value:i});let f=(0,r.computed)(()=>!!e.error.value);(0,t.bind)({attr:{"drag-over":()=>a.value?!0:void 0,invalid:()=>f.value?!0:void 0,size:o.size}});let p=(0,t.createStableId)(`file-input`),m=`label-${p}`,h=`helper-${p}`,g=`error-${p}`,_=(0,t.ref)(),v=(0,t.ref)(),y=(0,r.computed)(()=>{let t=[];e.accept.value&&t.push(e.accept.value.split(`,`).map(e=>e.trim()).join(`, `));let n=d.value;n>0&&t.push(`max ${Wr(n)}`);let r=l.value;return r>0&&t.push(`up to ${r} file${r===1?``:`s`}`),t.join(` · `)});function b(t,r){if(s.value)return;let a=e.accept.value,o=!!e.multiple.value,c=Array.from(t);o||(c=c.slice(0,1)),c=c.filter(e=>(0,u.matchesAccept)(e,a?a.split(`,`).map(e=>e.trim()):[])&&Gr(e,d.value));let f=o?[...i.value]:[];for(let e of c)f.includes(e)||f.push(e);l.value>0&&f.length>l.value&&(f=f.slice(0,l.value)),i.value=f,n(`change`,{files:i.value,originalEvent:r,value:i.value})}function x(e,t){i.value=i.value.filter(t=>t!==e),n(`remove`,{file:e,files:i.value,originalEvent:t,value:i.value}),n(`change`,{files:i.value,originalEvent:t,value:i.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,r.watch)(i,w),(0,t.onCleanup)(()=>{for(let e of S.values())URL.revokeObjectURL(e);S.clear()}),(0,t.onElement)(v,t=>{e.ref.value?.(t);let n=(0,r.watch)(e.ref,e=>{e?.(t)});return()=>{n.dispose(),e.ref.value?.(null)}}),(0,t.onMounted)(()=>{let e=v.value,n=_.value,r=!1,i=Re({disabled:s,onPress:()=>{e.click()}});(0,t.onEvent)(e,`change`,e=>{let t=e.target;t.files?.length&&b(Array.from(t.files),e),t.value=``}),(0,t.onEvent)(n,`click`,t=>{if(t.target!==e){if(r){r=!1;return}s.value||e.click()}}),(0,t.onEvent)(n,`keydown`,e=>{r=i.handleKeydown(e)&&e.key===`Enter`});let o=(0,u.createDropZone)({disabled:s.value,element:n,onDrop:e=>b(e),onHoverChange:e=>{a.value=e}});(0,t.onCleanup)(()=>o.dispose())}),t.html`
|
|
2117
|
+
`},shadow:{delegatesFocus:!0},styles:[P,w,Vr]});var Ur=`@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%}}`,Wr=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]},Gr=(e,t)=>!t||e.size<=t,Kr=e=>e.type.startsWith(`image/`),qr=`ore-file-input`;(0,t.define)(qr,{formAssociated:!0,props:{accept:t.prop.string(),color:t.prop.string(),disabled:t.prop.bool(!1),error:t.prop.string(),gallery:t.prop.bool(!1),helper:t.prop.string(),label:t.prop.string(),"max-files":t.prop.number(0),"max-size":t.prop.number(0),multiple:t.prop.bool(!1),name:t.prop.string(),ref:t.prop.json(void 0),required:t.prop.bool(!1),size:t.prop.string()},setup(e){let n=(0,t.useEmit)(),i=(0,r.signal)([]),a=(0,r.signal)(!1),o=$(e,(0,t.inject)(Q)),s=o.disabled,l=(0,r.computed)(()=>e[`max-files`].value??0),d=(0,r.computed)(()=>e[`max-size`].value??0);(0,c.useField)({disabled:s,toFormValue:t=>{if(t.length===0)return null;let n=e.name.value||`file`,r=new FormData;for(let e of t)r.append(n,e);return r},value:i});let f=(0,r.computed)(()=>!!e.error.value);(0,t.bind)({attr:{"drag-over":()=>a.value?!0:void 0,invalid:()=>f.value?!0:void 0,size:o.size}});let p=(0,t.createStableId)(`file-input`),m=`label-${p}`,h=`helper-${p}`,g=`error-${p}`,_=(0,t.ref)(),v=(0,t.ref)(),y=(0,r.computed)(()=>{let t=[];e.accept.value&&t.push(e.accept.value.split(`,`).map(e=>e.trim()).join(`, `));let n=d.value;n>0&&t.push(`max ${Wr(n)}`);let r=l.value;return r>0&&t.push(`up to ${r} file${r===1?``:`s`}`),t.join(` · `)});function b(t,r){if(s.value)return;let a=e.accept.value,o=!!e.multiple.value,c=Array.from(t);o||(c=c.slice(0,1)),c=c.filter(e=>(0,u.matchesAccept)(e,a?a.split(`,`).map(e=>e.trim()):[])&&Gr(e,d.value));let f=o?[...i.value]:[];for(let e of c)f.includes(e)||f.push(e);l.value>0&&f.length>l.value&&(f=f.slice(0,l.value)),i.value=f,n(`change`,{files:i.value,originalEvent:r,value:i.value})}function x(e,t){i.value=i.value.filter(t=>t!==e),n(`remove`,{file:e,files:i.value,originalEvent:t,value:i.value}),n(`change`,{files:i.value,originalEvent:t,value:i.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,r.watch)(i,w),(0,t.onCleanup)(()=>{for(let e of S.values())URL.revokeObjectURL(e);S.clear()}),(0,t.onElement)(v,t=>{e.ref.value?.(t);let n=(0,r.watch)(e.ref,e=>{e?.(t)});return()=>{n.dispose(),e.ref.value?.(null)}}),(0,t.onMounted)(()=>{let e=v.value,n=_.value,r=!1,i=Re({disabled:s,onPress:()=>{e.click()}});(0,t.onEvent)(e,`change`,e=>{let t=e.target;t.files?.length&&b(Array.from(t.files),e),t.value=``}),(0,t.onEvent)(n,`click`,t=>{if(t.target!==e){if(r){r=!1;return}s.value||e.click()}}),(0,t.onEvent)(n,`keydown`,e=>{r=i.handleKeydown(e)&&e.key===`Enter`});let o=(0,u.createDropZone)({disabled:s.value,element:n,onDrop:e=>b(e),onHoverChange:e=>{a.value=e}});(0,t.onCleanup)(()=>o.dispose())}),t.html`
|
|
2121
2118
|
<div class="file-input-wrapper" part="wrapper">
|
|
2122
2119
|
<label class="label-outside" id="${m}" part="label" ?hidden=${()=>!e.label.value}
|
|
2123
2120
|
>${e.label}</label
|
|
@@ -2254,7 +2251,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2254
2251
|
<ore-icon name="plus" size="14" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2255
2252
|
</button>
|
|
2256
2253
|
</div>
|
|
2257
|
-
`},shadow:{delegatesFocus:!0},styles:[A,Xr]});var Qr=`@layer refine.base{:host{--_cell-size:var(--otp-cell-size,var(--size-12));--_cell-gap:var(--otp-cell-gap,var(--size-2));--_cell-font-size:var(--otp-cell-font-size,var(--text-xl));--_cell-radius:var(--otp-cell-radius,var(--rounded-lg));--_cell-border:var(--otp-cell-border,var(--border));--_cell-border-color:var(--otp-cell-border-color,var(--color-contrast-300));--_cell-bg:var(--otp-cell-bg,var(--color-canvas));--_cell-focus-border:var(--otp-cell-focus-border,var(--_theme-base,var(--color-contrast-700)));gap:var(--size-1);flex-direction:column;display:inline-flex}.otp-group{gap:var(--_cell-gap);align-items:center;display:flex}.cell{box-sizing:border-box;width:var(--_cell-size);height:var(--_cell-size);font-size:var(--_cell-font-size);font-weight:var(--font-semibold);color:var(--color-contrast-900);text-align:center;caret-color:var(--_cell-focus-border);background:var(--_cell-bg);border:var(--_cell-border) solid var(--_cell-border-color);border-radius:var(--_cell-radius);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:0;line-height:1;display:block}.cell::selection{background:var(--_theme-backdrop,var(--color-contrast-100))}.cell:focus{border-color:var(--_cell-focus-border);box-shadow:0 0 0 var(--border-2) color-mix(in oklch, var(--_cell-focus-border) 20%, transparent);outline:none}.cell:disabled{cursor:not-allowed;opacity:.5}.separator{font-size:var(--_cell-font-size);color:var(--color-contrast-400);-webkit-user-select:none;user-select:none}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_cell-bg:var(--otp-cell-bg,var(--color-contrast-50));--_cell-border-color:var(--otp-cell-border-color,var(--color-contrast-300))}:host(:not([variant])) .cell,:host([variant=solid]) .cell{box-shadow:var(--shadow-2xs)}:host([variant=flat]){--_cell-bg:var(--otp-cell-bg,var(--color-contrast-100));--_cell-border-color:var(--otp-cell-border-color,
|
|
2254
|
+
`},shadow:{delegatesFocus:!0},styles:[A,Xr]});var Qr=`@layer refine.base{:host{--_cell-size:var(--otp-cell-size,var(--size-12));--_cell-gap:var(--otp-cell-gap,var(--size-2));--_cell-font-size:var(--otp-cell-font-size,var(--text-xl));--_cell-radius:var(--otp-cell-radius,var(--rounded-lg));--_cell-border:var(--otp-cell-border,var(--border));--_cell-border-color:var(--otp-cell-border-color,var(--color-contrast-300));--_cell-bg:var(--otp-cell-bg,var(--color-canvas));--_cell-focus-border:var(--otp-cell-focus-border,var(--_theme-base,var(--color-contrast-700)));gap:var(--size-1);flex-direction:column;display:inline-flex}.otp-group{gap:var(--_cell-gap);align-items:center;display:flex}.cell{box-sizing:border-box;width:var(--_cell-size);height:var(--_cell-size);font-size:var(--_cell-font-size);font-weight:var(--font-semibold);color:var(--color-contrast-900);text-align:center;caret-color:var(--_cell-focus-border);background:var(--_cell-bg);border:var(--_cell-border) solid var(--_cell-border-color);border-radius:var(--_cell-radius);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:0;line-height:1;display:block}.cell::selection{background:var(--_theme-backdrop,var(--color-contrast-100))}.cell:focus{border-color:var(--_cell-focus-border);box-shadow:0 0 0 var(--border-2) color-mix(in oklch, var(--_cell-focus-border) 20%, transparent);outline:none}.cell:disabled{cursor:not-allowed;opacity:.5}.separator{font-size:var(--_cell-font-size);color:var(--color-contrast-400);-webkit-user-select:none;user-select:none}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_cell-bg:var(--otp-cell-bg,var(--color-contrast-50));--_cell-border-color:var(--otp-cell-border-color,var(--color-contrast-300))}:host(:not([variant])) .cell,:host([variant=solid]) .cell{box-shadow:var(--shadow-2xs)}:host([variant=flat]){--_cell-bg:var(--otp-cell-bg,var(--color-contrast-100));--_cell-border-color:var(--otp-cell-border-color,color-mix(in oklch, var(--_cell-focus-border) 20%, transparent))}:host([variant=flat]) .cell{box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) .cell:hover:not(:disabled){background:var(--otp-cell-hover-bg,color-mix(in oklch, var(--_theme-base) 6%, var(--color-contrast-100)));border-color:var(--otp-cell-hover-border-color,color-mix(in oklch, var(--_theme-base) 35%, var(--color-contrast-300)))}:host([variant=flat]) .cell:focus{background:var(--otp-cell-focus-bg,color-mix(in oklch, var(--_theme-base) 8%, var(--color-canvas)));border-color:var(--otp-cell-focus-border-color,color-mix(in oklch, var(--_cell-focus-border) 60%, transparent));box-shadow:var(--_theme-shadow)}:host([variant=bordered]){--_cell-bg:var(--otp-cell-bg,var(--_theme-backdrop,var(--color-contrast-50)));--_cell-border-color:var(--otp-cell-border-color,color-mix(in oklch, var(--_cell-focus-border) 70%, transparent))}:host([variant=bordered]) .cell{color:var(--_theme-base);caret-color:var(--_theme-base)}:host([variant=bordered]) .cell:hover:not(:disabled){border-color:var(--otp-cell-hover-border-color,var(--_cell-focus-border))}:host([variant=outline]){--_cell-bg:var(--otp-cell-bg,transparent)}:host([variant=outline]) .cell{box-shadow:none}:host([variant=ghost]){--_cell-bg:var(--otp-cell-bg,transparent);--_cell-border-color:var(--otp-cell-border-color,transparent)}:host([variant=ghost]) .cell{box-shadow:none}:host([variant=ghost]) .cell:hover:not(:disabled){background:var(--otp-cell-hover-bg,var(--color-contrast-100))}}@layer refine.utilities{:host([size=sm]){--_cell-size:var(--size-9);--_cell-font-size:var(--text-base)}:host([size=lg]){--_cell-size:var(--size-14);--_cell-font-size:var(--text-2xl)}}`,$r=`ore-otp-input`;(0,t.define)($r,{formAssociated:!0,props:{...q,...J,...Y,label:t.prop.string(`One-time password`),length:t.prop.number(6),masked:t.prop.bool(!1),name:t.prop.string(),separator:t.prop.string(),type:t.prop.oneOf([`numeric`,`alphanumeric`],`numeric`),value:t.prop.string(),variant:t.prop.string()},setup(e){let n=(0,t.getHost)(),i=(0,t.useEmit)(),a=$(e,(0,t.inject)(Q)),o=(0,r.computed)(()=>Number(e.length.value)||6),s=a.disabled,l=(0,r.computed)(()=>Array.from({length:o.value},(e,t)=>t)),u=(0,r.signal)(String(e.value.value||``)),d=()=>String(e.value.value||``);(0,c.useField)({disabled:s,toFormValue:e=>e,value:u}),(0,t.bind)({attr:{size:a.size,value:()=>u.value||null,variant:a.variant}});function f(){return[...n.shadowRoot?.querySelectorAll(`input.cell`)??[]]}let p=qe({getItems:()=>f(),keys:{next:[`ArrowRight`],prev:[`ArrowLeft`]},loop:!1,onNavigate:(e,t)=>{f()[t]?.focus()}});function m(){return f().map(e=>e.value).join(``)}function h(e){let t=f(),n=String(e||``).slice(0,t.length);for(let e of t)e.value=``;n.split(``).forEach((e,n)=>{t[n]&&(t[n].value=e)}),u.value=m()}function g(e,t){let n=f(),r=m(),a=t??(r.length===n.length&&r.split(``).every(Boolean));u.value=r,i(`change`,{complete:a,originalEvent:e,value:r}),a&&i(`complete`,{originalEvent:e,value:r})}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=f();g(e),r&&t<i.length-1&&(i[t+1].focus(),i[t+1].select())}function y(e,t){let n=e.target,r=f();if(p.set(t),e.key===`Backspace`){if(n.value)n.value=``;else if(t>0){let e=r[p.navigate(`prev`)];e&&(e.select(),e.value=``)}g(e,!1),e.preventDefault()}else p.handleKeydown(e)}function b(e){e.preventDefault();let t=(e.clipboardData?.getData(`text`)??``).split(``).filter(e=>_(e)).slice(0,o.value),n=f();t.forEach((e,t)=>{n[t]&&(n[t].value=e)}),g(e),n[Math.min(t.length,n.length-1)]?.focus()}(0,r.watch)(e.value,e=>{h(String(e||``))}),(0,r.watch)(e.length,()=>{requestAnimationFrame(()=>h(d()))});let x=(0,r.computed)(()=>{let t=Number(e.length.value)||6;return e.separator.value==null?-1:Math.floor(t/2)});return(0,t.onMounted)(()=>{h(d())}),t.html`
|
|
2258
2255
|
<div class="otp-group" part="group" role="group" :aria-label="${e.label}">
|
|
2259
2256
|
${()=>l.value.map(n=>t.html`
|
|
2260
2257
|
${()=>x.value>0&&n===x.value?t.html`<span class="separator" aria-hidden="true">${()=>e.separator.value||`-`}</span>`:``}
|
|
@@ -2273,7 +2270,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2273
2270
|
@focus="${e=>e.target.select()}" />
|
|
2274
2271
|
`)}
|
|
2275
2272
|
</div>
|
|
2276
|
-
`},styles:[P,k({}),L(`.cell`),Qr]});var ei=`@layer refine.base{:host{display:block}fieldset{border:none;min-width:0;margin:0;padding:0}legend{margin-bottom:var(--size-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-contrast-600);padding:0}legend[hidden]{display:none}.radio-group-items{flex-direction:var(--radio-group-direction,column);gap:var(--radio-group-gap,var(--size-2));display:flex}.helper-text[hidden]{display:none}.helper-text{margin-top:var(--size-1-5);font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500);padding-left:2px;padding-right:2px}.error-text{margin-top:var(--size-1-5);font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-error);padding-left:2px;padding-right:2px}}@layer refine.variants{:host([orientation=horizontal]) .radio-group-items{--radio-group-direction:row;flex-wrap:wrap}}`,ti=(0,t.createContext)(`OreRadioGroup`),ni=`ore-radio-group`;(0,t.define)(ni,{formAssociated:!0,props:{...q,...J,...Y,error:t.prop.string(),helper:t.prop.string(),label:t.prop.string(),name:t.prop.string(),orientation:t.prop.oneOf([`horizontal`,`vertical`],`vertical`),required:t.prop.bool(!1),value:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=t.watchEffect,s=(0,t.inject)(Q),l=$(e,s),u=null,d=Ie({disabled:l.disabled,error:e.error,getFormField:()=>u,helper:e.helper,label:e.label,prefix:`radio-group`,signal:Z(t.onCleanup),validateOn:s?.validateOn,value:e.value});u=(0,c.useField)({disabled:d.disabled,toFormValue:e=>e,value:d.formValue});let f=d.selectedValue,p=l.disabled;(0,t.bind)({attr:{size:l.size,value:()=>f.value||null}});let m=()=>St(r,`ore-radio`),h=()=>p.value?[]:m().filter(e=>!e.hasAttribute(`disabled`)),g=e=>Ct(m(),e),_=(e,t)=>{d.setValues(e?[e]:[]);let n=e?[g(e)]:[];i(`change`,{labels:n,originalEvent:t,values:e?[e]:[]}),d.triggerValidation(`blur`)};(0,t.provide)(ti,{color:e.color,disabled:p,name:e.name,select:_,size:e.size,value:f}),o(()=>{a.elements().value,f.value;let t=m();for(let n of t){let t=n.getAttribute(`value`)??``;n.toggleAttribute(`checked`,t===f.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`,p.value)}}),o(()=>{a.elements().value;let e=m(),t=!1;for(let n of e){let e=n.getAttribute(`value`)===f.value;n.setAttribute(`tabindex`,e&&!p.value?`0`:`-1`),e&&!p.value&&(t=!0)}if(!t&&e.length>0){let t=e.find(e=>!e.hasAttribute(`disabled`));t&&t.setAttribute(`tabindex`,`0`)}});let v=qe({getItems:h,keys:{next:[`ArrowDown`,`ArrowRight`],prev:[`ArrowUp`,`ArrowLeft`]},loop:!0,onNavigate:(e,t,n)=>{let r=h()[t];r&&(r.focus(),r.tagName===`ORE-RADIO`&&_(r.getAttribute(`value`)??``,n))}});(0,t.bind)({on:{change:e=>{e.target!==r&&(e.stopPropagation(),_(e.target.getAttribute(`value`)??``,e))},keydown:e=>{let t=h();if(!t.length)return;let n=t.indexOf(document.activeElement);n!==-1&&(v.set(n),v.handleKeydown(e))}}});let y=(0,t.createStableId)(`radio-group-legend`);return t.html`
|
|
2273
|
+
`},styles:[P,k({}),L(`.cell`),Qr]});var ei=`@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}}`,ti=(0,t.createContext)(`OreRadioGroup`),ni=`ore-radio-group`;(0,t.define)(ni,{formAssociated:!0,props:{...q,...J,...Y,error:t.prop.string(),helper:t.prop.string(),label:t.prop.string(),name:t.prop.string(),orientation:t.prop.oneOf([`horizontal`,`vertical`],`vertical`),required:t.prop.bool(!1),value:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=t.watchEffect,s=(0,t.inject)(Q),l=$(e,s),u=null,d=Ie({disabled:l.disabled,error:e.error,getFormField:()=>u,helper:e.helper,label:e.label,prefix:`radio-group`,signal:Z(t.onCleanup),validateOn:s?.validateOn,value:e.value});u=(0,c.useField)({disabled:d.disabled,toFormValue:e=>e,value:d.formValue});let f=d.selectedValue,p=l.disabled;(0,t.bind)({attr:{size:l.size,value:()=>f.value||null}});let m=()=>St(r,`ore-radio`),h=()=>p.value?[]:m().filter(e=>!e.hasAttribute(`disabled`)),g=e=>Ct(m(),e),_=(e,t)=>{d.setValues(e?[e]:[]);let n=e?[g(e)]:[];i(`change`,{labels:n,originalEvent:t,values:e?[e]:[]}),d.triggerValidation(`blur`)};(0,t.provide)(ti,{color:e.color,disabled:p,name:e.name,select:_,size:e.size,value:f}),o(()=>{a.elements().value,f.value;let t=m();for(let n of t){let t=n.getAttribute(`value`)??``;n.toggleAttribute(`checked`,t===f.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`,p.value)}}),o(()=>{a.elements().value;let e=m(),t=!1;for(let n of e){let e=n.getAttribute(`value`)===f.value;n.setAttribute(`tabindex`,e&&!p.value?`0`:`-1`),e&&!p.value&&(t=!0)}if(!t&&e.length>0){let t=e.find(e=>!e.hasAttribute(`disabled`));t&&t.setAttribute(`tabindex`,`0`)}});let v=qe({getItems:h,keys:{next:[`ArrowDown`,`ArrowRight`],prev:[`ArrowUp`,`ArrowLeft`]},loop:!0,onNavigate:(e,t,n)=>{let r=h()[t];r&&(r.focus(),r.tagName===`ORE-RADIO`&&_(r.getAttribute(`value`)??``,n))}});(0,t.bind)({on:{change:e=>{e.target!==r&&(e.stopPropagation(),_(e.target.getAttribute(`value`)??``,e))},keydown:e=>{let t=h();if(!t.length)return;let n=t.indexOf(document.activeElement);n!==-1&&(v.set(n),v.handleKeydown(e))}}});let y=(0,t.createStableId)(`radio-group-legend`);return t.html`
|
|
2277
2274
|
<fieldset
|
|
2278
2275
|
role="radiogroup"
|
|
2279
2276
|
aria-required="${()=>String(!!e.required.value)}"
|
|
@@ -2296,7 +2293,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2296
2293
|
${()=>d.errorText.value||d.helperText.value}
|
|
2297
2294
|
</div>
|
|
2298
2295
|
</fieldset>
|
|
2299
|
-
`},styles:[P,k(),A,ei]});var ri=`@layer refine.base{:host{--_size:var(--radio-size,var(--size-5));--_font-size:var(--radio-font-size,var(--text-sm));--_bg:var(--radio-bg,var(--color-contrast-200));--_border:var(--radio-border-color,var(--color-contrast-300));gap:var(--_gap,var(--size-2));min-height:var(--_touch-target);cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex}.radio-wrapper{width:var(--_size);height:var(--_size);flex-shrink:0;display:block;position:relative}.circle{box-sizing:border-box;width:var(--_size);height:var(--_size);background:var(--_bg);border:var(--border-2) solid var(--_border);transition:background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:50%;position:relative}:host(:focus-visible) .circle{box-shadow:var(--_focus-shadow)}.dot{background:var(--_dot-color);opacity:0;width:50%;height:50%;transition:opacity var(--transition-spring), transform var(--transition-spring);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.label{font-size:var(--_font-size);color:var(--color-contrast)}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500)}.helper-text:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:calc(var(--_size) + var(--size-2))}.helper-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--_size) + var(--size-2))}.helper-text[role=alert]{color:var(--color-error)}}@layer refine.overrides{:host{--_active-bg:var(--radio-checked-bg,var(--_theme-base));--_dot-color:var(--radio-color,var(--_theme-contrast));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .circle{background:var(--_active-bg);border-color:var(--_active-bg)}:host([checked]) .dot{opacity:1;transform:translate(-50%,-50%)scale(1)}}`,ii=`ore-radio`;(0,t.define)(ii,{formAssociated:!0,props:{...q,...J,...Y,checked:t.prop.bool(!1),error:t.prop.string(),helper:t.prop.string(),name:t.prop.string(),value:t.prop.string()},setup(e){let n=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.inject)(ti),o=(0,t.inject)(Q),s=$(e,o),l=(0,r.computed)(()=>a?.name.value||e.name.value||``),u=(0,r.computed)(()=>a?.size.value??s.size.value),d=(0,r.computed)(()=>a?.color.value??e.color.value),f=(0,r.computed)(()=>a?a.value.value===e.value.value:!!e.checked.value),p=()=>{let e=l.value;return e?Array.from(document.querySelectorAll(`ore-radio[name="${e}"]`)).filter(e=>!e.hasAttribute(`disabled`)):[]},m=(e,t)=>{if(a){a.select(e.getAttribute(`value`)??``,t);return}e.click()},h=qe({getItems:()=>p(),keys:{next:[`ArrowDown`,`ArrowRight`],prev:[`ArrowUp`,`ArrowLeft`]},loop:!0,onNavigate:(e,t,n)=>{let r=p()[t];r&&(r.focus(),m(r,n))}}),g=t=>{if(!v.checked.value){if(a){a.select(e.value.value??``,t);return}v.toggle(t??new Event(`change`))}},_=null,v=ze({checked:f,disabled:(0,r.computed)(()=>s.disabled.value||!!a?.disabled.value),error:e.error,getFormField:()=>_,helper:e.helper,onToggle:e=>{i(`change`,e)},prefix:`radio`,signal:Z(t.onCleanup),validateOn:o?.validateOn,value:e.value});_=(0,c.useField)({disabled:v.disabled,toFormValue:e=>e,value:v.checkableFormValue});let{assistiveId:y,checked:b,disabled:x,errorText:S,helperText:C,labelId:w,toggle:T}=v;return(0,t.bind)({attr:{ariaChecked:()=>b.value?`true`:`false`,ariaDescribedby:()=>S.value||C.value?y:null,ariaDisabled:()=>x.value?`true`:null,ariaInvalid:()=>S.value?`true`:null,ariaLabelledby:w,checked:b,color:d,disabled:()=>x.value?!0:void 0,name:()=>l.value||void 0,role:`radio`,size:u,tabindex:()=>{if(!x.value)return b.value?0:-1}},class:()=>({"is-checked":b.value,"is-disabled":x.value}),on:{click:t=>{if(!x.value)if(a)a.select(e.value.value??``,t);else{if(!l.value)return;if(!b.value){let r=e.name.value;document.querySelectorAll(`ore-radio[name="${r}"]`).forEach(e=>{e!==n&&e.removeAttribute(`checked`)}),T(t)}}},keydown:e=>{if(e.key===` `||e.key===`Enter`){e.preventDefault(),g(e);return}let t=p();if(t.length===0)return;let r=t.indexOf(n);r!==-1&&(h.set(r),h.handleKeydown(e))}}}),t.html`
|
|
2296
|
+
`},styles:[P,k(),A,ei]});var ri=`@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)}}`,ii=`ore-radio`;(0,t.define)(ii,{formAssociated:!0,props:{...q,...J,...Y,checked:t.prop.bool(!1),error:t.prop.string(),helper:t.prop.string(),name:t.prop.string(),value:t.prop.string()},setup(e){let n=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.inject)(ti),o=(0,t.inject)(Q),s=$(e,o),l=(0,r.computed)(()=>a?.name.value||e.name.value||``),u=(0,r.computed)(()=>a?.size.value??s.size.value),d=(0,r.computed)(()=>a?.color.value??e.color.value),f=(0,r.computed)(()=>a?a.value.value===e.value.value:!!e.checked.value),p=()=>{let e=l.value;return e?Array.from(document.querySelectorAll(`ore-radio[name="${e}"]`)).filter(e=>!e.hasAttribute(`disabled`)):[]},m=(e,t)=>{if(a){a.select(e.getAttribute(`value`)??``,t);return}e.click()},h=qe({getItems:()=>p(),keys:{next:[`ArrowDown`,`ArrowRight`],prev:[`ArrowUp`,`ArrowLeft`]},loop:!0,onNavigate:(e,t,n)=>{let r=p()[t];r&&(r.focus(),m(r,n))}}),g=t=>{if(!v.checked.value){if(a){a.select(e.value.value??``,t);return}v.toggle(t??new Event(`change`))}},_=null,v=ze({checked:f,disabled:(0,r.computed)(()=>s.disabled.value||!!a?.disabled.value),error:e.error,getFormField:()=>_,helper:e.helper,onToggle:e=>{i(`change`,e)},prefix:`radio`,signal:Z(t.onCleanup),validateOn:o?.validateOn,value:e.value});_=(0,c.useField)({disabled:v.disabled,toFormValue:e=>e,value:v.checkableFormValue});let{assistiveId:y,checked:b,disabled:x,errorText:S,helperText:C,labelId:w,toggle:T}=v;return(0,t.bind)({attr:{ariaChecked:()=>b.value?`true`:`false`,ariaDescribedby:()=>S.value||C.value?y:null,ariaDisabled:()=>x.value?`true`:null,ariaInvalid:()=>S.value?`true`:null,ariaLabelledby:w,checked:b,color:d,disabled:()=>x.value?!0:void 0,name:()=>l.value||void 0,role:`radio`,size:u,tabindex:()=>{if(!x.value)return b.value?0:-1}},class:()=>({"is-checked":b.value,"is-disabled":x.value}),on:{click:t=>{if(!x.value)if(a)a.select(e.value.value??``,t);else{if(!l.value)return;if(!b.value){let r=e.name.value;document.querySelectorAll(`ore-radio[name="${r}"]`).forEach(e=>{e!==n&&e.removeAttribute(`checked`)}),T(t)}}},keydown:e=>{if(e.key===` `||e.key===`Enter`){e.preventDefault(),g(e);return}let t=p();if(t.length===0)return;let r=t.indexOf(n);r!==-1&&(h.set(r),h.handleKeydown(e))}}}),t.html`
|
|
2300
2297
|
<div class="radio-wrapper" part="radio">
|
|
2301
2298
|
<div class="circle" part="circle">
|
|
2302
2299
|
<div class="dot" part="dot"></div>
|
|
@@ -2304,7 +2301,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2304
2301
|
</div>
|
|
2305
2302
|
<span class="label" part="label" id="${w}"><slot></slot></span>
|
|
2306
2303
|
${sn(y,S,C)}
|
|
2307
|
-
`},styles:[P,R,A,C,k(we),ri]});var ai=`@layer refine.base{:host{--_star-size:var(--rating-star-size,var(--size-7));--_color-empty:var(--rating-color-empty,var(--color-contrast-200));--_color-filled:var(--rating-color-filled,var(--_theme-base,var(--color-warning)));--_gap:var(--rating-gap,var(--size-0_5));flex-wrap:wrap;align-items:center;display:inline-flex}.stars{gap:var(--_gap);align-items:center;display:flex;position:relative}.sparkle-layer{pointer-events:none;position:absolute;inset:0;overflow:visible}.sparkle{pointer-events:none;background:var(--_color-filled);animation:var(--_motion-animation,sparkle-fly var(--_dur,.5s) var(--ease-out) forwards);border-radius:50%;position:absolute}@keyframes sparkle-fly{0%{opacity:.9;transform:translate(-50%, -50%) rotate(var(--_angle)) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--_angle)) translateY(calc(-1 * var(--_dist))) scale(0)}}.star-btn{all:unset;width:var(--_star-size);min-width:var(--_touch-target);height:var(--_star-size);min-height:var(--_touch-target);color:var(--_color-empty);cursor:pointer;border-radius:var(--rounded-sm);transition:color var(--transition-fast), transform .12s var(--ease-spring);justify-content:center;align-items:center;display:inline-flex}.star-btn[data-filled]{color:var(--_color-filled)}:host([solid]) .star-btn ore-icon::part(svg){fill:none}:host([solid]) .star-btn[data-filled] ore-icon::part(svg){fill:currentColor}.star-btn:hover:not([disabled]),.star-btn:focus-visible:not([disabled]){transform:scale(1.08)}.star-btn:focus-visible{outline:var(--border-2) solid var(--_color-filled);outline-offset:var(--border-2)}.star-btn[disabled]{cursor:default}:host([readonly]) .star-btn,:host([disabled]) .star-btn{pointer-events:none}:host([disabled]){opacity:.5}}@layer refine.utilities{:host([size=sm]){--_star-size:var(--size-5)}:host([size=lg]){--_star-size:var(--size-9)}@media (forced-colors:active){.star-btn{color:buttontext}.star-btn[data-filled]{color:highlight;forced-color-adjust:none}.star-btn:focus-visible{box-shadow:none;outline:2px solid highlight}}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500);margin-top:var(--size-1)}.helper-text[role=alert]{color:var(--color-error)}}@media (prefers-reduced-motion:reduce){.sparkle{display:none}}`,oi=`ore-rating`;(0,t.define)(oi,{formAssociated:!0,props:{...q,...J,...Y,error:t.prop.string(),helper:t.prop.string(),label:t.prop.string(`Rating`),max:t.prop.number(5),name:t.prop.string(),readonly:t.prop.bool(!1),solid:t.prop.bool(!1),value:t.prop.number(0)},setup(e){let n=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.inject)(Q),o=$(e,a),s=(0,r.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))}),l=(0,c.useField)({disabled:o.disabled,value:(0,r.computed)(()=>String(s.value||0))}),u=e=>{a?.validateOn?.value===e&&l.reportValidity()},d=(0,t.createStableId)(`helper`),f=Ae({error:e.error,helper:e.helper}),p=(0,r.computed)(()=>f.value.errorText),m=(0,r.computed)(()=>f.value.helperText),h=(0,r.computed)(()=>p.value||m.value?d:null),g=(0,r.computed)(()=>!e.readonly.value&&!o.disabled.value),_=(0,r.signal)(null),v=(0,r.computed)(()=>_.value??s.value),y=()=>[...n.shadowRoot?.querySelectorAll(`[data-star]`)??[]],b=it({max:(0,r.computed)(()=>Number(e.max.value)||5),min:(0,r.signal)(1),step:(0,r.signal)(1)});function x(e){let t=n.shadowRoot?.querySelector(`.sparkle-layer`),r=n.shadowRoot?.querySelector(`[data-star="${e}"]`);if(!t||!r)return;let i=r.offsetLeft+r.offsetWidth/2,a=r.offsetTop+r.offsetHeight/2;for(let e=0;e<10;e++){let n=document.createElement(`span`),r=360/10*e+(Math.random()*30-15),o=18+Math.random()*20,s=3+Math.random()*4,c=380+Math.random()*220;n.className=`sparkle`,n.style.cssText=[`left:${i}px`,`top:${a}px`,`--_angle:${r}deg`,`--_dist:${o}px`,`width:${s}px`,`height:${s}px`,`--_dur:${c}ms`,`animation-delay:${Math.random()*60}ms`].join(`;`),t.appendChild(n),n.addEventListener(`animationend`,()=>n.remove(),{once:!0})}}function S(t,r){if(!g.value)return;let a=Math.max(1,Number(e.max.value)||5),o=Math.min(a,Math.max(0,t));o!==s.value&&(n.setAttribute(`value`,String(o)),i(`change`,{originalEvent:r,value:o}),u(`change`),x(o))}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,r.computed)(()=>{let t=Number(e.max.value)||5;return Array.from({length:t},(e,t)=>t+1)});return(0,t.bind)({attr:{size:o.size}}),t.html`
|
|
2304
|
+
`},styles:[P,R,A,C,k(we),ri]});var ai=`@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}}`,oi=`ore-rating`;(0,t.define)(oi,{formAssociated:!0,props:{...q,...J,...Y,error:t.prop.string(),helper:t.prop.string(),label:t.prop.string(`Rating`),max:t.prop.number(5),name:t.prop.string(),readonly:t.prop.bool(!1),solid:t.prop.bool(!1),value:t.prop.number(0)},setup(e){let n=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.inject)(Q),o=$(e,a),s=(0,r.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))}),l=(0,c.useField)({disabled:o.disabled,value:(0,r.computed)(()=>String(s.value||0))}),u=e=>{a?.validateOn?.value===e&&l.reportValidity()},d=(0,t.createStableId)(`helper`),f=Ae({error:e.error,helper:e.helper}),p=(0,r.computed)(()=>f.value.errorText),m=(0,r.computed)(()=>f.value.helperText),h=(0,r.computed)(()=>p.value||m.value?d:null),g=(0,r.computed)(()=>!e.readonly.value&&!o.disabled.value),_=(0,r.signal)(null),v=(0,r.computed)(()=>_.value??s.value),y=()=>[...n.shadowRoot?.querySelectorAll(`[data-star]`)??[]],b=it({max:(0,r.computed)(()=>Number(e.max.value)||5),min:(0,r.signal)(1),step:(0,r.signal)(1)});function x(e){let t=n.shadowRoot?.querySelector(`.sparkle-layer`),r=n.shadowRoot?.querySelector(`[data-star="${e}"]`);if(!t||!r)return;let i=r.offsetLeft+r.offsetWidth/2,a=r.offsetTop+r.offsetHeight/2;for(let e=0;e<10;e++){let n=document.createElement(`span`),r=360/10*e+(Math.random()*30-15),o=18+Math.random()*20,s=3+Math.random()*4,c=380+Math.random()*220;n.className=`sparkle`,n.style.cssText=[`left:${i}px`,`top:${a}px`,`--_angle:${r}deg`,`--_dist:${o}px`,`width:${s}px`,`height:${s}px`,`--_dur:${c}ms`,`animation-delay:${Math.random()*60}ms`].join(`;`),t.appendChild(n),n.addEventListener(`animationend`,()=>n.remove(),{once:!0})}}function S(t,r){if(!g.value)return;let a=Math.max(1,Number(e.max.value)||5),o=Math.min(a,Math.max(0,t));o!==s.value&&(n.setAttribute(`value`,String(o)),i(`change`,{originalEvent:r,value:o}),u(`change`),x(o))}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,r.computed)(()=>{let t=Number(e.max.value)||5;return Array.from({length:t},(e,t)=>t+1)});return(0,t.bind)({attr:{size:o.size}}),t.html`
|
|
2308
2305
|
<div
|
|
2309
2306
|
class="stars"
|
|
2310
2307
|
part="stars"
|
|
@@ -2330,7 +2327,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2330
2327
|
<div class="sparkle-layer"></div>
|
|
2331
2328
|
</div>
|
|
2332
2329
|
${sn(d,p,m)}
|
|
2333
|
-
`},styles:[P,k({}),C,w,ai]});var si=`@layer refine.base{:host{--_size:var(--slider-size,var(--size-5));--_height:var(--slider-height,var(--size-3));--_track:var(--slider-track-bg,var(--color-contrast-300));--_fill:var(--slider-fill,var(--color-neutral));--_thumb:var(--slider-thumb-bg,var(--color-contrast-100));--_thumb-size:calc(var(--_size) - var(--size-1));--_font-size:var(--text-sm);--_shadow:var(--color-neutral-focus-shadow);gap:var(--_gap,var(--size-3));touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;width:100%;display:inline-flex;position:relative}}.slider-container{width:100%;height:var(--_size);min-height:var(--_touch-target);flex:1;align-items:center;display:flex;position:relative}.slider-track{width:100%;height:var(--_height);background:var(--_track);border-radius:var(--rounded-full);position:relative}.slider-fill{top:0;left:var(--_fill-start,0%);width:var(--_fill-width,0%);background:var(--_fill);border-radius:var(--rounded-full);height:100%;transition:left var(--transition-normal), width var(--transition-normal);position:absolute}:host([data-dragging]) .slider-fill{transition:none}.slider-thumb{z-index:1;width:var(--_thumb-size);height:var(--_thumb-size);cursor:grab;background:var(--_thumb);border:2px solid var(--_fill);border-radius:var(--rounded-full);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal), transform var(--transition-fast), left var(--transition-normal);will-change:transform;position:absolute;top:50%;transform:translate(-50%,-50%)}:host([data-dragging]) .slider-thumb{transition:box-shadow var(--transition-normal), transform var(--transition-fast)}.slider-thumb-sole{left:var(--_thumb-pos,0%)}:host(:focus-visible) .slider-thumb-sole,:host(:active) .slider-thumb-sole{box-shadow:var(--_shadow);transform:translate(-50%,-50%)scale(1.1)}.slider-thumb-start{left:var(--_thumb-start,0%)}.slider-thumb-end{left:var(--_thumb-end,100%)}.slider-thumb-start:focus-visible,.slider-thumb-end:focus-visible{z-index:2;cursor:grabbing;outline:var(--border-2) solid var(--_fill);outline-offset:2px;box-shadow:var(--_shadow);transform:translate(-50%,-50%)scale(1.1)}:host(:not([range])) .slider-thumb-start,:host(:not([range])) .slider-thumb-end,:host([range]) .slider-thumb-sole{display:none}@media (forced-colors:active){:host(:focus-visible) .slider-thumb-sole{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}@layer refine.overrides{:host{--_fill:var(--slider-fill,var(--_theme-base));--_shadow:var(--_theme-shadow)}}.label{font-size:var(--_font-size);color:var(--color-contrast);white-space:nowrap}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500)}.helper-text[role=alert]{color:var(--color-error)}@media (pointer:coarse){:host{--_thumb-size:calc(var(--_size) + var(--size-2));--_size:var(--size-7)}}`,ci=(e,t)=>n=>{e()&&t(n)},li=`ore-slider`;(0,t.define)(li,{formAssociated:!0,props:{...q,...J,...Y,error:t.prop.string(),from:t.prop.number(0),"from-value-text":t.prop.string(),helper:t.prop.string(),max:t.prop.number(100),min:t.prop.number(0),name:t.prop.string(),range:t.prop.bool(!1),step:t.prop.number(1),to:t.prop.number(100),"to-value-text":t.prop.string(),value:t.prop.number(0),"value-text":t.prop.string()},setup(e){let n=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=e.range.value,s=it({max:e.max,min:e.min,step:e.step}),l=(0,t.inject)(Q),u=$(e,l),d=(0,r.signal)(!1),f=u.disabled,p=(0,r.signal)(void 0),m=(0,t.createStableId)(`helper`),h=Ae({error:e.error,helper:e.helper}),g=(0,r.computed)(()=>h.value.errorText),_=(0,r.computed)(()=>h.value.helperText),v=(0,r.computed)(()=>g.value||_.value?m:null);(0,t.bind)({attr:{"data-dragging":()=>d.value?!0:void 0,size:u.size}});let y,b=(0,r.signal)(`0`);o||(y=(0,c.useField)({disabled:f,value:b}),(0,r.watch)(e.value,e=>{b.value=String(e)},{immediate:!0}),(0,t.bind)({attr:{ariaDescribedby:()=>v.value??null,ariaDisabled:()=>f.value?`true`:null,ariaLabelledby:()=>p.value??null,ariaValuemax:()=>s.max(),ariaValuemin:()=>s.min(),ariaValuenow:()=>Number(b.value||0),ariaValuetext:()=>e[`value-text`].value??null,role:()=>`slider`,tabindex:()=>f.value?null:`0`}}));let x=(0,r.signal)(0),S=(0,r.signal)(100);o&&(y=(0,c.useField)({disabled:f,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,r.computed)(()=>({from:x.value,to:S.value}))}),(0,r.watch)(e.from,e=>{x.value=s.snap(Number(e))},{immediate:!0}),(0,r.watch)(e.to,e=>{S.value=s.snap(Number(e))},{immediate:!0}));let C=(0,t.ref)(),w=(0,t.ref)(),T=(0,t.ref)(),E=(0,t.ref)(),D=(0,t.createStableId)(`slider-start`),O=(0,t.createStableId)(`slider-end`),k=e=>{let t=s.toPercent(e);n.style.setProperty(`--_thumb-pos`,`${t}%`),n.style.setProperty(`--_fill-start`,`0%`),n.style.setProperty(`--_fill-width`,`${t}%`)},A=()=>{let e=s.toPercent(x.value),t=s.toPercent(S.value);n.style.setProperty(`--_thumb-start`,`${e}%`),n.style.setProperty(`--_thumb-end`,`${t}%`),n.style.setProperty(`--_fill-start`,`${e}%`),n.style.setProperty(`--_fill-width`,`${t-e}%`)},j=e=>{l?.validateOn?.value===e&&y?.reportValidity()},M=n=>{A();let r=e=>{let t=n.getBoundingClientRect();return s.fromClientX(e,t)},a=null,o=e=>{a===`start`?x.value=Math.min(s.snap(e),S.value):a===`end`&&(S.value=Math.max(s.snap(e),x.value)),x.value=s.clamp(x.value),S.value=s.clamp(S.value),A(),i(`change`,{from:x.value,to:S.value,value:{from:x.value,to:S.value}}),j(`change`)};(0,t.onEvent)(n,`pointerdown`,ci(()=>!f.value,e=>{e.preventDefault();let t=r(e.clientX);a=Math.abs(t-x.value)<=Math.abs(t-S.value)?`start`:`end`,e.target.setPointerCapture(e.pointerId),o(t)})),(0,t.onEvent)(n,`pointermove`,ci(()=>!!a,e=>{e.preventDefault(),d.value||=!0,o(r(e.clientX))})),(0,t.onEvent)(n,`pointerup`,ci(()=>!!a,e=>{e.preventDefault(),a=null,d.value=!1,e.target.releasePointerCapture(e.pointerId)}));let c=(e,t)=>n=>{if(f.value)return;let r=s.nextFromKey(n.key,e());r!==null&&(n.preventDefault(),t(s.snap(r)),A(),i(`change`,{from:x.value,originalEvent:n,to:S.value,value:{from:x.value,to:S.value}}),j(`change`))},l=T.value,u=E.value;l&&((0,t.onEvent)(l,`keydown`,c(()=>x.value,e=>{x.value=Math.min(e,S.value)})),(0,t.onCleanup)((0,t.aria)(l,{label:`Range start`,valuemax:()=>S.value,valuemin:()=>s.min(),valuenow:()=>x.value,valuetext:()=>e[`from-value-text`].value??null}))),u&&((0,t.onEvent)(u,`keydown`,c(()=>S.value,e=>{S.value=Math.max(e,x.value)})),(0,t.onCleanup)((0,t.aria)(u,{label:`Range end`,valuemax:()=>s.max(),valuemin:()=>x.value,valuenow:()=>S.value,valuetext:()=>e[`to-value-text`].value??null})))},N=e=>{k(Number(b.value));let r=t=>{if(f.value)return;let n=e.getBoundingClientRect(),r=s.fromClientX(t,n);Number(b.value)!==r&&(b.value=r.toString(),k(r),i(`change`,{value:r}),j(`change`))},a=!1;(0,t.onEvent)(e,`pointerdown`,ci(()=>!f.value,e=>{e.preventDefault(),a=!0,r(e.clientX),e.target.setPointerCapture(e.pointerId)})),(0,t.onEvent)(e,`pointermove`,ci(()=>a,e=>{e.preventDefault(),d.value||=!0,r(e.clientX)})),(0,t.onEvent)(e,`pointerup`,ci(()=>a,e=>{e.preventDefault(),a=!1,d.value=!1,e.target.releasePointerCapture(e.pointerId)})),(0,t.onEvent)(n,`keydown`,ci(()=>!f.value,e=>{let t=Number(b.value||0),n=s.nextFromKey(e.key,t);if(n===null)return;e.preventDefault();let r=s.clamp(n);r!==t&&(b.value=r.toString(),k(r),i(`change`,{originalEvent:e,value:r}),j(`change`))}))};return(0,t.onMounted)(()=>{let e=C.value;if(e){if(a.has().value&&w.value){let e=(0,t.createStableId)(`slider-label`);w.value.id=e,o||(p.value=e)}o?M(e):N(e)}}),t.html`
|
|
2330
|
+
`},styles:[P,k({}),C,w,ai]});var si=`@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)}}`,ci=(e,t)=>n=>{e()&&t(n)},li=`ore-slider`;(0,t.define)(li,{formAssociated:!0,props:{...q,...J,...Y,error:t.prop.string(),from:t.prop.number(0),"from-value-text":t.prop.string(),helper:t.prop.string(),max:t.prop.number(100),min:t.prop.number(0),name:t.prop.string(),range:t.prop.bool(!1),step:t.prop.number(1),to:t.prop.number(100),"to-value-text":t.prop.string(),value:t.prop.number(0),"value-text":t.prop.string()},setup(e){let n=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=e.range.value,s=it({max:e.max,min:e.min,step:e.step}),l=(0,t.inject)(Q),u=$(e,l),d=(0,r.signal)(!1),f=u.disabled,p=(0,r.signal)(void 0),m=(0,t.createStableId)(`helper`),h=Ae({error:e.error,helper:e.helper}),g=(0,r.computed)(()=>h.value.errorText),_=(0,r.computed)(()=>h.value.helperText),v=(0,r.computed)(()=>g.value||_.value?m:null);(0,t.bind)({attr:{"data-dragging":()=>d.value?!0:void 0,size:u.size}});let y,b=(0,r.signal)(`0`);o||(y=(0,c.useField)({disabled:f,value:b}),(0,r.watch)(e.value,e=>{b.value=String(e)},{immediate:!0}),(0,t.bind)({attr:{ariaDescribedby:()=>v.value??null,ariaDisabled:()=>f.value?`true`:null,ariaLabelledby:()=>p.value??null,ariaValuemax:()=>s.max(),ariaValuemin:()=>s.min(),ariaValuenow:()=>Number(b.value||0),ariaValuetext:()=>e[`value-text`].value??null,role:()=>`slider`,tabindex:()=>f.value?null:`0`}}));let x=(0,r.signal)(0),S=(0,r.signal)(100);o&&(y=(0,c.useField)({disabled:f,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,r.computed)(()=>({from:x.value,to:S.value}))}),(0,r.watch)(e.from,e=>{x.value=s.snap(Number(e))},{immediate:!0}),(0,r.watch)(e.to,e=>{S.value=s.snap(Number(e))},{immediate:!0}));let C=(0,t.ref)(),w=(0,t.ref)(),T=(0,t.ref)(),E=(0,t.ref)(),D=(0,t.createStableId)(`slider-start`),O=(0,t.createStableId)(`slider-end`),k=e=>{let t=s.toPercent(e);n.style.setProperty(`--_thumb-pos`,`${t}%`),n.style.setProperty(`--_fill-start`,`0%`),n.style.setProperty(`--_fill-width`,`${t}%`)},A=()=>{let e=s.toPercent(x.value),t=s.toPercent(S.value);n.style.setProperty(`--_thumb-start`,`${e}%`),n.style.setProperty(`--_thumb-end`,`${t}%`),n.style.setProperty(`--_fill-start`,`${e}%`),n.style.setProperty(`--_fill-width`,`${t-e}%`)},j=e=>{l?.validateOn?.value===e&&y?.reportValidity()},M=n=>{A();let r=e=>{let t=n.getBoundingClientRect();return s.fromClientX(e,t)},a=null,o=e=>{a===`start`?x.value=Math.min(s.snap(e),S.value):a===`end`&&(S.value=Math.max(s.snap(e),x.value)),x.value=s.clamp(x.value),S.value=s.clamp(S.value),A(),i(`change`,{from:x.value,to:S.value,value:{from:x.value,to:S.value}}),j(`change`)};(0,t.onEvent)(n,`pointerdown`,ci(()=>!f.value,e=>{e.preventDefault();let t=r(e.clientX);a=Math.abs(t-x.value)<=Math.abs(t-S.value)?`start`:`end`,e.target.setPointerCapture(e.pointerId),o(t)})),(0,t.onEvent)(n,`pointermove`,ci(()=>!!a,e=>{e.preventDefault(),d.value||=!0,o(r(e.clientX))})),(0,t.onEvent)(n,`pointerup`,ci(()=>!!a,e=>{e.preventDefault(),a=null,d.value=!1,e.target.releasePointerCapture(e.pointerId)}));let c=(e,t)=>n=>{if(f.value)return;let r=s.nextFromKey(n.key,e());r!==null&&(n.preventDefault(),t(s.snap(r)),A(),i(`change`,{from:x.value,originalEvent:n,to:S.value,value:{from:x.value,to:S.value}}),j(`change`))},l=T.value,u=E.value;l&&((0,t.onEvent)(l,`keydown`,c(()=>x.value,e=>{x.value=Math.min(e,S.value)})),(0,t.onCleanup)((0,t.aria)(l,{label:`Range start`,valuemax:()=>S.value,valuemin:()=>s.min(),valuenow:()=>x.value,valuetext:()=>e[`from-value-text`].value??null}))),u&&((0,t.onEvent)(u,`keydown`,c(()=>S.value,e=>{S.value=Math.max(e,x.value)})),(0,t.onCleanup)((0,t.aria)(u,{label:`Range end`,valuemax:()=>s.max(),valuemin:()=>x.value,valuenow:()=>S.value,valuetext:()=>e[`to-value-text`].value??null})))},N=e=>{k(Number(b.value));let r=t=>{if(f.value)return;let n=e.getBoundingClientRect(),r=s.fromClientX(t,n);Number(b.value)!==r&&(b.value=r.toString(),k(r),i(`change`,{value:r}),j(`change`))},a=!1;(0,t.onEvent)(e,`pointerdown`,ci(()=>!f.value,e=>{e.preventDefault(),a=!0,r(e.clientX),e.target.setPointerCapture(e.pointerId)})),(0,t.onEvent)(e,`pointermove`,ci(()=>a,e=>{e.preventDefault(),d.value||=!0,r(e.clientX)})),(0,t.onEvent)(e,`pointerup`,ci(()=>a,e=>{e.preventDefault(),a=!1,d.value=!1,e.target.releasePointerCapture(e.pointerId)})),(0,t.onEvent)(n,`keydown`,ci(()=>!f.value,e=>{let t=Number(b.value||0),n=s.nextFromKey(e.key,t);if(n===null)return;e.preventDefault();let r=s.clamp(n);r!==t&&(b.value=r.toString(),k(r),i(`change`,{originalEvent:e,value:r}),j(`change`))}))};return(0,t.onMounted)(()=>{let e=C.value;if(e){if(a.has().value&&w.value){let e=(0,t.createStableId)(`slider-label`);w.value.id=e,o||(p.value=e)}o?M(e):N(e)}}),t.html`
|
|
2334
2331
|
<div class="slider-container" part="slider" ref=${C}>
|
|
2335
2332
|
<div class="slider-track" part="track">
|
|
2336
2333
|
<div class="slider-fill" part="fill"></div>
|
|
@@ -2355,7 +2352,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2355
2352
|
</div>
|
|
2356
2353
|
<span class="label" part="label" ref=${w}><slot></slot></span>
|
|
2357
2354
|
${sn(m,g,_)}
|
|
2358
|
-
`},styles:[A,P,k(Ee),si,C]});var ui=`@layer refine.base{:host{--_width:var(--switch-width,var(--size-10));--_height:var(--switch-height,var(--size-5));--_padding:var(--size-0-5);--_thumb-size:calc(var(--_height) - var(--_padding) * 2);--_track-bg:var(--switch-track-bg,var(--color-contrast-300));--_thumb-bg:var(--switch-thumb-bg,white);--_font-size:var(--switch-font-size,var(--text-sm));gap:var(--_gap,var(--size-2-5));min-height:var(--size-11);touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex}.switch-wrapper{flex-shrink:0;display:flex}.switch-track{width:var(--_width);height:var(--_height);background:var(--_track-bg);border-radius:var(--rounded-full);transition:background var(--transition-normal), box-shadow var(--transition-normal);position:relative}.switch-thumb{top:var(--_padding);width:var(--_thumb-size);height:var(--_thumb-size);background:var(--_thumb-bg);border-radius:var(--rounded-full);box-shadow:var(--shadow-sm);transition:transform var(--transition-spring), box-shadow var(--transition-normal);will-change:transform;position:absolute}.switch-thumb:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--_padding)}.switch-thumb:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_padding)}input:focus-visible~.switch-track{box-shadow:var(--_focus-shadow)}.label{font-size:var(--_font-size);color:var(--color-contrast)}}@layer refine.overrides{:host{--_active-bg:var(--switch-checked-bg,var(--_theme-base));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .switch-track{background:var(--_active-bg)}:host([checked]) .switch-thumb{transform:translateX(calc(var(--_width) - var(--_height)))}:host(:dir(rtl)[checked]) .switch-thumb{transform:translateX(calc(-1 * (var(--_width) - var(--_height))))}:host(:hover:not([disabled],[checked])) .switch-track{background:var(--color-contrast-400)}:host(:hover:not([disabled])[checked]) .switch-track{filter:brightness(1.1)}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500)}.helper-text:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:calc(var(--_width) + var(--size-2-5))}.helper-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--_width) + var(--size-2-5))}.helper-text[role=alert]{color:var(--color-error)}}`,di=`ore-switch`;(0,t.define)(di,{formAssociated:!0,props:{...q,...J,...Y,checked:t.prop.bool(!1),error:t.prop.string(),helper:t.prop.string(),name:t.prop.string(),value:t.prop.string(`on`)},setup(e){let n=(0,t.useEmit)(),r=(0,t.inject)(Q),i=$(e,r),a=null,o=ze({checked:e.checked,clearIndeterminateFirst:!1,disabled:i.disabled,error:e.error,getFormField:()=>a,helper:e.helper,onToggle:e=>{o.triggerValidation(`change`),n(`change`,e)},prefix:`switch`,signal:Z(t.onCleanup),validateOn:r?.validateOn,value:e.value});a=(0,c.useField)({disabled:o.disabled,toFormValue:e=>e,value:o.checkableFormValue});let{assistiveId:s,checked:l,disabled:u,errorText:d,handleClick:f,handleKeydown:p,helperText:m,labelId:h}=o;return an(i.size,{assistiveId:s,checked:l,disabled:u,errorText:d,handleClick:f,handleKeydown:p,helperText:m,labelId:h},`switch`),t.html`
|
|
2355
|
+
`},styles:[A,P,k(Ee),si,C]});var ui=`@layer refine.base{:host{--_width:var(--switch-width,var(--size-10));--_height:var(--switch-height,var(--size-5));--_padding:var(--size-0-5);--_thumb-size:calc(var(--_height) - var(--_padding) * 2);--_track-bg:var(--switch-track-bg,var(--color-contrast-300));--_thumb-bg:var(--switch-thumb-bg,white);--_font-size:var(--switch-font-size,var(--text-sm));gap:var(--_gap,var(--size-2-5));min-height:var(--size-11);touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex}.switch-wrapper{flex-shrink:0;display:flex}.switch-track{width:var(--_width);height:var(--_height);background:var(--_track-bg);border-radius:var(--rounded-full);transition:background var(--transition-normal), box-shadow var(--transition-normal);position:relative}.switch-thumb{top:var(--_padding);width:var(--_thumb-size);height:var(--_thumb-size);background:var(--_thumb-bg);border-radius:var(--rounded-full);box-shadow:var(--shadow-sm);transition:transform var(--transition-spring), box-shadow var(--transition-normal);will-change:transform;position:absolute}.switch-thumb:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--_padding)}.switch-thumb:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_padding)}input:focus-visible~.switch-track{box-shadow:var(--_focus-shadow)}.label{font-size:var(--_font-size);color:var(--color-contrast)}}@layer refine.overrides{:host{--_active-bg:var(--switch-checked-bg,var(--_theme-base));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .switch-track{background:var(--_active-bg)}:host([checked]) .switch-thumb{transform:translateX(calc(var(--_width) - var(--_height)))}:host(:dir(rtl)[checked]) .switch-thumb{transform:translateX(calc(-1 * (var(--_width) - var(--_height))))}:host(:hover:not([disabled],[checked])) .switch-track{background:var(--color-contrast-400)}:host(:hover:not([disabled])[checked]) .switch-track{filter:brightness(1.1)}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color: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)}}`,di=`ore-switch`;(0,t.define)(di,{formAssociated:!0,props:{...q,...J,...Y,checked:t.prop.bool(!1),error:t.prop.string(),helper:t.prop.string(),name:t.prop.string(),value:t.prop.string(`on`)},setup(e){let n=(0,t.useEmit)(),r=(0,t.inject)(Q),i=$(e,r),a=null,o=ze({checked:e.checked,clearIndeterminateFirst:!1,disabled:i.disabled,error:e.error,getFormField:()=>a,helper:e.helper,onToggle:e=>{o.triggerValidation(`change`),n(`change`,e)},prefix:`switch`,signal:Z(t.onCleanup),validateOn:r?.validateOn,value:e.value});a=(0,c.useField)({disabled:o.disabled,toFormValue:e=>e,value:o.checkableFormValue});let{assistiveId:s,checked:l,disabled:u,errorText:d,handleClick:f,handleKeydown:p,helperText:m,labelId:h}=o;return an(i.size,{assistiveId:s,checked:l,disabled:u,errorText:d,handleClick:f,handleKeydown:p,helperText:m,labelId:h},`switch`),t.html`
|
|
2359
2356
|
<div class="switch-wrapper" part="switch">
|
|
2360
2357
|
<div class="switch-track" part="track">
|
|
2361
2358
|
<div class="switch-thumb" part="thumb"></div>
|
|
@@ -2363,7 +2360,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2363
2360
|
</div>
|
|
2364
2361
|
<span class="label" part="label" id="${h}"><slot></slot></span>
|
|
2365
2362
|
${sn(s,d,m)}
|
|
2366
|
-
`},styles:[P,R,A,k(Te),ui]});var fi=`@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
|
|
2363
|
+
`},styles:[P,R,A,k(Te),ui]});var fi=`@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}.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],[variant=text],[variant=flat])) .field:focus-within{background:var(--color-canvas);border-color:var(--_theme-focus);box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow))}:host(:not([disabled])) .field:focus-within~.label{color:var(--_theme-focus)}:host(:not([disabled])) .textarea-wrapper:has(.field:focus-within) .label{color:var(--_theme-focus)}:host([error]:not([error=""])) .field{border-color:var(--color-error)}:host([error]:not([error=""])) .field:focus-within{border-color:var(--color-error);box-shadow:var(--color-error-focus-shadow)}:host([error]:not([error=""])) .label{color:var(--color-error)}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_bg:var(--textarea-bg,var(--color-contrast-50));--_border-color:var(--textarea-border-color,var(--color-contrast-300))}:host(:not([variant])) .field,:host([variant=solid]) .field{box-shadow:var(--shadow-2xs)}:host(:not([variant],[disabled])) .field:focus-within,:host([variant=solid]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}:host([variant=flat]){--_bg:var(--textarea-bg,var(--color-contrast-100));--_border-color:var(--textarea-border-color,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(--textarea-hover-bg,color-mix(in oklch, var(--_theme-base) 6%, var(--color-contrast-100)));border-color:var(--textarea-hover-border-color,color-mix(in oklch, var(--_theme-base) 35%, var(--color-contrast-300)))}:host([variant=flat]) .field:focus-within{background:var(--textarea-focus-bg,color-mix(in oklch, var(--_theme-base) 8%, var(--color-canvas)));border-color:var(--textarea-focus-border-color,color-mix(in oklch, var(--_theme-focus) 60%, transparent));box-shadow:var(--_theme-shadow)}:host([variant=bordered]){--_bg:var(--textarea-bg,var(--_theme-backdrop));--_border-color:var(--textarea-border-color,color-mix(in oklch, var(--_theme-focus) 70%, transparent))}:host([variant=bordered]) textarea{color:var(--_theme-base)}:host([variant=bordered]) textarea::placeholder{color:var(--textarea-placeholder-color,color-mix(in oklch, var(--_theme-base) 45%, transparent))}:host([variant=bordered]) .field:hover{border-color:var(--textarea-hover-border-color,var(--_theme-focus))}:host([variant=outline]){--_bg:var(--textarea-bg,transparent)}:host([variant=outline]) .field{box-shadow:none}:host([variant=outline]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}:host([variant=ghost]){--_bg:var(--textarea-bg,transparent);--_border-color:var(--textarea-border-color,transparent)}:host([variant=ghost]) .field{box-shadow:none}:host([variant=ghost]) .field:hover{background:var(--textarea-hover-bg,var(--color-contrast-100))}:host([variant=ghost]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}}@layer refine.utilities{:host([auto-resize]) textarea{overflow:hidden}:host([fullwidth]){width:100%}}`,pi=`ore-textarea`;(0,t.define)(pi,{formAssociated:!0,props:{...q,...J,...Y,...X,"auto-resize":t.prop.bool(!1),error:t.prop.string(),fullwidth:t.prop.bool(!1),helper:t.prop.string(),label:t.prop.string(),"label-placement":t.prop.oneOf([`inset`,`outside`],`inset`),maxlength:t.prop.json(void 0),name:t.prop.string(),"no-resize":t.prop.bool(!1),placeholder:t.prop.string(),readonly:t.prop.bool(!1),ref:t.prop.json(void 0),required:t.prop.bool(!1),resize:t.prop.string(),rows:t.prop.json(void 0),value:t.prop.string(),variant:t.prop.string()},setup(e){let i=(0,t.useEmit)(),a=t.watchEffect,o=(0,t.inject)(Q),s=$(e,o),l=(0,t.ref)(),u=()=>{if(!e[`auto-resize`].value||!l.value)return;let t=l.value;t.style.height=`auto`,t.style.height=`${t.scrollHeight}px`},d=Z(t.onCleanup),f=null,p=Pe({disabled:s.disabled,error:e.error,getFormField:()=>f,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],maxLength:e.maxlength,onBeforeInput:u,onChange:(e,t)=>{i(`change`,{originalEvent:e,value:t})},onInput:(e,t)=>{i(`input`,{originalEvent:e,value:t})},prefix:`textarea`,signal:d,validateOn:o?.validateOn,value:e.value});f=(0,c.useField)({disabled:p.disabled,toFormValue:e=>e,value:p.value});let{ariaDescribedBy:m,ariaErrorMessage:h,ariaInvalid:g,ariaLabelledBy:_,assistiveId:v,counter:y,errorId:b,errorText:x,fieldId:S,helperText:C,labelId:w,labelVisible:T}=p;return(0,t.onElement)(l,t=>{let n=p.wire(t);e.ref.value?.(t);let i=(0,r.watch)(e.ref,e=>{e?.(t)}),o=a(()=>{t.style.resize=e[`auto-resize`].value||e[`no-resize`].value?`none`:e.resize.value||`vertical`,e[`auto-resize`].value&&requestAnimationFrame(u)});return()=>{i.dispose(),e.ref.value?.(null),n(),o()}}),(0,t.bind)({attr:{error:()=>x.value||void 0,size:s.size,variant:s.variant}}),t.html`
|
|
2367
2364
|
<div class="textarea-wrapper" part="wrapper">
|
|
2368
2365
|
<label class="label" part="label" for="${S}" id="${w}" ?hidden="${()=>!T.value}"
|
|
2369
2366
|
>${e.label}</label
|
|
@@ -2490,7 +2487,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2490
2487
|
</div>`:t.html``}
|
|
2491
2488
|
</div>
|
|
2492
2489
|
</div>
|
|
2493
|
-
`},shadow:{delegatesFocus:!0},styles:[P,w,mi]});var bi=`@layer refine.base{:host{--_bg:var(--box-bg,var(--color-canvas));--_color:var(--box-color,var(--color-contrast-900));--_border-width:var(--box-border,var(--border));--_border-color:var(--box-border-color,var(--color-divider));--_radius:var(--box-radius,var(--rounded-lg));--_padding:var(--box-padding,var(--size-4));--_shadow:var(--box-shadow,var(--shadow-sm));display:block;position:relative}.box{box-sizing:border-box;width:100%;height:100%;padding:var(--_padding);color:var(--_color);background:var(--_bg);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:backdrop-filter var(--transition-fast), box-shadow var(--transition-normal), background var(--transition-normal), border-color var(--transition-normal);position:relative}}@layer refine.variants{:host([color]){--_bg:var(--box-bg,var(--_theme-backdrop));--_border-color:var(--box-border-color,var(--_theme-border))}:host([variant=flat]){--_shadow:none}:host([variant=glass]:not([color])){--_bg:color-mix(in oklch, var(--color-secondary) 20%, transparent);--_border-color:color-mix(in oklch, var(--color-secondary-contrast) 15%, transparent)}:host([variant=glass][color]){--_bg:color-mix(in oklch, var(--_theme-base) 20%, transparent);--_border-color:color-mix(in oklch, var(--_theme-contrast) 15%, transparent);--_color:var(--_theme-content)}:host([variant=glass]) .box{box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([color]:not([variant=glass],[variant=frost]):hover){--_bg:color-mix(in oklch, var(--_theme-base) 16%, var(--color-contrast-50));--_border-color:var(--_theme-focus)}}@layer refine.utilities{:host([fullwidth]){width:100%}}`,xi=`ore-box`;(0,t.define)(xi,{props:{color:t.prop.string(),effect:t.prop.string(),elevation:t.prop.number(),fullwidth:t.prop.bool(),padding:t.prop.string(),rounded:t.prop.string(),variant:t.prop.string()},setup(){return t.html`<div class="box" part="box"><slot></slot></div>`},styles:[...W,U(`.box`),V(`.box`),bi]});var Si=`@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}}`,Ci=`ore-grid-item`;(0,t.define)(Ci,{props:{align:t.prop.string(),area:t.prop.string(),col:t.prop.string(),colSpan:t.prop.string(),justify:t.prop.string(),row:t.prop.string(),rowSpan:t.prop.string()},setup(e){let n=(0,r.computed)(()=>{let t=e.col.value,n=e.colSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)}),i=(0,r.computed)(()=>{let t=e.row.value,n=e.rowSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)});return(0,t.bind)({style:{gridArea:e.area,gridColumn:n,gridRow:i}}),t.html`<slot></slot>`},styles:[Si]});var wi=`@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%}}`,Ti=[[`cols2xl`,`--size-screen-2xl`],[`colsXl`,`--size-screen-xl`],[`colsLg`,`--size-screen-lg`],[`colsMd`,`--size-screen-md`],[`colsSm`,`--size-screen-sm`]],Ei=[[`areas2xl`,`--size-screen-2xl`],[`areasXl`,`--size-screen-xl`],[`areasLg`,`--size-screen-lg`],[`areasMd`,`--size-screen-md`],[`areasSm`,`--size-screen-sm`]],Di=(e,t,n)=>{let r=getComputedStyle(e).getPropertyValue(t).trim(),i=Number.parseFloat(r);return Number.isFinite(i)?i:n},Oi={"--size-screen-2xl":1536,"--size-screen-lg":1024,"--size-screen-md":768,"--size-screen-sm":640,"--size-screen-xl":1280},ki=`ore-grid`;(0,t.define)(ki,{props:{align:t.prop.string(),areas:t.prop.string(),areas2xl:t.prop.string(),areasLg:t.prop.string(),areasMd:t.prop.string(),areasSm:t.prop.string(),areasXl:t.prop.string(),cols:t.prop.string(),cols2xl:t.prop.string(),colsLg:t.prop.string(),colsMd:t.prop.string(),colsSm:t.prop.string(),colsXl:t.prop.string(),flow:t.prop.string(),fullwidth:t.prop.bool(!1),gap:t.prop.string(),justify:t.prop.string(),minColWidth:t.prop.string(),responsive:t.prop.bool(!1),rows:t.prop.string()},setup(e){let n=(0,t.getHost)(),r=t.watchEffect,i=(e,t,n)=>e===`auto`||!e&&t?`repeat(auto-fit, minmax(${n||`250px`}, 1fr))`:e?`repeat(${e}, 1fr)`:null,a=()=>{let t=n.offsetWidth,r=!!e.responsive.value,a=e.minColWidth.value??``,o;for(let[r,i]of Ti)if(t>=Di(n,i,Oi[i])&&e[r].value){o=e[r].value;break}o||=e.cols.value||void 0;let s=i(o,r,a);s?n.style.setProperty(`--_cols`,s):n.style.removeProperty(`--_cols`)};r(()=>{e.cols.value,e.colsSm.value,e.colsMd.value,e.colsLg.value,e.colsXl.value,e.cols2xl.value,e.responsive.value,e.minColWidth.value,a()});let o=()=>{let t=n.offsetWidth,r=``;for(let[i,a]of Ei)if(t>=Di(n,a,Oi[a])&&e[i].value){r=e[i].value;break}r||=e.areas.value||``,r?n.style.setProperty(`grid-template-areas`,r):n.style.removeProperty(`grid-template-areas`)};return r(()=>{let t=e.rows.value;t&&t!==`auto`?n.style.setProperty(`--_rows`,`repeat(${t}, 1fr)`):n.style.removeProperty(`--_rows`)}),r(()=>{e.areas.value,e.areasSm.value,e.areasMd.value,e.areasLg.value,e.areasXl.value,e.areas2xl.value,o()}),(0,t.onMounted)(()=>{let e=(0,l.resizeObserver)(n);r(()=>{e.value,a(),o()})}),t.html`<slot></slot>`},styles:[wi]});var Ai=`@layer refine.base{:host{--_navbar-height:var(--navbar-height,var(--size-14));--_navbar-width:var(--navbar-width,min(100%, 80rem));--_navbar-offset:var(--navbar-offset,var(--size-3));--_navbar-bg:var(--navbar-bg,var(--color-canvas));--_navbar-color:var(--navbar-color,var(--color-contrast-900));--_navbar-border-color:var(--navbar-border-color,var(--color-divider));--_navbar-shadow:var(--navbar-shadow,var(--shadow-md));--_navbar-radius:var(--navbar-radius,var(--rounded-lg));box-sizing:border-box;width:100%;color:var(--_navbar-color);display:block}:host([data-mode=sticky]){z-index:var(--z-sticky,40);position:sticky;top:0}:host([data-mode=floating]){inset-inline:var(--_navbar-offset);top:var(--_navbar-offset);z-index:var(--z-sticky,40);position:fixed}:host([data-preview-mode][data-mode=floating]){inset-inline:var(--_navbar-offset);position:absolute;top:auto}:host([floating][sticky][data-scrolled]){width:100%;top:0;left:0;right:0}:host([data-preview-mode][floating][sticky][data-scrolled]){width:auto;position:absolute;top:auto;left:0;right:0}:host>nav{flex-direction:column;width:100%;display:flex;position:relative}.navbar{box-sizing:border-box;gap:var(--size-2);width:100%;max-width:var(--_navbar-width);min-height:var(--_navbar-height);padding:var(--size-2) var(--size-4);color:inherit;white-space:nowrap;background:var(--_navbar-bg);border-top:none;border-right:none;border-bottom:var(--border) solid var(--_navbar-border-color);-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transition:var(--_motion-transition,background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal));border-left:none;border-radius:0;flex-wrap:nowrap;align-items:center;margin-left:auto;margin-right:auto;display:flex;overflow:auto hidden}:host([data-mode=floating]) .navbar{border-top:var(--border) solid var(--_navbar-border-color);border-right:var(--border) solid var(--_navbar-border-color);border-bottom:var(--border) solid var(--_navbar-border-color);border-left:var(--border) solid var(--_navbar-border-color);border-radius:var(--_navbar-radius)}:host([data-mode=sticky]) .navbar,:host([floating][sticky][data-scrolled]) .navbar{border-left:none;border-right:none;border-radius:0;max-width:100%}:host([data-mode-transitioning][data-mode=sticky]) .navbar{animation:navbar-floating-to-sticky var(--transition-normal) var(--ease-in-out)}:host([data-mode-transitioning][data-mode=floating]) .navbar{animation:navbar-sticky-to-floating var(--transition-normal) var(--ease-in-out)}.navbar-logo,.navbar-start,.navbar-center,.navbar-end{white-space:nowrap;align-items:center;min-width:0;display:flex}.navbar-logo{flex:none}.navbar-start{gap:var(--size-1);flex:none}.navbar-center{gap:var(--size-1);flex:0 auto;justify-content:flex-start;min-width:0;display:flex}.navbar-end{gap:var(--size-1);flex:none}.navbar-end:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.navbar-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.mobile-toggle{width:var(--size-9);height:var(--size-9);color:var(--color-contrast-700);cursor:pointer;border:var(--border) solid transparent;border-radius:var(--rounded-md);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.mobile-toggle:hover{color:var(--color-contrast-900);background:var(--color-contrast-100);border-color:var(--color-contrast-200)}.mobile-toggle:focus-visible{outline:var(--focus-ring)}.mobile-menu-panel{z-index:1;box-sizing:border-box;width:100%;max-width:var(--_navbar-width);padding:var(--size-2);background:var(--_navbar-bg);border:var(--border) solid var(--_navbar-border-color);border-radius:var(--rounded-lg);box-shadow:var(--_shadow,var(--_navbar-shadow));-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transform-origin:top;animation:navbar-mobile-in var(--transition-fast) var(--ease-out);margin-top:var(--size-2);margin-left:auto;margin-right:auto;display:none;position:relative}:host([data-mobile][data-mobile-open]) .mobile-menu-panel{gap:var(--size-1);display:grid}:host([data-mobile][data-mobile-open][data-mode=floating]) .mobile-menu-panel{margin-top:var(--size-1-5)}:host([data-mobile][data-mobile-open][data-mode=sticky]) .mobile-menu-panel,:host([data-mobile][data-mobile-open][floating][sticky][data-scrolled]) .mobile-menu-panel{z-index:2;border-radius:0 0 var(--rounded-md) var(--rounded-md);border-top:none;border-left:none;border-right:none;max-width:100%;margin:0;position:absolute;top:100%;left:0;right:0}:host([data-mobile]) .mobile-toggle{order:-1;display:inline-flex}:host([data-mobile]) .navbar-start,:host([data-mobile]) .navbar-center,:host([data-mobile]) .navbar-end{display:none}:host([data-mobile][data-mobile-open]) .navbar{border-bottom-right-radius:var(--rounded-md);border-bottom-left-radius:var(--rounded-md)}@starting-style{.mobile-menu-panel{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}@keyframes navbar-mobile-in{0%{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}to{opacity:1;transform:translateY(0)}}@keyframes navbar-floating-to-sticky{0%{opacity:.92;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes navbar-sticky-to-floating{0%{opacity:.95;transform:translateY(-2px)scale(1)}to{opacity:1;transform:translateY(0)scale(.99)}}.item{box-sizing:border-box;gap:var(--size-1);min-height:var(--_touch-target);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--navbar-item-color,var(--color-contrast-700));white-space:nowrap;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.item:hover,.item:focus-visible{color:var(--navbar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--navbar-item-hover-bg,var(--color-contrast-100))}:host([active]) .item{color:var(--navbar-item-active-color,var(--color-primary));background:var(--navbar-item-active-bg,color-mix(in oklch, var(--color-primary) 12%, transparent))}:host([disabled]) .item,:host([disabled]) .item:hover,:host([disabled]) .item:focus-visible{color:var(--color-contrast-400);pointer-events:none;cursor:not-allowed;background:0 0;outline:none}.item-icon,.item-end{align-items:center;display:inline-flex}.item-label{white-space:nowrap;min-width:0}:host([navbar-mobile]){width:100%;display:block}:host([navbar-mobile]) .item{justify-content:flex-start;width:100%;display:flex}}@layer refine.variants{:host([variant=flat]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 88%, transparent);--_navbar-shadow:none}:host([variant=bordered]){--_navbar-bg:var(--color-canvas);--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 32%, transparent)}:host([variant=outline]){--_navbar-bg:transparent;--_navbar-shadow:none;--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 40%, transparent)}:host([variant=glass]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 70%, transparent);--navbar-backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([color]){--_navbar-border-color:color-mix(in oklch, var(--_theme-border) 30%, transparent)}}@media (width<=768px){@layer refine.base{:host([data-mode=floating]){inset-inline:var(--size-2);top:var(--size-2)}:host([floating][sticky][data-scrolled]){top:0;left:0;right:0}}}`,ji=(e,t,n,r)=>e?(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)):()=>{},Mi=e=>!(e instanceof HTMLElement)||e.tagName.includes(`-`)||e.childElementCount>0?!0:(e.textContent??``).trim().length>0,Ni=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},Pi=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},Fi=e=>{let t=Pi(e)?.clientWidth??0;return t>0?t:e.offsetWidth},Ii=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},Li=(0,t.createContext)(`NavbarContext`),Ri=`ore-navbar`;(0,t.define)(Ri,{props:{breakpoint:t.prop.string(`(max-width: 768px)`),color:t.prop.string(),"container-breakpoints":t.prop.bool(!1),elevation:t.prop.number(),floating:t.prop.bool(!1),label:t.prop.string(`Main navigation`),"mobile-sidebar":t.prop.string(),rounded:t.prop.string(),"scroll-threshold":t.prop.number(80),sticky:t.prop.bool(!1),variant:t.prop.string()},setup(e){let n=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=()=>a.has(`logo`).value,s=()=>a.elements(`mobile-menu`).value.some(Mi),c=(0,r.signal)(null),u=(0,r.signal)(!1),d=(0,r.signal)(!1),f=(0,r.signal)(!1),p=(0,r.signal)(!1),m=(0,r.signal)(!1),h=(0,r.signal)(!1),g=(0,r.signal)(0),_=(0,r.signal)(!1),v=(0,r.signal)(!1),y=(0,r.signal)(Ni(e.breakpoint.value)),b=(0,r.signal)(!1),x=()=>{let t=String(e[`mobile-sidebar`].value??``).trim();if(!t)return null;let r=n.getRootNode();return(r instanceof ShadowRoot||r instanceof Document?r.querySelector(t):null)??document.querySelector(t)};(0,t.provide)(Li,{isMobile:(0,r.computed)(()=>f.value),mobileMenuOpen:(0,r.computed)(()=>p.value)});let S=()=>{if(e.floating.value&&e.sticky.value)return h.value?`sticky`:`floating`;if(e.floating.value)return`floating`;if(e.sticky.value)return`sticky`},C=e=>{let t=!!e;if(!s()){let e=c.value??x();if(e){t?e.openMobile?.():e.closeMobile?.();return}}t&&!s()||p.value!==t&&(p.value=t,i(`mobile-menu-change`,{open:t}))},w=()=>C(!1),T=()=>C(!0),E=()=>{if(!s()){let e=c.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(!p.value)},D=()=>{let e=(c.value&&!s()?u.value:!1)||_.value||v.value;f.value=e,e||w()},O=e=>e?e.scrollTop||0:window.scrollY||document.documentElement.scrollTop||0,k=e=>{g.value=O(e)},A=(t=null)=>{if(!(e.floating.value&&e.sticky.value)){h.value&&=!1;return}let n=Math.max(0,Number(e[`scroll-threshold`].value)||0),r=O(t)-g.value;h.value=r>n};return(0,t.bind)({attr:{"data-mobile":()=>f.value?!0:void 0,"data-mobile-open":()=>f.value&&p.value?!0:void 0,"data-mode":()=>S()??null,"data-mode-transitioning":()=>m.value?!0:void 0,"data-preview-mode":()=>b.value?!0:void 0,"data-scrolled":()=>e.floating.value&&e.sticky.value&&h.value?!0:void 0}}),(0,t.onMounted)(()=>{let t=n,i=Ii(n);t.closeMobileMenu=w,t.openMobileMenu=T,t.toggleMobileMenu=E;let a=ji(window,`scroll`,()=>{A(i)},{passive:!0}),o=i?ji(i,`scroll`,()=>{A(i)},{passive:!0}):void 0,f=ji(n,`keydown`,e=>{e.key!==`Escape`||!p.value||w()}),g,C,O,j,M=()=>{C?.(),C=void 0,c.value=null,u.value=!1,d.value=!1;let e=x();if(!e)return;let t=t=>{let n=e.hasAttribute(`data-bottom-nav`),r=e.hasAttribute(`data-mobile-open`);u.value=n,d.value=t?.detail?t.detail.open:r,d.value&&!u.value&&(u.value=!0),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)},c.value=e},N=()=>{m.value=!0,O!=null&&clearTimeout(O),O=setTimeout(()=>{m.value=!1,O=void 0},220)},P=(0,r.watch)((0,r.computed)(()=>e.floating.value&&e.sticky.value),e=>{if(!e){h.value&&=!1,m.value&&=!1,j=void 0,O!=null&&(clearTimeout(O),O=void 0);return}k(i),A(i),j=S()},{immediate:!0}),F=(0,r.watch)(e[`mobile-sidebar`],()=>{M()},{immediate:!0}),I=(0,r.watch)((0,r.computed)(()=>S()),t=>{if(!(e.floating.value&&e.sticky.value)){j=t??void 0;return}let n=t??void 0;j&&n&&j!==n&&N(),j=n},{immediate:!0}),L=(0,r.watch)((0,r.computed)(()=>s()),e=>{!e&&p.value&&w()},{immediate:!0});(0,r.watch)(e.breakpoint,t=>{g?.(),g=void 0;let r=String(t??``).trim();y.value=Ni(r),_.value=!1;let i=Fi(n);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),g=()=>{a.removeEventListener(`change`,s)}},{immediate:!0});let R=typeof ResizeObserver==`function`?(()=>{let e=(0,l.resizeObserver)(n),t=n.parentElement,i=Pi(n),a=t?(0,l.resizeObserver)(t):void 0,o=i&&i!==t?(0,l.resizeObserver)(i):void 0;return(0,r.watch)((0,r.computed)(()=>[e.value.width,e.value.height,a?.value.width,a?.value.height,o?.value.width,o?.value.height]),()=>{let e=Fi(n),t=Pi(n)?.clientWidth??0;v.value=e>0&&y.value!=null?e<=y.value:!1,b.value=t>0&&t<window.innerWidth,D()})})():void 0;return()=>{f?.(),a?.(),o?.(),P?.dispose(),I?.dispose(),L?.dispose(),F?.dispose(),g?.(),C?.(),R?.dispose(),O!=null&&(clearTimeout(O),O=void 0)}}),t.html`
|
|
2490
|
+
`},shadow:{delegatesFocus:!0},styles:[P,w,mi]});var bi=`@layer refine.base{:host{--_bg:var(--box-bg,var(--color-canvas));--_color:var(--box-color,var(--color-contrast-900));--_border-width:var(--box-border,var(--border));--_border-color:var(--box-border-color,var(--color-divider));--_radius:var(--box-radius,var(--rounded-lg));--_padding:var(--box-padding,var(--size-4));--_shadow:var(--box-shadow,var(--shadow-sm));display:block;position:relative}.box{box-sizing:border-box;width:100%;height:100%;padding:var(--_padding);color:var(--_color);background:var(--_bg);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:backdrop-filter var(--transition-fast), box-shadow var(--transition-normal), background var(--transition-normal), border-color var(--transition-normal);position:relative}}@layer refine.variants{:host([color]){--_bg:var(--box-bg,var(--_theme-backdrop));--_border-color:var(--box-border-color,var(--_theme-border))}:host([variant=flat]){--_shadow:none}:host([variant=glass]:not([color])){--_bg:color-mix(in oklch, var(--color-secondary) 20%, transparent);--_border-color:color-mix(in oklch, var(--color-secondary-contrast) 15%, transparent)}:host([variant=glass][color]){--_bg:color-mix(in oklch, var(--_theme-base) 20%, transparent);--_border-color:color-mix(in oklch, var(--_theme-contrast) 15%, transparent);--_color:var(--_theme-content)}:host([variant=glass]) .box{box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([color]:not([variant=glass],[variant=frost]):hover){--_bg:color-mix(in oklch, var(--_theme-base) 16%, var(--color-contrast-50));--_border-color:var(--_theme-focus)}}@layer refine.utilities{:host([fullwidth]){width:100%}}`,xi=`ore-box`;(0,t.define)(xi,{props:{color:t.prop.string(),effect:t.prop.string(),elevation:t.prop.number(),fullwidth:t.prop.bool(),padding:t.prop.string(),rounded:t.prop.string(),variant:t.prop.string()},setup(){return t.html`<div class="box" part="box"><slot></slot></div>`},styles:[...W,U(`.box`),V(`.box`),bi]});var Si=`@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}}`,Ci=`ore-grid-item`;(0,t.define)(Ci,{props:{align:t.prop.string(),area:t.prop.string(),col:t.prop.string(),colSpan:t.prop.string(),justify:t.prop.string(),row:t.prop.string(),rowSpan:t.prop.string()},setup(e){let n=(0,r.computed)(()=>{let t=e.col.value,n=e.colSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)}),i=(0,r.computed)(()=>{let t=e.row.value,n=e.rowSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)});return(0,t.bind)({style:{gridArea:e.area,gridColumn:n,gridRow:i}}),t.html`<slot></slot>`},styles:[Si]});var wi=`@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%}}`,Ti=[[`cols2xl`,`--size-screen-2xl`],[`colsXl`,`--size-screen-xl`],[`colsLg`,`--size-screen-lg`],[`colsMd`,`--size-screen-md`],[`colsSm`,`--size-screen-sm`]],Ei=[[`areas2xl`,`--size-screen-2xl`],[`areasXl`,`--size-screen-xl`],[`areasLg`,`--size-screen-lg`],[`areasMd`,`--size-screen-md`],[`areasSm`,`--size-screen-sm`]],Di=(e,t,n)=>{let r=getComputedStyle(e).getPropertyValue(t).trim(),i=Number.parseFloat(r);return Number.isFinite(i)?i:n},Oi={"--size-screen-2xl":1536,"--size-screen-lg":1024,"--size-screen-md":768,"--size-screen-sm":640,"--size-screen-xl":1280},ki=`ore-grid`;(0,t.define)(ki,{props:{align:t.prop.string(),areas:t.prop.string(),areas2xl:t.prop.string(),areasLg:t.prop.string(),areasMd:t.prop.string(),areasSm:t.prop.string(),areasXl:t.prop.string(),cols:t.prop.string(),cols2xl:t.prop.string(),colsLg:t.prop.string(),colsMd:t.prop.string(),colsSm:t.prop.string(),colsXl:t.prop.string(),flow:t.prop.string(),fullwidth:t.prop.bool(!1),gap:t.prop.string(),justify:t.prop.string(),minColWidth:t.prop.string(),responsive:t.prop.bool(!1),rows:t.prop.string()},setup(e){let n=(0,t.getHost)(),r=t.watchEffect,i=(e,t,n)=>e===`auto`||!e&&t?`repeat(auto-fit, minmax(${n||`250px`}, 1fr))`:e?`repeat(${e}, 1fr)`:null,a=()=>{let t=n.offsetWidth,r=!!e.responsive.value,a=e.minColWidth.value??``,o;for(let[r,i]of Ti)if(t>=Di(n,i,Oi[i])&&e[r].value){o=e[r].value;break}o||=e.cols.value||void 0;let s=i(o,r,a);s?n.style.setProperty(`--_cols`,s):n.style.removeProperty(`--_cols`)};r(()=>{e.cols.value,e.colsSm.value,e.colsMd.value,e.colsLg.value,e.colsXl.value,e.cols2xl.value,e.responsive.value,e.minColWidth.value,a()});let o=()=>{let t=n.offsetWidth,r=``;for(let[i,a]of Ei)if(t>=Di(n,a,Oi[a])&&e[i].value){r=e[i].value;break}r||=e.areas.value||``,r?n.style.setProperty(`grid-template-areas`,r):n.style.removeProperty(`grid-template-areas`)};return r(()=>{let t=e.rows.value;t&&t!==`auto`?n.style.setProperty(`--_rows`,`repeat(${t}, 1fr)`):n.style.removeProperty(`--_rows`)}),r(()=>{e.areas.value,e.areasSm.value,e.areasMd.value,e.areasLg.value,e.areasXl.value,e.areas2xl.value,o()}),(0,t.onMounted)(()=>{let e=(0,l.resizeObserver)(n);r(()=>{e.value,a(),o()})}),t.html`<slot></slot>`},styles:[wi]});var Ai=`@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{gap:var(--size-1);display:grid}:host([data-mobile][data-mobile-open][data-mode=floating]) .mobile-menu-panel{margin-top:var(--size-1-5)}:host([data-mobile][data-mobile-open][data-mode=sticky]) .mobile-menu-panel,:host([data-mobile][data-mobile-open][floating][sticky][data-scrolled]) .mobile-menu-panel{z-index:2;border-radius:0 0 var(--rounded-md) var(--rounded-md);border-top:none;border-left:none;border-right:none;max-width:100%;margin:0;position:absolute;top:100%;left:0;right:0}:host([data-mobile]) .mobile-toggle{order:-1;display:inline-flex}:host([data-mobile]) .navbar-start,:host([data-mobile]) .navbar-center,:host([data-mobile]) .navbar-end{display:none}:host([data-mobile][data-mobile-open]) .navbar{border-bottom-right-radius:var(--rounded-md);border-bottom-left-radius:var(--rounded-md)}@starting-style{.mobile-menu-panel{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}@keyframes navbar-mobile-in{0%{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}to{opacity:1;transform:translateY(0)}}@keyframes navbar-floating-to-sticky{0%{opacity:.92;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes navbar-sticky-to-floating{0%{opacity:.95;transform:translateY(-2px)scale(1)}to{opacity:1;transform:translateY(0)scale(.99)}}.item{box-sizing:border-box;gap:var(--size-1);min-height:var(--_touch-target);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--navbar-item-color,var(--color-contrast-700));white-space:nowrap;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.item:hover,.item:focus-visible{color:var(--navbar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--navbar-item-hover-bg,var(--color-contrast-100))}:host([active]) .item{color:var(--navbar-item-active-color,var(--color-primary));background:var(--navbar-item-active-bg,color-mix(in oklch, var(--color-primary) 12%, transparent))}:host([disabled]) .item,:host([disabled]) .item:hover,:host([disabled]) .item:focus-visible{color:var(--color-contrast-400);pointer-events:none;cursor:not-allowed;background:0 0;outline:none}.item-icon,.item-end{align-items:center;display:inline-flex}.item-label{white-space:nowrap;min-width:0}:host([navbar-mobile]){width:100%;display:block}:host([navbar-mobile]) .item{justify-content:flex-start;width:100%;display:flex}}@layer refine.variants{:host([variant=flat]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 88%, transparent);--_navbar-shadow:none}:host([variant=bordered]){--_navbar-bg:var(--color-canvas);--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 32%, transparent)}:host([variant=outline]){--_navbar-bg:transparent;--_navbar-shadow:none;--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 40%, transparent)}:host([variant=glass]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 70%, transparent);--navbar-backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([color]){--_navbar-border-color:color-mix(in oklch, var(--_theme-border) 30%, transparent)}}@media (width<=768px){@layer refine.base{:host([data-mode=floating]){inset-inline:var(--size-2);top:var(--size-2)}:host([floating][sticky][data-scrolled]){top:0;left:0;right:0}}}`,ji=(e,t,n,r)=>e?(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)):()=>{},Mi=e=>!(e instanceof HTMLElement)||e.tagName.includes(`-`)||e.childElementCount>0?!0:(e.textContent??``).trim().length>0,Ni=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},Pi=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},Fi=e=>{let t=Pi(e)?.clientWidth??0;return t>0?t:e.offsetWidth},Ii=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},Li=(0,t.createContext)(`NavbarContext`),Ri=`ore-navbar`;(0,t.define)(Ri,{props:{breakpoint:t.prop.string(`(max-width: 768px)`),color:t.prop.string(),"container-breakpoints":t.prop.bool(!1),elevation:t.prop.number(),floating:t.prop.bool(!1),label:t.prop.string(`Main navigation`),"mobile-sidebar":t.prop.string(),rounded:t.prop.string(),"scroll-threshold":t.prop.number(80),sticky:t.prop.bool(!1),variant:t.prop.string()},setup(e){let n=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=()=>a.has(`logo`).value,s=()=>a.elements(`mobile-menu`).value.some(Mi),c=(0,r.signal)(null),u=(0,r.signal)(!1),d=(0,r.signal)(!1),f=(0,r.signal)(!1),p=(0,r.signal)(!1),m=(0,r.signal)(!1),h=(0,r.signal)(!1),g=(0,r.signal)(0),_=(0,r.signal)(!1),v=(0,r.signal)(!1),y=(0,r.signal)(Ni(e.breakpoint.value)),b=(0,r.signal)(!1),x=()=>{let t=String(e[`mobile-sidebar`].value??``).trim();if(!t)return null;let r=n.getRootNode();return(r instanceof ShadowRoot||r instanceof Document?r.querySelector(t):null)??document.querySelector(t)};(0,t.provide)(Li,{isMobile:(0,r.computed)(()=>f.value),mobileMenuOpen:(0,r.computed)(()=>p.value)});let S=()=>{if(e.floating.value&&e.sticky.value)return h.value?`sticky`:`floating`;if(e.floating.value)return`floating`;if(e.sticky.value)return`sticky`},C=e=>{let t=!!e;if(!s()){let e=c.value??x();if(e){t?e.openMobile?.():e.closeMobile?.();return}}t&&!s()||p.value!==t&&(p.value=t,i(`mobile-menu-change`,{open:t}))},w=()=>C(!1),T=()=>C(!0),E=()=>{if(!s()){let e=c.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(!p.value)},D=()=>{let e=(c.value&&!s()?u.value:!1)||_.value||v.value;f.value=e,e||w()},O=e=>e?e.scrollTop||0:window.scrollY||document.documentElement.scrollTop||0,k=e=>{g.value=O(e)},A=(t=null)=>{if(!(e.floating.value&&e.sticky.value)){h.value&&=!1;return}let n=Math.max(0,Number(e[`scroll-threshold`].value)||0),r=O(t)-g.value;h.value=r>n};return(0,t.bind)({attr:{"data-mobile":()=>f.value?!0:void 0,"data-mobile-open":()=>f.value&&p.value?!0:void 0,"data-mode":()=>S()??null,"data-mode-transitioning":()=>m.value?!0:void 0,"data-preview-mode":()=>b.value?!0:void 0,"data-scrolled":()=>e.floating.value&&e.sticky.value&&h.value?!0:void 0}}),(0,t.onMounted)(()=>{let t=n,i=Ii(n);t.closeMobileMenu=w,t.openMobileMenu=T,t.toggleMobileMenu=E;let a=ji(window,`scroll`,()=>{A(i)},{passive:!0}),o=i?ji(i,`scroll`,()=>{A(i)},{passive:!0}):void 0,f=ji(n,`keydown`,e=>{e.key!==`Escape`||!p.value||w()}),g,C,O,j,M=()=>{C?.(),C=void 0,c.value=null,u.value=!1,d.value=!1;let e=x();if(!e)return;let t=t=>{let n=e.hasAttribute(`data-bottom-nav`),r=e.hasAttribute(`data-mobile-open`);u.value=n,d.value=t?.detail?t.detail.open:r,d.value&&!u.value&&(u.value=!0),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)},c.value=e},N=()=>{m.value=!0,O!=null&&clearTimeout(O),O=setTimeout(()=>{m.value=!1,O=void 0},220)},P=(0,r.watch)((0,r.computed)(()=>e.floating.value&&e.sticky.value),e=>{if(!e){h.value&&=!1,m.value&&=!1,j=void 0,O!=null&&(clearTimeout(O),O=void 0);return}k(i),A(i),j=S()},{immediate:!0}),F=(0,r.watch)(e[`mobile-sidebar`],()=>{M()},{immediate:!0}),I=(0,r.watch)((0,r.computed)(()=>S()),t=>{if(!(e.floating.value&&e.sticky.value)){j=t??void 0;return}let n=t??void 0;j&&n&&j!==n&&N(),j=n},{immediate:!0}),L=(0,r.watch)((0,r.computed)(()=>s()),e=>{!e&&p.value&&w()},{immediate:!0});(0,r.watch)(e.breakpoint,t=>{g?.(),g=void 0;let r=String(t??``).trim();y.value=Ni(r),_.value=!1;let i=Fi(n);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),g=()=>{a.removeEventListener(`change`,s)}},{immediate:!0});let R=typeof ResizeObserver==`function`?(()=>{let e=(0,l.resizeObserver)(n),t=n.parentElement,i=Pi(n),a=t?(0,l.resizeObserver)(t):void 0,o=i&&i!==t?(0,l.resizeObserver)(i):void 0;return(0,r.watch)((0,r.computed)(()=>[e.value.width,e.value.height,a?.value.width,a?.value.height,o?.value.width,o?.value.height]),()=>{let e=Fi(n),t=Pi(n)?.clientWidth??0;v.value=e>0&&y.value!=null?e<=y.value:!1,b.value=t>0&&t<window.innerWidth,D()})})():void 0;return()=>{f?.(),a?.(),o?.(),P?.dispose(),I?.dispose(),L?.dispose(),F?.dispose(),g?.(),C?.(),R?.dispose(),O!=null&&(clearTimeout(O),O=void 0)}}),t.html`
|
|
2494
2491
|
<nav part="nav" aria-label="${e.label}">
|
|
2495
2492
|
<div class="navbar" part="bar">
|
|
2496
2493
|
<div class="navbar-logo" part="logo" ?hidden=${()=>!o()}>
|
|
@@ -2556,7 +2553,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2556
2553
|
${l()}
|
|
2557
2554
|
</a>
|
|
2558
2555
|
`:e.disabled.value?t.html`<div class="item" part="item" tabindex="-1" aria-disabled="true">${l()}</div>`:t.html`<button class="item" part="item" type="button">${l()}</button>`}
|
|
2559
|
-
`},styles:[C,Ai]});var Bi=`@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}}`,Vi=`@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}}`,Hi=`.sidebar-logo[hidden]{min-width:0!important;min-height:0!important;margin:0!important;display:none!important}@layer refine.base{:host{--_sidebar-width:var(--sidebar-width,16rem);--_sidebar-collapsed-width:var(--sidebar-collapsed-width,3.5rem);--_sidebar-transition:var(--transition-normal);--_panel-bg:var(--sidebar-bg,var(--color-canvas));--_panel-blur:var(--sidebar-panel-blur,var(--blur-md));--_panel-border-color:var(--sidebar-border-color,var(--color-divider));--_panel-radius:var(--sidebar-radius,var(--rounded-lg));--_panel-shadow:var(--sidebar-shadow,var(--shadow-md));box-sizing:border-box;width:100%;min-width:var(--size-2xs);max-width:var(--_sidebar-width);height:100%;min-height:0;transition:max-width var(--_sidebar-transition), min-width var(--_sidebar-transition);will-change:max-width;display:block;overflow:visible}:host>nav{box-sizing:border-box;background:var(--_panel-bg);width:100%;height:100%;min-height:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));flex-direction:column;display:flex;position:relative;overflow:hidden}:host>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_panel-border-color)}:host>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_panel-border-color)}.mobile-backdrop{z-index:calc(var(--z-sticky,40) + 1);background:color-mix(in oklch, var(--color-contrast-950) 36%, transparent);border:0;width:100%;height:100%;display:none;position:absolute;inset:0}:host([data-bottom-nav][data-mobile-open]) .mobile-backdrop{z-index:calc(var(--z-sticky,40) + 1);width:100vw;height:100dvh;display:block;position:fixed;inset:0}:host([data-preview-mode][data-bottom-nav][data-mobile-open]) .mobile-backdrop{width:100%;height:100%;position:absolute;inset:0}:host([data-no-transition]),:host([data-no-transition])>nav{transition:none!important}:host([data-collapsed]){min-width:var(--_sidebar-collapsed-width);max-width:var(--_sidebar-collapsed-width)}:host([data-bottom-nav]){z-index:calc(var(--z-sticky,40) + 2);width:100%;min-width:0;max-width:100%;height:var(--sidebar-bottom-nav-height,3.75rem);pointer-events:auto;position:fixed;bottom:0;left:0;right:0}:host([data-preview-mode][data-bottom-nav]){pointer-events:none;width:auto;height:auto;position:absolute;inset:0}:host([data-bottom-nav])>nav{z-index:calc(var(--z-sticky,40) + 3);width:min(var(--_sidebar-width), 85vw);max-width:85vw;max-height:100dvh;transition:transform var(--transition-normal);position:fixed;top:0;bottom:0;transform:translate(-104%)}:host([data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([data-preview-mode][data-bottom-nav])>nav{z-index:calc(var(--z-sticky,40) + 3);pointer-events:auto;max-height:100%;position:absolute;top:0;bottom:0}:host([data-preview-mode][data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([data-preview-mode][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host(:dir(rtl)[data-bottom-nav])>nav{transform:translate(104%)}:host([data-bottom-nav][data-mobile-open])>nav{transform:translate(0)}.bottom-bar{gap:var(--size-1);width:100%;height:100%;padding:var(--size-1);pointer-events:none;background:var(--_panel-bg);border-top:var(--border) solid var(--_panel-border-color);box-shadow:var(--shadow-sm);opacity:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity var(--_sidebar-transition), transform var(--_sidebar-transition), display var(--_sidebar-transition) allow-discrete;justify-content:space-around;align-items:stretch;display:flex;transform:translateY(100%)}:host([data-bottom-nav]) .bottom-bar{pointer-events:auto;opacity:1;transform:translateY(0)}:host([data-preview-mode][data-bottom-nav]) .bottom-bar{z-index:calc(var(--z-sticky,40) + 2);height:var(--sidebar-bottom-nav-height,3.75rem);position:absolute;bottom:0;left:0;right:0}:host([data-bottom-nav][data-mobile-open]) .bottom-bar{z-index:calc(var(--z-sticky,40) + 1);pointer-events:none;opacity:0;transform:translateY(100%)}.bottom-tab{all:unset;box-sizing:border-box;gap:var(--size-0-5);min-width:0;padding:var(--size-1) var(--size-1-5);color:var(--sidebar-item-color,var(--color-contrast-700));cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.bottom-tab:hover,.bottom-tab:focus-visible{color:var(--sidebar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--sidebar-item-hover-bg,var(--color-contrast-100))}.bottom-tab:disabled{color:var(--sidebar-item-disabled-color,var(--color-contrast-400));cursor:not-allowed;opacity:.7}.bottom-tab-active,.bottom-tab[data-active=true]{color:var(--sidebar-item-active-color,var(--color-primary));background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)))}.bottom-tab-active:before,.bottom-tab[data-active=true]:before{display:none}.bottom-tab-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.bottom-tab-label{text-overflow:ellipsis;min-width:0;font-size:var(--text-xs);white-space:nowrap;overflow:hidden}.sidebar-header{gap:var(--size-2);min-height:var(--size-6);padding:var(--size-4);border-bottom:var(--border) solid var(--color-contrast-200);justify-content:space-between;align-items:center;display:flex}.sidebar-header .sidebar-header-content{flex:1;min-width:0;display:block;overflow:hidden}:host([data-collapsed]) .sidebar-header{gap:var(--size-2);min-height:unset;padding-block:var(--size-2);padding-inline:var(--size-2);flex-direction:column;justify-content:flex-start;align-items:center}:host([data-collapsed]) .sidebar-header .sidebar-header-content{display:none!important}.sidebar-logo{min-width:var(--size-8);min-height:var(--size-8);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--size-2)}.sidebar-logo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-2)}.sidebar-logo:empty{display:none!important}:host([data-collapsed]) .sidebar-logo{margin-block:var(--size-1)}:host([data-collapsed]) .sidebar-logo:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}:host([data-collapsed]) .sidebar-logo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:0}.sidebar-content{gap:var(--size-2);min-width:0;padding:var(--size-4);scrollbar-width:thin;flex:1;grid-template-columns:minmax(0,1fr);align-content:start;display:grid;overflow:clip auto}.sidebar-footer{padding:var(--size-4);border-top:var(--border) solid var(--color-contrast-200);flex-shrink:0}.toggle-btn{all:unset;box-sizing:border-box;width:var(--size-8);height:var(--size-8);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:color var(--transition-fast), background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.toggle-btn:hover{color:var(--color-contrast-800);background:var(--color-contrast-200)}.toggle-btn:focus-visible{outline:var(--focus-ring)}.toggle-icon{transition:var(--_motion-transition,transform var(--_sidebar-transition));justify-content:center;align-items:center;display:flex}:host([data-collapsed]) .toggle-icon{transform:rotate(180deg)}:host([data-bottom-nav]) .toggle-btn{display:none}:host(:not([dir=rtl])[data-collapsed]) .toggle-icon,:host(:dir(ltr)[data-collapsed]) .toggle-icon,:host(:dir(rtl)) .toggle-icon{transform:rotate(180deg)}:host(:dir(rtl)[data-collapsed]) .toggle-icon{transform:rotate(0)}}@layer refine.variants{:host([variant=floating]){height:calc(100% - var(--size-6));margin:var(--size-3);--_panel-radius:var(--rounded-lg)}:host([variant=floating])>nav{border:var(--border) solid var(--_panel-border-color);border-radius:var(--_panel-radius)}:host([variant=floating][data-bottom-nav]){bottom:var(--size-2);inset-inline:var(--size-2);width:auto;max-width:none}:host([variant=floating][data-preview-mode][data-bottom-nav]){inset:var(--size-2)}:host([variant=floating][data-bottom-nav]) .bottom-bar{border:var(--border) solid var(--_panel-border-color);border-radius:var(--_panel-radius);box-shadow:var(--_panel-shadow)}:host([variant=floating][data-bottom-nav])>nav{top:var(--size-2)}:host([variant=floating][data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-2)}:host([variant=floating][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-2)}:host([variant=floating][data-preview-mode][data-bottom-nav]) .bottom-bar{bottom:var(--size-2);inset-inline:var(--size-2);width:auto}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav{top:var(--size-1)}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-1)}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-1)}:host([variant=inset]){--_panel-bg:var(--color-contrast-50);--_panel-shadow:none;--_panel-border-color:transparent}}`,Ui=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},Wi=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},Gi=e=>{let t=Wi(e)?.clientWidth??0;return t>0?t:e.offsetWidth},Ki=(0,t.createContext)(`SidebarContext`),qi=`ore-sidebar`;(0,t.define)(qi,{props:{"bottom-nav-at":t.prop.string(),collapsed:t.prop.bool(!1),collapsible:t.prop.bool(!1),"container-breakpoints":t.prop.bool(!1),"default-collapsed":t.prop.bool(!1),label:t.prop.string(`Sidebar navigation`),responsive:t.prop.string(),variant:t.prop.string()},setup(e){let n=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=()=>a.has(`header`).value,s=()=>a.has(`footer`).value,c=()=>a.has(`logo`).value,u=(0,r.signal)(n.hasAttribute(`collapsed`)),d=(0,r.signal)(u.value?n.hasAttribute(`collapsed`):e[`default-collapsed`].value),f=(0,r.signal)(!1),p=(0,r.signal)(!1),m=(0,r.signal)([]),h=(0,r.signal)(!1),g=(0,r.signal)(!1),_=(0,r.signal)(Ui(e.responsive.value)),v=(0,r.signal)(!!String(e.responsive.value??``).trim()),y=(0,r.signal)(!1),b=(0,r.signal)(!1),x=(0,r.signal)(Ui(e[`bottom-nav-at`].value)),S=(0,r.signal)(!1),C=()=>d.value,w=(0,r.computed)(()=>f.value?`bottom-nav`:d.value?`collapsed`:`default`),T=()=>{let t=e[`container-breakpoints`].value,n=t?g.value:h.value||g.value,r=t?b.value:y.value||b.value;p.value||(f.value=r),!r&&!p.value&&O(!1,`responsive`),v.value&&D(n,`responsive`)},E=()=>{let e=a.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}});m.value=e};(0,t.provide)(Ki,{collapsed:(0,r.computed)(()=>!f.value&&d.value),mobileOpen:(0,r.computed)(()=>f.value&&p.value),mode:w,variant:e.variant});let D=(e,t)=>{C()!==e&&(u.value||(d.value=e),i(`collapsed-change`,{collapsed:e,source:t}))},O=(e,t)=>{let n=!!e;if(n&&!f.value&&(f.value=!0),!f.value&&!n){p.value&&=!1;return}p.value!==n&&(p.value=n,n||T(),i(`mobile-open-change`,{open:n,source:t}))},k=()=>{D(!C(),`toggle`)},A=n;return A.setCollapsed=e=>D(!!e,`api`),A.toggle=k,A.openMobile=()=>O(!0,`api`),A.closeMobile=()=>O(!1,`api`),A.toggleMobile=()=>O(!p.value,`toggle`),(0,t.bind)({attr:{"data-bottom-nav":()=>f.value?!0:void 0,"data-collapsed":()=>C()&&!f.value?!0:void 0,"data-mobile-open":()=>f.value&&p.value?!0:void 0,"data-preview-mode":()=>S.value?!0:void 0}}),(0,t.onMounted)(()=>{n.setAttribute(`data-no-transition`,``);let t=!1,i=()=>{t||(t=!0,n.removeAttribute(`data-no-transition`))};requestAnimationFrame(()=>requestAnimationFrame(i));let o,s,c=new Map,p=new MutationObserver(()=>{!n.hasAttribute(`collapsed`)&&!u.value||(u.value=!0,d.value=n.hasAttribute(`collapsed`))});p.observe(n,{attributeFilter:[`collapsed`],attributes:!0}),(0,r.watch)(e.responsive,t=>{o?.(),o=void 0;let r=String(t??``).trim();v.value=!!r,_.value=Ui(r),h.value=!1;let i=Gi(n);if(g.value=i>0&&_.value!=null?i<=_.value:!1,T(),e[`container-breakpoints`].value&&_.value!=null||!r||typeof window.matchMedia!=`function`)return;let a=window.matchMedia(r),s=e=>{h.value=e.matches,T()};h.value=a.matches,T(),a.addEventListener(`change`,s),o=()=>{a.removeEventListener(`change`,s)}},{immediate:!0}),(0,r.watch)(e[`bottom-nav-at`],t=>{s?.(),s=void 0;let r=String(t??``).trim();x.value=Ui(r),y.value=!1;let i=Gi(n);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),o=e=>{y.value=e.matches,T()};y.value=a.matches,T(),a.addEventListener(`change`,o),s=()=>{a.removeEventListener(`change`,o)}},{immediate:!0});let m=typeof ResizeObserver==`function`?(()=>{let e=(0,l.resizeObserver)(n),t=n.parentElement,a=Wi(n),o=t?(0,l.resizeObserver)(t):void 0,s=a&&a!==t?(0,l.resizeObserver)(a):void 0,c;return(0,r.watch)((0,r.computed)(()=>[e.value.width,e.value.height,o?.value.width,o?.value.height,s?.value.width,s?.value.height]),()=>{c!==void 0&&cancelAnimationFrame(c),c=requestAnimationFrame(()=>{let e=Wi(n),t=Gi(n),r=g.value,a=b.value,o=e?.clientWidth??0;S.value=o>0&&o<window.innerWidth,g.value=t>0&&_.value!=null?t<=_.value:!1,b.value=t>0&&x.value!=null?t<=x.value:!1,(r!==g.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(()=>{f.value&&E()});e.observe(t,{attributeFilter:[`active`,`disabled`,`href`],attributes:!0}),c.set(t,e)}};return(0,r.watch)(a.elements(),e=>{let t=e.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`);C(t),E()},{immediate:!0}),()=>{p.disconnect(),o?.(),s?.(),m?.dispose();for(let e of c.values())e.disconnect();c.clear()}}),t.html`
|
|
2556
|
+
`},styles:[C,Ai]});var Bi=`@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}}`,Vi=`@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}}`,Hi=`.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}}`,Ui=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},Wi=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},Gi=e=>{let t=Wi(e)?.clientWidth??0;return t>0?t:e.offsetWidth},Ki=(0,t.createContext)(`SidebarContext`),qi=`ore-sidebar`;(0,t.define)(qi,{props:{"bottom-nav-at":t.prop.string(),collapsed:t.prop.bool(!1),collapsible:t.prop.bool(!1),"container-breakpoints":t.prop.bool(!1),"default-collapsed":t.prop.bool(!1),label:t.prop.string(`Sidebar navigation`),responsive:t.prop.string(),variant:t.prop.string()},setup(e){let n=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=()=>a.has(`header`).value,s=()=>a.has(`footer`).value,c=()=>a.has(`logo`).value,u=(0,r.signal)(n.hasAttribute(`collapsed`)),d=(0,r.signal)(u.value?n.hasAttribute(`collapsed`):e[`default-collapsed`].value),f=(0,r.signal)(!1),p=(0,r.signal)(!1),m=(0,r.signal)([]),h=(0,r.signal)(!1),g=(0,r.signal)(!1),_=(0,r.signal)(Ui(e.responsive.value)),v=(0,r.signal)(!!String(e.responsive.value??``).trim()),y=(0,r.signal)(!1),b=(0,r.signal)(!1),x=(0,r.signal)(Ui(e[`bottom-nav-at`].value)),S=(0,r.signal)(!1),C=()=>d.value,w=(0,r.computed)(()=>f.value?`bottom-nav`:d.value?`collapsed`:`default`),T=()=>{let t=e[`container-breakpoints`].value,n=t?g.value:h.value||g.value,r=t?b.value:y.value||b.value;p.value||(f.value=r),!r&&!p.value&&O(!1,`responsive`),v.value&&D(n,`responsive`)},E=()=>{let e=a.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}});m.value=e};(0,t.provide)(Ki,{collapsed:(0,r.computed)(()=>!f.value&&d.value),mobileOpen:(0,r.computed)(()=>f.value&&p.value),mode:w,variant:e.variant});let D=(e,t)=>{C()!==e&&(u.value||(d.value=e),i(`collapsed-change`,{collapsed:e,source:t}))},O=(e,t)=>{let n=!!e;if(n&&!f.value&&(f.value=!0),!f.value&&!n){p.value&&=!1;return}p.value!==n&&(p.value=n,n||T(),i(`mobile-open-change`,{open:n,source:t}))},k=()=>{D(!C(),`toggle`)},A=n;return A.setCollapsed=e=>D(!!e,`api`),A.toggle=k,A.openMobile=()=>O(!0,`api`),A.closeMobile=()=>O(!1,`api`),A.toggleMobile=()=>O(!p.value,`toggle`),(0,t.bind)({attr:{"data-bottom-nav":()=>f.value?!0:void 0,"data-collapsed":()=>C()&&!f.value?!0:void 0,"data-mobile-open":()=>f.value&&p.value?!0:void 0,"data-preview-mode":()=>S.value?!0:void 0}}),(0,t.onMounted)(()=>{n.setAttribute(`data-no-transition`,``);let t=!1,i=()=>{t||(t=!0,n.removeAttribute(`data-no-transition`))};requestAnimationFrame(()=>requestAnimationFrame(i));let o,s,c=new Map,p=new MutationObserver(()=>{!n.hasAttribute(`collapsed`)&&!u.value||(u.value=!0,d.value=n.hasAttribute(`collapsed`))});p.observe(n,{attributeFilter:[`collapsed`],attributes:!0}),(0,r.watch)(e.responsive,t=>{o?.(),o=void 0;let r=String(t??``).trim();v.value=!!r,_.value=Ui(r),h.value=!1;let i=Gi(n);if(g.value=i>0&&_.value!=null?i<=_.value:!1,T(),e[`container-breakpoints`].value&&_.value!=null||!r||typeof window.matchMedia!=`function`)return;let a=window.matchMedia(r),s=e=>{h.value=e.matches,T()};h.value=a.matches,T(),a.addEventListener(`change`,s),o=()=>{a.removeEventListener(`change`,s)}},{immediate:!0}),(0,r.watch)(e[`bottom-nav-at`],t=>{s?.(),s=void 0;let r=String(t??``).trim();x.value=Ui(r),y.value=!1;let i=Gi(n);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),o=e=>{y.value=e.matches,T()};y.value=a.matches,T(),a.addEventListener(`change`,o),s=()=>{a.removeEventListener(`change`,o)}},{immediate:!0});let m=typeof ResizeObserver==`function`?(()=>{let e=(0,l.resizeObserver)(n),t=n.parentElement,a=Wi(n),o=t?(0,l.resizeObserver)(t):void 0,s=a&&a!==t?(0,l.resizeObserver)(a):void 0,c;return(0,r.watch)((0,r.computed)(()=>[e.value.width,e.value.height,o?.value.width,o?.value.height,s?.value.width,s?.value.height]),()=>{c!==void 0&&cancelAnimationFrame(c),c=requestAnimationFrame(()=>{let e=Wi(n),t=Gi(n),r=g.value,a=b.value,o=e?.clientWidth??0;S.value=o>0&&o<window.innerWidth,g.value=t>0&&_.value!=null?t<=_.value:!1,b.value=t>0&&x.value!=null?t<=x.value:!1,(r!==g.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(()=>{f.value&&E()});e.observe(t,{attributeFilter:[`active`,`disabled`,`href`],attributes:!0}),c.set(t,e)}};return(0,r.watch)(a.elements(),e=>{let t=e.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`);C(t),E()},{immediate:!0}),()=>{p.disconnect(),o?.(),s?.(),m?.dispose();for(let e of c.values())e.disconnect();c.clear()}}),t.html`
|
|
2560
2557
|
<button
|
|
2561
2558
|
class="mobile-backdrop"
|
|
2562
2559
|
part="mobile-backdrop"
|
|
@@ -2793,7 +2790,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2793
2790
|
</div>
|
|
2794
2791
|
</div>
|
|
2795
2792
|
</dialog>
|
|
2796
|
-
`},styles:[F,I,C,w,ca]});var da=`@layer refine.base{:host{--_menu-color:var(--menu-item-color,var(--_theme-base,var(--color-primary)));--_hover-bg:var(--menu-item-hover-bg,var(--color-contrast-100));--_focus-color:var(--menu-item-focus-color,var(--_menu-color));--_focus-bg:var(--menu-item-focus-bg,color-mix(in oklch, var(--_menu-color) 12%, var(--color-contrast-100)));--_selection-bg:var(--menu-item-selection-bg,color-mix(in oklch, var(--color-contrast-900) 5%, var(--color-canvas)));--_checked-color:var(--menu-item-checked-color,var(--_menu-color));--_checked-bg:var(--menu-item-checked-bg,color-mix(in oklch, var(--_menu-color) 18%, var(--color-canvas)));outline:none;display:block}.item{gap:var(--size-2);padding:var(--size-1-5) var(--size-3);font-size:var(--text-sm);line-height:var(--leading-normal);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast), color var(--transition-fast);border-radius:0;align-items:center;display:flex}:host(:first-of-type) .item{border-radius:var(--rounded-sm) var(--rounded-sm) 0 0}:host(:last-child) .item{border-radius:0 0 var(--rounded-sm) var(--rounded-sm)}:host(:first-of-type:last-child) .item{border-radius:var(--rounded-sm)}:host(:not([disabled])) .item:hover{background:var(--_hover-bg)}:host(:focus-visible) .item{color:var(--_focus-color);background:var(--_focus-bg)}.item.is-checked{font-weight:var(--font-medium);color:var(--_checked-color)}:host([disabled]) .item{color:var(--color-contrast-400);pointer-events:none;cursor:not-allowed;opacity:.6}.icon-slot{display:contents}.item-check{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;display:inline-flex}.item-check:before{content:"";width:.875rem;height:.875rem;transition:background var(--transition-fast), border-color var(--transition-fast);border:1.5px solid;display:block}.item.is-checkbox .item-check:before{border-radius:2px}.item.is-radio .item-check:before{border-radius:50%}.item.is-checked .item-check:before{background:currentColor}.item.is-radio.is-checked .item-check:before{background:0 0;box-shadow:inset 0 0 0 3px}.item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}}@media (pointer:coarse){.item{padding:var(--size-2-5) var(--size-3)}}`,fa=`@layer refine.base{:host{margin:var(--size-1) 0;border-top:var(--border) solid var(--color-contrast-200);display:block}}`,pa=`@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
|
|
2793
|
+
`},styles:[F,I,C,w,ca]});var da=`@layer refine.base{:host{--_menu-color:var(--menu-item-color,var(--_theme-base,var(--color-primary)));--_hover-bg:var(--menu-item-hover-bg,var(--color-contrast-100));--_focus-color:var(--menu-item-focus-color,var(--_menu-color));--_focus-bg:var(--menu-item-focus-bg,color-mix(in oklch, var(--_menu-color) 12%, var(--color-contrast-100)));--_selection-bg:var(--menu-item-selection-bg,color-mix(in oklch, var(--color-contrast-900) 5%, var(--color-canvas)));--_checked-color:var(--menu-item-checked-color,var(--_menu-color));--_checked-bg:var(--menu-item-checked-bg,color-mix(in oklch, var(--_menu-color) 18%, var(--color-canvas)));outline:none;display:block}.item{gap:var(--size-2);padding:var(--size-1-5) var(--size-3);font-size:var(--text-sm);line-height:var(--leading-normal);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast), color var(--transition-fast);border-radius:0;align-items:center;display:flex}:host(:first-of-type) .item{border-radius:var(--rounded-sm) var(--rounded-sm) 0 0}:host(:last-child) .item{border-radius:0 0 var(--rounded-sm) var(--rounded-sm)}:host(:first-of-type:last-child) .item{border-radius:var(--rounded-sm)}:host(:not([disabled])) .item:hover{background:var(--_hover-bg)}:host(:focus-visible) .item{color:var(--_focus-color);background:var(--_focus-bg)}.item.is-checked{font-weight:var(--font-medium);color:var(--_checked-color)}:host([disabled]) .item{color:var(--color-contrast-400);pointer-events:none;cursor:not-allowed;opacity:.6}.icon-slot{display:contents}.item-check{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;display:inline-flex}.item-check:before{content:"";width:.875rem;height:.875rem;transition:background var(--transition-fast), border-color var(--transition-fast);border:1.5px solid;display:block}.item.is-checkbox .item-check:before{border-radius:2px}.item.is-radio .item-check:before{border-radius:50%}.item.is-checked .item-check:before{background:currentColor}.item.is-radio.is-checked .item-check:before{background:0 0;box-shadow:inset 0 0 0 3px}.item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}}@media (pointer:coarse){.item{padding:var(--size-2-5) var(--size-3)}}`,fa=`@layer refine.base{:host{margin:var(--size-1) 0;border-top:var(--border) solid var(--color-contrast-200);display:block}}`,pa=`@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(--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}}`,ma=`ore-menu-item`;(0,t.define)(ma,{props:{checked:t.prop.bool(!1),disabled:t.prop.bool(!1),type:t.prop.string(),value:t.prop.string()},setup(e){let n=()=>e.type.value===`checkbox`||e.type.value===`radio`,r=()=>n()&&e.checked.value;return n()?t.html`
|
|
2797
2794
|
<div
|
|
2798
2795
|
class="${()=>{let t=e.type.value;return[`item`,t===`checkbox`?`is-checkbox`:``,t===`radio`?`is-radio`:``,r()?`is-checked`:``].filter(Boolean).join(` `)}}"
|
|
2799
2796
|
tabindex="-1"
|