@blukavantui/community 1.1.0 → 1.2.0

package/test/content-overlay-motion.test.mjs

@@ -0,0 +1,36 @@
+import test from 'node:test';
+import assert from 'node:assert/strict';
+import {build} from 'esbuild';
+const result=await build({entryPoints:['src/web-motion/content.ts'],bundle:true,format:'esm',platform:'node',write:false});
+const {enhanceContentMotion}=await import('data:text/javascript;base64,'+Buffer.from(result.outputFiles[0].text).toString('base64'));
+
+function fixture(mode='full') {
+  const watchers=[],jobs=[];
+  globalThis.MutationObserver=class {constructor(fn){this.fn=fn;} observe(root,options){this.root=root;this.options=options;watchers.push(this);} disconnect(){this.off=true;}};
+  globalThis.cancelAnimationFrame=()=>{};
+  const rect={left:0,top:0,width:100,height:100};
+  const attrs=new Map(),styles=new Map();
+  const layer={hidden:true,inert:false,style:{getPropertyValue:k=>styles.get(k)?.[0]||'',getPropertyPriority:k=>styles.get(k)?.[1]||'',setProperty:(k,v,p='')=>styles.set(k,[v,p]),removeProperty:k=>styles.delete(k),get pointerEvents(){return styles.get('pointer-events')?.[0]||'';},set pointerEvents(v){styles.set('pointer-events',[v,'']);}},getAttribute:k=>attrs.get(k)??null,setAttribute:(k,v)=>attrs.set(k,v),removeAttribute:k=>attrs.delete(k),closest:()=>inner};
+  const root=()=>{const a=new Map();return {getBoundingClientRect:()=>rect,querySelectorAll:s=>s==='.blu-overlay,.blu-tour'?[layer]:[],addEventListener(){},removeEventListener(){},getAttribute:k=>a.get(k)??null,setAttribute:(k,v)=>a.set(k,v),removeAttribute:k=>a.delete(k),contains:()=>true};};
+  const outer=root(),inner=root();
+  const motion={mode,cancel(){},play(){return Promise.resolve('finished');},resolveOptions:()=>({duration:750}),animate(){let done;const p=new Promise(r=>done=r);jobs.push(done);return p;}};
+  const collection=enhanceContentMotion(outer,motion,'collection-layout');
+  const profile=enhanceContentMotion(inner,motion,'profile-card');
+  const change=hidden=>{layer.hidden=hidden;for(const w of watchers)if(!w.off&&w.options.attributeFilter?.length===1)w.fn();};
+  const finish=async()=>{for(const done of jobs.splice(0))done('finished');await Promise.resolve();await Promise.resolve();};
+  return {layer,styles,attrs,jobs,change,finish,destroy(){profile.destroy();collection.destroy();}};
+}
+test('a nested profile has one exit owner and remains visually hidden after close',async()=>{
+  const f=fixture();f.change(false);f.change(true);
+  assert.equal(f.jobs.length,1,'the collection must not animate its child dialog');
+  assert.equal(f.layer.inert,true);assert.equal(f.attrs.get('aria-hidden'),'true');
+  await f.finish();assert.equal(f.layer.hidden,true);assert.equal(f.styles.has('display'),false);assert.equal(f.layer.inert,false);assert.equal(f.attrs.has('aria-hidden'),false);f.destroy();
+});
+test('quick reopen and destroy restore exit styles without hiding the reopened dialog',async()=>{
+  const f=fixture();f.change(false);f.change(true);f.change(false);await f.finish();
+  assert.equal(f.layer.hidden,false);assert.equal(f.styles.has('display'),false);
+  f.change(true);f.destroy();await f.finish();assert.equal(f.styles.has('display'),false);assert.equal(f.layer.inert,false);
+});
+test('motion off closes immediately without temporary visibility styles',()=>{
+  const f=fixture('off');f.change(false);f.change(true);assert.equal(f.jobs.length,0);assert.equal(f.styles.has('display'),false);f.destroy();
+});

package/test/isolation.test.mjs

@@ -5,7 +5,7 @@ import vm from 'node:vm';
 const edition=JSON.parse(await readFile('edition.json','utf8'));
 const sizes=JSON.parse(await readFile('dist/sizes.json','utf8'));
 test('all seven groups expose the declared release component set without duplicates',()=>{
- const names=Object.values(edition.nativeModules).flat();const expected=edition.version==='1.1.0'?67:55;assert.equal(names.length,expected);assert.equal(new Set(names).size,expected);assert.deepEqual([...names].sort(),[...edition.components].sort());assert.equal(Object.keys(edition.nativeModules).length,7);
+ const names=Object.values(edition.nativeModules).flat();const expected=67;assert.equal(names.length,expected);assert.equal(new Set(names).size,expected);assert.deepEqual([...names].sort(),[...edition.components].sort());assert.equal(Object.keys(edition.nativeModules).length,7);
 });
 test('non-grid entrypoints do not pull the AG Grid engine or unrelated component factories',async()=>{
  for(const name of ['chat','chat-widget','float-button','date-picker','time-picker','date-time-picker','date-range-picker','font-provider','shape-mask','tree-select','transfer-list','core','layout','inputs','feedback','data']){

package/test/motion.test.mjs

@@ -0,0 +1,215 @@
+import test from 'node:test';
+import assert from 'node:assert/strict';
+import { build } from 'esbuild';
+const built = await build({ entryPoints: ['src/motion.ts'], bundle: true, format: 'esm', platform: 'node', write: false });
+// Import must be safe without browser globals (server rendering/tooling).
+const { createMotionController, resolveMotionMode, boundedTime, normalizeProgress, motionEffects, motionEasings, motionFrames, playStagger, staggerRanks, createScrollReveal, easeProgress } = await import('data:text/javascript;base64,' + Buffer.from(built.outputFiles[0].text).toString('base64'));
+
+function browserFixture(reduced = false) {
+  const listeners = new Set(), attrs = new Map(), animations = [];
+  const media = { matches: reduced, addEventListener(_event, fn) { listeners.add(fn); }, removeEventListener(_event, fn) { listeners.delete(fn); } };
+  const scope = {
+    ownerDocument: { defaultView: { matchMedia: () => media, getComputedStyle: () => ({ getPropertyValue: key => ({ '--blu-motion-duration': '.28s', '--blu-motion-distance': '8px' }[key] || '') }) } },
+    contains: () => true, getAttribute: name => attrs.get(name) ?? null,
+    setAttribute: (name, value) => attrs.set(name, value), removeAttribute: name => attrs.delete(name),
+  };
+  const element = { animate(frames, options) {
+    let resolve, reject;
+    const finished = new Promise((yes, no) => { resolve = yes; reject = no; });
+    const animation = { frames, options, finished, cancel() { this.cancelled = true; reject(Error('Cancelled')); }, complete() { resolve(); } };
+    animations.push(animation); return animation;
+  } };
+  return { scope, element, animations, media, listeners, attrs, change(reduced) { media.matches = reduced; for (const fn of listeners) fn(); } };
+}
+test('preferences never override the device reduction and explicit Off always wins', () => {
+  for (const system of [true, false]) {
+    assert.equal(resolveMotionMode('off', system), 'off');
+    assert.equal(resolveMotionMode('reduced', system), 'reduced');
+    assert.equal(resolveMotionMode('system', system), system ? 'reduced' : 'full');
+  }
+});
+test('timing and progress reject invalid values rather than producing endless/false states', () => {
+  assert.equal(boundedTime(Infinity, 180), 180); assert.equal(boundedTime(-2, 180), 0); assert.equal(boundedTime(90000, 180), 2000);
+  assert.equal(normalizeProgress(NaN), undefined); assert.equal(normalizeProgress(Infinity), undefined); assert.equal(normalizeProgress(-10), 0); assert.equal(normalizeProgress(130), 100); assert.equal(normalizeProgress(42.5), 42.5);
+});
+test('starting another effect on the same element cancels and settles the first', async () => {
+  const f = browserFixture(), motion = createMotionController(f.scope);
+  const first = motion.play(f.element, 'slide-left'), last = motion.play(f.element, 'fade');
+  assert.equal(await first, 'cancelled'); assert.equal(f.animations[0].cancelled, true);
+  assert.equal(f.animations[1].options.duration, 280);
+  f.animations[1].complete(); assert.equal(await last, 'finished');
+  assert.equal(f.animations[1].cancelled, true, 'Finished effects must release fill state'); motion.destroy();
+});
+test('device preference changes cancel in-flight motion; reduced effects never translate', async () => {
+  const f = browserFixture(), motion = createMotionController(f.scope);
+  const first = motion.play(f.element, 'slide-up'); f.change(true);
+  assert.equal(await first, 'cancelled'); assert.equal(f.attrs.get('data-blu-motion'), 'reduced');
+  const reduced = motion.play(f.element, 'scale', { duration: 800, delay: 300 });
+  assert.equal(f.animations[1].options.duration, 200); assert.equal(f.animations[1].options.delay, 0);
+  assert.deepEqual(f.animations[1].frames, [{ opacity: 0 }, { opacity: 1 }]);
+  f.animations[1].complete(); assert.equal(await reduced, 'finished'); motion.destroy();
+});
+test('Off and unsupported animation APIs commit instantly without creating animation tasks', async () => {
+  const f = browserFixture(), motion = createMotionController(f.scope, 'off');
+  assert.equal(await motion.play(f.element), 'finished'); assert.equal(f.animations.length, 0);
+  motion.setPreference('system'); assert.equal(await motion.play({}), 'finished');
+  f.element.closest = () => ({});
+  assert.equal(await motion.play(f.element, 'slide-up', { duration: 800 }), 'finished');
+  assert.equal(f.animations.length, 0); motion.destroy();
+});
+test('destroy cancels pending effects, restores scope attributes, detaches listeners and allows remount', async () => {
+  const f = browserFixture(); f.attrs.set('data-blu-motion', 'previous');
+  const motion = createMotionController(f.scope), task = motion.play(f.element);
+  assert.throws(() => createMotionController(f.scope), /already/);
+  motion.destroy(); motion.destroy();
+  assert.equal(await task, 'cancelled'); assert.equal(f.listeners.size, 0); assert.equal(f.attrs.get('data-blu-motion'), 'previous');
+  assert.equal(await motion.play(f.element), 'cancelled'); assert.throws(() => motion.setPreference('off'), /destroyed/);
+  createMotionController(f.scope).destroy();
+});
+test('all base effects support both phases with opposite opacity endpoints and named easing', async () => {
+  for (const effect of motionEffects) for (const phase of ['enter', 'exit']) for (const easing of Object.keys(motionEasings)) {
+    const f = browserFixture(), motion = createMotionController(f.scope);
+    const task = motion.play(f.element, effect, { phase, easing, duration: 450 });
+    const animation = f.animations[0];
+    assert.equal(animation.frames[0].opacity, phase === 'enter' ? 0 : 1, effect);
+    assert.equal(animation.frames.at(-1).opacity, phase === 'enter' ? 1 : 0, effect);
+    assert.equal(animation.options.easing, motionEasings[easing]);
+    assert.equal(animation.options.duration, 450);
+    animation.complete(); assert.equal(await task, 'finished'); motion.destroy();
+  }
+});
+test('direction names describe movement for both entrance and exit', () => {
+  const expected = {
+    'slide-up': ['translateY(20px)', 'translateY(calc(-1 * 20px))'],
+    'slide-down': ['translateY(calc(-1 * 20px))', 'translateY(20px)'],
+    'slide-left': ['translateX(20px)', 'translateX(calc(-1 * 20px))'],
+    'slide-right': ['translateX(calc(-1 * 20px))', 'translateX(20px)'],
+    'zoom-in': ['scale(.92)', 'scale(1.08)'],
+    'zoom-out': ['scale(1.08)', 'scale(.92)'],
+  };
+  for (const [name, [enter, exit]] of Object.entries(expected)) {
+    assert.equal(motionFrames(name, 'enter', '20px')[0].transform, enter);
+    assert.equal(motionFrames(name, 'exit', '20px').at(-1).transform, exit);
+  }
+});
+test('every effect reduces to a short fade; zero duration remains instant', async () => {
+  for (const effect of motionEffects) for (const phase of ['enter', 'exit']) {
+    const f = browserFixture(true), motion = createMotionController(f.scope);
+    const task = motion.play(f.element, effect, { phase, easing: 'spring', delay: 500 });
+    assert.equal(f.animations[0].options.duration, 200);
+    assert.equal(f.animations[0].options.delay, 0);
+    assert.ok(f.animations[0].frames.every(frame => !('transform' in frame)));
+    f.animations[0].complete(); await task;
+    await motion.play(f.element, effect, { duration: 0 }); assert.equal(f.animations.length, 1);
+    motion.destroy();
+  }
+});
+test('stagger bounds total delay and removes all delays in reduced mode', async () => {
+  for (const reduced of [false, true]) {
+    const f = browserFixture(reduced), motion = createMotionController(f.scope);
+    const elements = Array.from({ length: 30 }, () => ({ animate: f.element.animate }));
+    const task = playStagger(motion, elements, 'slide-up', { gap: 120, delay: 40 });
+    const delays = f.animations.map(animation => animation.options.delay);
+    assert.equal(delays[0], reduced ? 0 : 40); assert.equal(delays.at(-1), reduced ? 0 : 500);
+    assert.ok(delays.every(delay => delay <= 500));
+    for (const animation of f.animations) animation.complete();
+    assert.ok((await task).every(result => result === 'finished')); motion.destroy();
+  }
+});
+test('scroll reveals only intersecting targets, defaults to once, and disposes pending motion', async () => {
+  const f = browserFixture(); let callback, disconnected = false, unobserved = [], count = 0;
+  f.scope.ownerDocument.defaultView.IntersectionObserver = class {
+    constructor(fn) { callback = fn; }
+    observe() {} unobserve(element) { unobserved.push(element); } disconnect() { disconnected = true; }
+  };
+  Object.assign(f.element, { ownerDocument: f.scope.ownerDocument, isConnected: true });
+  const motion = createMotionController(f.scope);
+  const reveal = createScrollReveal([f.element], motion, { onReveal() { count++; } });
+  callback([{ target: f.element, isIntersecting: false, intersectionRatio: 0 }]); assert.equal(count, 0);
+  callback([{ target: f.element, isIntersecting: true, intersectionRatio: .1 }]); assert.equal(count, 0);
+  callback([{ target: f.element, isIntersecting: true, intersectionRatio: .4 }]); assert.equal(count, 1); assert.deepEqual(unobserved, [f.element]);
+  callback([{ target: f.element, isIntersecting: false, intersectionRatio: 0 }]);
+  callback([{ target: f.element, isIntersecting: true, intersectionRatio: 1 }]); assert.equal(count, 1);
+  reveal.destroy(); assert.equal(disconnected, true); assert.equal(f.animations[0].cancelled, true);
+  callback([{ target: f.element, isIntersecting: true, intersectionRatio: 1 }]); assert.equal(count, 1); motion.destroy();
+});
+test('repeat scroll reveal waits for genuine re-entry; unsupported observer leaves content untouched', () => {
+  const f = browserFixture(); let callback, count = 0;
+  f.scope.ownerDocument.defaultView.IntersectionObserver = class { constructor(fn) { callback = fn; } observe() {} unobserve() {} disconnect() {} };
+  Object.assign(f.element, { ownerDocument: f.scope.ownerDocument, isConnected: true, hidden: false });
+  const motion = createMotionController(f.scope, 'off'), reveal = createScrollReveal([f.element], motion, { once: false, onReveal() { count++; } });
+  const entry = visible => [{ target: f.element, isIntersecting: visible, intersectionRatio: visible ? 1 : 0 }];
+  callback(entry(true)); callback(entry(true)); assert.equal(count, 1);
+  callback(entry(false)); callback(entry(true)); assert.equal(count, 2);
+  assert.equal(f.animations.length, 0); assert.equal(f.element.hidden, false);
+  reveal.destroy(); delete f.scope.ownerDocument.defaultView.IntersectionObserver;
+  const unsupported = createScrollReveal([f.element], motion); assert.equal(f.element.hidden, false);
+  unsupported.destroy(); createScrollReveal([], motion).destroy(); motion.destroy();
+});
+test('custom frames share cancellation; reduced and Off commit without spatial animation', async () => {
+  const f = browserFixture(), motion = createMotionController(f.scope);
+  const first = motion.animate(f.element, [{ height: '0px' }, { height: '80px' }]);
+  const second = motion.animate(f.element, [{ height: '30px' }, { height: '0px' }]);
+  assert.equal(await first, 'cancelled'); f.animations[1].complete(); assert.equal(await second, 'finished');
+  motion.setPreference('reduced'); await motion.animate(f.element, [{ transform: 'scale(.5)' }, { transform: 'none' }]); assert.equal(f.animations.length, 2);
+  motion.setPreference('off'); await motion.animate(f.element, [{ opacity: 0 }, { opacity: 1 }]); assert.equal(f.animations.length, 2); motion.destroy();
+});
+test('numeric interpolation respects actual time, easing, retargeting and disposal', async () => {
+  const f = browserFixture(), callbacks = new Map(); let id = 0, value = 0;
+  Object.assign(f.scope.ownerDocument.defaultView, { requestAnimationFrame(fn) { callbacks.set(++id, fn); return id; }, cancelAnimationFrame(key) { callbacks.delete(key); } });
+  function tick(time) { const batch = Array.from(callbacks.values()); callbacks.clear(); batch.forEach(fn => fn(time)); }
+  const motion = createMotionController(f.scope);
+  const first = motion.tween(f.element, 0, 100, v => value = v, { duration: 200, easing: 'linear' });
+  tick(0); tick(100); assert.equal(value, 50);
+  const last = motion.tween(f.element, value, 20, v => value = v, { duration: 200, easing: 'linear' });
+  assert.equal(await first, 'cancelled'); tick(101); tick(301); assert.equal(value, 20); assert.equal(await last, 'finished'); assert.equal(callbacks.size, 0);
+  const pending = motion.tween(f.element, 20, 200, v => value = v); motion.destroy(); assert.equal(await pending, 'cancelled'); assert.equal(callbacks.size, 0);
+});
+test('reduced numeric interpolation finishes instantly; invalid data cannot cancel valid work', async () => {
+  const f = browserFixture(true), motion = createMotionController(f.scope); let value;
+  assert.equal(await motion.tween(f.element, 0, 42, v => value = v), 'finished'); assert.equal(value, 42);
+  assert.throws(() => motion.tween(f.element, 0, NaN, () => {}), /finite/); motion.destroy();
+});
+test('numeric easing matches directional CSS behavior and exact endpoints', () => {
+  for (const easing of Object.keys(motionEasings)) { assert.equal(easeProgress(0, easing), 0); assert.equal(easeProgress(1, easing), 1); }
+  assert.equal(easeProgress(.5, 'linear'), .5);
+  assert.ok(easeProgress(.5, 'ease-in') < .5); assert.ok(easeProgress(.5, 'ease-out') > .5);
+  assert.ok(Math.abs(easeProgress(.5, 'ease-in-out') - .5) < .00001);
+});
+test('wipe directions change opposite clip edges on entry and exit', () => {
+  for (const effect of ['wipe-up', 'wipe-down', 'wipe-left', 'wipe-right']) {
+    const enter = motionFrames(effect), exit = motionFrames(effect, 'exit');
+    assert.notEqual(enter[0].clipPath, exit[1].clipPath); assert.equal(enter[1].clipPath, 'inset(0 0 0 0)'); assert.equal(exit[0].clipPath, enter[1].clipPath);
+  }
+});
+test('review durations up to two seconds remain intact; component default remains short', async () => {
+  const f = browserFixture(), motion = createMotionController(f.scope);
+  for (const duration of [750, 1000, 1500, 2000]) { const pending = motion.play(f.element, 'wipe-left', { duration }); assert.equal(f.animations.at(-1).options.duration, duration); f.animations.at(-1).complete(); await pending; }
+  const pending = motion.play(f.element); assert.equal(f.animations.at(-1).options.duration, 280); f.animations.at(-1).complete(); await pending; motion.destroy();
+});
+
+test('shared default is 450ms without styles; caller zero still bypasses animation', async () => {
+  const f=browserFixture();f.scope.ownerDocument.defaultView.getComputedStyle=()=>({getPropertyValue:()=>''});
+  const motion=createMotionController(f.scope);const task=motion.play(f.element);
+  assert.equal(f.animations[0].options.duration,450);f.animations[0].complete();await task;
+  await motion.play(f.element,'fade',{duration:0});assert.equal(f.animations.length,1);motion.destroy();
+});
+
+test('directional stagger ranks preserve stable order with even centers and incomplete grid rows', () => {
+  assert.deepEqual(staggerRanks(5, 'center'), [2,1,0,1,2]);
+  assert.deepEqual(staggerRanks(6, 'center'), [2,1,0,0,1,2]);
+  assert.deepEqual(staggerRanks(5, 'rows', 3), [0,0,0,1,1]);
+  assert.deepEqual(staggerRanks(5, 'columns', 3), [0,1,2,0,1]);
+  assert.deepEqual(staggerRanks(3, 'reverse'), [2,1,0]);
+  assert.deepEqual(staggerRanks(0, 'center'), []);
+  assert.throws(() => staggerRanks(3, 'rows', 0), /positive/);
+  assert.throws(() => staggerRanks(3, 'random'), /Unknown/);
+});
+test('anchored zoom applies only animation frames and disappears in reduced motion', async () => {
+  for (const reduced of [false, true]) {
+    const f = browserFixture(reduced), motion = createMotionController(f.scope);
+    const task = motion.play(f.element, 'zoom-in', { origin: 'top-right' });
+    assert.ok(f.animations[0].frames.every(frame => reduced ? !frame.transformOrigin : frame.transformOrigin === '100% 0%'));
+    f.animations[0].complete(); await task; motion.destroy();
+  }
+});

package/dist/chunk-GXHANADL.js

@@ -1 +0,0 @@
-import{a as l,b as R,c as y,d as w,e as v,f as x}from"./chunk-EOKNLCNS.js";function C(s,r,d,i){let e={...r},c=!1,u=w(s,e),h=l("label","blu-choice"),t=l("input","blu-choice__input"),m=l("span","blu-choice__mark"),a=l("span"),f=l("span","blu-choice__state");t.type=i==="radio"?"radio":"checkbox",i==="switch"&&t.setAttribute("role","switch"),h.classList.add("blu-choice--"+i),m.setAttribute("aria-hidden","true"),f.setAttribute("aria-hidden","true"),h.append(t,m,a,f),u.body.append(h);let n=v(u.root,k);function p(o){n.check(),c&&i==="radio"&&!("Checked"in o)&&(e.Checked=t.checked),e={...e,...o},u.paint(e,[t]),u.label.hidden=!0,u.label.removeAttribute("for"),x(t,e),t.checked=!!e.Checked,t.indeterminate=i==="checkbox"&&!!e.Indeterminate,t.value=e.Value||"on",y(t,"aria-readonly",e.ReadOnly?"true":void 0),a.textContent=(e.Label||"")+(e.Required?" *":""),f.textContent=t.checked?e.OnText||"":e.OffText||"",c=!0}function k(){p({Checked:!!r.Checked,Indeterminate:!!r.Indeterminate})}return t.addEventListener("click",o=>{e.ReadOnly&&o.preventDefault()},{signal:n.signal}),t.addEventListener("keydown",o=>{e.ReadOnly&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"," "].includes(o.key)&&o.preventDefault()},{signal:n.signal}),t.addEventListener("change",()=>{e.Checked=t.checked,e.Indeterminate=!1,f.textContent=t.checked?e.OnText||"":e.OffText||"",d.Change?.(t.checked)},{signal:n.signal}),t.addEventListener("blur",()=>d.Blur?.(),{signal:n.signal}),p({}),{element:u.root,control:t,update:p,reset:k,getValue:()=>t.checked,focus:()=>t.focus(),validate:()=>t.reportValidity(),destroy:n.destroy}}function A(s,r={},d={}){return C(s,r,d,"checkbox")}function T(s,r={},d={}){return C(s,r,d,"switch")}function D(s,r,d={}){return C(s,r,d,"radio")}function V(s,r,d={}){let i={...r},e=[],c=w(s,i,!0),u=i.Name||R(),h=v(c.root,m);function t(a){h.check();let f=!e.length||"Options"in a;if(i={...i,...a},new Set(i.Options.map(n=>n.Value)).size!==i.Options.length)throw Error("Radio option values must be unique.");c.body.className="blu-radio-group blu-radio-group--"+(i.Direction||"Vertical").toLowerCase(),f&&(c.body.replaceChildren(),e=i.Options.map((n,p)=>{let k=l("label","blu-choice blu-choice--radio"),o=l("input","blu-choice__input"),E=l("span","blu-choice__mark"),g=l("span");o.type="radio",o.id=c.id+"-"+p,o.value=n.Value,E.setAttribute("aria-hidden","true");let O=l("span","",n.Label);if(O.id=o.id+"-label",g.append(O),o.setAttribute("aria-labelledby",O.id),n.Description){let b=l("small","blu-choice__description",n.Description);b.id=o.id+"-description",g.append(b)}return k.append(o,E,g),c.body.append(k),o.onchange=()=>{o.checked&&(i.Value=o.value,d.Change?.(o.value))},o.onclick=b=>{i.ReadOnly&&b.preventDefault()},o.onkeydown=b=>{i.ReadOnly&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"," "].includes(b.key)&&b.preventDefault()},o.onblur=()=>d.Blur?.(),o})),c.paint(i,e),e.forEach((n,p)=>{x(n,i),n.name=i.Name||u,n.disabled=!!i.Disabled||!!i.Options[p].Disabled,n.checked=n.value===i.Value,y(n,"aria-readonly",i.ReadOnly?"true":void 0),i.Options[p].Description&&y(n,"aria-describedby",[n.getAttribute("aria-describedby"),n.id+"-description"].filter(Boolean).join(" "))})}function m(){t({Value:r.Value||""})}return t({}),{element:c.root,update:t,reset:m,getValue:()=>e.find(a=>a.checked)?.value||"",focus:()=>(e.find(a=>a.checked&&!a.disabled)||e.find(a=>!a.disabled))?.focus(),validate:()=>e.filter(a=>!a.disabled).every(a=>a.reportValidity()),destroy:h.destroy}}export{A as a,T as b,D as c,V as d};