@vielzeug/refine 3.2.0 → 3.2.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/content/stepper/step.css.cjs +1 -1
- package/dist/content/stepper/step.css.cjs.map +1 -1
- package/dist/content/stepper/step.css.js +1 -1
- package/dist/content/stepper/step.css.js.map +1 -1
- package/dist/custom-elements.json +510 -510
- 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/message-composer/message-composer.css.cjs +1 -1
- package/dist/inputs/message-composer/message-composer.css.cjs.map +1 -1
- package/dist/inputs/message-composer/message-composer.css.js +1 -1
- package/dist/inputs/message-composer/message-composer.css.js.map +1 -1
- package/dist/inputs/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/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/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/refine.cjs +6 -6
- package/dist/refine.cjs.map +1 -1
- package/dist/refine.iife.js +6 -6
- package/dist/refine.iife.js.map +1 -1
- package/dist/refine.js +6 -6
- package/dist/refine.js.map +1 -1
- package/package.json +2 -2
package/dist/refine.iife.js
CHANGED
|
@@ -1109,7 +1109,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1109
1109
|
<span class="description" part="description" ?hidden=${()=>!r()}><slot name="description">${e.description}</slot></span>
|
|
1110
1110
|
</footer>
|
|
1111
1111
|
</article>
|
|
1112
|
-
`},styles:[q,G,K({lg:{"--_icon-size":`var(--size-10)`,"--_min-height":`var(--stats-min-height, var(--size-36))`,"--_value-size":`var(--stats-value-size, var(--text-3xl))`,gap:`var(--size-4)`,padding:`var(--stats-padding, var(--size-5))`},md:{"--_icon-size":`var(--size-9)`,"--_min-height":`var(--stats-min-height, var(--size-32))`,"--_value-size":`var(--stats-value-size, var(--text-2xl))`,gap:`var(--size-3)`,padding:`var(--stats-padding, var(--size-4))`},sm:{"--_icon-size":`var(--size-8)`,"--_min-height":`var(--stats-min-height, var(--size-24))`,"--_value-size":`var(--stats-value-size, var(--text-xl))`,gap:`var(--size-2)`,padding:`var(--stats-padding, var(--size-3))`}}),W,J,jn]});function Nn(e){return!(!e.stepperClickable||e.disabled||e.linear&&e.stepperCurrentIndex>=0&&e.index>e.stepperCurrentIndex)}var Pn=`@layer refine.base{:host{--step-indicator-size:var(--size-8);--step-font-size:var(--text-sm);--step-gap:var(--size-2);flex:1;min-width:0;display:flex}.step{box-sizing:border-box;align-items:center;width:100%;list-style:none;display:flex;position:relative}.connector{top:calc(var(--size-1) + var(--step-indicator-size) / 2);width:calc(50% - var(--step-indicator-size) / 2);height:var(--stepper-connector-size,2px);background:var(--stepper-connector-color,var(--color-contrast-200));border-radius:var(--rounded-full);transition:background var(--transition-fast);position:absolute;transform:translateY(-50%)}.connector-leading{left:0}.connector-trailing{right:0}:host(:first-of-type) .connector-leading,:host(:last-of-type) .connector-trailing{display:none}.control{all:unset;box-sizing:border-box;gap:var(--step-gap);width:100%;min-width:0;padding:var(--size-1);cursor:default;border-radius:var(--rounded-lg);flex-direction:column;flex:auto;align-items:center;font-family:inherit;display:flex;position:relative}button.control{min-height:var(--_touch-target,auto);cursor:pointer;transition:background var(--transition-fast)}button.control:focus-visible{outline:var(--border-2) solid var(--_theme-base,var(--color-contrast-500));outline-offset:var(--border-2)}button.control[aria-disabled=true]{cursor:not-allowed;opacity:.5}.indicator{box-sizing:border-box;width:var(--step-indicator-size);height:var(--step-indicator-size);font-size:var(--step-font-size);font-weight:var(--font-semibold);color:var(--color-contrast-500);background:var(--color-contrast-100);border:var(--border-2) solid var(--color-contrast-200);border-radius:var(--rounded-full);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);flex:none;justify-content:center;align-items:center;display:flex}.icon-slot[hidden]{display:none}.number{line-height:1}.content{text-align:center;flex-direction:column;flex:auto;align-items:center;min-width:0;display:flex}.label{gap:var(--size-1);min-width:0;font-size:var(--step-font-size);font-weight:var(--font-medium);color:var(--color-contrast-700);justify-content:center;align-items:baseline;display:flex}.label-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.optional-hint{font-size:var(--text-xs);font-weight:var(--font-normal);color:var(--color-contrast-400);flex:none}.description{font-size:var(--text-xs);color:var(--color-contrast-500)}.description[hidden]{display:none}.sr-only{white-space:nowrap;clip-path:inset(50%);border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@layer refine.states{:host([current]) .indicator{color:var(--_theme-contrast,var(--color-canvas));background:var(--_theme-base,var(--color-contrast-800));border-color:var(--_theme-base,var(--color-contrast-800))}:host([current]) .label{font-weight:var(--font-semibold);color:var(--color-contrast-900)}:host([completed]) .indicator{color:var(--_theme-contrast,var(--color-canvas));background:var(--_theme-focus,var(--color-contrast-600));border-color:var(--_theme-focus,var(--color-contrast-600))}:host([completed]) .connector,:host([current]) .connector-leading{background:var(--_theme-focus,var(--color-contrast-400))}:host([error]) .indicator{color:var(--color-canvas);background:var(--color-error);border-color:var(--color-error)}:host([error]) .label{color:var(--color-error)}:host([disabled]) .label,:host([disabled]) .description{color:var(--color-contrast-400)}:host([disabled]) .indicator{opacity:.6}}@layer refine.sizes{:host([size=sm]){--step-indicator-size:var(--size-6);--step-font-size:var(--text-xs);--step-gap:var(--size-1-5)}:host(:not([size])),:host([size=md]){--step-indicator-size:var(--size-8);--step-font-size:var(--text-sm);--step-gap:var(--size-2)}:host([size=lg]){--step-indicator-size:var(--size-10);--step-font-size:var(--text-base);--step-gap:var(--size-2-5)}@media (pointer:coarse){:host(:not([size])),:host([size=sm]),:host([size=md]){--step-indicator-size:var(--size-9);--step-font-size:var(--text-sm)}}}@layer refine.orientation{:host([orientation=vertical]){flex:none;width:100%}:host([orientation=vertical]) .step{padding-top:var(--stepper-gap,var(--size-4));align-items:flex-start}:host([orientation=vertical]:first-of-type) .step{padding-top:0}:host([orientation=vertical]) .control{flex-direction:row;align-items:flex-start}:host([orientation=vertical]) .content{text-align:left;align-items:flex-start}:host([orientation=vertical]) .label{justify-content:flex-start}:host([orientation=vertical]) .connector-leading{top:0;left:calc(var(--size-1) + var(--step-indicator-size) / 2);width:var(--stepper-connector-size,2px);height:calc(var(--stepper-gap,var(--size-4)) + var(--size-1));transform:translate(-50%)}:host([orientation=vertical]) .connector-trailing{inset:calc(var(--stepper-gap,var(--size-4)) + var(--size-1) + var(--step-indicator-size)) auto 0 calc(var(--size-1) + var(--step-indicator-size) / 2);width:var(--stepper-connector-size,2px);height:auto;transform:translate(-50%)}:host([orientation=vertical]:first-of-type) .connector-trailing{top:calc(var(--size-1) + var(--step-indicator-size))}}@media (forced-colors:active){.indicator{border:1px solid buttontext}:host([current]) .indicator,:host([completed]) .indicator{border:1px solid highlight}}`,Fn=`@layer refine.base{:host,nav{width:100%;display:block}.steps{align-items:flex-start;gap:0;width:100%;margin:0;padding:0;list-style:none;display:flex}.stepper-message{margin-top:var(--size-3);display:block}}@layer refine.orientation{:host([orientation=vertical]) .steps{flex-direction:column;align-items:stretch}}`,In=(0,t.createContext)(`StepperContext`),Ln=`ore-stepper`;(0,t.define)(Ln,{props:{...F,...I,...L,clickable:t.prop.bool(!1),label:t.prop.string(`Progress`),linear:t.prop.bool(!1),orientation:t.prop.oneOf([`horizontal`,`vertical`],`horizontal`),value:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=()=>Array.from(r.querySelectorAll(`:scope > ore-step`)),s=e=>{e?.shadowRoot?.querySelector(`button.control`)?.focus()},c=(0,n.signal)(e.value.value);(0,t.bind)({attr:{value:()=>c.value??null}});let l=(e,t=!1)=>{e&&e!==c.value&&(c.value=e,t&&i(`change`,{value:e}))},u=()=>{let e=o();if(e.length===0)return;let t=c.value;if(t&&e.some(e=>e.getAttribute(`value`)===t))return;let n=e.find(e=>!e.hasAttribute(`disabled`))?.getAttribute(`value`)??void 0;n&&l(n)};(0,n.watch)(e.value,e=>{c.value=e,u()});let d=(0,n.computed)(()=>(a.elements().value,o().map(e=>e.getAttribute(`value`)??``)));(0,t.provide)(In,{clickable:(0,n.computed)(()=>!!e.clickable.value&&!e.disabled.value),color:e.color,currentValue:c,linear:(0,n.computed)(()=>!!e.linear.value),orientation:(0,n.computed)(()=>e.orientation.value??`horizontal`),size:e.size,stepValues:d}),(0,t.onMounted)(()=>{u()});let f=()=>{let t=o(),n=t.map(e=>e.getAttribute(`value`)??``).indexOf(c.value??``),r=!!e.clickable.value&&!e.disabled.value,i=!!e.linear.value;return t.filter((e,t)=>Nn({disabled:e.hasAttribute(`disabled`),index:t,linear:i,stepperClickable:r,stepperCurrentIndex:n}))},p=X({direction:()=>Tt(r),getItems:f,loop:!1,onNavigate:({item:e})=>{let t=e.getAttribute(`value`);t&&l(t,!0),s(e)},orientation:()=>e.orientation.value===`vertical`?`vertical`:`horizontal`,signal:Y(t.onCleanup)}),m=e=>{let t=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`ore-step`);if(!t||t.closest(`ore-stepper`)!==r||!f().includes(t))return;let n=t.getAttribute(`value`);l(n??void 0,!0),s(t)},h=$e({onPress:()=>{let e=f().find(e=>e===document.activeElement||e.shadowRoot?.activeElement===document.activeElement),t=e?.getAttribute(`value`);t&&(l(t,!0),s(e))}});return(0,t.bind)({on:{click:m,keydown:e=>{let t=f();if(t.length===0)return;let n=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`ore-step`),r=n?t.indexOf(n):-1;r>=0&&p.set(r),!p.handleKeydown(e)&&h.handleKeydown(e)}}}),t.html`
|
|
1112
|
+
`},styles:[q,G,K({lg:{"--_icon-size":`var(--size-10)`,"--_min-height":`var(--stats-min-height, var(--size-36))`,"--_value-size":`var(--stats-value-size, var(--text-3xl))`,gap:`var(--size-4)`,padding:`var(--stats-padding, var(--size-5))`},md:{"--_icon-size":`var(--size-9)`,"--_min-height":`var(--stats-min-height, var(--size-32))`,"--_value-size":`var(--stats-value-size, var(--text-2xl))`,gap:`var(--size-3)`,padding:`var(--stats-padding, var(--size-4))`},sm:{"--_icon-size":`var(--size-8)`,"--_min-height":`var(--stats-min-height, var(--size-24))`,"--_value-size":`var(--stats-value-size, var(--text-xl))`,gap:`var(--size-2)`,padding:`var(--stats-padding, var(--size-3))`}}),W,J,jn]});function Nn(e){return!(!e.stepperClickable||e.disabled||e.linear&&e.stepperCurrentIndex>=0&&e.index>e.stepperCurrentIndex)}var Pn=`@layer refine.base{:host{--step-indicator-size:var(--size-8);--step-font-size:var(--text-sm);--step-gap:var(--size-2);flex:1;min-width:0;display:flex}.step{box-sizing:border-box;align-items:center;width:100%;list-style:none;display:flex;position:relative}.connector{top:calc(var(--size-1) + var(--step-indicator-size) / 2);width:calc(50% - var(--step-indicator-size) / 2);height:var(--stepper-connector-size,2px);background:var(--stepper-connector-color,var(--color-contrast-200));border-radius:var(--rounded-full);transition:background var(--transition-fast);position:absolute;transform:translateY(-50%)}.connector-leading{left:0}.connector-trailing{right:0}:host(:first-of-type) .connector-leading,:host(:last-of-type) .connector-trailing{display:none}.control{all:unset;box-sizing:border-box;gap:var(--step-gap);width:100%;min-width:0;padding:var(--size-1);cursor:default;border-radius:var(--rounded-lg);flex-direction:column;flex:auto;align-items:center;font-family:inherit;display:flex;position:relative}button.control{min-height:var(--_touch-target,auto);cursor:pointer;transition:background var(--transition-fast)}button.control:focus-visible{outline:var(--border-2) solid var(--_theme-base,var(--color-contrast-500));outline-offset:var(--border-2)}button.control[aria-disabled=true]{cursor:not-allowed;opacity:.5}.indicator{box-sizing:border-box;width:var(--step-indicator-size);height:var(--step-indicator-size);font-size:var(--step-font-size);font-weight:var(--font-semibold);color:var(--color-contrast-500);background:var(--color-contrast-100);border:var(--border-2) solid var(--color-contrast-200);border-radius:var(--rounded-full);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);flex:none;justify-content:center;align-items:center;display:flex}.icon-slot[hidden]{display:none}.number{line-height:1}.content{text-align:center;flex-direction:column;flex:auto;align-items:center;min-width:0;max-width:100%;display:flex}.label{gap:var(--size-1);min-width:0;max-width:100%;font-size:var(--step-font-size);font-weight:var(--font-medium);color:var(--color-contrast-700);justify-content:center;align-items:baseline;display:flex}.label-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.optional-hint{font-size:var(--text-xs);font-weight:var(--font-normal);color:var(--color-contrast-400);flex:none}.description{font-size:var(--text-xs);color:var(--color-contrast-500)}.description[hidden]{display:none}.sr-only{white-space:nowrap;clip-path:inset(50%);border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@layer refine.states{:host([current]) .indicator{color:var(--_theme-contrast,var(--color-canvas));background:var(--_theme-base,var(--color-contrast-800));border-color:var(--_theme-base,var(--color-contrast-800))}:host([current]) .label{font-weight:var(--font-semibold);color:var(--color-contrast-900)}:host([completed]) .indicator{color:var(--_theme-contrast,var(--color-canvas));background:var(--_theme-focus,var(--color-contrast-600));border-color:var(--_theme-focus,var(--color-contrast-600))}:host([completed]) .connector,:host([current]) .connector-leading{background:var(--_theme-focus,var(--color-contrast-400))}:host([error]) .indicator{color:var(--color-canvas);background:var(--color-error);border-color:var(--color-error)}:host([error]) .label{color:var(--color-error)}:host([disabled]) .label,:host([disabled]) .description{color:var(--color-contrast-400)}:host([disabled]) .indicator{opacity:.6}}@layer refine.sizes{:host([size=sm]){--step-indicator-size:var(--size-6);--step-font-size:var(--text-xs);--step-gap:var(--size-1-5)}:host(:not([size])),:host([size=md]){--step-indicator-size:var(--size-8);--step-font-size:var(--text-sm);--step-gap:var(--size-2)}:host([size=lg]){--step-indicator-size:var(--size-10);--step-font-size:var(--text-base);--step-gap:var(--size-2-5)}@media (pointer:coarse){:host(:not([size])),:host([size=sm]),:host([size=md]){--step-indicator-size:var(--size-9);--step-font-size:var(--text-sm)}}}@layer refine.orientation{:host([orientation=vertical]){flex:none;width:100%}:host([orientation=vertical]) .step{padding-top:var(--stepper-gap,var(--size-4));align-items:flex-start}:host([orientation=vertical]:first-of-type) .step{padding-top:0}:host([orientation=vertical]) .control{flex-direction:row;align-items:flex-start}:host([orientation=vertical]) .content{text-align:left;align-items:flex-start}:host([orientation=vertical]) .label{justify-content:flex-start}:host([orientation=vertical]) .connector-leading{top:0;left:calc(var(--size-1) + var(--step-indicator-size) / 2);width:var(--stepper-connector-size,2px);height:calc(var(--stepper-gap,var(--size-4)) + var(--size-1));transform:translate(-50%)}:host([orientation=vertical]) .connector-trailing{inset:calc(var(--stepper-gap,var(--size-4)) + var(--size-1) + var(--step-indicator-size)) auto 0 calc(var(--size-1) + var(--step-indicator-size) / 2);width:var(--stepper-connector-size,2px);height:auto;transform:translate(-50%)}:host([orientation=vertical]:first-of-type) .connector-trailing{top:calc(var(--size-1) + var(--step-indicator-size))}}@media (forced-colors:active){.indicator{border:1px solid buttontext}:host([current]) .indicator,:host([completed]) .indicator{border:1px solid highlight}}`,Fn=`@layer refine.base{:host,nav{width:100%;display:block}.steps{align-items:flex-start;gap:0;width:100%;margin:0;padding:0;list-style:none;display:flex}.stepper-message{margin-top:var(--size-3);display:block}}@layer refine.orientation{:host([orientation=vertical]) .steps{flex-direction:column;align-items:stretch}}`,In=(0,t.createContext)(`StepperContext`),Ln=`ore-stepper`;(0,t.define)(Ln,{props:{...F,...I,...L,clickable:t.prop.bool(!1),label:t.prop.string(`Progress`),linear:t.prop.bool(!1),orientation:t.prop.oneOf([`horizontal`,`vertical`],`horizontal`),value:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=()=>Array.from(r.querySelectorAll(`:scope > ore-step`)),s=e=>{e?.shadowRoot?.querySelector(`button.control`)?.focus()},c=(0,n.signal)(e.value.value);(0,t.bind)({attr:{value:()=>c.value??null}});let l=(e,t=!1)=>{e&&e!==c.value&&(c.value=e,t&&i(`change`,{value:e}))},u=()=>{let e=o();if(e.length===0)return;let t=c.value;if(t&&e.some(e=>e.getAttribute(`value`)===t))return;let n=e.find(e=>!e.hasAttribute(`disabled`))?.getAttribute(`value`)??void 0;n&&l(n)};(0,n.watch)(e.value,e=>{c.value=e,u()});let d=(0,n.computed)(()=>(a.elements().value,o().map(e=>e.getAttribute(`value`)??``)));(0,t.provide)(In,{clickable:(0,n.computed)(()=>!!e.clickable.value&&!e.disabled.value),color:e.color,currentValue:c,linear:(0,n.computed)(()=>!!e.linear.value),orientation:(0,n.computed)(()=>e.orientation.value??`horizontal`),size:e.size,stepValues:d}),(0,t.onMounted)(()=>{u()});let f=()=>{let t=o(),n=t.map(e=>e.getAttribute(`value`)??``).indexOf(c.value??``),r=!!e.clickable.value&&!e.disabled.value,i=!!e.linear.value;return t.filter((e,t)=>Nn({disabled:e.hasAttribute(`disabled`),index:t,linear:i,stepperClickable:r,stepperCurrentIndex:n}))},p=X({direction:()=>Tt(r),getItems:f,loop:!1,onNavigate:({item:e})=>{let t=e.getAttribute(`value`);t&&l(t,!0),s(e)},orientation:()=>e.orientation.value===`vertical`?`vertical`:`horizontal`,signal:Y(t.onCleanup)}),m=e=>{let t=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`ore-step`);if(!t||t.closest(`ore-stepper`)!==r||!f().includes(t))return;let n=t.getAttribute(`value`);l(n??void 0,!0),s(t)},h=$e({onPress:()=>{let e=f().find(e=>e===document.activeElement||e.shadowRoot?.activeElement===document.activeElement),t=e?.getAttribute(`value`);t&&(l(t,!0),s(e))}});return(0,t.bind)({on:{click:m,keydown:e=>{let t=f();if(t.length===0)return;let n=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`ore-step`),r=n?t.indexOf(n):-1;r>=0&&p.set(r),!p.handleKeydown(e)&&h.handleKeydown(e)}}}),t.html`
|
|
1113
1113
|
<nav part="nav" aria-label="${e.label}">
|
|
1114
1114
|
<ol class="steps" role="list" part="list">
|
|
1115
1115
|
<slot></slot>
|
|
@@ -1635,7 +1635,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
1635
1635
|
<div class="error-text" id="${h}" role="alert" ?hidden=${()=>!_()}>${e.error}</div>
|
|
1636
1636
|
<div class="helper-text" id="${g}" ?hidden=${()=>!v()}>${e.helper}</div>
|
|
1637
1637
|
</fieldset>
|
|
1638
|
-
`},styles:[ye,Lr]});var Br=(e,t,n)=>{Object.defineProperty(e,"checked",{configurable:!0,enumerable:!0,get:t,set:n})},Z=(e,t,n)=>{Object.defineProperty(e,"value",{configurable:!0,enumerable:!0,get:t,set:n})},Q=(e,t)=>{e.dispatchEvent(new Event(t,{bubbles:!0,composed:!0}))},Vr=(e,t)=>{e.checked=t},$=(e,t)=>{e.value=t},Hr=`@layer refine.base{:host{--_size:var(--checkbox-size,var(--size-5));--_radius:var(--checkbox-radius,var(--rounded-lg));--_font-size:var(--checkbox-font-size,var(--text-sm));--_bg:var(--checkbox-bg,var(--color-contrast-200));--_border:var(--checkbox-border-color,var(--color-contrast-300));gap:var(--_gap,var(--size-2));min-height:var(--_touch-target);cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex}.checkbox-wrapper{width:var(--_size);height:var(--_size);flex-shrink:0;display:block;position:relative}.box{box-sizing:border-box;width:var(--_size);height:var(--_size);background:var(--_bg);border:var(--border-2) solid var(--_border);border-radius:var(--_radius);transition:background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);position:relative}:host(:focus-visible) .box{box-shadow:var(--_focus-shadow)}.checkmark,.dash{color:var(--_icon-color);opacity:0;transition:opacity var(--transition-spring), transform var(--transition-spring);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.checkmark::part(svg),.dash::part(svg){width:calc(var(--_size) * .6);height:calc(var(--_size) * .6);fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.label{font-size:var(--_font-size);color:var(--color-contrast)}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:calc(var(--_size) + var(--size-2))}.helper-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--_size) + var(--size-2))}.helper-text[role=alert]{color:var(--color-error)}}@layer refine.overrides{:host{--_active-bg:var(--checkbox-checked-bg,var(--_theme-base));--_icon-color:var(--checkbox-color,var(--_theme-contrast));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .box,:host([indeterminate]) .box{background:var(--_active-bg);border-color:var(--_active-bg)}:host([checked]) .checkmark,:host([indeterminate]:not([checked])) .dash{opacity:1;transform:translate(-50%,-50%)scale(1)}}`,Ur=`ore-checkbox`;(0,t.define)(Ur,{formAssociated:!0,props:{...F,...I,...L,checked:t.prop.bool(!1),error:t.prop.string(),helper:t.prop.string(),indeterminate:t.prop.bool(!1),name:t.prop.string(),required:t.prop.bool(!1),value:t.prop.string(`on`)},setup(e){let r=(0,t.getHost)(),i=(0,t.inject)(Rr),a=tt({checked:e.checked,clearIndeterminateFirst:!0,disabled:(0,n.computed)(()=>e.disabled.value||!!i?.disabled.value),error:e.error,group:i,helper:e.helper,indeterminate:e.indeterminate,onToggle:e=>{a.triggerValidation(`change`),Vr(r,e.checked),!i&&(Q(r,`input`),Q(r,`change`))},prefix:`checkbox`,required:e.required,signal:Y(t.onCleanup),value:e.value});a.attachFormField((0,t.useField)({disabled:a.disabled,onReset:a.reset,toFormValue:e=>e,validationMessage:a.validationMessage,validity:a.validity,value:a.checkableFormValue}));let{assistiveId:o,checked:s,disabled:c,errorText:l,handleClick:u,handleKeydown:d,helperText:f,indeterminate:p,labelId:m}=a;return Br(r,()=>s.value,e=>{s.value=e}),gn(e.size,{assistiveId:o,checked:s,disabled:c,errorText:l,handleClick:u,handleKeydown:d,helperText:f,indeterminate:p,labelId:m,required:e.required},`checkbox`),t.html`
|
|
1638
|
+
`},styles:[ye,Lr]});var Br=(e,t,n)=>{Object.defineProperty(e,"checked",{configurable:!0,enumerable:!0,get:t,set:n})},Z=(e,t,n)=>{Object.defineProperty(e,"value",{configurable:!0,enumerable:!0,get:t,set:n})},Q=(e,t)=>{e.dispatchEvent(new Event(t,{bubbles:!0,composed:!0}))},Vr=(e,t)=>{e.checked=t},$=(e,t)=>{e.value=t},Hr=`@layer refine.base{:host{--_size:var(--checkbox-size,var(--size-5));--_radius:var(--checkbox-radius,var(--rounded-lg));--_font-size:var(--checkbox-font-size,var(--text-sm));--_bg:var(--checkbox-bg,var(--color-contrast-200));--_border:var(--checkbox-border-color,var(--color-contrast-300));gap:var(--_gap,var(--size-2));min-height:var(--_touch-target);cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex}.checkbox-wrapper{width:var(--_size);height:var(--_size);flex-shrink:0;display:block;position:relative}.box{box-sizing:border-box;width:var(--_size);height:var(--_size);background:var(--_bg);border:var(--border-2) solid var(--_border);border-radius:var(--_radius);transition:background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);position:relative}:host(:focus-visible) .box{box-shadow:var(--_focus-shadow)}.checkmark,.dash{color:var(--_icon-color);opacity:0;transition:opacity var(--transition-spring), transform var(--transition-spring);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.checkmark::part(svg),.dash::part(svg){width:calc(var(--_size) * .6);height:calc(var(--_size) * .6);fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.label{min-width:0;font-size:var(--_font-size);color:var(--color-contrast);flex:1 1 0}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:calc(var(--_size) + var(--size-2))}.helper-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--_size) + var(--size-2))}.helper-text[role=alert]{color:var(--color-error)}}@layer refine.overrides{:host{--_active-bg:var(--checkbox-checked-bg,var(--_theme-base));--_icon-color:var(--checkbox-color,var(--_theme-contrast));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .box,:host([indeterminate]) .box{background:var(--_active-bg);border-color:var(--_active-bg)}:host([checked]) .checkmark,:host([indeterminate]:not([checked])) .dash{opacity:1;transform:translate(-50%,-50%)scale(1)}}`,Ur=`ore-checkbox`;(0,t.define)(Ur,{formAssociated:!0,props:{...F,...I,...L,checked:t.prop.bool(!1),error:t.prop.string(),helper:t.prop.string(),indeterminate:t.prop.bool(!1),name:t.prop.string(),required:t.prop.bool(!1),value:t.prop.string(`on`)},setup(e){let r=(0,t.getHost)(),i=(0,t.inject)(Rr),a=tt({checked:e.checked,clearIndeterminateFirst:!0,disabled:(0,n.computed)(()=>e.disabled.value||!!i?.disabled.value),error:e.error,group:i,helper:e.helper,indeterminate:e.indeterminate,onToggle:e=>{a.triggerValidation(`change`),Vr(r,e.checked),!i&&(Q(r,`input`),Q(r,`change`))},prefix:`checkbox`,required:e.required,signal:Y(t.onCleanup),value:e.value});a.attachFormField((0,t.useField)({disabled:a.disabled,onReset:a.reset,toFormValue:e=>e,validationMessage:a.validationMessage,validity:a.validity,value:a.checkableFormValue}));let{assistiveId:o,checked:s,disabled:c,errorText:l,handleClick:u,handleKeydown:d,helperText:f,indeterminate:p,labelId:m}=a;return Br(r,()=>s.value,e=>{s.value=e}),gn(e.size,{assistiveId:o,checked:s,disabled:c,errorText:l,handleClick:u,handleKeydown:d,helperText:f,indeterminate:p,labelId:m,required:e.required},`checkbox`),t.html`
|
|
1639
1639
|
<div class="checkbox-wrapper" part="checkbox">
|
|
1640
1640
|
<div class="box" part="box">
|
|
1641
1641
|
<ore-icon class="checkmark" name="check" size="14" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
@@ -2767,7 +2767,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2767
2767
|
${()=>e.error.value??``}
|
|
2768
2768
|
</div>
|
|
2769
2769
|
</div>
|
|
2770
|
-
`},shadow:{delegatesFocus:!0},styles:[q,U,W,G,be,K(oe),Te(`.dropzone`),Ti]});var Fi=`@layer refine.base{:host{--_radius:var(--message-composer-radius,var(--rounded-2xl));--_padding:var(--message-composer-padding,var(--size-3));--_surface:var(--_bg);width:fit-content;max-width:100%;display:flex}:host([fullwidth]){width:100%}.composer{gap:var(--message-composer-gap,var(--_gap));width:100%;padding:var(--_padding);background:var(--_surface);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--shadow-2xs);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex;position:relative}:host(:not([disabled],[variant=bordered],[variant=flat])) .composer:hover{border-color:var(--color-contrast-400)}:host([error]:not([error=""])) .composer{border-color:var(--color-error)}:host([success]) .composer{border-color:var(--color-success)}.status-icon{width:var(--size-5);height:var(--size-5);top:var(--_padding);justify-content:center;align-items:center;display:none;position:absolute}.status-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--_padding)}.status-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--_padding)}:host([error]:not([error=""])) .status-icon,:host([success]) .status-icon{display:flex}.status-icon[data-status=error]{color:var(--color-error)}.status-icon[data-status=success]{color:var(--color-success)}.field{box-sizing:border-box;width:100%;min-width:0;min-height:var(--message-composer-min-height,1lh);font:inherit;font-size:var(--_font-size);line-height:var(--leading-relaxed);color:var(--text-color-body);resize:none;background:0 0;border:none;outline:none;padding:0}.field::placeholder{color:var(--message-composer-placeholder-color,var(--color-contrast-500))}.helper-text[hidden]{display:none}.helper-text{font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));padding-left:2px;padding-right:2px}.counter{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-400);align-self:flex-end;padding-left:2px;padding-right:2px}.counter.near-limit{color:var(--color-warning)}.counter.at-limit{color:var(--color-error)}.toolbar{gap:var(--message-composer-gap,var(--_gap));justify-content:space-between;align-items:center;display:flex}.toolbar-start,.toolbar-end{gap:var(--message-composer-gap,var(--_gap));align-items:center;min-width:0;display:flex}.send-btn{flex-shrink:0}}@layer refine.variants{:host(:not([disabled],[variant=flat])) .composer:focus-within{--_surface:var(--color-canvas);border-color:var(--_theme-focus);box-shadow:var(--_theme-shadow)}:host([error]:not([error=""])) .composer:focus-within{border-color:var(--color-error);box-shadow:var(--color-error-focus-shadow)}:host([success]) .composer:focus-within{border-color:var(--color-success);box-shadow:var(--color-success-focus-shadow)}}:host([loading]:not([disabled])){opacity:1}:host([loading]:not([disabled])) .composer{pointer-events:auto}:host([disabled]){opacity:1}:host([disabled]) .composer{background:var(--color-contrast-100);border-color:var(--color-contrast-200);box-shadow:none}:host([disabled]) .field{color:var(--color-contrast-400)}:host([disabled]) .field::placeholder{color:var(--color-contrast-300)}`,Ii=`Send message`,Li=`arrow-up`,Ri=`ore-message-composer`;(0,t.define)(Ri,{formAssociated:!0,props:{...F,...I,...L,...R,"clear-on-send":t.prop.bool(!0),error:t.prop.string(),fullwidth:t.prop.bool(!1),helper:t.prop.string(),label:t.prop.string(),maxlength:t.prop.json(void 0),name:t.prop.string(),placeholder:t.prop.string(),readonly:t.prop.bool(!1),ref:t.prop.data(),required:t.prop.bool(!1),rows:t.prop.json(void 0),"send-icon":t.prop.string(),"send-label":t.prop.string(),"send-shortcut":t.prop.oneOf([`enter`,`mod+enter`],`enter`),success:t.prop.bool(!1),value:t.prop.string(),variant:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=e.disabled,s=Y(t.onCleanup),c=(0,t.ref)(),l=We(),u=wt({disabled:o,error:e.error,helper:e.helper,maxLength:e.maxlength,onInput:(e,t)=>{$(r,t),Q(r,`input`)},prefix:`composer`,readonly:e.readonly,required:e.required,signal:s,value:e.value});Z(r,()=>u.value.value,e=>{u.value.value=e}),u.attachFormField((0,t.useField)({disabled:u.disabled,onReset:()=>{u.reset(),l.recompute()},toFormValue:e=>e,validationMessage:u.validationMessage,validity:u.validity,value:u.value}));function d(t){i(`send`,{originalEvent:t,value:u.value.value.trim()})&&e[`clear-on-send`].value!==!1&&(u.clear(),l.recompute(),c.value?.focus())}let f=at({disabled:o,loading:(0,n.computed)(()=>!!e.loading.value),onSend:d,sendShortcut:e[`send-shortcut`],value:u.value});return(0,t.onElement)(c,t=>{let n=u.wire(t),r=l.wire(t),i=yt(e.ref,t),a=e=>f.handleKeydown(e);return t.addEventListener(`keydown`,a),()=>{t.removeEventListener(`keydown`,a),n(),r(),i()}}),(0,t.bind)({attr:{error:hn(u.errorText),size:e.size,success:()=>e.success.value&&!u.errorText.value?!0:void 0,variant:e.variant}}),t.html`
|
|
2770
|
+
`},shadow:{delegatesFocus:!0},styles:[q,U,W,G,be,K(oe),Te(`.dropzone`),Ti]});var Fi=`@layer refine.base{:host{--_radius:var(--message-composer-radius,var(--rounded-2xl));--_padding:var(--message-composer-padding,var(--size-3));--_surface:var(--_bg);width:fit-content;max-width:100%;display:flex}:host([fullwidth]){width:100%}.composer{box-sizing:border-box;gap:var(--message-composer-gap,var(--_gap));width:100%;min-width:0;max-width:100%;padding:var(--_padding);background:var(--_surface);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--shadow-2xs);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex;position:relative}:host(:not([disabled],[variant=bordered],[variant=flat])) .composer:hover{border-color:var(--color-contrast-400)}:host([error]:not([error=""])) .composer{border-color:var(--color-error)}:host([success]) .composer{border-color:var(--color-success)}.status-icon{width:var(--size-5);height:var(--size-5);top:var(--_padding);justify-content:center;align-items:center;display:none;position:absolute}.status-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--_padding)}.status-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--_padding)}:host([error]:not([error=""])) .status-icon,:host([success]) .status-icon{display:flex}.status-icon[data-status=error]{color:var(--color-error)}.status-icon[data-status=success]{color:var(--color-success)}.field{box-sizing:border-box;width:100%;min-width:0;min-height:var(--message-composer-min-height,1lh);font:inherit;font-size:var(--_font-size);line-height:var(--leading-relaxed);color:var(--text-color-body);resize:none;background:0 0;border:none;outline:none;padding:0}.field::placeholder{color:var(--message-composer-placeholder-color,var(--color-contrast-500))}.helper-text[hidden]{display:none}.helper-text{font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));padding-left:2px;padding-right:2px}.counter{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-400);align-self:flex-end;padding-left:2px;padding-right:2px}.counter.near-limit{color:var(--color-warning)}.counter.at-limit{color:var(--color-error)}.toolbar{gap:var(--message-composer-gap,var(--_gap));justify-content:space-between;align-items:center;display:flex}.toolbar-start,.toolbar-end{gap:var(--message-composer-gap,var(--_gap));align-items:center;min-width:0;display:flex}.send-btn{flex-shrink:0}}@layer refine.variants{:host(:not([disabled],[variant=flat])) .composer:focus-within{--_surface:var(--color-canvas);border-color:var(--_theme-focus);box-shadow:var(--_theme-shadow)}:host([error]:not([error=""])) .composer:focus-within{border-color:var(--color-error);box-shadow:var(--color-error-focus-shadow)}:host([success]) .composer:focus-within{border-color:var(--color-success);box-shadow:var(--color-success-focus-shadow)}}:host([loading]:not([disabled])){opacity:1}:host([loading]:not([disabled])) .composer{pointer-events:auto}:host([disabled]){opacity:1}:host([disabled]) .composer{background:var(--color-contrast-100);border-color:var(--color-contrast-200);box-shadow:none}:host([disabled]) .field{color:var(--color-contrast-400)}:host([disabled]) .field::placeholder{color:var(--color-contrast-300)}`,Ii=`Send message`,Li=`arrow-up`,Ri=`ore-message-composer`;(0,t.define)(Ri,{formAssociated:!0,props:{...F,...I,...L,...R,"clear-on-send":t.prop.bool(!0),error:t.prop.string(),fullwidth:t.prop.bool(!1),helper:t.prop.string(),label:t.prop.string(),maxlength:t.prop.json(void 0),name:t.prop.string(),placeholder:t.prop.string(),readonly:t.prop.bool(!1),ref:t.prop.data(),required:t.prop.bool(!1),rows:t.prop.json(void 0),"send-icon":t.prop.string(),"send-label":t.prop.string(),"send-shortcut":t.prop.oneOf([`enter`,`mod+enter`],`enter`),success:t.prop.bool(!1),value:t.prop.string(),variant:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=e.disabled,s=Y(t.onCleanup),c=(0,t.ref)(),l=We(),u=wt({disabled:o,error:e.error,helper:e.helper,maxLength:e.maxlength,onInput:(e,t)=>{$(r,t),Q(r,`input`)},prefix:`composer`,readonly:e.readonly,required:e.required,signal:s,value:e.value});Z(r,()=>u.value.value,e=>{u.value.value=e}),u.attachFormField((0,t.useField)({disabled:u.disabled,onReset:()=>{u.reset(),l.recompute()},toFormValue:e=>e,validationMessage:u.validationMessage,validity:u.validity,value:u.value}));function d(t){i(`send`,{originalEvent:t,value:u.value.value.trim()})&&e[`clear-on-send`].value!==!1&&(u.clear(),l.recompute(),c.value?.focus())}let f=at({disabled:o,loading:(0,n.computed)(()=>!!e.loading.value),onSend:d,sendShortcut:e[`send-shortcut`],value:u.value});return(0,t.onElement)(c,t=>{let n=u.wire(t),r=l.wire(t),i=yt(e.ref,t),a=e=>f.handleKeydown(e);return t.addEventListener(`keydown`,a),()=>{t.removeEventListener(`keydown`,a),n(),r(),i()}}),(0,t.bind)({attr:{error:hn(u.errorText),size:e.size,success:()=>e.success.value&&!u.errorText.value?!0:void 0,variant:e.variant}}),t.html`
|
|
2771
2771
|
<div class="composer" part="composer">
|
|
2772
2772
|
<textarea
|
|
2773
2773
|
class="field"
|
|
@@ -2900,7 +2900,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2900
2900
|
${()=>o.errorText.value||o.helperText.value}
|
|
2901
2901
|
</div>
|
|
2902
2902
|
</fieldset>
|
|
2903
|
-
`},styles:[ye,Ui]});var Ki=`@layer refine.base{:host{--_size:var(--radio-size,var(--size-5));--_font-size:var(--radio-font-size,var(--text-sm));--_bg:var(--radio-bg,var(--color-contrast-200));--_border:var(--radio-border-color,var(--color-contrast-300));gap:var(--_gap,var(--size-2));min-height:var(--_touch-target);cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex}.radio-wrapper{width:var(--_size);height:var(--_size);flex-shrink:0;display:block;position:relative}.circle{box-sizing:border-box;width:var(--_size);height:var(--_size);background:var(--_bg);border:var(--border-2) solid var(--_border);transition:background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:50%;position:relative}:host(:focus-visible) .circle{box-shadow:var(--_focus-shadow)}.dot{background:var(--_dot-color);opacity:0;width:50%;height:50%;transition:opacity var(--transition-spring), transform var(--transition-spring);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.label{font-size:var(--_font-size);color:var(--color-contrast)}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:calc(var(--_size) + var(--size-2))}.helper-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--_size) + var(--size-2))}.helper-text[role=alert]{color:var(--color-error)}}@layer refine.overrides{:host{--_active-bg:var(--radio-checked-bg,var(--_theme-base));--_dot-color:var(--radio-color,var(--_theme-contrast));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .circle{background:var(--_active-bg);border-color:var(--_active-bg)}:host([checked]) .dot{opacity:1;transform:translate(-50%,-50%)scale(1)}}`,qi=`ore-radio`;(0,t.define)(qi,{formAssociated:!0,props:{...F,...I,...L,checked:t.prop.bool(!1),error:t.prop.string(),helper:t.prop.string(),name:t.prop.string(),value:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.inject)(Wi),a=(0,n.computed)(()=>i?.name.value||e.name.value||``),o=(0,n.computed)(()=>i?.size.value??e.size.value),s=(0,n.computed)(()=>i?.color.value??e.color.value),c=(0,n.computed)(()=>i?i.value.value===e.value.value:!!e.checked.value),l=()=>{let e=a.value;return e?Array.from(document.querySelectorAll(`ore-radio[name="${e}"]`)).filter(e=>!e.hasAttribute(`disabled`)):[]},u=(e,t)=>{if(i){i.select(e.getAttribute(`value`)??``,t);return}e.click()},d=X({direction:()=>Tt(r),getItems:()=>l(),loop:!0,onNavigate:({event:e,item:t})=>{t.focus(),u(t,e)},orientation:`both`,signal:Y(t.onCleanup)}),f=t=>{if(!p.checked.value){if(i){i.select(e.value.value??``,t);return}p.toggle(t??new Event(`change`))}},p=tt({checked:c,disabled:(0,n.computed)(()=>e.disabled.value||!!i?.disabled.value),error:e.error,helper:e.helper,onToggle:e=>{Vr(r,e.checked),Q(r,`input`),Q(r,`change`)},prefix:`radio`,signal:Y(t.onCleanup),value:e.value});p.attachFormField((0,t.useField)({disabled:p.disabled,toFormValue:e=>e,value:p.checkableFormValue}));let{assistiveId:m,checked:h,disabled:g,errorText:_,helperText:v,labelId:y,toggle:b}=p;return Br(r,()=>h.value,e=>{h.value=e}),(0,t.bind)({attr:{"aria-checked":()=>h.value?`true`:`false`,"aria-describedby":()=>_.value||v.value?m:null,"aria-disabled":()=>g.value?`true`:null,"aria-invalid":()=>_.value?`true`:null,"aria-labelledby":y,checked:h,color:s,disabled:()=>g.value?!0:void 0,name:()=>a.value||void 0,role:`radio`,size:o,tabindex:()=>{if(!g.value)return h.value?0:-1}},class:()=>({"is-checked":h.value,"is-disabled":g.value}),on:{click:t=>{if(!g.value){if(i)i.select(e.value.value??``,t);else{if(!a.value)return;if(!h.value){let n=e.name.value;document.querySelectorAll(`ore-radio[name="${n}"]`).forEach(e=>{e!==r&&e.removeAttribute(`checked`)}),b(t)}}}},keydown:e=>{if(e.key===` `||e.key===`Enter`){e.preventDefault(),f(e);return}let t=l();if(t.length===0)return;let n=t.indexOf(r);n!==-1&&(d.set(n),d.handleKeydown(e))}}}),t.html`
|
|
2903
|
+
`},styles:[ye,Ui]});var Ki=`@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{min-width:0;font-size:var(--_font-size);color:var(--color-contrast);flex:1 1 0}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:calc(var(--_size) + var(--size-2))}.helper-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--_size) + var(--size-2))}.helper-text[role=alert]{color:var(--color-error)}}@layer refine.overrides{:host{--_active-bg:var(--radio-checked-bg,var(--_theme-base));--_dot-color:var(--radio-color,var(--_theme-contrast));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .circle{background:var(--_active-bg);border-color:var(--_active-bg)}:host([checked]) .dot{opacity:1;transform:translate(-50%,-50%)scale(1)}}`,qi=`ore-radio`;(0,t.define)(qi,{formAssociated:!0,props:{...F,...I,...L,checked:t.prop.bool(!1),error:t.prop.string(),helper:t.prop.string(),name:t.prop.string(),value:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.inject)(Wi),a=(0,n.computed)(()=>i?.name.value||e.name.value||``),o=(0,n.computed)(()=>i?.size.value??e.size.value),s=(0,n.computed)(()=>i?.color.value??e.color.value),c=(0,n.computed)(()=>i?i.value.value===e.value.value:!!e.checked.value),l=()=>{let e=a.value;return e?Array.from(document.querySelectorAll(`ore-radio[name="${e}"]`)).filter(e=>!e.hasAttribute(`disabled`)):[]},u=(e,t)=>{if(i){i.select(e.getAttribute(`value`)??``,t);return}e.click()},d=X({direction:()=>Tt(r),getItems:()=>l(),loop:!0,onNavigate:({event:e,item:t})=>{t.focus(),u(t,e)},orientation:`both`,signal:Y(t.onCleanup)}),f=t=>{if(!p.checked.value){if(i){i.select(e.value.value??``,t);return}p.toggle(t??new Event(`change`))}},p=tt({checked:c,disabled:(0,n.computed)(()=>e.disabled.value||!!i?.disabled.value),error:e.error,helper:e.helper,onToggle:e=>{Vr(r,e.checked),Q(r,`input`),Q(r,`change`)},prefix:`radio`,signal:Y(t.onCleanup),value:e.value});p.attachFormField((0,t.useField)({disabled:p.disabled,toFormValue:e=>e,value:p.checkableFormValue}));let{assistiveId:m,checked:h,disabled:g,errorText:_,helperText:v,labelId:y,toggle:b}=p;return Br(r,()=>h.value,e=>{h.value=e}),(0,t.bind)({attr:{"aria-checked":()=>h.value?`true`:`false`,"aria-describedby":()=>_.value||v.value?m:null,"aria-disabled":()=>g.value?`true`:null,"aria-invalid":()=>_.value?`true`:null,"aria-labelledby":y,checked:h,color:s,disabled:()=>g.value?!0:void 0,name:()=>a.value||void 0,role:`radio`,size:o,tabindex:()=>{if(!g.value)return h.value?0:-1}},class:()=>({"is-checked":h.value,"is-disabled":g.value}),on:{click:t=>{if(!g.value){if(i)i.select(e.value.value??``,t);else{if(!a.value)return;if(!h.value){let n=e.name.value;document.querySelectorAll(`ore-radio[name="${n}"]`).forEach(e=>{e!==r&&e.removeAttribute(`checked`)}),b(t)}}}},keydown:e=>{if(e.key===` `||e.key===`Enter`){e.preventDefault(),f(e);return}let t=l();if(t.length===0)return;let n=t.indexOf(r);n!==-1&&(d.set(n),d.handleKeydown(e))}}}),t.html`
|
|
2904
2904
|
<div class="radio-wrapper" part="radio">
|
|
2905
2905
|
<div class="circle" part="circle">
|
|
2906
2906
|
<div class="dot" part="dot"></div>
|
|
@@ -2961,7 +2961,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
2961
2961
|
</div>
|
|
2962
2962
|
<span class="label" part="label" ref=${y}><slot></slot></span>
|
|
2963
2963
|
${_n(u,f,p)}
|
|
2964
|
-
`},styles:[ye,q,K(re),Xi,W]});var $i=`@layer refine.base{:host{--_width:var(--switch-width,var(--size-10));--_height:var(--switch-height,var(--size-5));--_padding:var(--size-0-5);--_thumb-size:calc(var(--_height) - var(--_padding) * 2);--_track-bg:var(--switch-track-bg,var(--color-contrast-300));--_thumb-bg:var(--switch-thumb-bg,white);--_font-size:var(--switch-font-size,var(--text-sm));gap:var(--_gap,var(--size-2-5));min-height:var(--_touch-target);touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;flex-shrink:0;align-items:center;display:inline-flex}.switch-wrapper{flex-shrink:0;display:flex}.switch-track{width:var(--_width);height:var(--_height);background:var(--_track-bg);border-radius:var(--rounded-full);transition:background var(--transition-normal), box-shadow var(--transition-normal);position:relative}.switch-thumb{top:var(--_padding);width:var(--_thumb-size);height:var(--_thumb-size);background:var(--_thumb-bg);border-radius:var(--rounded-full);box-shadow:var(--shadow-sm);transition:transform var(--transition-spring), box-shadow var(--transition-normal);will-change:transform;position:absolute}.switch-thumb:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--_padding)}.switch-thumb:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_padding)}:host(:focus-visible) .switch-track{box-shadow:var(--_focus-shadow)}.label{font-size:var(--_font-size);color:var(--color-contrast)}}@layer refine.overrides{:host{--_active-bg:var(--switch-checked-bg,var(--_theme-base));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .switch-track{background:var(--_active-bg)}:host([checked]) .switch-thumb{transform:translateX(calc(var(--_width) - var(--_height)))}:host(:dir(rtl)[checked]) .switch-thumb{transform:translateX(calc(-1 * (var(--_width) - var(--_height))))}:host(:hover:not([disabled],[checked])) .switch-track{background:var(--color-contrast-400)}:host(:hover:not([disabled])[checked]) .switch-track{filter:brightness(1.1)}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:calc(var(--_width) + var(--size-2-5))}.helper-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--_width) + var(--size-2-5))}.helper-text[role=alert]{color:var(--color-error)}}`,ea=`ore-switch`,ta=t.css`
|
|
2964
|
+
`},styles:[ye,q,K(re),Xi,W]});var $i=`@layer refine.base{:host{--_width:var(--switch-width,var(--size-10));--_height:var(--switch-height,var(--size-5));--_padding:var(--size-0-5);--_thumb-size:calc(var(--_height) - var(--_padding) * 2);--_track-bg:var(--switch-track-bg,var(--color-contrast-300));--_thumb-bg:var(--switch-thumb-bg,white);--_font-size:var(--switch-font-size,var(--text-sm));gap:var(--_gap,var(--size-2-5));min-height:var(--_touch-target);touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;flex-shrink:0;align-items:center;display:inline-flex}.switch-wrapper{flex-shrink:0;display:flex}.switch-track{width:var(--_width);height:var(--_height);background:var(--_track-bg);border-radius:var(--rounded-full);transition:background var(--transition-normal), box-shadow var(--transition-normal);position:relative}.switch-thumb{top:var(--_padding);width:var(--_thumb-size);height:var(--_thumb-size);background:var(--_thumb-bg);border-radius:var(--rounded-full);box-shadow:var(--shadow-sm);transition:transform var(--transition-spring), box-shadow var(--transition-normal);will-change:transform;position:absolute}.switch-thumb:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--_padding)}.switch-thumb:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_padding)}:host(:focus-visible) .switch-track{box-shadow:var(--_focus-shadow)}.label{min-width:0;font-size:var(--_font-size);color:var(--color-contrast);flex:1 1 0}}@layer refine.overrides{:host{--_active-bg:var(--switch-checked-bg,var(--_theme-base));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .switch-track{background:var(--_active-bg)}:host([checked]) .switch-thumb{transform:translateX(calc(var(--_width) - var(--_height)))}:host(:dir(rtl)[checked]) .switch-thumb{transform:translateX(calc(-1 * (var(--_width) - var(--_height))))}:host(:hover:not([disabled],[checked])) .switch-track{background:var(--color-contrast-400)}:host(:hover:not([disabled])[checked]) .switch-track{filter:brightness(1.1)}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:calc(var(--_width) + var(--size-2-5))}.helper-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--_width) + var(--size-2-5))}.helper-text[role=alert]{color:var(--color-error)}}`,ea=`ore-switch`,ta=t.css`
|
|
2965
2965
|
@media (pointer: coarse) {
|
|
2966
2966
|
:host,
|
|
2967
2967
|
:host([size='md']) {
|
|
@@ -3135,7 +3135,7 @@ var Refine=(function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toS
|
|
|
3135
3135
|
<slot></slot>
|
|
3136
3136
|
`},styles:[pa]});var ya=`@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}}`,ba=`ore-grid-item`;(0,t.define)(ba,{props:{align:t.prop.string(),area:t.prop.string(),col:t.prop.string(),colSpan:t.prop.string(),justify:t.prop.string(),row:t.prop.string(),rowSpan:t.prop.string()},setup(e){let r=(0,n.computed)(()=>{let t=e.col.value,n=e.colSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)}),i=(0,n.computed)(()=>{let t=e.row.value,n=e.rowSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)});return(0,t.bind)({style:{gridArea:e.area,gridColumn:r,gridRow:i}}),t.html`
|
|
3137
3137
|
<slot></slot>
|
|
3138
|
-
`},styles:[ya]});var xa=`@layer refine.base{:host{--_navbar-height:var(--navbar-height,var(--size-14));--_navbar-width:var(--navbar-width,min(100%, 80rem));--_navbar-offset:var(--navbar-offset,var(--size-3));--_navbar-bg:var(--navbar-bg,var(--color-canvas));--_navbar-color:var(--navbar-color,var(--color-contrast-900));--_navbar-border-color:var(--navbar-border-color,var(--color-divider));--_navbar-shadow:var(--navbar-shadow,var(--shadow-md));--_navbar-radius:var(--navbar-radius,var(--rounded-lg));box-sizing:border-box;width:100%;color:var(--_navbar-color);display:block}:host([data-mode=sticky]){z-index:var(--z-sticky);position:sticky;top:0}:host([data-mode=floating]){inset-inline:var(--_navbar-offset);top:var(--_navbar-offset);z-index:var(--z-sticky);position:fixed}:host([data-preview-mode][data-mode=floating]){inset-inline:var(--_navbar-offset);position:absolute;top:auto}:host([floating][sticky][data-scrolled]){width:100%;top:0;left:0;right:0}:host([data-preview-mode][floating][sticky][data-scrolled]){width:auto;position:absolute;top:auto;left:0;right:0}:host>nav{flex-direction:column;width:100%;display:flex;position:relative}.navbar{box-sizing:border-box;gap:var(--size-2);width:100%;max-width:var(--_navbar-width);min-height:var(--_navbar-height);padding:var(--size-2) var(--size-4);color:inherit;white-space:nowrap;background:var(--_navbar-bg);border-top:none;border-right:none;border-bottom:var(--border) solid var(--_navbar-border-color);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)));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[hidden],.navbar-start[hidden],.navbar-center[hidden],.navbar-end[hidden]{display:none}.navbar-logo,.navbar-start,.navbar-center,.navbar-end{white-space:nowrap;align-items:center;min-width:0;display:flex}.navbar-logo{flex:none}.navbar-start{gap:var(--size-1);flex:none}.navbar-center{gap:var(--size-1);flex:0 auto;justify-content:flex-start;min-width:0;display:flex}.navbar-end{gap:var(--size-1);flex:none}.navbar-end:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.navbar-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.mobile-toggle{width:var(--size-9);height:var(--size-9);color:var(--color-contrast-700);cursor:pointer;border:var(--border) solid transparent;border-radius:var(--rounded-md);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.mobile-toggle:hover{color:var(--color-contrast-900);background:var(--color-contrast-100);border-color:var(--color-contrast-200)}.mobile-toggle:focus-visible{outline:var(--focus-ring)}.mobile-menu-panel{z-index:1;box-sizing:border-box;width:100%;max-width:var(--_navbar-width);padding:var(--size-2);background:var(--_navbar-bg);border:var(--border) solid var(--_navbar-border-color);border-radius:var(--rounded-lg);box-shadow:var(--_shadow,var(--_navbar-shadow));-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transform-origin:top;animation:navbar-mobile-in var(--transition-fast) var(--ease-out);margin-top:var(--size-2);margin-left:auto;margin-right:auto;display:none;position:relative}:host([data-mobile][data-mobile-open]) .mobile-menu-panel:not([hidden]){gap:var(--size-1);display:grid}:host([data-mobile][data-mobile-open][data-mode=floating]) .mobile-menu-panel{margin-top:var(--size-1-5)}:host([data-mobile][data-mobile-open][data-mode=sticky]) .mobile-menu-panel,:host([data-mobile][data-mobile-open][floating][sticky][data-scrolled]) .mobile-menu-panel{z-index:2;border-radius:0 0 var(--rounded-md) var(--rounded-md);border-top:none;border-left:none;border-right:none;max-width:100%;margin:0;position:absolute;top:100%;left:0;right:0}:host([data-mobile]) .mobile-toggle:not([hidden]){order:-1;display:inline-flex}:host([data-mobile]) .navbar-start,:host([data-mobile]) .navbar-center,:host([data-mobile]) .navbar-end{display:none}:host([data-mobile][data-mobile-open]) .navbar{border-bottom-right-radius:var(--rounded-md);border-bottom-left-radius:var(--rounded-md)}@starting-style{.mobile-menu-panel{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}@keyframes navbar-mobile-in{0%{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}to{opacity:1;transform:translateY(0)}}@keyframes navbar-floating-to-sticky{0%{opacity:.92;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes navbar-sticky-to-floating{0%{opacity:.95;transform:translateY(-2px)scale(1)}to{opacity:1;transform:translateY(0)scale(.99)}}.item{box-sizing:border-box;gap:var(--size-1);min-height:var(--_touch-target);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--navbar-item-color,var(--color-contrast-700));white-space:nowrap;appearance:none;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.item:hover,.item:focus-visible{color:var(--navbar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--navbar-item-hover-bg,var(--color-contrast-100))}:host([active]) .item{color:var(--navbar-item-active-color,var(--color-primary));background:var(--navbar-item-active-bg,color-mix(in oklch, var(--color-primary) 12%, transparent))}:host([disabled]) .item,:host([disabled]) .item:hover,:host([disabled]) .item:focus-visible{color:var(--color-contrast-400);pointer-events:none;cursor:not-allowed;background:0 0;outline:none}.item-icon,.item-end{align-items:center;display:inline-flex}.item-label{white-space:nowrap;min-width:0}:host([icon-only]) .item-label{display:none}:host([icon-only]) .item{padding:var(--size-1-5)}:host([navbar-mobile]){width:100%;display:block}:host([navbar-mobile]) .item{justify-content:flex-start;width:100%;display:flex}}@layer refine.variants{:host([variant=flat]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 88%, transparent);--_navbar-shadow:none}:host([variant=bordered]){--_navbar-bg:var(--color-canvas);--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 32%, transparent)}:host([variant=outline]){--_navbar-bg:transparent;--_navbar-shadow:none;--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 40%, transparent)}:host([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}}}`,Sa=(e,t,n,r)=>e?(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)):()=>{},Ca=e=>!(e instanceof HTMLElement)||e.tagName.includes(`-`)||e.childElementCount>0?!0:(e.textContent??``).trim().length>0,wa=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},Ta=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},Ea=e=>{let t=Ta(e)?.clientWidth??0;return t>0?t:e.offsetWidth},Da=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},Oa=(0,t.createContext)(`NavbarContext`),ka=`ore-navbar`;(0,t.define)(ka,{props:{breakpoint:t.prop.string(`(max-width: 768px)`),color:t.prop.string(),"container-breakpoints":t.prop.bool(!1),elevation:t.prop.number(),floating:t.prop.bool(!1),label:t.prop.string(`Main navigation`),"menu-close-icon":t.prop.string(`x`),"menu-close-label":t.prop.string(`Close navigation menu`),"menu-icon":t.prop.string(`menu`),"menu-open-label":t.prop.string(`Open navigation menu`),"mobile-sidebar":t.prop.string(),rounded:t.prop.string(),"scroll-threshold":t.prop.number(80),sticky:t.prop.bool(!1),variant:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=a.has(`logo`),s=a.has(`start`),c=a.has(),u=a.has(`end`),d=a.elements(`mobile-menu`),f=(0,n.signal)(!1),p=(0,n.signal)(null),m=(0,n.signal)(!1),h=(0,n.signal)(!1),g=(0,n.signal)(!1),_=(0,n.signal)(!1),v=(0,n.signal)(!1),y=(0,n.signal)(!1),b=(0,n.signal)(0),x=(0,n.signal)(!1),S=(0,n.signal)(!1),C=(0,n.signal)(wa(e.breakpoint.value)),w=(0,n.signal)(!1),T=()=>{let t=String(e[`mobile-sidebar`].value??``).trim();if(!t)return null;let n=r.getRootNode();return(n instanceof ShadowRoot||n instanceof Document?n.querySelector(t):null)??document.querySelector(t)};(0,t.provide)(Oa,{closeMobileMenu:()=>O(),isMobile:(0,n.computed)(()=>g.value),mobileMenuOpen:(0,n.computed)(()=>_.value)});let E=()=>{if(e.floating.value&&e.sticky.value)return y.value?`sticky`:`floating`;if(e.floating.value)return`floating`;if(e.sticky.value)return`sticky`},D=e=>{let t=!!e;if(!f.value){let e=p.value??T();if(e){t?e.openMobile?.():e.closeMobile?.();return}}(!t||f.value)&&_.value!==t&&(_.value=t,i(`mobile-menu-change`,{open:t}))},O=()=>D(!1),k=()=>D(!0),A=()=>{if(!f.value){let e=p.value??T();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}}D(!_.value)},j=()=>{let t=(p.value&&!f.value?m.value:!1)||x.value||!!e[`container-breakpoints`].value&&S.value;g.value=t,t||O()},M=e=>e?e.scrollTop||0:window.scrollY||document.documentElement.scrollTop||0,N=e=>{b.value=M(e)},P=(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=M(t)-b.value;y.value=r>n};return(0,t.bind)({attr:{"data-mobile":()=>g.value?!0:void 0,"data-mobile-open":()=>g.value&&_.value?!0:void 0,"data-mode":()=>E()??null,"data-mode-transitioning":()=>v.value?!0:void 0,"data-preview-mode":()=>w.value?!0:void 0,"data-scrolled":()=>e.floating.value&&e.sticky.value&&y.value?!0:void 0}}),(0,t.onMounted)(()=>{let i=r,a=Da(r);i.closeMobileMenu=O,i.openMobileMenu=k,i.toggleMobileMenu=A;let o=Sa(window,`scroll`,()=>{P(a)},{passive:!0}),s=a?Sa(a,`scroll`,()=>{P(a)},{passive:!0}):void 0,c=Sa(r,`keydown`,e=>{e.key===`Escape`&&_.value&&O()}),u,g,b,D,M=()=>{if(g?.(),g=void 0,p.value=null,m.value=!1,h.value=!1,!String(e[`mobile-sidebar`].value??``).trim())return;let t=T();if(!t){let e=r.getRootNode(),t=e instanceof Document||e instanceof ShadowRoot?e:document,n=new MutationObserver(()=>{T()&&M()});n.observe(t,{childList:!0,subtree:!0}),g=()=>n.disconnect();return}let n=e=>{let n=t.hasAttribute(`data-bottom-nav`),r=t.hasAttribute(`data-mobile-open`);m.value=n,h.value=e?.detail?e.detail.open:r,h.value&&!m.value&&(m.value=!0),j()},i=new MutationObserver(()=>{n()});n(),i.observe(t,{attributeFilter:[`data-bottom-nav`,`data-mobile-open`],attributes:!0}),t.addEventListener(`mobile-open-change`,n),g=()=>{i.disconnect(),t.removeEventListener(`mobile-open-change`,n)},p.value=t},F=()=>{v.value=!0,b!=null&&clearTimeout(b),b=setTimeout(()=>{v.value=!1,b=void 0},220)},I=(0,n.watch)((0,n.computed)(()=>e.floating.value&&e.sticky.value),e=>{if(!e){y.value&&=!1,v.value&&=!1,D=void 0,b!=null&&(clearTimeout(b),b=void 0);return}N(a),P(a),D=E()},{immediate:!0}),L=(0,n.watch)(e[`mobile-sidebar`],()=>{M()},{immediate:!0}),R=(0,n.watch)((0,n.computed)(()=>E()),t=>{if(!(e.floating.value&&e.sticky.value)){D=t??void 0;return}let n=t??void 0;D&&n&&D!==n&&F(),D=n},{immediate:!0}),z=(0,n.watch)(f,e=>{!e&&_.value&&O()},{immediate:!0}),ee=()=>{f.value=d.value.some(Ca)},B=(0,n.watch)(d,ee,{immediate:!0}),te=new MutationObserver(()=>{ee()});te.observe(r,{childList:!0,subtree:!0}),(0,n.watch)(e.breakpoint,t=>{(0,n.untrack)(()=>{u?.(),u=void 0;let i=String(t??``).trim();C.value=wa(i),x.value=!1;let a=Ea(r);if(S.value=a>0&&C.value!=null&&a<=C.value,j(),!(e[`container-breakpoints`].value&&C.value!=null)&&i)try{let e=(0,l.createMediaQuery)(i),t=e=>{e&&(x.value=e.matches,j())};t(e.getSnapshot());let r=(0,n.watch)((0,n.fromSubscribable)(e,{signal:e.disposalSignal}),t);u=()=>{r.dispose(),e.dispose()}}catch(e){if(!(e instanceof l.SentinelUnavailableError))throw e}})},{immediate:!0});let ne=typeof ResizeObserver==`function`?(()=>{let e=(0,l.createElementSize)(r);(0,t.onCleanup)(()=>e.dispose());let i=(0,n.fromSubscribable)(e,{signal:e.disposalSignal}),a=r.parentElement,o=Ta(r),s=a?(0,l.createElementSize)(a):void 0,c=o&&o!==a?(0,l.createElementSize)(o):void 0;s&&(0,t.onCleanup)(()=>s.dispose()),c&&(0,t.onCleanup)(()=>c.dispose());let u=s?(0,n.fromSubscribable)(s,{signal:s.disposalSignal}):void 0,d=c?(0,n.fromSubscribable)(c,{signal:c.disposalSignal}):void 0;return(0,n.watch)((0,n.computed)(()=>[i.value?.width,i.value?.height,u?.value?.width,u?.value?.height,d?.value?.width,d?.value?.height]),()=>{let e=Ea(r),t=Ta(r)?.clientWidth??0;S.value=e>0&&C.value!=null&&e<=C.value,w.value=t>0&&t<window.innerWidth,j()})})():void 0;return()=>{c?.(),o?.(),s?.(),I?.dispose(),R?.dispose(),z?.dispose(),B?.dispose(),L?.dispose(),te.disconnect(),u?.(),g?.(),ne?.dispose(),b!=null&&(clearTimeout(b),b=void 0)}}),t.html`
|
|
3138
|
+
`},styles:[ya]});var xa=`@layer refine.base{:host{--_navbar-height:var(--navbar-height,var(--size-14));--_navbar-width:var(--navbar-width,min(100%, 80rem));--_navbar-offset:var(--navbar-offset,var(--size-3));--_navbar-bg:var(--navbar-bg,var(--color-canvas));--_navbar-color:var(--navbar-color,var(--color-contrast-900));--_navbar-border-color:var(--navbar-border-color,var(--color-divider));--_navbar-shadow:var(--navbar-shadow,var(--shadow-md));--_navbar-radius:var(--navbar-radius,var(--rounded-lg));box-sizing:border-box;width:100%;color:var(--_navbar-color);display:block}:host([data-mode=sticky]){z-index:var(--z-sticky);position:sticky;top:0}:host([data-mode=floating]){inset-inline:var(--_navbar-offset);top:var(--_navbar-offset);z-index:var(--z-sticky);position:fixed}:host([data-preview-mode][data-mode=floating]){inset-inline:var(--_navbar-offset);position:absolute;top:auto}:host([floating][sticky][data-scrolled]){width:100%;top:0;left:0;right:0}:host([data-preview-mode][floating][sticky][data-scrolled]){width:auto;position:absolute;top:auto;left:0;right:0}:host>nav{flex-direction:column;width:100%;display:flex;position:relative}.navbar{box-sizing:border-box;gap:var(--size-2);width:100%;max-width:var(--_navbar-width);min-height:var(--_navbar-height);padding:var(--size-2) var(--size-4);color:inherit;white-space:nowrap;background:var(--_navbar-bg);border-top:none;border-right:none;border-bottom:var(--border) solid var(--_navbar-border-color);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)));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[hidden],.navbar-start[hidden],.navbar-center[hidden],.navbar-end[hidden]{display:none}.navbar-logo,.navbar-start,.navbar-center,.navbar-end{white-space:nowrap;align-items:center;min-width:0;display:flex}.navbar-logo{flex:none}.navbar-start{gap:var(--size-1);flex:none}.navbar-center{gap:var(--size-1);flex:0 auto;justify-content:flex-start;min-width:0;display:flex}.navbar-end{gap:var(--size-1);flex:none}.navbar-end:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.navbar-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.mobile-toggle{width:var(--size-9);height:var(--size-9);color:var(--color-contrast-700);cursor:pointer;border:var(--border) solid transparent;border-radius:var(--rounded-md);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.mobile-toggle:hover{color:var(--color-contrast-900);background:var(--color-contrast-100);border-color:var(--color-contrast-200)}.mobile-toggle:focus-visible{outline:var(--focus-ring)}.mobile-menu-panel{z-index:1;box-sizing:border-box;width:100%;max-width:var(--_navbar-width);padding:var(--size-2);background:var(--_navbar-bg);border:var(--border) solid var(--_navbar-border-color);border-radius:var(--rounded-lg);box-shadow:var(--_shadow,var(--_navbar-shadow));-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transform-origin:top;animation:navbar-mobile-in var(--transition-fast) var(--ease-out);margin-top:var(--size-2);margin-left:auto;margin-right:auto;display:none;position:relative}:host([data-mobile][data-mobile-open]) .mobile-menu-panel:not([hidden]){gap:var(--size-1);display:grid}:host([data-mobile][data-mobile-open][data-mode=floating]) .mobile-menu-panel{margin-top:var(--size-1-5)}:host([data-mobile][data-mobile-open][data-mode=sticky]) .mobile-menu-panel,:host([data-mobile][data-mobile-open][floating][sticky][data-scrolled]) .mobile-menu-panel{z-index:2;border-radius:0 0 var(--rounded-md) var(--rounded-md);border-top:none;border-left:none;border-right:none;max-width:100%;margin:0;position:absolute;top:100%;left:0;right:0}:host([data-mobile]) .mobile-toggle:not([hidden]){order:-1;display:inline-flex}:host([data-mobile]) .navbar-start,:host([data-mobile]) .navbar-center,:host([data-mobile]) .navbar-end{display:none}:host([data-mobile][data-mobile-open]) .navbar{border-bottom-right-radius:var(--rounded-md);border-bottom-left-radius:var(--rounded-md)}@starting-style{.mobile-menu-panel{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}@keyframes navbar-mobile-in{0%{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}to{opacity:1;transform:translateY(0)}}@keyframes navbar-floating-to-sticky{0%{opacity:.92;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes navbar-sticky-to-floating{0%{opacity:.95;transform:translateY(-2px)scale(1)}to{opacity:1;transform:translateY(0)scale(.99)}}.item{box-sizing:border-box;gap:var(--size-1);min-height:var(--_touch-target,var(--size-9));padding:var(--size-1-5) var(--size-2-5);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--navbar-item-color,var(--color-contrast-700));white-space:nowrap;appearance:none;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.item:hover,.item:focus-visible{color:var(--navbar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--navbar-item-hover-bg,var(--color-contrast-100))}:host([active]) .item{color:var(--navbar-item-active-color,var(--color-primary));background:var(--navbar-item-active-bg,color-mix(in oklch, var(--color-primary) 12%, transparent))}:host([disabled]) .item,:host([disabled]) .item:hover,:host([disabled]) .item:focus-visible{color:var(--color-contrast-400);pointer-events:none;cursor:not-allowed;background:0 0;outline:none}.item-icon,.item-end{align-items:center;display:inline-flex}.item-label{white-space:nowrap;min-width:0}:host([icon-only]) .item-label{display:none}:host([icon-only]) .item{padding:var(--size-1-5)}:host([navbar-mobile]){width:100%;display:block}:host([navbar-mobile]) .item{justify-content:flex-start;width:100%;display:flex}}@layer refine.variants{:host([variant=flat]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 88%, transparent);--_navbar-shadow:none}:host([variant=bordered]){--_navbar-bg:var(--color-canvas);--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 32%, transparent)}:host([variant=outline]){--_navbar-bg:transparent;--_navbar-shadow:none;--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 40%, transparent)}:host([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}}}`,Sa=(e,t,n,r)=>e?(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)):()=>{},Ca=e=>!(e instanceof HTMLElement)||e.tagName.includes(`-`)||e.childElementCount>0?!0:(e.textContent??``).trim().length>0,wa=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},Ta=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},Ea=e=>{let t=Ta(e)?.clientWidth??0;return t>0?t:e.offsetWidth},Da=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},Oa=(0,t.createContext)(`NavbarContext`),ka=`ore-navbar`;(0,t.define)(ka,{props:{breakpoint:t.prop.string(`(max-width: 768px)`),color:t.prop.string(),"container-breakpoints":t.prop.bool(!1),elevation:t.prop.number(),floating:t.prop.bool(!1),label:t.prop.string(`Main navigation`),"menu-close-icon":t.prop.string(`x`),"menu-close-label":t.prop.string(`Close navigation menu`),"menu-icon":t.prop.string(`menu`),"menu-open-label":t.prop.string(`Open navigation menu`),"mobile-sidebar":t.prop.string(),rounded:t.prop.string(),"scroll-threshold":t.prop.number(80),sticky:t.prop.bool(!1),variant:t.prop.string()},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=(0,t.useSlots)(),o=a.has(`logo`),s=a.has(`start`),c=a.has(),u=a.has(`end`),d=a.elements(`mobile-menu`),f=(0,n.signal)(!1),p=(0,n.signal)(null),m=(0,n.signal)(!1),h=(0,n.signal)(!1),g=(0,n.signal)(!1),_=(0,n.signal)(!1),v=(0,n.signal)(!1),y=(0,n.signal)(!1),b=(0,n.signal)(0),x=(0,n.signal)(!1),S=(0,n.signal)(!1),C=(0,n.signal)(wa(e.breakpoint.value)),w=(0,n.signal)(!1),T=()=>{let t=String(e[`mobile-sidebar`].value??``).trim();if(!t)return null;let n=r.getRootNode();return(n instanceof ShadowRoot||n instanceof Document?n.querySelector(t):null)??document.querySelector(t)};(0,t.provide)(Oa,{closeMobileMenu:()=>O(),isMobile:(0,n.computed)(()=>g.value),mobileMenuOpen:(0,n.computed)(()=>_.value)});let E=()=>{if(e.floating.value&&e.sticky.value)return y.value?`sticky`:`floating`;if(e.floating.value)return`floating`;if(e.sticky.value)return`sticky`},D=e=>{let t=!!e;if(!f.value){let e=p.value??T();if(e){t?e.openMobile?.():e.closeMobile?.();return}}(!t||f.value)&&_.value!==t&&(_.value=t,i(`mobile-menu-change`,{open:t}))},O=()=>D(!1),k=()=>D(!0),A=()=>{if(!f.value){let e=p.value??T();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}}D(!_.value)},j=()=>{let t=(p.value&&!f.value?m.value:!1)||x.value||!!e[`container-breakpoints`].value&&S.value;g.value=t,t||O()},M=e=>e?e.scrollTop||0:window.scrollY||document.documentElement.scrollTop||0,N=e=>{b.value=M(e)},P=(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=M(t)-b.value;y.value=r>n};return(0,t.bind)({attr:{"data-mobile":()=>g.value?!0:void 0,"data-mobile-open":()=>g.value&&_.value?!0:void 0,"data-mode":()=>E()??null,"data-mode-transitioning":()=>v.value?!0:void 0,"data-preview-mode":()=>w.value?!0:void 0,"data-scrolled":()=>e.floating.value&&e.sticky.value&&y.value?!0:void 0}}),(0,t.onMounted)(()=>{let i=r,a=Da(r);i.closeMobileMenu=O,i.openMobileMenu=k,i.toggleMobileMenu=A;let o=Sa(window,`scroll`,()=>{P(a)},{passive:!0}),s=a?Sa(a,`scroll`,()=>{P(a)},{passive:!0}):void 0,c=Sa(r,`keydown`,e=>{e.key===`Escape`&&_.value&&O()}),u,g,b,D,M=()=>{if(g?.(),g=void 0,p.value=null,m.value=!1,h.value=!1,!String(e[`mobile-sidebar`].value??``).trim())return;let t=T();if(!t){let e=r.getRootNode(),t=e instanceof Document||e instanceof ShadowRoot?e:document,n=new MutationObserver(()=>{T()&&M()});n.observe(t,{childList:!0,subtree:!0}),g=()=>n.disconnect();return}let n=e=>{let n=t.hasAttribute(`data-bottom-nav`),r=t.hasAttribute(`data-mobile-open`);m.value=n,h.value=e?.detail?e.detail.open:r,h.value&&!m.value&&(m.value=!0),j()},i=new MutationObserver(()=>{n()});n(),i.observe(t,{attributeFilter:[`data-bottom-nav`,`data-mobile-open`],attributes:!0}),t.addEventListener(`mobile-open-change`,n),g=()=>{i.disconnect(),t.removeEventListener(`mobile-open-change`,n)},p.value=t},F=()=>{v.value=!0,b!=null&&clearTimeout(b),b=setTimeout(()=>{v.value=!1,b=void 0},220)},I=(0,n.watch)((0,n.computed)(()=>e.floating.value&&e.sticky.value),e=>{if(!e){y.value&&=!1,v.value&&=!1,D=void 0,b!=null&&(clearTimeout(b),b=void 0);return}N(a),P(a),D=E()},{immediate:!0}),L=(0,n.watch)(e[`mobile-sidebar`],()=>{M()},{immediate:!0}),R=(0,n.watch)((0,n.computed)(()=>E()),t=>{if(!(e.floating.value&&e.sticky.value)){D=t??void 0;return}let n=t??void 0;D&&n&&D!==n&&F(),D=n},{immediate:!0}),z=(0,n.watch)(f,e=>{!e&&_.value&&O()},{immediate:!0}),ee=()=>{f.value=d.value.some(Ca)},B=(0,n.watch)(d,ee,{immediate:!0}),te=new MutationObserver(()=>{ee()});te.observe(r,{childList:!0,subtree:!0}),(0,n.watch)(e.breakpoint,t=>{(0,n.untrack)(()=>{u?.(),u=void 0;let i=String(t??``).trim();C.value=wa(i),x.value=!1;let a=Ea(r);if(S.value=a>0&&C.value!=null&&a<=C.value,j(),!(e[`container-breakpoints`].value&&C.value!=null)&&i)try{let e=(0,l.createMediaQuery)(i),t=e=>{e&&(x.value=e.matches,j())};t(e.getSnapshot());let r=(0,n.watch)((0,n.fromSubscribable)(e,{signal:e.disposalSignal}),t);u=()=>{r.dispose(),e.dispose()}}catch(e){if(!(e instanceof l.SentinelUnavailableError))throw e}})},{immediate:!0});let ne=typeof ResizeObserver==`function`?(()=>{let e=(0,l.createElementSize)(r);(0,t.onCleanup)(()=>e.dispose());let i=(0,n.fromSubscribable)(e,{signal:e.disposalSignal}),a=r.parentElement,o=Ta(r),s=a?(0,l.createElementSize)(a):void 0,c=o&&o!==a?(0,l.createElementSize)(o):void 0;s&&(0,t.onCleanup)(()=>s.dispose()),c&&(0,t.onCleanup)(()=>c.dispose());let u=s?(0,n.fromSubscribable)(s,{signal:s.disposalSignal}):void 0,d=c?(0,n.fromSubscribable)(c,{signal:c.disposalSignal}):void 0;return(0,n.watch)((0,n.computed)(()=>[i.value?.width,i.value?.height,u?.value?.width,u?.value?.height,d?.value?.width,d?.value?.height]),()=>{let e=Ea(r),t=Ta(r)?.clientWidth??0;S.value=e>0&&C.value!=null&&e<=C.value,w.value=t>0&&t<window.innerWidth,j()})})():void 0;return()=>{c?.(),o?.(),s?.(),I?.dispose(),R?.dispose(),z?.dispose(),B?.dispose(),L?.dispose(),te.disconnect(),u?.(),g?.(),ne?.dispose(),b!=null&&(clearTimeout(b),b=void 0)}}),t.html`
|
|
3139
3139
|
<nav part="nav" aria-label="${e.label}">
|
|
3140
3140
|
<div class="navbar" part="bar">
|
|
3141
3141
|
<div class="navbar-logo" part="logo" ?hidden=${()=>!o.value}>
|