@blukavantui/community 1.0.1 → 1.2.0

package/styles/motion.css

@@ -0,0 +1,125 @@
+/* Optional web-only 1.2 draft. Import after the existing theme/button styles. */
+@import './motion-presets.css';
+@import './motion-tokens.css';
+@import './motion-optional.css';
+:root {
+  --blu-motion-duration: var(--blu-motion-normal);
+  --blu-motion-delay: 0ms;
+  --blu-motion-distance: 12px;
+  --blu-motion-ease: cubic-bezier(.2, .8, .2, 1);
+}
+.blu-motion-fast { --blu-motion-duration: var(--blu-motion-fast); }
+.blu-motion-slow { --blu-motion-duration: var(--blu-motion-slow); }
+.blu-motion-delay-1 { --blu-motion-delay: 60ms; }
+.blu-motion-delay-2 { --blu-motion-delay: 120ms; }
+.blu-motion-delay-3 { --blu-motion-delay: 180ms; }
+.blu-motion-spin { animation: blu-motion-spin 800ms linear infinite; }
+.blu-motion-pulse { animation: blu-motion-pulse 900ms ease-in-out 3; }
+.blu-motion-hover-lift { transition: transform var(--blu-motion-duration) var(--blu-motion-ease), box-shadow var(--blu-motion-duration) var(--blu-motion-ease); }
+@media (hover: hover) { .blu-motion-hover-lift:hover { transform: translateY(calc(-1 * var(--blu-motion-lift-distance, 4px))); box-shadow: 0 8px 20px #28334b12; } }
+.blu-motion-hover-lift:is(:focus-visible, [data-blu-lifted="true"]) { transform: translateY(calc(-1 * var(--blu-motion-lift-distance, 4px))); box-shadow: 0 8px 20px #28334b12; }
+/* Requires one inner wrapper. Content remains in the DOM; the owner manages inert/hidden and focus. */
+.blu-motion-expand { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--blu-motion-duration) var(--blu-motion-ease); }
+.blu-motion-expand[data-open="true"] { grid-template-rows: 1fr; }
+.blu-motion-expand > * { min-height: 0; overflow: hidden; }
+@keyframes blu-motion-spin { to { transform: rotate(360deg); } }
+@keyframes blu-motion-pulse { 50% { opacity: .45; } }
+
+.blu-motion-button.blu-button { display: inline-grid; gap: 0; transition-duration: var(--blu-motion-duration); }
+.blu-motion-button__face, .blu-motion-button__reserve { grid-area: 1 / 1; padding-inline: 24px; }
+.blu-motion-button__face { position: relative; display: inline-flex; align-items: center; justify-content: center; }
+.blu-motion-button__reserve { visibility: hidden; pointer-events: none; }
+.blu-motion-button .blu-button__spinner { position: absolute; inset-inline-start: 0; }
+.blu-motion-button[data-spinner-position="Trailing"] .blu-button__spinner { inset-inline-start: auto; inset-inline-end: 0; }
+.blu-motion-button .blu-button__spinner[hidden] { display: none; }
+.blu-motion-button.blu-button--loading { pointer-events: auto; }
+.blu-motion-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
+
+.blu-loading { display: flex; align-items: center; gap: 10px; font: inherit; color: inherit; }
+.blu-loading [hidden] { display: none !important; }
+.blu-loading__visual { width: 20px; height: 20px; flex-shrink: 0; }
+.blu-loading[data-variant="Spinner"] .blu-loading__visual { border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: blu-motion-spin 800ms linear infinite; }
+.blu-loading[data-variant="Spinner"] i { display: none; }
+.blu-loading[data-variant="Dots"] .blu-loading__visual { display: flex; align-items: center; width: 32px; gap: 3px; }
+.blu-loading[data-variant="Dots"] i { width: 7px; height: 7px; background: currentColor; border-radius: 50%; animation: blu-motion-pulse 900ms ease-in-out infinite; }
+.blu-loading[data-variant="Dots"] i:nth-child(2) { animation-delay: 150ms; }
+.blu-loading[data-variant="Dots"] i:nth-child(3) { animation-delay: 300ms; }
+.blu-loading progress { width: 100%; height: 8px; accent-color: var(--bluui-primary, #5145e5); border: 0; border-radius: 8px; background: #e7e8f1; overflow: hidden; }
+.blu-loading progress::-webkit-progress-bar { background: #e7e8f1; border-radius: 8px; }
+.blu-loading progress::-webkit-progress-value { background: var(--bluui-primary, #5145e5); border-radius: 8px; }
+.blu-loading progress::-moz-progress-bar { background: var(--bluui-primary, #5145e5); }
+.blu-loading[data-variant="Bar"] { flex-direction: column; align-items: stretch; }
+.blu-loading__bar { height: 8px; overflow: hidden; border-radius: 8px; background: #e7e8f1; }
+.blu-loading__bar::after { content: ''; display: block; width: 35%; height: 100%; background: var(--bluui-primary, #5145e5); border-radius: inherit; animation: blu-motion-progress 1.2s ease-in-out infinite alternate; }
+@keyframes blu-motion-progress { to { transform: translateX(185%); } }
+
+/* Explicit off/reduced scopes and per-element opt-out; never hide useful content. */
+:is([data-blu-motion="off"], [data-blu-motion="reduced"], .blu-motion-off),
+:is([data-blu-motion="off"], [data-blu-motion="reduced"], .blu-motion-off) * {
+  --blu-motion-duration: 0ms;
+  --blu-motion-delay: 0ms;
+}
+:is([data-blu-motion="off"], [data-blu-motion="reduced"], .blu-motion-off) :is([class*="blu-motion-"], .blu-button__spinner, .blu-loading__visual, .blu-loading i),
+:is([data-blu-motion="off"], [data-blu-motion="reduced"], .blu-motion-off)[class*="blu-motion-"],
+.blu-motion-off { animation: none !important; transition: none !important; }
+:is([data-blu-motion="off"], [data-blu-motion="reduced"], .blu-motion-off) .blu-loading__bar::after { animation: none !important; }
+:is([data-blu-motion="off"], [data-blu-motion="reduced"], .blu-motion-off) .blu-motion-hover-lift:is(:hover, :focus-visible, [data-blu-lifted="true"]) { transform: none; }
+@media (prefers-reduced-motion: reduce) {
+  [class*="blu-motion-"], .blu-button__spinner, .blu-loading__visual, .blu-loading i, .blu-loading__bar::after { animation: none !important; transition: none !important; }
+  .blu-motion-hover-lift:is(:hover, :focus-visible, [data-blu-lifted="true"]) { transform: none; }
+}
+
+/* Press state is finite and never changes a control's activation semantics. */
+.blu-motion-press[data-blu-pressed="true"] { transform: scale(.97); }
+.blu-motion-highlight { animation: blu-motion-highlight 1400ms ease-in-out 1; }
+.blu-motion-nudge { animation: blu-motion-nudge 280ms var(--blu-motion-ease) 1; }
+@keyframes blu-motion-highlight { 45% { box-shadow: 0 0 0 4px var(--blu-motion-highlight, #7770ed40); } }
+@keyframes blu-motion-nudge { 25% { transform: translateX(-3px); } 60% { transform: translateX(3px); } }
+:is([data-blu-motion="off"], [data-blu-motion="reduced"], .blu-motion-off) .blu-motion-press[data-blu-pressed="true"],
+.blu-motion-press.blu-motion-off[data-blu-pressed="true"] { transform: none; }
+@media (prefers-reduced-motion: reduce) { .blu-motion-press[data-blu-pressed="true"] { transform: none; } }
+
+.blu-motion-photo-frame { position:relative;overflow:hidden;isolation:isolate; }
+.blu-motion-photo-frame > img { display:block;width:100%;height:100%;object-fit:cover; }
+
+/* A masked border, not an overlay on the content. The inner square rotates;
+   the outer mask and soft halo stay aligned to the original rounded box. */
+.blu-motion-border-glow{position:absolute;inset:-1px;border-radius:inherit;pointer-events:none!important;z-index:1;filter:drop-shadow(0 0 4px var(--blu-glow-halo,#9b85ee80))}
+.blu-motion-border-glow__rim{position:absolute;inset:0;padding:var(--blu-glow-width,2px);border-radius:inherit;overflow:hidden;pointer-events:none!important;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
+.blu-motion-border-glow__beam{position:absolute;left:50%;top:50%;width:var(--blu-glow-size,1800px);height:var(--blu-glow-size,1800px);background:conic-gradient(transparent 0deg,transparent 240deg,var(--blu-glow-tail,#b5a4ef60) 265deg,var(--blu-glow-color,#8060dd) 295deg,var(--blu-glow-tip,#d7c6ff) 315deg,transparent 340deg);transform:translate(-50%,-50%) rotate(0turn);animation:blu-border-orbit var(--blu-glow-duration,12s) linear infinite}
+.blu-motion-border-glow[data-paused=true] .blu-motion-border-glow__beam{animation-play-state:paused}
+@keyframes blu-border-orbit{from{transform:translate(-50%,-50%) rotate(0turn)}to{transform:translate(-50%,-50%) rotate(1turn)}}
+:is([data-blu-motion=reduced],[data-blu-motion=off],.blu-motion-off) .blu-motion-border-glow{filter:none}
+:is([data-blu-motion=reduced],[data-blu-motion=off],.blu-motion-off) .blu-motion-border-glow__rim{background:var(--blu-glow-static,#b5a4ef80)}
+:is([data-blu-motion=reduced],[data-blu-motion=off],.blu-motion-off) .blu-motion-border-glow__beam{animation:none!important;display:none}
+@media(prefers-reduced-motion:reduce){.blu-motion-border-glow{filter:none}.blu-motion-border-glow__rim{background:var(--blu-glow-static,#b5a4ef80)}.blu-motion-border-glow__beam{animation:none!important;display:none}}
+@media(forced-colors:active){.blu-motion-border-glow{display:none}}
+
+/* Opt-in content adapters. Hover/focus lift composes with collection positioning. */
+[data-blu-content-motion] .blu-profile-card{transition:translate var(--blu-component-motion-duration,450ms) var(--blu-component-motion-ease,ease-in-out)}
+[data-blu-content-motion] .blu-profile-card:is(:hover,:focus-within){translate:0 -4px}
+:is([data-blu-motion=reduced],[data-blu-motion=off],.blu-motion-off) [data-blu-content-motion] .blu-profile-card,
+[data-blu-content-motion]:is([data-blu-motion=reduced],[data-blu-motion=off],.blu-motion-off) .blu-profile-card{translate:none;transition:none}
+[data-blu-content-motion] :is(.blu-tree-select__check,.blu-video-player__heatmap){transition-duration:var(--blu-component-motion-duration,450ms);transition-timing-function:var(--blu-component-motion-ease,ease-in-out)}
+:is([data-blu-motion=reduced],[data-blu-motion=off],.blu-motion-off) [data-blu-content-motion] :is(.blu-tree-select__check,.blu-video-player__heatmap){transition:none}
+@media(prefers-reduced-motion:reduce){[data-blu-content-motion] .blu-profile-card{translate:none;transition:none}}
+
+/* Optional ripple stays clipped to the selectable part of a chip. */
+[data-blu-content-motion=chip] .blu-chip__select{border-radius:inherit}
+[data-blu-content-motion=skeleton] .blu-skeleton--animated::after{animation-duration:1800ms;animation-iteration-count:2}
+[data-blu-component-motion=statistic] .blu-statistic__loading{animation-duration:1800ms;animation-iteration-count:2}
+:is([data-blu-motion=reduced],[data-blu-motion=off],.blu-motion-off) [data-blu-content-motion=skeleton] .blu-skeleton--animated::after{animation:none!important;display:none}
+:is([data-blu-motion=reduced],[data-blu-motion=off],.blu-motion-off) [data-blu-component-motion=statistic] .blu-statistic__loading{animation:none!important}
+@media(prefers-reduced-motion:reduce){[data-blu-content-motion=skeleton] .blu-skeleton--animated::after{animation:none!important;display:none}[data-blu-component-motion=statistic] .blu-statistic__loading{animation:none!important}}
+
+/* Rich media hover must obey the same scope as its lightbox. */
+[data-blu-content-motion=media-image] img{transition-duration:var(--blu-component-motion-duration,650ms);transition-timing-function:var(--blu-component-motion-ease,ease-in-out)}
+:is([data-blu-motion=reduced],[data-blu-motion=off],.blu-motion-off) [data-blu-content-motion=media-image] img{transition:none!important;transform:none!important}
+/* Legacy content CSS follows the opt-in controller as well as system preference. */
+[data-blu-content-motion] .blu-button{transition-duration:var(--blu-component-motion-duration,280ms)}
+:is([data-blu-motion=reduced],[data-blu-motion=off],.blu-motion-off) [data-blu-content-motion] *,
+:is([data-blu-motion=reduced],[data-blu-motion=off],.blu-motion-off) [data-blu-content-motion] *::before,
+:is([data-blu-motion=reduced],[data-blu-motion=off],.blu-motion-off) [data-blu-content-motion] *::after,
+[data-blu-content-motion]:is([data-blu-motion=reduced],[data-blu-motion=off],.blu-motion-off) *,
+[data-blu-content-motion]:is([data-blu-motion=reduced],[data-blu-motion=off],.blu-motion-off) *::before,
+[data-blu-content-motion]:is([data-blu-motion=reduced],[data-blu-motion=off],.blu-motion-off) *::after{transition:none!important;animation:none!important}

package/styles/radio-button.css

@@ -0,0 +1 @@
+@import './form-layout.css';

package/styles/radio-group.css

@@ -0,0 +1 @@
+@import './form-layout.css';

package/styles/select.css

@@ -0,0 +1 @@
+@import './form-layout.css';

package/styles/skeleton.css

@@ -67,3 +67,11 @@ The base shape remains visible when the animated overlay is removed. */
   -servicestudio-width: 180px;
   -servicestudio-height: 20px;
 }
+
+/* The opt-in native motion adapter owns the shimmer. Avoid a second legacy
+wave, including when the adapter is Reduced or Off. Removing the adapter
+restores the existing IsAnimated behavior without changing its contract. */
+.blu-skeleton[data-blu-native-motion="loading-skeleton"]::after {
+  animation: none !important;
+  display: none !important;
+}

package/styles/switch.css

@@ -0,0 +1 @@
+@import './form-layout.css';

package/styles/table.css

@@ -0,0 +1 @@
+@import './form-layout.css';

package/styles/text-area.css

@@ -0,0 +1 @@
+@import './form-layout.css';

package/styles/text-input.css

@@ -0,0 +1 @@
+@import './form-layout.css';

package/styles/time-picker.css

@@ -6,7 +6,7 @@
 .blu-picker [hidden],.blu-picker__dialog [hidden] {display:none!important;}
 .blu-picker__fields {display:flex;flex-wrap:wrap;gap:12px;}
 .blu-picker__field {flex:1 1 180px;min-width:0;}
-.blu-picker__field label,.blu-picker__select-field>span {display:block;margin-bottom:5px;color:var(--bluui-text,#182230);font-weight:600;}
+.blu-picker__field label,.blu-picker__select-caption {display:block;margin-bottom:5px;color:var(--bluui-text,#182230);font-weight:600;}
 .blu-picker__input {display:block;width:100%;min-width:0;min-height:42px;padding:9px 11px;border:1px solid var(--bluui-control-border,#69788d);border-radius:9px;background:var(--bluui-surface,#fff);color:var(--bluui-text,#182230);font:inherit;line-height:1.4;}
 .blu-picker__field-control {position:relative;}
 .blu-picker__field-control>.blu-picker__input {padding-right:38px;}
@@ -29,7 +29,7 @@
 .blu-picker__dialog::backdrop {background:transparent;pointer-events:none;}
 .blu-picker__dialog-head {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;}
 .blu-picker__dialog-head h2 {font-size:16px;line-height:1.4;font-family:var(--blu-font-heading-family,inherit);margin:0;overflow-wrap:anywhere;}
-.blu-picker__calendar-nav {display:grid;grid-template-columns:32px minmax(0,1fr) 72px 32px;align-items:end;gap:6px;margin-top:0;}
+.blu-picker__calendar-nav {display:grid;grid-template-columns:32px minmax(0,1fr) 88px 32px;align-items:end;gap:6px;margin-top:0;}
 .blu-picker__calendar-nav>.blu-picker__button {height:36px;padding:2px;font-size:22px;}
 .blu-picker__select-field {min-width:0;}
 .blu-picker__caption {font-size:15px;text-align:center;margin:16px 0 8px;}
@@ -54,8 +54,8 @@
 /* Compact popup controls; editable text stays at 16px to avoid iOS focus zoom. */
 .blu-picker__dialog .blu-picker__input {min-height:36px;padding:5px 7px;font-size:16px;line-height:1.2;}
 .blu-picker__dialog .blu-picker__button {min-height:34px;min-width:32px;padding:5px 9px;font-size:13px;line-height:1.25;}
-.blu-picker__dialog .blu-picker__select-field>span {font-size:11px;margin-bottom:2px;}
-.blu-picker__calendar-nav .blu-picker__select-field>span {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;}
+.blu-picker__dialog .blu-picker__select-caption {font-size:11px;margin-bottom:2px;}
+.blu-picker__calendar-nav .blu-picker__select-caption {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;}
 .blu-picker__dialog .blu-picker__error {margin-top:4px;font-size:12px;line-height:1.3;}
 @media(pointer:coarse){
  .blu-picker__field-control>.blu-picker__input {font-size:16px;min-height:44px;}
@@ -72,7 +72,7 @@
 .blu-picker__dialog[data-compact=true] .blu-picker__calendar td {height:24px;}
 .blu-picker__dialog[data-compact=true] .blu-picker__day {min-height:24px;padding:3px 0;}
 .blu-picker__dialog[data-compact=true] .blu-picker__time-area {margin:4px 0;gap:6px;}
-.blu-picker__dialog[data-compact=true] .blu-picker__time-area .blu-picker__select-field>span {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
+.blu-picker__dialog[data-compact=true] .blu-picker__time-area .blu-picker__select-caption {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
 .blu-picker__dialog[data-compact=true] .blu-picker__selection {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;}
 .blu-picker__dialog[data-compact=true] .blu-picker__popup-actions {margin-top:4px;gap:4px;}
 .blu-picker__dialog[data-compact=true] .blu-picker__presets {margin-bottom:4px;gap:4px;}

package/test/component-motion-settings.test.mjs

@@ -0,0 +1,35 @@
+import test from 'node:test';
+import assert from 'node:assert/strict';
+import {build} from 'esbuild';
+const built=await build({entryPoints:['src/motion/component-settings.ts'],bundle:true,format:'esm',platform:'node',write:false});
+const {validateComponentMotion}=await import('data:text/javascript;base64,'+Buffer.from(built.outputFiles[0].text).toString('base64'));
+test('component settings preserve explicit zero and omit undefined inheritance values',()=>{
+  assert.deepEqual(validateComponentMotion({duration:0,easing:undefined}),{duration:0});
+  assert.deepEqual(validateComponentMotion({mode:'inherit',duration:2000,easing:'ease-in-out'}),{mode:'inherit',duration:2000,easing:'ease-in-out'});
+});
+test('invalid settings cannot silently disable or produce unbounded component motion',()=>{
+  for(const invalid of [null,[],{duration:NaN},{duration:Infinity},{duration:-1},{duration:2001},{duration:'750'},{mode:'full'},{easing:'constructor'}])assert.throws(()=>validateComponentMotion(invalid));
+});
+test('validated settings are detached from later caller changes',()=>{
+  const source={duration:750,easing:'linear'}, settings=validateComponentMotion(source);source.duration=1000;
+  assert.equal(settings.duration,750);assert.equal(source.duration,1000);
+});
+const grouped=await build({entryPoints:['src/motion/settings-group.ts'],bundle:true,format:'esm',platform:'node',write:false});
+const {createMotionSettingsGroup}=await import('data:text/javascript;base64,'+Buffer.from(grouped.outputFiles[0].text).toString('base64'));
+test('collection configuration preserves instance overrides, resets inheritance and detaches disposed instances',()=>{
+  const group=createMotionSettingsGroup({duration:750,mode:'reduced'});let a,b;
+  const first=group.bind(value=>{a=value;}),second=group.bind(value=>{b=value;});
+  first.setMotion({duration:1200,mode:'off'});second.setMotion();
+  group.configure({duration:450,easing:'linear'});
+  assert.deepEqual(a,{duration:1200,easing:'linear',mode:'off'});assert.deepEqual(b,{duration:450,easing:'linear'});
+  first.setMotion({mode:'inherit'});assert.deepEqual(a,b);
+  second.destroy();group.configure({duration:1000});assert.equal(b.duration,450);assert.equal(a.duration,1000);
+  assert.throws(()=>second.setMotion());
+});
+test('invalid collection defaults and overrides are rejected before changing any member',()=>{
+  const group=createMotionSettingsGroup({duration:750});let current;
+  const member=group.bind(value=>{current=value;});member.setMotion();
+  assert.throws(()=>group.configure({duration:NaN}));assert.throws(()=>member.setMotion({mode:'full'}));
+  assert.deepEqual(current,{duration:750});assert.deepEqual(group.settings,{duration:750});
+  const detached=group.settings;detached.duration=1000;assert.equal(group.settings.duration,750);
+});

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/form-layout.test.mjs

@@ -0,0 +1,28 @@
+import test from 'node:test';
+import assert from 'node:assert/strict';
+import {build} from 'esbuild';
+import {readFile} from 'node:fs/promises';
+import vm from 'node:vm';
+const built=await build({entryPoints:['src/form-layout/table.ts'],bundle:true,format:'esm',platform:'node',write:false});
+const {tableRows}=await import('data:text/javascript;base64,'+Buffer.from(built.outputFiles[0].text).toString('base64'));
+const options={Caption:'Records',Columns:[{Key:'value',Header:'Value',Sortable:true}],Rows:[{value:10},{value:null},{value:2},{value:2}],SortKey:'value'};
+test('Table sorts numerically without mutating records, keeps equal rows stable, and keeps nulls last',()=>{
+ const sorted=tableRows(options).rows;assert.deepEqual(sorted.map(r=>r.value),[2,2,10,null]);assert.equal(sorted[0],options.Rows[2]);assert.equal(sorted[1],options.Rows[3]);assert.deepEqual(options.Rows.map(r=>r.value),[10,null,2,2]);assert.deepEqual(tableRows({...options,SortDirection:'Descending'}).rows.map(r=>r.value),[10,2,2,null]);
+});
+test('Table ignores non-sortable keys and safely clamps paging after data shrinks',()=>{
+ assert.deepEqual(tableRows({...options,Columns:[{Key:'value',Header:'Value'}]}).rows,options.Rows);
+ assert.deepEqual(tableRows({...options,PageSize:2,Page:100}),{rows:[options.Rows[0],options.Rows[1]],page:2,pages:2,total:4,start:3,end:4});
+ assert.equal(tableRows({...options,Rows:[],Page:20,PageSize:5}).page,1);assert.equal(tableRows({...options,Page:NaN,PageSize:Infinity}).page,1);
+});
+test('every draft component has a selective entry and the Table does not load AG Grid',async()=>{
+ const draft=JSON.parse(await readFile('draft-components.json','utf8')),pkg=JSON.parse(await readFile('package.json','utf8'));
+ const sizes=JSON.parse(await readFile('dist/sizes.json','utf8'));
+ for(const c of draft.components){assert.ok(pkg.exports['./'+c.slug]);await readFile('dist/'+c.slug+'.d.ts');}
+ const code=(await Promise.all(sizes.typescript['table'].files.map(f=>readFile('dist/'+f,'utf8')))).join('\n');
+ assert.ok(!/ClientSideRowModel|BluGrid|ag-grid/.test(code));assert.ok(sizes.typescript['table'].bytes<20000);
+});
+test('draft native runtime registers independently without changing commercial globals',async()=>{
+ const commercial={untouched:true},window={BluUIRuntime:commercial,BluUITheme:{version:'1.0.0',setMode(){},getMode(){return 'Light';},mountSelector(){}}};const context=vm.createContext({window,Map,Set,WeakMap,WeakSet,Promise,console});
+ vm.runInContext(await readFile('dist/native/form-layout.js','utf8'),context);
+ assert.equal(window.BluUIRuntime,commercial);assert.equal(typeof window.BluUICommunity.sync,'function');assert.equal(typeof window.BluUICommunity.destroy,'function');
+});

package/test/isolation.test.mjs

@@ -4,8 +4,8 @@ import {readFile,readdir} from 'node:fs/promises';
 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 exactly the approved 55 Community components',()=>{
- const names=Object.values(edition.nativeModules).flat();assert.equal(names.length,55);assert.equal(new Set(names).size,55);assert.deepEqual([...names].sort(),[...edition.components].sort());assert.equal(Object.keys(edition.nativeModules).length,7);
+test('all seven groups expose the declared release component set without duplicates',()=>{
+ 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-2TCNAQC6.js

@@ -1 +0,0 @@
-import{a as X}from"./chunk-MEEQNPGM.js";import{c as G,d as Q}from"./chunk-5TEIXA4R.js";var O=G("advanced",()=>({instances:new Map,serial:0})),fe=()=>`blu-advanced-${++O.serial}`;function c(e,t,a){let r=document.createElement(e);return t&&(r.className=t),a!==void 0&&(r.textContent=String(a)),r}function u(e,t,a){return a==null?e.removeAttribute(t):e.setAttribute(t,String(a)),e}function E(e,t,a="blu-picker__button"){let r=c("button",a,e);return r.type="button",r.addEventListener("click",t),r}function I(e,t,...a){if(!e.dead)try{Promise.resolve(e.events[t]?.(...a)).catch(r=>K(e,r))}catch(r){K(e,r)}}function K(e,t){if(e.dead)return;let a=t?.message||String(t);e.notice.textContent=a,e.lastError!==a&&(e.lastError=a,I(e,"Error",a))}function Z(e,t){let a=typeof e=="string"?JSON.parse(e||"[]"):e||[];if(!Array.isArray(a))throw Error(t+" must be a list.");return a}function me(e,t,a){let r=o=>{let n=O.instances.get(o);!n||n.kind!==e||(n.dead=!0,n.dispose?.(),n.root.remove(),n.notice.remove(),n.host._bluAdvancedOwner===o&&delete n.host._bluAdvancedOwner,O.instances.delete(o))};return Q(e,()=>({sync(o,n={},m={},h){let l=document.getElementById(o);if(!l)return e+" host was not found.";let g=h||o,p=O.instances.get(g);p&&(p.host!==l||p.kind!==e)&&(p.destroy(p.key),p=null);let i=O.instances.get(l._bluAdvancedOwner);if(i&&i!==p&&i.destroy(i.key),!p){p={key:g,host:l,kind:e,uid:fe(),options:n,events:m,dead:!1,destroy:r},p.root=c("div"),p.notice=u(c("div","blu-advanced-sr"),"role","status"),u(p.notice,"aria-atomic","true"),l.append(p.root,p.notice),O.instances.set(g,p),l._bluAdvancedOwner=g;try{t(p)}catch(f){throw r(g),f}}p.options=n,p.events=m;try{return a(p),l.dataset.bluRuntimeReady="true",""}catch(f){return K(p,f),f.message||String(f)}},destroy:r}))}var v=e=>String(e).padStart(2,"0");function q(e){return String(e.getFullYear()).padStart(4,"0")+"-"+v(e.getMonth()+1)+"-"+v(e.getDate())}function b(e){let t=/^(\d{4})-(\d{2})-(\d{2})$/.exec(String(e));if(!t||+t[1]<1||+t[1]>9999)return null;let a=new Date(2e3,+t[2]-1,+t[3],12);return a.setFullYear(+t[1]),q(a)===e?a:null}function L(e){let t=/^(\d{2}):(\d{2})$/.exec(String(e));return t&&+t[1]<24&&+t[2]<60?t[1]+":"+t[2]:null}function ee(e,t="YYYY-MM-DD"){if(e=String(e).trim(),!e)return"";let a=e;if(t!=="YYYY-MM-DD"){let r=/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/.exec(e);if(!r)return null;a=r[3]+"-"+v(+(t==="DD/MM/YYYY"?r[2]:r[1]))+"-"+v(+(t==="DD/MM/YYYY"?r[1]:r[2]))}return b(a)?a:null}function te(e,t="YYYY-MM-DD"){if(!e)return"";let a=e.split("-");return t==="MM/DD/YYYY"?a[1]+"/"+a[2]+"/"+a[0]:t==="DD/MM/YYYY"?a[2]+"/"+a[1]+"/"+a[0]:e}function he(e,t=24){if(e=String(e).trim(),!e)return"";let a=/^(\d{1,2}):(\d{2})(?:\s*(AM|PM))?$/i.exec(e);return!a||+a[2]>59||(t===12?!a[3]||+a[1]<1||+a[1]>12:a[3]||+a[1]>23)?null:v(a[3]?+a[1]%12+(a[3].toUpperCase()==="PM"?12:0):+a[1])+":"+a[2]}function T(e,t=24){if(!e)return"";let[a,r]=e.split(":").map(Number);return t===12?(a%12||12)+":"+v(r)+" "+(a<12?"AM":"PM"):v(a)+":"+v(r)}function ae(e,t){let a=b(e);return a.setDate(a.getDate()+t),q(a)}function ie(e,t){let a=b(e),r=a.getDate();return a.setDate(1),a.setMonth(a.getMonth()+t),a.setDate(Math.min(r,new Date(a.getFullYear(),a.getMonth()+1,0).getDate())),q(a)}function ge(e,t){let a=b(e),r=b(t);return Math.round((r.getTime()-a.getTime())/864e5)}function z(e,t,a,r){return b(e)?t&&e<t?"Choose "+t+" or later.":a&&e>a?"Choose "+a+" or earlier.":r?.has(e)?"This date is unavailable.":"":"Enter a real calendar date."}function oe(e,t,a={}){if(!e||!t)return"Choose both a start date and an end date.";let r=z(e,a.Min,a.Max,a.disabled)||z(t,a.Min,a.Max,a.disabled);if(r)return r;if(t<e)return"End date must be on or after start date.";let o=ge(e,t)+1;if(a.MinRangeDays&&o<a.MinRangeDays)return"Choose at least "+a.MinRangeDays+" days.";if(a.MaxRangeDays&&o>a.MaxRangeDays)return"Choose no more than "+a.MaxRangeDays+" days.";if(a.disabled){for(let n of a.disabled)if(n>=e&&n<=t)return"The range includes an unavailable date."}return""}var ye=["YYYY-MM-DD","MM/DD/YYYY","DD/MM/YYYY"],N=()=>q(new Date),M=e=>String(e||"").split("T")[0],F=e=>String(e||"").split("T")[1]||"";function w(e,t){let a=b(t);return a?new Intl.DateTimeFormat(e.locale,{dateStyle:"full"}).format(a):t}function B(e,t,a=e.fields){e.error.textContent=t,e.error.hidden=!t||e.isOpen,e.dialogError&&(e.dialogError.textContent=e.isOpen?t:"");for(let o of e.fields)u(o.input,"aria-invalid",t&&a.includes(o)?"true":null);let r=!t;(e.valid!==r||e.validationMessage!==t)&&(e.valid=r,e.validationMessage=t,I(e,"ValidationChanged",r,t))}function V(e,t){return z(t,M(e.options.Min),M(e.options.Max),e.disabledDates)}function be(e,t,a){if(!L(t))return"Enter a valid time.";let r=e.dateTime?a+"T"+t:t,o=e.options.Min,n=e.options.Max;return o&&r<o?"Choose "+o+" or later.":n&&r>n?"Choose "+n+" or earlier.":""}function de(e,t,a,r){if(e.range)return!t&&!a&&!e.options.IsRequired?"":oe(t,a,{...e.options,disabled:e.disabledDates});if(!t&&!r)return e.options.IsRequired?"A "+(e.timeOnly?"time":"date")+" is required.":"";if(!e.timeOnly){if(!t)return"Choose a date.";let o=V(e,t);if(o)return o}return e.hasTime?r?be(e,r,t):"Choose a time.":""}function le(e){e.timeOnly?e.fields[0].input.value=T(e.value,e.cycle):(e.fields[0].input.value=te(e.range?e.start:M(e.value),e.format),e.range&&(e.fields[1].input.value=te(e.end,e.format)),e.dateTime&&(e.fields[1].input.value=T(F(e.value),e.cycle)));let t=e.range?[e.start,e.end].filter(Boolean).join(" to "):e.value;e.typedDirty=!1,e.clearButton.hidden=e.options.ShowClear===!1||!t}function x(e,t=!0){if(e.isOpen){e.isOpen=!1,e.dialog.hidePopover&&e.dialog.matches(":popover-open")&&e.dialog.hidePopover(),e.dialog.hidden=!0,e.error.hidden=!e.validationMessage;for(let{input:a}of e.fields)u(a,"aria-expanded","false");t&&e.anchor?.isConnected&&!e.anchor.disabled&&e.anchor.focus({preventScroll:!0}),I(e,"OpenChanged",!1)}}function A(e){if(!e.isOpen||e.dead)return;let t=e.anchor.getBoundingClientRect(),a=window.visualViewport,r=a?.offsetLeft||0,o=a?.offsetTop||0,n=a?.width||document.documentElement.clientWidth,m=a?.height||window.innerHeight,h=6,l=8;if(t.bottom<=o||t.top>=o+m||t.right<=r||t.left>=r+n){x(e,!1);return}let g=e.dialog,p=Math.min(e.timeOnly?300:344,n-l*2);g.dataset.compact=String(m<420),g.style.width=p+"px",g.style.maxHeight="none";let i=Math.max(0,o+m-l-t.bottom-h),f=Math.max(0,t.top-h-o-l),d=g.scrollHeight+2,D=d>i&&f>i,S=Math.max(0,m-l*2);g.style.maxHeight=S+"px",g.style.left=Math.max(r+l,Math.min(t.left,r+n-l-p))+"px";let y=D?t.top-h-d:t.bottom+h;g.style.top=Math.max(o+l,Math.min(y,o+m-l-Math.min(d,S)))+"px",g.dataset.placement=D?"top":"bottom"}function ne(e){(e.timeOnly||e.dateTime&&e.anchor===e.fields[1].input?e.hours:e.calendar.querySelector('[data-date="'+e.focusDate+'"]')||e.monthSelect).focus()}function H(e,t,a,r,o=!1){let n=de(e,t,a,r);if(B(e,n),n)return e.dialogError.textContent=n,!1;let m=document.activeElement===e.clearButton&&!t&&!a&&!r,h=e.timeOnly?r:e.dateTime?t?t+"T"+r:"":t,l=e.range?e.start!==t||e.end!==a:e.value!==h;return e.range?(e.start=t,e.end=a,e.options.StartDate=t,e.options.EndDate=a):(e.value=h,e.options.Value=h),e.inputSignature=JSON.stringify(e.range?[e.start,e.end]:[e.value]),le(e),o||x(e),m&&e.fields[0].input.focus(),e.notice.textContent=e.range?t?w(e,t)+" to "+w(e,a):"Date range cleared":h?"Selected "+(e.timeOnly?T(h,e.cycle):w(e,t)+(e.hasTime?" at "+T(r,e.cycle):"")):"Selection cleared",l&&(e.range?I(e,"Change",t,a):I(e,"Change",h)),!0}function re(e,t=!1){if(e.options.IsDisabled||e.options.IsReadOnly)return;let a=e.timeOnly?"":ee(e.fields[0].input.value,e.format),r=e.range?ee(e.fields[1].input.value,e.format):"",o=e.hasTime?he(e.fields[e.timeOnly?0:1].input.value,e.cycle):"";if(a===null||r===null){B(e,"Enter a real date using "+e.format+".");return}if(o===null){B(e,e.cycle===12?"Enter a time such as 9:15 AM.":"Enter a time such as 14:30.");return}H(e,a,r,o,t)&&t&&(e.draftStart=a,e.draftEnd=r,e.draftTime=o,a&&(e.focusDate=a,e.month=a.slice(0,7)),_(e),J(e),Y(e),A(e))}function De(e){let t=e.range||e.dateTime?2:1;e.fields=[];for(let a=0;a<t;a++){let r=c("div","blu-picker__field"),o=c("label"),n=c("input","blu-picker__input");n.type="text",n.id=e.uid+"-input-"+a,o.htmlFor=n.id,n.autocomplete="off",n.spellcheck=!1,u(n,"role","combobox"),u(n,"aria-haspopup","dialog"),u(n,"aria-expanded","false"),u(n,"aria-autocomplete","none"),u(n,"aria-controls",e.uid+"-dialog"),u(n,"aria-describedby",e.uid+"-hint "+e.uid+"-error "+e.uid+"-keyboard"),n.addEventListener("input",()=>{e.typedDirty=!0}),n.addEventListener("change",()=>re(e,e.isOpen)),n.addEventListener("pointerdown",l=>{l.pointerType==="mouse"&&(e.touchOpen=!1,n.inputMode="text"),(l.pointerType==="touch"||l.pointerType==="pen")&&e.manualInput!==n&&!e.options.IsDisabled&&!e.options.IsReadOnly&&(l.preventDefault(),e.touchOpen=!0,n.inputMode="none",P(e,n,!0))}),n.addEventListener("click",l=>{e.manualInput!==n&&(e.touchOpen?(l.preventDefault(),P(e,n,!0)):P(e,n,!1))}),n.addEventListener("blur",()=>{e.manualInput===n&&(e.manualInput=null)}),n.addEventListener("keydown",l=>{l.ctrlKey||l.metaKey||l.shiftKey||(l.key==="ArrowDown"&&(l.preventDefault(),P(e,n,!0)),l.key==="Enter"&&(l.preventDefault(),!e.isOpen&&!e.typedDirty?P(e,n,!0):re(e)),l.key==="Tab"&&x(e,!1))});let m=c("div","blu-picker__field-control"),h=u(c("span","blu-picker__field-icon"),"aria-hidden","true");h.innerHTML=e.timeOnly||e.dateTime&&a?'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><circle cx="12" cy="12" r="8.5"/><path d="M12 7v5l3 2"/></svg>':'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><rect x="4" y="5" width="16" height="16" rx="3"/><path d="M8 3v4m8-4v4M4 10h16m-11 4h2m3 0h2m-7 3h2"/></svg>',m.append(n,h),r.append(o,m),e.fields.push({field:r,label:o,input:n}),e.fieldRow.append(r)}}function C(e,t,a){let r=c("option","",a);return r.value=String(t),e.append(r),r}function s(e,t,a){let r=c("label","blu-picker__select-field"),o=c("span","",t),n=c("select","blu-picker__input");return n.id=e.uid+"-"+a,r.append(o,n),{wrap:r,select:n}}function R(e,t){let a=M(e.options.Min)||"0001-01-01",r=M(e.options.Max)||"9999-12-31";t=t<a?a:t>r?r:t,b(t)&&(e.focusDate=t,e.month=t.slice(0,7),_(e),e.calendar.querySelector('[data-date="'+t+'"]')?.focus())}function ve(e,t,a){if(t.altKey||t.ctrlKey||t.metaKey)return;let r,o={ArrowLeft:-1,ArrowRight:1,ArrowUp:-7,ArrowDown:7};if(t.key in o)r=ae(a,o[t.key]);else if(t.key==="Home"||t.key==="End"){let n=(b(a).getDay()-e.firstDay+7)%7;r=ae(a,t.key==="Home"?-n:6-n)}else(t.key==="PageUp"||t.key==="PageDown")&&(r=ie(a,(t.key==="PageUp"?-1:1)*(t.shiftKey?12:1)));r&&(t.preventDefault(),R(e,r))}function ce(e,t){if(!V(e,t)){if(e.dialogError.textContent="",e.focusDate=t,e.range?e.rangeNext==="start"?(e.draftStart=t,e.draftEnd="",e.rangeNext="end"):(t<e.draftStart?(e.draftEnd=e.draftStart,e.draftStart=t):e.draftEnd=t,e.rangeNext="start"):e.draftStart=t,!e.hasTime&&!e.range){H(e,t,"","");return}_(e),e.calendar.querySelector('[data-date="'+t+'"]')?.focus(),Y(e)}}function Y(e){let t=e.range?e.draftStart?w(e,e.draftStart)+(e.draftEnd?" to "+w(e,e.draftEnd):" \u2014 choose an end date"):"Choose a start date":e.hasTime?(e.draftStart?w(e,e.draftStart)+" \xB7 ":"")+T(e.draftTime,e.cycle):"",a=r=>b(r)?new Intl.DateTimeFormat(e.locale,{month:"short",day:"numeric"}).format(b(r)):"";e.selectionSpeech.textContent=t,e.selectionVisual.textContent=e.range?e.draftStart?a(e.draftStart)+(e.draftEnd?" \u2013 "+a(e.draftEnd):" \u2014 choose end"):"Choose start date":e.dateTime?a(e.draftStart)+" \xB7 "+T(e.draftTime,e.cycle):e.timeOnly?T(e.draftTime,e.cycle):"",e.selection.hidden=!t}function _(e){let t=b(e.month+"-01");if(!t)return;let a=t.getFullYear(),r=t.getMonth(),o=Number(M(e.options.Min).slice(0,4))||1,n=Number(M(e.options.Max).slice(0,4))||9999;e.monthSelect.value=String(r),e.yearInput.value=String(a),u(e.yearInput,"aria-invalid",null),e.yearInput.min=String(o),e.yearInput.max=String(n);let m=new Intl.DateTimeFormat(e.locale,{month:"long",year:"numeric"}).format(t);e.caption.textContent!==m&&(e.caption.textContent=m);let h=(t.getDay()-e.firstDay+7)%7,l=new Date(a,r+1,0).getDate();if(e.focusDate.startsWith(e.month)||(e.focusDate=e.month+"-01"),!e.dayCells){let i=c("tbody");e.dayCells=[];for(let f=0;f<6;f++){let d=c("tr");for(let D=0;D<7;D++){let S=c("td"),y=E("",()=>ce(e,y.dataset.date),"blu-picker__day");y.addEventListener("keydown",k=>ve(e,k,y.dataset.date)),y.addEventListener("focus",()=>{e.focusDate=y.dataset.date;for(let k of e.dayCells)k.button.tabIndex=k.button===y?0:-1}),S.append(y),d.append(S),e.dayCells.push({cell:S,button:y})}i.append(d)}e.calendar.append(i)}for(let i=0;i<e.dayCells.length;i++){let{cell:f,button:d}=e.dayCells[i],D=i-h+1,S=D>0&&D<=l;if(d.hidden=!S,!S){d.tabIndex=-1,delete d.dataset.date,u(f,"aria-selected",null);continue}let y=e.month+"-"+v(D),k=y===e.draftStart||e.range&&y===e.draftEnd,U=e.range&&e.draftStart&&e.draftEnd&&y>e.draftStart&&y<e.draftEnd,W=V(e,y),$=!!(k||U),pe=e.range&&k?y===e.draftStart?e.draftEnd?", range starts here; "+w(e,e.draftStart)+" to "+w(e,e.draftEnd):", start date; choose an end date":", range ends here; "+w(e,e.draftStart)+" to "+w(e,e.draftEnd):"",j=w(e,y)+($?", selected":"")+pe+(W?", unavailable":"");d.dataset.date=y,d.tabIndex=y===e.focusDate?0:-1,d.textContent!==String(D)&&(d.textContent=String(D)),d.getAttribute("aria-label")!==j&&u(d,"aria-label",j),u(f,"aria-selected",String($)),u(d,"aria-disabled",W?"true":null),u(d,"aria-current",y===N()?"date":null),d.dataset.selected=String(k),d.dataset.between=String(!!U)}for(let i=0;i<6;i++)e.dayCells[i*7].cell.parentElement.hidden=i*7-h+1>l;let g=M(e.options.Min),p=M(e.options.Max);e.prev.disabled=!!g&&e.month<=g.slice(0,7)||a===1&&r===0,e.next.disabled=!!p&&e.month>=p.slice(0,7)||a===9999&&r===11,e.todayButton.hidden=e.timeOnly||e.options.ShowToday===!1,e.todayButton.disabled=!!V(e,N())}function J(e){if(!e.hasTime)return;let[t,a]=(e.draftTime||"09:00").split(":").map(Number);e.hours.replaceChildren(),e.minutes.replaceChildren();for(let r=0;r<(e.cycle===12?12:24);r++)C(e.hours,e.cycle===12?r+1:r,v(e.cycle===12?r+1:r));for(let r=0;r<60;r+=e.step)C(e.minutes,r,v(r));a%e.step&&C(e.minutes,a,v(a)+" (entered)"),e.hours.value=String(e.cycle===12?t%12||12:t),e.minutes.value=String(a),e.period.value=t<12?"AM":"PM",e.periodField.hidden=e.cycle!==12,Y(e)}function P(e,t=e.fields[0].input,a=!0){if(e.options.IsDisabled||e.options.IsReadOnly)return;if(e.anchor=t,e.manualInput=null,e.typeButton.hidden=!e.touchOpen,e.isOpen){e.range&&(e.rangeNext=t===e.fields[1].input&&e.draftStart?"end":"start"),A(e),a&&ne(e);return}e.draftStart=e.timeOnly?"":e.range?e.start:M(e.value),e.draftEnd=e.end||"",e.draftTime=e.timeOnly?e.value:F(e.value),e.hasTime&&!L(e.draftTime)&&(e.draftTime="09:00"),e.rangeNext="start",e.range&&t===e.fields[1].input&&e.draftStart&&(e.rangeNext="end");let r=e.range&&e.rangeNext==="end"?e.draftEnd:e.draftStart;e.focusDate=b(r)?r:b(e.draftStart)?e.draftStart:N();let o=M(e.options.Min),n=M(e.options.Max);e.timeOnly||(o&&e.focusDate<o&&(e.focusDate=o),n&&e.focusDate>n&&(e.focusDate=n)),e.month=e.focusDate.slice(0,7),e.dialogError.textContent="",_(e),J(e),Y(e),e.isOpen=!0,e.dialog.hidden=!1,e.dialog.showPopover&&e.dialog.showPopover(),e.dialog.scrollTop=0;for(let{input:m}of e.fields)u(m,"aria-expanded","true");A(e),a&&e.isOpen&&ne(e),I(e,"OpenChanged",!0)}function Me(e){e.range=e.kind==="DateRangePicker",e.timeOnly=e.kind==="TimePicker",e.dateTime=e.kind==="DateTimePicker",e.hasTime=e.timeOnly||e.dateTime,e.root.className="blu-picker",e.fieldRow=c("div","blu-picker__fields"),e.error=u(c("div","blu-picker__error"),"role","alert"),e.error.id=e.uid+"-error",e.error.hidden=!0,e.hint=c("div","blu-picker__hint"),e.hint.id=e.uid+"-hint",e.actions=c("div","blu-picker__actions"),e.clearButton=E("Clear",()=>H(e,"","","")),e.actions.append(e.clearButton),e.root.append(e.fieldRow,e.hint,e.actions,e.error),De(e);let t=c("span","blu-advanced-sr","Click the field or press Down Arrow to browse. Escape closes the popup.");t.id=e.uid+"-keyboard",e.root.append(t),e.dialog=c("div","blu-picker__dialog blu-picker__popup"),e.dialog.id=e.uid+"-dialog",e.dialog.hidden=!0,u(e.dialog,"role","dialog"),u(e.dialog,"aria-labelledby",e.uid+"-title"),u(e.dialog,"aria-modal","false"),e.dialog.showPopover&&u(e.dialog,"popover","manual"),e.root.append(e.dialog),e.title=c("h2","blu-advanced-sr"),e.title.id=e.uid+"-title",e.dialog.append(e.title),e.presets=c("div","blu-picker__presets"),e.dialog.append(e.presets),e.calendarArea=c("div","blu-picker__calendar-area"),e.calendarArea.hidden=e.timeOnly,e.dialog.append(e.calendarArea);let a=c("div","blu-picker__calendar-nav"),r=s(e,"Month","month");e.monthSelect=r.select;let o=c("label","blu-picker__select-field");o.append(c("span","","Year")),e.yearInput=c("input","blu-picker__input"),e.yearInput.type="number",e.yearInput.step="1",o.append(e.yearInput);let n=d=>{let D=ie(e.focusDate,d);R(e,D)};e.prev=E("\u2039",()=>n(-1)),u(e.prev,"aria-label","Previous month"),e.next=E("\u203A",()=>n(1)),u(e.next,"aria-label","Next month"),a.append(e.prev,r.wrap,o,e.next),e.calendarArea.append(a),e.monthSelect.addEventListener("change",()=>R(e,String(e.yearInput.value).padStart(4,"0")+"-"+v(+e.monthSelect.value+1)+"-01")),e.yearInput.addEventListener("change",()=>{let d=Number(e.yearInput.value);if(!Number.isInteger(d)||d<+e.yearInput.min||d>+e.yearInput.max){e.dialogError.textContent="Enter a year from "+e.yearInput.min+" to "+e.yearInput.max+".",u(e.yearInput,"aria-invalid","true");return}u(e.yearInput,"aria-invalid",null),e.dialogError.textContent="",R(e,String(d).padStart(4,"0")+"-"+v(+e.monthSelect.value+1)+"-01")}),e.caption=u(c("h3","blu-picker__caption blu-advanced-sr"),"aria-live","polite"),e.caption.id=e.uid+"-caption",e.calendarArea.append(e.caption),e.calendar=u(c("table","blu-picker__calendar"),"role","grid"),u(e.calendar,"aria-labelledby",e.caption.id),e.range&&u(e.calendar,"aria-multiselectable","true"),e.calendarArea.append(e.calendar),e.todayButton=E("Today",()=>{e.focusDate=N(),e.month=e.focusDate.slice(0,7),ce(e,e.focusDate)}),e.calendarArea.append(c("p","blu-advanced-sr","Arrow keys move by day or week. Home/End move within the week. Page Up/Down change month; hold Shift to change year.")),e.timeArea=c("div","blu-picker__time-area"),e.timeArea.hidden=!e.hasTime,e.dialog.append(e.timeArea);let m=s(e,"Hour","hour"),h=s(e,"Minute","minute"),l=s(e,"AM / PM","period");e.hours=m.select,e.minutes=h.select,e.period=l.select,e.periodField=l.wrap,C(e.period,"AM","AM"),C(e.period,"PM","PM"),e.timeArea.append(m.wrap,h.wrap,l.wrap);for(let d of[e.hours,e.minutes,e.period])d.addEventListener("change",()=>{let D=+e.hours.value;e.cycle===12&&(D=D%12+(e.period.value==="PM"?12:0)),e.draftTime=v(D)+":"+v(+e.minutes.value),e.dialogError.textContent="",Y(e)});e.selection=u(c("div","blu-picker__selection"),"role","status"),u(e.selection,"aria-atomic","true"),e.selectionSpeech=c("span","blu-advanced-sr"),e.selectionVisual=u(c("span"),"aria-hidden","true"),e.selection.append(e.selectionSpeech,e.selectionVisual),e.dialogError=u(c("div","blu-picker__error"),"role","alert"),e.dialogError.id=e.uid+"-dialog-error",u(e.yearInput,"aria-describedby",e.dialogError.id),e.apply=E("Apply",()=>H(e,e.draftStart,e.draftEnd,e.draftTime),"blu-picker__button blu-picker__button--primary"),e.apply.hidden=!e.range&&!e.hasTime,e.typeButton=E("Type",()=>{let d=e.anchor;x(e,!1),e.manualInput=d,d.inputMode="text",d.focus({preventScroll:!0})}),u(e.typeButton,"aria-label","Type a date or time"),e.typeButton.hidden=!0;let g=c("div","blu-picker__popup-actions");g.append(e.typeButton,e.todayButton,E("Cancel",()=>x(e)),e.apply),e.dialog.append(e.selection,e.dialogError,g);let p=d=>{e.isOpen&&!e.root.contains(d.target)&&x(e,!1)},i=d=>{e.isOpen&&d.key==="Escape"&&!d.defaultPrevented&&(d.preventDefault(),d.stopPropagation(),x(e))},f=d=>{!e.isOpen||e.dialog.contains(d?.target)||(cancelAnimationFrame(e.positionFrame),e.positionFrame=requestAnimationFrame(()=>A(e)))};document.addEventListener("pointerdown",p,!0),document.addEventListener("focusin",p),e.root.addEventListener("keydown",i),window.addEventListener("resize",f),document.addEventListener("scroll",f,!0),window.visualViewport?.addEventListener("resize",f),window.visualViewport?.addEventListener("scroll",f),window.ResizeObserver&&(e.popupObserver=new ResizeObserver(()=>f()),e.popupObserver.observe(e.fieldRow),e.popupObserver.observe(e.dialog)),e.dispose=()=>{x(e,!1),cancelAnimationFrame(e.positionFrame),e.popupObserver?.disconnect(),document.removeEventListener("pointerdown",p,!0),document.removeEventListener("focusin",p),e.root.removeEventListener("keydown",i),window.removeEventListener("resize",f),document.removeEventListener("scroll",f,!0),window.visualViewport?.removeEventListener("resize",f),window.visualViewport?.removeEventListener("scroll",f)}}function we(e){let t=JSON.stringify(e.options);if(e.renderSignature===t)return;let a=e.isOpen?document.activeElement:null,r=a?.dataset?.date,o=a?.id,n=e.options;if(e.label=String(n.Label||{DatePicker:"Date",TimePicker:"Time",DateTimePicker:"Date and time",DateRangePicker:"Date range"}[e.kind]),e.locale=String(n.Locale||"en-US"),new Intl.DateTimeFormat(e.locale),e.format=ye.includes(n.DateFormat)?n.DateFormat:"YYYY-MM-DD",e.cycle=Number(n.HourCycle)===12?12:24,e.step=Number(n.MinuteStep??15),!Number.isInteger(e.step)||e.step<1||e.step>60)throw Error("MinuteStep must be a whole number from 1 to 60.");if(e.firstDay=Number(n.FirstDayOfWeek??1),!Number.isInteger(e.firstDay)||e.firstDay<0||e.firstDay>6)throw Error("FirstDayOfWeek must be 0\u20136.");e.disabledDates=new Set(Z(n.DisabledDatesJson??n.DisabledDates,"DisabledDates").map(i=>typeof i=="string"?i:i.Date));for(let i of e.disabledDates)if(!b(i))throw Error("DisabledDates must contain ISO calendar dates.");for(let i of["Min","Max"])if(n[i]&&!(e.timeOnly?L(n[i]):b(M(n[i]))&&(!e.dateTime||L(F(n[i])))))throw Error(i+" must use the documented ISO value format.");if(n.Min&&n.Max&&n.Min>n.Max)throw Error("Min must be on or before Max.");for(let i of["MinRangeDays","MaxRangeDays"])if(n[i]!==void 0&&(!Number.isInteger(Number(n[i]))||Number(n[i])<0))throw Error(i+" must be a non-negative whole number.");if(n.MinRangeDays&&n.MaxRangeDays&&Number(n.MinRangeDays)>Number(n.MaxRangeDays))throw Error("MinRangeDays must not exceed MaxRangeDays.");let m=e.range?[String(n.StartDate||""),String(n.EndDate||"")]:[String(n.Value||"")],h=JSON.stringify(m),l=h!==e.inputSignature;if(e.inputSignature=h,e.range?(e.start=m[0],e.end=m[1]):e.value=m[0],e.fields.forEach((i,f)=>{i.label.textContent=e.range?e.label+(f?" \u2014 end":" \u2014 start"):e.dateTime?e.label+(f?" \u2014 time":" \u2014 date"):e.label,i.input.disabled=!!n.IsDisabled,i.input.readOnly=!!n.IsReadOnly,i.input.required=!!n.IsRequired,i.input.placeholder=String(n.Placeholder||(e.timeOnly||e.dateTime&&f?e.cycle===12?"9:00 AM":"09:00":e.format))}),e.hint.textContent=e.timeOnly?(e.cycle===12?"h:mm AM/PM":"HH:mm")+" \xB7 local time":e.format+(e.dateTime?" \xB7 "+(e.cycle===12?"h:mm AM/PM":"HH:mm")+" local time":""),e.title.textContent=e.label,e.clearButton.disabled=!!n.IsDisabled||!!n.IsReadOnly,l||e.previousFormat!==e.format||e.previousCycle!==e.cycle){le(e);let i=m.some(Boolean);B(e,i?de(e,e.timeOnly?"":e.range?e.start:M(e.value),e.end||"",e.timeOnly?e.value:F(e.value)):""),e.previousFormat=e.format,e.previousCycle=e.cycle}e.monthSelect.replaceChildren();for(let i=0;i<12;i++)C(e.monthSelect,i,new Intl.DateTimeFormat(e.locale,{month:"long"}).format(new Date(2024,i,1)));e.calendar.tHead?.remove();let g=c("thead"),p=c("tr");for(let i=0;i<7;i++){let f=new Date(2024,0,7+(i+e.firstDay)%7),d=c("th","",new Intl.DateTimeFormat(e.locale,{weekday:"short"}).format(f));d.scope="col",d.abbr=new Intl.DateTimeFormat(e.locale,{weekday:"long"}).format(f),p.append(d)}if(g.append(p),e.calendar.prepend(g),e.presets.replaceChildren(),e.presets.hidden=!e.range,e.range)for(let i of Z(n.PresetsJson??n.Presets,"Presets")){if(!i.Label||!b(i.StartDate)||!b(i.EndDate))throw Error("Presets need Label, StartDate and EndDate.");let f=E(i.Label,()=>{e.draftStart=i.StartDate,e.draftEnd=i.EndDate,e.rangeNext="start",e.focusDate=e.draftStart,e.month=e.focusDate.slice(0,7),e.dialogError.textContent="",_(e),Y(e)});f.disabled=!!oe(i.StartDate,i.EndDate,{...n,disabled:e.disabledDates}),e.presets.append(f)}e.isOpen&&(n.IsDisabled||n.IsReadOnly||l?x(e):(_(e),J(e),r?e.calendar.querySelector('[data-date="'+r+'"]')?.focus():o&&document.getElementById(o)?.focus(),A(e))),e.renderSignature=t}var ue=()=>me("DateTimePicker",Me,we);function Te(e,t={},a={}){return ue(),X(e,"DateTimePicker",t,r=>({Change:o=>(r({Value:o}),a.Change?.(o)),ValidationChanged:(o,n)=>a.ValidationChanged?.(o,n),OpenChanged:o=>a.OpenChanged?.(o),Error:o=>a.Error?.(o)}),["DisabledDates"],[])}export{Te as a};