@kyndryl-design-system/shidoka-applications 1.3.5 → 1.3.7

package/components/reusable/modal/modal.d.ts

@@ -23,6 +23,8 @@ export declare class Modal extends LitElement {
     cancelText: string;
     /** Changes the primary button styles to indicate the action is destructive. */
     destructive: boolean;
+    /** Disables the primary button. */
+    okDisabled: boolean;
     /** Function to execute before the modal can close. Useful for running checks or validations before closing. Exposes `returnValue` (`'ok'` or `'cancel'`). Must return `true` or `false`. */
     beforeClose: Function;
     /** The dialog element

package/components/reusable/modal/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/modal/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,6DAA6D,CAAC;AACrE,OAAO,2DAA2D,CAAC;AAInE;;;;;GAKG;AACH,qBACa,KAAM,SAAQ,UAAU;IACnC,OAAgB,MAAM,+BAAa;IAEnC,wBAAwB;IAExB,IAAI,UAAS;IAEb,+CAA+C;IAE/C,IAAI,SAAU;IAEd,oCAAoC;IAEpC,SAAS,SAAM;IAEf,4BAA4B;IAE5B,SAAS,SAAM;IAEf,sBAAsB;IAEtB,MAAM,SAAQ;IAEd,0BAA0B;IAE1B,UAAU,SAAY;IAEtB,+EAA+E;IAE/E,WAAW,UAAS;IAEpB,4LAA4L;IAE5L,WAAW,EAAG,QAAQ,CAAC;IAEvB;;OAEG;IAEH,OAAO,EAAG,GAAG,CAAC;IAEL,MAAM;IAiEf,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,eAAe;IAUd,OAAO,CAAC,YAAY,EAAE,GAAG;CASnC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,KAAK,CAAC;KACpB;CACF"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/modal/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,6DAA6D,CAAC;AACrE,OAAO,2DAA2D,CAAC;AAInE;;;;;GAKG;AACH,qBACa,KAAM,SAAQ,UAAU;IACnC,OAAgB,MAAM,+BAAa;IAEnC,wBAAwB;IAExB,IAAI,UAAS;IAEb,+CAA+C;IAE/C,IAAI,SAAU;IAEd,oCAAoC;IAEpC,SAAS,SAAM;IAEf,4BAA4B;IAE5B,SAAS,SAAM;IAEf,sBAAsB;IAEtB,MAAM,SAAQ;IAEd,0BAA0B;IAE1B,UAAU,SAAY;IAEtB,+EAA+E;IAE/E,WAAW,UAAS;IAEpB,mCAAmC;IAEnC,UAAU,UAAS;IAEnB,4LAA4L;IAE5L,WAAW,EAAG,QAAQ,CAAC;IAEvB;;OAEG;IAEH,OAAO,EAAG,GAAG,CAAC;IAEL,MAAM;IAkEf,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,eAAe;IAUd,OAAO,CAAC,YAAY,EAAE,GAAG;CASnC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,KAAK,CAAC;KACpB;CACF"}

package/components/reusable/modal/modal.js

@@ -1,4 +1,4 @@
-import{__decorate as e}from"../../../_virtual/_tslib.js";import'./../../../external/@lit/reactive-element/reactive-element.js';import{html as t}from'./../../../external/lit-html/lit-html.js';import{LitElement as o}from'./../../../external/lit-element/lit-element.js';import{customElement as s}from'./../../../external/@lit/reactive-element/decorators/custom-element.js';import{property as i}from'./../../../external/@lit/reactive-element/decorators/property.js';import{query as l}from'./../../../external/@lit/reactive-element/decorators/query.js';import'./../../../external/@lit/reactive-element/decorators/query-assigned-elements.js';import{classMap as a}from'./../../../external/lit-html/directives/class-map.js';import n from"./modal.scss.js";import"@kyndryl-design-system/shidoka-foundation/components/button";import"@kyndryl-design-system/shidoka-foundation/components/icon";import d from'./../../../external/@carbon/icons/es/close/32.js';let r=class extends o{constructor(){super(...arguments),this.open=!1,this.size="auto",this.titleText="",this.labelText="",this.okText="OK",this.cancelText="Cancel",this.destructive=!1}render(){const e={modal:!0,"size--md":"md"===this.size,"size--lg":"lg"===this.size};return t`
+import{__decorate as e}from"../../../_virtual/_tslib.js";import'./../../../external/@lit/reactive-element/reactive-element.js';import{html as t}from'./../../../external/lit-html/lit-html.js';import{LitElement as o}from'./../../../external/lit-element/lit-element.js';import{customElement as s}from'./../../../external/@lit/reactive-element/decorators/custom-element.js';import{property as i}from'./../../../external/@lit/reactive-element/decorators/property.js';import{query as l}from'./../../../external/@lit/reactive-element/decorators/query.js';import'./../../../external/@lit/reactive-element/decorators/query-assigned-elements.js';import{classMap as a}from'./../../../external/lit-html/directives/class-map.js';import n from"./modal.scss.js";import"@kyndryl-design-system/shidoka-foundation/components/button";import"@kyndryl-design-system/shidoka-foundation/components/icon";import d from'./../../../external/@carbon/icons/es/close/32.js';let r=class extends o{constructor(){super(...arguments),this.open=!1,this.size="auto",this.titleText="",this.labelText="",this.okText="OK",this.cancelText="Cancel",this.destructive=!1,this.okDisabled=!1}render(){const e={modal:!0,"size--md":"md"===this.size,"size--lg":"lg"===this.size};return t`
       <button class="anchor" @click=${this._openModal}>
         <slot name="anchor"></slot>
       </button>
@@ -30,6 +30,7 @@ import{__decorate as e}from"../../../_virtual/_tslib.js";import'./../../../exter
             <kd-button
               value="ok"
               ?destructive=${this.destructive}
+              ?disabled=${this.okDisabled}
               @click=${e=>this._closeModal(e,"ok")}
             >
               ${this.okText}
@@ -51,5 +52,5 @@ import{__decorate as e}from"../../../_virtual/_tslib.js";import'./../../../exter
           </div>
         </form>
       </dialog>
-    `}_openModal(){this.open=!0}_closeModal(e,t){(!this.beforeClose||this.beforeClose&&this.beforeClose(t))&&(this.open=!1,this._dialog.returnValue=t,this._emitCloseEvent(e))}_emitCloseEvent(e){const t=new CustomEvent("on-close",{detail:{returnValue:this._dialog.returnValue,origEvent:e}});this.dispatchEvent(t)}updated(e){e.has("open")&&(this.open?this._dialog.showModal():this._dialog.close())}};r.styles=n,e([i({type:Boolean})],r.prototype,"open",void 0),e([i({type:String})],r.prototype,"size",void 0),e([i({type:String})],r.prototype,"titleText",void 0),e([i({type:String})],r.prototype,"labelText",void 0),e([i({type:String})],r.prototype,"okText",void 0),e([i({type:String})],r.prototype,"cancelText",void 0),e([i({type:Boolean})],r.prototype,"destructive",void 0),e([i({attribute:!1})],r.prototype,"beforeClose",void 0),e([l("dialog")],r.prototype,"_dialog",void 0),r=e([s("kyn-modal")],r);export{r as Modal};
+    `}_openModal(){this.open=!0}_closeModal(e,t){(!this.beforeClose||this.beforeClose&&this.beforeClose(t))&&(this.open=!1,this._dialog.returnValue=t,this._emitCloseEvent(e))}_emitCloseEvent(e){const t=new CustomEvent("on-close",{detail:{returnValue:this._dialog.returnValue,origEvent:e}});this.dispatchEvent(t)}updated(e){e.has("open")&&(this.open?this._dialog.showModal():this._dialog.close())}};r.styles=n,e([i({type:Boolean})],r.prototype,"open",void 0),e([i({type:String})],r.prototype,"size",void 0),e([i({type:String})],r.prototype,"titleText",void 0),e([i({type:String})],r.prototype,"labelText",void 0),e([i({type:String})],r.prototype,"okText",void 0),e([i({type:String})],r.prototype,"cancelText",void 0),e([i({type:Boolean})],r.prototype,"destructive",void 0),e([i({type:Boolean})],r.prototype,"okDisabled",void 0),e([i({attribute:!1})],r.prototype,"beforeClose",void 0),e([l("dialog")],r.prototype,"_dialog",void 0),r=e([s("kyn-modal")],r);export{r as Modal};
 //# sourceMappingURL=modal.js.map

package/components/reusable/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sources":["../../../../src/components/reusable/modal/modal.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport ModalScss from './modal.scss';\n\nimport '@kyndryl-design-system/shidoka-foundation/components/button';\nimport '@kyndryl-design-system/shidoka-foundation/components/icon';\n\nimport closeIcon from '@carbon/icons/es/close/32';\n\n/**\n * Modal.\n * @slot unnamed - Slot for modal body content.\n * @slot anchor - Slot for the anchor button content.\n * @fires on-close - Emits the modal close event with `returnValue` (`'ok'` or `'cancel'`).\n */\n@customElement('kyn-modal')\nexport class Modal extends LitElement {\n  static override styles = ModalScss;\n\n  /** Modal open state. */\n  @property({ type: Boolean })\n  open = false;\n\n  /** Modal size. `'auto'`, `'md'`, or `'lg'`. */\n  @property({ type: String })\n  size = 'auto';\n\n  /** Title/heading text, required. */\n  @property({ type: String })\n  titleText = '';\n\n  /** Label text, optional. */\n  @property({ type: String })\n  labelText = '';\n\n  /** OK button text. */\n  @property({ type: String })\n  okText = 'OK';\n\n  /** Cancel button text. */\n  @property({ type: String })\n  cancelText = 'Cancel';\n\n  /** Changes the primary button styles to indicate the action is destructive. */\n  @property({ type: Boolean })\n  destructive = false;\n\n  /** Function to execute before the modal can close. Useful for running checks or validations before closing. Exposes `returnValue` (`'ok'` or `'cancel'`). Must return `true` or `false`. */\n  @property({ attribute: false })\n  beforeClose!: Function;\n\n  /** The dialog element\n   * @internal\n   */\n  @query('dialog')\n  _dialog!: any;\n\n  override render() {\n    const classes = {\n      modal: true,\n      'size--md': this.size === 'md',\n      'size--lg': this.size === 'lg',\n    };\n\n    return html`\n      <button class=\"anchor\" @click=${this._openModal}>\n        <slot name=\"anchor\"></slot>\n      </button>\n\n      <dialog\n        class=\"${classMap(classes)}\"\n        autofocus\n        aria-labelledby=\"dialogLabel\"\n        @cancel=${(e: Event) => this._closeModal(e, 'cancel')}\n      >\n        <button\n          class=\"close\"\n          @click=${(e: Event) => this._closeModal(e, 'cancel')}\n        >\n          <kd-icon .icon=${closeIcon}></kd-icon>\n        </button>\n\n        <header>\n          <div>\n            ${this.labelText !== ''\n              ? html`<span class=\"label\">${this.labelText}</span>`\n              : null}\n            <h1 id=\"dialogLabel\">${this.titleText}</h1>\n          </div>\n        </header>\n\n        <form method=\"dialog\" class=\"body\">\n          <slot></slot>\n\n          <div class=\"actions\">\n            <kd-button\n              value=\"ok\"\n              ?destructive=${this.destructive}\n              @click=${(e: Event) => this._closeModal(e, 'ok')}\n            >\n              ${this.okText}\n            </kd-button>\n\n            <kd-button\n              value=\"cancel\"\n              kind=\"secondary\"\n              @click=${(e: Event) => this._closeModal(e, 'cancel')}\n            >\n              ${this.cancelText}\n            </kd-button>\n\n            <!--\n            <div class=\"custom-actions\">\n              <slot name=\"actions\"></slot>\n            </div>\n            -->\n          </div>\n        </form>\n      </dialog>\n    `;\n  }\n\n  private _openModal() {\n    this.open = true;\n  }\n\n  private _closeModal(e: Event, returnValue: string) {\n    if (\n      !this.beforeClose ||\n      (this.beforeClose && this.beforeClose(returnValue))\n    ) {\n      this.open = false;\n      this._dialog.returnValue = returnValue;\n      this._emitCloseEvent(e);\n    }\n  }\n\n  private _emitCloseEvent(e: Event) {\n    const event = new CustomEvent('on-close', {\n      detail: {\n        returnValue: this._dialog.returnValue,\n        origEvent: e,\n      },\n    });\n    this.dispatchEvent(event);\n  }\n\n  override updated(changedProps: any) {\n    if (changedProps.has('open')) {\n      if (this.open) {\n        this._dialog.showModal();\n      } else {\n        this._dialog.close();\n      }\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-modal': Modal;\n  }\n}\n"],"names":["Modal","LitElement","constructor","this","open","size","titleText","labelText","okText","cancelText","destructive","render","classes","modal","html","_openModal","classMap","e","_closeModal","closeIcon","returnValue","beforeClose","_dialog","_emitCloseEvent","event","CustomEvent","detail","origEvent","dispatchEvent","updated","changedProps","has","showModal","close","styles","ModalScss","__decorate","property","type","Boolean","prototype","String","attribute","query","customElement"],"mappings":"m8BAiBO,IAAMA,EAAN,cAAoBC,EAApBC,kCAKLC,KAAIC,MAAG,EAIPD,KAAIE,KAAG,OAIPF,KAASG,UAAG,GAIZH,KAASI,UAAG,GAIZJ,KAAMK,OAAG,KAITL,KAAUM,WAAG,SAIbN,KAAWO,aAAG,CA+Gf,CAnGUC,SACP,MAAMC,EAAU,CACdC,OAAO,EACP,WAA0B,OAAdV,KAAKE,KACjB,WAA0B,OAAdF,KAAKE,MAGnB,OAAOS,CAAI;sCACuBX,KAAKY;;;;;iBAK1BC,EAASJ;;;kBAGPK,GAAad,KAAKe,YAAYD,EAAG;;;;mBAIhCA,GAAad,KAAKe,YAAYD,EAAG;;2BAE1BE;;;;;cAKM,KAAnBhB,KAAKI,UACHO,CAAI,uBAAuBX,KAAKI,mBAChC;mCACmBJ,KAAKG;;;;;;;;;;6BAUXH,KAAKO;uBACVO,GAAad,KAAKe,YAAYD,EAAG;;gBAEzCd,KAAKK;;;;;;uBAMGS,GAAad,KAAKe,YAAYD,EAAG;;gBAEzCd,KAAKM;;;;;;;;;;;KAYlB,CAEOM,aACNZ,KAAKC,MAAO,CACb,CAEOc,YAAYD,EAAUG,KAEzBjB,KAAKkB,aACLlB,KAAKkB,aAAelB,KAAKkB,YAAYD,MAEtCjB,KAAKC,MAAO,EACZD,KAAKmB,QAAQF,YAAcA,EAC3BjB,KAAKoB,gBAAgBN,GAExB,CAEOM,gBAAgBN,GACtB,MAAMO,EAAQ,IAAIC,YAAY,WAAY,CACxCC,OAAQ,CACNN,YAAajB,KAAKmB,QAAQF,YAC1BO,UAAWV,KAGfd,KAAKyB,cAAcJ,EACpB,CAEQK,QAAQC,GACXA,EAAaC,IAAI,UACf5B,KAAKC,KACPD,KAAKmB,QAAQU,YAEb7B,KAAKmB,QAAQW,QAGlB,GA1IejC,EAAMkC,OAAGC,EAIzBC,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACLvC,EAAAwC,UAAA,YAAA,GAIbJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,UACJzC,EAAAwC,UAAA,YAAA,GAIdJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,UACHzC,EAAAwC,UAAA,iBAAA,GAIfJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,UACHzC,EAAAwC,UAAA,iBAAA,GAIfJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,UACJzC,EAAAwC,UAAA,cAAA,GAIdJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,UACIzC,EAAAwC,UAAA,kBAAA,GAItBJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACEvC,EAAAwC,UAAA,mBAAA,GAIpBJ,EAAA,CADCC,EAAS,CAAEK,WAAW,KACA1C,EAAAwC,UAAA,mBAAA,GAMvBJ,EAAA,CADCO,EAAM,WACO3C,EAAAwC,UAAA,eAAA,GAvCHxC,EAAKoC,EAAA,CADjBQ,EAAc,cACF5C"}
+{"version":3,"file":"modal.js","sources":["../../../../src/components/reusable/modal/modal.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport ModalScss from './modal.scss';\n\nimport '@kyndryl-design-system/shidoka-foundation/components/button';\nimport '@kyndryl-design-system/shidoka-foundation/components/icon';\n\nimport closeIcon from '@carbon/icons/es/close/32';\n\n/**\n * Modal.\n * @slot unnamed - Slot for modal body content.\n * @slot anchor - Slot for the anchor button content.\n * @fires on-close - Emits the modal close event with `returnValue` (`'ok'` or `'cancel'`).\n */\n@customElement('kyn-modal')\nexport class Modal extends LitElement {\n  static override styles = ModalScss;\n\n  /** Modal open state. */\n  @property({ type: Boolean })\n  open = false;\n\n  /** Modal size. `'auto'`, `'md'`, or `'lg'`. */\n  @property({ type: String })\n  size = 'auto';\n\n  /** Title/heading text, required. */\n  @property({ type: String })\n  titleText = '';\n\n  /** Label text, optional. */\n  @property({ type: String })\n  labelText = '';\n\n  /** OK button text. */\n  @property({ type: String })\n  okText = 'OK';\n\n  /** Cancel button text. */\n  @property({ type: String })\n  cancelText = 'Cancel';\n\n  /** Changes the primary button styles to indicate the action is destructive. */\n  @property({ type: Boolean })\n  destructive = false;\n\n  /** Disables the primary button. */\n  @property({ type: Boolean })\n  okDisabled = false;\n\n  /** Function to execute before the modal can close. Useful for running checks or validations before closing. Exposes `returnValue` (`'ok'` or `'cancel'`). Must return `true` or `false`. */\n  @property({ attribute: false })\n  beforeClose!: Function;\n\n  /** The dialog element\n   * @internal\n   */\n  @query('dialog')\n  _dialog!: any;\n\n  override render() {\n    const classes = {\n      modal: true,\n      'size--md': this.size === 'md',\n      'size--lg': this.size === 'lg',\n    };\n\n    return html`\n      <button class=\"anchor\" @click=${this._openModal}>\n        <slot name=\"anchor\"></slot>\n      </button>\n\n      <dialog\n        class=\"${classMap(classes)}\"\n        autofocus\n        aria-labelledby=\"dialogLabel\"\n        @cancel=${(e: Event) => this._closeModal(e, 'cancel')}\n      >\n        <button\n          class=\"close\"\n          @click=${(e: Event) => this._closeModal(e, 'cancel')}\n        >\n          <kd-icon .icon=${closeIcon}></kd-icon>\n        </button>\n\n        <header>\n          <div>\n            ${this.labelText !== ''\n              ? html`<span class=\"label\">${this.labelText}</span>`\n              : null}\n            <h1 id=\"dialogLabel\">${this.titleText}</h1>\n          </div>\n        </header>\n\n        <form method=\"dialog\" class=\"body\">\n          <slot></slot>\n\n          <div class=\"actions\">\n            <kd-button\n              value=\"ok\"\n              ?destructive=${this.destructive}\n              ?disabled=${this.okDisabled}\n              @click=${(e: Event) => this._closeModal(e, 'ok')}\n            >\n              ${this.okText}\n            </kd-button>\n\n            <kd-button\n              value=\"cancel\"\n              kind=\"secondary\"\n              @click=${(e: Event) => this._closeModal(e, 'cancel')}\n            >\n              ${this.cancelText}\n            </kd-button>\n\n            <!--\n            <div class=\"custom-actions\">\n              <slot name=\"actions\"></slot>\n            </div>\n            -->\n          </div>\n        </form>\n      </dialog>\n    `;\n  }\n\n  private _openModal() {\n    this.open = true;\n  }\n\n  private _closeModal(e: Event, returnValue: string) {\n    if (\n      !this.beforeClose ||\n      (this.beforeClose && this.beforeClose(returnValue))\n    ) {\n      this.open = false;\n      this._dialog.returnValue = returnValue;\n      this._emitCloseEvent(e);\n    }\n  }\n\n  private _emitCloseEvent(e: Event) {\n    const event = new CustomEvent('on-close', {\n      detail: {\n        returnValue: this._dialog.returnValue,\n        origEvent: e,\n      },\n    });\n    this.dispatchEvent(event);\n  }\n\n  override updated(changedProps: any) {\n    if (changedProps.has('open')) {\n      if (this.open) {\n        this._dialog.showModal();\n      } else {\n        this._dialog.close();\n      }\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-modal': Modal;\n  }\n}\n"],"names":["Modal","LitElement","constructor","this","open","size","titleText","labelText","okText","cancelText","destructive","okDisabled","render","classes","modal","html","_openModal","classMap","e","_closeModal","closeIcon","returnValue","beforeClose","_dialog","_emitCloseEvent","event","CustomEvent","detail","origEvent","dispatchEvent","updated","changedProps","has","showModal","close","styles","ModalScss","__decorate","property","type","Boolean","prototype","String","attribute","query","customElement"],"mappings":"m8BAiBO,IAAMA,EAAN,cAAoBC,EAApBC,kCAKLC,KAAIC,MAAG,EAIPD,KAAIE,KAAG,OAIPF,KAASG,UAAG,GAIZH,KAASI,UAAG,GAIZJ,KAAMK,OAAG,KAITL,KAAUM,WAAG,SAIbN,KAAWO,aAAG,EAIdP,KAAUQ,YAAG,CAgHd,CApGUC,SACP,MAAMC,EAAU,CACdC,OAAO,EACP,WAA0B,OAAdX,KAAKE,KACjB,WAA0B,OAAdF,KAAKE,MAGnB,OAAOU,CAAI;sCACuBZ,KAAKa;;;;;iBAK1BC,EAASJ;;;kBAGPK,GAAaf,KAAKgB,YAAYD,EAAG;;;;mBAIhCA,GAAaf,KAAKgB,YAAYD,EAAG;;2BAE1BE;;;;;cAKM,KAAnBjB,KAAKI,UACHQ,CAAI,uBAAuBZ,KAAKI,mBAChC;mCACmBJ,KAAKG;;;;;;;;;;6BAUXH,KAAKO;0BACRP,KAAKQ;uBACPO,GAAaf,KAAKgB,YAAYD,EAAG;;gBAEzCf,KAAKK;;;;;;uBAMGU,GAAaf,KAAKgB,YAAYD,EAAG;;gBAEzCf,KAAKM;;;;;;;;;;;KAYlB,CAEOO,aACNb,KAAKC,MAAO,CACb,CAEOe,YAAYD,EAAUG,KAEzBlB,KAAKmB,aACLnB,KAAKmB,aAAenB,KAAKmB,YAAYD,MAEtClB,KAAKC,MAAO,EACZD,KAAKoB,QAAQF,YAAcA,EAC3BlB,KAAKqB,gBAAgBN,GAExB,CAEOM,gBAAgBN,GACtB,MAAMO,EAAQ,IAAIC,YAAY,WAAY,CACxCC,OAAQ,CACNN,YAAalB,KAAKoB,QAAQF,YAC1BO,UAAWV,KAGff,KAAK0B,cAAcJ,EACpB,CAEQK,QAAQC,GACXA,EAAaC,IAAI,UACf7B,KAAKC,KACPD,KAAKoB,QAAQU,YAEb9B,KAAKoB,QAAQW,QAGlB,GA/IelC,EAAMmC,OAAGC,EAIzBC,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACLxC,EAAAyC,UAAA,YAAA,GAIbJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,UACJ1C,EAAAyC,UAAA,YAAA,GAIdJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,UACH1C,EAAAyC,UAAA,iBAAA,GAIfJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,UACH1C,EAAAyC,UAAA,iBAAA,GAIfJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,UACJ1C,EAAAyC,UAAA,cAAA,GAIdJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,UACI1C,EAAAyC,UAAA,kBAAA,GAItBJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACExC,EAAAyC,UAAA,mBAAA,GAIpBJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACCxC,EAAAyC,UAAA,kBAAA,GAInBJ,EAAA,CADCC,EAAS,CAAEK,WAAW,KACA3C,EAAAyC,UAAA,mBAAA,GAMvBJ,EAAA,CADCO,EAAM,WACO5C,EAAAyC,UAAA,eAAA,GA3CHzC,EAAKqC,EAAA,CADjBQ,EAAc,cACF7C"}

package/components/reusable/modal/modal.scss.js

@@ -28,6 +28,10 @@ import'./../../../external/@lit/reactive-element/reactive-element.js';import'./.
   }
 }
 
+:host {
+  display: inline-block;
+}
+
 dialog {
   padding: 32px;
   color: inherit;
@@ -74,6 +78,11 @@ button:active {
   color: var(--kd-color-text-pressed);
 }
 
+.anchor {
+  display: inline-block;
+  width: 100%;
+}
+
 header {
   margin-bottom: 32px;
   margin-right: 16px;

package/components/reusable/modal/modal.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"modal.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/components/reusable/pagination/Pagination.d.ts

@@ -9,6 +9,8 @@ import './pagination-navigation-buttons';
  * navigate through large datasets by splitting them into discrete chunks.
  * Integrates with other utility components like items range display, page size dropdown,
  * and navigation buttons.
+ * @fires on-page-size-change - Dispatched when the page size changes.
+ * @fires on-page-number-change - Dispatched when the currently active page changes.
  *
  */
 export declare class Pagination extends LitElement {

package/components/reusable/pagination/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/pagination/Pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAMvC,OAAO,0BAA0B,CAAC;AAClC,OAAO,iCAAiC,CAAC;AACzC,OAAO,iCAAiC,CAAC;AAEzC;;;;;;;;GAQG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,iCAAY;IAElC,kDAAkD;IAElD,KAAK,SAAK;IAEV,iCAAiC;IAEjC,UAAU,SAAK;IAEf,yCAAyC;IAEzC,QAAQ,SAAK;IAEb,0CAA0C;IAE1C,eAAe,EAAE,MAAM,EAAE,CAAgC;IAEzD,uCAAuC;IAEvC,aAAa,SAAmB;IAEhC,8CAA8C;IAE9C,cAAc,UAAS;IAEvB,6CAA6C;IAE7C,oBAAoB,UAAS;IAE7B,6CAA6C;IAE7C,qBAAqB,UAAS;IAE9B;;;OAGG;IAEH,QAAQ,UAAkC;IAE1C;;;;;OAKG;IACH,OAAO,CAAC,oBAAoB;IAK5B;;;;;OAKG;IACH,OAAO,CAAC,sBAAsB;IAIrB,MAAM;CAoChB;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,UAAU,CAAC;KAC9B;CACF"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/pagination/Pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAMvC,OAAO,0BAA0B,CAAC;AAClC,OAAO,iCAAiC,CAAC;AACzC,OAAO,iCAAiC,CAAC;AAEzC;;;;;;;;;;GAUG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,iCAAY;IAElC,kDAAkD;IAElD,KAAK,SAAK;IAEV,iCAAiC;IAEjC,UAAU,SAAK;IAEf,yCAAyC;IAEzC,QAAQ,SAAK;IAEb,0CAA0C;IAE1C,eAAe,EAAE,MAAM,EAAE,CAAgC;IAEzD,uCAAuC;IAEvC,aAAa,SAAmB;IAEhC,8CAA8C;IAE9C,cAAc,UAAS;IAEvB,6CAA6C;IAE7C,oBAAoB,UAAS;IAE7B,6CAA6C;IAE7C,qBAAqB,UAAS;IAE9B;;;OAGG;IAEH,QAAQ,UAAkC;IAE1C;;;;;OAKG;IACH,OAAO,CAAC,oBAAoB;IAK5B;;;;;OAKG;IACH,OAAO,CAAC,sBAAsB;IAIrB,MAAM;CAoChB;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,UAAU,CAAC;KAC9B;CACF"}

package/components/reusable/pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../../src/components/reusable/pagination/Pagination.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { PAGE_SIZE_LABEL, BREAKPOINT } from './constants';\nimport styles from './pagination.scss';\n\nimport './pagination-items-range';\nimport './pagination-page-size-dropdown';\nimport './pagination-navigation-buttons';\n\n/**\n * `kyn-pagination` Web Component.\n *\n * A component that provides pagination functionality, enabling the user to\n * navigate through large datasets by splitting them into discrete chunks.\n * Integrates with other utility components like items range display, page size dropdown,\n * and navigation buttons.\n *\n */\n@customElement('kyn-pagination')\nexport class Pagination extends LitElement {\n  static override styles = [styles];\n\n  /** Total number of items that need pagination. */\n  @property({ type: Number })\n  count = 0;\n\n  /** Current active page number.*/\n  @property({ type: Number, reflect: true })\n  pageNumber = 1;\n\n  /** Number of items displayed per page.*/\n  @property({ type: Number })\n  pageSize = 5;\n\n  /** Available options for the page size.*/\n  @property({ type: Array<Number> })\n  pageSizeOptions: number[] = [5, 10, 20, 30, 40, 50, 100];\n\n  /** Label for the page size dropdown.*/\n  @property({ type: String })\n  pageSizeLabel = PAGE_SIZE_LABEL;\n\n  /** Option to hide the items range display. */\n  @property({ type: Boolean })\n  hideItemsRange = false;\n\n  /** Option to hide the page size dropdown. */\n  @property({ type: Boolean })\n  hidePageSizeDropdown = false;\n\n  /** Option to hide the navigation buttons. */\n  @property({ type: Boolean })\n  hideNavigationButtons = false;\n\n  /**\n   * Determines the device type the component is being rendered on.\n   * @ignore\n   */\n  @state()\n  isMobile = window.innerWidth < BREAKPOINT;\n\n  /**\n   * Handler for the event when the page size is changed by the user.\n   * Updates the `pageSize` and resets the `pageNumber` to 1.\n   *\n   * @param e - The emitted custom event with the selected page size.\n   */\n  private handlePageSizeChange(e: CustomEvent) {\n    this.pageSize = e.detail.value;\n    this.pageNumber = 1;\n  }\n\n  /**\n   * Handler for the event when the page number is changed by the user.\n   * Updates the `pageNumber`.\n   *\n   * @param e - The emitted custom event with the selected page number.\n   */\n  private handlePageNumberChange(e: CustomEvent) {\n    this.pageNumber = e.detail.value;\n  }\n\n  override render() {\n    const numberOfPages = Math.ceil(this.count / this.pageSize);\n\n    return html`\n      ${!this.hideItemsRange\n        ? html`\n            <kyn-pagination-items-range\n              .pageNumber=${this.pageNumber}\n              .pageSize=${this.pageSize}\n              .count=${this.count}\n            ></kyn-pagination-items-range>\n          `\n        : null}\n      ${this.isMobile\n        ? null\n        : !this.hidePageSizeDropdown\n        ? html`\n            <kyn-pagination-page-size-dropdown\n              .pageSize=${this.pageSize}\n              .pageSizeOptions=${this.pageSizeOptions}\n              .pageSizeLabel=${this.pageSizeLabel}\n              @on-page-size-change=${this.handlePageSizeChange}\n            ></kyn-pagination-page-size-dropdown>\n          `\n        : null}\n      ${!this.hideNavigationButtons\n        ? html`\n            <kyn-pagination-navigation-buttons\n              .pageNumber=${this.pageNumber}\n              .numberOfPages=${numberOfPages}\n              @on-page-number-change=${this.handlePageNumberChange}\n            ></kyn-pagination-navigation-buttons>\n          `\n        : null}\n    `;\n  }\n}\n\n// Define the custom element in the global namespace\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-pagination': Pagination;\n  }\n}\n"],"names":["Pagination","LitElement","constructor","this","count","pageNumber","pageSize","pageSizeOptions","pageSizeLabel","PAGE_SIZE_LABEL","hideItemsRange","hidePageSizeDropdown","hideNavigationButtons","isMobile","window","innerWidth","BREAKPOINT","handlePageSizeChange","e","detail","value","handlePageNumberChange","render","numberOfPages","Math","ceil","html","styles","__decorate","property","type","Number","prototype","reflect","String","Boolean","state","customElement"],"mappings":"y2BAoBO,IAAMA,EAAN,cAAyBC,EAAzBC,kCAKLC,KAAKC,MAAG,EAIRD,KAAUE,WAAG,EAIbF,KAAQG,SAAG,EAIXH,KAAAI,gBAA4B,CAAC,EAAG,GAAI,GAAI,GAAI,GAAI,GAAI,KAIpDJ,KAAaK,cAAGC,EAIhBN,KAAcO,gBAAG,EAIjBP,KAAoBQ,sBAAG,EAIvBR,KAAqBS,uBAAG,EAOxBT,KAAAU,SAAWC,OAAOC,WAAaC,CA2DhC,CAnDSC,qBAAqBC,GAC3Bf,KAAKG,SAAWY,EAAEC,OAAOC,MACzBjB,KAAKE,WAAa,CACnB,CAQOgB,uBAAuBH,GAC7Bf,KAAKE,WAAaa,EAAEC,OAAOC,KAC5B,CAEQE,SACP,MAAMC,EAAgBC,KAAKC,KAAKtB,KAAKC,MAAQD,KAAKG,UAElD,OAAOoB,CAAI;QACNvB,KAAKO,eAQJ,KAPAgB,CAAI;;4BAEcvB,KAAKE;0BACPF,KAAKG;uBACRH,KAAKC;;;QAIpBD,KAAKU,UAEFV,KAAKQ,qBADN,KAEAe,CAAI;;0BAEYvB,KAAKG;iCACEH,KAAKI;+BACPJ,KAAKK;qCACCL,KAAKc;;;QAIjCd,KAAKS,sBAQJ,KAPAc,CAAI;;4BAEcvB,KAAKE;+BACFkB;uCACQpB,KAAKkB;;;KAKzC,GAjGerB,EAAA2B,OAAS,CAACA,GAI1BC,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACR/B,EAAAgC,UAAA,aAAA,GAIVJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,OAAQE,SAAS,KACpBjC,EAAAgC,UAAA,kBAAA,GAIfJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACL/B,EAAAgC,UAAA,gBAAA,GAIbJ,EAAA,CADCC,EAAS,CAAEC,cAC6C9B,EAAAgC,UAAA,uBAAA,GAIzDJ,EAAA,CADCC,EAAS,CAAEC,KAAMI,UACclC,EAAAgC,UAAA,qBAAA,GAIhCJ,EAAA,CADCC,EAAS,CAAEC,KAAMK,WACKnC,EAAAgC,UAAA,sBAAA,GAIvBJ,EAAA,CADCC,EAAS,CAAEC,KAAMK,WACWnC,EAAAgC,UAAA,4BAAA,GAI7BJ,EAAA,CADCC,EAAS,CAAEC,KAAMK,WACYnC,EAAAgC,UAAA,6BAAA,GAO9BJ,EAAA,CADCQ,KACyCpC,EAAAgC,UAAA,gBAAA,GAxC/BhC,EAAU4B,EAAA,CADtBS,EAAc,mBACFrC"}
+{"version":3,"file":"Pagination.js","sources":["../../../../src/components/reusable/pagination/Pagination.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { PAGE_SIZE_LABEL, BREAKPOINT } from './constants';\nimport styles from './pagination.scss';\n\nimport './pagination-items-range';\nimport './pagination-page-size-dropdown';\nimport './pagination-navigation-buttons';\n\n/**\n * `kyn-pagination` Web Component.\n *\n * A component that provides pagination functionality, enabling the user to\n * navigate through large datasets by splitting them into discrete chunks.\n * Integrates with other utility components like items range display, page size dropdown,\n * and navigation buttons.\n * @fires on-page-size-change - Dispatched when the page size changes.\n * @fires on-page-number-change - Dispatched when the currently active page changes.\n *\n */\n@customElement('kyn-pagination')\nexport class Pagination extends LitElement {\n  static override styles = [styles];\n\n  /** Total number of items that need pagination. */\n  @property({ type: Number })\n  count = 0;\n\n  /** Current active page number.*/\n  @property({ type: Number, reflect: true })\n  pageNumber = 1;\n\n  /** Number of items displayed per page.*/\n  @property({ type: Number })\n  pageSize = 5;\n\n  /** Available options for the page size.*/\n  @property({ type: Array<Number> })\n  pageSizeOptions: number[] = [5, 10, 20, 30, 40, 50, 100];\n\n  /** Label for the page size dropdown.*/\n  @property({ type: String })\n  pageSizeLabel = PAGE_SIZE_LABEL;\n\n  /** Option to hide the items range display. */\n  @property({ type: Boolean })\n  hideItemsRange = false;\n\n  /** Option to hide the page size dropdown. */\n  @property({ type: Boolean })\n  hidePageSizeDropdown = false;\n\n  /** Option to hide the navigation buttons. */\n  @property({ type: Boolean })\n  hideNavigationButtons = false;\n\n  /**\n   * Determines the device type the component is being rendered on.\n   * @ignore\n   */\n  @state()\n  isMobile = window.innerWidth < BREAKPOINT;\n\n  /**\n   * Handler for the event when the page size is changed by the user.\n   * Updates the `pageSize` and resets the `pageNumber` to 1.\n   *\n   * @param e - The emitted custom event with the selected page size.\n   */\n  private handlePageSizeChange(e: CustomEvent) {\n    this.pageSize = e.detail.value;\n    this.pageNumber = 1;\n  }\n\n  /**\n   * Handler for the event when the page number is changed by the user.\n   * Updates the `pageNumber`.\n   *\n   * @param e - The emitted custom event with the selected page number.\n   */\n  private handlePageNumberChange(e: CustomEvent) {\n    this.pageNumber = e.detail.value;\n  }\n\n  override render() {\n    const numberOfPages = Math.ceil(this.count / this.pageSize);\n\n    return html`\n      ${!this.hideItemsRange\n        ? html`\n            <kyn-pagination-items-range\n              .pageNumber=${this.pageNumber}\n              .pageSize=${this.pageSize}\n              .count=${this.count}\n            ></kyn-pagination-items-range>\n          `\n        : null}\n      ${this.isMobile\n        ? null\n        : !this.hidePageSizeDropdown\n        ? html`\n            <kyn-pagination-page-size-dropdown\n              .pageSize=${this.pageSize}\n              .pageSizeOptions=${this.pageSizeOptions}\n              .pageSizeLabel=${this.pageSizeLabel}\n              @on-page-size-change=${this.handlePageSizeChange}\n            ></kyn-pagination-page-size-dropdown>\n          `\n        : null}\n      ${!this.hideNavigationButtons\n        ? html`\n            <kyn-pagination-navigation-buttons\n              .pageNumber=${this.pageNumber}\n              .numberOfPages=${numberOfPages}\n              @on-page-number-change=${this.handlePageNumberChange}\n            ></kyn-pagination-navigation-buttons>\n          `\n        : null}\n    `;\n  }\n}\n\n// Define the custom element in the global namespace\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-pagination': Pagination;\n  }\n}\n"],"names":["Pagination","LitElement","constructor","this","count","pageNumber","pageSize","pageSizeOptions","pageSizeLabel","PAGE_SIZE_LABEL","hideItemsRange","hidePageSizeDropdown","hideNavigationButtons","isMobile","window","innerWidth","BREAKPOINT","handlePageSizeChange","e","detail","value","handlePageNumberChange","render","numberOfPages","Math","ceil","html","styles","__decorate","property","type","Number","prototype","reflect","String","Boolean","state","customElement"],"mappings":"y2BAsBO,IAAMA,EAAN,cAAyBC,EAAzBC,kCAKLC,KAAKC,MAAG,EAIRD,KAAUE,WAAG,EAIbF,KAAQG,SAAG,EAIXH,KAAAI,gBAA4B,CAAC,EAAG,GAAI,GAAI,GAAI,GAAI,GAAI,KAIpDJ,KAAaK,cAAGC,EAIhBN,KAAcO,gBAAG,EAIjBP,KAAoBQ,sBAAG,EAIvBR,KAAqBS,uBAAG,EAOxBT,KAAAU,SAAWC,OAAOC,WAAaC,CA2DhC,CAnDSC,qBAAqBC,GAC3Bf,KAAKG,SAAWY,EAAEC,OAAOC,MACzBjB,KAAKE,WAAa,CACnB,CAQOgB,uBAAuBH,GAC7Bf,KAAKE,WAAaa,EAAEC,OAAOC,KAC5B,CAEQE,SACP,MAAMC,EAAgBC,KAAKC,KAAKtB,KAAKC,MAAQD,KAAKG,UAElD,OAAOoB,CAAI;QACNvB,KAAKO,eAQJ,KAPAgB,CAAI;;4BAEcvB,KAAKE;0BACPF,KAAKG;uBACRH,KAAKC;;;QAIpBD,KAAKU,UAEFV,KAAKQ,qBADN,KAEAe,CAAI;;0BAEYvB,KAAKG;iCACEH,KAAKI;+BACPJ,KAAKK;qCACCL,KAAKc;;;QAIjCd,KAAKS,sBAQJ,KAPAc,CAAI;;4BAEcvB,KAAKE;+BACFkB;uCACQpB,KAAKkB;;;KAKzC,GAjGerB,EAAA2B,OAAS,CAACA,GAI1BC,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACR/B,EAAAgC,UAAA,aAAA,GAIVJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,OAAQE,SAAS,KACpBjC,EAAAgC,UAAA,kBAAA,GAIfJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACL/B,EAAAgC,UAAA,gBAAA,GAIbJ,EAAA,CADCC,EAAS,CAAEC,cAC6C9B,EAAAgC,UAAA,uBAAA,GAIzDJ,EAAA,CADCC,EAAS,CAAEC,KAAMI,UACclC,EAAAgC,UAAA,qBAAA,GAIhCJ,EAAA,CADCC,EAAS,CAAEC,KAAMK,WACKnC,EAAAgC,UAAA,sBAAA,GAIvBJ,EAAA,CADCC,EAAS,CAAEC,KAAMK,WACWnC,EAAAgC,UAAA,4BAAA,GAI7BJ,EAAA,CADCC,EAAS,CAAEC,KAAMK,WACYnC,EAAAgC,UAAA,6BAAA,GAO9BJ,EAAA,CADCQ,KACyCpC,EAAAgC,UAAA,gBAAA,GAxC/BhC,EAAU4B,EAAA,CADtBS,EAAc,mBACFrC"}

package/components/reusable/table/data-table.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/table/data-table.stories.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,OAAO,6DAA6D,CAAC;AACrE,OAAO,2DAA2D,CAAC;AAGnE,OAAO,SAAS,CAAC;AACjB,OAAO,cAAc,CAAC;AACtB,OAAO,6BAA6B,CAAC;AACrC,OAAO,+BAA+B,CAAC;AAGvC,QAAA,MAAM,IAAI,EAAE,IAiCX,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,KAAK,KAAK,GAAG,QAAQ,GAAG;IACtB,IAAI,CAAC,EAAE;QACL,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;KAC5B,CAAC;CACH,CAAC;AAqYF,eAAO,MAAM,UAAU,SAAU,GAAG,yCA4CnC,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAS1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAcvB,CAAC"}
+{"version":3,"file":"data-table.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/table/data-table.stories.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,OAAO,6DAA6D,CAAC;AACrE,OAAO,2DAA2D,CAAC;AAGnE,OAAO,SAAS,CAAC;AACjB,OAAO,cAAc,CAAC;AACtB,OAAO,6BAA6B,CAAC;AACrC,OAAO,+BAA+B,CAAC;AAGvC,QAAA,MAAM,IAAI,EAAE,IAgCX,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,KAAK,KAAK,GAAG,QAAQ,GAAG;IACtB,IAAI,CAAC,EAAE;QACL,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;KAC5B,CAAC;CACH,CAAC;AAqYF,eAAO,MAAM,UAAU,SAAU,GAAG,yCA4CnC,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAS1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAcvB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kyndryl-design-system/shidoka-applications",
-  "version": "1.3.5",
+  "version": "1.3.7",
   "description": "Shidoka Web Components for Applications",
   "main": "index.js",
   "type": "module",