@react-md/core 1.0.0-next.1 → 1.0.0-next.11

package/coverage/lcov-report/utils.ts.html

@@ -23,16 +23,16 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">63.87% </span>
+                <span class="strong">84.84% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>99/155</span>
+                <span class='fraction'>84/99</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">54.54% </span>
+                <span class="strong">25% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>6/11</span>
+                <span class='fraction'>2/8</span>
             </div>
         
             
@@ -44,9 +44,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">63.87% </span>
+                <span class="strong">84.84% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>99/155</span>
+                <span class='fraction'>84/99</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line medium'></div>
+    <div class='status-line high'></div>
     <pre><table class="coverage">
 <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
 <a name='L2'></a><a href='#L2'>2</a>
@@ -162,63 +162,11 @@
 <a name='L97'></a><a href='#L97'>97</a>
 <a name='L98'></a><a href='#L98'>98</a>
 <a name='L99'></a><a href='#L99'>99</a>
-<a name='L100'></a><a href='#L100'>100</a>
-<a name='L101'></a><a href='#L101'>101</a>
-<a name='L102'></a><a href='#L102'>102</a>
-<a name='L103'></a><a href='#L103'>103</a>
-<a name='L104'></a><a href='#L104'>104</a>
-<a name='L105'></a><a href='#L105'>105</a>
-<a name='L106'></a><a href='#L106'>106</a>
-<a name='L107'></a><a href='#L107'>107</a>
-<a name='L108'></a><a href='#L108'>108</a>
-<a name='L109'></a><a href='#L109'>109</a>
-<a name='L110'></a><a href='#L110'>110</a>
-<a name='L111'></a><a href='#L111'>111</a>
-<a name='L112'></a><a href='#L112'>112</a>
-<a name='L113'></a><a href='#L113'>113</a>
-<a name='L114'></a><a href='#L114'>114</a>
-<a name='L115'></a><a href='#L115'>115</a>
-<a name='L116'></a><a href='#L116'>116</a>
-<a name='L117'></a><a href='#L117'>117</a>
-<a name='L118'></a><a href='#L118'>118</a>
-<a name='L119'></a><a href='#L119'>119</a>
-<a name='L120'></a><a href='#L120'>120</a>
-<a name='L121'></a><a href='#L121'>121</a>
-<a name='L122'></a><a href='#L122'>122</a>
-<a name='L123'></a><a href='#L123'>123</a>
-<a name='L124'></a><a href='#L124'>124</a>
-<a name='L125'></a><a href='#L125'>125</a>
-<a name='L126'></a><a href='#L126'>126</a>
-<a name='L127'></a><a href='#L127'>127</a>
-<a name='L128'></a><a href='#L128'>128</a>
-<a name='L129'></a><a href='#L129'>129</a>
-<a name='L130'></a><a href='#L130'>130</a>
-<a name='L131'></a><a href='#L131'>131</a>
-<a name='L132'></a><a href='#L132'>132</a>
-<a name='L133'></a><a href='#L133'>133</a>
-<a name='L134'></a><a href='#L134'>134</a>
-<a name='L135'></a><a href='#L135'>135</a>
-<a name='L136'></a><a href='#L136'>136</a>
-<a name='L137'></a><a href='#L137'>137</a>
-<a name='L138'></a><a href='#L138'>138</a>
-<a name='L139'></a><a href='#L139'>139</a>
-<a name='L140'></a><a href='#L140'>140</a>
-<a name='L141'></a><a href='#L141'>141</a>
-<a name='L142'></a><a href='#L142'>142</a>
-<a name='L143'></a><a href='#L143'>143</a>
-<a name='L144'></a><a href='#L144'>144</a>
-<a name='L145'></a><a href='#L145'>145</a>
-<a name='L146'></a><a href='#L146'>146</a>
-<a name='L147'></a><a href='#L147'>147</a>
-<a name='L148'></a><a href='#L148'>148</a>
-<a name='L149'></a><a href='#L149'>149</a>
-<a name='L150'></a><a href='#L150'>150</a>
-<a name='L151'></a><a href='#L151'>151</a>
-<a name='L152'></a><a href='#L152'>152</a>
-<a name='L153'></a><a href='#L153'>153</a>
-<a name='L154'></a><a href='#L154'>154</a>
-<a name='L155'></a><a href='#L155'>155</a>
-<a name='L156'></a><a href='#L156'>156</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<a name='L100'></a><a href='#L100'>100</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -246,23 +194,22 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1523x</span>
-<span class="cline-any cline-yes">1523x</span>
-<span class="cline-any cline-yes">1523x</span>
-<span class="cline-any cline-yes">1523x</span>
 <span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-yes">1523x</span>
-<span class="cline-any cline-yes">1523x</span>
-<span class="cline-any cline-yes">1523x</span>
-<span class="cline-any cline-yes">1523x</span>
-<span class="cline-any cline-yes">1523x</span>
-<span class="cline-any cline-yes">1523x</span>
-<span class="cline-any cline-yes">1523x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -284,39 +231,10 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -326,208 +244,122 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">13x</span>
+<span class="cline-any cline-yes">13x</span>
+<span class="cline-any cline-yes">13x</span>
+<span class="cline-any cline-yes">13x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">13x</span>
+<span class="cline-any cline-yes">13x</span>
+<span class="cline-any cline-yes">13x</span>
+<span class="cline-any cline-yes">13x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import type {
-  CSSTransitionClassNames,
-  CSSTransitionClassNamesObject,
-  TransitionActions,
-  TransitionTimeout,
-  TransitionTimeoutObject,
-} from "./types.js";
+<span class="cline-any cline-yes">13x</span>
+<span class="cline-any cline-yes">13x</span>
+<span class="cline-any cline-yes">13x</span>
+<span class="cline-any cline-yes">13x</span>
+<span class="cline-any cline-yes">13x</span>
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { type KeyboardEvent } from "react";
 &nbsp;
 /**
- * Note: requires the `$disable-display-none-class` variable to remain `false`.
+ * This util should be used to implement the native "Enter" keypress behavior
+ * for "fake" form components to submit the form if exists.
  *
- * @remarks \@since 6.0.0
- */
-export const DISPLAY_NONE_CLASS = "rmd-display-none";
-&nbsp;
-/**
- * @remarks \@since 4.0.0
+ * The way this will work will be:
+ * - attempt to find a form by querying for a parent form element. if no parent
+ *   form element can be found, try to use the `formId` in a
+ *   `document.getElementById`
+ * - if a form element is found, find the submit button within the form. If
+ *   there are no submit buttons within the form, try to find a submit button in
+ *   the document that is linked to this form by `form={formId}`
+ * - if the submit button was found, click it to trigger the form submit
+ *   behavior
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/requestSubmit
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit
  * @internal
+ * @remarks
+ * \@since 2.7.0
+ * \@since 6.0.0 No longer returns a boolean, added the `formId` parameter, and
+ * moved into the form package.
+ * \@since 6.0.0 Uses `form.requestSubmit` instead of clicking the submit button
  */
-export interface TransitionTimeoutOptions extends Required&lt;TransitionActions&gt; {
-  timeout: TransitionTimeout;
-}
+export function tryToSubmitRelatedForm&lt;E extends HTMLElement&gt;(
+  event: KeyboardEvent&lt;E&gt;,
+  formId: string | undefined
+): void {
+  const { currentTarget } = event;
+  let form: HTMLElement | null = null;
+  if (formId) <span class="branch-0 cbranch-no" title="branch not covered" >{</span>
+<span class="cstat-no" title="statement not covered" >    form = document.getElementById(formId);</span>
+  } else {
+    form = currentTarget.closest("form");
+  }
 &nbsp;
-/**
- * @remarks \@since 4.0.0
- * @internal
- */
-export function getTransitionTimeout(
-  options: Readonly&lt;TransitionTimeoutOptions&gt;
-): Readonly&lt;Required&lt;TransitionTimeoutObject&gt;&gt; {
-  const { timeout, appear, enter, exit } = options;
-  if (typeof timeout === "number") <span class="branch-0 cbranch-no" title="branch not covered" >{</span>
-<span class="cstat-no" title="statement not covered" >    return {</span>
-<span class="cstat-no" title="statement not covered" >      appear: appear ? timeout : 0,</span>
-<span class="cstat-no" title="statement not covered" >      enter: enter ? timeout : 0,</span>
-<span class="cstat-no" title="statement not covered" >      exit: exit ? timeout : 0,</span>
-<span class="cstat-no" title="statement not covered" >    };</span>
+  if (!form || !(form instanceof HTMLFormElement)) <span class="branch-0 cbranch-no" title="branch not covered" >{</span>
+<span class="cstat-no" title="statement not covered" >    return;</span>
+<span class="cstat-no" title="statement not covered" >  }</span>
+&nbsp;
+  formId = formId || form.id;
+  let submit = form.querySelector&lt;HTMLButtonElement&gt;('[type="submit"]');
+  if (!<span class="branch-0 cbranch-no" title="branch not covered" >submit &amp;&amp; formId) <span class="branch-0 cbranch-no" title="branch not covered" >{</span></span>
+<span class="cstat-no" title="statement not covered" >    submit = document.querySelector&lt;HTMLButtonElement&gt;(</span>
+<span class="cstat-no" title="statement not covered" >      `[type="submit"][form="${formId}"]`</span>
+<span class="cstat-no" title="statement not covered" >    );</span>
 <span class="cstat-no" title="statement not covered" >  }</span>
 &nbsp;
-  return {
-    appear: (<span class="branch-0 cbranch-no" title="branch not covered" >appear &amp;&amp; (timeout.appear ?? timeout.enter)) || 0</span>,
-    enter: (enter &amp;&amp; timeout.enter) || 0,
-    exit: (exit &amp;&amp; timeout.exit) || 0,
-  };
+  form.requestSubmit(submit);
 }
 &nbsp;
 /**
- * @remarks \@since 4.0.0
  * @internal
+ * @remarks \@since 6.0.0
  */
-export interface CollapseSizing {
-  maxHeight?: number;
-  paddingTop?: number;
-  paddingBottom?: number;
-}
+export type EditableHTMLElement = HTMLInputElement | HTMLTextAreaElement;
 &nbsp;
 /**
- * A small util that will find the max-height, padding-top, and padding-bottom
- * for the provided element. This is really used to be able to transition the
- * max-height value since `max-height: auto` does not transition. The only way
- * to get transition is to change max-height values manually.
- *
- * @remarks \@since 4.0.0
  * @internal
+ * @remarks \@since 6.0.0
  */
-export function getElementSizing(element: HTMLElement | null): CollapseSizing {
-  let maxHeight;
-  let paddingTop;
-  let paddingBottom;
-  if (element) {
-    // clone the element so that the total height and padding can be calculated
-    // without being affected by the collapse transition inline styles
-    const cloned = element.cloneNode(true) as HTMLElement;
-    cloned.style.maxHeight = "";
-    cloned.style.padding = "";
-    cloned.style.paddingLeft = element.style.paddingLeft;
-    cloned.style.paddingRight = element.style.paddingRight;
-    cloned.style.visibility = "hidden";
-&nbsp;
-    const container = element.parentElement<span class="branch-0 cbranch-no" title="branch not covered" > || document.body;</span>
-    container.appendChild(cloned);
-    maxHeight = cloned.scrollHeight;
-    const style = window.getComputedStyle(cloned);
-    if (style.paddingTop) <span class="branch-0 cbranch-no" title="branch not covered" >{</span>
-<span class="cstat-no" title="statement not covered" >      paddingTop = parseFloat(style.paddingTop);</span>
-<span class="cstat-no" title="statement not covered" >      maxHeight + paddingTop;</span>
-<span class="cstat-no" title="statement not covered" >    }</span>
-&nbsp;
-    if (style.paddingBottom) <span class="branch-0 cbranch-no" title="branch not covered" >{</span>
-<span class="cstat-no" title="statement not covered" >      paddingBottom = parseFloat(style.paddingBottom);</span>
-<span class="cstat-no" title="statement not covered" >      maxHeight + paddingBottom;</span>
-<span class="cstat-no" title="statement not covered" >    }</span>
-    container.removeChild(cloned);
-  }
-&nbsp;
-  return { maxHeight, paddingTop, paddingBottom };
-}
+export type ChangeableHTMLElement = EditableHTMLElement | HTMLSelectElement;
 &nbsp;
 /**
- * @remarks \@since 4.0.0
  * @internal
+ * @remarks \@since 6.0.0
  */
-export interface TransitionClassNamesOptions extends TransitionTimeoutOptions {
-  classNames: CSSTransitionClassNames;
-}
+export <span class="fstat-no" title="function not covered" >function isChangeableHTMLElement(</span>
+<span class="cstat-no" title="statement not covered" >  element: Element | null</span>
+<span class="cstat-no" title="statement not covered" >): element is ChangeableHTMLElement {</span>
+<span class="cstat-no" title="statement not covered" >  return !!element &amp;&amp; "value" in element;</span>
+<span class="cstat-no" title="statement not covered" >}</span>
 &nbsp;
 /**
- * @remarks \@since 4.0.0
+ * This is used to trigger a change event for a form element.
+ *
  * @internal
+ * @see https://stackoverflow.com/a/46012210
+ * @remarks \@since 6.0.0
  */
-export <span class="fstat-no" title="function not covered" >function getTransitionClassNames(</span>
-<span class="cstat-no" title="statement not covered" >  options: TransitionClassNamesOptions</span>
-<span class="cstat-no" title="statement not covered" >): Readonly&lt;Required&lt;CSSTransitionClassNamesObject&gt;&gt; {</span>
-<span class="cstat-no" title="statement not covered" >  const { classNames, ...timeoutOptions } = options;</span>
-<span class="cstat-no" title="statement not covered" >  const timeout = getTransitionTimeout(timeoutOptions);</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >  if (typeof classNames === "string") {</span>
-<span class="cstat-no" title="statement not covered" >    const { appear, enter, exit } = timeout;</span>
-<span class="cstat-no" title="statement not covered" >    return {</span>
-<span class="cstat-no" title="statement not covered" >      appear: appear ? `${classNames}--appear` : "",</span>
-<span class="cstat-no" title="statement not covered" >      appearActive: appear ? `${classNames}--appear-active` : "",</span>
-<span class="cstat-no" title="statement not covered" >      appearDone: "",</span>
-<span class="cstat-no" title="statement not covered" >      enter: enter ? `${classNames}--enter` : "",</span>
-<span class="cstat-no" title="statement not covered" >      enterActive: enter ? `${classNames}--enter-active` : "",</span>
-<span class="cstat-no" title="statement not covered" >      enterDone: "",</span>
-<span class="cstat-no" title="statement not covered" >      exit: exit ? `${classNames}--exit` : "",</span>
-<span class="cstat-no" title="statement not covered" >      exitActive: exit ? `${classNames}--exit-active` : "",</span>
-<span class="cstat-no" title="statement not covered" >      exitDone: "",</span>
-<span class="cstat-no" title="statement not covered" >    };</span>
+export function triggerManualChangeEvent(
+  element: ChangeableHTMLElement | null,
+  value: string | number
+): void {
+  if (!element) <span class="branch-0 cbranch-no" title="branch not covered" >{</span>
+<span class="cstat-no" title="statement not covered" >    return;</span>
 <span class="cstat-no" title="statement not covered" >  }</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >  const {</span>
-<span class="cstat-no" title="statement not covered" >    enter = "",</span>
-<span class="cstat-no" title="statement not covered" >    enterActive = "",</span>
-<span class="cstat-no" title="statement not covered" >    enterDone = "",</span>
-<span class="cstat-no" title="statement not covered" >    exit = "",</span>
-<span class="cstat-no" title="statement not covered" >    exitActive = "",</span>
-<span class="cstat-no" title="statement not covered" >    exitDone = "",</span>
-<span class="cstat-no" title="statement not covered" >    appear = (timeout.appear &amp;&amp; enter) || "",</span>
-<span class="cstat-no" title="statement not covered" >    appearActive = (timeout.appear &amp;&amp; enterActive) || "",</span>
-<span class="cstat-no" title="statement not covered" >    appearDone = (timeout.appear &amp;&amp; enterDone) || "",</span>
-<span class="cstat-no" title="statement not covered" >  } = classNames;</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >  return {</span>
-<span class="cstat-no" title="statement not covered" >    appear,</span>
-<span class="cstat-no" title="statement not covered" >    appearActive,</span>
-<span class="cstat-no" title="statement not covered" >    appearDone,</span>
-<span class="cstat-no" title="statement not covered" >    enter,</span>
-<span class="cstat-no" title="statement not covered" >    enterActive,</span>
-<span class="cstat-no" title="statement not covered" >    enterDone,</span>
-<span class="cstat-no" title="statement not covered" >    exit,</span>
-<span class="cstat-no" title="statement not covered" >    exitActive,</span>
-<span class="cstat-no" title="statement not covered" >    exitDone,</span>
-<span class="cstat-no" title="statement not covered" >  };</span>
-<span class="cstat-no" title="statement not covered" >}</span>
+&nbsp;
+  const prototype = Object.getPrototypeOf(element);
+  const setter = Object.getOwnPropertyDescriptor(prototype, "value")?.set;
+  if (!setter) <span class="branch-0 cbranch-no" title="branch not covered" >{</span>
+<span class="cstat-no" title="statement not covered" >    return;</span>
+<span class="cstat-no" title="statement not covered" >  }</span>
+&nbsp;
+  setter.call(element, value);
+  const event = new Event("input", { bubbles: true });
+  element.dispatchEvent(event);
+}
 &nbsp;</pre></td></tr></table></pre>
 
                 <div class='push'></div><!-- for sticky footer -->
@@ -535,7 +367,7 @@ export <span class="fstat-no" title="function not covered" >function getTransiti
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-03T13:24:58.858Z
+                at 2024-03-03T15:03:44.845Z
             </div>
         <script src="prettify.js"></script>
         <script>

package/coverage/lcov-report/window-splitter/index.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">98.91% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/286</span>
+                <span class='fraction'>183/185</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">40% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/2</span>
+                <span class='fraction'>2/5</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/2</span>
+                <span class='fraction'>1/1</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">98.91% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/286</span>
+                <span class='fraction'>183/185</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line low'></div>
+    <div class='status-line high'></div>
     <div class="pad1">
 <table class="coverage-summary">
 <thead>
@@ -79,33 +79,18 @@
 </tr>
 </thead>
 <tbody><tr>
-	<td class="file low" data-value="useWindowSplitter.ts"><a href="useWindowSplitter.ts.html">useWindowSplitter.ts</a></td>
-	<td data-value="0" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
+	<td class="file high" data-value="useWindowSplitter.ts"><a href="useWindowSplitter.ts.html">useWindowSplitter.ts</a></td>
+	<td data-value="98.91" class="pic high">
+	<div class="chart"><div class="cover-fill" style="width: 98%"></div><div class="cover-empty" style="width: 2%"></div></div>
 	</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="159" class="abs low">0/159</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="1" class="abs low">0/1</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="1" class="abs low">0/1</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="159" class="abs low">0/159</td>
-	</tr>
-
-<tr>
-	<td class="file low" data-value="useWindowSplitterDefault.ts"><a href="useWindowSplitterDefault.ts.html">useWindowSplitterDefault.ts</a></td>
-	<td data-value="0" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
-	</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="127" class="abs low">0/127</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="1" class="abs low">0/1</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="1" class="abs low">0/1</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="127" class="abs low">0/127</td>
+	<td data-value="98.91" class="pct high">98.91%</td>
+	<td data-value="185" class="abs high">183/185</td>
+	<td data-value="40" class="pct low">40%</td>
+	<td data-value="5" class="abs low">2/5</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="1" class="abs high">1/1</td>
+	<td data-value="98.91" class="pct high">98.91%</td>
+	<td data-value="185" class="abs high">183/185</td>
 	</tr>
 
 </tbody>
@@ -116,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-23T21:43:31.437Z
+                at 2023-12-14T20:29:47.529Z
             </div>
         <script src="../prettify.js"></script>
         <script>