@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.js
CHANGED
|
@@ -350,9 +350,6 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
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 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
517
514
|
width: 100%;
|
|
518
515
|
}
|
|
519
516
|
}
|
|
520
|
-
`,De=[q,he,se,ce],Oe=[q,W,G,ce,fe],ke=!globalThis.__REFINE_PROD__;function Ae(e){ke&&console.warn(`[@vielzeug/refine] ${e}`)}var je=`@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))}`,Me=16,Ne=2,Pe=24,Fe=new Set([`circle`,`clipPath`,`defs`,`ellipse`,`g`,`line`,`linearGradient`,`mask`,`path`,`polygon`,`polyline`,`radialGradient`,`rect`,`stop`,`symbol`,`use`]),Ie=/^[a-zA-Z][a-zA-Z0-9:_-]*$/,Le=/^(on|xlink:|xml:|href$)/i,Re=new Map(Object.entries(O.icons));function ze(e){for(let[t,n]of Object.entries(e))Re.set(t,n)}var Be=e=>Object.entries(e).filter(([e])=>Ie.test(e)&&!Le.test(e)).map(([e,t])=>`${e}="${String(t).replace(/&/g,`&`).replace(/"/g,`"`).replace(/</g,`<`).replace(/>/g,`>`)}"`).join(` `),Ve=e=>e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).split(/[^a-zA-Z0-9]+/).filter(Boolean).map(e=>e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()).join(``),He=e=>{if(e==null||e===``)return Me;let t=Number(e);return Number.isFinite(t)&&t>0&&/^\d+(\.\d+)?$/.test(e.trim())?t:e},Ue=`ore-icon`;a(Ue,{props:{absoluteStrokeWidth:p.bool(),label:p.string(),name:p.string(),size:{default:Me,parse:He,reflect:!1},solid:p.bool(),strokeWidth:p.number(Ne)},setup(e){return t({attr:{"aria-hidden":()=>(e.label.value??``).trim()?null:`true`,"aria-label":()=>(e.label.value??``).trim()||null,role:()=>(e.label.value??``).trim()?`img`:null},style:{"--_size-px":()=>{let t=e.size.value;return typeof t==`number`?`${t}px`:String(t)}}}),s`${b(C(()=>{let t=(e.name.value??``).trim();if(!t)return``;let n=Re.get(t)??Re.get(Ve(t));if(!n)return Ae(`ore-icon: icon not found: "${String(t).slice(0,64)}"`),``;let r=e.size.value,i=typeof r==`number`?r:Pe,a=e.absoluteStrokeWidth.value&&!e.solid.value?e.strokeWidth.value*(Pe/i):e.strokeWidth.value,o=n.filter(([e])=>Fe.has(e)).map(([e,t])=>{let n={};for(let[e,r]of Object.entries(t))r!==void 0&&(n[e]=r);return`<${e} ${Be(n)} />`}).join(``);return`<svg ${Be({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:[je]});var We=`@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}}`,Ge=`ore-copy-command`;a(Ge,{props:{rounded:p.string(`md`),size:p.string(`md`),value:p.string(``),variant:p.string(`flat`)},setup(e){let t=g(),n=_(),r=T(!1),i=T(!1),a=null;l(()=>{a!==null&&clearTimeout(a)});let o=async()=>{let n=e.value.value??``;if(n){a!==null&&clearTimeout(a);try{await navigator.clipboard.writeText(n),r.value=!0,i.value=!1,t(`copy`,{value:n})}catch{r.value=!1,i.value=!0}a=setTimeout(()=>{r.value=!1,i.value=!1,a=null},2e3)}},c=C(()=>n.has(`suffix`).value);return s`
|
|
517
|
+
`,De=[q,he,se,ce],Oe=[q,W,G,ce,fe],ke=!globalThis.__REFINE_PROD__;function Ae(e){ke&&console.warn(`[@vielzeug/refine] ${e}`)}var je=`@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))}`,Me=16,Ne=2,Pe=24,Fe=new Set([`circle`,`clipPath`,`defs`,`ellipse`,`g`,`line`,`linearGradient`,`mask`,`path`,`polygon`,`polyline`,`radialGradient`,`rect`,`stop`,`symbol`,`use`]),Ie=/^[a-zA-Z][a-zA-Z0-9:_-]*$/,Le=/^(on|xlink:|xml:|href$)/i,Re=new Map(Object.entries(O.icons));function ze(e){for(let[t,n]of Object.entries(e))Re.set(t,n)}var Be=e=>Object.entries(e).filter(([e])=>Ie.test(e)&&!Le.test(e)).map(([e,t])=>`${e}="${String(t).replace(/&/g,`&`).replace(/"/g,`"`).replace(/</g,`<`).replace(/>/g,`>`)}"`).join(` `),Ve=e=>e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).split(/[^a-zA-Z0-9]+/).filter(Boolean).map(e=>e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()).join(``),He=e=>{if(e==null||e===``)return Me;let t=Number(e);return Number.isFinite(t)&&t>0&&/^\d+(\.\d+)?$/.test(e.trim())?t:e},Ue=`ore-icon`;a(Ue,{props:{absoluteStrokeWidth:p.bool(),label:p.string(),name:p.string(),size:{default:Me,parse:He,reflect:!1},solid:p.bool(),strokeWidth:p.number(Ne)},setup(e){return t({attr:{"aria-hidden":()=>(e.label.value??``).trim()?null:`true`,"aria-label":()=>(e.label.value??``).trim()||null,role:()=>(e.label.value??``).trim()?`img`:null},style:{"--_size-px":()=>{let t=e.size.value;return typeof t==`number`?`${t}px`:String(t)}}}),s`${b(C(()=>{let t=(e.name.value??``).trim();if(!t)return``;let n=Re.get(t)??Re.get(Ve(t));if(!n)return Ae(`ore-icon: icon not found: "${String(t).slice(0,64)}"`),``;let r=e.size.value,i=typeof r==`number`?r:Pe,a=e.absoluteStrokeWidth.value&&!e.solid.value?e.strokeWidth.value*(Pe/i):e.strokeWidth.value,o=n.filter(([e])=>Fe.has(e)).map(([e,t])=>{let n={};for(let[e,r]of Object.entries(t))r!==void 0&&(n[e]=r);return`<${e} ${Be(n)} />`}).join(``);return`<svg ${Be({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:[je]});var We=`@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}}`,Ge=`ore-copy-command`;a(Ge,{props:{rounded:p.string(`md`),size:p.string(`md`),value:p.string(``),variant:p.string(`flat`)},setup(e){let t=g(),n=_(),r=T(!1),i=T(!1),a=null;l(()=>{a!==null&&clearTimeout(a)});let o=async()=>{let n=e.value.value??``;if(n){a!==null&&clearTimeout(a);try{await navigator.clipboard.writeText(n),r.value=!0,i.value=!1,t(`copy`,{value:n})}catch{r.value=!1,i.value=!0}a=setTimeout(()=>{r.value=!1,i.value=!1,a=null},2e3)}},c=C(()=>n.has(`suffix`).value);return s`
|
|
521
518
|
<div class="wrapper" part="wrapper">
|
|
522
519
|
<button class="command" part="command" type="button" :aria-label="${C(()=>r.value?`Copied!`:i.value?`Copy failed — press to try again`:`Copy: ${e.value.value??``}`)}" @click=${o}>
|
|
523
520
|
<code class="command-text" part="command-text">${e.value}</code>
|
|
@@ -670,7 +667,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
670
667
|
<slot></slot>
|
|
671
668
|
</ol>
|
|
672
669
|
</nav>
|
|
673
|
-
`},styles:[_n]});var bn=`@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:[_n]});var bn=`@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%)}}`,xn=`button, a[href], input, select, textarea, summary, [role="button"], [role="link"], [contenteditable=""], [contenteditable="true"]`;function Sn(e,t){for(let n of t.composedPath())if(n instanceof HTMLElement){if(n===e)return!1;if(n.matches(xn)||n.closest(xn))return!0}return!1}var Cn=`ore-card`;a(Cn,{props:{...J,...X,...Ke,elevation:p.number(),interactive:p.bool(!1),orientation:p.string(),padding:p.string(),variant:p.string()},setup(e){let n=o(),r=g(),i=_(),a=v;t({attr:{ariaBusy:()=>e.loading.value?`true`:`false`,ariaDisabled:()=>e.interactive.value?String(e.disabled.value):null,role:()=>e.interactive.value?`button`:null}}),a(()=>{e.interactive.value?n.setAttribute(`tabindex`,e.disabled.value?`-1`:`0`):n.removeAttribute(`tabindex`)});let c=ft({disabled:C(()=>!e.interactive.value||!!e.disabled.value),onPress:(e,t)=>{r(`activate`,{originalEvent:e,trigger:t})}}),l=t=>{!e.interactive.value||e.disabled.value||Sn(n,t)||c.handleClick(t)},u=e=>{c.handleKeydown(e)};return t({on:{click:e=>l(e),keydown:e=>u(e)}}),s`
|
|
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="${()=>!i.has(`media`).value}">
|
|
@@ -749,7 +746,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
749
746
|
?hidden="${()=>!t.value&&!n.value}"
|
|
750
747
|
ref=${e=>{r?.(e)}}>
|
|
751
748
|
${()=>t.value||n.value}
|
|
752
|
-
</div>`;function In(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)}}`,Rn=[`solid`,`flat`,`bordered`,`outline`,`ghost`,`text`,`frost`],zn=`ore-button`;a(zn,{formAssociated:!0,props:{...Ye,effect:p.string(),fullwidth:p.bool(!1),href:p.string(),iconOnly:p.bool(!1),label:p.string(),rel:p.string(),target:p.string(),type:p.oneOf([`button`,`submit`,`reset`],`button`),variant:p.oneOf(Rn,`solid`)},setup(e){let n=o(),r=c(jn),i=C(()=>r?.color.value??e.color.value),a=C(()=>r?.size.value??e.size.value),l=C(()=>r?.variant.value??e.variant.value),u=C(()=>!!(e.disabled.value||e.loading.value)),{effectiveRel:d,isLink:f}=kn(e.href,e.rel,e.target),p=z({disabled:u,toFormValue:()=>null,value:C(()=>``)}),m=t=>{if(u.value){t.preventDefault();return}In(()=>f.value?null:p.internals.form,e.type,u,n)(t)};t({attr:{"aria-busy":e.loading,"aria-disabled":u,"aria-label":e.label,color:i,effect:e.effect,role:C(()=>n.getAttribute(`role`)??(f.value?`link`:`button`)),size:a,tabindex:C(()=>u.value?`-1`:`0`),variant:l},on:{keydown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),(n.shadowRoot?.querySelector(`[part="button"]`))?.click())}}});let h=s`
|
|
749
|
+
</div>`;function In(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)}}`,Rn=[`solid`,`flat`,`bordered`,`outline`,`ghost`,`text`,`frost`],zn=`ore-button`;a(zn,{formAssociated:!0,props:{...Ye,effect:p.string(),fullwidth:p.bool(!1),href:p.string(),iconOnly:p.bool(!1),label:p.string(),rel:p.string(),target:p.string(),type:p.oneOf([`button`,`submit`,`reset`],`button`),variant:p.oneOf(Rn,`solid`)},setup(e){let n=o(),r=c(jn),i=C(()=>r?.color.value??e.color.value),a=C(()=>r?.size.value??e.size.value),l=C(()=>r?.variant.value??e.variant.value),u=C(()=>!!(e.disabled.value||e.loading.value)),{effectiveRel:d,isLink:f}=kn(e.href,e.rel,e.target),p=z({disabled:u,toFormValue:()=>null,value:C(()=>``)}),m=t=>{if(u.value){t.preventDefault();return}In(()=>f.value?null:p.internals.form,e.type,u,n)(t)};t({attr:{"aria-busy":e.loading,"aria-disabled":u,"aria-label":e.label,color:i,effect:e.effect,role:C(()=>n.getAttribute(`role`)??(f.value?`link`:`button`)),size:a,tabindex:C(()=>u.value?`-1`:`0`),variant:l},on:{keydown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),(n.shadowRoot?.querySelector(`[part="button"]`))?.click())}}});let h=s`
|
|
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 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
765
762
|
@click="${m}">
|
|
766
763
|
${h}
|
|
767
764
|
</a>`:s`<span part="button" role="presentation" @click="${m}">${h}</span>`}
|
|
768
|
-
`},shadow:{delegatesFocus:!1},styles:[q,W,G,ce,ge,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)`}}),Te(`button`),Ce(`button`),we(`button`),fe,Ln]});var Bn=`@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 Vn(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 Hn=`ore-pagination`;a(Hn,{props:{...J,...Y,label:p.string(`Pagination`),page:p.number(1),"show-first-last":p.bool(!1),"show-prev-next":p.bool(!1),siblings:p.number(1),"total-pages":p.number(1),variant:p.string()},setup(e){let t=o(),n=g();function r(r){let i=e[`total-pages`].value||1,a=Math.min(Math.max(1,r),i);a!==e.page.value&&(t.setAttribute(`page`,String(a)),n(`change`,{page:a}))}let i=C(()=>Vn(e.page.value||1,e[`total-pages`].value||1,e.siblings.value??1)),a=C(()=>(e.page.value||1)<=1),c=C(()=>(e.page.value||1)>=(e[`total-pages`].value||1));return s`
|
|
765
|
+
`},shadow:{delegatesFocus:!1},styles:[q,W,G,ce,ge,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)`}}),Te(`[part="button"]`),Ce(`[part="button"]`),we(`[part="button"]`),fe,Ln]});var Bn=`@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 Vn(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 Hn=`ore-pagination`;a(Hn,{props:{...J,...Y,label:p.string(`Pagination`),page:p.number(1),"show-first-last":p.bool(!1),"show-prev-next":p.bool(!1),siblings:p.number(1),"total-pages":p.number(1),variant:p.string()},setup(e){let t=o(),n=g();function r(r){let i=e[`total-pages`].value||1,a=Math.min(Math.max(1,r),i);a!==e.page.value&&(t.setAttribute(`page`,String(a)),n(`change`,{page:a}))}let i=C(()=>Vn(e.page.value||1,e[`total-pages`].value||1,e.siblings.value??1)),a=C(()=>(e.page.value||1)<=1),c=C(()=>(e.page.value||1)>=(e[`total-pages`].value||1));return s`
|
|
769
766
|
<nav :aria-label="${e.label}" part="nav">
|
|
770
767
|
<ol class="pagination" part="list">
|
|
771
768
|
${()=>e[`show-first-last`].value?s`<li>
|
|
@@ -1080,7 +1077,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1080
1077
|
<span class="dot" part="dot"></span>
|
|
1081
1078
|
<span class="dot" part="dot"></span>
|
|
1082
1079
|
</span>
|
|
1083
|
-
`},styles:[q,G,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))`}}),wr]});var Er=`@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:[q,G,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))`}}),wr]});var Er=`@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)}}}`,Dr=300;function Or(e,t){return e.actions?.length?s`
|
|
1084
1081
|
<div slot="actions" class="toast-actions">
|
|
1085
1082
|
${e.actions.map(n=>s`
|
|
1086
1083
|
<ore-button
|
|
@@ -1147,7 +1144,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1147
1144
|
</div>
|
|
1148
1145
|
<slot></slot>
|
|
1149
1146
|
</div>
|
|
1150
|
-
`},styles:[G,Er]});function Ar(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){Ae(`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 jr=Ar(),Mr=`@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}}`,Nr=n(`CheckboxGroupContext`),Pr=`ore-checkbox-group`;a(Pr,{formAssociated:!0,props:{...J,...Y,...X,error:p.string(),helper:p.string(),label:p.string(),name:p.string(),orientation:p.string(`vertical`),required:p.bool(!1),values:p.string()},setup(e){let n=o(),i=g(),a=_(),u=v,d=c(Q),f=$(e,d),p=null,h=ut({disabled:f.disabled,error:e.error,getFormField:()=>p,helper:e.helper,multiple:T(!0),prefix:`checkbox-group`,signal:Z(l),validateOn:d?.validateOn,value:e.values});p=z({disabled:h.disabled,toFormValue:e=>e,value:h.formValue});let y=h.selectedValues,b=()=>Xt(n,`ore-checkbox`),x=e=>Zt(b(),e),w=e=>{let t=y.value,n=t.map(x);i(`change`,{labels:n,originalEvent:e,values:t})},E=(e,t)=>{h.toggleValue(e),n.setAttribute(`values`,h.formValue.value),h.triggerValidation(`change`),w(t)};m(Nr,{color:e.color,disabled:C(()=>!!e.disabled.value),size:e.size,toggle:E,values:y});let D=()=>{let t=y.value,n=e.color.value,r=e.size.value,i=e.disabled.value,a=b();for(let e of a){let a=e.getAttribute(`value`)??``;e.toggleAttribute(`checked`,t.includes(a)),n?e.setAttribute(`color`,n):e.removeAttribute(`color`),r?e.setAttribute(`size`,r):e.removeAttribute(`size`),e.toggleAttribute(`disabled`,!!i)}};u(()=>{a.elements().value,D()}),u(()=>{a.elements().value;let e=b().map(e=>{let t=t=>{t.stopPropagation();let n=(e.getAttribute(`value`)??``).trim();n&&E(n,t)};return e.addEventListener(`change`,t),()=>{e.removeEventListener(`change`,t)}});return()=>{for(let t of e)t()}});let O=r(`checkbox-group-legend`),k=`${O}-error`,A=`${O}-helper`,j=()=>!!e.error.value,M=()=>!!e.helper.value&&!j();return t({attr:{size:f.size}}),s`
|
|
1147
|
+
`},styles:[G,Er]});function Ar(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){Ae(`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 jr=Ar(),Mr=`@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}}`,Nr=n(`CheckboxGroupContext`),Pr=`ore-checkbox-group`;a(Pr,{formAssociated:!0,props:{...J,...Y,...X,error:p.string(),helper:p.string(),label:p.string(),name:p.string(),orientation:p.string(`vertical`),required:p.bool(!1),values:p.string()},setup(e){let n=o(),i=g(),a=_(),u=v,d=c(Q),f=$(e,d),p=null,h=ut({disabled:f.disabled,error:e.error,getFormField:()=>p,helper:e.helper,multiple:T(!0),prefix:`checkbox-group`,signal:Z(l),validateOn:d?.validateOn,value:e.values});p=z({disabled:h.disabled,toFormValue:e=>e,value:h.formValue});let y=h.selectedValues,b=()=>Xt(n,`ore-checkbox`),x=e=>Zt(b(),e),w=e=>{let t=y.value,n=t.map(x);i(`change`,{labels:n,originalEvent:e,values:t})},E=(e,t)=>{h.toggleValue(e),n.setAttribute(`values`,h.formValue.value),h.triggerValidation(`change`),w(t)};m(Nr,{color:e.color,disabled:C(()=>!!e.disabled.value),size:e.size,toggle:E,values:y});let D=()=>{let t=y.value,n=e.color.value,r=e.size.value,i=e.disabled.value,a=b();for(let e of a){let a=e.getAttribute(`value`)??``;e.toggleAttribute(`checked`,t.includes(a)),n?e.setAttribute(`color`,n):e.removeAttribute(`color`),r?e.setAttribute(`size`,r):e.removeAttribute(`size`),e.toggleAttribute(`disabled`,!!i)}};u(()=>{a.elements().value,D()}),u(()=>{a.elements().value;let e=b().map(e=>{let t=t=>{t.stopPropagation();let n=(e.getAttribute(`value`)??``).trim();n&&E(n,t)};return e.addEventListener(`change`,t),()=>{e.removeEventListener(`change`,t)}});return()=>{for(let t of e)t()}});let O=r(`checkbox-group-legend`),k=`${O}-error`,A=`${O}-helper`,j=()=>!!e.error.value,M=()=>!!e.helper.value&&!j();return t({attr:{size:f.size}}),s`
|
|
1151
1148
|
<fieldset
|
|
1152
1149
|
role="group"
|
|
1153
1150
|
aria-required="${()=>String(!!e.required.value)}"
|
|
@@ -1163,7 +1160,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1163
1160
|
<div class="error-text" id="${k}" role="alert" ?hidden=${()=>!j()}>${e.error}</div>
|
|
1164
1161
|
<div class="helper-text" id="${A}" ?hidden=${()=>!M()}>${e.helper}</div>
|
|
1165
1162
|
</fieldset>
|
|
1166
|
-
`},styles:[q,K(),de,Mr]});var Fr=`@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)}}`,Ir=`ore-checkbox`;a(Ir,{formAssociated:!0,props:{...J,...Y,...X,checked:p.bool(!1),error:p.string(),helper:p.string(),indeterminate:p.bool(!1),name:p.string(),value:p.string(`on`)},setup(e){let t=g(),n=c(Q),r=$(e,n),i=c(Nr),a=null,o=pt({checked:e.checked,clearIndeterminateFirst:!0,disabled:C(()=>r.disabled.value||!!i?.disabled.value),error:e.error,getFormField:()=>a,group:i,helper:e.helper,indeterminate:e.indeterminate,onToggle:e=>{o.triggerValidation(`change`),!i&&t(`change`,e)},prefix:`checkbox`,signal:Z(l),validateOn:n?.validateOn,value:e.value});a=z({disabled:o.disabled,toFormValue:e=>e,value:o.checkableFormValue});let{assistiveId:u,checked:d,disabled:f,errorText:p,handleClick:m,handleKeydown:h,helperText:_,indeterminate:v,labelId:y}=o;return Nn(r.size,{assistiveId:u,checked:d,disabled:f,errorText:p,handleClick:m,handleKeydown:h,helperText:_,indeterminate:v,labelId:y},`checkbox`),s`
|
|
1163
|
+
`},styles:[q,K(),de,Mr]});var Fr=`@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)}}`,Ir=`ore-checkbox`;a(Ir,{formAssociated:!0,props:{...J,...Y,...X,checked:p.bool(!1),error:p.string(),helper:p.string(),indeterminate:p.bool(!1),name:p.string(),value:p.string(`on`)},setup(e){let t=g(),n=c(Q),r=$(e,n),i=c(Nr),a=null,o=pt({checked:e.checked,clearIndeterminateFirst:!0,disabled:C(()=>r.disabled.value||!!i?.disabled.value),error:e.error,getFormField:()=>a,group:i,helper:e.helper,indeterminate:e.indeterminate,onToggle:e=>{o.triggerValidation(`change`),!i&&t(`change`,e)},prefix:`checkbox`,signal:Z(l),validateOn:n?.validateOn,value:e.value});a=z({disabled:o.disabled,toFormValue:e=>e,value:o.checkableFormValue});let{assistiveId:u,checked:d,disabled:f,errorText:p,handleClick:m,handleKeydown:h,helperText:_,indeterminate:v,labelId:y}=o;return Nn(r.size,{assistiveId:u,checked:d,disabled:f,errorText:p,handleClick:m,handleKeydown:h,helperText:_,indeterminate:v,labelId:y},`checkbox`),s`
|
|
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 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
1172
1169
|
</div>
|
|
1173
1170
|
<span class="label" part="label" id="${y}"><slot></slot></span>
|
|
1174
1171
|
${Fn(u,p,_)}
|
|
1175
|
-
`},styles:[q,ve,de,W,K(Qe),Fr]});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 Rr(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 zr(e,t,n){if(!t)return``;let r=e.trim();return r?n.some(e=>e.label.toLowerCase()===r.toLowerCase())?``:`Create "${r}"`:``}function Br(e){return`__new__:${e.trim()}`}var Vr=`@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%}}`,Hr=[`text`,`email`,`password`,`search`,`url`,`tel`,`number`,`date`,`time`,`datetime-local`,`month`,`week`],Ur=`ore-input`;a(Ur,{formAssociated:!0,props:{...J,...Y,...X,...qe,autocomplete:p.string(),clearable:p.bool(!1),error:p.string(),fullwidth:p.bool(!1),helper:p.string(),inputmode:p.string(),label:p.string(),"label-placement":p.oneOf([`inset`,`outside`],`inset`),maxlength:p.json(void 0),minlength:p.json(void 0),name:p.string(),pattern:p.string(),placeholder:p.string(),readonly:p.bool(!1),ref:p.json(void 0),required:p.bool(!1),type:p.oneOf(Hr,`text`),value:p.string(),variant:p.string()},setup(e){let n=g(),r=_(),i=c(Q),a=$(e,i),o=T(!1),d=h(),f=C(()=>!!e.label.value||r.has(`label`).value),p=Z(l),m=null,v=ct({disabled:a.disabled,error:e.error,getFormField:()=>m,hasLabel:f,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],maxLength:e.maxlength,onChange:(e,t)=>{n(`change`,{originalEvent:e,value:t})},onInput:(e,t)=>{n(`input`,{originalEvent:e,value:t})},prefix:`input`,signal:p,validateOn:i?.validateOn,value:e.value});m=z({disabled:v.disabled,toFormValue:e=>e,value:v.value});let{ariaDescribedBy:b,ariaErrorMessage:x,ariaInvalid:S,ariaLabelledBy:w,assistiveId:E,clear:O,counter:k,errorId:A,errorText:j,fieldId:M,helperText:N,labelId:P,labelVisible:F,value:I,wire:L}=v;return u(d,t=>{L(t,p),e.ref.value?.(t);let n=D(e.ref,e=>{e?.(t)});return()=>{n.dispose(),e.ref.value?.(null)}}),t({attr:{error:()=>j.value||void 0,"has-value":()=>I.value?!0:void 0,size:a.size,variant:a.variant}}),s`
|
|
1172
|
+
`},styles:[q,ve,de,W,K(Qe),Fr]});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 Rr(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 zr(e,t,n){if(!t)return``;let r=e.trim();return r?n.some(e=>e.label.toLowerCase()===r.toLowerCase())?``:`Create "${r}"`:``}function Br(e){return`__new__:${e.trim()}`}var Vr=`@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%}}`,Hr=[`text`,`email`,`password`,`search`,`url`,`tel`,`number`,`date`,`time`,`datetime-local`,`month`,`week`],Ur=`ore-input`;a(Ur,{formAssociated:!0,props:{...J,...Y,...X,...qe,autocomplete:p.string(),clearable:p.bool(!1),error:p.string(),fullwidth:p.bool(!1),helper:p.string(),inputmode:p.string(),label:p.string(),"label-placement":p.oneOf([`inset`,`outside`],`inset`),maxlength:p.json(void 0),minlength:p.json(void 0),name:p.string(),pattern:p.string(),placeholder:p.string(),readonly:p.bool(!1),ref:p.json(void 0),required:p.bool(!1),type:p.oneOf(Hr,`text`),value:p.string(),variant:p.string()},setup(e){let n=g(),r=_(),i=c(Q),a=$(e,i),o=T(!1),d=h(),f=C(()=>!!e.label.value||r.has(`label`).value),p=Z(l),m=null,v=ct({disabled:a.disabled,error:e.error,getFormField:()=>m,hasLabel:f,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],maxLength:e.maxlength,onChange:(e,t)=>{n(`change`,{originalEvent:e,value:t})},onInput:(e,t)=>{n(`input`,{originalEvent:e,value:t})},prefix:`input`,signal:p,validateOn:i?.validateOn,value:e.value});m=z({disabled:v.disabled,toFormValue:e=>e,value:v.value});let{ariaDescribedBy:b,ariaErrorMessage:x,ariaInvalid:S,ariaLabelledBy:w,assistiveId:E,clear:O,counter:k,errorId:A,errorText:j,fieldId:M,helperText:N,labelId:P,labelVisible:F,value:I,wire:L}=v;return u(d,t=>{L(t,p),e.ref.value?.(t);let n=D(e.ref,e=>{e?.(t)});return()=>{n.dispose(),e.ref.value?.(null)}}),t({attr:{error:()=>j.value||void 0,"has-value":()=>I.value?!0:void 0,size:a.size,variant:a.variant}}),s`
|
|
1176
1173
|
<div class="input-wrapper" part="wrapper">
|
|
1177
1174
|
<label class="label" for="${M}" id="${P}" part="label" ?hidden="${()=>!F.value}"
|
|
1178
1175
|
><slot name="label">${e.label}</slot></label
|
|
@@ -2117,7 +2114,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2117
2114
|
</div>`)}}
|
|
2118
2115
|
</div>
|
|
2119
2116
|
</div>
|
|
2120
|
-
`},shadow:{delegatesFocus:!0},styles:[q,G,hi]});var _i=`@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%}}`,vi=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]},yi=(e,t)=>!t||e.size<=t,bi=e=>e.type.startsWith(`image/`),xi=`ore-file-input`;a(xi,{formAssociated:!0,props:{accept:p.string(),color:p.string(),disabled:p.bool(!1),error:p.string(),gallery:p.bool(!1),helper:p.string(),label:p.string(),"max-files":p.number(0),"max-size":p.number(0),multiple:p.bool(!1),name:p.string(),ref:p.json(void 0),required:p.bool(!1),size:p.string()},setup(e){let n=g(),i=T([]),a=T(!1),o=$(e,c(Q)),p=o.disabled,m=C(()=>e[`max-files`].value??0),_=C(()=>e[`max-size`].value??0);z({disabled:p,toFormValue:t=>{if(t.length===0)return null;let n=e.name.value||`file`,r=new FormData;for(let e of t)r.append(n,e);return r},value:i});let v=C(()=>!!e.error.value);t({attr:{"drag-over":()=>a.value?!0:void 0,invalid:()=>v.value?!0:void 0,size:o.size}});let y=r(`file-input`),b=`label-${y}`,x=`helper-${y}`,S=`error-${y}`,w=h(),E=h(),O=C(()=>{let t=[];e.accept.value&&t.push(e.accept.value.split(`,`).map(e=>e.trim()).join(`, `));let n=_.value;n>0&&t.push(`max ${vi(n)}`);let r=m.value;return r>0&&t.push(`up to ${r} file${r===1?``:`s`}`),t.join(` · `)});function k(t,r){if(p.value)return;let a=e.accept.value,o=!!e.multiple.value,s=Array.from(t);o||(s=s.slice(0,1)),s=s.filter(e=>ne(e,a?a.split(`,`).map(e=>e.trim()):[])&&yi(e,_.value));let c=o?[...i.value]:[];for(let e of s)c.includes(e)||c.push(e);m.value>0&&c.length>m.value&&(c=c.slice(0,m.value)),i.value=c,n(`change`,{files:i.value,originalEvent:r,value:i.value})}function A(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 j=new Map;function M(e){let t=j.get(e);return t||(t=URL.createObjectURL(e),j.set(e,t)),t}function N(e){let t=new Set(e);for(let[e,n]of j)t.has(e)||(URL.revokeObjectURL(n),j.delete(e))}return D(i,N),l(()=>{for(let e of j.values())URL.revokeObjectURL(e);j.clear()}),u(E,t=>{e.ref.value?.(t);let n=D(e.ref,e=>{e?.(t)});return()=>{n.dispose(),e.ref.value?.(null)}}),f(()=>{let e=E.value,t=w.value,n=!1,r=ft({disabled:p,onPress:()=>{e.click()}});d(e,`change`,e=>{let t=e.target;t.files?.length&&k(Array.from(t.files),e),t.value=``}),d(t,`click`,t=>{if(t.target!==e){if(n){n=!1;return}p.value||e.click()}}),d(t,`keydown`,e=>{n=r.handleKeydown(e)&&e.key===`Enter`});let i=H({disabled:p.value,element:t,onDrop:e=>k(e),onHoverChange:e=>{a.value=e}});l(()=>i.dispose())}),s`
|
|
2117
|
+
`},shadow:{delegatesFocus:!0},styles:[q,G,hi]});var _i=`@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%}}`,vi=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]},yi=(e,t)=>!t||e.size<=t,bi=e=>e.type.startsWith(`image/`),xi=`ore-file-input`;a(xi,{formAssociated:!0,props:{accept:p.string(),color:p.string(),disabled:p.bool(!1),error:p.string(),gallery:p.bool(!1),helper:p.string(),label:p.string(),"max-files":p.number(0),"max-size":p.number(0),multiple:p.bool(!1),name:p.string(),ref:p.json(void 0),required:p.bool(!1),size:p.string()},setup(e){let n=g(),i=T([]),a=T(!1),o=$(e,c(Q)),p=o.disabled,m=C(()=>e[`max-files`].value??0),_=C(()=>e[`max-size`].value??0);z({disabled:p,toFormValue:t=>{if(t.length===0)return null;let n=e.name.value||`file`,r=new FormData;for(let e of t)r.append(n,e);return r},value:i});let v=C(()=>!!e.error.value);t({attr:{"drag-over":()=>a.value?!0:void 0,invalid:()=>v.value?!0:void 0,size:o.size}});let y=r(`file-input`),b=`label-${y}`,x=`helper-${y}`,S=`error-${y}`,w=h(),E=h(),O=C(()=>{let t=[];e.accept.value&&t.push(e.accept.value.split(`,`).map(e=>e.trim()).join(`, `));let n=_.value;n>0&&t.push(`max ${vi(n)}`);let r=m.value;return r>0&&t.push(`up to ${r} file${r===1?``:`s`}`),t.join(` · `)});function k(t,r){if(p.value)return;let a=e.accept.value,o=!!e.multiple.value,s=Array.from(t);o||(s=s.slice(0,1)),s=s.filter(e=>ne(e,a?a.split(`,`).map(e=>e.trim()):[])&&yi(e,_.value));let c=o?[...i.value]:[];for(let e of s)c.includes(e)||c.push(e);m.value>0&&c.length>m.value&&(c=c.slice(0,m.value)),i.value=c,n(`change`,{files:i.value,originalEvent:r,value:i.value})}function A(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 j=new Map;function M(e){let t=j.get(e);return t||(t=URL.createObjectURL(e),j.set(e,t)),t}function N(e){let t=new Set(e);for(let[e,n]of j)t.has(e)||(URL.revokeObjectURL(n),j.delete(e))}return D(i,N),l(()=>{for(let e of j.values())URL.revokeObjectURL(e);j.clear()}),u(E,t=>{e.ref.value?.(t);let n=D(e.ref,e=>{e?.(t)});return()=>{n.dispose(),e.ref.value?.(null)}}),f(()=>{let e=E.value,t=w.value,n=!1,r=ft({disabled:p,onPress:()=>{e.click()}});d(e,`change`,e=>{let t=e.target;t.files?.length&&k(Array.from(t.files),e),t.value=``}),d(t,`click`,t=>{if(t.target!==e){if(n){n=!1;return}p.value||e.click()}}),d(t,`keydown`,e=>{n=r.handleKeydown(e)&&e.key===`Enter`});let i=H({disabled:p.value,element:t,onDrop:e=>k(e),onHoverChange:e=>{a.value=e}});l(()=>i.dispose())}),s`
|
|
2121
2118
|
<div class="file-input-wrapper" part="wrapper">
|
|
2122
2119
|
<label class="label-outside" id="${b}" part="label" ?hidden=${()=>!e.label.value}
|
|
2123
2120
|
>${e.label}</label
|
|
@@ -2254,7 +2251,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
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:[de,wi]});var Ei=`@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:[de,wi]});var Ei=`@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)}}`,Di=`ore-otp-input`;a(Di,{formAssociated:!0,props:{...J,...Y,...X,label:p.string(`One-time password`),length:p.number(6),masked:p.bool(!1),name:p.string(),separator:p.string(),type:p.oneOf([`numeric`,`alphanumeric`],`numeric`),value:p.string(),variant:p.string()},setup(e){let n=o(),r=g(),i=$(e,c(Q)),a=C(()=>Number(e.length.value)||6),l=i.disabled,u=C(()=>Array.from({length:a.value},(e,t)=>t)),d=T(String(e.value.value||``)),p=()=>String(e.value.value||``);z({disabled:l,toFormValue:e=>e,value:d}),t({attr:{size:i.size,value:()=>d.value||null,variant:i.variant}});function m(){return[...n.shadowRoot?.querySelectorAll(`input.cell`)??[]]}let h=xt({getItems:()=>m(),keys:{next:[`ArrowRight`],prev:[`ArrowLeft`]},loop:!1,onNavigate:(e,t)=>{m()[t]?.focus()}});function _(){return m().map(e=>e.value).join(``)}function v(e){let t=m(),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)}),d.value=_()}function y(e,t){let n=m(),i=_(),a=t??(i.length===n.length&&i.split(``).every(Boolean));d.value=i,r(`change`,{complete:a,originalEvent:e,value:i}),a&&r(`complete`,{originalEvent:e,value:i})}function b(t){return e.type.value===`numeric`?/^\d$/.test(t):/^[a-z\d]$/i.test(t)}function x(e,t){let n=e.target,r=n.value;if(r.length>1&&(r=r.slice(-1)),r&&!b(r)){n.value=``;return}n.value=r;let i=m();y(e),r&&t<i.length-1&&(i[t+1].focus(),i[t+1].select())}function S(e,t){let n=e.target,r=m();if(h.set(t),e.key===`Backspace`){if(n.value)n.value=``;else if(t>0){let e=r[h.navigate(`prev`)];e&&(e.select(),e.value=``)}y(e,!1),e.preventDefault()}else h.handleKeydown(e)}function w(e){e.preventDefault();let t=(e.clipboardData?.getData(`text`)??``).split(``).filter(e=>b(e)).slice(0,a.value),n=m();t.forEach((e,t)=>{n[t]&&(n[t].value=e)}),y(e),n[Math.min(t.length,n.length-1)]?.focus()}D(e.value,e=>{v(String(e||``))}),D(e.length,()=>{requestAnimationFrame(()=>v(p()))});let E=C(()=>{let t=Number(e.length.value)||6;return e.separator.value==null?-1:Math.floor(t/2)});return f(()=>{v(p())}),s`
|
|
2258
2255
|
<div class="otp-group" part="group" role="group" :aria-label="${e.label}">
|
|
2259
2256
|
${()=>u.value.map(t=>s`
|
|
2260
2257
|
${()=>E.value>0&&t===E.value?s`<span class="separator" aria-hidden="true">${()=>e.separator.value||`-`}</span>`:``}
|
|
@@ -2273,7 +2270,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2273
2270
|
@focus="${e=>e.target.select()}" />
|
|
2274
2271
|
`)}
|
|
2275
2272
|
</div>
|
|
2276
|
-
`},styles:[q,K({}),_e(`.cell`),Ei]});var Oi=`@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}}`,ki=n(`OreRadioGroup`),Ai=`ore-radio-group`;a(Ai,{formAssociated:!0,props:{...J,...Y,...X,error:p.string(),helper:p.string(),label:p.string(),name:p.string(),orientation:p.oneOf([`horizontal`,`vertical`],`vertical`),required:p.bool(!1),value:p.string()},setup(e){let n=o(),i=g(),a=_(),u=v,d=c(Q),f=$(e,d),p=null,h=ut({disabled:f.disabled,error:e.error,getFormField:()=>p,helper:e.helper,label:e.label,prefix:`radio-group`,signal:Z(l),validateOn:d?.validateOn,value:e.value});p=z({disabled:h.disabled,toFormValue:e=>e,value:h.formValue});let y=h.selectedValue,b=f.disabled;t({attr:{size:f.size,value:()=>y.value||null}});let x=()=>Xt(n,`ore-radio`),C=()=>b.value?[]:x().filter(e=>!e.hasAttribute(`disabled`)),w=e=>Zt(x(),e),T=(e,t)=>{h.setValues(e?[e]:[]);let n=e?[w(e)]:[];i(`change`,{labels:n,originalEvent:t,values:e?[e]:[]}),h.triggerValidation(`blur`)};m(ki,{color:e.color,disabled:b,name:e.name,select:T,size:e.size,value:y}),u(()=>{a.elements().value,y.value;let t=x();for(let n of t){let t=n.getAttribute(`value`)??``;n.toggleAttribute(`checked`,t===y.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`,b.value)}}),u(()=>{a.elements().value;let e=x(),t=!1;for(let n of e){let e=n.getAttribute(`value`)===y.value;n.setAttribute(`tabindex`,e&&!b.value?`0`:`-1`),e&&!b.value&&(t=!0)}if(!t&&e.length>0){let t=e.find(e=>!e.hasAttribute(`disabled`));t&&t.setAttribute(`tabindex`,`0`)}});let E=xt({getItems:C,keys:{next:[`ArrowDown`,`ArrowRight`],prev:[`ArrowUp`,`ArrowLeft`]},loop:!0,onNavigate:(e,t,n)=>{let r=C()[t];r&&(r.focus(),r.tagName===`ORE-RADIO`&&T(r.getAttribute(`value`)??``,n))}});t({on:{change:e=>{e.target!==n&&(e.stopPropagation(),T(e.target.getAttribute(`value`)??``,e))},keydown:e=>{let t=C();if(!t.length)return;let n=t.indexOf(document.activeElement);n!==-1&&(E.set(n),E.handleKeydown(e))}}});let D=r(`radio-group-legend`);return s`
|
|
2273
|
+
`},styles:[q,K({}),_e(`.cell`),Ei]});var Oi=`@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}}`,ki=n(`OreRadioGroup`),Ai=`ore-radio-group`;a(Ai,{formAssociated:!0,props:{...J,...Y,...X,error:p.string(),helper:p.string(),label:p.string(),name:p.string(),orientation:p.oneOf([`horizontal`,`vertical`],`vertical`),required:p.bool(!1),value:p.string()},setup(e){let n=o(),i=g(),a=_(),u=v,d=c(Q),f=$(e,d),p=null,h=ut({disabled:f.disabled,error:e.error,getFormField:()=>p,helper:e.helper,label:e.label,prefix:`radio-group`,signal:Z(l),validateOn:d?.validateOn,value:e.value});p=z({disabled:h.disabled,toFormValue:e=>e,value:h.formValue});let y=h.selectedValue,b=f.disabled;t({attr:{size:f.size,value:()=>y.value||null}});let x=()=>Xt(n,`ore-radio`),C=()=>b.value?[]:x().filter(e=>!e.hasAttribute(`disabled`)),w=e=>Zt(x(),e),T=(e,t)=>{h.setValues(e?[e]:[]);let n=e?[w(e)]:[];i(`change`,{labels:n,originalEvent:t,values:e?[e]:[]}),h.triggerValidation(`blur`)};m(ki,{color:e.color,disabled:b,name:e.name,select:T,size:e.size,value:y}),u(()=>{a.elements().value,y.value;let t=x();for(let n of t){let t=n.getAttribute(`value`)??``;n.toggleAttribute(`checked`,t===y.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`,b.value)}}),u(()=>{a.elements().value;let e=x(),t=!1;for(let n of e){let e=n.getAttribute(`value`)===y.value;n.setAttribute(`tabindex`,e&&!b.value?`0`:`-1`),e&&!b.value&&(t=!0)}if(!t&&e.length>0){let t=e.find(e=>!e.hasAttribute(`disabled`));t&&t.setAttribute(`tabindex`,`0`)}});let E=xt({getItems:C,keys:{next:[`ArrowDown`,`ArrowRight`],prev:[`ArrowUp`,`ArrowLeft`]},loop:!0,onNavigate:(e,t,n)=>{let r=C()[t];r&&(r.focus(),r.tagName===`ORE-RADIO`&&T(r.getAttribute(`value`)??``,n))}});t({on:{change:e=>{e.target!==n&&(e.stopPropagation(),T(e.target.getAttribute(`value`)??``,e))},keydown:e=>{let t=C();if(!t.length)return;let n=t.indexOf(document.activeElement);n!==-1&&(E.set(n),E.handleKeydown(e))}}});let D=r(`radio-group-legend`);return s`
|
|
2277
2274
|
<fieldset
|
|
2278
2275
|
role="radiogroup"
|
|
2279
2276
|
aria-required="${()=>String(!!e.required.value)}"
|
|
@@ -2296,7 +2293,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2296
2293
|
${()=>h.errorText.value||h.helperText.value}
|
|
2297
2294
|
</div>
|
|
2298
2295
|
</fieldset>
|
|
2299
|
-
`},styles:[q,K(),de,Oi]});var ji=`@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)}}`,Mi=`ore-radio`;a(Mi,{formAssociated:!0,props:{...J,...Y,...X,checked:p.bool(!1),error:p.string(),helper:p.string(),name:p.string(),value:p.string()},setup(e){let n=o(),r=g(),i=c(ki),a=c(Q),u=$(e,a),d=C(()=>i?.name.value||e.name.value||``),f=C(()=>i?.size.value??u.size.value),p=C(()=>i?.color.value??e.color.value),m=C(()=>i?i.value.value===e.value.value:!!e.checked.value),h=()=>{let e=d.value;return e?Array.from(document.querySelectorAll(`ore-radio[name="${e}"]`)).filter(e=>!e.hasAttribute(`disabled`)):[]},_=(e,t)=>{if(i){i.select(e.getAttribute(`value`)??``,t);return}e.click()},v=xt({getItems:()=>h(),keys:{next:[`ArrowDown`,`ArrowRight`],prev:[`ArrowUp`,`ArrowLeft`]},loop:!0,onNavigate:(e,t,n)=>{let r=h()[t];r&&(r.focus(),_(r,n))}}),y=t=>{if(!x.checked.value){if(i){i.select(e.value.value??``,t);return}x.toggle(t??new Event(`change`))}},b=null,x=pt({checked:m,disabled:C(()=>u.disabled.value||!!i?.disabled.value),error:e.error,getFormField:()=>b,helper:e.helper,onToggle:e=>{r(`change`,e)},prefix:`radio`,signal:Z(l),validateOn:a?.validateOn,value:e.value});b=z({disabled:x.disabled,toFormValue:e=>e,value:x.checkableFormValue});let{assistiveId:S,checked:w,disabled:T,errorText:E,helperText:D,labelId:O,toggle:k}=x;return t({attr:{ariaChecked:()=>w.value?`true`:`false`,ariaDescribedby:()=>E.value||D.value?S:null,ariaDisabled:()=>T.value?`true`:null,ariaInvalid:()=>E.value?`true`:null,ariaLabelledby:O,checked:w,color:p,disabled:()=>T.value?!0:void 0,name:()=>d.value||void 0,role:`radio`,size:f,tabindex:()=>{if(!T.value)return w.value?0:-1}},class:()=>({"is-checked":w.value,"is-disabled":T.value}),on:{click:t=>{if(!T.value)if(i)i.select(e.value.value??``,t);else{if(!d.value)return;if(!w.value){let r=e.name.value;document.querySelectorAll(`ore-radio[name="${r}"]`).forEach(e=>{e!==n&&e.removeAttribute(`checked`)}),k(t)}}},keydown:e=>{if(e.key===` `||e.key===`Enter`){e.preventDefault(),y(e);return}let t=h();if(t.length===0)return;let r=t.indexOf(n);r!==-1&&(v.set(r),v.handleKeydown(e))}}}),s`
|
|
2296
|
+
`},styles:[q,K(),de,Oi]});var ji=`@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)}}`,Mi=`ore-radio`;a(Mi,{formAssociated:!0,props:{...J,...Y,...X,checked:p.bool(!1),error:p.string(),helper:p.string(),name:p.string(),value:p.string()},setup(e){let n=o(),r=g(),i=c(ki),a=c(Q),u=$(e,a),d=C(()=>i?.name.value||e.name.value||``),f=C(()=>i?.size.value??u.size.value),p=C(()=>i?.color.value??e.color.value),m=C(()=>i?i.value.value===e.value.value:!!e.checked.value),h=()=>{let e=d.value;return e?Array.from(document.querySelectorAll(`ore-radio[name="${e}"]`)).filter(e=>!e.hasAttribute(`disabled`)):[]},_=(e,t)=>{if(i){i.select(e.getAttribute(`value`)??``,t);return}e.click()},v=xt({getItems:()=>h(),keys:{next:[`ArrowDown`,`ArrowRight`],prev:[`ArrowUp`,`ArrowLeft`]},loop:!0,onNavigate:(e,t,n)=>{let r=h()[t];r&&(r.focus(),_(r,n))}}),y=t=>{if(!x.checked.value){if(i){i.select(e.value.value??``,t);return}x.toggle(t??new Event(`change`))}},b=null,x=pt({checked:m,disabled:C(()=>u.disabled.value||!!i?.disabled.value),error:e.error,getFormField:()=>b,helper:e.helper,onToggle:e=>{r(`change`,e)},prefix:`radio`,signal:Z(l),validateOn:a?.validateOn,value:e.value});b=z({disabled:x.disabled,toFormValue:e=>e,value:x.checkableFormValue});let{assistiveId:S,checked:w,disabled:T,errorText:E,helperText:D,labelId:O,toggle:k}=x;return t({attr:{ariaChecked:()=>w.value?`true`:`false`,ariaDescribedby:()=>E.value||D.value?S:null,ariaDisabled:()=>T.value?`true`:null,ariaInvalid:()=>E.value?`true`:null,ariaLabelledby:O,checked:w,color:p,disabled:()=>T.value?!0:void 0,name:()=>d.value||void 0,role:`radio`,size:f,tabindex:()=>{if(!T.value)return w.value?0:-1}},class:()=>({"is-checked":w.value,"is-disabled":T.value}),on:{click:t=>{if(!T.value)if(i)i.select(e.value.value??``,t);else{if(!d.value)return;if(!w.value){let r=e.name.value;document.querySelectorAll(`ore-radio[name="${r}"]`).forEach(e=>{e!==n&&e.removeAttribute(`checked`)}),k(t)}}},keydown:e=>{if(e.key===` `||e.key===`Enter`){e.preventDefault(),y(e);return}let t=h();if(t.length===0)return;let r=t.indexOf(n);r!==-1&&(v.set(r),v.handleKeydown(e))}}}),s`
|
|
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 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2304
2301
|
</div>
|
|
2305
2302
|
<span class="label" part="label" id="${O}"><slot></slot></span>
|
|
2306
2303
|
${Fn(S,E,D)}
|
|
2307
|
-
`},styles:[q,ve,de,W,K(Qe),ji]});var Ni=`@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}}`,Pi=`ore-rating`;a(Pi,{formAssociated:!0,props:{...J,...Y,...X,error:p.string(),helper:p.string(),label:p.string(`Rating`),max:p.number(5),name:p.string(),readonly:p.bool(!1),solid:p.bool(!1),value:p.number(0)},setup(e){let n=o(),i=g(),a=c(Q),l=$(e,a),u=C(()=>{let t=Math.max(1,Number(e.max.value)||5),n=Number(e.value.value);return Math.min(t,Math.max(0,Number.isFinite(n)?n:0))}),d=z({disabled:l.disabled,value:C(()=>String(u.value||0))}),f=e=>{a?.validateOn?.value===e&&d.reportValidity()},p=r(`helper`),m=it({error:e.error,helper:e.helper}),h=C(()=>m.value.errorText),_=C(()=>m.value.helperText),v=C(()=>h.value||_.value?p:null),y=C(()=>!e.readonly.value&&!l.disabled.value),b=T(null),x=C(()=>b.value??u.value),S=()=>[...n.shadowRoot?.querySelectorAll(`[data-star]`)??[]],w=Mt({max:C(()=>Number(e.max.value)||5),min:T(1),step:T(1)});function E(e){let t=n.shadowRoot?.querySelector(`.sparkle-layer`),r=n.shadowRoot?.querySelector(`[data-star="${e}"]`);if(!t||!r)return;let i=r.offsetLeft+r.offsetWidth/2,a=r.offsetTop+r.offsetHeight/2;for(let e=0;e<10;e++){let n=document.createElement(`span`),r=360/10*e+(Math.random()*30-15),o=18+Math.random()*20,s=3+Math.random()*4,c=380+Math.random()*220;n.className=`sparkle`,n.style.cssText=[`left:${i}px`,`top:${a}px`,`--_angle:${r}deg`,`--_dist:${o}px`,`width:${s}px`,`height:${s}px`,`--_dur:${c}ms`,`animation-delay:${Math.random()*60}ms`].join(`;`),t.appendChild(n),n.addEventListener(`animationend`,()=>n.remove(),{once:!0})}}function D(t,r){if(!y.value)return;let a=Math.max(1,Number(e.max.value)||5),o=Math.min(a,Math.max(0,t));o!==u.value&&(n.setAttribute(`value`,String(o)),i(`change`,{originalEvent:r,value:o}),f(`change`),E(o))}function O(e,t){let n=w.nextFromKey(e.key,t);n!=null&&(e.preventDefault(),D(n,e),S()[n-1]?.focus())}let k=C(()=>{let t=Number(e.max.value)||5;return Array.from({length:t},(e,t)=>t+1)});return t({attr:{size:l.size}}),s`
|
|
2304
|
+
`},styles:[q,ve,de,W,K(Qe),ji]});var Ni=`@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}}`,Pi=`ore-rating`;a(Pi,{formAssociated:!0,props:{...J,...Y,...X,error:p.string(),helper:p.string(),label:p.string(`Rating`),max:p.number(5),name:p.string(),readonly:p.bool(!1),solid:p.bool(!1),value:p.number(0)},setup(e){let n=o(),i=g(),a=c(Q),l=$(e,a),u=C(()=>{let t=Math.max(1,Number(e.max.value)||5),n=Number(e.value.value);return Math.min(t,Math.max(0,Number.isFinite(n)?n:0))}),d=z({disabled:l.disabled,value:C(()=>String(u.value||0))}),f=e=>{a?.validateOn?.value===e&&d.reportValidity()},p=r(`helper`),m=it({error:e.error,helper:e.helper}),h=C(()=>m.value.errorText),_=C(()=>m.value.helperText),v=C(()=>h.value||_.value?p:null),y=C(()=>!e.readonly.value&&!l.disabled.value),b=T(null),x=C(()=>b.value??u.value),S=()=>[...n.shadowRoot?.querySelectorAll(`[data-star]`)??[]],w=Mt({max:C(()=>Number(e.max.value)||5),min:T(1),step:T(1)});function E(e){let t=n.shadowRoot?.querySelector(`.sparkle-layer`),r=n.shadowRoot?.querySelector(`[data-star="${e}"]`);if(!t||!r)return;let i=r.offsetLeft+r.offsetWidth/2,a=r.offsetTop+r.offsetHeight/2;for(let e=0;e<10;e++){let n=document.createElement(`span`),r=360/10*e+(Math.random()*30-15),o=18+Math.random()*20,s=3+Math.random()*4,c=380+Math.random()*220;n.className=`sparkle`,n.style.cssText=[`left:${i}px`,`top:${a}px`,`--_angle:${r}deg`,`--_dist:${o}px`,`width:${s}px`,`height:${s}px`,`--_dur:${c}ms`,`animation-delay:${Math.random()*60}ms`].join(`;`),t.appendChild(n),n.addEventListener(`animationend`,()=>n.remove(),{once:!0})}}function D(t,r){if(!y.value)return;let a=Math.max(1,Number(e.max.value)||5),o=Math.min(a,Math.max(0,t));o!==u.value&&(n.setAttribute(`value`,String(o)),i(`change`,{originalEvent:r,value:o}),f(`change`),E(o))}function O(e,t){let n=w.nextFromKey(e.key,t);n!=null&&(e.preventDefault(),D(n,e),S()[n-1]?.focus())}let k=C(()=>{let t=Number(e.max.value)||5;return Array.from({length:t},(e,t)=>t+1)});return t({attr:{size:l.size}}),s`
|
|
2308
2305
|
<div
|
|
2309
2306
|
class="stars"
|
|
2310
2307
|
part="stars"
|
|
@@ -2330,7 +2327,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2330
2327
|
<div class="sparkle-layer"></div>
|
|
2331
2328
|
</div>
|
|
2332
2329
|
${Fn(p,h,_)}
|
|
2333
|
-
`},styles:[q,K({}),W,G,Ni]});var Fi=`@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)}}`,Ii=(e,t)=>n=>{e()&&t(n)},Li=`ore-slider`;a(Li,{formAssociated:!0,props:{...J,...Y,...X,error:p.string(),from:p.number(0),"from-value-text":p.string(),helper:p.string(),max:p.number(100),min:p.number(0),name:p.string(),range:p.bool(!1),step:p.number(1),to:p.number(100),"to-value-text":p.string(),value:p.number(0),"value-text":p.string()},setup(n){let i=o(),a=g(),u=_(),p=n.range.value,m=Mt({max:n.max,min:n.min,step:n.step}),v=c(Q),y=$(n,v),b=T(!1),x=y.disabled,S=T(void 0),w=r(`helper`),E=it({error:n.error,helper:n.helper}),O=C(()=>E.value.errorText),k=C(()=>E.value.helperText),A=C(()=>O.value||k.value?w:null);t({attr:{"data-dragging":()=>b.value?!0:void 0,size:y.size}});let j,M=T(`0`);p||(j=z({disabled:x,value:M}),D(n.value,e=>{M.value=String(e)},{immediate:!0}),t({attr:{ariaDescribedby:()=>A.value??null,ariaDisabled:()=>x.value?`true`:null,ariaLabelledby:()=>S.value??null,ariaValuemax:()=>m.max(),ariaValuemin:()=>m.min(),ariaValuenow:()=>Number(M.value||0),ariaValuetext:()=>n[`value-text`].value??null,role:()=>`slider`,tabindex:()=>x.value?null:`0`}}));let N=T(0),P=T(100);p&&(j=z({disabled:x,toFormValue:({from:e,to:t})=>{let r=n.name.value;if(!r)return null;let i=new FormData;return i.append(`${r}[from]`,String(e)),i.append(`${r}[to]`,String(t)),i},value:C(()=>({from:N.value,to:P.value}))}),D(n.from,e=>{N.value=m.snap(Number(e))},{immediate:!0}),D(n.to,e=>{P.value=m.snap(Number(e))},{immediate:!0}));let F=h(),I=h(),L=h(),R=h(),ee=r(`slider-start`),te=r(`slider-end`),B=e=>{let t=m.toPercent(e);i.style.setProperty(`--_thumb-pos`,`${t}%`),i.style.setProperty(`--_fill-start`,`0%`),i.style.setProperty(`--_fill-width`,`${t}%`)},V=()=>{let e=m.toPercent(N.value),t=m.toPercent(P.value);i.style.setProperty(`--_thumb-start`,`${e}%`),i.style.setProperty(`--_thumb-end`,`${t}%`),i.style.setProperty(`--_fill-start`,`${e}%`),i.style.setProperty(`--_fill-width`,`${t-e}%`)},H=e=>{v?.validateOn?.value===e&&j?.reportValidity()},ne=t=>{V();let r=e=>{let n=t.getBoundingClientRect();return m.fromClientX(e,n)},i=null,o=e=>{i===`start`?N.value=Math.min(m.snap(e),P.value):i===`end`&&(P.value=Math.max(m.snap(e),N.value)),N.value=m.clamp(N.value),P.value=m.clamp(P.value),V(),a(`change`,{from:N.value,to:P.value,value:{from:N.value,to:P.value}}),H(`change`)};d(t,`pointerdown`,Ii(()=>!x.value,e=>{e.preventDefault();let t=r(e.clientX);i=Math.abs(t-N.value)<=Math.abs(t-P.value)?`start`:`end`,e.target.setPointerCapture(e.pointerId),o(t)})),d(t,`pointermove`,Ii(()=>!!i,e=>{e.preventDefault(),b.value||=!0,o(r(e.clientX))})),d(t,`pointerup`,Ii(()=>!!i,e=>{e.preventDefault(),i=null,b.value=!1,e.target.releasePointerCapture(e.pointerId)}));let s=(e,t)=>n=>{if(x.value)return;let r=m.nextFromKey(n.key,e());r!==null&&(n.preventDefault(),t(m.snap(r)),V(),a(`change`,{from:N.value,originalEvent:n,to:P.value,value:{from:N.value,to:P.value}}),H(`change`))},c=L.value,u=R.value;c&&(d(c,`keydown`,s(()=>N.value,e=>{N.value=Math.min(e,P.value)})),l(e(c,{label:`Range start`,valuemax:()=>P.value,valuemin:()=>m.min(),valuenow:()=>N.value,valuetext:()=>n[`from-value-text`].value??null}))),u&&(d(u,`keydown`,s(()=>P.value,e=>{P.value=Math.max(e,N.value)})),l(e(u,{label:`Range end`,valuemax:()=>m.max(),valuemin:()=>N.value,valuenow:()=>P.value,valuetext:()=>n[`to-value-text`].value??null})))},re=e=>{B(Number(M.value));let t=t=>{if(x.value)return;let n=e.getBoundingClientRect(),r=m.fromClientX(t,n);Number(M.value)!==r&&(M.value=r.toString(),B(r),a(`change`,{value:r}),H(`change`))},n=!1;d(e,`pointerdown`,Ii(()=>!x.value,e=>{e.preventDefault(),n=!0,t(e.clientX),e.target.setPointerCapture(e.pointerId)})),d(e,`pointermove`,Ii(()=>n,e=>{e.preventDefault(),b.value||=!0,t(e.clientX)})),d(e,`pointerup`,Ii(()=>n,e=>{e.preventDefault(),n=!1,b.value=!1,e.target.releasePointerCapture(e.pointerId)})),d(i,`keydown`,Ii(()=>!x.value,e=>{let t=Number(M.value||0),n=m.nextFromKey(e.key,t);if(n===null)return;e.preventDefault();let r=m.clamp(n);r!==t&&(M.value=r.toString(),B(r),a(`change`,{originalEvent:e,value:r}),H(`change`))}))};return f(()=>{let e=F.value;if(e){if(u.has().value&&I.value){let e=r(`slider-label`);I.value.id=e,p||(S.value=e)}p?ne(e):re(e)}}),s`
|
|
2330
|
+
`},styles:[q,K({}),W,G,Ni]});var Fi=`@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)}}`,Ii=(e,t)=>n=>{e()&&t(n)},Li=`ore-slider`;a(Li,{formAssociated:!0,props:{...J,...Y,...X,error:p.string(),from:p.number(0),"from-value-text":p.string(),helper:p.string(),max:p.number(100),min:p.number(0),name:p.string(),range:p.bool(!1),step:p.number(1),to:p.number(100),"to-value-text":p.string(),value:p.number(0),"value-text":p.string()},setup(n){let i=o(),a=g(),u=_(),p=n.range.value,m=Mt({max:n.max,min:n.min,step:n.step}),v=c(Q),y=$(n,v),b=T(!1),x=y.disabled,S=T(void 0),w=r(`helper`),E=it({error:n.error,helper:n.helper}),O=C(()=>E.value.errorText),k=C(()=>E.value.helperText),A=C(()=>O.value||k.value?w:null);t({attr:{"data-dragging":()=>b.value?!0:void 0,size:y.size}});let j,M=T(`0`);p||(j=z({disabled:x,value:M}),D(n.value,e=>{M.value=String(e)},{immediate:!0}),t({attr:{ariaDescribedby:()=>A.value??null,ariaDisabled:()=>x.value?`true`:null,ariaLabelledby:()=>S.value??null,ariaValuemax:()=>m.max(),ariaValuemin:()=>m.min(),ariaValuenow:()=>Number(M.value||0),ariaValuetext:()=>n[`value-text`].value??null,role:()=>`slider`,tabindex:()=>x.value?null:`0`}}));let N=T(0),P=T(100);p&&(j=z({disabled:x,toFormValue:({from:e,to:t})=>{let r=n.name.value;if(!r)return null;let i=new FormData;return i.append(`${r}[from]`,String(e)),i.append(`${r}[to]`,String(t)),i},value:C(()=>({from:N.value,to:P.value}))}),D(n.from,e=>{N.value=m.snap(Number(e))},{immediate:!0}),D(n.to,e=>{P.value=m.snap(Number(e))},{immediate:!0}));let F=h(),I=h(),L=h(),R=h(),ee=r(`slider-start`),te=r(`slider-end`),B=e=>{let t=m.toPercent(e);i.style.setProperty(`--_thumb-pos`,`${t}%`),i.style.setProperty(`--_fill-start`,`0%`),i.style.setProperty(`--_fill-width`,`${t}%`)},V=()=>{let e=m.toPercent(N.value),t=m.toPercent(P.value);i.style.setProperty(`--_thumb-start`,`${e}%`),i.style.setProperty(`--_thumb-end`,`${t}%`),i.style.setProperty(`--_fill-start`,`${e}%`),i.style.setProperty(`--_fill-width`,`${t-e}%`)},H=e=>{v?.validateOn?.value===e&&j?.reportValidity()},ne=t=>{V();let r=e=>{let n=t.getBoundingClientRect();return m.fromClientX(e,n)},i=null,o=e=>{i===`start`?N.value=Math.min(m.snap(e),P.value):i===`end`&&(P.value=Math.max(m.snap(e),N.value)),N.value=m.clamp(N.value),P.value=m.clamp(P.value),V(),a(`change`,{from:N.value,to:P.value,value:{from:N.value,to:P.value}}),H(`change`)};d(t,`pointerdown`,Ii(()=>!x.value,e=>{e.preventDefault();let t=r(e.clientX);i=Math.abs(t-N.value)<=Math.abs(t-P.value)?`start`:`end`,e.target.setPointerCapture(e.pointerId),o(t)})),d(t,`pointermove`,Ii(()=>!!i,e=>{e.preventDefault(),b.value||=!0,o(r(e.clientX))})),d(t,`pointerup`,Ii(()=>!!i,e=>{e.preventDefault(),i=null,b.value=!1,e.target.releasePointerCapture(e.pointerId)}));let s=(e,t)=>n=>{if(x.value)return;let r=m.nextFromKey(n.key,e());r!==null&&(n.preventDefault(),t(m.snap(r)),V(),a(`change`,{from:N.value,originalEvent:n,to:P.value,value:{from:N.value,to:P.value}}),H(`change`))},c=L.value,u=R.value;c&&(d(c,`keydown`,s(()=>N.value,e=>{N.value=Math.min(e,P.value)})),l(e(c,{label:`Range start`,valuemax:()=>P.value,valuemin:()=>m.min(),valuenow:()=>N.value,valuetext:()=>n[`from-value-text`].value??null}))),u&&(d(u,`keydown`,s(()=>P.value,e=>{P.value=Math.max(e,N.value)})),l(e(u,{label:`Range end`,valuemax:()=>m.max(),valuemin:()=>N.value,valuenow:()=>P.value,valuetext:()=>n[`to-value-text`].value??null})))},re=e=>{B(Number(M.value));let t=t=>{if(x.value)return;let n=e.getBoundingClientRect(),r=m.fromClientX(t,n);Number(M.value)!==r&&(M.value=r.toString(),B(r),a(`change`,{value:r}),H(`change`))},n=!1;d(e,`pointerdown`,Ii(()=>!x.value,e=>{e.preventDefault(),n=!0,t(e.clientX),e.target.setPointerCapture(e.pointerId)})),d(e,`pointermove`,Ii(()=>n,e=>{e.preventDefault(),b.value||=!0,t(e.clientX)})),d(e,`pointerup`,Ii(()=>n,e=>{e.preventDefault(),n=!1,b.value=!1,e.target.releasePointerCapture(e.pointerId)})),d(i,`keydown`,Ii(()=>!x.value,e=>{let t=Number(M.value||0),n=m.nextFromKey(e.key,t);if(n===null)return;e.preventDefault();let r=m.clamp(n);r!==t&&(M.value=r.toString(),B(r),a(`change`,{originalEvent:e,value:r}),H(`change`))}))};return f(()=>{let e=F.value;if(e){if(u.has().value&&I.value){let e=r(`slider-label`);I.value.id=e,p||(S.value=e)}p?ne(e):re(e)}}),s`
|
|
2334
2331
|
<div class="slider-container" part="slider" ref=${F}>
|
|
2335
2332
|
<div class="slider-track" part="track">
|
|
2336
2333
|
<div class="slider-fill" part="fill"></div>
|
|
@@ -2355,7 +2352,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2355
2352
|
</div>
|
|
2356
2353
|
<span class="label" part="label" ref=${I}><slot></slot></span>
|
|
2357
2354
|
${Fn(w,O,k)}
|
|
2358
|
-
`},styles:[de,q,K(et),Fi,W]});var Ri=`@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)}}`,zi=`ore-switch`;a(zi,{formAssociated:!0,props:{...J,...Y,...X,checked:p.bool(!1),error:p.string(),helper:p.string(),name:p.string(),value:p.string(`on`)},setup(e){let t=g(),n=c(Q),r=$(e,n),i=null,a=pt({checked:e.checked,clearIndeterminateFirst:!1,disabled:r.disabled,error:e.error,getFormField:()=>i,helper:e.helper,onToggle:e=>{a.triggerValidation(`change`),t(`change`,e)},prefix:`switch`,signal:Z(l),validateOn:n?.validateOn,value:e.value});i=z({disabled:a.disabled,toFormValue:e=>e,value:a.checkableFormValue});let{assistiveId:o,checked:u,disabled:d,errorText:f,handleClick:p,handleKeydown:m,helperText:h,labelId:_}=a;return Nn(r.size,{assistiveId:o,checked:u,disabled:d,errorText:f,handleClick:p,handleKeydown:m,helperText:h,labelId:_},`switch`),s`
|
|
2355
|
+
`},styles:[de,q,K(et),Fi,W]});var Ri=`@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)}}`,zi=`ore-switch`;a(zi,{formAssociated:!0,props:{...J,...Y,...X,checked:p.bool(!1),error:p.string(),helper:p.string(),name:p.string(),value:p.string(`on`)},setup(e){let t=g(),n=c(Q),r=$(e,n),i=null,a=pt({checked:e.checked,clearIndeterminateFirst:!1,disabled:r.disabled,error:e.error,getFormField:()=>i,helper:e.helper,onToggle:e=>{a.triggerValidation(`change`),t(`change`,e)},prefix:`switch`,signal:Z(l),validateOn:n?.validateOn,value:e.value});i=z({disabled:a.disabled,toFormValue:e=>e,value:a.checkableFormValue});let{assistiveId:o,checked:u,disabled:d,errorText:f,handleClick:p,handleKeydown:m,helperText:h,labelId:_}=a;return Nn(r.size,{assistiveId:o,checked:u,disabled:d,errorText:f,handleClick:p,handleKeydown:m,helperText:h,labelId:_},`switch`),s`
|
|
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 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2363
2360
|
</div>
|
|
2364
2361
|
<span class="label" part="label" id="${_}"><slot></slot></span>
|
|
2365
2362
|
${Fn(o,f,h)}
|
|
2366
|
-
`},styles:[q,ve,de,K($e),Ri]});var Bi=`@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:[q,ve,de,K($e),Ri]});var Bi=`@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%}}`,Vi=`ore-textarea`;a(Vi,{formAssociated:!0,props:{...J,...Y,...X,...qe,"auto-resize":p.bool(!1),error:p.string(),fullwidth:p.bool(!1),helper:p.string(),label:p.string(),"label-placement":p.oneOf([`inset`,`outside`],`inset`),maxlength:p.json(void 0),name:p.string(),"no-resize":p.bool(!1),placeholder:p.string(),readonly:p.bool(!1),ref:p.json(void 0),required:p.bool(!1),resize:p.string(),rows:p.json(void 0),value:p.string(),variant:p.string()},setup(e){let n=g(),r=v,i=c(Q),a=$(e,i),o=h(),d=()=>{if(!e[`auto-resize`].value||!o.value)return;let t=o.value;t.style.height=`auto`,t.style.height=`${t.scrollHeight}px`},f=Z(l),p=null,m=ct({disabled:a.disabled,error:e.error,getFormField:()=>p,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],maxLength:e.maxlength,onBeforeInput:d,onChange:(e,t)=>{n(`change`,{originalEvent:e,value:t})},onInput:(e,t)=>{n(`input`,{originalEvent:e,value:t})},prefix:`textarea`,signal:f,validateOn:i?.validateOn,value:e.value});p=z({disabled:m.disabled,toFormValue:e=>e,value:m.value});let{ariaDescribedBy:_,ariaErrorMessage:b,ariaInvalid:x,ariaLabelledBy:S,assistiveId:C,counter:w,errorId:T,errorText:E,fieldId:O,helperText:k,labelId:A,labelVisible:j}=m;return u(o,t=>{let n=m.wire(t);e.ref.value?.(t);let i=D(e.ref,e=>{e?.(t)}),a=r(()=>{t.style.resize=e[`auto-resize`].value||e[`no-resize`].value?`none`:e.resize.value||`vertical`,e[`auto-resize`].value&&requestAnimationFrame(d)});return()=>{i.dispose(),e.ref.value?.(null),n(),a()}}),t({attr:{error:()=>E.value||void 0,size:a.size,variant:a.variant}}),s`
|
|
2367
2364
|
<div class="textarea-wrapper" part="wrapper">
|
|
2368
2365
|
<label class="label" part="label" for="${O}" id="${A}" ?hidden="${()=>!j.value}"
|
|
2369
2366
|
>${e.label}</label
|
|
@@ -2490,7 +2487,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2490
2487
|
</div>`:s``}
|
|
2491
2488
|
</div>
|
|
2492
2489
|
</div>
|
|
2493
|
-
`},shadow:{delegatesFocus:!0},styles:[q,G,Hi]});var Ji=`@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%}}`,Yi=`ore-box`;a(Yi,{props:{color:p.string(),effect:p.string(),elevation:p.number(),fullwidth:p.bool(),padding:p.string(),rounded:p.string(),variant:p.string()},setup(){return s`<div class="box" part="box"><slot></slot></div>`},styles:[...De,Te(`.box`),Ce(`.box`),Ji]});var Xi=`@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}}`,Zi=`ore-grid-item`;a(Zi,{props:{align:p.string(),area:p.string(),col:p.string(),colSpan:p.string(),justify:p.string(),row:p.string(),rowSpan:p.string()},setup(e){let n=C(()=>{let t=e.col.value,n=e.colSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)}),r=C(()=>{let t=e.row.value,n=e.rowSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)});return t({style:{gridArea:e.area,gridColumn:n,gridRow:r}}),s`<slot></slot>`},styles:[Xi]});var Qi=`@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%}}`,$i=[[`cols2xl`,`--size-screen-2xl`],[`colsXl`,`--size-screen-xl`],[`colsLg`,`--size-screen-lg`],[`colsMd`,`--size-screen-md`],[`colsSm`,`--size-screen-sm`]],ea=[[`areas2xl`,`--size-screen-2xl`],[`areasXl`,`--size-screen-xl`],[`areasLg`,`--size-screen-lg`],[`areasMd`,`--size-screen-md`],[`areasSm`,`--size-screen-sm`]],ta=(e,t,n)=>{let r=getComputedStyle(e).getPropertyValue(t).trim(),i=Number.parseFloat(r);return Number.isFinite(i)?i:n},na={"--size-screen-2xl":1536,"--size-screen-lg":1024,"--size-screen-md":768,"--size-screen-sm":640,"--size-screen-xl":1280},ra=`ore-grid`;a(ra,{props:{align:p.string(),areas:p.string(),areas2xl:p.string(),areasLg:p.string(),areasMd:p.string(),areasSm:p.string(),areasXl:p.string(),cols:p.string(),cols2xl:p.string(),colsLg:p.string(),colsMd:p.string(),colsSm:p.string(),colsXl:p.string(),flow:p.string(),fullwidth:p.bool(!1),gap:p.string(),justify:p.string(),minColWidth:p.string(),responsive:p.bool(!1),rows:p.string()},setup(e){let t=o(),n=v,r=(e,t,n)=>e===`auto`||!e&&t?`repeat(auto-fit, minmax(${n||`250px`}, 1fr))`:e?`repeat(${e}, 1fr)`:null,i=()=>{let n=t.offsetWidth,i=!!e.responsive.value,a=e.minColWidth.value??``,o;for(let[r,i]of $i)if(n>=ta(t,i,na[i])&&e[r].value){o=e[r].value;break}o||=e.cols.value||void 0;let s=r(o,i,a);s?t.style.setProperty(`--_cols`,s):t.style.removeProperty(`--_cols`)};n(()=>{e.cols.value,e.colsSm.value,e.colsMd.value,e.colsLg.value,e.colsXl.value,e.cols2xl.value,e.responsive.value,e.minColWidth.value,i()});let a=()=>{let n=t.offsetWidth,r=``;for(let[i,a]of ea)if(n>=ta(t,a,na[a])&&e[i].value){r=e[i].value;break}r||=e.areas.value||``,r?t.style.setProperty(`grid-template-areas`,r):t.style.removeProperty(`grid-template-areas`)};return n(()=>{let n=e.rows.value;n&&n!==`auto`?t.style.setProperty(`--_rows`,`repeat(${n}, 1fr)`):t.style.removeProperty(`--_rows`)}),n(()=>{e.areas.value,e.areasSm.value,e.areasMd.value,e.areasLg.value,e.areasXl.value,e.areas2xl.value,a()}),f(()=>{let e=V(t);n(()=>{e.value,i(),a()})}),s`<slot></slot>`},styles:[Qi]});var ia=`@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}}}`,aa=(e,t,n,r)=>e?(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)):()=>{},oa=e=>!(e instanceof HTMLElement)||e.tagName.includes(`-`)||e.childElementCount>0?!0:(e.textContent??``).trim().length>0,sa=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},ca=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},la=e=>{let t=ca(e)?.clientWidth??0;return t>0?t:e.offsetWidth},ua=e=>{let t=e.parentElement;for(;t;){let e=window.getComputedStyle(t).overflowY;if(e===`auto`||e===`scroll`||e===`overlay`)return t;t=t.parentElement}return null},da=n(`NavbarContext`),fa=`ore-navbar`;a(fa,{props:{breakpoint:p.string(`(max-width: 768px)`),color:p.string(),"container-breakpoints":p.bool(!1),elevation:p.number(),floating:p.bool(!1),label:p.string(`Main navigation`),"mobile-sidebar":p.string(),rounded:p.string(),"scroll-threshold":p.number(80),sticky:p.bool(!1),variant:p.string()},setup(e){let n=o(),r=g(),i=_(),a=()=>i.has(`logo`).value,c=()=>i.elements(`mobile-menu`).value.some(oa),l=T(null),u=T(!1),d=T(!1),p=T(!1),h=T(!1),v=T(!1),y=T(!1),b=T(0),x=T(!1),S=T(!1),w=T(sa(e.breakpoint.value)),E=T(!1),O=()=>{let t=String(e[`mobile-sidebar`].value??``).trim();if(!t)return null;let r=n.getRootNode();return(r instanceof ShadowRoot||r instanceof Document?r.querySelector(t):null)??document.querySelector(t)};m(da,{isMobile:C(()=>p.value),mobileMenuOpen:C(()=>h.value)});let k=()=>{if(e.floating.value&&e.sticky.value)return y.value?`sticky`:`floating`;if(e.floating.value)return`floating`;if(e.sticky.value)return`sticky`},A=e=>{let t=!!e;if(!c()){let e=l.value??O();if(e){t?e.openMobile?.():e.closeMobile?.();return}}t&&!c()||h.value!==t&&(h.value=t,r(`mobile-menu-change`,{open:t}))},j=()=>A(!1),M=()=>A(!0),N=()=>{if(!c()){let e=l.value??O();if(e){typeof e.toggleMobile==`function`?e.toggleMobile():typeof e.openMobile==`function`&&typeof e.closeMobile==`function`&&(e.hasAttribute(`data-mobile-open`)?e.closeMobile():e.openMobile());return}}A(!h.value)},P=()=>{let e=(l.value&&!c()?u.value:!1)||x.value||S.value;p.value=e,e||j()},F=e=>e?e.scrollTop||0:window.scrollY||document.documentElement.scrollTop||0,I=e=>{b.value=F(e)},L=(t=null)=>{if(!(e.floating.value&&e.sticky.value)){y.value&&=!1;return}let n=Math.max(0,Number(e[`scroll-threshold`].value)||0),r=F(t)-b.value;y.value=r>n};return t({attr:{"data-mobile":()=>p.value?!0:void 0,"data-mobile-open":()=>p.value&&h.value?!0:void 0,"data-mode":()=>k()??null,"data-mode-transitioning":()=>v.value?!0:void 0,"data-preview-mode":()=>E.value?!0:void 0,"data-scrolled":()=>e.floating.value&&e.sticky.value&&y.value?!0:void 0}}),f(()=>{let t=n,r=ua(n);t.closeMobileMenu=j,t.openMobileMenu=M,t.toggleMobileMenu=N;let i=aa(window,`scroll`,()=>{L(r)},{passive:!0}),a=r?aa(r,`scroll`,()=>{L(r)},{passive:!0}):void 0,o=aa(n,`keydown`,e=>{e.key!==`Escape`||!h.value||j()}),s,f,p,m,g=()=>{f?.(),f=void 0,l.value=null,u.value=!1,d.value=!1;let e=O();if(!e)return;let t=t=>{let n=e.hasAttribute(`data-bottom-nav`),r=e.hasAttribute(`data-mobile-open`);u.value=n,d.value=t?.detail?t.detail.open:r,d.value&&!u.value&&(u.value=!0),P()},n=new MutationObserver(()=>{t()});t(),n.observe(e,{attributeFilter:[`data-bottom-nav`,`data-mobile-open`],attributes:!0}),e.addEventListener(`mobile-open-change`,t),f=()=>{n.disconnect(),e.removeEventListener(`mobile-open-change`,t)},l.value=e},_=()=>{v.value=!0,p!=null&&clearTimeout(p),p=setTimeout(()=>{v.value=!1,p=void 0},220)},b=D(C(()=>e.floating.value&&e.sticky.value),e=>{if(!e){y.value&&=!1,v.value&&=!1,m=void 0,p!=null&&(clearTimeout(p),p=void 0);return}I(r),L(r),m=k()},{immediate:!0}),T=D(e[`mobile-sidebar`],()=>{g()},{immediate:!0}),A=D(C(()=>k()),t=>{if(!(e.floating.value&&e.sticky.value)){m=t??void 0;return}let n=t??void 0;m&&n&&m!==n&&_(),m=n},{immediate:!0}),F=D(C(()=>c()),e=>{!e&&h.value&&j()},{immediate:!0});D(e.breakpoint,t=>{s?.(),s=void 0;let r=String(t??``).trim();w.value=sa(r),x.value=!1;let i=la(n);if(S.value=i>0&&w.value!=null?i<=w.value:!1,P(),e[`container-breakpoints`].value&&w.value!=null||!r||typeof window.matchMedia!=`function`)return;let a=window.matchMedia(r),o=e=>{x.value=e,P()},c=e=>{o(e.matches)};o(a.matches),a.addEventListener(`change`,c),s=()=>{a.removeEventListener(`change`,c)}},{immediate:!0});let R=typeof ResizeObserver==`function`?(()=>{let e=V(n),t=n.parentElement,r=ca(n),i=t?V(t):void 0,a=r&&r!==t?V(r):void 0;return D(C(()=>[e.value.width,e.value.height,i?.value.width,i?.value.height,a?.value.width,a?.value.height]),()=>{let e=la(n),t=ca(n)?.clientWidth??0;S.value=e>0&&w.value!=null?e<=w.value:!1,E.value=t>0&&t<window.innerWidth,P()})})():void 0;return()=>{o?.(),i?.(),a?.(),b?.dispose(),A?.dispose(),F?.dispose(),T?.dispose(),s?.(),f?.(),R?.dispose(),p!=null&&(clearTimeout(p),p=void 0)}}),s`
|
|
2490
|
+
`},shadow:{delegatesFocus:!0},styles:[q,G,Hi]});var Ji=`@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%}}`,Yi=`ore-box`;a(Yi,{props:{color:p.string(),effect:p.string(),elevation:p.number(),fullwidth:p.bool(),padding:p.string(),rounded:p.string(),variant:p.string()},setup(){return s`<div class="box" part="box"><slot></slot></div>`},styles:[...De,Te(`.box`),Ce(`.box`),Ji]});var Xi=`@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}}`,Zi=`ore-grid-item`;a(Zi,{props:{align:p.string(),area:p.string(),col:p.string(),colSpan:p.string(),justify:p.string(),row:p.string(),rowSpan:p.string()},setup(e){let n=C(()=>{let t=e.col.value,n=e.colSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)}),r=C(()=>{let t=e.row.value,n=e.rowSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)});return t({style:{gridArea:e.area,gridColumn:n,gridRow:r}}),s`<slot></slot>`},styles:[Xi]});var Qi=`@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%}}`,$i=[[`cols2xl`,`--size-screen-2xl`],[`colsXl`,`--size-screen-xl`],[`colsLg`,`--size-screen-lg`],[`colsMd`,`--size-screen-md`],[`colsSm`,`--size-screen-sm`]],ea=[[`areas2xl`,`--size-screen-2xl`],[`areasXl`,`--size-screen-xl`],[`areasLg`,`--size-screen-lg`],[`areasMd`,`--size-screen-md`],[`areasSm`,`--size-screen-sm`]],ta=(e,t,n)=>{let r=getComputedStyle(e).getPropertyValue(t).trim(),i=Number.parseFloat(r);return Number.isFinite(i)?i:n},na={"--size-screen-2xl":1536,"--size-screen-lg":1024,"--size-screen-md":768,"--size-screen-sm":640,"--size-screen-xl":1280},ra=`ore-grid`;a(ra,{props:{align:p.string(),areas:p.string(),areas2xl:p.string(),areasLg:p.string(),areasMd:p.string(),areasSm:p.string(),areasXl:p.string(),cols:p.string(),cols2xl:p.string(),colsLg:p.string(),colsMd:p.string(),colsSm:p.string(),colsXl:p.string(),flow:p.string(),fullwidth:p.bool(!1),gap:p.string(),justify:p.string(),minColWidth:p.string(),responsive:p.bool(!1),rows:p.string()},setup(e){let t=o(),n=v,r=(e,t,n)=>e===`auto`||!e&&t?`repeat(auto-fit, minmax(${n||`250px`}, 1fr))`:e?`repeat(${e}, 1fr)`:null,i=()=>{let n=t.offsetWidth,i=!!e.responsive.value,a=e.minColWidth.value??``,o;for(let[r,i]of $i)if(n>=ta(t,i,na[i])&&e[r].value){o=e[r].value;break}o||=e.cols.value||void 0;let s=r(o,i,a);s?t.style.setProperty(`--_cols`,s):t.style.removeProperty(`--_cols`)};n(()=>{e.cols.value,e.colsSm.value,e.colsMd.value,e.colsLg.value,e.colsXl.value,e.cols2xl.value,e.responsive.value,e.minColWidth.value,i()});let a=()=>{let n=t.offsetWidth,r=``;for(let[i,a]of ea)if(n>=ta(t,a,na[a])&&e[i].value){r=e[i].value;break}r||=e.areas.value||``,r?t.style.setProperty(`grid-template-areas`,r):t.style.removeProperty(`grid-template-areas`)};return n(()=>{let n=e.rows.value;n&&n!==`auto`?t.style.setProperty(`--_rows`,`repeat(${n}, 1fr)`):t.style.removeProperty(`--_rows`)}),n(()=>{e.areas.value,e.areasSm.value,e.areasMd.value,e.areasLg.value,e.areasXl.value,e.areas2xl.value,a()}),f(()=>{let e=V(t);n(()=>{e.value,i(),a()})}),s`<slot></slot>`},styles:[Qi]});var ia=`@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}}}`,aa=(e,t,n,r)=>e?(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)):()=>{},oa=e=>!(e instanceof HTMLElement)||e.tagName.includes(`-`)||e.childElementCount>0?!0:(e.textContent??``).trim().length>0,sa=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},ca=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},la=e=>{let t=ca(e)?.clientWidth??0;return t>0?t:e.offsetWidth},ua=e=>{let t=e.parentElement;for(;t;){let e=window.getComputedStyle(t).overflowY;if(e===`auto`||e===`scroll`||e===`overlay`)return t;t=t.parentElement}return null},da=n(`NavbarContext`),fa=`ore-navbar`;a(fa,{props:{breakpoint:p.string(`(max-width: 768px)`),color:p.string(),"container-breakpoints":p.bool(!1),elevation:p.number(),floating:p.bool(!1),label:p.string(`Main navigation`),"mobile-sidebar":p.string(),rounded:p.string(),"scroll-threshold":p.number(80),sticky:p.bool(!1),variant:p.string()},setup(e){let n=o(),r=g(),i=_(),a=()=>i.has(`logo`).value,c=()=>i.elements(`mobile-menu`).value.some(oa),l=T(null),u=T(!1),d=T(!1),p=T(!1),h=T(!1),v=T(!1),y=T(!1),b=T(0),x=T(!1),S=T(!1),w=T(sa(e.breakpoint.value)),E=T(!1),O=()=>{let t=String(e[`mobile-sidebar`].value??``).trim();if(!t)return null;let r=n.getRootNode();return(r instanceof ShadowRoot||r instanceof Document?r.querySelector(t):null)??document.querySelector(t)};m(da,{isMobile:C(()=>p.value),mobileMenuOpen:C(()=>h.value)});let k=()=>{if(e.floating.value&&e.sticky.value)return y.value?`sticky`:`floating`;if(e.floating.value)return`floating`;if(e.sticky.value)return`sticky`},A=e=>{let t=!!e;if(!c()){let e=l.value??O();if(e){t?e.openMobile?.():e.closeMobile?.();return}}t&&!c()||h.value!==t&&(h.value=t,r(`mobile-menu-change`,{open:t}))},j=()=>A(!1),M=()=>A(!0),N=()=>{if(!c()){let e=l.value??O();if(e){typeof e.toggleMobile==`function`?e.toggleMobile():typeof e.openMobile==`function`&&typeof e.closeMobile==`function`&&(e.hasAttribute(`data-mobile-open`)?e.closeMobile():e.openMobile());return}}A(!h.value)},P=()=>{let e=(l.value&&!c()?u.value:!1)||x.value||S.value;p.value=e,e||j()},F=e=>e?e.scrollTop||0:window.scrollY||document.documentElement.scrollTop||0,I=e=>{b.value=F(e)},L=(t=null)=>{if(!(e.floating.value&&e.sticky.value)){y.value&&=!1;return}let n=Math.max(0,Number(e[`scroll-threshold`].value)||0),r=F(t)-b.value;y.value=r>n};return t({attr:{"data-mobile":()=>p.value?!0:void 0,"data-mobile-open":()=>p.value&&h.value?!0:void 0,"data-mode":()=>k()??null,"data-mode-transitioning":()=>v.value?!0:void 0,"data-preview-mode":()=>E.value?!0:void 0,"data-scrolled":()=>e.floating.value&&e.sticky.value&&y.value?!0:void 0}}),f(()=>{let t=n,r=ua(n);t.closeMobileMenu=j,t.openMobileMenu=M,t.toggleMobileMenu=N;let i=aa(window,`scroll`,()=>{L(r)},{passive:!0}),a=r?aa(r,`scroll`,()=>{L(r)},{passive:!0}):void 0,o=aa(n,`keydown`,e=>{e.key!==`Escape`||!h.value||j()}),s,f,p,m,g=()=>{f?.(),f=void 0,l.value=null,u.value=!1,d.value=!1;let e=O();if(!e)return;let t=t=>{let n=e.hasAttribute(`data-bottom-nav`),r=e.hasAttribute(`data-mobile-open`);u.value=n,d.value=t?.detail?t.detail.open:r,d.value&&!u.value&&(u.value=!0),P()},n=new MutationObserver(()=>{t()});t(),n.observe(e,{attributeFilter:[`data-bottom-nav`,`data-mobile-open`],attributes:!0}),e.addEventListener(`mobile-open-change`,t),f=()=>{n.disconnect(),e.removeEventListener(`mobile-open-change`,t)},l.value=e},_=()=>{v.value=!0,p!=null&&clearTimeout(p),p=setTimeout(()=>{v.value=!1,p=void 0},220)},b=D(C(()=>e.floating.value&&e.sticky.value),e=>{if(!e){y.value&&=!1,v.value&&=!1,m=void 0,p!=null&&(clearTimeout(p),p=void 0);return}I(r),L(r),m=k()},{immediate:!0}),T=D(e[`mobile-sidebar`],()=>{g()},{immediate:!0}),A=D(C(()=>k()),t=>{if(!(e.floating.value&&e.sticky.value)){m=t??void 0;return}let n=t??void 0;m&&n&&m!==n&&_(),m=n},{immediate:!0}),F=D(C(()=>c()),e=>{!e&&h.value&&j()},{immediate:!0});D(e.breakpoint,t=>{s?.(),s=void 0;let r=String(t??``).trim();w.value=sa(r),x.value=!1;let i=la(n);if(S.value=i>0&&w.value!=null?i<=w.value:!1,P(),e[`container-breakpoints`].value&&w.value!=null||!r||typeof window.matchMedia!=`function`)return;let a=window.matchMedia(r),o=e=>{x.value=e,P()},c=e=>{o(e.matches)};o(a.matches),a.addEventListener(`change`,c),s=()=>{a.removeEventListener(`change`,c)}},{immediate:!0});let R=typeof ResizeObserver==`function`?(()=>{let e=V(n),t=n.parentElement,r=ca(n),i=t?V(t):void 0,a=r&&r!==t?V(r):void 0;return D(C(()=>[e.value.width,e.value.height,i?.value.width,i?.value.height,a?.value.width,a?.value.height]),()=>{let e=la(n),t=ca(n)?.clientWidth??0;S.value=e>0&&w.value!=null?e<=w.value:!1,E.value=t>0&&t<window.innerWidth,P()})})():void 0;return()=>{o?.(),i?.(),a?.(),b?.dispose(),A?.dispose(),F?.dispose(),T?.dispose(),s?.(),f?.(),R?.dispose(),p!=null&&(clearTimeout(p),p=void 0)}}),s`
|
|
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=${()=>!a()}>
|
|
@@ -2556,7 +2553,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2556
2553
|
${u()}
|
|
2557
2554
|
</a>
|
|
2558
2555
|
`:e.disabled.value?s`<div class="item" part="item" tabindex="-1" aria-disabled="true">${u()}</div>`:s`<button class="item" part="item" type="button">${u()}</button>`}
|
|
2559
|
-
`},styles:[W,ia]});var ma=`@layer refine.base{:host{width:100%;display:block}:host([sidebar-bottom-nav]){display:none}.group{display:block}.group-header{all:unset;box-sizing:border-box;width:100%;min-height:var(--size-6);padding:var(--size-1) var(--size-2);margin-bottom:var(--size-2);color:inherit;-webkit-user-select:none;user-select:none;border-radius:var(--rounded-lg);transition:background var(--transition-fast);outline:none;justify-content:flex-start;align-items:center;display:flex;position:relative}.group-header::-webkit-details-marker{display:none}:host([collapsible]) .group-header{cursor:pointer}:host([collapsible]) .group-header:hover{background:var(--color-contrast-100)}:host([collapsible]) .group-header:focus-visible{outline:var(--focus-ring)}:host(:not([collapsible])) .group-header{cursor:default}:host(:not([collapsible])) .chevron{display:none!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}}`,ha=`@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}}`,ga=`.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}}`,_a=e=>{let t=String(e??``).trim();if(!t)return;let n=/max-width\s*:\s*([0-9]+(?:\.[0-9]+)?)px/i.exec(t);if(!n)return;let r=Number.parseFloat(n[1]);return Number.isFinite(r)?r:void 0},va=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},ya=e=>{let t=va(e)?.clientWidth??0;return t>0?t:e.offsetWidth},ba=n(`SidebarContext`),xa=`ore-sidebar`;a(xa,{props:{"bottom-nav-at":p.string(),collapsed:p.bool(!1),collapsible:p.bool(!1),"container-breakpoints":p.bool(!1),"default-collapsed":p.bool(!1),label:p.string(`Sidebar navigation`),responsive:p.string(),variant:p.string()},setup(e){let n=o(),r=g(),i=_(),a=()=>i.has(`header`).value,c=()=>i.has(`footer`).value,l=()=>i.has(`logo`).value,u=T(n.hasAttribute(`collapsed`)),d=T(u.value?n.hasAttribute(`collapsed`):e[`default-collapsed`].value),p=T(!1),h=T(!1),v=T([]),y=T(!1),b=T(!1),x=T(_a(e.responsive.value)),S=T(!!String(e.responsive.value??``).trim()),w=T(!1),E=T(!1),O=T(_a(e[`bottom-nav-at`].value)),k=T(!1),A=()=>d.value,j=C(()=>p.value?`bottom-nav`:d.value?`collapsed`:`default`),M=()=>{let t=e[`container-breakpoints`].value,n=t?b.value:y.value||b.value,r=t?E.value:w.value||E.value;h.value||(p.value=r),!r&&!h.value&&F(!1,`responsive`),S.value&&P(n,`responsive`)},N=()=>{let e=i.elements().value.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`).map((e,t)=>{let n=e.querySelector(`:scope > [slot="icon"]`)??e.querySelector(`[slot="icon"]`),r=n?.tagName.toLowerCase()===`ore-icon`?n.getAttribute(`name`):null,i=n?.querySelector(`ore-icon`)?.getAttribute(`name`)??null,a=(e.textContent??``).trim();return{active:e.hasAttribute(`active`),disabled:e.hasAttribute(`disabled`),href:e.getAttribute(`href`)??void 0,iconName:r??i??void 0,label:a||`Item ${t+1}`,source:e}});v.value=e};m(ba,{collapsed:C(()=>!p.value&&d.value),mobileOpen:C(()=>p.value&&h.value),mode:j,variant:e.variant});let P=(e,t)=>{A()!==e&&(u.value||(d.value=e),r(`collapsed-change`,{collapsed:e,source:t}))},F=(e,t)=>{let n=!!e;if(n&&!p.value&&(p.value=!0),!p.value&&!n){h.value&&=!1;return}h.value!==n&&(h.value=n,n||M(),r(`mobile-open-change`,{open:n,source:t}))},I=()=>{P(!A(),`toggle`)},L=n;return L.setCollapsed=e=>P(!!e,`api`),L.toggle=I,L.openMobile=()=>F(!0,`api`),L.closeMobile=()=>F(!1,`api`),L.toggleMobile=()=>F(!h.value,`toggle`),t({attr:{"data-bottom-nav":()=>p.value?!0:void 0,"data-collapsed":()=>A()&&!p.value?!0:void 0,"data-mobile-open":()=>p.value&&h.value?!0:void 0,"data-preview-mode":()=>k.value?!0:void 0}}),f(()=>{n.setAttribute(`data-no-transition`,``);let t=!1,r=()=>{t||(t=!0,n.removeAttribute(`data-no-transition`))};requestAnimationFrame(()=>requestAnimationFrame(r));let a,o,s=new Map,c=new MutationObserver(()=>{!n.hasAttribute(`collapsed`)&&!u.value||(u.value=!0,d.value=n.hasAttribute(`collapsed`))});c.observe(n,{attributeFilter:[`collapsed`],attributes:!0}),D(e.responsive,t=>{a?.(),a=void 0;let r=String(t??``).trim();S.value=!!r,x.value=_a(r),y.value=!1;let i=ya(n);if(b.value=i>0&&x.value!=null?i<=x.value:!1,M(),e[`container-breakpoints`].value&&x.value!=null||!r||typeof window.matchMedia!=`function`)return;let o=window.matchMedia(r),s=e=>{y.value=e.matches,M()};y.value=o.matches,M(),o.addEventListener(`change`,s),a=()=>{o.removeEventListener(`change`,s)}},{immediate:!0}),D(e[`bottom-nav-at`],t=>{o?.(),o=void 0;let r=String(t??``).trim();O.value=_a(r),w.value=!1;let i=ya(n);if(E.value=i>0&&O.value!=null?i<=O.value:!1,M(),e[`container-breakpoints`].value&&O.value!=null||!r||typeof window.matchMedia!=`function`)return;let a=window.matchMedia(r),s=e=>{w.value=e.matches,M()};w.value=a.matches,M(),a.addEventListener(`change`,s),o=()=>{a.removeEventListener(`change`,s)}},{immediate:!0});let l=typeof ResizeObserver==`function`?(()=>{let e=V(n),t=n.parentElement,i=va(n),a=t?V(t):void 0,o=i&&i!==t?V(i):void 0,s;return D(C(()=>[e.value.width,e.value.height,a?.value.width,a?.value.height,o?.value.width,o?.value.height]),()=>{s!==void 0&&cancelAnimationFrame(s),s=requestAnimationFrame(()=>{let e=va(n),t=ya(n),i=b.value,a=E.value,o=e?.clientWidth??0;k.value=o>0&&o<window.innerWidth,b.value=t>0&&x.value!=null?t<=x.value:!1,E.value=t>0&&O.value!=null?t<=O.value:!1,(i!==b.value||a!==E.value)&&M(),r()})})})():void 0,f=e=>{let t=new Set(e);for(let[e,n]of s)t.has(e)||(n.disconnect(),s.delete(e));for(let t of e){if(s.has(t))continue;let e=new MutationObserver(()=>{p.value&&N()});e.observe(t,{attributeFilter:[`active`,`disabled`,`href`],attributes:!0}),s.set(t,e)}};return D(i.elements(),e=>{let t=e.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`);f(t),N()},{immediate:!0}),()=>{c.disconnect(),a?.(),o?.(),l?.dispose();for(let e of s.values())e.disconnect();s.clear()}}),s`
|
|
2556
|
+
`},styles:[W,ia]});var ma=`@layer refine.base{:host{width:100%;display:block}:host([sidebar-bottom-nav]){display:none}.group{display:block}.group-header{all:unset;box-sizing:border-box;width:100%;min-height:var(--size-6);padding:var(--size-1) var(--size-2);margin-bottom:var(--size-2);color:inherit;-webkit-user-select:none;user-select:none;border-radius:var(--rounded-lg);transition:background var(--transition-fast);outline:none;justify-content:flex-start;align-items:center;display:flex;position:relative}.group-header::-webkit-details-marker{display:none}:host([collapsible]) .group-header{cursor:pointer}:host([collapsible]) .group-header:hover{background:var(--color-contrast-100)}:host([collapsible]) .group-header:focus-visible{outline:var(--focus-ring)}:host(:not([collapsible])) .group-header{cursor:default}:host(:not([collapsible])) .chevron{display:none!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}}`,ha=`@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}}`,ga=`.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}}`,_a=e=>{let t=String(e??``).trim();if(!t)return;let n=/max-width\s*:\s*([0-9]+(?:\.[0-9]+)?)px/i.exec(t);if(!n)return;let r=Number.parseFloat(n[1]);return Number.isFinite(r)?r:void 0},va=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},ya=e=>{let t=va(e)?.clientWidth??0;return t>0?t:e.offsetWidth},ba=n(`SidebarContext`),xa=`ore-sidebar`;a(xa,{props:{"bottom-nav-at":p.string(),collapsed:p.bool(!1),collapsible:p.bool(!1),"container-breakpoints":p.bool(!1),"default-collapsed":p.bool(!1),label:p.string(`Sidebar navigation`),responsive:p.string(),variant:p.string()},setup(e){let n=o(),r=g(),i=_(),a=()=>i.has(`header`).value,c=()=>i.has(`footer`).value,l=()=>i.has(`logo`).value,u=T(n.hasAttribute(`collapsed`)),d=T(u.value?n.hasAttribute(`collapsed`):e[`default-collapsed`].value),p=T(!1),h=T(!1),v=T([]),y=T(!1),b=T(!1),x=T(_a(e.responsive.value)),S=T(!!String(e.responsive.value??``).trim()),w=T(!1),E=T(!1),O=T(_a(e[`bottom-nav-at`].value)),k=T(!1),A=()=>d.value,j=C(()=>p.value?`bottom-nav`:d.value?`collapsed`:`default`),M=()=>{let t=e[`container-breakpoints`].value,n=t?b.value:y.value||b.value,r=t?E.value:w.value||E.value;h.value||(p.value=r),!r&&!h.value&&F(!1,`responsive`),S.value&&P(n,`responsive`)},N=()=>{let e=i.elements().value.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`).map((e,t)=>{let n=e.querySelector(`:scope > [slot="icon"]`)??e.querySelector(`[slot="icon"]`),r=n?.tagName.toLowerCase()===`ore-icon`?n.getAttribute(`name`):null,i=n?.querySelector(`ore-icon`)?.getAttribute(`name`)??null,a=(e.textContent??``).trim();return{active:e.hasAttribute(`active`),disabled:e.hasAttribute(`disabled`),href:e.getAttribute(`href`)??void 0,iconName:r??i??void 0,label:a||`Item ${t+1}`,source:e}});v.value=e};m(ba,{collapsed:C(()=>!p.value&&d.value),mobileOpen:C(()=>p.value&&h.value),mode:j,variant:e.variant});let P=(e,t)=>{A()!==e&&(u.value||(d.value=e),r(`collapsed-change`,{collapsed:e,source:t}))},F=(e,t)=>{let n=!!e;if(n&&!p.value&&(p.value=!0),!p.value&&!n){h.value&&=!1;return}h.value!==n&&(h.value=n,n||M(),r(`mobile-open-change`,{open:n,source:t}))},I=()=>{P(!A(),`toggle`)},L=n;return L.setCollapsed=e=>P(!!e,`api`),L.toggle=I,L.openMobile=()=>F(!0,`api`),L.closeMobile=()=>F(!1,`api`),L.toggleMobile=()=>F(!h.value,`toggle`),t({attr:{"data-bottom-nav":()=>p.value?!0:void 0,"data-collapsed":()=>A()&&!p.value?!0:void 0,"data-mobile-open":()=>p.value&&h.value?!0:void 0,"data-preview-mode":()=>k.value?!0:void 0}}),f(()=>{n.setAttribute(`data-no-transition`,``);let t=!1,r=()=>{t||(t=!0,n.removeAttribute(`data-no-transition`))};requestAnimationFrame(()=>requestAnimationFrame(r));let a,o,s=new Map,c=new MutationObserver(()=>{!n.hasAttribute(`collapsed`)&&!u.value||(u.value=!0,d.value=n.hasAttribute(`collapsed`))});c.observe(n,{attributeFilter:[`collapsed`],attributes:!0}),D(e.responsive,t=>{a?.(),a=void 0;let r=String(t??``).trim();S.value=!!r,x.value=_a(r),y.value=!1;let i=ya(n);if(b.value=i>0&&x.value!=null?i<=x.value:!1,M(),e[`container-breakpoints`].value&&x.value!=null||!r||typeof window.matchMedia!=`function`)return;let o=window.matchMedia(r),s=e=>{y.value=e.matches,M()};y.value=o.matches,M(),o.addEventListener(`change`,s),a=()=>{o.removeEventListener(`change`,s)}},{immediate:!0}),D(e[`bottom-nav-at`],t=>{o?.(),o=void 0;let r=String(t??``).trim();O.value=_a(r),w.value=!1;let i=ya(n);if(E.value=i>0&&O.value!=null?i<=O.value:!1,M(),e[`container-breakpoints`].value&&O.value!=null||!r||typeof window.matchMedia!=`function`)return;let a=window.matchMedia(r),s=e=>{w.value=e.matches,M()};w.value=a.matches,M(),a.addEventListener(`change`,s),o=()=>{a.removeEventListener(`change`,s)}},{immediate:!0});let l=typeof ResizeObserver==`function`?(()=>{let e=V(n),t=n.parentElement,i=va(n),a=t?V(t):void 0,o=i&&i!==t?V(i):void 0,s;return D(C(()=>[e.value.width,e.value.height,a?.value.width,a?.value.height,o?.value.width,o?.value.height]),()=>{s!==void 0&&cancelAnimationFrame(s),s=requestAnimationFrame(()=>{let e=va(n),t=ya(n),i=b.value,a=E.value,o=e?.clientWidth??0;k.value=o>0&&o<window.innerWidth,b.value=t>0&&x.value!=null?t<=x.value:!1,E.value=t>0&&O.value!=null?t<=O.value:!1,(i!==b.value||a!==E.value)&&M(),r()})})})():void 0,f=e=>{let t=new Set(e);for(let[e,n]of s)t.has(e)||(n.disconnect(),s.delete(e));for(let t of e){if(s.has(t))continue;let e=new MutationObserver(()=>{p.value&&N()});e.observe(t,{attributeFilter:[`active`,`disabled`,`href`],attributes:!0}),s.set(t,e)}};return D(i.elements(),e=>{let t=e.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`);f(t),N()},{immediate:!0}),()=>{c.disconnect(),a?.(),o?.(),l?.dispose();for(let e of s.values())e.disconnect();s.clear()}}),s`
|
|
2560
2557
|
<button
|
|
2561
2558
|
class="mobile-backdrop"
|
|
2562
2559
|
part="mobile-backdrop"
|
|
@@ -2793,7 +2790,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
|
|
|
2793
2790
|
</div>
|
|
2794
2791
|
</div>
|
|
2795
2792
|
</dialog>
|
|
2796
|
-
`},styles:[he,ge,W,G,Ia]});var za=`@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)}}`,Ba=`@layer refine.base{:host{margin:var(--size-1) 0;border-top:var(--border) solid var(--color-contrast-200);display:block}}`,Va=`@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:[he,ge,W,G,Ia]});var za=`@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)}}`,Ba=`@layer refine.base{:host{margin:var(--size-1) 0;border-top:var(--border) solid var(--color-contrast-200);display:block}}`,Va=`@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}}`,Ha=`ore-menu-item`;a(Ha,{props:{checked:p.bool(!1),disabled:p.bool(!1),type:p.string(),value:p.string()},setup(e){let t=()=>e.type.value===`checkbox`||e.type.value===`radio`,n=()=>t()&&e.checked.value;return t()?s`
|
|
2797
2794
|
<div
|
|
2798
2795
|
class="${()=>{let t=e.type.value;return[`item`,t===`checkbox`?`is-checkbox`:``,t===`radio`?`is-radio`:``,n()?`is-checked`:``].filter(Boolean).join(` `)}}"
|
|
2799
2796
|
tabindex="-1"
|