monowind 0.1.6 → 0.1.7

package/dist/cdn.js

@@ -992,5 +992,5 @@ input:where([type='button'], [type='reset'], [type='submit']),
   <pre id="grid" aria-hidden="true"></pre>
   <slot></slot>
 </div>
-`,Pr=`grid`,Fr=[`pointerover`,`pointerleave`,`focusin`,`focusout`,`input`,`change`],Ir=typeof HTMLElement>`u`?class{}:HTMLElement,Lr=class e extends Ir{static observedAttributes=[`select`];static#e=new Set;static#t=null;static#n=()=>{for(let t of e.#e)t.#y()};static#r(t){t instanceof HTMLLinkElement&&t.rel===`stylesheet`&&!t.sheet&&t.addEventListener(`load`,e.#n,{once:!0})}static#i(t){if(e.#e.add(t),e.#t)return;for(let t of document.querySelectorAll(`link[rel=stylesheet]`))e.#r(t);let n=new MutationObserver(t=>{for(let n of t)for(let t of n.addedNodes)e.#r(t);e.#n()});n.observe(document.head,{childList:!0,subtree:!0,characterData:!0}),e.#t=n}static#a(t){e.#e.delete(t),e.#e.size===0&&(e.#t?.disconnect(),e.#t=null)}#o;#s;#c;#l=null;#u=null;#d=!1;#f=null;#p=null;constructor(){super(),this.#o=this.attachShadow({mode:`open`}),this.#o.innerHTML=Nr,this.#s=this.#o.getElementById(`grid`),this.#c=document.createElement(`span`),this.#c.setAttribute(`aria-hidden`,`true`),this.#c.setAttribute(`data-mw-probe`,``),this.#c.style.cssText=`position:absolute!important;top:0!important;left:0!important;visibility:hidden!important;pointer-events:none!important;user-select:none!important;white-space:pre!important;overflow-wrap:normal!important;padding:0!important;margin:0!important;border:0!important;`,this.#c.textContent=`M`.repeat(100)}connectedCallback(){this.hasAttribute(`select`)||this.setAttribute(`select`,Pr),this.#c.parentNode!==this&&this.appendChild(this.#c),this.#l=new ResizeObserver(()=>this.#y()),this.#l.observe(this),this.#l.observe(this.#c),window.addEventListener(`resize`,this.#h),this.#u=new MutationObserver(()=>this.#y()),this.#u.observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:[`class`,`style`,`colspan`,`rowspan`,`span`]}),document.fonts?.ready.then(this.#g).catch(e=>{console.warn(`[monowind] document.fonts.ready failed:`,e)}),document.fonts?.addEventListener(`loadingdone`,this.#g);for(let e of Fr)this.addEventListener(e,this.#m);e.#i(this),this.#y()}disconnectedCallback(){window.removeEventListener(`resize`,this.#h),this.#l?.disconnect(),this.#u?.disconnect(),this.#l=null,this.#u=null,document.fonts?.removeEventListener(`loadingdone`,this.#g);for(let e of Fr)this.removeEventListener(e,this.#m);e.#a(this)}#m=e=>{if((e.type===`focusin`||e.type===`focusout`)&&e.target instanceof HTMLSelectElement){this.#v();return}this.#y()};attributeChangedCallback(e,t,n){if(e===`select`&&n!==`text`&&n!==`grid`){n!==null&&console.warn(`[monowind] Ignoring unrecognized select="${n}". Expected "grid" (default) or "text".`,this),this.setAttribute(`select`,Pr);return}this.#y()}toPlainText(){return this.#d&&this.#b(),this.#p?nn(this.#p):``}#h=()=>{this.#y()};#g=()=>{requestAnimationFrame(()=>this.#y())};#_(){let e=document.activeElement;if(!(e instanceof HTMLSelectElement)||!this.contains(e))return!1;try{return e.matches(`:open`)}catch{return!1}}#v(){try{this.#b()}catch(e){console.error(`[monowind] layout failed:`,e)}}#y(){this.#d||(this.#d=!0,requestAnimationFrame(()=>{if(this.#d=!1,this.#_()){this.#y();return}this.#v()}))}#b(){if(!this.isConnected)return;let e=new Map,t=getComputedStyle(this).getPropertyValue(`--mw-cw`).trim(),n=parseFloat(t);if(Number.isFinite(n)&&n>0)for(let t of this.querySelectorAll(`textarea`)){let r=getComputedStyle(t),i=t.clientWidth-(parseFloat(r.paddingLeft)||0)-(parseFloat(r.paddingRight)||0);e.set(t,Math.max(0,Math.round(i/n)))}this.setAttribute(`measuring`,``);try{this.#c.parentNode!==this&&this.appendChild(this.#c);let t=h(this,this.#c),n=this.#f;(n===null||n.width!==t.width||n.height!==t.height||n.letterSpacing!==t.letterSpacing||n.inkOverhang!==t.inkOverhang)&&(this.style.setProperty(`--mw-cw`,`${t.width}px`),this.style.setProperty(`--mw-ch`,`${t.height}px`),this.style.setProperty(`--mw-rls`,`${t.letterSpacing}px`),this.style.setProperty(`--mw-ink`,`${t.inkOverhang??0}px`)),this.#f=t;let r=getComputedStyle(this),i=(parseFloat(r.paddingLeft)||0)+(parseFloat(r.paddingRight)||0),a=Math.max(0,Math.floor((this.clientWidth-i)/t.width));if(a===0)return;let o=g(),s=[];for(let n of Array.from(this.children)){if(n===this.#c)continue;let r=hr(n,o,t,e);r&&s.push(r)}if(kr(this)?(this.hasAttribute(`data-mw-dropped-text`)||console.warn(`[monowind] ${Ar}`,this),this.setAttribute(`data-mw-dropped-text`,``)):this.removeAttribute(`data-mw-dropped-text`),s.length===0){this.#s.replaceChildren(),this.#p=null,this.setAttribute(`data-mw-ready`,``);return}let c={source:this,style:he(),children:s,text:``,intrinsicWidth:0,intrinsicHeight:0,localRect:{x:0,y:0,width:0,height:0},unclampedHeight:0,resolvedPadding:N()},{height:l}=Ft(c,a);gn(c),mn(c,this.#s),this.#p=c;let u=r.boxSizing===`border-box`?(parseFloat(r.paddingTop)||0)+(parseFloat(r.paddingBottom)||0)+(parseFloat(r.borderTopWidth)||0)+(parseFloat(r.borderBottomWidth)||0):0,d=`${l*t.height+u}px`;this.style.height!==d&&(this.style.height=d),this.hasAttribute(`data-mw-ready`)||this.setAttribute(`data-mw-ready`,``)}finally{this.removeAttribute(`measuring`),this.#u?.takeRecords()}}};function Rr(){typeof customElements>`u`||customElements.get(`mono-wind`)||customElements.define(`mono-wind`,Lr)}var zr=`@property --mw-rule-x-width{syntax:"<length>";inherits:false;initial-value:0}@property --mw-rule-y-width{syntax:"<length>";inherits:false;initial-value:0}@property --mw-rule-x-style{syntax:"solid|dashed|dotted|double";inherits:false;initial-value:solid}@property --mw-rule-y-style{syntax:"solid|dashed|dotted|double";inherits:false;initial-value:solid}@property --mw-rule-x-color{syntax:"*";inherits:false}@property --mw-rule-y-color{syntax:"*";inherits:false}@utility rule-x-*{--mw-rule-x-width: calc(--value("0", "2", "3", "4", integer) * 1px); --mw-rule-x-width: --value([*], --default(1px)); column-rule-width: var(--mw-rule-x-width);}@utility rule-y-*{--mw-rule-y-width: calc(--value("0", "2", "3", "4", integer) * 1px); --mw-rule-y-width: --value([*], --default(1px)); row-rule-width: var(--mw-rule-y-width);}@utility rule-*{--mw-rule-x-width: calc(--value("0", "2", "3", "4", integer) * 1px); --mw-rule-x-width: --value([length], --default(1px)); --mw-rule-y-width: calc(--value("0", "2", "3", "4", integer) * 1px); --mw-rule-y-width: --value([length], --default(1px)); column-rule-width: var(--mw-rule-x-width); row-rule-width: var(--mw-rule-y-width); --mw-rule-x-color: --value(--color-*, [color]); --mw-rule-y-color: --value(--color-*, [color]); column-rule-color: var(--mw-rule-x-color); row-rule-color: var(--mw-rule-y-color);}@utility rule-solid{column-rule-style: solid; row-rule-style: solid; --mw-rule-x-style: solid; --mw-rule-y-style: solid;}@utility rule-dashed{column-rule-style: dashed; row-rule-style: dashed; --mw-rule-x-style: dashed; --mw-rule-y-style: dashed;}@utility rule-dotted{column-rule-style: dotted; row-rule-style: dotted; --mw-rule-x-style: dotted; --mw-rule-y-style: dotted;}@utility rule-double{column-rule-style: double; row-rule-style: double; --mw-rule-x-style: double; --mw-rule-y-style: double;}@property --mw-rule-break{syntax:"none|normal|intersection";inherits:false;initial-value:normal}@property --mw-rule-inset{syntax:"<length>|overlap-join";inherits:false;initial-value:0}@property --mw-rule-visibility-items{syntax:"normal|all|around|between";inherits:false;initial-value:normal}@utility rule-break-none{rule-break: none; --mw-rule-break: none;}@utility rule-break-normal{rule-break: normal; --mw-rule-break: normal;}@utility rule-break-intersection{rule-break: intersection; --mw-rule-break: intersection;}@utility rule-inset-*{--mw-rule-inset: calc(--value("0", "1", "2", "3", "4", integer) * 1px); --mw-rule-inset: --value([*]); rule-inset: var(--mw-rule-inset);}@utility rule-inset-overlap-join{rule-inset: overlap-join; --mw-rule-inset: overlap-join;}@utility rule-visibility-all{rule-visibility-items: all; --mw-rule-visibility-items: all;}@utility rule-visibility-around{rule-visibility-items: around; --mw-rule-visibility-items: around;}@utility rule-visibility-between{rule-visibility-items: between; --mw-rule-visibility-items: between;}@utility bg-clear{background-color: transparent; --mw-bg-clear: 1;}@property --mw-bg-clear{syntax:"<integer>";inherits:false;initial-value:0}`,Br=`@property --mw-rule-x-width{syntax:"<length>";inherits:false;initial-value:0}@property --mw-rule-y-width{syntax:"<length>";inherits:false;initial-value:0}@property --mw-rule-x-style{syntax:"solid|dashed|dotted|double";inherits:false;initial-value:solid}@property --mw-rule-y-style{syntax:"solid|dashed|dotted|double";inherits:false;initial-value:solid}@property --mw-rule-x-color{syntax:"*";inherits:false}@property --mw-rule-y-color{syntax:"*";inherits:false}@utility rule-x-*{--mw-rule-x-width: calc(--value("0", "2", "3", "4", integer) * 1px); --mw-rule-x-width: --value([*], --default(1px)); column-rule-width: var(--mw-rule-x-width);}@utility rule-y-*{--mw-rule-y-width: calc(--value("0", "2", "3", "4", integer) * 1px); --mw-rule-y-width: --value([*], --default(1px)); row-rule-width: var(--mw-rule-y-width);}@utility rule-*{--mw-rule-x-width: calc(--value("0", "2", "3", "4", integer) * 1px); --mw-rule-x-width: --value([length], --default(1px)); --mw-rule-y-width: calc(--value("0", "2", "3", "4", integer) * 1px); --mw-rule-y-width: --value([length], --default(1px)); column-rule-width: var(--mw-rule-x-width); row-rule-width: var(--mw-rule-y-width); --mw-rule-x-color: --value(--color-*, [color]); --mw-rule-y-color: --value(--color-*, [color]); column-rule-color: var(--mw-rule-x-color); row-rule-color: var(--mw-rule-y-color);}@utility rule-solid{column-rule-style: solid; row-rule-style: solid; --mw-rule-x-style: solid; --mw-rule-y-style: solid;}@utility rule-dashed{column-rule-style: dashed; row-rule-style: dashed; --mw-rule-x-style: dashed; --mw-rule-y-style: dashed;}@utility rule-dotted{column-rule-style: dotted; row-rule-style: dotted; --mw-rule-x-style: dotted; --mw-rule-y-style: dotted;}@utility rule-double{column-rule-style: double; row-rule-style: double; --mw-rule-x-style: double; --mw-rule-y-style: double;}@property --mw-rule-break{syntax:"none|normal|intersection";inherits:false;initial-value:normal}@property --mw-rule-inset{syntax:"<length>|overlap-join";inherits:false;initial-value:0}@property --mw-rule-visibility-items{syntax:"normal|all|around|between";inherits:false;initial-value:normal}@utility rule-break-none{rule-break: none; --mw-rule-break: none;}@utility rule-break-normal{rule-break: normal; --mw-rule-break: normal;}@utility rule-break-intersection{rule-break: intersection; --mw-rule-break: intersection;}@utility rule-inset-*{--mw-rule-inset: calc(--value("0", "1", "2", "3", "4", integer) * 1px); --mw-rule-inset: --value([*]); rule-inset: var(--mw-rule-inset);}@utility rule-inset-overlap-join{rule-inset: overlap-join; --mw-rule-inset: overlap-join;}@utility rule-visibility-all{rule-visibility-items: all; --mw-rule-visibility-items: all;}@utility rule-visibility-around{rule-visibility-items: around; --mw-rule-visibility-items: around;}@utility rule-visibility-between{rule-visibility-items: between; --mw-rule-visibility-items: between;}@utility bg-clear{background-color: transparent; --mw-bg-clear: 1;}@property --mw-bg-clear{syntax:"<integer>";inherits:false;initial-value:0}@layer base{mono-wind{isolation:isolate;letter-spacing:0;--mw-fg:canvastext;--mw-bg:canvas;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:normal;display:block;position:relative}mono-wind :is(button,input,select,textarea){color:inherit;font:inherit;line-height:inherit;text-align:inherit;appearance:none;background:0 0;border-radius:0}mono-wind :is(input,textarea,select){color:var(--mw-fg);caret-color:var(--mw-fg)}mono-wind :is(input,textarea)::placeholder{color:color-mix(in srgb, currentcolor 50%, transparent);opacity:1}mono-wind select:invalid{color:color-mix(in srgb, var(--mw-fg) 50%, transparent)}mono-wind select:invalid:focus-visible{color:color-mix(in srgb, var(--mw-bg) 50%, transparent)}mono-wind :is(input,select){white-space:nowrap;overflow:hidden}mono-wind textarea{resize:none;overflow:clip}mono-wind :focus-visible{background-color:var(--mw-fg);color:var(--mw-bg);caret-color:var(--mw-bg);outline:none}}mono-wind[select=grid] *{pointer-events:none!important}mono-wind[select=grid] :is(a,button,input,select,textarea,label,[tabindex],[role=button]){pointer-events:auto!important}mono-wind:not([data-mw-ready]){visibility:hidden!important}mono-wind:not([measuring]) ::selection{color:var(--mw-bg,canvas)!important;background:var(--mw-fg,canvastext)!important}mono-wind:not([measuring]) :focus-visible::selection{color:var(--mw-fg,canvastext)!important;background:var(--mw-bg,canvas)!important}mono-wind *{font-family:inherit!important;font-size:inherit!important}mono-wind[measuring] [data-mw-degrid]{display:block!important}mono-wind:not([measuring]) *{vertical-align:baseline!important;white-space:normal!important;overflow-wrap:anywhere!important;letter-spacing:calc(var(--mw-rls,0px) + var(--mw-ls) * var(--mw-cw,1px))!important;line-height:inherit!important;text-shadow:none!important;padding-left:calc(var(--mw-ipl,0) * var(--mw-cw,1px))!important;padding-right:calc(var(--mw-ipr,0) * var(--mw-cw,1px))!important;background-color:#0000!important}mono-wind:not([measuring]) :not(input):not(textarea):not(select){color:#0000!important}mono-wind:not([measuring]) [data-mw-nowrap]{white-space:nowrap!important}mono-wind:not([measuring]) [data-mw-pre],mono-wind:not([measuring]) [data-mw-pre] *{white-space:pre!important}mono-wind:not([measuring]) [data-mw-nowrap][data-mw-clip]{overflow:hidden!important}mono-wind:not([measuring]) [data-mw-laid-out]{left:calc(var(--mw-x,0) * var(--mw-cw,1px))!important;top:calc(var(--mw-y,0) * var(--mw-ch,1px))!important;translate:0 calc(var(--mw-lhs,0) * var(--mw-ch,1px))!important;grid-area:auto!important;grid-template-rows:none!important;grid-template-columns:none!important;place-content:start!important;place-items:stretch stretch!important;position:absolute!important}mono-wind:not([measuring]) [data-mw-laid-out],mono-wind:not([measuring]) [data-mw-inline-box],mono-wind:not([measuring]) [data-mw-multicol-flow-span]{box-sizing:border-box!important;width:calc((var(--mw-w,0) + max(0, var(--mw-ls,0) - var(--mw-pr,0) - var(--mw-br,0))) * var(--mw-cw,1px) + .03125px)!important;height:calc(var(--mw-h,0) * var(--mw-ch,1px))!important;column-rule-style:none!important;row-rule-style:none!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;z-index:calc(var(--mw-z))!important;padding-top:calc((var(--mw-pt,0) + var(--mw-bt,0)) * var(--mw-ch,1px))!important;padding-right:calc(max(0, var(--mw-pr,0) + var(--mw-br,0) - var(--mw-ls,0)) * var(--mw-cw,1px))!important;padding-bottom:calc((var(--mw-pb,0) + var(--mw-bb,0)) * var(--mw-ch,1px))!important;padding-left:calc((var(--mw-pl,0) + var(--mw-bl,0)) * var(--mw-cw,1px))!important;line-height:calc(var(--mw-lh,1) * var(--mw-ch,1px))!important;border-width:0!important;margin:0!important}mono-wind:not([measuring]) [data-mw-inline-box]{vertical-align:top!important;translate:0 calc(var(--mw-lhs,0) * var(--mw-ch,1px))!important;position:relative!important}mono-wind:not([measuring]) [data-mw-inline-box][data-mw-vbottom]{vertical-align:bottom!important}mono-wind:not([measuring]) [data-mw-multicol]{column-count:var(--mw-colc,1)!important;column-width:auto!important;column-gap:calc(var(--mw-colg,0) * var(--mw-cw,1px))!important;column-fill:auto!important;orphans:1!important;widows:1!important;width:calc(var(--mw-w,0) * var(--mw-cw,1px) + .03125px)!important;padding-right:calc((var(--mw-pr,0) + var(--mw-br,0)) * var(--mw-cw,1px))!important;height:calc((var(--mw-h,0) + var(--mw-lh,1) - 1) * var(--mw-ch,1px) + var(--mw-ink,0px) + .03125px)!important}mono-wind:not([measuring]) [data-mw-multicol-flow]{box-sizing:border-box!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin-top:calc(var(--mw-mt,0) * var(--mw-ch,1px))!important;margin-right:calc(var(--mw-mr,0) * var(--mw-cw,1px))!important;margin-bottom:calc(var(--mw-mb,0) * var(--mw-ch,1px))!important;margin-left:calc(var(--mw-ml,0) * var(--mw-cw,1px))!important;column-span:none!important;border-width:0!important;display:block!important;position:static!important}mono-wind:not([measuring]) [data-mw-laid-out],mono-wind:not([measuring]) [data-mw-multicol-flow]{text-indent:calc(var(--mw-ti,0) * var(--mw-cw,1px))!important}mono-wind:not([measuring]) [data-mw-center-nudge]{transform:translateX(calc(-.5 * var(--mw-cw,1px)))!important}mono-wind:not([measuring]) [data-mw-multicol-flow-span]{column-span:all!important;margin-top:calc(var(--mw-mt,0) * var(--mw-ch,1px))!important;margin-right:0!important;margin-bottom:calc(var(--mw-mb,0) * var(--mw-ch,1px))!important;margin-left:calc(var(--mw-ml,0) * var(--mw-cw,1px))!important;translate:0 calc(var(--mw-lhs,0) * var(--mw-ch,1px))!important;position:static!important}mono-wind:not([measuring]) [data-mw-multicol][data-mw-multicol-balance]{column-fill:balance!important;height:auto!important}mono-wind [data-mw-clip]{overflow:clip!important}mono-wind:not([measuring]) [data-mw-inline-inset]{top:calc(var(--mw-it) * var(--mw-ch,1px))!important;right:calc(var(--mw-ir) * var(--mw-cw,1px))!important;bottom:calc(var(--mw-ib) * var(--mw-ch,1px))!important;left:calc(var(--mw-il) * var(--mw-cw,1px))!important;position:relative!important}mono-wind:not([measuring])[data-mw-dropped-text],mono-wind:not([measuring]) [data-mw-dropped-text]{visibility:hidden!important}mono-wind:not([measuring])[data-mw-dropped-text]>[data-mw-laid-out],mono-wind:not([measuring]) [data-mw-dropped-text]>[data-mw-laid-out]{visibility:visible!important}mono-wind:not([measuring]) [data-mw-table-hidden]{display:none!important}mono-wind:not([measuring]) [data-mw-text-align-blocked]{text-align:start!important}`,Vr=document.createElement(`style`);Vr.setAttribute(`data-monowind`,``),Vr.textContent=Br,document.head.appendChild(Vr);var Hr=document.createElement(`style`);Hr.setAttribute(`type`,`text/tailwindcss`),Hr.setAttribute(`data-monowind-rules`,``),Hr.textContent=zr,document.head.appendChild(Hr),Rr(),Object.assign(globalThis,{monowind:{...globalThis.monowind,version:`0.1.6`}})})();
+`,Pr=`grid`,Fr=[`pointerover`,`pointerleave`,`focusin`,`focusout`,`input`,`change`],Ir=typeof HTMLElement>`u`?class{}:HTMLElement,Lr=class e extends Ir{static observedAttributes=[`select`];static#e=new Set;static#t=null;static#n=()=>{for(let t of e.#e)t.#y()};static#r(t){t instanceof HTMLLinkElement&&t.rel===`stylesheet`&&!t.sheet&&t.addEventListener(`load`,e.#n,{once:!0})}static#i(t){if(e.#e.add(t),e.#t)return;for(let t of document.querySelectorAll(`link[rel=stylesheet]`))e.#r(t);let n=new MutationObserver(t=>{for(let n of t)for(let t of n.addedNodes)e.#r(t);e.#n()});n.observe(document.head,{childList:!0,subtree:!0,characterData:!0}),e.#t=n}static#a(t){e.#e.delete(t),e.#e.size===0&&(e.#t?.disconnect(),e.#t=null)}#o;#s;#c;#l=null;#u=null;#d=!1;#f=null;#p=null;constructor(){super(),this.#o=this.attachShadow({mode:`open`}),this.#o.innerHTML=Nr,this.#s=this.#o.getElementById(`grid`),this.#c=document.createElement(`span`),this.#c.setAttribute(`aria-hidden`,`true`),this.#c.setAttribute(`data-mw-probe`,``),this.#c.style.cssText=`position:absolute!important;top:0!important;left:0!important;visibility:hidden!important;pointer-events:none!important;user-select:none!important;white-space:pre!important;overflow-wrap:normal!important;padding:0!important;margin:0!important;border:0!important;`,this.#c.textContent=`M`.repeat(100)}connectedCallback(){this.hasAttribute(`select`)||this.setAttribute(`select`,Pr),this.#c.parentNode!==this&&this.appendChild(this.#c),this.#l=new ResizeObserver(()=>this.#y()),this.#l.observe(this),this.#l.observe(this.#c),window.addEventListener(`resize`,this.#h),this.#u=new MutationObserver(()=>this.#y()),this.#u.observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:[`class`,`style`,`colspan`,`rowspan`,`span`]}),document.fonts?.ready.then(this.#g).catch(e=>{console.warn(`[monowind] document.fonts.ready failed:`,e)}),document.fonts?.addEventListener(`loadingdone`,this.#g);for(let e of Fr)this.addEventListener(e,this.#m);e.#i(this),this.#y()}disconnectedCallback(){window.removeEventListener(`resize`,this.#h),this.#l?.disconnect(),this.#u?.disconnect(),this.#l=null,this.#u=null,document.fonts?.removeEventListener(`loadingdone`,this.#g);for(let e of Fr)this.removeEventListener(e,this.#m);e.#a(this)}#m=e=>{if((e.type===`focusin`||e.type===`focusout`)&&e.target instanceof HTMLSelectElement){this.#v();return}this.#y()};attributeChangedCallback(e,t,n){if(e===`select`&&n!==`text`&&n!==`grid`){n!==null&&console.warn(`[monowind] Ignoring unrecognized select="${n}". Expected "grid" (default) or "text".`,this),this.setAttribute(`select`,Pr);return}this.#y()}toPlainText(){return this.#d&&this.#b(),this.#p?nn(this.#p):``}#h=()=>{this.#y()};#g=()=>{requestAnimationFrame(()=>this.#y())};#_(){let e=document.activeElement;if(!(e instanceof HTMLSelectElement)||!this.contains(e))return!1;try{return e.matches(`:open`)}catch{return!1}}#v(){try{this.#b()}catch(e){console.error(`[monowind] layout failed:`,e)}}#y(){this.#d||(this.#d=!0,requestAnimationFrame(()=>{if(this.#d=!1,this.#_()){this.#y();return}this.#v()}))}#b(){if(!this.isConnected)return;let e=new Map,t=getComputedStyle(this).getPropertyValue(`--mw-cw`).trim(),n=parseFloat(t);if(Number.isFinite(n)&&n>0)for(let t of this.querySelectorAll(`textarea`)){let r=getComputedStyle(t),i=t.clientWidth-(parseFloat(r.paddingLeft)||0)-(parseFloat(r.paddingRight)||0);e.set(t,Math.max(0,Math.round(i/n)))}this.setAttribute(`measuring`,``);try{this.#c.parentNode!==this&&this.appendChild(this.#c);let t=h(this,this.#c),n=this.#f;(n===null||n.width!==t.width||n.height!==t.height||n.letterSpacing!==t.letterSpacing||n.inkOverhang!==t.inkOverhang)&&(this.style.setProperty(`--mw-cw`,`${t.width}px`),this.style.setProperty(`--mw-ch`,`${t.height}px`),this.style.setProperty(`--mw-rls`,`${t.letterSpacing}px`),this.style.setProperty(`--mw-ink`,`${t.inkOverhang??0}px`)),this.#f=t;let r=getComputedStyle(this),i=(parseFloat(r.paddingLeft)||0)+(parseFloat(r.paddingRight)||0),a=Math.max(0,Math.floor((this.clientWidth-i)/t.width));if(a===0)return;let o=g(),s=[];for(let n of Array.from(this.children)){if(n===this.#c)continue;let r=hr(n,o,t,e);r&&s.push(r)}if(kr(this)?(this.hasAttribute(`data-mw-dropped-text`)||console.warn(`[monowind] ${Ar}`,this),this.setAttribute(`data-mw-dropped-text`,``)):this.removeAttribute(`data-mw-dropped-text`),s.length===0){this.#s.replaceChildren(),this.#p=null,this.setAttribute(`data-mw-ready`,``);return}let c={source:this,style:he(),children:s,text:``,intrinsicWidth:0,intrinsicHeight:0,localRect:{x:0,y:0,width:0,height:0},unclampedHeight:0,resolvedPadding:N()},{height:l}=Ft(c,a);gn(c),mn(c,this.#s),this.#p=c;let u=r.boxSizing===`border-box`?(parseFloat(r.paddingTop)||0)+(parseFloat(r.paddingBottom)||0)+(parseFloat(r.borderTopWidth)||0)+(parseFloat(r.borderBottomWidth)||0):0,d=`${l*t.height+u}px`;this.style.height!==d&&(this.style.height=d),this.hasAttribute(`data-mw-ready`)||this.setAttribute(`data-mw-ready`,``)}finally{this.removeAttribute(`measuring`),this.#u?.takeRecords()}}};function Rr(){typeof customElements>`u`||customElements.get(`mono-wind`)||customElements.define(`mono-wind`,Lr)}var zr=`@property --mw-rule-x-width{syntax:"<length>";inherits:false;initial-value:0}@property --mw-rule-y-width{syntax:"<length>";inherits:false;initial-value:0}@property --mw-rule-x-style{syntax:"solid|dashed|dotted|double";inherits:false;initial-value:solid}@property --mw-rule-y-style{syntax:"solid|dashed|dotted|double";inherits:false;initial-value:solid}@property --mw-rule-x-color{syntax:"*";inherits:false}@property --mw-rule-y-color{syntax:"*";inherits:false}@utility rule-x-*{--mw-rule-x-width: calc(--value("0", "2", "3", "4", integer) * 1px); --mw-rule-x-width: --value([*], --default(1px)); column-rule-width: var(--mw-rule-x-width);}@utility rule-y-*{--mw-rule-y-width: calc(--value("0", "2", "3", "4", integer) * 1px); --mw-rule-y-width: --value([*], --default(1px)); row-rule-width: var(--mw-rule-y-width);}@utility rule-*{--mw-rule-x-width: calc(--value("0", "2", "3", "4", integer) * 1px); --mw-rule-x-width: --value([length], --default(1px)); --mw-rule-y-width: calc(--value("0", "2", "3", "4", integer) * 1px); --mw-rule-y-width: --value([length], --default(1px)); column-rule-width: var(--mw-rule-x-width); row-rule-width: var(--mw-rule-y-width); --mw-rule-x-color: --value(--color-*, [color]); --mw-rule-y-color: --value(--color-*, [color]); column-rule-color: var(--mw-rule-x-color); row-rule-color: var(--mw-rule-y-color);}@utility rule-solid{column-rule-style: solid; row-rule-style: solid; --mw-rule-x-style: solid; --mw-rule-y-style: solid;}@utility rule-dashed{column-rule-style: dashed; row-rule-style: dashed; --mw-rule-x-style: dashed; --mw-rule-y-style: dashed;}@utility rule-dotted{column-rule-style: dotted; row-rule-style: dotted; --mw-rule-x-style: dotted; --mw-rule-y-style: dotted;}@utility rule-double{column-rule-style: double; row-rule-style: double; --mw-rule-x-style: double; --mw-rule-y-style: double;}@property --mw-rule-break{syntax:"none|normal|intersection";inherits:false;initial-value:normal}@property --mw-rule-inset{syntax:"<length>|overlap-join";inherits:false;initial-value:0}@property --mw-rule-visibility-items{syntax:"normal|all|around|between";inherits:false;initial-value:normal}@utility rule-break-none{rule-break: none; --mw-rule-break: none;}@utility rule-break-normal{rule-break: normal; --mw-rule-break: normal;}@utility rule-break-intersection{rule-break: intersection; --mw-rule-break: intersection;}@utility rule-inset-*{--mw-rule-inset: calc(--value("0", "1", "2", "3", "4", integer) * 1px); --mw-rule-inset: --value([*]); rule-inset: var(--mw-rule-inset);}@utility rule-inset-overlap-join{rule-inset: overlap-join; --mw-rule-inset: overlap-join;}@utility rule-visibility-all{rule-visibility-items: all; --mw-rule-visibility-items: all;}@utility rule-visibility-around{rule-visibility-items: around; --mw-rule-visibility-items: around;}@utility rule-visibility-between{rule-visibility-items: between; --mw-rule-visibility-items: between;}@utility bg-clear{background-color: transparent; --mw-bg-clear: 1;}@property --mw-bg-clear{syntax:"<integer>";inherits:false;initial-value:0}`,Br=`@property --mw-rule-x-width{syntax:"<length>";inherits:false;initial-value:0}@property --mw-rule-y-width{syntax:"<length>";inherits:false;initial-value:0}@property --mw-rule-x-style{syntax:"solid|dashed|dotted|double";inherits:false;initial-value:solid}@property --mw-rule-y-style{syntax:"solid|dashed|dotted|double";inherits:false;initial-value:solid}@property --mw-rule-x-color{syntax:"*";inherits:false}@property --mw-rule-y-color{syntax:"*";inherits:false}@utility rule-x-*{--mw-rule-x-width: calc(--value("0", "2", "3", "4", integer) * 1px); --mw-rule-x-width: --value([*], --default(1px)); column-rule-width: var(--mw-rule-x-width);}@utility rule-y-*{--mw-rule-y-width: calc(--value("0", "2", "3", "4", integer) * 1px); --mw-rule-y-width: --value([*], --default(1px)); row-rule-width: var(--mw-rule-y-width);}@utility rule-*{--mw-rule-x-width: calc(--value("0", "2", "3", "4", integer) * 1px); --mw-rule-x-width: --value([length], --default(1px)); --mw-rule-y-width: calc(--value("0", "2", "3", "4", integer) * 1px); --mw-rule-y-width: --value([length], --default(1px)); column-rule-width: var(--mw-rule-x-width); row-rule-width: var(--mw-rule-y-width); --mw-rule-x-color: --value(--color-*, [color]); --mw-rule-y-color: --value(--color-*, [color]); column-rule-color: var(--mw-rule-x-color); row-rule-color: var(--mw-rule-y-color);}@utility rule-solid{column-rule-style: solid; row-rule-style: solid; --mw-rule-x-style: solid; --mw-rule-y-style: solid;}@utility rule-dashed{column-rule-style: dashed; row-rule-style: dashed; --mw-rule-x-style: dashed; --mw-rule-y-style: dashed;}@utility rule-dotted{column-rule-style: dotted; row-rule-style: dotted; --mw-rule-x-style: dotted; --mw-rule-y-style: dotted;}@utility rule-double{column-rule-style: double; row-rule-style: double; --mw-rule-x-style: double; --mw-rule-y-style: double;}@property --mw-rule-break{syntax:"none|normal|intersection";inherits:false;initial-value:normal}@property --mw-rule-inset{syntax:"<length>|overlap-join";inherits:false;initial-value:0}@property --mw-rule-visibility-items{syntax:"normal|all|around|between";inherits:false;initial-value:normal}@utility rule-break-none{rule-break: none; --mw-rule-break: none;}@utility rule-break-normal{rule-break: normal; --mw-rule-break: normal;}@utility rule-break-intersection{rule-break: intersection; --mw-rule-break: intersection;}@utility rule-inset-*{--mw-rule-inset: calc(--value("0", "1", "2", "3", "4", integer) * 1px); --mw-rule-inset: --value([*]); rule-inset: var(--mw-rule-inset);}@utility rule-inset-overlap-join{rule-inset: overlap-join; --mw-rule-inset: overlap-join;}@utility rule-visibility-all{rule-visibility-items: all; --mw-rule-visibility-items: all;}@utility rule-visibility-around{rule-visibility-items: around; --mw-rule-visibility-items: around;}@utility rule-visibility-between{rule-visibility-items: between; --mw-rule-visibility-items: between;}@utility bg-clear{background-color: transparent; --mw-bg-clear: 1;}@property --mw-bg-clear{syntax:"<integer>";inherits:false;initial-value:0}@layer base{mono-wind{isolation:isolate;letter-spacing:0;--mw-fg:canvastext;--mw-bg:canvas;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:normal;display:block;position:relative}mono-wind :is(button,input,select,textarea){color:inherit;font:inherit;line-height:inherit;text-align:inherit;appearance:none;background:0 0;border-radius:0}mono-wind :is(input,textarea,select){color:var(--mw-fg);caret-color:var(--mw-fg)}mono-wind :is(input,textarea)::placeholder{color:color-mix(in srgb, currentcolor 50%, transparent);opacity:1}mono-wind select:invalid{color:color-mix(in srgb, var(--mw-fg) 50%, transparent)}mono-wind select:invalid:focus-visible{color:color-mix(in srgb, var(--mw-bg) 50%, transparent)}mono-wind :is(input,select){white-space:nowrap;overflow:hidden}mono-wind textarea{resize:none;overflow:clip}mono-wind :focus-visible{background-color:var(--mw-fg);color:var(--mw-bg);caret-color:var(--mw-bg);outline:none}}mono-wind[select=grid] *{pointer-events:none!important}mono-wind[select=grid] :is(a,button,input,select,textarea,label,[tabindex],[role=button]){pointer-events:auto!important}mono-wind:not([data-mw-ready]){visibility:hidden!important}mono-wind:not([measuring]) ::selection{color:var(--mw-bg,canvas)!important;background:var(--mw-fg,canvastext)!important}mono-wind:not([measuring]) :focus-visible::selection{color:var(--mw-fg,canvastext)!important;background:var(--mw-bg,canvas)!important}mono-wind *{font-family:inherit!important;font-size:inherit!important}mono-wind[measuring] [data-mw-degrid]{display:block!important}mono-wind:not([measuring]) *{vertical-align:baseline!important;white-space:normal!important;overflow-wrap:anywhere!important;letter-spacing:calc(var(--mw-rls,0px) + var(--mw-ls) * var(--mw-cw,1px))!important;line-height:inherit!important;text-shadow:none!important;padding-left:calc(var(--mw-ipl,0) * var(--mw-cw,1px))!important;padding-right:calc(var(--mw-ipr,0) * var(--mw-cw,1px))!important;background-color:#0000!important}mono-wind:not([measuring]) :not(input):not(textarea):not(select){color:#0000!important}mono-wind:not([measuring]) [data-mw-nowrap]{white-space:nowrap!important}mono-wind:not([measuring]) [data-mw-pre],mono-wind:not([measuring]) [data-mw-pre] *{white-space:pre!important}mono-wind:not([measuring]) [data-mw-nowrap][data-mw-clip]{overflow:hidden!important}mono-wind:not([measuring]) [data-mw-laid-out]{left:calc(var(--mw-x,0) * var(--mw-cw,1px))!important;top:calc(var(--mw-y,0) * var(--mw-ch,1px))!important;translate:0 calc(var(--mw-lhs,0) * var(--mw-ch,1px))!important;grid-area:auto!important;grid-template-rows:none!important;grid-template-columns:none!important;place-content:start!important;place-items:stretch stretch!important;position:absolute!important}mono-wind:not([measuring]) [data-mw-laid-out],mono-wind:not([measuring]) [data-mw-inline-box],mono-wind:not([measuring]) [data-mw-multicol-flow-span]{box-sizing:border-box!important;width:calc((var(--mw-w,0) + max(0, var(--mw-ls,0) - var(--mw-pr,0) - var(--mw-br,0))) * var(--mw-cw,1px) + .03125px)!important;height:calc(var(--mw-h,0) * var(--mw-ch,1px))!important;column-rule-style:none!important;row-rule-style:none!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;z-index:calc(var(--mw-z))!important;padding-top:calc((var(--mw-pt,0) + var(--mw-bt,0)) * var(--mw-ch,1px))!important;padding-right:calc(max(0, var(--mw-pr,0) + var(--mw-br,0) - var(--mw-ls,0)) * var(--mw-cw,1px))!important;padding-bottom:calc((var(--mw-pb,0) + var(--mw-bb,0)) * var(--mw-ch,1px))!important;padding-left:calc((var(--mw-pl,0) + var(--mw-bl,0)) * var(--mw-cw,1px))!important;line-height:calc(var(--mw-lh,1) * var(--mw-ch,1px))!important;border-width:0!important;margin:0!important}mono-wind:not([measuring]) [data-mw-inline-box]{vertical-align:top!important;translate:0 calc(var(--mw-lhs,0) * var(--mw-ch,1px))!important;position:relative!important}mono-wind:not([measuring]) [data-mw-inline-box][data-mw-vbottom]{vertical-align:bottom!important}mono-wind:not([measuring]) [data-mw-multicol]{column-count:var(--mw-colc,1)!important;column-width:auto!important;column-gap:calc(var(--mw-colg,0) * var(--mw-cw,1px))!important;column-fill:auto!important;orphans:1!important;widows:1!important;width:calc(var(--mw-w,0) * var(--mw-cw,1px) + .03125px)!important;padding-right:calc((var(--mw-pr,0) + var(--mw-br,0)) * var(--mw-cw,1px))!important;height:calc((var(--mw-h,0) + var(--mw-lh,1) - 1) * var(--mw-ch,1px) + var(--mw-ink,0px) + .03125px)!important}mono-wind:not([measuring]) [data-mw-multicol-flow]{box-sizing:border-box!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin-top:calc(var(--mw-mt,0) * var(--mw-ch,1px))!important;margin-right:calc(var(--mw-mr,0) * var(--mw-cw,1px))!important;margin-bottom:calc(var(--mw-mb,0) * var(--mw-ch,1px))!important;margin-left:calc(var(--mw-ml,0) * var(--mw-cw,1px))!important;column-span:none!important;border-width:0!important;display:block!important;position:static!important}mono-wind:not([measuring]) [data-mw-laid-out],mono-wind:not([measuring]) [data-mw-multicol-flow]{text-indent:calc(var(--mw-ti,0) * var(--mw-cw,1px))!important}mono-wind:not([measuring]) [data-mw-center-nudge]{transform:translateX(calc(-.5 * var(--mw-cw,1px)))!important}mono-wind:not([measuring]) [data-mw-multicol-flow-span]{column-span:all!important;margin-top:calc(var(--mw-mt,0) * var(--mw-ch,1px))!important;margin-right:0!important;margin-bottom:calc(var(--mw-mb,0) * var(--mw-ch,1px))!important;margin-left:calc(var(--mw-ml,0) * var(--mw-cw,1px))!important;translate:0 calc(var(--mw-lhs,0) * var(--mw-ch,1px))!important;position:static!important}mono-wind:not([measuring]) [data-mw-multicol][data-mw-multicol-balance]{column-fill:balance!important;height:auto!important}mono-wind [data-mw-clip]{overflow:clip!important}mono-wind:not([measuring]) [data-mw-inline-inset]{top:calc(var(--mw-it) * var(--mw-ch,1px))!important;right:calc(var(--mw-ir) * var(--mw-cw,1px))!important;bottom:calc(var(--mw-ib) * var(--mw-ch,1px))!important;left:calc(var(--mw-il) * var(--mw-cw,1px))!important;position:relative!important}mono-wind:not([measuring])[data-mw-dropped-text],mono-wind:not([measuring]) [data-mw-dropped-text]{visibility:hidden!important}mono-wind:not([measuring])[data-mw-dropped-text]>[data-mw-laid-out],mono-wind:not([measuring]) [data-mw-dropped-text]>[data-mw-laid-out]{visibility:visible!important}mono-wind:not([measuring]) [data-mw-table-hidden]{display:none!important}mono-wind:not([measuring]) [data-mw-text-align-blocked]{text-align:start!important}`,Vr=document.createElement(`style`);Vr.setAttribute(`data-monowind`,``),Vr.textContent=Br,document.head.appendChild(Vr);var Hr=document.createElement(`style`);Hr.setAttribute(`type`,`text/tailwindcss`),Hr.setAttribute(`data-monowind-rules`,``),Hr.textContent=zr,document.head.appendChild(Hr),Rr(),Object.assign(globalThis,{monowind:{...globalThis.monowind,version:`0.1.7`}})})();
 //# sourceMappingURL=cdn.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monowind",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "Text-based user interfaces (TUI) on the web, from ordinary HTML and Tailwind utility classes",
   "keywords": [
     "ascii",