@zeedhi/common 3.0.0 → 3.0.1

package/coverage/lcov-report/src/components/zd-button-group/button-group.ts.html

@@ -23,9 +23,9 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">12.5% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>2/16</span>
+                <span class='fraction'>16/16</span>
             </div>
         
             
@@ -37,16 +37,16 @@
         
             
             <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/1</span>
+                <span class='fraction'>1/1</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">12.5% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>2/16</span>
+                <span class='fraction'>16/16</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line low'></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>
@@ -172,89 +172,80 @@
 <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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">100x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L110'></a><a href='#L110'>110</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">112x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">100x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">112x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -287,126 +278,117 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { IButtonGroup } from './interfaces';
-import { ComponentRender } from '../zd-component/component-render';
-import { IButton } from '../zd-button/interfaces';
-&nbsp;
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { ComponentRender } from '../zd-component/component-render';
+import { IButtonGroup } from './interfaces';
 /**
  * Base class for Button Group component.
  */
 export class ButtonGroup extends ComponentRender implements IButtonGroup {
-  /**
-   * Children component has to be an array button component.
-   */
-  public children: IButton[] = <span class="cstat-no" title="statement not covered" >[];</span>
+	/**
+	 * Changes the background-color for the component.
+	 */
+	public backgroundColor = '';
+&nbsp;
+	/**
+	 * Removes the group's border.
+	 */
+	public borderless = false;
 &nbsp;
+	/**
+	 * Applies specified color to the control.
+	 * It can be the name of material or css color in hexa
+	 */
+	public color = 'primary';
 &nbsp;
-  /**
-   * Changes the background-color for the component.
-   */
-  public backgroundColor = <span class="cstat-no" title="statement not covered" >'';</span>
+	/**
+	 * Reduces the button size and padding.
+	 */
+	public dense = false;
 &nbsp;
-  /**
-   * Removes the group’s border.
-   */
-  public borderless = <span class="cstat-no" title="statement not covered" >false;</span>
+	/**
+	 * Applies mandatory selected button
+	 */
+	public mandatory = false;
 &nbsp;
-  /**
-   * Applies specified color to the control.
-   * It can be the name of material or css color in hexa
-   */
-  public color = <span class="cstat-no" title="statement not covered" >'primary';</span>
+	/**
+	 * The multiple prop will allow a user to select multiple
+	 * return values as an array.
+	 */
+	public multiple = false;
 &nbsp;
-  /**
-   * Reduces the button size and padding.
-   */
-  public dense = <span class="cstat-no" title="statement not covered" >false;</span>
+	/**
+	 * Round edge buttons
+	 */
+	public rounded = false;
 &nbsp;
-  /**
-   * Removes background color, border and increases
-   * space between the buttons
-   */
-  public group = <span class="cstat-no" title="statement not covered" >false;</span>
+	/**
+	 * Applies a large border radius on the top left and
+	 * bottom right of the card.
+	 */
+	public shaped = false;
 &nbsp;
-  /**
-   * Applies mandatory selected button
-   */
-  public mandatory = <span class="cstat-no" title="statement not covered" >false;</span>
+	/**
+	 * Specify a custom tag used on the root element.
+	 */
+	public tag = 'div';
 &nbsp;
-  /**
-   * The multiple prop will allow a user to select multiple
-   * return values as an array.
-   */
-  public multiple = <span class="cstat-no" title="statement not covered" >false;</span>
+	/**
+	 * Removes the component's border-radius.
+	 */
+	public tile = false;
 &nbsp;
-  /**
-   * Round edge buttons
-   */
-  public rounded = <span class="cstat-no" title="statement not covered" >false;</span>
+	/**
+	 * Buttons selected.
+	 */
+	public selectedButtons: number | string | number[] | null = null;
 &nbsp;
-  /**
-   * Applies a large border radius on the top left and
-   * bottom right of the card.
-   */
-  public shaped = <span class="cstat-no" title="statement not covered" >false;</span>
+	// Makes the button large
 &nbsp;
-  /**
-   * Specify a custom tag used on the root element.
-   */
-  public tag = <span class="cstat-no" title="statement not covered" >'div';</span>
+	public large = false;
 &nbsp;
-  /**
-   * Removes the component’s border-radius.
-   */
-  public tile = <span class="cstat-no" title="statement not covered" >false;</span>
+	// Makes the button small
 &nbsp;
-  /**
-   * Buttons selected.
-   */
-  public selectedButtons: number | string | number[] | null = <span class="cstat-no" title="statement not covered" >null;</span>
+	public small = false;
 &nbsp;
-  /* istanbul ignore next */
-  /**
-   * Create a new ButtonGroup
-   * @param props ButtonGroup definition
-   */
-  constructor(props: IButtonGroup) {
-    super(props);
-    this.backgroundColor = this.getInitValue('backgroundColor', props.backgroundColor, this.backgroundColor);
-    this.borderless = this.getInitValue('block', props.borderless, this.borderless);
-    this.color = this.getInitValue('color', props.color, this.color);
-    this.dense = this.getInitValue('disabled', props.dense, this.dense);
-    this.group = this.getInitValue('group', props.group, this.group);
-    this.mandatory = this.getInitValue('mandatory', props.mandatory, this.mandatory);
-    this.multiple = this.getInitValue('multiple', props.multiple, this.multiple);
-    this.rounded = this.getInitValue('rounded', props.rounded, this.rounded);
-    this.shaped = this.getInitValue('shaped', props.shaped, this.shaped);
-    this.tag = this.getInitValue('tag', props.tag, this.tag);
-    this.tile = this.getInitValue('tile', props.tile, this.tile);
-    this.selectedButtons = this.getInitValue('selectedButtons', props.selectedButtons, this.selectedButtons);
-    if (this.multiple &amp;&amp; !Array.isArray(this.selectedButtons)) {
-      this.selectedButtons = [];
-    }
-    if (Array.isArray(this.selectedButtons) &amp;&amp; this.selectedButtons.length &gt; 0) {
-      this.multiple = true;
-    }
-    this.createAccessors();
-  }
+	/* istanbul ignore next */
+	/**
+	 * Create a new ButtonGroup
+	 * @param props ButtonGroup definition
+	 */
+	constructor(props: IButtonGroup) {
+		super(props);
+		this.backgroundColor = this.getInitValue('backgroundColor', props.backgroundColor, this.backgroundColor);
+		this.borderless = this.getInitValue('block', props.borderless, this.borderless);
+		this.color = this.getInitValue('color', props.color, this.color);
+		this.dense = this.getInitValue('disabled', props.dense, this.dense);
+		this.mandatory = this.getInitValue('mandatory', props.mandatory, this.mandatory);
+		this.multiple = this.getInitValue('multiple', props.multiple, this.multiple);
+		this.rounded = this.getInitValue('rounded', props.rounded, this.rounded);
+		this.shaped = this.getInitValue('shaped', props.shaped, this.shaped);
+		this.tag = this.getInitValue('tag', props.tag, this.tag);
+		this.tile = this.getInitValue('tile', props.tile, this.tile);
+		this.selectedButtons = this.getInitValue('selectedButtons', props.selectedButtons, this.selectedButtons);
+		this.large = this.getInitValue('large', props.large, this.large);
+		this.small = this.getInitValue('small', props.small, this.small);
+		if (this.multiple &amp;&amp; !Array.isArray(this.selectedButtons)) {
+			this.selectedButtons = [];
+		}
+		if (Array.isArray(this.selectedButtons) &amp;&amp; this.selectedButtons.length &gt; 0) {
+			this.multiple = true;
+		}
+	}
 &nbsp;
-  /**
-     * Triggered when the input value changes.
-     * @param event DOM event
-     * @param element Element clicked
-     */
-  public <span class="fstat-no" title="function not covered" >change(</span>event?: Event, element?: any) {
-<span class="cstat-no" title="statement not covered" >    this.callEvent('change', { event, element, component: this });</span>
-  }
+	/**
+	 * Triggered when the input value changes.
+	 * @param event DOM event
+	 * @param element Element clicked
+	 */
+	public change(event?: Event, element?: any) {
+		this.callEvent('change', { event, element, component: this });
+	}
 }
 &nbsp;</pre></td></tr></table></pre>
 
@@ -415,7 +397,7 @@ export class ButtonGroup extends ComponentRender implements IButtonGroup {
             <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 2025-06-17T18:43:41.798Z
+                at 2025-09-24T14:48:32.782Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/zd-button-group/index.html

@@ -23,9 +23,9 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">12.5% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>2/16</span>
+                <span class='fraction'>16/16</span>
             </div>
         
             
@@ -37,16 +37,16 @@
         
             
             <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/1</span>
+                <span class='fraction'>1/1</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">12.5% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>2/16</span>
+                <span class='fraction'>16/16</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,18 +79,18 @@
 </tr>
 </thead>
 <tbody><tr>
-	<td class="file low" data-value="button-group.ts"><a href="button-group.ts.html">button-group.ts</a></td>
-	<td data-value="12.5" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 12%"></div><div class="cover-empty" style="width: 88%"></div></div>
+	<td class="file high" data-value="button-group.ts"><a href="button-group.ts.html">button-group.ts</a></td>
+	<td data-value="100" class="pic high">
+	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
 	</td>
-	<td data-value="12.5" class="pct low">12.5%</td>
-	<td data-value="16" class="abs low">2/16</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="16" class="abs high">16/16</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="0" class="abs high">0/0</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="1" class="abs low">0/1</td>
-	<td data-value="12.5" class="pct low">12.5%</td>
-	<td data-value="16" class="abs low">2/16</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="1" class="abs high">1/1</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="16" class="abs high">16/16</td>
 	</tr>
 
 </tbody>
@@ -101,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 2025-06-17T18:43:41.798Z
+                at 2025-09-24T14:48:32.782Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/zd-card/card.ts.html

@@ -284,13 +284,13 @@
 <a name='L219'></a><a href='#L219'>219</a>
 <a name='L220'></a><a href='#L220'>220</a>
 <a name='L221'></a><a href='#L221'>221</a>
-<a name='L222'></a><a href='#L222'>222</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">100x</span>
+<a name='L222'></a><a href='#L222'>222</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">112x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">100x</span>
+<span class="cline-any cline-yes">112x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -733,7 +733,7 @@ export class Card extends ComponentRender implements ICard {
             <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 2025-06-17T18:43:41.798Z
+                at 2025-09-24T14:48:32.782Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/zd-card/index.html

@@ -101,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 2025-06-17T18:43:41.798Z
+                at 2025-09-24T14:48:32.782Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/zd-carousel/carousel.ts.html

@@ -352,13 +352,13 @@
 <a name='L287'></a><a href='#L287'>287</a>
 <a name='L288'></a><a href='#L288'>288</a>
 <a name='L289'></a><a href='#L289'>289</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">100x</span>
+<span class="cline-any cline-yes">112x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">100x</span>
+<span class="cline-any cline-yes">112x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -934,7 +934,7 @@ export class Carousel extends ComponentRender implements ICarousel {
             <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 2025-06-17T18:43:41.798Z
+                at 2025-09-24T14:48:32.782Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/zd-carousel/index.html

@@ -101,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 2025-06-17T18:43:41.798Z
+                at 2025-09-24T14:48:32.782Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/zd-checkbox/checkbox.ts.html

@@ -84,14 +84,14 @@
 <a name='L19'></a><a href='#L19'>19</a>
 <a name='L20'></a><a href='#L20'>20</a>
 <a name='L21'></a><a href='#L21'>21</a>
-<a name='L22'></a><a href='#L22'>22</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">100x</span>
-<span class="cline-any cline-yes">100x</span>
+<a name='L22'></a><a href='#L22'>22</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">112x</span>
+<span class="cline-any cline-yes">112x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">100x</span>
+<span class="cline-any cline-yes">112x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -104,7 +104,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">100x</span>
+<span class="cline-any cline-yes">112x</span>
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { InputFactory } from '../zd-input/input-factory';
 import { Toggleable } from '../zd-toggleable/toggleable';
 import { ICheckbox } from './interfaces';
@@ -121,8 +121,8 @@ export class Checkbox extends Toggleable implements ICheckbox {
 	constructor(props: ICheckbox) {
 		super(props);
 		this.showHelper = false;
+		this.createAccessors();
 	}
-	
 }
 &nbsp;
 InputFactory.register('ZdCheckbox', Checkbox);
@@ -133,7 +133,7 @@ InputFactory.register('ZdCheckbox', Checkbox);
             <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 2025-06-17T18:43:41.798Z
+                at 2025-09-24T14:48:32.782Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/zd-checkbox/index.html

@@ -101,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 2025-06-17T18:43:41.798Z
+                at 2025-09-24T14:48:32.782Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>